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

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

@@ -1,126 +0,0 @@
-import * as h from "react";
-import { useScrollAreaRootContext as I } from "./als-react-ts-ui536.js";
-import { ScrollAreaScrollbarContext as N } from "./als-react-ts-ui545.js";
-import { useRenderElement as V } from "./als-react-ts-ui226.js";
-import { getOffset as m } from "./als-react-ts-ui539.js";
-import { ScrollAreaRootCssVars as x } from "./als-react-ts-ui537.js";
-import { ScrollAreaScrollbarCssVars as W } from "./als-react-ts-ui546.js";
-import { useDirection as U } from "./als-react-ts-ui270.js";
-import { scrollAreaStateAttributesMapping as B } from "./als-react-ts-ui541.js";
-import { jsx as j } from "react/jsx-runtime";
-const K = /* @__PURE__ */ h.forwardRef(function(R, C) {
-  const {
-    render: q,
-    className: F,
-    orientation: t = "vertical",
-    keepMounted: O = !1,
-    ...T
-  } = R, {
-    hovering: Y,
-    scrollingX: H,
-    scrollingY: X,
-    hiddenState: a,
-    overflowEdges: f,
-    scrollbarYRef: c,
-    scrollbarXRef: i,
-    viewportRef: o,
-    thumbYRef: p,
-    thumbXRef: b,
-    handlePointerDown: L,
-    handlePointerUp: y,
-    rootId: A,
-    thumbSize: E
-  } = I(), k = h.useMemo(() => ({
-    hovering: Y,
-    scrolling: {
-      horizontal: H,
-      vertical: X
-    }[t],
-    orientation: t,
-    hasOverflowX: !a.scrollbarXHidden,
-    hasOverflowY: !a.scrollbarYHidden,
-    overflowXStart: f.xStart,
-    overflowXEnd: f.xEnd,
-    overflowYStart: f.yStart,
-    overflowYEnd: f.yEnd,
-    cornerHidden: a.cornerHidden
-  }), [Y, H, X, t, a, f]), D = U();
-  h.useEffect(() => {
-    const r = o.current, l = t === "vertical" ? c.current : i.current;
-    if (!l)
-      return;
-    function n(e) {
-      if (!(!r || !l || e.ctrlKey)) {
-        if (e.preventDefault(), t === "vertical") {
-          if (r.scrollTop === 0 && e.deltaY < 0)
-            return;
-        } else if (r.scrollLeft === 0 && e.deltaX < 0)
-          return;
-        if (t === "vertical") {
-          if (r.scrollTop === r.scrollHeight - r.clientHeight && e.deltaY > 0)
-            return;
-        } else if (r.scrollLeft === r.scrollWidth - r.clientWidth && e.deltaX > 0)
-          return;
-        t === "vertical" ? r.scrollTop += e.deltaY : r.scrollLeft += e.deltaX;
-      }
-    }
-    return l.addEventListener("wheel", n, {
-      passive: !1
-    }), () => {
-      l.removeEventListener("wheel", n);
-    };
-  }, [t, i, c, o]);
-  const M = {
-    ...A && {
-      "data-id": `${A}-scrollbar`
-    },
-    onPointerDown(r) {
-      if (r.button === 0 && r.currentTarget === r.target && o.current) {
-        if (p.current && c.current && t === "vertical") {
-          const l = m(p.current, "margin", "y"), n = m(c.current, "padding", "y"), e = p.current.offsetHeight, g = c.current.getBoundingClientRect(), S = r.clientY - g.top - e / 2 - n + l / 2, u = o.current.scrollHeight, d = o.current.clientHeight, v = c.current.offsetHeight - e - n - l, s = S / v * (u - d);
-          o.current.scrollTop = s;
-        }
-        if (b.current && i.current && t === "horizontal") {
-          const l = m(b.current, "margin", "x"), n = m(i.current, "padding", "x"), e = b.current.offsetWidth, g = i.current.getBoundingClientRect(), S = r.clientX - g.left - e / 2 - n + l / 2, u = o.current.scrollWidth, d = o.current.clientWidth, v = i.current.offsetWidth - e - n - l, w = S / v;
-          let s;
-          D === "rtl" ? (s = (1 - w) * (u - d), o.current.scrollLeft <= 0 && (s = -s)) : s = w * (u - d), o.current.scrollLeft = s;
-        }
-        L(r);
-      }
-    },
-    onPointerUp: y,
-    style: {
-      position: "absolute",
-      touchAction: "none",
-      WebkitUserSelect: "none",
-      userSelect: "none",
-      ...t === "vertical" && {
-        top: 0,
-        bottom: `var(${x.scrollAreaCornerHeight})`,
-        insetInlineEnd: 0,
-        [W.scrollAreaThumbHeight]: `${E.height}px`
-      },
-      ...t === "horizontal" && {
-        insetInlineStart: 0,
-        insetInlineEnd: `var(${x.scrollAreaCornerWidth})`,
-        bottom: 0,
-        [W.scrollAreaThumbWidth]: `${E.width}px`
-      }
-    }
-  }, P = V("div", R, {
-    ref: [C, t === "vertical" ? c : i],
-    state: k,
-    props: [M, T],
-    stateAttributesMapping: B
-  }), $ = h.useMemo(() => ({
-    orientation: t
-  }), [t]), z = t === "vertical" ? a.scrollbarYHidden : a.scrollbarXHidden;
-  return O || !z ? /* @__PURE__ */ j(N.Provider, {
-    value: $,
-    children: P
-  }) : null;
-});
-process.env.NODE_ENV !== "production" && (K.displayName = "ScrollAreaScrollbar");
-export {
-  K as ScrollAreaScrollbar
-};

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

