From 9a08fb6e0e03ebd7a31ecebb2186775ab0e4162e Mon Sep 17 00:00:00 2001 From: MyButtermilk Date: Sun, 27 Sep 2026 20:50:43 +0200 Subject: [PATCH] refactor(ui): remove unused standalone toggle wrapper --- .../client/src/components/ui/toggle-group.tsx | 24 +++++++++++- Frontend/client/src/components/ui/toggle.tsx | 37 ------------------- 2 files changed, 22 insertions(+), 39 deletions(-) delete mode 100644 Frontend/client/src/components/ui/toggle.tsx diff --git a/Frontend/client/src/components/ui/toggle-group.tsx b/Frontend/client/src/components/ui/toggle-group.tsx index 9921cb90..b1065b2d 100644 --- a/Frontend/client/src/components/ui/toggle-group.tsx +++ b/Frontend/client/src/components/ui/toggle-group.tsx @@ -2,10 +2,30 @@ import * as React from "react"; import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group"; -import { type VariantProps } from "class-variance-authority"; +import { cva, type VariantProps } from "class-variance-authority"; import { cn } from "@/lib/utils"; -import { toggleVariants } from "@/components/ui/toggle"; + +const toggleVariants = cva( + "ui-pressable ui-hit-target ui-selection-toggle inline-flex items-center justify-center gap-2 rounded-xl border border-transparent text-sm font-medium transition-[color,background-color,border-color,box-shadow,transform] duration-[var(--duration-quick)] ease-[var(--ease-smooth-out)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 data-[state=on]:text-foreground motion-reduce:transform-none motion-reduce:transition-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", + { + variants: { + variant: { + default: "bg-transparent ui-hover-muted", + outline: "border border-input bg-transparent shadow-sm ui-hover-accent", + }, + size: { + default: "h-9 min-w-9 px-2", + sm: "h-8 min-w-8 px-1.5", + lg: "h-10 min-w-10 px-2.5", + }, + }, + defaultVariants: { + variant: "default", + size: "default", + }, + }, +); const ToggleGroupContext = React.createContext>({ size: "default", diff --git a/Frontend/client/src/components/ui/toggle.tsx b/Frontend/client/src/components/ui/toggle.tsx deleted file mode 100644 index f8caa086..00000000 --- a/Frontend/client/src/components/ui/toggle.tsx +++ /dev/null @@ -1,37 +0,0 @@ -import * as React from "react"; -import * as TogglePrimitive from "@radix-ui/react-toggle"; -import { cva, type VariantProps } from "class-variance-authority"; - -import { cn } from "@/lib/utils"; - -const toggleVariants = cva( - "ui-pressable ui-hit-target ui-selection-toggle inline-flex items-center justify-center gap-2 rounded-xl border border-transparent text-sm font-medium transition-[color,background-color,border-color,box-shadow,transform] duration-[var(--duration-quick)] ease-[var(--ease-smooth-out)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 data-[state=on]:text-foreground motion-reduce:transform-none motion-reduce:transition-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", - { - variants: { - variant: { - default: "bg-transparent ui-hover-muted", - outline: "border border-input bg-transparent shadow-sm ui-hover-accent", - }, - size: { - default: "h-9 min-w-9 px-2", - sm: "h-8 min-w-8 px-1.5", - lg: "h-10 min-w-10 px-2.5", - }, - }, - defaultVariants: { - variant: "default", - size: "default", - }, - }, -); - -const Toggle = React.forwardRef< - React.ElementRef, - React.ComponentPropsWithoutRef & VariantProps ->(({ className, variant, size, ...props }, ref) => ( - -)); - -Toggle.displayName = TogglePrimitive.Root.displayName; - -export { Toggle, toggleVariants };