@mastra/playground-ui 36.1.0-alpha.2 → 37.0.0-alpha.4

package/dist/slider-Kps70qjb.js

@@ -0,0 +1,88 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Slider as Slider$1 } from '@base-ui/react/slider';
+import { c as cn } from './cn-BakJzhuv.js';
+
+function toArray(value) {
+  if (typeof value === "number") {
+    return [value];
+  }
+  return [...value];
+}
+const Slider = ({
+  className,
+  defaultValue,
+  value,
+  min = 0,
+  max = 100,
+  onValueChange,
+  onValueCommitted,
+  ...props
+}) => {
+  const values = Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min];
+  return /* @__PURE__ */ jsx(
+    Slider$1.Root,
+    {
+      className: cn("w-full", className),
+      defaultValue,
+      value,
+      min,
+      max,
+      thumbAlignment: "edge",
+      onValueChange: onValueChange ? (next, details) => onValueChange(toArray(next), details) : void 0,
+      onValueCommitted: onValueCommitted ? (next, details) => onValueCommitted(toArray(next), details) : void 0,
+      ...props,
+      children: /* @__PURE__ */ jsxs(
+        Slider$1.Control,
+        {
+          className: cn(
+            "relative flex w-full touch-none items-center select-none group cursor-pointer",
+            "data-[orientation=horizontal]:py-3",
+            "data-[orientation=vertical]:px-3 data-[orientation=vertical]:h-full data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col",
+            "data-[disabled]:opacity-50 data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(
+              Slider$1.Track,
+              {
+                className: cn(
+                  "relative grow overflow-hidden rounded-full bg-neutral6/20 select-none",
+                  "data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full",
+                  "data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"
+                ),
+                children: /* @__PURE__ */ jsx(
+                  Slider$1.Indicator,
+                  {
+                    className: cn(
+                      "bg-neutral6 select-none",
+                      "data-[orientation=horizontal]:h-full",
+                      "data-[orientation=vertical]:w-full"
+                    )
+                  }
+                )
+              }
+            ),
+            values.map((_, index) => /* @__PURE__ */ jsx(
+              Slider$1.Thumb,
+              {
+                index,
+                className: cn(
+                  "relative block w-2.5 h-5 shrink-0 rounded-full bg-neutral2 border-2 border-neutral6 outline-hidden select-none",
+                  'after:absolute after:-inset-2 after:content-[""]',
+                  "transition-shadow duration-normal",
+                  "hover:ring-2 hover:ring-neutral6/30",
+                  "has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-neutral6/60",
+                  "data-[orientation=vertical]:w-5 data-[orientation=vertical]:h-2.5",
+                  "data-[disabled]:pointer-events-none"
+                )
+              },
+              index
+            ))
+          ]
+        }
+      )
+    }
+  );
+};
+
+export { Slider as S };
+//# sourceMappingURL=slider-Kps70qjb.js.map

