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

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

@@ -0,0 +1,28 @@
+import * as e from "react";
+import { useRenderElement as l } from "./als-react-ts-ui189.js";
+import { MenuGroupContext as p } from "./als-react-ts-ui469.js";
+import { jsx as d } from "react/jsx-runtime";
+const i = /* @__PURE__ */ e.forwardRef(function(r, t) {
+  const {
+    render: c,
+    className: f,
+    ...n
+  } = r, [s, o] = e.useState(void 0), u = e.useMemo(() => ({
+    setLabelId: o
+  }), [o]), a = l("div", r, {
+    ref: t,
+    props: {
+      role: "group",
+      "aria-labelledby": s,
+      ...n
+    }
+  });
+  return /* @__PURE__ */ d(p.Provider, {
+    value: u,
+    children: a
+  });
+});
+process.env.NODE_ENV !== "production" && (i.displayName = "MenuGroup");
+export {
+  i as MenuGroup
+};

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

@@ -0,0 +1,29 @@
+import * as u from "react";
+import { useIsoLayoutEffect as p } from "./als-react-ts-ui193.js";
+import { useRenderElement as i } from "./als-react-ts-ui189.js";
+import { useBaseUiId as a } from "./als-react-ts-ui249.js";
+import { useMenuGroupRootContext as m } from "./als-react-ts-ui469.js";
+const d = /* @__PURE__ */ u.forwardRef(function(r, t) {
+  const {
+    className: c,
+    render: l,
+    id: n,
+    ...s
+  } = r, e = a(n), {
+    setLabelId: o
+  } = m();
+  return p(() => (o(e), () => {
+    o(void 0);
+  }), [o, e]), i("div", r, {
+    ref: t,
+    props: {
+      id: e,
+      role: "presentation",
+      ...s
+    }
+  });
+});
+process.env.NODE_ENV !== "production" && (d.displayName = "MenuGroupLabel");
+export {
+  d as MenuGroupLabel
+};

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

@@ -0,0 +1,45 @@
+import * as o from "react";
+import { useControlled as v } from "./als-react-ts-ui282.js";
+import { useStableCallback as l } from "./als-react-ts-ui192.js";
+import { MenuRadioGroupContext as V } from "./als-react-ts-ui473.js";
+import { useRenderElement as G } from "./als-react-ts-ui189.js";
+import { jsx as b } from "react/jsx-runtime";
+const g = /* @__PURE__ */ o.memo(/* @__PURE__ */ o.forwardRef(function(r, s) {
+  const {
+    render: x,
+    className: N,
+    value: d,
+    defaultValue: i,
+    onValueChange: m,
+    disabled: e = !1,
+    ...p
+  } = r, [a, c] = v({
+    controlled: d,
+    default: i,
+    name: "MenuRadioGroup"
+  }), f = l(m), n = l((t, u) => {
+    f?.(t, u), !u.isCanceled && c(t);
+  }), R = o.useMemo(() => ({
+    disabled: e
+  }), [e]), C = G("div", r, {
+    state: R,
+    ref: s,
+    props: {
+      role: "group",
+      "aria-disabled": e || void 0,
+      ...p
+    }
+  }), M = o.useMemo(() => ({
+    value: a,
+    setValue: n,
+    disabled: e
+  }), [a, n, e]);
+  return /* @__PURE__ */ b(V.Provider, {
+    value: M,
+    children: C
+  });
+}));
+process.env.NODE_ENV !== "production" && (g.displayName = "MenuRadioGroup");
+export {
+  g as MenuRadioGroup
+};

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

