@giddaa-housing/ui 1.0.0 → 1.2.0

package/dist/checkbox.js

@@ -1,52 +1,87 @@
 "use client";
-import {
-  useComponentSize
-} from "./chunk-HL3ZSYES.js";
-import {
-  cn
-} from "./chunk-Y4TTYVNE.js";
-
-// src/checkbox.tsx
-import { Checkbox as CheckboxPrimitive } from "@base-ui/react/checkbox";
-import { CheckboxGroup } from "@base-ui/react/checkbox-group";
-import { cva } from "class-variance-authority";
+import { t as cn } from "./cn-BI_4DMBf.js";
+import { useComponentSize } from "./size-context.js";
 import { CheckIcon } from "lucide-react";
 import { jsx } from "react/jsx-runtime";
-var checkboxVariants = cva(
-  "peer group/checkbox relative flex shrink-0 items-center justify-center rounded-sm border bg-canvas text-transparent outline-none transition-[background-color,border-color,box-shadow,color] after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-line-focus focus-visible:shadow-[0px_0px_0px_2px_var(--color-line-focus)] aria-invalid:border-line-danger aria-invalid:ring-3 aria-invalid:ring-destructive/20 border-line data-unchecked:hover:border-line-focus data-unchecked:hover:bg-surface-brand-subtle data-checked:border-action-primary data-checked:bg-action-primary data-checked:text-fg-on-brand data-disabled:cursor-not-allowed data-disabled:border-line-subtle data-disabled:bg-surface data-disabled:text-fg-caption-placeholder size-5 [--checkbox-icon-size:0.75rem] group-data-[size=sm]/field:size-4 group-data-[size=sm]/field:[--checkbox-icon-size:0.625rem] group-data-[size=md]/field:size-5 group-data-[size=md]/field:[--checkbox-icon-size:0.75rem] group-data-[size=lg]/field:size-6 group-data-[size=lg]/field:[--checkbox-icon-size:0.875rem]",
-  {
-    variants: {
-      size: {
-        sm: "size-4 [--checkbox-icon-size:0.625rem]",
-        md: "size-5 [--checkbox-icon-size:0.75rem]",
-        lg: "size-6 [--checkbox-icon-size:0.875rem]"
-      }
-    }
-  }
-);
+import { cva } from "class-variance-authority";
+import { Checkbox as Checkbox$1 } from "@base-ui/react/checkbox";
+import { CheckboxGroup } from "@base-ui/react/checkbox-group";
+//#region src/checkbox.tsx
+const checkboxVariants = cva("peer group/checkbox relative flex shrink-0 items-center justify-center rounded-sm border bg-canvas text-transparent outline-none transition-[background-color,border-color,box-shadow,color] after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-line-focus focus-visible:shadow-[0px_0px_0px_2px_var(--color-line-focus)] aria-invalid:border-line-danger aria-invalid:ring-3 aria-invalid:ring-line-danger/20 aria-invalid:focus-visible:border-line-danger aria-invalid:focus-visible:shadow-[0px_0px_0px_2px_var(--color-line-danger)] border-line data-unchecked:hover:border-line-focus data-unchecked:hover:bg-surface-brand-subtle data-checked:border-action-primary data-checked:bg-action-primary data-checked:text-fg-on-brand data-disabled:cursor-not-allowed data-disabled:border-line-subtle data-disabled:bg-surface data-disabled:text-fg-caption-placeholder size-5 [--checkbox-icon-size:0.75rem] group-data-[size=sm]/field:size-4 group-data-[size=sm]/field:[--checkbox-icon-size:0.625rem] group-data-[size=md]/field:size-5 group-data-[size=md]/field:[--checkbox-icon-size:0.75rem] group-data-[size=lg]/field:size-6 group-data-[size=lg]/field:[--checkbox-icon-size:0.875rem]", { variants: { size: {
+	sm: "size-4 [--checkbox-icon-size:0.625rem]",
+	md: "size-5 [--checkbox-icon-size:0.75rem]",
+	lg: "size-6 [--checkbox-icon-size:0.875rem]"
+} } });
+/**
+* Compose with the shared field primitives for label and helper text.
+*
+* ```tsx
+* <Field orientation="horizontal" size="sm">
+*   <Checkbox id="terms" />
+*   <FieldContent>
+*     <FieldLabel htmlFor="terms">Checkbox label</FieldLabel>
+*     <FieldDescription>Helper description text.</FieldDescription>
+*   </FieldContent>
+* </Field>
+* ```
+*
+* Group multiple checkboxes with the field set primitives.
+*
+* ```tsx
+* <FieldSet>
+*   <FieldLegend variant="label">Show these items on the desktop:</FieldLegend>
+*   <FieldDescription>
+*     Select the items you want to show on the desktop.
+*   </FieldDescription>
+*   <FieldGroup className="gap-3">
+*     <Field orientation="horizontal">
+*       <Checkbox id="desktop-hard-disks" name="desktop-hard-disks" defaultChecked />
+*       <FieldLabel htmlFor="desktop-hard-disks" className="font-normal">
+*         Hard disks
+*       </FieldLabel>
+*     </Field>
+*     <Field orientation="horizontal">
+*       <Checkbox
+*         id="desktop-external-disks"
+*         name="desktop-external-disks"
+*         defaultChecked
+*       />
+*       <FieldLabel htmlFor="desktop-external-disks" className="font-normal">
+*         External disks
+*       </FieldLabel>
+*     </Field>
+*     <Field orientation="horizontal">
+*       <Checkbox id="desktop-cds-dvds-ipods" name="desktop-cds-dvds-ipods" />
+*       <FieldLabel htmlFor="desktop-cds-dvds-ipods" className="font-normal">
+*         CDs, DVDs, and iPods
+*       </FieldLabel>
+*     </Field>
+*     <Field orientation="horizontal">
+*       <Checkbox
+*         id="desktop-connected-servers"
+*         name="desktop-connected-servers"
+*       />
+*       <FieldLabel htmlFor="desktop-connected-servers" className="font-normal">
+*         Connected servers
+*       </FieldLabel>
+*     </Field>
+*   </FieldGroup>
+* </FieldSet>
+* ```
+*/
 function Checkbox({ className, size, ...props }) {
-  const resolvedSize = useComponentSize(size);
-  return /* @__PURE__ */ jsx(
-    CheckboxPrimitive.Root,
-    {
-      "data-slot": "checkbox",
-      "data-size": resolvedSize,
-      className: cn(checkboxVariants({ size: resolvedSize }), className),
-      ...props,
-      children: /* @__PURE__ */ jsx(
-        CheckboxPrimitive.Indicator,
-        {
-          "data-slot": "checkbox-indicator",
-          className: "grid place-content-center text-current transition-none [&>svg]:size-(--checkbox-icon-size)",
-          children: /* @__PURE__ */ jsx(CheckIcon, {})
-        }
-      )
-    }
-  );
+	const resolvedSize = useComponentSize(size);
+	return /* @__PURE__ */ jsx(Checkbox$1.Root, {
+		"data-slot": "checkbox",
+		"data-size": resolvedSize,
+		className: cn(checkboxVariants({ size: resolvedSize }), className),
+		...props,
+		children: /* @__PURE__ */ jsx(Checkbox$1.Indicator, {
+			"data-slot": "checkbox-indicator",
+			className: "grid place-content-center text-current transition-none [&>svg]:size-(--checkbox-icon-size)",
+			children: /* @__PURE__ */ jsx(CheckIcon, {})
+		})
+	});
 }
