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

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

@@ -1,66 +1,89 @@
-import * as O from "react";
-import { useAnimationFrame as P } from "./als-react-ts-ui223.js";
-import { useTimeout as b } from "./als-react-ts-ui229.js";
-import { createChangeEventDetails as v } from "./als-react-ts-ui167.js";
-import { isTypeableElement as I } from "./als-react-ts-ui241.js";
-import { EMPTY_OBJECT as x } from "./als-react-ts-ui212.js";
-import { isMouseLikePointerType as R } from "./als-react-ts-ui180.js";
-import { triggerPress as k } from "./als-react-ts-ui168.js";
-function L(d, M = {}) {
-  const e = "rootStore" in d ? d.rootStore : d, T = e.context.dataRef, {
-    enabled: h = !0,
-    event: a = "click",
-    toggle: g = !0,
-    ignoreMouse: y = !1,
-    stickIfOpen: E = !0,
-    touchOpenDelay: n = 0
-  } = M, i = O.useRef(void 0), w = P(), m = b(), C = O.useMemo(() => ({
-    onPointerDown(t) {
-      i.current = t.pointerType;
-    },
-    onMouseDown(t) {
-      const o = i.current, r = t.nativeEvent, u = e.select("open");
-      if (t.button !== 0 || a === "click" || R(o, !0) && y)
-        return;
-      const s = T.current.openEvent, f = s?.type, l = e.select("domReferenceElement") !== t.currentTarget, c = u && l || !(u && g && (!(s && E) || f === "click" || f === "mousedown"));
-      if (I(r.target)) {
-        const p = v(k, r, r.target);
-        c && o === "touch" && n > 0 ? m.start(n, () => {
-          e.setOpen(!0, p);
-        }) : e.setOpen(c, p);
-        return;
-      }
-      const D = t.currentTarget;
-      w.request(() => {
-        const p = v(k, r, D);
-        c && o === "touch" && n > 0 ? m.start(n, () => {
-          e.setOpen(!0, p);
-        }) : e.setOpen(c, p);
-      });
-    },
-    onClick(t) {
-      if (a === "mousedown-only")
-        return;
-      const o = i.current;
-      if (a === "mousedown" && o) {
-        i.current = void 0;
-        return;
-      }
-      if (R(o, !0) && y)
-        return;
-      const r = e.select("open"), u = T.current.openEvent, s = u?.type, f = e.select("domReferenceElement") !== t.currentTarget, l = r && f || !(r && g && (!(u && E) || s === "click" || s === "mousedown" || s === "keydown" || s === "keyup")), c = v(k, t.nativeEvent, t.currentTarget);
-      l && o === "touch" && n > 0 ? m.start(n, () => {
-        e.setOpen(!0, c);
-      }) : e.setOpen(l, c);
-    },
-    onKeyDown() {
-      i.current = void 0;
+import * as t from "react";
+import { useScrollLock as E } from "./als-react-ts-ui326.js";
+import { MenubarContext as R, useMenubarContext as x } from "./als-react-ts-ui482.js";
+import { useOpenInteractionType as F } from "./als-react-ts-ui327.js";
+import { CompositeRoot as T } from "./als-react-ts-ui484.js";
+import { useBaseUiId as P } from "./als-react-ts-ui249.js";
+import { jsx as a } from "react/jsx-runtime";
+import { FloatingTree as y, useFloatingNodeId as H, useFloatingTree as w, FloatingNode as A } from "./als-react-ts-ui356.js";
+const U = {
+  hasSubmenuOpen(i) {
+    return {
+      "data-has-submenu-open": i ? "true" : "false"
+    };
+  }
+}, j = /* @__PURE__ */ t.forwardRef(function(r, s) {
+  const {
+    orientation: e = "horizontal",
+    loopFocus: p = !0,
+    render: o,
+    className: b,
+    modal: u = !0,
+    disabled: f = !1,
+    id: h,
+    ...g
+  } = r, [c, l] = t.useState(null), [n, M] = t.useState(!1), {
+    openMethod: O,
+    triggerProps: S,
+    reset: d
+  } = F(n);
+  t.useEffect(() => {
+    n || d();
+  }, [n, d]), E(u && n && O !== "touch", c);
+  const m = P(h), I = t.useMemo(() => ({
+    orientation: e,
+    modal: u,
+    hasSubmenuOpen: n
+  }), [e, u, n]), N = t.useRef(null), v = t.useRef(!1), C = t.useMemo(() => ({
+    contentElement: c,
+    setContentElement: l,
+    setHasSubmenuOpen: M,
+    hasSubmenuOpen: n,
+    modal: u,
+    disabled: f,
+    orientation: e,
+    allowMouseUpTriggerRef: v,
+    rootId: m
+  }), [c, n, u, f, e, m]);
+  return /* @__PURE__ */ a(R.Provider, {
+    value: C,
+    children: /* @__PURE__ */ a(y, {
+      children: /* @__PURE__ */ a(k, {
+        children: /* @__PURE__ */ a(T, {
+          render: o,
+          className: b,
+          state: I,
+          stateAttributesMapping: U,
+          refs: [s, l, N],
+          props: [{
+            role: "menubar",
+            id: m
+          }, S, g],
+          orientation: e,
+          loopFocus: p,
+          highlightItemOnHover: n
+        })
+      })
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (j.displayName = "Menubar");
+function k(i) {
+  const r = H(), {
+    events: s
+  } = w(), e = x();
+  return t.useEffect(() => {
+    function p(o) {
+      !o.nodeId || o.parentNodeId !== r || (o.open ? e.hasSubmenuOpen || e.setHasSubmenuOpen(!0) : o.reason !== "sibling-open" && o.reason !== "list-navigation" && e.setHasSubmenuOpen(!1));
     }
-  }), [T, a, y, e, E, g, w, m, n]);
-  return O.useMemo(() => h ? {
-    reference: C
-  } : x, [h, C]);
+    return s.on("menuopenchange", p), () => {
+      s.off("menuopenchange", p);
+    };
+  }, [s, r, e]), /* @__PURE__ */ a(A, {
+    id: r,
+    children: i.children
+  });
 }
 export {
-  L as useClick
+  j as Menubar
 };

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

@@ -1,48 +1,41 @@
-import * as l from "react";
-import { FOCUSABLE_ATTRIBUTE as C, ACTIVE_KEY as s, SELECTED_KEY as E } from "./als-react-ts-ui310.js";
-function k(e = []) {
-  const a = e.map((n) => n?.reference), g = e.map((n) => n?.floating), f = e.map((n) => n?.item), t = e.map((n) => n?.trigger), o = l.useCallback(
-    (n) => u(n, e, "reference"),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    a
-  ), c = l.useCallback(
-    (n) => u(n, e, "floating"),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    g
-  ), i = l.useCallback(
-    (n) => u(n, e, "item"),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    f
-  ), r = l.useCallback(
-    (n) => u(n, e, "trigger"),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    t
-  );
-  return l.useMemo(() => ({
-    getReferenceProps: o,
-    getFloatingProps: c,
-    getItemProps: i,
-    getTriggerProps: r
-  }), [o, c, i, r]);
-}
-function u(e, a, g) {
-  const f = /* @__PURE__ */ new Map(), t = g === "item", o = {};
-  g === "floating" && (o.tabIndex = -1, o[C] = "");
-  for (const c in e)
-    t && e && (c === s || c === E) || (o[c] = e[c]);
-  for (let c = 0; c < a.length; c += 1) {
-    let i;
-    const r = a[c]?.[g];
-    typeof r == "function" ? i = e ? r(e) : null : i = r, i && m(o, i, t, f);
-  }
-  return m(o, e, t, f), o;
-}
-function m(e, a, g, f) {
-  for (const t in a) {
-    const o = a[t];
-    g && (t === s || t === E) || (t.startsWith("on") ? (f.has(t) || f.set(t, []), typeof o == "function" && (f.get(t)?.push(o), e[t] = (...c) => f.get(t)?.map((i) => i(...c)).find((i) => i !== void 0))) : e[t] = o);
-  }
-}
+const a = "_root_1adzq_6", _ = "_label_1adzq_28", r = "_track_1adzq_48", t = "_indicator_1adzq_91", d = "_value_1adzq_119", o = "_meterFill_1adzq_1", i = {
+  root: a,
+  "root--sm": "_root--sm_1adzq_15",
+  "root--md": "_root--md_1adzq_19",
+  "root--lg": "_root--lg_1adzq_23",
+  label: _,
+  "label--sm": "_label--sm_1adzq_35",
+  "label--md": "_label--md_1adzq_39",
+  "label--lg": "_label--lg_1adzq_43",
+  track: r,
+  "track--sm": "_track--sm_1adzq_57",
+  "track--md": "_track--md_1adzq_61",
+  "track--lg": "_track--lg_1adzq_65",
+  "track--primary": "_track--primary_1adzq_70",
+  "track--success": "_track--success_1adzq_74",
+  "track--warning": "_track--warning_1adzq_78",
+  "track--error": "_track--error_1adzq_82",
+  "track--info": "_track--info_1adzq_86",
+  indicator: t,
+  "indicator--primary": "_indicator--primary_1adzq_98",
+  "indicator--success": "_indicator--success_1adzq_102",
+  "indicator--warning": "_indicator--warning_1adzq_106",
+  "indicator--error": "_indicator--error_1adzq_110",
+  "indicator--info": "_indicator--info_1adzq_114",
+  value: d,
+  "value--sm": "_value--sm_1adzq_127",
+  "value--md": "_value--md_1adzq_131",
+  "value--lg": "_value--lg_1adzq_135",
+  "indicator--animated": "_indicator--animated_1adzq_152",
+  meterFill: o,
+  "root--inline": "_root--inline_1adzq_162"
+};
 export {
-  k as useInteractions
+  i as default,
+  t as indicator,
+  _ as label,
+  o as meterFill,
+  a as root,
+  r as track,
+  d as value
 };

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

@@ -1,7 +1,50 @@
-import { CommonPopupDataAttributes as d } from "./als-react-ts-ui188.js";
-let y = (function(n) {
-  return n[n.open = d.open] = "open", n[n.closed = d.closed] = "closed", n[n.startingStyle = d.startingStyle] = "startingStyle", n[n.endingStyle = d.endingStyle] = "endingStyle", n.nested = "data-nested", n.nestedDialogOpen = "data-nested-dialog-open", n;
-})({});
+import * as m from "react";
+import { MeterRootContext as b } from "./als-react-ts-ui493.js";
+import { formatNumber as c } from "./als-react-ts-ui494.js";
+import { useRenderElement as M } from "./als-react-ts-ui189.js";
+import { jsx as N } from "react/jsx-runtime";
+function y(o, t, r) {
+  return r ? c(o, t, r) : c(o / 100, t, {
+    style: "percent"
+  });
+}
+const E = /* @__PURE__ */ m.forwardRef(function(t, r) {
+  const {
+    format: u,
+    getAriaValueText: s,
+    locale: d,
+    max: l = 100,
+    min: n = 0,
+    value: e,
+    render: P,
+    className: w,
+    ...p
+  } = t, [v, f] = m.useState(), a = y(e, d, u);
+  let i = `${e}%`;
+  s ? i = s(a, e) : u && (i = a);
+  const x = {
+    "aria-labelledby": v,
+    "aria-valuemax": l,
+    "aria-valuemin": n,
+    "aria-valuenow": e,
+    "aria-valuetext": i,
+    role: "meter"
+  }, R = m.useMemo(() => ({
+    formattedValue: a,
+    max: l,
+    min: n,
+    setLabelId: f,
+    value: e
+  }), [a, l, n, f, e]), V = M("div", t, {
+    ref: r,
+    props: [x, p]
+  });
+  return /* @__PURE__ */ N(b.Provider, {
+    value: R,
+    children: V
+  });
+});
+process.env.NODE_ENV !== "production" && (E.displayName = "MeterRoot");
 export {
-  y as DialogViewportDataAttributes
+  E as MeterRoot
 };

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

@@ -1,21 +1,25 @@
-import { forwardRef as m, createElement as l } from "react";
-import { mergeClasses as d, toKebabCase as f, toPascalCase as r } from "./als-react-ts-ui204.js";
-import n from "./als-react-ts-ui205.js";
-const C = (e, t) => {
-  const o = m(
-    ({ className: a, ...s }, c) => l(n, {
-      ref: c,
-      iconNode: t,
-      className: d(
-        `lucide-${f(r(e))}`,
-        `lucide-${e}`,
-        a
-      ),
-      ...s
-    })
-  );
-  return o.displayName = r(e), o;
-};
+import * as a from "react";
+import { useIsoLayoutEffect as i } from "./als-react-ts-ui193.js";
+import { useBaseUiId as f } from "./als-react-ts-ui249.js";
+import { useMeterRootContext as m } from "./als-react-ts-ui493.js";
+import { useRenderElement as d } from "./als-react-ts-ui189.js";
+const p = /* @__PURE__ */ a.forwardRef(function(t, o) {
+  const {
+    render: c,
+    className: l,
+    id: s,
+    ...n
+  } = t, e = f(s), {
+    setLabelId: r
+  } = m();
+  return i(() => (r(e), () => r(void 0)), [e, r]), d("span", t, {
+    ref: o,
+    props: [{
+      id: e
+    }, n]
+  });
+});
+process.env.NODE_ENV !== "production" && (p.displayName = "MeterLabel");
 export {
-  C as default
+  p as MeterLabel
 };

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

@@ -1,18 +1,17 @@
-const s = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), a = (t) => t.replace(
-  /^([A-Z])|[\s-_]+(\w)/g,
-  (e, o, r) => r ? r.toUpperCase() : o.toLowerCase()
-), n = (t) => {
-  const e = a(t);
-  return e.charAt(0).toUpperCase() + e.slice(1);
-}, c = (...t) => t.filter((e, o, r) => !!e && e.trim() !== "" && r.indexOf(e) === o).join(" ").trim(), i = (t) => {
-  for (const e in t)
-    if (e.startsWith("aria-") || e === "role" || e === "title")
-      return !0;
-};
+import * as o from "react";
+import { useRenderElement as a } from "./als-react-ts-ui189.js";
+const s = /* @__PURE__ */ o.forwardRef(function(e, r) {
+  const {
+    render: n,
+    className: f,
+    ...t
+  } = e;
+  return a("div", e, {
+    ref: r,
+    props: t
+  });
+});
+process.env.NODE_ENV !== "production" && (s.displayName = "MeterTrack");
 export {
-  i as hasA11yProp,
-  c as mergeClasses,
-  a as toCamelCase,
-  s as toKebabCase,
-  n as toPascalCase
+  s as MeterTrack
 };

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

@@ -1,35 +1,25 @@
-import { forwardRef as l, createElement as o } from "react";
-import A from "./als-react-ts-ui206.js";
-import { mergeClasses as b, hasA11yProp as c } from "./als-react-ts-ui204.js";
-const h = l(
-  ({
-    color: m = "currentColor",
-    size: t = 24,
-    strokeWidth: e = 2,
-    absoluteStrokeWidth: s,
-    className: u = "",
-    children: r,
-    iconNode: f,
-    ...a
-  }, p) => o(
-    "svg",
-    {
-      ref: p,
-      ...A,
-      width: t,
-      height: t,
-      stroke: m,
-      strokeWidth: s ? Number(e) * 24 / Number(t) : e,
-      className: b("lucide", u),
-      ...!r && !c(a) && { "aria-hidden": "true" },
-      ...a
-    },
-    [
-      ...f.map(([i, d]) => o(i, d)),
-      ...Array.isArray(r) ? r : [r]
-    ]
-  )
-);
+import * as i from "react";
+import { valueToPercent as a } from "./als-react-ts-ui495.js";
+import { useMeterRootContext as s } from "./als-react-ts-ui493.js";
+import { useRenderElement as c } from "./als-react-ts-ui189.js";
+const m = /* @__PURE__ */ i.forwardRef(function(t, r) {
+  const {
+    render: p,
+    className: f,
+    ...o
+  } = t, e = s(), n = a(e.value, e.min, e.max);
+  return c("div", t, {
+    ref: r,
+    props: [{
+      style: {
+        insetInlineStart: 0,
+        height: "inherit",
+        width: `${n}%`
+      }
+    }, o]
+  });
+});
+process.env.NODE_ENV !== "production" && (m.displayName = "MeterIndicator");
 export {
-  h as default
+  m as MeterIndicator
 };

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

@@ -1,14 +1,25 @@
-var t = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 24,
-  height: 24,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-};
+import * as s from "react";
+import { useMeterRootContext as i } from "./als-react-ts-ui493.js";
+import { useRenderElement as u } from "./als-react-ts-ui189.js";
+const f = /* @__PURE__ */ s.forwardRef(function(e, n) {
+  const {
+    className: c,
+    render: d,
+    children: r,
+    ...a
+  } = e, {
+    value: t,
+    formattedValue: o
+  } = i();
+  return u("span", e, {
+    ref: n,
+    props: [{
+      "aria-hidden": !0,
+      children: typeof r == "function" ? r(o, t) : (o || t) ?? ""
+    }, a]
+  });
+});
+process.env.NODE_ENV !== "production" && (f.displayName = "MeterValue");
 export {
-  t as default
+  f as MeterValue
 };

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

@@ -1,11 +1,59 @@
-import * as n from "react";
-import { isReactVersionAtLeast as o } from "./als-react-ts-ui246.js";
-function s(t) {
-  if (!/* @__PURE__ */ n.isValidElement(t))
-    return null;
-  const e = t, r = e.props;
-  return (o(19) ? r?.ref : e.ref) ?? null;
-}
+const _ = "_root_17v0f_9", r = "_list_17v0f_48", o = "_item_17v0f_60", t = "_trigger_17v0f_71", i = "_icon_17v0f_157", n = "_positioner_17v0f_171", l = "_popup_17v0f_226", e = "_content_17v0f_271", f = "_viewport_17v0f_311", p = "_link_17v0f_321", v = "_linkCard_17v0f_369", a = "_linkCardTitle_17v0f_383", s = "_linkCardDescription_17v0f_391", g = "_arrow_17v0f_402", c = "_arrowFill_17v0f_428", d = "_arrowOuterStroke_17v0f_432", k = "_arrowInnerStroke_17v0f_436", m = "_backdrop_17v0f_443", u = {
+  root: _,
+  "root--default": "_root--default_17v0f_17",
+  "root--filled": "_root--filled_17v0f_22",
+  "root--minimal": "_root--minimal_17v0f_27",
+  "root--sm": "_root--sm_17v0f_33",
+  "root--md": "_root--md_17v0f_37",
+  "root--lg": "_root--lg_17v0f_41",
+  list: r,
+  item: o,
+  trigger: t,
+  "trigger--sm": "_trigger--sm_17v0f_94",
+  "trigger--md": "_trigger--md_17v0f_100",
+  "trigger--lg": "_trigger--lg_17v0f_106",
+  "trigger--default": "_trigger--default_17v0f_113",
+  "trigger--filled": "_trigger--filled_17v0f_124",
+  "trigger--minimal": "_trigger--minimal_17v0f_137",
+  icon: i,
+  positioner: n,
+  popup: l,
+  "popup--default": "_popup--default_17v0f_255",
+  "popup--filled": "_popup--filled_17v0f_259",
+  "popup--minimal": "_popup--minimal_17v0f_263",
+  content: e,
+  viewport: f,
+  link: p,
+  "link--sm": "_link--sm_17v0f_351",
+  "link--md": "_link--md_17v0f_356",
+  "link--lg": "_link--lg_17v0f_361",
+  linkCard: v,
+  linkCardTitle: a,
+  linkCardDescription: s,
+  arrow: g,
+  arrowFill: c,
+  arrowOuterStroke: d,
+  arrowInnerStroke: k,
+  backdrop: m
+};
 export {
-  s as getReactElementRef
+  g as arrow,
+  c as arrowFill,
+  k as arrowInnerStroke,
+  d as arrowOuterStroke,
+  m as backdrop,
+  e as content,
+  u as default,
+  i as icon,
+  o as item,
+  p as link,
+  v as linkCard,
+  s as linkCardDescription,
+  a as linkCardTitle,
+  r as list,
+  l as popup,
+  n as positioner,
+  _ as root,
+  t as trigger,
+  f as viewport
 };