@snapcall/design-system 1.17.1 → 1.18.0

package/dist/index.mjs

@@ -52984,14 +52984,47 @@ var PopoverContent = React15.forwardRef((_a, ref) => {
 });
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 
-// src/components/Select/Select.tsx
+// src/components/RadioGroup/RadioGroup.tsx
 import * as React16 from "react";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import { jsx as jsx1242 } from "react/jsx-runtime";
+var RadioGroup2 = React16.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx1242(
+    RadioGroupPrimitive.Root,
+    __spreadProps(__spreadValues({
+      className: cn("grid gap-2", className)
+    }, props), {
+      ref
+    })
+  );
+});
+RadioGroup2.displayName = RadioGroupPrimitive.Root.displayName;
+var RadioGroupItem = React16.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx1242(
+    RadioGroupPrimitive.Item,
+    __spreadProps(__spreadValues({
+      ref,
+      className: cn(
+        "aspect-square h-4 w-4 bg-gray-50 rounded-full border border-gray-200 data-[state=checked]:border-blue-700 ring-blue-300 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-300 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      )
+    }, props), {
+      children: /* @__PURE__ */ jsx1242(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx1242("span", { className: "h-2 w-2 rounded-full bg-blue-700" }) })
+    })
+  );
+});
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
+
+// src/components/Select/Select.tsx
+import * as React17 from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
-import { jsx as jsx1242, jsxs as jsxs1018 } from "react/jsx-runtime";
+import { jsx as jsx1243, jsxs as jsxs1018 } from "react/jsx-runtime";
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React16.forwardRef((_a, ref) => {
+var SelectTrigger = React17.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
   const isDisabled = props["data-is-disabled"];
   return /* @__PURE__ */ jsxs1018(
@@ -53011,15 +53044,15 @@ var SelectTrigger = React16.forwardRef((_a, ref) => {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx1242(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx1242(ChevronSelectorVerticalIcon, { size: "16", className: "w-4 h-4 opacity-50" }) })
+        /* @__PURE__ */ jsx1243(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx1243(ChevronSelectorVerticalIcon, { size: "16", className: "w-4 h-4 opacity-50" }) })
       ]
     })
   );
 });
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectContent = React16.forwardRef((_a, ref) => {
+var SelectContent = React17.forwardRef((_a, ref) => {
   var _b = _a, { className, children, position = "popper" } = _b, props = __objRest(_b, ["className", "children", "position"]);
-  return /* @__PURE__ */ jsx1242(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx1242(
+  return /* @__PURE__ */ jsx1243(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx1243(
     SelectPrimitive.Content,
     __spreadProps(__spreadValues({
       ref,
@@ -53030,7 +53063,7 @@ var SelectContent = React16.forwardRef((_a, ref) => {
       ),
       position
     }, props), {
-      children: /* @__PURE__ */ jsx1242(
+      children: /* @__PURE__ */ jsx1243(
         SelectPrimitive.Viewport,
         {
           className: cn(
@@ -53044,9 +53077,9 @@ var SelectContent = React16.forwardRef((_a, ref) => {
   ) });
 });
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React16.forwardRef((_a, ref) => {
+var SelectLabel = React17.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx1242(
+  return /* @__PURE__ */ jsx1243(
     SelectPrimitive.Label,
     __spreadValues({
       ref,
@@ -53055,9 +53088,9 @@ var SelectLabel = React16.forwardRef((_a, ref) => {
   );
 });
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React16.forwardRef((_a, ref) => {
+var SelectItem = React17.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsx1242(
+  return /* @__PURE__ */ jsx1243(
     SelectPrimitive.Item,
     __spreadProps(__spreadValues({
       ref,
@@ -53066,14 +53099,14 @@ var SelectItem = React16.forwardRef((_a, ref) => {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx1242(SelectPrimitive.ItemText, { children })
+      children: /* @__PURE__ */ jsx1243(SelectPrimitive.ItemText, { children })
     })
   );
 });
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React16.forwardRef((_a, ref) => {
+var SelectSeparator = React17.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx1242(
+  return /* @__PURE__ */ jsx1243(
     SelectPrimitive.Separator,
     __spreadValues({
       ref,
@@ -53084,30 +53117,30 @@ var SelectSeparator = React16.forwardRef((_a, ref) => {
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/components/Sheet/Sheet.tsx
-import * as React17 from "react";
+import * as React18 from "react";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { cva as cva4 } from "class-variance-authority";
-import { jsx as jsx1243, jsxs as jsxs1019 } from "react/jsx-runtime";
+import { jsx as jsx1244, jsxs as jsxs1019 } from "react/jsx-runtime";
 var Sheet = SheetPrimitive.Root;
 var SheetTrigger = SheetPrimitive.Trigger;
-var SheetClose = React17.forwardRef((_a, ref) => {
+var SheetClose = React18.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx1243(
+  return /* @__PURE__ */ jsx1244(
     SheetPrimitive.Close,
     __spreadProps(__spreadValues({
       className: cn("absolute right-0 top-0", className)
     }, props), {
       ref,
       asChild: true,
-      children: /* @__PURE__ */ jsx1243(Button, { size: "sm", variant: "secondary", icon: true, children: /* @__PURE__ */ jsx1243(XCloseIcon, { size: 16 }) })
+      children: /* @__PURE__ */ jsx1244(Button, { size: "sm", variant: "secondary", icon: true, children: /* @__PURE__ */ jsx1244(XCloseIcon, { size: 16 }) })
     })
   );
 });
 SheetClose.displayName = SheetPrimitive.Close.displayName;
 var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React17.forwardRef((_a, ref) => {
+var SheetOverlay = React18.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx1243(
+  return /* @__PURE__ */ jsx1244(
     SheetPrimitive.Overlay,
     __spreadProps(__spreadValues({
       className: cn(
@@ -53136,7 +53169,7 @@ var sheetVariants = cva4(
     }
   }
 );
-var SheetContent = React17.forwardRef(
+var SheetContent = React18.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       side = "right",
@@ -53152,8 +53185,8 @@ var SheetContent = React17.forwardRef(
       "overlay"
     ]);
     return /* @__PURE__ */ jsxs1019(SheetPortal, { container, children: [
-      overlay && /* @__PURE__ */ jsx1243(SheetOverlay, { className: cn({ absolute: Boolean(container) }) }),
-      /* @__PURE__ */ jsx1243(
+      overlay && /* @__PURE__ */ jsx1244(SheetOverlay, { className: cn({ absolute: Boolean(container) }) }),
+      /* @__PURE__ */ jsx1244(
         SheetPrimitive.Content,
         __spreadProps(__spreadValues({
           ref,
@@ -53182,7 +53215,7 @@ var SheetHeader = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx1243(
+  return /* @__PURE__ */ jsx1244(
     "div",
     __spreadValues({
       className: cn("flex justify-between relative flex-col gap-2", className)
@@ -53190,14 +53223,14 @@ var SheetHeader = (_a) => {
   );
 };
 SheetHeader.displayName = "SheetHeader";
-var SheetTitle = React17.forwardRef((_a, ref) => {
+var SheetTitle = React18.forwardRef((_a, ref) => {
   var _b = _a, { className, icon } = _b, props = __objRest(_b, ["className", "icon"]);
   return /* @__PURE__ */ jsxs1019("div", { className: "flex gap-3 items-center py-2 pr-2 overflow-hidden mr-9", children: [
-    icon && React17.cloneElement(icon, {
+    icon && React18.cloneElement(icon, {
       size: 18,
       className: cn("shrink-0", icon.props.className)
     }),
-    /* @__PURE__ */ jsx1243(
+    /* @__PURE__ */ jsx1244(
       SheetPrimitive.Title,
       __spreadValues({
         ref,
@@ -53207,9 +53240,9 @@ var SheetTitle = React17.forwardRef((_a, ref) => {
   ] });
 });
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
-var SheetDescription = React17.forwardRef((_a, ref) => {
+var SheetDescription = React18.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx1243(
+  return /* @__PURE__ */ jsx1244(
     SheetPrimitive.Description,
     __spreadValues({
       ref,
@@ -53220,14 +53253,14 @@ var SheetDescription = React17.forwardRef((_a, ref) => {
 SheetDescription.displayName = SheetPrimitive.Description.displayName;
 
 // src/components/Skeleton/Skeleton.tsx
-import { jsx as jsx1244 } from "react/jsx-runtime";
+import { jsx as jsx1245 } from "react/jsx-runtime";
 function Skeleton(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx1244(
+  return /* @__PURE__ */ jsx1245(
     "div",
     __spreadValues({
       className: cn("animate-pulse rounded-full bg-gray-100", className)
@@ -53236,12 +53269,12 @@ function Skeleton(_a) {
 }
 
 // src/components/Switch/Switch.tsx
-import * as React18 from "react";
+import * as React19 from "react";
 import * as SwitchPrimitive from "@radix-ui/react-switch";
-import { jsx as jsx1245 } from "react/jsx-runtime";
-var Switch = React18.forwardRef((_a, ref) => {
+import { jsx as jsx1246 } from "react/jsx-runtime";
+var Switch = React19.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx1245(
+  return /* @__PURE__ */ jsx1246(
     SwitchPrimitive.Root,
     __spreadProps(__spreadValues({
       className: cn(
@@ -53250,18 +53283,18 @@ var Switch = React18.forwardRef((_a, ref) => {
       )
     }, props), {
       ref,
-      children: /* @__PURE__ */ jsx1245(SwitchPrimitive.Thumb, { className: "inline-block w-4 h-4 bg-gray-600 rounded-full translate-x-0.5 data-[state=checked]:translate-x-5 data-[state=checked]:bg-white transition-transform ease-linear will-change-transform" })
+      children: /* @__PURE__ */ jsx1246(SwitchPrimitive.Thumb, { className: "inline-block w-4 h-4 bg-gray-600 rounded-full translate-x-0.5 data-[state=checked]:translate-x-5 data-[state=checked]:bg-white transition-transform ease-linear will-change-transform" })
     })
   );
 });
 Switch.displayName = SwitchPrimitive.Root.displayName;
 
 // src/components/Table/Table.tsx
-import * as React19 from "react";
-import { jsx as jsx1246, jsxs as jsxs1020 } from "react/jsx-runtime";
-var Table = React19.forwardRef((_a, ref) => {
+import * as React20 from "react";
+import { jsx as jsx1247, jsxs as jsxs1020 } from "react/jsx-runtime";
+var Table = React20.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx1246("div", { className: "w-full overflow-auto border rounded-lg", children: /* @__PURE__ */ jsx1246(
+  return /* @__PURE__ */ jsx1247("div", { className: "w-full overflow-auto border rounded-lg", children: /* @__PURE__ */ jsx1247(
     "table",
     __spreadValues({
       ref,
@@ -53270,9 +53303,9 @@ var Table = React19.forwardRef((_a, ref) => {
   ) });
 });
 Table.displayName = "Table";
-var TableHeader = React19.forwardRef((_a, ref) => {
+var TableHeader = React20.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx1246(
+  return /* @__PURE__ */ jsx1247(
     "thead",
     __spreadValues({
       ref,
@@ -53281,9 +53314,9 @@ var TableHeader = React19.forwardRef((_a, ref) => {
   );
 });
 TableHeader.displayName = "TableHeader";
-var TableBody = React19.forwardRef((_a, ref) => {
+var TableBody = React20.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx1246(
+  return /* @__PURE__ */ jsx1247(
     "tbody",
     __spreadValues({
       ref,
@@ -53295,9 +53328,9 @@ var TableBody = React19.forwardRef((_a, ref) => {
   );
 });
 TableBody.displayName = "TableBody";
-var TableRow = React19.forwardRef((_a, ref) => {
+var TableRow = React20.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx1246(
+  return /* @__PURE__ */ jsx1247(
     "tr",
     __spreadValues({
       ref,
@@ -53309,9 +53342,9 @@ var TableRow = React19.forwardRef((_a, ref) => {
   );
 });
 TableRow.displayName = "TableRow";
-var TableHead = React19.forwardRef((_a, ref) => {
+var TableHead = React20.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx1246(
+  return /* @__PURE__ */ jsx1247(
     "th",
     __spreadValues({
       ref,
@@ -53323,9 +53356,9 @@ var TableHead = React19.forwardRef((_a, ref) => {
   );
 });
 TableHead.displayName = "TableHead";
-var TableCell = React19.forwardRef((_a, ref) => {
+var TableCell = React20.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx1246(
+  return /* @__PURE__ */ jsx1247(
     "td",
     __spreadValues({
       ref,
@@ -53337,7 +53370,7 @@ var TableCell = React19.forwardRef((_a, ref) => {
   );
 });
 TableCell.displayName = "TableCell";
-var TableEmpty = React19.forwardRef((_a, ref) => {
+var TableEmpty = React20.forwardRef((_a, ref) => {
   var _b = _a, { className, title, description, children } = _b, props = __objRest(_b, ["className", "title", "description", "children"]);
   return /* @__PURE__ */ jsxs1020(
     "div",
@@ -53346,9 +53379,9 @@ var TableEmpty = React19.forwardRef((_a, ref) => {
       className: cn("flex flex-col gap-6 items-center py-12", className)
     }, props), {
       children: [
-        title && /* @__PURE__ */ jsx1246("span", { className: "text-lg font-semibold text-gray-1000", children: title }),
-        description && /* @__PURE__ */ jsx1246("span", { className: "text-sm font-normal text-gray-900", children: description }),
-        /* @__PURE__ */ jsx1246("div", { children })
+        title && /* @__PURE__ */ jsx1247("span", { className: "text-lg font-semibold text-gray-1000", children: title }),
+        description && /* @__PURE__ */ jsx1247("span", { className: "text-sm font-normal text-gray-900", children: description }),
+        /* @__PURE__ */ jsx1247("div", { children })
       ]
     })
   );
@@ -53356,13 +53389,13 @@ var TableEmpty = React19.forwardRef((_a, ref) => {
 TableEmpty.displayName = "TableEmpty";
 
 // src/components/Tabs/Tabs.tsx
-import * as React20 from "react";
+import * as React21 from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { jsx as jsx1247 } from "react/jsx-runtime";
+import { jsx as jsx1248 } from "react/jsx-runtime";
 var Tabs = TabsPrimitive.Root;
-var TabsList = React20.forwardRef((_a, ref) => {
+var TabsList = React21.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx1247(
+  return /* @__PURE__ */ jsx1248(
     TabsPrimitive.List,
     __spreadValues({
       ref,
@@ -53374,9 +53407,9 @@ var TabsList = React20.forwardRef((_a, ref) => {
   );
 });
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React20.forwardRef((_a, ref) => {
+var TabsTrigger = React21.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx1247(
+  return /* @__PURE__ */ jsx1248(
     TabsPrimitive.Trigger,
     __spreadValues({
       ref,
@@ -53391,9 +53424,9 @@ var TabsTrigger = React20.forwardRef((_a, ref) => {
   );
 });
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React20.forwardRef((_a, ref) => {
+var TabsContent = React21.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx1247(
+  return /* @__PURE__ */ jsx1248(
     TabsPrimitive.Content,
     __spreadValues({
       ref,
@@ -53407,13 +53440,13 @@ var TabsContent = React20.forwardRef((_a, ref) => {
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // src/components/Textarea/Textarea.tsx
-import * as React21 from "react";
-import { jsx as jsx1248 } from "react/jsx-runtime";
-var Textarea = React21.forwardRef(
+import * as React22 from "react";
+import { jsx as jsx1249 } from "react/jsx-runtime";
+var Textarea = React22.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, disabled } = _b, props = __objRest(_b, ["className", "disabled"]);
     const isDisabled = !!props["data-is-disabled"] || disabled;
-    return /* @__PURE__ */ jsx1248("div", { className: "flex gap-2", children: /* @__PURE__ */ jsx1248(
+    return /* @__PURE__ */ jsx1249("div", { className: "flex gap-2", children: /* @__PURE__ */ jsx1249(
       "div",
       {
         className: cn(
@@ -53424,7 +53457,7 @@ var Textarea = React21.forwardRef(
           },
           className
         ),
-        children: /* @__PURE__ */ jsx1248(
+        children: /* @__PURE__ */ jsx1249(
           "textarea",
           __spreadProps(__spreadValues({}, props), {
             disabled: isDisabled,
@@ -53439,14 +53472,14 @@ var Textarea = React21.forwardRef(
 Textarea.displayName = "Textarea";
 
 // src/components/Toaster/Toast.tsx
-import * as React22 from "react";
+import * as React23 from "react";
 import * as ToastPrimitives from "@radix-ui/react-toast";
 import { cva as cva5 } from "class-variance-authority";
-import { jsx as jsx1249 } from "react/jsx-runtime";
+import { jsx as jsx1250 } from "react/jsx-runtime";
 var ToastProvider = ToastPrimitives.Provider;
-var ToastViewport = React22.forwardRef((_a, ref) => {
+var ToastViewport = React23.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx1249(
+  return /* @__PURE__ */ jsx1250(
     ToastPrimitives.Viewport,
     __spreadValues({
       ref,
@@ -53472,9 +53505,9 @@ var toastVariants = cva5(
     }
   }
 );
-var Toast = React22.forwardRef((_a, ref) => {
+var Toast = React23.forwardRef((_a, ref) => {
   var _b = _a, { className, variant } = _b, props = __objRest(_b, ["className", "variant"]);
-  return /* @__PURE__ */ jsx1249(
+  return /* @__PURE__ */ jsx1250(
     ToastPrimitives.Root,
     __spreadValues({
       ref,
@@ -53483,28 +53516,28 @@ var Toast = React22.forwardRef((_a, ref) => {
   );
 });
 Toast.displayName = ToastPrimitives.Root.displayName;
-var ToastAction = React22.forwardRef((_a, ref) => {
+var ToastAction = React23.forwardRef((_a, ref) => {
   var _b = _a, { className, altText } = _b, props = __objRest(_b, ["className", "altText"]);
-  return /* @__PURE__ */ jsx1249(ToastPrimitives.Action, { altText, ref, asChild: true, children: /* @__PURE__ */ jsx1249(Button, __spreadValues({ size: "xs" }, props)) });
+  return /* @__PURE__ */ jsx1250(ToastPrimitives.Action, { altText, ref, asChild: true, children: /* @__PURE__ */ jsx1250(Button, __spreadValues({ size: "xs" }, props)) });
 });
 ToastAction.displayName = ToastPrimitives.Action.displayName;
-var ToastClose = React22.forwardRef((_a, ref) => {
+var ToastClose = React23.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx1249(
+  return /* @__PURE__ */ jsx1250(
     ToastPrimitives.Close,
     __spreadProps(__spreadValues({
       ref,
       className: cn("focus:outline-none focus:ring-1", className),
       "toast-close": ""
     }, props), {
-      children: /* @__PURE__ */ jsx1249(XCloseIcon, { className: "text-white", size: 16 })
+      children: /* @__PURE__ */ jsx1250(XCloseIcon, { className: "text-white", size: 16 })
     })
   );
 });
 ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React22.forwardRef((_a, ref) => {
+var ToastTitle = React23.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx1249(
+  return /* @__PURE__ */ jsx1250(
     ToastPrimitives.Title,
     __spreadValues({
       ref,
@@ -53513,9 +53546,9 @@ var ToastTitle = React22.forwardRef((_a, ref) => {
   );
 });
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React22.forwardRef((_a, ref) => {
+var ToastDescription = React23.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx1249(
+  return /* @__PURE__ */ jsx1250(
     ToastPrimitives.Description,
     __spreadValues({
       ref,
@@ -53526,10 +53559,10 @@ var ToastDescription = React22.forwardRef((_a, ref) => {
 ToastDescription.displayName = ToastPrimitives.Description.displayName;
 
 // src/components/Toaster/Toaster.tsx
-import React24 from "react";
+import React25 from "react";
 
 // src/components/Toaster/useToast.tsx
-import * as React23 from "react";
+import * as React24 from "react";
 var TOAST_LIMIT = 3;
 var TOAST_REMOVE_DELAY = 1e6;
 var count = 0;
@@ -53638,8 +53671,8 @@ var toast = (parentId) => (_a) => {
   };
 };
 function useToast({ toasterId = "default" } = {}) {
-  const [state, setState] = React23.useState(memoryState);
-  React23.useEffect(() => {
+  const [state, setState] = React24.useState(memoryState);
+  React24.useEffect(() => {
     listeners.push(setState);
     return () => {
       const index = listeners.indexOf(setState);
@@ -53655,7 +53688,7 @@ function useToast({ toasterId = "default" } = {}) {
 }
 
 // src/components/Toaster/Toaster.tsx
-import { jsx as jsx1250, jsxs as jsxs1021 } from "react/jsx-runtime";
+import { jsx as jsx1251, jsxs as jsxs1021 } from "react/jsx-runtime";
 var ToastContent = ({
   title,
   description,
@@ -53666,16 +53699,16 @@ var ToastContent = ({
   return /* @__PURE__ */ jsxs1021("div", { className: "flex flex-col gap-2 overflow-hidden", children: [
     /* @__PURE__ */ jsxs1021("div", { className: "flex items-center gap-4", children: [
       /* @__PURE__ */ jsxs1021("div", { className: "flex items-center flex-grow gap-2 overflow-hidden", children: [
-        icon && React24.cloneElement(icon, {
+        icon && React25.cloneElement(icon, {
           size: 16,
           className: cn("shrink-0", icon.props.className)
         }),
-        title && /* @__PURE__ */ jsx1250(ToastTitle, { children: title })
+        title && /* @__PURE__ */ jsx1251(ToastTitle, { children: title })
       ] }),
       actions,
-      !hideClose && /* @__PURE__ */ jsx1250(ToastClose, {})
+      !hideClose && /* @__PURE__ */ jsx1251(ToastClose, {})
     ] }),
-    description && /* @__PURE__ */ jsx1250(ToastDescription, { children: description })
+    description && /* @__PURE__ */ jsx1251(ToastDescription, { children: description })
   ] });
 };
 function Toaster(_a) {
@@ -53707,7 +53740,7 @@ function Toaster(_a) {
           "icon",
           "hideClose"
         ]);
-        return /* @__PURE__ */ jsx1250(Toast, __spreadProps(__spreadValues({}, props2), { children: /* @__PURE__ */ jsx1250(
+        return /* @__PURE__ */ jsx1251(Toast, __spreadProps(__spreadValues({}, props2), { children: /* @__PURE__ */ jsx1251(
           ToastContent,
           {
             title,
@@ -53719,27 +53752,129 @@ function Toaster(_a) {
         ) }), id);
       }
     ),
-    /* @__PURE__ */ jsx1250(ToastViewport, { className })
+    /* @__PURE__ */ jsx1251(ToastViewport, { className })
   ] }));
 }
 
+// src/components/ToggleGroup/ToggleGroup.tsx
+import * as React26 from "react";
+import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
+import { jsx as jsx1252, jsxs as jsxs1022 } from "react/jsx-runtime";
+var ToggleGroupContext = React26.createContext({
+  direction: "row",
+  type: "single"
+});
+var ToggleGroup = React26.forwardRef((_a, ref) => {
+  var _b = _a, { className, direction = "row", children } = _b, props = __objRest(_b, ["className", "direction", "children"]);
+  const { type = "single" } = props;
+  return /* @__PURE__ */ jsx1252(
+    ToggleGroupPrimitive.Root,
+    __spreadProps(__spreadValues({
+      ref,
+      className: cn(
+        "flex gap-2",
+        direction === "row" ? "flex-row" : "flex-col",
+        className
+      )
+    }, props), {
+      children: /* @__PURE__ */ jsx1252(ToggleGroupContext.Provider, { value: { direction, type }, children })
+    })
+  );
+});
+ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
+var ToggleGroupItem = React26.forwardRef((_a, ref) => {
+  var _b = _a, { title, description, icon, image, className, children } = _b, props = __objRest(_b, ["title", "description", "icon", "image", "className", "children"]);
+  const { direction, type } = React26.useContext(ToggleGroupContext);
+  const isRow = direction === "row";
+  return /* @__PURE__ */ jsxs1022(
+    ToggleGroupPrimitive.Item,
+    __spreadProps(__spreadValues({
+      ref,
+      className: cn(
+        "flex border-2 border-gray-200 data-[state=on]:border-blue-700 p-2 rounded-lg group",
+        "focus-visible:outline-none focus-visible:ring-blue-300 focus-visible:ring-2 focus-visible:ring-offset-2",
+        isRow ? "gap-2" : "gap-2.5",
+        className
+      )
+    }, props), {
+      children: [
+        isRow && /* @__PURE__ */ jsx1252("span", { className: "w-4" }),
+        /* @__PURE__ */ jsx1252("div", { className: "flex flex-col flex-1 self-center min-w-0", children: /* @__PURE__ */ jsxs1022(
+          "div",
+          {
+            className: cn(
+              "flex items-center",
+              isRow ? "flex-col gap-2" : "flex-row gap-2.5"
+            ),
+            children: [
+              (icon || image) && /* @__PURE__ */ jsxs1022(
+                "div",
+                {
+                  className: cn(
+                    "flex justify-center items-center w-8 h-8 border-gray-200 rounded shrink-0",
+                    { border: !isRow }
+                  ),
+                  children: [
+                    icon && React26.cloneElement(icon, { size: isRow ? 24 : 16 }),
+                    image && /* @__PURE__ */ jsx1252("div", { className: "w-full h-full border border-gray-200 rounded min-w-0 overflow-hidden", children: image })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs1022(
+                "div",
+                {
+                  className: cn(
+                    "flex flex-col w-full min-w-0",
+                    isRow ? "text-center" : "text-left"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx1252("h4", { className: "text-sm font-medium truncate", children: title }),
+                    /* @__PURE__ */ jsx1252("span", { className: "text-xs text-gray-900 truncate", children: description })
+                  ]
+                }
+              )
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx1252(
+          "div",
+          {
+            className: cn(
+              "flex items-center justify-center w-4 h-4 bg-gray-50 border border-gray-200 group-data-[state=on]:border-blue-700",
+              type === "single" ? "rounded-full" : "rounded"
+            ),
+            children: type === "single" ? /* @__PURE__ */ jsx1252("span", { className: "h-2 w-2 rounded-full bg-blue-700 group-data-[state=off]:bg-transparent" }) : /* @__PURE__ */ jsx1252("div", { className: "flex justify-center items-center w-full h-full bg-blue-700 group-data-[state=off]:bg-transparent", children: /* @__PURE__ */ jsx1252(
+              CheckIcon,
+              {
+                size: 10,
+                className: "text-white group-data-[state=off]:text-transparent"
+              }
+            ) })
+          }
+        )
+      ]
+    })
+  );
+});
+ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
+
 // src/components/Tooltip/Tooltip.tsx
-import * as React25 from "react";
+import * as React27 from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { jsx as jsx1251 } from "react/jsx-runtime";
+import { jsx as jsx1253 } from "react/jsx-runtime";
 var TooltipProvider = (_a) => {
   var _b = _a, {
     delayDuration = 0
   } = _b, props = __objRest(_b, [
     "delayDuration"
   ]);
-  return /* @__PURE__ */ jsx1251(TooltipPrimitive.Provider, __spreadValues({ delayDuration }, props));
+  return /* @__PURE__ */ jsx1253(TooltipPrimitive.Provider, __spreadValues({ delayDuration }, props));
 };
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React25.forwardRef((_a, ref) => {
+var TooltipContent = React27.forwardRef((_a, ref) => {
   var _b = _a, { className, sideOffset = 4 } = _b, props = __objRest(_b, ["className", "sideOffset"]);
-  return /* @__PURE__ */ jsx1251(
+  return /* @__PURE__ */ jsx1253(
     TooltipPrimitive.Content,
     __spreadValues({
       ref,
@@ -54729,6 +54864,8 @@ export {
   QrCode1Icon,
   QrCode2Icon,
   QrCodeIcon,
+  RadioGroup2 as RadioGroup,
+  RadioGroupItem,
   ReceiptCheckIcon,
   ReceiptIcon,
   Recording1Icon,
@@ -54962,6 +55099,8 @@ export {
   Toggle2RightIcon,
   Toggle3LeftIcon,
   Toggle3RightIcon,
+  ToggleGroup,
+  ToggleGroupItem,
   Tool1Icon,
   Tool2Icon,
   Tooltip,