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

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

@@ -1,27 +1,35 @@
-import * as i from "react";
-import { useRenderElement as s } from "./als-react-ts-ui189.js";
-import { useSliderRootContext as n } from "./als-react-ts-ui556.js";
-import { sliderStateAttributesMapping as a } from "./als-react-ts-ui555.js";
-const p = /* @__PURE__ */ i.forwardRef(function(e, t) {
+import { useId as f } from "./als-react-ts-ui306.js";
+import { useRefWithInit as g } from "./als-react-ts-ui222.js";
+import { useIsoLayoutEffect as E } from "./als-react-ts-ui267.js";
+import { isElement as d } from "./als-react-ts-ui320.js";
+import { useFloatingParentNodeId as S } from "./als-react-ts-ui364.js";
+import { FloatingRootStore as x } from "./als-react-ts-ui373.js";
+function v(p) {
   const {
-    render: m,
-    className: c,
-    ...r
-  } = e, {
-    state: o
-  } = n();
-  return s("div", e, {
-    state: o,
-    ref: t,
-    props: [{
-      style: {
-        position: "relative"
-      }
-    }, r],
-    stateAttributesMapping: a
-  });
-});
-process.env.NODE_ENV !== "production" && (p.displayName = "SliderTrack");
+    popupStore: o,
+    noEmit: i = !1,
+    treatPopupAsFloatingElement: a = !1,
+    onOpenChange: m
+  } = p, n = f(), c = S() != null, r = o.useState("open"), t = o.useState("activeTriggerElement"), s = o.useState(a ? "popupElement" : "positionerElement"), u = o.context.triggerElements, e = g(() => new x({
+    open: r,
+    referenceElement: t,
+    floatingElement: s,
+    triggerElements: u,
+    onOpenChange: m,
+    floatingId: n,
+    nested: c,
+    noEmit: i
+  })).current;
+  return E(() => {
+    const l = {
+      open: r,
+      floatingId: n,
+      referenceElement: t,
+      floatingElement: s
+    };
+    d(t) && (l.domReferenceElement = t), e.update(l);
+  }, [r, n, t, s, e]), e.context.onOpenChange = m, e.context.nested = c, e.context.noEmit = i, e;
+}
 export {
-  p as SliderTrack
+  v as useSyncedFloatingRootContext
 };

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

@@ -1,9 +1,9 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import { forwardRef as j, useId as A } from "react";
 import { clsx as l } from "./als-react-ts-ui56.js";
