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

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

@@ -1,112 +0,0 @@
-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-ui262.js";
-import { SwitchRoot as C } from "./als-react-ts-ui263.js";
-import { SwitchThumb as F } from "./als-react-ts-ui264.js";
-const L = j(
-  ({
-    size: d = "md",
-    color: N = "primary",
-    defaultChecked: w = !1,
-    checked: b,
-    onCheckedChange: u,
-    disabled: h = !1,
-    readOnly: v = !1,
-    required: t = !1,
-    name: S,
-    id: $,
-    label: s,
-    labelPosition: m = "right",
-    description: r,
-    "aria-label": x,
-    className: o,
-    style: f,
-    ...I
-  }, g) => {
-    const y = A(), c = $ || y, n = r ? `${c}-description` : void 0, p = /* @__PURE__ */ e(
-      C,
-      {
-        ref: g,
-        id: c,
-        name: S,
-        defaultChecked: w,
-        checked: b,
-        onCheckedChange: u,
-        disabled: h,
-        readOnly: v,
-        required: t,
-        "aria-label": s ? void 0 : x,
-        "aria-describedby": n,
-        className: l(
-          a.switch,
-          a[`switch--${d}`],
-          a[`switch--${N}`]
-        ),
-        ...I,
-        children: /* @__PURE__ */ e(
-          F,
-          {
-            className: l(a.thumb, a[`thumb--${d}`])
-          }
-        )
-      }
-    );
-    return s ? /* @__PURE__ */ i(
-      "div",
-      {
-        className: l(
-          a.container,
-          a[`container--${m}`],
-          {
-            [a["container--disabled"]]: h
-          },
-          o
-        ),
-        style: f,
-        children: [
-          m === "left" && /* @__PURE__ */ i("div", { className: a.labelContainer, children: [
-            /* @__PURE__ */ i("label", { htmlFor: c, className: a.label, children: [
-              s,
-              t && /* @__PURE__ */ e("span", { className: a.required, children: "*" })
-            ] }),
-            r && /* @__PURE__ */ e(
-              "p",
-              {
-                id: n,
-                className: a.description,
-                children: r
-              }
-            )
-          ] }),
-          p,
-          m === "right" && /* @__PURE__ */ i("div", { className: a.labelContainer, children: [
-            /* @__PURE__ */ i("label", { htmlFor: c, className: a.label, children: [
-              s,
-              t && /* @__PURE__ */ e("span", { className: a.required, children: "*" })
-            ] }),
-            r && /* @__PURE__ */ e(
-              "p",
-              {
-                id: n,
-                className: a.description,
-                children: r
-              }
-            )
-          ] })
-        ]
-      }
-    ) : /* @__PURE__ */ e(
-      "div",
-      {
-        className: l(a.container, o),
-        style: f,
-        children: p
-      }
-    );
-  }
-);
-L.displayName = "ALSSwitch";
-export {
-  L as ALSSwitch
-};

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

@@ -1,27 +0,0 @@
-const t = "_root_hgdff_2", o = "_disabled_hgdff_35", _ = "_button_hgdff_41", a = "_buttonDisabled_hgdff_80", r = "_link_hgdff_86", n = "_group_hgdff_114", i = "_groupDisabled_hgdff_127", s = "_separator_hgdff_133", e = "_input_hgdff_153", f = {
-  root: t,
-  "orientation-horizontal": "_orientation-horizontal_hgdff_27",
-  "orientation-vertical": "_orientation-vertical_hgdff_31",
-  disabled: o,
-  button: _,
-  buttonDisabled: a,
-  link: r,
-  group: n,
-  groupDisabled: i,
-  separator: s,
-  "separator-horizontal": "_separator-horizontal_hgdff_138",
-  "separator-vertical": "_separator-vertical_hgdff_146",
-  input: e
-};
-export {
-  _ as button,
-  a as buttonDisabled,
-  f as default,
-  o as disabled,
-  n as group,
-  i as groupDisabled,
-  e as input,
-  r as link,
-  t as root,
-  s as separator
-};

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

