@px-ui/core 1.22.0 → 1.24.0

package/dist/index.d.ts

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

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -1,30 +1,57 @@
 /* empty css          */
 import * as r from "./components/dialog.js";
 import * as t from "./components/popover.js";
-import * as e from "./components/combobox.js";
-import * as p from "./components/select.js";
+import * as p from "./components/combobox.js";
+import * as e from "./components/select.js";
 import * as m from "./components/menu.js";
-import { Button as f, buttonVariants as s } from "./components/button.js";
-import { Checkbox as b } from "./components/checkbox.js";
-import { Label as n } from "./components/label.js";
-import { TextInput as v } from "./components/text-input.js";
-import { Avatar as A, AvatarImpl as I } from "./components/avatar.js";
-import { AvatarGroup as C } from "./components/avatar-group.js";
-import { Item as h, Root as k } from "./components/segmented-control.js";
+import * as a from "./components/input-group.js";
+import * as s from "./components/segmented-control.js";
+import * as x from "./components/tabs.js";
+import * as i from "./components/tooltip.js";
+import * as f from "./components/block-checkbox-group.js";
+import * as n from "./components/block-radio-group.js";
+import { Button as c, buttonVariants as l } from "./components/button.js";
+import { Checkbox as G } from "./components/checkbox.js";
+import { Label as v } from "./components/label.js";
+import { TextInput as I } from "./components/text-input.js";
+import { Input as h } from "./components/input.js";
+import { Textarea as R } from "./components/textarea.js";
+import { Avatar as T, AvatarImpl as B } from "./components/avatar.js";
+import { AvatarGroup as L } from "./components/avatar-group.js";
+import { Spinner as y } from "./components/spinner.js";
+import { Switch as M } from "./components/switch.js";
+import { RadioGroup as V, RadioGroupItem as j } from "./components/radio-group.js";
+import { defineLoadOptions as z, useAsyncOptions as E } from "./hooks/use-async-options.js";
+import { useIntersectionObserver as H } from "./hooks/use-intersection-observer.js";
+import { cn as K } from "./utils/classnames.js";
 export {
-  A as Avatar,
-  C as AvatarGroup,
-  I as AvatarImpl,
-  f as Button,
-  b as Checkbox,
-  e as Combobox,
+  T as Avatar,
+  L as AvatarGroup,
+  B as AvatarImpl,
+  f as BlockCheckboxGroup,
+  n as BlockRadioGroup,
+  c as Button,
+  G as Checkbox,
+  p as Combobox,
   r as Dialog,
-  h as Item,
-  n as Label,
+  h as Input,
+  a as InputGroup,
+  v as Label,
   m as Menu,
   t as Popover,
-  k as Root,
-  p as Select,
-  v as TextInput,
-  s as buttonVariants
+  V as RadioGroup,
+  j as RadioGroupItem,
+  s as SegmentedControl,
+  e as Select,
+  y as Spinner,
+  M as Switch,
+  x as Tabs,
+  I as TextInput,
+  R as Textarea,
+  i as Tooltip,
+  l as buttonVariants,
+  K as cn,
+  z as defineLoadOptions,
+  E as useAsyncOptions,
+  H 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/checkbox-group/CheckboxGroup.js

@@ -0,0 +1,82 @@
+import * as l from "react";
+import { useControlled 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/useControlled.js";
+import { useEventCallback as x } 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 { useBaseUiId as y } from "../utils/useBaseUiId.js";
+import { useRenderElement as A } from "../utils/useRenderElement.js";
+import { CheckboxGroupContext as F } from "./CheckboxGroupContext.js";
+import { useFieldRootContext as w } from "../field/root/FieldRootContext.js";
+import { fieldValidityMapping as B } from "../field/utils/constants.js";
+import { useField as I } from "../field/useField.js";
+import { useFieldControlValidation as O } from "../field/control/useFieldControlValidation.js";
+import { PARENT_CHECKBOX as U } from "../checkbox/root/CheckboxRoot.js";
+import { useCheckboxGroupParent as _ } from "./useCheckboxGroupParent.js";
+import { j as D } from "../../../../../../../../_virtual/jsx-runtime.js";
+const H = /* @__PURE__ */ l.forwardRef(function(d, V) {
+  const {
+    allValues: a,
+    className: S,
+    defaultValue: i,
+    disabled: R = !1,
+    id: h,
+    onValueChange: o,
+    render: T,
+    value: u,
+    ...k
+  } = d, {
+    disabled: v,
+    labelId: E,
+    name: m,
+    state: p
+  } = w(), t = v || R, s = O(), [r, G] = j({
+    controlled: u,
+    default: i,
+    name: "CheckboxGroup",
+    state: "value"
+  }), c = x((e, C) => {
+    o == null || o(e, C), !C.isCanceled && G(e);
+  }), f = _({
+    allValues: a,
+    value: u,
+    onValueChange: o
+  }), N = y(h), n = l.useRef(null), b = x((e) => {
+    n.current == null && e != null && !e.hasAttribute(U) && (n.current = e);
+  });
+  I({
+    enabled: !!m,
+    id: N,
+    commitValidation: s.commitValidation,
+    value: r,
+    controlRef: n,
+    name: m,
+    getValue: () => r
+  });
+  const P = l.useMemo(() => ({
+    ...p,
+    disabled: t
+  }), [p, t]), g = l.useMemo(() => ({
+    allValues: a,
+    value: r,
+    defaultValue: i,
+    setValue: c,
+    parent: f,
+    disabled: t,
+    fieldControlValidation: s,
+    registerControlRef: b
+  }), [a, r, i, c, f, t, s, b]), M = A("div", d, {
+    state: P,
+    ref: V,
+    props: [{
+      role: "group",
+      "aria-labelledby": E
+    }, k],
+    stateAttributesMapping: B
+  });
+  return /* @__PURE__ */ D.jsx(F.Provider, {
+    value: g,
+    children: M
+  });
+});
+process.env.NODE_ENV !== "production" && (H.displayName = "CheckboxGroup");
+export {
+  H as CheckboxGroup
+};

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/checkbox-group/useCheckboxGroupParent.js

@@ -0,0 +1,42 @@
+import * as a from "react";
+import { useEventCallback as b } 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 { useBaseUiId as R } from "../utils/useBaseUiId.js";
+const x = [];
+function M(O) {
+  const {
+    allValues: r = x,
+    value: e = x,
+    onValueChange: P
+  } = O, p = a.useRef(e), i = a.useRef(/* @__PURE__ */ new Map()), [f, h] = a.useState("mixed"), l = R(), C = e.length === r.length, d = e.length !== r.length && e.length > 0, n = b(P), m = a.useCallback(() => ({
+    id: l,
+    indeterminate: d,
+    checked: C,
+    "aria-controls": r.map((t) => `${l}-${t}`).join(" "),
+    onCheckedChange(t, s) {
+      const c = p.current, o = r.filter((u) => i.current.get(u) && c.includes(u)), g = r.filter((u) => !i.current.get(u) || i.current.get(u) && c.includes(u));
+      if (c.length === g.length || c.length === 0) {
+        e.length === g.length ? n(o, s) : n(g, s);
+        return;
+      }
+      f === "mixed" ? (n(g, s), h("on")) : f === "on" ? (n(o, s), h("off")) : f === "off" && (n(c, s), h("mixed"));
+    }
+  }), [r, C, l, d, n, f, e.length]), k = a.useCallback((t) => ({
+    name: t,
+    id: `${l}-${t}`,
+    checked: e.includes(t),
+    onCheckedChange(s, c) {
+      const o = e.slice();
+      s ? o.push(t) : o.splice(o.indexOf(t), 1), p.current = o, n(o, c), h("mixed");
+    }
+  }), [l, n, e]);
+  return a.useMemo(() => ({
+    id: l,
+    indeterminate: d,
+    getParentProps: m,
+    getChildProps: k,
+    disabledStatesRef: i
+  }), [l, d, m, k]);
+}
+export {
+  M as useCheckboxGroupParent
+};

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/radio/indicator/RadioIndicator.js

@@ -0,0 +1,37 @@
+import * as o from "react";
+import { useRenderElement as u } from "../../utils/useRenderElement.js";
+import { useRadioRootContext as l } from "../root/RadioRootContext.js";
+import { stateAttributesMapping as R } from "../utils/stateAttributesMapping.js";
+import { useOpenChangeComplete as C } from "../../utils/useOpenChangeComplete.js";
+import { useTransitionStatus as M } from "../../utils/useTransitionStatus.js";
+const N = /* @__PURE__ */ o.forwardRef(function(n, i) {
+  const {
+    render: E,
+    className: I,
+    keepMounted: d = !1,
+    ...c
+  } = n, t = l(), e = t.checked, {
+    transitionStatus: r,
+    setMounted: m
+  } = M(e), p = o.useMemo(() => ({
+    ...t,
+    transitionStatus: r
+  }), [t, r]), s = o.useRef(null), a = d || e, f = u("span", n, {
+    enabled: a,
+    ref: [i, s],
+    state: p,
+    props: c,
+    stateAttributesMapping: R
+  });
+  return C({
+    open: e,
+    ref: s,
+    onComplete() {
+      e || m(!1);
+    }
+  }), a ? f : null;
+});
+process.env.NODE_ENV !== "production" && (N.displayName = "RadioIndicator");
+export {
+  N as RadioIndicator
+};

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/radio/root/RadioRootContext.js

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

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/switch/root/SwitchRoot.js

@@ -0,0 +1,144 @@
+import * as a from "react";
+import { useControlled 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/useControlled.js";
+import { useEventCallback as X } 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 { useMergedRefs as Y } 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/useMergedRefs.js";
+import { useIsoLayoutEffect 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/useIsoLayoutEffect.js";
+import { visuallyHidden as Z } 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/visuallyHidden.js";
+import { useRenderElement as ee } from "../../utils/useRenderElement.js";
+import { useBaseUiId as te } from "../../utils/useBaseUiId.js";
+import { SwitchRootContext as oe } from "./SwitchRootContext.js";
+import { stateAttributesMapping as ne } from "../stateAttributesMapping.js";
+import { useField as re } from "../../field/useField.js";
+import { useFieldRootContext as ie } from "../../field/root/FieldRootContext.js";
+import { useFieldControlValidation as se } from "../../field/control/useFieldControlValidation.js";
+import { useFormContext as ae } from "../../form/FormContext.js";
+import { createChangeEventDetails as le } from "../../utils/createBaseUIEventDetails.js";
+import { j as k } from "../../../../../../../../../_virtual/jsx-runtime.js";
+import { useButton as de } from "../../use-button/useButton.js";
+import { mergeProps as ue } from "../../merge-props/mergeProps.js";
+const ce = /* @__PURE__ */ a.forwardRef(function(b, M) {
+  const {
+    checked: j,
+    className: me,
+    defaultChecked: N,
+    id: h,
+    inputRef: O,
+    name: R,
+    nativeButton: q = !0,
+    onCheckedChange: A,
+    readOnly: l = !1,
+    required: u = !1,
+    disabled: H = !1,
+    render: pe,
+    ...L
+  } = b, {
+    clearErrors: P
+  } = ae(), {
+    state: x,
+    labelId: g,
+    setControlId: c,
+    setTouched: y,
+    setDirty: E,
+    validityData: V,
+    setFilled: f,
+    setFocused: v,
+    validationMode: m,
+    disabled: T,
+    name: U
+  } = ie(), r = T || H, d = U ?? R, {
+    getValidationProps: _,
+    getInputValidationProps: w,
+    inputRef: $,
+    commitValidation: s
+  } = se(), p = X(A), t = a.useRef(null), I = Y(t, O, $), C = a.useRef(null), i = te(h);
+  D(() => {
+    const e = C.current;
+    if (e)
+      return e.closest("label") != null ? c(h ?? null) : c(i), () => {
+        c(void 0);
+      };
+  }, [i, h, c]);
+  const [o, B] = W({
+    controlled: j,
+    default: !!N,
+    name: "Switch",
+    state: "checked"
+  });
+  re({
+    id: i,
+    commitValidation: s,
+    value: o,
+    controlRef: C,
+    name: d,
+    getValue: () => o
+  }), D(() => {
+    t.current && f(t.current.checked);
+  }, [t, f]);
+  const {
+    getButtonProps: z,
+    buttonRef: G
+  } = de({
+    disabled: r,
+    native: q
+  }), J = a.useMemo(() => ({
+    id: i,
+    role: "switch",
+    disabled: r,
+    "aria-checked": o,
+    "aria-readonly": l || void 0,
+    "aria-labelledby": g,
+    onFocus() {
+      v(!0);
+    },
+    onBlur() {
+      const e = t.current;
+      e && (y(!0), v(!1), m === "onBlur" && s(e.checked));
+    },
+    onClick(e) {
+      var n;
+      e.defaultPrevented || l || (n = t == null ? void 0 : t.current) == null || n.click();
+    }
+  }), [i, r, o, l, g, v, y, s, m, t]), K = a.useMemo(() => ue({
+    checked: o,
+    disabled: r,
+    id: d ? void 0 : `${i}-input`,
+    name: d,
+    required: u,
+    style: Z,
+    tabIndex: -1,
+    type: "checkbox",
+    "aria-hidden": !0,
+    ref: I,
+    onChange(e) {
+      if (e.nativeEvent.defaultPrevented)
+        return;
+      const n = e.target.checked, S = le("none", e.nativeEvent);
+      p == null || p(n, S), !S.isCanceled && (P(d), E(n !== V.initialValue), f(n), B(n), m === "onChange" ? s(n) : s(n, !0));
+    }
+  }, w), [o, P, s, r, w, I, i, d, p, u, B, E, f, m, V.initialValue]), F = a.useMemo(() => ({
+    ...x,
+    checked: o,
+    disabled: r,
+    readOnly: l,
+    required: u
+  }), [x, o, r, l, u]), Q = ee("button", b, {
+    state: F,
+    ref: [M, C, G],
+    props: [J, _, L, z],
+    stateAttributesMapping: ne
+  });
+  return /* @__PURE__ */ k.jsxs(oe.Provider, {
+    value: F,
+    children: [Q, !o && R && /* @__PURE__ */ k.jsx("input", {
+      type: "hidden",
+      name: R,
+      value: "off"
+    }), /* @__PURE__ */ k.jsx("input", {
+      ...K
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (ce.displayName = "SwitchRoot");
+export {
+  ce as SwitchRoot
+};

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/switch/root/SwitchRootContext.js

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

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/switch/root/SwitchRootDataAttributes.js

@@ -0,0 +1,6 @@
+let e = /* @__PURE__ */ function(d) {
+  return d.checked = "data-checked", d.unchecked = "data-unchecked", d.disabled = "data-disabled", d.readonly = "data-readonly", d.required = "data-required", d.valid = "data-valid", d.invalid = "data-invalid", d.touched = "data-touched", d.dirty = "data-dirty", d.filled = "data-filled", d.focused = "data-focused", d;
+}({});
+export {
+  e as SwitchRootDataAttributes
+};

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/switch/stateAttributesMapping.js

@@ -0,0 +1,15 @@
+import { fieldValidityMapping as i } from "../field/utils/constants.js";
+import { SwitchRootDataAttributes as t } from "./root/SwitchRootDataAttributes.js";
+const o = {
+  ...i,
+  checked(e) {
+    return e ? {
+      [t.checked]: ""
+    } : {
+      [t.unchecked]: ""
+    };
+  }
+};
+export {
+  o as stateAttributesMapping
+};

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/switch/thumb/SwitchThumb.js

@@ -0,0 +1,27 @@
+import * as n from "react";
+import { useSwitchRootContext as m } from "../root/SwitchRootContext.js";
+import { useRenderElement as a } from "../../utils/useRenderElement.js";
+import { useFieldRootContext as c } from "../../field/root/FieldRootContext.js";
+import { stateAttributesMapping as p } from "../stateAttributesMapping.js";
+const f = /* @__PURE__ */ n.forwardRef(function(t, e) {
+  const {
+    render: d,
+    className: h,
+    ...o
+  } = t, {
+    state: r
+  } = c(), s = m(), i = {
+    ...r,
+    ...s
+  };
+  return a("span", t, {
+    state: i,
+    ref: e,
+    stateAttributesMapping: p,
+    props: o
+  });
+});
+process.env.NODE_ENV !== "production" && (f.displayName = "SwitchThumb");
+export {
+  f as SwitchThumb
+};

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/indicator/TabsIndicator.js

@@ -0,0 +1,107 @@
+import * as t from "react";
+import { generateId as C } 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/generateId.js";
+import { useForcedRerendering 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/useForcedRerendering.js";
+import { useOnMount as V } 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/useOnMount.js";
+import { useRenderElement as A } from "../../utils/useRenderElement.js";
+import { useDirection as D } from "../../direction-provider/DirectionContext.js";
+import { useTabsRootContext as M } from "../root/TabsRootContext.js";
+import { tabsStateAttributesMapping as _ } from "../root/stateAttributesMapping.js";
+import { useTabsListContext as F } from "../list/TabsListContext.js";
+import { script as P } from "./prehydrationScript.min.js";
+import { TabsIndicatorCssVars as i } from "./TabsIndicatorCssVars.js";
+import { j as L } from "../../../../../../../../../_virtual/jsx-runtime.js";
+const k = {
+  ..._,
+  selectedTabPosition: () => null,
+  selectedTabSize: () => null
+}, q = /* @__PURE__ */ t.forwardRef(function(p, R) {
+  const {
+    className: J,
+    render: K,
+    renderBeforeHydration: m = !1,
+    ...y
+  } = p, {
+    getTabElementBySelectedValue: I,
+    orientation: b,
+    tabActivationDirection: T,
+    value: d
+  } = M(), {
+    tabsListRef: a
+  } = F(), [S] = t.useState(() => C("tab")), [h, H] = t.useState(!1), {
+    value: E
+  } = M(), $ = D();
+  V(() => H(!0));
+  const g = N();
+  t.useEffect(() => {
+    if (d != null && a.current != null && typeof ResizeObserver < "u") {
+      const e = new ResizeObserver(() => {
+        g();
+      });
+      return e.observe(a.current), () => {
+        e.disconnect();
+      };
+    }
+  }, [d, a, g]);
+  let c = 0, l = 0, u = 0, f = 0, r = 0, o = 0, n = !1;
+  if (d != null && a.current != null) {
+    const e = I(d), s = a.current;
+    if (n = !0, e != null) {
+      c = e.offsetLeft - s.clientLeft, u = e.offsetTop - s.clientTop;
+      const {
+        width: w,
+        height: B
+      } = e.getBoundingClientRect();
+      r = Math.floor(w), o = Math.floor(B), l = $ === "ltr" ? s.scrollWidth - e.offsetLeft - r - s.clientLeft : e.offsetLeft - s.clientLeft, f = s.scrollHeight - e.offsetTop - o - s.clientTop;
+    }
+  }
+  const v = t.useMemo(() => n ? {
+    left: c,
+    right: l,
+    top: u,
+    bottom: f
+  } : null, [c, l, u, f, n]), x = t.useMemo(() => n ? {
+    width: r,
+    height: o
+  } : null, [r, o, n]), z = t.useMemo(() => {
+    if (n)
+      return {
+        [i.activeTabLeft]: `${c}px`,
+        [i.activeTabRight]: `${l}px`,
+        [i.activeTabTop]: `${u}px`,
+        [i.activeTabBottom]: `${f}px`,
+        [i.activeTabWidth]: `${r}px`,
+        [i.activeTabHeight]: `${o}px`
+      };
+  }, [c, l, u, f, r, o, n]), O = n && r > 0 && o > 0, W = t.useMemo(() => ({
+    orientation: b,
+    selectedTabPosition: v,
+    selectedTabSize: x,
+    tabActivationDirection: T
+  }), [b, v, x, T]), j = A("span", p, {
+    state: W,
+    ref: R,
+    props: [{
+      role: "presentation",
+      style: z,
+      hidden: !O
+      // do not display the indicator before the layout is settled
+    }, y, {
+      "data-instance-id": h && m ? void 0 : S,
+      suppressHydrationWarning: !0
+    }],
+    stateAttributesMapping: k
+  });
+  return E == null ? null : /* @__PURE__ */ L.jsxs(t.Fragment, {
+    children: [j, !h && m && /* @__PURE__ */ L.jsx("script", {
+      // eslint-disable-next-line react/no-danger
+      dangerouslySetInnerHTML: {
+        __html: P
+      },
+      suppressHydrationWarning: !0
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (q.displayName = "TabsIndicator");
+export {
+  q as TabsIndicator
+};

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/indicator/TabsIndicatorCssVars.js

@@ -0,0 +1,6 @@
+let e = /* @__PURE__ */ function(t) {
+  return t.activeTabLeft = "--active-tab-left", t.activeTabRight = "--active-tab-right", t.activeTabTop = "--active-tab-top", t.activeTabBottom = "--active-tab-bottom", t.activeTabWidth = "--active-tab-width", t.activeTabHeight = "--active-tab-height", t;
+}({});
+export {
+  e as TabsIndicatorCssVars
+};

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/indicator/prehydrationScript.min.js

@@ -0,0 +1,4 @@
+const t = '!function(){const t=document.currentScript.previousElementSibling;if(!t)return;const e=t.closest(\'[role="tablist"]\');if(!e)return;const o=e.querySelector("[data-selected]");if(!o)return;if(0===o.offsetWidth||0===e.offsetWidth)return;const i=getComputedStyle(e).direction,f=o.offsetLeft-e.clientLeft,{width:n,height:r}=o.getBoundingClientRect(),l=Math.floor(n),c=Math.floor(r),s="ltr"===i?e.scrollWidth-o.offsetLeft-l-e.clientLeft:o.offsetLeft-e.clientLeft,h=o.offsetTop-e.clientTop,d=e.scrollHeight-o.offsetTop-c-e.clientTop;function u(e,o){t.style.setProperty(`--active-tab-${e}`,`${o}px`)}u("left",f),u("right",s),u("top",h),u("bottom",d),u("width",l),u("height",c),l>0&&c>0&&t.removeAttribute("hidden")}();';
+export {
+  t as script
+};