@als-tp/als-react-ts-ui 0.3.1 → 0.5.0

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

@@ -0,0 +1,38 @@
+import * as i from "react";
+import { usePreviewCardPositionerContext as c } from "./als-react-ts-ui536.js";
+import { usePreviewCardRootContext as w } from "./als-react-ts-ui532.js";
+import { popupStateMapping as f } from "./als-react-ts-ui244.js";
+import { useRenderElement as u } from "./als-react-ts-ui189.js";
+const l = /* @__PURE__ */ i.forwardRef(function(e, s) {
+  const {
+    render: C,
+    className: P,
+    ...a
+  } = e, {
+    open: r
+  } = w(), {
+    arrowRef: p,
+    side: t,
+    align: o,
+    arrowUncentered: n,
+    arrowStyles: d
+  } = c(), m = i.useMemo(() => ({
+    open: r,
+    side: t,
+    align: o,
+    uncentered: n
+  }), [r, t, o, n]);
+  return u("div", e, {
+    state: m,
+    ref: [p, s],
+    props: [{
+      style: d,
+      "aria-hidden": !0
+    }, a],
+    stateAttributesMapping: f
+  });
+});
+process.env.NODE_ENV !== "production" && (l.displayName = "PreviewCardArrow");
+export {
+  l as PreviewCardArrow
+};

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

@@ -0,0 +1,24 @@
+import * as n from "react";
+import { usePreviewCardRootContext as d } from "./als-react-ts-ui532.js";
+import { PreviewCardPortalContext as l } from "./als-react-ts-ui535.js";
+import { FloatingPortalLite as s } from "./als-react-ts-ui435.js";
+import { jsx as o } from "react/jsx-runtime";
+const f = /* @__PURE__ */ n.forwardRef(function(e, t) {
+  const {
+    keepMounted: r = !1,
+    ...a
+  } = e, {
+    mounted: i
+  } = d();
+  return i || r ? /* @__PURE__ */ o(l.Provider, {
+    value: r,
+    children: /* @__PURE__ */ o(s, {
+      ref: t,
+      ...a
+    })
+  }) : null;
+});
+process.env.NODE_ENV !== "production" && (f.displayName = "PreviewCardPortal");
+export {
+  f as PreviewCardPortal
+};

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

@@ -0,0 +1,100 @@
+import * as e from "react";
+import * as q from "react-dom";
+import { useControlled as z } from "./als-react-ts-ui282.js";
+import { useStableCallback as r } from "./als-react-ts-ui192.js";
+import { PreviewCardRootContext as B } from "./als-react-ts-ui532.js";
+import { OPEN_DELAY as x, CLOSE_DELAY as D } from "./als-react-ts-ui533.js";
+import { useFocusWithDelay as G } from "./als-react-ts-ui534.js";
+import { useOpenChangeComplete as J } from "./als-react-ts-ui253.js";
+import { useTransitionStatus as Q } from "./als-react-ts-ui344.js";
+import { jsx as X } from "react/jsx-runtime";
+import { useFloatingRootContext as Z } from "./als-react-ts-ui385.js";
+import { useHover as $ } from "./als-react-ts-ui389.js";
+import { safePolygon as ee } from "./als-react-ts-ui360.js";
+import { useDismiss as oe } from "./als-react-ts-ui330.js";
+import { useInteractions as te } from "./als-react-ts-ui263.js";
+import { triggerHover as F, triggerFocus as ne, triggerPress as se, escapeKey as re } from "./als-react-ts-ui248.js";
+function Pe(u) {
+  const {
+    open: T,
+    defaultOpen: H,
+    onOpenChange: M,
+    onOpenChangeComplete: a,
+    actionsRef: p
+  } = u, f = e.useRef(x), g = e.useRef(D), d = r((o) => {
+    f.current = o.delay ?? x, g.current = o.closeDelay ?? D;
+  }), [b, I] = e.useState(null), [i, L] = e.useState(null), [V, C] = e.useState(), y = e.useRef(null), [n, A] = z({
+    controlled: T,
+    default: H,
+    name: "PreviewCard",
+    state: "open"
+  }), U = r(M), {
+    mounted: R,
+    setMounted: l,
+    transitionStatus: h
+  } = Q(n), c = r(() => {
+    l(!1), a?.(!1);
+  });
+  J({
+    enabled: !p,
+    open: n,
+    ref: y,
+    onComplete() {
+      n || c();
+    }
+  }), e.useImperativeHandle(p, () => ({
+    unmount: c
+  }), [c]);
+  const m = r((o, t) => {
+    const N = t.reason === F, v = o && t.reason === ne, W = !o && (t.reason === se || t.reason === re);
+    if (U(o, t), t.isCanceled)
+      return;
+    function w() {
+      A(o);
+    }
+    N ? q.flushSync(w) : w(), v || W ? C(v ? "focus" : "dismiss") : t.reason === F && C(void 0);
+  }), s = Z({
+    elements: {
+      reference: b,
+      floating: i
+    },
+    open: n,
+    onOpenChange: m
+  }), P = V, O = () => f.current, Y = () => g.current, _ = $(s, {
+    mouseOnly: !0,
+    move: !1,
+    handleClose: ee(),
+    restMs: O,
+    delay: () => ({
+      close: Y()
+    })
+  }), j = G(s, {
+    delay: O
+  }), k = oe(s), {
+    getReferenceProps: S,
+    getFloatingProps: E
+  } = te([_, j, k]), K = e.useMemo(() => ({
+    open: n,
+    setOpen: m,
+    mounted: R,
+    setMounted: l,
+    setTriggerElement: I,
+    positionerElement: i,
+    setPositionerElement: L,
+    popupRef: y,
+    triggerProps: S(),
+    popupProps: E(),
+    floatingRootContext: s,
+    instantType: P,
+    transitionStatus: h,
+    onOpenChangeComplete: a,
+    writeDelayRefs: d
+  }), [n, m, R, l, i, S, E, s, P, h, a, d]);
+  return /* @__PURE__ */ X(B.Provider, {
+    value: K,
+    children: u.children
+  });
+}
+export {
+  Pe as PreviewCardRoot
+};

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

