@als-tp/als-react-ts-ui 0.5.2 → 0.5.4

package/dist/als-react-ts-ui298.js

@@ -1,66 +0,0 @@
-import * as e from "react";
-import { useControlled as A } from "./als-react-ts-ui292.js";
-import { useIsoLayoutEffect as B } from "./als-react-ts-ui224.js";
-import { useStableCallback as H } from "./als-react-ts-ui223.js";
-import { useBaseUiId as K } from "./als-react-ts-ui276.js";
-import { createChangeEventDetails as L } from "./als-react-ts-ui273.js";
-import { useAnimationsFinished as V } from "./als-react-ts-ui337.js";
-import { useTransitionStatus as j } from "./als-react-ts-ui349.js";
-import { triggerPress as q } from "./als-react-ts-ui275.js";
-function Z(F) {
-  const {
-    open: r,
-    defaultOpen: M,
-    onOpenChange: E,
-    disabled: d
-  } = F, m = r !== void 0, [n, u] = A({
-    controlled: r,
-    default: M,
-    name: "Collapsible",
-    state: "open"
-  }), {
-    mounted: i,
-    setMounted: o,
-    transitionStatus: p
-  } = j(n, !0, !0), [l, f] = e.useState(n), [{
-    height: h,
-    width: R
-  }, S] = e.useState({
-    height: void 0,
-    width: void 0
-  }), T = K(), [U, k] = e.useState(), C = U ?? T, [w, b] = e.useState(!1), [c, g] = e.useState(!1), v = e.useRef(null), t = e.useRef(null), I = e.useRef(null), a = e.useRef(null), O = V(a, !1), P = H((x) => {
-    const s = !n, y = L(q, x.nativeEvent);
-    if (E(s, y), y.isCanceled)
-      return;
-    const D = a.current;
-    t.current === "css-animation" && D != null && D.style.removeProperty("animation-name"), !w && !c && (t.current != null && t.current !== "css-animation" && !i && s && o(!0), t.current === "css-animation" && (!l && s && f(!0), !i && s && o(!0))), u(s), t.current === "none" && i && !s && o(!1);
-  });
-  return B(() => {
-    m && t.current === "none" && !c && !n && o(!1);
-  }, [m, c, n, r, o]), e.useMemo(() => ({
-    abortControllerRef: v,
-    animationTypeRef: t,
-    disabled: d,
-    handleTrigger: P,
-    height: h,
-    mounted: i,
-    open: n,
-    panelId: C,
-    panelRef: a,
-    runOnceAnimationsFinish: O,
-    setDimensions: S,
-    setHiddenUntilFound: b,
-    setKeepMounted: g,
-    setMounted: o,
-    setOpen: u,
-    setPanelIdState: k,
-    setVisible: f,
-    transitionDimensionRef: I,
-    transitionStatus: p,
-    visible: l,
-    width: R
-  }), [v, t, d, P, h, i, n, C, a, O, S, b, g, o, u, f, I, p, l, R]);
-}
-export {
-  Z as useCollapsibleRoot
-};

package/dist/als-react-ts-ui299.js

@@ -1,14 +0,0 @@
-import s from "./als-react-ts-ui286.js";
-import * as e from "react";
-const t = /* @__PURE__ */ e.createContext(void 0);
-process.env.NODE_ENV !== "production" && (t.displayName = "CollapsibleRootContext");
-function i() {
-  const o = e.useContext(t);
-  if (o === void 0)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: CollapsibleRootContext is missing. Collapsible parts must be placed within <Collapsible.Root>." : s(15));
-  return o;
-}
-export {
-  t as CollapsibleRootContext,
-  i as useCollapsibleRootContext
-};

package/dist/als-react-ts-ui3.js

