npm - @px-ui/core - Versions diffs - 1.27.0 → 1.29.0 - Mend

@px-ui/core 1.27.0 → 1.29.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (60) hide show

package/dist/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,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,QAAQ,MAAM,uBAAuB,CAAC;AAClD,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"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,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,QAAQ,MAAM,uBAAuB,CAAC;AAClD,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,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"}

package/dist/index.js CHANGED Viewed

@@ -14,46 +14,44 @@ import * as u from "./components/block-radio-group.js";
 import { Button as l, buttonVariants as d } from "./components/button.js";
 import { Checkbox as k } from "./components/checkbox.js";
 import { Label as v } from "./components/label.js";
-import { TextInput as I } from "./components/text-input.js";
-import { Input as A } from "./components/input.js";
-import { Textarea as S } from "./components/textarea.js";
-import { Avatar as B, AvatarImpl as O } from "./components/avatar.js";
-import { AvatarGroup as P } from "./components/avatar-group.js";
-import { Spinner as y } from "./components/spinner.js";
-import { Switch as M } from "./components/switch.js";
-import { RadioGroup as j, RadioGroupItem as q } from "./components/radio-group.js";
-import { defineLoadOptions as E, useAsyncOptions as F } from "./hooks/use-async-options.js";
-import { useIntersectionObserver as J } from "./hooks/use-intersection-observer.js";
-import { cn as N } from "./utils/classnames.js";
+import { Input as I } from "./components/input.js";
+import { Textarea as A } from "./components/textarea.js";
+import { Avatar as S, AvatarImpl as B } from "./components/avatar.js";
+import { AvatarGroup as T } from "./components/avatar-group.js";
+import { Spinner as P } from "./components/spinner.js";
+import { Switch as y } from "./components/switch.js";
+import { RadioGroup as M, RadioGroupItem as V } from "./components/radio-group.js";
+import { defineLoadOptions as q, useAsyncOptions as z } from "./hooks/use-async-options.js";
+import { useIntersectionObserver as F } from "./hooks/use-intersection-observer.js";
+import { cn as J } from "./utils/classnames.js";
 export {
-  B as Avatar,
-  P as AvatarGroup,
-  O as AvatarImpl,
+  S as Avatar,
+  T as AvatarGroup,
+  B as AvatarImpl,
   n as BlockCheckboxGroup,
   u as BlockRadioGroup,
   l as Button,
   k as Checkbox,
   p as Combobox,
   r as Dialog,
-  A as Input,
+  I as Input,
   s as InputGroup,
   v as Label,
   m as Menu,
   t as Popover,
   a as Progress,
-  j as RadioGroup,
-  q as RadioGroupItem,
+  M as RadioGroup,
+  V as RadioGroupItem,
   x as SegmentedControl,
   e as Select,
-  y as Spinner,
-  M as Switch,
+  P as Spinner,
+  y as Switch,
   i as Tabs,
-  I as TextInput,
-  S as Textarea,
+  A as Textarea,
   f as Tooltip,
   d as buttonVariants,
-  N as cn,
-  E as defineLoadOptions,
-  F as useAsyncOptions,
-  J as useIntersectionObserver
+  J as cn,
+  q as defineLoadOptions,
+  z as useAsyncOptions,
+  F as useIntersectionObserver
 };

package/dist/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/arrow/ComboboxArrow.js ADDED Viewed

@@ -0,0 +1,39 @@
+import * as n from "react";
+import { useComboboxPositionerContext as u } from "../positioner/ComboboxPositionerContext.js";
+import { useComboboxRootContext as b } from "../root/ComboboxRootContext.js";
+import { selectors as d } from "../store.js";
+import { useRenderElement as l } from "../../utils/useRenderElement.js";
+import { popupStateMapping as x } from "../../utils/popupStateMapping.js";
+import { useStore as w } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/store/useStore.js";
+const C = /* @__PURE__ */ n.forwardRef(function(o, m) {
+  const {
+    className: A,
+    render: N,
+    ...i
+  } = o, p = b(), {
+    arrowRef: a,
+    side: e,
+    align: r,
+    arrowUncentered: t,
+    arrowStyles: c
+  } = u(), s = w(p, d.open), f = n.useMemo(() => ({
+    open: s,
+    side: e,
+    align: r,
+    uncentered: t
+  }), [s, e, r, t]);
+  return l("div", o, {
+    ref: [a, m],
+    stateAttributesMapping: x,
+    state: f,
+    props: {
+      style: c,
+      "aria-hidden": !0,
+      ...i
+    }
+  });
+});
+process.env.NODE_ENV !== "production" && (C.displayName = "ComboboxArrow");
+export {
+  C as ComboboxArrow
+};

