@px-ui/core 1.23.0 → 1.24.0

package/dist/components/spinner.js

@@ -0,0 +1,33 @@
+import { j as s } from "../_virtual/jsx-runtime.js";
+import { cn as r } from "../utils/classnames.js";
+const i = {
+  small: "w-4 h-4",
+  medium: "w-6 h-6",
+  large: "w-8 h-8"
+};
+function l({ size: n = "small", className: e }) {
+  const o = r(
+    "animate-spin inline-block",
+    i[n],
+    e
+  );
+  return /* @__PURE__ */ s.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2.5,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-label": "Loading",
+      role: "status",
+      className: o,
+      children: /* @__PURE__ */ s.jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
+    }
+  );
+}
+export {
+  l as Spinner
+};

package/dist/components/switch.js

@@ -0,0 +1,39 @@
+import { j as a } from "../_virtual/jsx-runtime.js";
+import { cn as e } from "../utils/classnames.js";
+import { SwitchRoot as o } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/switch/root/SwitchRoot.js";
+import { SwitchThumb as i } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/switch/thumb/SwitchThumb.js";
+function p({
+  className: r,
+  size: t,
+  ...n
+}) {
+  return /* @__PURE__ */ a.jsx(
+    o,
+    {
+      "data-slot": "switch",
+      className: e(
+        "peer focus-visible:border-ring focus-visible:ring-ring/50 shadow-xs inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-checked:bg-ppx-primary-5 data-unchecked:bg-ppx-neutral-4",
+        t === "sm" && "h-4 w-8",
+        t === void 0 && "h-5 w-10",
+        t === "lg" && "h-6 w-12",
+        r
+      ),
+      ...n,
+      children: /* @__PURE__ */ a.jsx(
+        i,
+        {
+          "data-slot": "switch-thumb",
+          className: e(
+            "ease-in-out pointer-events-none block rounded-full bg-ppx-neutral-1 ring-0 transition-transform duration-300",
+            t === "sm" && "size-3.5 data-checked:translate-x-[calc(100%+2px)]",
+            t === void 0 && "size-4 data-checked:translate-x-[calc(100%+5px)] data-unchecked:translate-x-px",
+            t === "lg" && "size-5 data-checked:translate-x-[calc(100%+5px)] data-unchecked:translate-x-px"
+          )
+        }
+      )
+    }
+  );
+}
+export {
+  p as Switch
+};

package/dist/components/tabs.js

