@lglab/compose-ui 0.28.0 → 0.29.0

package/dist/select.js

@@ -1,169 +1,135 @@
-"use client";
-import { jsx as a } from "react/jsx-runtime";
-import { Select as r } from "@base-ui/react/select";
-import { A as l } from "./arrow-svg-C6zQTvgS.js";
-import { c as o } from "./utils-B6yFEsav.js";
-function s(e) {
-  return /* @__PURE__ */ a(r.Root, { ...e });
+'use client';
+
+import { cn } from "./lib/utils.js";
+import { ArrowSvg } from "./lib/arrow-svg.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { Select } from "@base-ui/react/select";
+
+//#region src/components/select.tsx
+function SelectRoot(props) {
+	return /* @__PURE__ */ jsx(Select.Root, { ...props });
 }
-s.displayName = "SelectRoot";
-const n = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  r.Trigger,
-  {
-    className: o(
-      "flex min-h-9 min-w-40 items-center justify-between gap-3 rounded-md border border-border bg-background px-3.5 pr-3 text-base text-foreground select-none hover:bg-muted data-popup-open:bg-muted",
-      e
-    ),
-    ...t
-  }
-);
-n.displayName = "SelectTrigger";
-const c = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  r.Value,
-  {
-    className: o("data-placeholder:text-muted-foreground text-sm", e),
-    ...t
-  }
-);
-c.displayName = "SelectValue";
-const d = ({ className: e, ...t }) => /* @__PURE__ */ a(r.Icon, { className: o("flex", e), ...t });
-d.displayName = "SelectIcon";
-const i = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  r.Backdrop,
-  {
-    className: o(
-      "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
-      "transition-opacity duration-200",
-      "data-starting-style:opacity-0 data-ending-style:opacity-0",
-      e
-    ),
-    ...t
-  }
-);
-i.displayName = "SelectBackdrop";
-const m = (e) => /* @__PURE__ */ a(r.Portal, { ...e });
-m.displayName = "SelectPortal";
-const p = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  r.Positioner,
-  {
-    className: o("outline-none select-none z-50", e),
-    sideOffset: 8,
-    ...t
-  }
-);
-p.displayName = "SelectPositioner";
-const u = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  r.Popup,
-  {
-    className: o(
-      "group min-w-(--anchor-width) origin-(--transform-origin) bg-clip-padding rounded-md bg-background text-foreground shadow-lg shadow-gray-200 border border-border transition-[transform,scale,opacity]",
-      "data-ending-style:scale-90 data-ending-style:opacity-0",
-      "data-[side=none]:min-w-[calc(var(--anchor-width)+1rem)] data-[side=none]:data-ending-style:transition-none",
-      "data-starting-style:scale-90 data-starting-style:opacity-0",
-      "data-[side=none]:data-starting-style:scale-100 data-[side=none]:data-starting-style:opacity-100 data-[side=none]:data-starting-style:transition-none",
-      "dark:shadow-none",
-      e
-    ),
-    ...t
-  }
-);
-u.displayName = "SelectPopup";
-const f = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  r.List,
-  {
-    className: o(
-      "relative py-1 scroll-py-6 overflow-y-auto max-h-(--available-height)",
-      e
-    ),
-    ...t
-  }
-);
-f.displayName = "SelectList";
-const b = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  r.Arrow,
-  {
-    className: o(
-      "flex data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180",
-      e
-    ),
-    ...t,
-    children: /* @__PURE__ */ a(l, {})
-  }
-);
-b.displayName = "SelectArrow";
-const g = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  r.Item,
-  {
-    className: o(
-      "flex items-center justify-between gap-2 py-1.5 px-4 text-sm outline-none select-none",
-      "data-selected:bg-accent data-selected:text-accent-foreground",
-      e
-    ),
-    ...t
-  }
-);
-g.displayName = "SelectItem";
-const S = ({ className: e, ...t }) => /* @__PURE__ */ a(r.ItemText, { className: o("col-start-2 text-sm", e), ...t });
-S.displayName = "SelectItemText";
-const y = ({ className: e, ...t }) => /* @__PURE__ */ a(r.ItemIndicator, { className: o("col-start-1", e), ...t });
-y.displayName = "SelectItemIndicator";
-const x = ({ className: e, ...t }) => /* @__PURE__ */ a(r.Group, { className: o(e), ...t });
-x.displayName = "SelectGroup";
-const N = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  r.GroupLabel,
-  {
-    className: o("px-3 py-1.5 text-sm font-semibold", e),
-    ...t
-  }
-);
-N.displayName = "SelectGroupLabel";
-const w = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  r.ScrollUpArrow,
-  {
-    className: o(
-      'top-0 z-1 flex h-4 w-full cursor-default items-center justify-center rounded-md bg-background text-center text-xs before:absolute data-[side=none]:before:-top-full before:left-0 before:h-full before:w-full before:content-[""]',
-      e
-    ),
-    ...t
-  }
-);
-w.displayName = "SelectScrollUpArrow";
-const h = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  r.ScrollDownArrow,
-  {
-    className: o(
-      'bottom-0 z-1 flex h-4 w-full cursor-default items-center justify-center rounded-md bg-background text-center text-xs before:absolute before:left-0 before:h-full before:w-full before:content-[""] bottom-0 data-[side=none]:before:-bottom-full',
-      e
-    ),
-    ...t
-  }
-);
-h.displayName = "SelectScrollDownArrow";
-const I = ({ className: e, ...t }) => /* @__PURE__ */ a(
-  r.Separator,
-  {
-    className: o("-mx-1 my-1 h-px bg-border", e),
-    ...t
-  }
-);
-I.displayName = "SelectSeparator";
-export {
-  b as SelectArrow,
-  i as SelectBackdrop,
-  x as SelectGroup,
-  N as SelectGroupLabel,
-  d as SelectIcon,
-  g as SelectItem,
-  y as SelectItemIndicator,
-  S as SelectItemText,
-  f as SelectList,
-  u as SelectPopup,
-  m as SelectPortal,
-  p as SelectPositioner,
-  s as SelectRoot,
-  h as SelectScrollDownArrow,
-  w as SelectScrollUpArrow,
-  I as SelectSeparator,
-  n as SelectTrigger,
-  c as SelectValue
+SelectRoot.displayName = "SelectRoot";
+const SelectTrigger = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Select.Trigger, {
+		className: cn("flex min-h-9 min-w-40 items-center justify-between gap-3 rounded-md border border-border bg-background px-3.5 pr-3 text-base text-foreground select-none hover:bg-muted data-popup-open:bg-muted", className),
+		...props
+	});
 };
