@acronis-platform/shadcn-uikit 0.35.0 → 0.36.3

package/dist/components/ui/secondary-menu.js

@@ -17,20 +17,21 @@ const b = l.forwardRef(
   )
 );
 b.displayName = "SecondaryMenu";
-const y = l.forwardRef(
-  ({ className: a, title: e, children: r, ...t }, d) => /* @__PURE__ */ f(
-    "div",
-    {
-      ref: d,
-      className: o("flex flex-col border-b border-[rgba(38,104,197,0.1)]", a),
-      ...t,
-      children: [
-        e && /* @__PURE__ */ n("div", { className: "flex items-center px-6 pt-4 pb-2", children: /* @__PURE__ */ n("h3", { className: "text-[11px] font-bold leading-4 tracking-wider uppercase text-[rgba(36,49,67,0.7)]", children: e }) }),
-        r
-      ]
-    }
-  )
-);
+const y = l.forwardRef(({ className: a, title: e, children: r, ...t }, d) => /* @__PURE__ */ f(
+  "div",
+  {
+    ref: d,
+    className: o(
+      "flex flex-col border-b border-[rgba(38,104,197,0.1)]",
+      a
+    ),
+    ...t,
+    children: [
+      e && /* @__PURE__ */ n("div", { className: "flex items-center px-6 pt-4 pb-2", children: /* @__PURE__ */ n("h3", { className: "text-[11px] font-bold leading-4 tracking-wider uppercase text-[rgba(36,49,67,0.7)]", children: e }) }),
+      r
+    ]
+  }
+));
 y.displayName = "SecondaryMenuGroup";
 const g = l.forwardRef(
   ({
@@ -100,7 +101,10 @@ const w = l.forwardRef(({ className: a, children: e, ...r }, t) => /* @__PURE__
   "div",
   {
     ref: t,
-    className: o("flex items-center border-b border-[rgba(38,104,197,0.1)] px-6 py-4", a),
+    className: o(
+      "flex items-center border-b border-[rgba(38,104,197,0.1)] px-6 py-4",
+      a
+    ),
     ...r,
     children: e
   }
@@ -110,7 +114,10 @@ const h = l.forwardRef(({ className: a, children: e, ...r }, t) => /* @__PURE__
   "div",
   {
     ref: t,
-    className: o("flex items-center border-t border-[rgba(38,104,197,0.1)] px-6 py-4", a),
+    className: o(
+      "flex items-center border-t border-[rgba(38,104,197,0.1)] px-6 py-4",
+      a
+    ),
     ...r,
     children: e
   }

package/dist/components/ui/secondary-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"secondary-menu.js","sources":["../../../src/components/ui/secondary-menu.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '@/lib/utils'\nimport { Badge } from '@/components/ui/badge'\n\nexport interface SecondaryMenuProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n}\n\nexport interface SecondaryMenuGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  title?: string\n  children: React.ReactNode\n}\n\nexport interface SecondaryMenuItemProps extends React.ComponentPropsWithoutRef<'button'> {\n  active?: boolean\n  icon?: React.ReactNode\n  iconPosition?: 'left' | 'right'\n  tag?: string\n  asChild?: boolean\n}\n\nconst SecondaryMenu = React.forwardRef<HTMLDivElement, SecondaryMenuProps>(\n  ({ className, children, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'flex h-full w-[240px] flex-col bg-white border-r border-[rgba(38,104,197,0.1)]',\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    )\n  }\n)\nSecondaryMenu.displayName = 'SecondaryMenu'\n\nconst SecondaryMenuGroup = React.forwardRef<HTMLDivElement, SecondaryMenuGroupProps>(\n  ({ className, title, children, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn('flex flex-col border-b border-[rgba(38,104,197,0.1)]', className)}\n        {...props}\n      >\n        {title && (\n          <div className=\"flex items-center px-6 pt-4 pb-2\">\n            <h3 className=\"text-[11px] font-bold leading-4 tracking-wider uppercase text-[rgba(36,49,67,0.7)]\">\n              {title}\n            </h3>\n          </div>\n        )}\n        {children}\n      </div>\n    )\n  }\n)\nSecondaryMenuGroup.displayName = 'SecondaryMenuGroup'\n\nconst SecondaryMenuItem = React.forwardRef<HTMLButtonElement, SecondaryMenuItemProps>(\n  (\n    {\n      className,\n      active = false,\n      disabled = false,\n      icon,\n      iconPosition = 'left',\n      tag,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const iconElement = icon && (\n      <div\n        className={cn(\n          'flex h-4 w-4 shrink-0 items-center justify-center',\n          active && 'text-[#243143]',\n          !active && !disabled && 'text-[#2668C5]',\n          disabled && 'text-[rgba(36,49,67,0.4)]'\n        )}\n      >\n        {icon}\n      </div>\n    )\n\n    const tagElement = tag && (\n      <Badge\n        variant=\"outline\"\n        className=\"h-4 rounded-full border-[#9BC225] bg-[#F5F9E9] px-2 py-0 text-[10px] font-bold leading-4 tracking-wider text-[#407009]\"\n      >\n        {tag}\n      </Badge>\n    )\n\n    return (\n      <button\n        ref={ref}\n        disabled={disabled}\n        className={cn(\n          'flex w-full items-center gap-4 px-6 py-3 text-left text-sm font-semibold leading-6 transition-colors',\n          active && 'bg-[rgba(38,104,197,0.05)] text-[#243143]',\n          !active && !disabled && 'text-[#2668C5] hover:bg-[rgba(38,104,197,0.02)]',\n          disabled && 'cursor-not-allowed text-[rgba(36,49,67,0.7)] opacity-70',\n          className\n        )}\n        {...props}\n      >\n        {iconPosition === 'left' && iconElement}\n        <span className=\"flex-1 min-w-0\">{children}</span>\n        {tag && tagElement}\n        {iconPosition === 'right' && iconElement}\n      </button>\n    )\n  }\n)\nSecondaryMenuItem.displayName = 'SecondaryMenuItem'\n\nconst SecondaryMenuContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, children, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      className={cn('flex-1 overflow-y-auto', className)}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n})\nSecondaryMenuContent.displayName = 'SecondaryMenuContent'\n\nconst SecondaryMenuHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, children, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      className={cn('flex items-center border-b border-[rgba(38,104,197,0.1)] px-6 py-4', className)}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n})\nSecondaryMenuHeader.displayName = 'SecondaryMenuHeader'\n\nconst SecondaryMenuFooter = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, children, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      className={cn('flex items-center border-t border-[rgba(38,104,197,0.1)] px-6 py-4', className)}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n})\nSecondaryMenuFooter.displayName = 'SecondaryMenuFooter'\n\nexport {\n  SecondaryMenu,\n  SecondaryMenuGroup,\n  SecondaryMenuItem,\n  SecondaryMenuContent,\n  SecondaryMenuHeader,\n  SecondaryMenuFooter,\n}\n"],"names":["SecondaryMenu","React","className","children","props","ref","jsx","cn","SecondaryMenuGroup","title","jsxs","SecondaryMenuItem","active","disabled","icon","iconPosition","tag","iconElement","tagElement","Badge","SecondaryMenuContent","SecondaryMenuHeader","SecondaryMenuFooter"],"mappings":"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"}
+{"version":3,"file":"secondary-menu.js","sources":["../../../src/components/ui/secondary-menu.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '@/lib/utils';\nimport { Badge } from '@/components/ui/badge';\n\nexport interface SecondaryMenuProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\nexport interface SecondaryMenuGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  title?: string;\n  children: React.ReactNode;\n}\n\nexport interface SecondaryMenuItemProps extends React.ComponentPropsWithoutRef<'button'> {\n  active?: boolean;\n  icon?: React.ReactNode;\n  iconPosition?: 'left' | 'right';\n  tag?: string;\n  asChild?: boolean;\n}\n\nconst SecondaryMenu = React.forwardRef<HTMLDivElement, SecondaryMenuProps>(\n  ({ className, children, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'flex h-full w-[240px] flex-col bg-white border-r border-[rgba(38,104,197,0.1)]',\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }\n);\nSecondaryMenu.displayName = 'SecondaryMenu';\n\nconst SecondaryMenuGroup = React.forwardRef<\n  HTMLDivElement,\n  SecondaryMenuGroupProps\n>(({ className, title, children, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        'flex flex-col border-b border-[rgba(38,104,197,0.1)]',\n        className\n      )}\n      {...props}\n    >\n      {title && (\n        <div className=\"flex items-center px-6 pt-4 pb-2\">\n          <h3 className=\"text-[11px] font-bold leading-4 tracking-wider uppercase text-[rgba(36,49,67,0.7)]\">\n            {title}\n          </h3>\n        </div>\n      )}\n      {children}\n    </div>\n  );\n});\nSecondaryMenuGroup.displayName = 'SecondaryMenuGroup';\n\nconst SecondaryMenuItem = React.forwardRef<\n  HTMLButtonElement,\n  SecondaryMenuItemProps\n>(\n  (\n    {\n      className,\n      active = false,\n      disabled = false,\n      icon,\n      iconPosition = 'left',\n      tag,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const iconElement = icon && (\n      <div\n        className={cn(\n          'flex h-4 w-4 shrink-0 items-center justify-center',\n          active && 'text-[#243143]',\n          !active && !disabled && 'text-[#2668C5]',\n          disabled && 'text-[rgba(36,49,67,0.4)]'\n        )}\n      >\n        {icon}\n      </div>\n    );\n\n    const tagElement = tag && (\n      <Badge\n        variant=\"outline\"\n        className=\"h-4 rounded-full border-[#9BC225] bg-[#F5F9E9] px-2 py-0 text-[10px] font-bold leading-4 tracking-wider text-[#407009]\"\n      >\n        {tag}\n      </Badge>\n    );\n\n    return (\n      <button\n        ref={ref}\n        disabled={disabled}\n        className={cn(\n          'flex w-full items-center gap-4 px-6 py-3 text-left text-sm font-semibold leading-6 transition-colors',\n          active && 'bg-[rgba(38,104,197,0.05)] text-[#243143]',\n          !active &&\n            !disabled &&\n            'text-[#2668C5] hover:bg-[rgba(38,104,197,0.02)]',\n          disabled && 'cursor-not-allowed text-[rgba(36,49,67,0.7)] opacity-70',\n          className\n        )}\n        {...props}\n      >\n        {iconPosition === 'left' && iconElement}\n        <span className=\"flex-1 min-w-0\">{children}</span>\n        {tag && tagElement}\n        {iconPosition === 'right' && iconElement}\n      </button>\n    );\n  }\n);\nSecondaryMenuItem.displayName = 'SecondaryMenuItem';\n\nconst SecondaryMenuContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, children, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      className={cn('flex-1 overflow-y-auto', className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n});\nSecondaryMenuContent.displayName = 'SecondaryMenuContent';\n\nconst SecondaryMenuHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, children, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        'flex items-center border-b border-[rgba(38,104,197,0.1)] px-6 py-4',\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n});\nSecondaryMenuHeader.displayName = 'SecondaryMenuHeader';\n\nconst SecondaryMenuFooter = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, children, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        'flex items-center border-t border-[rgba(38,104,197,0.1)] px-6 py-4',\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n});\nSecondaryMenuFooter.displayName = 'SecondaryMenuFooter';\n\nexport {\n  SecondaryMenu,\n  SecondaryMenuGroup,\n  SecondaryMenuItem,\n  SecondaryMenuContent,\n  SecondaryMenuHeader,\n  SecondaryMenuFooter,\n};\n"],"names":["SecondaryMenu","React","className","children","props","ref","jsx","cn","SecondaryMenuGroup","title","jsxs","SecondaryMenuItem","active","disabled","icon","iconPosition","tag","iconElement","tagElement","Badge","SecondaryMenuContent","SecondaryMenuHeader","SecondaryMenuFooter"],"mappings":"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"}

package/dist/components/ui/section.js

@@ -9,7 +9,10 @@ const r = i.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a(
   "h2",
   {
     ref: o,
-    className: n("text-lg font-semibold leading-none tracking-tight", e),
+    className: n(
+      "text-lg font-semibold leading-none tracking-tight",
+      e
+    ),
     ...t
   }
 ));

package/dist/components/ui/section.js.map

@@ -1 +1 @@
-{"version":3,"file":"section.js","sources":["../../../src/components/ui/section.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst Section = React.forwardRef<\n  HTMLElement,\n  React.HTMLAttributes<HTMLElement>\n>(({ className, ...props }, ref) => (\n  <section ref={ref} className={cn('space-y-4', className)} {...props} />\n))\nSection.displayName = 'Section'\n\nconst SectionHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('space-y-1', className)} {...props} />\n))\nSectionHeader.displayName = 'SectionHeader'\n\nconst SectionTitle = React.forwardRef<\n  HTMLHeadingElement,\n  React.HTMLAttributes<HTMLHeadingElement>\n>(({ className, ...props }, ref) => (\n  <h2\n    ref={ref}\n    className={cn('text-lg font-semibold leading-none tracking-tight', className)}\n    {...props}\n  />\n))\nSectionTitle.displayName = 'SectionTitle'\n\nconst SectionDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <p\n    ref={ref}\n    className={cn('text-sm text-muted-foreground', className)}\n    {...props}\n  />\n))\nSectionDescription.displayName = 'SectionDescription'\n\nconst SectionContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('pt-2', className)} {...props} />\n))\nSectionContent.displayName = 'SectionContent'\n\nexport {\n  Section,\n  SectionHeader,\n  SectionTitle,\n  SectionDescription,\n  SectionContent,\n}"],"names":["Section","React","className","props","ref","cn","SectionHeader","SectionTitle","jsx","SectionDescription","SectionContent"],"mappings":";;;AAIA,MAAMA,IAAUC,EAAM,WAGpB,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,wBACzB,WAAA,EAAQ,KAAAA,GAAU,WAAWC,EAAG,aAAaH,CAAS,GAAI,GAAGC,GAAO,CACtE;AACDH,EAAQ,cAAc;AAEtB,MAAMM,IAAgBL,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,wBACzB,OAAA,EAAI,KAAAA,GAAU,WAAWC,EAAG,aAAaH,CAAS,GAAI,GAAGC,GAAO,CAClE;AACDG,EAAc,cAAc;AAE5B,MAAMC,IAAeN,EAAM,WAGzB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAI;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAJ;AAAA,IACA,WAAWC,EAAG,qDAAqDH,CAAS;AAAA,IAC3E,GAAGC;AAAA,EAAA;AACN,CACD;AACDI,EAAa,cAAc;AAE3B,MAAME,IAAqBR,EAAM,WAG/B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAI;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAJ;AAAA,IACA,WAAWC,EAAG,iCAAiCH,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACD;AACDM,EAAmB,cAAc;AAEjC,MAAMC,IAAiBT,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,wBACzB,OAAA,EAAI,KAAAA,GAAU,WAAWC,EAAG,QAAQH,CAAS,GAAI,GAAGC,GAAO,CAC7D;AACDO,EAAe,cAAc;"}
+{"version":3,"file":"section.js","sources":["../../../src/components/ui/section.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '@/lib/utils';\n\nconst Section = React.forwardRef<\n  HTMLElement,\n  React.HTMLAttributes<HTMLElement>\n>(({ className, ...props }, ref) => (\n  <section ref={ref} className={cn('space-y-4', className)} {...props} />\n));\nSection.displayName = 'Section';\n\nconst SectionHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('space-y-1', className)} {...props} />\n));\nSectionHeader.displayName = 'SectionHeader';\n\nconst SectionTitle = React.forwardRef<\n  HTMLHeadingElement,\n  React.HTMLAttributes<HTMLHeadingElement>\n>(({ className, ...props }, ref) => (\n  <h2\n    ref={ref}\n    className={cn(\n      'text-lg font-semibold leading-none tracking-tight',\n      className\n    )}\n    {...props}\n  />\n));\nSectionTitle.displayName = 'SectionTitle';\n\nconst SectionDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <p\n    ref={ref}\n    className={cn('text-sm text-muted-foreground', className)}\n    {...props}\n  />\n));\nSectionDescription.displayName = 'SectionDescription';\n\nconst SectionContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('pt-2', className)} {...props} />\n));\nSectionContent.displayName = 'SectionContent';\n\nexport {\n  Section,\n  SectionHeader,\n  SectionTitle,\n  SectionDescription,\n  SectionContent,\n};\n"],"names":["Section","React","className","props","ref","cn","SectionHeader","SectionTitle","jsx","SectionDescription","SectionContent"],"mappings":";;;AAIA,MAAMA,IAAUC,EAAM,WAGpB,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,wBACzB,WAAA,EAAQ,KAAAA,GAAU,WAAWC,EAAG,aAAaH,CAAS,GAAI,GAAGC,GAAO,CACtE;AACDH,EAAQ,cAAc;AAEtB,MAAMM,IAAgBL,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,wBACzB,OAAA,EAAI,KAAAA,GAAU,WAAWC,EAAG,aAAaH,CAAS,GAAI,GAAGC,GAAO,CAClE;AACDG,EAAc,cAAc;AAE5B,MAAMC,IAAeN,EAAM,WAGzB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAI;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAJ;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDI,EAAa,cAAc;AAE3B,MAAME,IAAqBR,EAAM,WAG/B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAI;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAJ;AAAA,IACA,WAAWC,EAAG,iCAAiCH,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACD;AACDM,EAAmB,cAAc;AAEjC,MAAMC,IAAiBT,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,wBACzB,OAAA,EAAI,KAAAA,GAAU,WAAWC,EAAG,QAAQH,CAAS,GAAI,GAAGC,GAAO,CAC7D;AACDO,EAAe,cAAc;"}

package/dist/components/ui/select.js

@@ -53,40 +53,50 @@ const f = n.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
   }
 ));
 f.displayName = "SelectScrollDownButton";
-const v = n.forwardRef(({ className: o, children: r, alignItemWithTrigger: a = !1, side: s, sideOffset: p = 4, portal: u = !0, ...g }, h) => {
-  const i = /* @__PURE__ */ t(
-    e.Positioner,
-    {
-      alignItemWithTrigger: a,
-      side: s,
-      sideOffset: p,
-      className: "z-50",
-      children: /* @__PURE__ */ c(
-        e.Popup,
-        {
-          ref: h,
-          className: l(
-            "relative max-h-96 w-[var(--anchor-width)] overflow-hidden rounded-lg border border-border bg-popover text-popover-foreground shadow-lg",
-            "data-[open]:animate-in data-[closed]:animate-out",
-            "data-[closed]:fade-out-0 data-[open]:fade-in-0",
-            "data-[closed]:zoom-out-95 data-[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",
-            "origin-[var(--transform-origin)]",
-            o
-          ),
-          ...g,
-          children: [
-            /* @__PURE__ */ t(m, {}),
-            /* @__PURE__ */ t(e.List, { className: "p-1.5 overflow-y-auto max-h-[inherit]", children: r }),
-            /* @__PURE__ */ t(f, {})
-          ]
-        }
-      )
-    }
-  );
-  return u ? /* @__PURE__ */ t(e.Portal, { children: i }) : i;
-});
+const v = n.forwardRef(
+  ({
+    className: o,
+    children: r,
+    alignItemWithTrigger: a = !1,
+    side: s,
+    sideOffset: p = 4,
+    portal: u = !0,
+    ...g
+  }, h) => {
+    const i = /* @__PURE__ */ t(
+      e.Positioner,
+      {
+        alignItemWithTrigger: a,
+        side: s,
+        sideOffset: p,
+        className: "z-50",
+        children: /* @__PURE__ */ c(
+          e.Popup,
+          {
+            ref: h,
+            className: l(
+              "relative max-h-96 w-[var(--anchor-width)] overflow-hidden rounded-lg border border-border bg-popover text-popover-foreground shadow-lg",
+              "data-[open]:animate-in data-[closed]:animate-out",
+              "data-[closed]:fade-out-0 data-[open]:fade-in-0",
+              "data-[closed]:zoom-out-95 data-[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",
+              "origin-[var(--transform-origin)]",
+              o
+            ),
+            ...g,
+            children: [
+              /* @__PURE__ */ t(m, {}),
+              /* @__PURE__ */ t(e.List, { className: "p-1.5 overflow-y-auto max-h-[inherit]", children: r }),
+              /* @__PURE__ */ t(f, {})
+            ]
+          }
+        )
+      }
+    );
+    return u ? /* @__PURE__ */ t(e.Portal, { children: i }) : i;
+  }
+);
 v.displayName = "SelectContent";
 const w = n.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
   e.GroupLabel,

package/dist/components/ui/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","sources":["../../../src/components/ui/select.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Select as BaseSelect } from '@base-ui/react/select'\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from '@/components/icons'\n\nimport { cn } from '@/lib/utils'\n\nconst Select = BaseSelect.Root\n\nconst SelectGroup = BaseSelect.Group\nconst SelectValue = BaseSelect.Value\nconst SelectPortal = BaseSelect.Portal\n\nconst SelectTrigger = React.forwardRef<\n  React.ElementRef<typeof BaseSelect.Trigger>,\n  React.ComponentPropsWithoutRef<typeof BaseSelect.Trigger>\n>(({ className, children, ...props }, ref) => (\n  <BaseSelect.Trigger\n    ref={ref}\n    className={cn(\n      'relative flex h-9 w-full items-center rounded-lg border border-border bg-background pl-3 pr-9 py-2 text-sm font-medium text-foreground shadow-xs transition-all',\n      'hover:bg-accent/5 hover:border-primary/30',\n      'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1',\n      'data-[placeholder]:text-muted-foreground',\n      'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n      '[&>span]:line-clamp-1 [&>span]:text-left',\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <BaseSelect.Icon className=\"absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground transition-transform data-[open]:rotate-180 pointer-events-none\">\n      <ChevronDownIcon className=\"h-4 w-4\" />\n    </BaseSelect.Icon>\n  </BaseSelect.Trigger>\n))\nSelectTrigger.displayName = 'SelectTrigger'\n\n// Base UI uses ScrollUpArrow/ScrollDownArrow instead of Radix's ScrollUpButton/ScrollDownButton\nconst SelectScrollUpButton = React.forwardRef<\n  React.ElementRef<typeof BaseSelect.ScrollUpArrow>,\n  React.ComponentPropsWithoutRef<typeof BaseSelect.ScrollUpArrow>\n>(({ className, ...props }, ref) => (\n  <BaseSelect.ScrollUpArrow\n    ref={ref}\n    className={cn(\n      'flex cursor-default items-center justify-center py-1.5 text-muted-foreground',\n      'hover:bg-accent/10 hover:text-foreground transition-colors',\n      className\n    )}\n    {...props}\n  >\n    <ChevronUpIcon className=\"h-3.5 w-3.5\" />\n  </BaseSelect.ScrollUpArrow>\n))\nSelectScrollUpButton.displayName = 'SelectScrollUpButton'\n\nconst SelectScrollDownButton = React.forwardRef<\n  React.ElementRef<typeof BaseSelect.ScrollDownArrow>,\n  React.ComponentPropsWithoutRef<typeof BaseSelect.ScrollDownArrow>\n>(({ className, ...props }, ref) => (\n  <BaseSelect.ScrollDownArrow\n    ref={ref}\n    className={cn(\n      'flex cursor-default items-center justify-center py-1.5 text-muted-foreground',\n      'hover:bg-accent/10 hover:text-foreground transition-colors',\n      className\n    )}\n    {...props}\n  >\n    <ChevronDownIcon className=\"h-3.5 w-3.5\" />\n  </BaseSelect.ScrollDownArrow>\n))\nSelectScrollDownButton.displayName = 'SelectScrollDownButton'\n\nconst SelectContent = React.forwardRef<\n  React.ElementRef<typeof BaseSelect.Popup>,\n  React.ComponentPropsWithoutRef<typeof BaseSelect.Popup> & {\n    alignItemWithTrigger?: boolean\n    side?: 'top' | 'bottom'\n    sideOffset?: number\n    portal?: boolean\n  }\n>(({ className, children, alignItemWithTrigger = false, side, sideOffset = 4, portal = true, ...props }, ref) => {\n  const element = (\n    <BaseSelect.Positioner\n      alignItemWithTrigger={alignItemWithTrigger}\n      side={side}\n      sideOffset={sideOffset}\n      className=\"z-50\"\n    >\n      <BaseSelect.Popup\n        ref={ref}\n        className={cn(\n          'relative max-h-96 w-[var(--anchor-width)] overflow-hidden rounded-lg border border-border bg-popover text-popover-foreground shadow-lg',\n          'data-[open]:animate-in data-[closed]:animate-out',\n          'data-[closed]:fade-out-0 data-[open]:fade-in-0',\n          'data-[closed]:zoom-out-95 data-[open]:zoom-in-95',\n          'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2',\n          'data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n          'origin-[var(--transform-origin)]',\n          className\n        )}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <BaseSelect.List className=\"p-1.5 overflow-y-auto max-h-[inherit]\">\n          {children}\n        </BaseSelect.List>\n        <SelectScrollDownButton />\n      </BaseSelect.Popup>\n    </BaseSelect.Positioner>\n  )\n\n  return portal ? <BaseSelect.Portal>{element}</BaseSelect.Portal> : element\n})\nSelectContent.displayName = 'SelectContent'\n\nconst SelectLabel = React.forwardRef<\n  React.ElementRef<typeof BaseSelect.GroupLabel>,\n  React.ComponentPropsWithoutRef<typeof BaseSelect.GroupLabel>\n>(({ className, ...props }, ref) => (\n  <BaseSelect.GroupLabel\n    ref={ref}\n    className={cn(\n      'px-2 py-1.5 text-xs font-semibold text-muted-foreground uppercase tracking-wider',\n      className\n    )}\n    {...props}\n  />\n))\nSelectLabel.displayName = 'SelectLabel'\n\nconst SelectItem = React.forwardRef<\n  React.ElementRef<typeof BaseSelect.Item>,\n  React.ComponentPropsWithoutRef<typeof BaseSelect.Item>\n>(({ className, children, ...props }, ref) => (\n  <BaseSelect.Item\n    ref={ref}\n    className={cn(\n      'relative flex w-full cursor-pointer select-none items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-none transition-colors',\n      'hover:bg-accent/50 hover:text-accent-foreground',\n      'focus-visible:bg-accent focus-visible:text-accent-foreground',\n      'data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground',\n      'data-[selected]:bg-primary/10 data-[selected]:text-primary data-[selected]:font-medium',\n      'data-[disabled]:pointer-events-none data-[disabled]:opacity-40',\n      className\n    )}\n    {...props}\n  >\n    <BaseSelect.ItemIndicator className=\"inline-flex h-4 w-4 shrink-0 items-center justify-center\">\n      <CheckIcon className=\"h-3.5 w-3.5\" />\n    </BaseSelect.ItemIndicator>\n    <BaseSelect.ItemText className=\"flex-1\">{children}</BaseSelect.ItemText>\n  </BaseSelect.Item>\n))\nSelectItem.displayName = 'SelectItem'\n\nconst SelectItemText = BaseSelect.ItemText\n\nconst SelectSeparator = React.forwardRef<\n  React.ElementRef<typeof BaseSelect.Separator>,\n  React.ComponentPropsWithoutRef<typeof BaseSelect.Separator>\n>(({ className, ...props }, ref) => (\n  <BaseSelect.Separator\n    ref={ref}\n    className={cn('my-1.5 h-px bg-border', className)}\n    {...props}\n  />\n))\nSelectSeparator.displayName = 'SelectSeparator'\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectItemText,\n  SelectLabel,\n  SelectPortal,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n}\n"],"names":["Select","BaseSelect","SelectGroup","SelectValue","SelectPortal","SelectTrigger","React","className","children","props","ref","jsxs","cn","jsx","ChevronDownIcon","SelectScrollUpButton","ChevronUpIcon","SelectScrollDownButton","SelectContent","alignItemWithTrigger","side","sideOffset","portal","element","SelectLabel","SelectItem","CheckIcon","SelectItemText","SelectSeparator"],"mappings":"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"}
+{"version":3,"file":"select.js","sources":["../../../src/components/ui/select.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Select as BaseSelect } from '@base-ui/react/select';\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from '@/components/icons';\n\nimport { cn } from '@/lib/utils';\n\nconst Select = BaseSelect.Root;\n\nconst SelectGroup = BaseSelect.Group;\nconst SelectValue = BaseSelect.Value;\nconst SelectPortal = BaseSelect.Portal;\n\nconst SelectTrigger = React.forwardRef<\n  React.ElementRef<typeof BaseSelect.Trigger>,\n  React.ComponentPropsWithoutRef<typeof BaseSelect.Trigger>\n>(({ className, children, ...props }, ref) => (\n  <BaseSelect.Trigger\n    ref={ref}\n    className={cn(\n      'relative flex h-9 w-full items-center rounded-lg border border-border bg-background pl-3 pr-9 py-2 text-sm font-medium text-foreground shadow-xs transition-all',\n      'hover:bg-accent/5 hover:border-primary/30',\n      'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1',\n      'data-[placeholder]:text-muted-foreground',\n      'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n      '[&>span]:line-clamp-1 [&>span]:text-left',\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <BaseSelect.Icon className=\"absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground transition-transform data-[open]:rotate-180 pointer-events-none\">\n      <ChevronDownIcon className=\"h-4 w-4\" />\n    </BaseSelect.Icon>\n  </BaseSelect.Trigger>\n));\nSelectTrigger.displayName = 'SelectTrigger';\n\n// Base UI uses ScrollUpArrow/ScrollDownArrow instead of Radix's ScrollUpButton/ScrollDownButton\nconst SelectScrollUpButton = React.forwardRef<\n  React.ElementRef<typeof BaseSelect.ScrollUpArrow>,\n  React.ComponentPropsWithoutRef<typeof BaseSelect.ScrollUpArrow>\n>(({ className, ...props }, ref) => (\n  <BaseSelect.ScrollUpArrow\n    ref={ref}\n    className={cn(\n      'flex cursor-default items-center justify-center py-1.5 text-muted-foreground',\n      'hover:bg-accent/10 hover:text-foreground transition-colors',\n      className\n    )}\n    {...props}\n  >\n    <ChevronUpIcon className=\"h-3.5 w-3.5\" />\n  </BaseSelect.ScrollUpArrow>\n));\nSelectScrollUpButton.displayName = 'SelectScrollUpButton';\n\nconst SelectScrollDownButton = React.forwardRef<\n  React.ElementRef<typeof BaseSelect.ScrollDownArrow>,\n  React.ComponentPropsWithoutRef<typeof BaseSelect.ScrollDownArrow>\n>(({ className, ...props }, ref) => (\n  <BaseSelect.ScrollDownArrow\n    ref={ref}\n    className={cn(\n      'flex cursor-default items-center justify-center py-1.5 text-muted-foreground',\n      'hover:bg-accent/10 hover:text-foreground transition-colors',\n      className\n    )}\n    {...props}\n  >\n    <ChevronDownIcon className=\"h-3.5 w-3.5\" />\n  </BaseSelect.ScrollDownArrow>\n));\nSelectScrollDownButton.displayName = 'SelectScrollDownButton';\n\nconst SelectContent = React.forwardRef<\n  React.ElementRef<typeof BaseSelect.Popup>,\n  React.ComponentPropsWithoutRef<typeof BaseSelect.Popup> & {\n    alignItemWithTrigger?: boolean;\n    side?: 'top' | 'bottom';\n    sideOffset?: number;\n    portal?: boolean;\n  }\n>(\n  (\n    {\n      className,\n      children,\n      alignItemWithTrigger = false,\n      side,\n      sideOffset = 4,\n      portal = true,\n      ...props\n    },\n    ref\n  ) => {\n    const element = (\n      <BaseSelect.Positioner\n        alignItemWithTrigger={alignItemWithTrigger}\n        side={side}\n        sideOffset={sideOffset}\n        className=\"z-50\"\n      >\n        <BaseSelect.Popup\n          ref={ref}\n          className={cn(\n            'relative max-h-96 w-[var(--anchor-width)] overflow-hidden rounded-lg border border-border bg-popover text-popover-foreground shadow-lg',\n            'data-[open]:animate-in data-[closed]:animate-out',\n            'data-[closed]:fade-out-0 data-[open]:fade-in-0',\n            'data-[closed]:zoom-out-95 data-[open]:zoom-in-95',\n            'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2',\n            'data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n            'origin-[var(--transform-origin)]',\n            className\n          )}\n          {...props}\n        >\n          <SelectScrollUpButton />\n          <BaseSelect.List className=\"p-1.5 overflow-y-auto max-h-[inherit]\">\n            {children}\n          </BaseSelect.List>\n          <SelectScrollDownButton />\n        </BaseSelect.Popup>\n      </BaseSelect.Positioner>\n    );\n\n    return portal ? <BaseSelect.Portal>{element}</BaseSelect.Portal> : element;\n  }\n);\nSelectContent.displayName = 'SelectContent';\n\nconst SelectLabel = React.forwardRef<\n  React.ElementRef<typeof BaseSelect.GroupLabel>,\n  React.ComponentPropsWithoutRef<typeof BaseSelect.GroupLabel>\n>(({ className, ...props }, ref) => (\n  <BaseSelect.GroupLabel\n    ref={ref}\n    className={cn(\n      'px-2 py-1.5 text-xs font-semibold text-muted-foreground uppercase tracking-wider',\n      className\n    )}\n    {...props}\n  />\n));\nSelectLabel.displayName = 'SelectLabel';\n\nconst SelectItem = React.forwardRef<\n  React.ElementRef<typeof BaseSelect.Item>,\n  React.ComponentPropsWithoutRef<typeof BaseSelect.Item>\n>(({ className, children, ...props }, ref) => (\n  <BaseSelect.Item\n    ref={ref}\n    className={cn(\n      'relative flex w-full cursor-pointer select-none items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-none transition-colors',\n      'hover:bg-accent/50 hover:text-accent-foreground',\n      'focus-visible:bg-accent focus-visible:text-accent-foreground',\n      'data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground',\n      'data-[selected]:bg-primary/10 data-[selected]:text-primary data-[selected]:font-medium',\n      'data-[disabled]:pointer-events-none data-[disabled]:opacity-40',\n      className\n    )}\n    {...props}\n  >\n    <BaseSelect.ItemIndicator className=\"inline-flex h-4 w-4 shrink-0 items-center justify-center\">\n      <CheckIcon className=\"h-3.5 w-3.5\" />\n    </BaseSelect.ItemIndicator>\n    <BaseSelect.ItemText className=\"flex-1\">{children}</BaseSelect.ItemText>\n  </BaseSelect.Item>\n));\nSelectItem.displayName = 'SelectItem';\n\nconst SelectItemText = BaseSelect.ItemText;\n\nconst SelectSeparator = React.forwardRef<\n  React.ElementRef<typeof BaseSelect.Separator>,\n  React.ComponentPropsWithoutRef<typeof BaseSelect.Separator>\n>(({ className, ...props }, ref) => (\n  <BaseSelect.Separator\n    ref={ref}\n    className={cn('my-1.5 h-px bg-border', className)}\n    {...props}\n  />\n));\nSelectSeparator.displayName = 'SelectSeparator';\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectItemText,\n  SelectLabel,\n  SelectPortal,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n};\n"],"names":["Select","BaseSelect","SelectGroup","SelectValue","SelectPortal","SelectTrigger","React","className","children","props","ref","jsxs","cn","jsx","ChevronDownIcon","SelectScrollUpButton","ChevronUpIcon","SelectScrollDownButton","SelectContent","alignItemWithTrigger","side","sideOffset","portal","element","SelectLabel","SelectItem","CheckIcon","SelectItemText","SelectSeparator"],"mappings":"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"}

package/dist/components/ui/separator.js

@@ -2,19 +2,26 @@ import { jsx as t } from "react/jsx-runtime";
 import * as e from "react";
 import { Separator as m } from "@base-ui/react";
 import { cn as i } from "../../lib/utils.js";
-const f = e.forwardRef(({ className: a, orientation: r = "horizontal", decorative: l, ...o }, p) => /* @__PURE__ */ t(
-  m,
-  {
-    ref: p,
-    orientation: r,
-    className: i(
-      "shrink-0 bg-primary/10",
-      r === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
-      a
-    ),
+const f = e.forwardRef(
+  ({
+    className: a,
+    orientation: r = "horizontal",
+    decorative: l,
     ...o
-  }
-));
+  }, p) => /* @__PURE__ */ t(
+    m,
+    {
+      ref: p,
+      orientation: r,
+      className: i(
+        "shrink-0 bg-primary/10",
+        r === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+        a
+      ),
+      ...o
+    }
+  )
+);
 f.displayName = "Separator";
 export {
   f as Separator

package/dist/components/ui/separator.js.map

@@ -1 +1 @@
-{"version":3,"file":"separator.js","sources":["../../../src/components/ui/separator.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Separator as SeparatorPrimitive } from '@base-ui/react'\n\nimport { cn } from '@/lib/utils'\n\nconst Separator = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive> & { decorative?: boolean }\n>(({ className, orientation = 'horizontal', decorative: _decorative, ...props }, ref) => (\n  <SeparatorPrimitive\n    ref={ref}\n    orientation={orientation}\n    className={cn(\n      'shrink-0 bg-primary/10',\n      orientation === 'horizontal' ? 'h-[1px] w-full' : 'h-full w-[1px]',\n      className\n    )}\n    {...props}\n  />\n))\nSeparator.displayName = 'Separator'\n\nexport { Separator }"],"names":["Separator","React","className","orientation","_decorative","props","ref","jsx","SeparatorPrimitive","cn"],"mappings":";;;;AAKA,MAAMA,IAAYC,EAAM,WAGtB,CAAC,EAAE,WAAAC,GAAW,aAAAC,IAAc,cAAc,YAAYC,GAAa,GAAGC,EAAA,GAASC,MAC/E,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,KAAAF;AAAA,IACA,aAAAH;AAAA,IACA,WAAWM;AAAA,MACT;AAAA,MACAN,MAAgB,eAAe,mBAAmB;AAAA,MAClDD;AAAA,IAAA;AAAA,IAED,GAAGG;AAAA,EAAA;AACN,CACD;AACDL,EAAU,cAAc;"}
+{"version":3,"file":"separator.js","sources":["../../../src/components/ui/separator.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Separator as SeparatorPrimitive } from '@base-ui/react';\n\nimport { cn } from '@/lib/utils';\n\nconst Separator = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive> & {\n    decorative?: boolean;\n  }\n>(\n  (\n    {\n      className,\n      orientation = 'horizontal',\n      decorative: _decorative,\n      ...props\n    },\n    ref\n  ) => (\n    <SeparatorPrimitive\n      ref={ref}\n      orientation={orientation}\n      className={cn(\n        'shrink-0 bg-primary/10',\n        orientation === 'horizontal' ? 'h-[1px] w-full' : 'h-full w-[1px]',\n        className\n      )}\n      {...props}\n    />\n  )\n);\nSeparator.displayName = 'Separator';\n\nexport { Separator };\n"],"names":["Separator","React","className","orientation","_decorative","props","ref","jsx","SeparatorPrimitive","cn"],"mappings":";;;;AAKA,MAAMA,IAAYC,EAAM;AAAA,EAMtB,CACE;AAAA,IACE,WAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,YAAYC;AAAA,IACZ,GAAGC;AAAA,EAAA,GAELC,MAEA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,aAAAH;AAAA,MACA,WAAWM;AAAA,QACT;AAAA,QACAN,MAAgB,eAAe,mBAAmB;AAAA,QAClDD;AAAA,MAAA;AAAA,MAED,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV;AACAL,EAAU,cAAc;"}

package/dist/components/ui/sheet.js

@@ -36,24 +36,50 @@ const x = h(
   ({ side: e = "right", className: t, children: s, portal: c = !0, ...m }, f) => {
     const d = /* @__PURE__ */ n(p, { children: [
       /* @__PURE__ */ o(l, {}),
-      /* @__PURE__ */ n(a.Popup, { ref: f, className: r(x({ side: e }), t), ...m, children: [
-        s,
-        /* @__PURE__ */ n(a.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[open]:bg-secondary", children: [
-          /* @__PURE__ */ o(u, { className: "h-4 w-4" }),
-          /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
-        ] })
-      ] })
+      /* @__PURE__ */ n(
+        a.Popup,
+        {
+          ref: f,
+          className: r(x({ side: e }), t),
+          ...m,
+          children: [
+            s,
+            /* @__PURE__ */ n(a.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[open]:bg-secondary", children: [
+              /* @__PURE__ */ o(u, { className: "h-4 w-4" }),
+              /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
+            ] })
+          ]
+        }
+      )
     ] });
     return c ? /* @__PURE__ */ o(g, { children: d }) : d;
   }
 );
 b.displayName = "SheetContent";
-const y = ({ className: e, ...t }) => /* @__PURE__ */ o("div", { className: r("flex flex-col space-y-2 text-center sm:text-left", e), ...t });
+const y = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: r(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      e
+    ),
+    ...t
+  }
+);
 y.displayName = "SheetHeader";