package/dist/slider-Kps70qjb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider-Kps70qjb.js","sources":["../src/ds/components/Slider/slider.tsx"],"sourcesContent":["import { Slider as SliderPrimitive } from '@base-ui/react/slider';\n\nimport { cn } from '@/lib/utils';\n\nexport type SliderProps = Omit<SliderPrimitive.Root.Props, 'onValueChange' | 'onValueCommitted'> & {\n  onValueChange?: (value: number[], eventDetails: SliderPrimitive.Root.ChangeEventDetails) => void;\n  onValueCommitted?: (value: number[], eventDetails: SliderPrimitive.Root.CommitEventDetails) => void;\n};\n\nfunction toArray(value: number | readonly number[]): number[] {\n  if (typeof value === 'number') {\n    return [value];\n  }\n  return [...value];\n}\n\nconst Slider = ({\n  className,\n  defaultValue,\n  value,\n  min = 0,\n  max = 100,\n  onValueChange,\n  onValueCommitted,\n  ...props\n}: SliderProps) => {\n  const values = Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min];\n\n  return (\n    <SliderPrimitive.Root\n      className={cn('w-full', className)}\n      defaultValue={defaultValue}\n      value={value}\n      min={min}\n      max={max}\n      thumbAlignment=\"edge\"\n      onValueChange={onValueChange ? (next, details) => onValueChange(toArray(next), details) : undefined}\n      onValueCommitted={onValueCommitted ? (next, details) => onValueCommitted(toArray(next), details) : undefined}\n      {...props}\n    >\n      <SliderPrimitive.Control\n        className={cn(\n          'relative flex w-full touch-none items-center select-none group cursor-pointer',\n          'data-[orientation=horizontal]:py-3',\n          'data-[orientation=vertical]:px-3 data-[orientation=vertical]:h-full data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col',\n          'data-[disabled]:opacity-50 data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed',\n        )}\n      >\n        <SliderPrimitive.Track\n          className={cn(\n            'relative grow overflow-hidden rounded-full bg-neutral6/20 select-none',\n            'data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full',\n            'data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5',\n          )}\n        >\n          <SliderPrimitive.Indicator\n            className={cn(\n              'bg-neutral6 select-none',\n              'data-[orientation=horizontal]:h-full',\n              'data-[orientation=vertical]:w-full',\n            )}\n          />\n        </SliderPrimitive.Track>\n        {values.map((_, index) => (\n          <SliderPrimitive.Thumb\n            key={index}\n            index={index}\n            className={cn(\n              'relative block w-2.5 h-5 shrink-0 rounded-full bg-neutral2 border-2 border-neutral6 outline-hidden select-none',\n              'after:absolute after:-inset-2 after:content-[\"\"]',\n              'transition-shadow duration-normal',\n              'hover:ring-2 hover:ring-neutral6/30',\n              'has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-neutral6/60',\n              'data-[orientation=vertical]:w-5 data-[orientation=vertical]:h-2.5',\n              'data-[disabled]:pointer-events-none',\n            )}\n          />\n        ))}\n      </SliderPrimitive.Control>\n    </SliderPrimitive.Root>\n  );\n};\n\nexport { Slider };\n"],"names":["SliderPrimitive"],"mappings":";;;;AASA,SAAS,QAAQ,KAAA,EAA6C;AAC5D,EAAA,IAAI,OAAO,UAAU,QAAA,EAAU;AAC7B,IAAA,OAAO,CAAC,KAAK,CAAA;AAAA,EACf;AACA,EAAA,OAAO,CAAC,GAAG,KAAK,CAAA;AAClB;AAEA,MAAM,SAAS,CAAC;AAAA,EACd,SAAA;AAAA,EACA,YAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAA,GAAM,CAAA;AAAA,EACN,GAAA,GAAM,GAAA;AAAA,EACN,aAAA;AAAA,EACA,gBAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAmB;AACjB,EAAA,MAAM,MAAA,GAAS,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,GAAI,KAAA,GAAQ,KAAA,CAAM,OAAA,CAAQ,YAAY,CAAA,GAAI,YAAA,GAAe,CAAC,GAAG,CAAA;AAE/F,EAAA,uBACE,GAAA;AAAA,IAACA,QAAA,CAAgB,IAAA;AAAA,IAAhB;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,QAAA,EAAU,SAAS,CAAA;AAAA,MACjC,YAAA;AAAA,MACA,KAAA;AAAA,MACA,GAAA;AAAA,MACA,GAAA;AAAA,MACA,cAAA,EAAe,MAAA;AAAA,MACf,aAAA,EAAe,aAAA,GAAgB,CAAC,IAAA,EAAM,OAAA,KAAY,cAAc,OAAA,CAAQ,IAAI,CAAA,EAAG,OAAO,CAAA,GAAI,MAAA;AAAA,MAC1F,gBAAA,EAAkB,gBAAA,GAAmB,CAAC,IAAA,EAAM,OAAA,KAAY,iBAAiB,OAAA,CAAQ,IAAI,CAAA,EAAG,OAAO,CAAA,GAAI,MAAA;AAAA,MAClG,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAA,IAAA;AAAA,QAACA,QAAA,CAAgB,OAAA;AAAA,QAAhB;AAAA,UACC,SAAA,EAAW,EAAA;AAAA,YACT,+EAAA;AAAA,YACA,oCAAA;AAAA,YACA,6IAAA;AAAA,YACA;AAAA,WACF;AAAA,UAEA,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAACA,QAAA,CAAgB,KAAA;AAAA,cAAhB;AAAA,gBACC,SAAA,EAAW,EAAA;AAAA,kBACT,uEAAA;AAAA,kBACA,0EAAA;AAAA,kBACA;AAAA,iBACF;AAAA,gBAEA,QAAA,kBAAA,GAAA;AAAA,kBAACA,QAAA,CAAgB,SAAA;AAAA,kBAAhB;AAAA,oBACC,SAAA,EAAW,EAAA;AAAA,sBACT,yBAAA;AAAA,sBACA,sCAAA;AAAA,sBACA;AAAA;AACF;AAAA;AACF;AAAA,aACF;AAAA,YACC,MAAA,CAAO,GAAA,CAAI,CAAC,CAAA,EAAG,KAAA,qBACd,GAAA;AAAA,cAACA,QAAA,CAAgB,KAAA;AAAA,cAAhB;AAAA,gBAEC,KAAA;AAAA,gBACA,SAAA,EAAW,EAAA;AAAA,kBACT,gHAAA;AAAA,kBACA,kDAAA;AAAA,kBACA,mCAAA;AAAA,kBACA,qCAAA;AAAA,kBACA,mEAAA;AAAA,kBACA,mEAAA;AAAA,kBACA;AAAA;AACF,eAAA;AAAA,cAVK;AAAA,aAYR;AAAA;AAAA;AAAA;AACH;AAAA,GACF;AAEJ;;;;"}

package/dist/spacings-C87dXiT-.js

