@adea-ai/ui 0.60.4 → 0.61.1

package/dist/components/ui/resizable/resizable.js

@@ -0,0 +1,57 @@
+import { cn } from "../../../lib/utils.js";
+import { createComponent, insert, memo, mergeProps, template } from "solid-js/web";
+import { GripVertical } from "lucide-solid";
+import { splitProps } from "solid-js";
+import Resizable from "@corvu/resizable";
+//#region src/components/ui/resizable/resizable.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div class="bg-border z-(--z-docked) flex h-4 w-2.5 items-center justify-center rounded-sm border border-border">`);
+/**
+* Resizable.
+*
+* A split layout: panels the user can resize, with a handle between them. This
+* is the shape of every IDE-like surface — rail, file tree, editor, terminal —
+* and the reason it is a primitive rather than something each view improvises.
+*
+* corvu supplies the pointer capture, the min/max constraints and the keyboard
+* resizing, which is what makes a divider operable without a mouse. The handle
+* is a real focusable element with an accessible role, so a split pane can be
+* adjusted from the keyboard; a bare `cursor-col-resize` div cannot.
+*/
+function ResizablePanelGroup(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(Resizable, mergeProps({ get ["class"]() {
+		return cn("flex size-full data-[orientation=vertical]:flex-col", local.class);
+	} }, rest));
+}
+function ResizablePanel(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(Resizable.Panel, mergeProps({ get ["class"]() {
+		return cn("min-h-0 min-w-0 overflow-hidden", local.class);
+	} }, rest));
+}
+function ResizableHandle(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"withHandle",
+		"label"
+	]);
+	return createComponent(Resizable.Handle, mergeProps({
+		get ["aria-label"]() {
+			return local.label ?? "Resize panels";
+		},
+		"aria-orientation": "vertical",
+		get ["class"]() {
+			return cn("group/resize bg-border relative flex w-px shrink-0 items-center justify-center", "after:absolute after:inset-y-0 after:-inset-x-1 after:w-3", "transition-colors ease-out hover:bg-primary", "focus-visible:bg-primary focus-visible:outline-none", "data-[orientation=vertical]:h-px data-[orientation=vertical]:w-full", "data-[orientation=vertical]:after:inset-x-0 data-[orientation=vertical]:after:-inset-y-1 data-[orientation=vertical]:after:h-3 data-[orientation=vertical]:after:w-full", local.class);
+		}
+	}, rest, { get children() {
+		return memo(() => !!local.withHandle)() ? (() => {
+			var _el$ = _tmpl$();
+			insert(_el$, createComponent(GripVertical, { "class": "size-2.5 text-muted-foreground" }));
+			return _el$;
+		})() : null;
+	} }));
+}
+//#endregion
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
+
+//# sourceMappingURL=resizable.js.map