@@ -1,142 +0,0 @@
-import { jsx as e, jsxs as C } from "react/jsx-runtime";
-import { createContext as $, forwardRef as l, useContext as x } from "react";
-import o from "./als-react-ts-ui39.js";
-import { AccordionRoot as j } from "./als-react-ts-ui40.js";
-import { AccordionItem as w } from "./als-react-ts-ui41.js";
-import { AccordionHeader as y } from "./als-react-ts-ui42.js";
-import { AccordionTrigger as B } from "./als-react-ts-ui43.js";
-import { AccordionPanel as I } from "./als-react-ts-ui44.js";
-const g = $({
-  variant: "default",
-  size: "md"
-}), m = () => x(g), p = l(
-  ({
-    value: r,
-    defaultValue: n,
-    onValueChange: t,
-    openMultiple: a = !1,
-    disabled: i = !1,
-    orientation: c = "vertical",
-    variant: s = "default",
-    size: d = "md",
-    className: A,
-    children: u
-  }, v) => {
-    const S = [
-      o.root,
-      o[`root--${s}`],
-      o[`root--${d}`],
-      A
-    ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ e(g.Provider, { value: { variant: s, size: d }, children: /* @__PURE__ */ e(
-      j,
-      {
-        ref: v,
-        value: r,
-        defaultValue: n,
-        onValueChange: t,
-        multiple: a,
-        disabled: i,
-        orientation: c,
-        className: S,
-        children: u
-      }
-    ) });
-  }
-);
-p.displayName = "ALSAccordion.Root";
-const f = l(
-  ({ value: r, disabled: n, onOpenChange: t, className: a, children: i }, c) => {
-    const { variant: s, size: d } = m(), A = [
-      o.item,
-      o[`item--${s}`],
-      o[`item--${d}`],
-      a
-    ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ e(
-      w,
-      {
-        ref: c,
-        value: r,
-        disabled: n,
-        onOpenChange: t,
-        className: A,
-        children: i
-      }
-    );
-  }
-);
-f.displayName = "ALSAccordion.Item";
-const N = l(({ className: r, children: n }, t) => {
-  const { variant: a, size: i } = m(), c = [
-    o.header,
-    o[`header--${a}`],
-    o[`header--${i}`],
-    r
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e(y, { ref: t, className: c, children: n });
-});
-N.displayName = "ALSAccordion.Header";
-const h = l(({ className: r, children: n }, t) => {
-  const { variant: a, size: i } = m(), c = [
-    o.trigger,
-    o[`trigger--${a}`],
-    o[`trigger--${i}`],
-    r
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ C(B, { ref: t, className: c, children: [
-    /* @__PURE__ */ e("span", { className: o.triggerContent, children: n }),
-    /* @__PURE__ */ e("span", { className: o.triggerIcon, "aria-hidden": "true", children: /* @__PURE__ */ e(P, {}) })
-  ] });
-});
-h.displayName = "ALSAccordion.Trigger";
-const L = l(
-  ({ keepMounted: r = !1, className: n, children: t }, a) => {
-    const { variant: i, size: c } = m(), s = [
-      o.panel,
-      o[`panel--${i}`],
-      o[`panel--${c}`],
-      n
-    ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ e(
-      I,
-      {
-        ref: a,
-        keepMounted: r,
-        className: s,
-        children: /* @__PURE__ */ e("div", { className: o.panelContent, children: t })
-      }
-    );
-  }
-);
-L.displayName = "ALSAccordion.Panel";
-const P = () => /* @__PURE__ */ e(
-  "svg",
-  {
-    width: "20",
-    height: "20",
-    viewBox: "0 0 20 20",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    className: o.chevronSvg,
-    children: /* @__PURE__ */ e(
-      "path",
-      {
-        d: "M5 7.5L10 12.5L15 7.5",
-        stroke: "currentColor",
-        strokeWidth: "1.5",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }
-    )
-  }
-), q = {
-  Root: p,
-  Item: f,
-  Header: N,
-  Trigger: h,
-  Panel: L
-};
-export {
-  q as ALSAccordion
-};

package/dist/als-react-ts-ui30.js

@@ -1,13 +0,0 @@
-import { ALSSliderLabel as r, ALSSliderValue as S, ALSSliderThumb as l, ALSSliderIndicator as o, ALSSliderTrack as e, ALSSliderControl as i, ALSSliderRoot as d } from "./als-react-ts-ui110.js";
-const t = {
-  Root: d,
-  Control: i,
-  Track: e,
-  Indicator: o,
-  Thumb: l,
-  Value: S,
-  Label: r
-};
-export {
-  t as ALSSlider
-};

package/dist/als-react-ts-ui300.js

@@ -1,55 +0,0 @@
-import * as u from "react";
-import { useIsoLayoutEffect as g } from "./als-react-ts-ui224.js";
-import { useCompositeListContext as F } from "./als-react-ts-ui346.js";
-let I = /* @__PURE__ */ (function(t) {
-  return t[t.None = 0] = "None", t[t.GuessFromOrder = 1] = "GuessFromOrder", t;
-})({});
-function N(t = {}) {
-  const {
-    label: c,
-    metadata: l,
-    textRef: d,
-    indexGuessBehavior: L,
-    index: r
-  } = t, {
-    register: m,
-    unregister: a,
-    subscribeMapChange: x,
-    elementsRef: R,
-    labelsRef: i,
-    nextIndexRef: p
-  } = F(), f = u.useRef(-1), [n, C] = u.useState(r ?? (L === I.GuessFromOrder ? () => {
-    if (f.current === -1) {
-      const e = p.current;
-      p.current += 1, f.current = e;
-    }
-    return f.current;
-  } : -1)), s = u.useRef(null), b = u.useCallback((e) => {
-    if (s.current = e, n !== -1 && e !== null && (R.current[n] = e, i)) {
-      const o = c !== void 0;
-      i.current[n] = o ? c : d?.current?.textContent ?? e.textContent;
-    }
-  }, [n, R, i, c, d]);
-  return g(() => {
-    if (r != null)
-      return;
-    const e = s.current;
-    if (e)
-      return m(e, l), () => {
-        a(e);
-      };
-  }, [r, m, a, l]), g(() => {
-    if (r == null)
-      return x((e) => {
-        const o = s.current ? e.get(s.current)?.index : null;
-        o != null && C(o);
-      });
-  }, [r, x, C]), u.useMemo(() => ({
-    ref: b,
-    index: n
-  }), [n, b]);
-}
-export {
-  I as IndexGuessBehavior,
-  N as useCompositeListItem
-};

package/dist/als-react-ts-ui301.js

@@ -1,14 +0,0 @@
-import n from "./als-react-ts-ui286.js";
-import * as t from "react";
-const e = /* @__PURE__ */ t.createContext(void 0);
-process.env.NODE_ENV !== "production" && (e.displayName = "AccordionItemContext");
-function c() {
-  const o = t.useContext(e);
-  if (o === void 0)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: AccordionItemContext is missing. Accordion parts must be placed within <Accordion.Item>." : n(9));
-  return o;
-}
-export {
-  e as AccordionItemContext,
-  c as useAccordionItemContext
-};

package/dist/als-react-ts-ui302.js

@@ -1,14 +0,0 @@
-import { collapsibleOpenStateMapping as i } from "./als-react-ts-ui304.js";
-import { transitionStatusMapping as r } from "./als-react-ts-ui272.js";
-import { AccordionItemDataAttributes as n } from "./als-react-ts-ui343.js";
-const a = {
-  ...i,
-  index: (t) => Number.isInteger(t) ? {
-    [n.index]: String(t)
-  } : null,
-  ...r,
-  value: () => null
-};
-export {
-  a as accordionStateAttributesMapping
-};

package/dist/als-react-ts-ui303.js

@@ -1,6 +0,0 @@
-function i(t) {
-  return t == null || t.hasAttribute("disabled") || t.getAttribute("aria-disabled") === "true";
-}
-export {
-  i as isElementDisabled
-};

package/dist/als-react-ts-ui304.js

@@ -1,21 +0,0 @@
-import { CollapsiblePanelDataAttributes as e } from "./als-react-ts-ui344.js";
-import { CollapsibleTriggerDataAttributes as n } from "./als-react-ts-ui345.js";
-const r = {
-  [e.open]: ""
-}, p = {
-  [e.closed]: ""
-}, a = {
-  open(t) {
-    return t ? {
-      [n.panelOpen]: ""
-    } : null;
-  }
-}, i = {
-  open(t) {
-    return t ? r : p;
-  }
-};
-export {
-  i as collapsibleOpenStateMapping,
-  a as triggerOpenStateMapping
-};

package/dist/als-react-ts-ui305.js

@@ -1,25 +0,0 @@
-import { isAndroid as r, isJSDOM as o } from "./als-react-ts-ui371.js";
-function n(i) {
-  i.preventDefault(), i.stopPropagation();
-}
-function p(i) {
-  return "nativeEvent" in i;
-}
-function e(i) {
-  return i.mozInputSource === 0 && i.isTrusted ? !0 : r && i.pointerType ? i.type === "click" && i.buttons === 1 : i.detail === 0 && !i.pointerType;
-}
-function c(i) {
-  return o ? !1 : !r && i.width === 0 && i.height === 0 || r && i.width === 1 && i.height === 1 && i.pressure === 0 && i.detail === 0 && i.pointerType === "mouse" || // iOS VoiceOver returns 0.333• for width/height.
-  i.width < 1 && i.height < 1 && i.pressure === 0 && i.detail === 0 && i.pointerType === "touch";
-}
-function f(i, u) {
-  const t = ["mouse", "pen"];
-  return u || t.push("", void 0), t.includes(i);
-}
-export {
-  f as isMouseLikePointerType,
-  p as isReactEvent,
-  e as isVirtualClick,
-  c as isVirtualPointerEvent,
-  n as stopEvent
-};

package/dist/als-react-ts-ui306.js

@@ -1,167 +0,0 @@
-import * as f from "react";
-import { useIsoLayoutEffect as g } from "./als-react-ts-ui224.js";
-import { useStableCallback as B } from "./als-react-ts-ui223.js";
-import { useMergedRefs as k } from "./als-react-ts-ui297.js";
-import { useOnMount as z } from "./als-react-ts-ui324.js";
-import { useAnimationFrame as V, AnimationFrame as s } from "./als-react-ts-ui347.js";
-import { warn as U } from "./als-react-ts-ui293.js";
-import { createChangeEventDetails as _ } from "./als-react-ts-ui273.js";
-import { CollapsiblePanelDataAttributes as v } from "./als-react-ts-ui344.js";
-import { AccordionRootDataAttributes as G } from "./als-react-ts-ui348.js";
-import { none as J } from "./als-react-ts-ui275.js";
-function oe(H) {
-  const {
-    abortControllerRef: r,
-    animationTypeRef: i,
-    externalRef: W,
-    height: x,
-    hiddenUntilFound: d,
-    keepMounted: w,
-    id: O,
-    mounted: R,
-    onOpenChange: D,
-    open: l,
-    panelRef: a,
-    runOnceAnimationsFinish: h,
-    setDimensions: c,
-    setMounted: m,
-    setOpen: E,
-    setVisible: A,
-    transitionDimensionRef: C,
-    visible: P,
-    width: I
-  } = H, p = f.useRef(!1), M = f.useRef(null), F = f.useRef(l), S = f.useRef(l), N = V(), y = f.useMemo(() => i.current === "css-animation" ? !P : !l && !R, [l, R, P, i]), L = B((e) => {
-    if (!e)
-      return;
-    if (i.current == null || C.current == null) {
-      const t = getComputedStyle(e), u = t.animationName !== "none" && t.animationName !== "", b = t.transitionDuration !== "0s" && t.transitionDuration !== "";
-      u && b ? process.env.NODE_ENV !== "production" && U("CSS transitions and CSS animations both detected on Collapsible or Accordion panel.", "Only one of either animation type should be used.") : t.animationName === "none" && t.transitionDuration !== "0s" ? i.current = "css-transition" : t.animationName !== "none" && t.transitionDuration === "0s" ? i.current = "css-animation" : i.current = "none", e.getAttribute(G.orientation) === "horizontal" || t.transitionProperty.indexOf("width") > -1 ? C.current = "width" : C.current = "height";
-    }
-    if (i.current !== "css-transition")
-      return;
-    (x === void 0 || I === void 0) && (c({
-      height: e.scrollHeight,
-      width: e.scrollWidth
-    }), S.current && e.style.setProperty("transition-duration", "0s"));
-    let o = -1, n = -1;
-    return o = s.request(() => {
-      S.current = !1, n = s.request(() => {
-        setTimeout(() => {
-          e.style.removeProperty("transition-duration");
-        });
-      });
-    }), () => {
-      s.cancel(o), s.cancel(n);
-    };
-  }), j = k(W, a, L);
-  return g(() => {
-    if (i.current !== "css-transition")
-      return;
-    const e = a.current;
-    if (!e)
-      return;
-    let o = -1;
-    if (r.current != null && (r.current.abort(), r.current = null), l) {
-      const n = {
-        "justify-content": e.style.justifyContent,
-        "align-items": e.style.alignItems,
-        "align-content": e.style.alignContent,
-        "justify-items": e.style.justifyItems
-      };
-      Object.keys(n).forEach((t) => {
-        e.style.setProperty(t, "initial", "important");
-      }), !S.current && !w && e.setAttribute(v.startingStyle, ""), c({
-        height: e.scrollHeight,
-        width: e.scrollWidth
-      }), o = s.request(() => {
-        Object.entries(n).forEach(([t, u]) => {
-          u === "" ? e.style.removeProperty(t) : e.style.setProperty(t, u);
-        });
-      });
-    } else {
-      if (e.scrollHeight === 0 && e.scrollWidth === 0)
-        return;
-      c({
-        height: e.scrollHeight,
-        width: e.scrollWidth
-      });
-      const n = new AbortController();
-      r.current = n;
-      const t = n.signal;
-      let u = null;
-      const b = v.endingStyle;
-      return u = new MutationObserver((T) => {
-        T.some((q) => q.type === "attributes" && q.attributeName === b) && (u?.disconnect(), u = null, h(() => {
-          c({
-            height: 0,
-            width: 0
-          }), e.style.removeProperty("content-visibility"), m(!1), r.current === n && (r.current = null);
-        }, t));
-      }), u.observe(e, {
-        attributes: !0,
-        attributeFilter: [b]
-      }), () => {
-        u?.disconnect(), N.cancel(), r.current === n && (n.abort(), r.current = null);
-      };
-    }
-    return () => {
-      s.cancel(o);
-    };
-  }, [r, i, N, d, w, R, l, a, h, c, m]), g(() => {
-    if (i.current !== "css-animation")
-      return;
-    const e = a.current;
-    e && (M.current = e.style.animationName || M.current, e.style.setProperty("animation-name", "none"), c({
-      height: e.scrollHeight,
-      width: e.scrollWidth
-    }), !F.current && !p.current && e.style.removeProperty("animation-name"), l ? (r.current != null && (r.current.abort(), r.current = null), m(!0), A(!0)) : (r.current = new AbortController(), h(() => {
-      m(!1), A(!1), r.current = null;
-    }, r.current.signal)));
-  }, [r, i, l, a, h, c, m, A, P]), z(() => {
-    const e = s.request(() => {
-      F.current = !1;
-    });
-    return () => s.cancel(e);
-  }), g(() => {
-    if (!d)
-      return;
-    const e = a.current;
-    if (!e)
-      return;
-    let o = -1, n = -1;
-    return l && p.current && (e.style.transitionDuration = "0s", c({
-      height: e.scrollHeight,
-      width: e.scrollWidth
-    }), o = s.request(() => {
-      p.current = !1, n = s.request(() => {
-        setTimeout(() => {
-          e.style.removeProperty("transition-duration");
-        });
-      });
-    })), () => {
-      s.cancel(o), s.cancel(n);
-    };
-  }, [d, l, a, c]), g(() => {
-    const e = a.current;
-    e && d && y && (e.setAttribute("hidden", "until-found"), i.current === "css-transition" && e.setAttribute(v.startingStyle, ""));
-  }, [d, y, i, a]), f.useEffect(function() {
-    const o = a.current;
-    if (!o)
-      return;
-    function n(t) {
-      p.current = !0, E(!0), D(!0, _(J, t));
-    }
-    return o.addEventListener("beforematch", n), () => {
-      o.removeEventListener("beforematch", n);
-    };
-  }, [D, a, E]), f.useMemo(() => ({
-    props: {
-      hidden: y,
-      id: O,
-      ref: j
-    }
-  }), [y, O, j]);
-}
-export {
-  oe as useCollapsiblePanel
-};

package/dist/als-react-ts-ui307.js

@@ -1,6 +0,0 @@
-let e = /* @__PURE__ */ (function(n) {
-  return n.accordionPanelHeight = "--accordion-panel-height", n.accordionPanelWidth = "--accordion-panel-width", n;
-})({});
-export {
-  e as AccordionPanelCssVars
-};

package/dist/als-react-ts-ui308.js

@@ -1,17 +0,0 @@
-const r = "_group_1ni9e_2", _ = {
-  group: r,
-  "group--horizontal": "_group--horizontal_1ni9e_12",
-  "group--vertical": "_group--vertical_1ni9e_16",
-  "group--disabled": "_group--disabled_1ni9e_21",
-  "group--sm": "_group--sm_1ni9e_27",
-  "group--md": "_group--md_1ni9e_32",
-  "group--lg": "_group--lg_1ni9e_37",
-  "group--default": "_group--default_1ni9e_43",
-  "group--primary": "_group--primary_1ni9e_47",
-  "group--success": "_group--success_1ni9e_52",
-  "group--error": "_group--error_1ni9e_57"
-};
-export {
-  _ as default,
-  r as group
-};

package/dist/als-react-ts-ui309.js

@@ -1,77 +0,0 @@
-import * as l from "react";
-import { useStableCallback as E } from "./als-react-ts-ui223.js";
-import { useControlled as F } from "./als-react-ts-ui292.js";
-import { useRenderElement as O } from "./als-react-ts-ui220.js";
-import { CompositeRoot as S } from "./als-react-ts-ui479.js";
-import { useToolbarRootContext as j } from "./als-react-ts-ui364.js";
-import { ToggleGroupContext as k } from "./als-react-ts-ui542.js";
-import { ToggleGroupDataAttributes as z } from "./als-react-ts-ui562.js";
-import { jsx as V } from "react/jsx-runtime";
-const v = {
-  multiple(i) {
-    return i ? {
-      [z.multiple]: ""
-    } : null;
-  }
-}, B = /* @__PURE__ */ l.forwardRef(function(p, m) {
-  const {
-    defaultValue: f,
-    disabled: T = !1,
-    loopFocus: x = !0,
-    onValueChange: A,
-    orientation: o = "horizontal",
-    multiple: s = !1,
-    value: u,
-    className: M,
-    render: N,
-    ...d
-  } = p, a = j(!0), h = l.useMemo(() => {
-    if (u === void 0)
-      return f ?? [];
-  }, [u, f]), t = (a?.disabled ?? !1) || T, [r, P] = F({
-    controlled: u,
-    default: h,
-    name: "ToggleGroup",
-    state: "value"
-  }), c = E((n, C, G) => {
-    let e;
-    if (s ? (e = r.slice(), C ? e.push(n) : e.splice(r.indexOf(n), 1)) : e = C ? [n] : [], Array.isArray(e)) {
-      if (A?.(e, G), G.isCanceled)
-        return;
-      P(e);
-    }
-  }), g = l.useMemo(() => ({
-    disabled: t,
-    multiple: s,
-    orientation: o
-  }), [t, o, s]), R = l.useMemo(() => ({
-    disabled: t,
-    orientation: o,
-    setGroupValue: c,
-    value: r
-  }), [t, o, c, r]), b = {
-    role: "group"
-  }, y = O("div", p, {
-    enabled: !!a,
-    state: g,
-    ref: m,
-    props: [b, d],
-    stateAttributesMapping: v
-  });
-  return /* @__PURE__ */ V(k.Provider, {
-    value: R,
-    children: a ? y : /* @__PURE__ */ V(S, {
-      render: N,
-      className: M,
-      state: g,
-      refs: [m],
-      props: [b, d],
-      stateAttributesMapping: v,
-      loopFocus: x
-    })
-  });
-});
-process.env.NODE_ENV !== "production" && (B.displayName = "ToggleGroup");
-export {
-  B as ToggleGroup
-};