@nipsys/shadcn-lsd 0.1.0

package/dist/components/ui/alert-dialog/__tests__/alert-dialog-title.test.js

@@ -0,0 +1,42 @@
+import { jsx as e } from "react/jsx-runtime";
+import { d as c, i as l, r, g as i, s as a } from "../../../../vi.2VT5v0um-D9hIOtVQ.js";
+import { AlertDialog as n } from "../AlertDialog.js";
+import "../../../../Button-L-du0fyx.js";
+import { AlertDialogContent as o } from "../AlertDialogContent.js";
+import { AlertDialogHeader as s } from "../AlertDialogHeader.js";
+import { AlertDialogTitle as d } from "../AlertDialogTitle.js";
+c("AlertDialogTitle", () => {
+  l("renders without crashing", () => {
+    r(
+      /* @__PURE__ */ e(n, { open: !0, children: /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(d, { children: "Title" }) }) }) })
+    ), i(a.getByRole("heading", { name: "Title" })).toBeInTheDocument();
+  }), l("renders as a heading", () => {
+    r(
+      /* @__PURE__ */ e(n, { open: !0, children: /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(d, { children: "Title" }) }) }) })
+    ), i(a.getByRole("heading", { name: "Title" })).toBeInTheDocument();
+  }), l("applies base classes correctly", () => {
+    r(
+      /* @__PURE__ */ e(n, { open: !0, children: /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(d, { children: "Title" }) }) }) })
+    );
+    const t = a.getByRole("heading", { name: "Title" });
+    i(t).toHaveClass("lsd:text-lg"), i(t).toHaveClass("lsd:font-semibold");
+  }), l("applies data-slot attribute", () => {
+    r(
+      /* @__PURE__ */ e(n, { open: !0, children: /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(d, { children: "Title" }) }) }) })
+    );
+    const t = a.getByRole("heading", { name: "Title" });
+    i(t).toHaveAttribute("data-slot", "alert-dialog-title");
+  }), l("merges custom className with component classes", () => {
+    r(
+      /* @__PURE__ */ e(n, { open: !0, children: /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(d, { className: "custom-title-class", children: "Title" }) }) }) })
+    );
+    const t = a.getByRole("heading", { name: "Title" });
+    i(t).toHaveClass("custom-title-class");
+  }), l("passes through additional props", () => {
+    r(
+      /* @__PURE__ */ e(n, { open: !0, children: /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(d, { "data-testid": "test-title", id: "title-1", children: "Title" }) }) }) })
+    );
+    const t = a.getByRole("heading", { name: "Title" });
+    i(t).toHaveAttribute("data-testid", "test-title"), i(t).toHaveAttribute("id", "title-1");
+  });
+});

package/dist/components/ui/alert-dialog/__tests__/alert-dialog-trigger.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ui/alert-dialog/__tests__/alert-dialog-trigger.test.js

@@ -0,0 +1,34 @@
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { d as s, i as n, r as o, g as r, s as a } from "../../../../vi.2VT5v0um-D9hIOtVQ.js";
+import { AlertDialog as l } from "../AlertDialog.js";
+import "../../../../Button-L-du0fyx.js";
+import { AlertDialogContent as d } from "../AlertDialogContent.js";
+import { AlertDialogTrigger as g } from "../AlertDialogTrigger.js";
+s("AlertDialogTrigger", () => {
+  n("renders without crashing", () => {
+    o(
+      /* @__PURE__ */ i(l, { children: [
+        /* @__PURE__ */ t(g, { children: "Open" }),
+        /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t("div", { children: "Content" }) })
+      ] })
+    ), r(a.getByRole("button", { name: "Open" })).toBeInTheDocument();
+  }), n("applies data-slot attribute", () => {
+    o(
+      /* @__PURE__ */ i(l, { children: [
+        /* @__PURE__ */ t(g, { children: "Open" }),
+        /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t("div", { children: "Content" }) })
+      ] })
+    );
+    const e = a.getByRole("button", { name: "Open" });
+    r(e).toHaveAttribute("data-slot", "alert-dialog-trigger");
+  }), n("passes through additional props", () => {
+    o(
+      /* @__PURE__ */ i(l, { children: [
+        /* @__PURE__ */ t(g, { "data-testid": "test-trigger", id: "trigger-1", children: "Open" }),
+        /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t("div", { children: "Content" }) })
+      ] })
+    );
+    const e = a.getByRole("button", { name: "Open" });
+    r(e).toHaveAttribute("data-testid", "test-trigger"), r(e).toHaveAttribute("id", "trigger-1");
+  });
+});