@@ -0,0 +1,108 @@
+import { j as a } from "../_virtual/jsx-runtime.js";
+import * as r from "react";
+import { cn as n } from "../utils/classnames.js";
+import { TabsRoot as i } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/tabs/root/TabsRoot.js";
+import { TabsList as l } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/tabs/list/TabsList.js";
+import { TabsTab as c } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/tabs/tab/TabsTab.js";
+import { TabsPanel as p } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/tabs/panel/TabsPanel.js";
+import { TabsIndicator as x } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/tabs/indicator/TabsIndicator.js";
+const o = r.createContext(null), u = () => {
+  const t = r.useContext(o);
+  if (!t)
+    throw new Error("useTabs must be used within a Tabs");
+  return t;
+};
+function T({
+  variant: t = "underline",
+  className: e,
+  ...s
+}) {
+  return /* @__PURE__ */ a.jsx(o.Provider, { value: { variant: t }, children: /* @__PURE__ */ a.jsx(
+    i,
+    {
+      "data-slot": "tabs",
+      className: n("gap-2 flex flex-col", e),
+      ...s
+    }
+  ) });
+}
+function w({
+  className: t,
+  children: e,
+  ...s
+}) {
+  return /* @__PURE__ */ a.jsxs(
+    l,
+    {
+      "data-slot": "tabs-list",
+      className: n(
+        "text-muted-foreground h-9 gap-x-1 p-1 relative z-0 inline-flex w-fit items-center justify-center",
+        t
+      ),
+      ...s,
+      children: [
+        e,
+        /* @__PURE__ */ a.jsx(m, {}),
+        /* @__PURE__ */ a.jsx(
+          "div",
+          {
+            className: "absolute top-[calc(100%-1px)] left-1/2 z-2 h-[2px] w-[calc(100%-8px)] -translate-x-1/2 bg-[#EFEFEF]"
+          }
+        )
+      ]
+    }
+  );
+}
+function y({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a.jsx(
+    c,
+    {
+      "data-slot": "tabs-trigger",
+      className: n(
+        "focus-visible:ring-ring/50 [&_svg:not([class*='size-'])] gap-1.5 px-2 py-1 text-sm font-medium z-[1] flex-1 items-center justify-center text-nowrap whitespace-nowrap text-ppx-neutral-18 not-data-selected:hover:text-ppx-neutral-12 focus-visible:ring-[3px] data-selected:text-ppx-primary-b-5 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function m({
+  className: t,
+  ...e
+}) {
+  const { variant: s } = u();
+  return /* @__PURE__ */ a.jsx(
+    x,
+    {
+      "data-slot": "tab-indicator",
+      className: n(
+        "left-0 ease-in-out absolute w-[var(--active-tab-width)] translate-x-[var(--active-tab-left)] -translate-y-1/2 transition-all duration-300",
+        s === "underline" ? "top-full z-10 h-[2px] bg-ppx-primary-b-5" : "",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function N({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a.jsx(
+    p,
+    {
+      "data-slot": "tabs-content",
+      className: n("flex-1 outline-none", t),
+      ...e
+    }
+  );
+}
+export {
+  N as Content,
+  w as List,
+  T as Root,
+  y as Trigger
+};

package/dist/components/text-input.js

@@ -0,0 +1,60 @@
+import { j as e } from "../_virtual/jsx-runtime.js";
+import { cn as n } from "../utils/classnames.js";
+import { Input as d } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/input/Input.js";
+function m({
+  inputContainerClassName: p,
+  className: l,
+  type: s,
+  leadingIcon: r,
+  trailingIcon: t,
+  size: a = "default",
+  invalid: o,
+  ...i
+}) {
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: n("relative w-full", p),
+      "data-slot": "input-container",
+      children: [
+        r && /* @__PURE__ */ e.jsx(
+          "span",
+          {
+            "data-slot": "input-leading-icon",
+            className: "left-3 [&_svg:not([class*='size-'])]:size-4 absolute top-1/2 shrink-0 -translate-y-1/2 [&_svg]:shrink-0 [&_svg:not([class*='pointer-events-'])]:pointer-events-none",
+            children: r
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          d,
+          {
+            type: s,
+            "data-slot": "input",
+            className: n(
+              "min-w-0 font-medium placeholder:font-light shadow-xs flex w-full border-ppx-neutral-5 bg-ppx-neutral-1 text-ppx-sm text-ppx-neutral-18 transition-[color,box-shadow] outline-none placeholder:text-ppx-sm! placeholder:text-ppx-neutral-12 focus:border-ppx-primary-2 disabled:cursor-not-allowed disabled:border-ppx-neutral-3 disabled:bg-ppx-neutral-3 disabled:text-ppx-neutral-11 disabled:placeholder:text-ppx-neutral-11 aria-invalid:border-ppx-red-4 aria-invalid:bg-ppx-red-1 aria-invalid:ring-ppx-red-2",
+              a === "sm" && "h-8 p-2 rounded-ppx-s border-[0.046875rem] focus:ring focus:ring-ppx-primary-2",
+              a === "default" && "h-10 p-2 rounded-ppx-s border-2",
+              r ? "pl-10" : "",
+              t ? "pr-10" : "",
+              s === "number" && "no-arrow-spin",
+              l
+            ),
+            "aria-invalid": o,
+            ...i
+          }
+        ),
+        t && /* @__PURE__ */ e.jsx(
+          "span",
+          {
+            "data-slot": "input-trailing-icon",
+            className: "right-3 [&_svg:not([class*='size-'])]:size-4 absolute top-1/2 shrink-0 -translate-y-1/2 [&_svg]:shrink-0 [&_svg:not([class*='pointer-events-'])]:pointer-events-none",
+            children: t
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  m as TextInput
+};

package/dist/components/textarea.js

@@ -0,0 +1,41 @@
+import { j as n } from "../_virtual/jsx-runtime.js";
+import { cva as l } from "../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+import { cn as o } from "../utils/classnames.js";
+const p = l(
+  "font-medium shadow-xs border-ppx-neutral-5 bg-ppx-neutral-1 text-ppx-sm text-ppx-foreground outline-transparent focus:-outline-offset-1 focus:outline-2 placeholder:text-ppx-sm placeholder:text-ppx-neutral-12 focus:not-aria-invalid:outline-ppx-primary-2 focus:not-aria-invalid:bg-ppx-background disabled:cursor-not-allowed disabled:border-ppx-neutral-3 disabled:bg-ppx-neutral-3 disabled:text-ppx-neutral-11 disabled:placeholder:text-ppx-neutral-11 aria-invalid:outline-ppx-red-4 aria-invalid:bg-ppx-red-1 aria-invalid:outline aria-invalid:-outline-offset-1 placeholder:font-sans-light p-input border",
+  {
+    variants: {
+      size: {
+        default: "min-h-16 rounded-input",
+        sm: "min-h-12 rounded-input-s"
+      },
+      widthVariant: {
+        enforced: "min-w-input",
+        full: "min-w-0 w-full"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+function x({
+  className: a,
+  size: t,
+  invalid: e,
+  widthVariant: i,
+  ...r
+}) {
+  return /* @__PURE__ */ n.jsx(
+    "textarea",
+    {
+      "data-slot": "textarea",
+      className: o(p({ size: t, widthVariant: i }), a),
+      "aria-invalid": e,
+      ...r
+    }
+  );
+}
+export {
+  x as Textarea
+};

package/dist/components/tooltip.js

@@ -0,0 +1,84 @@
+import { j as t } from "../_virtual/jsx-runtime.js";
+import { cn as p } from "../utils/classnames.js";
+import { TooltipRoot as i } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/tooltip/root/TooltipRoot.js";
+import { TooltipProvider as r } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/tooltip/provider/TooltipProvider.js";
+import { TooltipTrigger as d } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/tooltip/trigger/TooltipTrigger.js";
+import { TooltipPopup as c } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/tooltip/popup/TooltipPopup.js";
+import { TooltipPortal as m } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/tooltip/portal/TooltipPortal.js";
+import { TooltipPositioner as x } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/tooltip/positioner/TooltipPositioner.js";
+import { TooltipArrow as f } from "../node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/tooltip/arrow/TooltipArrow.js";
+function g(o) {
+  return /* @__PURE__ */ t.jsx(r, { "data-slot": "tooltip-provider", ...o });
+}
+function u({
+  ...o
+}) {
+  return /* @__PURE__ */ t.jsx(m, { "data-slot": "tooltip-portal", ...o });
+}
+function T({
+  ...o
+}) {
+  return /* @__PURE__ */ t.jsx(x, { "data-slot": "tooltip-positioner", ...o });
+}
+function h({
+  ...o
+}) {
+  return /* @__PURE__ */ t.jsx(f, { "data-slot": "tooltip-arrow", ...o });
+}
+function N({
+  ...o
+}) {
+  return /* @__PURE__ */ t.jsx(g, { children: /* @__PURE__ */ t.jsx(i, { "data-slot": "tooltip", ...o }) });
+}
+const R = i, V = r;
+function $({
+  ...o
+}) {
+  return /* @__PURE__ */ t.jsx(d, { "data-slot": "tooltip-trigger", ...o });
+}
+function k({
+  className: o,
+  align: a = "center",
+  sideOffset: s = 8,
+  side: e = "top",
+  children: l,
+  ...n
+}) {
+  return /* @__PURE__ */ t.jsx(u, { children: /* @__PURE__ */ t.jsx(T, { sideOffset: s, align: a, side: e, children: /* @__PURE__ */ t.jsxs(
+    c,
+    {
+      "data-slot": "tooltip-content",
+      className: p(
+        "bg-black text-white px-3 py-1.5 shadow-sm rounded-md z-50 w-fit origin-[var(--transform-origin)] text-ppx-sm text-balance transition-[transform,scale,opacity] data-[ending-style]:scale-95 data-[ending-style]:opacity-0 data-[starting-style]:scale-95 data-[starting-style]:opacity-0",
+        o
+      ),
+      ...n,
+      children: [
+        l,
+        /* @__PURE__ */ t.jsx(h, { className: "data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180", children: /* @__PURE__ */ t.jsxs("svg", { width: "20", height: "10", viewBox: "0 0 20 10", fill: "none", children: [
+          /* @__PURE__ */ t.jsx(
+            "path",
+            {
+              d: "M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V9H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z",
+              className: "fill-black"
+            }
+          ),
+          /* @__PURE__ */ t.jsx(
+            "path",
+            {
+              d: "M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z",
+              className: "fill-black"
+            }
+          )
+        ] }) })
+      ]
+    }
+  ) }) });
+}
+export {
+  V as BaseProvider,
+  R as BaseRoot,
+  k as Content,
+  N as Root,
+  $ as Trigger
+};

package/dist/core.css

@@ -0,0 +1 @@
+@theme{ --font-sans-light: "Lato L", system-ui, sans-serif; --font-sans: "Lato R", system-ui, sans-serif; --font-sans-sb: "Lato SB", system-ui, sans-serif; --font-sans-b: "Lato B", system-ui, sans-serif; --color-ppx-green-1: #eaf8f1; --color-ppx-green-2: #a7e1c6; --color-ppx-green-3: #82d5ae; --color-ppx-green-4: #4dc28c; --color-ppx-green-5: #28b674; --color-ppx-green-6: #1c7f51; --color-ppx-green-7: #186f47; --color-ppx-red-1: #f8e6e6; --color-ppx-red-2: #e39696; --color-ppx-red-3: #d76b6b; --color-ppx-red-4: #c62b2b; --color-ppx-red-5: #ba0000; --color-ppx-red-6: #820000; --color-ppx-red-7: #710000; --color-ppx-yellow-1: #fff7e6; --color-ppx-yellow-2: #ffdd96; --color-ppx-yellow-3: #fecf6b; --color-ppx-yellow-4: #febb2b; --color-ppx-yellow-5: #fead00; --color-ppx-yellow-6: #b27900; --color-ppx-yellow-7: #9b6a00; --color-ppx-neutral-1: #fafbfb; --color-ppx-neutral-2: #f5f6f7; --color-ppx-neutral-3: #ebedf0; --color-ppx-neutral-4: #dfe2e6; --color-ppx-neutral-5: #c2c7d0; --color-ppx-neutral-6: #b3b9c4; --color-ppx-neutral-7: #a6aebb; --color-ppx-neutral-8: #98a1b0; --color-ppx-neutral-9: #8993a4; --color-ppx-neutral-10: #7a8699; --color-ppx-neutral-11: #6b788e; --color-ppx-neutral-12: #5d6b82; --color-ppx-neutral-13: #505f79; --color-ppx-neutral-14: #42526d; --color-ppx-neutral-15: #354764; --color-ppx-neutral-16: #243757; --color-ppx-neutral-17: #15294b; --color-ppx-neutral-18: #091e42; --color-ppx-primary-1: #eaf8f1; --color-ppx-primary-2: #a7e1c6; --color-ppx-primary-3: #82d5ae; --color-ppx-primary-4: #4dc28c; --color-ppx-primary-5: #28b674; --color-ppx-primary-6: #1c7f51; --color-ppx-primary-7: #186f47; --color-ppx-primary-b-1: #ecf4fe; --color-ppx-primary-b-2: #b1d1f9; --color-ppx-primary-b-3: #90bef6; --color-ppx-primary-b-4: #60a2f3; --color-ppx-primary-b-5: #408ff0; --color-ppx-primary-b-6: #2d64a8; --color-ppx-primary-b-7: #275792; --color-ppx-background: #fff; --color-ppx-foreground: var(--color-ppx-neutral-18); --color-ppx-muted-background: #dfe2e6; --color-ppx-muted-foreground: var(--color-ppx-neutral-13); --color-ppx-border: var(--color-ppx-neutral-3); --padding-input: .5rem; --height-input: 2.5rem; --height-input-s: 2rem; --min-width-input: 18rem; --radius-ppx-xs: .125rem; --radius-ppx-s: .5rem; --radius-ppx-m: .75rem; --radius-ppx-l: 1rem; --radius-ppx-xl: 1.25rem; --radius-input: var(--radius-ppx-s); --radius-input-s: var(--radius-ppx-s); }@utility text-ppx-h1{font-size: 2.441rem; line-height: 3rem;}@utility text-ppx-h2{font-size: 1.953rem; line-height: 2.5rem;}@utility text-ppx-h3{font-size: 1.562rem; line-height: 2rem;}@utility text-ppx-h4{font-size: 1.25rem; line-height: 1.5rem;}@utility text-ppx-base{font-size: 1rem; line-height: 1.25rem;}@utility text-ppx-sm{font-size: .875rem; line-height: 1rem;}@utility text-ppx-xs{font-size: .64rem; line-height: .75rem;}@utility h-stretch-available{height: -webkit-fill-available; height: -moz-available; height: stretch;}.no-arrow-spin{-moz-appearance:textfield}.no-arrow-spin::-webkit-outer-spin-button,.no-arrow-spin::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.root{isolation:isolate}@keyframes bounce-color{0%,to{transform:translateY(0);background-color:#d1d5db}50%{transform:translateY(-25%);background-color:#374151}}@source "./**/*.{js,jsx,ts,tsx}";

package/dist/hooks/use-async-options.js

@@ -0,0 +1,53 @@
+import { useState as y, useRef as m } from "react";
+import { useInfiniteQuery as M } from "../node_modules/.pnpm/@tanstack_react-query@5.90.1_react@19.2.0/node_modules/@tanstack/react-query/build/modern/useInfiniteQuery.js";
+import P from "./use-debounce.js";
+function x(t, {
+  isOpen: i,
+  inputValue: o
+}) {
+  var d;
+  const [n, c] = y(o), a = m(!1), e = M({
+    queryKey: [...t.cacheKey, n],
+    queryFn: async ({ pageParam: r, signal: s }) => {
+      const { error: f, data: g } = await t.loader({
+        search: n,
+        page: r,
+        signal: s
+      });
+      if (f)
+        throw new Error(f);
+      return g;
+    },
+    enabled: i,
+    initialPageParam: 1,
+    staleTime: () => a.current ? 1 / 0 : 0,
+    getNextPageParam: (r, s) => r.hasMore ? s.length + 1 : void 0,
+    retry: !1
+  });
+  e.isFetchedAfterMount && !a.current && (a.current = !0), o === "" && n !== "" && i && c(""), P(
+    () => {
+      c(o);
+    },
+    300,
+    [o]
+  );
+  const u = ((d = e.data) == null ? void 0 : d.pages.flatMap((r) => r.options)) ?? [], h = () => {
+    e.fetchNextPage();
+  };
+  return {
+    items: u,
+    isLoading: e.isLoading,
+    isLoadingMore: e.isFetchingNextPage,
+    hasMore: e.hasNextPage,
+    isError: e.isError,
+    onLoadMore: h,
+    _query: e
+  };
+}
+function b(t) {
+  return t;
+}
+export {
+  b as defineLoadOptions,
+  x as useAsyncOptions
+};

package/dist/hooks/use-debounce.js

@@ -0,0 +1,12 @@
+import { useRef as c, useEffectEvent as o, useEffect as f } from "react";
+function l(u, t, r) {
+  const e = c(null), n = o(u);
+  f(() => (e.current && clearTimeout(e.current), e.current = setTimeout(() => {
+    n(), e.current = null;
+  }, t), () => {
+    e.current && (clearTimeout(e.current), e.current = null);
+  }), [...r, t]);
+}
+export {
+  l as default
+};

package/dist/hooks/use-infinite-scroll.js

@@ -0,0 +1,31 @@
+import { useEffectEvent as E, useEffect as l } from "react";
+import { useIntersectionObserver as I } from "./use-intersection-observer.js";
+const p = 100;
+function _({
+  isLoadingMore: n,
+  hasMore: o,
+  onLoadMore: s,
+  rootMargin: c,
+  disabled: t,
+  threshold: f
+}) {
+  const [i, e] = I({
+    rootMargin: c,
+    threshold: f
+  }), r = !!(e != null && e.isIntersecting), u = E(() => {
+    s();
+  });
+  return l(() => {
+    if (!t && r && o && !n && !t) {
+      const m = setTimeout(() => {
+        u();
+      }, p);
+      return () => {
+        clearTimeout(m);
+      };
+    }
+  }, [r, n, o, t]), [i];
+}
+export {
+  _ as default
+};

package/dist/hooks/use-intersection-observer.js

@@ -0,0 +1,23 @@
+import t from "react";
+function v(u = {}) {
+  const { threshold: n = 1, root: s = null, rootMargin: o = "0px" } = u, [l, i] = t.useState(
+    null
+  ), e = t.useRef(null);
+  return [t.useCallback(
+    (r) => {
+      if (e.current && (e.current.disconnect(), e.current = null), (r == null ? void 0 : r.nodeType) === Node.ELEMENT_NODE) {
+        const c = new IntersectionObserver(
+          ([f]) => {
+            i(f);
+          },
+          { threshold: n, root: s, rootMargin: o }
+        );
+        c.observe(r), e.current = c;
+      }
+    },
+    [n, s, o]
+  ), l];
+}
+export {
+  v as useIntersectionObserver
+};

package/dist/icons/check-icon.js

@@ -0,0 +1,19 @@
+import { j as t } from "../_virtual/jsx-runtime.js";
+import { cn as e } from "../utils/classnames.js";
+function o(r) {
+  return /* @__PURE__ */ t.jsx(
+    "svg",
+    {
+      fill: "currentcolor",
+      width: "10",
+      height: "10",
+      viewBox: "0 0 10 10",
+      ...r,
+      className: e("shrink-0", r.className),
+      children: /* @__PURE__ */ t.jsx("path", { d: "M9.1603 1.12218C9.50684 1.34873 9.60427 1.81354 9.37792 2.16038L5.13603 8.66012C5.01614 8.8438 4.82192 8.96576 4.60451 8.99384C4.3871 9.02194 4.1683 8.95335 4.00574 8.80615L1.24664 6.30769C0.939709 6.02975 0.916013 5.55541 1.19372 5.24822C1.47142 4.94102 1.94536 4.91731 2.2523 5.19524L4.36085 7.10461L8.12299 1.33999C8.34934 0.993152 8.81376 0.895638 9.1603 1.12218Z" })
+    }
+  );
+}
+export {
+  o as default
+};

package/dist/icons/chevron-down-icon.js

@@ -0,0 +1,22 @@
+import { j as r } from "../_virtual/jsx-runtime.js";
+import { cn as n } from "../utils/classnames.js";
+function t(o) {
+  return /* @__PURE__ */ r.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...o,
+      className: n("size-4 shrink-0", o.className),
+      children: /* @__PURE__ */ r.jsx("path", { d: "M6 9l6 6 6-6" })
+    }
+  );
+}
+export {
+  t as default
+};

package/dist/icons/clear-icon.js

@@ -0,0 +1,25 @@
+import { j as r } from "../_virtual/jsx-runtime.js";
+import { cn as s } from "../utils/classnames.js";
+function n(o) {
+  return /* @__PURE__ */ r.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...o,
+      className: s("shrink-0", o.className),
+      children: [
+        /* @__PURE__ */ r.jsx("path", { d: "M18 6L6 18" }),
+        /* @__PURE__ */ r.jsx("path", { d: "M6 6l12 12" })
+      ]
+    }
+  );
+}
+export {
+  n as default
+};

package/dist/icons/close-icon.js

@@ -0,0 +1,25 @@
+import { j as o } from "../_virtual/jsx-runtime.js";
+function e(t) {
+  return /* @__PURE__ */ o.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...t,
+      children: [
+        /* @__PURE__ */ o.jsx("path", { d: "M18 6 6 18" }),
+        /* @__PURE__ */ o.jsx("path", { d: "m6 6 12 12" })
+      ]
+    }
+  );
+}
+export {
+  e as default
+};

package/dist/icons/search-icon.js

@@ -0,0 +1,25 @@
+import { j as C } from "../_virtual/jsx-runtime.js";
+import { cn as s } from "../utils/classnames.js";
+function e(r) {
+  return /* @__PURE__ */ C.jsx(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: s("shrink-0", r.className),
+      children: /* @__PURE__ */ C.jsx(
+        "path",
+        {
+          d: "M15.9038 14.9625L11.2623 10.321C12.1404 9.24234 12.6723 7.85136 12.6723 6.33612C12.6723 2.83678 9.83548 0 6.33612 0C2.83677 0 0 2.83677 0 6.33612C0 9.83547 2.83677 12.6723 6.33612 12.6723C7.85133 12.6723 9.24233 12.1404 10.3326 11.2532L10.321 11.2623L14.9613 15.9026C15.0215 15.9628 15.1047 16 15.1966 16C15.2885 16 15.3717 15.9628 15.4319 15.9026L15.9026 15.4319C15.9628 15.3716 16 15.2884 16 15.1965C16 15.1053 15.9633 15.0226 15.9038 14.9624L15.9038 14.9625L15.9038 14.9625ZM6.34922 11.341C6.34886 11.341 6.34842 11.341 6.34798 11.341C3.59045 11.341 1.35503 9.10555 1.35503 6.34802C1.35503 3.59048 3.59045 1.35506 6.34798 1.35506C9.10552 1.35506 11.3409 3.59048 11.3409 6.34802C11.3409 6.34845 11.3409 6.34887 11.3409 6.34931V6.34925C11.3374 9.10469 9.10467 11.3375 6.34955 11.341H6.3492L6.34922 11.341Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
+export {
+  e as default
+};

package/dist/index.d.ts

@@ -1 +1,28 @@
+export * as Dialog from './components/dialog';
+export * as Popover from './components/popover';
+export * as Combobox from './components/combobox';
+export * as Select from './components/select';
+export * as Menu from './components/menu';
+export * as InputGroup from './components/input-group';
+export * as SegmentedControl from './components/segmented-control';
+export * as Tabs from './components/tabs';
+export * as Tooltip from './components/tooltip';
+export * as BlockCheckboxGroup from './components/block-checkbox-group';
+export * as BlockRadioGroup from './components/block-radio-group';
+export * from './components/button';
+export * from './components/checkbox';
+export * from './components/label';
+export * from './components/text-input';
+export * from './components/input';
+export * from './components/textarea';
+export * from './components/avatar';
+export * from './components/avatar-group';
+export * from './components/spinner';
+export * from './components/switch';
+export * from './components/radio-group';
+export * from './hooks/use-debounce';
+export * from './hooks/use-async-options';
+export * from './hooks/use-infinite-scroll';
+export * from './hooks/use-intersection-observer';
+export * from './utils';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAGrB,OAAO,KAAK,MAAM,MAAM,qBAAqB,CAAC;AAC9C,OAAO,KAAK,OAAO,MAAM,sBAAsB,CAAC;AAChD,OAAO,KAAK,QAAQ,MAAM,uBAAuB,CAAC;AAClD,OAAO,KAAK,MAAM,MAAM,qBAAqB,CAAC;AAC9C,OAAO,KAAK,IAAI,MAAM,mBAAmB,CAAC;AAC1C,OAAO,KAAK,UAAU,MAAM,0BAA0B,CAAC;AACvD,OAAO,KAAK,gBAAgB,MAAM,gCAAgC,CAAC;AACnE,OAAO,KAAK,IAAI,MAAM,mBAAmB,CAAC;AAC1C,OAAO,KAAK,OAAO,MAAM,sBAAsB,CAAC;AAChD,OAAO,KAAK,kBAAkB,MAAM,mCAAmC,CAAC;AACxE,OAAO,KAAK,eAAe,MAAM,gCAAgC,CAAC;AAGlE,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AAGzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAGlD,cAAc,SAAS,CAAC"}