@@ -1,47 +0,0 @@
-import * as e from "react";
-import { CompositeRoot as x } from "./als-react-ts-ui479.js";
-import { ToolbarRootContext as h } from "./als-react-ts-ui364.js";
-import { jsx as i } from "react/jsx-runtime";
-const N = /* @__PURE__ */ e.forwardRef(function(l, c) {
-  const {
-    disabled: t = !1,
-    loopFocus: p = !0,
-    orientation: o = "horizontal",
-    className: d,
-    render: m,
-    ...u
-  } = l, [a, r] = e.useState(() => /* @__PURE__ */ new Map()), f = e.useMemo(() => {
-    const n = [];
-    for (const s of a.values())
-      s?.index && !s.focusableWhenDisabled && n.push(s.index);
-    return n;
-  }, [a]), b = e.useMemo(() => ({
-    disabled: t,
-    orientation: o,
-    setItemMap: r
-  }), [t, o, r]), M = e.useMemo(() => ({
-    disabled: t,
-    orientation: o
-  }), [t, o]), R = {
-    "aria-orientation": o,
-    role: "toolbar"
-  };
-  return /* @__PURE__ */ i(h.Provider, {
-    value: b,
-    children: /* @__PURE__ */ i(x, {
-      render: m,
-      className: d,
-      state: M,
-      refs: [c],
-      props: [R, u],
-      disabledIndices: f,
-      loopFocus: p,
-      onMapChange: r,
-      orientation: o
-    })
-  });
-});
-process.env.NODE_ENV !== "production" && (N.displayName = "ToolbarRoot");
-export {
-  N as ToolbarRoot
-};

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

@@ -1,54 +0,0 @@
-import * as e from "react";
-import { useToolbarRootContext as x } from "./als-react-ts-ui364.js";
-import { useToolbarGroupContext as N } from "./als-react-ts-ui566.js";
-import { CompositeItem as T } from "./als-react-ts-ui488.js";
-import { jsx as C } from "react/jsx-runtime";
-import { useButton as R } from "./als-react-ts-ui274.js";
-const g = /* @__PURE__ */ e.forwardRef(function(r, a) {
-  const {
-    className: n,
-    disabled: i = !1,
-    focusableWhenDisabled: o = !0,
-    render: m,
-    nativeButton: u = !0,
-    ...l
-  } = r, d = e.useMemo(() => ({
-    focusableWhenDisabled: o
-  }), [o]), {
-    disabled: p,
-    orientation: s
-  } = x(), b = N(), t = p || (b?.disabled ?? !1) || i, {
-    getButtonProps: c,
-    buttonRef: f
-  } = R({
-    disabled: t,
-    focusableWhenDisabled: o,
-    native: u
-  }), B = e.useMemo(() => ({
-    disabled: t,
-    orientation: s,
-    focusable: o
-  }), [t, o, s]);
-  return /* @__PURE__ */ C(T, {
-    tag: "button",
-    render: m,
-    className: n,
-    metadata: d,
-    state: B,
-    refs: [a, f],
-    props: [
-      l,
-      // for integrating with Menu and Select disabled states, `disabled` is
-      // intentionally duplicated even though getButtonProps includes it already
-      // TODO: follow up after https://github.com/mui/base-ui/issues/1976#issuecomment-2916905663
-      {
-        disabled: t
-      },
-      c
-    ]
-  });
-});
-process.env.NODE_ENV !== "production" && (g.displayName = "ToolbarButton");
-export {
-  g as ToolbarButton
-};

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