-export {
-  Checkbox,
-  CheckboxGroup,
-  checkboxVariants
-};
-//# sourceMappingURL=checkbox.js.map
+//#endregion
+export { Checkbox, CheckboxGroup, checkboxVariants };

package/dist/cn-BI_4DMBf.js

@@ -0,0 +1,23 @@
+import { clsx } from "clsx";
+import { extendTailwindMerge } from "tailwind-merge";
+//#region src/lib/cn.ts
+const 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));
+}
+//#endregion
+export { cn as t };

package/dist/collapsible.d.ts

@@ -1,8 +1,7 @@
-import * as React from 'react';
-import { Collapsible as Collapsible$1 } from '@base-ui/react/collapsible';
-
-declare function Collapsible({ className, ...props }: Collapsible$1.Root.Props): React.JSX.Element;
-declare function CollapsibleTrigger({ className, ...props }: Collapsible$1.Trigger.Props): React.JSX.Element;
-declare function CollapsibleContent({ className, ...props }: Collapsible$1.Panel.Props): React.JSX.Element;
-
-export { Collapsible, CollapsibleContent, CollapsibleTrigger };
+import { Collapsible as Collapsible$1 } from "@base-ui/react/collapsible";
+//#region src/collapsible.d.ts
+declare function Collapsible({ className, ...props }: Collapsible$1.Root.Props): import("react").JSX.Element;
+declare function CollapsibleTrigger({ className, ...props }: Collapsible$1.Trigger.Props): import("react").JSX.Element;
+declare function CollapsibleContent({ className, ...props }: Collapsible$1.Panel.Props): import("react").JSX.Element;
+//#endregion
+export { Collapsible, CollapsibleContent, CollapsibleTrigger };

