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

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

@@ -1,59 +1,144 @@
-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
-};
+import * as e from "react";
+import { isHTMLElement as Z } from "./als-react-ts-ui338.js";
+import { useControlled as ee } from "./als-react-ts-ui292.js";
+import { useStableCallback as B } from "./als-react-ts-ui223.js";
+import { ownerDocument as H } from "./als-react-ts-ui372.js";
+import { useRenderElement as te } from "./als-react-ts-ui220.js";
+import { NavigationMenuRootContext as ne, useNavigationMenuRootContext as U, NavigationMenuTreeContext as oe } from "./als-react-ts-ui507.js";
+import { useOpenChangeComplete as A } from "./als-react-ts-ui280.js";
+import { useTransitionStatus as re } from "./als-react-ts-ui349.js";
+import { setFixedSize as L } from "./als-react-ts-ui508.js";
+import { jsx as p } from "react/jsx-runtime";
+import { useFloatingParentNodeId as se, FloatingTree as ue, useFloatingNodeId as le } from "./als-react-ts-ui352.js";
+import { activeElement as ie, contains as ae } from "./als-react-ts-ui330.js";
+import { triggerHover as ce, outsidePress as fe, focusOut as de } from "./als-react-ts-ui275.js";
+const me = /* @__PURE__ */ new Set([ce, fe, de]), pe = /* @__PURE__ */ e.forwardRef(function(c, S) {
+  const {
+    defaultValue: w = null,
+    value: M,
+    onValueChange: P,
+    actionsRef: R,
+    delay: v = 50,
+    closeDelay: g = 50,
+    orientation: f = "horizontal",
+    onOpenChangeComplete: b
+  } = c, i = se() != null, [o, C] = ee({
+    controlled: M,
+    default: w,
+    name: "NavigationMenu",
+    state: "value"
+  }), t = o != null, r = e.useRef(void 0), d = e.useRef(null), [s, _] = e.useState(null), [n, $] = e.useState(null), [x, q] = e.useState(null), [E, G] = e.useState(null), [F, h] = e.useState(null), [T, N] = e.useState(void 0), [V, I] = e.useState(!1), m = e.useRef(null), O = e.useRef(null), J = e.useRef(null), K = e.useRef(null), Q = e.useRef(null), W = e.useRef(null), {
+    mounted: y,
+    setMounted: X,
+    transitionStatus: k
+  } = re(t);
+  e.useEffect(() => {
+    I(!1);
+  }, [o]);
+  const D = B((u, l) => {
+    u || (r.current = l.reason, h(null), N(void 0), s && n && (L(n, "popup"), L(s, "positioner"))), u !== o && P?.(u, l), !l.isCanceled && C(u);
+  }), j = B(() => {
+    const u = H(d.current), l = ie(u);
+    !(r.current ? me.has(r.current) : !1) && Z(m.current) && (l === H(n).body || ae(n, l)) && n && (m.current.focus({
+      preventScroll: !0
+    }), m.current = void 0), X(!1), b?.(!1), h(null), N(void 0), O.current = null, r.current = void 0;
+  });
+  A({
+    enabled: !R,
+    open: t,
+    ref: {
+      current: n
+    },
+    onComplete() {
+      t || j();
+    }
+  }), A({
+    enabled: !R,
+    open: t,
+    ref: {
+      current: E
+    },
+    onComplete() {
+      t || j();
+    }
+  });
+  const Y = e.useMemo(() => ({
+    open: t,
+    value: o,
+    setValue: D,
+    mounted: y,
+    transitionStatus: k,
+    positionerElement: s,
+    setPositionerElement: _,
+    popupElement: n,
+    setPopupElement: $,
+    viewportElement: x,
+    setViewportElement: q,
+    viewportTargetElement: E,
+    setViewportTargetElement: G,
+    activationDirection: F,
+    setActivationDirection: h,
+    floatingRootContext: T,
+    setFloatingRootContext: N,
+    currentContentRef: O,
+    nested: i,
+    rootRef: d,
+    beforeInsideRef: J,
+    afterInsideRef: K,
+    beforeOutsideRef: Q,
+    afterOutsideRef: W,
+    prevTriggerElementRef: m,
+    delay: v,
+    closeDelay: g,
+    orientation: f,
+    viewportInert: V,
+    setViewportInert: I
+  }), [t, o, D, y, k, s, n, x, E, F, T, i, v, g, f, V]), z = /* @__PURE__ */ p(ne.Provider, {
+    value: Y,
+    children: /* @__PURE__ */ p(Re, {
+      componentProps: c,
+      forwardedRef: S,
+      children: c.children
+    })
+  });
+  return i ? z : /* @__PURE__ */ p(ue, {
+    children: z
+  });
+});
+process.env.NODE_ENV !== "production" && (pe.displayName = "NavigationMenuRoot");
+function Re(a) {
+  const {
+    className: c,
+    render: S,
+    defaultValue: w,
+    value: M,
+    onValueChange: P,
+    actionsRef: R,
+    delay: v,
+    closeDelay: g,
+    orientation: f,
+    onOpenChangeComplete: b,
+    ...i
+  } = a.componentProps, o = le(), {
+    rootRef: C,
+    nested: t
+  } = U(), {
+    open: r
+  } = U(), d = e.useMemo(() => ({
+    open: r,
+    nested: t
+  }), [r, t]), s = te(t ? "div" : "nav", a.componentProps, {
+    state: d,
+    ref: [a.forwardedRef, C],
+    props: [{
+      "aria-orientation": f
+    }, i]
+  });
+  return /* @__PURE__ */ p(oe.Provider, {
+    value: o,
+    children: s
+  });
+}
 export {
-  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
+  pe as NavigationMenuRoot
 };

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

