@acronis-platform/shadcn-uikit 0.34.0 → 0.35.0

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

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","sources":["../../../src/components/ui/pagination.tsx"],"sourcesContent":["import * as React from 'react'\nimport { ChevronLeftIcon, ChevronRightIcon, EllipsisHIcon } from '@/components/icons'\nimport { cn } from '@/lib/utils'\nimport { ButtonProps, buttonVariants } from '@/components/ui/button'\n\nconst Pagination = ({ className, ...props }: React.ComponentProps<'nav'>) => (\n  <nav\n    role=\"navigation\"\n    aria-label=\"pagination\"\n    className={cn('mx-auto flex w-full justify-center', className)}\n    {...props}\n  />\n)\nPagination.displayName = 'Pagination'\n\nconst PaginationContent = React.forwardRef<HTMLUListElement, React.ComponentProps<'ul'>>(\n  ({ className, ...props }, ref) => (\n    <ul ref={ref} className={cn('flex flex-row items-center gap-1', className)} {...props} />\n  )\n)\nPaginationContent.displayName = 'PaginationContent'\n\nconst PaginationItem = React.forwardRef<HTMLLIElement, React.ComponentProps<'li'>>(\n  ({ className, ...props }, ref) => <li ref={ref} className={cn('', className)} {...props} />\n)\nPaginationItem.displayName = 'PaginationItem'\n\ntype PaginationLinkProps = {\n  isActive?: boolean\n} & Pick<ButtonProps, 'size'> &\n  React.ComponentProps<'a'>\n\nconst PaginationLink = ({ className, isActive, size = 'icon', ...props }: PaginationLinkProps) => (\n  <a\n    aria-current={isActive ? 'page' : undefined}\n    className={cn(\n      buttonVariants({\n        variant: isActive ? 'default' : 'ghost',\n        size,\n      }),\n      'h-8 w-8 p-0 font-semibold',\n      isActive && 'bg-primary/20 text-foreground hover:bg-primary/20',\n      !isActive && 'text-primary hover:bg-accent hover:text-primary',\n      className\n    )}\n    {...props}\n  />\n)\nPaginationLink.displayName = 'PaginationLink'\n\nconst PaginationPrevious = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof PaginationLink>) => (\n  <PaginationLink\n    aria-label=\"Go to previous page\"\n    size=\"default\"\n    className={cn('h-8 w-8 p-0', className)}\n    {...props}\n  >\n    <ChevronLeftIcon className=\"h-4 w-4\" />\n  </PaginationLink>\n)\nPaginationPrevious.displayName = 'PaginationPrevious'\n\nconst PaginationNext = ({ className, ...props }: React.ComponentProps<typeof PaginationLink>) => (\n  <PaginationLink\n    aria-label=\"Go to next page\"\n    size=\"default\"\n    className={cn('h-8 w-8 p-0', className)}\n    {...props}\n  >\n    <ChevronRightIcon className=\"h-4 w-4\" />\n  </PaginationLink>\n)\nPaginationNext.displayName = 'PaginationNext'\n\nconst PaginationEllipsis = ({ className, ...props }: React.ComponentProps<'span'>) => (\n  <span\n    aria-hidden\n    className={cn('flex h-8 w-8 items-center justify-center font-semibold text-foreground/70', className)}\n    {...props}\n  >\n    <EllipsisHIcon className=\"h-4 w-4\" />\n    <span className=\"sr-only\">More pages</span>\n  </span>\n)\nPaginationEllipsis.displayName = 'PaginationEllipsis'\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n}\n"],"names":["Pagination","className","props","jsx","cn","PaginationContent","React","ref","PaginationItem","PaginationLink","isActive","size","buttonVariants","PaginationPrevious","ChevronLeftIcon","PaginationNext","ChevronRightIcon","PaginationEllipsis","jsxs","EllipsisHIcon"],"mappings":";;;;;;AAKA,MAAMA,IAAa,CAAC,EAAE,WAAAC,GAAW,GAAGC,QAClC,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,cAAW;AAAA,IACX,WAAWC,EAAG,sCAAsCH,CAAS;AAAA,IAC5D,GAAGC;AAAA,EAAA;AACN;AAEFF,EAAW,cAAc;AAEzB,MAAMK,IAAoBC,EAAM;AAAA,EAC9B,CAAC,EAAE,WAAAL,GAAW,GAAGC,EAAA,GAASK,MACxB,gBAAAJ,EAAC,MAAA,EAAG,KAAAI,GAAU,WAAWH,EAAG,oCAAoCH,CAAS,GAAI,GAAGC,EAAA,CAAO;AAE3F;AACAG,EAAkB,cAAc;AAEhC,MAAMG,IAAiBF,EAAM;AAAA,EAC3B,CAAC,EAAE,WAAAL,GAAW,GAAGC,EAAA,GAASK,MAAQ,gBAAAJ,EAAC,MAAA,EAAG,KAAAI,GAAU,WAAWH,EAAG,IAAIH,CAAS,GAAI,GAAGC,EAAA,CAAO;AAC3F;AACAM,EAAe,cAAc;AAO7B,MAAMC,IAAiB,CAAC,EAAE,WAAAR,GAAW,UAAAS,GAAU,MAAAC,IAAO,QAAQ,GAAGT,EAAA,MAC/D,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,gBAAcO,IAAW,SAAS;AAAA,IAClC,WAAWN;AAAA,MACTQ,EAAe;AAAA,QACb,SAASF,IAAW,YAAY;AAAA,QAChC,MAAAC;AAAA,MAAA,CACD;AAAA,MACD;AAAA,MACAD,KAAY;AAAA,MACZ,CAACA,KAAY;AAAA,MACbT;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN;AAEFO,EAAe,cAAc;AAE7B,MAAMI,IAAqB,CAAC;AAAA,EAC1B,WAAAZ;AAAA,EACA,GAAGC;AACL,MACE,gBAAAC;AAAA,EAACM;AAAA,EAAA;AAAA,IACC,cAAW;AAAA,IACX,MAAK;AAAA,IACL,WAAWL,EAAG,eAAeH,CAAS;AAAA,IACrC,GAAGC;AAAA,IAEJ,UAAA,gBAAAC,EAACW,GAAA,EAAgB,WAAU,UAAA,CAAU;AAAA,EAAA;AACvC;AAEFD,EAAmB,cAAc;AAEjC,MAAME,IAAiB,CAAC,EAAE,WAAAd,GAAW,GAAGC,QACtC,gBAAAC;AAAA,EAACM;AAAA,EAAA;AAAA,IACC,cAAW;AAAA,IACX,MAAK;AAAA,IACL,WAAWL,EAAG,eAAeH,CAAS;AAAA,IACrC,GAAGC;AAAA,IAEJ,UAAA,gBAAAC,EAACa,GAAA,EAAiB,WAAU,UAAA,CAAU;AAAA,EAAA;AACxC;AAEFD,EAAe,cAAc;AAE7B,MAAME,IAAqB,CAAC,EAAE,WAAAhB,GAAW,GAAGC,QAC1C,gBAAAgB;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,eAAW;AAAA,IACX,WAAWd,EAAG,6EAA6EH,CAAS;AAAA,IACnG,GAAGC;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAC,EAACgB,GAAA,EAAc,WAAU,UAAA,CAAU;AAAA,MACnC,gBAAAhB,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,aAAA,CAAU;AAAA,IAAA;AAAA,EAAA;AACtC;AAEFc,EAAmB,cAAc;"}
+{"version":3,"file":"pagination.js","sources":["../../../src/components/ui/pagination.tsx"],"sourcesContent":["import * as React from 'react'\nimport { ChevronLeftIcon, ChevronRightIcon, EllipsisHIcon } from '@/components/icons'\nimport { cn } from '@/lib/utils'\nimport { ButtonProps, buttonVariants } from '@/components/ui/button'\n\nconst Pagination = ({ className, ...props }: React.ComponentProps<'nav'>) => (\n  <nav\n    role=\"navigation\"\n    aria-label=\"pagination\"\n    className={cn('mx-auto flex w-full justify-center', className)}\n    {...props}\n  />\n)\nPagination.displayName = 'Pagination'\n\nconst PaginationContent = React.forwardRef<HTMLUListElement, React.ComponentProps<'ul'>>(\n  ({ className, ...props }, ref) => (\n    <ul ref={ref} className={cn('flex flex-row items-center gap-1', className)} {...props} />\n  )\n)\nPaginationContent.displayName = 'PaginationContent'\n\nconst PaginationItem = React.forwardRef<HTMLLIElement, React.ComponentProps<'li'>>(\n  ({ className, ...props }, ref) => <li ref={ref} className={cn('', className)} {...props} />\n)\nPaginationItem.displayName = 'PaginationItem'\n\nexport type PaginationLinkProps = {\n  isActive?: boolean\n} & Partial<Pick<ButtonProps, 'size'>> &\n  React.ComponentProps<'a'>\n\nconst PaginationLink = ({ className, isActive, size = 'icon', ...props }: PaginationLinkProps) => (\n  <a\n    aria-current={isActive ? 'page' : undefined}\n    className={cn(\n      buttonVariants({\n        variant: isActive ? 'default' : 'ghost',\n        size,\n      }),\n      'h-8 w-8 p-0 font-semibold',\n      isActive && 'bg-primary/20 text-foreground hover:bg-primary/20',\n      !isActive && 'text-primary hover:bg-accent hover:text-primary',\n      className\n    )}\n    {...props}\n  />\n)\nPaginationLink.displayName = 'PaginationLink'\n\nconst PaginationPrevious = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof PaginationLink>) => (\n  <PaginationLink\n    aria-label=\"Go to previous page\"\n    size=\"default\"\n    className={cn('h-8 w-8 p-0', className)}\n    {...props}\n  >\n    <ChevronLeftIcon className=\"h-4 w-4\" />\n  </PaginationLink>\n)\nPaginationPrevious.displayName = 'PaginationPrevious'\n\nconst PaginationNext = ({ className, ...props }: React.ComponentProps<typeof PaginationLink>) => (\n  <PaginationLink\n    aria-label=\"Go to next page\"\n    size=\"default\"\n    className={cn('h-8 w-8 p-0', className)}\n    {...props}\n  >\n    <ChevronRightIcon className=\"h-4 w-4\" />\n  </PaginationLink>\n)\nPaginationNext.displayName = 'PaginationNext'\n\nconst PaginationEllipsis = ({ className, ...props }: React.ComponentProps<'span'>) => (\n  <span\n    aria-hidden\n    className={cn('flex h-8 w-8 items-center justify-center font-semibold text-foreground/70', className)}\n    {...props}\n  >\n    <EllipsisHIcon className=\"h-4 w-4\" />\n    <span className=\"sr-only\">More pages</span>\n  </span>\n)\nPaginationEllipsis.displayName = 'PaginationEllipsis'\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n}\n"],"names":["Pagination","className","props","jsx","cn","PaginationContent","React","ref","PaginationItem","PaginationLink","isActive","size","buttonVariants","PaginationPrevious","ChevronLeftIcon","PaginationNext","ChevronRightIcon","PaginationEllipsis","jsxs","EllipsisHIcon"],"mappings":";;;;;;AAKA,MAAMA,IAAa,CAAC,EAAE,WAAAC,GAAW,GAAGC,QAClC,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,cAAW;AAAA,IACX,WAAWC,EAAG,sCAAsCH,CAAS;AAAA,IAC5D,GAAGC;AAAA,EAAA;AACN;AAEFF,EAAW,cAAc;AAEzB,MAAMK,IAAoBC,EAAM;AAAA,EAC9B,CAAC,EAAE,WAAAL,GAAW,GAAGC,EAAA,GAASK,MACxB,gBAAAJ,EAAC,MAAA,EAAG,KAAAI,GAAU,WAAWH,EAAG,oCAAoCH,CAAS,GAAI,GAAGC,EAAA,CAAO;AAE3F;AACAG,EAAkB,cAAc;AAEhC,MAAMG,IAAiBF,EAAM;AAAA,EAC3B,CAAC,EAAE,WAAAL,GAAW,GAAGC,EAAA,GAASK,MAAQ,gBAAAJ,EAAC,MAAA,EAAG,KAAAI,GAAU,WAAWH,EAAG,IAAIH,CAAS,GAAI,GAAGC,EAAA,CAAO;AAC3F;AACAM,EAAe,cAAc;AAO7B,MAAMC,IAAiB,CAAC,EAAE,WAAAR,GAAW,UAAAS,GAAU,MAAAC,IAAO,QAAQ,GAAGT,EAAA,MAC/D,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,gBAAcO,IAAW,SAAS;AAAA,IAClC,WAAWN;AAAA,MACTQ,EAAe;AAAA,QACb,SAASF,IAAW,YAAY;AAAA,QAChC,MAAAC;AAAA,MAAA,CACD;AAAA,MACD;AAAA,MACAD,KAAY;AAAA,MACZ,CAACA,KAAY;AAAA,MACbT;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN;AAEFO,EAAe,cAAc;AAE7B,MAAMI,IAAqB,CAAC;AAAA,EAC1B,WAAAZ;AAAA,EACA,GAAGC;AACL,MACE,gBAAAC;AAAA,EAACM;AAAA,EAAA;AAAA,IACC,cAAW;AAAA,IACX,MAAK;AAAA,IACL,WAAWL,EAAG,eAAeH,CAAS;AAAA,IACrC,GAAGC;AAAA,IAEJ,UAAA,gBAAAC,EAACW,GAAA,EAAgB,WAAU,UAAA,CAAU;AAAA,EAAA;AACvC;AAEFD,EAAmB,cAAc;AAEjC,MAAME,IAAiB,CAAC,EAAE,WAAAd,GAAW,GAAGC,QACtC,gBAAAC;AAAA,EAACM;AAAA,EAAA;AAAA,IACC,cAAW;AAAA,IACX,MAAK;AAAA,IACL,WAAWL,EAAG,eAAeH,CAAS;AAAA,IACrC,GAAGC;AAAA,IAEJ,UAAA,gBAAAC,EAACa,GAAA,EAAiB,WAAU,UAAA,CAAU;AAAA,EAAA;AACxC;AAEFD,EAAe,cAAc;AAE7B,MAAME,IAAqB,CAAC,EAAE,WAAAhB,GAAW,GAAGC,QAC1C,gBAAAgB;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,eAAW;AAAA,IACX,WAAWd,EAAG,6EAA6EH,CAAS;AAAA,IACnG,GAAGC;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAC,EAACgB,GAAA,EAAc,WAAU,UAAA,CAAU;AAAA,MACnC,gBAAAhB,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,aAAA,CAAU;AAAA,IAAA;AAAA,EAAA;AACtC;AAEFc,EAAmB,cAAc;"}

