@giddaa-housing/ui 1.0.0 → 1.1.0

package/dist/search-input.js

@@ -1,113 +1,61 @@
-import {
-  InputGroup,
-  InputGroupAddon,
-  InputGroupButton,
-  InputGroupInput
-} from "./chunk-6ZSGQHH2.js";
-import "./chunk-KSMDANKI.js";
-import "./chunk-MEKCCOP5.js";
-import "./chunk-3ACQVT7A.js";
-import "./chunk-B4H6RNDH.js";
-import "./chunk-HL3ZSYES.js";
-import {
-  cn
-} from "./chunk-Y4TTYVNE.js";
-
-// src/search-input.tsx
+import { t as cn } from "./cn-BI_4DMBf.js";
+import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "./input-group.js";
 import { Search, X } from "lucide-react";
-import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+//#region src/search-input.tsx
 function hasValue(value) {
-  if (Array.isArray(value)) {
-    return value.length > 0;
-  }
-  return value !== void 0 && value !== null && String(value).length > 0;
+	if (Array.isArray(value)) return value.length > 0;
+	return value !== void 0 && value !== null && String(value).length > 0;
 }
-var SearchInput = React.forwardRef(
-  function SearchInput2({
-    className,
-    size,
-    value,
-    defaultValue,
-    wrapperClassName,
-    onChange,
-    onClear,
-    disabled,
-    readOnly,
-    variant = "dashboard",
-    ...props
-  }, ref) {
-    const inputRef = React.useRef(null);
-    const [hasUncontrolledValue, setHasUncontrolledValue] = React.useState(
-      () => hasValue(defaultValue)
-    );
-    const isControlled = value !== void 0;
-    const showClearButton = isControlled ? hasValue(value) : hasUncontrolledValue;
-    React.useImperativeHandle(ref, () => inputRef.current);
-    function handleChange(event) {
-      if (!isControlled) {
-        setHasUncontrolledValue(hasValue(event.currentTarget.value));
-      }
-      onChange?.(event);
-    }
-    function handleClear() {
-      const input = inputRef.current;
-      if (!input) {
-        return;
-      }
-      const valueSetter = Object.getOwnPropertyDescriptor(
-        window.HTMLInputElement.prototype,
-        "value"
-      )?.set;
-      if (valueSetter) {
-        valueSetter.call(input, "");
-      } else {
-        input.value = "";
-      }
-      setHasUncontrolledValue(false);
-      input.dispatchEvent(new Event("input", { bubbles: true }));
-      input.focus();
-      onClear?.();
-    }
-    return /* @__PURE__ */ jsxs(
-      InputGroup,
-      {
-        size,
-        className: cn(
-          variant === "app" && "shadow-4 focus-within:shadow-none",
-          wrapperClassName
-        ),
-        children: [
-          /* @__PURE__ */ jsx(
-            InputGroupInput,
-            {
-              ref: inputRef,
-              size,
-              value,
-              defaultValue,
-              className,
-              ...props,
-              disabled,
-              readOnly,
-              onChange: handleChange
-            }
-          ),
-          /* @__PURE__ */ jsx(InputGroupAddon, { children: /* @__PURE__ */ jsx(Search, {}) }),
-          showClearButton ? /* @__PURE__ */ jsx(InputGroupAddon, { align: "inline-end", children: /* @__PURE__ */ jsx(
-            InputGroupButton,
-            {
-              "aria-label": "Clear search",
-              disabled: disabled || readOnly,
-              onClick: handleClear,
-              children: /* @__PURE__ */ jsx(X, { className: "size-3" })
-            }
-          ) }) : null
-        ]
-      }
-    );
-  }
-);
-export {
-  SearchInput
-};
-//# sourceMappingURL=search-input.js.map
+const SearchInput = React.forwardRef(function SearchInput({ className, size, value, defaultValue, wrapperClassName, onChange, onClear, disabled, readOnly, variant = "dashboard", ...props }, ref) {
+	const inputRef = React.useRef(null);
+	const [hasUncontrolledValue, setHasUncontrolledValue] = React.useState(() => hasValue(defaultValue));
+	const isControlled = value !== void 0;
+	const showClearButton = isControlled ? hasValue(value) : hasUncontrolledValue;
+	React.useImperativeHandle(ref, () => inputRef.current);
+	function handleChange(event) {
+		if (!isControlled) setHasUncontrolledValue(hasValue(event.currentTarget.value));
+		onChange?.(event);
+	}
+	function handleClear() {
+		const input = inputRef.current;
+		if (!input) return;
+		const valueSetter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")?.set;
+		if (valueSetter) valueSetter.call(input, "");
+		else input.value = "";
+		setHasUncontrolledValue(false);
+		input.dispatchEvent(new Event("input", { bubbles: true }));
+		input.focus();
+		onClear?.();
+	}
+	return /* @__PURE__ */ jsxs(InputGroup, {
+		size,
+		className: cn(variant === "app" && "shadow-4 focus-within:shadow-none", wrapperClassName),
+		children: [
+			/* @__PURE__ */ jsx(InputGroupInput, {
+				ref: inputRef,
+				size,
+				value,
+				defaultValue,
+				className,
+				...props,
+				disabled,
+				readOnly,
+				onChange: handleChange
+			}),
+			/* @__PURE__ */ jsx(InputGroupAddon, { children: /* @__PURE__ */ jsx(Search, {}) }),
+			showClearButton ? /* @__PURE__ */ jsx(InputGroupAddon, {
+				align: "inline-end",
+				children: /* @__PURE__ */ jsx(InputGroupButton, {
+					"aria-label": "Clear search",
+					disabled: disabled || readOnly,
+					onClick: handleClear,
+					children: /* @__PURE__ */ jsx(X, { className: "size-3" })
+				})
+			}) : null
+		]
+	});
+});
+//#endregion
+export { SearchInput };