package/dist/collapsible.js

@@ -1,53 +1,28 @@
 "use client";
-import {
-  cn
-} from "./chunk-Y4TTYVNE.js";
-
-// src/collapsible.tsx
-import { Collapsible as CollapsiblePrimitive } from "@base-ui/react/collapsible";
+import { t as cn } from "./cn-BI_4DMBf.js";
 import { jsx } from "react/jsx-runtime";
+import { Collapsible as Collapsible$1 } from "@base-ui/react/collapsible";
+//#region src/collapsible.tsx
 function Collapsible({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    CollapsiblePrimitive.Root,
-    {
-      "data-slot": "collapsible",
-      className: cn("group/collapsible", className),
-      ...props
-    }
-  );
+	return /* @__PURE__ */ jsx(Collapsible$1.Root, {
+		"data-slot": "collapsible",
+		className: cn("group/collapsible", className),
+		...props
+	});
 }
-function CollapsibleTrigger({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    CollapsiblePrimitive.Trigger,
-    {
-      "data-slot": "collapsible-trigger",
-      className: cn("group/collapsible-trigger", className),
-      ...props
-    }
-  );
+function CollapsibleTrigger({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Collapsible$1.Trigger, {
+		"data-slot": "collapsible-trigger",
+		className: cn("group/collapsible-trigger", className),
+		...props
+	});
 }
-function CollapsibleContent({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    CollapsiblePrimitive.Panel,
-    {
-      "data-slot": "collapsible-content",
-      className: cn(
-        "h-(--collapsible-panel-height) overflow-hidden transition-[height] duration-150 ease-out data-ending-style:h-0 data-starting-style:h-0 [&[hidden]:not([hidden='until-found'])]:hidden",
-        className
-      ),
-      ...props
-    }
-  );
+function CollapsibleContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Collapsible$1.Panel, {
+		"data-slot": "collapsible-content",
+		className: cn("h-(--collapsible-panel-height) overflow-hidden transition-[height] duration-150 ease-out data-ending-style:h-0 data-starting-style:h-0 [&[hidden]:not([hidden='until-found'])]:hidden", className),
+		...props
+	});
 }
-export {
-  Collapsible,
-  CollapsibleContent,
-  CollapsibleTrigger
-};
-//# sourceMappingURL=collapsible.js.map
+//#endregion
+export { Collapsible, CollapsibleContent, CollapsibleTrigger };

package/dist/combobox.d.ts

@@ -1,16 +1,16 @@
-import { Combobox as Combobox$1 } from '@base-ui/react';
-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 { Combobox as Combobox$1 } from "@base-ui/react";
+//#region src/combobox.d.ts
 type ComboboxSize = ComponentSize;
 declare function Combobox<Value, Multiple extends boolean | undefined = false>({ multiple, children, size, ...props }: Combobox$1.Root.Props<Value, Multiple> & {
-    size?: ComboboxSize;
+  size?: ComboboxSize;
 }): React.JSX.Element;
 declare function ComboboxValue({ ...props }: Combobox$1.Value.Props): React.JSX.Element;
 declare function ComboboxTrigger({ className, children, ...props }: Combobox$1.Trigger.Props): React.JSX.Element;
 declare function ComboboxInput({ className, children, disabled, showTrigger, showClear, ...props }: Combobox$1.Input.Props & {
-    showTrigger?: boolean;
-    showClear?: boolean;
+  showTrigger?: boolean;
+  showClear?: boolean;
 }): React.JSX.Element;
 declare function ComboboxContent({ className, side, sideOffset, align, alignOffset, anchor, ...props }: Combobox$1.Popup.Props & Pick<Combobox$1.Positioner.Props, "side" | "align" | "sideOffset" | "alignOffset" | "anchor">): React.JSX.Element;
 declare function ComboboxList({ className, ...props }: Combobox$1.List.Props): React.JSX.Element;