package/dist/components/ui/resizable/resizable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable.js","names":["Resizable","GripVertical","ComponentProps","splitProps","cn","ResizablePanelGroup","props","class","local","rest","_$createComponent","_$mergeProps","ResizablePanel","Panel","ResizableHandleProps","Handle","withHandle","label","ResizableHandle","aria-label","children","_$memo","_el$","_tmpl$","_$insert","_$createComponent","_$mergeProps","_$memo"],"sources":["../../../../src/components/ui/resizable/resizable.tsx"],"sourcesContent":["import Resizable from '@corvu/resizable'\nimport { GripVertical } from 'lucide-solid'\nimport type { ComponentProps } from 'solid-js'\nimport { splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\n\n/**\n * Resizable.\n *\n * A split layout: panels the user can resize, with a handle between them. This\n * is the shape of every IDE-like surface — rail, file tree, editor, terminal —\n * and the reason it is a primitive rather than something each view improvises.\n *\n * corvu supplies the pointer capture, the min/max constraints and the keyboard\n * resizing, which is what makes a divider operable without a mouse. The handle\n * is a real focusable element with an accessible role, so a split pane can be\n * adjusted from the keyboard; a bare `cursor-col-resize` div cannot.\n */\nexport function ResizablePanelGroup(props: ComponentProps<typeof Resizable> & { class?: string }) {\n  const [local, rest] = splitProps(props, ['class'])\n\n  return (\n    <Resizable\n      class={cn('flex size-full data-[orientation=vertical]:flex-col', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function ResizablePanel(props: ComponentProps<typeof Resizable.Panel> & { class?: string }) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <Resizable.Panel class={cn('min-h-0 min-w-0 overflow-hidden', local.class)} {...rest} />\n}\n\nexport type ResizableHandleProps = ComponentProps<typeof Resizable.Handle> & {\n  class?: string\n  /** Draw a visible grip in the middle of the divider. */\n  withHandle?: boolean\n  /**\n   * The divider's accessible name. It is a focusable control — arrow keys move\n   * the split — so it needs one; without it a screen reader announces an\n   * unlabelled button between the two panels.\n   */\n  label?: string\n}\n\nexport function ResizableHandle(props: ResizableHandleProps) {\n  const [local, rest] = splitProps(props, ['class', 'withHandle', 'label'])\n\n  return (\n    <Resizable.Handle\n      aria-label={local.label ?? 'Resize panels'}\n      aria-orientation=\"vertical\"\n      class={cn(\n        'group/resize bg-border relative flex w-px shrink-0 items-center justify-center',\n        /* Widen the hit target without moving the visual line: the divider is\n           a hairline, but a hairline is far too small to grab. */\n        'after:absolute after:inset-y-0 after:-inset-x-1 after:w-3',\n        'transition-colors ease-out hover:bg-primary',\n        'focus-visible:bg-primary focus-visible:outline-none',\n        'data-[orientation=vertical]:h-px data-[orientation=vertical]:w-full',\n        'data-[orientation=vertical]:after:inset-x-0 data-[orientation=vertical]:after:-inset-y-1 data-[orientation=vertical]:after:h-3 data-[orientation=vertical]:after:w-full',\n        local.class\n      )}\n      {...rest}\n    >\n      {local.withHandle ? (\n        <div class=\"bg-border z-(--z-docked) flex h-4 w-2.5 items-center justify-center rounded-sm border border-border\">\n          <GripVertical class=\"size-2.5 text-muted-foreground\" />\n        </div>\n      ) : null}\n    </Resizable.Handle>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAkBA,SAAgBK,oBAAoBC,OAA8D;CAChG,MAAM,CAACE,OAAOC,QAAQN,WAAWG,OAAO,CAAC,OAAO,CAAC;CAEjD,OAAAI,gBACGV,WAASW,WAAA,EAAA,KAAA,WAAA;EAAA,OACDP,GAAG,uDAAuDI,MAAMD,KAAK;CAAC,EAAA,GACzEE,IAAI,CAAA;AAGd;AAEA,SAAgBG,eAAeN,OAAoE;CACjG,MAAM,CAACE,OAAOC,QAAQN,WAAWG,OAAO,CAAC,OAAO,CAAC;CACjD,OAAAI,gBAAQV,UAAUa,OAAKF,WAAA,EAAA,KAAA,WAAA;EAAA,OAAQP,GAAG,mCAAmCI,MAAMD,KAAK;CAAC,EAAA,GAAME,IAAI,CAAA;AAC7F;AAcA,SAAgBS,gBAAgBZ,OAA6B;CAC3D,MAAM,CAACE,OAAOC,QAAQN,WAAWG,OAAO;EAAC;EAAS;EAAc;CAAO,CAAC;CAExE,OAAAI,gBACGV,UAAUe,QAAMJ,WAAA;EAAA,KAAA,gBAAA;GAAA,OACHH,MAAMS,SAAS;EAAe;EAAA,oBAAA;EAAA,KAAA,WAAA;GAAA,OAEnCb,GACL,kFAGA,6DACA,+CACA,uDACA,uEACA,2KACAI,MAAMD,KACR;EAAC;CAAA,GACGE,MAAI,EAAA,IAAAW,WAAA;EAAA,OAEPC,WAAA,CAAA,CAAAb,MAAMQ,UAAU,CAAA,CAAA,WAAA;GAAA,IAAAM,OAAAC,OAAA;GAAAC,OAAAF,MAAAZ,gBAEZT,cAAY,EAAA,SAAA,iCAAA,CAAA,CAAA;GAAA,OAAAqB;EAAA,EAAA,CAAA,IAEb;CAAI,EAAA,CAAA,CAAA;AAGd"}

package/dist/components/ui/scroll-area/index.d.ts

@@ -0,0 +1,2 @@
+export { ScrollArea, type ScrollAreaProps } from './scroll-area';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/scroll-area/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/scroll-area/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAA"}

package/dist/components/ui/scroll-area/scroll-area.d.ts

@@ -0,0 +1,26 @@
+import type { ComponentProps } from 'solid-js';
+/**
+ * ScrollArea.
+ *
+ * A scroll container with the design system's scrollbar treatment, plus an
+ * optional fade at each edge so a long list reads as continuing rather than
+ * ending at the fold.
+ *
+ * This is a styled native scroller, not a reimplementation of scrolling. The
+ * platform scroller already handles momentum, rubber-banding, keyboard paging,
+ * trackpad gestures, `scrollIntoView`, focus-into-view and find-in-page. A
+ * custom scrollbar over a transformed div gives up every one of those to gain
+ * nothing but the scrollbar's appearance, which CSS already controls.
+ *
+ * `orientation` only decides which edges the fade appears on; `overflow-auto`
+ * stays on both axes in `both` mode so a wide table can still be reached.
+ */
+export type ScrollAreaProps = ComponentProps<'div'> & {
+    orientation?: 'vertical' | 'horizontal' | 'both';
+    /** Draw a fade at the leading and trailing edges of the scrolled axis. */
+    fade?: boolean;
+    /** Replace the browser's scrollbar with the system's thin treatment. */
+    hideScrollbar?: boolean;
+};
+export declare function ScrollArea(props: ScrollAreaProps): import("solid-js").JSX.Element;
+//# sourceMappingURL=scroll-area.d.ts.map

package/dist/components/ui/scroll-area/scroll-area.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/scroll-area/scroll-area.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAI9C;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACpD,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,MAAM,CAAA;IAChD,0EAA0E;IAC1E,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,wEAAwE;IACxE,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,kCAqChD"}

package/dist/components/ui/scroll-area/scroll-area.js

@@ -0,0 +1,36 @@
+import { cn } from "../../../lib/utils.js";
+import { mergeProps, spread, template } from "solid-js/web";
+import { splitProps } from "solid-js";
+//#region src/components/ui/scroll-area/scroll-area.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div data-slot=scroll-area>`);
+function ScrollArea(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"orientation",
+		"fade",
+		"hideScrollbar",
+		"tabIndex"
+	]);
+	return (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, mergeProps({
+			get tabIndex() {
+				return local.tabIndex ?? 0;
+			},
+			get ["class"]() {
+				return cn("relative min-h-0 min-w-0 outline-none focus-visible:ring-3 focus-visible:ring-primary-subtle", {
+					"overflow-y-auto overflow-x-hidden": local.orientation === "vertical" || local.orientation === void 0,
+					"overflow-x-auto overflow-y-hidden": local.orientation === "horizontal",
+					"overflow-auto": local.orientation === "both",
+					"no-scrollbar": local.hideScrollbar,
+					"scroll-shadow-y": local.fade && (local.orientation === "vertical" || local.orientation === void 0)
+				}, local.class);
+			}
+		}, rest), false, false);
+		return _el$;
+	})();
+}
+//#endregion
+export { ScrollArea };
+
+//# sourceMappingURL=scroll-area.js.map

package/dist/components/ui/scroll-area/scroll-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.js","names":["ComponentProps","splitProps","cn","ScrollAreaProps","orientation","fade","hideScrollbar","ScrollArea","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","tabIndex","class","undefined","_$mergeProps"],"sources":["../../../../src/components/ui/scroll-area/scroll-area.tsx"],"sourcesContent":["import type { ComponentProps } from 'solid-js'\nimport { splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\n\n/**\n * ScrollArea.\n *\n * A scroll container with the design system's scrollbar treatment, plus an\n * optional fade at each edge so a long list reads as continuing rather than\n * ending at the fold.\n *\n * This is a styled native scroller, not a reimplementation of scrolling. The\n * platform scroller already handles momentum, rubber-banding, keyboard paging,\n * trackpad gestures, `scrollIntoView`, focus-into-view and find-in-page. A\n * custom scrollbar over a transformed div gives up every one of those to gain\n * nothing but the scrollbar's appearance, which CSS already controls.\n *\n * `orientation` only decides which edges the fade appears on; `overflow-auto`\n * stays on both axes in `both` mode so a wide table can still be reached.\n */\nexport type ScrollAreaProps = ComponentProps<'div'> & {\n  orientation?: 'vertical' | 'horizontal' | 'both'\n  /** Draw a fade at the leading and trailing edges of the scrolled axis. */\n  fade?: boolean\n  /** Replace the browser's scrollbar with the system's thin treatment. */\n  hideScrollbar?: boolean\n}\n\nexport function ScrollArea(props: ScrollAreaProps) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'orientation',\n    'fade',\n    'hideScrollbar',\n    'tabIndex',\n  ])\n\n  return (\n    <div\n      data-slot=\"scroll-area\"\n      /*\n       * Focusable, because that is what makes a scroll region reachable from the\n       * keyboard. A `div` with `overflow: auto` scrolls with a mouse or a\n       * trackpad and not at all with the arrow keys until it can take focus, so\n       * a long list inside one is unreachable without a pointer. The cost is a\n       * focus ring around the region, which is correct: it *is* focusable, and\n       * `outline-none` keeps the ring to the drawn one.\n       */\n      tabIndex={local.tabIndex ?? 0}\n      class={cn(\n        'relative min-h-0 min-w-0 outline-none focus-visible:ring-3 focus-visible:ring-primary-subtle',\n        {\n          'overflow-y-auto overflow-x-hidden':\n            local.orientation === 'vertical' || local.orientation === undefined,\n          'overflow-x-auto overflow-y-hidden': local.orientation === 'horizontal',\n          'overflow-auto': local.orientation === 'both',\n          'no-scrollbar': local.hideScrollbar,\n          'scroll-shadow-y':\n            local.fade && (local.orientation === 'vertical' || local.orientation === undefined),\n        },\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n"],"mappings":";;;;;AA4BA,SAAgBO,WAAWC,OAAwB;CACjD,MAAM,CAACC,OAAOC,QAAQT,WAAWO,OAAO;EACtC;EACA;EACA;EACA;EACA;CAAU,CACX;CAED,cAAA;EAAA,IAAAG,OAAAC,OAAA;EAAAC,OAAAF,MAAAG,WAAA;GAAA,IAWIC,WAAQ;IAAA,OAAEN,MAAMM,YAAY;GAAC;GAAA,KAAA,WAAA;IAAA,OACtBb,GACL,gGACA;KACE,qCACEO,MAAML,gBAAgB,cAAcK,MAAML,gBAAgBa,KAAAA;KAC5D,qCAAqCR,MAAML,gBAAgB;KAC3D,iBAAiBK,MAAML,gBAAgB;KACvC,gBAAgBK,MAAMH;KACtB,mBACEG,MAAMJ,SAASI,MAAML,gBAAgB,cAAcK,MAAML,gBAAgBa,KAAAA;IAC7E,GACAR,MAAMO,KACR;GAAC;EAAA,GACGN,IAAI,GAAA,OAAA,KAAA;EAAA,OAAAC;CAAA,EAAA,CAAA;AAGd"}