+SelectTrigger.displayName = "SelectTrigger";
+const SelectValue = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Select.Value, {
+		className: cn("data-placeholder:text-muted-foreground text-sm", className),
+		...props
+	});
+};
+SelectValue.displayName = "SelectValue";
+const SelectIcon = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Select.Icon, {
+		className: cn("flex", className),
+		...props
+	});
+};
+SelectIcon.displayName = "SelectIcon";
+const SelectBackdrop = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Select.Backdrop, {
+		className: cn("fixed inset-0 z-50 bg-black/50 backdrop-blur-sm", "transition-opacity duration-200", "data-starting-style:opacity-0 data-ending-style:opacity-0", className),
+		...props
+	});
+};
+SelectBackdrop.displayName = "SelectBackdrop";
+const SelectPortal = (props) => {
+	return /* @__PURE__ */ jsx(Select.Portal, { ...props });
+};
+SelectPortal.displayName = "SelectPortal";
+const SelectPositioner = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Select.Positioner, {
+		className: cn("outline-none select-none z-50", className),
+		sideOffset: 8,
+		...props
+	});
+};
+SelectPositioner.displayName = "SelectPositioner";
+const SelectPopup = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Select.Popup, {
+		className: cn("group min-w-(--anchor-width) origin-(--transform-origin) bg-clip-padding rounded-md bg-background text-foreground shadow-lg shadow-gray-200 border border-border transition-[transform,scale,opacity]", "data-ending-style:scale-90 data-ending-style:opacity-0", "data-[side=none]:min-w-[calc(var(--anchor-width)+1rem)] data-[side=none]:data-ending-style:transition-none", "data-starting-style:scale-90 data-starting-style:opacity-0", "data-[side=none]:data-starting-style:scale-100 data-[side=none]:data-starting-style:opacity-100 data-[side=none]:data-starting-style:transition-none", "dark:shadow-none", className),
+		...props
+	});
+};
+SelectPopup.displayName = "SelectPopup";
+const SelectList = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Select.List, {
+		className: cn("relative py-1 scroll-py-6 overflow-y-auto max-h-(--available-height)", className),
+		...props
+	});
+};
+SelectList.displayName = "SelectList";
+const SelectArrow = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Select.Arrow, {
+		className: cn("flex data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180", className),
+		...props,
+		children: /* @__PURE__ */ jsx(ArrowSvg, {})
+	});
+};
+SelectArrow.displayName = "SelectArrow";
+const SelectItem = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Select.Item, {
+		className: cn("flex items-center justify-between gap-2 py-1.5 px-4 text-sm outline-none select-none", "data-selected:bg-accent data-selected:text-accent-foreground", className),
+		...props
+	});
+};
+SelectItem.displayName = "SelectItem";
+const SelectItemText = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Select.ItemText, {
+		className: cn("col-start-2 text-sm", className),
+		...props
+	});
+};
+SelectItemText.displayName = "SelectItemText";
+const SelectItemIndicator = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Select.ItemIndicator, {
+		className: cn("col-start-1", className),
+		...props
+	});
+};
+SelectItemIndicator.displayName = "SelectItemIndicator";
+const SelectGroup = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Select.Group, {
+		className: cn(className),
+		...props
+	});
+};
+SelectGroup.displayName = "SelectGroup";
+const SelectGroupLabel = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Select.GroupLabel, {
+		className: cn("px-3 py-1.5 text-sm font-semibold", className),
+		...props
+	});
+};
+SelectGroupLabel.displayName = "SelectGroupLabel";
+const SelectScrollUpArrow = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Select.ScrollUpArrow, {
+		className: cn("top-0 z-1 flex h-4 w-full cursor-default items-center justify-center rounded-md bg-background text-center text-xs before:absolute data-[side=none]:before:-top-full before:left-0 before:h-full before:w-full before:content-[\"\"]", className),
+		...props
+	});
+};
+SelectScrollUpArrow.displayName = "SelectScrollUpArrow";
+const SelectScrollDownArrow = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Select.ScrollDownArrow, {
+		className: cn("bottom-0 z-1 flex h-4 w-full cursor-default items-center justify-center rounded-md bg-background text-center text-xs before:absolute before:left-0 before:h-full before:w-full before:content-[\"\"] bottom-0 data-[side=none]:before:-bottom-full", className),
+		...props
+	});
+};
+SelectScrollDownArrow.displayName = "SelectScrollDownArrow";
+const SelectSeparator = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Select.Separator, {
+		className: cn("-mx-1 my-1 h-px bg-border", className),
+		...props
+	});
+};
+SelectSeparator.displayName = "SelectSeparator";
+
+//#endregion
+export { SelectArrow, SelectBackdrop, SelectGroup, SelectGroupLabel, SelectIcon, SelectItem, SelectItemIndicator, SelectItemText, SelectList, SelectPopup, SelectPortal, SelectPositioner, SelectRoot, SelectScrollDownArrow, SelectScrollUpArrow, SelectSeparator, SelectTrigger, SelectValue };
+//# sourceMappingURL=select.js.map