@@ -0,0 +1,75 @@
+import * as a from "react";
+import { useStableCallback as S } from "./als-react-ts-ui192.js";
+import { useMenuRootContext as V } from "./als-react-ts-ui465.js";
+import { useRenderElement as A } from "./als-react-ts-ui189.js";
+import { useBaseUiId as D } from "./als-react-ts-ui249.js";
+import { useMenuRadioGroupContext as O } from "./als-react-ts-ui473.js";
+import { MenuRadioItemContext as U } from "./als-react-ts-ui474.js";
+import { itemMapping as B } from "./als-react-ts-ui472.js";
+import { useCompositeListItem as G } from "./als-react-ts-ui290.js";
+import { useMenuItem as L, REGULAR_ITEM as _ } from "./als-react-ts-ui470.js";
+import { useMenuPositionerContext as j } from "./als-react-ts-ui468.js";
+import { createChangeEventDetails as w } from "./als-react-ts-ui246.js";
+import { jsx as y } from "react/jsx-runtime";
+import { itemPress as T } from "./als-react-ts-ui248.js";
+const q = /* @__PURE__ */ a.forwardRef(function(s, d) {
+  const {
+    render: F,
+    className: H,
+    id: l,
+    label: u,
+    nativeButton: c = !1,
+    disabled: p = !1,
+    closeOnClick: f = !1,
+    value: r,
+    ...M
+  } = s, n = G({
+    label: u
+  }), v = j(!0), C = D(l), {
+    store: e
+  } = V(), t = e.useState("isActive", n.index), I = e.useState("itemProps"), {
+    value: R,
+    setValue: b,
+    disabled: P
+  } = O(), o = P || p, i = R === r, {
+    getItemProps: h,
+    itemRef: x
+  } = L({
+    closeOnClick: f,
+    disabled: o,
+    highlighted: t,
+    id: C,
+    store: e,
+    nativeButton: c,
+    nodeId: v?.nodeId,
+    itemMetadata: _
+  }), m = a.useMemo(() => ({
+    disabled: o,
+    highlighted: t,
+    checked: i
+  }), [o, t, i]), g = S((k) => {
+    const N = {
+      ...w(T, k.nativeEvent),
+      preventUnmountOnClose: () => {
+      }
+    };
+    b(r, N);
+  }), E = A("div", s, {
+    state: m,
+    stateAttributesMapping: B,
+    props: [I, {
+      role: "menuitemradio",
+      "aria-checked": i,
+      onClick: g
+    }, M, h],
+    ref: [x, d, n.ref]
+  });
+  return /* @__PURE__ */ y(U.Provider, {
+    value: m,
+    children: E
+  });
+});
+process.env.NODE_ENV !== "production" && (q.displayName = "MenuRadioItem");
+export {
+  q as MenuRadioItem
+};

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

@@ -0,0 +1,44 @@
+import * as t from "react";
+import { useMenuRadioItemContext as m } from "./als-react-ts-ui474.js";
+import { useRenderElement as p } from "./als-react-ts-ui189.js";
+import { itemMapping as u } from "./als-react-ts-ui472.js";
+import { useTransitionStatus as l } from "./als-react-ts-ui344.js";
+import { useOpenChangeComplete as h } from "./als-react-ts-ui253.js";
+const f = /* @__PURE__ */ t.forwardRef(function(o, d) {
+  const {
+    render: M,
+    className: R,
+    keepMounted: r = !1,
+    ...s
+  } = o, e = m(), n = t.useRef(null), {
+    transitionStatus: i,
+    setMounted: a
+  } = l(e.checked);
+  h({
+    open: e.checked,
+    ref: n,
+    onComplete() {
+      e.checked || a(!1);
+    }
+  });
+  const c = t.useMemo(() => ({
+    checked: e.checked,
+    disabled: e.disabled,
+    highlighted: e.highlighted,
+    transitionStatus: i
+  }), [e.checked, e.disabled, e.highlighted, i]);
+  return p("span", o, {
+    state: c,
+    stateAttributesMapping: u,
+    ref: [d, n],
+    props: {
+      "aria-hidden": !0,
+      ...s
+    },
+    enabled: r || e.checked
+  });
+});
+process.env.NODE_ENV !== "production" && (f.displayName = "MenuRadioItemIndicator");
+export {
+  f as MenuRadioItemIndicator
+};

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