@@ -1,47 +0,0 @@
-import * as o from "react";
-import { useScrollAreaRootContext as d } from "./als-react-ts-ui536.js";
-import { useScrollAreaScrollbarContext as S } from "./als-react-ts-ui545.js";
-import { ScrollAreaScrollbarCssVars as t } from "./als-react-ts-ui546.js";
-import { useRenderElement as b } from "./als-react-ts-ui226.js";
-const v = /* @__PURE__ */ o.forwardRef(function(r, l) {
-  const {
-    render: P,
-    className: R,
-    ...n
-  } = r, {
-    thumbYRef: a,
-    thumbXRef: i,
-    handlePointerDown: s,
-    handlePointerMove: c,
-    handlePointerUp: m,
-    setScrollingX: h,
-    setScrollingY: f
-  } = d(), {
-    orientation: e
-  } = S(), u = o.useMemo(() => ({
-    orientation: e
-  }), [e]);
-  return b("div", r, {
-    ref: [l, e === "vertical" ? a : i],
-    state: u,
-    props: [{
-      onPointerDown: s,
-      onPointerMove: c,
-      onPointerUp(p) {
-        e === "vertical" && f(!1), e === "horizontal" && h(!1), m(p);
-      },
-      style: {
-        ...e === "vertical" && {
-          height: `var(${t.scrollAreaThumbHeight})`
-        },
-        ...e === "horizontal" && {
-          width: `var(${t.scrollAreaThumbWidth})`
-        }
-      }
-    }, n]
-  });
-});
-process.env.NODE_ENV !== "production" && (v.displayName = "ScrollAreaThumb");
-export {
-  v as ScrollAreaThumb
-};

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

@@ -1,30 +0,0 @@
-import * as s from "react";
-import { useScrollAreaRootContext as c } from "./als-react-ts-ui536.js";
-import { useRenderElement as a } from "./als-react-ts-ui226.js";
-const d = /* @__PURE__ */ s.forwardRef(function(e, o) {
-  const {
-    render: f,
-    className: p,
-    ...t
-  } = e, {
-    cornerRef: n,
-    cornerSize: r,
-    hiddenState: i
-  } = c(), l = a("div", e, {
-    ref: [o, n],
-    props: [{
-      style: {
-        position: "absolute",
-        bottom: 0,
-        insetInlineEnd: 0,
-        width: r.width,
-        height: r.height
-      }
-    }, t]
-  });
-  return i.cornerHidden ? null : l;
-});
-process.env.NODE_ENV !== "production" && (d.displayName = "ScrollAreaCorner");
-export {
-  d as ScrollAreaCorner
-};

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