@@ -1,32 +0,0 @@
-import * as e from "react";
-import { useToolbarRootContext as i } from "./als-react-ts-ui364.js";
-import { CompositeItem as c } from "./als-react-ts-ui488.js";
-import { jsx as p } from "react/jsx-runtime";
-const f = {
-  // links cannot be disabled, this metadata is only used for deriving `disabledIndices``
-  // TODO: better name
-  focusableWhenDisabled: !0
-}, l = /* @__PURE__ */ e.forwardRef(function(t, r) {
-  const {
-    className: s,
-    render: a,
-    ...n
-  } = t, {
-    orientation: o
-  } = i(), m = e.useMemo(() => ({
-    orientation: o
-  }), [o]);
-  return /* @__PURE__ */ p(c, {
-    tag: "a",
-    render: a,
-    className: s,
-    metadata: f,
-    state: m,
-    refs: [r],
-    props: [n]
-  });
-});
-process.env.NODE_ENV !== "production" && (l.displayName = "ToolbarLink");
-export {
-  l as ToolbarLink
-};

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

@@ -1,35 +0,0 @@
-import * as e from "react";
-import { useRenderElement as p } from "./als-react-ts-ui220.js";
-import { useToolbarRootContext as u } from "./als-react-ts-ui364.js";
-import { ToolbarGroupContext as c } from "./als-react-ts-ui566.js";
-import { jsx as b } from "react/jsx-runtime";
-const f = /* @__PURE__ */ e.forwardRef(function(r, s) {
-  const {
-    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]
-  });
-  return /* @__PURE__ */ b(c.Provider, {
-    value: i,
-    children: m
-  });
-});
-process.env.NODE_ENV !== "production" && (f.displayName = "ToolbarGroup");
-export {
-  f as ToolbarGroup
-};

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

@@ -1,19 +0,0 @@
-import * as e from "react";
-import { useToolbarRootContext as i } from "./als-react-ts-ui364.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 {
-  c as ToolbarSeparator
-};

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

@@ -1,56 +0,0 @@
-import * as s from "react";
-import { useFocusableWhenDisabled as D } from "./als-react-ts-ui342.js";
-import { ARROW_LEFT as R, ARROW_RIGHT as T } from "./als-react-ts-ui281.js";
-import { useToolbarRootContext as N } from "./als-react-ts-ui364.js";
-import { useToolbarGroupContext as P } from "./als-react-ts-ui566.js";
-import { CompositeItem as x } from "./als-react-ts-ui488.js";
-import { jsx as C } from "react/jsx-runtime";
-import { stopEvent as I } from "./als-react-ts-ui305.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 {
-  W as ToolbarInput
-};

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

@@ -1,11 +0,0 @@
-import * as n from "react";
-import { isReactVersionAtLeast as o } from "./als-react-ts-ui339.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;
-}
-export {
-  s as getReactElementRef
-};

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

@@ -1,14 +0,0 @@
-function n(e, r) {
-  if (e && !r)
-    return e;
-  if (!e && r)
-    return r;
-  if (e || r)
-    return {
-      ...e,
-      ...r
-    };
-}
-export {
-  n as mergeObjects
-};

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

@@ -1,16 +0,0 @@
-function i(r, n) {
-  const o = {};
-  for (const t in r) {
-    const e = r[t];
-    if (n?.hasOwnProperty(t)) {
-      const s = n[t](e);
-      s != null && Object.assign(o, s);
-      continue;
-    }
-    e === !0 ? o[`data-${t.toLowerCase()}`] = "" : e && (o[`data-${t.toLowerCase()}`] = e.toString());
-  }
-  return o;
-}
-export {
-  i as getStateAttributesProps
-};

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

@@ -1,11 +0,0 @@
-import { ALSTabsPanel as a, ALSTabsIndicator as o, ALSTabsTab as s, ALSTabsList as t, ALSTabsRoot as b } from "./als-react-ts-ui266.js";
-const T = {
-  Root: b,
-  List: t,
-  Tab: s,
-  Indicator: o,
-  Panel: a
-};
-export {
-  T as ALSTabs
-};

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

@@ -1,6 +0,0 @@
-function t(n, o) {
-  return typeof n == "function" ? n(o) : n;
-}
-export {
-  t as resolveClassName
-};

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

@@ -1,6 +0,0 @@
-function e(n, o) {
-  return typeof n == "function" ? n(o) : n;
-}
-export {
-  e as resolveStyle
-};

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