@@ -0,0 +1,35 @@
+import { jsx as u } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import t from "./als-react-ts-ui72.js";
+import { Input as f } from "./als-react-ts-ui73.js";
+const l = a(
+  ({
+    variant: o = "outlined",
+    size: n = "md",
+    status: p = "default",
+    className: r,
+    disabled: i = !1,
+    ...e
+  }, m) => {
+    const s = [
+      t.input,
+      t[`input--${o}`],
+      t[`input--${n}`],
+      t[`input--${p}`],
+      r
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ u(
+      f,
+      {
+        ref: m,
+        className: s,
+        disabled: i,
+        ...e
+      }
+    );
+  }
+);
+l.displayName = "ALSInput";
+export {
+  l as ALSInput
+};

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

@@ -0,0 +1,78 @@
+import * as c from "react";
+import { useStableCallback as A } from "./als-react-ts-ui192.js";
+import { useControlled as O } from "./als-react-ts-ui282.js";
+import { MenuCheckboxItemContext as S } from "./als-react-ts-ui471.js";
+import { useMenuItem as U, REGULAR_ITEM as B } from "./als-react-ts-ui470.js";
+import { useCompositeListItem as D } from "./als-react-ts-ui290.js";
+import { useMenuRootContext as L } from "./als-react-ts-ui465.js";
+import { useRenderElement as _ } from "./als-react-ts-ui189.js";
+import { useBaseUiId as j } from "./als-react-ts-ui249.js";
+import { itemMapping as w } from "./als-react-ts-ui472.js";
+import { useMenuPositionerContext as y } from "./als-react-ts-ui468.js";
+import { createChangeEventDetails as G } from "./als-react-ts-ui246.js";
+import { jsx as T } from "react/jsx-runtime";
+import { itemPress as V } from "./als-react-ts-ui248.js";
+const q = /* @__PURE__ */ c.forwardRef(function(r, a) {
+  const {
+    render: F,
+    className: H,
+    id: d,
+    label: l,
+    nativeButton: u = !1,
+    disabled: t = !1,
+    closeOnClick: p = !1,
+    checked: f,
+    defaultChecked: C,
+    onCheckedChange: h,
+    ...k
+  } = r, s = D({
+    label: l
+  }), x = y(!0), I = j(d), {
+    store: o
+  } = L(), n = o.useState("isActive", s.index), M = o.useState("itemProps"), [e, b] = O({
+    controlled: f,
+    default: C ?? !1,
+    name: "MenuCheckboxItem",
+    state: "checked"
+  }), {
+    getItemProps: v,
+    itemRef: P
+  } = U({
+    closeOnClick: p,
+    disabled: t,
+    highlighted: n,
+    id: I,
+    store: o,
+    nativeButton: u,
+    nodeId: x?.nodeId,
+    itemMetadata: B
+  }), i = c.useMemo(() => ({
+    disabled: t,
+    highlighted: n,
+    checked: e
+  }), [t, n, e]), g = A((R) => {
+    const m = {
+      ...G(V, R.nativeEvent),
+      preventUnmountOnClose: () => {
+      }
+    };
+    h?.(!e, m), !m.isCanceled && b((N) => !N);
+  }), E = _("div", r, {
+    state: i,
+    stateAttributesMapping: w,
+    props: [M, {
+      role: "menuitemcheckbox",
+      "aria-checked": e,
+      onClick: g
+    }, k, v],
+    ref: [P, a, s.ref]
+  });
+  return /* @__PURE__ */ T(S.Provider, {
+    value: i,
+    children: E
+  });
+});
+process.env.NODE_ENV !== "production" && (q.displayName = "MenuCheckboxItem");
+export {
+  q as MenuCheckboxItem
+};

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

@@ -0,0 +1,44 @@
+import * as t from "react";
+import { useMenuCheckboxItemContext as m } from "./als-react-ts-ui471.js";
+import { useRenderElement as h } from "./als-react-ts-ui189.js";
+import { itemMapping as p } from "./als-react-ts-ui472.js";
+import { useTransitionStatus as u } from "./als-react-ts-ui344.js";
+import { useOpenChangeComplete as l } from "./als-react-ts-ui253.js";
+const f = /* @__PURE__ */ t.forwardRef(function(o, r) {
+  const {
+    render: b,
+    className: g,
+    keepMounted: s = !1,
+    ...c
+  } = o, e = m(), n = t.useRef(null), {
+    transitionStatus: i,
+    setMounted: d
+  } = u(e.checked);
+  l({
+    open: e.checked,
+    ref: n,
+    onComplete() {
+      e.checked || d(!1);
+    }
+  });
+  const a = t.useMemo(() => ({
+    checked: e.checked,
+    disabled: e.disabled,
+    highlighted: e.highlighted,
+    transitionStatus: i
+  }), [e.checked, e.disabled, e.highlighted, i]);
+  return h("span", o, {
+    state: a,
+    ref: [r, n],
+    stateAttributesMapping: p,
+    props: {
+      "aria-hidden": !0,
+      ...c
+    },
+    enabled: s || e.checked
+  });
+});
+process.env.NODE_ENV !== "production" && (f.displayName = "MenuCheckboxItemIndicator");
+export {
+  f as MenuCheckboxItemIndicator
+};

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

@@ -0,0 +1,101 @@
+import _ from "./als-react-ts-ui259.js";
+import * as n from "react";
+import { useMenuRootContext as L } from "./als-react-ts-ui465.js";
+import { useBaseUiId as j } from "./als-react-ts-ui249.js";
+import { triggerOpenStateMapping as q } from "./als-react-ts-ui244.js";
+import { useCompositeListItem as z } from "./als-react-ts-ui290.js";
+import { useMenuItem as F } from "./als-react-ts-ui470.js";
+import { useRenderElement as G } from "./als-react-ts-ui189.js";
+import { useMenuPositionerContext as J } from "./als-react-ts-ui468.js";
+import { useMenuSubmenuRootContext as K } from "./als-react-ts-ui475.js";
+import { useTriggerRegistration as Q } from "./als-react-ts-ui261.js";
+import { useHoverReferenceInteraction as W } from "./als-react-ts-ui359.js";
+import { safePolygon as X } from "./als-react-ts-ui360.js";
+import { useClick as Y } from "./als-react-ts-ui262.js";
+import { useInteractions as Z } from "./als-react-ts-ui263.js";
+const $ = /* @__PURE__ */ n.forwardRef(function(m, S) {
+  const {
+    render: te,
+    className: oe,
+    label: re,
+    id: I,
+    nativeButton: T = !1,
+    openOnHover: a = !0,
+    delay: g = 100,
+    closeDelay: s = 0,
+    disabled: E = !1,
+    ...R
+  } = m, i = z(), x = J(), {
+    store: e
+  } = L(), u = j(I), l = e.useState("open"), p = e.useState("floatingRootContext"), P = e.useState("floatingTreeRoot"), d = Q(u, e), C = n.useCallback((c) => {
+    const U = d(c);
+    return c !== null && e.select("open") && e.select("activeTriggerId") == null && e.update({
+      activeTriggerId: u,
+      activeTriggerElement: c,
+      closeDelay: s
+    }), U;
+  }, [d, s, e, u]), [f, h] = n.useState(null), b = K();
+  if (!b?.parentMenu)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Menu.SubmenuTrigger> must be placed in <Menu.SubmenuRoot>." : _(37));
+  e.useSyncedValues({
+    closeDelay: s,
+    activeTriggerElement: f
+  });
+  const t = b.parentMenu, y = t.useState("itemProps"), o = t.useState("isActive", i.index), O = n.useMemo(() => ({
+    type: "submenu-trigger",
+    setActive: () => t.set("activeIndex", i.index)
+  }), [t, i.index]), k = e.useState("disabled"), r = E || k, {
+    getItemProps: w,
+    itemRef: N
+  } = F({
+    closeOnClick: !1,
+    disabled: r,
+    highlighted: o,
+    id: u,
+    store: e,
+    nativeButton: T,
+    itemMetadata: O,
+    nodeId: x?.nodeId
+  }), B = e.useState("hoverEnabled"), M = e.useState("allowMouseEnter"), D = W(p, {
+    enabled: B && a && !r,
+    handleClose: X({
+      blockPointerEvents: !0
+    }),
+    mouseOnly: !0,
+    move: !0,
+    restMs: M ? g : void 0,
+    delay: {
+      open: M ? g : 10 ** 10,
+      close: s
+    },
+    triggerElement: f,
+    externalTree: P
+  }), A = Y(p, {
+    enabled: !r,
+    event: "mousedown",
+    toggle: !a,
+    ignoreMouse: a,
+    stickIfOpen: !1
+  }), V = Z([A]), v = e.useState("triggerProps", !0);
+  delete v.id;
+  const H = n.useMemo(() => ({
+    disabled: r,
+    highlighted: o,
+    open: l
+  }), [r, o, l]);
+  return G("div", m, {
+    state: H,
+    stateAttributesMapping: q,
+    props: [V.getReferenceProps(), D, v, y, {
+      tabIndex: l || o ? 0 : -1,
+      onBlur() {
+        o && t.set("activeIndex", null);
+      }
+    }, R, w],
+    ref: [S, i.ref, N, C, h]
+  });
+});
+process.env.NODE_ENV !== "production" && ($.displayName = "MenuSubmenuTrigger");
+export {
+  $ as MenuSubmenuTrigger
+};

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

@@ -0,0 +1,24 @@
+import * as u from "react";
+import { MenuRoot as m } from "./als-react-ts-ui198.js";
+import { useMenuRootContext as s } from "./als-react-ts-ui465.js";
+import { MenuSubmenuRootContext as c } from "./als-react-ts-ui475.js";
+import { useMenuSubmenuRootContext as R } from "./als-react-ts-ui475.js";
+import { jsx as t } from "react/jsx-runtime";
+function M(o) {
+  const {
+    closeParentOnEsc: n = !1
+  } = o, e = s().store, r = u.useMemo(() => ({
+    parentMenu: e
+  }), [e]);
+  return /* @__PURE__ */ t(c.Provider, {
+    value: r,
+    children: /* @__PURE__ */ t(m, {
+      ...o,
+      closeParentOnEsc: n
+    })
+  });
+}
+export {
+  M as MenuSubmenuRoot,
+  R as useMenuSubmenuRootContext
+};

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

@@ -0,0 +1,24 @@
+import * as s from "react";
+import { useMenuRootContext as a } from "./als-react-ts-ui465.js";
+import { MenuPortalContext as l } from "./als-react-ts-ui467.js";
+import { jsx as t } from "react/jsx-runtime";
+import { FloatingPortal as m } from "./als-react-ts-ui258.js";
+const d = /* @__PURE__ */ s.forwardRef(function(e, r) {
+  const {
+    keepMounted: o = !1,
+    ...n
+  } = e, {
+    store: u
+  } = a();
+  return u.useState("mounted") || o ? /* @__PURE__ */ t(l.Provider, {
+    value: o,
+    children: /* @__PURE__ */ t(m, {
+      ref: r,
+      ...n
+    })
+  }) : null;
+});
+process.env.NODE_ENV !== "production" && (d.displayName = "MenuPortal");
+export {
+  d as MenuPortal
+};

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

@@ -0,0 +1,36 @@
+const u = "_root_ruqux_4", _ = "_label_ruqux_13", t = "_input_ruqux_25", o = "_icon_ruqux_111", i = "_positioner_ruqux_131", n = "_popup_ruqux_138", p = "_list_ruqux_157", e = "_option_ruqux_184", r = "_empty_ruqux_217", l = "_value_ruqux_227", s = {
+  root: u,
+  label: _,
+  input: t,
+  "input--default": "_input--default_ruqux_56",
+  "input--filled": "_input--filled_ruqux_60",
+  "input--outlined": "_input--outlined_ruqux_70",
+  "input--sm": "_input--sm_ruqux_78",
+  "input--md": "_input--md_ruqux_84",
+  "input--lg": "_input--lg_ruqux_90",
+  "input--error": "_input--error_ruqux_99",
+  icon: o,
+  "icon--open": "_icon--open_ruqux_124",
+  positioner: i,
+  popup: n,
+  list: p,
+  option: e,
+  "option--highlighted": "_option--highlighted_ruqux_198",
+  "option--selected": "_option--selected_ruqux_202",
+  "option--disabled": "_option--disabled_ruqux_208",
+  empty: r,
+  value: l
+};
+export {
+  s as default,
+  r as empty,
+  o as icon,
+  t as input,
+  _ as label,
+  p as list,
+  e as option,
+  n as popup,
+  i as positioner,
+  u as root,
+  l as value
+};

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

@@ -0,0 +1,22 @@
+import "react";
+import { AriaCombobox as n } from "./als-react-ts-ui452.js";
+import { jsx as r } from "react/jsx-runtime";
+function d(e) {
+  const {
+    multiple: o = !1,
+    defaultValue: l,
+    value: t,
+    onValueChange: a,
+    ...u
+  } = e;
+  return /* @__PURE__ */ r(n, {
+    ...u,
+    selectionMode: o ? "multiple" : "single",
+    selectedValue: t,
+    defaultSelectedValue: l,
+    onSelectedValueChange: a
+  });
+}
+export {
+  d as ComboboxRoot
+};

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

@@ -0,0 +1,18 @@
+import * as c from "react";
+import { useComboboxRootContext as u } from "./als-react-ts-ui454.js";
+import { resolveSelectedLabel as f } from "./als-react-ts-ui404.js";
+import { selectors as r } from "./als-react-ts-ui455.js";
+import { jsx as a } from "react/jsx-runtime";
+import { useStore as l } from "./als-react-ts-ui408.js";
+function V(i) {
+  const {
+    children: e
+  } = i, t = u(), m = l(t, r.itemToStringLabel), n = l(t, r.selectedValue), s = l(t, r.items);
+  let o = null;
+  return typeof e == "function" ? o = e(n) : e != null ? o = e : o = f(n, s, m), /* @__PURE__ */ a(c.Fragment, {
+    children: o
+  });
+}
+export {
+  V as ComboboxValue
+};

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

@@ -0,0 +1,15 @@
+const o = "_root_3fqlg_1", l = "_label_3fqlg_8", r = "_control_3fqlg_15", e = "_helperText_3fqlg_42", t = "_error_3fqlg_48", _ = {
+  root: o,
+  label: l,
+  control: r,
+  helperText: e,
+  error: t
+};
+export {
+  r as control,
+  _ as default,
+  t as error,
+  e as helperText,
+  l as label,
+  o as root
+};