@@ -0,0 +1,208 @@
+const BorderRadius = {
+  none: "0px",
+  sm: "2px",
+  md: "4px",
+  lg: "6px",
+  xl: "12px"
+};
+
+const Colors = {
+  surface1: "var(--surface1)",
+  surface2: "var(--surface2)",
+  surface3: "var(--surface3)",
+  surface4: "var(--surface4)",
+  surface5: "var(--surface5)",
+  surface6: "var(--surface6)",
+  accent1: "var(--accent1)",
+  accent2: "var(--accent2)",
+  accent3: "var(--accent3)",
+  accent5: "var(--accent5)",
+  accent6: "var(--accent6)",
+  accent1Dark: "var(--accent1Dark)",
+  accent2Dark: "var(--accent2Dark)",
+  accent3Dark: "var(--accent3Dark)",
+  accent5Dark: "var(--accent5Dark)",
+  accent6Dark: "var(--accent6Dark)",
+  accent1Darker: "var(--accent1Darker)",
+  accent2Darker: "var(--accent2Darker)",
+  accent3Darker: "var(--accent3Darker)",
+  accent5Darker: "var(--accent5Darker)",
+  accent6Darker: "var(--accent6Darker)",
+  neutral1: "var(--neutral1)",
+  neutral2: "var(--neutral2)",
+  neutral3: "var(--neutral3)",
+  neutral4: "var(--neutral4)",
+  neutral5: "var(--neutral5)",
+  neutral6: "var(--neutral6)",
+  // Semantic state colors
+  error: "var(--error)",
+  // Overlay colors
+  overlay: "var(--overlay)"
+};
+const BorderColors = {
+  border1: "var(--border1)",
+  border2: "var(--border2)"
+};
+
+const FontSizes = {
+  // UI text sizes
+  "ui-xs": "0.625rem",
+  // 10px - small labels, badges
+  "ui-sm": "0.75rem",
+  // 12px - secondary text
+  "ui-smd": "0.8125rem",
+  // 13px - special font size for e.g. form field labels
+  "ui-md": "0.875rem",
+  // 14px - default text
+  "ui-lg": "1rem",
+  // 16px - emphasized text
+  // Header sizes
+  "header-xs": "1rem",
+  // 16px
+  "header-sm": "1.125rem",
+  // 18px
+  "header-md": "1.25rem",
+  // 20px
+  "header-lg": "1.5rem",
+  // 24px
+  "header-xl": "1.75rem"
+  // 28px
+};
+const LineHeights = {
+  "ui-xs": "160%",
+  // 16px
+  "ui-sm": "150%",
+  // 18px
+  "ui-smd": "150%",
+  // 20px
+  "ui-md": "143%",
+  // 20px
+  "ui-lg": "150%",
+  // 24px
+  "header-xs": "137%",
+  // 22px
+  "header-sm": "133%",
+  // 24px
+  "header-md": "140%",
+  // 28px
+  "header-lg": "133%",
+  // 32px
+  "header-xl": "129%"
+  // 36px
+};
+
+const Shadows = {
+  // Elevation shadows
+  sm: "0 1px 2px rgba(0, 0, 0, 0.3)",
+  md: "0 4px 6px rgba(0, 0, 0, 0.3)",
+  lg: "0 10px 15px rgba(0, 0, 0, 0.4)",
+  // Inner shadow for pressed states
+  inner: "inset 0 2px 4px rgba(0, 0, 0, 0.3)",
+  // Card/elevated surface shadows
+  card: "0 2px 8px rgba(0, 0, 0, 0.4)",
+  elevated: "0 8px 24px rgba(0, 0, 0, 0.5)",
+  // Dialog/modal shadows
+  dialog: "0 16px 48px rgba(0, 0, 0, 0.6)"
+};
+const Glows = {
+  accent1: "0 0 20px rgba(34, 197, 94, 0.25)",
+  accent2: "0 0 20px rgba(239, 68, 68, 0.25)",
+  // Subtle glow for focus rings
+  focusRing: "0 0 0 3px rgba(34, 197, 94, 0.12)"
+};
+
+const Sizes = {
+  "icon-default": "16px",
+  "icon-lg": "20px",
+  "icon-sm": "12px",
+  "form-xs": "1.5rem",
+  "form-sm": "1.75rem",
+  "form-md": "2rem",
+  "form-default": "2.25rem",
+  "form-lg": "2.5rem",
+  "header-default": "48px",
+  "table-header": "28px",
+  "table-row": "56px",
+  "table-row-small": "40px",
+  "badge-default": "28px",
+  "avatar-sm": "24px",
+  "avatar-md": "32px",
+  "avatar-lg": "40px",
+  "dropdown-max-height": "300px"
+};
+
+const Spacings = {
+  // Base scale (REM-based, matching Tailwind convention)
+  "0": "0rem",
+  px: "0.0625rem",
+  // 1px
+  "0.5": "0.125rem",
+  // 2px
+  "1": "0.25rem",
+  // 4px
+  "1.5": "0.375rem",
+  // 6px
+  "2": "0.5rem",
+  // 8px
+  "2.5": "0.625rem",
+  // 10px
+  "3": "0.75rem",
+  // 12px
+  "3.5": "0.875rem",
+  // 14px
+  "4": "1rem",
+  // 16px
+  "5": "1.25rem",
+  // 20px
+  "6": "1.5rem",
+  // 24px
+  "7": "1.75rem",
+  // 28px
+  "8": "2rem",
+  // 32px
+  "9": "2.25rem",
+  // 36px
+  "10": "2.5rem",
+  // 40px
+  "11": "2.75rem",
+  // 44px
+  "12": "3rem",
+  // 48px
+  "14": "3.5rem",
+  // 56px
+  "16": "4rem",
+  // 64px
+  "20": "5rem",
+  // 80px
+  "24": "6rem",
+  // 96px
+  "28": "7rem",
+  // 112px
+  "32": "8rem",
+  // 128px
+  "36": "9rem",
+  // 144px
+  "40": "10rem",
+  // 160px
+  "44": "11rem",
+  // 176px
+  "48": "12rem",
+  // 192px
+  "52": "13rem",
+  // 208px
+  "56": "14rem",
+  // 224px
+  "60": "15rem",
+  // 240px
+  "64": "16rem",
+  // 256px
+  "72": "18rem",
+  // 288px
+  "80": "20rem",
+  // 320px
+  "96": "24rem"
+  // 384px
+};
+
+export { BorderColors as B, Colors as C, FontSizes as F, Glows as G, LineHeights as L, Shadows as S, BorderRadius as a, Sizes as b, Spacings as c };
+//# sourceMappingURL=spacings-C87dXiT-.js.map