@@ -1,83 +0,0 @@
-import { jsxs as L, jsx as s } from "react/jsx-runtime";
-import { forwardRef as N } from "react";
-import { clsx as e } from "./als-react-ts-ui56.js";
-import r from "./als-react-ts-ui290.js";
-import { Separator as l } from "./als-react-ts-ui107.js";
-const S = N(
-  ({
-    orientation: a = "horizontal",
-    variant: o = "solid",
-    size: p = "sm",
-    color: t = "default",
-    withSpacing: d = !1,
-    label: m,
-    className: $,
-    style: f,
-    decorative: h = !0,
-    ...c
-  }, i) => {
-    const n = e(
-      r.separator,
-      r[`separator--${a}`],
-      r[`separator--${o}`],
-      r[`separator--${p}`],
-      r[`separator--${t}`],
-      {
-        [r["separator--with-spacing"]]: d,
-        [r["separator--with-label"]]: !!m
-      },
-      $
-    );
-    return m && a === "horizontal" ? /* @__PURE__ */ L(
-      "div",
-      {
-        ref: i,
-        className: e(r.separatorContainer, $),
-        style: f,
-        role: h ? "none" : "separator",
-        "aria-orientation": a,
-        ...c,
-        children: [
-          /* @__PURE__ */ s(
-            l,
-            {
-              orientation: a,
-              className: e(
-                r.separatorLine,
-                r[`separator--${o}`],
-                r[`separator--${p}`],
-                r[`separator--${t}`]
-              )
-            }
-          ),
-          /* @__PURE__ */ s("span", { className: r.separatorLabel, children: m }),
-          /* @__PURE__ */ s(
-            l,
-            {
-              orientation: a,
-              className: e(
-                r.separatorLine,
-                r[`separator--${o}`],
-                r[`separator--${p}`],
-                r[`separator--${t}`]
-              )
-            }
-          )
-        ]
-      }
-    ) : /* @__PURE__ */ s(
-      l,
-      {
-        ref: i,
-        orientation: a,
-        className: n,
-        style: f,
-        ...c
-      }
-    );
-  }
-);
-S.displayName = "ALSSeparator";
-export {
-  S as ALSSeparator
-};

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

@@ -1,27 +0,0 @@
-const a = "_separator_1xnsi_6", r = "_separatorContainer_1xnsi_155", s = "_separatorLine_1xnsi_162", t = "_separatorLabel_1xnsi_168", e = {
-  separator: a,
-  "separator--horizontal": "_separator--horizontal_1xnsi_13",
-  "separator--vertical": "_separator--vertical_1xnsi_18",
-  "separator--sm": "_separator--sm_1xnsi_25",
-  "separator--md": "_separator--md_1xnsi_29",
-  "separator--lg": "_separator--lg_1xnsi_33",
-  "separator--solid": "_separator--solid_1xnsi_51",
-  "separator--dashed": "_separator--dashed_1xnsi_56",
-  "separator--dotted": "_separator--dotted_1xnsi_89",
-  "separator--default": "_separator--default_1xnsi_123",
-  "separator--subtle": "_separator--subtle_1xnsi_128",
-  "separator--strong": "_separator--strong_1xnsi_133",
-  "separator--primary": "_separator--primary_1xnsi_138",
-  "separator--with-spacing": "_separator--with-spacing_1xnsi_144",
-  separatorContainer: r,
-  separatorLine: s,
-  separatorLabel: t,
-  "separator--with-label": "_separator--with-label_1xnsi_178"
-};
-export {
-  e as default,
-  a as separator,
-  r as separatorContainer,
-  t as separatorLabel,
-  s as separatorLine
-};

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

@@ -1,31 +0,0 @@
-const _ = "_container_z6vxp_6", t = "_labelContainer_z6vxp_26", i = "_label_z6vxp_26", s = "_required_z6vxp_46", c = "_description_z6vxp_51", e = "_thumb_z6vxp_145", n = {
-  container: _,
-  "container--left": "_container--left_z6vxp_12",
-  "container--right": "_container--right_z6vxp_16",
-  "container--disabled": "_container--disabled_z6vxp_20",
-  labelContainer: t,
-  label: i,
-  required: s,
-  description: c,
-  switch: "_switch_z6vxp_61",
-  "switch--primary": "_switch--primary_z6vxp_93",
-  "switch--success": "_switch--success_z6vxp_101",
-  "switch--warning": "_switch--warning_z6vxp_109",
-  "switch--error": "_switch--error_z6vxp_117",
-  "switch--sm": "_switch--sm_z6vxp_126",
-  "switch--md": "_switch--md_z6vxp_132",
-  "switch--lg": "_switch--lg_z6vxp_138",
-  thumb: e,
-  "thumb--sm": "_thumb--sm_z6vxp_158",
-  "thumb--md": "_thumb--md_z6vxp_163",
-  "thumb--lg": "_thumb--lg_z6vxp_168"
-};
-export {
-  _ as container,
-  n as default,
-  c as description,
-  i as label,
-  t as labelContainer,
-  s as required,
-  e as thumb
-};

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