@@ -0,0 +1,37 @@
+import * as p from "react";
+import { useComboboxRootContext as u } from "../root/ComboboxRootContext.js";
+import { popupStateMapping as d } from "../../utils/popupStateMapping.js";
+import { transitionStatusMapping as f } from "../../utils/stateAttributesMapping.js";
+import { useRenderElement as b } from "../../utils/useRenderElement.js";
+import { selectors as t } from "../store.js";
+import { useStore as e } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/store/useStore.js";
+const l = {
+  ...d,
+  ...f
+}, S = /* @__PURE__ */ p.forwardRef(function(r, i) {
+  const {
+    className: C,
+    render: k,
+    ...m
+  } = r, o = u(), n = e(o, t.open), a = e(o, t.mounted), s = e(o, t.transitionStatus), c = p.useMemo(() => ({
+    open: n,
+    transitionStatus: s
+  }), [n, s]);
+  return b("div", r, {
+    state: c,
+    ref: i,
+    stateAttributesMapping: l,
+    props: [{
+      role: "presentation",
+      hidden: !a,
+      style: {
+        userSelect: "none",
+        WebkitUserSelect: "none"
+      }
+    }, m]
+  });
+});
+process.env.NODE_ENV !== "production" && (S.displayName = "ComboboxBackdrop");
+export {
+  S as ComboboxBackdrop
+};

@@ -1,10 +1,23 @@
 import * as o from "react";
-import "../../../../../../../../../_virtual/jsx-runtime.js";
+import { j as c } from "../../../../../../../../../_virtual/jsx-runtime.js";
 const t = /* @__PURE__ */ o.createContext(null);
 process.env.NODE_ENV !== "production" && (t.displayName = "GroupCollectionContext");