package/dist/spacings-C87dXiT-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacings-C87dXiT-.js","sources":["../src/ds/tokens/borders.ts","../src/ds/tokens/colors.ts","../src/ds/tokens/fonts.ts","../src/ds/tokens/shadows.ts","../src/ds/tokens/sizes.ts","../src/ds/tokens/spacings.ts"],"sourcesContent":["export const BorderRadius = {\n  none: '0px',\n  sm: '2px',\n  md: '4px',\n  lg: '6px',\n  xl: '12px',\n};\n","export const Colors = {\n  surface1: 'var(--surface1)',\n  surface2: 'var(--surface2)',\n  surface3: 'var(--surface3)',\n  surface4: 'var(--surface4)',\n  surface5: 'var(--surface5)',\n  surface6: 'var(--surface6)',\n  accent1: 'var(--accent1)',\n  accent2: 'var(--accent2)',\n  accent3: 'var(--accent3)',\n  accent5: 'var(--accent5)',\n  accent6: 'var(--accent6)',\n  accent1Dark: 'var(--accent1Dark)',\n  accent2Dark: 'var(--accent2Dark)',\n  accent3Dark: 'var(--accent3Dark)',\n  accent5Dark: 'var(--accent5Dark)',\n  accent6Dark: 'var(--accent6Dark)',\n  accent1Darker: 'var(--accent1Darker)',\n  accent2Darker: 'var(--accent2Darker)',\n  accent3Darker: 'var(--accent3Darker)',\n  accent5Darker: 'var(--accent5Darker)',\n  accent6Darker: 'var(--accent6Darker)',\n  neutral1: 'var(--neutral1)',\n  neutral2: 'var(--neutral2)',\n  neutral3: 'var(--neutral3)',\n  neutral4: 'var(--neutral4)',\n  neutral5: 'var(--neutral5)',\n  neutral6: 'var(--neutral6)',\n\n  // Semantic state colors\n  error: 'var(--error)',\n\n  // Overlay colors\n  overlay: 'var(--overlay)',\n};\n\nexport const BorderColors = {\n  border1: 'var(--border1)',\n  border2: 'var(--border2)',\n};\n","export const FontSizes = {\n  // UI text sizes\n  'ui-xs': '0.625rem', // 10px - small labels, badges\n  'ui-sm': '0.75rem', // 12px - secondary text\n  'ui-smd': '0.8125rem', // 13px - special font size for e.g. form field labels\n  'ui-md': '0.875rem', // 14px - default text\n  'ui-lg': '1rem', // 16px - emphasized text\n\n  // Header sizes\n  'header-xs': '1rem', // 16px\n  'header-sm': '1.125rem', // 18px\n  'header-md': '1.25rem', // 20px\n  'header-lg': '1.5rem', // 24px\n  'header-xl': '1.75rem', // 28px\n};\n\nexport const LineHeights = {\n  'ui-xs': '160%', // 16px\n  'ui-sm': '150%', // 18px\n  'ui-smd': '150%', // 20px\n  'ui-md': '143%', // 20px\n  'ui-lg': '150%', // 24px\n  'header-xs': '137%', // 22px\n  'header-sm': '133%', // 24px\n  'header-md': '140%', // 28px\n  'header-lg': '133%', // 32px\n  'header-xl': '129%', // 36px\n};\n","export const Shadows = {\n  // Elevation shadows\n  sm: '0 1px 2px rgba(0, 0, 0, 0.3)',\n  md: '0 4px 6px rgba(0, 0, 0, 0.3)',\n  lg: '0 10px 15px rgba(0, 0, 0, 0.4)',\n\n  // Inner shadow for pressed states\n  inner: 'inset 0 2px 4px rgba(0, 0, 0, 0.3)',\n\n  // Card/elevated surface shadows\n  card: '0 2px 8px rgba(0, 0, 0, 0.4)',\n  elevated: '0 8px 24px rgba(0, 0, 0, 0.5)',\n\n  // Dialog/modal shadows\n  dialog: '0 16px 48px rgba(0, 0, 0, 0.6)',\n};\n\n// Glow effects for interactive elements (focus states, etc.)\nexport const Glows = {\n  accent1: '0 0 20px rgba(34, 197, 94, 0.25)',\n  accent2: '0 0 20px rgba(239, 68, 68, 0.25)',\n\n  // Subtle glow for focus rings\n  focusRing: '0 0 0 3px rgba(34, 197, 94, 0.12)',\n};\n","export const Sizes = {\n  'icon-default': '16px',\n  'icon-lg': '20px',\n  'icon-sm': '12px',\n  'form-xs': '1.5rem',\n  'form-sm': '1.75rem',\n  'form-md': '2rem',\n  'form-default': '2.25rem',\n  'form-lg': '2.5rem',\n  'header-default': '48px',\n  'table-header': '28px',\n  'table-row': '56px',\n  'table-row-small': '40px',\n  'badge-default': '28px',\n  'avatar-sm': '24px',\n  'avatar-md': '32px',\n  'avatar-lg': '40px',\n  'dropdown-max-height': '300px',\n};\n","export const Spacings = {\n  // Base scale (REM-based, matching Tailwind convention)\n  '0': '0rem',\n  px: '0.0625rem', // 1px\n  '0.5': '0.125rem', // 2px\n  '1': '0.25rem', // 4px\n  '1.5': '0.375rem', // 6px\n  '2': '0.5rem', // 8px\n  '2.5': '0.625rem', // 10px\n  '3': '0.75rem', // 12px\n  '3.5': '0.875rem', // 14px\n  '4': '1rem', // 16px\n  '5': '1.25rem', // 20px\n  '6': '1.5rem', // 24px\n  '7': '1.75rem', // 28px\n  '8': '2rem', // 32px\n  '9': '2.25rem', // 36px\n  '10': '2.5rem', // 40px\n  '11': '2.75rem', // 44px\n  '12': '3rem', // 48px\n  '14': '3.5rem', // 56px\n  '16': '4rem', // 64px\n  '20': '5rem', // 80px\n  '24': '6rem', // 96px\n  '28': '7rem', // 112px\n  '32': '8rem', // 128px\n  '36': '9rem', // 144px\n  '40': '10rem', // 160px\n  '44': '11rem', // 176px\n  '48': '12rem', // 192px\n  '52': '13rem', // 208px\n  '56': '14rem', // 224px\n  '60': '15rem', // 240px\n  '64': '16rem', // 256px\n  '72': '18rem', // 288px\n  '80': '20rem', // 320px\n  '96': '24rem', // 384px\n} as const;\n\nexport type Spacing = keyof typeof Spacings;\n"],"names":[],"mappings":"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"}

package/dist/spinner-CbKwvEp3.cjs

@@ -0,0 +1,53 @@
+'use strict';
+
+require('./spinner.css');const jsxRuntime = require('react/jsx-runtime');
+const index = require('./index-C-Lt4Bx_.cjs');
+const utils_cn = require('./cn-vA5sWo9W.cjs');
+
+const spinnerVariants = index.cva("spinner inline-block text-neutral6", {
+  variants: {
+    size: {
+      sm: "w-4 h-4",
+      md: "w-6 h-6"
+    },
+    variant: {
+      default: "",
+      pulse: ""
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    variant: "default"
+  }
+});
+function Spinner({
+  className,
+  size = "md",
+  variant = "default",
+  "aria-label": ariaLabel = "Loading",
+  role = "status",
+  ...props
+}) {
+  const resolvedSize = size ?? "md";
+  const resolvedVariant = variant ?? "default";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      ...props,
+      role,
+      "aria-label": ariaLabel,
+      "data-size": resolvedSize,
+      "data-variant": resolvedVariant,
+      className: utils_cn.cn(spinnerVariants({ size: resolvedSize, variant: resolvedVariant }), className),
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      children: resolvedVariant === "pulse" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { className: "spinner-pulse-ring", cx: "12", cy: "12", r: "7" }),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { className: "spinner-pulse-core", cx: "12", cy: "12", r: "5" })
+      ] }) : /* @__PURE__ */ jsxRuntime.jsx("circle", { className: "spinner-ring", cx: "12", cy: "12", r: "8.5" })
+    }
+  );
+}
+
+exports.Spinner = Spinner;
+//# sourceMappingURL=spinner-CbKwvEp3.cjs.map