package/dist/components/ui/select/index.d.ts

@@ -0,0 +1,2 @@
+export { Select, SelectChevronsUpDown, SelectContent, SelectItem, SelectLabel, SelectSection, SelectTrigger, SelectValue, type SelectTriggerProps, } from './select';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,oBAAoB,EACpB,aAAa,EACb,UAAU,EACV,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,KAAK,kBAAkB,GACxB,MAAM,UAAU,CAAA"}

package/dist/components/ui/select/select.d.ts

@@ -0,0 +1,63 @@
+import { Select as KobalteSelect } from '@kobalte/core/select';
+import type { ComponentProps } from 'solid-js';
+/**
+ * Select.
+ *
+ * A single choice from a list that is too long to show, or whose options are
+ * only known at runtime. The distinction from RadioGroup is disclosure: a
+ * Select hides the choices behind a click, which is right above roughly seven
+ * options and wrong below it.
+ *
+ * `Select.Value` renders the human-readable label of the selection, not its
+ * value — the reason a Select takes both `options` and `optionValue`/`optionText`
+ * rather than a bare list of strings, and the reason the trigger never shows a
+ * raw id.
+ */
+export declare function Select<Option, OptGroup = never>(props: ComponentProps<typeof KobalteSelect<Option, OptGroup>>): import("solid-js").JSX.Element;
+export type SelectTriggerProps = ComponentProps<typeof KobalteSelect.Trigger> & {
+    size?: 'sm' | 'md' | 'lg';
+    /** Hide the chevron, e.g. when a caller draws its own affordance. */
+    hideIcon?: boolean;
+};
+export declare function SelectTrigger(props: SelectTriggerProps): import("solid-js").JSX.Element;
+/**
+ * What the trigger shows for the current selection.
+ *
+ * The default renderer is the reason a single-select needs no render prop at all.
+ * Kobalte's own `Value` draws *only* its children, so a bare `<SelectValue />`
+ * shows the placeholder and then goes blank the moment something is chosen: the
+ * value is there, nothing paints it.
+ *
+ * Kobalte cannot supply a default itself, because an option is the caller's type
+ * — it has no way to know which field is the label. So this reads a field by
+ * convention: `label`, then `name`, then `textValue`. An option shaped
+ * `{ value, label }` therefore needs nothing, and anything else passes
+ * `optionLabel`.
+ *
+ * A multiple-select still supplies its own renderer, because "3 selected" is a
+ * summary a caller has to phrase, not something a component can guess.
+ */
+type SelectValueChildren = ComponentProps<typeof KobalteSelect.Value>['children'];
+export type SelectValueProps = ComponentProps<typeof KobalteSelect.Value> & {
+    /**
+     * Read the display text from the selected option. Supply this when the option's
+     * label does not live in a field called `label`, `name` or `textValue`.
+     */
+    optionLabel?: (option: unknown) => string;
+    /** Replace the default readout entirely, for a multiple-select summary. */
+    children?: SelectValueChildren;
+};
+export declare function SelectValue(props: SelectValueProps): import("solid-js").JSX.Element;
+/**
+ * The option list. The items themselves come from the root's `itemComponent`,
+ * which is what makes a Select able to render a typed option rather than a
+ * string; `children` here is for content above the list, such as a filter hint.
+ */
+export declare function SelectContent(props: ComponentProps<typeof KobalteSelect.Content>): import("solid-js").JSX.Element;
+export declare function SelectItem(props: ComponentProps<typeof KobalteSelect.Item>): import("solid-js").JSX.Element;
+export declare function SelectSection(props: ComponentProps<typeof KobalteSelect.Section>): import("solid-js").JSX.Element;
+export declare function SelectLabel(props: ComponentProps<typeof KobalteSelect.Label>): import("solid-js").JSX.Element;
+/** The chevron pair used when a Select is composed by hand in a field. */
+export declare function SelectChevronsUpDown(props: ComponentProps<'svg'>): import("solid-js").JSX.Element;
+export {};
+//# sourceMappingURL=select.d.ts.map

