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

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

@@ -0,0 +1,13 @@
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { FieldControl as p } from "./als-react-ts-ui250.js";
+const e = /* @__PURE__ */ t.forwardRef(function(o, r) {
+  return /* @__PURE__ */ n(p, {
+    ref: r,
+    ...o
+  });
+});
+process.env.NODE_ENV !== "production" && (e.displayName = "Input");
+export {
+  e as Input
+};

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

@@ -0,0 +1,7 @@
+const o = "_root_so1gq_1", t = {
+  root: o
+};
+export {
+  t as default,
+  o as root
+};

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

@@ -0,0 +1,7 @@
+const o = "_root_g8l8f_1", t = {
+  root: o
+};
+export {
+  t as default,
+  o as root
+};

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

@@ -0,0 +1,7 @@
+const o = "_root_krv6e_1", t = {
+  root: o
+};
+export {
+  t as default,
+  o as root
+};

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

@@ -0,0 +1,7 @@
+const o = "_root_qmqvr_1", t = {
+  root: o
+};
+export {
+  t as default,
+  o as root
+};

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

@@ -0,0 +1,7 @@
+const o = "_root_1jbox_1", t = {
+  root: o
+};
+export {
+  t as default,
+  o as root
+};

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

@@ -0,0 +1,17 @@
+const o = "_popup_1w2m7_1", t = "_arrow_1w2m7_25", _ = "_title_1w2m7_35", c = "_description_1w2m7_42", p = "_close_1w2m7_49", s = "_backdrop_1w2m7_76", r = {
+  popup: o,
+  arrow: t,
+  title: _,
+  description: c,
+  close: p,
+  backdrop: s
+};
+export {
+  t as arrow,
+  s as backdrop,
+  p as close,
+  r as default,
+  c as description,
+  o as popup,
+  _ as title
+};

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

@@ -0,0 +1,9 @@
+import { jsx as o } from "react/jsx-runtime";
+import r from "./als-react-ts-ui62.js";
+function m(t) {
+  return /* @__PURE__ */ o("div", { className: r.root });
+}
+export {
+  m as ALSCheckbox,
+  m as default
+};

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