@@ -0,0 +1,31 @@
+const _ = "_container_z6vxp_6", t = "_labelContainer_z6vxp_26", i = "_label_z6vxp_26", s = "_required_z6vxp_46", c = "_description_z6vxp_51", e = "_thumb_z6vxp_145", n = {
+  container: _,
+  "container--left": "_container--left_z6vxp_12",
+  "container--right": "_container--right_z6vxp_16",
+  "container--disabled": "_container--disabled_z6vxp_20",
+  labelContainer: t,
+  label: i,
+  required: s,
+  description: c,
+  switch: "_switch_z6vxp_61",
+  "switch--primary": "_switch--primary_z6vxp_93",
+  "switch--success": "_switch--success_z6vxp_101",
+  "switch--warning": "_switch--warning_z6vxp_109",
+  "switch--error": "_switch--error_z6vxp_117",
+  "switch--sm": "_switch--sm_z6vxp_126",
+  "switch--md": "_switch--md_z6vxp_132",
+  "switch--lg": "_switch--lg_z6vxp_138",
+  thumb: e,
+  "thumb--sm": "_thumb--sm_z6vxp_158",
+  "thumb--md": "_thumb--md_z6vxp_163",
+  "thumb--lg": "_thumb--lg_z6vxp_168"
+};
+export {
+  _ as container,
+  n as default,
+  c as description,
+  i as label,
+  t as labelContainer,
+  s as required,
+  e as thumb
+};

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

