@kubetail/ui 3.0.0-rc1 → 3.0.0-rc2

package/dist/elements/select.cjs.map

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

package/dist/elements/select.d.ts

@@ -1,19 +1,14 @@
 import { Select as SelectPrimitive } from '@base-ui/react/select';
-declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
-declare function SelectValue({ placeholder, ...props }: Omit<React.ComponentProps<typeof SelectPrimitive.Value>, 'children'> & {
-    placeholder?: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
+declare const Select: typeof SelectPrimitive.Root;
+declare function SelectGroup({ className, ...props }: SelectPrimitive.Group.Props): import("react/jsx-runtime").JSX.Element;
+declare function SelectValue({ className, ...props }: SelectPrimitive.Value.Props): import("react/jsx-runtime").JSX.Element;
+declare function SelectTrigger({ className, size, children, ...props }: SelectPrimitive.Trigger.Props & {
     size?: 'sm' | 'default';
 }): import("react/jsx-runtime").JSX.Element;
 declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpArrow>): import("react/jsx-runtime").JSX.Element;
 declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownArrow>): import("react/jsx-runtime").JSX.Element;
-declare function SelectContent({ className, children, side, align, ...props }: React.ComponentProps<typeof SelectPrimitive.Popup> & {
-    side?: React.ComponentProps<typeof SelectPrimitive.Positioner>['side'];
-    align?: React.ComponentProps<typeof SelectPrimitive.Positioner>['align'];
-}): import("react/jsx-runtime").JSX.Element;
-declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.GroupLabel>): import("react/jsx-runtime").JSX.Element;
-declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
-declare function SelectSeparator({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function SelectContent({ className, children, side, sideOffset, align, alignOffset, alignItemWithTrigger, ...props }: SelectPrimitive.Popup.Props & Pick<SelectPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset' | 'alignItemWithTrigger'>): import("react/jsx-runtime").JSX.Element;
+declare function SelectLabel({ className, ...props }: SelectPrimitive.GroupLabel.Props): import("react/jsx-runtime").JSX.Element;
+declare function SelectItem({ className, children, ...props }: SelectPrimitive.Item.Props): import("react/jsx-runtime").JSX.Element;
+declare function SelectSeparator({ className, ...props }: SelectPrimitive.Separator.Props): import("react/jsx-runtime").JSX.Element;
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };

package/dist/elements/select.js

@@ -4,61 +4,62 @@ import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { CheckIcon as r, ChevronDownIcon as i, ChevronUpIcon as a } from "lucide-react";
 import { Select as o } from "@base-ui/react/select";
 //#region src/elements/select.tsx
-function s({ ...e }) {
-	return /* @__PURE__ */ t(o.Root, { ...e });
-}
-function c({ ...e }) {
+var s = o.Root;
+function c({ className: n, ...r }) {
 	return /* @__PURE__ */ t(o.Group, {
 		"data-slot": "select-group",
-		...e
+		className: e("scroll-my-1 p-1", n),
+		...r
 	});
 }
-function l({ placeholder: e, ...n }) {
+function l({ className: n, ...r }) {
 	return /* @__PURE__ */ t(o.Value, {
 		"data-slot": "select-value",
-		...n,
-		children: (t) => t == null || t === "" ? e : String(t)
+		className: e("flex flex-1 text-left", n),
+		...r
 	});
 }
 function u({ className: r, size: a = "default", children: s, ...c }) {
 	return /* @__PURE__ */ n(o.Trigger, {
 		"data-slot": "select-trigger",
 		"data-size": a,
-		className: e("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", r),
+		className: e("flex w-fit items-center justify-between gap-1.5 rounded-lg border border-input bg-transparent py-2 pr-2 pl-2.5 text-sm whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", r),
 		...c,
-		children: [s, /* @__PURE__ */ t(o.Icon, { render: /* @__PURE__ */ t(i, { className: "size-4 opacity-50" }) })]
+		children: [s, /* @__PURE__ */ t(o.Icon, { render: /* @__PURE__ */ t(i, { className: "pointer-events-none size-4 text-muted-foreground" }) })]
 	});
 }
 function d({ className: n, ...r }) {
 	return /* @__PURE__ */ t(o.ScrollUpArrow, {
 		"data-slot": "select-scroll-up-button",
-		className: e("flex cursor-default items-center justify-center py-1", n),
+		className: e("top-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4", n),
 		...r,
-		children: /* @__PURE__ */ t(a, { className: "size-4" })
+		children: /* @__PURE__ */ t(a, {})
 	});
 }
 function f({ className: n, ...r }) {
 	return /* @__PURE__ */ t(o.ScrollDownArrow, {
 		"data-slot": "select-scroll-down-button",
-		className: e("flex cursor-default items-center justify-center py-1", n),
+		className: e("bottom-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4", n),
 		...r,
-		children: /* @__PURE__ */ t(i, { className: "size-4" })
+		children: /* @__PURE__ */ t(i, {})
 	});
 }
-function p({ className: r, children: i, side: a, align: s, ...c }) {
+function p({ className: r, children: i, side: a = "bottom", sideOffset: s = 4, align: c = "center", alignOffset: l = 0, alignItemWithTrigger: u = !0, ...p }) {
 	return /* @__PURE__ */ t(o.Portal, { children: /* @__PURE__ */ t(o.Positioner, {
 		side: a,
-		align: s,
+		sideOffset: s,
+		align: c,
+		alignOffset: l,
+		alignItemWithTrigger: u,
+		className: "isolate z-50",
 		children: /* @__PURE__ */ n(o.Popup, {
 			"data-slot": "select-content",
-			className: e("bg-popover text-popover-foreground 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 relative z-50 max-h-(--available-height) min-w-[8rem] origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md", r),
-			...c,
+			"data-align-trigger": u,
+			className: e("relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[align-trigger=true]:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", r),
+			...p,
 			children: [
 				/* @__PURE__ */ t(d, {}),
-				/* @__PURE__ */ t(o.List, {
-					className: "p-1",
-					children: i
-				}),
+				/* @__PURE__ */ t(o.List, { children: i }),
 				/* @__PURE__ */ t(f, {})
 			]
 		})
@@ -67,26 +68,28 @@ function p({ className: r, children: i, side: a, align: s, ...c }) {
 function m({ className: n, ...r }) {
 	return /* @__PURE__ */ t(o.GroupLabel, {
 		"data-slot": "select-label",
-		className: e("text-muted-foreground px-2 py-1.5 text-xs", n),
+		className: e("px-1.5 py-1 text-xs text-muted-foreground", n),
 		...r
 	});
 }
 function h({ className: i, children: a, ...s }) {
 	return /* @__PURE__ */ n(o.Item, {
 		"data-slot": "select-item",
-		className: e("data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", i),
+		className: e("relative flex w-full cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", i),
 		...s,
-		children: [/* @__PURE__ */ t("span", {
-			className: "absolute right-2 flex size-3.5 items-center justify-center",
-			children: /* @__PURE__ */ t(o.ItemIndicator, { children: /* @__PURE__ */ t(r, { className: "size-4" }) })
-		}), /* @__PURE__ */ t(o.ItemText, { children: a })]
+		children: [/* @__PURE__ */ t(o.ItemText, {
+			className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap",
+			children: a
+		}), /* @__PURE__ */ t(o.ItemIndicator, { render: /* @__PURE__ */ t("span", {
+			className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center",
+			children: /* @__PURE__ */ t(r, { className: "pointer-events-none" })
+		}) })]
 	});
 }
 function g({ className: n, ...r }) {
-	return /* @__PURE__ */ t("div", {
-		role: "separator",
+	return /* @__PURE__ */ t(o.Separator, {
 		"data-slot": "select-separator",
-		className: e("bg-border pointer-events-none -mx-1 my-1 h-px", n),
+		className: e("pointer-events-none -mx-1 my-1 h-px bg-border", n),
 		...r
 	});
 }

package/dist/elements/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","names":[],"sources":["../../src/elements/select.tsx"],"sourcesContent":["'use client';\n\nimport { Select as SelectPrimitive } from '@base-ui/react/select';\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\n\nfunction Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root {...props} />;\n}\n\nfunction SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />;\n}\n\nfunction SelectValue({\n  placeholder,\n  ...props\n}: Omit<React.ComponentProps<typeof SelectPrimitive.Value>, 'children'> & {\n  placeholder?: React.ReactNode;\n}) {\n  return (\n    <SelectPrimitive.Value data-slot=\"select-value\" {...props}>\n      {(value) => (value === null || value === undefined || value === '' ? placeholder : String(value))}\n    </SelectPrimitive.Value>\n  );\n}\n\nfunction SelectTrigger({\n  className,\n  size = 'default',\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n  size?: 'sm' | 'default';\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        \"border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon render={<ChevronDownIcon className=\"size-4 opacity-50\" />} />\n    </SelectPrimitive.Trigger>\n  );\n}\n\nfunction SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpArrow>) {\n  return (\n    <SelectPrimitive.ScrollUpArrow\n      data-slot=\"select-scroll-up-button\"\n      className={cn('flex cursor-default items-center justify-center py-1', className)}\n      {...props}\n    >\n      <ChevronUpIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollUpArrow>\n  );\n}\n\nfunction SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownArrow>) {\n  return (\n    <SelectPrimitive.ScrollDownArrow\n      data-slot=\"select-scroll-down-button\"\n      className={cn('flex cursor-default items-center justify-center py-1', className)}\n      {...props}\n    >\n      <ChevronDownIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollDownArrow>\n  );\n}\n\nfunction SelectContent({\n  className,\n  children,\n  side,\n  align,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Popup> & {\n  side?: React.ComponentProps<typeof SelectPrimitive.Positioner>['side'];\n  align?: React.ComponentProps<typeof SelectPrimitive.Positioner>['align'];\n}) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Positioner side={side} align={align}>\n        <SelectPrimitive.Popup\n          data-slot=\"select-content\"\n          className={cn(\n            'bg-popover text-popover-foreground 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 relative z-50 max-h-(--available-height) min-w-[8rem] origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md',\n            className,\n          )}\n          {...props}\n        >\n          <SelectScrollUpButton />\n          <SelectPrimitive.List className=\"p-1\">{children}</SelectPrimitive.List>\n          <SelectScrollDownButton />\n        </SelectPrimitive.Popup>\n      </SelectPrimitive.Positioner>\n    </SelectPrimitive.Portal>\n  );\n}\n\nfunction SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.GroupLabel>) {\n  return (\n    <SelectPrimitive.GroupLabel\n      data-slot=\"select-label\"\n      className={cn('text-muted-foreground px-2 py-1.5 text-xs', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        \"data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  );\n}\n\nfunction SelectSeparator({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      role=\"separator\"\n      data-slot=\"select-separator\"\n      className={cn('bg-border pointer-events-none -mx-1 my-1 h-px', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n};\n"],"mappings":";;;;;;AAOA,SAAS,EAAO,EAAE,GAAG,KAA4D;AAC/E,QAAO,kBAAC,EAAgB,MAAjB,EAAsB,GAAI,GAAS,CAAA;;AAG5C,SAAS,EAAY,EAAE,GAAG,KAA6D;AACrF,QAAO,kBAAC,EAAgB,OAAjB;EAAuB,aAAU;EAAe,GAAI;EAAS,CAAA;;AAGtE,SAAS,EAAY,EACnB,gBACA,GAAG,KAGF;AACD,QACE,kBAAC,EAAgB,OAAjB;EAAuB,aAAU;EAAe,GAAI;aAChD,MAAW,KAAU,QAA+B,MAAU,KAAK,IAAc,OAAO,EAAM;EAC1E,CAAA;;AAI5B,SAAS,EAAc,EACrB,cACA,UAAO,WACP,aACA,GAAG,KAGF;AACD,QACE,kBAAC,EAAgB,SAAjB;EACE,aAAU;EACV,aAAW;EACX,WAAW,EACT,gzBACA,EACD;EACD,GAAI;YAPN,CASG,GACD,kBAAC,EAAgB,MAAjB,EAAsB,QAAQ,kBAAC,GAAD,EAAiB,WAAU,qBAAsB,CAAA,EAAI,CAAA,CAC3D;;;AAI9B,SAAS,EAAqB,EAAE,cAAW,GAAG,KAAqE;AACjH,QACE,kBAAC,EAAgB,eAAjB;EACE,aAAU;EACV,WAAW,EAAG,wDAAwD,EAAU;EAChF,GAAI;YAEJ,kBAAC,GAAD,EAAe,WAAU,UAAW,CAAA;EACN,CAAA;;AAIpC,SAAS,EAAuB,EAAE,cAAW,GAAG,KAAuE;AACrH,QACE,kBAAC,EAAgB,iBAAjB;EACE,aAAU;EACV,WAAW,EAAG,wDAAwD,EAAU;EAChF,GAAI;YAEJ,kBAAC,GAAD,EAAiB,WAAU,UAAW,CAAA;EACN,CAAA;;AAItC,SAAS,EAAc,EACrB,cACA,aACA,SACA,UACA,GAAG,KAIF;AACD,QACE,kBAAC,EAAgB,QAAjB,EAAA,UACE,kBAAC,EAAgB,YAAjB;EAAkC;EAAa;YAC7C,kBAAC,EAAgB,OAAjB;GACE,aAAU;GACV,WAAW,EACT,meACA,EACD;GACD,GAAI;aANN;IAQE,kBAAC,GAAD,EAAwB,CAAA;IACxB,kBAAC,EAAgB,MAAjB;KAAsB,WAAU;KAAO;KAAgC,CAAA;IACvE,kBAAC,GAAD,EAA0B,CAAA;IACJ;;EACG,CAAA,EACN,CAAA;;AAI7B,SAAS,EAAY,EAAE,cAAW,GAAG,KAAkE;AACrG,QACE,kBAAC,EAAgB,YAAjB;EACE,aAAU;EACV,WAAW,EAAG,6CAA6C,EAAU;EACrE,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAW,EAAE,cAAW,aAAU,GAAG,KAA4D;AACxG,QACE,kBAAC,EAAgB,MAAjB;EACE,aAAU;EACV,WAAW,EACT,ucACA,EACD;EACD,GAAI;YANN,CAQE,kBAAC,QAAD;GAAM,WAAU;aACd,kBAAC,EAAgB,eAAjB,EAAA,UACE,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA,EACF,CAAA;GAC3B,CAAA,EACP,kBAAC,EAAgB,UAAjB,EAA2B,aAAoC,CAAA,CAC1C;;;AAI3B,SAAS,EAAgB,EAAE,cAAW,GAAG,KAAsC;AAC7E,QACE,kBAAC,OAAD;EACE,MAAK;EACL,aAAU;EACV,WAAW,EAAG,iDAAiD,EAAU;EACzE,GAAI;EACJ,CAAA"}
+{"version":3,"file":"select.js","names":[],"sources":["../../src/elements/select.tsx"],"sourcesContent":["'use client';\n\nimport { Select as SelectPrimitive } from '@base-ui/react/select';\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\n\nconst Select = SelectPrimitive.Root;\n\nfunction SelectGroup({ className, ...props }: SelectPrimitive.Group.Props) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" className={cn('scroll-my-1 p-1', className)} {...props} />;\n}\n\nfunction SelectValue({ className, ...props }: SelectPrimitive.Value.Props) {\n  return (\n    <SelectPrimitive.Value data-slot=\"select-value\" className={cn('flex flex-1 text-left', className)} {...props} />\n  );\n}\n\nfunction SelectTrigger({\n  className,\n  size = 'default',\n  children,\n  ...props\n}: SelectPrimitive.Trigger.Props & {\n  size?: 'sm' | 'default';\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        \"flex w-fit items-center justify-between gap-1.5 rounded-lg border border-input bg-transparent py-2 pr-2 pl-2.5 text-sm whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon render={<ChevronDownIcon className=\"pointer-events-none size-4 text-muted-foreground\" />} />\n    </SelectPrimitive.Trigger>\n  );\n}\n\nfunction SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpArrow>) {\n  return (\n    <SelectPrimitive.ScrollUpArrow\n      data-slot=\"select-scroll-up-button\"\n      className={cn(\n        \"top-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      <ChevronUpIcon />\n    </SelectPrimitive.ScrollUpArrow>\n  );\n}\n\nfunction SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownArrow>) {\n  return (\n    <SelectPrimitive.ScrollDownArrow\n      data-slot=\"select-scroll-down-button\"\n      className={cn(\n        \"bottom-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      <ChevronDownIcon />\n    </SelectPrimitive.ScrollDownArrow>\n  );\n}\n\nfunction SelectContent({\n  className,\n  children,\n  side = 'bottom',\n  sideOffset = 4,\n  align = 'center',\n  alignOffset = 0,\n  alignItemWithTrigger = true,\n  ...props\n}: SelectPrimitive.Popup.Props &\n  Pick<SelectPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset' | 'alignItemWithTrigger'>) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Positioner\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        alignItemWithTrigger={alignItemWithTrigger}\n        className=\"isolate z-50\"\n      >\n        <SelectPrimitive.Popup\n          data-slot=\"select-content\"\n          data-align-trigger={alignItemWithTrigger}\n          className={cn(\n            'relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[align-trigger=true]:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95',\n            className,\n          )}\n          {...props}\n        >\n          <SelectScrollUpButton />\n          <SelectPrimitive.List>{children}</SelectPrimitive.List>\n          <SelectScrollDownButton />\n        </SelectPrimitive.Popup>\n      </SelectPrimitive.Positioner>\n    </SelectPrimitive.Portal>\n  );\n}\n\nfunction SelectLabel({ className, ...props }: SelectPrimitive.GroupLabel.Props) {\n  return (\n    <SelectPrimitive.GroupLabel\n      data-slot=\"select-label\"\n      className={cn('px-1.5 py-1 text-xs text-muted-foreground', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectItem({ className, children, ...props }: SelectPrimitive.Item.Props) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        \"relative flex w-full cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n        className,\n      )}\n      {...props}\n    >\n      <SelectPrimitive.ItemText className=\"flex flex-1 shrink-0 gap-2 whitespace-nowrap\">\n        {children}\n      </SelectPrimitive.ItemText>\n      <SelectPrimitive.ItemIndicator\n        render={\n          <span className=\"pointer-events-none absolute right-2 flex size-4 items-center justify-center\">\n            <CheckIcon className=\"pointer-events-none\" />\n          </span>\n        }\n      />\n    </SelectPrimitive.Item>\n  );\n}\n\nfunction SelectSeparator({ className, ...props }: SelectPrimitive.Separator.Props) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn('pointer-events-none -mx-1 my-1 h-px bg-border', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n};\n"],"mappings":";;;;;;AAOA,IAAM,IAAS,EAAgB;AAE/B,SAAS,EAAY,EAAE,cAAW,GAAG,KAAsC;AACzE,QAAO,kBAAC,EAAgB,OAAjB;EAAuB,aAAU;EAAe,WAAW,EAAG,mBAAmB,EAAU;EAAE,GAAI;EAAS,CAAA;;AAGnH,SAAS,EAAY,EAAE,cAAW,GAAG,KAAsC;AACzE,QACE,kBAAC,EAAgB,OAAjB;EAAuB,aAAU;EAAe,WAAW,EAAG,yBAAyB,EAAU;EAAE,GAAI;EAAS,CAAA;;AAIpH,SAAS,EAAc,EACrB,cACA,UAAO,WACP,aACA,GAAG,KAGF;AACD,QACE,kBAAC,EAAgB,SAAjB;EACE,aAAU;EACV,aAAW;EACX,WAAW,EACT,u2BACA,EACD;EACD,GAAI;YAPN,CASG,GACD,kBAAC,EAAgB,MAAjB,EAAsB,QAAQ,kBAAC,GAAD,EAAiB,WAAU,oDAAqD,CAAA,EAAI,CAAA,CAC1F;;;AAI9B,SAAS,EAAqB,EAAE,cAAW,GAAG,KAAqE;AACjH,QACE,kBAAC,EAAgB,eAAjB;EACE,aAAU;EACV,WAAW,EACT,0HACA,EACD;EACD,GAAI;YAEJ,kBAAC,GAAD,EAAiB,CAAA;EACa,CAAA;;AAIpC,SAAS,EAAuB,EAAE,cAAW,GAAG,KAAuE;AACrH,QACE,kBAAC,EAAgB,iBAAjB;EACE,aAAU;EACV,WAAW,EACT,6HACA,EACD;EACD,GAAI;YAEJ,kBAAC,GAAD,EAAmB,CAAA;EACa,CAAA;;AAItC,SAAS,EAAc,EACrB,cACA,aACA,UAAO,UACP,gBAAa,GACb,WAAQ,UACR,iBAAc,GACd,0BAAuB,IACvB,GAAG,KAE+G;AAClH,QACE,kBAAC,EAAgB,QAAjB,EAAA,UACE,kBAAC,EAAgB,YAAjB;EACQ;EACM;EACL;EACM;EACS;EACtB,WAAU;YAEV,kBAAC,EAAgB,OAAjB;GACE,aAAU;GACV,sBAAoB;GACpB,WAAW,EACT,gpBACA,EACD;GACD,GAAI;aAPN;IASE,kBAAC,GAAD,EAAwB,CAAA;IACxB,kBAAC,EAAgB,MAAjB,EAAuB,aAAgC,CAAA;IACvD,kBAAC,GAAD,EAA0B,CAAA;IACJ;;EACG,CAAA,EACN,CAAA;;AAI7B,SAAS,EAAY,EAAE,cAAW,GAAG,KAA2C;AAC9E,QACE,kBAAC,EAAgB,YAAjB;EACE,aAAU;EACV,WAAW,EAAG,6CAA6C,EAAU;EACrE,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAW,EAAE,cAAW,aAAU,GAAG,KAAqC;AACjF,QACE,kBAAC,EAAgB,MAAjB;EACE,aAAU;EACV,WAAW,EACT,sbACA,EACD;EACD,GAAI;YANN,CAQE,kBAAC,EAAgB,UAAjB;GAA0B,WAAU;GACjC;GACwB,CAAA,EAC3B,kBAAC,EAAgB,eAAjB,EACE,QACE,kBAAC,QAAD;GAAM,WAAU;aACd,kBAAC,GAAD,EAAW,WAAU,uBAAwB,CAAA;GACxC,CAAA,EAET,CAAA,CACmB;;;AAI3B,SAAS,EAAgB,EAAE,cAAW,GAAG,KAA0C;AACjF,QACE,kBAAC,EAAgB,WAAjB;EACE,aAAU;EACV,WAAW,EAAG,iDAAiD,EAAU;EACzE,GAAI;EACJ,CAAA"}

package/dist/elements/separator.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`../lib/utils.cjs`);let t=require(`react/jsx-runtime`),n=require(`@base-ui/react/separator`);function r({className:r,orientation:i=`horizontal`,...a}){return(0,t.jsx)(n.Separator,{"data-slot":`separator`,orientation:i,className:e.cn(`bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px`,r),...a})}exports.Separator=r;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`../lib/utils.cjs`);let t=require(`react/jsx-runtime`),n=require(`@base-ui/react/separator`);function r({className:r,orientation:i=`horizontal`,...a}){return(0,t.jsx)(n.Separator,{"data-slot":`separator`,orientation:i,"data-horizontal":i===`horizontal`?``:void 0,"data-vertical":i===`vertical`?``:void 0,className:e.cn(`shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch`,r),...a})}exports.Separator=r;
 //# sourceMappingURL=separator.cjs.map

package/dist/elements/separator.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"separator.cjs","names":[],"sources":["../../src/elements/separator.tsx"],"sourcesContent":["'use client';\n\nimport { Separator as SeparatorPrimitive } from '@base-ui/react/separator';\n\nimport { cn } from '@/lib/utils';\n\nfunction Separator({\n  className,\n  orientation = 'horizontal',\n  ...props\n}: React.ComponentProps<typeof SeparatorPrimitive>) {\n  return (\n    <SeparatorPrimitive\n      data-slot=\"separator\"\n      orientation={orientation}\n      className={cn(\n        'bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Separator };\n"],"mappings":"0OAMA,SAAS,EAAU,CACjB,YACA,cAAc,aACd,GAAG,GAC+C,CAClD,OACE,EAAA,EAAA,KAAC,EAAA,UAAD,CACE,YAAU,YACG,cACb,UAAW,EAAA,GACT,iKACA,EACD,CACD,GAAI,EACJ,CAAA"}
+{"version":3,"file":"separator.cjs","names":[],"sources":["../../src/elements/separator.tsx"],"sourcesContent":["'use client';\n\nimport { Separator as SeparatorPrimitive } from '@base-ui/react/separator';\n\nimport { cn } from '@/lib/utils';\n\nfunction Separator({ className, orientation = 'horizontal', ...props }: SeparatorPrimitive.Props) {\n  return (\n    <SeparatorPrimitive\n      data-slot=\"separator\"\n      orientation={orientation}\n      data-horizontal={orientation === 'horizontal' ? '' : undefined}\n      data-vertical={orientation === 'vertical' ? '' : undefined}\n      className={cn(\n        'shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Separator };\n"],"mappings":"0OAMA,SAAS,EAAU,CAAE,YAAW,cAAc,aAAc,GAAG,GAAmC,CAChG,OACE,EAAA,EAAA,KAAC,EAAA,UAAD,CACE,YAAU,YACG,cACb,kBAAiB,IAAgB,aAAe,GAAK,IAAA,GACrD,gBAAe,IAAgB,WAAa,GAAK,IAAA,GACjD,UAAW,EAAA,GACT,+GACA,EACD,CACD,GAAI,EACJ,CAAA"}

package/dist/elements/separator.d.ts

@@ -1,3 +1,3 @@
 import { Separator as SeparatorPrimitive } from '@base-ui/react/separator';
-declare function Separator({ className, orientation, ...props }: React.ComponentProps<typeof SeparatorPrimitive>): import("react/jsx-runtime").JSX.Element;
+declare function Separator({ className, orientation, ...props }: SeparatorPrimitive.Props): import("react/jsx-runtime").JSX.Element;
 export { Separator };

package/dist/elements/separator.js

@@ -7,7 +7,9 @@ function r({ className: r, orientation: i = "horizontal", ...a }) {
 	return /* @__PURE__ */ t(n, {
 		"data-slot": "separator",
 		orientation: i,
-		className: e("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", r),
+		"data-horizontal": i === "horizontal" ? "" : void 0,
+		"data-vertical": i === "vertical" ? "" : void 0,
+		className: e("shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch", r),
 		...a
 	});
 }

package/dist/elements/separator.js.map

@@ -1 +1 @@
-{"version":3,"file":"separator.js","names":[],"sources":["../../src/elements/separator.tsx"],"sourcesContent":["'use client';\n\nimport { Separator as SeparatorPrimitive } from '@base-ui/react/separator';\n\nimport { cn } from '@/lib/utils';\n\nfunction Separator({\n  className,\n  orientation = 'horizontal',\n  ...props\n}: React.ComponentProps<typeof SeparatorPrimitive>) {\n  return (\n    <SeparatorPrimitive\n      data-slot=\"separator\"\n      orientation={orientation}\n      className={cn(\n        'bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Separator };\n"],"mappings":";;;;;AAMA,SAAS,EAAU,EACjB,cACA,iBAAc,cACd,GAAG,KAC+C;AAClD,QACE,kBAAC,GAAD;EACE,aAAU;EACG;EACb,WAAW,EACT,kKACA,EACD;EACD,GAAI;EACJ,CAAA"}
+{"version":3,"file":"separator.js","names":[],"sources":["../../src/elements/separator.tsx"],"sourcesContent":["'use client';\n\nimport { Separator as SeparatorPrimitive } from '@base-ui/react/separator';\n\nimport { cn } from '@/lib/utils';\n\nfunction Separator({ className, orientation = 'horizontal', ...props }: SeparatorPrimitive.Props) {\n  return (\n    <SeparatorPrimitive\n      data-slot=\"separator\"\n      orientation={orientation}\n      data-horizontal={orientation === 'horizontal' ? '' : undefined}\n      data-vertical={orientation === 'vertical' ? '' : undefined}\n      className={cn(\n        'shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Separator };\n"],"mappings":";;;;;AAMA,SAAS,EAAU,EAAE,cAAW,iBAAc,cAAc,GAAG,KAAmC;AAChG,QACE,kBAAC,GAAD;EACE,aAAU;EACG;EACb,mBAAiB,MAAgB,eAAe,KAAK,KAAA;EACrD,iBAAe,MAAgB,aAAa,KAAK,KAAA;EACjD,WAAW,EACT,gHACA,EACD;EACD,GAAI;EACJ,CAAA"}

package/dist/elements/sheet.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`../lib/utils.cjs`);let t=require(`react/jsx-runtime`),n=require(`lucide-react`),r=require(`@base-ui/react/dialog`);function i({...e}){return(0,t.jsx)(r.Dialog.Root,{...e})}function a({...e}){return(0,t.jsx)(r.Dialog.Trigger,{"data-slot":`sheet-trigger`,...e})}function o({...e}){return(0,t.jsx)(r.Dialog.Close,{"data-slot":`sheet-close`,...e})}function s({...e}){return(0,t.jsx)(r.Dialog.Portal,{...e})}function c({className:n,...i}){return(0,t.jsx)(r.Dialog.Backdrop,{"data-slot":`sheet-overlay`,className:e.cn(`data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 fixed inset-0 z-50 bg-black/50`,n),...i})}function l({className:i,children:a,side:o=`right`,...l}){return(0,t.jsxs)(s,{children:[(0,t.jsx)(c,{}),(0,t.jsxs)(r.Dialog.Popup,{"data-slot":`sheet-content`,className:e.cn(`bg-background data-[open]:animate-in data-[closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[closed]:duration-300 data-[open]:duration-500`,o===`right`&&`data-[closed]:slide-out-to-right data-[open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm`,o===`left`&&`data-[closed]:slide-out-to-left data-[open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm`,o===`top`&&`data-[closed]:slide-out-to-top data-[open]:slide-in-from-top inset-x-0 top-0 h-auto border-b`,o===`bottom`&&`data-[closed]:slide-out-to-bottom data-[open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t`,i),...l,children:[a,(0,t.jsxs)(r.Dialog.Close,{className:`ring-offset-background focus:ring-ring data-[open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none`,children:[(0,t.jsx)(n.XIcon,{className:`size-4`}),(0,t.jsx)(`span`,{className:`sr-only`,children:`Close`})]})]})]})}function u({className:n,...r}){return(0,t.jsx)(`div`,{"data-slot":`sheet-header`,className:e.cn(`flex flex-col gap-1.5 p-4`,n),...r})}function d({className:n,...r}){return(0,t.jsx)(`div`,{"data-slot":`sheet-footer`,className:e.cn(`mt-auto flex flex-col gap-2 p-4`,n),...r})}function f({className:n,...i}){return(0,t.jsx)(r.Dialog.Title,{"data-slot":`sheet-title`,className:e.cn(`text-foreground font-semibold`,n),...i})}function p({className:n,...i}){return(0,t.jsx)(r.Dialog.Description,{"data-slot":`sheet-description`,className:e.cn(`text-muted-foreground text-sm`,n),...i})}exports.Sheet=i,exports.SheetClose=o,exports.SheetContent=l,exports.SheetDescription=p,exports.SheetFooter=d,exports.SheetHeader=u,exports.SheetTitle=f,exports.SheetTrigger=a;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`../lib/utils.cjs`),t=require(`./button.cjs`);let n=require(`react/jsx-runtime`),r=require(`lucide-react`),i=require(`@base-ui/react/dialog`);function a({...e}){return(0,n.jsx)(i.Dialog.Root,{"data-slot":`sheet`,...e})}function o({...e}){return(0,n.jsx)(i.Dialog.Trigger,{"data-slot":`sheet-trigger`,...e})}function s({...e}){return(0,n.jsx)(i.Dialog.Close,{"data-slot":`sheet-close`,...e})}function c({...e}){return(0,n.jsx)(i.Dialog.Portal,{"data-slot":`sheet-portal`,...e})}function l({className:t,...r}){return(0,n.jsx)(i.Dialog.Backdrop,{"data-slot":`sheet-overlay`,className:e.cn(`fixed inset-0 z-50 bg-black/50 transition-opacity duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0`,t),...r})}function u({className:a,children:o,side:s=`right`,showCloseButton:u=!0,...d}){return(0,n.jsxs)(c,{children:[(0,n.jsx)(l,{}),(0,n.jsxs)(i.Dialog.Popup,{"data-slot":`sheet-content`,"data-side":s,className:e.cn(`fixed z-50 flex flex-col gap-4 bg-popover bg-clip-padding text-sm text-popover-foreground shadow-lg transition duration-200 ease-in-out data-ending-style:opacity-0 data-starting-style:opacity-0 data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=bottom]:data-ending-style:translate-y-[2.5rem] data-[side=bottom]:data-starting-style:translate-y-[2.5rem] data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=left]:data-ending-style:translate-x-[-2.5rem] data-[side=left]:data-starting-style:translate-x-[-2.5rem] data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=right]:data-ending-style:translate-x-[2.5rem] data-[side=right]:data-starting-style:translate-x-[2.5rem] data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=top]:data-ending-style:translate-y-[-2.5rem] data-[side=top]:data-starting-style:translate-y-[-2.5rem] data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm`,a),...d,children:[o,u&&(0,n.jsx)(i.Dialog.Close,{"data-slot":`sheet-close`,render:(0,n.jsxs)(t.Button,{variant:`ghost`,className:`absolute top-3 right-3`,size:`icon-sm`,children:[(0,n.jsx)(r.XIcon,{}),(0,n.jsx)(`span`,{className:`sr-only`,children:`Close`})]})})]})]})}function d({className:t,...r}){return(0,n.jsx)(`div`,{"data-slot":`sheet-header`,className:e.cn(`flex flex-col gap-0.5 p-4`,t),...r})}function f({className:t,...r}){return(0,n.jsx)(`div`,{"data-slot":`sheet-footer`,className:e.cn(`mt-auto flex flex-col gap-2 p-4`,t),...r})}function p({className:t,...r}){return(0,n.jsx)(i.Dialog.Title,{"data-slot":`sheet-title`,className:e.cn(`cn-font-heading text-base font-medium text-foreground`,t),...r})}function m({className:t,...r}){return(0,n.jsx)(i.Dialog.Description,{"data-slot":`sheet-description`,className:e.cn(`text-sm text-muted-foreground`,t),...r})}exports.Sheet=a,exports.SheetClose=s,exports.SheetContent=u,exports.SheetDescription=m,exports.SheetFooter=f,exports.SheetHeader=d,exports.SheetTitle=p,exports.SheetTrigger=o;
 //# sourceMappingURL=sheet.cjs.map

package/dist/elements/sheet.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"sheet.cjs","names":[],"sources":["../../src/elements/sheet.tsx"],"sourcesContent":["'use client';\n\nimport { Dialog as SheetPrimitive } from '@base-ui/react/dialog';\nimport { XIcon } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n  return <SheetPrimitive.Root {...props} />;\n}\n\nfunction SheetTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\nfunction SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\nfunction SheetPortal({ ...props }: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n  return <SheetPrimitive.Portal {...props} />;\n}\n\nfunction SheetOverlay({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Backdrop>) {\n  return (\n    <SheetPrimitive.Backdrop\n      data-slot=\"sheet-overlay\"\n      className={cn(\n        'data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 fixed inset-0 z-50 bg-black/50',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction SheetContent({\n  className,\n  children,\n  side = 'right',\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Popup> & {\n  side?: 'top' | 'right' | 'bottom' | 'left';\n}) {\n  return (\n    <SheetPortal>\n      <SheetOverlay />\n      <SheetPrimitive.Popup\n        data-slot=\"sheet-content\"\n        className={cn(\n          'bg-background data-[open]:animate-in data-[closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[closed]:duration-300 data-[open]:duration-500',\n          side === 'right' &&\n            'data-[closed]:slide-out-to-right data-[open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',\n          side === 'left' &&\n            'data-[closed]:slide-out-to-left data-[open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',\n          side === 'top' &&\n            'data-[closed]:slide-out-to-top data-[open]:slide-in-from-top inset-x-0 top-0 h-auto border-b',\n          side === 'bottom' &&\n            'data-[closed]:slide-out-to-bottom data-[open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <SheetPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none\">\n          <XIcon className=\"size-4\" />\n          <span className=\"sr-only\">Close</span>\n        </SheetPrimitive.Close>\n      </SheetPrimitive.Popup>\n    </SheetPortal>\n  );\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"sheet-header\" className={cn('flex flex-col gap-1.5 p-4', className)} {...props} />;\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"sheet-footer\" className={cn('mt-auto flex flex-col gap-2 p-4', className)} {...props} />;\n}\n\nfunction SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn('text-foreground font-semibold', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetDescription({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Description>) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription };\n"],"mappings":"iQAOA,SAAS,EAAM,CAAE,GAAG,GAA2D,CAC7E,OAAO,EAAA,EAAA,KAAC,EAAA,OAAe,KAAhB,CAAqB,GAAI,EAAS,CAAA,CAG3C,SAAS,EAAa,CAAE,GAAG,GAA8D,CACvF,OAAO,EAAA,EAAA,KAAC,EAAA,OAAe,QAAhB,CAAwB,YAAU,gBAAgB,GAAI,EAAS,CAAA,CAGxE,SAAS,EAAW,CAAE,GAAG,GAA4D,CACnF,OAAO,EAAA,EAAA,KAAC,EAAA,OAAe,MAAhB,CAAsB,YAAU,cAAc,GAAI,EAAS,CAAA,CAGpE,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAAA,EAAA,KAAC,EAAA,OAAe,OAAhB,CAAuB,GAAI,EAAS,CAAA,CAG7C,SAAS,EAAa,CAAE,YAAW,GAAG,GAA+D,CACnG,OACE,EAAA,EAAA,KAAC,EAAA,OAAe,SAAhB,CACE,YAAU,gBACV,UAAW,EAAA,GACT,iIACA,EACD,CACD,GAAI,EACJ,CAAA,CAIN,SAAS,EAAa,CACpB,YACA,WACA,OAAO,QACP,GAAG,GAGF,CACD,OACE,EAAA,EAAA,MAAC,EAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAD,EAAgB,CAAA,EAChB,EAAA,EAAA,MAAC,EAAA,OAAe,MAAhB,CACE,YAAU,gBACV,UAAW,EAAA,GACT,qLACA,IAAS,SACP,uHACF,IAAS,QACP,oHACF,IAAS,OACP,+FACF,IAAS,UACP,wGACF,EACD,CACD,GAAI,WAdN,CAgBG,GACD,EAAA,EAAA,MAAC,EAAA,OAAe,MAAhB,CAAsB,UAAU,gPAAhC,EACE,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,UAAU,SAAW,CAAA,EAC5B,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mBAAU,QAAY,CAAA,CACjB,GACF,GACX,CAAA,CAAA,CAIlB,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OAAO,EAAA,EAAA,KAAC,MAAD,CAAK,YAAU,eAAe,UAAW,EAAA,GAAG,4BAA6B,EAAU,CAAE,GAAI,EAAS,CAAA,CAG3G,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OAAO,EAAA,EAAA,KAAC,MAAD,CAAK,YAAU,eAAe,UAAW,EAAA,GAAG,kCAAmC,EAAU,CAAE,GAAI,EAAS,CAAA,CAGjH,SAAS,EAAW,CAAE,YAAW,GAAG,GAA4D,CAC9F,OACE,EAAA,EAAA,KAAC,EAAA,OAAe,MAAhB,CACE,YAAU,cACV,UAAW,EAAA,GAAG,gCAAiC,EAAU,CACzD,GAAI,EACJ,CAAA,CAIN,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAkE,CAC1G,OACE,EAAA,EAAA,KAAC,EAAA,OAAe,YAAhB,CACE,YAAU,oBACV,UAAW,EAAA,GAAG,gCAAiC,EAAU,CACzD,GAAI,EACJ,CAAA"}
+{"version":3,"file":"sheet.cjs","names":[],"sources":["../../src/elements/sheet.tsx"],"sourcesContent":["'use client';\n\nimport { Dialog as SheetPrimitive } from '@base-ui/react/dialog';\nimport { XIcon } from 'lucide-react';\n\nimport { Button } from '@/elements/button';\nimport { cn } from '@/lib/utils';\n\nfunction Sheet({ ...props }: SheetPrimitive.Root.Props) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />;\n}\n\nfunction SheetTrigger({ ...props }: SheetPrimitive.Trigger.Props) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\nfunction SheetClose({ ...props }: SheetPrimitive.Close.Props) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\nfunction SheetPortal({ ...props }: SheetPrimitive.Portal.Props) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />;\n}\n\nfunction SheetOverlay({ className, ...props }: SheetPrimitive.Backdrop.Props) {\n  return (\n    <SheetPrimitive.Backdrop\n      data-slot=\"sheet-overlay\"\n      className={cn(\n        'fixed inset-0 z-50 bg-black/50 transition-opacity duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction SheetContent({\n  className,\n  children,\n  side = 'right',\n  showCloseButton = true,\n  ...props\n}: SheetPrimitive.Popup.Props & {\n  side?: 'top' | 'right' | 'bottom' | 'left';\n  showCloseButton?: boolean;\n}) {\n  return (\n    <SheetPortal>\n      <SheetOverlay />\n      <SheetPrimitive.Popup\n        data-slot=\"sheet-content\"\n        data-side={side}\n        className={cn(\n          'fixed z-50 flex flex-col gap-4 bg-popover bg-clip-padding text-sm text-popover-foreground shadow-lg transition duration-200 ease-in-out data-ending-style:opacity-0 data-starting-style:opacity-0 data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=bottom]:data-ending-style:translate-y-[2.5rem] data-[side=bottom]:data-starting-style:translate-y-[2.5rem] data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=left]:data-ending-style:translate-x-[-2.5rem] data-[side=left]:data-starting-style:translate-x-[-2.5rem] data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=right]:data-ending-style:translate-x-[2.5rem] data-[side=right]:data-starting-style:translate-x-[2.5rem] data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=top]:data-ending-style:translate-y-[-2.5rem] data-[side=top]:data-starting-style:translate-y-[-2.5rem] data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <SheetPrimitive.Close\n            data-slot=\"sheet-close\"\n            render={\n              <Button variant=\"ghost\" className=\"absolute top-3 right-3\" size=\"icon-sm\">\n                <XIcon />\n                <span className=\"sr-only\">Close</span>\n              </Button>\n            }\n          />\n        )}\n      </SheetPrimitive.Popup>\n    </SheetPortal>\n  );\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"sheet-header\" className={cn('flex flex-col gap-0.5 p-4', className)} {...props} />;\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"sheet-footer\" className={cn('mt-auto flex flex-col gap-2 p-4', className)} {...props} />;\n}\n\nfunction SheetTitle({ className, ...props }: SheetPrimitive.Title.Props) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn('cn-font-heading text-base font-medium text-foreground', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetDescription({ className, ...props }: SheetPrimitive.Description.Props) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn('text-sm text-muted-foreground', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription };\n"],"mappings":"2RAQA,SAAS,EAAM,CAAE,GAAG,GAAoC,CACtD,OAAO,EAAA,EAAA,KAAC,EAAA,OAAe,KAAhB,CAAqB,YAAU,QAAQ,GAAI,EAAS,CAAA,CAG7D,SAAS,EAAa,CAAE,GAAG,GAAuC,CAChE,OAAO,EAAA,EAAA,KAAC,EAAA,OAAe,QAAhB,CAAwB,YAAU,gBAAgB,GAAI,EAAS,CAAA,CAGxE,SAAS,EAAW,CAAE,GAAG,GAAqC,CAC5D,OAAO,EAAA,EAAA,KAAC,EAAA,OAAe,MAAhB,CAAsB,YAAU,cAAc,GAAI,EAAS,CAAA,CAGpE,SAAS,EAAY,CAAE,GAAG,GAAsC,CAC9D,OAAO,EAAA,EAAA,KAAC,EAAA,OAAe,OAAhB,CAAuB,YAAU,eAAe,GAAI,EAAS,CAAA,CAGtE,SAAS,EAAa,CAAE,YAAW,GAAG,GAAwC,CAC5E,OACE,EAAA,EAAA,KAAC,EAAA,OAAe,SAAhB,CACE,YAAU,gBACV,UAAW,EAAA,GACT,2HACA,EACD,CACD,GAAI,EACJ,CAAA,CAIN,SAAS,EAAa,CACpB,YACA,WACA,OAAO,QACP,kBAAkB,GAClB,GAAG,GAIF,CACD,OACE,EAAA,EAAA,MAAC,EAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAD,EAAgB,CAAA,EAChB,EAAA,EAAA,MAAC,EAAA,OAAe,MAAhB,CACE,YAAU,gBACV,YAAW,EACX,UAAW,EAAA,GACT,4pCACA,EACD,CACD,GAAI,WAPN,CASG,EACA,IACC,EAAA,EAAA,KAAC,EAAA,OAAe,MAAhB,CACE,YAAU,cACV,QACE,EAAA,EAAA,MAAC,EAAA,OAAD,CAAQ,QAAQ,QAAQ,UAAU,yBAAyB,KAAK,mBAAhE,EACE,EAAA,EAAA,KAAC,EAAA,MAAD,EAAS,CAAA,EACT,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mBAAU,QAAY,CAAA,CAC/B,GAEX,CAAA,CAEiB,GACX,CAAA,CAAA,CAIlB,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OAAO,EAAA,EAAA,KAAC,MAAD,CAAK,YAAU,eAAe,UAAW,EAAA,GAAG,4BAA6B,EAAU,CAAE,GAAI,EAAS,CAAA,CAG3G,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OAAO,EAAA,EAAA,KAAC,MAAD,CAAK,YAAU,eAAe,UAAW,EAAA,GAAG,kCAAmC,EAAU,CAAE,GAAI,EAAS,CAAA,CAGjH,SAAS,EAAW,CAAE,YAAW,GAAG,GAAqC,CACvE,OACE,EAAA,EAAA,KAAC,EAAA,OAAe,MAAhB,CACE,YAAU,cACV,UAAW,EAAA,GAAG,wDAAyD,EAAU,CACjF,GAAI,EACJ,CAAA,CAIN,SAAS,EAAiB,CAAE,YAAW,GAAG,GAA2C,CACnF,OACE,EAAA,EAAA,KAAC,EAAA,OAAe,YAAhB,CACE,YAAU,oBACV,UAAW,EAAA,GAAG,gCAAiC,EAAU,CACzD,GAAI,EACJ,CAAA"}

package/dist/elements/sheet.d.ts

@@ -1,12 +1,13 @@
 import { Dialog as SheetPrimitive } from '@base-ui/react/dialog';
-declare function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function SheetTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
-declare function SheetContent({ className, children, side, ...props }: React.ComponentProps<typeof SheetPrimitive.Popup> & {
+declare function Sheet({ ...props }: SheetPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
+declare function SheetTrigger({ ...props }: SheetPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
+declare function SheetClose({ ...props }: SheetPrimitive.Close.Props): import("react/jsx-runtime").JSX.Element;
+declare function SheetContent({ className, children, side, showCloseButton, ...props }: SheetPrimitive.Popup.Props & {
     side?: 'top' | 'right' | 'bottom' | 'left';
+    showCloseButton?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 declare function SheetHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
 declare function SheetFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
-declare function SheetDescription({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+declare function SheetTitle({ className, ...props }: SheetPrimitive.Title.Props): import("react/jsx-runtime").JSX.Element;
+declare function SheetDescription({ className, ...props }: SheetPrimitive.Description.Props): import("react/jsx-runtime").JSX.Element;
 export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription };

package/dist/elements/sheet.js

@@ -1,77 +1,90 @@
 "use client";
 import { cn as e } from "../lib/utils.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { XIcon as r } from "lucide-react";
-import { Dialog as i } from "@base-ui/react/dialog";
+import { Button as t } from "./button.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { XIcon as i } from "lucide-react";
+import { Dialog as a } from "@base-ui/react/dialog";
 //#region src/elements/sheet.tsx
-function a({ ...e }) {
-	return /* @__PURE__ */ t(i.Root, { ...e });
-}
 function o({ ...e }) {
-	return /* @__PURE__ */ t(i.Trigger, {
-		"data-slot": "sheet-trigger",
+	return /* @__PURE__ */ n(a.Root, {
+		"data-slot": "sheet",
 		...e
 	});
 }
 function s({ ...e }) {
-	return /* @__PURE__ */ t(i.Close, {
-		"data-slot": "sheet-close",
+	return /* @__PURE__ */ n(a.Trigger, {
+		"data-slot": "sheet-trigger",
 		...e
 	});
 }
 function c({ ...e }) {
-	return /* @__PURE__ */ t(i.Portal, { ...e });
+	return /* @__PURE__ */ n(a.Close, {
+		"data-slot": "sheet-close",
+		...e
+	});
+}
+function l({ ...e }) {
+	return /* @__PURE__ */ n(a.Portal, {
+		"data-slot": "sheet-portal",
+		...e
+	});
 }
-function l({ className: n, ...r }) {
-	return /* @__PURE__ */ t(i.Backdrop, {
+function u({ className: t, ...r }) {
+	return /* @__PURE__ */ n(a.Backdrop, {
 		"data-slot": "sheet-overlay",
-		className: e("data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 fixed inset-0 z-50 bg-black/50", n),
+		className: e("fixed inset-0 z-50 bg-black/50 transition-opacity duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0", t),
 		...r
 	});
 }
-function u({ className: a, children: o, side: s = "right", ...u }) {
-	return /* @__PURE__ */ n(c, { children: [/* @__PURE__ */ t(l, {}), /* @__PURE__ */ n(i.Popup, {
+function d({ className: o, children: s, side: c = "right", showCloseButton: d = !0, ...f }) {
+	return /* @__PURE__ */ r(l, { children: [/* @__PURE__ */ n(u, {}), /* @__PURE__ */ r(a.Popup, {
 		"data-slot": "sheet-content",
-		className: e("bg-background data-[open]:animate-in data-[closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[closed]:duration-300 data-[open]:duration-500", s === "right" && "data-[closed]:slide-out-to-right data-[open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm", s === "left" && "data-[closed]:slide-out-to-left data-[open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm", s === "top" && "data-[closed]:slide-out-to-top data-[open]:slide-in-from-top inset-x-0 top-0 h-auto border-b", s === "bottom" && "data-[closed]:slide-out-to-bottom data-[open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t", a),
-		...u,
-		children: [o, /* @__PURE__ */ n(i.Close, {
-			className: "ring-offset-background focus:ring-ring data-[open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none",
-			children: [/* @__PURE__ */ t(r, { className: "size-4" }), /* @__PURE__ */ t("span", {
-				className: "sr-only",
-				children: "Close"
-			})]
+		"data-side": c,
+		className: e("fixed z-50 flex flex-col gap-4 bg-popover bg-clip-padding text-sm text-popover-foreground shadow-lg transition duration-200 ease-in-out data-ending-style:opacity-0 data-starting-style:opacity-0 data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=bottom]:data-ending-style:translate-y-[2.5rem] data-[side=bottom]:data-starting-style:translate-y-[2.5rem] data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=left]:data-ending-style:translate-x-[-2.5rem] data-[side=left]:data-starting-style:translate-x-[-2.5rem] data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=right]:data-ending-style:translate-x-[2.5rem] data-[side=right]:data-starting-style:translate-x-[2.5rem] data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=top]:data-ending-style:translate-y-[-2.5rem] data-[side=top]:data-starting-style:translate-y-[-2.5rem] data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm", o),
+		...f,
+		children: [s, d && /* @__PURE__ */ n(a.Close, {
+			"data-slot": "sheet-close",
+			render: /* @__PURE__ */ r(t, {
+				variant: "ghost",
+				className: "absolute top-3 right-3",
+				size: "icon-sm",
+				children: [/* @__PURE__ */ n(i, {}), /* @__PURE__ */ n("span", {
+					className: "sr-only",
+					children: "Close"
+				})]
+			})
 		})]
 	})] });
 }
-function d({ className: n, ...r }) {
-	return /* @__PURE__ */ t("div", {
+function f({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
 		"data-slot": "sheet-header",
-		className: e("flex flex-col gap-1.5 p-4", n),
+		className: e("flex flex-col gap-0.5 p-4", t),
 		...r
 	});
 }
-function f({ className: n, ...r }) {
-	return /* @__PURE__ */ t("div", {
+function p({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
 		"data-slot": "sheet-footer",
-		className: e("mt-auto flex flex-col gap-2 p-4", n),
+		className: e("mt-auto flex flex-col gap-2 p-4", t),
 		...r
 	});
 }
-function p({ className: n, ...r }) {
-	return /* @__PURE__ */ t(i.Title, {
+function m({ className: t, ...r }) {
+	return /* @__PURE__ */ n(a.Title, {
 		"data-slot": "sheet-title",
-		className: e("text-foreground font-semibold", n),
+		className: e("cn-font-heading text-base font-medium text-foreground", t),
 		...r
 	});
 }
-function m({ className: n, ...r }) {
-	return /* @__PURE__ */ t(i.Description, {
+function h({ className: t, ...r }) {
+	return /* @__PURE__ */ n(a.Description, {
 		"data-slot": "sheet-description",
-		className: e("text-muted-foreground text-sm", n),
+		className: e("text-sm text-muted-foreground", t),
 		...r
 	});
 }
 //#endregion
-export { a as Sheet, s as SheetClose, u as SheetContent, m as SheetDescription, f as SheetFooter, d as SheetHeader, p as SheetTitle, o as SheetTrigger };
+export { o as Sheet, c as SheetClose, d as SheetContent, h as SheetDescription, p as SheetFooter, f as SheetHeader, m as SheetTitle, s as SheetTrigger };
 
 //# sourceMappingURL=sheet.js.map

package/dist/elements/sheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"sheet.js","names":[],"sources":["../../src/elements/sheet.tsx"],"sourcesContent":["'use client';\n\nimport { Dialog as SheetPrimitive } from '@base-ui/react/dialog';\nimport { XIcon } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n  return <SheetPrimitive.Root {...props} />;\n}\n\nfunction SheetTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\nfunction SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\nfunction SheetPortal({ ...props }: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n  return <SheetPrimitive.Portal {...props} />;\n}\n\nfunction SheetOverlay({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Backdrop>) {\n  return (\n    <SheetPrimitive.Backdrop\n      data-slot=\"sheet-overlay\"\n      className={cn(\n        'data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 fixed inset-0 z-50 bg-black/50',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction SheetContent({\n  className,\n  children,\n  side = 'right',\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Popup> & {\n  side?: 'top' | 'right' | 'bottom' | 'left';\n}) {\n  return (\n    <SheetPortal>\n      <SheetOverlay />\n      <SheetPrimitive.Popup\n        data-slot=\"sheet-content\"\n        className={cn(\n          'bg-background data-[open]:animate-in data-[closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[closed]:duration-300 data-[open]:duration-500',\n          side === 'right' &&\n            'data-[closed]:slide-out-to-right data-[open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',\n          side === 'left' &&\n            'data-[closed]:slide-out-to-left data-[open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',\n          side === 'top' &&\n            'data-[closed]:slide-out-to-top data-[open]:slide-in-from-top inset-x-0 top-0 h-auto border-b',\n          side === 'bottom' &&\n            'data-[closed]:slide-out-to-bottom data-[open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <SheetPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none\">\n          <XIcon className=\"size-4\" />\n          <span className=\"sr-only\">Close</span>\n        </SheetPrimitive.Close>\n      </SheetPrimitive.Popup>\n    </SheetPortal>\n  );\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"sheet-header\" className={cn('flex flex-col gap-1.5 p-4', className)} {...props} />;\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"sheet-footer\" className={cn('mt-auto flex flex-col gap-2 p-4', className)} {...props} />;\n}\n\nfunction SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn('text-foreground font-semibold', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetDescription({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Description>) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription };\n"],"mappings":";;;;;;AAOA,SAAS,EAAM,EAAE,GAAG,KAA2D;AAC7E,QAAO,kBAAC,EAAe,MAAhB,EAAqB,GAAI,GAAS,CAAA;;AAG3C,SAAS,EAAa,EAAE,GAAG,KAA8D;AACvF,QAAO,kBAAC,EAAe,SAAhB;EAAwB,aAAU;EAAgB,GAAI;EAAS,CAAA;;AAGxE,SAAS,EAAW,EAAE,GAAG,KAA4D;AACnF,QAAO,kBAAC,EAAe,OAAhB;EAAsB,aAAU;EAAc,GAAI;EAAS,CAAA;;AAGpE,SAAS,EAAY,EAAE,GAAG,KAA6D;AACrF,QAAO,kBAAC,EAAe,QAAhB,EAAuB,GAAI,GAAS,CAAA;;AAG7C,SAAS,EAAa,EAAE,cAAW,GAAG,KAA+D;AACnG,QACE,kBAAC,EAAe,UAAhB;EACE,aAAU;EACV,WAAW,EACT,kIACA,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAa,EACpB,cACA,aACA,UAAO,SACP,GAAG,KAGF;AACD,QACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAgB,CAAA,EAChB,kBAAC,EAAe,OAAhB;EACE,aAAU;EACV,WAAW,EACT,sLACA,MAAS,WACP,wHACF,MAAS,UACP,qHACF,MAAS,SACP,gGACF,MAAS,YACP,yGACF,EACD;EACD,GAAI;YAdN,CAgBG,GACD,kBAAC,EAAe,OAAhB;GAAsB,WAAU;aAAhC,CACE,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA,EAC5B,kBAAC,QAAD;IAAM,WAAU;cAAU;IAAY,CAAA,CACjB;KACF;IACX,EAAA,CAAA;;AAIlB,SAAS,EAAY,EAAE,cAAW,GAAG,KAAsC;AACzE,QAAO,kBAAC,OAAD;EAAK,aAAU;EAAe,WAAW,EAAG,6BAA6B,EAAU;EAAE,GAAI;EAAS,CAAA;;AAG3G,SAAS,EAAY,EAAE,cAAW,GAAG,KAAsC;AACzE,QAAO,kBAAC,OAAD;EAAK,aAAU;EAAe,WAAW,EAAG,mCAAmC,EAAU;EAAE,GAAI;EAAS,CAAA;;AAGjH,SAAS,EAAW,EAAE,cAAW,GAAG,KAA4D;AAC9F,QACE,kBAAC,EAAe,OAAhB;EACE,aAAU;EACV,WAAW,EAAG,iCAAiC,EAAU;EACzD,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAiB,EAAE,cAAW,GAAG,KAAkE;AAC1G,QACE,kBAAC,EAAe,aAAhB;EACE,aAAU;EACV,WAAW,EAAG,iCAAiC,EAAU;EACzD,GAAI;EACJ,CAAA"}
+{"version":3,"file":"sheet.js","names":[],"sources":["../../src/elements/sheet.tsx"],"sourcesContent":["'use client';\n\nimport { Dialog as SheetPrimitive } from '@base-ui/react/dialog';\nimport { XIcon } from 'lucide-react';\n\nimport { Button } from '@/elements/button';\nimport { cn } from '@/lib/utils';\n\nfunction Sheet({ ...props }: SheetPrimitive.Root.Props) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />;\n}\n\nfunction SheetTrigger({ ...props }: SheetPrimitive.Trigger.Props) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\nfunction SheetClose({ ...props }: SheetPrimitive.Close.Props) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\nfunction SheetPortal({ ...props }: SheetPrimitive.Portal.Props) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />;\n}\n\nfunction SheetOverlay({ className, ...props }: SheetPrimitive.Backdrop.Props) {\n  return (\n    <SheetPrimitive.Backdrop\n      data-slot=\"sheet-overlay\"\n      className={cn(\n        'fixed inset-0 z-50 bg-black/50 transition-opacity duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction SheetContent({\n  className,\n  children,\n  side = 'right',\n  showCloseButton = true,\n  ...props\n}: SheetPrimitive.Popup.Props & {\n  side?: 'top' | 'right' | 'bottom' | 'left';\n  showCloseButton?: boolean;\n}) {\n  return (\n    <SheetPortal>\n      <SheetOverlay />\n      <SheetPrimitive.Popup\n        data-slot=\"sheet-content\"\n        data-side={side}\n        className={cn(\n          'fixed z-50 flex flex-col gap-4 bg-popover bg-clip-padding text-sm text-popover-foreground shadow-lg transition duration-200 ease-in-out data-ending-style:opacity-0 data-starting-style:opacity-0 data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=bottom]:data-ending-style:translate-y-[2.5rem] data-[side=bottom]:data-starting-style:translate-y-[2.5rem] data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=left]:data-ending-style:translate-x-[-2.5rem] data-[side=left]:data-starting-style:translate-x-[-2.5rem] data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=right]:data-ending-style:translate-x-[2.5rem] data-[side=right]:data-starting-style:translate-x-[2.5rem] data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=top]:data-ending-style:translate-y-[-2.5rem] data-[side=top]:data-starting-style:translate-y-[-2.5rem] data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <SheetPrimitive.Close\n            data-slot=\"sheet-close\"\n            render={\n              <Button variant=\"ghost\" className=\"absolute top-3 right-3\" size=\"icon-sm\">\n                <XIcon />\n                <span className=\"sr-only\">Close</span>\n              </Button>\n            }\n          />\n        )}\n      </SheetPrimitive.Popup>\n    </SheetPortal>\n  );\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"sheet-header\" className={cn('flex flex-col gap-0.5 p-4', className)} {...props} />;\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"sheet-footer\" className={cn('mt-auto flex flex-col gap-2 p-4', className)} {...props} />;\n}\n\nfunction SheetTitle({ className, ...props }: SheetPrimitive.Title.Props) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn('cn-font-heading text-base font-medium text-foreground', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetDescription({ className, ...props }: SheetPrimitive.Description.Props) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn('text-sm text-muted-foreground', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription };\n"],"mappings":";;;;;;;AAQA,SAAS,EAAM,EAAE,GAAG,KAAoC;AACtD,QAAO,kBAAC,EAAe,MAAhB;EAAqB,aAAU;EAAQ,GAAI;EAAS,CAAA;;AAG7D,SAAS,EAAa,EAAE,GAAG,KAAuC;AAChE,QAAO,kBAAC,EAAe,SAAhB;EAAwB,aAAU;EAAgB,GAAI;EAAS,CAAA;;AAGxE,SAAS,EAAW,EAAE,GAAG,KAAqC;AAC5D,QAAO,kBAAC,EAAe,OAAhB;EAAsB,aAAU;EAAc,GAAI;EAAS,CAAA;;AAGpE,SAAS,EAAY,EAAE,GAAG,KAAsC;AAC9D,QAAO,kBAAC,EAAe,QAAhB;EAAuB,aAAU;EAAe,GAAI;EAAS,CAAA;;AAGtE,SAAS,EAAa,EAAE,cAAW,GAAG,KAAwC;AAC5E,QACE,kBAAC,EAAe,UAAhB;EACE,aAAU;EACV,WAAW,EACT,4HACA,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAa,EACpB,cACA,aACA,UAAO,SACP,qBAAkB,IAClB,GAAG,KAIF;AACD,QACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAgB,CAAA,EAChB,kBAAC,EAAe,OAAhB;EACE,aAAU;EACV,aAAW;EACX,WAAW,EACT,6pCACA,EACD;EACD,GAAI;YAPN,CASG,GACA,KACC,kBAAC,EAAe,OAAhB;GACE,aAAU;GACV,QACE,kBAAC,GAAD;IAAQ,SAAQ;IAAQ,WAAU;IAAyB,MAAK;cAAhE,CACE,kBAAC,GAAD,EAAS,CAAA,EACT,kBAAC,QAAD;KAAM,WAAU;eAAU;KAAY,CAAA,CAC/B;;GAEX,CAAA,CAEiB;IACX,EAAA,CAAA;;AAIlB,SAAS,EAAY,EAAE,cAAW,GAAG,KAAsC;AACzE,QAAO,kBAAC,OAAD;EAAK,aAAU;EAAe,WAAW,EAAG,6BAA6B,EAAU;EAAE,GAAI;EAAS,CAAA;;AAG3G,SAAS,EAAY,EAAE,cAAW,GAAG,KAAsC;AACzE,QAAO,kBAAC,OAAD;EAAK,aAAU;EAAe,WAAW,EAAG,mCAAmC,EAAU;EAAE,GAAI;EAAS,CAAA;;AAGjH,SAAS,EAAW,EAAE,cAAW,GAAG,KAAqC;AACvE,QACE,kBAAC,EAAe,OAAhB;EACE,aAAU;EACV,WAAW,EAAG,yDAAyD,EAAU;EACjF,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAiB,EAAE,cAAW,GAAG,KAA2C;AACnF,QACE,kBAAC,EAAe,aAAhB;EACE,aAAU;EACV,WAAW,EAAG,iCAAiC,EAAU;EACzD,GAAI;EACJ,CAAA"}