@snapcall/design-system 1.17.0 → 1.18.0

package/dist/index.js

@@ -1035,6 +1035,8 @@ __export(src_exports, {
   QrCode1Icon: () => QrCode1Icon,
   QrCode2Icon: () => QrCode2Icon,
   QrCodeIcon: () => QrCodeIcon,
+  RadioGroup: () => RadioGroup2,
+  RadioGroupItem: () => RadioGroupItem,
   ReceiptCheckIcon: () => ReceiptCheckIcon,
   ReceiptIcon: () => ReceiptIcon,
   Recording1Icon: () => Recording1Icon,
@@ -1268,6 +1270,8 @@ __export(src_exports, {
   Toggle2RightIcon: () => Toggle2RightIcon,
   Toggle3LeftIcon: () => Toggle3LeftIcon,
   Toggle3RightIcon: () => Toggle3RightIcon,
+  ToggleGroup: () => ToggleGroup,
+  ToggleGroupItem: () => ToggleGroupItem,
   Tool1Icon: () => Tool1Icon,
   Tool2Icon: () => Tool2Icon,
   Tooltip: () => Tooltip,
@@ -54350,17 +54354,50 @@ var PopoverContent = React15.forwardRef((_a, ref) => {
 });
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 
-// src/components/Select/Select.tsx
+// src/components/RadioGroup/RadioGroup.tsx
 var React16 = __toESM(require("react"));
-var SelectPrimitive = __toESM(require("@radix-ui/react-select"));
+var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"));
 var import_jsx_runtime1242 = require("react/jsx-runtime");
+var RadioGroup2 = React16.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime1242.jsx)(
+    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__ */ (0, import_jsx_runtime1242.jsx)(
+    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__ */ (0, import_jsx_runtime1242.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime1242.jsx)("span", { className: "h-2 w-2 rounded-full bg-blue-700" }) })
+    })
+  );
+});
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
+
+// src/components/Select/Select.tsx
+var React17 = __toESM(require("react"));
+var SelectPrimitive = __toESM(require("@radix-ui/react-select"));
+var import_jsx_runtime1243 = require("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__ */ (0, import_jsx_runtime1242.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime1243.jsxs)(
     SelectPrimitive.Trigger,
     __spreadProps(__spreadValues({
       ref,
@@ -54377,15 +54414,15 @@ var SelectTrigger = React16.forwardRef((_a, ref) => {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime1242.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime1242.jsx)(ChevronSelectorVerticalIcon, { size: "16", className: "w-4 h-4 opacity-50" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime1243.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime1243.jsx)(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__ */ (0, import_jsx_runtime1242.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime1242.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime1243.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime1243.jsx)(
     SelectPrimitive.Content,
     __spreadProps(__spreadValues({
       ref,
@@ -54396,7 +54433,7 @@ var SelectContent = React16.forwardRef((_a, ref) => {
       ),
       position
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime1242.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime1243.jsx)(
         SelectPrimitive.Viewport,
         {
           className: cn(
@@ -54410,9 +54447,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__ */ (0, import_jsx_runtime1242.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime1243.jsx)(
     SelectPrimitive.Label,
     __spreadValues({
       ref,
@@ -54421,9 +54458,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__ */ (0, import_jsx_runtime1242.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime1243.jsx)(
     SelectPrimitive.Item,
     __spreadProps(__spreadValues({
       ref,
@@ -54432,14 +54469,14 @@ var SelectItem = React16.forwardRef((_a, ref) => {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime1242.jsx)(SelectPrimitive.ItemText, { children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime1243.jsx)(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__ */ (0, import_jsx_runtime1242.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime1243.jsx)(
     SelectPrimitive.Separator,
     __spreadValues({
       ref,
@@ -54450,30 +54487,30 @@ var SelectSeparator = React16.forwardRef((_a, ref) => {
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/components/Sheet/Sheet.tsx
-var React17 = __toESM(require("react"));
+var React18 = __toESM(require("react"));
 var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"));
 var import_class_variance_authority4 = require("class-variance-authority");
-var import_jsx_runtime1243 = require("react/jsx-runtime");
+var import_jsx_runtime1244 = require("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__ */ (0, import_jsx_runtime1243.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime1244.jsx)(
     SheetPrimitive.Close,
     __spreadProps(__spreadValues({
       className: cn("absolute right-0 top-0", className)
     }, props), {
       ref,
       asChild: true,
-      children: /* @__PURE__ */ (0, import_jsx_runtime1243.jsx)(Button, { size: "sm", variant: "secondary", icon: true, children: /* @__PURE__ */ (0, import_jsx_runtime1243.jsx)(XCloseIcon, { size: 16 }) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime1244.jsx)(Button, { size: "sm", variant: "secondary", icon: true, children: /* @__PURE__ */ (0, import_jsx_runtime1244.jsx)(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__ */ (0, import_jsx_runtime1243.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime1244.jsx)(
     SheetPrimitive.Overlay,
     __spreadProps(__spreadValues({
       className: cn(
@@ -54502,7 +54539,7 @@ var sheetVariants = (0, import_class_variance_authority4.cva)(
     }
   }
 );
-var SheetContent = React17.forwardRef(
+var SheetContent = React18.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       side = "right",
@@ -54517,9 +54554,9 @@ var SheetContent = React17.forwardRef(
       "container",
       "overlay"
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime1243.jsxs)(SheetPortal, { container, children: [
-      overlay && /* @__PURE__ */ (0, import_jsx_runtime1243.jsx)(SheetOverlay, { className: cn({ absolute: Boolean(container) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime1243.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime1244.jsxs)(SheetPortal, { container, children: [
+      overlay && /* @__PURE__ */ (0, import_jsx_runtime1244.jsx)(SheetOverlay, { className: cn({ absolute: Boolean(container) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime1244.jsx)(
         SheetPrimitive.Content,
         __spreadProps(__spreadValues({
           ref,
@@ -54548,7 +54585,7 @@ var SheetHeader = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime1243.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime1244.jsx)(
     "div",
     __spreadValues({
       className: cn("flex justify-between relative flex-col gap-2", className)
@@ -54556,14 +54593,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__ */ (0, import_jsx_runtime1243.jsxs)("div", { className: "flex gap-3 items-center py-2 pr-2 overflow-hidden mr-9", children: [
-    icon && React17.cloneElement(icon, {
+  return /* @__PURE__ */ (0, import_jsx_runtime1244.jsxs)("div", { className: "flex gap-3 items-center py-2 pr-2 overflow-hidden mr-9", children: [
+    icon && React18.cloneElement(icon, {
       size: 18,
       className: cn("shrink-0", icon.props.className)
     }),
-    /* @__PURE__ */ (0, import_jsx_runtime1243.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime1244.jsx)(
       SheetPrimitive.Title,
       __spreadValues({
         ref,
@@ -54573,9 +54610,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__ */ (0, import_jsx_runtime1243.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime1244.jsx)(
     SheetPrimitive.Description,
     __spreadValues({
       ref,
@@ -54586,14 +54623,14 @@ var SheetDescription = React17.forwardRef((_a, ref) => {
 SheetDescription.displayName = SheetPrimitive.Description.displayName;
 
 // src/components/Skeleton/Skeleton.tsx
-var import_jsx_runtime1244 = require("react/jsx-runtime");
+var import_jsx_runtime1245 = require("react/jsx-runtime");
 function Skeleton(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime1244.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime1245.jsx)(
     "div",
     __spreadValues({
       className: cn("animate-pulse rounded-full bg-gray-100", className)
@@ -54602,12 +54639,12 @@ function Skeleton(_a) {
 }
 
 // src/components/Switch/Switch.tsx
-var React18 = __toESM(require("react"));
+var React19 = __toESM(require("react"));
 var SwitchPrimitive = __toESM(require("@radix-ui/react-switch"));
-var import_jsx_runtime1245 = require("react/jsx-runtime");
-var Switch = React18.forwardRef((_a, ref) => {
+var import_jsx_runtime1246 = require("react/jsx-runtime");
+var Switch = React19.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime1245.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime1246.jsx)(
     SwitchPrimitive.Root,
     __spreadProps(__spreadValues({
       className: cn(
@@ -54616,18 +54653,18 @@ var Switch = React18.forwardRef((_a, ref) => {
       )
     }, props), {
       ref,
-      children: /* @__PURE__ */ (0, import_jsx_runtime1245.jsx)(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__ */ (0, import_jsx_runtime1246.jsx)(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
-var React19 = __toESM(require("react"));
-var import_jsx_runtime1246 = require("react/jsx-runtime");
-var Table = React19.forwardRef((_a, ref) => {
+var React20 = __toESM(require("react"));
+var import_jsx_runtime1247 = require("react/jsx-runtime");
+var Table = React20.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime1246.jsx)("div", { className: "w-full overflow-auto border rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime1246.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime1247.jsx)("div", { className: "w-full overflow-auto border rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime1247.jsx)(
     "table",
     __spreadValues({
       ref,
@@ -54636,9 +54673,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__ */ (0, import_jsx_runtime1246.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime1247.jsx)(
     "thead",
     __spreadValues({
       ref,
@@ -54647,9 +54684,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__ */ (0, import_jsx_runtime1246.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime1247.jsx)(
     "tbody",
     __spreadValues({
       ref,
@@ -54661,9 +54698,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__ */ (0, import_jsx_runtime1246.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime1247.jsx)(
     "tr",
     __spreadValues({
       ref,
@@ -54675,9 +54712,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__ */ (0, import_jsx_runtime1246.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime1247.jsx)(
     "th",
     __spreadValues({
       ref,
@@ -54689,9 +54726,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__ */ (0, import_jsx_runtime1246.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime1247.jsx)(
     "td",
     __spreadValues({
       ref,
@@ -54703,18 +54740,18 @@ 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__ */ (0, import_jsx_runtime1246.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime1247.jsxs)(
     "div",
     __spreadProps(__spreadValues({
       ref,
       className: cn("flex flex-col gap-6 items-center py-12", className)
     }, props), {
       children: [
-        title && /* @__PURE__ */ (0, import_jsx_runtime1246.jsx)("span", { className: "text-lg font-semibold text-gray-1000", children: title }),
-        description && /* @__PURE__ */ (0, import_jsx_runtime1246.jsx)("span", { className: "text-sm font-normal text-gray-900", children: description }),
-        /* @__PURE__ */ (0, import_jsx_runtime1246.jsx)("div", { children })
+        title && /* @__PURE__ */ (0, import_jsx_runtime1247.jsx)("span", { className: "text-lg font-semibold text-gray-1000", children: title }),
+        description && /* @__PURE__ */ (0, import_jsx_runtime1247.jsx)("span", { className: "text-sm font-normal text-gray-900", children: description }),
+        /* @__PURE__ */ (0, import_jsx_runtime1247.jsx)("div", { children })
       ]
     })
   );
@@ -54722,13 +54759,13 @@ var TableEmpty = React19.forwardRef((_a, ref) => {
 TableEmpty.displayName = "TableEmpty";
 
 // src/components/Tabs/Tabs.tsx
-var React20 = __toESM(require("react"));
+var React21 = __toESM(require("react"));
 var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
-var import_jsx_runtime1247 = require("react/jsx-runtime");
+var import_jsx_runtime1248 = require("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__ */ (0, import_jsx_runtime1247.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime1248.jsx)(
     TabsPrimitive.List,
     __spreadValues({
       ref,
@@ -54740,9 +54777,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__ */ (0, import_jsx_runtime1247.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime1248.jsx)(
     TabsPrimitive.Trigger,
     __spreadValues({
       ref,
@@ -54757,9 +54794,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__ */ (0, import_jsx_runtime1247.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime1248.jsx)(
     TabsPrimitive.Content,
     __spreadValues({
       ref,
@@ -54773,13 +54810,13 @@ var TabsContent = React20.forwardRef((_a, ref) => {
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // src/components/Textarea/Textarea.tsx
-var React21 = __toESM(require("react"));
-var import_jsx_runtime1248 = require("react/jsx-runtime");
-var Textarea = React21.forwardRef(
+var React22 = __toESM(require("react"));
+var import_jsx_runtime1249 = require("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__ */ (0, import_jsx_runtime1248.jsx)("div", { className: "flex gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime1248.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime1249.jsx)("div", { className: "flex gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime1249.jsx)(
       "div",
       {
         className: cn(
@@ -54790,7 +54827,7 @@ var Textarea = React21.forwardRef(
           },
           className
         ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime1248.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime1249.jsx)(
           "textarea",
           __spreadProps(__spreadValues({}, props), {
             disabled: isDisabled,
@@ -54805,19 +54842,19 @@ var Textarea = React21.forwardRef(
 Textarea.displayName = "Textarea";
 
 // src/components/Toaster/Toast.tsx
-var React22 = __toESM(require("react"));
+var React23 = __toESM(require("react"));
 var ToastPrimitives = __toESM(require("@radix-ui/react-toast"));
 var import_class_variance_authority5 = require("class-variance-authority");
-var import_jsx_runtime1249 = require("react/jsx-runtime");
+var import_jsx_runtime1250 = require("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__ */ (0, import_jsx_runtime1249.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime1250.jsx)(
     ToastPrimitives.Viewport,
     __spreadValues({
       ref,
       className: cn(
-        "fixed top-8 left-1/2 -translate-x-1/2 z-[100] flex max-h-screen flex-col-reverse sm:flex-col w-max md:max-w-[420px]",
+        "fixed top-8 left-1/2 -translate-x-1/2 z-[100] flex max-h-screen flex-col-reverse sm:flex-col w-max max-w-[90vw] md:max-w-[420px]",
         className
       )
     }, props)
@@ -54838,9 +54875,9 @@ var toastVariants = (0, import_class_variance_authority5.cva)(
     }
   }
 );
-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__ */ (0, import_jsx_runtime1249.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime1250.jsx)(
     ToastPrimitives.Root,
     __spreadValues({
       ref,
@@ -54849,39 +54886,39 @@ 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__ */ (0, import_jsx_runtime1249.jsx)(ToastPrimitives.Action, { altText, ref, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime1249.jsx)(Button, __spreadValues({ size: "xs" }, props)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime1250.jsx)(ToastPrimitives.Action, { altText, ref, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime1250.jsx)(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__ */ (0, import_jsx_runtime1249.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime1250.jsx)(
     ToastPrimitives.Close,
     __spreadProps(__spreadValues({
       ref,
       className: cn("focus:outline-none focus:ring-1", className),
       "toast-close": ""
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime1249.jsx)(XCloseIcon, { className: "text-white", size: 16 })
+      children: /* @__PURE__ */ (0, import_jsx_runtime1250.jsx)(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__ */ (0, import_jsx_runtime1249.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime1250.jsx)(
     ToastPrimitives.Title,
     __spreadValues({
       ref,
-      className: cn("text-sm font-medium", className)
+      className: cn("text-sm font-medium truncate", className)
     }, props)
   );
 });
 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__ */ (0, import_jsx_runtime1249.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime1250.jsx)(
     ToastPrimitives.Description,
     __spreadValues({
       ref,
@@ -54895,7 +54932,7 @@ ToastDescription.displayName = ToastPrimitives.Description.displayName;
 var import_react1231 = __toESM(require("react"));
 
 // src/components/Toaster/useToast.tsx
-var React23 = __toESM(require("react"));
+var React24 = __toESM(require("react"));
 var TOAST_LIMIT = 3;
 var TOAST_REMOVE_DELAY = 1e6;
 var count = 0;
@@ -55004,8 +55041,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);
@@ -55021,7 +55058,7 @@ function useToast({ toasterId = "default" } = {}) {
 }
 
 // src/components/Toaster/Toaster.tsx
-var import_jsx_runtime1250 = require("react/jsx-runtime");
+var import_jsx_runtime1251 = require("react/jsx-runtime");
 var ToastContent = ({
   title,
   description,
@@ -55029,19 +55066,19 @@ var ToastContent = ({
   actions,
   hideClose
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime1250.jsxs)("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime1250.jsxs)("div", { className: "flex items-center gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime1250.jsxs)("div", { className: "flex items-center flex-grow gap-2", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime1251.jsxs)("div", { className: "flex flex-col gap-2 overflow-hidden", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime1251.jsxs)("div", { className: "flex items-center gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime1251.jsxs)("div", { className: "flex items-center flex-grow gap-2 overflow-hidden", children: [
         icon && import_react1231.default.cloneElement(icon, {
           size: 16,
           className: cn("shrink-0", icon.props.className)
         }),
-        title && /* @__PURE__ */ (0, import_jsx_runtime1250.jsx)(ToastTitle, { children: title })
+        title && /* @__PURE__ */ (0, import_jsx_runtime1251.jsx)(ToastTitle, { children: title })
       ] }),
       actions,
-      !hideClose && /* @__PURE__ */ (0, import_jsx_runtime1250.jsx)(ToastClose, {})
+      !hideClose && /* @__PURE__ */ (0, import_jsx_runtime1251.jsx)(ToastClose, {})
     ] }),
-    description && /* @__PURE__ */ (0, import_jsx_runtime1250.jsx)(ToastDescription, { children: description })
+    description && /* @__PURE__ */ (0, import_jsx_runtime1251.jsx)(ToastDescription, { children: description })
   ] });
 };
 function Toaster(_a) {
@@ -55053,7 +55090,7 @@ function Toaster(_a) {
     "toasterId"
   ]);
   const { toasts } = useToast({ toasterId });
-  return /* @__PURE__ */ (0, import_jsx_runtime1250.jsxs)(ToastProvider, __spreadProps(__spreadValues({}, props), { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime1251.jsxs)(ToastProvider, __spreadProps(__spreadValues({}, props), { children: [
     toasts.filter((t) => t.parentId === toasterId).map(
       (_a2) => {
         var _b2 = _a2, {
@@ -55073,7 +55110,7 @@ function Toaster(_a) {
           "icon",
           "hideClose"
         ]);
-        return /* @__PURE__ */ (0, import_jsx_runtime1250.jsx)(Toast, __spreadProps(__spreadValues({}, props2), { children: /* @__PURE__ */ (0, import_jsx_runtime1250.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime1251.jsx)(Toast, __spreadProps(__spreadValues({}, props2), { children: /* @__PURE__ */ (0, import_jsx_runtime1251.jsx)(
           ToastContent,
           {
             title,
@@ -55085,27 +55122,129 @@ function Toaster(_a) {
         ) }), id);
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime1250.jsx)(ToastViewport, { className })
+    /* @__PURE__ */ (0, import_jsx_runtime1251.jsx)(ToastViewport, { className })
   ] }));
 }
 
+// src/components/ToggleGroup/ToggleGroup.tsx
+var React26 = __toESM(require("react"));
+var ToggleGroupPrimitive = __toESM(require("@radix-ui/react-toggle-group"));
+var import_jsx_runtime1252 = require("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__ */ (0, import_jsx_runtime1252.jsx)(
+    ToggleGroupPrimitive.Root,
+    __spreadProps(__spreadValues({
+      ref,
+      className: cn(
+        "flex gap-2",
+        direction === "row" ? "flex-row" : "flex-col",
+        className
+      )
+    }, props), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime1252.jsx)(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__ */ (0, import_jsx_runtime1252.jsxs)(
+    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__ */ (0, import_jsx_runtime1252.jsx)("span", { className: "w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime1252.jsx)("div", { className: "flex flex-col flex-1 self-center min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime1252.jsxs)(
+          "div",
+          {
+            className: cn(
+              "flex items-center",
+              isRow ? "flex-col gap-2" : "flex-row gap-2.5"
+            ),
+            children: [
+              (icon || image) && /* @__PURE__ */ (0, import_jsx_runtime1252.jsxs)(
+                "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__ */ (0, import_jsx_runtime1252.jsx)("div", { className: "w-full h-full border border-gray-200 rounded min-w-0 overflow-hidden", children: image })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime1252.jsxs)(
+                "div",
+                {
+                  className: cn(
+                    "flex flex-col w-full min-w-0",
+                    isRow ? "text-center" : "text-left"
+                  ),
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime1252.jsx)("h4", { className: "text-sm font-medium truncate", children: title }),
+                    /* @__PURE__ */ (0, import_jsx_runtime1252.jsx)("span", { className: "text-xs text-gray-900 truncate", children: description })
+                  ]
+                }
+              )
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime1252.jsx)(
+          "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__ */ (0, import_jsx_runtime1252.jsx)("span", { className: "h-2 w-2 rounded-full bg-blue-700 group-data-[state=off]:bg-transparent" }) : /* @__PURE__ */ (0, import_jsx_runtime1252.jsx)("div", { className: "flex justify-center items-center w-full h-full bg-blue-700 group-data-[state=off]:bg-transparent", children: /* @__PURE__ */ (0, import_jsx_runtime1252.jsx)(
+              CheckIcon,
+              {
+                size: 10,
+                className: "text-white group-data-[state=off]:text-transparent"
+              }
+            ) })
+          }
+        )
+      ]
+    })
+  );
+});
+ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
+
 // src/components/Tooltip/Tooltip.tsx
-var React25 = __toESM(require("react"));
+var React27 = __toESM(require("react"));
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
-var import_jsx_runtime1251 = require("react/jsx-runtime");
+var import_jsx_runtime1253 = require("react/jsx-runtime");
 var TooltipProvider = (_a) => {
   var _b = _a, {
     delayDuration = 0
   } = _b, props = __objRest(_b, [
     "delayDuration"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime1251.jsx)(TooltipPrimitive.Provider, __spreadValues({ delayDuration }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime1253.jsx)(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__ */ (0, import_jsx_runtime1251.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime1253.jsx)(
     TooltipPrimitive.Content,
     __spreadValues({
       ref,
@@ -56096,6 +56235,8 @@ TooltipContent.displayName = TooltipPrimitive.Content.displayName;
   QrCode1Icon,
   QrCode2Icon,
   QrCodeIcon,
+  RadioGroup,
+  RadioGroupItem,
   ReceiptCheckIcon,
   ReceiptIcon,
   Recording1Icon,
@@ -56329,6 +56470,8 @@ TooltipContent.displayName = TooltipPrimitive.Content.displayName;
   Toggle2RightIcon,
   Toggle3LeftIcon,
   Toggle3RightIcon,
+  ToggleGroup,
+  ToggleGroupItem,
   Tool1Icon,
   Tool2Icon,
   Tooltip,