@@ -1,8 +0,0 @@
-function e() {
-}
-const t = Object.freeze([]), c = Object.freeze({});
-export {
-  t as EMPTY_ARRAY,
-  c as EMPTY_OBJECT,
-  e as NOOP
-};

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

@@ -1,82 +0,0 @@
-import { mergeObjects as a } from "./als-react-ts-ui318.js";
-const i = {};
-function g(t, n, e, r, c) {
-  let f = {
-    ...o(t, i)
-  };
-  return n && (f = u(f, n)), e && (f = u(f, e)), r && (f = u(f, r)), c && (f = u(f, c)), f;
-}
-function h(t) {
-  if (t.length === 0)
-    return i;
-  if (t.length === 1)
-    return o(t[0], i);
-  let n = {
-    ...o(t[0], i)
-  };
-  for (let e = 1; e < t.length; e += 1)
-    n = u(n, t[e]);
-  return n;
-}
-function u(t, n) {
-  return l(n) ? n(t) : s(t, n);
-}
-function s(t, n) {
-  if (!n)
-    return t;
-  for (const e in n) {
-    const r = n[e];
-    switch (e) {
-      case "style": {
-        t[e] = a(t.style, r);
-        break;
-      }
-      case "className": {
-        t[e] = I(t.className, r);
-        break;
-      }
-      default:
-        b(e, r) ? t[e] = E(t[e], r) : t[e] = r;
-    }
-  }
-  return t;
-}
-function b(t, n) {
-  const e = t.charCodeAt(0), r = t.charCodeAt(1), c = t.charCodeAt(2);
-  return e === 111 && r === 110 && c >= 65 && c <= 90 && (typeof n == "function" || typeof n > "u");
-}
-function l(t) {
-  return typeof t == "function";
-}
-function o(t, n) {
-  return l(t) ? t(n) : t ?? i;
-}
-function E(t, n) {
-  return n ? t ? (e) => {
-    if (v(e)) {
-      const c = e;
-      y(c);
-      const f = n(c);
-      return c.baseUIHandlerPrevented || t?.(c), f;
-    }
-    const r = n(e);
-    return t?.(e), r;
-  } : n : t;
-}
-function y(t) {
-  return t.preventBaseUIHandler = () => {
-    t.baseUIHandlerPrevented = !0;
-  }, t;
-}
-function I(t, n) {
-  return n ? t ? n + " " + t : n : t;
-}
-function v(t) {
-  return t != null && typeof t == "object" && "nativeEvent" in t;
-}
-export {
-  y as makeEventPreventable,
-  I as mergeClassNames,
-  g as mergeProps,
-  h as mergePropsN
-};

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

@@ -1,8 +0,0 @@
-import * as o from "react";
-const e = [];
-function n(t) {
-  o.useEffect(t, e);
-}
-export {
-  n as useOnMount
-};

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

