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

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

@@ -1,136 +1,35 @@
-function c() {
-  return typeof window < "u";
-}
-function u(t) {
-  return p(t) ? (t.nodeName || "").toLowerCase() : "#document";
-}
-function i(t) {
-  var e;
-  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
-}
-function N(t) {
-  var e;
-  return (e = (p(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
-}
-function p(t) {
-  return c() ? t instanceof Node || t instanceof i(t).Node : !1;
-}
-function m(t) {
-  return c() ? t instanceof Element || t instanceof i(t).Element : !1;
-}
-function w(t) {
-  return c() ? t instanceof HTMLElement || t instanceof i(t).HTMLElement : !1;
-}
-function f(t) {
-  return !c() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof i(t).ShadowRoot;
-}
-const E = /* @__PURE__ */ new Set(["inline", "contents"]);
-function y(t) {
+import * as e from "react";
+import { useRenderElement as p } from "./als-react-ts-ui226.js";
+import { useToolbarRootContext as u } from "./als-react-ts-ui395.js";
+import { ToolbarGroupContext as c } from "./als-react-ts-ui563.js";
+import { jsx as b } from "react/jsx-runtime";
+const f = /* @__PURE__ */ e.forwardRef(function(r, s) {
   const {
-    overflow: e,
-    overflowX: n,
-    overflowY: o,
-    display: r
-  } = S(t);
-  return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && !E.has(r);
-}
-const T = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function A(t) {
-  return T.has(u(t));
-}
-const v = [":popover-open", ":modal"];
-function L(t) {
-  return v.some((e) => {
-    try {
-      return t.matches(e);
-    } catch {
-      return !1;
-    }
+    className: T,
+    disabled: a = !1,
+    render: v,
+    ...l
+  } = r, {
+    orientation: t,
+    disabled: n
+  } = u(), o = n || a, i = e.useMemo(() => ({
+    disabled: o
+  }), [o]), d = e.useMemo(() => ({
+    disabled: o,
+    orientation: t
+  }), [o, t]), m = p("div", r, {
+    state: d,
+    ref: s,
+    props: [{
+      role: "group"
+    }, l]
   });
-}
-const D = ["transform", "translate", "scale", "rotate", "perspective"], C = ["transform", "translate", "scale", "rotate", "perspective", "filter"], k = ["paint", "layout", "strict", "content"];
-function V(t) {
-  const e = O(), n = m(t) ? S(t) : t;
-  return D.some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !e && (n.filter ? n.filter !== "none" : !1) || C.some((o) => (n.willChange || "").includes(o)) || k.some((o) => (n.contain || "").includes(o));
-}
-function B(t) {
-  let e = s(t);
-  for (; w(e) && !h(e); ) {
-    if (V(e))
-      return e;
-    if (L(e))
-      return null;
-    e = s(e);
-  }
-  return null;
-}
-function O() {
-  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
-}
-const R = /* @__PURE__ */ new Set(["html", "body", "#document"]);
-function h(t) {
-  return R.has(u(t));
-}
-function S(t) {
-  return i(t).getComputedStyle(t);
-}
-function F(t) {
-  return m(t) ? {
-    scrollLeft: t.scrollLeft,
-    scrollTop: t.scrollTop
-  } : {
-    scrollLeft: t.scrollX,
-    scrollTop: t.scrollY
-  };
-}
-function s(t) {
-  if (u(t) === "html")
-    return t;
-  const e = (
-    // Step into the shadow DOM of the parent of a slotted node.
-    t.assignedSlot || // DOM Element detected.
-    t.parentNode || // ShadowRoot detected.
-    f(t) && t.host || // Fallback.
-    N(t)
-  );
-  return f(e) ? e.host : e;
-}
-function b(t) {
-  const e = s(t);
-  return h(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : w(e) && y(e) ? e : b(e);
-}
-function d(t, e, n) {
-  var o;
-  e === void 0 && (e = []), n === void 0 && (n = !0);
-  const r = b(t), g = r === ((o = t.ownerDocument) == null ? void 0 : o.body), l = i(r);
-  if (g) {
-    const a = _(l);
-    return e.concat(l, l.visualViewport || [], y(r) ? r : [], a && n ? d(a) : []);
-  }
-  return e.concat(r, d(r, [], n));
-}
-function _(t) {
-  return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
-}
+  return /* @__PURE__ */ b(c.Provider, {
+    value: i,
+    children: m
+  });
+});
+process.env.NODE_ENV !== "production" && (f.displayName = "ToolbarGroup");
 export {
-  S as getComputedStyle,
-  B as getContainingBlock,
-  N as getDocumentElement,
-  _ as getFrameElement,
-  b as getNearestOverflowAncestor,
-  u as getNodeName,
-  F as getNodeScroll,
-  d as getOverflowAncestors,
-  s as getParentNode,
-  i as getWindow,
-  V as isContainingBlock,
-  m as isElement,
-  w as isHTMLElement,
-  h as isLastTraversableNode,
-  p as isNode,
-  y as isOverflowElement,
-  f as isShadowRoot,
-  A as isTableElement,
-  L as isTopLayer,
-  O as isWebKit
+  f as ToolbarGroup
 };

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

@@ -1,8 +1,8 @@
 import { jsx as u } from "react/jsx-runtime";
 import * as y from "react";
 import { clsx as x } from "./als-react-ts-ui56.js";
-import e from "./als-react-ts-ui314.js";
-import { Toggle as T } from "./als-react-ts-ui315.js";
+import e from "./als-react-ts-ui331.js";
+import { Toggle as T } from "./als-react-ts-ui332.js";
 const j = y.forwardRef(
   function({
     value: r,

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

@@ -1,11 +1,19 @@
-let o;
-process.env.NODE_ENV !== "production" && (o = /* @__PURE__ */ new Set());
-function s(...r) {
-  if (process.env.NODE_ENV !== "production") {
-    const e = r.join(" ");
-    o.has(e) || (o.add(e), console.error(`Base UI: ${e}`));
-  }
-}
+import * as e from "react";
+import { useToolbarRootContext as i } from "./als-react-ts-ui395.js";
+import { jsx as n } from "react/jsx-runtime";
+import { Separator as p } from "./als-react-ts-ui107.js";
+const c = /* @__PURE__ */ e.forwardRef(function(o, r) {
+  const t = i(), a = {
+    vertical: "horizontal",
+    horizontal: "vertical"
+  }[t.orientation];
+  return /* @__PURE__ */ n(p, {
+    orientation: a,
+    ...o,
+    ref: r
+  });
+});
+process.env.NODE_ENV !== "production" && (c.displayName = "ToolbarSeparator");
 export {
-  s as error
+  c as ToolbarSeparator
 };

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

@@ -1,14 +1,56 @@
-import n from "./als-react-ts-ui259.js";
-import * as t from "react";
-const e = /* @__PURE__ */ t.createContext(void 0);
-process.env.NODE_ENV !== "production" && (e.displayName = "CompositeRootContext");
-function r(s = !1) {
-  const o = t.useContext(e);
-  if (o === void 0 && !s)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: CompositeRootContext is missing. Composite parts must be placed within <Composite.Root>." : n(16));
-  return o;
-}
+import * as s from "react";
+import { useFocusableWhenDisabled as D } from "./als-react-ts-ui323.js";
+import { ARROW_LEFT as R, ARROW_RIGHT as T } from "./als-react-ts-ui237.js";
+import { useToolbarRootContext as N } from "./als-react-ts-ui395.js";
+import { useToolbarGroupContext as P } from "./als-react-ts-ui563.js";
+import { CompositeItem as x } from "./als-react-ts-ui487.js";
+import { jsx as C } from "react/jsx-runtime";
+import { stopEvent as I } from "./als-react-ts-ui280.js";
+const W = /* @__PURE__ */ s.forwardRef(function(a, n) {
+  const {
+    className: i,
+    focusableWhenDisabled: t = !0,
+    render: p,
+    disabled: l = !1,
+    ...m
+  } = a, f = s.useMemo(() => ({
+    focusableWhenDisabled: t
+  }), [t]), {
+    disabled: u,
+    orientation: r
+  } = N(), d = P(), e = u || (d?.disabled ?? !1) || l, {
+    props: c
+  } = D({
+    composite: !0,
+    disabled: e,
+    focusableWhenDisabled: t,
+    isNativeButton: !1
+  }), b = s.useMemo(() => ({
+    disabled: e,
+    orientation: r,
+    focusable: t
+  }), [e, t, r]);
+  return /* @__PURE__ */ C(x, {
+    tag: "input",
+    render: p,
+    className: i,
+    metadata: f,
+    state: b,
+    refs: [n],
+    props: [{
+      onClick(o) {
+        e && o.preventDefault();
+      },
+      onKeyDown(o) {
+        o.key !== R && o.key !== T && e && I(o);
+      },
+      onPointerDown(o) {
+        e && o.preventDefault();
+      }
+    }, m, c]
+  });
+});
+process.env.NODE_ENV !== "production" && (W.displayName = "ToolbarInput");
 export {
-  e as CompositeRootContext,
-  r as useCompositeRootContext
+  W as ToolbarInput
 };

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

@@ -1,24 +1,45 @@
-import * as r from "react";
-function f(l) {
-  const {
-    focusableWhenDisabled: e,
-    disabled: o,
-    composite: t = !1,
-    tabIndex: i = 0,
-    isNativeButton: s
-  } = l, n = t && e !== !1, b = t && e === !1;
-  return {
-    props: r.useMemo(() => {
-      const a = {
-        // allow Tabbing away from focusableWhenDisabled elements
-        onKeyDown(d) {
-          o && e && d.key !== "Tab" && d.preventDefault();
-        }
+import * as c from "react";
+import * as d from "react-dom";
+import { useIsoLayoutEffect as a } from "./als-react-ts-ui267.js";
+import { AnimationFrame as u } from "./als-react-ts-ui346.js";
+function q(t, s = !1, f = !1) {
+  const [r, n] = c.useState(t && s ? "idle" : void 0), [i, m] = c.useState(t);
+  return t && !i && (m(!0), n("starting")), !t && i && r !== "ending" && !f && n("ending"), !t && !i && r === "ending" && n(void 0), a(() => {
+    if (!t && i && r !== "ending" && f) {
+      const e = u.request(() => {
+        n("ending");
+      });
+      return () => {
+        u.cancel(e);
       };
-      return t || (a.tabIndex = i, !s && o && (a.tabIndex = e ? i : -1)), (s && (e || n) || !s && o) && (a["aria-disabled"] = o), s && (!e || b) && (a.disabled = o), a;
-    }, [t, o, e, n, b, s, i])
-  };
+    }
+  }, [t, i, r, f]), a(() => {
+    if (!t || s)
+      return;
+    const e = u.request(() => {
+      d.flushSync(() => {
+        n(void 0);
+      });
+    });
+    return () => {
+      u.cancel(e);
+    };
+  }, [s, t]), a(() => {
+    if (!t || !s)
+      return;
+    t && i && r !== "idle" && n("starting");
+    const e = u.request(() => {
+      n("idle");
+    });
+    return () => {
+      u.cancel(e);
+    };
+  }, [s, t, i, n, r]), c.useMemo(() => ({
+    mounted: i,
+    setMounted: m,
+    transitionStatus: r
+  }), [i, r]);
 }
 export {
-  f as useFocusableWhenDisabled
+  q as useTransitionStatus
 };

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

@@ -1,6 +1,23 @@
-let e = /* @__PURE__ */ (function(d) {
-  return d.index = "data-index", d.disabled = "data-disabled", d.open = "data-open", d;
-})({});
+import * as e from "react";
+const t = /* @__PURE__ */ e.createContext({
+  register: () => {
+  },
+  unregister: () => {
+  },
+  subscribeMapChange: () => () => {
+  },
+  elementsRef: {
+    current: []
+  },
+  nextIndexRef: {
+    current: 0
+  }
+});
+process.env.NODE_ENV !== "production" && (t.displayName = "CompositeListContext");
+function n() {
+  return e.useContext(t);
+}
 export {
-  e as AccordionItemDataAttributes
+  t as CompositeListContext,
+  n as useCompositeListContext
 };

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

@@ -1,45 +1,6 @@
-import * as c from "react";
-import * as d from "react-dom";
-import { useIsoLayoutEffect as a } from "./als-react-ts-ui193.js";
-import { AnimationFrame as u } from "./als-react-ts-ui346.js";
-function q(t, s = !1, f = !1) {
-  const [r, n] = c.useState(t && s ? "idle" : void 0), [i, m] = c.useState(t);
-  return t && !i && (m(!0), n("starting")), !t && i && r !== "ending" && !f && n("ending"), !t && !i && r === "ending" && n(void 0), a(() => {
-    if (!t && i && r !== "ending" && f) {
-      const e = u.request(() => {
-        n("ending");
-      });
-      return () => {
-        u.cancel(e);
-      };
-    }
-  }, [t, i, r, f]), a(() => {
-    if (!t || s)
-      return;
-    const e = u.request(() => {
-      d.flushSync(() => {
-        n(void 0);
-      });
-    });
-    return () => {
-      u.cancel(e);
-    };
-  }, [s, t]), a(() => {
-    if (!t || !s)
-      return;
-    t && i && r !== "idle" && n("starting");
-    const e = u.request(() => {
-      n("idle");
-    });
-    return () => {
-      u.cancel(e);
-    };
-  }, [s, t, i, n, r]), c.useMemo(() => ({
-    mounted: i,
-    setMounted: m,
-    transitionStatus: r
-  }), [i, r]);
-}
+let e = /* @__PURE__ */ (function(d) {
+  return d.index = "data-index", d.disabled = "data-disabled", d.open = "data-open", d;
+})({});
 export {
-  q as useTransitionStatus
+  e as AccordionItemDataAttributes
 };

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

@@ -1,23 +1,8 @@
-import * as e from "react";
-const t = /* @__PURE__ */ e.createContext({
-  register: () => {
-  },
-  unregister: () => {
-  },
-  subscribeMapChange: () => () => {
-  },
-  elementsRef: {
-    current: []
-  },
-  nextIndexRef: {
-    current: 0
-  }
-});
-process.env.NODE_ENV !== "production" && (t.displayName = "CompositeListContext");
-function n() {
-  return e.useContext(t);
+import * as o from "react";
+const e = [];
+function n(t) {
+  o.useEffect(t, e);
 }
 export {
-  t as CompositeListContext,
-  n as useCompositeListContext
+  n as useOnMount
 };

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

@@ -1,5 +1,5 @@
-import { useRefWithInit as u } from "./als-react-ts-ui240.js";
-import { useOnMount as h } from "./als-react-ts-ui305.js";
+import { useRefWithInit as u } from "./als-react-ts-ui222.js";
+import { useOnMount as h } from "./als-react-ts-ui345.js";
 const s = null;
 let l = globalThis.requestAnimationFrame;
 class o {

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

@@ -1,4 +1,4 @@
-import { TransitionStatusDataAttributes as d } from "./als-react-ts-ui245.js";
+import { TransitionStatusDataAttributes as d } from "./als-react-ts-ui228.js";
 let g = (function(n) {
   return n.open = "data-open", n.closed = "data-closed", n[n.startingStyle = d.startingStyle] = "startingStyle", n[n.endingStyle = d.endingStyle] = "endingStyle", n;
 })({});

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

@@ -1,8 +1,8 @@
 import { jsx as x } from "react/jsx-runtime";
 import * as G from "react";
 import { clsx as T } from "./als-react-ts-ui56.js";
-import o from "./als-react-ts-ui316.js";
-import { ToggleGroup as $ } from "./als-react-ts-ui317.js";
+import o from "./als-react-ts-ui333.js";
+import { ToggleGroup as $ } from "./als-react-ts-ui334.js";
 const S = G.forwardRef(function({
   value: u,
   defaultValue: e,

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

@@ -1,21 +1,7 @@
-import { forwardRef as m, createElement as l } from "react";
-import { mergeClasses as d, toKebabCase as f, toPascalCase as r } from "./als-react-ts-ui351.js";
-import n from "./als-react-ts-ui352.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 t from "react";
+const a = {
+  ...t
 };
 export {
-  C as default
+  a as SafeReact
 };

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

@@ -1,18 +1,43 @@
-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;
-};
+const a = typeof navigator < "u", o = e(), n = f(), r = u(), c = typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter:none"), m = (
+  // iPads can claim to be MacIntel
+  o.platform === "MacIntel" && o.maxTouchPoints > 1 ? !0 : /iP(hone|ad|od)|iOS/.test(o.platform)
+), p = a && /firefox/i.test(r), g = a && /apple/i.test(navigator.vendor), d = a && /android/i.test(n) || /android/i.test(r), l = a && n.toLowerCase().startsWith("mac") && !navigator.maxTouchPoints, v = r.includes("jsdom/");
+function e() {
+  if (!a)
+    return {
+      platform: "",
+      maxTouchPoints: -1
+    };
+  const t = navigator.userAgentData;
+  return t?.platform ? {
+    platform: t.platform,
+    maxTouchPoints: navigator.maxTouchPoints
+  } : {
+    platform: navigator.platform ?? "",
+    maxTouchPoints: navigator.maxTouchPoints ?? -1
+  };
+}
+function u() {
+  if (!a)
+    return "";
+  const t = navigator.userAgentData;
+  return t && Array.isArray(t.brands) ? t.brands.map(({
+    brand: i,
+    version: s
+  }) => `${i}/${s}`).join(" ") : navigator.userAgent;
+}
+function f() {
+  if (!a)
+    return "";
+  const t = navigator.userAgentData;
+  return t?.platform ? t.platform : navigator.platform ?? "";
+}
 export {
-  i as hasA11yProp,
-  c as mergeClasses,
-  a as toCamelCase,
-  s as toKebabCase,
-  n as toPascalCase
+  d as isAndroid,
+  p as isFirefox,
+  m as isIOS,
+  v as isJSDOM,
+  l as isMac,
+  g as isSafari,
+  c as isWebKit
 };

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

@@ -1,35 +1,6 @@
-import { forwardRef as l, createElement as o } from "react";
-import A from "./als-react-ts-ui353.js";
-import { mergeClasses as b, hasA11yProp as c } from "./als-react-ts-ui351.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]
-    ]
-  )
-);
+function e(n) {
+  return n?.ownerDocument || document;
+}
 export {
-  h as default
+  e as ownerDocument
 };

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

@@ -1,14 +1,19 @@
-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 n from "react";
+function e(i) {
+  const o = n.useRef(""), c = n.useCallback((r) => {
+    r.defaultPrevented || (o.current = r.pointerType, i(r, r.pointerType));
+  }, [i]);
+  return {
+    onClick: n.useCallback((r) => {
+      if (r.detail === 0) {
+        i(r, "keyboard");
+        return;
+      }
+      "pointerType" in r && i(r, r.pointerType), i(r, o.current), o.current = "";
+    }, [i]),
+    onPointerDown: c
+  };
+}
 export {
-  t as default
+  e as useEnhancedClickHandler
 };