package/dist/components/ui/alert-dialog/__tests__/alert-dialog.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ui/alert-dialog/__tests__/alert-dialog.test.js

@@ -0,0 +1,60 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { d as s, i as n, r as i, g as o, s as r } from "../../../../vi.2VT5v0um-D9hIOtVQ.js";
+import { AlertDialog as l } from "../AlertDialog.js";
+import { AlertDialogAction as p } from "../AlertDialogAction.js";
+import { AlertDialogCancel as u } from "../AlertDialogCancel.js";
+import { AlertDialogContent as a } from "../AlertDialogContent.js";
+import { AlertDialogDescription as c } from "../AlertDialogDescription.js";
+import { AlertDialogFooter as D } from "../AlertDialogFooter.js";
+import { AlertDialogHeader as d } from "../AlertDialogHeader.js";
+import { AlertDialogTitle as m } from "../AlertDialogTitle.js";
+import { AlertDialogTrigger as h } from "../AlertDialogTrigger.js";
+s("AlertDialog", () => {
+  n("renders without crashing when open", () => {
+    i(
+      /* @__PURE__ */ t(l, { open: !0, children: [
+        /* @__PURE__ */ e(h, { children: "Open" }),
+        /* @__PURE__ */ e(a, { children: /* @__PURE__ */ t(d, { children: [
+          /* @__PURE__ */ e(m, { children: "Title" }),
+          /* @__PURE__ */ e(c, { children: "Description" })
+        ] }) })
+      ] })
+    ), o(r.getByRole("alertdialog")).toBeInTheDocument();
+  }), n("passes through additional props to AlertDialogContent", () => {
+    i(
+      /* @__PURE__ */ t(l, { open: !0, children: [
+        /* @__PURE__ */ e(h, { children: "Open" }),
+        /* @__PURE__ */ e(a, { "data-testid": "test-alert-dialog", children: /* @__PURE__ */ t(d, { children: [
+          /* @__PURE__ */ e(m, { children: "Title" }),
+          /* @__PURE__ */ e(c, { children: "Description" })
+        ] }) })
+      ] })
+    );
+    const g = document.querySelector(
+      '[data-slot="alert-dialog-content"]'
+    );
+    o(g).toHaveAttribute("data-testid", "test-alert-dialog");
+  }), n("renders with all subcomponents", () => {
+    i(
+      /* @__PURE__ */ t(l, { open: !0, children: [
+        /* @__PURE__ */ e(h, { children: "Open" }),
+        /* @__PURE__ */ t(a, { children: [
+          /* @__PURE__ */ t(d, { children: [
+            /* @__PURE__ */ e(m, { children: "Confirm Action" }),
+            /* @__PURE__ */ e(c, { children: "Are you sure you want to proceed?" })
+          ] }),
+          /* @__PURE__ */ t(D, { children: [
+            /* @__PURE__ */ e(u, { children: "Cancel" }),
+            /* @__PURE__ */ e(p, { children: "Confirm" })
+          ] })
+        ] })
+      ] })
+    ), o(
+      document.querySelector('[data-slot="alert-dialog-trigger"]')
+    ).toBeInTheDocument(), o(r.getByRole("alertdialog")).toBeInTheDocument(), o(
+      r.getByRole("heading", { name: "Confirm Action" })
+    ).toBeInTheDocument(), o(
+      r.getByText("Are you sure you want to proceed?")
+    ).toBeInTheDocument(), o(r.getByRole("button", { name: "Cancel" })).toBeInTheDocument(), o(r.getByRole("button", { name: "Confirm" })).toBeInTheDocument();
+  });
+});

package/dist/components/ui/alert-dialog/index.d.ts

@@ -0,0 +1,11 @@
+export { AlertDialog } from './AlertDialog';
+export { AlertDialogAction } from './AlertDialogAction';
+export { AlertDialogCancel } from './AlertDialogCancel';
+export { AlertDialogContent } from './AlertDialogContent';
+export { AlertDialogDescription } from './AlertDialogDescription';
+export { AlertDialogFooter } from './AlertDialogFooter';
+export { AlertDialogHeader } from './AlertDialogHeader';
+export { AlertDialogOverlay } from './AlertDialogOverlay';
+export { AlertDialogPortal } from './AlertDialogPortal';
+export { AlertDialogTitle } from './AlertDialogTitle';
+export { AlertDialogTrigger } from './AlertDialogTrigger';