-import a from "./als-react-ts-ui279.js";
-import { SwitchRoot as C } from "./als-react-ts-ui280.js";
-import { SwitchThumb as F } from "./als-react-ts-ui281.js";
+import a from "./als-react-ts-ui291.js";
+import { SwitchRoot as C } from "./als-react-ts-ui292.js";
+import { SwitchThumb as F } from "./als-react-ts-ui293.js";
 const L = j(
   ({
     size: d = "md",

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

@@ -1,56 +1,77 @@
-import * as h from "react";
-import { useOnMount as I } from "./als-react-ts-ui305.js";
-import { valueToPercent as S } from "./als-react-ts-ui495.js";
-import { useRenderElement as w } from "./als-react-ts-ui189.js";
-import { useSliderRootContext as E } from "./als-react-ts-ui556.js";
-import { sliderStateAttributesMapping as M } from "./als-react-ts-ui555.js";
-function $(e, s, n, d, a, r) {
-  const c = n === void 0 || s && d === void 0 ? "hidden" : void 0, t = e ? "bottom" : "insetInlineStart", o = e ? "height" : "width", i = {
-    visibility: a && !r ? "hidden" : c,
-    position: e ? "absolute" : "relative",
-    [e ? "width" : "height"]: "inherit"
-  };
-  return i["--start-position"] = `${n ?? 0}%`, s ? (i["--relative-size"] = `${(d ?? 0) - (n ?? 0)}%`, i[t] = "var(--start-position)", i[o] = "var(--relative-size)", i) : (i[t] = 0, i[o] = "var(--start-position)", i);
+import * as r from "react";
+import { useId as P } from "./als-react-ts-ui306.js";
+import { useFloatingParentNodeId as S } from "./als-react-ts-ui364.js";
+import { EMPTY_OBJECT as F } from "./als-react-ts-ui304.js";
+import { getFloatingFocusElement as y } from "./als-react-ts-ui312.js";
+const T = /* @__PURE__ */ new Map([["select", "listbox"], ["combobox", "listbox"], ["label", !1]]);
+function k(c, I = {}) {
+  const a = "rootStore" in c ? c.rootStore : c, l = a.useState("open"), u = a.useState("floatingId"), x = a.useState("domReferenceElement"), d = a.useState("floatingElement"), {
+    enabled: m = !0,
+    role: o = "dialog"
+  } = I, M = P(), s = x?.id || M, t = r.useMemo(() => y(d)?.id || u, [d, u]), e = T.get(o) ?? o, p = S() != null, i = r.useMemo(() => e === "tooltip" || o === "label" ? F : {
+    "aria-haspopup": e === "alertdialog" ? "dialog" : e,
+    "aria-expanded": "false",
+    ...e === "listbox" && {
+      role: "combobox"
+    },
+    ...e === "menu" && p && {
+      role: "menuitem"
+    },
+    ...o === "select" && {
+      "aria-autocomplete": "none"
+    },
+    ...o === "combobox" && {
+      "aria-autocomplete": "list"
+    }
+  }, [e, p, o]), f = r.useMemo(() => e === "tooltip" || o === "label" ? {
+    [`aria-${o === "label" ? "labelledby" : "describedby"}`]: l ? t : void 0
+  } : {
+    ...i,
+    "aria-expanded": l ? "true" : "false",
+    "aria-controls": l ? t : void 0,
+    ...e === "menu" && {
+      id: s
+    }
+  }, [e, t, l, s, o, i]), b = r.useMemo(() => {
+    const n = {
+      id: t,
+      ...e && {
+        role: e
+      }
+    };
+    return e === "tooltip" || o === "label" ? n : {
+      ...n,
+      ...e === "menu" && {
+        "aria-labelledby": s
+      }
+    };
+  }, [e, t, s, o]), g = r.useCallback(({
+    active: n,
+    selected: R
+  }) => {
+    const E = {
+      role: "option",
+      ...n && {
+        id: `${t}-fui-option`
+      }
+    };
+    switch (o) {
+      case "select":
+      case "combobox":
+        return {
+          ...E,
+          "aria-selected": R
+        };
+    }
+    return {};
+  }, [t, o]);
+  return r.useMemo(() => m ? {
+    reference: f,
+    floating: b,
+    item: g,
+    trigger: i
+  } : {}, [m, f, b, i, g]);
 }
-function N(e, s, n, d) {
-  const a = e ? "bottom" : "insetInlineStart", r = e ? "height" : "width", t = {
-    position: e ? "absolute" : "relative",
-    [e ? "width" : "height"]: "inherit"
-  };
-  if (!s)
-    return t[a] = 0, t[r] = `${n}%`, t;
-  const o = d - n;
-  return t[a] = `${n}%`, t[r] = `${o}%`, t;
-}
-const R = /* @__PURE__ */ h.forwardRef(function(s, n) {
-  const {
-    render: d,
-    className: a,
-    ...r
-  } = s, {
-    indicatorPosition: c,
-    inset: t,
-    max: o,
-    min: l,
-    orientation: i,
-    renderBeforeHydration: m,
-    state: g,
-    values: u
-  } = E(), [y, b] = h.useState(!1);
-  I(() => b(!0));
-  const f = i === "vertical", p = u.length > 1, v = t ? $(f, p, c[0], c[1], m, y) : N(f, p, S(u[0], l, o), S(u[u.length - 1], l, o));
-  return w("div", s, {
-    state: g,
-    ref: n,
-    props: [{
-      "data-base-ui-slider-indicator": m ? "" : void 0,
-      style: v,
-      suppressHydrationWarning: m || void 0
-    }, r],
-    stateAttributesMapping: M
-  });
-});
-process.env.NODE_ENV !== "production" && (R.displayName = "SliderIndicator");
 export {
-  R as SliderIndicator
+  k as useRole
 };