package/dist/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","names":["BaseSelect"],"sources":["../src/components/select.tsx"],"sourcesContent":["'use client'\n\nimport {\n  Select as BaseSelect,\n  type SelectRootProps as BaseSelectRootProps,\n} from '@base-ui/react/select'\nimport * as React from 'react'\n\nimport { ArrowSvg } from '../lib/arrow-svg'\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// SelectRoot\n// ============================================================================\n\nfunction SelectRoot<Value, Multiple extends boolean | undefined = false>(\n  props: BaseSelectRootProps<Value, Multiple>,\n) {\n  return <BaseSelect.Root {...props} />\n}\n\ntype SelectRootProps<\n  Value,\n  Multiple extends boolean | undefined = false,\n> = BaseSelectRootProps<Value, Multiple>\n\nSelectRoot.displayName = 'SelectRoot'\n\n// ============================================================================\n// SelectTrigger\n// ============================================================================\n\ntype SelectTriggerProps = React.ComponentProps<typeof BaseSelect.Trigger>\n\nconst SelectTrigger = ({ className, ...props }: SelectTriggerProps) => {\n  return (\n    <BaseSelect.Trigger\n      className={cn(\n        'flex min-h-9 min-w-40 items-center justify-between gap-3 rounded-md border border-border bg-background px-3.5 pr-3 text-base text-foreground select-none hover:bg-muted data-popup-open:bg-muted',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nSelectTrigger.displayName = 'SelectTrigger'\n\n// ============================================================================\n// SelectValue\n// ============================================================================\n\ntype SelectValueProps = React.ComponentProps<typeof BaseSelect.Value>\n\nconst SelectValue = ({ className, ...props }: SelectValueProps) => {\n  return (\n    <BaseSelect.Value\n      className={cn('data-placeholder:text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  )\n}\n\nSelectValue.displayName = 'SelectValue'\n\n// ============================================================================\n// SelectIcon\n// ============================================================================\n\ntype SelectIconProps = React.ComponentProps<typeof BaseSelect.Icon>\n\nconst SelectIcon = ({ className, ...props }: SelectIconProps) => {\n  return <BaseSelect.Icon className={cn('flex', className)} {...props} />\n}\n\nSelectIcon.displayName = 'SelectIcon'\n\n// ============================================================================\n// SelectBackdrop\n// ============================================================================\n\ntype SelectBackdropProps = React.ComponentProps<typeof BaseSelect.Backdrop>\n\nconst SelectBackdrop = ({ className, ...props }: SelectBackdropProps) => {\n  return (\n    <BaseSelect.Backdrop\n      className={cn(\n        'fixed inset-0 z-50 bg-black/50 backdrop-blur-sm',\n        'transition-opacity duration-200',\n        'data-starting-style:opacity-0 data-ending-style:opacity-0',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nSelectBackdrop.displayName = 'SelectBackdrop'\n\n// ============================================================================\n// SelectPortal\n// ============================================================================\n\ntype SelectPortalProps = React.ComponentProps<typeof BaseSelect.Portal>\n\nconst SelectPortal = (props: SelectPortalProps) => {\n  return <BaseSelect.Portal {...props} />\n}\n\nSelectPortal.displayName = 'SelectPortal'\n\n// ============================================================================\n// SelectPositioner\n// ============================================================================\n\ntype SelectPositionerProps = React.ComponentProps<typeof BaseSelect.Positioner>\n\nconst SelectPositioner = ({ className, ...props }: SelectPositionerProps) => {\n  return (\n    <BaseSelect.Positioner\n      className={cn('outline-none select-none z-50', className)}\n      sideOffset={8}\n      {...props}\n    />\n  )\n}\n\nSelectPositioner.displayName = 'SelectPositioner'\n\n// ============================================================================\n// SelectPopup\n// ============================================================================\n\ntype SelectPopupProps = React.ComponentProps<typeof BaseSelect.Popup>\n\nconst SelectPopup = ({ className, ...props }: SelectPopupProps) => {\n  return (\n    <BaseSelect.Popup\n      className={cn(\n        'group min-w-(--anchor-width) origin-(--transform-origin) bg-clip-padding rounded-md bg-background text-foreground shadow-lg shadow-gray-200 border border-border transition-[transform,scale,opacity]',\n        'data-ending-style:scale-90 data-ending-style:opacity-0',\n        'data-[side=none]:min-w-[calc(var(--anchor-width)+1rem)] data-[side=none]:data-ending-style:transition-none',\n        'data-starting-style:scale-90 data-starting-style:opacity-0',\n        'data-[side=none]:data-starting-style:scale-100 data-[side=none]:data-starting-style:opacity-100 data-[side=none]:data-starting-style:transition-none',\n        'dark:shadow-none',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nSelectPopup.displayName = 'SelectPopup'\n\n// ============================================================================\n// SelectList\n// ============================================================================\n\ntype SelectListProps = React.ComponentProps<typeof BaseSelect.List>\n\nconst SelectList = ({ className, ...props }: SelectListProps) => {\n  return (\n    <BaseSelect.List\n      className={cn(\n        'relative py-1 scroll-py-6 overflow-y-auto max-h-(--available-height)',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nSelectList.displayName = 'SelectList'\n\n// ============================================================================\n// SelectArrow\n// ============================================================================\n\ntype SelectArrowProps = React.ComponentProps<typeof BaseSelect.Arrow>\n\nconst SelectArrow = ({ className, ...props }: SelectArrowProps) => {\n  return (\n    <BaseSelect.Arrow\n      className={cn(\n        'flex data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180',\n        className,\n      )}\n      {...props}\n    >\n      <ArrowSvg />\n    </BaseSelect.Arrow>\n  )\n}\n\nSelectArrow.displayName = 'SelectArrow'\n\n// ============================================================================\n// SelectItem\n// ============================================================================\n\ntype SelectItemProps = React.ComponentProps<typeof BaseSelect.Item>\n\nconst SelectItem = ({ className, ...props }: SelectItemProps) => {\n  return (\n    <BaseSelect.Item\n      className={cn(\n        'flex items-center justify-between gap-2 py-1.5 px-4 text-sm outline-none select-none',\n        'data-selected:bg-accent data-selected:text-accent-foreground',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nSelectItem.displayName = 'SelectItem'\n\n// ============================================================================\n// SelectItemText\n// ============================================================================\n\ntype SelectItemTextProps = React.ComponentProps<typeof BaseSelect.ItemText>\n\nconst SelectItemText = ({ className, ...props }: SelectItemTextProps) => {\n  return (\n    <BaseSelect.ItemText className={cn('col-start-2 text-sm', className)} {...props} />\n  )\n}\n\nSelectItemText.displayName = 'SelectItemText'\n\n// ============================================================================\n// SelectItemIndicator\n// ============================================================================\n\ntype SelectItemIndicatorProps = React.ComponentProps<typeof BaseSelect.ItemIndicator>\n\nconst SelectItemIndicator = ({ className, ...props }: SelectItemIndicatorProps) => {\n  return <BaseSelect.ItemIndicator className={cn('col-start-1', className)} {...props} />\n}\n\nSelectItemIndicator.displayName = 'SelectItemIndicator'\n\n// ============================================================================\n// SelectGroup\n// ============================================================================\n\ntype SelectGroupProps = React.ComponentProps<typeof BaseSelect.Group>\n\nconst SelectGroup = ({ className, ...props }: SelectGroupProps) => {\n  return <BaseSelect.Group className={cn(className)} {...props} />\n}\n\nSelectGroup.displayName = 'SelectGroup'\n\n// ============================================================================\n// SelectGroupLabel\n// ============================================================================\n\ntype SelectGroupLabelProps = React.ComponentProps<typeof BaseSelect.GroupLabel>\n\nconst SelectGroupLabel = ({ className, ...props }: SelectGroupLabelProps) => {\n  return (\n    <BaseSelect.GroupLabel\n      className={cn('px-3 py-1.5 text-sm font-semibold', className)}\n      {...props}\n    />\n  )\n}\n\nSelectGroupLabel.displayName = 'SelectGroupLabel'\n\n// ============================================================================\n// SelectScrollUpArrow\n// ============================================================================\n\ntype SelectScrollUpArrowProps = React.ComponentProps<typeof BaseSelect.ScrollUpArrow>\n\nconst SelectScrollUpArrow = ({ className, ...props }: SelectScrollUpArrowProps) => {\n  return (\n    <BaseSelect.ScrollUpArrow\n      className={cn(\n        'top-0 z-1 flex h-4 w-full cursor-default items-center justify-center rounded-md bg-background text-center text-xs before:absolute data-[side=none]:before:-top-full before:left-0 before:h-full before:w-full before:content-[\"\"]',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nSelectScrollUpArrow.displayName = 'SelectScrollUpArrow'\n\n// ============================================================================\n// SelectScrollDownArrow\n// ============================================================================\n\ntype SelectScrollDownArrowProps = React.ComponentProps<typeof BaseSelect.ScrollDownArrow>\n\nconst SelectScrollDownArrow = ({ className, ...props }: SelectScrollDownArrowProps) => {\n  return (\n    <BaseSelect.ScrollDownArrow\n      className={cn(\n        'bottom-0 z-1 flex h-4 w-full cursor-default items-center justify-center rounded-md bg-background text-center text-xs before:absolute before:left-0 before:h-full before:w-full before:content-[\"\"] bottom-0 data-[side=none]:before:-bottom-full',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nSelectScrollDownArrow.displayName = 'SelectScrollDownArrow'\n\n// ============================================================================\n// SelectSeparator\n// ============================================================================\n\ntype SelectSeparatorProps = React.ComponentProps<typeof BaseSelect.Separator>\n\nconst SelectSeparator = ({ className, ...props }: SelectSeparatorProps) => {\n  return (\n    <BaseSelect.Separator\n      className={cn('-mx-1 my-1 h-px bg-border', className)}\n      {...props}\n    />\n  )\n}\n\nSelectSeparator.displayName = 'SelectSeparator'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n  SelectRoot,\n  SelectTrigger,\n  SelectValue,\n  SelectIcon,\n  SelectBackdrop,\n  SelectPortal,\n  SelectPositioner,\n  SelectPopup,\n  SelectList,\n  SelectArrow,\n  SelectItem,\n  SelectItemText,\n  SelectItemIndicator,\n  SelectGroup,\n  SelectGroupLabel,\n  SelectScrollUpArrow,\n  SelectScrollDownArrow,\n  SelectSeparator,\n}\n\nexport type {\n  SelectRootProps,\n  SelectTriggerProps,\n  SelectValueProps,\n  SelectIconProps,\n  SelectBackdropProps,\n  SelectPortalProps,\n  SelectPositionerProps,\n  SelectPopupProps,\n  SelectListProps,\n  SelectArrowProps,\n  SelectItemProps,\n  SelectItemTextProps,\n  SelectItemIndicatorProps,\n  SelectGroupProps,\n  SelectGroupLabelProps,\n  SelectScrollUpArrowProps,\n  SelectScrollDownArrowProps,\n  SelectSeparatorProps,\n}\n"],"mappings":"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"}