package/dist/components/ui/popover.docs.d.ts

@@ -0,0 +1,12 @@
+/** Props for the PopoverContent component */
+export interface PopoverContentProps {
+    /** Horizontal alignment relative to the trigger */
+    align?: 'start' | 'center' | 'end';
+    /** Which side of the trigger to display the popover */
+    side?: 'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start';
+    /** Distance in pixels from the trigger */
+    sideOffset?: number;
+    /** Whether to render inside a portal (default: true) */
+    portal?: boolean;
+    className?: string;
+}

package/dist/components/ui/popover.js

@@ -1,34 +1,30 @@
-import { jsx as o } from "react/jsx-runtime";
-import * as s from "react";
-import { cn as f } from "../../lib/utils.js";
-import { PopoverPositioner as P } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/popover/positioner/PopoverPositioner.js";
-import { PopoverPopup as l } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/popover/popup/PopoverPopup.js";
-import { PopoverPortal as e } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/popover/portal/PopoverPortal.js";
-import { PopoverRoot as v } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/popover/root/PopoverRoot.js";
-import { PopoverTrigger as c } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/popover/trigger/PopoverTrigger.js";
-const T = v, $ = c, C = e, g = s.forwardRef(({ className: t, align: a = "center", side: i = "bottom", sideOffset: p = 4, portal: d = !0, ...n }, m) => {
-  const r = /* @__PURE__ */ o(P, { align: a, side: i, sideOffset: p, children: /* @__PURE__ */ o(
-    l,
+import { jsx as t } from "react/jsx-runtime";
+import * as m from "react";
+import { Popover as o } from "@base-ui/react";
+import { cn as l } from "../../lib/utils.js";
+const v = o.Root, g = o.Trigger, b = o.Portal, f = m.forwardRef(({ className: r, align: a = "center", side: d = "bottom", sideOffset: i = 4, portal: n = !0, ...p }, s) => {
+  const e = /* @__PURE__ */ t(o.Positioner, { align: a, side: d, sideOffset: i, children: /* @__PURE__ */ t(
+    o.Popup,
     {
-      ref: m,
-      className: f(
+      ref: s,
+      className: l(
         "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none",
         "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",
-        t
+        r
       ),
-      ...n
+      ...p
     }
   ) });
-  return d ? /* @__PURE__ */ o(e, { children: r }) : r;
+  return n ? /* @__PURE__ */ t(o.Portal, { children: e }) : e;
 });
-g.displayName = "PopoverContent";
+f.displayName = "PopoverContent";
 export {
-  T as Popover,
-  g as PopoverContent,
-  C as PopoverPortal,
-  $ as PopoverTrigger
+  v as Popover,
+  f as PopoverContent,
+  b as PopoverPortal,
+  g as PopoverTrigger
 };
 //# sourceMappingURL=popover.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"popover.js","sources":["../../../src/components/ui/popover.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Popover } from '@base-ui/react'\n\nimport { cn } from '@/lib/utils'\n\nconst PopoverRoot = Popover.Root\n\nconst PopoverTrigger = Popover.Trigger\n\nconst PopoverPortal = Popover.Portal\n\nconst PopoverContent = React.forwardRef<\n  HTMLDivElement,\n  Omit<Popover.Popup.Props, 'ref'> & {\n    align?: 'start' | 'center' | 'end'\n    side?: 'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start'\n    sideOffset?: number\n    portal?: boolean\n  }\n>(({ className, align = 'center', side = 'bottom', sideOffset = 4, portal = true, ...props }, ref) => {\n  const positioner = (\n    <Popover.Positioner align={align} side={side} sideOffset={sideOffset}>\n      <Popover.Popup\n        ref={ref}\n        className={cn(\n          'z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none',\n          'data-[open]:animate-in data-[closed]:animate-out 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          className\n        )}\n        {...props}\n      />\n    </Popover.Positioner>\n  )\n\n  return portal ? <Popover.Portal>{positioner}</Popover.Portal> : positioner\n})\nPopoverContent.displayName = 'PopoverContent'\n\nexport { PopoverRoot as Popover, PopoverTrigger, PopoverPortal, PopoverContent }"],"names":["PopoverRoot","Popover.Root","PopoverTrigger","Popover.Trigger","PopoverPortal","Popover.Portal","PopoverContent","React","className","align","side","sideOffset","portal","props","ref","positioner","jsx","Popover.Positioner","Popover.Popup","cn"],"mappings":";;;;;;;;AAKA,MAAMA,IAAcC,GAEdC,IAAiBC,GAEjBC,IAAgBC,GAEhBC,IAAiBC,EAAM,WAQ3B,CAAC,EAAE,WAAAC,GAAW,OAAAC,IAAQ,UAAU,MAAAC,IAAO,UAAU,YAAAC,IAAa,GAAG,QAAAC,IAAS,IAAM,GAAGC,EAAA,GAASC,MAAQ;AACpG,QAAMC,IACJ,gBAAAC,EAACC,GAAA,EAAmB,OAAAR,GAAc,MAAAC,GAAY,YAAAC,GAC5C,UAAA,gBAAAK;AAAA,IAACE;AAAAA,IAAA;AAAA,MACC,KAAAJ;AAAA,MACA,WAAWK;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAX;AAAA,MAAA;AAAA,MAED,GAAGK;AAAA,IAAA;AAAA,EAAA,GAER;AAGF,SAAOD,IAAS,gBAAAI,EAACX,GAAA,EAAgB,aAAW,IAAoBU;AAClE,CAAC;AACDT,EAAe,cAAc;"}
+{"version":3,"file":"popover.js","sources":["../../../src/components/ui/popover.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Popover } from '@base-ui/react'\n\nimport { cn } from '@/lib/utils'\n\nconst PopoverRoot = Popover.Root\n\nconst PopoverTrigger = Popover.Trigger\n\nconst PopoverPortal = Popover.Portal\n\nconst PopoverContent = React.forwardRef<\n  HTMLDivElement,\n  Omit<Popover.Popup.Props, 'ref'> & {\n    align?: 'start' | 'center' | 'end'\n    side?: 'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start'\n    sideOffset?: number\n    portal?: boolean\n  }\n>(({ className, align = 'center', side = 'bottom', sideOffset = 4, portal = true, ...props }, ref) => {\n  const positioner = (\n    <Popover.Positioner align={align} side={side} sideOffset={sideOffset}>\n      <Popover.Popup\n        ref={ref}\n        className={cn(\n          'z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none',\n          'data-[open]:animate-in data-[closed]:animate-out 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          className\n        )}\n        {...props}\n      />\n    </Popover.Positioner>\n  )\n\n  return portal ? <Popover.Portal>{positioner}</Popover.Portal> : positioner\n})\nPopoverContent.displayName = 'PopoverContent'\n\nexport { PopoverRoot as Popover, PopoverTrigger, PopoverPortal, PopoverContent }"],"names":["PopoverRoot","Popover","PopoverTrigger","PopoverPortal","PopoverContent","React","className","align","side","sideOffset","portal","props","ref","positioner","jsx","cn"],"mappings":";;;;AAKA,MAAMA,IAAcC,EAAQ,MAEtBC,IAAiBD,EAAQ,SAEzBE,IAAgBF,EAAQ,QAExBG,IAAiBC,EAAM,WAQ3B,CAAC,EAAE,WAAAC,GAAW,OAAAC,IAAQ,UAAU,MAAAC,IAAO,UAAU,YAAAC,IAAa,GAAG,QAAAC,IAAS,IAAM,GAAGC,EAAA,GAASC,MAAQ;AACpG,QAAMC,IACJ,gBAAAC,EAACb,EAAQ,YAAR,EAAmB,OAAAM,GAAc,MAAAC,GAAY,YAAAC,GAC5C,UAAA,gBAAAK;AAAA,IAACb,EAAQ;AAAA,IAAR;AAAA,MACC,KAAAW;AAAA,MACA,WAAWG;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAT;AAAA,MAAA;AAAA,MAED,GAAGK;AAAA,IAAA;AAAA,EAAA,GAER;AAGF,SAAOD,IAAS,gBAAAI,EAACb,EAAQ,QAAR,EAAgB,aAAW,IAAoBY;AAClE,CAAC;AACDT,EAAe,cAAc;"}

package/dist/components/ui/progress.js

@@ -1,27 +1,25 @@
 import { jsx as r } from "react/jsx-runtime";
-import * as a from "react";
-import { cn as l } from "../../lib/utils.js";
-import { ProgressRoot as s } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/progress/root/ProgressRoot.js";
-import { ProgressTrack as n } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/progress/track/ProgressTrack.js";
-import { ProgressIndicator as m } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/progress/indicator/ProgressIndicator.js";
-const d = a.forwardRef(({ className: o, value: e, ...i }, t) => /* @__PURE__ */ r(
-  s,
+import * as t from "react";
+import { Progress as e } from "@base-ui/react";
+import { cn as n } from "../../lib/utils.js";
+const s = t.forwardRef(({ className: o, value: a, ...i }, l) => /* @__PURE__ */ r(
+  e.Root,
   {
-    ref: t,
-    value: e ?? null,
-    className: l("relative h-4 w-full overflow-hidden rounded-full", o),
+    ref: l,
+    value: a ?? null,
+    className: n("relative h-4 w-full overflow-hidden rounded-full", o),
     ...i,
-    children: /* @__PURE__ */ r(n, { className: "relative h-full w-full overflow-hidden bg-input", children: /* @__PURE__ */ r(
-      m,
+    children: /* @__PURE__ */ r(e.Track, { className: "relative h-full w-full overflow-hidden bg-input", children: /* @__PURE__ */ r(
+      e.Indicator,
       {
         className: "h-full bg-primary transition-all data-[indeterminate]:animate-indeterminate-progress data-[indeterminate]:transition-none",
-        style: e == null ? { width: "33%" } : void 0
+        style: a == null ? { width: "33%" } : void 0
       }
     ) })
   }
 ));
-d.displayName = "Progress";
+s.displayName = "Progress";
 export {
-  d as Progress
+  s as Progress
 };
 //# sourceMappingURL=progress.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"progress.js","sources":["../../../src/components/ui/progress.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { Progress as ProgressPrimitive } from '@base-ui/react'\n\nimport { cn } from '@/lib/utils'\n\nconst Progress = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>\n>(({ className, value, ...props }, ref) => (\n  <ProgressPrimitive.Root\n    ref={ref}\n    value={value ?? null}\n    className={cn('relative h-4 w-full overflow-hidden rounded-full', className)}\n    {...props}\n  >\n    <ProgressPrimitive.Track className=\"relative h-full w-full overflow-hidden bg-input\">\n      <ProgressPrimitive.Indicator\n        className=\"h-full bg-primary transition-all data-[indeterminate]:animate-indeterminate-progress data-[indeterminate]:transition-none\"\n        style={value == null ? { width: '33%' } : undefined}\n      />\n    </ProgressPrimitive.Track>\n  </ProgressPrimitive.Root>\n))\nProgress.displayName = 'Progress'\n\nexport { Progress }\n"],"names":["Progress","React","className","value","props","ref","jsx","ProgressPrimitive.Root","cn","ProgressPrimitive.Track","ProgressPrimitive.Indicator"],"mappings":";;;;;;AAOA,MAAMA,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,GAAGC,KAASC,MACjC,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,KAAAF;AAAA,IACA,OAAOF,KAAS;AAAA,IAChB,WAAWK,EAAG,oDAAoDN,CAAS;AAAA,IAC1E,GAAGE;AAAA,IAEJ,UAAA,gBAAAE,EAACG,GAAA,EAAwB,WAAU,mDACjC,UAAA,gBAAAH;AAAA,MAACI;AAAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAOP,KAAS,OAAO,EAAE,OAAO,UAAU;AAAA,MAAA;AAAA,IAAA,EAC5C,CACF;AAAA,EAAA;AACF,CACD;AACDH,EAAS,cAAc;"}
+{"version":3,"file":"progress.js","sources":["../../../src/components/ui/progress.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { Progress as ProgressPrimitive } from '@base-ui/react'\n\nimport { cn } from '@/lib/utils'\n\nconst Progress = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>\n>(({ className, value, ...props }, ref) => (\n  <ProgressPrimitive.Root\n    ref={ref}\n    value={value ?? null}\n    className={cn('relative h-4 w-full overflow-hidden rounded-full', className)}\n    {...props}\n  >\n    <ProgressPrimitive.Track className=\"relative h-full w-full overflow-hidden bg-input\">\n      <ProgressPrimitive.Indicator\n        className=\"h-full bg-primary transition-all data-[indeterminate]:animate-indeterminate-progress data-[indeterminate]:transition-none\"\n        style={value == null ? { width: '33%' } : undefined}\n      />\n    </ProgressPrimitive.Track>\n  </ProgressPrimitive.Root>\n))\nProgress.displayName = 'Progress'\n\nexport { Progress }\n"],"names":["Progress","React","className","value","props","ref","jsx","ProgressPrimitive","cn"],"mappings":";;;;AAOA,MAAMA,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,GAAGC,KAASC,MACjC,gBAAAC;AAAA,EAACC,EAAkB;AAAA,EAAlB;AAAA,IACC,KAAAF;AAAA,IACA,OAAOF,KAAS;AAAA,IAChB,WAAWK,EAAG,oDAAoDN,CAAS;AAAA,IAC1E,GAAGE;AAAA,IAEJ,UAAA,gBAAAE,EAACC,EAAkB,OAAlB,EAAwB,WAAU,mDACjC,UAAA,gBAAAD;AAAA,MAACC,EAAkB;AAAA,MAAlB;AAAA,QACC,WAAU;AAAA,QACV,OAAOJ,KAAS,OAAO,EAAE,OAAO,UAAU;AAAA,MAAA;AAAA,IAAA,EAC5C,CACF;AAAA,EAAA;AACF,CACD;AACDH,EAAS,cAAc;"}

package/dist/components/ui/radio-group.js

@@ -1,28 +1,27 @@
 import { jsx as r } from "react/jsx-runtime";
-import * as t from "react";
-import { cn as a } from "../../lib/utils.js";
+import * as a from "react";
+import { RadioGroup as c } from "@base-ui/react/radio-group";
+import { Radio as t } from "@base-ui/react/radio";
+import { cn as s } from "../../lib/utils.js";
 import "../icons/dynamic-icons.js";
-import { CircleIcon as s } from "../icons/auto-generated.js";
-import { RadioGroup as c } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/radio-group/RadioGroup.js";
-import { RadioRoot as m } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/radio/root/RadioRoot.js";
-import { RadioIndicator as d } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/radio/indicator/RadioIndicator.js";
-const n = t.forwardRef(({ className: o, ...e }, i) => /* @__PURE__ */ r(c, { className: a("grid gap-2", o), ...e, ref: i }));
-n.displayName = "RadioGroup";
-const f = t.forwardRef(({ className: o, ...e }, i) => /* @__PURE__ */ r(
-  m,
+import { CircleIcon as n } from "../icons/auto-generated.js";
+const d = a.forwardRef(({ className: o, ...e }, i) => /* @__PURE__ */ r(c, { className: s("grid gap-2", o), ...e, ref: i }));
+d.displayName = "RadioGroup";
+const m = a.forwardRef(({ className: o, ...e }, i) => /* @__PURE__ */ r(
+  t.Root,
   {
     ref: i,
-    className: a(
+    className: s(
       "aspect-square h-4 w-4 flex items-center justify-center rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
       o
     ),
     ...e,
-    children: /* @__PURE__ */ r(d, { className: "flex items-center justify-center", children: /* @__PURE__ */ r(s, { className: "h-2.5 w-2.5 fill-current text-current" }) })
+    children: /* @__PURE__ */ r(t.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ r(n, { className: "h-2.5 w-2.5 fill-current text-current" }) })
   }
 ));
-f.displayName = "RadioGroupItem";
+m.displayName = "RadioGroupItem";
 export {
-  n as RadioGroup,
-  f as RadioGroupItem
+  d as RadioGroup,
+  m as RadioGroupItem
 };
 //# sourceMappingURL=radio-group.js.map

package/dist/components/ui/radio-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.js","sources":["../../../src/components/ui/radio-group.tsx"],"sourcesContent":["import * as React from 'react'\nimport { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group'\nimport { Radio } from '@base-ui/react/radio'\nimport { CircleIcon } from '@/components/icons'\n\nimport { cn } from '@/lib/utils'\n\nconst RadioGroup = React.forwardRef<\n  React.ComponentRef<typeof RadioGroupPrimitive>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive>\n>(({ className, ...props }, ref) => {\n  return <RadioGroupPrimitive className={cn('grid gap-2', className)} {...props} ref={ref} />\n})\nRadioGroup.displayName = 'RadioGroup'\n\nconst RadioGroupItem = React.forwardRef<\n  React.ComponentRef<typeof Radio.Root>,\n  React.ComponentPropsWithoutRef<typeof Radio.Root>\n>(({ className, ...props }, ref) => {\n  return (\n    <Radio.Root\n      ref={ref}\n      className={cn(\n        'aspect-square h-4 w-4 flex items-center justify-center rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',\n        className\n      )}\n      {...props}\n    >\n      <Radio.Indicator className=\"flex items-center justify-center\">\n        <CircleIcon className=\"h-2.5 w-2.5 fill-current text-current\" />\n      </Radio.Indicator>\n    </Radio.Root>\n  )\n})\nRadioGroupItem.displayName = 'RadioGroupItem'\n\nexport { RadioGroup, RadioGroupItem }"],"names":["RadioGroup","React","className","props","ref","jsx","RadioGroupPrimitive","cn","RadioGroupItem","Radio.Root","Radio.Indicator","CircleIcon"],"mappings":";;;;;;;;AAOA,MAAMA,IAAaC,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACnB,gBAAAC,EAACC,KAAoB,WAAWC,EAAG,cAAcL,CAAS,GAAI,GAAGC,GAAO,KAAAC,GAAU,CAC1F;AACDJ,EAAW,cAAc;AAEzB,MAAMQ,IAAiBP,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAExB,gBAAAC;AAAA,EAACI;AAAAA,EAAA;AAAA,IACC,KAAAL;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IAEJ,UAAA,gBAAAE,EAACK,GAAA,EAAgB,WAAU,oCACzB,UAAA,gBAAAL,EAACM,GAAA,EAAW,WAAU,wCAAA,CAAwC,EAAA,CAChE;AAAA,EAAA;AAAA,CAGL;AACDH,EAAe,cAAc;"}
+{"version":3,"file":"radio-group.js","sources":["../../../src/components/ui/radio-group.tsx"],"sourcesContent":["import * as React from 'react'\nimport { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group'\nimport { Radio } from '@base-ui/react/radio'\nimport { CircleIcon } from '@/components/icons'\n\nimport { cn } from '@/lib/utils'\n\nconst RadioGroup = React.forwardRef<\n  React.ComponentRef<typeof RadioGroupPrimitive>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive>\n>(({ className, ...props }, ref) => {\n  return <RadioGroupPrimitive className={cn('grid gap-2', className)} {...props} ref={ref} />\n})\nRadioGroup.displayName = 'RadioGroup'\n\nconst RadioGroupItem = React.forwardRef<\n  React.ComponentRef<typeof Radio.Root>,\n  React.ComponentPropsWithoutRef<typeof Radio.Root>\n>(({ className, ...props }, ref) => {\n  return (\n    <Radio.Root\n      ref={ref}\n      className={cn(\n        'aspect-square h-4 w-4 flex items-center justify-center rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',\n        className\n      )}\n      {...props}\n    >\n      <Radio.Indicator className=\"flex items-center justify-center\">\n        <CircleIcon className=\"h-2.5 w-2.5 fill-current text-current\" />\n      </Radio.Indicator>\n    </Radio.Root>\n  )\n})\nRadioGroupItem.displayName = 'RadioGroupItem'\n\nexport { RadioGroup, RadioGroupItem }"],"names":["RadioGroup","React","className","props","ref","jsx","RadioGroupPrimitive","cn","RadioGroupItem","Radio","CircleIcon"],"mappings":";;;;;;;AAOA,MAAMA,IAAaC,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACnB,gBAAAC,EAACC,KAAoB,WAAWC,EAAG,cAAcL,CAAS,GAAI,GAAGC,GAAO,KAAAC,GAAU,CAC1F;AACDJ,EAAW,cAAc;AAEzB,MAAMQ,IAAiBP,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAExB,gBAAAC;AAAA,EAACI,EAAM;AAAA,EAAN;AAAA,IACC,KAAAL;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IAEJ,UAAA,gBAAAE,EAACI,EAAM,WAAN,EAAgB,WAAU,oCACzB,UAAA,gBAAAJ,EAACK,GAAA,EAAW,WAAU,wCAAA,CAAwC,EAAA,CAChE;AAAA,EAAA;AAAA,CAGL;AACDF,EAAe,cAAc;"}

package/dist/components/ui/resizable.d.ts

@@ -1,5 +1,5 @@
 import { Group, Panel, Separator } from 'react-resizable-panels';
-declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof Group>) => import("react/jsx-runtime").JSX.Element;
+declare const ResizablePanelGroup: ({ className, orientation, ...props }: React.ComponentProps<typeof Group>) => import("react/jsx-runtime").JSX.Element;
 declare const ResizablePanel: typeof Panel;
 declare const ResizableHandle: ({ withHandle, className, ...props }: React.ComponentProps<typeof Separator> & {
     withHandle?: boolean;

package/dist/components/ui/resizable.js

@@ -1,38 +1,42 @@
 import { jsx as e } from "react/jsx-runtime";
-import { cn as t } from "../../lib/utils.js";
+import { createContext as l, useContext as n } from "react";
+import { cn as o } from "../../lib/utils.js";
 import "../icons/dynamic-icons.js";
-import { GripDotsIcon as l } from "../icons/auto-generated.js";
-import { Panel as o, Group as n, Separator as c } from "../../node_modules/.pnpm/react-resizable-panels@4.4.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-resizable-panels/dist/react-resizable-panels.js";
-const m = ({
-  className: a,
-  ...r
-}) => /* @__PURE__ */ e(
-  n,
-  {
-    className: t(
-      "flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
-      a
-    ),
-    ...r
-  }
-), v = o, g = ({
-  withHandle: a,
+import { GripDotsIcon as f } from "../icons/auto-generated.js";
+import { Panel as c, Group as u, Separator as m } from "../../node_modules/.pnpm/react-resizable-panels@4.4.1_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-resizable-panels/dist/react-resizable-panels.js";
+const i = l("horizontal"), g = ({
   className: r,
-  ...i
-}) => /* @__PURE__ */ e(
-  c,
+  orientation: t = "horizontal",
+  ...a
+}) => /* @__PURE__ */ e(i.Provider, { value: t, children: /* @__PURE__ */ e(
+  u,
   {
-    className: t(
-      "relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
-      r
-    ),
-    ...i,
-    children: a && /* @__PURE__ */ e("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ e(l, { className: "h-2.5 w-2.5" }) })
+    className: o("flex h-full w-full", r),
+    orientation: t,
+    ...a
   }
-);
+) }), z = c, y = ({
+  withHandle: r,
+  className: t,
+  ...a
+}) => {
+  const s = n(i) === "vertical";
+  return /* @__PURE__ */ e(
+    m,
+    {
+      className: o(
+        "relative flex items-center justify-center bg-border focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1",
+        s ? "h-px w-full after:absolute after:left-0 after:h-1 after:w-full after:-translate-y-1/2 after:translate-x-0 [&>div]:rotate-90" : "w-px after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2",
+        t
+      ),
+      ...a,
+      children: r && /* @__PURE__ */ e("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ e(f, { className: "h-2.5 w-2.5" }) })
+    }
+  );
+};
 export {
-  g as ResizableHandle,
-  v as ResizablePanel,
-  m as ResizablePanelGroup
+  y as ResizableHandle,
+  z as ResizablePanel,
+  g as ResizablePanelGroup
 };
 //# sourceMappingURL=resizable.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"resizable.js","sources":["../../../src/components/ui/resizable.tsx"],"sourcesContent":["import { GripDotsIcon } from \"@/components/icons\"\nimport { Group, Panel, Separator } from \"react-resizable-panels\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst ResizablePanelGroup = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof Group>) => (\n  <Group\n    className={cn(\n      \"flex h-full w-full data-[panel-group-direction=vertical]:flex-col\",\n      className\n    )}\n    {...props}\n  />\n)\n\nconst ResizablePanel = Panel\n\nconst ResizableHandle = ({\n  withHandle,\n  className,\n  ...props\n}: React.ComponentProps<typeof Separator> & {\n  withHandle?: boolean\n}) => (\n  <Separator\n    className={cn(\n      \"relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90\",\n      className\n    )}\n    {...props}\n  >\n    {withHandle && (\n      <div className=\"z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border\">\n        <GripDotsIcon className=\"h-2.5 w-2.5\" />\n      </div>\n    )}\n  </Separator>\n)\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle }\n"],"names":["ResizablePanelGroup","className","props","jsx","Group","cn","ResizablePanel","Panel","ResizableHandle","withHandle","Separator","GripDotsIcon"],"mappings":";;;;;AAKA,MAAMA,IAAsB,CAAC;AAAA,EAC3B,WAAAC;AAAA,EACA,GAAGC;AACL,MACE,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,GAGII,IAAiBC,GAEjBC,IAAkB,CAAC;AAAA,EACvB,YAAAC;AAAA,EACA,WAAAR;AAAA,EACA,GAAGC;AACL,MAGE,gBAAAC;AAAA,EAACO;AAAAA,EAAA;AAAA,IACC,WAAWL;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IAEH,UAAAO,uBACE,OAAA,EAAI,WAAU,6EACb,UAAA,gBAAAN,EAACQ,GAAA,EAAa,WAAU,cAAA,CAAc,EAAA,CACxC;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"resizable.js","sources":["../../../src/components/ui/resizable.tsx"],"sourcesContent":["import { GripDotsIcon } from \"@/components/icons\"\nimport { Group, Panel, Separator } from \"react-resizable-panels\"\nimport { createContext, useContext } from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst OrientationContext = createContext<\"horizontal\" | \"vertical\">(\"horizontal\")\n\nconst ResizablePanelGroup = ({\n  className,\n  orientation = \"horizontal\",\n  ...props\n}: React.ComponentProps<typeof Group>) => (\n  <OrientationContext.Provider value={orientation}>\n    <Group\n      className={cn(\"flex h-full w-full\", className)}\n      orientation={orientation}\n      {...props}\n    />\n  </OrientationContext.Provider>\n)\n\nconst ResizablePanel = Panel\n\nconst ResizableHandle = ({\n  withHandle,\n  className,\n  ...props\n}: React.ComponentProps<typeof Separator> & {\n  withHandle?: boolean\n}) => {\n  const orientation = useContext(OrientationContext)\n  const isVertical = orientation === \"vertical\"\n\n  return (\n    <Separator\n      className={cn(\n        \"relative flex items-center justify-center bg-border focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1\",\n        isVertical\n          ? \"h-px w-full after:absolute after:left-0 after:h-1 after:w-full after:-translate-y-1/2 after:translate-x-0 [&>div]:rotate-90\"\n          : \"w-px after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2\",\n        className\n      )}\n      {...props}\n    >\n      {withHandle && (\n        <div className=\"z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border\">\n          <GripDotsIcon className=\"h-2.5 w-2.5\" />\n        </div>\n      )}\n    </Separator>\n  )\n}\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle }"],"names":["OrientationContext","createContext","ResizablePanelGroup","className","orientation","props","jsx","Group","cn","ResizablePanel","Panel","ResizableHandle","withHandle","isVertical","useContext","Separator","GripDotsIcon"],"mappings":";;;;;;AAMA,MAAMA,IAAqBC,EAAyC,YAAY,GAE1EC,IAAsB,CAAC;AAAA,EAC3B,WAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,GAAGC;AACL,MACE,gBAAAC,EAACN,EAAmB,UAAnB,EAA4B,OAAOI,GAClC,UAAA,gBAAAE;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,WAAWC,EAAG,sBAAsBL,CAAS;AAAA,IAC7C,aAAAC;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,EAAA,CACF,GAGII,IAAiBC,GAEjBC,IAAkB,CAAC;AAAA,EACvB,YAAAC;AAAA,EACA,WAAAT;AAAA,EACA,GAAGE;AACL,MAEM;AAEJ,QAAMQ,IADcC,EAAWd,CAAkB,MACd;AAEnC,SACE,gBAAAM;AAAA,IAACS;AAAAA,IAAA;AAAA,MACC,WAAWP;AAAA,QACT;AAAA,QACAK,IACI,gIACA;AAAA,QACJV;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,MAEH,UAAAO,uBACE,OAAA,EAAI,WAAU,6EACb,UAAA,gBAAAN,EAACU,GAAA,EAAa,WAAU,cAAA,CAAc,EAAA,CACxC;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/components/ui/scroll-area.js

@@ -1,44 +1,39 @@
-import { jsxs as f, jsx as r } from "react/jsx-runtime";
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
 import * as t from "react";
-import { cn as c } from "../../lib/utils.js";
-import { ScrollAreaRoot as i } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/scroll-area/root/ScrollAreaRoot.js";
-import { ScrollAreaViewport as s } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/scroll-area/viewport/ScrollAreaViewport.js";
-import { ScrollAreaContent as n } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/scroll-area/content/ScrollAreaContent.js";
-import { ScrollAreaCorner as p } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/scroll-area/corner/ScrollAreaCorner.js";
-import { ScrollAreaScrollbar as d } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/scroll-area/scrollbar/ScrollAreaScrollbar.js";
-import { ScrollAreaThumb as h } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/scroll-area/thumb/ScrollAreaThumb.js";
-const S = t.forwardRef(({ className: o, children: l, ...e }, a) => /* @__PURE__ */ f(
-  i,
+import { ScrollArea as l } from "@base-ui/react";
+import { cn as s } from "../../lib/utils.js";
+const f = t.forwardRef(({ className: o, children: e, ...a }, c) => /* @__PURE__ */ d(
+  l.Root,
   {
-    ref: a,
-    className: c("relative overflow-hidden", o),
-    ...e,
+    ref: c,
+    className: s("relative overflow-hidden", o),
+    ...a,
     children: [
-      /* @__PURE__ */ r(s, { className: "h-full w-full rounded-[inherit]", children: /* @__PURE__ */ r(n, { children: l }) }),
-      /* @__PURE__ */ r(m, {}),
-      /* @__PURE__ */ r(p, {})
+      /* @__PURE__ */ r(l.Viewport, { className: "h-full w-full rounded-[inherit]", children: /* @__PURE__ */ r(l.Content, { children: e }) }),
+      /* @__PURE__ */ r(n, {}),
+      /* @__PURE__ */ r(l.Corner, {})
     ]
   }
 ));
-S.displayName = "ScrollArea";
-const m = t.forwardRef(({ className: o, orientation: l = "vertical", ...e }, a) => /* @__PURE__ */ r(
-  d,
+f.displayName = "ScrollArea";
+const n = t.forwardRef(({ className: o, orientation: e = "vertical", ...a }, c) => /* @__PURE__ */ r(
+  l.Scrollbar,
   {
-    ref: a,
-    orientation: l,
-    className: c(
+    ref: c,
+    orientation: e,
+    className: s(
       "flex touch-none select-none transition-colors",
-      l === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
-      l === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
+      e === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
+      e === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
       o
     ),
-    ...e,
-    children: /* @__PURE__ */ r(h, { className: "relative flex-1 rounded-full bg-border" })
+    ...a,
+    children: /* @__PURE__ */ r(l.Thumb, { className: "relative flex-1 rounded-full bg-border" })
   }
 ));
-m.displayName = "ScrollBar";
+n.displayName = "ScrollBar";
 export {
-  S as ScrollArea,
-  m as ScrollBar
+  f as ScrollArea,
+  n as ScrollBar
 };
 //# sourceMappingURL=scroll-area.js.map

package/dist/components/ui/scroll-area.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-area.js","sources":["../../../src/components/ui/scroll-area.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { ScrollArea as ScrollAreaPrimitive } from \"@base-ui/react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst ScrollArea = React.forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>\n>(({ className, children, ...props }, ref) => (\n  <ScrollAreaPrimitive.Root\n    ref={ref}\n    className={cn(\"relative overflow-hidden\", className)}\n    {...props}\n  >\n    <ScrollAreaPrimitive.Viewport className=\"h-full w-full rounded-[inherit]\">\n      <ScrollAreaPrimitive.Content>\n        {children}\n      </ScrollAreaPrimitive.Content>\n    </ScrollAreaPrimitive.Viewport>\n    <ScrollBar />\n    <ScrollAreaPrimitive.Corner />\n  </ScrollAreaPrimitive.Root>\n))\nScrollArea.displayName = \"ScrollArea\"\n\nconst ScrollBar = React.forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.Scrollbar>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Scrollbar>\n>(({ className, orientation = \"vertical\", ...props }, ref) => (\n  <ScrollAreaPrimitive.Scrollbar\n    ref={ref}\n    orientation={orientation}\n    className={cn(\n      \"flex touch-none select-none transition-colors\",\n      orientation === \"vertical\" &&\n        \"h-full w-2.5 border-l border-l-transparent p-[1px]\",\n      orientation === \"horizontal\" &&\n        \"h-2.5 flex-col border-t border-t-transparent p-[1px]\",\n      className\n    )}\n    {...props}\n  >\n    <ScrollAreaPrimitive.Thumb className=\"relative flex-1 rounded-full bg-border\" />\n  </ScrollAreaPrimitive.Scrollbar>\n))\nScrollBar.displayName = \"ScrollBar\"\n\nexport { ScrollArea, ScrollBar }\n"],"names":["ScrollArea","React","className","children","props","ref","jsxs","ScrollAreaPrimitive.Root","cn","jsx","ScrollAreaPrimitive.Viewport","ScrollAreaPrimitive.Content","ScrollBar","ScrollAreaPrimitive.Corner","orientation","ScrollAreaPrimitive.Scrollbar","ScrollAreaPrimitive.Thumb"],"mappings":";;;;;;;;;AAKA,MAAMA,IAAaC,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,KAASC,MACpC,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG,EAAG,4BAA4BN,CAAS;AAAA,IAClD,GAAGE;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAK,EAACC,GAAA,EAA6B,WAAU,mCACtC,4BAACC,GAAA,EACE,UAAAR,EAAA,CACH,GACF;AAAA,wBACCS,GAAA,EAAU;AAAA,MACX,gBAAAH,EAACI,GAAA,CAAA,CAA2B;AAAA,IAAA;AAAA,EAAA;AAC9B,CACD;AACDb,EAAW,cAAc;AAEzB,MAAMY,IAAYX,EAAM,WAGtB,CAAC,EAAE,WAAAC,GAAW,aAAAY,IAAc,YAAY,GAAGV,KAASC,MACpD,gBAAAI;AAAA,EAACM;AAAAA,EAAA;AAAA,IACC,KAAAV;AAAA,IACA,aAAAS;AAAA,IACA,WAAWN;AAAA,MACT;AAAA,MACAM,MAAgB,cACd;AAAA,MACFA,MAAgB,gBACd;AAAA,MACFZ;AAAA,IAAA;AAAA,IAED,GAAGE;AAAA,IAEJ,UAAA,gBAAAK,EAACO,GAAA,EAA0B,WAAU,yCAAA,CAAyC;AAAA,EAAA;AAChF,CACD;AACDJ,EAAU,cAAc;"}
+{"version":3,"file":"scroll-area.js","sources":["../../../src/components/ui/scroll-area.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { ScrollArea as ScrollAreaPrimitive } from \"@base-ui/react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst ScrollArea = React.forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>\n>(({ className, children, ...props }, ref) => (\n  <ScrollAreaPrimitive.Root\n    ref={ref}\n    className={cn(\"relative overflow-hidden\", className)}\n    {...props}\n  >\n    <ScrollAreaPrimitive.Viewport className=\"h-full w-full rounded-[inherit]\">\n      <ScrollAreaPrimitive.Content>\n        {children}\n      </ScrollAreaPrimitive.Content>\n    </ScrollAreaPrimitive.Viewport>\n    <ScrollBar />\n    <ScrollAreaPrimitive.Corner />\n  </ScrollAreaPrimitive.Root>\n))\nScrollArea.displayName = \"ScrollArea\"\n\nconst ScrollBar = React.forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.Scrollbar>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Scrollbar>\n>(({ className, orientation = \"vertical\", ...props }, ref) => (\n  <ScrollAreaPrimitive.Scrollbar\n    ref={ref}\n    orientation={orientation}\n    className={cn(\n      \"flex touch-none select-none transition-colors\",\n      orientation === \"vertical\" &&\n        \"h-full w-2.5 border-l border-l-transparent p-[1px]\",\n      orientation === \"horizontal\" &&\n        \"h-2.5 flex-col border-t border-t-transparent p-[1px]\",\n      className\n    )}\n    {...props}\n  >\n    <ScrollAreaPrimitive.Thumb className=\"relative flex-1 rounded-full bg-border\" />\n  </ScrollAreaPrimitive.Scrollbar>\n))\nScrollBar.displayName = \"ScrollBar\"\n\nexport { ScrollArea, ScrollBar }\n"],"names":["ScrollArea","React","className","children","props","ref","jsxs","ScrollAreaPrimitive","cn","jsx","ScrollBar","orientation"],"mappings":";;;;AAKA,MAAMA,IAAaC,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,KAASC,MACpC,gBAAAC;AAAA,EAACC,EAAoB;AAAA,EAApB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG,EAAG,4BAA4BN,CAAS;AAAA,IAClD,GAAGE;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAK,EAACF,EAAoB,UAApB,EAA6B,WAAU,mCACtC,4BAACA,EAAoB,SAApB,EACE,UAAAJ,EAAA,CACH,EAAA,CACF;AAAA,wBACCO,GAAA,EAAU;AAAA,MACX,gBAAAD,EAACF,EAAoB,QAApB,CAAA,CAA2B;AAAA,IAAA;AAAA,EAAA;AAC9B,CACD;AACDP,EAAW,cAAc;AAEzB,MAAMU,IAAYT,EAAM,WAGtB,CAAC,EAAE,WAAAC,GAAW,aAAAS,IAAc,YAAY,GAAGP,KAASC,MACpD,gBAAAI;AAAA,EAACF,EAAoB;AAAA,EAApB;AAAA,IACC,KAAAF;AAAA,IACA,aAAAM;AAAA,IACA,WAAWH;AAAA,MACT;AAAA,MACAG,MAAgB,cACd;AAAA,MACFA,MAAgB,gBACd;AAAA,MACFT;AAAA,IAAA;AAAA,IAED,GAAGE;AAAA,IAEJ,UAAA,gBAAAK,EAACF,EAAoB,OAApB,EAA0B,WAAU,yCAAA,CAAyC;AAAA,EAAA;AAChF,CACD;AACDG,EAAU,cAAc;"}

package/dist/components/ui/secondary-menu.d.ts

@@ -1,12 +1,12 @@
 import * as React from 'react';
-interface SecondaryMenuProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface SecondaryMenuProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
 }
-interface SecondaryMenuGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface SecondaryMenuGroupProps extends React.HTMLAttributes<HTMLDivElement> {
     title?: string;
     children: React.ReactNode;
 }
-interface SecondaryMenuItemProps extends React.ComponentPropsWithoutRef<'button'> {
+export interface SecondaryMenuItemProps extends React.ComponentPropsWithoutRef<'button'> {
     active?: boolean;
     icon?: React.ReactNode;
     iconPosition?: 'left' | 'right';

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\ninterface SecondaryMenuProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n}\n\ninterface SecondaryMenuGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  title?: string\n  children: React.ReactNode\n}\n\ninterface 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<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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"}

package/dist/components/ui/select.docs.d.ts

@@ -0,0 +1,13 @@
+/** Props for the SelectContent component */
+export interface SelectContentProps {
+    /** Align the selected item with the trigger (default: false) */
+    alignItemWithTrigger?: boolean;
+    /** Which side of the trigger to display the dropdown */
+    side?: 'top' | 'bottom';
+    /** Distance in pixels from the trigger */
+    sideOffset?: number;
+    /** Whether to render inside a portal (default: true) */
+    portal?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+}