-function n() {
+function l() {
   return o.useContext(t);
 }
+function s(n) {
+  const {
+    children: r,
+    items: e
+  } = n, i = o.useMemo(() => ({
+    items: e
+  }), [e]);
+  return /* @__PURE__ */ c.jsx(t.Provider, {
+    value: i,
+    children: r
+  });
+}
 export {
-  n as useGroupCollectionContext
+  s as GroupCollectionProvider,
+  l as useGroupCollectionContext
 };

@@ -0,0 +1,34 @@
+import * as r from "react";
+import { useRenderElement as u } from "../../utils/useRenderElement.js";
+import { ComboboxGroupContext as c } from "./ComboboxGroupContext.js";
+import { GroupCollectionProvider as d } from "../collection/GroupCollectionContext.js";
+import { j as n } from "../../../../../../../../../_virtual/jsx-runtime.js";
+const b = /* @__PURE__ */ r.forwardRef(function(t, i) {
+  const {
+    render: x,
+    className: C,
+    items: o,
+    ...l
+  } = t, [e, s] = r.useState(), p = r.useMemo(() => ({
+    labelId: e,
+    setLabelId: s,
+    items: o
+  }), [e, s, o]), a = u("div", t, {
+    ref: i,
+    props: [{
+      role: "group",
+      "aria-labelledby": e
+    }, l]
+  }), m = /* @__PURE__ */ n.jsx(c.Provider, {
+    value: p,
+    children: a
+  });
+  return o ? /* @__PURE__ */ n.jsx(d, {
+    items: o,
+    children: m
+  }) : m;
+});
+process.env.NODE_ENV !== "production" && (b.displayName = "ComboboxGroup");
+export {
+  b as ComboboxGroup
+};

@@ -0,0 +1,13 @@
+import * as t from "react";
+const e = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (e.displayName = "ComboboxGroupContext");
+function n() {
+  const o = t.useContext(e);
+  if (o === void 0)
+    throw new Error("Base UI: ComboboxGroupContext is missing. ComboboxGroup parts must be placed within <Combobox.Group>.");
+  return o;
+}
+export {
+  e as ComboboxGroupContext,
+  n as useComboboxGroupContext
+};

@@ -0,0 +1,27 @@
+import * as n from "react";
+import { useIsoLayoutEffect as i } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/useIsoLayoutEffect.js";
+import { useBaseUiId as p } from "../../utils/useBaseUiId.js";
+import { useComboboxGroupContext as u } from "../group/ComboboxGroupContext.js";
+import { useRenderElement as a } from "../../utils/useRenderElement.js";
+const d = /* @__PURE__ */ n.forwardRef(function(r, t) {
+  const {
+    render: b,
+    className: c,
+    id: m,
+    ...s
+  } = r, {
+    setLabelId: o
+  } = u(), e = p(m);
+  return i(() => (o(e), () => {
+    o(void 0);
+  }), [e, o]), a("div", r, {
+    ref: t,
+    props: [{
+      id: e
+    }, s]
+  });
+});
+process.env.NODE_ENV !== "production" && (d.displayName = "ComboboxGroupLabel");
+export {
+  d as ComboboxGroupLabel
+};

@@ -0,0 +1,20 @@
+import * as n from "react";
+import { useRenderElement as t } from "../../utils/useRenderElement.js";
+const m = /* @__PURE__ */ n.forwardRef(function(e, o) {
+  const {
+    className: c,
+    render: a,
+    ...r
+  } = e;
+  return t("span", e, {
+    ref: o,
+    props: [{
+      "aria-hidden": !0,
+      children: "▼"
+    }, r]
+  });
+});
+process.env.NODE_ENV !== "production" && (m.displayName = "ComboboxIcon");
+export {
+  m as ComboboxIcon
+};

@@ -0,0 +1,52 @@
+import { ComboboxRoot as m } from "./root/ComboboxRoot.js";
+import { ComboboxValue as b } from "./value/ComboboxValue.js";
+import { ComboboxInput as x } from "./input/ComboboxInput.js";
+import { ComboboxTrigger as a } from "./trigger/ComboboxTrigger.js";
+import { ComboboxList as C } from "./list/ComboboxList.js";
+import { ComboboxStatus as i } from "./status/ComboboxStatus.js";
+import { ComboboxPortal as u } from "./portal/ComboboxPortal.js";
+import { ComboboxBackdrop as I } from "./backdrop/ComboboxBackdrop.js";
+import { ComboboxPositioner as h } from "./positioner/ComboboxPositioner.js";
+import { ComboboxPopup as R } from "./popup/ComboboxPopup.js";
+import { ComboboxArrow as g } from "./arrow/ComboboxArrow.js";
+import { ComboboxIcon as G } from "./icon/ComboboxIcon.js";
+import { ComboboxGroup as S } from "./group/ComboboxGroup.js";
+import { ComboboxGroupLabel as v } from "./group-label/ComboboxGroupLabel.js";
+import { ComboboxItem as A } from "./item/ComboboxItem.js";
+import { ComboboxItemIndicator as E } from "./item-indicator/ComboboxItemIndicator.js";
+import { ComboboxChips as T } from "./chips/ComboboxChips.js";
+import { ComboboxChip as j } from "./chip/ComboboxChip.js";
+import { ComboboxChipRemove as z } from "./chip-remove/ComboboxChipRemove.js";
+import { ComboboxRow as H } from "./row/ComboboxRow.js";
+import { ComboboxCollection as K } from "./collection/ComboboxCollection.js";
+import { ComboboxEmpty as N } from "./empty/ComboboxEmpty.js";
+import { ComboboxClear as Q } from "./clear/ComboboxClear.js";
+import { useComboboxFilter as W } from "./root/utils/useFilter.js";
+import { Separator as Y } from "../separator/Separator.js";
+export {
+  g as Arrow,
+  I as Backdrop,
+  j as Chip,
+  z as ChipRemove,
+  T as Chips,
+  Q as Clear,
+  K as Collection,
+  N as Empty,
+  S as Group,
+  v as GroupLabel,
+  G as Icon,
+  x as Input,
+  A as Item,
+  E as ItemIndicator,
+  C as List,
+  R as Popup,
+  u as Portal,
+  h as Positioner,
+  m as Root,
+  H as Row,
+  Y as Separator,
+  i as Status,
+  a as Trigger,
+  b as Value,
+  W as useFilter
+};

@@ -21,18 +21,18 @@ import { useCoreFilter as sn } from "./utils/useFilter.js";
 import { useTransitionStatus as un } from "../../utils/useTransitionStatus.js";
 import { useOpenInteractionType as an } from "../../utils/useOpenInteractionType.js";
 import { useValueChanged as Qe } from "./utils/useValueChanged.js";
-import { stringifyAsLabel as oe, isGroupedItems as cn, stringifyAsValue as We } from "../../utils/resolveValueLabel.js";
+import { isGroupedItems as cn, stringifyAsLabel as oe, stringifyAsValue as We } from "../../utils/resolveValueLabel.js";
 import { defaultItemEquality as fn, itemIncludes as Ye, findItemIndex as pt } from "../../utils/itemEquality.js";
 import { j as k } from "../../../../../../../../../_virtual/jsx-runtime.js";
 import { EMPTY_ARRAY as Ce, NOOP as w } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/empty.js";
-import { Store as dn } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/store/Store.js";
 import { useStore as j } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/store/useStore.js";
-import { useFloatingRootContext as pn } from "../../floating-ui-react/hooks/useFloatingRootContext.js";
-import { useClick as mn } from "../../floating-ui-react/hooks/useClick.js";
-import { useDismiss as gn } from "../../floating-ui-react/hooks/useDismiss.js";
-import { useListNavigation as In } from "../../floating-ui-react/hooks/useListNavigation.js";
-import { useTypeahead as hn } from "../../floating-ui-react/hooks/useTypeahead.js";
-import { useInteractions as Cn } from "../../floating-ui-react/hooks/useInteractions.js";
+import { useFloatingRootContext as dn } from "../../floating-ui-react/hooks/useFloatingRootContext.js";
+import { useClick as pn } from "../../floating-ui-react/hooks/useClick.js";
+import { useDismiss as mn } from "../../floating-ui-react/hooks/useDismiss.js";
+import { useListNavigation as gn } from "../../floating-ui-react/hooks/useListNavigation.js";
+import { useTypeahead as In } from "../../floating-ui-react/hooks/useTypeahead.js";
+import { useInteractions as hn } from "../../floating-ui-react/hooks/useInteractions.js";
+import { Store as Cn } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/store/Store.js";
 import { getTarget as mt, contains as Be } from "../../floating-ui-react/utils/element.js";
 function nr(C) {
   const {
@@ -136,7 +136,7 @@ function nr(C) {
       de(t, c, f) && e.push(t);
     }
     return e;
-  }, [u, q, c, de, P, f, v]), b = o.useMemo(() => P ? K.flatMap((t) => t.items) : K, [K, P]), Ze = u !== void 0, me = o.useRef([]), Ae = o.useRef([]), Fe = o.useRef(null), m = o.useRef(null), $e = o.useRef(!0), et = o.useRef(!1), tt = o.useRef(null), nt = o.useRef(null), Oe = o.useRef(null), G = o.useRef([]), rt = o.useRef([]), l = ft(() => new dn({
+  }, [u, q, c, de, P, f, v]), b = o.useMemo(() => P ? K.flatMap((t) => t.items) : K, [K, P]), Ze = u !== void 0, me = o.useRef([]), Ae = o.useRef([]), Fe = o.useRef(null), m = o.useRef(null), $e = o.useRef(!0), et = o.useRef(!1), tt = o.useRef(null), nt = o.useRef(null), Oe = o.useRef(null), G = o.useRef([]), rt = o.useRef([]), l = ft(() => new Cn({
     id: A,
     selectedValue: r,
     inputValue: d,
@@ -356,7 +356,7 @@ function nr(C) {
       activeIndex: null
     });
   }, [Ze, E, b.length, g]);
-  const ne = pn({
+  const ne = dn({
     open: $ ? !0 : a,
     onOpenChange: te,
     elements: {
@@ -379,14 +379,14 @@ function nr(C) {
         role: "presentation"
       }
     };
-  }, [Z, a, He, qe, Q == null ? void 0 : Q.id, Ke]), jt = mn(ne, {
+  }, [Z, a, He, qe, Q == null ? void 0 : Q.id, Ke]), jt = pn(ne, {
     enabled: !S && !F && se,
     event: "mousedown-only",
     toggle: !1,
     // Apply a small delay for touch to let iOS viewport centering settle.
     // This avoids top-bottom flip flickers if the preferred position is "top" when first tapping.
     touchOpenDelay: Ie ? 0 : 50
-  }), qt = gn(ne, {
+  }), qt = mn(ne, {
     enabled: !S && !F,
     outsidePressEvent: {
       mouse: "sloppy",
@@ -401,7 +401,7 @@ function nr(C) {
       const t = mt(e);
       return !Be(W, t) && !Be(nt.current, t) && !Be(tt.current, t);
     }
-  }), Ht = In(ne, {
+  }), Ht = gn(ne, {
     enabled: !S && !F,
     id: A,
     listRef: me,
@@ -428,7 +428,7 @@ function nr(C) {
     }
   }), {
     reference: Le
-  } = hn(ne, {
+  } = In(ne, {
     enabled: !a && !S && !F && i === "single",
     listRef: Ae,
     activeIndex: ge,
@@ -441,7 +441,7 @@ function nr(C) {
     getReferenceProps: Ne,
     getFloatingProps: Ue,
     getItemProps: ze
-  } = Cn([wt, jt, qt, Ht]);
+  } = hn([wt, jt, qt, Ht]);
   Wt(() => {
     l.apply({
       popupProps: Ue(),

@@ -1,15 +1,16 @@
-import "react";
-const a = /* @__PURE__ */ new Map();
-function g(i = {}) {
+import * as a from "react";
+import { createCollatorItemFilter as f, createSingleSelectionCollatorFilter as g } from "./index.js";
+const u = /* @__PURE__ */ new Map();
+function h(i = {}) {
   const o = {
     usage: "search",
     sensitivity: "base",
     ignorePunctuation: !0,
     ...i
-  }, s = JSON.stringify(o), l = a.get(s);
-  if (l)
-    return l;
-  const r = new Intl.Collator(i.locale, o), c = {
+  }, l = JSON.stringify(o), c = u.get(l);
+  if (c)
+    return c;
+  const r = new Intl.Collator(i.locale, o), s = {
     contains(e, t) {
       if (!t)
         return !0;
@@ -28,9 +29,22 @@ function g(i = {}) {
       return e.length >= n && r.compare(e.slice(e.length - n), t) === 0;
     }
   };
-  return a.set(s, c), c;
+  return u.set(l, s), s;
+}
+const m = h;
+function C(i = {}) {
+  const {
+    multiple: o = !1,
+    value: l,
+    ...c
+  } = i, r = h(c), s = a.useCallback((e, t, n) => o ? f(r, n)(e, t) : g(r, n, l)(e, t), [r, l, o]);
+  return a.useMemo(() => ({
+    contains: s,
+    startsWith: r.startsWith,
+    endsWith: r.endsWith
+  }), [s, r]);
 }
-const u = g;
 export {
-  u as useCoreFilter
+  C as useComboboxFilter,
+  m as useCoreFilter
 };

@@ -0,0 +1,24 @@
+import * as m from "react";
+import { useRenderElement as s } from "../../utils/useRenderElement.js";
+import { ComboboxRowContext as n } from "./ComboboxRowContext.js";
+import { j as i } from "../../../../../../../../../_virtual/jsx-runtime.js";
+const p = /* @__PURE__ */ m.forwardRef(function(o, e) {
+  const {
+    render: f,
+    className: x,
+    ...r
+  } = o, t = s("div", o, {
+    ref: e,
+    props: [{
+      role: "row"
+    }, r]
+  });
+  return /* @__PURE__ */ i.jsx(n.Provider, {
+    value: !0,
+    children: t
+  });
+});
+process.env.NODE_ENV !== "production" && (p.displayName = "ComboboxRow");
+export {
+  p as ComboboxRow
+};

package/dist/tw-styles/dropdown.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../src/tw-styles/dropdown.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,wQAC0O,CAAC;AAExQ,eAAO,MAAM,iBAAiB,6mBAC8kB,CAAC;AAE7mB,eAAO,MAAM,sBAAsB,sBAAsB,CAAC;~~AAI1D~~,eAAO,MAAM,eAAe;;;mFAmB3B,CAAC"}
1	+ {"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../src/tw-styles/dropdown.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,wQAC0O,CAAC;AAExQ,eAAO,MAAM,iBAAiB,6mBAC8kB,CAAC;AAE7mB,eAAO,MAAM,sBAAsB,sBAAsB,CAAC;AAE1D,eAAO,MAAM,eAAe;;;mFAmB3B,CAAC"}

package/dist/tw-styles/dropdown.js CHANGED Viewed

@@ -1,11 +1,11 @@
 import { cva as t } from "../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
-const e = "gap-2 py-2 pr-8 pl-4 text-ppx-sm flex cursor-default items-center outline-none select-none not-data-disabled:data-highlighted:bg-ppx-primary-b-1 data-selected:bg-ppx-primary-1! data-checked:bg-ppx-primary-1! text-ppx-foreground my-0.5 data-disabled:opacity-50", i = "rounded-ppx-s shadow-xs max-h-[var(--available-height)] origin-[var(--transform-origin)] overflow-y-auto bg-ppx-background bg-clip-padding shadow-ppx-neutral-5 outline-1 outline-ppx-neutral-5 transition-[transform,scale,opacity] data-[ending-style]:scale-90 data-[ending-style]:opacity-0 data-[side=none]:data-[ending-style]:transition-none data-[starting-style]:scale-90 data-[starting-style]:opacity-0 data-[side=none]:data-[starting-style]:scale-100 data-[side=none]:data-[starting-style]:opacity-100 data-[side=none]:data-[starting-style]:transition-none group  max-w-[var(--available-width)] text-ppx-foreground", n = "z-10 outline-none", r = t(
-  "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",
+const e = "gap-2 py-2 pr-8 pl-4 text-ppx-sm flex cursor-default items-center outline-none select-none not-data-disabled:data-highlighted:bg-ppx-primary-b-1 data-selected:bg-ppx-primary-1! data-checked:bg-ppx-primary-1! text-ppx-foreground my-0.5 data-disabled:opacity-50", n = "rounded-ppx-s shadow-xs max-h-[var(--available-height)] origin-[var(--transform-origin)] overflow-y-auto bg-ppx-background bg-clip-padding shadow-ppx-neutral-5 outline-1 outline-ppx-neutral-5 transition-[transform,scale,opacity] data-[ending-style]:scale-90 data-[ending-style]:opacity-0 data-[side=none]:data-[ending-style]:transition-none data-[starting-style]:scale-90 data-[starting-style]:opacity-0 data-[side=none]:data-[starting-style]:scale-100 data-[side=none]:data-[starting-style]:opacity-100 data-[side=none]:data-[starting-style]:transition-none group  max-w-[var(--available-width)] text-ppx-foreground", i = "z-10 outline-none", r = t(
+  "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 data-popup-open:brightness-97",
   {
     variants: {
       size: {
-        default: "rounded-input h-input",
-        sm: "rounded-input-s h-input-s"
+        default: "rounded-input min-h-input h-input",
+        sm: "rounded-input-s min-h-input-s h-input-s"
       },
       widthVariant: {
         enforced: "min-w-input w-[var(--min-width-input)]",
@@ -21,7 +21,7 @@ const e = "gap-2 py-2 pr-8 pl-4 text-ppx-sm flex cursor-default items-center out
 );
 export {
   e as DROPDOWN_ITEM_CN,
-  i as DROPDOWN_POPUP_CN,
-  n as DROPDOWN_POSITIONER_CN,
+  n as DROPDOWN_POPUP_CN,
+  i as DROPDOWN_POSITIONER_CN,
   r as triggerVariants
 };

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@px-ui/core",
-  "version": "1.27.0",
+  "version": "1.29.0",
   "description": "A modern React component library built with Tailwind CSS",
   "type": "module",
   "module": "./dist/index.js",
@@ -145,7 +145,8 @@
   },
   "peerDependencies": {
     "react": ">=16.8.0",
-    "react-dom": ">=16.8.0"
+    "react-dom": ">=16.8.0",
+    "@tanstack/react-query": ">=5.0.0"
   },
   "dependencies": {
     "@base-ui-components/react": "1.0.0-beta.4",

package/dist/components/text-input.d.ts DELETED Viewed

@@ -1,12 +0,0 @@
-import { Input as BaseInput } from '@base-ui-components/react';
-import * as React from "react";
-interface InputProps extends Omit<React.ComponentProps<typeof BaseInput>, "size"> {
-    size?: "default" | "sm";
-    inputContainerClassName?: string;
-    leadingIcon?: React.ReactNode;
-    trailingIcon?: React.ReactNode;
-    invalid?: boolean;
-}
-export declare function TextInput({ inputContainerClassName, className, type, leadingIcon, trailingIcon, size, invalid, ...rest }: InputProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=text-input.d.ts.map

package/dist/components/text-input.d.ts.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"text-input.d.ts","sourceRoot":"","sources":["../../src/components/text-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAE/D,UAAU,UACR,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5D,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,SAAS,CAAC,EACxB,uBAAuB,EACvB,SAAS,EACT,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,IAAgB,EAChB,OAAO,EACP,GAAG,IAAI,EACR,EAAE,UAAU,2CAwCZ"}

package/dist/components/text-input.js DELETED Viewed

@@ -1,60 +0,0 @@
-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
-};