@vikram-hegde/skeletal 0.0.1

package/dist/combobox-DWH7uSsx.js

@@ -0,0 +1,327 @@
+import './combobox-DWH7uSsx.css';
+import { t as mergeClassName } from "./merge-class-name-C4KJJGuK.js";
+import { t as Button } from "./button-B48UNbaC.js";
+import { t as Icon$1 } from "./icon-DBOdxNvH.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Combobox } from "@base-ui/react/combobox";
+import { CaretDown } from "@phosphor-icons/react";
+//#region src/combobox/combobox.module.css
+var combobox_module_default = {
+	"combobox__arrow": "--7Iuq_combobox__arrow",
+	"combobox__backdrop": "--7Iuq_combobox__backdrop",
+	"combobox__chip": "--7Iuq_combobox__chip",
+	"combobox__chip-remove": "--7Iuq_combobox__chip-remove",
+	"combobox__chips": "--7Iuq_combobox__chips",
+	"combobox__clear": "--7Iuq_combobox__clear",
+	"combobox__empty": "--7Iuq_combobox__empty",
+	"combobox__group": "--7Iuq_combobox__group",
+	"combobox__group-label": "--7Iuq_combobox__group-label",
+	"combobox__icon": "--7Iuq_combobox__icon",
+	"combobox__input": "--7Iuq_combobox__input",
+	"combobox__input-group": "--7Iuq_combobox__input-group",
+	"combobox__item": "--7Iuq_combobox__item",
+	"combobox__item-indicator": "--7Iuq_combobox__item-indicator",
+	"combobox__label": "--7Iuq_combobox__label",
+	"combobox__list": "--7Iuq_combobox__list",
+	"combobox__popup": "--7Iuq_combobox__popup",
+	"combobox__portal": "--7Iuq_combobox__portal",
+	"combobox__positioner": "--7Iuq_combobox__positioner",
+	"combobox__row": "--7Iuq_combobox__row",
+	"combobox__separator": "--7Iuq_combobox__separator",
+	"combobox__status": "--7Iuq_combobox__status",
+	"combobox__trigger": "--7Iuq_combobox__trigger"
+};
+//#endregion
+//#region src/combobox/combobox-arrow.tsx
+function ComboboxArrow({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox.Arrow, {
+		className: mergeClassName(combobox_module_default.combobox__arrow, className),
+		...props
+	});
+}
+//#endregion
+//#region src/combobox/combobox-backdrop.tsx
+function ComboboxBackdrop({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox.Backdrop, {
+		className: mergeClassName(combobox_module_default.combobox__backdrop, className),
+		...props
+	});
+}
+//#endregion
+//#region src/combobox/combobox-chip.tsx
+function ComboboxChip({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox.Chip, {
+		className: mergeClassName(combobox_module_default.combobox__chip, className),
+		...props
+	});
+}
+//#endregion
+//#region src/combobox/combobox-chip-remove.tsx
+function ComboboxChipRemove({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox.ChipRemove, {
+		className: mergeClassName(combobox_module_default["combobox__chip-remove"], className),
+		...props
+	});
+}
+//#endregion
+//#region src/combobox/combobox-chips.tsx
+function ComboboxChips({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox.Chips, {
+		className: mergeClassName(combobox_module_default.combobox__chips, className),
+		...props
+	});
+}
+//#endregion
+//#region src/combobox/combobox-clear.tsx
+function ComboboxClear({ className, variant = "ghost", size = "sm", fullWidth = false, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox.Clear, {
+		render: /* @__PURE__ */ jsx(Button, {
+			variant,
+			size,
+			fullWidth,
+			className: mergeClassName(combobox_module_default.combobox__clear, className)
+		}),
+		...props
+	});
+}
+//#endregion
+//#region src/combobox/combobox-collection.tsx
+function ComboboxCollection(props) {
+	return /* @__PURE__ */ jsx(Combobox.Collection, { ...props });
+}
+//#endregion
+//#region src/combobox/combobox-empty.tsx
+function ComboboxEmpty({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox.Empty, {
+		className: mergeClassName(combobox_module_default.combobox__empty, className),
+		...props
+	});
+}
+//#endregion
+//#region src/combobox/combobox-group.tsx
+function ComboboxGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox.Group, {
+		className: mergeClassName(combobox_module_default.combobox__group, className),
+		...props
+	});
+}
+//#endregion
+//#region src/combobox/combobox-group-label.tsx
+function ComboboxGroupLabel({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox.GroupLabel, {
+		className: mergeClassName(combobox_module_default["combobox__group-label"], className),
+		...props
+	});
+}
+//#endregion
+//#region src/combobox/combobox-input.tsx
+function ComboboxInput({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox.Input, {
+		className: mergeClassName(combobox_module_default.combobox__input, className),
+		...props
+	});
+}
+//#endregion
+//#region src/combobox/combobox-input-group.tsx
+function ComboboxInputGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox.InputGroup, {
+		className: mergeClassName(combobox_module_default["combobox__input-group"], className),
+		...props
+	});
+}
+//#endregion
+//#region src/combobox/combobox-item.tsx
+function ComboboxItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox.Item, {
+		className: mergeClassName(combobox_module_default.combobox__item, className),
+		...props
+	});
+}
+//#endregion
+//#region src/combobox/combobox-item-indicator.tsx
+function ComboboxItemIndicator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox.ItemIndicator, {
+		className: mergeClassName(combobox_module_default["combobox__item-indicator"], className),
+		...props
+	});
+}
+//#endregion
+//#region src/combobox/combobox-label.tsx
+function ComboboxLabel({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox.Label, {
+		className: mergeClassName(combobox_module_default.combobox__label, className),
+		...props
+	});
+}
+//#endregion
+//#region src/combobox/combobox-list.tsx
+function ComboboxList({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox.List, {
+		className: mergeClassName(combobox_module_default.combobox__list, className),
+		...props
+	});
+}
+//#endregion
+//#region src/combobox/combobox-popup.tsx
+function ComboboxPopup({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox.Popup, {
+		className: mergeClassName(combobox_module_default.combobox__popup, className),
+		...props
+	});
+}
+//#endregion
+//#region src/combobox/combobox-portal.tsx
+function ComboboxPortal({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox.Portal, {
+		className: mergeClassName(combobox_module_default.combobox__portal, className),
+		...props
+	});
+}
+//#endregion
+//#region src/combobox/combobox-positioner.tsx
+function ComboboxPositioner({ className, sideOffset = 4, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox.Positioner, {
+		className: mergeClassName(combobox_module_default.combobox__positioner, className),
+		sideOffset,
+		...props
+	});
+}
+//#endregion
+//#region src/combobox/combobox-root.tsx
+function ComboboxRoot(props) {
+	return /* @__PURE__ */ jsx(Combobox.Root, { ...props });
+}
+//#endregion
+//#region src/combobox/combobox-row.tsx
+function ComboboxRow({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox.Row, {
+		className: mergeClassName(combobox_module_default.combobox__row, className),
+		...props
+	});
+}
+//#endregion
+//#region src/combobox/combobox-separator.tsx
+function ComboboxSeparator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox.Separator, {
+		className: mergeClassName(combobox_module_default.combobox__separator, className),
+		...props
+	});
+}
+//#endregion
+//#region src/combobox/combobox-status.tsx
+function ComboboxStatus({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox.Status, {
+		className: mergeClassName(combobox_module_default.combobox__status, className),
+		...props
+	});
+}
+//#endregion
+//#region src/combobox/combobox-trigger.tsx
+function ComboboxTrigger({ className, variant = "ghost", size = "sm", fullWidth = false, children, ...props }) {
+	return /* @__PURE__ */ jsxs(Combobox.Trigger, {
+		render: /* @__PURE__ */ jsx(Button, {
+			variant,
+			size,
+			fullWidth,
+			className: mergeClassName(combobox_module_default.combobox__trigger, className)
+		}),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(Combobox.Icon, {
+			className: combobox_module_default.combobox__icon,
+			children: /* @__PURE__ */ jsx(Icon$1, {
+				name: CaretDown,
+				size: 16
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/combobox/combobox-value.tsx
+function ComboboxValue(props) {
+	return /* @__PURE__ */ jsx(Combobox.Value, { ...props });
+}
+//#endregion
+//#region src/combobox/index.ts
+/**
+* Compound component for a filterable select — an input combined with a list of
+* predefined items.
+*
+* Assemble the parts as properties of the object:
+*
+* ```tsx
+* import { Combobox } from '@vikram-hegde/skeletal'
+*
+* const fruits = [
+*   { value: 'apple', label: 'Apple' },
+*   { value: 'banana', label: 'Banana' },
+*   { value: 'orange', label: 'Orange' },
+* ]
+*
+* <Combobox.Root items={fruits}>
+*   <Combobox.Label>Choose a fruit</Combobox.Label>
+*   <Combobox.InputGroup>
+*     <Combobox.Input placeholder="e.g. Apple" />
+*     <Combobox.Clear aria-label="Clear selection">
+*       <Icon name={X} size={14} />
+*     </Combobox.Clear>
+*     <Combobox.Trigger aria-label="Open popup" />
+*   </Combobox.InputGroup>
+*   <Combobox.Portal>
+*     <Combobox.Positioner>
+*       <Combobox.Popup>
+*         <Combobox.Empty>No fruits found.</Combobox.Empty>
+*         <Combobox.List>
+*           {(fruit) => (
+*             <Combobox.Item key={fruit.value} value={fruit}>
+*               <Combobox.ItemIndicator>
+*                 <Icon name={Check} size={14} />
+*               </Combobox.ItemIndicator>
+*               {fruit.label}
+*             </Combobox.Item>
+*           )}
+*         </Combobox.List>
+*       </Combobox.Popup>
+*     </Combobox.Positioner>
+*   </Combobox.Portal>
+* </Combobox.Root>
+* ```
+*
+* Composition follows the Base UI anatomy — the popup anchors to the
+* `Combobox.InputGroup` (so it matches the field's width) and handles collision
+* avoidance; `Combobox.Portal` moves it to `<body>`. Add `multiple` to
+* `Combobox.Root` and render `Combobox.Chip`s inside `Combobox.Value` for
+* multi-select. The trigger owns its `CaretDown` chevron — no `Combobox.Icon` is needed.
+*
+* All parts are thin styled wrappers over Base UI's `Combobox`, so every Base UI
+* prop, `render` override, and ref behaves the same. Part prop types are
+* exported separately (`ComboboxProps`, `ComboboxItemProps`, etc.).
+*/
+const Combobox$1 = {
+	Root: ComboboxRoot,
+	Label: ComboboxLabel,
+	InputGroup: ComboboxInputGroup,
+	Input: ComboboxInput,
+	Trigger: ComboboxTrigger,
+	Clear: ComboboxClear,
+	Value: ComboboxValue,
+	Chips: ComboboxChips,
+	Chip: ComboboxChip,
+	ChipRemove: ComboboxChipRemove,
+	Portal: ComboboxPortal,
+	Backdrop: ComboboxBackdrop,
+	Positioner: ComboboxPositioner,
+	Popup: ComboboxPopup,
+	Arrow: ComboboxArrow,
+	Status: ComboboxStatus,
+	Empty: ComboboxEmpty,
+	List: ComboboxList,
+	Row: ComboboxRow,
+	Item: ComboboxItem,
+	ItemIndicator: ComboboxItemIndicator,
+	Separator: ComboboxSeparator,
+	Group: ComboboxGroup,
+	GroupLabel: ComboboxGroupLabel,
+	Collection: ComboboxCollection
+};
+//#endregion
+export { Combobox$1 as t };

package/dist/command-palette/index.d.ts

@@ -0,0 +1,2 @@
+import { a as CommandPaletteItemProps, c as CommandPaletteGroupLabelProps, d as CommandPaletteEmptyProps, f as CommandPaletteContentProps, i as CommandPaletteListProps, l as CommandPaletteGroupProps, n as CommandPaletteOpenChangeDetails, o as CommandPaletteInputGroupProps, r as CommandPaletteRootProps, s as CommandPaletteInputProps, t as CommandPalette, u as CommandPaletteFooterProps } from "../index-BBOkTl3h.js";
+export { CommandPalette, type CommandPaletteContentProps, type CommandPaletteEmptyProps, type CommandPaletteFooterProps, type CommandPaletteGroupLabelProps, type CommandPaletteGroupProps, type CommandPaletteInputGroupProps, type CommandPaletteInputProps, type CommandPaletteItemProps, type CommandPaletteListProps, type CommandPaletteOpenChangeDetails, type CommandPaletteRootProps };

package/dist/command-palette/index.js

@@ -0,0 +1,2 @@
+import { t as CommandPalette } from "../command-palette-DF4XJ8qz.js";
+export { CommandPalette };

package/dist/command-palette-DF4XJ8qz.css

@@ -0,0 +1,164 @@
+@layer skeletal {
+  .gdjOOW_command__content {
+    border: 1px solid var(--sk-border);
+    border-radius: calc(var(--sk-radius) + .375rem * (var(--sk-radius) / var(--sk-radius)));
+    background-color: var(--sk-popover);
+    max-block-size: min(70dvb, 30rem);
+    inline-size: min(32rem, 100%);
+    color: var(--sk-popover-foreground);
+    box-shadow: var(--sk-shadow-lg);
+    flex-direction: column;
+    margin: auto;
+    transition: scale .2s ease-out, opacity .2s ease-out;
+    display: flex;
+    position: relative;
+    overflow: hidden;
+
+    &[data-starting-style], &[data-ending-style] {
+      opacity: 0;
+      scale: .98;
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      transition: none;
+    }
+
+    @media (width < 48rem) {
+      border-radius: calc(var(--sk-radius) + .5rem * (var(--sk-radius) / var(--sk-radius)))
+        calc(var(--sk-radius) + .5rem * (var(--sk-radius) / var(--sk-radius))) 0 0;
+      max-block-size: min(80dvb, 40rem);
+      inline-size: 100%;
+      max-inline-size: none;
+      will-change: transform;
+      margin: 0;
+      padding-block-end: env(safe-area-inset-bottom, 0px);
+      transition: transform .22s ease-out, opacity .22s ease-out;
+      transform: translateY(0);
+
+      &[data-starting-style], &[data-ending-style] {
+        opacity: 1;
+        transform: translateY(100%) scale3d(1, 1, 1);
+      }
+
+      @media (prefers-reduced-motion: reduce) {
+        transition: none;
+      }
+    }
+  }
+
+  .gdjOOW_command__input-group {
+    border-block-end: 1px solid var(--sk-border);
+    color: var(--sk-muted-foreground);
+    padding-block: .875rem;
+    padding-inline: 1rem;
+  }
+
+  .gdjOOW_command__input {
+    min-inline-size: 0;
+    color: var(--sk-foreground);
+    background: none;
+    border: none;
+    outline: none;
+    flex: 1;
+    font-family: inherit;
+    font-size: .9375rem;
+
+    &::placeholder {
+      color: var(--sk-muted-foreground);
+    }
+  }
+
+  .gdjOOW_command__list {
+    overflow-block: auto;
+    overscroll-behavior: contain;
+    padding: .375rem;
+    scroll-padding: .375rem;
+
+    &[data-empty] {
+      padding: 0;
+    }
+  }
+
+  .gdjOOW_command__item {
+    border-radius: var(--sk-radius);
+    min-block-size: 2.25rem;
+    inline-size: 100%;
+    color: var(--sk-foreground);
+    text-align: start;
+    cursor: pointer;
+    background: none;
+    border: none;
+    align-items: center;
+    gap: .625rem;
+    padding-block: .375rem;
+    padding-inline: .625rem;
+    font-family: inherit;
+    font-size: .875rem;
+    display: flex;
+
+    &[data-highlighted] {
+      background: var(--sk-muted);
+    }
+
+    &:focus-visible {
+      outline: 2px solid var(--sk-ring);
+      outline-offset: -2px;
+    }
+  }
+
+  .gdjOOW_command__item-hint {
+    color: var(--sk-muted-foreground);
+    margin-inline-start: auto;
+    font-size: .75rem;
+  }
+
+  .gdjOOW_command__group {
+    display: contents;
+  }
+
+  .gdjOOW_command__group-label {
+    color: var(--sk-muted-foreground);
+    letter-spacing: .06em;
+    text-transform: uppercase;
+    user-select: none;
+    padding-block: .75rem .25rem;
+    padding-inline: .625rem;
+    font-size: .6875rem;
+    font-weight: 600;
+    line-height: 1.25;
+  }
+
+  .gdjOOW_command__empty {
+    text-align: center;
+    color: var(--sk-muted-foreground);
+    justify-content: center;
+    align-items: center;
+    padding-block: 2rem;
+    padding-inline: 1rem;
+    font-size: .875rem;
+    display: flex;
+  }
+
+  .gdjOOW_command__empty:empty {
+    padding: 0;
+  }
+
+  .gdjOOW_command__footer {
+    background-color: var(--sk-muted);
+    border-block-start: 1px solid var(--sk-border);
+    color: var(--sk-muted-foreground);
+    flex-wrap: wrap;
+    justify-content: flex-start;
+    align-items: center;
+    gap: .5rem;
+    padding-block: .5rem;
+    padding-inline: .75rem;
+    font-size: .75rem;
+    display: flex;
+
+    @media (width < 48rem) {
+      margin-block-end: calc(-1 * env(safe-area-inset-bottom, 0px));
+      padding-block-end: calc(.5rem + env(safe-area-inset-bottom, 0px));
+    }
+  }
+}

package/dist/command-palette-DF4XJ8qz.js

@@ -0,0 +1,191 @@
+import './command-palette-DF4XJ8qz.css';
+import { t as mergeClassName } from "./merge-class-name-C4KJJGuK.js";
+import { t as DialogPortal } from "./dialog-portal-B21WFYkQ.js";
+import { n as DialogBackdrop, t as DialogViewport } from "./dialog-viewport-vpbsq7Ib.js";
+import { t as Cluster } from "./cluster-BJ4m5uGN.js";
+import { Dialog } from "@base-ui/react/dialog";
+import { clsx } from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Autocomplete } from "@base-ui/react/autocomplete";
+//#region src/command-palette/command-palette.module.css
+var command_palette_module_default = {
+	"command__content": "gdjOOW_command__content",
+	"command__empty": "gdjOOW_command__empty",
+	"command__footer": "gdjOOW_command__footer",
+	"command__group": "gdjOOW_command__group",
+	"command__group-label": "gdjOOW_command__group-label",
+	"command__input": "gdjOOW_command__input",
+	"command__input-group": "gdjOOW_command__input-group",
+	"command__item": "gdjOOW_command__item",
+	"command__item-hint": "gdjOOW_command__item-hint",
+	"command__list": "gdjOOW_command__list"
+};
+//#endregion
+//#region src/command-palette/command-palette-content.tsx
+function CommandPaletteContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Popup, {
+		className: mergeClassName(command_palette_module_default.command__content, className),
+		...props
+	});
+}
+//#endregion
+//#region src/command-palette/command-palette-empty.tsx
+function CommandPaletteEmpty({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Autocomplete.Empty, {
+		className: mergeClassName(command_palette_module_default.command__empty, className),
+		...props
+	});
+}
+//#endregion
+//#region src/command-palette/command-palette-footer.tsx
+function CommandPaletteFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: clsx(command_palette_module_default.command__footer, className),
+		...props
+	});
+}
+//#endregion
+//#region src/command-palette/command-palette-group.tsx
+function CommandPaletteGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Autocomplete.Group, {
+		className: mergeClassName(command_palette_module_default.command__group, className),
+		...props
+	});
+}
+//#endregion
+//#region src/command-palette/command-palette-group-label.tsx
+function CommandPaletteGroupLabel({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Autocomplete.GroupLabel, {
+		className: mergeClassName(command_palette_module_default["command__group-label"], className),
+		...props
+	});
+}
+//#endregion
+//#region src/command-palette/command-palette-input.tsx
+function CommandPaletteInput({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Autocomplete.Input, {
+		className: mergeClassName(command_palette_module_default.command__input, className),
+		...props
+	});
+}
+//#endregion
+//#region src/command-palette/command-palette-input-group.tsx
+function CommandPaletteInputGroup({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Autocomplete.InputGroup, {
+		className: mergeClassName(command_palette_module_default["command__input-group"], className),
+		...props,
+		children: /* @__PURE__ */ jsx(Cluster, {
+			space: "0.625rem",
+			align: "center",
+			children
+		})
+	});
+}
+//#endregion
+//#region src/command-palette/command-palette-item.tsx
+function CommandPaletteItem({ className, hint, children, ...props }) {
+	return /* @__PURE__ */ jsxs(Autocomplete.Item, {
+		className: mergeClassName(command_palette_module_default.command__item, className),
+		...props,
+		children: [children, hint !== void 0 && /* @__PURE__ */ jsx("span", {
+			className: command_palette_module_default["command__item-hint"],
+			children: hint
+		})]
+	});
+}
+//#endregion
+//#region src/command-palette/command-palette-list.tsx
+function CommandPaletteList({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Autocomplete.List, {
+		className: mergeClassName(command_palette_module_default.command__list, className),
+		...props
+	});
+}
+//#endregion
+//#region src/command-palette/command-palette-root.tsx
+function CommandPaletteRoot({ open, defaultOpen, onOpenChange, onOpenChangeComplete, modal = true, children, items, value, defaultValue, onValueChange, onItemHighlighted, mode = "list", autoHighlight = "always", keepHighlight, highlightItemOnHover, itemToStringValue, submitOnItemClick, filter, ...dialogProps }) {
+	return /* @__PURE__ */ jsx(Dialog.Root, {
+		open,
+		defaultOpen,
+		onOpenChange,
+		onOpenChangeComplete,
+		modal,
+		...dialogProps,
+		children: /* @__PURE__ */ jsx(Autocomplete.Root, {
+			items,
+			open,
+			defaultOpen,
+			inline: true,
+			mode,
+			value,
+			defaultValue,
+			onValueChange,
+			onItemHighlighted,
+			autoHighlight,
+			keepHighlight,
+			highlightItemOnHover,
+			itemToStringValue,
+			submitOnItemClick,
+			filter,
+			children
+		})
+	});
+}
+//#endregion
+//#region src/command-palette/index.ts
+/**
+* Compound component for a command palette.
+*
+* Assemble the parts as properties of the object:
+*
+* ```tsx
+* import { CommandPalette } from '@vikram-hegde/skeletal'
+*
+* <CommandPalette.Root open={open} onOpenChange={setOpen} items={commands}>
+*   <CommandPalette.Portal>
+*     <CommandPalette.Backdrop />
+*     <CommandPalette.Viewport>
+*       <CommandPalette.Content>
+*         <CommandPalette.InputGroup>
+*           <Icon name={MagnifyingGlass} size={16} />
+*           <CommandPalette.Input placeholder="Type a command…" />
+*         </CommandPalette.InputGroup>
+*         <CommandPalette.List>
+*           {(command) => (
+*             <CommandPalette.Item value={command.id} onClick={…}>
+*               {command.label}
+*             </CommandPalette.Item>
+*           )}
+*         </CommandPalette.List>
+*         <CommandPalette.Empty>No commands found.</CommandPalette.Empty>
+*         <CommandPalette.Footer>
+*           <kbd>↑↓</kbd> navigate · <kbd>↵</kbd> select
+*         </CommandPalette.Footer>
+*       </CommandPalette.Content>
+*     </CommandPalette.Viewport>
+*   </CommandPalette.Portal>
+* </CommandPalette.Root>
+* ```
+*
+* The palette is a modal Dialog composed with a query-filtered Base UI
+* Autocomplete (`inline` mode): typing filters the items, arrow keys navigate,
+* and Enter/click executes the highlighted command via the item's `onClick`.
+* Open it with a shortcut by controlling `open`.
+*/
+const CommandPalette = {
+	Root: CommandPaletteRoot,
+	Portal: DialogPortal,
+	Backdrop: DialogBackdrop,
+	Viewport: DialogViewport,
+	Content: CommandPaletteContent,
+	InputGroup: CommandPaletteInputGroup,
+	Input: CommandPaletteInput,
+	List: CommandPaletteList,
+	Group: CommandPaletteGroup,
+	GroupLabel: CommandPaletteGroupLabel,
+	Item: CommandPaletteItem,
+	Empty: CommandPaletteEmpty,
+	Footer: CommandPaletteFooter
+};
+//#endregion
+export { CommandPalette as t };

package/dist/dialog/index.d.ts

@@ -0,0 +1,6 @@
+import { i as DialogBackdropProps, n as DialogViewportProps } from "../dialog-viewport-CaMWJrCJ.js";
+import { i as DialogDescriptionProps, n as DialogTitleProps, o as DialogCloseProps } from "../dialog-title-jyf86Q8C.js";
+import { a as DialogContentSize, i as DialogContentProps, n as DialogFooterProps } from "../dialog-footer-bNVIVPbu.js";
+import { n as DialogPortalProps } from "../dialog-portal-BF89FBeX.js";
+import { n as DialogTriggerProps, r as DialogProps, t as Dialog } from "../index-CznsZ_1M.js";
+export { Dialog, type DialogBackdropProps, type DialogCloseProps, type DialogContentProps, type DialogContentSize, type DialogDescriptionProps, type DialogFooterProps, type DialogPortalProps, type DialogProps, type DialogTitleProps, type DialogTriggerProps, type DialogViewportProps };

package/dist/dialog/index.js

@@ -0,0 +1,2 @@
+import { t as Dialog } from "../dialog-C4yqxII_.js";
+export { Dialog };