npm - @px-ui/core - Versions diffs - 1.22.0 → 1.24.0 - Mend

@px-ui/core 1.22.0 → 1.24.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 (38) hide show

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/tabs/list/TabsList.js ADDED Viewed

@@ -0,0 +1,130 @@
+import * as l from "react";
+import { useEventCallback as N } 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/useEventCallback.js";
+import { useIsoLayoutEffect 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/useIsoLayoutEffect.js";
+import { CompositeRoot as y } from "../../composite/root/CompositeRoot.js";
+import { tabsStateAttributesMapping as L } from "../root/stateAttributesMapping.js";
+import { useTabsRootContext as P } from "../root/TabsRootContext.js";
+import { TabsListContext as z } from "./TabsListContext.js";
+import { j as x } from "../../../../../../../../../_virtual/jsx-runtime.js";
+const B = [], H = /* @__PURE__ */ l.forwardRef(function(o, r) {
+  const {
+    activateOnFocus: i = !0,
+    className: t,
+    loop: n = !0,
+    render: s,
+    ...e
+  } = o, {
+    getTabElementBySelectedValue: u,
+    onValueChange: A,
+    orientation: a,
+    value: f,
+    setTabMap: T,
+    tabActivationDirection: h
+  } = P(), [d, m] = l.useState(0), p = l.useRef(null), E = S(
+    f,
+    // the old value
+    a,
+    p,
+    u
+  ), v = N((g, b) => {
+    if (g !== f) {
+      const D = E(g);
+      b.activationDirection = D, A(g, b);
+    }
+  }), I = l.useMemo(() => ({
+    orientation: a,
+    tabActivationDirection: h
+  }), [a, h]), M = {
+    "aria-orientation": a === "vertical" ? "vertical" : void 0,
+    role: "tablist"
+  }, R = l.useMemo(() => ({
+    activateOnFocus: i,
+    highlightedTabIndex: d,
+    onTabActivation: v,
+    setHighlightedTabIndex: m,
+    tabsListRef: p,
+    value: f
+  }), [i, d, v, m, p, f]);
+  return /* @__PURE__ */ x.jsx(z.Provider, {
+    value: R,
+    children: /* @__PURE__ */ x.jsx(y, {
+      render: s,
+      className: t,
+      state: I,
+      refs: [r, p],
+      props: [M, e],
+      stateAttributesMapping: L,
+      highlightedIndex: d,
+      enableHomeAndEndKeys: !0,
+      loop: n,
+      orientation: a,
+      onHighlightedIndexChange: m,
+      onMapChange: T,
+      disabledIndices: B
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (H.displayName = "TabsList");
+function C(c, o) {
+  const {
+    left: r,
+    top: i
+  } = c.getBoundingClientRect(), {
+    left: t,
+    top: n
+  } = o.getBoundingClientRect(), s = r - t, e = i - n;
+  return {
+    left: s,
+    top: e
+  };
+}
+function S(c, o, r, i) {
+  const t = l.useRef(null);
+  return j(() => {
+    if (c == null || r.current == null) {
+      t.current = null;
+      return;
+    }
+    const n = i(c);
+    if (n == null) {
+      t.current = null;
+      return;
+    }
+    const {
+      left: s,
+      top: e
+    } = C(n, r.current);
+    t.current = o === "horizontal" ? s : e;
+  }, [o, i, r, c]), l.useCallback((n) => {
+    if (n === c)
+      return "none";
+    if (n == null)
+      return t.current = null, "none";
+    if (n != null && r.current != null) {
+      const s = i(n);
+      if (s != null) {
+        const {
+          left: e,
+          top: u
+        } = C(s, r.current);
+        if (t.current == null)
+          return t.current = o === "horizontal" ? e : u, "none";
+        if (o === "horizontal") {
+          if (e < t.current)
+            return t.current = e, "left";
+          if (e > t.current)
+            return t.current = e, "right";
+        } else {
+          if (u < t.current)
+            return t.current = u, "up";
+          if (u > t.current)
+            return t.current = u, "down";
+        }
+      }
+    }
+    return "none";
+  }, [i, o, t, r, c]);
+}
+export {
+  H as TabsList
+};

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/tabs/list/TabsListContext.js ADDED Viewed

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

@@ -0,0 +1,53 @@
+import * as n from "react";
+import { useBaseUiId as I } from "../../utils/useBaseUiId.js";
+import { useRenderElement as T } from "../../utils/useRenderElement.js";
+import { useCompositeListItem as x } from "../../composite/list/useCompositeListItem.js";
+import { tabsStateAttributesMapping as M } from "../root/stateAttributesMapping.js";
+import { useTabsRootContext as R } from "../root/TabsRootContext.js";
+import { TabsPanelDataAttributes as V } from "./TabsPanelDataAttributes.js";
+const g = /* @__PURE__ */ n.forwardRef(function(r, d) {
+  const {
+    children: m,
+    className: N,
+    value: e,
+    render: h,
+    keepMounted: u = !1,
+    ...c
+  } = r, {
+    value: p,
+    getTabIdByPanelValueOrIndex: s,
+    orientation: i,
+    tabActivationDirection: l
+  } = R(), o = I(), b = n.useMemo(() => ({
+    id: o,
+    value: e
+  }), [o, e]), {
+    ref: f,
+    index: a
+  } = x({
+    metadata: b
+  }), t = (e ?? a) !== p, P = n.useMemo(() => s(e, a), [s, a, e]), v = n.useMemo(() => ({
+    hidden: t,
+    orientation: i,
+    tabActivationDirection: l
+  }), [t, i, l]);
+  return T("div", r, {
+    state: v,
+    ref: [d, f],
+    props: [{
+      "aria-labelledby": P,
+      hidden: t,
+      id: o ?? void 0,
+      role: "tabpanel",
+      tabIndex: t ? -1 : 0,
+      [V.index]: a
+    }, c, {
+      children: t && !u ? void 0 : m
+    }],
+    stateAttributesMapping: M
+  });
+});
+process.env.NODE_ENV !== "production" && (g.displayName = "TabsPanel");
+export {
+  g as TabsPanel
+};

@@ -0,0 +1,6 @@
+let n = /* @__PURE__ */ function(i) {
+  return i.index = "data-index", i.activationDirection = "data-activation-direction", i.orientation = "data-orientation", i.hidden = "data-hidden", i;
+}({});
+export {
+  n as TabsPanelDataAttributes
+};

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/tabs/root/TabsRoot.js ADDED Viewed

@@ -0,0 +1,76 @@
+import * as r from "react";
+import { useControlled 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/useControlled.js";
+import { useEventCallback as N } 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/useEventCallback.js";
+import { useRenderElement as a } from "../../utils/useRenderElement.js";
+import { CompositeList as B } from "../../composite/list/CompositeList.js";
+import { useDirection as D } from "../../direction-provider/DirectionContext.js";
+import { TabsRootContext as O } from "./TabsRootContext.js";
+import { tabsStateAttributesMapping as w } from "./stateAttributesMapping.js";
+import { j as R } from "../../../../../../../../../_virtual/jsx-runtime.js";
+const z = /* @__PURE__ */ r.forwardRef(function(f, x) {
+  const {
+    className: _,
+    defaultValue: g = 0,
+    onValueChange: s,
+    orientation: t = "horizontal",
+    render: q,
+    value: E,
+    ...h
+  } = f, c = D(), S = r.useRef([]), [l, b] = I({
+    controlled: E,
+    default: g,
+    name: "Tabs",
+    state: "value"
+  }), [d, j] = r.useState(() => /* @__PURE__ */ new Map()), [i, m] = r.useState(() => /* @__PURE__ */ new Map()), [u, k] = r.useState("none"), p = N((n, o) => {
+    s == null || s(n, o), !o.isCanceled && (b(n), k(o.activationDirection));
+  }), v = r.useCallback((n, o) => {
+    if (!(n === void 0 && o < 0)) {
+      for (const e of d.values())
+        if (n !== void 0 && e && n === (e == null ? void 0 : e.value) || n === void 0 && (e != null && e.index) && (e == null ? void 0 : e.index) === o)
+          return e.id;
+    }
+  }, [d]), T = r.useCallback((n, o) => {
+    if (!(n === void 0 && o < 0)) {
+      for (const e of i.values())
+        if (n !== void 0 && o > -1 && n === ((e == null ? void 0 : e.value) ?? (e == null ? void 0 : e.index) ?? void 0) || n === void 0 && o > -1 && o === ((e == null ? void 0 : e.value) ?? (e == null ? void 0 : e.index) ?? void 0))
+          return e == null ? void 0 : e.id;
+    }
+  }, [i]), C = r.useCallback((n) => {
+    if (n === void 0)
+      return null;
+    for (const [o, e] of i.entries())
+      if (e != null && n === (e.value ?? e.index))
+        return o;
+    return null;
+  }, [i]), y = r.useMemo(() => ({
+    direction: c,
+    getTabElementBySelectedValue: C,
+    getTabIdByPanelValueOrIndex: T,
+    getTabPanelIdByTabValueOrIndex: v,
+    onValueChange: p,
+    orientation: t,
+    setTabMap: m,
+    tabActivationDirection: u,
+    value: l
+  }), [c, C, T, v, p, t, m, u, l]), A = a("div", f, {
+    state: {
+      orientation: t,
+      tabActivationDirection: u
+    },
+    ref: x,
+    props: h,
+    stateAttributesMapping: w
+  });
+  return /* @__PURE__ */ R.jsx(O.Provider, {
+    value: y,
+    children: /* @__PURE__ */ R.jsx(B, {
+      elementsRef: S,
+      onMapChange: j,
+      children: A
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (z.displayName = "TabsRoot");
+export {
+  z as TabsRoot
+};

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

@@ -0,0 +1,6 @@
+let n = /* @__PURE__ */ function(i) {
+  return i.activationDirection = "data-activation-direction", i.orientation = "data-orientation", i;
+}({});
+export {
+  n as TabsRootDataAttributes
+};

@@ -0,0 +1,9 @@
+import { TabsRootDataAttributes as i } from "./TabsRootDataAttributes.js";
+const o = {
+  tabActivationDirection: (t) => ({
+    [i.activationDirection]: t
+  })
+};
+export {
+  o as tabsStateAttributesMapping
+};

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/tabs/tab/TabsTab.js ADDED Viewed

@@ -0,0 +1,108 @@
+import * as a from "react";
+import { ownerDocument as g } 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/owner.js";
+import { useEventCallback as d } 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/useEventCallback.js";
+import { useIsoLayoutEffect as F } 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 U } from "../../utils/useBaseUiId.js";
+import { useRenderElement as H } from "../../utils/useRenderElement.js";
+import { ACTIVE_COMPOSITE_ITEM as K } from "../../composite/constants.js";
+import { useCompositeItem as S } from "../../composite/item/useCompositeItem.js";
+import { useTabsRootContext as W } from "../root/TabsRootContext.js";
+import { useTabsListContext as j } from "../list/TabsListContext.js";
+import { createChangeEventDetails as I } from "../../utils/createBaseUIEventDetails.js";
+import { useButton as q } from "../../use-button/useButton.js";
+import { activeElement as z, contains as G } from "../../floating-ui-react/utils/element.js";
+const J = /* @__PURE__ */ a.forwardRef(function(p, P) {
+  const {
+    className: X,
+    disabled: n = !1,
+    render: Y,
+    value: r,
+    id: C,
+    nativeButton: h = !0,
+    ...D
+  } = p, {
+    value: u,
+    getTabPanelIdByTabValueOrIndex: x,
+    orientation: b
+  } = W(), {
+    activateOnFocus: M,
+    highlightedTabIndex: v,
+    onTabActivation: T,
+    setHighlightedTabIndex: c,
+    tabsListRef: E
+  } = j(), f = U(C), B = a.useMemo(() => ({
+    disabled: n,
+    id: f,
+    value: r
+  }), [n, f, r]), {
+    compositeProps: N,
+    compositeRef: O,
+    index: e
+    // hook is used instead of the CompositeItem component
+    // because the index is needed for Tab internals
+  } = S({
+    metadata: B
+  }), R = r ?? e, o = a.useMemo(() => r === void 0 ? e < 0 ? !1 : e === u : r === u, [e, u, r]), l = a.useRef(!1);
+  F(() => {
+    if (l.current) {
+      l.current = !1;
+      return;
+    }
+    if (!(o && e > -1 && v !== e))
+      return;
+    const t = E.current, i = z(g(t));
+    t && i && G(t, i) || c(e);
+  }, [o, e, v, c, n, E]);
+  const {
+    getButtonProps: V,
+    buttonRef: w
+  } = q({
+    disabled: n,
+    native: h,
+    focusableWhenDisabled: !0
+  }), y = e > -1 ? x(r, e) : void 0, s = a.useRef(!1), m = a.useRef(!1), L = d((t) => {
+    o || n || T(R, I("none", t.nativeEvent, {
+      activationDirection: "none"
+    }));
+  }), _ = d((t) => {
+    o || (e > -1 && c(e), !n && (M && !s.current || // keyboard or touch focus
+    s.current && m.current) && T(R, I("none", t.nativeEvent, {
+      activationDirection: "none"
+    })));
+  }), k = d((t) => {
+    if (o || n)
+      return;
+    s.current = !0;
+    function i() {
+      s.current = !1, m.current = !1;
+    }
+    (!t.button || t.button === 0) && (m.current = !0, g(t.currentTarget).addEventListener("pointerup", i, {
+      once: !0
+    }));
+  }), A = a.useMemo(() => ({
+    disabled: n,
+    selected: o,
+    orientation: b
+  }), [n, o, b]);
+  return H("button", p, {
+    state: A,
+    ref: [P, w, O],
+    props: [N, {
+      role: "tab",
+      "aria-controls": y,
+      "aria-selected": o,
+      id: f,
+      onClick: L,
+      onFocus: _,
+      onPointerDown: k,
+      [K]: o ? "" : void 0,
+      onKeyDownCapture() {
+        l.current = !0;
+      }
+    }, D, V]
+  });
+});
+process.env.NODE_ENV !== "production" && (J.displayName = "TabsTab");
+export {
+  J as TabsTab
+};

@@ -1,7 +1,7 @@
-import { EMPTY_OBJECT as a } 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";
-function l(t, n, r) {
-  let e = !1, o = !1;
-  const c = a;
+import { EMPTY_OBJECT as o } 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";
+function i(t, n, r) {
+  let e = !1, a = !1;
+  const l = r ?? o;
   return {
     reason: t,
     event: n ?? new Event("base-ui"),
@@ -9,19 +9,19 @@ function l(t, n, r) {
       e = !0;
     },
     allowPropagation() {
-      o = !0;
+      a = !0;
     },
     get isCanceled() {
       return e;
     },
     get isPropagationAllowed() {
-      return o;
+      return a;
     },
-    ...c
+    ...l
   };
 }
 function s(t, n, r) {
-  const e = r ?? a;
+  const e = r ?? o;
   return {
     reason: t,
     event: n ?? new Event("base-ui"),
@@ -29,6 +29,6 @@ function s(t, n, r) {
   };
 }
 export {
-  l as createChangeEventDetails,
+  i as createChangeEventDetails,
   s as createGenericEventDetails
 };

package/dist/node_modules/.pnpm/@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/generateId.js ADDED Viewed

@@ -0,0 +1,7 @@
+let t = 0;
+function n(e) {
+  return t += 1, `${e}-${Math.random().toString(36).slice(2, 6)}-${t}`;
+}
+export {
+  n as generateId
+};

package/dist/node_modules/.pnpm/@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/useForcedRerendering.js ADDED Viewed

@@ -0,0 +1,10 @@
+import * as e from "react";
+function r() {
+  const [, t] = e.useState({});
+  return e.useCallback(() => {
+    t({});
+  }, []);
+}
+export {
+  r as useForcedRerendering
+};

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@px-ui/core",
-  "version": "1.22.0",
+  "version": "1.24.0",
   "description": "A modern React component library built with Tailwind CSS",
   "type": "module",
   "module": "./dist/index.js",
@@ -15,9 +15,101 @@
       "import": "./dist/index.js"
     },
     "./styles": "./dist/core.css",
-    "./components/*": {
-      "types": "./dist/components/*.d.ts",
-      "import": "./dist/components/*.js"
+    "./button": {
+      "types": "./dist/components/button.d.ts",
+      "import": "./dist/components/button.js"
+    },
+    "./checkbox": {
+      "types": "./dist/components/checkbox.d.ts",
+      "import": "./dist/components/checkbox.js"
+    },
+    "./label": {
+      "types": "./dist/components/label.d.ts",
+      "import": "./dist/components/label.js"
+    },
+    "./text-input": {
+      "types": "./dist/components/text-input.d.ts",
+      "import": "./dist/components/text-input.js"
+    },
+    "./input": {
+      "types": "./dist/components/input.d.ts",
+      "import": "./dist/components/input.js"
+    },
+    "./input-group": {
+      "types": "./dist/components/input-group.d.ts",
+      "import": "./dist/components/input-group.js"
+    },
+    "./textarea": {
+      "types": "./dist/components/textarea.d.ts",
+      "import": "./dist/components/textarea.js"
+    },
+    "./avatar": {
+      "types": "./dist/components/avatar.d.ts",
+      "import": "./dist/components/avatar.js"
+    },
+    "./avatar-group": {
+      "types": "./dist/components/avatar-group.d.ts",
+      "import": "./dist/components/avatar-group.js"
+    },
+    "./user-avatar": {
+      "types": "./dist/components/user-avatar.d.ts",
+      "import": "./dist/components/user-avatar.js"
+    },
+    "./segmented-control": {
+      "types": "./dist/components/segmented-control.d.ts",
+      "import": "./dist/components/segmented-control.js"
+    },
+    "./dialog": {
+      "types": "./dist/components/dialog.d.ts",
+      "import": "./dist/components/dialog.js"
+    },
+    "./popover": {
+      "types": "./dist/components/popover.d.ts",
+      "import": "./dist/components/popover.js"
+    },
+    "./combobox": {
+      "types": "./dist/components/combobox.d.ts",
+      "import": "./dist/components/combobox.js"
+    },
+    "./select": {
+      "types": "./dist/components/select.d.ts",
+      "import": "./dist/components/select.js"
+    },
+    "./menu": {
+      "types": "./dist/components/menu.d.ts",
+      "import": "./dist/components/menu.js"
+    },
+    "./spinner": {
+      "types": "./dist/components/spinner.d.ts",
+      "import": "./dist/components/spinner.js"
+    },
+    "./switch": {
+      "types": "./dist/components/switch.d.ts",
+      "import": "./dist/components/switch.js"
+    },
+    "./tabs": {
+      "types": "./dist/components/tabs.d.ts",
+      "import": "./dist/components/tabs.js"
+    },
+    "./tooltip": {
+      "types": "./dist/components/tooltip.d.ts",
+      "import": "./dist/components/tooltip.js"
+    },
+    "./radio-group": {
+      "types": "./dist/components/radio-group.d.ts",
+      "import": "./dist/components/radio-group.js"
+    },
+    "./block-checkbox-group": {
+      "types": "./dist/components/block-checkbox-group.d.ts",
+      "import": "./dist/components/block-checkbox-group.js"
+    },
+    "./block-radio-group": {
+      "types": "./dist/components/block-radio-group.d.ts",
+      "import": "./dist/components/block-radio-group.js"
+    },
+    "./utils": {
+      "types": "./dist/utils/index.d.ts",
+      "import": "./dist/utils/index.js"
     }
   },
   "files": [
@@ -48,7 +140,6 @@
     "access": "public"
   },
   "peerDependencies": {
-    "classnames": ">2.0.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
@@ -56,7 +147,8 @@
     "@base-ui-components/react": "1.0.0-beta.4",
     "class-variance-authority": "^0.7.1",
     "tailwind-merge": "3.2.0",
-    "tw-animate-css": "^1.3.4"
+    "tw-animate-css": "^1.3.4",
+    "classnames": ">2.0.0"
   },
   "devDependencies": {
     "@tanstack/react-query": "^5.90.1",