@enya-learning/nova 0.5.0 → 0.6.0

package/dist/components/select.js

@@ -1,109 +1,116 @@
 "use client";
 import { t as r } from "../chunks/utils-kyb5nny4y41y7hd8.js";
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { CheckIcon as f, ChevronDownIcon as d, ChevronUpIcon as m } from "lucide-react";
+import { HugeiconsIcon as s } from "@hugeicons/react";
+import { CheckIcon as m, ChevronDownIcon as d, ChevronUpIcon as g } from "@hugeicons/core-free-icons";
 import "react";
-import { Select as o } from "@base-ui/react/select";
-var S = o.Root;
-function y({ className: t, ...a }) {
-  return /* @__PURE__ */ e(o.Group, {
+import { Select as a } from "@base-ui/react/select";
+var N = a.Root;
+function I({ className: t, ...o }) {
+  return /* @__PURE__ */ e(a.Group, {
     "data-slot": "select-group",
     className: r("scroll-my-1 p-1", t),
-    ...a
+    ...o
   });
 }
-function N({ className: t, ...a }) {
-  return /* @__PURE__ */ e(o.Value, {
+function _({ className: t, ...o }) {
+  return /* @__PURE__ */ e(a.Value, {
     "data-slot": "select-value",
     className: r("flex flex-1 text-start", t),
-    ...a
+    ...o
   });
 }
-function I({ className: t, size: a = "default", children: n, ...s }) {
-  return /* @__PURE__ */ l(o.Trigger, {
+function k({ className: t, size: o = "default", children: n, ...i }) {
+  return /* @__PURE__ */ l(a.Trigger, {
     "data-slot": "select-trigger",
-    "data-size": a,
-    className: r("flex w-fit items-center justify-between gap-1.5 rounded-4xl border border-input bg-input/30 px-3 py-2 text-sm whitespace-nowrap transition-colors outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", t),
-    ...s,
-    children: [n, /* @__PURE__ */ e(o.Icon, { render: /* @__PURE__ */ e(d, { className: "pointer-events-none size-4 text-muted-foreground" }) })]
+    "data-size": o,
+    className: r("flex w-fit items-center justify-between gap-1.5 rounded-4xl border border-border bg-border/30 px-3 py-2 text-sm whitespace-nowrap transition-colors outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:hover:bg-border/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", t),
+    ...i,
+    children: [n, /* @__PURE__ */ e(a.Icon, { render: /* @__PURE__ */ e(s, {
+      icon: d,
+      className: "pointer-events-none size-4 text-muted-foreground"
+    }) })]
   });
 }
-function _({ className: t, children: a, side: n = "bottom", sideOffset: s = 4, align: c = "center", alignOffset: u = 0, alignItemWithTrigger: i = !0, ...p }) {
-  return /* @__PURE__ */ e(o.Portal, { children: /* @__PURE__ */ e(o.Positioner, {
+function j({ className: t, children: o, side: n = "bottom", sideOffset: i = 4, align: u = "center", alignOffset: p = 0, alignItemWithTrigger: c = !0, ...f }) {
+  return /* @__PURE__ */ e(a.Portal, { children: /* @__PURE__ */ e(a.Positioner, {
     side: n,
-    sideOffset: s,
-    align: c,
-    alignOffset: u,
-    alignItemWithTrigger: i,
+    sideOffset: i,
+    align: u,
+    alignOffset: p,
+    alignItemWithTrigger: c,
     className: "isolate z-50",
-    children: /* @__PURE__ */ l(o.Popup, {
+    children: /* @__PURE__ */ l(a.Popup, {
       "data-slot": "select-content",
-      "data-align-trigger": i,
+      "data-align-trigger": c,
       className: r("relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-2xl bg-popover text-popover-foreground shadow-2xl ring-1 ring-foreground/5 duration-100 data-[align-trigger=true]:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-start-2 data-[side=inline-start]:slide-in-from-end-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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", t),
-      ...p,
+      ...f,
       children: [
-        /* @__PURE__ */ e(g, {}),
-        /* @__PURE__ */ e(o.List, { children: a }),
-        /* @__PURE__ */ e(v, {})
+        /* @__PURE__ */ e(v, {}),
+        /* @__PURE__ */ e(a.List, { children: o }),
+        /* @__PURE__ */ e(x, {})
       ]
     })
   }) });
 }
-function k({ className: t, ...a }) {
-  return /* @__PURE__ */ e(o.GroupLabel, {
+function C({ className: t, ...o }) {
+  return /* @__PURE__ */ e(a.GroupLabel, {
     "data-slot": "select-label",
     className: r("px-3 py-2.5 text-xs text-muted-foreground", t),
-    ...a
+    ...o
   });
 }
-function j({ className: t, children: a, ...n }) {
-  return /* @__PURE__ */ l(o.Item, {
+function D({ className: t, children: o, ...n }) {
+  return /* @__PURE__ */ l(a.Item, {
     "data-slot": "select-item",
     className: r("relative flex w-full cursor-default items-center gap-2.5 rounded-xl py-2 ps-3 pe-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", t),
     ...n,
-    children: [/* @__PURE__ */ e(o.ItemText, {
+    children: [/* @__PURE__ */ e(a.ItemText, {
       className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap",
-      children: a
-    }), /* @__PURE__ */ e(o.ItemIndicator, {
+      children: o
+    }), /* @__PURE__ */ e(a.ItemIndicator, {
       render: /* @__PURE__ */ e("span", { className: "pointer-events-none absolute end-2 flex size-4 items-center justify-center" }),
-      children: /* @__PURE__ */ e(f, { className: "pointer-events-none" })
+      children: /* @__PURE__ */ e(s, {
+        icon: m,
+        className: "pointer-events-none"
+      })
     })]
   });
 }
-function C({ className: t, ...a }) {
-  return /* @__PURE__ */ e(o.Separator, {
+function G({ className: t, ...o }) {
+  return /* @__PURE__ */ e(a.Separator, {
     "data-slot": "select-separator",
     className: r("pointer-events-none -mx-1 my-1 h-px bg-border/50", t),
-    ...a
+    ...o
   });
 }
-function g({ className: t, ...a }) {
-  return /* @__PURE__ */ e(o.ScrollUpArrow, {
+function v({ className: t, ...o }) {
+  return /* @__PURE__ */ e(a.ScrollUpArrow, {
     "data-slot": "select-scroll-up-button",
     className: r("top-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4", t),
-    ...a,
-    children: /* @__PURE__ */ e(m, {})
+    ...o,
+    children: /* @__PURE__ */ e(s, { icon: g })
   });
 }
-function v({ className: t, ...a }) {
-  return /* @__PURE__ */ e(o.ScrollDownArrow, {
+function x({ className: t, ...o }) {
+  return /* @__PURE__ */ e(a.ScrollDownArrow, {
     "data-slot": "select-scroll-down-button",
     className: r("bottom-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4", t),
-    ...a,
-    children: /* @__PURE__ */ e(d, {})
+    ...o,
+    children: /* @__PURE__ */ e(s, { icon: d })
   });
 }
 export {
-  S as Select,
-  _ as SelectContent,
-  y as SelectGroup,
-  j as SelectItem,
-  k as SelectLabel,
-  v as SelectScrollDownButton,
-  g as SelectScrollUpButton,
-  C as SelectSeparator,
-  I as SelectTrigger,
-  N as SelectValue
+  N as Select,
+  j as SelectContent,
+  I as SelectGroup,
+  D as SelectItem,
+  C as SelectLabel,
+  x as SelectScrollDownButton,
+  v as SelectScrollUpButton,
+  G as SelectSeparator,
+  k as SelectTrigger,
+  _ as SelectValue
 };
 
 //# sourceMappingURL=select.js.map

package/dist/components/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","names":[],"sources":["../../src/components/select/select.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\"\n\nimport { cn } from \"../../lib/utils\"\nimport { ChevronDownIcon, CheckIcon, ChevronUpIcon } from \"lucide-react\"\n\nconst Select = SelectPrimitive.Root\n\nfunction SelectGroup({ className, ...props }: SelectPrimitive.Group.Props) {\n  return (\n    <SelectPrimitive.Group\n      data-slot=\"select-group\"\n      className={cn(\"scroll-my-1 p-1\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectValue({ className, ...props }: SelectPrimitive.Value.Props) {\n  return (\n    <SelectPrimitive.Value\n      data-slot=\"select-value\"\n      className={cn(\"flex flex-1 text-start\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectTrigger({\n  className,\n  size = \"default\",\n  children,\n  ...props\n}: SelectPrimitive.Trigger.Props & {\n  size?: \"sm\" | \"default\"\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        \"flex w-fit items-center justify-between gap-1.5 rounded-4xl border border-input bg-input/30 px-3 py-2 text-sm whitespace-nowrap transition-colors outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon\n        render={\n          <ChevronDownIcon className=\"pointer-events-none size-4 text-muted-foreground\" />\n        }\n      />\n    </SelectPrimitive.Trigger>\n  )\n}\n\nfunction SelectContent({\n  className,\n  children,\n  side = \"bottom\",\n  sideOffset = 4,\n  align = \"center\",\n  alignOffset = 0,\n  alignItemWithTrigger = true,\n  ...props\n}: SelectPrimitive.Popup.Props &\n  Pick<\n    SelectPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\" | \"alignItemWithTrigger\"\n  >) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Positioner\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        alignItemWithTrigger={alignItemWithTrigger}\n        className=\"isolate z-50\"\n      >\n        <SelectPrimitive.Popup\n          data-slot=\"select-content\"\n          data-align-trigger={alignItemWithTrigger}\n          className={cn(\n            \"relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-2xl bg-popover text-popover-foreground shadow-2xl ring-1 ring-foreground/5 duration-100 data-[align-trigger=true]:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-start-2 data-[side=inline-start]:slide-in-from-end-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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\",\n            className\n          )}\n          {...props}\n        >\n          <SelectScrollUpButton />\n          <SelectPrimitive.List>{children}</SelectPrimitive.List>\n          <SelectScrollDownButton />\n        </SelectPrimitive.Popup>\n      </SelectPrimitive.Positioner>\n    </SelectPrimitive.Portal>\n  )\n}\n\nfunction SelectLabel({\n  className,\n  ...props\n}: SelectPrimitive.GroupLabel.Props) {\n  return (\n    <SelectPrimitive.GroupLabel\n      data-slot=\"select-label\"\n      className={cn(\"px-3 py-2.5 text-xs text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectItem({\n  className,\n  children,\n  ...props\n}: SelectPrimitive.Item.Props) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        \"relative flex w-full cursor-default items-center gap-2.5 rounded-xl py-2 ps-3 pe-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n        className\n      )}\n      {...props}\n    >\n      <SelectPrimitive.ItemText className=\"flex flex-1 shrink-0 gap-2 whitespace-nowrap\">\n        {children}\n      </SelectPrimitive.ItemText>\n      <SelectPrimitive.ItemIndicator\n        render={\n          <span className=\"pointer-events-none absolute end-2 flex size-4 items-center justify-center\" />\n        }\n      >\n        <CheckIcon className=\"pointer-events-none\" />\n      </SelectPrimitive.ItemIndicator>\n    </SelectPrimitive.Item>\n  )\n}\n\nfunction SelectSeparator({\n  className,\n  ...props\n}: SelectPrimitive.Separator.Props) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn(\n        \"pointer-events-none -mx-1 my-1 h-px bg-border/50\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpArrow>) {\n  return (\n    <SelectPrimitive.ScrollUpArrow\n      data-slot=\"select-scroll-up-button\"\n      className={cn(\n        \"top-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <ChevronUpIcon />\n    </SelectPrimitive.ScrollUpArrow>\n  )\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownArrow>) {\n  return (\n    <SelectPrimitive.ScrollDownArrow\n      data-slot=\"select-scroll-down-button\"\n      className={cn(\n        \"bottom-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <ChevronDownIcon />\n    </SelectPrimitive.ScrollDownArrow>\n  )\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n}\n"],"mappings":"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"}
+{"version":3,"file":"select.js","names":[],"sources":["../../src/components/select/select.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\"\n\nimport { cn } from \"../../lib/utils\"\nimport { HugeiconsIcon } from \"@hugeicons/react\"\nimport {\n  ChevronDownIcon,\n  CheckIcon,\n  ChevronUpIcon,\n} from \"@hugeicons/core-free-icons\"\n\nconst Select = SelectPrimitive.Root\n\nfunction SelectGroup({ className, ...props }: SelectPrimitive.Group.Props) {\n  return (\n    <SelectPrimitive.Group\n      data-slot=\"select-group\"\n      className={cn(\"scroll-my-1 p-1\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectValue({ className, ...props }: SelectPrimitive.Value.Props) {\n  return (\n    <SelectPrimitive.Value\n      data-slot=\"select-value\"\n      className={cn(\"flex flex-1 text-start\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectTrigger({\n  className,\n  size = \"default\",\n  children,\n  ...props\n}: SelectPrimitive.Trigger.Props & {\n  size?: \"sm\" | \"default\"\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        \"flex w-fit items-center justify-between gap-1.5 rounded-4xl border border-border bg-border/30 px-3 py-2 text-sm whitespace-nowrap transition-colors outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:hover:bg-border/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon\n        render={\n          <HugeiconsIcon\n            icon={ChevronDownIcon}\n            className=\"pointer-events-none size-4 text-muted-foreground\"\n          />\n        }\n      />\n    </SelectPrimitive.Trigger>\n  )\n}\n\nfunction SelectContent({\n  className,\n  children,\n  side = \"bottom\",\n  sideOffset = 4,\n  align = \"center\",\n  alignOffset = 0,\n  alignItemWithTrigger = true,\n  ...props\n}: SelectPrimitive.Popup.Props &\n  Pick<\n    SelectPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\" | \"alignItemWithTrigger\"\n  >) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Positioner\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        alignItemWithTrigger={alignItemWithTrigger}\n        className=\"isolate z-50\"\n      >\n        <SelectPrimitive.Popup\n          data-slot=\"select-content\"\n          data-align-trigger={alignItemWithTrigger}\n          className={cn(\n            \"relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-2xl bg-popover text-popover-foreground shadow-2xl ring-1 ring-foreground/5 duration-100 data-[align-trigger=true]:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-start-2 data-[side=inline-start]:slide-in-from-end-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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\",\n            className\n          )}\n          {...props}\n        >\n          <SelectScrollUpButton />\n          <SelectPrimitive.List>{children}</SelectPrimitive.List>\n          <SelectScrollDownButton />\n        </SelectPrimitive.Popup>\n      </SelectPrimitive.Positioner>\n    </SelectPrimitive.Portal>\n  )\n}\n\nfunction SelectLabel({\n  className,\n  ...props\n}: SelectPrimitive.GroupLabel.Props) {\n  return (\n    <SelectPrimitive.GroupLabel\n      data-slot=\"select-label\"\n      className={cn(\"px-3 py-2.5 text-xs text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectItem({\n  className,\n  children,\n  ...props\n}: SelectPrimitive.Item.Props) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        \"relative flex w-full cursor-default items-center gap-2.5 rounded-xl py-2 ps-3 pe-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n        className\n      )}\n      {...props}\n    >\n      <SelectPrimitive.ItemText className=\"flex flex-1 shrink-0 gap-2 whitespace-nowrap\">\n        {children}\n      </SelectPrimitive.ItemText>\n      <SelectPrimitive.ItemIndicator\n        render={\n          <span className=\"pointer-events-none absolute end-2 flex size-4 items-center justify-center\" />\n        }\n      >\n        <HugeiconsIcon icon={CheckIcon} className=\"pointer-events-none\" />\n      </SelectPrimitive.ItemIndicator>\n    </SelectPrimitive.Item>\n  )\n}\n\nfunction SelectSeparator({\n  className,\n  ...props\n}: SelectPrimitive.Separator.Props) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn(\n        \"pointer-events-none -mx-1 my-1 h-px bg-border/50\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpArrow>) {\n  return (\n    <SelectPrimitive.ScrollUpArrow\n      data-slot=\"select-scroll-up-button\"\n      className={cn(\n        \"top-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <HugeiconsIcon icon={ChevronUpIcon} />\n    </SelectPrimitive.ScrollUpArrow>\n  )\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownArrow>) {\n  return (\n    <SelectPrimitive.ScrollDownArrow\n      data-slot=\"select-scroll-down-button\"\n      className={cn(\n        \"bottom-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <HugeiconsIcon icon={ChevronDownIcon} />\n    </SelectPrimitive.ScrollDownArrow>\n  )\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n}\n"],"mappings":"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"}

package/dist/components/sheet.js

@@ -2,22 +2,23 @@
 import { t as r } from "../chunks/utils-kyb5nny4y41y7hd8.js";
 import { Button as l } from "./button.js";
 import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import { XIcon as m } from "lucide-react";
+import { HugeiconsIcon as m } from "@hugeicons/react";
+import { Cancel01Icon as c } from "@hugeicons/core-free-icons";
 import "react";
 import { Dialog as s } from "@base-ui/react/dialog";
-function b({ ...t }) {
+function N({ ...t }) {
   return /* @__PURE__ */ e(s.Root, {
     "data-slot": "sheet",
     ...t
   });
 }
-function S({ ...t }) {
+function v({ ...t }) {
   return /* @__PURE__ */ e(s.Trigger, {
     "data-slot": "sheet-trigger",
     ...t
   });
 }
-function v({ ...t }) {
+function C({ ...t }) {
   return /* @__PURE__ */ e(s.Close, {
     "data-slot": "sheet-close",
     ...t
@@ -29,15 +30,15 @@ function g({ ...t }) {
     ...t
   });
 }
-function c({ className: t, ...a }) {
+function h({ className: t, ...a }) {
   return /* @__PURE__ */ e(s.Backdrop, {
     "data-slot": "sheet-overlay",
-    className: r("fixed inset-0 z-50 bg-nova-black/80 transition-opacity duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xs", t),
+    className: r("fixed inset-0 z-50 bg-black/80 transition-opacity duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xs", t),
     ...a
   });
 }
-function N({ className: t, children: a, side: i = "right", showCloseButton: o = !0, ...n }) {
-  return /* @__PURE__ */ d(g, { children: [/* @__PURE__ */ e(c, {}), /* @__PURE__ */ d(s.Popup, {
+function w({ className: t, children: a, side: i = "right", showCloseButton: o = !0, ...n }) {
+  return /* @__PURE__ */ d(g, { children: [/* @__PURE__ */ e(h, {}), /* @__PURE__ */ d(s.Popup, {
     "data-slot": "sheet-content",
     "data-side": i,
     className: r("fixed z-50 flex flex-col bg-popover bg-clip-padding text-sm text-popover-foreground shadow-lg transition duration-200 ease-in-out data-ending-style:opacity-0 data-starting-style:opacity-0 data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=bottom]:data-ending-style:translate-y-[2.5rem] data-[side=bottom]:data-starting-style:translate-y-[2.5rem] data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-e data-[side=left]:data-ending-style:translate-x-[-2.5rem] data-[side=left]:data-starting-style:translate-x-[-2.5rem] data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-s data-[side=right]:data-ending-style:translate-x-[2.5rem] data-[side=right]:data-starting-style:translate-x-[2.5rem] data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=top]:data-ending-style:translate-y-[-2.5rem] data-[side=top]:data-starting-style:translate-y-[-2.5rem] data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm rtl:data-[side=left]:data-ending-style:-translate-x-[-2.5rem] rtl:data-[side=left]:data-starting-style:-translate-x-[-2.5rem] rtl:data-[side=right]:data-ending-style:-translate-x-[2.5rem] rtl:data-[side=right]:data-starting-style:-translate-x-[2.5rem]", t),
@@ -49,35 +50,35 @@ function N({ className: t, children: a, side: i = "right", showCloseButton: o =
         className: "absolute end-4 top-4",
         size: "icon-sm"
       }),
-      children: [/* @__PURE__ */ e(m, {}), /* @__PURE__ */ e("span", {
+      children: [/* @__PURE__ */ e(m, { icon: c }), /* @__PURE__ */ e("span", {
         className: "sr-only",
         children: "Close"
       })]
     })]
   })] });
 }
-function w({ className: t, ...a }) {
+function k({ className: t, ...a }) {
   return /* @__PURE__ */ e("div", {
     "data-slot": "sheet-header",
     className: r("flex flex-col gap-1.5 p-6", t),
     ...a
   });
 }
-function C({ className: t, ...a }) {
+function T({ className: t, ...a }) {
   return /* @__PURE__ */ e("div", {
     "data-slot": "sheet-footer",
     className: r("mt-auto flex flex-col gap-2 p-6", t),
     ...a
   });
 }
-function k({ className: t, ...a }) {
+function z({ className: t, ...a }) {
   return /* @__PURE__ */ e(s.Title, {
     "data-slot": "sheet-title",
     className: r("font-heading text-base font-medium text-foreground", t),
     ...a
   });
 }
-function T({ className: t, ...a }) {
+function D({ className: t, ...a }) {
   return /* @__PURE__ */ e(s.Description, {
     "data-slot": "sheet-description",
     className: r("text-sm text-muted-foreground", t),
@@ -85,14 +86,14 @@ function T({ className: t, ...a }) {
   });
 }
 export {
-  b as Sheet,
-  v as SheetClose,
-  N as SheetContent,
-  T as SheetDescription,
-  C as SheetFooter,
-  w as SheetHeader,
-  k as SheetTitle,
-  S as SheetTrigger
+  N as Sheet,
+  C as SheetClose,
+  w as SheetContent,
+  D as SheetDescription,
+  T as SheetFooter,
+  k as SheetHeader,
+  z as SheetTitle,
+  v as SheetTrigger
 };
 
 //# sourceMappingURL=sheet.js.map

package/dist/components/sheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"sheet.js","names":[],"sources":["../../src/components/sheet/sheet.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\"\n\nimport { cn } from \"../../lib/utils\"\nimport { Button } from \"../button\"\nimport { XIcon } from \"lucide-react\"\n\nfunction Sheet({ ...props }: SheetPrimitive.Root.Props) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />\n}\n\nfunction SheetTrigger({ ...props }: SheetPrimitive.Trigger.Props) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />\n}\n\nfunction SheetClose({ ...props }: SheetPrimitive.Close.Props) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />\n}\n\nfunction SheetPortal({ ...props }: SheetPrimitive.Portal.Props) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />\n}\n\nfunction SheetOverlay({ className, ...props }: SheetPrimitive.Backdrop.Props) {\n  return (\n    <SheetPrimitive.Backdrop\n      data-slot=\"sheet-overlay\"\n      className={cn(\n        \"fixed inset-0 z-50 bg-nova-black/80 transition-opacity duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xs\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SheetContent({\n  className,\n  children,\n  side = \"right\",\n  showCloseButton = true,\n  ...props\n}: SheetPrimitive.Popup.Props & {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n  showCloseButton?: boolean\n}) {\n  return (\n    <SheetPortal>\n      <SheetOverlay />\n      <SheetPrimitive.Popup\n        data-slot=\"sheet-content\"\n        data-side={side}\n        className={cn(\n          \"fixed z-50 flex flex-col bg-popover bg-clip-padding text-sm text-popover-foreground shadow-lg transition duration-200 ease-in-out data-ending-style:opacity-0 data-starting-style:opacity-0 data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=bottom]:data-ending-style:translate-y-[2.5rem] data-[side=bottom]:data-starting-style:translate-y-[2.5rem] data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-e data-[side=left]:data-ending-style:translate-x-[-2.5rem] data-[side=left]:data-starting-style:translate-x-[-2.5rem] data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-s data-[side=right]:data-ending-style:translate-x-[2.5rem] data-[side=right]:data-starting-style:translate-x-[2.5rem] data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=top]:data-ending-style:translate-y-[-2.5rem] data-[side=top]:data-starting-style:translate-y-[-2.5rem] data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm rtl:data-[side=left]:data-ending-style:-translate-x-[-2.5rem] rtl:data-[side=left]:data-starting-style:-translate-x-[-2.5rem] rtl:data-[side=right]:data-ending-style:-translate-x-[2.5rem] rtl:data-[side=right]:data-starting-style:-translate-x-[2.5rem]\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <SheetPrimitive.Close\n            data-slot=\"sheet-close\"\n            render={\n              <Button\n                variant=\"ghost\"\n                className=\"absolute end-4 top-4\"\n                size=\"icon-sm\"\n              />\n            }\n          >\n            <XIcon />\n            <span className=\"sr-only\">Close</span>\n          </SheetPrimitive.Close>\n        )}\n      </SheetPrimitive.Popup>\n    </SheetPortal>\n  )\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-header\"\n      className={cn(\"flex flex-col gap-1.5 p-6\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-footer\"\n      className={cn(\"mt-auto flex flex-col gap-2 p-6\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetTitle({ className, ...props }: SheetPrimitive.Title.Props) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn(\n        \"font-heading text-base font-medium text-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SheetDescription({\n  className,\n  ...props\n}: SheetPrimitive.Description.Props) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn(\"text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n}\n"],"mappings":";;;;;;;AASA,SAAS,EAAM,EAAE,GAAG,EAAA,GAAoC;AACtD,SAAO,gBAAA,EAAC,EAAe,MAAhB;AAAA,IAAqB,aAAU;AAAA,IAAQ,GAAI;AAAA,EAAQ,CAAA;AAC5D;AAEA,SAAS,EAAa,EAAE,GAAG,EAAA,GAAuC;AAChE,SAAO,gBAAA,EAAC,EAAe,SAAhB;AAAA,IAAwB,aAAU;AAAA,IAAgB,GAAI;AAAA,EAAQ,CAAA;AACvE;AAEA,SAAS,EAAW,EAAE,GAAG,EAAA,GAAqC;AAC5D,SAAO,gBAAA,EAAC,EAAe,OAAhB;AAAA,IAAsB,aAAU;AAAA,IAAc,GAAI;AAAA,EAAQ,CAAA;AACnE;AAEA,SAAS,EAAY,EAAE,GAAG,EAAA,GAAsC;AAC9D,SAAO,gBAAA,EAAC,EAAe,QAAhB;AAAA,IAAuB,aAAU;AAAA,IAAe,GAAI;AAAA,EAAQ,CAAA;AACrE;AAEA,SAAS,EAAa,EAAE,WAAA,GAAW,GAAG,EAAA,GAAwC;AAC5E,SACE,gBAAA,EAAC,EAAe,UAAhB;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EACT,2KACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAa,EACpB,WAAA,GACA,UAAA,GACA,MAAA,IAAO,SACP,iBAAA,IAAkB,IAClB,GAAG,EAAA,GAIF;AACD,SACE,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD,CAAe,CAAA,GACf,gBAAA,EAAC,EAAe,OAAhB;AAAA,IACE,aAAU;AAAA,IACV,aAAW;AAAA,IACX,WAAW,EACT,m5CACA,CACF;AAAA,IACA,GAAI;AAAA,cAPN,CASG,GACA,KACC,gBAAA,EAAC,EAAe,OAAhB;AAAA,MACE,aAAU;AAAA,MACV,QACE,gBAAA,EAAC,GAAD;AAAA,QACE,SAAQ;AAAA,QACR,WAAU;AAAA,QACV,MAAK;AAAA,MACN,CAAA;AAAA,gBAPL,CAUE,gBAAA,EAAC,GAAD,CAAQ,CAAA,GACR,gBAAA,EAAC,QAAD;AAAA,QAAM,WAAU;AAAA,kBAAU;AAAA,MAAW,CAAA,CACjB;AAAA,MAEJ;AAAA,IACX,EAAA,CAAA;AAEjB;AAEA,SAAS,EAAY,EAAE,WAAA,GAAW,GAAG,EAAA,GAAsC;AACzE,SACE,gBAAA,EAAC,OAAD;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EAAG,6BAA6B,CAAS;AAAA,IACpD,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAY,EAAE,WAAA,GAAW,GAAG,EAAA,GAAsC;AACzE,SACE,gBAAA,EAAC,OAAD;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EAAG,mCAAmC,CAAS;AAAA,IAC1D,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAW,EAAE,WAAA,GAAW,GAAG,EAAA,GAAqC;AACvE,SACE,gBAAA,EAAC,EAAe,OAAhB;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EACT,sDACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAiB,EACxB,WAAA,GACA,GAAG,EAAA,GACgC;AACnC,SACE,gBAAA,EAAC,EAAe,aAAhB;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EAAG,iCAAiC,CAAS;AAAA,IACxD,GAAI;AAAA,EACL,CAAA;AAEL"}
+{"version":3,"file":"sheet.js","names":[],"sources":["../../src/components/sheet/sheet.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\"\n\nimport { cn } from \"../../lib/utils\"\nimport { Button } from \"../button\"\nimport { HugeiconsIcon } from \"@hugeicons/react\"\nimport { Cancel01Icon } from \"@hugeicons/core-free-icons\"\n\nfunction Sheet({ ...props }: SheetPrimitive.Root.Props) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />\n}\n\nfunction SheetTrigger({ ...props }: SheetPrimitive.Trigger.Props) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />\n}\n\nfunction SheetClose({ ...props }: SheetPrimitive.Close.Props) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />\n}\n\nfunction SheetPortal({ ...props }: SheetPrimitive.Portal.Props) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />\n}\n\nfunction SheetOverlay({ className, ...props }: SheetPrimitive.Backdrop.Props) {\n  return (\n    <SheetPrimitive.Backdrop\n      data-slot=\"sheet-overlay\"\n      className={cn(\n        \"fixed inset-0 z-50 bg-black/80 transition-opacity duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xs\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SheetContent({\n  className,\n  children,\n  side = \"right\",\n  showCloseButton = true,\n  ...props\n}: SheetPrimitive.Popup.Props & {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n  showCloseButton?: boolean\n}) {\n  return (\n    <SheetPortal>\n      <SheetOverlay />\n      <SheetPrimitive.Popup\n        data-slot=\"sheet-content\"\n        data-side={side}\n        className={cn(\n          \"fixed z-50 flex flex-col bg-popover bg-clip-padding text-sm text-popover-foreground shadow-lg transition duration-200 ease-in-out data-ending-style:opacity-0 data-starting-style:opacity-0 data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=bottom]:data-ending-style:translate-y-[2.5rem] data-[side=bottom]:data-starting-style:translate-y-[2.5rem] data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-e data-[side=left]:data-ending-style:translate-x-[-2.5rem] data-[side=left]:data-starting-style:translate-x-[-2.5rem] data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-s data-[side=right]:data-ending-style:translate-x-[2.5rem] data-[side=right]:data-starting-style:translate-x-[2.5rem] data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=top]:data-ending-style:translate-y-[-2.5rem] data-[side=top]:data-starting-style:translate-y-[-2.5rem] data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm rtl:data-[side=left]:data-ending-style:-translate-x-[-2.5rem] rtl:data-[side=left]:data-starting-style:-translate-x-[-2.5rem] rtl:data-[side=right]:data-ending-style:-translate-x-[2.5rem] rtl:data-[side=right]:data-starting-style:-translate-x-[2.5rem]\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <SheetPrimitive.Close\n            data-slot=\"sheet-close\"\n            render={\n              <Button\n                variant=\"ghost\"\n                className=\"absolute end-4 top-4\"\n                size=\"icon-sm\"\n              />\n            }\n          >\n            <HugeiconsIcon icon={Cancel01Icon} />\n            <span className=\"sr-only\">Close</span>\n          </SheetPrimitive.Close>\n        )}\n      </SheetPrimitive.Popup>\n    </SheetPortal>\n  )\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-header\"\n      className={cn(\"flex flex-col gap-1.5 p-6\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-footer\"\n      className={cn(\"mt-auto flex flex-col gap-2 p-6\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetTitle({ className, ...props }: SheetPrimitive.Title.Props) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn(\n        \"font-heading text-base font-medium text-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SheetDescription({\n  className,\n  ...props\n}: SheetPrimitive.Description.Props) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn(\"text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n}\n"],"mappings":";;;;;;;;AAUA,SAAS,EAAM,EAAE,GAAG,EAAA,GAAoC;AACtD,SAAO,gBAAA,EAAC,EAAe,MAAhB;AAAA,IAAqB,aAAU;AAAA,IAAQ,GAAI;AAAA,EAAQ,CAAA;AAC5D;AAEA,SAAS,EAAa,EAAE,GAAG,EAAA,GAAuC;AAChE,SAAO,gBAAA,EAAC,EAAe,SAAhB;AAAA,IAAwB,aAAU;AAAA,IAAgB,GAAI;AAAA,EAAQ,CAAA;AACvE;AAEA,SAAS,EAAW,EAAE,GAAG,EAAA,GAAqC;AAC5D,SAAO,gBAAA,EAAC,EAAe,OAAhB;AAAA,IAAsB,aAAU;AAAA,IAAc,GAAI;AAAA,EAAQ,CAAA;AACnE;AAEA,SAAS,EAAY,EAAE,GAAG,EAAA,GAAsC;AAC9D,SAAO,gBAAA,EAAC,EAAe,QAAhB;AAAA,IAAuB,aAAU;AAAA,IAAe,GAAI;AAAA,EAAQ,CAAA;AACrE;AAEA,SAAS,EAAa,EAAE,WAAA,GAAW,GAAG,EAAA,GAAwC;AAC5E,SACE,gBAAA,EAAC,EAAe,UAAhB;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EACT,sKACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAa,EACpB,WAAA,GACA,UAAA,GACA,MAAA,IAAO,SACP,iBAAA,IAAkB,IAClB,GAAG,EAAA,GAIF;AACD,SACE,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD,CAAe,CAAA,GACf,gBAAA,EAAC,EAAe,OAAhB;AAAA,IACE,aAAU;AAAA,IACV,aAAW;AAAA,IACX,WAAW,EACT,m5CACA,CACF;AAAA,IACA,GAAI;AAAA,cAPN,CASG,GACA,KACC,gBAAA,EAAC,EAAe,OAAhB;AAAA,MACE,aAAU;AAAA,MACV,QACE,gBAAA,EAAC,GAAD;AAAA,QACE,SAAQ;AAAA,QACR,WAAU;AAAA,QACV,MAAK;AAAA,MACN,CAAA;AAAA,gBAPL,CAUE,gBAAA,EAAC,GAAD,EAAe,MAAM,EAAe,CAAA,GACpC,gBAAA,EAAC,QAAD;AAAA,QAAM,WAAU;AAAA,kBAAU;AAAA,MAAW,CAAA,CACjB;AAAA,MAEJ;AAAA,IACX,EAAA,CAAA;AAEjB;AAEA,SAAS,EAAY,EAAE,WAAA,GAAW,GAAG,EAAA,GAAsC;AACzE,SACE,gBAAA,EAAC,OAAD;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EAAG,6BAA6B,CAAS;AAAA,IACpD,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAY,EAAE,WAAA,GAAW,GAAG,EAAA,GAAsC;AACzE,SACE,gBAAA,EAAC,OAAD;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EAAG,mCAAmC,CAAS;AAAA,IAC1D,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAW,EAAE,WAAA,GAAW,GAAG,EAAA,GAAqC;AACvE,SACE,gBAAA,EAAC,EAAe,OAAhB;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EACT,sDACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAiB,EACxB,WAAA,GACA,GAAG,EAAA,GACgC;AACnC,SACE,gBAAA,EAAC,EAAe,aAAhB;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EAAG,iCAAiC,CAAS;AAAA,IACxD,GAAI;AAAA,EACL,CAAA;AAEL"}