@@ -1,144 +1,62 @@
-import * as e from "react";
-import { isHTMLElement as Z } from "./als-react-ts-ui339.js";
-import { useControlled as ee } from "./als-react-ts-ui282.js";
-import { useStableCallback as B } from "./als-react-ts-ui192.js";
-import { ownerDocument as H } from "./als-react-ts-ui372.js";
-import { useRenderElement as te } from "./als-react-ts-ui189.js";
-import { NavigationMenuRootContext as ne, useNavigationMenuRootContext as U, NavigationMenuTreeContext as oe } from "./als-react-ts-ui521.js";
-import { useOpenChangeComplete as A } from "./als-react-ts-ui253.js";
-import { useTransitionStatus as re } from "./als-react-ts-ui344.js";
-import { setFixedSize as L } from "./als-react-ts-ui522.js";
-import { jsx as p } from "react/jsx-runtime";
-import { useFloatingParentNodeId as se, FloatingTree as ue, useFloatingNodeId as le } from "./als-react-ts-ui356.js";
-import { activeElement as ie, contains as ae } from "./als-react-ts-ui331.js";
-import { triggerHover as ce, outsidePress as fe, focusOut as de } from "./als-react-ts-ui248.js";
-const me = /* @__PURE__ */ new Set([ce, fe, de]), pe = /* @__PURE__ */ e.forwardRef(function(c, S) {
+import * as r from "react";
+import { CompositeRoot as T } from "./als-react-ts-ui479.js";
+import { useNavigationMenuRootContext as y } from "./als-react-ts-ui507.js";
+import { NAVIGATION_MENU_TRIGGER_IDENTIFIER as C } from "./als-react-ts-ui509.js";
+import { NavigationMenuDismissContext as p } from "./als-react-ts-ui510.js";
+import { getEmptyRootContext as h } from "./als-react-ts-ui395.js";
+import { useRenderElement as w } from "./als-react-ts-ui220.js";
+import { jsx as s } from "react/jsx-runtime";
+import { useDismiss as A } from "./als-react-ts-ui329.js";
+import { EMPTY_OBJECT as D } from "./als-react-ts-ui322.js";
+import { getTarget as I } from "./als-react-ts-ui330.js";
+const b = /* @__PURE__ */ r.forwardRef(function(i, a) {
   const {
-    defaultValue: w = null,
-    value: M,
-    onValueChange: P,
-    actionsRef: R,
-    delay: v = 50,
-    closeDelay: g = 50,
-    orientation: f = "horizontal",
-    onOpenChangeComplete: b
-  } = c, i = se() != null, [o, C] = ee({
-    controlled: M,
-    default: w,
-    name: "NavigationMenu",
-    state: "value"
-  }), t = o != null, r = e.useRef(void 0), d = e.useRef(null), [s, _] = e.useState(null), [n, $] = e.useState(null), [x, q] = e.useState(null), [E, G] = e.useState(null), [F, h] = e.useState(null), [T, N] = e.useState(void 0), [V, I] = e.useState(!1), m = e.useRef(null), O = e.useRef(null), J = e.useRef(null), K = e.useRef(null), Q = e.useRef(null), W = e.useRef(null), {
-    mounted: y,
-    setMounted: X,
-    transitionStatus: k
-  } = re(t);
-  e.useEffect(() => {
-    I(!1);
-  }, [o]);
-  const D = B((u, l) => {
-    u || (r.current = l.reason, h(null), N(void 0), s && n && (L(n, "popup"), L(s, "positioner"))), u !== o && P?.(u, l), !l.isCanceled && C(u);
-  }), j = B(() => {
-    const u = H(d.current), l = ie(u);
-    !(r.current ? me.has(r.current) : !1) && Z(m.current) && (l === H(n).body || ae(n, l)) && n && (m.current.focus({
-      preventScroll: !0
-    }), m.current = void 0), X(!1), b?.(!1), h(null), N(void 0), O.current = null, r.current = void 0;
-  });
-  A({
-    enabled: !R,
-    open: t,
-    ref: {
-      current: n
-    },
-    onComplete() {
-      t || j();
+    className: f,
+    render: d,
+    ...g
+  } = i, {
+    orientation: t,
+    open: m,
+    floatingRootContext: l,
+    positionerElement: N,
+    value: E,
+    nested: e
+  } = y(), v = r.useMemo(() => h(), []), M = A(l || v, {
+    enabled: N ? !0 : !E,
+    outsidePressEvent: "intentional",
+    outsidePress(o) {
+      return I(o)?.closest(`[${C}]`) === null;
     }
-  }), A({
-    enabled: !R,
-    open: t,
-    ref: {
-      current: E
-    },
-    onComplete() {
-      t || j();
+  }), n = l ? M : void 0, c = r.useMemo(() => ({
+    open: m
+  }), [m]), R = e ? {} : {
+    onKeyDown(o) {
+      (t === "horizontal" && (o.key === "ArrowLeft" || o.key === "ArrowRight") || t === "vertical" && (o.key === "ArrowUp" || o.key === "ArrowDown")) && o.stopPropagation();
     }
+  }, u = [n?.floating || D, R, g], x = w("ul", i, {
+    state: c,
+    ref: a,
+    props: u,
+    enabled: e
   });
-  const Y = e.useMemo(() => ({
-    open: t,
-    value: o,
-    setValue: D,
-    mounted: y,
-    transitionStatus: k,
-    positionerElement: s,
-    setPositionerElement: _,
-    popupElement: n,
-    setPopupElement: $,
-    viewportElement: x,
-    setViewportElement: q,
-    viewportTargetElement: E,
-    setViewportTargetElement: G,
-    activationDirection: F,
-    setActivationDirection: h,
-    floatingRootContext: T,
-    setFloatingRootContext: N,
-    currentContentRef: O,
-    nested: i,
-    rootRef: d,
-    beforeInsideRef: J,
-    afterInsideRef: K,
-    beforeOutsideRef: Q,
-    afterOutsideRef: W,
-    prevTriggerElementRef: m,
-    delay: v,
-    closeDelay: g,
-    orientation: f,
-    viewportInert: V,
-    setViewportInert: I
-  }), [t, o, D, y, k, s, n, x, E, F, T, i, v, g, f, V]), z = /* @__PURE__ */ p(ne.Provider, {
-    value: Y,
-    children: /* @__PURE__ */ p(Re, {
-      componentProps: c,
-      forwardedRef: S,
-      children: c.children
+  return e ? /* @__PURE__ */ s(p.Provider, {
+    value: n,
+    children: x
+  }) : /* @__PURE__ */ s(p.Provider, {
+    value: n,
+    children: /* @__PURE__ */ s(T, {
+      render: d,
+      className: f,
+      state: c,
+      refs: [a],
+      props: u,
+      loopFocus: !1,
+      orientation: t,
+      tag: "ul"
     })
   });
-  return i ? z : /* @__PURE__ */ p(ue, {
-    children: z
-  });
 });
-process.env.NODE_ENV !== "production" && (pe.displayName = "NavigationMenuRoot");
-function Re(a) {
-  const {
-    className: c,
-    render: S,
-    defaultValue: w,
-    value: M,
-    onValueChange: P,
-    actionsRef: R,
-    delay: v,
-    closeDelay: g,
-    orientation: f,
-    onOpenChangeComplete: b,
-    ...i
-  } = a.componentProps, o = le(), {
-    rootRef: C,
-    nested: t
-  } = U(), {
-    open: r
-  } = U(), d = e.useMemo(() => ({
-    open: r,
-    nested: t
-  }), [r, t]), s = te(t ? "div" : "nav", a.componentProps, {
-    state: d,
-    ref: [a.forwardedRef, C],
-    props: [{
-      "aria-orientation": f
-    }, i]
-  });
-  return /* @__PURE__ */ p(oe.Provider, {
-    value: o,
-    children: s
-  });
-}
+process.env.NODE_ENV !== "production" && (b.displayName = "NavigationMenuList");
 export {
-  pe as NavigationMenuRoot
+  b as NavigationMenuList
 };

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

@@ -1,62 +1,26 @@
-import * as r from "react";
-import { CompositeRoot as T } from "./als-react-ts-ui484.js";
-import { useNavigationMenuRootContext as y } from "./als-react-ts-ui521.js";
-import { NAVIGATION_MENU_TRIGGER_IDENTIFIER as C } from "./als-react-ts-ui523.js";
-import { NavigationMenuDismissContext as p } from "./als-react-ts-ui524.js";
-import { getEmptyRootContext as h } from "./als-react-ts-ui395.js";
-import { useRenderElement as w } from "./als-react-ts-ui189.js";
-import { jsx as s } from "react/jsx-runtime";
-import { useDismiss as A } from "./als-react-ts-ui330.js";
-import { EMPTY_OBJECT as D } from "./als-react-ts-ui303.js";
-import { getTarget as I } from "./als-react-ts-ui331.js";
-const b = /* @__PURE__ */ r.forwardRef(function(i, a) {
+import * as t from "react";
+import { useRenderElement as u } from "./als-react-ts-ui220.js";
+import { NavigationMenuItemContext as l } from "./als-react-ts-ui511.js";
+import { useBaseUiId as c } from "./als-react-ts-ui276.js";
+import { jsx as f } from "react/jsx-runtime";
+const p = /* @__PURE__ */ t.forwardRef(function(e, r) {
   const {
-    className: f,
-    render: d,
-    ...g
-  } = i, {
-    orientation: t,
-    open: m,
-    floatingRootContext: l,
-    positionerElement: N,
-    value: E,
-    nested: e
-  } = y(), v = r.useMemo(() => h(), []), M = A(l || v, {
-    enabled: N ? !0 : !E,
-    outsidePressEvent: "intentional",
-    outsidePress(o) {
-      return I(o)?.closest(`[${C}]`) === null;
-    }
-  }), n = l ? M : void 0, c = r.useMemo(() => ({
-    open: m
-  }), [m]), R = e ? {} : {
-    onKeyDown(o) {
-      (t === "horizontal" && (o.key === "ArrowLeft" || o.key === "ArrowRight") || t === "vertical" && (o.key === "ArrowUp" || o.key === "ArrowDown")) && o.stopPropagation();
-    }
-  }, u = [n?.floating || D, R, g], x = w("ul", i, {
-    state: c,
-    ref: a,
-    props: u,
-    enabled: e
-  });
-  return e ? /* @__PURE__ */ s(p.Provider, {
-    value: n,
-    children: x
-  }) : /* @__PURE__ */ s(p.Provider, {
+    className: d,
+    render: N,
     value: n,
-    children: /* @__PURE__ */ s(T, {
-      render: d,
-      className: f,
-      state: c,
-      refs: [a],
-      props: u,
-      loopFocus: !1,
-      orientation: t,
-      tag: "ul"
-    })
+    ...a
+  } = e, i = c(), o = n ?? i, m = u("li", e, {
+    ref: r,
+    props: a
+  }), s = t.useMemo(() => ({
+    value: o
+  }), [o]);
+  return /* @__PURE__ */ f(l.Provider, {
+    value: s,
+    children: m
   });
 });
-process.env.NODE_ENV !== "production" && (b.displayName = "NavigationMenuList");
+process.env.NODE_ENV !== "production" && (p.displayName = "NavigationMenuItem");
 export {
-  b as NavigationMenuList
+  p as NavigationMenuItem
 };