package/dist/spinner-CbKwvEp3.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner-CbKwvEp3.cjs","sources":["../src/ds/components/Spinner/spinner.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nimport './spinner.css';\n\nconst spinnerVariants = cva('spinner inline-block text-neutral6', {\n  variants: {\n    size: {\n      sm: 'w-4 h-4',\n      md: 'w-6 h-6',\n    },\n    variant: {\n      default: '',\n      pulse: '',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    variant: 'default',\n  },\n});\n\ntype SpinnerVariantsProps = VariantProps<typeof spinnerVariants>;\nexport type SpinnerVariant = NonNullable<SpinnerVariantsProps['variant']>;\nexport type SpinnerSize = NonNullable<SpinnerVariantsProps['size']>;\n\nexport type SpinnerProps = Omit<ComponentPropsWithoutRef<'svg'>, 'color' | 'size'> & SpinnerVariantsProps;\n\nfunction Spinner({\n  className,\n  size = 'md',\n  variant = 'default',\n  'aria-label': ariaLabel = 'Loading',\n  role = 'status',\n  ...props\n}: SpinnerProps) {\n  const resolvedSize = size ?? 'md';\n  const resolvedVariant = variant ?? 'default';\n\n  return (\n    <svg\n      {...props}\n      role={role}\n      aria-label={ariaLabel}\n      data-size={resolvedSize}\n      data-variant={resolvedVariant}\n      className={cn(spinnerVariants({ size: resolvedSize, variant: resolvedVariant }), className)}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n    >\n      {resolvedVariant === 'pulse' ? (\n        <>\n          <circle className=\"spinner-pulse-ring\" cx=\"12\" cy=\"12\" r=\"7\" />\n          <circle className=\"spinner-pulse-core\" cx=\"12\" cy=\"12\" r=\"5\" />\n        </>\n      ) : (\n        <circle className=\"spinner-ring\" cx=\"12\" cy=\"12\" r=\"8.5\" />\n      )}\n    </svg>\n  );\n}\n\nexport { Spinner };\n"],"names":["cva","jsx","cn","jsxs","Fragment"],"mappings":";;;;;;AAQA,MAAM,eAAA,GAAkBA,UAAI,oCAAA,EAAsC;AAAA,EAChE,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,SAAA;AAAA,MACJ,EAAA,EAAI;AAAA,KACN;AAAA,IACA,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,EAAA;AAAA,MACT,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,OAAA,EAAS;AAAA;AAEb,CAAC,CAAA;AAQD,SAAS,OAAA,CAAQ;AAAA,EACf,SAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,OAAA,GAAU,SAAA;AAAA,EACV,cAAc,SAAA,GAAY,SAAA;AAAA,EAC1B,IAAA,GAAO,QAAA;AAAA,EACP,GAAG;AACL,CAAA,EAAiB;AACf,EAAA,MAAM,eAAe,IAAA,IAAQ,IAAA;AAC7B,EAAA,MAAM,kBAAkB,OAAA,IAAW,SAAA;AAEnC,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,IAAA;AAAA,MACA,YAAA,EAAY,SAAA;AAAA,MACZ,WAAA,EAAW,YAAA;AAAA,MACX,cAAA,EAAc,eAAA;AAAA,MACd,SAAA,EAAWC,WAAA,CAAG,eAAA,CAAgB,EAAE,IAAA,EAAM,cAAc,OAAA,EAAS,eAAA,EAAiB,CAAA,EAAG,SAAS,CAAA;AAAA,MAC1F,KAAA,EAAM,4BAAA;AAAA,MACN,OAAA,EAAQ,WAAA;AAAA,MAEP,QAAA,EAAA,eAAA,KAAoB,0BACnBC,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAAH,cAAA,CAAC,QAAA,EAAA,EAAO,WAAU,oBAAA,EAAqB,EAAA,EAAG,MAAK,EAAA,EAAG,IAAA,EAAK,GAAE,GAAA,EAAI,CAAA;AAAA,wBAC7DA,cAAA,CAAC,YAAO,SAAA,EAAU,oBAAA,EAAqB,IAAG,IAAA,EAAK,EAAA,EAAG,IAAA,EAAK,CAAA,EAAE,GAAA,EAAI;AAAA,OAAA,EAC/D,CAAA,mBAEAA,cAAA,CAAC,QAAA,EAAA,EAAO,SAAA,EAAU,cAAA,EAAe,IAAG,IAAA,EAAK,EAAA,EAAG,IAAA,EAAK,CAAA,EAAE,KAAA,EAAM;AAAA;AAAA,GAE7D;AAEJ;;;;"}

package/dist/spinner-CzdgR9lk.js

@@ -0,0 +1,51 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { c as cva } from './index-CSm06eOE.js';
+import { c as cn } from './cn-BakJzhuv.js';
+
+import './spinner.css';const spinnerVariants = cva("spinner inline-block text-neutral6", {
+  variants: {
+    size: {
+      sm: "w-4 h-4",
+      md: "w-6 h-6"
+    },
+    variant: {
+      default: "",
+      pulse: ""
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    variant: "default"
+  }
+});
+function Spinner({
+  className,
+  size = "md",
+  variant = "default",
+  "aria-label": ariaLabel = "Loading",
+  role = "status",
+  ...props
+}) {
+  const resolvedSize = size ?? "md";
+  const resolvedVariant = variant ?? "default";
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      ...props,
+      role,
+      "aria-label": ariaLabel,
+      "data-size": resolvedSize,
+      "data-variant": resolvedVariant,
+      className: cn(spinnerVariants({ size: resolvedSize, variant: resolvedVariant }), className),
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      children: resolvedVariant === "pulse" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("circle", { className: "spinner-pulse-ring", cx: "12", cy: "12", r: "7" }),
+        /* @__PURE__ */ jsx("circle", { className: "spinner-pulse-core", cx: "12", cy: "12", r: "5" })
+      ] }) : /* @__PURE__ */ jsx("circle", { className: "spinner-ring", cx: "12", cy: "12", r: "8.5" })
+    }
+  );
+}
+
+export { Spinner as S };
+//# sourceMappingURL=spinner-CzdgR9lk.js.map