package/dist/components/ui/autocomplete/Autocomplete.d.ts

@@ -0,0 +1,4 @@
+import { AutocompleteProps } from './types';
+import * as React from 'react';
+declare const Autocomplete: React.ForwardRefExoticComponent<AutocompleteProps & React.RefAttributes<HTMLInputElement>>;
+export { Autocomplete };

package/dist/components/ui/autocomplete/Autocomplete.js

@@ -0,0 +1,11 @@
+import "react/jsx-runtime";
+import "react";
+import "../popover/Popover.js";
+import "../../../utils-DtaLkIY8.js";
+import "../popover/PopoverTrigger.js";
+import "./AutocompleteList.js";
+import { b as c } from "../../../Autocomplete-Cuui1Aca.js";
+import "../../../x-B9bYxG31.js";
+export {
+  c as Autocomplete
+};

package/dist/components/ui/autocomplete/AutocompleteList.d.ts

@@ -0,0 +1,13 @@
+import { AutocompleteOption } from './types';
+interface AutocompleteContentProps {
+    searchText: string;
+    onSearchTextChange: (text: string) => void;
+    placeholder: string;
+    loadingText: string;
+    emptyText: string;
+    isLoading: boolean;
+    filteredOptions: AutocompleteOption[];
+    onSelect: (value: string) => void;
+}
+export declare function AutocompleteContent({ searchText, onSearchTextChange, placeholder, loadingText, emptyText, isLoading, filteredOptions, onSelect, }: AutocompleteContentProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/autocomplete/AutocompleteList.js

@@ -0,0 +1,61 @@
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { Command as f } from "../command/Command.js";
+import { c as b } from "../../../utils-DtaLkIY8.js";
+import { CommandEmpty as a } from "../command/CommandEmpty.js";
+import { CommandInput as v } from "../command/CommandInput.js";
+import { CommandItem as C } from "../command/CommandItem.js";
+import { CommandList as g } from "../command/CommandList.js";
+import { PopoverContent as w } from "../popover/PopoverContent.js";
+function A({
+  searchText: r,
+  onSearchTextChange: o,
+  placeholder: m,
+  loadingText: t,
+  emptyText: c,
+  isLoading: i,
+  filteredOptions: s,
+  onSelect: u
+}) {
+  return /* @__PURE__ */ e(
+    w,
+    {
+      className: b(
+        "lsd:w-full lsd:p-0",
+        "lsd:bg-lsd-surface-primary lsd:border-lsd-border-primary"
+      ),
+      align: "start",
+      sideOffset: 0,
+      children: /* @__PURE__ */ n(f, { className: "lsd:rounded-none lsd:border-none lsd:shadow-none", children: [
+        /* @__PURE__ */ e(
+          v,
+          {
+            value: r,
+            onValueChange: o,
+            className: "lsd:h-9 lsd:border-none",
+            placeholder: m
+          }
+        ),
+        /* @__PURE__ */ e(g, { children: i ? /* @__PURE__ */ e(a, { children: t }) : s.length === 0 ? /* @__PURE__ */ e(a, { children: c }) : s?.map((l) => {
+          const d = r, p = l.label.slice(0, d.length), h = l.label.slice(d.length);
+          return /* @__PURE__ */ e(
+            C,
+            {
+              value: l.value,
+              keywords: [l.label],
+              onSelect: () => u(l.value),
+              className: "lsd:hover:underline lsd:focus:underline lsd:cursor-pointer lsd:data-[selected=true]:underline",
+              children: /* @__PURE__ */ n("span", { className: "lsd:block lsd:overflow-hidden lsd:whitespace-nowrap lsd:text-ellipsis", children: [
+                p,
+                /* @__PURE__ */ e("span", { className: "lsd:opacity-50 lsd:whitespace-pre", children: h })
+              ] })
+            },
+            l.value
+          );
+        }) })
+      ] })
+    }
+  );
+}
+export {
+  A as AutocompleteContent
+};

package/dist/components/ui/autocomplete/__tests__/autocomplete.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ui/autocomplete/__tests__/autocomplete.test.js

@@ -0,0 +1,163 @@
+import { jsx as n } from "react/jsx-runtime";
+import { d as m, i as l, r as a, g as o, s as t, f as c, v as u } from "../../../../vi.2VT5v0um-D9hIOtVQ.js";
+import { b as s } from "../../../../Autocomplete-Cuui1Aca.js";
+import "react";
+m("Autocomplete", () => {
+  const i = [
+    { value: "1", label: "Option 1" },
+    { value: "2", label: "Option 2" },
+    { value: "3", label: "Option 3" }
+  ];
+  l("renders without crashing", () => {
+    a(/* @__PURE__ */ n(s, { options: i })), o(t.getByRole("textbox")).toBeInTheDocument();
+  }), l("renders with placeholder", () => {
+    a(/* @__PURE__ */ n(s, { options: i, placeholder: "Search..." })), o(t.getByPlaceholderText("Search...")).toBeInTheDocument();
+  }), l("renders with label", () => {
+    a(/* @__PURE__ */ n(s, { options: i, label: "Select an option" })), o(t.getByText("Select an option")).toBeInTheDocument();
+  }), l("renders with icon", () => {
+    a(/* @__PURE__ */ n(s, { options: i, icon: /* @__PURE__ */ n("span", { "data-testid": "test-icon", children: "Icon" }) })), o(t.getByTestId("test-icon")).toBeInTheDocument();
+  }), l("renders with clear button when value is set and clearable is true", () => {
+    a(/* @__PURE__ */ n(s, { options: i, value: "1", clearable: !0 })), o(t.getByRole("button")).toBeInTheDocument();
+  }), l("does not render clear button when value is empty", () => {
+    a(/* @__PURE__ */ n(s, { options: i, clearable: !0 })), o(t.queryByRole("button")).not.toBeInTheDocument();
+  }), l("does not render clear button when clearable is false", () => {
+    a(/* @__PURE__ */ n(s, { options: i, value: "1" })), o(t.queryByRole("button")).not.toBeInTheDocument();
+  }), l("applies disabled state", () => {
+    a(/* @__PURE__ */ n(s, { options: i, disabled: !0 }));
+    const e = t.getByRole("textbox");
+    o(e).toBeDisabled();
+  }), l("applies error state", () => {
+    a(/* @__PURE__ */ n(s, { options: i, error: !0 }));
+    const e = t.getByRole("textbox");
+    o(e).toHaveClass("lsd:line-through");
+  }), l("applies medium size classes by default", () => {
+    a(/* @__PURE__ */ n(s, { options: i }));
+    const e = t.getByRole("textbox").parentElement?.parentElement;
+    o(e).toHaveClass("lsd:w-[188px]");
+  }), l('applies medium size classes when size="md"', () => {
+    a(/* @__PURE__ */ n(s, { options: i, size: "md" }));
+    const e = t.getByRole("textbox").parentElement?.parentElement;
+    o(e).toHaveClass("lsd:w-[188px]");
+  }), l('applies small size classes when size="sm"', () => {
+    a(/* @__PURE__ */ n(s, { options: i, size: "sm" }));
+    const e = t.getByRole("textbox").parentElement?.parentElement;
+    o(e).toHaveClass("lsd:w-[164px]");
+  }), l("applies outlined variant classes by default", () => {
+    a(/* @__PURE__ */ n(s, { options: i, variant: "outlined" }));
+    const e = t.getByRole("textbox").parentElement;
+    o(e).toHaveClass("lsd:border"), o(e).toHaveClass("lsd:border-lsd-border-primary");
+  }), l("applies underlined variant classes", () => {
+    a(/* @__PURE__ */ n(s, { options: i, variant: "underlined" }));
+    const e = t.getByRole("textbox").parentElement;
+    o(e).toHaveClass("lsd:border-transparent"), o(e).toHaveClass("lsd:border-b-lsd-border-primary");
+  }), l("merges custom className with component classes", () => {
+    a(/* @__PURE__ */ n(s, { options: i, className: "custom-class" }));
+    const e = t.getByRole("textbox").parentElement?.parentElement;
+    o(e).toHaveClass("custom-class");
+  }), l("passes through additional props", () => {
+    a(
+      /* @__PURE__ */ n(s, { options: i, "data-testid": "test-autocomplete" })
+    ), o(t.getByTestId("test-autocomplete")).toBeInTheDocument();
+  }), l("opens popover when clicked", () => {
+    a(/* @__PURE__ */ n(s, { options: i }));
+    const e = t.getByRole("textbox");
+    c.click(e), o(t.getByRole("dialog")).toBeInTheDocument();
+  }), l("displays options when popover is open", () => {
+    a(/* @__PURE__ */ n(s, { options: i }));
+    const e = t.getByRole("textbox");
+    c.click(e), o(t.getByText("Option 1")).toBeInTheDocument(), o(t.getByText("Option 2")).toBeInTheDocument(), o(t.getByText("Option 3")).toBeInTheDocument();
+  }), l("displays empty text when no options match", () => {
+    a(/* @__PURE__ */ n(s, { options: i, emptyText: "No results" }));
+    const e = t.getByRole("textbox");
+    c.click(e);
+    const p = t.getAllByPlaceholderText("Search...")[1];
+    c.change(p, { target: { value: "xyz" } }), o(t.getByText("No results")).toBeInTheDocument();
+  }), l("displays loading text when isLoading is true", () => {
+    a(
+      /* @__PURE__ */ n(s, { options: i, isLoading: !0, loadingText: "Loading..." })
+    );
+    const e = t.getByRole("textbox");
+    c.click(e), o(t.getByText("Loading...")).toBeInTheDocument();
+  }), l("calls onValueChange when an option is selected", () => {
+    const e = u.fn();
+    a(
+      /* @__PURE__ */ n(s, { options: i, onValueChange: e })
+    );
+    const p = t.getByRole("textbox");
+    c.click(p);
+    const r = t.getByText("Option 1");
+    c.click(r), o(e).toHaveBeenCalledWith("1");
+  }), l("calls onClear when clear button is clicked", () => {
+    const e = u.fn();
+    a(
+      /* @__PURE__ */ n(
+        s,
+        {
+          options: i,
+          value: "1",
+          clearable: !0,
+          onClear: e
+        }
+      )
+    );
+    const p = t.getByRole("button");
+    c.click(p), o(e).toHaveBeenCalled();
+  }), l("filters options based on search text", () => {
+    a(/* @__PURE__ */ n(s, { options: i }));
+    const e = t.getByRole("textbox");
+    c.click(e);
+    const p = t.getAllByPlaceholderText("Search...")[1];
+    c.change(p, { target: { value: "Option 1" } }), o(t.getByText("Option 1")).toBeInTheDocument(), o(t.queryByText("Option 2")).not.toBeInTheDocument(), o(t.queryByText("Option 3")).not.toBeInTheDocument();
+  }), l("displays selected value in input", () => {
+    a(/* @__PURE__ */ n(s, { options: i, value: "1" }));
+    const e = t.getByRole("textbox");
+    o(e).toHaveValue("Option 1");
+  }), l("supports controlled value", () => {
+    const { rerender: e } = a(
+      /* @__PURE__ */ n(s, { options: i, value: "1" })
+    );
+    o(t.getByRole("textbox")).toHaveValue("Option 1"), e(/* @__PURE__ */ n(s, { options: i, value: "2" })), o(t.getByRole("textbox")).toHaveValue("Option 2");
+  }), l("supports uncontrolled value", () => {
+    a(/* @__PURE__ */ n(s, { options: i }));
+    const e = t.getByRole("textbox");
+    c.click(e);
+    const p = t.getByText("Option 1");
+    c.click(p), o(e).toHaveValue("Option 1");
+  }), l("fetches options asynchronously when onOptionsFetch is provided", async () => {
+    const e = u.fn().mockResolvedValue([{ value: "4", label: "Async Option" }]);
+    a(/* @__PURE__ */ n(s, { onOptionsFetch: e }));
+    const p = t.getByRole("textbox");
+    c.click(p);
+    const r = t.getAllByPlaceholderText("Search...")[1];
+    c.change(r, { target: { value: "test" } }), await new Promise((d) => setTimeout(d, 350)), o(e).toHaveBeenCalledWith("test");
+  }), l("displays async options when fetched", async () => {
+    const e = [{ value: "4", label: "Async Option" }], p = u.fn().mockResolvedValue(e);
+    a(/* @__PURE__ */ n(s, { onOptionsFetch: p }));
+    const r = t.getByRole("textbox");
+    c.click(r);
+    const d = t.getAllByPlaceholderText("Search...")[1];
+    c.change(d, { target: { value: "test" } }), await new Promise((B) => setTimeout(B, 350)), o(p).toHaveBeenCalledWith("test");
+  }), l("closes popover when option is selected", () => {
+    a(/* @__PURE__ */ n(s, { options: i }));
+    const e = t.getByRole("textbox");
+    c.click(e), o(t.getByRole("dialog")).toBeInTheDocument();
+    const p = t.getByText("Option 1");
+    c.click(p), o(t.queryByRole("dialog")).not.toBeInTheDocument();
+  }), l("applies disabled state to label", () => {
+    a(/* @__PURE__ */ n(s, { options: i, label: "Label", disabled: !0 }));
+    const e = t.getByText("Label");
+    o(e).toHaveClass("lsd:text-lsd-text-secondary");
+  }), l("applies disabled state to input container", () => {
+    a(/* @__PURE__ */ n(s, { options: i, disabled: !0 }));
+    const e = t.getByRole("textbox").parentElement;
+    o(e).toHaveClass("lsd:cursor-not-allowed");
+  }), l("applies disabled state to clear button", () => {
+    a(/* @__PURE__ */ n(s, { options: i, value: "1", clearable: !0, disabled: !0 }));
+    const e = t.getByRole("button");
+    o(e).toBeDisabled();
+  }), l("renders with AutocompleteContent (composition test)", () => {
+    a(/* @__PURE__ */ n(s, { options: i }));
+    const e = t.getByRole("textbox");
+    c.click(e), o(t.getByRole("dialog")).toBeInTheDocument(), o(t.getByText("Option 1")).toBeInTheDocument();
+  });
+});

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

@@ -0,0 +1,5 @@
+export { Autocomplete } from './Autocomplete';
+export { AutocompleteContent } from './AutocompleteList';
+export type { AutocompleteOption, AutocompleteProps, AutocompleteSize, AutocompleteVariant, } from './types';
+export { AUTOCOMPLETE_DEBOUNCE_DELAY, AUTOCOMPLETE_SIZE_CLASSES, } from './types';
+export { useAutocompleteFetch } from './useAutocompleteFetch';

package/dist/components/ui/autocomplete/types.d.ts

@@ -0,0 +1,35 @@
+import { BorderVariant, SizeVariant } from '../../../lib/types';
+import type * as React from 'react';
+export type AutocompleteOption = {
+    value: string;
+    label: string;
+};
+export type AutocompleteSize = SizeVariant;
+export type AutocompleteVariant = BorderVariant;
+export interface AutocompleteProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value' | 'size'> {
+    options?: AutocompleteOption[];
+    onOptionsFetch?: (searchText: string) => Promise<AutocompleteOption[]>;
+    placeholder?: string;
+    emptyText?: string;
+    loadingText?: string;
+    className?: string;
+    onValueChange?: (value: string) => void;
+    onClear?: () => void;
+    disabled?: boolean;
+    label?: string;
+    size?: AutocompleteSize;
+    icon?: React.ReactNode;
+    error?: boolean;
+    variant?: AutocompleteVariant;
+    clearable?: boolean;
+    value?: string;
+    isLoading?: boolean;
+}
+export declare const AUTOCOMPLETE_SIZE_CLASSES: Record<AutocompleteSize, {
+    container: string;
+    label: string;
+    inputContainer: string;
+    input: string;
+    icon: string;
+}>;
+export declare const AUTOCOMPLETE_DEBOUNCE_DELAY = 300;