@@ -22,9 +22,9 @@ declare function ComboboxEmpty({ className, ...props }: Combobox$1.Empty.Props):
 declare function ComboboxSeparator({ className, ...props }: Combobox$1.Separator.Props): React.JSX.Element;
 declare function ComboboxChips({ className, ...props }: React.ComponentPropsWithRef<typeof Combobox$1.Chips> & Combobox$1.Chips.Props): React.JSX.Element;
 declare function ComboboxChip({ className, children, showRemove, ...props }: Combobox$1.Chip.Props & {
-    showRemove?: boolean;
+  showRemove?: boolean;
 }): React.JSX.Element;
 declare function ComboboxChipsInput({ className, ...props }: Combobox$1.Input.Props): React.JSX.Element;
 declare function useComboboxAnchor(): React.RefObject<HTMLDivElement | null>;
-
-export { Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, type ComboboxSize, ComboboxTrigger, ComboboxValue, useComboboxAnchor };
+//#endregion
+export { Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, type ComboboxSize, ComboboxTrigger, ComboboxValue, useComboboxAnchor };

package/dist/combobox.js

@@ -1,45 +1,237 @@
 "use client";
-import {
-  Combobox,
-  ComboboxChip,
-  ComboboxChips,
-  ComboboxChipsInput,
-  ComboboxCollection,
-  ComboboxContent,
-  ComboboxEmpty,
-  ComboboxGroup,
-  ComboboxInput,
-  ComboboxItem,
-  ComboboxLabel,
-  ComboboxList,
-  ComboboxSeparator,
-  ComboboxTrigger,
-  ComboboxValue,
-  useComboboxAnchor
-} from "./chunk-VGR4ZWJ3.js";
-import "./chunk-6ZSGQHH2.js";
-import "./chunk-KSMDANKI.js";
-import "./chunk-MEKCCOP5.js";
-import "./chunk-3ACQVT7A.js";
-import "./chunk-B4H6RNDH.js";
-import "./chunk-HL3ZSYES.js";
-import "./chunk-Y4TTYVNE.js";
-export {
-  Combobox,
-  ComboboxChip,
-  ComboboxChips,
-  ComboboxChipsInput,
-  ComboboxCollection,
-  ComboboxContent,
-  ComboboxEmpty,
-  ComboboxGroup,
-  ComboboxInput,
-  ComboboxItem,
-  ComboboxLabel,
-  ComboboxList,
-  ComboboxSeparator,
-  ComboboxTrigger,
-  ComboboxValue,
-  useComboboxAnchor
-};
-//# sourceMappingURL=combobox.js.map
+import { t as cn } from "./cn-BI_4DMBf.js";
+import { SizeProvider, useComponentSize } from "./size-context.js";
+import { Button } from "./button.js";
+import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "./input-group.js";
+import { CheckIcon, ChevronDownIcon, XIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import * as React from "react";
+import { Combobox as Combobox$1 } from "@base-ui/react";
+//#region src/combobox.tsx
+const ComboboxSelectionContext = React.createContext({ multiple: false });
+function Combobox({ multiple, children, size, ...props }) {
+	return /* @__PURE__ */ jsx(SizeProvider, {
+		size,
+		children: /* @__PURE__ */ jsx(ComboboxSelectionContext.Provider, {
+			value: { multiple: multiple === true },
+			children: /* @__PURE__ */ jsx(Combobox$1.Root, {
+				multiple,
+				...props,
+				children
+			})
+		})
+	});
+}
+const comboboxTriggerVariants = cva("group/combobox-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=combobox-value]:line-clamp-1 *:data-[slot=combobox-value]:flex *:data-[slot=combobox-value]:min-w-0 *:data-[slot=combobox-value]:items-center *:data-[slot=combobox-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 comboboxInputVariants = cva("w-auto has-data-popup-open:rounded-2xl has-data-popup-open:border-line-focus has-data-popup-open:inset-ring-1 has-data-popup-open:inset-ring-line-focus", {
+	variants: { size: {
+		sm: "",
+		md: "",
+		lg: ""
+	} },
+	defaultVariants: { size: "md" }
+});
+const comboboxContentVariants = cva("relative isolate z-50 max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width))] origin-(--transform-origin) overflow-hidden border border-line-subtle bg-canvas text-fg-primary shadow-(--elevation-e1-shadow) duration-100 data-[chips=true]:min-w-(--anchor-width) 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-[slot=input-group]:mb-1 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 comboboxItemVariants = cva("group/combobox-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", {
+	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 comboboxChipsVariants = cva("flex flex-wrap items-center gap-1 rounded-full border border-line bg-canvas bg-clip-padding text-fg-primary transition-[background-color,border-color,box-shadow,color] focus-within:border-line-focus focus-within:inset-ring-1 focus-within:inset-ring-line-focus has-aria-invalid:border-line-danger has-aria-invalid:text-fg-danger has-aria-invalid:shadow-none has-data-[slot=combobox-chip]:px-1 has-data-popup-open:rounded-2xl has-data-popup-open:border-line-focus has-data-popup-open:inset-ring-1 has-data-popup-open:inset-ring-line-focus", {
+	variants: { size: {
+		sm: "min-h-8 px-2.5 py-1 text-gdt-xs",
+		md: "min-h-10 px-3 py-1.5 text-gdt-sm",
+		lg: "min-h-12 px-4 py-2 text-gdt-md"
+	} },
+	defaultVariants: { size: "md" }
+});
+const comboboxChipVariants = cva("flex w-fit items-center justify-center gap-1 rounded-sm bg-surface font-medium whitespace-nowrap text-fg-primary has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50 has-data-[slot=combobox-chip-remove]:pr-0", {
+	variants: { size: {
+		sm: "h-5 px-1.5 text-gdt-xs",
+		md: "h-[calc(--spacing(5.25))] px-1.5 text-gdt-xs",
+		lg: "h-6 px-2 text-gdt-sm"
+	} },
+	defaultVariants: { size: "md" }
+});
+function ComboboxValue({ ...props }) {
+	return /* @__PURE__ */ jsx(Combobox$1.Value, {
+		"data-slot": "combobox-value",
+		...props
+	});
+}
+function ComboboxTrigger({ className, children, ...props }) {
+	const resolvedSize = useComponentSize();
+	return /* @__PURE__ */ jsxs(Combobox$1.Trigger, {
+		"data-slot": "combobox-trigger",
+		"data-size": resolvedSize,
+		className: cn(comboboxTriggerVariants({ size: resolvedSize }), className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(Combobox$1.Icon, { render: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "text-line-strong transition-transform group-data-disabled/combobox-trigger:text-fg-caption-placeholder group-data-popup-open/combobox-trigger:rotate-180" }) })]
+	});
+}
+function ComboboxClear({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox$1.Clear, {
+		"data-slot": "combobox-clear",
+		className: cn(className),
+		...props,
+		render: /* @__PURE__ */ jsx(InputGroupButton, {
+			variant: "ghost",
+			size: "icon-xs",
+			children: /* @__PURE__ */ jsx(XIcon, { className: "pointer-events-none" })
+		})
+	});
+}
+function ComboboxInput({ className, children, disabled = false, showTrigger = true, showClear = false, ...props }) {
+	const resolvedSize = useComponentSize();
+	return /* @__PURE__ */ jsxs(InputGroup, {
+		className: cn(comboboxInputVariants({ size: resolvedSize }), className),
+		children: [
+			/* @__PURE__ */ jsx(Combobox$1.Input, {
+				render: /* @__PURE__ */ jsx(InputGroupInput, { disabled }),
+				...props
+			}),
+			/* @__PURE__ */ jsxs(InputGroupAddon, {
+				align: "inline-end",
+				children: [showTrigger && /* @__PURE__ */ jsx(InputGroupButton, {
+					size: "icon-xs",
+					variant: "ghost",
+					render: /* @__PURE__ */ jsx(ComboboxTrigger, {}),
+					"data-slot": "input-group-button",
+					className: "h-6 border-0 bg-transparent p-0 shadow-none inset-ring-0 group-has-data-[slot=combobox-clear]/input-group:hidden hover:border-transparent focus-visible:border-transparent focus-visible:inset-ring-0 data-popup-open:border-transparent data-popup-open:bg-transparent data-popup-open:inset-ring-0 data-pressed:bg-transparent",
+					disabled
+				}), showClear && /* @__PURE__ */ jsx(ComboboxClear, { disabled })]
+			}),
+			children
+		]
+	});
+}
+function ComboboxContent({ className, side = "bottom", sideOffset = 6, align = "start", alignOffset = 0, anchor, ...props }) {
+	const resolvedSize = useComponentSize();
+	return /* @__PURE__ */ jsx(Combobox$1.Portal, { children: /* @__PURE__ */ jsx(Combobox$1.Positioner, {
+		side,
+		sideOffset,
+		align,
+		alignOffset,
+		anchor,
+		className: "isolate z-50",
+		children: /* @__PURE__ */ jsx(Combobox$1.Popup, {
+			"data-slot": "combobox-content",
+			"data-chips": !!anchor,
+			className: cn("group/combobox-content", comboboxContentVariants({ size: resolvedSize }), className),
+			...props
+		})
+	}) });
+}
+function ComboboxList({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox$1.List, {
+		"data-slot": "combobox-list",
+		className: cn("no-scrollbar max-h-(--available-height) space-y-0.5 scroll-py-1 overflow-y-auto overscroll-contain data-empty:p-0", className),
+		...props
+	});
+}
+function ComboboxItem({ className, children, ...props }) {
+	const { multiple } = React.useContext(ComboboxSelectionContext);
+	const resolvedSize = useComponentSize();
+	return /* @__PURE__ */ jsxs(Combobox$1.Item, {
+		"data-slot": "combobox-item",
+		className: cn(comboboxItemVariants({ size: resolvedSize }), !multiple && "data-selected:bg-surface-brand-subtle data-selected:font-medium data-selected:text-fg-brand", className),
+		...props,
+		children: [multiple ? /* @__PURE__ */ jsx(Combobox$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/combobox-item:border-action-primary group-data-selected/combobox-item:bg-action-primary group-data-selected/combobox-item:text-fg-on-brand group-data-disabled/combobox-item:border-line-subtle group-data-disabled/combobox-item:bg-surface group-data-disabled/combobox-item:text-fg-caption-placeholder [&>svg]:size-3",
+			children: /* @__PURE__ */ jsx(CheckIcon, {})
+		}) : null, /* @__PURE__ */ jsx("span", {
+			className: "flex min-w-0 flex-1 shrink-0 gap-2 whitespace-nowrap",
+			children
+		})]
+	});
+}
+function ComboboxGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox$1.Group, {
+		"data-slot": "combobox-group",
+		className: cn("scroll-my-1 space-y-0.5", className),
+		...props
+	});
+}
+function ComboboxLabel({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox$1.GroupLabel, {
+		"data-slot": "combobox-label",
+		className: cn("px-3 py-1 text-gdt-xs text-fg-secondary", className),
+		...props
+	});
+}
+function ComboboxCollection({ ...props }) {
+	return /* @__PURE__ */ jsx(Combobox$1.Collection, {
+		"data-slot": "combobox-collection",
+		...props
+	});
+}
+function ComboboxEmpty({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox$1.Empty, {
+		"data-slot": "combobox-empty",
+		className: cn("hidden w-full justify-center py-2 text-center text-gdt-sm text-fg-secondary group-data-empty/combobox-content:flex", className),
+		...props
+	});
+}
+function ComboboxSeparator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox$1.Separator, {
+		"data-slot": "combobox-separator",
+		className: cn("pointer-events-none my-1 h-px bg-line-subtle", className),
+		...props
+	});
+}
+function ComboboxChips({ className, ...props }) {
+	const resolvedSize = useComponentSize();
+	return /* @__PURE__ */ jsx(Combobox$1.Chips, {
+		"data-slot": "combobox-chips",
+		className: cn(comboboxChipsVariants({ size: resolvedSize }), className),
+		...props
+	});
+}
+function ComboboxChip({ className, children, showRemove = true, ...props }) {
+	const resolvedSize = useComponentSize();
+	return /* @__PURE__ */ jsxs(Combobox$1.Chip, {
+		"data-slot": "combobox-chip",
+		className: cn(comboboxChipVariants({ size: resolvedSize }), className),
+		...props,
+		children: [children, showRemove && /* @__PURE__ */ jsx(Combobox$1.ChipRemove, {
+			className: "-ml-1 opacity-50 hover:opacity-100",
+			"data-slot": "combobox-chip-remove",
+			render: /* @__PURE__ */ jsx(Button, {
+				variant: "ghost",
+				size: "icon-xs",
+				children: /* @__PURE__ */ jsx(XIcon, { className: "pointer-events-none" })
+			})
+		})]
+	});
+}
+function ComboboxChipsInput({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox$1.Input, {
+		"data-slot": "combobox-chip-input",
+		className: cn("min-w-16 flex-1 bg-transparent text-fg-primary outline-none placeholder:text-fg-caption-placeholder", className),
+		...props
+	});
+}
+function useComboboxAnchor() {
+	return React.useRef(null);
+}
+//#endregion
+export { Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, useComboboxAnchor };

