@giddaa-housing/ui 0.1.0 → 1.1.0

package/dist/select.js

@@ -1,305 +1,145 @@
-// src/components/ui/select.tsx
-import { Select as SelectPrimitive } from "@base-ui/react/select";
-import { cva } from "class-variance-authority";
+"use client";
+import { t as cn } from "./cn-BI_4DMBf.js";
+import { SizeProvider, useComponentSize } from "./size-context.js";
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
 import * as React from "react";
-
-// src/lib/cn.ts
-import { clsx } from "clsx";
-import { extendTailwindMerge } from "tailwind-merge";
-var twMerge = extendTailwindMerge({
-  extend: {
-    classGroups: {
-      "font-size": [
-        {
-          text: [
-            "gdt-display",
-            "gdt-h1",
-            "gdt-h2",
-            "gdt-h3",
-            "gdt-h4",
-            "gdt-h5",
-            "gdt-xl",
-            "gdt-lg",
-            "gdt-md",
-            "gdt-sm",
-            "gdt-xs",
-            "gdt-subtext",
-            "gdt-capitalized"
-          ]
-        }
-      ]
-    }
-  }
-});
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/components/ui/size-context.tsx
-import { createContext, useContext } from "react";
-import { Fragment, jsx } from "react/jsx-runtime";
-var SizeContext = createContext(void 0);
-function SizeProvider({
-  children,
-  size
-}) {
-  if (!size) {
-    return /* @__PURE__ */ jsx(Fragment, { children });
-  }
-  return /* @__PURE__ */ jsx(SizeContext.Provider, { value: size, children });
-}
-function useComponentSize(size, fallback = "md") {
-  const inheritedSize = useContext(SizeContext);
-  return size ?? inheritedSize ?? fallback;
+import { Select as Select$1 } from "@base-ui/react/select";
+//#region src/select.tsx
+const SelectSelectionContext = React.createContext({ multiple: false });
+function Select({ multiple, children, size, ...props }) {
+	return /* @__PURE__ */ jsx(SizeProvider, {
+		size,
+		children: /* @__PURE__ */ jsx(SelectSelectionContext.Provider, {
+			value: { multiple: multiple === true },
+			children: /* @__PURE__ */ jsx(Select$1.Root, {
+				multiple,
+				...props,
+				children
+			})
+		})
+	});
 }
-
-// src/components/ui/select.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var SelectSelectionContext = React.createContext({ multiple: false });
-function Select({
-  multiple,
-  children,
-  size,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx2(SizeProvider, { size, children: /* @__PURE__ */ jsx2(SelectSelectionContext.Provider, { value: { multiple: multiple === true }, children: /* @__PURE__ */ jsx2(SelectPrimitive.Root, { multiple, ...props, children }) }) });
-}
-var selectTriggerVariants = cva(
-  "group/select-trigger flex w-fit min-w-0 items-center justify-between rounded-full border border-line bg-canvas text-left font-normal whitespace-nowrap text-fg-primary shadow-none outline-none transition-[background-color,border-color,border-radius,box-shadow,color] select-none hover:border-line-strong focus-visible:border-line-focus focus-visible:inset-ring-1 focus-visible:inset-ring-line-focus data-focused:border-line-focus data-focused:inset-ring-1 data-focused:inset-ring-line-focus data-popup-open:rounded-2xl data-popup-open:border-line-focus data-popup-open:inset-ring-1 data-popup-open:inset-ring-line-focus disabled:pointer-events-none disabled:cursor-not-allowed disabled:border-line-subtle disabled:bg-surface disabled:text-fg-caption-placeholder data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:border-line-subtle data-disabled:bg-surface data-disabled:text-fg-caption-placeholder data-placeholder:text-fg-caption-placeholder aria-invalid:border-line-danger aria-invalid:text-fg-danger aria-invalid:shadow-none data-[invalid=true]:border-line-danger data-[invalid=true]:text-fg-danger *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:min-w-0 *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-  {
-    variants: {
-      size: {
-        sm: "h-8 gap-2 px-3 text-gdt-xs [&_svg:not([class*='size-'])]:size-3.5",
-        md: "h-10 gap-2 px-3.5 text-gdt-sm [&_svg:not([class*='size-'])]:size-4",
-        lg: "h-12 gap-2.5 px-4 pr-5 text-gdt-md [&_svg:not([class*='size-'])]:size-4.5"
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-);
-var selectContentVariants = cva(
-  "relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto border border-line-subtle bg-canvas text-fg-primary shadow-(--elevation-e1-shadow) 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",
-  {
-    variants: {
-      size: {
-        sm: "rounded-lg p-1",
-        md: "rounded-xl p-1.5",
-        lg: "rounded-[18px] p-2"
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-);
-var selectItemVariants = cva(
-  "group/select-item relative flex w-full cursor-pointer items-center font-normal text-fg-primary outline-none select-none data-highlighted:bg-surface data-disabled:pointer-events-none data-disabled:text-fg-caption-placeholder [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
-  {
-    variants: {
-      size: {
-        sm: "gap-1.5 rounded-md px-3 py-1.5 text-gdt-xs",
-        md: "gap-2 rounded-md px-4 py-2 text-gdt-sm",
-        lg: "gap-2.5 rounded-md px-4 py-2.5 text-gdt-md"
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-);
+const selectTriggerVariants = cva("group/select-trigger flex w-fit min-w-0 items-center justify-between rounded-full border border-line bg-canvas text-left font-normal whitespace-nowrap text-fg-primary shadow-none outline-none transition-[background-color,border-color,border-radius,box-shadow,color] select-none hover:border-line-strong focus-visible:border-line-focus focus-visible:inset-ring-1 focus-visible:inset-ring-line-focus data-focused:border-line-focus data-focused:inset-ring-1 data-focused:inset-ring-line-focus data-popup-open:rounded-2xl data-popup-open:border-line-focus data-popup-open:inset-ring-1 data-popup-open:inset-ring-line-focus disabled:pointer-events-none disabled:cursor-not-allowed disabled:border-line-subtle disabled:bg-surface disabled:text-fg-caption-placeholder data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:border-line-subtle data-disabled:bg-surface data-disabled:text-fg-caption-placeholder data-placeholder:text-fg-caption-placeholder aria-invalid:border-line-danger aria-invalid:text-fg-danger aria-invalid:shadow-none data-[invalid=true]:border-line-danger data-[invalid=true]:text-fg-danger *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:min-w-0 *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+	variants: { size: {
+		sm: "h-8 gap-2 px-3 text-gdt-xs [&_svg:not([class*='size-'])]:size-3.5",
+		md: "h-10 gap-2 px-3.5 text-gdt-sm [&_svg:not([class*='size-'])]:size-4",
+		lg: "h-12 gap-2.5 px-4 pr-5 text-gdt-md [&_svg:not([class*='size-'])]:size-4.5"
+	} },
+	defaultVariants: { size: "md" }
+});
+const selectContentVariants = cva("relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto border border-line-subtle bg-canvas text-fg-primary shadow-(--elevation-e1-shadow) 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", {
+	variants: { size: {
+		sm: "rounded-lg p-1",
+		md: "rounded-xl p-1.5",
+		lg: "rounded-[18px] p-2"
+	} },
+	defaultVariants: { size: "md" }
+});
+const selectItemVariants = cva("group/select-item relative flex w-full cursor-pointer items-center font-normal text-fg-primary outline-none select-none data-highlighted:bg-surface data-disabled:pointer-events-none data-disabled:text-fg-caption-placeholder [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", {
+	variants: { size: {
+		sm: "gap-1.5 rounded-md px-3 py-1.5 text-gdt-xs",
+		md: "gap-2 rounded-md px-4 py-2 text-gdt-sm",
+		lg: "gap-2.5 rounded-md px-4 py-2.5 text-gdt-md"
+	} },
+	defaultVariants: { size: "md" }
+});
 function SelectGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx2(
-    SelectPrimitive.Group,
-    {
-      "data-slot": "select-group",
-      className: cn("scroll-my-1 space-y-0.5", className),
-      ...props
-    }
-  );
+	return /* @__PURE__ */ jsx(Select$1.Group, {
+		"data-slot": "select-group",
+		className: cn("scroll-my-1 space-y-0.5", className),
+		...props
+	});
 }
 function SelectValue({ className, ...props }) {
-  return /* @__PURE__ */ jsx2(
-    SelectPrimitive.Value,
-    {
-      "data-slot": "select-value",
-      className: cn("flex min-w-0 flex-1 text-left", className),
-      ...props
-    }
-  );
+	return /* @__PURE__ */ jsx(Select$1.Value, {
+		"data-slot": "select-value",
+		className: cn("flex min-w-0 flex-1 text-left", className),
+		...props
+	});
 }
-function SelectTrigger({
-  className,
-  children,
-  unstyled,
-  ...props
-}) {
-  const resolvedSize = useComponentSize();
-  return /* @__PURE__ */ jsxs(
-    SelectPrimitive.Trigger,
-    {
-      "data-slot": "select-trigger",
-      "data-size": resolvedSize,
-      className: cn(
-        !unstyled && selectTriggerVariants({ size: resolvedSize }),
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsx2(
-          SelectPrimitive.Icon,
-          {
-            render: /* @__PURE__ */ jsx2(ChevronDownIcon, { className: "text-line-strong transition-transform group-data-disabled/select-trigger:text-fg-caption-placeholder data-popup-open:rotate-180" })
-          }
-        )
-      ]
-    }
-  );
+function SelectTrigger({ className, children, unstyled, ...props }) {
+	const resolvedSize = useComponentSize();
+	return /* @__PURE__ */ jsxs(Select$1.Trigger, {
+		"data-slot": "select-trigger",
+		"data-size": resolvedSize,
+		className: cn(!unstyled && selectTriggerVariants({ size: resolvedSize }), className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(Select$1.Icon, { render: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "text-line-strong transition-transform group-data-disabled/select-trigger:text-fg-caption-placeholder data-popup-open:rotate-180" }) })]
+	});
 }
-function SelectContent({
-  className,
-  children,
-  side = "bottom",
-  sideOffset = 8,
-  align = "center",
-  alignOffset = 0,
-  alignItemWithTrigger = false,
-  ...props
-}) {
-  const resolvedSize = useComponentSize();
-  return /* @__PURE__ */ jsx2(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx2(
-    SelectPrimitive.Positioner,
-    {
-      side,
-      sideOffset,
-      align,
-      alignOffset,
-      alignItemWithTrigger,
-      className: "isolate z-50",
-      children: /* @__PURE__ */ jsxs(
-        SelectPrimitive.Popup,
-        {
-          "data-slot": "select-content",
-          "data-align-trigger": alignItemWithTrigger,
-          className: cn(
-            selectContentVariants({ size: resolvedSize }),
-            className
-          ),
-          ...props,
-          children: [
-            /* @__PURE__ */ jsx2(SelectScrollUpButton, {}),
-            /* @__PURE__ */ jsx2(SelectPrimitive.List, { className: "space-y-0.5", children }),
-            /* @__PURE__ */ jsx2(SelectScrollDownButton, {})
-          ]
-        }
-      )
-    }
-  ) });
+function SelectContent({ className, children, side = "bottom", sideOffset = 8, align = "center", alignOffset = 0, alignItemWithTrigger = false, ...props }) {
+	const resolvedSize = useComponentSize();
+	return /* @__PURE__ */ jsx(Select$1.Portal, { children: /* @__PURE__ */ jsx(Select$1.Positioner, {
+		side,
+		sideOffset,
+		align,
+		alignOffset,
+		alignItemWithTrigger,
+		className: "isolate z-50",
+		children: /* @__PURE__ */ jsxs(Select$1.Popup, {
+			"data-slot": "select-content",
+			"data-align-trigger": alignItemWithTrigger,
+			className: cn(selectContentVariants({ size: resolvedSize }), className),
+			...props,
+			children: [
+				/* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+				/* @__PURE__ */ jsx(Select$1.List, {
+					className: "space-y-0.5",
+					children
+				}),
+				/* @__PURE__ */ jsx(SelectScrollDownButton, {})
+			]
+		})
+	}) });
 }
-function SelectLabel({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx2(
-    SelectPrimitive.GroupLabel,
-    {
-      "data-slot": "select-label",
-      className: cn("px-3 py-1 text-gdt-xs text-fg-secondary", className),
-      ...props
-    }
-  );
+function SelectLabel({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Select$1.GroupLabel, {
+		"data-slot": "select-label",
+		className: cn("px-3 py-1 text-gdt-xs text-fg-secondary", className),
+		...props
+	});
 }
-function SelectItem({
-  className,
-  children,
-  ...props
-}) {
-  const { multiple } = React.useContext(SelectSelectionContext);
-  const resolvedSize = useComponentSize();
-  return /* @__PURE__ */ jsxs(
-    SelectPrimitive.Item,
-    {
-      "data-slot": "select-item",
-      className: cn(
-        selectItemVariants({ size: resolvedSize }),
-        !multiple && "data-selected:bg-surface-brand-subtle data-selected:font-medium data-selected:text-fg-brand",
-        className
-      ),
-      ...props,
-      children: [
-        multiple ? /* @__PURE__ */ jsx2(
-          SelectPrimitive.ItemIndicator,
-          {
-            keepMounted: true,
-            className: "flex size-5 shrink-0 items-center justify-center rounded-sm border border-line bg-canvas text-transparent transition-[background-color,border-color,color] group-data-selected/select-item:border-action-primary group-data-selected/select-item:bg-action-primary group-data-selected/select-item:text-fg-on-brand group-data-disabled/select-item:border-line-subtle group-data-disabled/select-item:bg-surface group-data-disabled/select-item:text-fg-caption-placeholder [&>svg]:size-3",
-            children: /* @__PURE__ */ jsx2(CheckIcon, {})
-          }
-        ) : null,
-        /* @__PURE__ */ jsx2(SelectPrimitive.ItemText, { className: "flex min-w-0 flex-1 shrink-0 gap-2 whitespace-nowrap", children })
-      ]
-    }
-  );
+function SelectItem({ className, children, ...props }) {
+	const { multiple } = React.useContext(SelectSelectionContext);
+	const resolvedSize = useComponentSize();
+	return /* @__PURE__ */ jsxs(Select$1.Item, {
+		"data-slot": "select-item",
+		className: cn(selectItemVariants({ size: resolvedSize }), !multiple && "data-selected:bg-surface-brand-subtle data-selected:font-medium data-selected:text-fg-brand", className),
+		...props,
+		children: [multiple ? /* @__PURE__ */ jsx(Select$1.ItemIndicator, {
+			keepMounted: true,
+			className: "flex size-5 shrink-0 items-center justify-center rounded-sm border border-line bg-canvas text-transparent transition-[background-color,border-color,color] group-data-selected/select-item:border-action-primary group-data-selected/select-item:bg-action-primary group-data-selected/select-item:text-fg-on-brand group-data-disabled/select-item:border-line-subtle group-data-disabled/select-item:bg-surface group-data-disabled/select-item:text-fg-caption-placeholder [&>svg]:size-3",
+			children: /* @__PURE__ */ jsx(CheckIcon, {})
+		}) : null, /* @__PURE__ */ jsx(Select$1.ItemText, {
+			className: "flex min-w-0 flex-1 shrink-0 gap-2 whitespace-nowrap",
+			children
+		})]
+	});
 }
-function SelectSeparator({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx2(
-    SelectPrimitive.Separator,
-    {
-      "data-slot": "select-separator",
-      className: cn("pointer-events-none my-1 h-px bg-line-subtle", className),
-      ...props
-    }
-  );
+function SelectSeparator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Select$1.Separator, {
+		"data-slot": "select-separator",
+		className: cn("pointer-events-none my-1 h-px bg-line-subtle", className),
+		...props
+	});
 }
-function SelectScrollUpButton({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx2(
-    SelectPrimitive.ScrollUpArrow,
-    {
-      "data-slot": "select-scroll-up-button",
-      className: cn(
-        "sticky top-0 z-10 flex h-7 w-full cursor-default items-center justify-center bg-canvas text-fg-secondary [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx2(ChevronUpIcon, {})
-    }
-  );
+function SelectScrollUpButton({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Select$1.ScrollUpArrow, {
+		"data-slot": "select-scroll-up-button",
+		className: cn("sticky top-0 z-10 flex h-7 w-full cursor-default items-center justify-center bg-canvas text-fg-secondary [&_svg:not([class*='size-'])]:size-4", className),
+		...props,
+		children: /* @__PURE__ */ jsx(ChevronUpIcon, {})
+	});
 }
-function SelectScrollDownButton({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx2(
-    SelectPrimitive.ScrollDownArrow,
-    {
-      "data-slot": "select-scroll-down-button",
-      className: cn(
-        "sticky bottom-0 z-10 flex h-7 w-full cursor-default items-center justify-center bg-canvas text-fg-secondary [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx2(ChevronDownIcon, {})
-    }
-  );
+function SelectScrollDownButton({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Select$1.ScrollDownArrow, {
+		"data-slot": "select-scroll-down-button",
+		className: cn("sticky bottom-0 z-10 flex h-7 w-full cursor-default items-center justify-center bg-canvas text-fg-secondary [&_svg:not([class*='size-'])]:size-4", className),
+		...props,
+		children: /* @__PURE__ */ jsx(ChevronDownIcon, {})
+	});
 }
-export {
-  Select,
-  SelectContent,
-  SelectGroup,
-  SelectItem,
-  SelectLabel,
-  SelectScrollDownButton,
-  SelectScrollUpButton,
-  SelectSeparator,
-  SelectTrigger,
-  SelectValue
-};
-//# sourceMappingURL=select.js.map
+//#endregion
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };

package/dist/separator.d.ts

@@ -1,10 +1,9 @@
-import * as React from 'react';
-import { Separator as Separator$1 } from '@base-ui/react/separator';
-
+import { Separator as Separator$1 } from "@base-ui/react/separator";
+//#region src/separator.d.ts
 declare function Separator({ className, orientation, dashed, shade, thickness, ...props }: Separator$1.Props & {
-    dashed?: boolean;
-    shade?: "feint" | "deep";
-    thickness?: "hairline" | "default" | "thick" | "extra-thick";
-}): React.JSX.Element;
-
-export { Separator };
+  dashed?: boolean;
+  shade?: "feint" | "deep";
+  thickness?: "hairline" | "default" | "thick" | "extra-thick";
+}): import("react").JSX.Element;
+//#endregion
+export { Separator };

package/dist/separator.js

@@ -1,72 +1,33 @@
-// src/components/ui/separator.tsx
-import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
-
-// src/lib/cn.ts
-import { clsx } from "clsx";
-import { extendTailwindMerge } from "tailwind-merge";
-var twMerge = extendTailwindMerge({
-  extend: {
-    classGroups: {
-      "font-size": [
-        {
-          text: [
-            "gdt-display",
-            "gdt-h1",
-            "gdt-h2",
-            "gdt-h3",
-            "gdt-h4",
-            "gdt-h5",
-            "gdt-xl",
-            "gdt-lg",
-            "gdt-md",
-            "gdt-sm",
-            "gdt-xs",
-            "gdt-subtext",
-            "gdt-capitalized"
-          ]
-        }
-      ]
-    }
-  }
-});
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/components/ui/separator.tsx
+"use client";
+import { t as cn } from "./cn-BI_4DMBf.js";
 import { jsx } from "react/jsx-runtime";
-function Separator({
-  className,
-  orientation = "horizontal",
-  dashed = false,
-  shade = "feint",
-  thickness = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    SeparatorPrimitive,
-    {
-      "data-slot": "separator",
-      orientation,
-      className: cn(
-        "shrink-0 data-horizontal:h-0 data-horizontal:w-full data-vertical:w-0 data-vertical:self-stretch",
-        // style
-        dashed ? "border-dashed" : "border-solid",
-        // shade
-        shade === "feint" && "border-line-subtle",
-        shade === "deep" && "border-line",
-        // thickness
-        thickness === "hairline" && "data-horizontal:border-t-[0.5px] data-vertical:border-l-[0.5px]",
-        thickness === "default" && "data-horizontal:border-t data-vertical:border-l",
-        thickness === "thick" && "data-horizontal:border-t-2 data-vertical:border-l-2",
-        thickness === "extra-thick" && "data-horizontal:border-t-[3px] data-vertical:border-l-[3px]",
-        className
-      ),
-      ...props
-    }
-  );
+import { Separator as Separator$1 } from "@base-ui/react/separator";
+//#region src/separator.tsx
+function Separator({ className, orientation = "horizontal", dashed = false, shade = "feint", thickness = "default", ...props }) {
+	return /* @__PURE__ */ jsx(Separator$1, {
+		"data-slot": "separator",
+		orientation,
+		className: cn("shrink-0", dashed ? [
+			"border-dashed",
+			"data-[orientation=horizontal]:h-0 data-[orientation=horizontal]:w-full",
+			"data-[orientation=vertical]:w-0 data-[orientation=vertical]:self-stretch",
+			shade === "feint" && "border-line-subtle",
+			shade === "deep" && "border-line",
+			thickness === "hairline" && "data-[orientation=horizontal]:border-t-[0.5px] data-[orientation=vertical]:border-l-[0.5px]",
+			thickness === "default" && "data-[orientation=horizontal]:border-t data-[orientation=vertical]:border-l",
+			thickness === "thick" && "data-[orientation=horizontal]:border-t-2 data-[orientation=vertical]:border-l-2",
+			thickness === "extra-thick" && "data-[orientation=horizontal]:border-t-[3px] data-[orientation=vertical]:border-l-[3px]"
+		] : [
+			"data-[orientation=horizontal]:w-full data-[orientation=vertical]:self-stretch",
+			shade === "feint" && "bg-line-subtle",
+			shade === "deep" && "bg-line",
+			thickness === "hairline" && "data-[orientation=horizontal]:h-[0.5px] data-[orientation=vertical]:w-[0.5px]",
+			thickness === "default" && "data-[orientation=horizontal]:h-px data-[orientation=vertical]:w-px",
+			thickness === "thick" && "data-[orientation=horizontal]:h-0.5 data-[orientation=vertical]:w-0.5",
+			thickness === "extra-thick" && "data-[orientation=horizontal]:h-1.5 data-[orientation=vertical]:w-1.5"
+		], className),
+		...props
+	});
 }
-export {
-  Separator
-};
-//# sourceMappingURL=separator.js.map
+//#endregion
+export { Separator };

package/dist/sheet.d.ts

@@ -1,24 +1,24 @@
-import { Dialog } from '@base-ui/react/dialog';
-import * as React from 'react';
-
+import * as React from "react";
+import { Dialog } from "@base-ui/react/dialog";
+//#region src/sheet.d.ts
 type SheetSide = "top" | "right" | "bottom" | "left";
 declare function Sheet({ ...props }: Dialog.Root.Props): React.JSX.Element;
 declare function SheetTrigger({ ...props }: Dialog.Trigger.Props): React.JSX.Element;
 declare function SheetClose({ ...props }: Dialog.Close.Props): React.JSX.Element;
 type SheetContentProps = Dialog.Popup.Props & {
-    side?: SheetSide;
-    showCloseButton?: boolean;
+  side?: SheetSide;
+  showCloseButton?: boolean;
 } & ({
-    side: "top" | "bottom";
-    size?: "fullscreen";
+  side: "top" | "bottom";
+  size?: "fullscreen";
 } | {
-    side?: "left" | "right";
-    size?: "sm" | "md" | "lg";
+  side?: "left" | "right";
+  size?: "sm" | "md" | "lg";
 });
 declare function SheetContent({ className, children, side, size, showCloseButton, ...props }: SheetContentProps): React.JSX.Element;
 declare function SheetHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function SheetFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function SheetTitle({ className, ...props }: Dialog.Title.Props): React.JSX.Element;
 declare function SheetDescription({ className, ...props }: Dialog.Description.Props): React.JSX.Element;
-
-export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };
+//#endregion
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };