@devalok/shilp-sutra 0.1.0

package/dist/ui/search-input.d.ts

@@ -0,0 +1,44 @@
+import * as React from 'react';
+type SearchInputSize = 'sm' | 'md' | 'lg';
+/**
+ * Props for SearchInput — a search field with a built-in leading magnifier icon, optional loading
+ * spinner, and an auto-shown clear button when `value` is non-empty and `onClear` is provided.
+ *
+ * **Important:** Use `inputSize` (not `size`) to control height — `size` is reserved for the HTML
+ * attribute. Options: `'sm'` | `'md'` (default) | `'lg'`.
+ *
+ * **Clear button:** Appears automatically when `value !== ''` and `onClear` is provided.
+ * When `loading` is true, a spinning loader replaces the clear button.
+ *
+ * @example
+ * // Controlled search with clear:
+ * <SearchInput
+ *   value={query}
+ *   onChange={(e) => setQuery(e.target.value)}
+ *   onClear={() => setQuery('')}
+ *   placeholder="Search tasks..."
+ * />
+ *
+ * @example
+ * // Async search with loading state while fetching results:
+ * <SearchInput
+ *   value={query}
+ *   onChange={handleSearch}
+ *   loading={isSearching}
+ *   placeholder="Search clients..."
+ * />
+ *
+ * @example
+ * // Compact search bar in a toolbar:
+ * <SearchInput inputSize="sm" value={q} onChange={(e) => setQ(e.target.value)} onClear={() => setQ('')} />
+ * // These are just a few ways — feel free to combine props creatively!
+ */
+export interface SearchInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    onClear?: () => void;
+    loading?: boolean;
+    /** @default 'md' */
+    inputSize?: SearchInputSize;
+}
+declare const SearchInput: React.ForwardRefExoticComponent<SearchInputProps & React.RefAttributes<HTMLInputElement>>;
+export { SearchInput };
+//# sourceMappingURL=search-input.d.ts.map

package/dist/ui/search-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../src/ui/search-input.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,KAAK,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAQzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACnF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,oBAAoB;IACpB,SAAS,CAAC,EAAE,eAAe,CAAA;CAC5B;AAED,QAAA,MAAM,WAAW,2FA8ChB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/ui/search-input.js

@@ -0,0 +1,63 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { IconSearch as c, IconLoader2 as m, IconX as u } from "@tabler/icons-react";
+import * as h from "react";
+import { cn as p } from "./lib/utils.js";
+const f = {
+  sm: "h-ds-sm text-ds-sm pl-ds-08 pr-ds-07",
+  md: "h-ds-md text-ds-md pl-10 pr-9",
+  lg: "h-ds-lg text-ds-lg pl-12 pr-10"
+}, b = h.forwardRef(
+  ({ className: o, value: t, onClear: r, loading: s, inputSize: i = "md", ...a }, d) => {
+    const l = t !== void 0 && t !== "";
+    return /* @__PURE__ */ n("div", { className: "relative flex items-center", children: [
+      /* @__PURE__ */ e(
+        c,
+        {
+          className: "absolute left-3 h-ico-md w-ico-md text-text-secondary pointer-events-none",
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          ref: d,
+          value: t,
+          "aria-busy": s,
+          className: p(
+            "flex w-full font-sans",
+            f[i],
+            "bg-field text-text-primary",
+            "border border-border rounded-ds-md",
+            "placeholder:text-text-placeholder",
+            "hover:bg-field-hover",
+            "transition-colors duration-fast-01",
+            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:border-border-interactive",
+            "disabled:cursor-not-allowed disabled:opacity-[0.38]",
+            o
+          ),
+          ...a
+        }
+      ),
+      s ? /* @__PURE__ */ e(
+        m,
+        {
+          className: "absolute right-3 h-ico-md w-ico-md text-text-secondary animate-spin pointer-events-none",
+          "aria-hidden": "true"
+        }
+      ) : l && r ? /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          onClick: r,
+          className: "absolute right-3 rounded-ds-full h-ico-md w-ico-md flex items-center justify-center text-text-secondary hover:text-text-primary hover:bg-layer-02 transition-colors",
+          "aria-label": "Clear search",
+          children: /* @__PURE__ */ e(u, { className: "h-ico-sm w-ico-sm" })
+        }
+      ) : null
+    ] });
+  }
+);
+b.displayName = "SearchInput";
+export {
+  b as SearchInput
+};

package/dist/ui/segmented-control.d.ts

@@ -0,0 +1,122 @@
+import { default as React } from 'react';
+declare const segmentedControlItemVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    color?: "filled" | "tonal" | null | undefined;
+    selected?: boolean | null | undefined;
+    isHovered?: boolean | null | undefined;
+    isDisabled?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type SegmentedControlSize = 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'big';
+export type SegmentedControlColor = 'filled' | 'tonal';
+/**
+ * A single option in a `<SegmentedControl>`. The `id` must be unique across all options in
+ * the same control — it is used as the selection key for `selectedId` and `onSelect`.
+ */
+export interface SegmentedControlOption {
+    id: string;
+    text: string;
+    /** Optional icon component rendered before the text label. */
+    icon?: React.ComponentType<{
+        className?: string;
+    }>;
+}
+/**
+ * Props for SegmentedControl — a pill-shaped tab-row for mutually exclusive option selection,
+ * similar to a radio group but styled as a single connected control.
+ *
+ * **`size`:** `'sm'` | `'md'` (default) | `'lg'`. Legacy aliases `'small'` | `'medium'` | `'big'` are
+ * also accepted for backward compatibility but prefer the canonical form.
+ *
+ * **`color`:** `'tonal'` (default, subdued) | `'filled'` (vibrant brand color when selected).
+ *
+ * **Options:** Each option needs a unique `id`, a display `text`, and an optional `icon` component.
+ *
+ * **Controlled only:** `selectedId` + `onSelect` are required. There is no uncontrolled mode.
+ *
+ * @example
+ * // View mode switcher (list vs grid vs board):
+ * <SegmentedControl
+ *   size="md"
+ *   color="tonal"
+ *   options={[
+ *     { id: 'list', text: 'List' },
+ *     { id: 'grid', text: 'Grid' },
+ *     { id: 'board', text: 'Board' },
+ *   ]}
+ *   selectedId={viewMode}
+ *   onSelect={setViewMode}
+ * />
+ *
+ * @example
+ * // Time range selector with filled color (more prominent):
+ * <SegmentedControl
+ *   size="sm"
+ *   color="filled"
+ *   options={[
+ *     { id: '7d', text: '7D' },
+ *     { id: '30d', text: '30D' },
+ *     { id: '90d', text: '90D' },
+ *   ]}
+ *   selectedId={range}
+ *   onSelect={setRange}
+ * />
+ * // These are just a few ways — feel free to combine props creatively!
+ */
+export interface SegmentedControlProps {
+    size: SegmentedControlSize;
+    color: SegmentedControlColor;
+    options: SegmentedControlOption[];
+    selectedId: string;
+    onSelect: (id: string) => void;
+    disabled?: boolean;
+    className?: string;
+}
+declare const SegmentedControl: React.ForwardRefExoticComponent<SegmentedControlProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Props for SegmentedControlItem — the individual button segment within a `<SegmentedControl>`.
+ * Normally you don't use this directly; compose via `<SegmentedControl options={...} />` instead.
+ * Use `SegmentedControlItem` directly only when building a fully custom segmented tab row.
+ *
+ * **Note:** `isFocused`, `onFocus`, and `onBlur` are managed by the parent `SegmentedControl`.
+ * You must wire them yourself when using the item standalone.
+ *
+ * @example
+ * // Standalone custom segmented row (without parent SegmentedControl):
+ * const [view, setView] = useState<'list' | 'grid'>('list')
+ * const [focused, setFocused] = useState<string | null>(null)
+ *
+ * <div role="tablist" className="inline-flex rounded-full border border-border bg-layer-02">
+ *   <SegmentedControlItem
+ *     size="md" color="tonal" text="List"
+ *     isSelected={view === 'list'} isFocused={focused === 'list'}
+ *     onClick={() => setView('list')}
+ *     onFocus={() => setFocused('list')} onBlur={() => setFocused(null)}
+ *   />
+ *   <SegmentedControlItem
+ *     size="md" color="tonal" text="Grid" icon={IconLayoutGrid}
+ *     isSelected={view === 'grid'} isFocused={focused === 'grid'}
+ *     onClick={() => setView('grid')}
+ *     onFocus={() => setFocused('grid')} onBlur={() => setFocused(null)}
+ *   />
+ * </div>
+ *
+ * // These are just a few ways — feel free to combine props creatively!
+ */
+export interface SegmentedControlItemProps {
+    size: 'sm' | 'md' | 'lg';
+    color: SegmentedControlColor;
+    text: string;
+    /** Optional icon component rendered before the text label. */
+    icon?: React.ComponentType<{
+        className?: string;
+    }>;
+    isSelected: boolean;
+    onClick: () => void;
+    disabled?: boolean;
+    isFocused: boolean;
+    onFocus: () => void;
+    onBlur: () => void;
+}
+declare const SegmentedControlItem: React.ForwardRefExoticComponent<SegmentedControlItemProps & React.RefAttributes<HTMLButtonElement>>;
+export { SegmentedControl, SegmentedControlItem, segmentedControlItemVariants };
+//# sourceMappingURL=segmented-control.d.ts.map

package/dist/ui/segmented-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-control.d.ts","sourceRoot":"","sources":["../../src/ui/segmented-control.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2B,MAAM,OAAO,CAAA;AAM/C,QAAA,MAAM,4BAA4B;;;;;;8EAuGjC,CAAA;AAqBD,MAAM,MAAM,oBAAoB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;AAClF,MAAM,MAAM,qBAAqB,GAAG,QAAQ,GAAG,OAAO,CAAA;AAEtD;;;GAGG;AACH,MAAM,WAAW,sBAAsB;IACrC,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,8DAA8D;IAC9D,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CACnD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,oBAAoB,CAAA;IAC1B,KAAK,EAAE,qBAAqB,CAAA;IAC5B,OAAO,EAAE,sBAAsB,EAAE,CAAA;IACjC,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAGD,QAAA,MAAM,gBAAgB,8FAoFrB,CAAA;AAID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACxB,KAAK,EAAE,qBAAqB,CAAA;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,8DAA8D;IAC9D,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAClD,UAAU,EAAE,OAAO,CAAA;IACnB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB;AAED,QAAA,MAAM,oBAAoB,qGA0FzB,CAAA;AAGD,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,4BAA4B,EAAE,CAAA"}

package/dist/ui/segmented-control.js

@@ -0,0 +1,270 @@
+import { jsx as u, jsxs as C } from "react/jsx-runtime";
+import w, { useState as D, useRef as M } from "react";
+import { cva as S } from "class-variance-authority";
+import { cn as N } from "./lib/utils.js";
+import { useRipple as I } from "./lib/use-ripple.js";
+const z = S(
+  [
+    "inline-flex items-center gap-ds-03 rounded-ds-full border-none outline-none cursor-pointer",
+    "transition-[color,background-color,border-color,box-shadow] duration-moderate-02 ease-productive-standard",
+    "relative overflow-hidden",
+    "font-accent font-semibold leading-none text-center",
+    "bg-layer-01",
+    "text-text-tertiary",
+    "first:rounded-tr-none first:rounded-br-none",
+    "last:rounded-tl-none last:rounded-bl-none"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "h-ds-sm-plus px-ds-05 py-ds-03 text-ds-sm",
+        md: "px-ds-02b py-ds-03 pl-ds-04 text-ds-md",
+        lg: "h-14 px-ds-06 py-ds-05 text-ds-md"
+      },
+      color: {
+        filled: "text-text-on-color [text-shadow:0px_1px_1px_var(--color-text-shadow)]",
+        tonal: "text-text-tertiary"
+      },
+      selected: {
+        true: "",
+        false: ""
+      },
+      isHovered: {
+        true: "",
+        false: ""
+      },
+      isDisabled: {
+        true: "cursor-not-allowed pointer-events-none border-none shadow-none [text-shadow:none]",
+        false: ""
+      }
+    },
+    compoundVariants: [
+      // Selected + filled
+      {
+        selected: !0,
+        color: "filled",
+        className: [
+          "bg-interactive",
+          "shadow-[0px_1px_3px_0.05px_var(--color-interactive-hover),inset_0px_8px_16px_0px_var(--color-inset-glow-strong),inset_0px_2px_0px_0px_var(--color-inset-glow-subtle)]"
+        ].join(" ")
+      },
+      // Selected + tonal
+      {
+        selected: !0,
+        color: "tonal",
+        className: "bg-field !text-text-primary"
+      },
+      // Hover + filled
+      {
+        isHovered: !0,
+        color: "filled",
+        className: [
+          "bg-interactive",
+          "shadow-[0px_4px_8px_0px_var(--color-interactive-hover),0px_1px_3px_0.05px_var(--color-layer-02),inset_0px_8px_16px_0px_var(--color-inset-glow-strong),inset_0px_2px_0px_0px_var(--color-inset-glow-subtle)]"
+        ].join(" ")
+      },
+      // Hover + tonal
+      {
+        isHovered: !0,
+        color: "tonal",
+        className: "text-text-primary"
+      },
+      // Disabled + filled
+      {
+        isDisabled: !0,
+        color: "filled",
+        className: "text-text-placeholder"
+      },
+      // Disabled + tonal
+      {
+        isDisabled: !0,
+        color: "tonal",
+        className: "text-text-placeholder"
+      },
+      // Filled + SVG icon fill
+      {
+        color: "filled",
+        className: "[&_svg_path]:fill-icon-on-color"
+      },
+      // Filled + disabled SVG icon fill
+      {
+        color: "filled",
+        isDisabled: !0,
+        className: "[&_svg_path]:fill-icon-disabled"
+      },
+      // Medium size last-child padding flip
+      {
+        size: "md",
+        className: "last:pl-ds-02b last:pr-ds-04"
+      }
+    ],
+    defaultVariants: {
+      size: "md",
+      color: "tonal",
+      selected: !1,
+      isHovered: !1,
+      isDisabled: !1
+    }
+  }
+), H = {
+  filled: "bg-surface-overlay-light",
+  tonal: "bg-surface-overlay-dark"
+}, R = {
+  small: "sm",
+  medium: "md",
+  big: "lg"
+};
+function j(p) {
+  return R[p] ?? p;
+}
+const E = w.forwardRef(
+  function({
+    size: h,
+    color: x,
+    options: o,
+    selectedId: m,
+    onSelect: d,
+    disabled: f = !1,
+    className: t = ""
+  }, s) {
+    const b = j(h), [_, i] = D(null), v = M(null), a = w.useCallback((e) => {
+      v.current = e, typeof s == "function" ? s(e) : s && (s.current = e);
+    }, [s]), y = (e) => {
+      if (f) return;
+      const r = o.findIndex((g) => g.id === _);
+      let l = r;
+      switch (e.key) {
+        case "ArrowLeft":
+          e.preventDefault(), l = r > 0 ? r - 1 : o.length - 1;
+          break;
+        case "ArrowRight":
+          e.preventDefault(), l = r < o.length - 1 ? r + 1 : 0;
+          break;
+        case "Home":
+          e.preventDefault(), l = 0;
+          break;
+        case "End":
+          e.preventDefault(), l = o.length - 1;
+          break;
+        default:
+          return;
+      }
+      const c = o[l];
+      i(c.id), d(c.id);
+    };
+    return /* @__PURE__ */ u(
+      "div",
+      {
+        ref: a,
+        className: N(
+          "inline-flex gap-0 p-0 rounded-ds-full",
+          "bg-layer-02",
+          "border border-solid border-border",
+          t
+        ),
+        role: "tablist",
+        onKeyDown: y,
+        tabIndex: 0,
+        "aria-label": "Segmented control options",
+        children: o.map((e) => /* @__PURE__ */ u(
+          k,
+          {
+            size: b,
+            color: x,
+            text: e.text,
+            icon: e.icon,
+            isSelected: e.id === m,
+            onClick: () => d(e.id),
+            disabled: f,
+            isFocused: e.id === _,
+            onFocus: () => i(e.id),
+            onBlur: () => i(null)
+          },
+          e.id
+        ))
+      }
+    );
+  }
+);
+E.displayName = "SegmentedControl";
+const k = w.forwardRef(
+  function({
+    size: h,
+    color: x,
+    text: o,
+    icon: m,
+    isSelected: d,
+    onClick: f,
+    disabled: t = !1,
+    isFocused: s,
+    onFocus: b,
+    onBlur: _
+  }, i) {
+    const [v, a] = D("default"), { ripples: y, createRipple: e } = I(), r = () => {
+      !t && !s && a("hover");
+    }, l = () => {
+      t || a("default");
+    }, c = () => {
+      t || a("pressed");
+    }, g = () => {
+      t || a("hover");
+    };
+    return /* @__PURE__ */ C(
+      "button",
+      {
+        ref: i,
+        className: N(
+          z({
+            size: h,
+            color: x,
+            selected: d,
+            isHovered: v === "hover",
+            isDisabled: t
+          })
+        ),
+        onClick: (n) => {
+          e(n), f();
+        },
+        disabled: t,
+        type: "button",
+        role: "tab",
+        "aria-selected": d,
+        "aria-disabled": t,
+        onMouseEnter: r,
+        onMouseLeave: l,
+        onMouseDown: c,
+        onMouseUp: g,
+        onTouchStart: c,
+        onTouchEnd: g,
+        onFocus: b,
+        onBlur: _,
+        children: [
+          y.map((n) => /* @__PURE__ */ u(
+            "span",
+            {
+              className: N(
+                "absolute rounded-ds-full -translate-x-1/2 -translate-y-1/2 scale-0 animate-ripple pointer-events-none",
+                H[x]
+              ),
+              style: {
+                left: n.x,
+                top: n.y,
+                width: n.size,
+                height: n.size
+              }
+            },
+            n.id
+          )),
+          m && /* @__PURE__ */ u(m, { className: "h-ico-sm w-ico-sm shrink-0" }),
+          /* @__PURE__ */ u("span", { className: "font-accent leading-none", children: o })
+        ]
+      }
+    );
+  }
+);
+k.displayName = "SegmentedControlItem";
+export {
+  E as SegmentedControl,
+  k as SegmentedControlItem,
+  z as segmentedControlItemVariants
+};

package/dist/ui/select.d.ts

@@ -0,0 +1,49 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import * as SelectPrimitive from '@primitives/react-select';
+/**
+ * Select root — manages open/close state and selected value.
+ *
+ * **Important:** `size` is NOT a prop on `Select`. Set it on `SelectTrigger` instead.
+ * Passing `size` directly to `Select` produces no TypeScript error but has no effect.
+ *
+ * @example
+ * // CORRECT — size goes on SelectTrigger:
+ * <Select onValueChange={setValue}>
+ *   <SelectTrigger size="lg">
+ *     <SelectValue placeholder="Choose..." />
+ *   </SelectTrigger>
+ *   <SelectContent>
+ *     <SelectItem value="a">Option A</SelectItem>
+ *     <SelectItem value="b">Option B</SelectItem>
+ *   </SelectContent>
+ * </Select>
+ *
+ * // WRONG — size on Select root is silently ignored (no TypeScript error):
+ * // <Select size="lg">...</Select>
+ */
+declare const Select: React.FC<SelectPrimitive.SelectProps>;
+declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const selectTriggerVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Props for SelectTrigger. Use `size` here (not on the `Select` root).
+ *
+ * @example
+ * <SelectTrigger size="lg" className="w-[200px]">
+ *   <SelectValue placeholder="Select an option" />
+ * </SelectTrigger>
+ */
+export interface SelectTriggerProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>, VariantProps<typeof selectTriggerVariants> {
+}
+declare const SelectTrigger: React.ForwardRefExoticComponent<SelectTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, };
+//# sourceMappingURL=select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/ui/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,0BAA0B,CAAA;AAE3D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,MAAM,uCAAuB,CAAA;AAEnC,QAAA,MAAM,WAAW,yGAAwB,CAAA;AAEzC,QAAA,MAAM,WAAW,0GAAwB,CAAA;AAEzC,eAAO,MAAM,qBAAqB;;8EAYjC,CAAA;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EACpE,YAAY,CAAC,OAAO,qBAAqB,CAAC;CAAG;AAEjD,QAAA,MAAM,aAAa,8FAcjB,CAAA;AAGF,QAAA,MAAM,oBAAoB,qKAcxB,CAAA;AAGF,QAAA,MAAM,sBAAsB,uKAc1B,CAAA;AAIF,QAAA,MAAM,aAAa,8JA6BjB,CAAA;AAGF,QAAA,MAAM,WAAW,4JASf,CAAA;AAGF,QAAA,MAAM,UAAU,2JAmBd,CAAA;AAGF,QAAA,MAAM,eAAe,gKASnB,CAAA;AAGF,OAAO,EACL,MAAM,EACN,WAAW,EACX,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EACf,oBAAoB,EACpB,sBAAsB,GACvB,CAAA"}