package/dist/separator.d.ts

@@ -1,12 +1,17 @@
-import { JSX } from 'react/jsx-runtime';
-import * as React_2 from 'react';
-import { Separator as Separator_2 } from '@base-ui/react/separator';
-
-export declare const Separator: {
-    ({ className, orientation, ...props }: SeparatorProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type SeparatorProps = React_2.ComponentProps<typeof Separator_2>;
-
-export { }
+import * as React from "react";
+import * as react_jsx_runtime164 from "react/jsx-runtime";
+import { Separator as Separator$1 } from "@base-ui/react/separator";
+
+//#region src/components/separator.d.ts
+type SeparatorProps = React.ComponentProps<typeof Separator$1>;
+declare const Separator: {
+  ({
+    className,
+    orientation,
+    ...props
+  }: SeparatorProps): react_jsx_runtime164.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { Separator, type SeparatorProps };
+//# sourceMappingURL=separator.d.ts.map

package/dist/separator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.d.ts","names":[],"sources":["../src/components/separator.tsx"],"sourcesContent":[],"mappings":";;;;;KAOK,cAAA,GAAiB,KAAA,CAAM,sBAAsB;cAE5C;;;;;KAIH,iBAAc,oBAAA,CAAA,GAAA,CAAA;EANZ,WAAA,EAAA,MAAc;CAAA"}

package/dist/separator.js

@@ -1,24 +1,20 @@
-"use client";
-import { jsx as p } from "react/jsx-runtime";
-import { Separator as t } from "@base-ui/react/separator";
-import { c as e } from "./utils-B6yFEsav.js";
-const l = ({
-  className: a,
-  orientation: r = "horizontal",
-  ...o
-}) => /* @__PURE__ */ p(
-  t,
-  {
-    orientation: r,
-    className: e(
-      "shrink-0 bg-border",
-      r === "horizontal" ? "h-px w-full" : "h-full w-px",
-      a
-    ),
-    ...o
-  }
-);
-l.displayName = "Separator";
-export {
-  l as Separator
+'use client';
+
+import { cn } from "./lib/utils.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { Separator as Separator$1 } from "@base-ui/react/separator";
+
+//#region src/components/separator.tsx
+const Separator = ({ className, orientation = "horizontal", ...props }) => {
+	return /* @__PURE__ */ jsx(Separator$1, {
+		orientation,
+		className: cn("shrink-0 bg-border", orientation === "horizontal" ? "h-px w-full" : "h-full w-px", className),
+		...props
+	});
 };
+Separator.displayName = "Separator";
+
+//#endregion
+export { Separator };
+//# sourceMappingURL=separator.js.map

package/dist/separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.js","names":["BaseSeparator"],"sources":["../src/components/separator.tsx"],"sourcesContent":["'use client'\n\nimport { Separator as BaseSeparator } from '@base-ui/react/separator'\nimport * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\ntype SeparatorProps = React.ComponentProps<typeof BaseSeparator>\n\nconst Separator = ({\n  className,\n  orientation = 'horizontal',\n  ...props\n}: SeparatorProps) => {\n  return (\n    <BaseSeparator\n      orientation={orientation}\n      className={cn(\n        'shrink-0 bg-border',\n        orientation === 'horizontal' ? 'h-px w-full' : 'h-full w-px',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nSeparator.displayName = 'Separator'\n\nexport { Separator }\n\nexport type { SeparatorProps }\n"],"mappings":";;;;;;;;AASA,MAAM,aAAa,EACjB,WACA,cAAc,cACd,GAAG,YACiB;AACpB,QACE,oBAACA;EACc;EACb,WAAW,GACT,sBACA,gBAAgB,eAAe,gBAAgB,eAC/C,UACD;EACD,GAAI;GACJ;;AAIN,UAAU,cAAc"}

package/dist/skeleton.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import * as react_jsx_runtime180 from "react/jsx-runtime";
+
+//#region src/components/skeleton.d.ts
+type SkeletonAnimation = 'pulse' | 'shimmer' | 'none';
+type SkeletonProps = React.ComponentProps<'div'> & {
+  /** Animation style for the skeleton */
+  animation?: SkeletonAnimation;
+};
+declare const Skeleton: {
+  ({
+    className,
+    animation,
+    ...props
+  }: SkeletonProps): react_jsx_runtime180.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { Skeleton, SkeletonAnimation, type SkeletonProps };
+//# sourceMappingURL=skeleton.d.ts.map

package/dist/skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","names":[],"sources":["../src/components/skeleton.tsx"],"sourcesContent":[],"mappings":";;;;KAyBY,iBAAA;KAMP,aAAA,GAAgB,KAAA,CAAM;;EANf,SAAA,CAAA,EAQE,iBARe;AAA+B,CAAA;cAWtD,QALY,EAAA;;IAAG,SAAM;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAK2B,aAL3B,CAAA,EAKwC,oBAAA,CAAA,GAAA,CAAA,OALxC;aAEb,EAAA,MAAA;CAAiB"}

package/dist/skeleton.js

@@ -0,0 +1,27 @@
+'use client';
+
+import { cn } from "./lib/utils.js";
+import "react";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/skeleton.tsx
+const skeletonVariants = cva(["bg-skeleton"], {
+	variants: { animation: {
+		pulse: "animate-pulse",
+		shimmer: "relative overflow-hidden before:absolute before:inset-0 before:-translate-x-full before:animate-[shimmer_1s_infinite] before:bg-gradient-to-r before:from-transparent before:via-white/40 dark:before:via-white/5 before:to-transparent",
+		none: ""
+	} },
+	defaultVariants: { animation: "pulse" }
+});
+const Skeleton = ({ className, animation, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("rounded-xs", skeletonVariants({ animation }), className),
+		...props
+	});
+};
+Skeleton.displayName = "Skeleton";
+
+//#endregion
+export { Skeleton };
+//# sourceMappingURL=skeleton.js.map

package/dist/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","names":[],"sources":["../src/components/skeleton.tsx"],"sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// Skeleton Variants\n// ============================================================================\n\nconst skeletonVariants = cva(['bg-skeleton'], {\n  variants: {\n    animation: {\n      pulse: 'animate-pulse',\n      shimmer:\n        'relative overflow-hidden before:absolute before:inset-0 before:-translate-x-full before:animate-[shimmer_1s_infinite] before:bg-gradient-to-r before:from-transparent before:via-white/40 dark:before:via-white/5 before:to-transparent',\n      none: '',\n    },\n  },\n  defaultVariants: {\n    animation: 'pulse',\n  },\n})\n\nexport type SkeletonAnimation = 'pulse' | 'shimmer' | 'none'\n\n// ============================================================================\n// Skeleton\n// ============================================================================\n\ntype SkeletonProps = React.ComponentProps<'div'> & {\n  /** Animation style for the skeleton */\n  animation?: SkeletonAnimation\n}\n\nconst Skeleton = ({ className, animation, ...props }: SkeletonProps) => {\n  return (\n    <div\n      className={cn('rounded-xs', skeletonVariants({ animation }), className)}\n      {...props}\n    />\n  )\n}\n\nSkeleton.displayName = 'Skeleton'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport { Skeleton }\n\nexport type { SkeletonProps }\n"],"mappings":";;;;;;;;AAWA,MAAM,mBAAmB,IAAI,CAAC,cAAc,EAAE;CAC5C,UAAU,EACR,WAAW;EACT,OAAO;EACP,SACE;EACF,MAAM;EACP,EACF;CACD,iBAAiB,EACf,WAAW,SACZ;CACF,CAAC;AAaF,MAAM,YAAY,EAAE,WAAW,WAAW,GAAG,YAA2B;AACtE,QACE,oBAAC;EACC,WAAW,GAAG,cAAc,iBAAiB,EAAE,WAAW,CAAC,EAAE,UAAU;EACvE,GAAI;GACJ;;AAIN,SAAS,cAAc"}

package/dist/slider.d.ts

@@ -1,47 +1,56 @@
-import { JSX } from 'react/jsx-runtime';
-import * as React_2 from 'react';
-import { Slider } from '@base-ui/react/slider';
-
-export declare const SliderControl: {
-    ({ className, ...props }: SliderControlProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type SliderControlProps = React_2.ComponentProps<typeof Slider.Control>;
-
-export declare const SliderIndicator: {
-    ({ className, ...props }: SliderIndicatorProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type SliderIndicatorProps = React_2.ComponentProps<typeof Slider.Indicator>;
-
-export declare const SliderRoot: {
-    ({ className, ...props }: SliderRootProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type SliderRootProps = React_2.ComponentProps<typeof Slider.Root>;
-
-export declare const SliderThumb: {
-    ({ className, ...props }: SliderThumbProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type SliderThumbProps = React_2.ComponentProps<typeof Slider.Thumb>;
-
-export declare const SliderTrack: {
-    ({ className, ...props }: SliderTrackProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type SliderTrackProps = React_2.ComponentProps<typeof Slider.Track>;
-
-export declare const SliderValue: {
-    ({ className, ...props }: SliderValueProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type SliderValueProps = React_2.ComponentProps<typeof Slider.Value>;
-
-export { }
+import * as React from "react";
+import * as react_jsx_runtime198 from "react/jsx-runtime";
+import { Slider } from "@base-ui/react/slider";
+
+//#region src/components/slider.d.ts
+type SliderRootProps = React.ComponentProps<typeof Slider.Root>;
+declare const SliderRoot: {
+  ({
+    className,
+    ...props
+  }: SliderRootProps): react_jsx_runtime198.JSX.Element;
+  displayName: string;
+};
+type SliderValueProps = React.ComponentProps<typeof Slider.Value>;
+declare const SliderValue: {
+  ({
+    className,
+    ...props
+  }: SliderValueProps): react_jsx_runtime198.JSX.Element;
+  displayName: string;
+};
+type SliderControlProps = React.ComponentProps<typeof Slider.Control>;
+declare const SliderControl: {
+  ({
+    className,
+    ...props
+  }: SliderControlProps): react_jsx_runtime198.JSX.Element;
+  displayName: string;
+};
+type SliderTrackProps = React.ComponentProps<typeof Slider.Track>;
+declare const SliderTrack: {
+  ({
+    className,
+    ...props
+  }: SliderTrackProps): react_jsx_runtime198.JSX.Element;
+  displayName: string;
+};
+type SliderIndicatorProps = React.ComponentProps<typeof Slider.Indicator>;
+declare const SliderIndicator: {
+  ({
+    className,
+    ...props
+  }: SliderIndicatorProps): react_jsx_runtime198.JSX.Element;
+  displayName: string;
+};
+type SliderThumbProps = React.ComponentProps<typeof Slider.Thumb>;
+declare const SliderThumb: {
+  ({
+    className,
+    ...props
+  }: SliderThumbProps): react_jsx_runtime198.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { SliderControl, type SliderControlProps, SliderIndicator, type SliderIndicatorProps, SliderRoot, type SliderRootProps, SliderThumb, type SliderThumbProps, SliderTrack, type SliderTrackProps, SliderValue, type SliderValueProps };
+//# sourceMappingURL=slider.d.ts.map

package/dist/slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","names":[],"sources":["../src/components/slider.tsx"],"sourcesContent":[],"mappings":";;;;;KAWK,eAAA,GAAkB,KAAA,CAAM,sBAAsB,MAAA,CAAW;cAExD;;;;KAAuC,kBAAe,oBAAA,CAAA,GAAA,CAAA;EAFvD,WAAA,EAAA,MAAe;CAAA;KAYf,gBAAA,GAAmB,KAAA,CAAM,cAZgC,CAAA,OAYV,MAAA,CAAW,KAZD,CAAA;cAcxD,WAduB,EAAA;EAAc,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAcG,gBAdH,CAAA,EAcmB,oBAAA,CAAA,GAAA,CAAA,OAdnB;EAErC,WAAA,EAEL,MAAA;CAAA;KAyBI,kBAAA,GAAqB,KAAA,CAAM,sBAAsB,MAAA,CAAW;cAE3D,aA7BuC,EAAA;;IAAe,SAAA;IAAA,GAAA;EAAA,CAAA,EA6BZ,kBA7BY,CAAA,EA6BM,oBAAA,CAAA,GAAA,CAAA,OA7BN;EAAA,WAAA,EAAA,MAAA;AAAA,CAAA;KA4CvD,gBAAA,GAAmB,KAAA,CAAM,cAlCT,CAAA,OAkC+B,MAAA,CAAW,KAlC1C,CAAA;cAoCf,WApCyD,EAAA;;IAAvC,SAAM;IAAA,GAAA;EAAA,CAAA,EAoCgB,gBApChB,CAAA,EAoCgC,oBAAA,CAAA,GAAA,CAAA,OApChC;EAAc,WAAA,EAAA,MAAA;AAAA,CAAA;KAmDvC,oBAAA,GAAuB,KAAA,CAAM,cA1CjC,CAAA,OA0CuD,MAAA,CAAW,SA1ClE,CAAA;cA4CK;;IAnDwC,SAAA;IAAA,GAAA;EAAA,CAAA,EAmDI,oBAnDJ,CAAA,EAmDwB,oBAAA,CAAA,GAAA,CAAA,OAnDxB;aAAgB,EAAA,MAAA;CAAA;AAAA,KAkEzD,gBAAA,GAAmB,KAAA,CAAM,cAnDP,CAAA,OAmD6B,MAAA,CAAW,KAnDxC,CAAA;cAqDjB,WArDiB,EAAA;;IAA+B,SAAW;IAAA,GAAA;EAAA,CAAA,EAqDnB,gBArDmB,CAAA,EAqDH,oBAAA,CAAA,GAAA,CAAA,OArDG;aAAjC,EAAA,MAAA;CAAc"}