-const S = ({ className: e, ...t }) => /* @__PURE__ */ o(
+const S = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ o(
   "div",
   {
-    className: r("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", e),
+    className: r(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      e
+    ),
     ...t
   }
 );

package/dist/components/ui/sheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"sheet.js","sources":["../../../src/components/ui/sheet.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { Dialog } from '@base-ui/react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { CloseIcon } from '@/components/icons'\n\nimport { cn } from '@/lib/utils'\n\n// Dialog.Root is the component function, not the namespace export\nconst Sheet = Dialog.Root\n\nconst SheetTrigger = Dialog.Trigger\n\nconst SheetClose = Dialog.Close\n\nconst SheetPortal = Dialog.Portal\n\nconst SheetOverlay = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof Dialog.Backdrop>\n>(({ className, ...props }, ref) => (\n  <Dialog.Backdrop\n    className={cn(\n      'fixed inset-0 z-50 bg-black/80 data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0',\n      className\n    )}\n    {...props}\n    ref={ref}\n  />\n))\nSheetOverlay.displayName = 'SheetOverlay'\n\nconst sheetVariants = cva(\n  'fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[open]:animate-in data-[closed]:animate-out data-[closed]:duration-300 data-[open]:duration-500',\n  {\n    variants: {\n      side: {\n        top: 'inset-x-0 top-0 border-b data-[closed]:slide-out-to-top data-[open]:slide-in-from-top',\n        bottom:\n          'inset-x-0 bottom-0 border-t data-[closed]:slide-out-to-bottom data-[open]:slide-in-from-bottom',\n        left: 'inset-y-0 left-0 h-full w-3/4 border-r data-[closed]:slide-out-to-left data-[open]:slide-in-from-left sm:max-w-sm',\n        right:\n          'inset-y-0 right-0 h-full w-3/4 border-l data-[closed]:slide-out-to-right data-[open]:slide-in-from-right sm:max-w-sm',\n      },\n    },\n    defaultVariants: {\n      side: 'right',\n    },\n  }\n)\n\ninterface SheetContentProps\n  extends React.ComponentPropsWithoutRef<typeof Dialog.Popup>,\n    VariantProps<typeof sheetVariants> {\n  portal?: boolean\n}\n\nconst SheetContent = React.forwardRef<HTMLDivElement, SheetContentProps>(\n  ({ side = 'right', className, children, portal = true, ...props }, ref) => {\n    const element = (\n      <>\n        <SheetOverlay />\n        <Dialog.Popup ref={ref} className={cn(sheetVariants({ side }), className)} {...props}>\n          {children}\n          <Dialog.Close className=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[open]:bg-secondary\">\n            <CloseIcon className=\"h-4 w-4\" />\n            <span className=\"sr-only\">Close</span>\n          </Dialog.Close>\n        </Dialog.Popup>\n      </>\n    )\n\n    return portal ? <SheetPortal>{element}</SheetPortal> : element\n  }\n)\nSheetContent.displayName = 'SheetContent'\n\nconst SheetHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col space-y-2 text-center sm:text-left', className)} {...props} />\n)\nSheetHeader.displayName = 'SheetHeader'\n\nconst SheetFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className)}\n    {...props}\n  />\n)\nSheetFooter.displayName = 'SheetFooter'\n\nconst SheetTitle = React.forwardRef<\n  HTMLHeadingElement,\n  React.ComponentPropsWithoutRef<typeof Dialog.Title>\n>(({ className, ...props }, ref) => (\n  <Dialog.Title\n    ref={ref}\n    className={cn('text-lg font-semibold text-foreground', className)}\n    {...props}\n  />\n))\nSheetTitle.displayName = 'SheetTitle'\n\nconst SheetDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.ComponentPropsWithoutRef<typeof Dialog.Description>\n>(({ className, ...props }, ref) => (\n  <Dialog.Description\n    ref={ref}\n    className={cn('text-sm text-muted-foreground', className)}\n    {...props}\n  />\n))\nSheetDescription.displayName = 'SheetDescription'\n\nexport {\n  Sheet,\n  SheetPortal,\n  SheetOverlay,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n}\n"],"names":["Sheet","Dialog","SheetTrigger","SheetClose","SheetPortal","SheetOverlay","React","className","props","ref","jsx","cn","sheetVariants","cva","SheetContent","side","children","portal","element","jsxs","Fragment","CloseIcon","SheetHeader","SheetFooter","SheetTitle","SheetDescription"],"mappings":";;;;;;;AAUA,MAAMA,IAAQC,EAAO,MAEfC,IAAeD,EAAO,SAEtBE,IAAaF,EAAO,OAEpBG,IAAcH,EAAO,QAErBI,IAAeC,EAAM,WAGzB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACT,EAAO;AAAA,EAAP;AAAA,IACC,WAAWU;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IACJ,KAAAC;AAAA,EAAA;AACF,CACD;AACDJ,EAAa,cAAc;AAE3B,MAAMO,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,KAAK;AAAA,QACL,QACE;AAAA,QACF,MAAM;AAAA,QACN,OACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAQMC,IAAeR,EAAM;AAAA,EACzB,CAAC,EAAE,MAAAS,IAAO,SAAS,WAAAR,GAAW,UAAAS,GAAU,QAAAC,IAAS,IAAM,GAAGT,EAAA,GAASC,MAAQ;AACzE,UAAMS,IACJ,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAV,EAACL,GAAA,EAAa;AAAA,MACd,gBAAAc,EAAClB,EAAO,OAAP,EAAa,KAAAQ,GAAU,WAAWE,EAAGC,EAAc,EAAE,MAAAG,GAAM,GAAGR,CAAS,GAAI,GAAGC,GAC5E,UAAA;AAAA,QAAAQ;AAAA,QACD,gBAAAG,EAAClB,EAAO,OAAP,EAAa,WAAU,sOACtB,UAAA;AAAA,UAAA,gBAAAS,EAACW,GAAA,EAAU,WAAU,UAAA,CAAU;AAAA,UAC/B,gBAAAX,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,QAAA,CAAK;AAAA,QAAA,EAAA,CACjC;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,GACF;AAGF,WAAOO,IAAS,gBAAAP,EAACN,GAAA,EAAa,UAAAc,EAAA,CAAQ,IAAiBA;AAAA,EACzD;AACF;AACAJ,EAAa,cAAc;AAE3B,MAAMQ,IAAc,CAAC,EAAE,WAAAf,GAAW,GAAGC,EAAA,MACnC,gBAAAE,EAAC,OAAA,EAAI,WAAWC,EAAG,oDAAoDJ,CAAS,GAAI,GAAGC,EAAA,CAAO;AAEhGc,EAAY,cAAc;AAE1B,MAAMC,IAAc,CAAC,EAAE,WAAAhB,GAAW,GAAGC,QACnC,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAG,iEAAiEJ,CAAS;AAAA,IACvF,GAAGC;AAAA,EAAA;AACN;AAEFe,EAAY,cAAc;AAE1B,MAAMC,IAAalB,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACT,EAAO;AAAA,EAAP;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWE,EAAG,yCAAyCJ,CAAS;AAAA,IAC/D,GAAGC;AAAA,EAAA;AACN,CACD;AACDgB,EAAW,cAAc;AAEzB,MAAMC,IAAmBnB,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACT,EAAO;AAAA,EAAP;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWE,EAAG,iCAAiCJ,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACD;AACDiB,EAAiB,cAAc;"}
+{"version":3,"file":"sheet.js","sources":["../../../src/components/ui/sheet.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Dialog } from '@base-ui/react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { CloseIcon } from '@/components/icons';\n\nimport { cn } from '@/lib/utils';\n\n// Dialog.Root is the component function, not the namespace export\nconst Sheet = Dialog.Root;\n\nconst SheetTrigger = Dialog.Trigger;\n\nconst SheetClose = Dialog.Close;\n\nconst SheetPortal = Dialog.Portal;\n\nconst SheetOverlay = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof Dialog.Backdrop>\n>(({ className, ...props }, ref) => (\n  <Dialog.Backdrop\n    className={cn(\n      'fixed inset-0 z-50 bg-black/80 data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0',\n      className\n    )}\n    {...props}\n    ref={ref}\n  />\n));\nSheetOverlay.displayName = 'SheetOverlay';\n\nconst sheetVariants = cva(\n  'fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[open]:animate-in data-[closed]:animate-out data-[closed]:duration-300 data-[open]:duration-500',\n  {\n    variants: {\n      side: {\n        top: 'inset-x-0 top-0 border-b data-[closed]:slide-out-to-top data-[open]:slide-in-from-top',\n        bottom:\n          'inset-x-0 bottom-0 border-t data-[closed]:slide-out-to-bottom data-[open]:slide-in-from-bottom',\n        left: 'inset-y-0 left-0 h-full w-3/4 border-r data-[closed]:slide-out-to-left data-[open]:slide-in-from-left sm:max-w-sm',\n        right:\n          'inset-y-0 right-0 h-full w-3/4 border-l data-[closed]:slide-out-to-right data-[open]:slide-in-from-right sm:max-w-sm',\n      },\n    },\n    defaultVariants: {\n      side: 'right',\n    },\n  }\n);\n\ninterface SheetContentProps\n  extends\n    React.ComponentPropsWithoutRef<typeof Dialog.Popup>,\n    VariantProps<typeof sheetVariants> {\n  portal?: boolean;\n}\n\nconst SheetContent = React.forwardRef<HTMLDivElement, SheetContentProps>(\n  ({ side = 'right', className, children, portal = true, ...props }, ref) => {\n    const element = (\n      <>\n        <SheetOverlay />\n        <Dialog.Popup\n          ref={ref}\n          className={cn(sheetVariants({ side }), className)}\n          {...props}\n        >\n          {children}\n          <Dialog.Close className=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[open]:bg-secondary\">\n            <CloseIcon className=\"h-4 w-4\" />\n            <span className=\"sr-only\">Close</span>\n          </Dialog.Close>\n        </Dialog.Popup>\n      </>\n    );\n\n    return portal ? <SheetPortal>{element}</SheetPortal> : element;\n  }\n);\nSheetContent.displayName = 'SheetContent';\n\nconst SheetHeader = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      'flex flex-col space-y-2 text-center sm:text-left',\n      className\n    )}\n    {...props}\n  />\n);\nSheetHeader.displayName = 'SheetHeader';\n\nconst SheetFooter = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2',\n      className\n    )}\n    {...props}\n  />\n);\nSheetFooter.displayName = 'SheetFooter';\n\nconst SheetTitle = React.forwardRef<\n  HTMLHeadingElement,\n  React.ComponentPropsWithoutRef<typeof Dialog.Title>\n>(({ className, ...props }, ref) => (\n  <Dialog.Title\n    ref={ref}\n    className={cn('text-lg font-semibold text-foreground', className)}\n    {...props}\n  />\n));\nSheetTitle.displayName = 'SheetTitle';\n\nconst SheetDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.ComponentPropsWithoutRef<typeof Dialog.Description>\n>(({ className, ...props }, ref) => (\n  <Dialog.Description\n    ref={ref}\n    className={cn('text-sm text-muted-foreground', className)}\n    {...props}\n  />\n));\nSheetDescription.displayName = 'SheetDescription';\n\nexport {\n  Sheet,\n  SheetPortal,\n  SheetOverlay,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n};\n"],"names":["Sheet","Dialog","SheetTrigger","SheetClose","SheetPortal","SheetOverlay","React","className","props","ref","jsx","cn","sheetVariants","cva","SheetContent","side","children","portal","element","jsxs","Fragment","CloseIcon","SheetHeader","SheetFooter","SheetTitle","SheetDescription"],"mappings":";;;;;;;AAUA,MAAMA,IAAQC,EAAO,MAEfC,IAAeD,EAAO,SAEtBE,IAAaF,EAAO,OAEpBG,IAAcH,EAAO,QAErBI,IAAeC,EAAM,WAGzB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACT,EAAO;AAAA,EAAP;AAAA,IACC,WAAWU;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IACJ,KAAAC;AAAA,EAAA;AACF,CACD;AACDJ,EAAa,cAAc;AAE3B,MAAMO,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,KAAK;AAAA,QACL,QACE;AAAA,QACF,MAAM;AAAA,QACN,OACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GASMC,IAAeR,EAAM;AAAA,EACzB,CAAC,EAAE,MAAAS,IAAO,SAAS,WAAAR,GAAW,UAAAS,GAAU,QAAAC,IAAS,IAAM,GAAGT,EAAA,GAASC,MAAQ;AACzE,UAAMS,IACJ,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAV,EAACL,GAAA,EAAa;AAAA,MACd,gBAAAc;AAAA,QAAClB,EAAO;AAAA,QAAP;AAAA,UACC,KAAAQ;AAAA,UACA,WAAWE,EAAGC,EAAc,EAAE,MAAAG,EAAA,CAAM,GAAGR,CAAS;AAAA,UAC/C,GAAGC;AAAA,UAEH,UAAA;AAAA,YAAAQ;AAAA,YACD,gBAAAG,EAAClB,EAAO,OAAP,EAAa,WAAU,sOACtB,UAAA;AAAA,cAAA,gBAAAS,EAACW,GAAA,EAAU,WAAU,UAAA,CAAU;AAAA,cAC/B,gBAAAX,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,QAAA,CAAK;AAAA,YAAA,EAAA,CACjC;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,GACF;AAGF,WAAOO,IAAS,gBAAAP,EAACN,GAAA,EAAa,UAAAc,EAAA,CAAQ,IAAiBA;AAAA,EACzD;AACF;AACAJ,EAAa,cAAc;AAE3B,MAAMQ,IAAc,CAAC;AAAA,EACnB,WAAAf;AAAA,EACA,GAAGC;AACL,MACE,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN;AAEFc,EAAY,cAAc;AAE1B,MAAMC,IAAc,CAAC;AAAA,EACnB,WAAAhB;AAAA,EACA,GAAGC;AACL,MACE,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN;AAEFe,EAAY,cAAc;AAE1B,MAAMC,IAAalB,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACT,EAAO;AAAA,EAAP;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWE,EAAG,yCAAyCJ,CAAS;AAAA,IAC/D,GAAGC;AAAA,EAAA;AACN,CACD;AACDgB,EAAW,cAAc;AAEzB,MAAMC,IAAmBnB,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACT,EAAO;AAAA,EAAP;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWE,EAAG,iCAAiCJ,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACD;AACDiB,EAAiB,cAAc;"}