package/dist/components/ui/autocomplete/useAutocompleteFetch.d.ts

@@ -0,0 +1,13 @@
+import { AutocompleteOption } from './types';
+interface UseAutocompleteFetchOptions {
+    onOptionsFetch?: (searchText: string) => Promise<AutocompleteOption[]>;
+    searchText: string;
+    open: boolean;
+    externalIsLoading?: boolean;
+}
+interface UseAutocompleteFetchResult {
+    asyncOptions: AutocompleteOption[];
+    isLoading: boolean;
+}
+export declare function useAutocompleteFetch({ onOptionsFetch, searchText, open, externalIsLoading, }: UseAutocompleteFetchOptions): UseAutocompleteFetchResult;
+export {};

package/dist/components/ui/badge/Badge.d.ts

@@ -0,0 +1,12 @@
+import { BadgeVariants } from './types';
+import type * as React from 'react';
+export interface BadgeProps extends React.ComponentProps<'span'>, BadgeVariants {
+    asChild?: boolean;
+    onDismiss?: () => void;
+    onClick?: () => void;
+    icon?: React.ReactNode;
+    iconPosition?: 'left' | 'right';
+    dot?: boolean;
+}
+declare function Badge({ className, variant, size, asChild, onDismiss, onClick, icon, iconPosition, dot, children, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export { Badge };

package/dist/components/ui/badge/Badge.js

@@ -0,0 +1,7 @@
+import "react/jsx-runtime";
+import "../../../index-BvoZGpli.js";
+import "../../../utils-DtaLkIY8.js";
+import { B as i } from "../../../Badge-DgWf6s7v.js";
+export {
+  i as Badge
+};

package/dist/components/ui/badge/badge.test.d.ts

@@ -0,0 +1 @@
+export {};