@@ -1,143 +0,0 @@
-import * as a from "react";
-import { useControlled as K } from "./als-react-ts-ui265.js";
-import { useStableCallback as Q } from "./als-react-ts-ui266.js";
-import { useMergedRefs as W } from "./als-react-ts-ui272.js";
-import { useIsoLayoutEffect as X } from "./als-react-ts-ui267.js";
-import { visuallyHidden as Y } from "./als-react-ts-ui359.js";
-import { useRenderElement as Z } from "./als-react-ts-ui226.js";
-import { useBaseUiId as $ } from "./als-react-ts-ui232.js";
-import { SwitchRootContext as ee } from "./als-react-ts-ui550.js";
-import { stateAttributesMapping as te } from "./als-react-ts-ui551.js";
-import { useField as oe } from "./als-react-ts-ui403.js";
-import { useFieldRootContext as re } from "./als-react-ts-ui398.js";
-import { useFormContext as ne } from "./als-react-ts-ui402.js";
-import { useLabelableContext as ie } from "./als-react-ts-ui399.js";
-import { useLabelableId as ae } from "./als-react-ts-ui400.js";
-import { createChangeEventDetails as se } from "./als-react-ts-ui229.js";
-import { useValueChanged as ce } from "./als-react-ts-ui406.js";
-import { jsxs as le, jsx as P } from "react/jsx-runtime";
-import { useButton as de } from "./als-react-ts-ui230.js";
-import { mergeProps as ue } from "./als-react-ts-ui305.js";
-import { none as me } from "./als-react-ts-ui231.js";
-const fe = /* @__PURE__ */ a.forwardRef(function(u, x) {
-  const {
-    checked: y,
-    className: he,
-    defaultChecked: I,
-    id: w,
-    inputRef: E,
-    name: S,
-    nativeButton: B = !1,
-    onCheckedChange: D,
-    readOnly: s = !1,
-    required: c = !1,
-    disabled: F = !1,
-    render: Ce,
-    ...V
-  } = u, {
-    clearErrors: M
-  } = ne(), {
-    state: m,
-    setTouched: N,
-    setDirty: L,
-    validityData: O,
-    setFilled: d,
-    setFocused: f,
-    shouldValidateOnChange: j,
-    validationMode: q,
-    disabled: A,
-    name: H,
-    validation: t
-  } = re(), {
-    labelId: T
-  } = ie(), o = A || F, n = H ?? S, p = Q(D), i = a.useRef(null), h = W(i, E, t.inputRef), l = a.useRef(null), C = $(), R = ae({
-    id: w,
-    implicit: !1,
-    controlRef: l
-  }), [e, b] = K({
-    controlled: y,
-    default: !!I,
-    name: "Switch",
-    state: "checked"
-  });
-  oe({
-    id: C,
-    commit: t.commit,
-    value: e,
-    controlRef: l,
-    name: n,
-    getValue: () => e
-  }), X(() => {
-    i.current && d(i.current.checked);
-  }, [i, d]), ce(e, () => {
-    M(n), L(e !== O.initialValue), d(e), j() ? t.commit(e) : t.commit(e, !0);
-  });
-  const {
-    getButtonProps: U,
-    buttonRef: _
-  } = de({
-    disabled: o,
-    native: B
-  }), z = {
-    id: C,
-    role: "switch",
-    "aria-checked": e,
-    "aria-readonly": s || void 0,
-    "aria-labelledby": T,
-    onFocus() {
-      o || f(!0);
-    },
-    onBlur() {
-      const r = i.current;
-      !r || o || (N(!0), f(!1), q === "onBlur" && t.commit(r.checked));
-    },
-    onClick(r) {
-      s || o || (r.preventDefault(), i?.current?.click());
-    }
-  }, G = a.useMemo(() => ue({
-    checked: e,
-    disabled: o,
-    id: R,
-    name: n,
-    required: c,
-    style: Y,
-    tabIndex: -1,
-    type: "checkbox",
-    "aria-hidden": !0,
-    ref: h,
-    onChange(r) {
-      if (r.nativeEvent.defaultPrevented)
-        return;
-      const v = r.target.checked, g = se(me, r.nativeEvent);
-      p?.(v, g), !g.isCanceled && b(v);
-    },
-    onFocus() {
-      l.current?.focus();
-    }
-  }, t.getInputValidationProps), [e, o, h, R, n, p, c, b, t]), k = a.useMemo(() => ({
-    ...m,
-    checked: e,
-    disabled: o,
-    readOnly: s,
-    required: c
-  }), [m, e, o, s, c]), J = Z("span", u, {
-    state: k,
-    ref: [x, l, _],
-    props: [z, t.getValidationProps, V, U],
-    stateAttributesMapping: te
-  });
-  return /* @__PURE__ */ le(ee.Provider, {
-    value: k,
-    children: [J, !e && n && /* @__PURE__ */ P("input", {
-      type: "hidden",
-      name: n,
-      value: "off"
-    }), /* @__PURE__ */ P("input", {
-      ...G
-    })]
-  });
-});
-process.env.NODE_ENV !== "production" && (fe.displayName = "SwitchRoot");
-export {
-  fe as SwitchRoot
-};

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

