@px-ui/core 1.23.0 → 1.25.0

package/dist/components/select.js

@@ -0,0 +1,155 @@
+import { j as t } from "../_virtual/jsx-runtime.js";
+import * as l from "react";
+import { cn as a } from "../utils/classnames.js";
+import { DROPDOWN_POPUP_CN as d, DROPDOWN_POSITIONER_CN as u, DROPDOWN_ITEM_CN as s } from "../tw-styles/dropdown.js";
+import f from "../icons/check-icon.js";
+import x from "../icons/chevron-down-icon.js";
+import { cva as p } from "../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+import { SelectList as h } 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/select/list/SelectList.js";
+import * as j 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/select/index.parts.js";
+import { SelectRoot as b } 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/select/root/SelectRoot.js";
+import { SelectPortal as N } 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/select/portal/SelectPortal.js";
+import { SelectPositioner as g } 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/select/positioner/SelectPositioner.js";
+import { SelectPopup as v } 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/select/popup/SelectPopup.js";
+import { SelectItem 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/select/item/SelectItem.js";
+import { SelectItemText 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/select/item-text/SelectItemText.js";
+import { SelectTrigger as S } 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/select/trigger/SelectTrigger.js";
+import { SelectIcon as w } 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/select/icon/SelectIcon.js";
+import { SelectValue 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/select/value/SelectValue.js";
+import { SelectItemIndicator 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/select/item-indicator/SelectItemIndicator.js";
+const m = l.createContext(
+  {}
+);
+function C() {
+  return l.useContext(m);
+}
+function G({
+  children: r,
+  invalid: e,
+  ...n
+}) {
+  const i = l.useMemo(() => ({ invalid: e }), [e]);
+  return /* @__PURE__ */ t.jsx(m.Provider, { value: i, children: /* @__PURE__ */ t.jsx(b, { ...n, children: r }) });
+}
+function H({
+  portalProps: r,
+  positionerProps: e,
+  popupProps: n,
+  children: i
+}) {
+  return /* @__PURE__ */ t.jsx(N, { ...r, children: /* @__PURE__ */ t.jsx(
+    g,
+    {
+      sideOffset: 6,
+      ...e,
+      className: a(u, e == null ? void 0 : e.className),
+      alignItemWithTrigger: !1,
+      children: /* @__PURE__ */ t.jsx(
+        v,
+        {
+          className: a(d, n == null ? void 0 : n.className),
+          ...n,
+          children: i
+        }
+      )
+    }
+  ) });
+}
+const J = h;
+function K({
+  className: r,
+  ...e
+}) {
+  return /* @__PURE__ */ t.jsx(c, { className: a(s, r), ...e, children: /* @__PURE__ */ t.jsx(o, { children: e.children }) });
+}
+function Q({
+  className: r,
+  ...e
+}) {
+  return /* @__PURE__ */ t.jsx(
+    c,
+    {
+      ...e,
+      render: (n, i) => /* @__PURE__ */ t.jsxs("div", { ...n, className: a(s, r), children: [
+        /* @__PURE__ */ t.jsx(R, { selected: i.selected }),
+        /* @__PURE__ */ t.jsx(o, { children: e.children })
+      ] })
+    }
+  );
+}
+function R(r) {
+  return /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      className: a(
+        "peer rounded-sm bg-white size-4 flex shrink-0 items-center justify-center border border-ppx-neutral-10 transition-colors duration-150 outline-none",
+        r.selected && "text-white border-ppx-primary-5 bg-ppx-primary-5"
+      ),
+      children: /* @__PURE__ */ t.jsx(O, { children: /* @__PURE__ */ t.jsx(f, {}) })
+    }
+  );
+}
+const y = p(
+  "gap-2 text-ppx-sm bg-ppx-neutral-1 inline-flex items-center justify-between border border-ppx-neutral-5 aria-invalid:border-ppx-red-4 text-ppx-foreground outline-transparent p-input focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-ppx-primary-2 focus-visible:aria-invalid:outline-transparent data-disabled:cursor-not-allowed data-disabled:border-ppx-neutral-3 data-disabled:bg-ppx-neutral-3 data-disabled:text-ppx-neutral-11",
+  {
+    variants: {
+      size: {
+        default: "rounded-input h-input",
+        sm: "rounded-input-s h-input-s"
+      },
+      widthVariant: {
+        enforced: "min-w-input w-[var(--min-width-input)]",
+        fit: "min-w-0 w-fit",
+        full: "min-w-0 w-full"
+      }
+    },
+    defaultVariants: {
+      size: "default",
+      widthVariant: "enforced"
+    }
+  }
+);
+function X({
+  size: r,
+  widthVariant: e,
+  ...n
+}) {
+  const { invalid: i } = C();
+  return /* @__PURE__ */ t.jsxs(
+    S,
+    {
+      "aria-label": "Open popup",
+      className: a(y({ size: r, widthVariant: e }), n.className),
+      "aria-invalid": i ?? void 0,
+      children: [
+        n.children,
+        /* @__PURE__ */ t.jsx(w, { className: "shrink-0", children: /* @__PURE__ */ t.jsx(x, {}) })
+      ]
+    }
+  );
+}
+function Y({
+  selectedValue: r,
+  maxItems: e
+}) {
+  return !r || Array.isArray(r) && r.length === 0 ? null : /* @__PURE__ */ t.jsxs("div", { className: "gap-1 flex items-center", children: [
+    /* @__PURE__ */ t.jsx("span", { className: "truncate", children: r.slice(0, e).join(", ") }),
+    r.length > e && /* @__PURE__ */ t.jsx("span", { className: "truncate", children: `(+${r.length - e})` })
+  ] });
+}
+function Z({ children: r, className: e, ...n }) {
+  return /* @__PURE__ */ t.jsx(I, { className: a("truncate text-ppx-sm", e), ...n, children: r });
+}
+const ee = j;
+export {
+  ee as BaseSelect,
+  H as Content,
+  K as Item,
+  J as List,
+  Q as MultiItem,
+  Y as MultiSelectedValue,
+  G as Root,
+  X as Trigger,
+  Z as Value,
+  y as triggerVariants
+};

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
+};