@@ -0,0 +1,120 @@
+import J from "./als-react-ts-ui197.js";
+import * as o from "react";
+import * as h from "react-dom";
+import { useStableCallback as v } from "./als-react-ts-ui160.js";
+import { usePopoverRootContext as Q } from "./als-react-ts-ui284.js";
+import { useButton as W } from "./als-react-ts-ui179.js";
+import { pressableTriggerOpenStateMapping as X, triggerOpenStateMapping as Z } from "./als-react-ts-ui188.js";
+import { useRenderElement as $ } from "./als-react-ts-ui166.js";
+import { CLICK_TRIGGER_IDENTIFIER as ee } from "./als-react-ts-ui198.js";
+import { OPEN_DELAY as te } from "./als-react-ts-ui287.js";
+import { useBaseUiId as re } from "./als-react-ts-ui170.js";
+import { FocusGuard as E } from "./als-react-ts-ui288.js";
+import { createChangeEventDetails as R } from "./als-react-ts-ui167.js";
+import { jsxs as oe, jsx as c } from "react/jsx-runtime";
+import { useHoverReferenceInteraction as se } from "./als-react-ts-ui289.js";
+import { safePolygon as ne } from "./als-react-ts-ui290.js";
+import { useClick as ie } from "./als-react-ts-ui200.js";
+import { useInteractions as ae } from "./als-react-ts-ui201.js";
+import { getTabbableBeforeElement as ce, isOutsideEvent as pe, getTabbableAfterElement as ue, getNextTabbable as le } from "./als-react-ts-ui291.js";
+import { useTriggerDataForwarding as ge } from "./als-react-ts-ui199.js";
+import { triggerPress as P, focusOut as O } from "./als-react-ts-ui168.js";
+import { contains as me } from "./als-react-ts-ui241.js";
+const fe = /* @__PURE__ */ o.forwardRef(function(l, F) {
+  const {
+    render: be,
+    className: Te,
+    disabled: n = !1,
+    nativeButton: S = !0,
+    handle: y,
+    payload: C,
+    openOnHover: g = !1,
+    delay: I = te,
+    closeDelay: m = 0,
+    id: x,
+    ...M
+  } = l, B = Q(!0), e = y?.store ?? B?.store;
+  if (!e)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Popover.Trigger> must be either used within a <Popover.Root> component or provided with a handle." : J(74));
+  const s = re(x), f = e.useState("isTriggerActive", s), i = e.useState("floatingRootContext"), d = e.useState("isOpenedByTrigger", s), [p, N] = o.useState(null), {
+    registerTrigger: D,
+    isMountedByThisTrigger: w
+  } = ge(s, p, e, {
+    payload: C,
+    disabled: n,
+    openOnHover: g,
+    closeDelay: m
+  }), u = e.useState("openChangeReason"), A = e.useState("stickIfOpen"), k = e.useState("openMethod"), G = se(i, {
+    enabled: i != null && g && (k !== "touch" || u !== P),
+    mouseOnly: !0,
+    move: !1,
+    handleClose: ne(),
+    restMs: I,
+    delay: {
+      close: m
+    },
+    triggerElement: p,
+    isActiveTrigger: f
+  }), _ = ie(i, {
+    enabled: i != null,
+    stickIfOpen: A
+  }), j = ae([_]), H = e.useState("triggerProps", w), L = o.useMemo(() => ({
+    disabled: n,
+    open: d
+  }), [n, d]), {
+    getButtonProps: U,
+    buttonRef: V
+  } = W({
+    disabled: n,
+    native: S
+  }), K = o.useMemo(() => ({
+    open(t) {
+      return t && u === P ? X.open(t) : Z.open(t);
+    }
+  }), [u]), b = $("button", l, {
+    state: L,
+    ref: [V, F, D, N],
+    props: [j.getReferenceProps(), G, H, {
+      [ee]: "",
+      id: s
+    }, M, U],
+    stateAttributesMapping: K
+  }), T = o.useRef(null), Y = v((t) => {
+    h.flushSync(() => {
+      e.setOpen(!1, R(O, t.nativeEvent, t.currentTarget));
+    }), ce(T.current)?.focus();
+  }), q = v((t) => {
+    const a = e.select("positionerElement");
+    if (a && pe(t, a))
+      e.context.beforeContentFocusGuardRef.current?.focus();
+    else {
+      h.flushSync(() => {
+        e.setOpen(!1, R(O, t.nativeEvent, t.currentTarget));
+      });
+      let r = ue(p);
+      for (; r !== null && me(a, r) || r?.hasAttribute("aria-hidden"); ) {
+        const z = r;
+        if (r = le(r), r === z)
+          break;
+      }
+      r?.focus();
+    }
+  });
+  return f ? /* @__PURE__ */ oe(o.Fragment, {
+    children: [/* @__PURE__ */ c(E, {
+      ref: T,
+      onFocus: Y
+    }), /* @__PURE__ */ c(o.Fragment, {
+      children: b
+    }, s), /* @__PURE__ */ c(E, {
+      ref: e.context.triggerFocusTargetRef,
+      onFocus: q
+    })]
+  }) : /* @__PURE__ */ c(o.Fragment, {
+    children: b
+  }, s);
+});
+process.env.NODE_ENV !== "production" && (fe.displayName = "PopoverTrigger");
+export {
+  fe as PopoverTrigger
+};

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