package/dist/select.d.ts

@@ -1,15 +1,15 @@
-import { Select as Select$1 } from '@base-ui/react/select';
-import * as React from 'react';
-import { ComponentSize } from './size-context.js';
-
+import { t as ComponentSize } from "./size-context-D4mYvcg8.js";
+import * as React from "react";
+import { Select as Select$1 } from "@base-ui/react/select";
+//#region src/select.d.ts
 type SelectSize = ComponentSize;
 declare function Select<Value, Multiple extends boolean | undefined = false>({ multiple, children, size, ...props }: Select$1.Root.Props<Value, Multiple> & {
-    size?: SelectSize;
+  size?: SelectSize;
 }): React.JSX.Element;
 declare function SelectGroup({ className, ...props }: Select$1.Group.Props): React.JSX.Element;
 declare function SelectValue({ className, ...props }: Select$1.Value.Props): React.JSX.Element;
 declare function SelectTrigger({ className, children, unstyled, ...props }: Select$1.Trigger.Props & {
-    unstyled?: boolean;
+  unstyled?: boolean;
 }): React.JSX.Element;
 declare function SelectContent({ className, children, side, sideOffset, align, alignOffset, alignItemWithTrigger, ...props }: Select$1.Popup.Props & Pick<Select$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset" | "alignItemWithTrigger">): React.JSX.Element;
 declare function SelectLabel({ className, ...props }: Select$1.GroupLabel.Props): React.JSX.Element;
@@ -17,5 +17,5 @@ declare function SelectItem({ className, children, ...props }: Select$1.Item.Pro
 declare function SelectSeparator({ className, ...props }: Select$1.Separator.Props): React.JSX.Element;
 declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof Select$1.ScrollUpArrow>): React.JSX.Element;
 declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof Select$1.ScrollDownArrow>): React.JSX.Element;
-
-export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, type SelectSize, SelectTrigger, SelectValue };
+//#endregion
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, type SelectSize, SelectTrigger, SelectValue };

package/dist/select.js

@@ -1,28 +1,145 @@
 "use client";
-import {
-  Select,
-  SelectContent,
-  SelectGroup,
-  SelectItem,
-  SelectLabel,
-  SelectScrollDownButton,
-  SelectScrollUpButton,
-  SelectSeparator,
-  SelectTrigger,
-  SelectValue
-} from "./chunk-SFNJGF6M.js";
-import "./chunk-HL3ZSYES.js";
-import "./chunk-Y4TTYVNE.js";
-export {
-  Select,
-  SelectContent,
-  SelectGroup,
-  SelectItem,
-  SelectLabel,
-  SelectScrollDownButton,
-  SelectScrollUpButton,
-  SelectSeparator,
-  SelectTrigger,
-  SelectValue
-};
-//# sourceMappingURL=select.js.map
+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";
+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
+			})
+		})
+	});
+}
+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__ */ 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__ */ 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(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__ */ 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__ */ 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(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__ */ 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__ */ 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__ */ 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, {})
+	});
+}
+//#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,9 +1,33 @@
 "use client";