@@ -0,0 +1,122 @@
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import * as a from "react";
+import { clsx as c } from "./als-react-ts-ui56.js";
+import l from "./als-react-ts-ui94.js";
+import R from "./als-react-ts-ui95.js";
+import h from "./als-react-ts-ui96.js";
+import { SelectTrigger as I } from "./als-react-ts-ui97.js";
+import { SelectValue as P } from "./als-react-ts-ui98.js";
+import { SelectIcon as w } from "./als-react-ts-ui99.js";
+import { SelectPositioner as b } from "./als-react-ts-ui100.js";
+import { SelectPopup as v } from "./als-react-ts-ui101.js";
+import { SelectItem as x } from "./als-react-ts-ui102.js";
+import { SelectItemText as G } from "./als-react-ts-ui103.js";
+import { SelectItemIndicator as T } from "./als-react-ts-ui104.js";
+import { SelectGroup as j } from "./als-react-ts-ui105.js";
+import { SelectGroupLabel as z } from "./als-react-ts-ui106.js";
+import { Separator as C } from "./als-react-ts-ui107.js";
+import { SelectPortal as k } from "./als-react-ts-ui108.js";
+import { SelectRoot as D } from "./als-react-ts-ui109.js";
+function O(e) {
+  return /* @__PURE__ */ r(D, { ...e });
+}
+const p = a.forwardRef(({ className: e, children: o, placeholder: t, renderValue: m, ...N }, g) => {
+  const y = (S, i) => !i.value || Array.isArray(i.value) && i.value.length === 0 ? /* @__PURE__ */ r("span", { ...S, children: t || "Select..." }) : Array.isArray(i.value) ? /* @__PURE__ */ r("span", { ...S, children: i.value.join(", ") }) : /* @__PURE__ */ r("span", { ...S, children: String(i.value) });
+  return /* @__PURE__ */ n(
+    I,
+    {
+      ref: g,
+      className: c(l.trigger, e),
+      ...N,
+      children: [
+        /* @__PURE__ */ r(P, { render: m || y }),
+        /* @__PURE__ */ r(w, { className: l.icon, children: /* @__PURE__ */ r(R, { size: 16 }) })
+      ]
+    }
+  );
+});
+p.displayName = "ALSSelect.Trigger";
+function V(e) {
+  return /* @__PURE__ */ r(k, { ...e });
+}
+const s = a.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
+  b,
+  {
+    ref: t,
+    className: c(e),
+    sideOffset: 4,
+    ...o
+  }
+));
+s.displayName = "ALSSelect.Positioner";
+const f = a.forwardRef(
+  ({ className: e, ...o }, t) => /* @__PURE__ */ r(
+    v,
+    {
+      ref: t,
+      className: c(l.popup, e),
+      ...o
+    }
+  )
+);
+f.displayName = "ALSSelect.Popup";
+const u = a.forwardRef(
+  ({ className: e, children: o, ...t }, m) => /* @__PURE__ */ n(
+    x,
+    {
+      ref: m,
+      className: c(l.item, e),
+      ...t,
+      children: [
+        /* @__PURE__ */ r(G, { children: o }),
+        /* @__PURE__ */ r(T, { className: l.itemIndicator, children: /* @__PURE__ */ r(h, { size: 16 }) })
+      ]
+    }
+  )
+);
+u.displayName = "ALSSelect.Item";
+const d = a.forwardRef(
+  ({ className: e, ...o }, t) => /* @__PURE__ */ r(
+    j,
+    {
+      ref: t,
+      className: c(l.group, e),
+      ...o
+    }
+  )
+);
+d.displayName = "ALSSelect.Group";
+const A = a.forwardRef(
+  ({ className: e, ...o }, t) => /* @__PURE__ */ r(
+    z,
+    {
+      ref: t,
+      className: c(l.label, e),
+      ...o
+    }
+  )
+);
+A.displayName = "ALSSelect.Label";
+const L = a.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
+  C,
+  {
+    ref: t,
+    className: c(l.separator, e),
+    ...o
+  }
+));
+L.displayName = "ALSSelect.Separator";
+const te = {
+  Root: O,
+  Trigger: p,
+  Portal: V,
+  Positioner: s,
+  Popup: f,
+  Item: u,
+  Group: d,
+  Label: A,
+  Separator: L
+};
+export {
+  te as ALSSelect
+};

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