package/dist/components/ui/select/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAE9D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAK9C;;;;;;;;;;;;GAYG;AACH,wBAAgB,MAAM,CAAC,MAAM,EAAE,QAAQ,GAAG,KAAK,EAC7C,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,kCAG9D;AAED,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,GAAG;IAC9E,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,kCAgCtD;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,KAAK,mBAAmB,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAA;AAEjF,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,KAAK,CAAC,GAAG;IAC1E;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,MAAM,CAAA;IACzC,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,mBAAmB,CAAA;CAC/B,CAAA;AAkBD,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,kCAalD;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,kCAuBhF;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,kCAW1E;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,kCAGhF;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,KAAK,CAAC,kCAQ5E;AAED,0EAA0E;AAC1E,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,kCAEhE"}

package/dist/components/ui/select/select.js

@@ -0,0 +1,142 @@
+import { cn } from "../../../lib/utils.js";
+import { menuItem, popoverArrow } from "../../../lib/overlay.js";
+import { createComponent, memo, mergeProps } from "solid-js/web";
+import { Check, ChevronDown, ChevronsUpDown } from "lucide-solid";
+import { Show, splitProps } from "solid-js";
+import { Select } from "@kobalte/core/select";
+//#region src/components/ui/select/select.tsx
+/**
+* Select.
+*
+* A single choice from a list that is too long to show, or whose options are
+* only known at runtime. The distinction from RadioGroup is disclosure: a
+* Select hides the choices behind a click, which is right above roughly seven
+* options and wrong below it.
+*
+* `Select.Value` renders the human-readable label of the selection, not its
+* value — the reason a Select takes both `options` and `optionValue`/`optionText`
+* rather than a bare list of strings, and the reason the trigger never shows a
+* raw id.
+*/
+function Select$1(props) {
+	return createComponent(Select, props);
+}
+function SelectTrigger(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"size",
+		"hideIcon",
+		"children"
+	]);
+	return createComponent(Select.Trigger, mergeProps({ get ["class"]() {
+		return cn("border-input bg-transparent flex w-fit items-center justify-between gap-2 rounded-md border px-control-md", "whitespace-nowrap transition-[color,box-shadow,border-color] ease-out outline-none", "data-[placeholder-shown]:text-muted-foreground", "hover:border-input", "focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle", "aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive-subtle", "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", "*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2", "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4", {
+			"h-control-sm text-xs": local.size === "sm",
+			"h-control-md text-sm": local.size === "md" || local.size === void 0,
+			"h-control-lg text-sm": local.size === "lg"
+		}, local.class);
+	} }, rest, { get children() {
+		return [memo(() => local.children), createComponent(Show, {
+			get when() {
+				return !local.hideIcon;
+			},
+			get children() {
+				return createComponent(Select.Icon, {
+					"class": "text-muted-foreground",
+					get children() {
+						return createComponent(ChevronDown, {});
+					}
+				});
+			}
+		})];
+	} }));
+}
+/** Fields a label is read from, in order. See `SelectValueProps.optionLabel`. */
+var LABEL_FIELDS = [
+	"label",
+	"name",
+	"textValue"
+];
+function labelFromOption(option) {
+	if (option === null || typeof option !== "object") return typeof option === "string" ? option : "";
+	for (const field of LABEL_FIELDS) {
+		const value = option[field];
+		if (typeof value === "string") return value;
+	}
+	return "";
+}
+function SelectValue(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"children",
+		"optionLabel"
+	]);
+	const readLabel = (state) => {
+		const option = state.selectedOption();
+		return local.optionLabel ? local.optionLabel(option) : labelFromOption(option);
+	};
+	return createComponent(Select.Value, mergeProps({
+		"data-slot": "select-value",
+		get ["class"]() {
+			return cn("truncate", local.class);
+		}
+	}, rest, { get children() {
+		return local.children ?? readLabel;
+	} }));
+}
+/**
+* The option list. The items themselves come from the root's `itemComponent`,
+* which is what makes a Select able to render a typed option rather than a
+* string; `children` here is for content above the list, such as a filter hint.
+*/
+function SelectContent(props) {
+	const [local, rest] = splitProps(props, ["class", "children"]);
+	return createComponent(Select.Portal, { get children() {
+		return createComponent(Select.Content, mergeProps({ get ["class"]() {
+			return cn("bg-popover text-popover-foreground rounded-xl border border-border shadow-lg", "z-(--z-menu) max-h-(--kb-popper-content-available-height) min-w-[8rem] origin-(--kb-select-content-transform-origin) overflow-y-auto overflow-x-hidden", "p-1", "data-expanded:animate-in data-expanded:fade-in-0 data-expanded:zoom-in-95", "data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", "data-expanded:duration-150 data-closed:duration-100", local.class);
+		} }, rest, { get children() {
+			return [
+				memo(() => local.children),
+				createComponent(Select.Listbox, { "class": "flex flex-col" }),
+				createComponent(Select.Arrow, {
+					"aria-hidden": "true",
+					"class": popoverArrow
+				})
+			];
+		} }));
+	} });
+}
+function SelectItem(props) {
+	const [local, rest] = splitProps(props, ["class", "children"]);
+	return createComponent(Select.Item, mergeProps({ get ["class"]() {
+		return cn(menuItem, "pe-8", local.class);
+	} }, rest, { get children() {
+		return [createComponent(Select.ItemLabel, { get children() {
+			return local.children;
+		} }), createComponent(Select.ItemIndicator, {
+			"class": "absolute end-2 flex size-4 items-center justify-center",
+			get children() {
+				return createComponent(Check, { "class": "size-4" });
+			}
+		})];
+	} }));
+}
+function SelectSection(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(Select.Section, mergeProps({ get ["class"]() {
+		return cn("flex flex-col", local.class);
+	} }, rest));
+}
+function SelectLabel(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(Select.Label, mergeProps({ get ["class"]() {
+		return cn("text-muted-foreground px-2 py-1.5 text-2xs font-medium uppercase", local.class);
+	} }, rest));
+}
+/** The chevron pair used when a Select is composed by hand in a field. */
+function SelectChevronsUpDown(props) {
+	return createComponent(ChevronsUpDown, mergeProps({ "aria-hidden": "true" }, props));
+}
+//#endregion
+export { Select$1 as Select, SelectChevronsUpDown, SelectContent, SelectItem, SelectLabel, SelectSection, SelectTrigger, SelectValue };
+
+//# sourceMappingURL=select.js.map

