@px-ui/core 1.28.0 → 1.29.0

package/dist/components/combobox.js

@@ -1,111 +1,112 @@
 import { j as e } from "../_virtual/jsx-runtime.js";
 import * as m from "react";
-import { cn as s } from "../utils/classnames.js";
+import { cn as a } from "../utils/classnames.js";
 import S from "../hooks/use-infinite-scroll.js";
 import { Spinner as L } from "./spinner.js";
-import { DROPDOWN_POPUP_CN as z, DROPDOWN_POSITIONER_CN as k, triggerVariants as E, DROPDOWN_ITEM_CN as w } from "../tw-styles/dropdown.js";
+import { DROPDOWN_POPUP_CN as k, DROPDOWN_POSITIONER_CN as z, triggerVariants as V, DROPDOWN_ITEM_CN as w } from "../tw-styles/dropdown.js";
 import _ from "../icons/clear-icon.js";
 import g from "../icons/chevron-down-icon.js";
-import D from "../icons/search-icon.js";
-import M from "../icons/check-icon.js";
-import A from "../icons/close-icon.js";
-import { Root as V, Input as W, Addon as P, Button as y } from "./input-group.js";
-import { cva as B } from "../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+import E from "../icons/search-icon.js";
+import D from "../icons/check-icon.js";
+import M from "../icons/close-icon.js";
+import { Root as A, Input as W, Addon as B, Button as y } from "./input-group.js";
+import { cva as P } from "../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
 import { useAsyncOptions as F } from "../hooks/use-async-options.js";
 import { ComboboxList 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/combobox/list/ComboboxList.js";
-import { ComboboxRoot 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/combobox/root/ComboboxRoot.js";
-import { ComboboxPortal as U } 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/combobox/portal/ComboboxPortal.js";
-import { ComboboxPositioner 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/combobox/positioner/ComboboxPositioner.js";
-import { ComboboxPopup as $ } 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/combobox/popup/ComboboxPopup.js";
-import { ComboboxEmpty as q } 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/combobox/empty/ComboboxEmpty.js";
+import * 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/combobox/index.parts.js";
+import { ComboboxRoot as U } 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/combobox/root/ComboboxRoot.js";
+import { ComboboxPortal 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/combobox/portal/ComboboxPortal.js";
+import { ComboboxPositioner as $ } 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/combobox/positioner/ComboboxPositioner.js";
+import { ComboboxPopup as q } 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/combobox/popup/ComboboxPopup.js";
+import { ComboboxEmpty 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/combobox/empty/ComboboxEmpty.js";
 import { ComboboxStatus 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/combobox/status/ComboboxStatus.js";
 import { ComboboxItem 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/combobox/item/ComboboxItem.js";
 import { ComboboxInput 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/combobox/input/ComboboxInput.js";
-import { ComboboxClear 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/combobox/clear/ComboboxClear.js";
+import { ComboboxClear as K } 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/combobox/clear/ComboboxClear.js";
 import { ComboboxTrigger 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/combobox/trigger/ComboboxTrigger.js";
 import { ComboboxValue 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/combobox/value/ComboboxValue.js";
-import { ComboboxChips as K } 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/combobox/chips/ComboboxChips.js";
-import { ComboboxChip as Q } 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/combobox/chip/ComboboxChip.js";
-import { ComboboxChipRemove as Y } 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/combobox/chip-remove/ComboboxChipRemove.js";
-import { ComboboxItemIndicator as Z } 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/combobox/item-indicator/ComboboxItemIndicator.js";
-const b = "px-4 py-2 text-ppx-sm min-h-11 flex items-center justify-center text-ppx-muted-foreground", ke = G, R = m.createContext(
+import { ComboboxChips as Q } 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/combobox/chips/ComboboxChips.js";
+import { ComboboxChip as Y } 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/combobox/chip/ComboboxChip.js";
+import { ComboboxChipRemove as Z } 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/combobox/chip-remove/ComboboxChipRemove.js";
+import { ComboboxItemIndicator as ee } 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/combobox/item-indicator/ComboboxItemIndicator.js";
+const b = "px-4 py-2 text-ppx-sm min-h-11 flex items-center justify-center text-ppx-muted-foreground", Ve = G, R = m.createContext(
   {}
 );
-function Ee({
+function _e({
   children: r,
-  ...t
+  ...n
 }) {
-  const n = m.useRef(null), o = m.useRef(null), [l, i] = m.useState(!1), [a, d] = m.useState(""), c = {
+  const t = m.useRef(null), i = m.useRef(null), [o, s] = m.useState(!1), [l, d] = m.useState(""), c = {
     ...{
-      open: l,
-      onOpenChange: i,
-      inputValue: a,
+      open: o,
+      onOpenChange: s,
+      inputValue: l,
       onInputValueChange: d
     },
-    ...t
+    ...n
   }, x = {
-    ...t.loadOptions ? F(t.loadOptions, {
+    ...n.loadOptions ? F(n.loadOptions, {
       isOpen: c.open,
       inputValue: c.inputValue
     }) : {},
     ...c
   }, u = {
     ...x,
-    chipsTriggerRef: n,
-    searchableTriggerRef: o
+    chipsTriggerRef: t,
+    searchableTriggerRef: i
   };
-  return /* @__PURE__ */ e.jsx(R.Provider, { value: u, children: /* @__PURE__ */ e.jsx(H, { autoHighlight: !0, ...x, children: r }) });
+  return /* @__PURE__ */ e.jsx(R.Provider, { value: u, children: /* @__PURE__ */ e.jsx(U, { autoHighlight: !0, ...x, children: r }) });
 }
-function _e({
+function Ee({
   empty: r = "No options",
-  portalProps: t,
-  positionerProps: n,
-  popupProps: o,
-  children: l,
-  widthVariant: i = "trigger"
+  portalProps: n,
+  positionerProps: t,
+  popupProps: i,
+  children: o,
+  widthVariant: s = "trigger"
 }) {
   const {
-    chipsTriggerRef: a,
+    chipsTriggerRef: l,
     searchableTriggerRef: d,
-    isLoading: p,
+    isLoading: f,
     isError: c,
     isLoadingMore: v,
     hasMore: x,
     onLoadMore: u
-  } = f(), [T] = S({
+  } = p(), [T] = S({
     isLoadingMore: !!v,
     hasMore: !!x,
     onLoadMore: () => u == null ? void 0 : u(),
     disabled: c
   });
-  return /* @__PURE__ */ e.jsx(U, { ...t, children: /* @__PURE__ */ e.jsx(
-    X,
+  return /* @__PURE__ */ e.jsx(X, { ...n, children: /* @__PURE__ */ e.jsx(
+    $,
     {
       sideOffset: 6,
       align: "start",
-      ...n,
-      className: s(k, n == null ? void 0 : n.className),
-      anchor: (n == null ? void 0 : n.anchor) ?? a.current ?? d.current,
+      ...t,
+      className: a(z, t == null ? void 0 : t.className),
+      anchor: (t == null ? void 0 : t.anchor) ?? l.current ?? d.current,
       children: /* @__PURE__ */ e.jsxs(
-        $,
+        q,
         {
-          className: s(
-            z,
+          className: a(
+            k,
             "scroll-pt-2 scroll-pb-2 overscroll-contain",
-            i === "trigger" ? "w-[var(--anchor-width)]" : i === "fit" ? "w-fit" : i === "enforced" ? "w-[var(--min-width-input)]" : "",
-            o == null ? void 0 : o.className
+            s === "trigger" ? "w-[var(--anchor-width)]" : s === "fit" ? "w-fit" : s === "enforced" ? "w-[var(--min-width-input)]" : "",
+            i == null ? void 0 : i.className
           ),
-          ...o,
+          ...i,
           children: [
-            l,
-            !p && !c && /* @__PURE__ */ e.jsx(
-              q,
+            o,
+            !f && !c && /* @__PURE__ */ e.jsx(
+              J,
               {
-                className: s(b, "empty:hidden"),
+                className: a(b, "empty:hidden"),
                 children: r
               }
             ),
-            p && /* @__PURE__ */ e.jsx(h, { className: b, children: "Loading..." }),
+            f && /* @__PURE__ */ e.jsx(h, { className: b, children: "Loading..." }),
             c && /* @__PURE__ */ e.jsx(h, { className: b, children: "Error loading options" }),
             x && /* @__PURE__ */ e.jsx(
               h,
@@ -124,84 +125,84 @@ function _e({
 }
 function De({
   className: r,
-  ...t
+  ...n
 }) {
-  return /* @__PURE__ */ e.jsx(I, { className: s(w, r), ...t, children: t.children });
+  return /* @__PURE__ */ e.jsx(I, { className: a(w, r), ...n, children: n.children });
 }
 function Me({
   className: r,
-  ...t
+  ...n
 }) {
   return /* @__PURE__ */ e.jsx(
     I,
     {
-      ...t,
-      render: (n, o) => /* @__PURE__ */ e.jsxs("div", { ...n, className: s(w, r), children: [
-        /* @__PURE__ */ e.jsx(ee, { selected: o.selected }),
-        t.children
+      ...n,
+      render: (t, i) => /* @__PURE__ */ e.jsxs("div", { ...t, className: a(w, r), children: [
+        /* @__PURE__ */ e.jsx(re, { selected: i.selected }),
+        n.children
       ] })
     }
   );
 }
-function ee(r) {
+function re(r) {
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: s(
+      className: a(
         "peer rounded-sm size-4 flex shrink-0 items-center justify-center border border-ppx-neutral-10 bg-ppx-background transition-colors duration-150 outline-none",
         r.selected && "text-white border-ppx-primary-5 bg-ppx-primary-5"
       ),
-      children: /* @__PURE__ */ e.jsx(Z, { children: /* @__PURE__ */ e.jsx(M, {}) })
+      children: /* @__PURE__ */ e.jsx(ee, { children: /* @__PURE__ */ e.jsx(D, {}) })
     }
   );
 }
 function C(r) {
-  return /* @__PURE__ */ e.jsx("div", { className: s("flex items-center justify-center", r.className), children: /* @__PURE__ */ e.jsxs("div", { className: "space-x-1 flex", children: [
+  return /* @__PURE__ */ e.jsx("div", { className: a("flex items-center justify-center", r.className), children: /* @__PURE__ */ e.jsxs("div", { className: "space-x-1 flex", children: [
     /* @__PURE__ */ e.jsx("div", { className: "w-1 h-1 animate-bounce rounded-full bg-ppx-foreground opacity-40 [animation-delay:-0.3s] [animation-name:bounce-color]" }),
     /* @__PURE__ */ e.jsx("div", { className: "w-1 h-1 animate-bounce rounded-full bg-ppx-foreground opacity-70 [animation-delay:-0.15s] [animation-name:bounce-color]" }),
     /* @__PURE__ */ e.jsx("div", { className: "w-1 h-1 animate-bounce rounded-full bg-ppx-foreground opacity-100 [animation-name:bounce-color]" })
   ] }) });
 }
 function Ae(r) {
-  const { invalid: t, disabled: n, searchableTriggerRef: o } = f();
-  return /* @__PURE__ */ e.jsxs(V, { ...r, disabled: n, ref: o, children: [
+  const { invalid: n, disabled: t, searchableTriggerRef: i } = p();
+  return /* @__PURE__ */ e.jsxs(A, { ...r, disabled: t, ref: i, children: [
     /* @__PURE__ */ e.jsx(
       j,
       {
-        render: (l) => /* @__PURE__ */ e.jsx(
+        render: (o) => /* @__PURE__ */ e.jsx(
           W,
           {
-            ...l,
-            invalid: t,
+            ...o,
+            invalid: n,
             placeholder: r.placeholder
           }
         )
       }
     ),
     r.addons,
-    /* @__PURE__ */ e.jsx(re, {})
+    /* @__PURE__ */ e.jsx(ne, {})
   ] });
 }
-function re() {
-  const { isLoading: r } = f();
-  return /* @__PURE__ */ e.jsxs(P, { align: "inline-end", className: "gap-0.5", children: [
+function ne() {
+  const { isLoading: r } = p();
+  return /* @__PURE__ */ e.jsxs(B, { align: "inline-end", className: "gap-0.5", children: [
     r && /* @__PURE__ */ e.jsx(C, { className: "mr-2" }),
     !r && /* @__PURE__ */ e.jsx(
-      J,
+      K,
       {
         "aria-label": "Clear selection",
-        render: (t) => /* @__PURE__ */ e.jsx(y, { size: "icon-xs", ...t, children: /* @__PURE__ */ e.jsx(_, { className: "size-4" }) })
+        render: (n) => /* @__PURE__ */ e.jsx(y, { size: "icon-xs", ...n, children: /* @__PURE__ */ e.jsx(_, { className: "size-4" }) })
       }
     ),
     /* @__PURE__ */ e.jsx(
       N,
       {
-        render: (t) => /* @__PURE__ */ e.jsx(
+        render: (n) => /* @__PURE__ */ e.jsx(
           y,
           {
             size: "icon-xs",
             "aria-label": "Open popup",
-            ...t,
+            ...n,
             children: /* @__PURE__ */ e.jsx(g, {})
           }
         )
@@ -209,37 +210,40 @@ function re() {
     )
   ] });
 }
-function Ve({
+function We({
   size: r,
-  widthVariant: t,
-  ...n
+  widthVariant: n,
+  children: t,
+  className: i,
+  ...o
 }) {
-  const { isLoading: o, invalid: l } = f();
+  const { isLoading: s, invalid: l } = p();
   return /* @__PURE__ */ e.jsxs(
     N,
     {
       "aria-label": "Open popup",
-      className: s(E({ size: r, widthVariant: t }), n.className),
       "aria-invalid": l ?? void 0,
+      className: a(V({ size: r, widthVariant: n }), i),
+      ...o,
       children: [
-        /* @__PURE__ */ e.jsx(O, { children: (i) => {
-          if (i == null && n.placeholder)
-            return /* @__PURE__ */ e.jsx("span", { className: "truncate text-ppx-foreground", children: n.placeholder });
-          if (n.children) {
-            const a = typeof n.children == "function" ? n.children(i) : n.children;
-            return typeof a == "string" ? /* @__PURE__ */ e.jsx("span", { className: "truncate", children: a }) : a;
-          }
-          return typeof i == "string" ? /* @__PURE__ */ e.jsx("span", { className: "truncate", children: i }) : i && typeof i == "object" && "label" in i ? /* @__PURE__ */ e.jsx("span", { className: "truncate", children: i.label }) : null;
-        } }),
-        /* @__PURE__ */ e.jsxs("div", { className: "gap-2 flex items-center", children: [
-          o && /* @__PURE__ */ e.jsx(C, {}),
+        t,
+        /* @__PURE__ */ e.jsxs("div", { className: "gap-2 flex shrink-0 items-center", children: [
+          s && /* @__PURE__ */ e.jsx(C, {}),
           /* @__PURE__ */ e.jsx(g, {})
         ] })
       ]
     }
   );
 }
-const ne = B(
+function Be({
+  children: r,
+  className: n,
+  placeholder: t,
+  ...i
+}) {
+  return /* @__PURE__ */ e.jsx("span", { className: a("truncate text-ppx-sm", n), ...i, children: /* @__PURE__ */ e.jsx(O, { children: (o) => o == null && t ? t : r ? typeof r == "function" ? r(o) : r : o && typeof o == "object" && "label" in o ? o.label : o }) });
+}
+const te = P(
   "p-input text-ppx-sm bg-ppx-neutral-1 inline-flex items-center justify-between border border-ppx-neutral-5 focus-within:outline-2 focus-within:-outline-offset-1 focus-within:outline-ppx-primary-2 aria-invalid:border-ppx-red-4 focus-within:aria-invalid:outline-transparent has-data-disabled:border-ppx-neutral-3 has-data-disabled:bg-ppx-neutral-3 has-data-disabled:text-ppx-neutral-11 has-data-disabled:cursor-not-allowed",
   {
     variants: {
@@ -258,66 +262,66 @@ const ne = B(
     }
   }
 );
-function We({
+function Pe({
   size: r,
-  widthVariant: t,
-  ...n
+  widthVariant: n,
+  ...t
 }) {
-  const { chipsTriggerRef: o, isLoading: l, invalid: i } = f();
+  const { chipsTriggerRef: i, isLoading: o, invalid: s } = p();
   return /* @__PURE__ */ e.jsxs(
-    K,
+    Q,
     {
-      className: s(
-        ne({ size: r, widthVariant: t }),
-        n.className
+      className: a(
+        te({ size: r, widthVariant: n }),
+        t.className
       ),
-      "aria-invalid": i ?? void 0,
-      ref: o,
+      "aria-invalid": s ?? void 0,
+      ref: i,
       children: [
-        /* @__PURE__ */ e.jsx("div", { className: "gap-1 flex flex-1 flex-wrap items-center", children: /* @__PURE__ */ e.jsx(O, { children: (a) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-          a.map((d) => typeof n.children == "function" ? n.children(d) : n.children),
+        /* @__PURE__ */ e.jsx("div", { className: "gap-1 flex flex-1 flex-wrap items-center", children: /* @__PURE__ */ e.jsx(O, { children: (l) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          l.map((d) => typeof t.children == "function" ? t.children(d) : t.children),
           /* @__PURE__ */ e.jsx(
             j,
             {
-              placeholder: a.length > 0 ? "" : n.placeholder,
+              placeholder: l.length > 0 ? "" : t.placeholder,
               className: "min-w-12 flex-1 border-0 text-ppx-sm text-ppx-foreground outline-none"
             }
           )
         ] }) }) }),
         /* @__PURE__ */ e.jsxs("div", { className: "gap-2 flex h-stretch-available items-center text-ppx-muted-foreground", children: [
-          l && /* @__PURE__ */ e.jsx(C, {}),
+          o && /* @__PURE__ */ e.jsx(C, {}),
           /* @__PURE__ */ e.jsx(N, { className: "h-full", children: /* @__PURE__ */ e.jsx(g, {}) })
         ] })
       ]
     }
   );
 }
-function Pe(r) {
+function Fe(r) {
   return /* @__PURE__ */ e.jsxs(
-    Q,
+    Y,
     {
       ...r,
-      className: s(
+      className: a(
         "gap-1 pl-2 pr-1 text-sm flex cursor-default items-center rounded-full bg-ppx-neutral-3 py-[0.2rem] text-ppx-foreground outline-none",
         r.className
       ),
       children: [
         r.children,
         /* @__PURE__ */ e.jsx(
-          Y,
+          Z,
           {
             className: "size-5 flex shrink-0 items-center justify-center rounded-full border border-transparent text-inherit hover:border-ppx-neutral-4 hover:bg-ppx-neutral-5 hover:text-ppx-background active:bg-ppx-neutral-6",
             "aria-label": "Remove",
-            children: /* @__PURE__ */ e.jsx(A, { className: "size-3" })
+            children: /* @__PURE__ */ e.jsx(M, { className: "size-3" })
           }
         )
       ]
     }
   );
 }
-function Be({
+function Ge({
   placeholder: r = "Search options",
-  ...t
+  ...n
 }) {
   return /* @__PURE__ */ e.jsxs("div", { className: "top-0 gap-2 sticky z-10 flex items-center justify-between border-b-[0.75px] border-ppx-neutral-7 bg-ppx-background p-input", children: [
     /* @__PURE__ */ e.jsx(
@@ -326,27 +330,30 @@ function Be({
         placeholder: r,
         className: "text-sm flex-1 placeholder:text-ppx-neutral-7 focus:outline-none",
         "data-popup-search": !0,
-        ...t
+        ...n
       }
     ),
-    /* @__PURE__ */ e.jsx(D, { className: "size-3.5 text-ppx-neutral-10" })
+    /* @__PURE__ */ e.jsx(E, { className: "size-3.5 text-ppx-neutral-10" })
   ] });
 }
-function f() {
+function p() {
   return m.useContext(R);
 }
+const He = H;
 export {
-  Pe as Chip,
-  We as ChipsTrigger,
-  _e as Content,
+  He as BaseCombobox,
+  Fe as Chip,
+  Pe as ChipsTrigger,
+  Ee as Content,
   De as Item,
-  ke as List,
+  Ve as List,
   C as LoadingIndicator,
   Me as MultiItem,
-  Ee as Root,
-  Be as Search,
+  _e as Root,
+  Ge as Search,
   Ae as SearchableTrigger,
-  re as SearchableTriggerDropdownAddon,
-  Ve as Trigger,
-  f as useComboboxContext
+  ne as SearchableTriggerDropdownAddon,
+  We as Trigger,
+  Be as Value,
+  p as useComboboxContext
 };

package/dist/components/dialog.d.ts

@@ -1,14 +1,15 @@
 import { Dialog as BaseDialog } from '@base-ui-components/react';
 import * as React from "react";
-declare function Root({ ...props }: React.ComponentProps<typeof BaseDialog.Root>): import("react/jsx-runtime").JSX.Element;
-declare function Portal({ ...props }: React.ComponentProps<typeof BaseDialog.Portal>): import("react/jsx-runtime").JSX.Element;
-declare function Trigger({ ...props }: React.ComponentProps<typeof BaseDialog.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function Close({ ...props }: React.ComponentProps<typeof BaseDialog.Close>): import("react/jsx-runtime").JSX.Element;
-declare function Overlay({ className, ...props }: React.ComponentProps<typeof BaseDialog.Backdrop>): import("react/jsx-runtime").JSX.Element;
-declare function Content({ className, children, ...props }: React.ComponentProps<typeof BaseDialog.Popup>): import("react/jsx-runtime").JSX.Element;
-declare function Header({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function Footer({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function Title({ className, ...props }: React.ComponentProps<typeof BaseDialog.Title>): import("react/jsx-runtime").JSX.Element;
-declare function Description({ className, ...props }: React.ComponentProps<typeof BaseDialog.Description>): import("react/jsx-runtime").JSX.Element;
-export { Root, Portal, Overlay, Close, Trigger, Content, Header, Footer, Title, Description, };
+export declare function Root({ ...props }: React.ComponentProps<typeof BaseDialog.Root>): import("react/jsx-runtime").JSX.Element;
+export declare function Portal({ ...props }: React.ComponentProps<typeof BaseDialog.Portal>): import("react/jsx-runtime").JSX.Element;
+export declare function Trigger({ ...props }: React.ComponentProps<typeof BaseDialog.Trigger>): import("react/jsx-runtime").JSX.Element;
+export declare function Close({ ...props }: React.ComponentProps<typeof BaseDialog.Close>): import("react/jsx-runtime").JSX.Element;
+export declare function Overlay({ className, ...props }: React.ComponentProps<typeof BaseDialog.Backdrop>): import("react/jsx-runtime").JSX.Element;
+export declare function Content({ className, children, ...props }: React.ComponentProps<typeof BaseDialog.Popup>): import("react/jsx-runtime").JSX.Element;
+export declare function Header({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export declare function HeaderContent({ className, children, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export declare function HeaderIcon({ className, children, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export declare function Footer({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export declare function Title({ className, ...props }: React.ComponentProps<typeof BaseDialog.Title>): import("react/jsx-runtime").JSX.Element;
+export declare function Description({ className, ...props }: React.ComponentProps<typeof BaseDialog.Description>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=dialog.d.ts.map

package/dist/components/dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/components/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAIjE,iBAAS,IAAI,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,2CAEvE;AAED,iBAAS,MAAM,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,MAAM,CAAC,2CAE3E;AAED,iBAAS,OAAO,CAAC,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,OAAO,CAAC,2CAEjD;AAED,iBAAS,KAAK,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,2CAEzE;AAED,iBAAS,OAAO,CAAC,EACf,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,QAAQ,CAAC,2CAWlD;AAED,iBAAS,OAAO,CAAC,EACf,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,2CAwC/C;AAED,iBAAS,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQnE;AAED,iBAAS,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWnE;AAED,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,2CAQ/C;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,WAAW,CAAC,2CAQrD;AAED,OAAO,EACL,IAAI,EACJ,MAAM,EACN,OAAO,EACP,KAAK,EACL,OAAO,EACP,OAAO,EACP,MAAM,EACN,MAAM,EACN,KAAK,EACL,WAAW,GACZ,CAAC"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/components/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAMjE,wBAAgB,IAAI,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,2CAE9C;AAED,wBAAgB,MAAM,CAAC,EACrB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,MAAM,CAAC,2CAEhD;AAED,wBAAgB,OAAO,CAAC,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,OAAO,CAAC,2CAEjD;AAED,wBAAgB,KAAK,CAAC,EACpB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,2CAE/C;AAED,wBAAgB,OAAO,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,QAAQ,CAAC,2CAWlD;AAED,wBAAgB,OAAO,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,2CAgC/C;AAED,wBAAgB,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQ1E;AAED,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAS7B;AAED,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAY7B;AAED,wBAAgB,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAW1E;AAED,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,2CAQ/C;AAED,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,WAAW,CAAC,2CAQrD"}