@@ -0,0 +1,143 @@
+import * as a from "react";
+import { useControlled as K } from "./als-react-ts-ui282.js";
+import { useStableCallback as Q } from "./als-react-ts-ui192.js";
+import { useMergedRefs as W } from "./als-react-ts-ui287.js";
+import { useIsoLayoutEffect as X } from "./als-react-ts-ui193.js";
+import { visuallyHidden as Y } from "./als-react-ts-ui375.js";
+import { useRenderElement as Z } from "./als-react-ts-ui189.js";
+import { useBaseUiId as $ } from "./als-react-ts-ui249.js";
+import { SwitchRootContext as ee } from "./als-react-ts-ui550.js";
+import { stateAttributesMapping as te } from "./als-react-ts-ui551.js";
+import { useField as oe } from "./als-react-ts-ui403.js";
+import { useFieldRootContext as re } from "./als-react-ts-ui398.js";
+import { useFormContext as ne } from "./als-react-ts-ui402.js";
+import { useLabelableContext as ie } from "./als-react-ts-ui399.js";
+import { useLabelableId as ae } from "./als-react-ts-ui400.js";
+import { createChangeEventDetails as se } from "./als-react-ts-ui246.js";
+import { useValueChanged as ce } from "./als-react-ts-ui406.js";
+import { jsxs as le, jsx as P } from "react/jsx-runtime";
+import { useButton as de } from "./als-react-ts-ui247.js";
+import { mergeProps as ue } from "./als-react-ts-ui304.js";
+import { none as me } from "./als-react-ts-ui248.js";
+const fe = /* @__PURE__ */ a.forwardRef(function(u, x) {
+  const {
+    checked: y,
+    className: he,
+    defaultChecked: I,
+    id: w,
+    inputRef: E,
+    name: S,
+    nativeButton: B = !1,
+    onCheckedChange: D,
+    readOnly: s = !1,
+    required: c = !1,
+    disabled: F = !1,
+    render: Ce,
+    ...V
+  } = u, {
+    clearErrors: M
+  } = ne(), {
+    state: m,
+    setTouched: N,
+    setDirty: L,
+    validityData: O,
+    setFilled: d,
+    setFocused: f,
+    shouldValidateOnChange: j,
+    validationMode: q,
+    disabled: A,
+    name: H,
+    validation: t
+  } = re(), {
+    labelId: T
+  } = ie(), o = A || F, n = H ?? S, p = Q(D), i = a.useRef(null), h = W(i, E, t.inputRef), l = a.useRef(null), C = $(), R = ae({
+    id: w,
+    implicit: !1,
+    controlRef: l
+  }), [e, b] = K({
+    controlled: y,
+    default: !!I,
+    name: "Switch",
+    state: "checked"
+  });
+  oe({
+    id: C,
+    commit: t.commit,
+    value: e,
+    controlRef: l,
+    name: n,
+    getValue: () => e
+  }), X(() => {
+    i.current && d(i.current.checked);
+  }, [i, d]), ce(e, () => {
+    M(n), L(e !== O.initialValue), d(e), j() ? t.commit(e) : t.commit(e, !0);
+  });
+  const {
+    getButtonProps: U,
+    buttonRef: _
+  } = de({
+    disabled: o,
+    native: B
+  }), z = {
+    id: C,
+    role: "switch",
+    "aria-checked": e,
+    "aria-readonly": s || void 0,
+    "aria-labelledby": T,
+    onFocus() {
+      o || f(!0);
+    },
+    onBlur() {
+      const r = i.current;
+      !r || o || (N(!0), f(!1), q === "onBlur" && t.commit(r.checked));
+    },
+    onClick(r) {
+      s || o || (r.preventDefault(), i?.current?.click());
+    }
+  }, G = a.useMemo(() => ue({
+    checked: e,
+    disabled: o,
+    id: R,
+    name: n,
+    required: c,
+    style: Y,
+    tabIndex: -1,
+    type: "checkbox",
+    "aria-hidden": !0,
+    ref: h,
+    onChange(r) {
+      if (r.nativeEvent.defaultPrevented)
+        return;
+      const v = r.target.checked, g = se(me, r.nativeEvent);
+      p?.(v, g), !g.isCanceled && b(v);
+    },
+    onFocus() {
+      l.current?.focus();
+    }
+  }, t.getInputValidationProps), [e, o, h, R, n, p, c, b, t]), k = a.useMemo(() => ({
+    ...m,
+    checked: e,
+    disabled: o,
+    readOnly: s,
+    required: c
+  }), [m, e, o, s, c]), J = Z("span", u, {
+    state: k,
+    ref: [x, l, _],
+    props: [z, t.getValidationProps, V, U],
+    stateAttributesMapping: te
+  });
+  return /* @__PURE__ */ le(ee.Provider, {
+    value: k,
+    children: [J, !e && n && /* @__PURE__ */ P("input", {
+      type: "hidden",
+      name: n,
+      value: "off"
+    }), /* @__PURE__ */ P("input", {
+      ...G
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (fe.displayName = "SwitchRoot");
+export {
+  fe as SwitchRoot
+};

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

@@ -0,0 +1,27 @@
+import * as n from "react";
+import { useSwitchRootContext as m } from "./als-react-ts-ui550.js";
+import { useRenderElement as a } from "./als-react-ts-ui189.js";
+import { useFieldRootContext as c } from "./als-react-ts-ui398.js";
+import { stateAttributesMapping as p } from "./als-react-ts-ui551.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/als-react-ts-ui282.js

@@ -0,0 +1,31 @@
+import * as n from "react";
+function d({
+  controlled: o,
+  default: s,
+  name: t,
+  state: i = "value"
+}) {
+  const {
+    current: e
+  } = n.useRef(o !== void 0), [l, c] = n.useState(s), u = e ? o : l;
+  if (process.env.NODE_ENV !== "production") {
+    n.useEffect(() => {
+      e !== (o !== void 0) && console.error([`Base UI: A component is changing the ${e ? "" : "un"}controlled ${i} state of ${t} to be ${e ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${t} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
+`));
+    }, [i, t, o]);
+    const {
+      current: r
+    } = n.useRef(s);
+    n.useEffect(() => {
+      !e && JSON.stringify(r) !== JSON.stringify(s) && console.error([`Base UI: A component is changing the default ${i} state of an uncontrolled ${t} after being initialized. To suppress this warning opt to use a controlled ${t}.`].join(`
+`));
+    }, [JSON.stringify(s)]);
+  }
+  const f = n.useCallback((r) => {
+    e || c(r);
+  }, []);
+  return [u, f];
+}
+export {
+  d as useControlled
+};

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

@@ -0,0 +1,11 @@
+let n;
+process.env.NODE_ENV !== "production" && (n = /* @__PURE__ */ new Set());
+function s(...o) {
+  if (process.env.NODE_ENV !== "production") {
+    const e = o.join(" ");
+    n.has(e) || (n.add(e), console.warn(`Base UI: ${e}`));
+  }
+}
+export {
+  s as warn
+};

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

@@ -0,0 +1,81 @@
+import * as a from "react";
+import { useRefWithInit as T } from "./als-react-ts-ui240.js";
+import { useStableCallback as l } from "./als-react-ts-ui192.js";
+import { useIsoLayoutEffect as f } from "./als-react-ts-ui193.js";
+import { CompositeListContext as D } from "./als-react-ts-ui345.js";
+import { jsx as L } from "react/jsx-runtime";
+function k(h) {
+  const {
+    children: N,
+    elementsRef: t,
+    labelsRef: o,
+    onMapChange: _
+  } = h, E = l(_), O = a.useRef(0), d = T(R).current, i = T(P).current, [p, M] = a.useState(0), c = a.useRef(p), C = l((e, u) => {
+    i.set(e, u ?? null), c.current += 1, M(c.current);
+  }), I = l((e) => {
+    i.delete(e), c.current += 1, M(c.current);
+  }), r = a.useMemo(() => {
+    const e = /* @__PURE__ */ new Map();
+    return Array.from(i.keys()).sort(S).forEach((n, m) => {
+      const s = i.get(n) ?? {};
+      e.set(n, {
+        ...s,
+        index: m
+      });
+    }), e;
+  }, [i, p]);
+  f(() => {
+    if (typeof MutationObserver != "function" || r.size === 0)
+      return;
+    const e = new MutationObserver((u) => {
+      const n = /* @__PURE__ */ new Set(), m = (s) => n.has(s) ? n.delete(s) : n.add(s);
+      u.forEach((s) => {
+        s.removedNodes.forEach(m), s.addedNodes.forEach(m);
+      }), n.size === 0 && (c.current += 1, M(c.current));
+    });
+    return r.forEach((u, n) => {
+      n.parentElement && e.observe(n.parentElement, {
+        childList: !0
+      });
+    }), () => {
+      e.disconnect();
+    };
+  }, [r]), f(() => {
+    c.current === p && (t.current.length !== r.size && (t.current.length = r.size), o && o.current.length !== r.size && (o.current.length = r.size), O.current = r.size), E(r);
+  }, [E, r, t, o, p]), f(() => () => {
+    t.current = [];
+  }, [t]), f(() => () => {
+    o && (o.current = []);
+  }, [o]);
+  const g = l((e) => (d.add(e), () => {
+    d.delete(e);
+  }));
+  f(() => {
+    d.forEach((e) => e(r));
+  }, [d, r]);
+  const b = a.useMemo(() => ({
+    register: C,
+    unregister: I,
+    subscribeMapChange: g,
+    elementsRef: t,
+    labelsRef: o,
+    nextIndexRef: O
+  }), [C, I, g, t, o, O]);
+  return /* @__PURE__ */ L(D.Provider, {
+    value: b,
+    children: N
+  });
+}
+function P() {
+  return /* @__PURE__ */ new Map();
+}
+function R() {
+  return /* @__PURE__ */ new Set();
+}
+function S(h, N) {
+  const t = h.compareDocumentPosition(N);
+  return t & Node.DOCUMENT_POSITION_FOLLOWING || t & Node.DOCUMENT_POSITION_CONTAINED_BY ? -1 : t & Node.DOCUMENT_POSITION_PRECEDING || t & Node.DOCUMENT_POSITION_CONTAINS ? 1 : 0;
+}
+export {
+  k as CompositeList
+};

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

@@ -0,0 +1,10 @@
+import * as t from "react";
+const e = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (e.displayName = "DirectionContext");
+function o() {
+  return t.useContext(e)?.direction ?? "ltr";
+}
+export {
+  e as DirectionContext,
+  o as useDirection
+};

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

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