@@ -1,27 +0,0 @@
-import * as n from "react";
-import { useSwitchRootContext as m } from "./als-react-ts-ui550.js";
-import { useRenderElement as a } from "./als-react-ts-ui226.js";
-import { useFieldRootContext as c } from "./als-react-ts-ui398.js";
-import { stateAttributesMapping as p } from "./als-react-ts-ui551.js";
-const f = /* @__PURE__ */ n.forwardRef(function(t, e) {
-  const {
-    render: d,
-    className: h,
-    ...o
-  } = t, {
-    state: r
-  } = c(), s = m(), i = {
-    ...r,
-    ...s
-  };
-  return a("span", t, {
-    state: i,
-    ref: e,
-    stateAttributesMapping: p,
-    props: o
-  });
-});
-process.env.NODE_ENV !== "production" && (f.displayName = "SwitchThumb");
-export {
-  f as SwitchThumb
-};

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

@@ -1,14 +0,0 @@
-import r from "./als-react-ts-ui242.js";
-import * as o from "react";
-const e = /* @__PURE__ */ o.createContext(void 0);
-process.env.NODE_ENV !== "production" && (e.displayName = "AvatarRootContext");
-function a() {
-  const t = o.useContext(e);
-  if (t === void 0)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: AvatarRootContext is missing. Avatar parts must be placed within <Avatar.Root>." : r(13));
-  return t;
-}
-export {
-  e as AvatarRootContext,
-  a as useAvatarRootContext
-};

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

@@ -1,6 +0,0 @@
-const t = {
-  imageLoadingStatus: () => null
-};
-export {
-  t as avatarStateAttributesMapping
-};

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

@@ -1,23 +0,0 @@
-import * as d from "react";
-import { useIsoLayoutEffect as f } from "./als-react-ts-ui267.js";
-import { NOOP as m } from "./als-react-ts-ui304.js";
-function p(o, {
-  referrerPolicy: e,
-  crossOrigin: a
-}) {
-  const [i, r] = d.useState("idle");
-  return f(() => {
-    if (!o)
-      return r("error"), m;
-    let n = !0;
-    const t = new window.Image(), u = (s) => () => {
-      n && r(s);
-    };
-    return r("loading"), t.onload = u("loaded"), t.onerror = u("error"), e && (t.referrerPolicy = e), t.crossOrigin = a ?? null, t.src = o, () => {
-      n = !1;
-    };
-  }, [o, a, e]), i;
-}
-export {
-  p as useImageLoadingStatus
-};

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

@@ -1,32 +0,0 @@
-import { useRefWithInit as c } from "./als-react-ts-ui222.js";
-import { useOnMount as u } from "./als-react-ts-ui345.js";
-const t = 0;
-class r {
-  static create() {
-    return new r();
-  }
-  currentId = t;
-  /**
-   * Executes `fn` after `delay`, clearing any previously scheduled call.
-   */
-  start(s, i) {
-    this.clear(), this.currentId = setTimeout(() => {
-      this.currentId = t, i();
-    }, s);
-  }
-  isStarted() {
-    return this.currentId !== t;
-  }
-  clear = () => {
-    this.currentId !== t && (clearTimeout(this.currentId), this.currentId = t);
-  };
-  disposeEffect = () => this.clear;
-}
-function a() {
-  const e = c(r.create).current;
-  return u(e.disposeEffect), e;
-}
-export {
-  r as Timeout,
-  a as useTimeout
-};