@sth87/shadcn-design-system 0.0.35 → 0.1.0

package/dist/esm/packages/ui/src/components/dropdown-menu.js

@@ -1,214 +1,214 @@
-import { jsx as t, jsxs as s } from "react/jsx-runtime";
-import * as n from "@radix-ui/react-dropdown-menu";
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import * as s from "@radix-ui/react-dropdown-menu";
 import { ChevronRightIcon as i, CircleIcon as u, CheckIcon as c } from "lucide-react";
-import { cn as r } from "../lib/utils.js";
+import { cn as n } from "../lib/utils.js";
 function f({
-  ...e
+  ...d
 }) {
-  return /* @__PURE__ */ t(n.Root, { "data-slot": "dropdown-menu", ...e });
+  return /* @__PURE__ */ e(s.Root, { "data-slot": "dropdown-menu", ...d });
 }
 function g({
-  ...e
+  ...d
 }) {
-  return /* @__PURE__ */ t(n.Portal, { "data-slot": "dropdown-menu-portal", ...e });
+  return /* @__PURE__ */ e(s.Portal, { "data-slot": "dropdown-menu-portal", ...d });
 }
 function v({
-  ...e
+  ...d
 }) {
-  return /* @__PURE__ */ t(
-    n.Trigger,
+  return /* @__PURE__ */ e(
+    s.Trigger,
     {
       "data-slot": "dropdown-menu-trigger",
-      ...e
+      ...d
     }
   );
 }
 function x({
-  className: e,
-  sideOffset: o = 4,
-  ...a
+  className: d,
+  sideOffset: t = 4,
+  ...o
 }) {
-  return /* @__PURE__ */ t(n.Portal, { children: /* @__PURE__ */ t(
-    n.Content,
+  return /* @__PURE__ */ e(s.Portal, { children: /* @__PURE__ */ e(
+    s.Content,
     {
       "data-slot": "dropdown-menu-content",
-      sideOffset: o,
-      className: r(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
-        e
+      sideOffset: t,
+      className: n(
+        "ds:bg-popover ds:text-popover-foreground ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0 ds:data-[state=closed]:zoom-out-95 ds:data-[state=open]:zoom-in-95 ds:data-[side=bottom]:slide-in-from-top-2 ds:data-[side=left]:slide-in-from-right-2 ds:data-[side=right]:slide-in-from-left-2 ds:data-[side=top]:slide-in-from-bottom-2 ds:z-50 ds:max-h-(--radix-dropdown-menu-content-available-height) ds:min-w-[8rem] ds:origin-(--radix-dropdown-menu-content-transform-origin) ds:overflow-x-hidden ds:overflow-y-auto ds:rounded-md ds:border ds:p-1 ds:shadow-md",
+        d
       ),
-      ...a
+      ...o
     }
   ) });
 }
 function w({
-  ...e
+  ...d
 }) {
-  return /* @__PURE__ */ t(n.Group, { "data-slot": "dropdown-menu-group", ...e });
+  return /* @__PURE__ */ e(s.Group, { "data-slot": "dropdown-menu-group", ...d });
 }
 function b({
-  className: e,
-  inset: o,
-  variant: a = "default",
-  ...d
+  className: d,
+  inset: t,
+  variant: o = "default",
+  ...a
 }) {
-  return /* @__PURE__ */ t(
-    n.Item,
+  return /* @__PURE__ */ e(
+    s.Item,
     {
       "data-slot": "dropdown-menu-item",
-      "data-inset": o,
-      "data-variant": a,
-      className: r(
-        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        e
+      "data-inset": t,
+      "data-variant": o,
+      className: n(
+        "ds:focus:bg-accent ds:focus:text-accent-foreground ds:data-[variant=destructive]:text-destructive ds:data-[variant=destructive]:focus:bg-destructive/10 ds:dark:data-[variant=destructive]:focus:bg-destructive/20 ds:data-[variant=destructive]:focus:text-destructive ds:data-[variant=destructive]:*:[svg]:!text-destructive ds:[&_svg:not([class*='text-'])]:text-muted-foreground ds:relative ds:flex ds:cursor-default ds:items-center ds:gap-2 ds:rounded-sm ds:px-2 ds:py-1.5 ds:text-sm ds:outline-hidden ds:select-none ds:data-[disabled]:pointer-events-none ds:data-[disabled]:opacity-50 ds:data-[inset]:pl-8 ds:[&_svg]:pointer-events-none ds:[&_svg]:shrink-0 ds:[&_svg:not([class*='size-'])]:size-4",
+        d
       ),
-      ...d
+      ...a
     }
   );
 }
 function h({
-  className: e,
-  children: o,
-  checked: a,
-  ...d
+  className: d,
+  children: t,
+  checked: o,
+  ...a
 }) {
-  return /* @__PURE__ */ s(
-    n.CheckboxItem,
+  return /* @__PURE__ */ r(
+    s.CheckboxItem,
     {
       "data-slot": "dropdown-menu-checkbox-item",
-      className: r(
-        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        e
+      className: n(
+        "ds:focus:bg-accent ds:focus:text-accent-foreground ds:relative ds:flex ds:cursor-default ds:items-center ds:gap-2 ds:rounded-sm ds:py-1.5 ds:pr-2 ds:pl-8 ds:text-sm ds:outline-hidden ds:select-none ds:data-[disabled]:pointer-events-none ds:data-[disabled]:opacity-50 ds:[&_svg]:pointer-events-none ds:[&_svg]:shrink-0 ds:[&_svg:not([class*='size-'])]:size-4",
+        d
       ),
-      checked: a,
-      ...d,
+      checked: o,
+      ...a,
       children: [
-        /* @__PURE__ */ t("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ t(n.ItemIndicator, { children: /* @__PURE__ */ t(c, { className: "size-4" }) }) }),
-        o
+        /* @__PURE__ */ e("span", { className: "ds:pointer-events-none ds:absolute ds:left-2 ds:flex ds:size-3.5 ds:items-center ds:justify-center", children: /* @__PURE__ */ e(s.ItemIndicator, { children: /* @__PURE__ */ e(c, { className: "ds:size-4" }) }) }),
+        t
       ]
     }
   );
 }
 function z({
-  ...e
+  ...d
 }) {
-  return /* @__PURE__ */ t(
-    n.RadioGroup,
+  return /* @__PURE__ */ e(
+    s.RadioGroup,
     {
       "data-slot": "dropdown-menu-radio-group",
-      ...e
+      ...d
     }
   );
 }
 function D({
-  className: e,
-  children: o,
-  ...a
+  className: d,
+  children: t,
+  ...o
 }) {
-  return /* @__PURE__ */ s(
-    n.RadioItem,
+  return /* @__PURE__ */ r(
+    s.RadioItem,
     {
       "data-slot": "dropdown-menu-radio-item",
-      className: r(
-        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        e
+      className: n(
+        "ds:focus:bg-accent ds:focus:text-accent-foreground ds:relative ds:flex ds:cursor-default ds:items-center ds:gap-2 ds:rounded-sm ds:py-1.5 ds:pr-2 ds:pl-8 ds:text-sm ds:outline-hidden ds:select-none ds:data-[disabled]:pointer-events-none ds:data-[disabled]:opacity-50 ds:[&_svg]:pointer-events-none ds:[&_svg]:shrink-0 ds:[&_svg:not([class*='size-'])]:size-4",
+        d
       ),
-      ...a,
+      ...o,
       children: [
-        /* @__PURE__ */ t("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ t(n.ItemIndicator, { children: /* @__PURE__ */ t(u, { className: "size-2 fill-current" }) }) }),
-        o
+        /* @__PURE__ */ e("span", { className: "ds:pointer-events-none ds:absolute ds:left-2 ds:flex ds:size-3.5 ds:items-center ds:justify-center", children: /* @__PURE__ */ e(s.ItemIndicator, { children: /* @__PURE__ */ e(u, { className: "ds:size-2 ds:fill-current" }) }) }),
+        t
       ]
     }
   );
 }
 function M({
-  className: e,
-  inset: o,
-  ...a
+  className: d,
+  inset: t,
+  ...o
 }) {
-  return /* @__PURE__ */ t(
-    n.Label,
+  return /* @__PURE__ */ e(
+    s.Label,
     {
       "data-slot": "dropdown-menu-label",
-      "data-inset": o,
-      className: r(
-        "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
-        e
+      "data-inset": t,
+      className: n(
+        "ds:px-2 ds:py-1.5 ds:text-sm ds:font-medium ds:data-[inset]:pl-8",
+        d
       ),
-      ...a
+      ...o
     }
   );
 }
 function N({
-  className: e,
-  ...o
+  className: d,
+  ...t
 }) {
-  return /* @__PURE__ */ t(
-    n.Separator,
+  return /* @__PURE__ */ e(
+    s.Separator,
     {
       "data-slot": "dropdown-menu-separator",
-      className: r("bg-border -mx-1 my-1 h-px", e),
-      ...o
+      className: n("ds:bg-border ds:-mx-1 ds:my-1 ds:h-px", d),
+      ...t
     }
   );
 }
 function _({
-  className: e,
-  ...o
+  className: d,
+  ...t
 }) {
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ e(
     "span",
     {
       "data-slot": "dropdown-menu-shortcut",
-      className: r(
-        "text-muted-foreground ml-auto text-xs tracking-widest",
-        e
+      className: n(
+        "ds:text-muted-foreground ds:ml-auto ds:text-xs ds:tracking-widest",
+        d
       ),
-      ...o
+      ...t
     }
   );
 }
 function I({
-  ...e
+  ...d
 }) {
-  return /* @__PURE__ */ t(n.Sub, { "data-slot": "dropdown-menu-sub", ...e });
+  return /* @__PURE__ */ e(s.Sub, { "data-slot": "dropdown-menu-sub", ...d });
 }
 function y({
-  className: e,
-  inset: o,
-  children: a,
-  ...d
+  className: d,
+  inset: t,
+  children: o,
+  ...a
 }) {
-  return /* @__PURE__ */ s(
-    n.SubTrigger,
+  return /* @__PURE__ */ r(
+    s.SubTrigger,
     {
       "data-slot": "dropdown-menu-sub-trigger",
-      "data-inset": o,
-      className: r(
-        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        e
+      "data-inset": t,
+      className: n(
+        "ds:focus:bg-accent ds:focus:text-accent-foreground ds:data-[state=open]:bg-accent ds:data-[state=open]:text-accent-foreground ds:[&_svg:not([class*='text-'])]:text-muted-foreground ds:flex ds:cursor-default ds:items-center ds:gap-2 ds:rounded-sm ds:px-2 ds:py-1.5 ds:text-sm ds:outline-hidden ds:select-none ds:data-[inset]:pl-8 ds:[&_svg]:pointer-events-none ds:[&_svg]:shrink-0 ds:[&_svg:not([class*='size-'])]:size-4",
+        d
       ),
-      ...d,
+      ...a,
       children: [
-        a,
-        /* @__PURE__ */ t(i, { className: "ml-auto size-4" })
+        o,
+        /* @__PURE__ */ e(i, { className: "ds:ml-auto ds:size-4" })
       ]
     }
   );
 }
 function k({
-  className: e,
-  ...o
+  className: d,
+  ...t
 }) {
-  return /* @__PURE__ */ t(
-    n.SubContent,
+  return /* @__PURE__ */ e(
+    s.SubContent,
     {
       "data-slot": "dropdown-menu-sub-content",
-      className: r(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
-        e
+      className: n(
+        "ds:bg-popover ds:text-popover-foreground ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0 ds:data-[state=closed]:zoom-out-95 ds:data-[state=open]:zoom-in-95 ds:data-[side=bottom]:slide-in-from-top-2 ds:data-[side=left]:slide-in-from-right-2 ds:data-[side=right]:slide-in-from-left-2 ds:data-[side=top]:slide-in-from-bottom-2 ds:z-50 ds:min-w-[8rem] ds:origin-(--radix-dropdown-menu-content-transform-origin) ds:overflow-hidden ds:rounded-md ds:border ds:p-1 ds:shadow-lg",
+        d
       ),
-      ...o
+      ...t
     }
   );
 }

package/dist/esm/packages/ui/src/components/dropdown-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.js","sources":["../../../../../../../../packages/ui/src/components/dropdown-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\n\nfunction DropdownMenu({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />;\n}\n\nfunction DropdownMenuPortal({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n  return (\n    <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n  );\n}\n\nfunction DropdownMenuTrigger({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n  return (\n    <DropdownMenuPrimitive.Trigger\n      data-slot=\"dropdown-menu-trigger\"\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuContent({\n  className,\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md\",\n          className\n        )}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n}\n\nfunction DropdownMenuGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n  return (\n    <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n  );\n}\n\nfunction DropdownMenuItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n  inset?: boolean;\n  variant?: \"default\" | \"destructive\";\n}) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n}\n\nfunction DropdownMenuRadioGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n  return (\n    <DropdownMenuPrimitive.RadioGroup\n      data-slot=\"dropdown-menu-radio-group\"\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuRadioItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-2 fill-current\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  );\n}\n\nfunction DropdownMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n  inset?: boolean;\n}) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-slot=\"dropdown-menu-label\"\n      data-inset={inset}\n      className={cn(\n        \"px-2 py-1.5 text-sm font-medium data-[inset]:pl-8\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuShortcut({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      className={cn(\n        \"text-muted-foreground ml-auto text-xs tracking-widest\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuSub({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />;\n}\n\nfunction DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n  inset?: boolean;\n}) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto size-4\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  );\n}\n\nfunction DropdownMenuSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.SubContent\n      data-slot=\"dropdown-menu-sub-content\"\n      className={cn(\n        \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuPortal,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuLabel,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubTrigger,\n  DropdownMenuSubContent,\n};\n"],"names":["DropdownMenu","props","DropdownMenuPrimitive","DropdownMenuPortal","DropdownMenuTrigger","jsx","DropdownMenuContent","className","sideOffset","cn","DropdownMenuGroup","DropdownMenuItem","inset","variant","DropdownMenuCheckboxItem","children","checked","jsxs","CheckIcon","DropdownMenuRadioGroup","DropdownMenuRadioItem","CircleIcon","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut","DropdownMenuSub","DropdownMenuSubTrigger","ChevronRightIcon","DropdownMenuSubContent"],"mappings":"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"}
+{"version":3,"file":"dropdown-menu.js","sources":["../../../../../../../../packages/ui/src/components/dropdown-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\n\nfunction DropdownMenu({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />;\n}\n\nfunction DropdownMenuPortal({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n  return (\n    <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n  );\n}\n\nfunction DropdownMenuTrigger({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n  return (\n    <DropdownMenuPrimitive.Trigger\n      data-slot=\"dropdown-menu-trigger\"\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuContent({\n  className,\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"ds:bg-popover ds:text-popover-foreground ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0 ds:data-[state=closed]:zoom-out-95 ds:data-[state=open]:zoom-in-95 ds:data-[side=bottom]:slide-in-from-top-2 ds:data-[side=left]:slide-in-from-right-2 ds:data-[side=right]:slide-in-from-left-2 ds:data-[side=top]:slide-in-from-bottom-2 ds:z-50 ds:max-h-(--radix-dropdown-menu-content-available-height) ds:min-w-[8rem] ds:origin-(--radix-dropdown-menu-content-transform-origin) ds:overflow-x-hidden ds:overflow-y-auto ds:rounded-md ds:border ds:p-1 ds:shadow-md\",\n          className\n        )}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n}\n\nfunction DropdownMenuGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n  return (\n    <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n  );\n}\n\nfunction DropdownMenuItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n  inset?: boolean;\n  variant?: \"default\" | \"destructive\";\n}) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"ds:focus:bg-accent ds:focus:text-accent-foreground ds:data-[variant=destructive]:text-destructive ds:data-[variant=destructive]:focus:bg-destructive/10 ds:dark:data-[variant=destructive]:focus:bg-destructive/20 ds:data-[variant=destructive]:focus:text-destructive ds:data-[variant=destructive]:*:[svg]:!text-destructive ds:[&_svg:not([class*='text-'])]:text-muted-foreground ds:relative ds:flex ds:cursor-default ds:items-center ds:gap-2 ds:rounded-sm ds:px-2 ds:py-1.5 ds:text-sm ds:outline-hidden ds:select-none ds:data-[disabled]:pointer-events-none ds:data-[disabled]:opacity-50 ds:data-[inset]:pl-8 ds:[&_svg]:pointer-events-none ds:[&_svg]:shrink-0 ds:[&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      className={cn(\n        \"ds:focus:bg-accent ds:focus:text-accent-foreground ds:relative ds:flex ds:cursor-default ds:items-center ds:gap-2 ds:rounded-sm ds:py-1.5 ds:pr-2 ds:pl-8 ds:text-sm ds:outline-hidden ds:select-none ds:data-[disabled]:pointer-events-none ds:data-[disabled]:opacity-50 ds:[&_svg]:pointer-events-none ds:[&_svg]:shrink-0 ds:[&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"ds:pointer-events-none ds:absolute ds:left-2 ds:flex ds:size-3.5 ds:items-center ds:justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CheckIcon className=\"ds:size-4\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n}\n\nfunction DropdownMenuRadioGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n  return (\n    <DropdownMenuPrimitive.RadioGroup\n      data-slot=\"dropdown-menu-radio-group\"\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuRadioItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      className={cn(\n        \"ds:focus:bg-accent ds:focus:text-accent-foreground ds:relative ds:flex ds:cursor-default ds:items-center ds:gap-2 ds:rounded-sm ds:py-1.5 ds:pr-2 ds:pl-8 ds:text-sm ds:outline-hidden ds:select-none ds:data-[disabled]:pointer-events-none ds:data-[disabled]:opacity-50 ds:[&_svg]:pointer-events-none ds:[&_svg]:shrink-0 ds:[&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"ds:pointer-events-none ds:absolute ds:left-2 ds:flex ds:size-3.5 ds:items-center ds:justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CircleIcon className=\"ds:size-2 ds:fill-current\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  );\n}\n\nfunction DropdownMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n  inset?: boolean;\n}) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-slot=\"dropdown-menu-label\"\n      data-inset={inset}\n      className={cn(\n        \"ds:px-2 ds:py-1.5 ds:text-sm ds:font-medium ds:data-[inset]:pl-8\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={cn(\"ds:bg-border ds:-mx-1 ds:my-1 ds:h-px\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuShortcut({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      className={cn(\n        \"ds:text-muted-foreground ds:ml-auto ds:text-xs ds:tracking-widest\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuSub({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />;\n}\n\nfunction DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n  inset?: boolean;\n}) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"ds:focus:bg-accent ds:focus:text-accent-foreground ds:data-[state=open]:bg-accent ds:data-[state=open]:text-accent-foreground ds:[&_svg:not([class*='text-'])]:text-muted-foreground ds:flex ds:cursor-default ds:items-center ds:gap-2 ds:rounded-sm ds:px-2 ds:py-1.5 ds:text-sm ds:outline-hidden ds:select-none ds:data-[inset]:pl-8 ds:[&_svg]:pointer-events-none ds:[&_svg]:shrink-0 ds:[&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ds:ml-auto ds:size-4\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  );\n}\n\nfunction DropdownMenuSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.SubContent\n      data-slot=\"dropdown-menu-sub-content\"\n      className={cn(\n        \"ds:bg-popover ds:text-popover-foreground ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0 ds:data-[state=closed]:zoom-out-95 ds:data-[state=open]:zoom-in-95 ds:data-[side=bottom]:slide-in-from-top-2 ds:data-[side=left]:slide-in-from-right-2 ds:data-[side=right]:slide-in-from-left-2 ds:data-[side=top]:slide-in-from-bottom-2 ds:z-50 ds:min-w-[8rem] ds:origin-(--radix-dropdown-menu-content-transform-origin) ds:overflow-hidden ds:rounded-md ds:border ds:p-1 ds:shadow-lg\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuPortal,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuLabel,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubTrigger,\n  DropdownMenuSubContent,\n};\n"],"names":["DropdownMenu","props","DropdownMenuPrimitive","DropdownMenuPortal","DropdownMenuTrigger","jsx","DropdownMenuContent","className","sideOffset","cn","DropdownMenuGroup","DropdownMenuItem","inset","variant","DropdownMenuCheckboxItem","children","checked","jsxs","CheckIcon","DropdownMenuRadioGroup","DropdownMenuRadioItem","CircleIcon","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut","DropdownMenuSub","DropdownMenuSubTrigger","ChevronRightIcon","DropdownMenuSubContent"],"mappings":"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"}

package/dist/esm/packages/ui/src/components/input-otp.js

@@ -1,30 +1,30 @@
-import { jsx as r, jsxs as v } from "react/jsx-runtime";
+import { jsx as d, jsxs as v } from "react/jsx-runtime";
 import * as m from "react";
 import { OTPInput as p, OTPInputContext as g } from "input-otp";
 import { REGEXP_ONLY_CHARS as E, REGEXP_ONLY_DIGITS as G, REGEXP_ONLY_DIGITS_AND_CHARS as R } from "input-otp";
 import "lucide-react";
-import { cn as i } from "../lib/utils.js";
+import { cn as r } from "../lib/utils.js";
 import { cva as b } from "class-variance-authority";
 const f = b(
-  "border-input relative flex items-center justify-center data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30",
+  "ds:border-input ds:relative ds:flex ds:items-center ds:justify-center ds:data-[active=true]:border-ring ds:data-[active=true]:ring-ring/50 ds:data-[active=true]:aria-invalid:ring-destructive/20 ds:dark:data-[active=true]:aria-invalid:ring-destructive/40 ds:aria-invalid:border-destructive ds:data-[active=true]:aria-invalid:border-destructive ds:dark:bg-input/30",
   {
     variants: {
       variant: {
-        outlined: "border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]",
-        underlined: "border-b-2"
+        outlined: "ds:border-y ds:border-r ds:text-sm ds:shadow-xs ds:transition-all ds:outline-none ds:first:rounded-l-md ds:first:border-l ds:last:rounded-r-md ds:data-[active=true]:z-10 ds:data-[active=true]:ring-[3px]",
+        underlined: "ds:border-b-2"
       },
       size: {
-        xs: "h-6 w-6 text-xs",
-        sm: "h-8 w-8 text-sm",
-        normal: "h-9 w-9",
-        lg: "h-11 w-11 text-base",
-        xl: "h-14 w-14 text-lg"
+        xs: "ds:h-6 ds:w-6 ds:text-xs",
+        sm: "ds:h-8 ds:w-8 ds:text-sm",
+        normal: "ds:h-9 ds:w-9",
+        lg: "ds:h-11 ds:w-11 ds:text-base",
+        xl: "ds:h-14 ds:w-14 ds:text-lg"
       },
       state: {
         default: "",
-        success: "border-success ring-success/30 data-[active=true]:border-success data-[active=true]:ring-success/50",
-        error: "border-destructive ring-destructive/30 data-[active=true]:border-destructive data-[active=true]:ring-destructive/50",
-        warning: "border-warning ring-warning/30 data-[active=true]:border-warning data-[active=true]:ring-warning/50"
+        success: "ds:border-success ds:ring-success/30 ds:data-[active=true]:border-success ds:data-[active=true]:ring-success/50",
+        error: "ds:border-destructive ds:ring-destructive/30 ds:data-[active=true]:border-destructive ds:data-[active=true]:ring-destructive/50",
+        warning: "ds:border-warning ds:ring-warning/30 ds:data-[active=true]:border-warning ds:data-[active=true]:ring-warning/50"
       }
     },
     defaultVariants: {
@@ -34,34 +34,34 @@ const f = b(
     }
   }
 );
-function I({ className: t, containerClassName: e, ...a }) {
-  return /* @__PURE__ */ r(
+function I({ className: t, containerClassName: s, ...e }) {
+  return /* @__PURE__ */ d(
     p,
     {
       "data-slot": "input-otp",
-      containerClassName: e,
-      className: i("disabled:cursor-not-allowed", t),
-      ...a
+      containerClassName: s,
+      className: r("ds:disabled:cursor-not-allowed", t),
+      ...e
     }
   );
 }
-function N({ className: t, ...e }) {
-  return /* @__PURE__ */ r(
+function N({ className: t, ...s }) {
+  return /* @__PURE__ */ d(
     "div",
     {
       "data-slot": "input-otp-group",
-      className: i("flex items-center", t),
-      ...e
+      className: r("ds:flex ds:items-center", t),
+      ...s
     }
   );
 }
 function T({
   index: t,
-  className: e,
-  size: a = "normal",
-  state: n = "default",
-  variant: s = "outlined",
-  ...d
+  className: s,
+  size: e = "normal",
+  state: a = "default",
+  variant: i = "outlined",
+  ...n
 }) {
   const o = m.useContext(g), { char: u, hasFakeCaret: c, isActive: l } = o?.slots[t] ?? {};
   return /* @__PURE__ */ v(
@@ -69,11 +69,11 @@ function T({
     {
       "data-slot": "input-otp-slot",
       "data-active": l,
-      className: i(f({ size: a, state: n, variant: s }), e),
-      ...d,
+      className: r(f({ size: e, state: a, variant: i }), s),
+      ...n,
       children: [
         u,
-        c && /* @__PURE__ */ r("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ r("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) })
+        c && /* @__PURE__ */ d("div", { className: "ds:pointer-events-none ds:absolute ds:inset-0 ds:flex ds:items-center ds:justify-center", children: /* @__PURE__ */ d("div", { className: "ds:animate-caret-blink ds:bg-foreground ds:h-4 ds:w-px ds:duration-1000" }) })
       ]
     }
   );

package/dist/esm/packages/ui/src/components/input-otp.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-otp.js","sources":["../../../../../../../../packages/ui/src/components/input-otp.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  OTPInput,\n  OTPInputContext,\n  REGEXP_ONLY_DIGITS,\n  REGEXP_ONLY_CHARS,\n  REGEXP_ONLY_DIGITS_AND_CHARS,\n} from \"input-otp\";\nimport { MinusIcon } from \"lucide-react\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nconst inputOTPSlotVariants = cva(\n  \"border-input relative flex items-center justify-center data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30\",\n  {\n    variants: {\n      variant: {\n        outlined:\n          \"border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]\",\n        underlined: \"border-b-2\",\n      },\n      size: {\n        xs: \"h-6 w-6 text-xs\",\n        sm: \"h-8 w-8 text-sm\",\n        normal: \"h-9 w-9\",\n        lg: \"h-11 w-11 text-base\",\n        xl: \"h-14 w-14 text-lg\",\n      },\n      state: {\n        default: \"\",\n        success:\n          \"border-success ring-success/30 data-[active=true]:border-success data-[active=true]:ring-success/50\",\n        error:\n          \"border-destructive ring-destructive/30 data-[active=true]:border-destructive data-[active=true]:ring-destructive/50\",\n        warning:\n          \"border-warning ring-warning/30 data-[active=true]:border-warning data-[active=true]:ring-warning/50\",\n      },\n    },\n    defaultVariants: {\n      size: \"normal\",\n      state: \"default\",\n      variant: \"outlined\",\n    },\n  }\n);\n\ntype InputOTPProps = React.ComponentProps<typeof OTPInput> & {\n  containerClassName?: string;\n};\n\nfunction InputOTP({ className, containerClassName, ...props }: InputOTPProps) {\n  return (\n    <OTPInput\n      data-slot=\"input-otp\"\n      containerClassName={containerClassName}\n      className={cn(\"disabled:cursor-not-allowed\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction InputOTPGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"input-otp-group\"\n      className={cn(\"flex items-center\", className)}\n      {...props}\n    />\n  );\n}\n\ntype InputOTPSlotProps = React.ComponentProps<\"div\"> & {\n  index: number;\n} & VariantProps<typeof inputOTPSlotVariants>;\n\nfunction InputOTPSlot({\n  index,\n  className,\n  size = \"normal\",\n  state = \"default\",\n  variant = \"outlined\",\n  ...props\n}: InputOTPSlotProps) {\n  const inputOTPContext = React.useContext(OTPInputContext);\n  const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};\n\n  return (\n    <div\n      data-slot=\"input-otp-slot\"\n      data-active={isActive}\n      className={cn(inputOTPSlotVariants({ size, state, variant }), className)}\n      {...props}\n    >\n      {char}\n      {hasFakeCaret && (\n        <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n          <div className=\"animate-caret-blink bg-foreground h-4 w-px duration-1000\" />\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction InputOTPSeparator({ ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div data-slot=\"input-otp-separator\" role=\"separator\" {...props}>\n      <MinusIcon />\n    </div>\n  );\n}\n\nexport {\n  InputOTP,\n  InputOTPGroup,\n  InputOTPSlot,\n  InputOTPSeparator,\n  inputOTPSlotVariants,\n  type InputOTPProps,\n  REGEXP_ONLY_DIGITS,\n  REGEXP_ONLY_CHARS,\n  REGEXP_ONLY_DIGITS_AND_CHARS,\n};\n"],"names":["inputOTPSlotVariants","cva","InputOTP","className","containerClassName","props","jsx","OTPInput","cn","InputOTPGroup","InputOTPSlot","index","size","state","variant","inputOTPContext","React","OTPInputContext","char","hasFakeCaret","isActive","jsxs"],"mappings":";;;;;;;AAeA,MAAMA,IAAuBC;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,UACE;AAAA,QACF,YAAY;AAAA,MAAA;AAAA,MAEd,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,QAAQ;AAAA,QACR,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,OAAO;AAAA,QACL,SAAS;AAAA,QACT,SACE;AAAA,QACF,OACE;AAAA,QACF,SACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAMA,SAASC,EAAS,EAAE,WAAAC,GAAW,oBAAAC,GAAoB,GAAGC,KAAwB;AAC5E,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,oBAAAH;AAAA,MACA,WAAWI,EAAG,+BAA+BL,CAAS;AAAA,MACrD,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAc,EAAE,WAAAN,GAAW,GAAGE,KAAsC;AAC3E,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWE,EAAG,qBAAqBL,CAAS;AAAA,MAC3C,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAMA,SAASK,EAAa;AAAA,EACpB,OAAAC;AAAA,EACA,WAAAR;AAAA,EACA,MAAAS,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,SAAAC,IAAU;AAAA,EACV,GAAGT;AACL,GAAsB;AACpB,QAAMU,IAAkBC,EAAM,WAAWC,CAAe,GAClD,EAAE,MAAAC,GAAM,cAAAC,GAAc,UAAAC,EAAA,IAAaL,GAAiB,MAAMJ,CAAK,KAAK,CAAA;AAE1E,SACE,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,eAAaD;AAAA,MACb,WAAWZ,EAAGR,EAAqB,EAAE,MAAAY,GAAM,OAAAC,GAAO,SAAAC,EAAA,CAAS,GAAGX,CAAS;AAAA,MACtE,GAAGE;AAAA,MAEH,UAAA;AAAA,QAAAa;AAAA,QACAC,uBACE,OAAA,EAAI,WAAU,yEACb,UAAA,gBAAAb,EAAC,OAAA,EAAI,WAAU,2DAAA,CAA2D,EAAA,CAC5E;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"input-otp.js","sources":["../../../../../../../../packages/ui/src/components/input-otp.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  OTPInput,\n  OTPInputContext,\n  REGEXP_ONLY_DIGITS,\n  REGEXP_ONLY_CHARS,\n  REGEXP_ONLY_DIGITS_AND_CHARS,\n} from \"input-otp\";\nimport { MinusIcon } from \"lucide-react\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nconst inputOTPSlotVariants = cva(\n  \"ds:border-input ds:relative ds:flex ds:items-center ds:justify-center ds:data-[active=true]:border-ring ds:data-[active=true]:ring-ring/50 ds:data-[active=true]:aria-invalid:ring-destructive/20 ds:dark:data-[active=true]:aria-invalid:ring-destructive/40 ds:aria-invalid:border-destructive ds:data-[active=true]:aria-invalid:border-destructive ds:dark:bg-input/30\",\n  {\n    variants: {\n      variant: {\n        outlined:\n          \"ds:border-y ds:border-r ds:text-sm ds:shadow-xs ds:transition-all ds:outline-none ds:first:rounded-l-md ds:first:border-l ds:last:rounded-r-md ds:data-[active=true]:z-10 ds:data-[active=true]:ring-[3px]\",\n        underlined: \"ds:border-b-2\",\n      },\n      size: {\n        xs: \"ds:h-6 ds:w-6 ds:text-xs\",\n        sm: \"ds:h-8 ds:w-8 ds:text-sm\",\n        normal: \"ds:h-9 ds:w-9\",\n        lg: \"ds:h-11 ds:w-11 ds:text-base\",\n        xl: \"ds:h-14 ds:w-14 ds:text-lg\",\n      },\n      state: {\n        default: \"\",\n        success:\n          \"ds:border-success ds:ring-success/30 ds:data-[active=true]:border-success ds:data-[active=true]:ring-success/50\",\n        error:\n          \"ds:border-destructive ds:ring-destructive/30 ds:data-[active=true]:border-destructive ds:data-[active=true]:ring-destructive/50\",\n        warning:\n          \"ds:border-warning ds:ring-warning/30 ds:data-[active=true]:border-warning ds:data-[active=true]:ring-warning/50\",\n      },\n    },\n    defaultVariants: {\n      size: \"normal\",\n      state: \"default\",\n      variant: \"outlined\",\n    },\n  }\n);\n\ntype InputOTPProps = React.ComponentProps<typeof OTPInput> & {\n  containerClassName?: string;\n};\n\nfunction InputOTP({ className, containerClassName, ...props }: InputOTPProps) {\n  return (\n    <OTPInput\n      data-slot=\"input-otp\"\n      containerClassName={containerClassName}\n      className={cn(\"ds:disabled:cursor-not-allowed\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction InputOTPGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"input-otp-group\"\n      className={cn(\"ds:flex ds:items-center\", className)}\n      {...props}\n    />\n  );\n}\n\ntype InputOTPSlotProps = React.ComponentProps<\"div\"> & {\n  index: number;\n} & VariantProps<typeof inputOTPSlotVariants>;\n\nfunction InputOTPSlot({\n  index,\n  className,\n  size = \"normal\",\n  state = \"default\",\n  variant = \"outlined\",\n  ...props\n}: InputOTPSlotProps) {\n  const inputOTPContext = React.useContext(OTPInputContext);\n  const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};\n\n  return (\n    <div\n      data-slot=\"input-otp-slot\"\n      data-active={isActive}\n      className={cn(inputOTPSlotVariants({ size, state, variant }), className)}\n      {...props}\n    >\n      {char}\n      {hasFakeCaret && (\n        <div className=\"ds:pointer-events-none ds:absolute ds:inset-0 ds:flex ds:items-center ds:justify-center\">\n          <div className=\"ds:animate-caret-blink ds:bg-foreground ds:h-4 ds:w-px ds:duration-1000\" />\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction InputOTPSeparator({ ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div data-slot=\"input-otp-separator\" role=\"separator\" {...props}>\n      <MinusIcon />\n    </div>\n  );\n}\n\nexport {\n  InputOTP,\n  InputOTPGroup,\n  InputOTPSlot,\n  InputOTPSeparator,\n  inputOTPSlotVariants,\n  type InputOTPProps,\n  REGEXP_ONLY_DIGITS,\n  REGEXP_ONLY_CHARS,\n  REGEXP_ONLY_DIGITS_AND_CHARS,\n};\n"],"names":["inputOTPSlotVariants","cva","InputOTP","className","containerClassName","props","jsx","OTPInput","cn","InputOTPGroup","InputOTPSlot","index","size","state","variant","inputOTPContext","React","OTPInputContext","char","hasFakeCaret","isActive","jsxs"],"mappings":";;;;;;;AAeA,MAAMA,IAAuBC;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,UACE;AAAA,QACF,YAAY;AAAA,MAAA;AAAA,MAEd,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,QAAQ;AAAA,QACR,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,OAAO;AAAA,QACL,SAAS;AAAA,QACT,SACE;AAAA,QACF,OACE;AAAA,QACF,SACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAMA,SAASC,EAAS,EAAE,WAAAC,GAAW,oBAAAC,GAAoB,GAAGC,KAAwB;AAC5E,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,oBAAAH;AAAA,MACA,WAAWI,EAAG,kCAAkCL,CAAS;AAAA,MACxD,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAc,EAAE,WAAAN,GAAW,GAAGE,KAAsC;AAC3E,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWE,EAAG,2BAA2BL,CAAS;AAAA,MACjD,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAMA,SAASK,EAAa;AAAA,EACpB,OAAAC;AAAA,EACA,WAAAR;AAAA,EACA,MAAAS,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,SAAAC,IAAU;AAAA,EACV,GAAGT;AACL,GAAsB;AACpB,QAAMU,IAAkBC,EAAM,WAAWC,CAAe,GAClD,EAAE,MAAAC,GAAM,cAAAC,GAAc,UAAAC,EAAA,IAAaL,GAAiB,MAAMJ,CAAK,KAAK,CAAA;AAE1E,SACE,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,eAAaD;AAAA,MACb,WAAWZ,EAAGR,EAAqB,EAAE,MAAAY,GAAM,OAAAC,GAAO,SAAAC,EAAA,CAAS,GAAGX,CAAS;AAAA,MACtE,GAAGE;AAAA,MAEH,UAAA;AAAA,QAAAa;AAAA,QACAC,uBACE,OAAA,EAAI,WAAU,2FACb,UAAA,gBAAAb,EAAC,OAAA,EAAI,WAAU,0EAAA,CAA0E,EAAA,CAC3F;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/esm/packages/ui/src/components/input.js

@@ -1,23 +1,23 @@
-import { jsx as o } from "react/jsx-runtime";
-import * as a from "react";
-import { cva as d } from "class-variance-authority";
+import { jsx as n } from "react/jsx-runtime";
+import * as o from "react";
+import { cva as a } from "class-variance-authority";
 import { cn as l } from "../lib/utils.js";
-const u = d(
-  "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-background border-input w-full min-w-0 rounded-md border bg-transparent shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+const u = a(
+  "ds:file:text-foreground ds:placeholder:text-muted-foreground ds:selection:bg-primary ds:selection:text-primary-foreground ds:dark:bg-background ds:border-input ds:w-full ds:min-w-0 ds:rounded-md ds:border ds:bg-transparent ds:shadow-xs ds:transition-[color,box-shadow] ds:outline-none ds:file:inline-flex ds:file:h-7 ds:file:border-0 ds:file:bg-transparent ds:file:text-sm ds:file:font-medium ds:disabled:pointer-events-none ds:disabled:cursor-not-allowed ds:disabled:opacity-50 ds:focus-visible:border-ring ds:focus-visible:ring-ring/50 ds:focus-visible:ring-[3px] ds:aria-invalid:ring-destructive/20 ds:dark:aria-invalid:ring-destructive/40 ds:aria-invalid:border-destructive",
   {
     variants: {
       size: {
-        xs: "h-6 text-xs px-2 py-0.5",
-        sm: "h-8 text-sm px-2.5 py-1",
-        normal: "h-9 px-3 py-1",
-        lg: "h-11 px-4 py-2",
-        xl: "h-14 px-5 py-3"
+        xs: "ds:h-6 ds:text-xs ds:px-2 ds:py-0.5",
+        sm: "ds:h-8 ds:text-sm ds:px-2.5 ds:py-1",
+        normal: "ds:h-9 ds:px-3 ds:py-1",
+        lg: "ds:h-11 ds:px-4 ds:py-2",
+        xl: "ds:h-14 ds:px-5 ds:py-3"
       },
       state: {
         default: "",
-        success: "border-success ring-success/30 focus-visible:border-success focus-visible:ring-success/50",
-        error: "border-destructive ring-destructive/30 focus-visible:border-destructive focus-visible:ring-destructive/50",
-        warning: "border-warning ring-warning/30 focus-visible:border-warning focus-visible:ring-warning/50"
+        success: "ds:border-success ds:ring-success/30 ds:focus-visible:border-success ds:focus-visible:ring-success/50",
+        error: "ds:border-destructive ds:ring-destructive/30 ds:focus-visible:border-destructive ds:focus-visible:ring-destructive/50",
+        warning: "ds:border-warning ds:ring-warning/30 ds:focus-visible:border-warning ds:focus-visible:ring-warning/50"
       }
     },
     defaultVariants: {
@@ -25,15 +25,15 @@ const u = d(
       state: "default"
     }
   }
-), c = a.forwardRef(
-  ({ className: r, type: e, size: i, state: s = "default", ...t }, n) => /* @__PURE__ */ o(
+), c = o.forwardRef(
+  ({ className: s, type: d, size: r, state: e = "default", ...i }, t) => /* @__PURE__ */ n(
     "input",
     {
-      ref: n,
-      type: e,
+      ref: t,
+      type: d,
       "data-slot": "input",
-      className: l(u({ size: i, state: s, className: r })),
-      ...t
+      className: l(u({ size: r, state: e, className: s })),
+      ...i
     }
   )
 );

package/dist/esm/packages/ui/src/components/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","sources":["../../../../../../../../packages/ui/src/components/input.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"@dsui/ui/lib/utils\";\n\nconst inputVariants = cva(\n  \"file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-background border-input w-full min-w-0 rounded-md border bg-transparent shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {\n      size: {\n        xs: \"h-6 text-xs px-2 py-0.5\",\n        sm: \"h-8 text-sm px-2.5 py-1\",\n        normal: \"h-9 px-3 py-1\",\n        lg: \"h-11 px-4 py-2\",\n        xl: \"h-14 px-5 py-3\",\n      },\n      state: {\n        default: \"\",\n        success:\n          \"border-success ring-success/30 focus-visible:border-success focus-visible:ring-success/50\",\n        error:\n          \"border-destructive ring-destructive/30 focus-visible:border-destructive focus-visible:ring-destructive/50\",\n        warning:\n          \"border-warning ring-warning/30 focus-visible:border-warning focus-visible:ring-warning/50\",\n      },\n    },\n    defaultVariants: {\n      size: \"normal\",\n      state: \"default\",\n    },\n  }\n);\n\ntype InputProps = Omit<React.ComponentProps<\"input\">, \"size\"> & {\n  size?: \"normal\" | \"sm\" | \"xs\" | \"lg\" | \"xl\";\n  state?: \"default\" | \"success\" | \"error\" | \"warning\";\n} & VariantProps<typeof inputVariants>;\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, type, size, state = \"default\", ...props }, ref) => {\n    return (\n      <input\n        ref={ref}\n        type={type}\n        data-slot=\"input\"\n        className={cn(inputVariants({ size, state, className }))}\n        {...props}\n      />\n    );\n  }\n);\n\nInput.displayName = \"Input\";\n\nexport { Input, inputVariants, type InputProps };\n"],"names":["inputVariants","cva","Input","React","className","type","size","state","props","ref","jsx","cn"],"mappings":";;;;AAIA,MAAMA,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,QAAQ;AAAA,QACR,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,OAAO;AAAA,QACL,SAAS;AAAA,QACT,SACE;AAAA,QACF,OACE;AAAA,QACF,SACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ,GAOMC,IAAQC,EAAM;AAAA,EAClB,CAAC,EAAE,WAAAC,GAAW,MAAAC,GAAM,MAAAC,GAAM,OAAAC,IAAQ,WAAW,GAAGC,EAAA,GAASC,MAErD,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,MAAAJ;AAAA,MACA,aAAU;AAAA,MACV,WAAWM,EAAGX,EAAc,EAAE,MAAAM,GAAM,OAAAC,GAAO,WAAAH,EAAA,CAAW,CAAC;AAAA,MACtD,GAAGI;AAAA,IAAA;AAAA,EAAA;AAIZ;AAEAN,EAAM,cAAc;"}
+{"version":3,"file":"input.js","sources":["../../../../../../../../packages/ui/src/components/input.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"@dsui/ui/lib/utils\";\n\nconst inputVariants = cva(\n  \"ds:file:text-foreground ds:placeholder:text-muted-foreground ds:selection:bg-primary ds:selection:text-primary-foreground ds:dark:bg-background ds:border-input ds:w-full ds:min-w-0 ds:rounded-md ds:border ds:bg-transparent ds:shadow-xs ds:transition-[color,box-shadow] ds:outline-none ds:file:inline-flex ds:file:h-7 ds:file:border-0 ds:file:bg-transparent ds:file:text-sm ds:file:font-medium ds:disabled:pointer-events-none ds:disabled:cursor-not-allowed ds:disabled:opacity-50 ds:focus-visible:border-ring ds:focus-visible:ring-ring/50 ds:focus-visible:ring-[3px] ds:aria-invalid:ring-destructive/20 ds:dark:aria-invalid:ring-destructive/40 ds:aria-invalid:border-destructive\",\n  {\n    variants: {\n      size: {\n        xs: \"ds:h-6 ds:text-xs ds:px-2 ds:py-0.5\",\n        sm: \"ds:h-8 ds:text-sm ds:px-2.5 ds:py-1\",\n        normal: \"ds:h-9 ds:px-3 ds:py-1\",\n        lg: \"ds:h-11 ds:px-4 ds:py-2\",\n        xl: \"ds:h-14 ds:px-5 ds:py-3\",\n      },\n      state: {\n        default: \"\",\n        success:\n          \"ds:border-success ds:ring-success/30 ds:focus-visible:border-success ds:focus-visible:ring-success/50\",\n        error:\n          \"ds:border-destructive ds:ring-destructive/30 ds:focus-visible:border-destructive ds:focus-visible:ring-destructive/50\",\n        warning:\n          \"ds:border-warning ds:ring-warning/30 ds:focus-visible:border-warning ds:focus-visible:ring-warning/50\",\n      },\n    },\n    defaultVariants: {\n      size: \"normal\",\n      state: \"default\",\n    },\n  }\n);\n\ntype InputProps = Omit<React.ComponentProps<\"input\">, \"size\"> & {\n  size?: \"normal\" | \"sm\" | \"xs\" | \"lg\" | \"xl\";\n  state?: \"default\" | \"success\" | \"error\" | \"warning\";\n} & VariantProps<typeof inputVariants>;\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, type, size, state = \"default\", ...props }, ref) => {\n    return (\n      <input\n        ref={ref}\n        type={type}\n        data-slot=\"input\"\n        className={cn(inputVariants({ size, state, className }))}\n        {...props}\n      />\n    );\n  }\n);\n\nInput.displayName = \"Input\";\n\nexport { Input, inputVariants, type InputProps };\n"],"names":["inputVariants","cva","Input","React","className","type","size","state","props","ref","jsx","cn"],"mappings":";;;;AAIA,MAAMA,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,QAAQ;AAAA,QACR,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,OAAO;AAAA,QACL,SAAS;AAAA,QACT,SACE;AAAA,QACF,OACE;AAAA,QACF,SACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ,GAOMC,IAAQC,EAAM;AAAA,EAClB,CAAC,EAAE,WAAAC,GAAW,MAAAC,GAAM,MAAAC,GAAM,OAAAC,IAAQ,WAAW,GAAGC,EAAA,GAASC,MAErD,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,MAAAJ;AAAA,MACA,aAAU;AAAA,MACV,WAAWM,EAAGX,EAAc,EAAE,MAAAM,GAAM,OAAAC,GAAO,WAAAH,EAAA,CAAW,CAAC;AAAA,MACtD,GAAGI;AAAA,IAAA;AAAA,EAAA;AAIZ;AAEAN,EAAM,cAAc;"}