package/dist/components/ui/select/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","names":["Select","KobalteSelect","Check","ChevronDown","ChevronsUpDown","ComponentProps","Show","splitProps","menuContentPadding","menuItem","popoverArrow","cn","props","Option","OptGroup","_$createComponent","SelectTriggerProps","Trigger","size","hideIcon","SelectTrigger","local","rest","_$mergeProps","class","undefined","children","_$memo","when","Icon","SelectValueChildren","Value","SelectValueProps","optionLabel","option","LABEL_FIELDS","const","labelFromOption","field","value","Record","SelectValue","readLabel","state","selectedOption","SelectContent","Content","Portal","Listbox","Arrow","SelectItem","Item","ItemLabel","ItemIndicator","SelectSection","Section","SelectLabel","Label","SelectChevronsUpDown","Select","_$createComponent","KobalteSelect","_$mergeProps","_$memo"],"sources":["../../../../src/components/ui/select/select.tsx"],"sourcesContent":["import { Select as KobalteSelect } from '@kobalte/core/select'\nimport { Check, ChevronDown, ChevronsUpDown } from 'lucide-solid'\nimport type { ComponentProps } from 'solid-js'\nimport { Show, splitProps } from 'solid-js'\nimport { menuContentPadding, menuItem, popoverArrow } from '#lib/overlay'\nimport { cn } from '#lib/utils'\n\n/**\n * Select.\n *\n * A single choice from a list that is too long to show, or whose options are\n * only known at runtime. The distinction from RadioGroup is disclosure: a\n * Select hides the choices behind a click, which is right above roughly seven\n * options and wrong below it.\n *\n * `Select.Value` renders the human-readable label of the selection, not its\n * value — the reason a Select takes both `options` and `optionValue`/`optionText`\n * rather than a bare list of strings, and the reason the trigger never shows a\n * raw id.\n */\nexport function Select<Option, OptGroup = never>(\n  props: ComponentProps<typeof KobalteSelect<Option, OptGroup>>\n) {\n  return <KobalteSelect {...props} />\n}\n\nexport type SelectTriggerProps = ComponentProps<typeof KobalteSelect.Trigger> & {\n  size?: 'sm' | 'md' | 'lg'\n  /** Hide the chevron, e.g. when a caller draws its own affordance. */\n  hideIcon?: boolean\n}\n\nexport function SelectTrigger(props: SelectTriggerProps) {\n  const [local, rest] = splitProps(props, ['class', 'size', 'hideIcon', 'children'])\n\n  return (\n    <KobalteSelect.Trigger\n      class={cn(\n        'border-input bg-transparent flex w-fit items-center justify-between gap-2 rounded-md border px-control-md',\n        'whitespace-nowrap transition-[color,box-shadow,border-color] ease-out outline-none',\n        'data-[placeholder-shown]:text-muted-foreground',\n        'hover:border-input',\n        'focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle',\n        'aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive-subtle',\n        'disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n        '*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2',\n        '[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4',\n        {\n          'h-control-sm text-xs': local.size === 'sm',\n          'h-control-md text-sm': local.size === 'md' || local.size === undefined,\n          'h-control-lg text-sm': local.size === 'lg',\n        },\n        local.class\n      )}\n      {...rest}\n    >\n      {local.children}\n      <Show when={!local.hideIcon}>\n        <KobalteSelect.Icon class=\"text-muted-foreground\">\n          <ChevronDown />\n        </KobalteSelect.Icon>\n      </Show>\n    </KobalteSelect.Trigger>\n  )\n}\n\n/**\n * What the trigger shows for the current selection.\n *\n * The default renderer is the reason a single-select needs no render prop at all.\n * Kobalte's own `Value` draws *only* its children, so a bare `<SelectValue />`\n * shows the placeholder and then goes blank the moment something is chosen: the\n * value is there, nothing paints it.\n *\n * Kobalte cannot supply a default itself, because an option is the caller's type\n * — it has no way to know which field is the label. So this reads a field by\n * convention: `label`, then `name`, then `textValue`. An option shaped\n * `{ value, label }` therefore needs nothing, and anything else passes\n * `optionLabel`.\n *\n * A multiple-select still supplies its own renderer, because \"3 selected\" is a\n * summary a caller has to phrase, not something a component can guess.\n */\ntype SelectValueChildren = ComponentProps<typeof KobalteSelect.Value>['children']\n\nexport type SelectValueProps = ComponentProps<typeof KobalteSelect.Value> & {\n  /**\n   * Read the display text from the selected option. Supply this when the option's\n   * label does not live in a field called `label`, `name` or `textValue`.\n   */\n  optionLabel?: (option: unknown) => string\n  /** Replace the default readout entirely, for a multiple-select summary. */\n  children?: SelectValueChildren\n}\n\n/** Fields a label is read from, in order. See `SelectValueProps.optionLabel`. */\nconst LABEL_FIELDS = ['label', 'name', 'textValue'] as const\n\nfunction labelFromOption(option: unknown): string {\n  if (option === null || typeof option !== 'object') {\n    return typeof option === 'string' ? option : ''\n  }\n\n  for (const field of LABEL_FIELDS) {\n    const value = (option as Record<string, unknown>)[field]\n    if (typeof value === 'string') return value\n  }\n\n  return ''\n}\n\nexport function SelectValue(props: SelectValueProps) {\n  const [local, rest] = splitProps(props, ['class', 'children', 'optionLabel'])\n\n  const readLabel = (state: { selectedOption: () => unknown }): string => {\n    const option = state.selectedOption()\n    return local.optionLabel ? local.optionLabel(option) : labelFromOption(option)\n  }\n\n  return (\n    <KobalteSelect.Value data-slot=\"select-value\" class={cn('truncate', local.class)} {...rest}>\n      {local.children ?? (readLabel as unknown as SelectValueChildren)}\n    </KobalteSelect.Value>\n  )\n}\n\n/**\n * The option list. The items themselves come from the root's `itemComponent`,\n * which is what makes a Select able to render a typed option rather than a\n * string; `children` here is for content above the list, such as a filter hint.\n */\nexport function SelectContent(props: ComponentProps<typeof KobalteSelect.Content>) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n\n  return (\n    <KobalteSelect.Portal>\n      <KobalteSelect.Content\n        class={cn(\n          'bg-popover text-popover-foreground rounded-xl border border-border shadow-lg',\n          'z-(--z-menu) max-h-(--kb-popper-content-available-height) min-w-[8rem] origin-(--kb-select-content-transform-origin) overflow-y-auto overflow-x-hidden',\n          menuContentPadding,\n          'data-expanded:animate-in data-expanded:fade-in-0 data-expanded:zoom-in-95',\n          'data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95',\n          'data-expanded:duration-150 data-closed:duration-100',\n          local.class\n        )}\n        {...rest}\n      >\n        {local.children}\n        <KobalteSelect.Listbox class=\"flex flex-col\" />\n        <KobalteSelect.Arrow aria-hidden=\"true\" class={popoverArrow} />\n      </KobalteSelect.Content>\n    </KobalteSelect.Portal>\n  )\n}\n\nexport function SelectItem(props: ComponentProps<typeof KobalteSelect.Item>) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n\n  return (\n    <KobalteSelect.Item class={cn(menuItem, 'pe-8', local.class)} {...rest}>\n      <KobalteSelect.ItemLabel>{local.children}</KobalteSelect.ItemLabel>\n      <KobalteSelect.ItemIndicator class=\"absolute end-2 flex size-4 items-center justify-center\">\n        <Check class=\"size-4\" />\n      </KobalteSelect.ItemIndicator>\n    </KobalteSelect.Item>\n  )\n}\n\nexport function SelectSection(props: ComponentProps<typeof KobalteSelect.Section>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <KobalteSelect.Section class={cn('flex flex-col', local.class)} {...rest} />\n}\n\nexport function SelectLabel(props: ComponentProps<typeof KobalteSelect.Label>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <KobalteSelect.Label\n      class={cn('text-muted-foreground px-2 py-1.5 text-2xs font-medium uppercase', local.class)}\n      {...rest}\n    />\n  )\n}\n\n/** The chevron pair used when a Select is composed by hand in a field. */\nexport function SelectChevronsUpDown(props: ComponentProps<'svg'>) {\n  return <ChevronsUpDown aria-hidden=\"true\" {...props} />\n}\n"],"mappings":"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"}

package/dist/components/ui/separator/index.d.ts

@@ -0,0 +1,2 @@
+export { Separator, type SeparatorProps } from './separator';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/separator/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/separator/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAA"}

package/dist/components/ui/separator/separator.d.ts

@@ -0,0 +1,17 @@
+import type { PolymorphicProps } from '@kobalte/core/polymorphic';
+import { type ValidComponent } from 'solid-js';
+/**
+ * Separator.
+ *
+ * Renders `role="separator"` with the right orientation, so a screen reader
+ * understands it as a boundary rather than as an empty element. A plain
+ * `<div>` with a border looks identical and announces nothing.
+ */
+export type SeparatorProps<T extends ValidComponent = 'div'> = PolymorphicProps<T, {
+    class?: string;
+    /** Draw the line as a dashed rule. For an "or" between alternative paths. */
+    variant?: 'solid' | 'dashed';
+    orientation?: 'horizontal' | 'vertical';
+}>;
+export declare function Separator<T extends ValidComponent = 'div'>(props: SeparatorProps<T>): import("solid-js").JSX.Element;
+//# sourceMappingURL=separator.d.ts.map

package/dist/components/ui/separator/separator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/separator/separator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AACjE,OAAO,EAAmC,KAAK,cAAc,EAAE,MAAM,UAAU,CAAA;AAG/E;;;;;;GAMG;AACH,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,cAAc,GAAG,KAAK,IAAI,gBAAgB,CAC7E,CAAC,EACD;IACE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6EAA6E;IAC7E,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAC5B,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;CACxC,CACF,CAAA;AAED,wBAAgB,SAAS,CAAC,CAAC,SAAS,cAAc,GAAG,KAAK,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,kCAiBnF"}

package/dist/components/ui/separator/separator.js

@@ -0,0 +1,24 @@
+import { cn } from "../../../lib/utils.js";
+import { createComponent, mergeProps } from "solid-js/web";
+import { splitProps } from "solid-js";
+import { Separator } from "@kobalte/core/separator";
+//#region src/components/ui/separator/separator.tsx
+function Separator$1(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"variant",
+		"orientation"
+	]);
+	return createComponent(Separator, mergeProps({
+		get orientation() {
+			return local.orientation ?? "horizontal";
+		},
+		get ["class"]() {
+			return cn("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", { "border-t border-dashed border-border bg-transparent data-[orientation=horizontal]:h-0": local.variant === "dashed" }, local.class);
+		}
+	}, rest));
+}
+//#endregion
+export { Separator$1 as Separator };
+
+//# sourceMappingURL=separator.js.map

package/dist/components/ui/separator/separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.js","names":["Separator","KobalteSeparator","PolymorphicProps","ComponentProps","splitProps","ValidComponent","cn","SeparatorProps","T","class","variant","orientation","props","local","rest","_$createComponent","_$mergeProps","Separator","_$createComponent","KobalteSeparator","_$mergeProps"],"sources":["../../../../src/components/ui/separator/separator.tsx"],"sourcesContent":["import { Separator as KobalteSeparator } from '@kobalte/core/separator'\nimport type { PolymorphicProps } from '@kobalte/core/polymorphic'\nimport { type ComponentProps, splitProps, type ValidComponent } from 'solid-js'\nimport { cn } from '#lib/utils'\n\n/**\n * Separator.\n *\n * Renders `role=\"separator\"` with the right orientation, so a screen reader\n * understands it as a boundary rather than as an empty element. A plain\n * `<div>` with a border looks identical and announces nothing.\n */\nexport type SeparatorProps<T extends ValidComponent = 'div'> = PolymorphicProps<\n  T,\n  {\n    class?: string\n    /** Draw the line as a dashed rule. For an \"or\" between alternative paths. */\n    variant?: 'solid' | 'dashed'\n    orientation?: 'horizontal' | 'vertical'\n  }\n>\n\nexport function Separator<T extends ValidComponent = 'div'>(props: SeparatorProps<T>) {\n  const [local, rest] = splitProps(props as SeparatorProps, ['class', 'variant', 'orientation'])\n\n  return (\n    <KobalteSeparator\n      orientation={local.orientation ?? 'horizontal'}\n      class={cn(\n        'bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px',\n        {\n          'border-t border-dashed border-border bg-transparent data-[orientation=horizontal]:h-0':\n            local.variant === 'dashed',\n        },\n        local.class\n      )}\n      {...(rest as ComponentProps<'div'>)}\n    />\n  )\n}\n"],"mappings":";;;;;AAsBA,SAAgBA,YAA4CY,OAA0B;CACpF,MAAM,CAACC,OAAOC,QAAQV,WAAWQ,OAAyB;EAAC;EAAS;EAAW;CAAa,CAAC;CAE7F,OAAAG,gBACGd,WAAgBe,WAAA;EAAA,IACfL,cAAW;GAAA,OAAEE,MAAMF,eAAe;EAAY;EAAA,KAAA,WAAA;GAAA,OACvCL,GACL,kKACA,EACE,yFACEO,MAAMH,YAAY,SACtB,GACAG,MAAMJ,KACR;EAAC;CAAA,GACIK,IAA6B,CAAA;AAGxC"}

package/dist/components/ui/sheet/index.d.ts

@@ -0,0 +1,2 @@
+export { Sheet, SheetBody, SheetCloseButton, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, sheetVariants, type SheetContentProps, } from './sheet';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/sheet/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/sheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,SAAS,EACT,gBAAgB,EAChB,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,UAAU,EACV,YAAY,EACZ,aAAa,EACb,KAAK,iBAAiB,GACvB,MAAM,SAAS,CAAA"}

package/dist/components/ui/sheet/sheet.d.ts

@@ -0,0 +1,32 @@
+import { Dialog as KobalteDialog } from '@kobalte/core/dialog';
+import type { ComponentProps, JSX } from 'solid-js';
+import { type VariantProps } from '#lib/variants';
+/**
+ * Sheet.
+ *
+ * A dialog anchored to an edge of the window rather than centred. Use it when
+ * the content is a *panel beside* the work — a details inspector, a filter rail,
+ * a settings flyout — so the user keeps the context it belongs to in view.
+ * A centred dialog interrupts; a sheet is inspected.
+ *
+ * `side` decides which edge; the panel is a full-height column for `start` and
+ * `end`, and a full-width row for `top` and `bottom`. The slide-in direction
+ * follows from the side, so a caller never pairs them by hand.
+ */
+declare const sheetVariants: (props?: ({
+    side?: "bottom" | "end" | "start" | "top" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type SheetContentProps = ComponentProps<typeof KobalteDialog.Content> & VariantProps<typeof sheetVariants> & {
+    closeButton?: JSX.Element | false;
+};
+export declare function SheetContent(props: SheetContentProps): JSX.Element;
+export declare function Sheet(props: ComponentProps<typeof KobalteDialog>): JSX.Element;
+export declare function SheetTrigger(props: ComponentProps<typeof KobalteDialog.Trigger>): JSX.Element;
+export declare function SheetCloseButton(props: ComponentProps<typeof KobalteDialog.CloseButton>): JSX.Element;
+export declare function SheetHeader(props: ComponentProps<'div'>): JSX.Element;
+export declare function SheetBody(props: ComponentProps<'div'>): JSX.Element;
+export declare function SheetFooter(props: ComponentProps<'div'>): JSX.Element;
+export declare function SheetTitle(props: ComponentProps<typeof KobalteDialog.Title>): JSX.Element;
+export declare function SheetDescription(props: ComponentProps<typeof KobalteDialog.Description>): JSX.Element;
+export { sheetVariants };
+//# sourceMappingURL=sheet.d.ts.map

package/dist/components/ui/sheet/sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/sheet/sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAE9D,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAEnD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAA;AAItD;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,aAAa;;8EAelB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,GAC1E,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IACnC,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,KAAK,CAAA;CAClC,CAAA;AAEH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,eA2BpD;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,eAEhE;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,eAE/E;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,WAAW,CAAC,eAGvF;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eASvD;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eASrD;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eASvD;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,KAAK,CAAC,eAK3E;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,WAAW,CAAC,eAKvF;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}