@giddaa-housing/ui 1.2.0 → 2.1.0

package/dist/table.js

@@ -79,7 +79,7 @@ function TableRow({ className, ...props }) {
 function TableHead({ className, pinnedSide, ...props }) {
 	return /* @__PURE__ */ jsx("th", {
 		"data-slot": "table-head",
-		className: cn("relative h-14 px-6 py-4 text-left align-middle bg-surface-raised", "text-gdt-sm font-semibold text-fg-secondary", "whitespace-nowrap has-[[role=checkbox]]:pr-0", getPinnedDividerClassName(pinnedSide), className),
+		className: cn("relative h-14 px-6 py-4 text-left align-middle bg-surface-raised", "text-gdt-sm font-semibold text-fg-secondary", "break-words has-[[role=checkbox]]:pr-0", getPinnedDividerClassName(pinnedSide), className),
 		...props
 	});
 }
@@ -95,7 +95,7 @@ function TableHead({ className, pinnedSide, ...props }) {
 function TableCell({ className, pinned = false, pinnedSide, ...props }) {
 	return /* @__PURE__ */ jsx("td", {
 		"data-slot": "table-cell",
-		className: cn("relative h-14 px-6 py-4 align-middle text-gdt-sm text-fg-primary", "whitespace-nowrap", pinned && "bg-canvas transition-[background-color,filter] group-hover:bg-surface group-active:bg-surface-raised group-data-[state=selected]:bg-surface-brand-subtle group-data-[state=selected]:group-hover:bg-surface-brand-subtle group-data-[state=selected]:group-hover:brightness-95 group-data-[state=selected]:group-active:brightness-90", getPinnedDividerClassName(pinnedSide), className),
+		className: cn("relative h-14 px-6 py-4 align-middle text-gdt-sm text-fg-primary", "break-words", pinned && "bg-canvas transition-[background-color,filter] group-hover:bg-surface group-active:bg-surface-raised group-data-[state=selected]:bg-surface-brand-subtle group-data-[state=selected]:group-hover:bg-surface-brand-subtle group-data-[state=selected]:group-hover:brightness-95 group-data-[state=selected]:group-active:brightness-90", getPinnedDividerClassName(pinnedSide), className),
 		...props
 	});
 }

package/dist/tabs.d.ts

@@ -4,19 +4,25 @@ import { Tabs as Tabs$1 } from "@base-ui/react/tabs";
 //#region src/tabs.d.ts
 type TabsListVariant = "default" | "line" | "secondary" | "underline";
 declare function Tabs({ className, orientation, size, ...props }: Tabs$1.Root.Props & {
+  /**
+   * @deprecated Pass `size` to `TabsList` instead — the root is
+   * orchestration-only and doesn't render the triggers it used to size.
+   * Forwarded through context for now; removed in the next major.
+   */
   size?: ComponentSize;
 }): import("react").JSX.Element;
 declare const tabsListVariants: (props?: ({
   variant?: "secondary" | "underline" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare function TabsList({ className, variant, children, ...props }: Tabs$1.List.Props & {
+declare function TabsList({ className, variant, size, children, ...props }: Tabs$1.List.Props & {
   variant?: TabsListVariant;
+  size?: ComponentSize;
 }): import("react").JSX.Element;
 /**
  * Trigger styling, exported so recipes (e.g. an overflow "More" button that
- * isn't a real tab) can render the same look. Reads `variant` off the parent
- * `group/tabs-list` and `size` off the ancestor `group/tabs`, so it stays in
- * sync wherever it lives inside a `Tabs` tree.
+ * isn't a real tab) can render the same look. Reads both `variant` and `size`
+ * off the parent `group/tabs-list`, so it stays in sync wherever it lives
+ * inside a `Tabs` tree.
  */
 declare const tabsTriggerClassName: string;
 declare function TabsTrigger({ className, nativeButton, ...props }: Tabs$1.Tab.Props): import("react").JSX.Element;

package/dist/tabs.js

@@ -1,6 +1,6 @@
 "use client";
 import { t as cn } from "./cn-BI_4DMBf.js";
-import { useComponentSize } from "./size-context.js";
+import { SizeProvider, useComponentSize } from "./size-context.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { Tabs as Tabs$1 } from "@base-ui/react/tabs";
@@ -13,27 +13,31 @@ function resolveTabsListVariant(variant) {
 	return variant === "default" ? "secondary" : variant === "line" ? "underline" : variant;
 }
 function Tabs({ className, orientation = "horizontal", size, ...props }) {
-	const resolvedSize = useComponentSize(size);
-	return /* @__PURE__ */ jsx(Tabs$1.Root, {
+	const root = /* @__PURE__ */ jsx(Tabs$1.Root, {
 		"data-slot": "tabs",
 		"data-orientation": orientation,
-		"data-size": resolvedSize,
 		className: cn("group/tabs flex gap-3 data-[orientation=horizontal]:flex-col", className),
 		...props
 	});
+	return size ? /* @__PURE__ */ jsx(SizeProvider, {
+		size,
+		children: root
+	}) : root;
 }
-const tabsListVariants = cva(cn("group/tabs-list relative inline-flex w-fit shrink-0 items-center gap-1 text-fg-secondary", "group-data-[orientation=horizontal]/tabs:border-b group-data-[orientation=horizontal]/tabs:border-line-subtle", "group-data-[orientation=vertical]/tabs:flex-col group-data-[orientation=vertical]/tabs:border-l group-data-[orientation=vertical]/tabs:border-line-subtle"), {
+const tabsListVariants = cva(cn("group/tabs-list relative inline-flex w-fit shrink-0 items-center gap-1 text-fg-secondary", "group-data-[orientation=vertical]/tabs:flex-col"), {
 	variants: { variant: {
-		underline: "rounded-none bg-transparent p-0",
+		underline: cn("rounded-none bg-transparent p-0", "group-data-[orientation=horizontal]/tabs:border-b group-data-[orientation=horizontal]/tabs:border-line-subtle", "group-data-[orientation=vertical]/tabs:border-l group-data-[orientation=vertical]/tabs:border-line-subtle"),
 		secondary: "rounded-4xl bg-transparent p-0"
 	} },
 	defaultVariants: { variant: "underline" }
 });
-function TabsList({ className, variant = "underline", children, ...props }) {
+function TabsList({ className, variant = "underline", size, children, ...props }) {
 	const resolvedVariant = resolveTabsListVariant(variant);
+	const resolvedSize = useComponentSize(size);
 	return /* @__PURE__ */ jsxs(Tabs$1.List, {
 		"data-slot": "tabs-list",
 		"data-variant": resolvedVariant,
+		"data-size": resolvedSize,
 		className: cn(tabsListVariants({ variant: resolvedVariant }), className),
 		...props,
 		children: [children, /* @__PURE__ */ jsx(Tabs$1.Indicator, { className: cn("pointer-events-none absolute left-0 top-0 z-0 h-(--active-tab-height) w-(--active-tab-width) translate-x-(--active-tab-left) translate-y-(--active-tab-top) transition-[transform,width,height] duration-200 ease-in-out", "group-data-[variant=secondary]/tabs-list:hidden", "group-data-[variant=underline]/tabs-list:rounded-none group-data-[variant=underline]/tabs-list:bg-line-focus group-data-[variant=underline]/tabs-list:shadow-none", "group-data-[orientation=horizontal]/tabs:group-data-[variant=underline]/tabs-list:top-auto group-data-[orientation=horizontal]/tabs:group-data-[variant=underline]/tabs-list:bottom-[-1px] group-data-[orientation=horizontal]/tabs:group-data-[variant=underline]/tabs-list:h-0.5! group-data-[orientation=horizontal]/tabs:group-data-[variant=underline]/tabs-list:translate-y-0", "group-data-[orientation=vertical]/tabs:group-data-[variant=underline]/tabs-list:left-auto group-data-[orientation=vertical]/tabs:group-data-[variant=underline]/tabs-list:right-[-1px] group-data-[orientation=vertical]/tabs:group-data-[variant=underline]/tabs-list:w-0.5! group-data-[orientation=vertical]/tabs:group-data-[variant=underline]/tabs-list:translate-x-0") })]
@@ -41,11 +45,11 @@ function TabsList({ className, variant = "underline", children, ...props }) {
 }
 /**
 * Trigger styling, exported so recipes (e.g. an overflow "More" button that
-* isn't a real tab) can render the same look. Reads `variant` off the parent
-* `group/tabs-list` and `size` off the ancestor `group/tabs`, so it stays in
-* sync wherever it lives inside a `Tabs` tree.
+* isn't a real tab) can render the same look. Reads both `variant` and `size`
+* off the parent `group/tabs-list`, so it stays in sync wherever it lives
+* inside a `Tabs` tree.
 */
-const tabsTriggerClassName = cn("group/tabs-trigger relative inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap border border-transparent font-semibold outline-none transition-[background-color,color,box-shadow]", "focus-visible:shadow-[0px_0px_0px_2px_var(--color-line-focus)]", "disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50", "group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start", "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:text-current", "group-data-[size=sm]/tabs:text-gdt-xs group-data-[size=sm]/tabs:[&_svg:not([class*='size-'])]:size-3.5", "group-data-[size=md]/tabs:text-gdt-sm group-data-[size=md]/tabs:[&_svg:not([class*='size-'])]:size-4", "group-data-[size=lg]/tabs:text-gdt-md group-data-[size=lg]/tabs:[&_svg:not([class*='size-'])]:size-4.5", "group-data-[variant=underline]/tabs-list:group-data-[size=sm]/tabs:px-3 group-data-[variant=underline]/tabs-list:group-data-[size=sm]/tabs:py-1", "group-data-[variant=underline]/tabs-list:group-data-[size=md]/tabs:px-3.5 group-data-[variant=underline]/tabs-list:group-data-[size=md]/tabs:py-1.5", "group-data-[variant=underline]/tabs-list:group-data-[size=lg]/tabs:px-4 group-data-[variant=underline]/tabs-list:group-data-[size=lg]/tabs:py-1.5", "group-data-[variant=secondary]/tabs-list:group-data-[size=sm]/tabs:px-3 group-data-[variant=secondary]/tabs-list:group-data-[size=sm]/tabs:py-1", "group-data-[variant=secondary]/tabs-list:group-data-[size=md]/tabs:px-3.5 group-data-[variant=secondary]/tabs-list:group-data-[size=md]/tabs:py-1.5", "group-data-[variant=secondary]/tabs-list:group-data-[size=lg]/tabs:px-4 group-data-[variant=secondary]/tabs-list:group-data-[size=lg]/tabs:py-2", "group-data-[variant=underline]/tabs-list:-mb-px group-data-[variant=underline]/tabs-list:rounded-none group-data-[variant=underline]/tabs-list:text-fg-secondary group-data-[variant=underline]/tabs-list:hover:text-fg-primary group-data-[variant=underline]/tabs-list:data-active:text-fg-primary", "group-data-[variant=secondary]/tabs-list:rounded-4xl group-data-[variant=secondary]/tabs-list:bg-surface-raised group-data-[variant=secondary]/tabs-list:text-fg-secondary group-data-[variant=secondary]/tabs-list:hover:bg-surface group-data-[variant=secondary]/tabs-list:hover:text-fg-primary group-data-[variant=secondary]/tabs-list:data-active:bg-surface-brand group-data-[variant=secondary]/tabs-list:data-active:text-fg-on-brand group-data-[variant=secondary]/tabs-list:data-active:shadow-(--elevation-e1-shadow) group-data-[variant=secondary]/tabs-list:data-active:hover:bg-surface-brand group-data-[variant=secondary]/tabs-list:data-active:hover:text-fg-on-brand");
+const tabsTriggerClassName = cn("group/tabs-trigger relative inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap border border-transparent font-semibold outline-none transition-[background-color,color,box-shadow]", "focus-visible:shadow-[0px_0px_0px_2px_var(--color-line-focus)]", "disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50", "group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start", "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:text-current", "group-data-[size=sm]/tabs-list:text-gdt-xs group-data-[size=sm]/tabs-list:[&_svg:not([class*='size-'])]:size-3.5", "group-data-[size=md]/tabs-list:text-gdt-sm group-data-[size=md]/tabs-list:[&_svg:not([class*='size-'])]:size-4", "group-data-[size=lg]/tabs-list:text-gdt-md group-data-[size=lg]/tabs-list:[&_svg:not([class*='size-'])]:size-4.5", "group-data-[variant=underline]/tabs-list:group-data-[size=sm]/tabs-list:px-3 group-data-[variant=underline]/tabs-list:group-data-[size=sm]/tabs-list:py-1", "group-data-[variant=underline]/tabs-list:group-data-[size=md]/tabs-list:px-3.5 group-data-[variant=underline]/tabs-list:group-data-[size=md]/tabs-list:py-1.5", "group-data-[variant=underline]/tabs-list:group-data-[size=lg]/tabs-list:px-4 group-data-[variant=underline]/tabs-list:group-data-[size=lg]/tabs-list:py-1.5", "group-data-[variant=secondary]/tabs-list:group-data-[size=sm]/tabs-list:px-3 group-data-[variant=secondary]/tabs-list:group-data-[size=sm]/tabs-list:py-1", "group-data-[variant=secondary]/tabs-list:group-data-[size=md]/tabs-list:px-3.5 group-data-[variant=secondary]/tabs-list:group-data-[size=md]/tabs-list:py-1.5", "group-data-[variant=secondary]/tabs-list:group-data-[size=lg]/tabs-list:px-4 group-data-[variant=secondary]/tabs-list:group-data-[size=lg]/tabs-list:py-2", "group-data-[variant=underline]/tabs-list:-mb-px group-data-[variant=underline]/tabs-list:rounded-none group-data-[variant=underline]/tabs-list:text-fg-secondary group-data-[variant=underline]/tabs-list:hover:text-fg-primary group-data-[variant=underline]/tabs-list:data-active:text-fg-primary", "group-data-[variant=secondary]/tabs-list:rounded-4xl group-data-[variant=secondary]/tabs-list:bg-surface-raised group-data-[variant=secondary]/tabs-list:text-fg-secondary group-data-[variant=secondary]/tabs-list:hover:bg-surface group-data-[variant=secondary]/tabs-list:hover:text-fg-primary group-data-[variant=secondary]/tabs-list:data-active:bg-surface-brand group-data-[variant=secondary]/tabs-list:data-active:text-fg-on-brand group-data-[variant=secondary]/tabs-list:data-active:shadow-(--elevation-e1-shadow) group-data-[variant=secondary]/tabs-list:data-active:hover:bg-surface-brand group-data-[variant=secondary]/tabs-list:data-active:hover:text-fg-on-brand");
 function TabsTrigger({ className, nativeButton = true, ...props }) {
 	return /* @__PURE__ */ jsx(Tabs$1.Tab, {
 		"data-slot": "tabs-trigger",
@@ -95,7 +99,7 @@ function TabsCount({ className, count, abbreviate, max, loading, children, ...pr
 		"data-slot": "tabs-count",
 		"data-loading": loading || void 0,
 		"aria-busy": loading || void 0,
-		className: cn("inline-flex items-center justify-center rounded-full font-semibold leading-none transition-[background-color,color]", "group-data-[size=sm]/tabs:h-4 group-data-[size=sm]/tabs:min-w-4 group-data-[size=sm]/tabs:px-1 group-data-[size=sm]/tabs:text-[10px]", "group-data-[size=md]/tabs:h-5 group-data-[size=md]/tabs:min-w-5 group-data-[size=md]/tabs:px-1 group-data-[size=md]/tabs:text-[11px]", "group-data-[size=lg]/tabs:h-5 group-data-[size=lg]/tabs:min-w-5 group-data-[size=lg]/tabs:px-1.5 group-data-[size=lg]/tabs:text-gdt-xs", "group-data-[variant=underline]/tabs-list:bg-surface-raised group-data-[variant=underline]/tabs-list:text-fg-secondary group-data-[variant=underline]/tabs-list:group-data-[active]/tabs-trigger:bg-surface-brand-subtle group-data-[variant=underline]/tabs-list:group-data-[active]/tabs-trigger:text-fg-brand", "group-data-[variant=secondary]/tabs-list:bg-surface-overlay group-data-[variant=secondary]/tabs-list:text-fg-secondary group-data-[variant=secondary]/tabs-list:group-data-[active]/tabs-trigger:bg-surface-brand-subtle group-data-[variant=secondary]/tabs-list:group-data-[active]/tabs-trigger:text-fg-brand", "data-loading:animate-pulse", className),
+		className: cn("inline-flex items-center justify-center rounded-full font-semibold leading-none transition-[background-color,color]", "group-data-[size=sm]/tabs-list:h-4 group-data-[size=sm]/tabs-list:min-w-4 group-data-[size=sm]/tabs-list:px-1 group-data-[size=sm]/tabs-list:text-[10px]", "group-data-[size=md]/tabs-list:h-5 group-data-[size=md]/tabs-list:min-w-5 group-data-[size=md]/tabs-list:px-1 group-data-[size=md]/tabs-list:text-[11px]", "group-data-[size=lg]/tabs-list:h-5 group-data-[size=lg]/tabs-list:min-w-5 group-data-[size=lg]/tabs-list:px-1.5 group-data-[size=lg]/tabs-list:text-gdt-xs", "group-data-[variant=underline]/tabs-list:bg-surface-raised group-data-[variant=underline]/tabs-list:text-fg-secondary group-data-[variant=underline]/tabs-list:group-data-[active]/tabs-trigger:bg-surface-brand-subtle group-data-[variant=underline]/tabs-list:group-data-[active]/tabs-trigger:text-fg-brand", "group-data-[variant=secondary]/tabs-list:bg-surface-overlay group-data-[variant=secondary]/tabs-list:text-fg-secondary group-data-[variant=secondary]/tabs-list:group-data-[active]/tabs-trigger:bg-surface-brand-subtle group-data-[variant=secondary]/tabs-list:group-data-[active]/tabs-trigger:text-fg-brand", "data-loading:animate-pulse", className),
 		...props,
 		children: content
 	});

package/dist/time-picker.d.ts

@@ -1,3 +1,4 @@
+import { n as InputSize } from "./input-CfoEJ8A6.js";
 import * as React from "react";
 //#region src/time-picker.d.ts
 interface TimePickerProps {
@@ -5,9 +6,11 @@ interface TimePickerProps {
   onChange?: (time: string | undefined) => void;
   format?: "12h" | "24h";
   disabled?: boolean;
+  /** Controls the trigger size. The time selection panel is not resized. */
+  size?: InputSize;
   placeholder?: string;
   className?: string;
 }
-declare function TimePicker({ value, onChange, format, disabled, placeholder, className }: TimePickerProps): React.JSX.Element;
+declare function TimePicker({ value, onChange, format, disabled, size, placeholder, className }: TimePickerProps): React.JSX.Element;
 //#endregion
 export { TimePicker, type TimePickerProps };

package/dist/time-picker.js

@@ -1,7 +1,7 @@
 "use client";
 import { t as cn } from "./cn-BI_4DMBf.js";
 import { Popover, PopoverContent } from "./popover.js";
-import { n as PickerTrigger, t as PickerFooter } from "./picker-lzgmsNfG.js";
+import { n as PickerFooter, r as PickerTrigger, t as PICKER_COLLISION_AVOIDANCE } from "./picker-xSTzeYhc.js";
 import { ClockIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
@@ -132,7 +132,7 @@ function TimeColumn({ label, items, value, onChange }) {
 			role: "listbox",
 			"aria-label": label,
 			style: { height: `${VISIBLE_COUNT * ITEM_HEIGHT}px` },
-			className: "relative snap-y snap-mandatory overflow-y-scroll overscroll-contain [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
+			className: "relative snap-y snap-mandatory overflow-y-scroll overscroll-contain scrollbar-none [&::-webkit-scrollbar]:hidden",
 			children: /* @__PURE__ */ jsx("div", {
 				style: {
 					paddingTop: `${SCROLL_PADDING}px`,
@@ -161,7 +161,7 @@ function TimeColumn({ label, items, value, onChange }) {
 		})]
 	});
 }
-function TimePicker({ value, onChange, format = "12h", disabled = false, placeholder = "Select time", className }) {
+function TimePicker({ value, onChange, format = "12h", disabled = false, size, placeholder = "Select time", className }) {
 	const [open, setOpen] = React.useState(false);
 	const [pending, setPending] = React.useState(() => parseTimeString(value, format));
 	function handleOpenChange(next) {
@@ -191,11 +191,14 @@ function TimePicker({ value, onChange, format = "12h", disabled = false, placeho
 			placeholder,
 			disabled,
 			open,
+			size,
 			className
 		}), /* @__PURE__ */ jsxs(PopoverContent, {
 			showArrow: false,
-			align: "start",
-			className: "min-w-(--anchor-width) gap-0 overflow-hidden rounded-2xl p-0",
+			align: "center",
+			side: "bottom",
+			collisionAvoidance: PICKER_COLLISION_AVOIDANCE,
+			className: "min-w-(--anchor-width) gap-0 overflow-hidden rounded-2xl p-0 border border-line-subtle",
 			children: [
 				/* @__PURE__ */ jsx("div", {
 					className: "flex w-full items-center justify-center gap-2 border-b border-line-subtle",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@giddaa-housing/ui",
-  "version": "1.2.0",
+  "version": "2.1.0",
   "description": "Giddaa reusable UI component library.",
   "type": "module",
   "private": false,
@@ -137,6 +137,10 @@
       "types": "./dist/filter.d.ts",
       "import": "./dist/filter.js"
     },
+    "./file-upload": {
+      "types": "./dist/file-upload.d.ts",
+      "import": "./dist/file-upload.js"
+    },
     "./footer": {
       "types": "./dist/footer.d.ts",
       "import": "./dist/footer.js"
@@ -157,6 +161,10 @@
       "types": "./dist/infotip.d.ts",
       "import": "./dist/infotip.js"
     },
+    "./infinite-scroll": {
+      "types": "./dist/infinite-scroll.d.ts",
+      "import": "./dist/infinite-scroll.js"
+    },
     "./input": {
       "types": "./dist/input.d.ts",
       "import": "./dist/input.js"
@@ -165,6 +173,10 @@
       "types": "./dist/input-group.d.ts",
       "import": "./dist/input-group.js"
     },
+    "./input-otp": {
+      "types": "./dist/input-otp.d.ts",
+      "import": "./dist/input-otp.js"
+    },
     "./input-size-context": {
       "types": "./dist/input-size-context.d.ts",
       "import": "./dist/input-size-context.js"
@@ -375,6 +387,7 @@
   },
   "dependencies": {
     "@base-ui/react": "^1.5.0",
+    "@tanstack/react-virtual": "^3.14.7",
     "@tiptap/extension-color": "^3.22.5",
     "@tiptap/extension-image": "^3.22.5",
     "@tiptap/extension-placeholder": "^3.22.5",

package/dist/picker-lzgmsNfG.js

@@ -1,32 +0,0 @@
-import { t as cn } from "./cn-BI_4DMBf.js";
-import { Button } from "./button.js";
-import { PopoverTrigger } from "./popover.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/lib/picker.tsx
-function PickerTrigger({ icon: Icon, displayValue, placeholder, disabled, open, className }) {
-	return /* @__PURE__ */ jsxs(PopoverTrigger, {
-		disabled,
-		className: cn("flex h-10 w-full items-center justify-between rounded-full border px-3.5 text-gdt-sm transition-[border-color,box-shadow] outline-none", disabled ? "cursor-not-allowed border-line-subtle bg-surface text-fg-caption-placeholder" : open ? "border-line-focus bg-canvas text-fg-primary inset-ring-1 inset-ring-line-focus" : "border-line bg-canvas text-fg-primary hover:border-line-strong", className),
-		children: [/* @__PURE__ */ jsx("span", {
-			className: cn("min-w-0 truncate", !displayValue && "text-fg-caption-placeholder"),
-			children: displayValue || placeholder
-		}), /* @__PURE__ */ jsx(Icon, { className: cn("ml-2 size-4 shrink-0", disabled ? "text-fg-caption-placeholder" : "text-fg-secondary") })]
-	});
-}
-function PickerFooter({ secondaryLabel, onSecondary, onApply }) {
-	return /* @__PURE__ */ jsxs("div", {
-		className: "flex w-full items-center justify-between border-t border-line-subtle px-4 py-3",
-		children: [/* @__PURE__ */ jsx(Button, {
-			variant: "tertiary-outline",
-			size: "sm",
-			onClick: onSecondary,
-			children: secondaryLabel
-		}), /* @__PURE__ */ jsx(Button, {
-			size: "sm",
-			onClick: onApply,
-			children: "Apply"
-		})]
-	});
-}
-//#endregion
-export { PickerTrigger as n, PickerFooter as t };