@@ -1,106 +0,0 @@
-import { getWindow as u, isOverflowElement as Y } from "./als-react-ts-ui338.js";
-import { isIOS as W, isWebKit as E } from "./als-react-ts-ui371.js";
-import { ownerDocument as n } from "./als-react-ts-ui372.js";
-import { useIsoLayoutEffect as T } from "./als-react-ts-ui224.js";
-import { Timeout as k } from "./als-react-ts-ui226.js";
-import { AnimationFrame as z } from "./als-react-ts-ui347.js";
-import { NOOP as H } from "./als-react-ts-ui322.js";
-let L = {}, C = {}, O = "";
-function F(r) {
-  if (typeof document > "u")
-    return !1;
-  const o = n(r);
-  return u(o).innerWidth - o.documentElement.clientWidth > 0;
-}
-function j(r) {
-  const o = n(r), t = o.documentElement, e = o.body, l = Y(t) ? t : e, s = l.style.overflow;
-  return l.style.overflow = "hidden", () => {
-    l.style.overflow = s;
-  };
-}
-function I(r) {
-  const o = n(r), t = o.documentElement, e = o.body, l = u(t);
-  let s = 0, c = 0;
-  const h = z.create(), f = typeof CSS < "u" && CSS.supports?.("scrollbar-gutter", "stable");
-  if (E && (l.visualViewport?.scale ?? 1) !== 1)
-    return () => {
-    };
-  function d() {
-    const a = l.getComputedStyle(t), i = l.getComputedStyle(e), y = (a.scrollbarGutter || "").includes("both-edges") ? "stable both-edges" : "stable";
-    s = t.scrollTop, c = t.scrollLeft, L = {
-      scrollbarGutter: t.style.scrollbarGutter,
-      overflowY: t.style.overflowY,
-      overflowX: t.style.overflowX
-    }, O = t.style.scrollBehavior, C = {
-      position: e.style.position,
-      height: e.style.height,
-      width: e.style.width,
-      boxSizing: e.style.boxSizing,
-      overflowY: e.style.overflowY,
-      overflowX: e.style.overflowX,
-      scrollBehavior: e.style.scrollBehavior
-    };
-    const X = t.scrollHeight > t.clientHeight, B = t.scrollWidth > t.clientWidth, x = a.overflowY === "scroll" || i.overflowY === "scroll", G = a.overflowX === "scroll" || i.overflowX === "scroll", b = Math.max(0, l.innerWidth - t.clientWidth), w = Math.max(0, l.innerHeight - t.clientHeight), p = parseFloat(i.marginTop) + parseFloat(i.marginBottom), g = parseFloat(i.marginLeft) + parseFloat(i.marginRight), S = Y(t) ? t : e;
-    if (f) {
-      t.style.scrollbarGutter = y, S.style.overflowY = "hidden", S.style.overflowX = "hidden";
-      return;
-    }
-    Object.assign(t.style, {
-      scrollbarGutter: y,
-      overflowY: "hidden",
-      overflowX: "hidden"
-    }), (X || x) && (t.style.overflowY = "scroll"), (B || G) && (t.style.overflowX = "scroll"), Object.assign(e.style, {
-      position: "relative",
-      height: p || w ? `calc(100dvh - ${p + w}px)` : "100dvh",
-      width: g || b ? `calc(100vw - ${g + b}px)` : "100vw",
-      boxSizing: "border-box",
-      overflow: "hidden",
-      scrollBehavior: "unset"
-    }), e.scrollTop = s, e.scrollLeft = c, t.setAttribute("data-base-ui-scroll-locked", ""), t.style.scrollBehavior = "unset";
-  }
-  function m() {
-    Object.assign(t.style, L), Object.assign(e.style, C), f || (t.scrollTop = s, t.scrollLeft = c, t.removeAttribute("data-base-ui-scroll-locked"), t.style.scrollBehavior = O);
-  }
-  function v() {
-    m(), h.request(d);
-  }
-  return d(), l.addEventListener("resize", v), () => {
-    h.cancel(), m(), typeof l.removeEventListener == "function" && l.removeEventListener("resize", v);
-  };
-}
-class R {
-  lockCount = 0;
-  restore = null;
-  timeoutLock = k.create();
-  timeoutUnlock = k.create();
-  acquire(o) {
-    return this.lockCount += 1, this.lockCount === 1 && this.restore === null && this.timeoutLock.start(0, () => this.lock(o)), this.release;
-  }
-  release = () => {
-    this.lockCount -= 1, this.lockCount === 0 && this.restore && this.timeoutUnlock.start(0, this.unlock);
-  };
-  unlock = () => {
-    this.lockCount === 0 && this.restore && (this.restore?.(), this.restore = null);
-  };
-  lock(o) {
-    if (this.lockCount === 0 || this.restore !== null)
-      return;
-    const e = n(o).documentElement, l = u(e).getComputedStyle(e).overflowY;
-    if (l === "hidden" || l === "clip") {
-      this.restore = H;
-      return;
-    }
-    const s = W || !F(o);
-    this.restore = s ? j(o) : I(o);
-  }
-}
-const V = new R();
-function _(r = !0, o = null) {
-  T(() => {
-    if (r)
-      return V.acquire(o);
-  }, [r, o]);
-}
-export {
-  _ as useScrollLock
-};