@@ -0,0 +1,110 @@
+import * as n from "react";
+import { inertValue as U } from "./als-react-ts-ui194.js";
+import { useIsoLayoutEffect as q } from "./als-react-ts-ui161.js";
+import { usePopoverRootContext as z } from "./als-react-ts-ui284.js";
+import { PopoverPositionerContext as G } from "./als-react-ts-ui293.js";
+import { useAnchorPositioning as J } from "./als-react-ts-ui272.js";
+import { popupStateMapping as K } from "./als-react-ts-ui188.js";
+import { usePopoverPortalContext as Q } from "./als-react-ts-ui292.js";
+import { InternalBackdrop as W } from "./als-react-ts-ui195.js";
+import { useRenderElement as X } from "./als-react-ts-ui166.js";
+import { POPUP_COLLISION_AVOIDANCE as Y } from "./als-react-ts-ui198.js";
+import { useAnimationsFinished as Z } from "./als-react-ts-ui217.js";
+import { adaptiveOrigin as $ } from "./als-react-ts-ui294.js";
+import { getDisabledMountTransitionStyles as ee } from "./als-react-ts-ui279.js";
+import { jsxs as te, jsx as h } from "react/jsx-runtime";
+import { useFloatingNodeId as oe, FloatingNode as ne } from "./als-react-ts-ui286.js";
+import { triggerHover as re } from "./als-react-ts-ui168.js";
+const ie = /* @__PURE__ */ n.forwardRef(function(a, S) {
+  const {
+    render: ae,
+    className: pe,
+    anchor: v,
+    positionMethod: E = "absolute",
+    side: y = "bottom",
+    align: R = "center",
+    sideOffset: C = 0,
+    alignOffset: M = 0,
+    collisionBoundary: T = "clipping-ancestors",
+    collisionPadding: x = 5,
+    arrowPadding: A = 5,
+    sticky: O = !1,
+    disableAnchorTracking: b = !1,
+    collisionAvoidance: N = Y,
+    ...I
+  } = a, {
+    store: e
+  } = z(), k = Q(), p = oe(), c = e.useState("floatingRootContext"), i = e.useState("mounted"), r = e.useState("open"), F = e.useState("openMethod"), H = e.useState("openChangeReason"), w = e.useState("activeTriggerElement"), B = e.useState("modal"), D = e.useState("positionerElement"), l = e.useState("instantType"), L = e.useState("transitionStatus"), m = n.useRef(null), d = Z(D, !1, !1), s = J({
+    anchor: v,
+    floatingRootContext: c,
+    positionMethod: E,
+    mounted: i,
+    side: y,
+    sideOffset: C,
+    align: R,
+    alignOffset: M,
+    arrowPadding: A,
+    collisionBoundary: T,
+    collisionPadding: x,
+    sticky: O,
+    disableAnchorTracking: b,
+    keepMounted: k,
+    nodeId: p,
+    collisionAvoidance: N,
+    adaptiveOrigin: $
+  }), u = n.useMemo(() => {
+    const t = {};
+    return r || (t.pointerEvents = "none"), {
+      role: "presentation",
+      hidden: !i,
+      style: {
+        ...s.positionerStyles,
+        ...t
+      }
+    };
+  }, [r, i, s.positionerStyles]), o = n.useMemo(() => ({
+    props: u,
+    ...s
+  }), [u, s]), f = c?.select("domReferenceElement");
+  q(() => {
+    const t = f, g = m.current;
+    if (t && (m.current = t), g && t && t !== g) {
+      e.set("instantType", void 0);
+      const P = new AbortController();
+      return d(() => {
+        e.set("instantType", "trigger-change");
+      }, P.signal), () => {
+        P.abort();
+      };
+    }
+  }, [f, d, e]);
+  const V = n.useMemo(() => ({
+    open: r,
+    side: o.side,
+    align: o.align,
+    anchorHidden: o.anchorHidden,
+    instant: l
+  }), [r, o.side, o.align, o.anchorHidden, l]), _ = n.useCallback((t) => {
+    e.set("positionerElement", t);
+  }, [e]), j = X("div", a, {
+    state: V,
+    props: [o.props, ee(L), I],
+    ref: [S, _],
+    stateAttributesMapping: K
+  });
+  return /* @__PURE__ */ te(G.Provider, {
+    value: o,
+    children: [i && B === !0 && H !== re && F !== "touch" && /* @__PURE__ */ h(W, {
+      ref: e.context.internalBackdropRef,
+      inert: U(!r),
+      cutout: w
+    }), /* @__PURE__ */ h(ne, {
+      id: p,
+      children: j
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (ie.displayName = "PopoverPositioner");
+export {
+  ie as PopoverPositioner
+};

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

@@ -0,0 +1,111 @@
+import * as r from "react";
+import { isHTMLElement as w } from "./als-react-ts-ui221.js";
+import { usePopoverRootContext as A } from "./als-react-ts-ui284.js";
+import { usePopoverPositionerContext as G } from "./als-react-ts-ui293.js";
+import { popupStateMapping as K } from "./als-react-ts-ui188.js";
+import { transitionStatusMapping as Y } from "./als-react-ts-ui189.js";
+import { useOpenChangeComplete as j } from "./als-react-ts-ui183.js";
+import { useRenderElement as B } from "./als-react-ts-ui166.js";
+import { usePopupAutoResize as J } from "./als-react-ts-ui295.js";
+import { useDirection as V } from "./als-react-ts-ui164.js";
+import { COMPOSITE_KEYS as q } from "./als-react-ts-ui178.js";
+import { useToolbarRootContext as Q } from "./als-react-ts-ui278.js";
+import { getDisabledMountTransitionStyles as U } from "./als-react-ts-ui279.js";
+import { jsx as W } from "react/jsx-runtime";
+import { useHoverFloatingInteraction as X } from "./als-react-ts-ui296.js";
+import { EMPTY_OBJECT as Z } from "./als-react-ts-ui212.js";
+import { FloatingFocusManager as $ } from "./als-react-ts-ui193.js";
+import { triggerHover as ee } from "./als-react-ts-ui168.js";
+const te = {
+  ...K,
+  ...Y
+}, oe = /* @__PURE__ */ r.forwardRef(function(p, f) {
+  const {
+    className: se,
+    render: ie,
+    initialFocus: u,
+    finalFocus: g,
+    ...S
+  } = p, {
+    store: e
+  } = A(), o = G(), E = Q() != null, l = V(), s = e.useState("open"), b = e.useState("openMethod"), c = e.useState("instantType"), a = e.useState("transitionStatus"), y = e.useState("popupProps"), x = e.useState("titleElementId"), C = e.useState("descriptionElementId"), P = e.useState("modal"), m = e.useState("mounted"), v = e.useState("openChangeReason"), M = e.useState("popupElement"), F = e.useState("payload"), R = e.useState("positionerElement"), d = e.useState("activeTriggerElement"), i = e.useState("floatingRootContext");
+  j({
+    open: s,
+    ref: e.context.popupRef,
+    onComplete() {
+      s && e.context.onOpenChangeComplete?.(!0);
+    }
+  });
+  const h = e.useState("disabled"), T = e.useState("openOnHover"), I = e.useState("closeDelay");
+  X(i, {
+    enabled: T && !h,
+    closeDelay: I
+  });
+  function O(t) {
+    return t === "touch" ? e.context.popupRef.current : !0;
+  }
+  const D = u === void 0 ? O : u, L = r.useMemo(() => ({
+    open: s,
+    side: o.side,
+    align: o.align,
+    instant: c,
+    transitionStatus: a
+  }), [s, o.side, o.align, c, a]), H = r.useCallback((t) => {
+    e.set("popupElement", t);
+  }, [e]);
+  function z() {
+    i.context.events.emit("measure-layout");
+  }
+  function N(t, n) {
+    i.context.events.emit("measure-layout-complete", {
+      previousDimensions: t,
+      nextDimensions: n
+    });
+  }
+  J({
+    popupElement: M,
+    positionerElement: R,
+    mounted: m,
+    content: F,
+    enabled: () => e.context.triggerElements.size > 1,
+    onMeasureLayout: z,
+    onMeasureLayoutComplete: N
+  });
+  const _ = r.useMemo(() => {
+    let t = o.side === "top", n = o.side === "left";
+    return l === "rtl" ? (t = t || o.side === "inline-end", n = n || o.side === "inline-end") : (t = t || o.side === "inline-start", n = n || o.side === "inline-start"), t ? {
+      position: "absolute",
+      [o.side === "top" ? "bottom" : "top"]: "0",
+      [n ? "right" : "left"]: "0"
+    } : Z;
+  }, [o.side, l]), k = B("div", p, {
+    state: L,
+    ref: [f, e.context.popupRef, H],
+    props: [y, {
+      "aria-labelledby": x,
+      "aria-describedby": C,
+      style: _,
+      onKeyDown(t) {
+        E && q.has(t.key) && t.stopPropagation();
+      }
+    }, U(a), S],
+    stateAttributesMapping: te
+  });
+  return /* @__PURE__ */ W($, {
+    context: i,
+    openInteractionType: b,
+    modal: P === "trap-focus",
+    disabled: !m || v === ee,
+    initialFocus: D,
+    returnFocus: g,
+    restoreFocus: "popup",
+    previousFocusableElement: w(d) ? d : void 0,
+    nextFocusableElement: e.context.triggerFocusTargetRef,
+    beforeContentFocusGuardRef: e.context.beforeContentFocusGuardRef,
+    children: k
+  });
+});
+process.env.NODE_ENV !== "production" && (oe.displayName = "PopoverPopup");
+export {
+  oe as PopoverPopup
+};

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

@@ -0,0 +1,38 @@
+import * as s from "react";
+import { usePopoverPositionerContext as d } from "./als-react-ts-ui293.js";
+import { usePopoverRootContext as f } from "./als-react-ts-ui284.js";
+import { popupStateMapping as l } from "./als-react-ts-ui188.js";
+import { useRenderElement as v } from "./als-react-ts-ui166.js";
+const w = /* @__PURE__ */ s.forwardRef(function(e, p) {
+  const {
+    className: R,
+    render: A,
+    ...a
+  } = e, {
+    store: i
+  } = f(), o = i.useState("open"), {
+    arrowRef: m,
+    side: r,
+    align: t,
+    arrowUncentered: n,
+    arrowStyles: c
+  } = d(), u = s.useMemo(() => ({
+    open: o,
+    side: r,
+    align: t,
+    uncentered: n
+  }), [o, r, t, n]);
+  return v("div", e, {
+    state: u,
+    ref: [p, m],
+    props: [{
+      style: c,
+      "aria-hidden": !0
+    }, a],
+    stateAttributesMapping: l
+  });
+});
+process.env.NODE_ENV !== "production" && (w.displayName = "PopoverArrow");
+export {
+  w as PopoverArrow
+};

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

@@ -0,0 +1,26 @@
+import * as n from "react";
+import { useIsoLayoutEffect as i } from "./als-react-ts-ui161.js";
+import { usePopoverRootContext as m } from "./als-react-ts-ui284.js";
+import { useRenderElement as p } from "./als-react-ts-ui166.js";
+import { useBaseUiId as f } from "./als-react-ts-ui170.js";
+const l = /* @__PURE__ */ n.forwardRef(function(o, s) {
+  const {
+    render: c,
+    className: u,
+    ...r
+  } = o, {
+    store: e
+  } = m(), t = f(r.id);
+  return i(() => (e.set("titleElementId", t), () => {
+    e.set("titleElementId", void 0);
+  }), [e, t]), p("h2", o, {
+    ref: s,
+    props: [{
+      id: t
+    }, r]
+  });
+});
+process.env.NODE_ENV !== "production" && (l.displayName = "PopoverTitle");
+export {
+  l as PopoverTitle
+};

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

@@ -0,0 +1,26 @@
+import * as n from "react";
+import { useIsoLayoutEffect as i } from "./als-react-ts-ui161.js";
+import { usePopoverRootContext as p } from "./als-react-ts-ui284.js";
+import { useBaseUiId as m } from "./als-react-ts-ui170.js";
+import { useRenderElement as c } from "./als-react-ts-ui166.js";
+const d = /* @__PURE__ */ n.forwardRef(function(r, s) {
+  const {
+    render: u,
+    className: a,
+    ...t
+  } = r, {
+    store: e
+  } = p(), o = m(t.id);
+  return i(() => (e.set("descriptionElementId", o), () => {
+    e.set("descriptionElementId", void 0);
+  }), [e, o]), c("p", r, {
+    ref: s,
+    props: [{
+      id: o
+    }, t]
+  });
+});
+process.env.NODE_ENV !== "production" && (d.displayName = "PopoverDescription");
+export {
+  d as PopoverDescription
+};

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

@@ -0,0 +1,36 @@
+import * as i from "react";
+import { usePopoverRootContext as p } from "./als-react-ts-ui284.js";
+import { useRenderElement as f } from "./als-react-ts-ui166.js";
+import { createChangeEventDetails as c } from "./als-react-ts-ui167.js";
+import { useButton as u } from "./als-react-ts-ui179.js";
+import { closePress as v } from "./als-react-ts-ui168.js";
+const d = /* @__PURE__ */ i.forwardRef(function(e, t) {
+  const {
+    render: C,
+    className: b,
+    disabled: r = !1,
+    nativeButton: n = !0,
+    ...s
+  } = e, {
+    buttonRef: a,
+    getButtonProps: l
+  } = u({
+    disabled: r,
+    focusableWhenDisabled: !1,
+    native: n
+  }), {
+    store: m
+  } = p();
+  return f("button", e, {
+    ref: [t, a],
+    props: [{
+      onClick(o) {
+        m.setOpen(!1, c(v, o.nativeEvent, o.currentTarget));
+      }
+    }, s, l]
+  });
+});
+process.env.NODE_ENV !== "production" && (d.displayName = "PopoverClose");
+export {
+  d as PopoverClose
+};

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

@@ -0,0 +1,39 @@
+import * as r from "react";
+import { usePopoverRootContext as m } from "./als-react-ts-ui284.js";
+import { popupStateMapping as u } from "./als-react-ts-ui188.js";
+import { transitionStatusMapping as d } from "./als-react-ts-ui189.js";
+import { useRenderElement as f } from "./als-react-ts-ui166.js";
+import { triggerHover as l } from "./als-react-ts-ui168.js";
+const S = {
+  ...u,
+  ...d
+}, v = /* @__PURE__ */ r.forwardRef(function(t, s) {
+  const {
+    className: g,
+    render: k,
+    ...p
+  } = t, {
+    store: e
+  } = m(), o = e.useState("open"), a = e.useState("mounted"), n = e.useState("transitionStatus"), i = e.useState("openChangeReason"), c = r.useMemo(() => ({
+    open: o,
+    transitionStatus: n
+  }), [o, n]);
+  return f("div", t, {
+    state: c,
+    ref: [e.context.backdropRef, s],
+    props: [{
+      role: "presentation",
+      hidden: !a,
+      style: {
+        pointerEvents: i === l ? "none" : void 0,
+        userSelect: "none",
+        WebkitUserSelect: "none"
+      }
+    }, p],
+    stateAttributesMapping: S
+  });
+});
+process.env.NODE_ENV !== "production" && (v.displayName = "PopoverBackdrop");
+export {
+  v as PopoverBackdrop
+};