package/dist/cta.d.ts

@@ -1,10 +1,8 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { useRender } from '@base-ui/react/use-render';
-import { VariantProps } from 'class-variance-authority';
-import * as React from 'react';
-import { Button, ButtonLink } from './button.js';
-import '@base-ui/react/button';
-
+import { n as ButtonLink, t as Button } from "./button-BZIeyUw6.js";
+import { useRender } from "@base-ui/react/use-render";
+import { VariantProps } from "class-variance-authority";
+import * as React from "react";
+//#region src/cta.d.ts
 /**
  * CTA is a composable marketing panel: a text column (title, description,
  * checklist) paired with an optional grid of feature cards and an action
@@ -33,8 +31,8 @@ import '@base-ui/react/button';
  * </CTA>
  */
 declare const ctaVariants: (props?: ({
-    variant?: "default" | "subtle" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+  variant?: "default" | "subtle" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type CTAProps = useRender.ComponentProps<"section"> & VariantProps<typeof ctaVariants>;
 declare function CTA({ className, render, variant, ...props }: CTAProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 declare function CTAContent({ className, render, ...props }: useRender.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
@@ -43,14 +41,14 @@ declare function CTATitle({ className, render, ...props }: useRender.ComponentPr
 declare function CTADescription({ className, render, ...props }: useRender.ComponentProps<"p">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 declare function CTAList({ className, render, ...props }: useRender.ComponentProps<"ul">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 type CTAListItemProps = useRender.ComponentProps<"li"> & {
-    icon?: React.ReactNode;
+  icon?: React.ReactNode;
 };
 declare function CTAListItem({ children, className, icon, render, ...props }: CTAListItemProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 declare function CTACard({ className, render, variant, ...props }: useRender.ComponentProps<"div"> & {
-    variant?: "default" | "brand";
+  variant?: "default" | "brand";
 }): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 declare function CTACardIcon({ className, render, variant, ...props }: useRender.ComponentProps<"span"> & {
-    variant?: "subtle-brand" | "subtle-accent" | "surface";
+  variant?: "subtle-brand" | "subtle-accent" | "surface";
 }): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 declare function CTACardTitle({ className, render, ...props }: useRender.ComponentProps<"h3">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 declare function CTACardDescription({ className, render, ...props }: useRender.ComponentProps<"p">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
@@ -62,5 +60,5 @@ declare function CTACardDescription({ className, render, ...props }: useRender.C
  */
 declare function CTAButton({ className, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
 declare function CTAButtonLink({ className, ...props }: React.ComponentProps<typeof ButtonLink>): React.JSX.Element;
-
-export { CTA, CTAButton, CTAButtonLink, CTACard, CTACardDescription, CTACardIcon, CTACardTitle, CTAContent, CTADescription, CTAList, CTAListItem, type CTAListItemProps, type CTAProps, CTATag, CTATitle, ctaVariants };
+//#endregion
+export { CTA, CTAButton, CTAButtonLink, CTACard, CTACardDescription, CTACardIcon, CTACardTitle, CTAContent, CTADescription, CTAList, CTAListItem, type CTAListItemProps, type CTAProps, CTATag, CTATitle, ctaVariants };