package/dist/spinner-CzdgR9lk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner-CzdgR9lk.js","sources":["../src/ds/components/Spinner/spinner.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nimport './spinner.css';\n\nconst spinnerVariants = cva('spinner inline-block text-neutral6', {\n  variants: {\n    size: {\n      sm: 'w-4 h-4',\n      md: 'w-6 h-6',\n    },\n    variant: {\n      default: '',\n      pulse: '',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    variant: 'default',\n  },\n});\n\ntype SpinnerVariantsProps = VariantProps<typeof spinnerVariants>;\nexport type SpinnerVariant = NonNullable<SpinnerVariantsProps['variant']>;\nexport type SpinnerSize = NonNullable<SpinnerVariantsProps['size']>;\n\nexport type SpinnerProps = Omit<ComponentPropsWithoutRef<'svg'>, 'color' | 'size'> & SpinnerVariantsProps;\n\nfunction Spinner({\n  className,\n  size = 'md',\n  variant = 'default',\n  'aria-label': ariaLabel = 'Loading',\n  role = 'status',\n  ...props\n}: SpinnerProps) {\n  const resolvedSize = size ?? 'md';\n  const resolvedVariant = variant ?? 'default';\n\n  return (\n    <svg\n      {...props}\n      role={role}\n      aria-label={ariaLabel}\n      data-size={resolvedSize}\n      data-variant={resolvedVariant}\n      className={cn(spinnerVariants({ size: resolvedSize, variant: resolvedVariant }), className)}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n    >\n      {resolvedVariant === 'pulse' ? (\n        <>\n          <circle className=\"spinner-pulse-ring\" cx=\"12\" cy=\"12\" r=\"7\" />\n          <circle className=\"spinner-pulse-core\" cx=\"12\" cy=\"12\" r=\"5\" />\n        </>\n      ) : (\n        <circle className=\"spinner-ring\" cx=\"12\" cy=\"12\" r=\"8.5\" />\n      )}\n    </svg>\n  );\n}\n\nexport { Spinner };\n"],"names":[],"mappings":";;;;AAQA,MAAM,eAAA,GAAkB,IAAI,oCAAA,EAAsC;AAAA,EAChE,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,SAAA;AAAA,MACJ,EAAA,EAAI;AAAA,KACN;AAAA,IACA,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,EAAA;AAAA,MACT,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,OAAA,EAAS;AAAA;AAEb,CAAC,CAAA;AAQD,SAAS,OAAA,CAAQ;AAAA,EACf,SAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,OAAA,GAAU,SAAA;AAAA,EACV,cAAc,SAAA,GAAY,SAAA;AAAA,EAC1B,IAAA,GAAO,QAAA;AAAA,EACP,GAAG;AACL,CAAA,EAAiB;AACf,EAAA,MAAM,eAAe,IAAA,IAAQ,IAAA;AAC7B,EAAA,MAAM,kBAAkB,OAAA,IAAW,SAAA;AAEnC,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,IAAA;AAAA,MACA,YAAA,EAAY,SAAA;AAAA,MACZ,WAAA,EAAW,YAAA;AAAA,MACX,cAAA,EAAc,eAAA;AAAA,MACd,SAAA,EAAW,EAAA,CAAG,eAAA,CAAgB,EAAE,IAAA,EAAM,cAAc,OAAA,EAAS,eAAA,EAAiB,CAAA,EAAG,SAAS,CAAA;AAAA,MAC1F,KAAA,EAAM,4BAAA;AAAA,MACN,OAAA,EAAQ,WAAA;AAAA,MAEP,QAAA,EAAA,eAAA,KAAoB,0BACnB,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,QAAA,EAAA,EAAO,WAAU,oBAAA,EAAqB,EAAA,EAAG,MAAK,EAAA,EAAG,IAAA,EAAK,GAAE,GAAA,EAAI,CAAA;AAAA,wBAC7D,GAAA,CAAC,YAAO,SAAA,EAAU,oBAAA,EAAqB,IAAG,IAAA,EAAK,EAAA,EAAG,IAAA,EAAK,CAAA,EAAE,GAAA,EAAI;AAAA,OAAA,EAC/D,CAAA,mBAEA,GAAA,CAAC,QAAA,EAAA,EAAO,SAAA,EAAU,cAAA,EAAe,IAAG,IAAA,EAAK,EAAA,EAAG,IAAA,EAAK,CAAA,EAAE,KAAA,EAAM;AAAA;AAAA,GAE7D;AAEJ;;;;"}

package/dist/src/ds/components/Toaster/index.d.ts

@@ -0,0 +1 @@
+export { Toaster } from '../../../lib/toast';

package/dist/src/utils/cn.d.ts

@@ -0,0 +1 @@
+export { cn } from '../lib/utils';

package/dist/src/utils/toast.d.ts

@@ -0,0 +1 @@
+export { toast } from '../lib/toast';

package/dist/switch-BGV-AXmu.cjs

@@ -0,0 +1,124 @@
+'use strict';
+
+require('./switch.css');const jsxRuntime = require('react/jsx-runtime');
+const _switch = require('@base-ui/react/switch');
+const React = require('react');
+const utils_cn = require('./cn-vA5sWo9W.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const Switch = React__namespace.forwardRef(
+  ({ className, asChild, children, icon, checkedIcon, uncheckedIcon, ...props }, ref) => {
+    const shouldRenderStateIcons = checkedIcon !== void 0 || uncheckedIcon !== void 0;
+    const shouldRenderIcon = icon !== void 0 || shouldRenderStateIcons;
+    const singleIcon = shouldRenderStateIcons ? void 0 : icon;
+    const onIcon = checkedIcon ?? icon;
+    const offIcon = uncheckedIcon ?? icon;
+    const renderProps = asChild && React__namespace.isValidElement(children) ? { render: children } : { render: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button" }), nativeButton: true };
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      _switch.Switch.Root,
+      {
+        ref,
+        "data-slot": "switch",
+        className: utils_cn.cn(
+          "peer group/switch inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-0 bg-neutral6/[0.14] p-0.5 outline-hidden",
+          "transition-colors duration-normal ease-out-custom motion-reduce:transition-none",
+          "hover:bg-neutral6/[0.18]",
+          "active:bg-neutral6/[0.22]",
+          "focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-neutral5/55",
+          "data-[checked]:bg-neutral6/[0.92]",
+          "data-[checked]:hover:bg-neutral6",
+          "data-[checked]:active:bg-neutral5",
+          "data-[disabled]:cursor-not-allowed data-[disabled]:bg-neutral6/[0.16] data-[disabled]:hover:bg-neutral6/[0.16]",
+          "data-[disabled]:data-[checked]:bg-neutral6/[0.3] data-[disabled]:data-[checked]:hover:bg-neutral6/[0.3]",
+          className
+        ),
+        ...renderProps,
+        ...props,
+        children: [
+          asChild ? void 0 : children,
+          /* @__PURE__ */ jsxRuntime.jsx(
+            _switch.Switch.Thumb,
+            {
+              "data-slot": "switch-thumb",
+              className: utils_cn.cn(
+                "switch-thumb-motion pointer-events-none relative block h-4 w-5 rounded-full bg-neutral6",
+                "transition-[background-color,translate,width,transform] duration-normal ease-out-custom motion-reduce:transition-none",
+                "group-active/switch:w-6 group-data-[disabled]/switch:w-5",
+                "data-[checked]:translate-x-3 data-[checked]:bg-surface1 data-[unchecked]:translate-x-0",
+                "group-active/switch:data-[checked]:translate-x-2",
+                "data-[disabled]:data-[unchecked]:bg-neutral6/[0.42] data-[disabled]:data-[checked]:bg-surface1/80"
+              ),
+              children: shouldRenderIcon ? /* @__PURE__ */ jsxRuntime.jsx(SwitchThumbIcon, { checkedIcon: onIcon, icon: singleIcon, uncheckedIcon: offIcon }) : null
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Switch.displayName = "Switch";
+function SwitchThumbIcon({
+  checkedIcon,
+  icon,
+  uncheckedIcon
+}) {
+  const iconClassName = utils_cn.cn(
+    "absolute inset-0 flex items-center justify-center text-surface1",
+    "transition-[color,opacity] duration-normal ease-out-custom motion-reduce:transition-none",
+    "[&_svg]:size-2.5 [&_svg]:stroke-[2.5]"
+  );
+  if (icon !== void 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        "aria-hidden": true,
+        "data-slot": "switch-thumb-icon",
+        className: utils_cn.cn(iconClassName, "group-data-[checked]/switch:text-neutral6"),
+        children: icon
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    uncheckedIcon !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        "aria-hidden": true,
+        "data-slot": "switch-thumb-icon",
+        "data-switch-icon": "unchecked",
+        className: utils_cn.cn(iconClassName, "opacity-100 group-data-[checked]/switch:opacity-0"),
+        children: uncheckedIcon
+      }
+    ) : null,
+    checkedIcon !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        "aria-hidden": true,
+        "data-slot": "switch-thumb-icon",
+        "data-switch-icon": "checked",
+        className: utils_cn.cn(iconClassName, "text-neutral6 opacity-0 group-data-[checked]/switch:opacity-100"),
+        children: checkedIcon
+      }
+    ) : null
+  ] });
+}
+
+exports.Switch = Switch;
+//# sourceMappingURL=switch-BGV-AXmu.cjs.map

package/dist/switch-BGV-AXmu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-BGV-AXmu.cjs","sources":["../src/ds/components/Switch/switch.tsx"],"sourcesContent":["import { Switch as SwitchPrimitive } from '@base-ui/react/switch';\nimport * as React from 'react';\n\nimport { cn } from '@/lib/utils';\nimport './switch.css';\n\ntype SwitchProps = Omit<SwitchPrimitive.Root.Props, 'className'> & {\n  className?: string;\n  asChild?: boolean;\n  icon?: React.ReactNode;\n  checkedIcon?: React.ReactNode;\n  uncheckedIcon?: React.ReactNode;\n};\n\nconst Switch = React.forwardRef<HTMLButtonElement, SwitchProps>(\n  ({ className, asChild, children, icon, checkedIcon, uncheckedIcon, ...props }, ref) => {\n    const shouldRenderStateIcons = checkedIcon !== undefined || uncheckedIcon !== undefined;\n    const shouldRenderIcon = icon !== undefined || shouldRenderStateIcons;\n\n    const singleIcon = shouldRenderStateIcons ? undefined : icon;\n    const onIcon = checkedIcon ?? icon;\n    const offIcon = uncheckedIcon ?? icon;\n\n    // Base UI's Switch.Root defaults to a `<span>` and forwards `id` to its\n    // hidden checkbox input. Render a native `<button>` (with `nativeButton`) so\n    // the consumer's `id` — and the click target — lands on the visible control,\n    // matching the previous Radix behavior.\n    const renderProps =\n      asChild && React.isValidElement(children)\n        ? { render: children as React.ReactElement }\n        : { render: <button type=\"button\" />, nativeButton: true };\n\n    return (\n      <SwitchPrimitive.Root\n        ref={ref}\n        data-slot=\"switch\"\n        className={cn(\n          'peer group/switch inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-0 bg-neutral6/[0.14] p-0.5 outline-hidden',\n          'transition-colors duration-normal ease-out-custom motion-reduce:transition-none',\n          'hover:bg-neutral6/[0.18]',\n          'active:bg-neutral6/[0.22]',\n          'focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-neutral5/55',\n          'data-[checked]:bg-neutral6/[0.92]',\n          'data-[checked]:hover:bg-neutral6',\n          'data-[checked]:active:bg-neutral5',\n          'data-[disabled]:cursor-not-allowed data-[disabled]:bg-neutral6/[0.16] data-[disabled]:hover:bg-neutral6/[0.16]',\n          'data-[disabled]:data-[checked]:bg-neutral6/[0.3] data-[disabled]:data-[checked]:hover:bg-neutral6/[0.3]',\n          className,\n        )}\n        {...renderProps}\n        {...props}\n      >\n        {asChild ? undefined : children}\n        <SwitchPrimitive.Thumb\n          data-slot=\"switch-thumb\"\n          className={cn(\n            'switch-thumb-motion pointer-events-none relative block h-4 w-5 rounded-full bg-neutral6',\n            'transition-[background-color,translate,width,transform] duration-normal ease-out-custom motion-reduce:transition-none',\n            'group-active/switch:w-6 group-data-[disabled]/switch:w-5',\n            'data-[checked]:translate-x-3 data-[checked]:bg-surface1 data-[unchecked]:translate-x-0',\n            'group-active/switch:data-[checked]:translate-x-2',\n            'data-[disabled]:data-[unchecked]:bg-neutral6/[0.42] data-[disabled]:data-[checked]:bg-surface1/80',\n          )}\n        >\n          {shouldRenderIcon ? <SwitchThumbIcon checkedIcon={onIcon} icon={singleIcon} uncheckedIcon={offIcon} /> : null}\n        </SwitchPrimitive.Thumb>\n      </SwitchPrimitive.Root>\n    );\n  },\n);\nSwitch.displayName = 'Switch';\n\nfunction SwitchThumbIcon({\n  checkedIcon,\n  icon,\n  uncheckedIcon,\n}: {\n  checkedIcon?: React.ReactNode;\n  icon?: React.ReactNode;\n  uncheckedIcon?: React.ReactNode;\n}) {\n  const iconClassName = cn(\n    'absolute inset-0 flex items-center justify-center text-surface1',\n    'transition-[color,opacity] duration-normal ease-out-custom motion-reduce:transition-none',\n    '[&_svg]:size-2.5 [&_svg]:stroke-[2.5]',\n  );\n\n  if (icon !== undefined) {\n    return (\n      <span\n        aria-hidden\n        data-slot=\"switch-thumb-icon\"\n        className={cn(iconClassName, 'group-data-[checked]/switch:text-neutral6')}\n      >\n        {icon}\n      </span>\n    );\n  }\n\n  return (\n    <>\n      {uncheckedIcon !== undefined ? (\n        <span\n          aria-hidden\n          data-slot=\"switch-thumb-icon\"\n          data-switch-icon=\"unchecked\"\n          className={cn(iconClassName, 'opacity-100 group-data-[checked]/switch:opacity-0')}\n        >\n          {uncheckedIcon}\n        </span>\n      ) : null}\n      {checkedIcon !== undefined ? (\n        <span\n          aria-hidden\n          data-slot=\"switch-thumb-icon\"\n          data-switch-icon=\"checked\"\n          className={cn(iconClassName, 'text-neutral6 opacity-0 group-data-[checked]/switch:opacity-100')}\n        >\n          {checkedIcon}\n        </span>\n      ) : null}\n    </>\n  );\n}\n\nexport { Switch };\nexport type { SwitchProps };\n"],"names":["React","jsx","jsxs","SwitchPrimitive","cn","Fragment"],"mappings":"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"}