-import {
-  Separator
-} from "./chunk-CHII2QHH.js";
-import "./chunk-Y4TTYVNE.js";
-export {
-  Separator
-};
-//# sourceMappingURL=separator.js.map
+import { t as cn } from "./cn-BI_4DMBf.js";
+import { jsx } from "react/jsx-runtime";
+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
+	});
+}
+//#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 };

package/dist/sheet.js

@@ -1,25 +1,104 @@
 "use client";
-import {
-  Sheet,
-  SheetClose,
-  SheetContent,
-  SheetDescription,
-  SheetFooter,
-  SheetHeader,
-  SheetTitle,
-  SheetTrigger
-} from "./chunk-PC5MHNVA.js";
-import "./chunk-B4H6RNDH.js";
-import "./chunk-HL3ZSYES.js";
-import "./chunk-Y4TTYVNE.js";
-export {
-  Sheet,
-  SheetClose,
-  SheetContent,
-  SheetDescription,
-  SheetFooter,
-  SheetHeader,
-  SheetTitle,
-  SheetTrigger
-};
-//# sourceMappingURL=sheet.js.map
+import { t as cn } from "./cn-BI_4DMBf.js";
+import { SizeProvider } from "./size-context.js";
+import { Button } from "./button.js";
+import { XIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Dialog } from "@base-ui/react/dialog";
+//#region src/sheet.tsx
+function Sheet({ ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Root, {
+		"data-slot": "sheet",
+		...props
+	});
+}
+function SheetTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Trigger, {
+		"data-slot": "sheet-trigger",
+		...props
+	});
+}
+function SheetClose({ ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Close, {
+		"data-slot": "sheet-close",
+		...props
+	});
+}
+function SheetPortal({ ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Portal, {
+		"data-slot": "sheet-portal",
+		...props
+	});
+}
+function SheetOverlay({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Backdrop, {
+		"data-slot": "sheet-overlay",
+		className: cn("fixed inset-0 z-50 bg-black/55 transition-opacity duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xl", className),
+		...props
+	});
+}
+const sheetContentVariants = cva("group/sheet-content fixed z-50 flex flex-col gap-0 overflow-visible rounded-2xl border border-line-subtle bg-surface-overlay bg-clip-padding text-fg-primary shadow-(--elevation-e2-shadow) transition duration-200 ease-in-out data-ending-style:opacity-0 data-starting-style:opacity-0 [--sheet-padding-x:1rem] [--sheet-padding-top:1rem] data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:w-full data-[side=bottom]:rounded-b-none data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:w-full data-[side=top]:rounded-t-none data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:rounded-l-none data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:rounded-r-none data-[side=bottom]:data-ending-style:translate-y-[2.5rem] data-[side=bottom]:data-starting-style:translate-y-[2.5rem] data-[side=left]:data-ending-style:translate-x-[-2.5rem] data-[side=left]:data-starting-style:translate-x-[-2.5rem] data-[side=right]:data-ending-style:translate-x-[2.5rem] data-[side=right]:data-starting-style:translate-x-[2.5rem] data-[side=top]:data-ending-style:translate-y-[-2.5rem] data-[side=top]:data-starting-style:translate-y-[-2.5rem] px-(--sheet-padding-x) **:data-[slot=tabs]:has-data-[variant=underline]:-mx-(--sheet-padding-x) **:has-data-[variant=underline]:*:px-(--sheet-padding-x)", {
+	variants: { size: {
+		sm: "sm:[--sheet-padding-top:1.5rem] sm:[--sheet-padding-x:1.5rem] w-90 max-w-[calc(100vw-2.5rem)] [--sheet-title:var(--text-gdt-h5)]",
+		md: "sm:[--sheet-padding-top:1.5rem] sm:[--sheet-padding-x:2rem] xl:[--sheet-padding-x:2.5rem] w-120 max-w-[calc(100vw-2.5rem)] [--sheet-title:var(--text-gdt-h4)]",
+		lg: "sm:[--sheet-padding-top:1.5rem] sm:[--sheet-padding-x:2rem] xl:[--sheet-padding-x:2.5rem] w-160 max-w-[calc(100vw-2.5rem)] [--sheet-title:var(--text-gdt-h3)]",
+		fullscreen: "sm:[--sheet-padding-top:2rem] sm:[--sheet-padding-x:2.5rem] xl:[--sheet-padding-x:5rem] [--sheet-title:var(--text-gdt-h2)] h-[calc(100lvh-3.5rem)] rounded:xl sm:rounded-2xl"
+	} },
+	defaultVariants: { size: "md" }
+});
+function SheetContent({ className, children, side = "left", size = "md", showCloseButton = true, ...props }) {
+	const resolvedSize = side === "top" || side === "bottom" ? "fullscreen" : size !== "fullscreen" ? size : "md";
+	return /* @__PURE__ */ jsxs(SheetPortal, { children: [/* @__PURE__ */ jsx(SheetOverlay, {}), /* @__PURE__ */ jsx(SizeProvider, {
+		size: resolvedSize === "fullscreen" ? "lg" : resolvedSize,
+		children: /* @__PURE__ */ jsxs(Dialog.Popup, {
+			"data-slot": "sheet-content",
+			"data-side": side,
+			"data-size": resolvedSize,
+			className: cn(sheetContentVariants({ size: resolvedSize }), className),
+			...props,
+			children: [children, showCloseButton && /* @__PURE__ */ jsx(Dialog.Close, {
+				"data-slot": "sheet-close",
+				render: /* @__PURE__ */ jsxs(Button, {
+					variant: "ghost",
+					className: "absolute z-10 size-8 border border-line bg-surface p-0 text-fg-primary shadow-(--elevation-e1-shadow) hover:bg-surface-raised group-data-[side=bottom]/sheet-content:-top-10 group-data-[side=bottom]/sheet-content:right-4 group-data-[side=top]/sheet-content:-bottom-10 group-data-[side=top]/sheet-content:right-4 group-data-[side=left]/sheet-content:-right-10 group-data-[side=left]/sheet-content:top-4 group-data-[side=right]/sheet-content:-left-10 group-data-[side=right]/sheet-content:top-4",
+					size: "icon-sm",
+					children: [/* @__PURE__ */ jsx(XIcon, {}), /* @__PURE__ */ jsx("span", {
+						className: "sr-only",
+						children: "Close"
+					})]
+				})
+			})]
+		})
+	})] });
+}
+function SheetHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "sheet-header",
+		className: cn("flex flex-col gap-1 -mx-(--sheet-padding-x) px-(--sheet-padding-x) pt-(--sheet-padding-top) pb-4 border-b border-line-subtle group-has-[[data-slot=tabs-list][data-variant=underline]]/sheet-content:border-b-0 group-has-[[data-slot=tabs-list][data-variant=underline]]/sheet-content:pb-2", className),
+		...props
+	});
+}
+function SheetFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "sheet-footer",
+		className: cn("mt-auto flex items-center justify-end gap-2 border-t border-line-subtle -mx-(--sheet-padding-x) px-(--sheet-padding-x) py-4", className),
+		...props
+	});
+}
+function SheetTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Title, {
+		"data-slot": "sheet-title",
+		className: cn("font-extrabold text-fg-primary tracking-tight group-data-[size=fullscreen]/sheet-content:text-gdt-h2 group-data-[size=lg]/sheet-content:text-gdt-h3 group-data-[size=md]/sheet-content:text-gdt-h4 group-data-[size=sm]/sheet-content:text-gdt-h5", className),
+		...props
+	});
+}
+function SheetDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Description, {
+		"data-slot": "sheet-description",
+		className: cn("text-fg-secondary group-data-[size=fullscreen]/sheet-content:text-gdt-lg group-data-[size=lg]/sheet-content:text-gdt-md group-data-[size=md]/sheet-content:text-gdt-sm group-data-[size=sm]/sheet-content:text-gdt-xs", className),
+		...props
+	});
+}
+//#endregion
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };