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

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

@@ -0,0 +1,16 @@
+function i(n, r) {
+  if (typeof IntersectionObserver > "u")
+    return () => {
+    };
+  const e = new IntersectionObserver((t) => {
+    t.forEach((o) => {
+      o.intersectionRatio > 0 && (r(), e.disconnect());
+    });
+  });
+  return e.observe(n), () => {
+    e.disconnect();
+  };
+}
+export {
+  i as onVisible
+};

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

@@ -0,0 +1,6 @@
+let r = /* @__PURE__ */ (function(l) {
+  return l.scrollAreaOverflowXStart = "--scroll-area-overflow-x-start", l.scrollAreaOverflowXEnd = "--scroll-area-overflow-x-end", l.scrollAreaOverflowYStart = "--scroll-area-overflow-y-start", l.scrollAreaOverflowYEnd = "--scroll-area-overflow-y-end", l;
+})({});
+export {
+  r as ScrollAreaViewportCssVars
+};

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

@@ -0,0 +1,14 @@
+import t 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 = "ScrollAreaScrollbarContext");
+function c() {
+  const r = o.useContext(e);
+  if (r === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: ScrollAreaScrollbarContext is missing. ScrollAreaScrollbar parts must be placed within <ScrollArea.Scrollbar>." : t(54));
+  return r;
+}
+export {
+  e as ScrollAreaScrollbarContext,
+  c as useScrollAreaScrollbarContext
+};

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

@@ -0,0 +1,6 @@
+let h = /* @__PURE__ */ (function(t) {
+  return t.scrollAreaThumbHeight = "--scroll-area-thumb-height", t.scrollAreaThumbWidth = "--scroll-area-thumb-width", t;
+})({});
+export {
+  h as ScrollAreaScrollbarCssVars
+};

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

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

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

@@ -0,0 +1,6 @@
+let i = /* @__PURE__ */ (function(d) {
+  return d.disabled = "data-disabled", d.orientation = "data-orientation", d.multiple = "data-multiple", d;
+})({});
+export {
+  i as ToggleGroupDataAttributes
+};

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

@@ -0,0 +1,6 @@
+let e = /* @__PURE__ */ (function(d) {
+  return d.checked = "data-checked", d.unchecked = "data-unchecked", d.disabled = "data-disabled", d.readonly = "data-readonly", d.required = "data-required", d.valid = "data-valid", d.invalid = "data-invalid", d.touched = "data-touched", d.dirty = "data-dirty", d.filled = "data-filled", d.focused = "data-focused", d;
+})({});
+export {
+  e as RadioRootDataAttributes
+};

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

@@ -1,30 +1,30 @@
 import { jsx as r } from "react/jsx-runtime";
 import * as m from "react";
 import { clsx as p } from "./als-react-ts-ui56.js";
-import a from "./als-react-ts-ui130.js";
+import a from "./als-react-ts-ui126.js";
 import c from "./als-react-ts-ui95.js";
-import s from "./als-react-ts-ui131.js";
-import u from "./als-react-ts-ui132.js";
-import { ComboboxInput as A } from "./als-react-ts-ui133.js";
-import { ComboboxTrigger as i } from "./als-react-ts-ui134.js";
-import { ComboboxIcon as f } from "./als-react-ts-ui135.js";
-import { ComboboxClear as n } from "./als-react-ts-ui136.js";
-import { ComboboxBackdrop as S } from "./als-react-ts-ui137.js";
-import { ComboboxPositioner as L } from "./als-react-ts-ui138.js";
-import { ComboboxPopup as d } from "./als-react-ts-ui139.js";
-import { ComboboxArrow as b } from "./als-react-ts-ui140.js";
-import { ComboboxStatus as N } from "./als-react-ts-ui141.js";
-import { ComboboxEmpty as w } from "./als-react-ts-ui142.js";
-import { ComboboxList as C } from "./als-react-ts-ui143.js";
-import { ComboboxRow as R } from "./als-react-ts-ui144.js";
-import { ComboboxItem as y } from "./als-react-ts-ui145.js";
-import { ComboboxGroup as x } from "./als-react-ts-ui146.js";
-import { ComboboxGroupLabel as g } from "./als-react-ts-ui147.js";
+import s from "./als-react-ts-ui127.js";
+import u from "./als-react-ts-ui128.js";
+import { ComboboxInput as A } from "./als-react-ts-ui129.js";
+import { ComboboxTrigger as i } from "./als-react-ts-ui130.js";
+import { ComboboxIcon as f } from "./als-react-ts-ui131.js";
+import { ComboboxClear as n } from "./als-react-ts-ui132.js";
+import { ComboboxBackdrop as S } from "./als-react-ts-ui133.js";
+import { ComboboxPositioner as L } from "./als-react-ts-ui134.js";
+import { ComboboxPopup as d } from "./als-react-ts-ui135.js";
+import { ComboboxArrow as b } from "./als-react-ts-ui136.js";
+import { ComboboxStatus as N } from "./als-react-ts-ui137.js";
+import { ComboboxEmpty as w } from "./als-react-ts-ui138.js";
+import { ComboboxList as C } from "./als-react-ts-ui139.js";
+import { ComboboxRow as R } from "./als-react-ts-ui140.js";
+import { ComboboxItem as y } from "./als-react-ts-ui141.js";
+import { ComboboxGroup as x } from "./als-react-ts-ui142.js";
+import { ComboboxGroupLabel as g } from "./als-react-ts-ui143.js";
 import { Separator as I } from "./als-react-ts-ui107.js";
-import { AutocompleteRoot as P } from "./als-react-ts-ui148.js";
-import { ComboboxCollection as h } from "./als-react-ts-ui149.js";
-import { ComboboxPortal as G } from "./als-react-ts-ui150.js";
-import { AutocompleteValue as k } from "./als-react-ts-ui151.js";
+import { AutocompleteRoot as P } from "./als-react-ts-ui144.js";
+import { ComboboxCollection as h } from "./als-react-ts-ui145.js";
+import { ComboboxPortal as G } from "./als-react-ts-ui146.js";
+import { AutocompleteValue as k } from "./als-react-ts-ui147.js";
 const wo = P, z = m.forwardRef(({ className: o, placeholder: e = "Search...", ...t }, l) => /* @__PURE__ */ r(
   A,
   {

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

@@ -0,0 +1,14 @@
+import n 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 = "SwitchRootContext");
+function r() {
+  const t = o.useContext(e);
+  if (t === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: SwitchRootContext is missing. Switch parts must be placed within <Switch.Root>." : n(63));
+  return t;
+}
+export {
+  e as SwitchRootContext,
+  r as useSwitchRootContext
+};

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

@@ -0,0 +1,15 @@
+import { fieldValidityMapping as i } from "./als-react-ts-ui409.js";
+import { SwitchRootDataAttributes as t } from "./als-react-ts-ui564.js";
+const o = {
+  ...i,
+  checked(e) {
+    return e ? {
+      [t.checked]: ""
+    } : {
+      [t.unchecked]: ""
+    };
+  }
+};
+export {
+  o as stateAttributesMapping
+};

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

@@ -0,0 +1,6 @@
+function t(n, r) {
+  return n - r;
+}
+export {
+  t as asc
+};

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

@@ -0,0 +1,14 @@
+import { clamp as i } from "./als-react-ts-ui523.js";
+import { replaceArrayItemAtIndex as p } from "./als-react-ts-ui565.js";
+function a(n, t, f, m, o, e) {
+  let r = n;
+  return r = i(r, f, m), o && (r = p(
+    e,
+    t,
+    // Bound the new value to the thumb's neighbours.
+    i(r, e[t - 1] || -1 / 0, e[t + 1] || 1 / 0)
+  )), r;
+}
+export {
+  a as getSliderValue
+};

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

@@ -0,0 +1,9 @@
+function h(t, i, u) {
+  if (!Array.isArray(t))
+    return !0;
+  const a = t.reduce((r, s, n, e) => (n === e.length - 1 || r.push(Math.abs(s - e[n + 1])), r), []);
+  return Math.min(...a) >= i * u;
+}
+export {
+  h as validateMinimumDistance
+};

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

@@ -0,0 +1,11 @@
+const l = {
+  activeThumbIndex: () => null,
+  max: () => null,
+  min: () => null,
+  minStepsBetweenValues: () => null,
+  step: () => null,
+  values: () => null
+};
+export {
+  l as sliderStateAttributesMapping
+};

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

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

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

@@ -0,0 +1,10 @@
+function n(e) {
+  const t = e.getBoundingClientRect();
+  return {
+    x: (t.left + t.right) / 2,
+    y: (t.top + t.bottom) / 2
+  };
+}
+export {
+  n as getMidpoint
+};

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

@@ -0,0 +1,15 @@
+function a(e) {
+  if (Math.abs(e) < 1) {
+    const n = e.toExponential().split("e-"), r = n[0].split(".")[1];
+    return (r ? r.length : 0) + parseInt(n[1], 10);
+  }
+  const t = e.toString().split(".")[1];
+  return t ? t.length : 0;
+}
+function o(e, t, n) {
+  const r = Math.round((e - n) / t) * t + n;
+  return Number(r.toFixed(a(t)));
+}
+export {
+  o as roundValueToStep
+};

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

@@ -0,0 +1,94 @@
+import { clamp as S } from "./als-react-ts-ui523.js";
+import { getPushedThumbValues as T } from "./als-react-ts-ui566.js";
+function H({
+  behavior: k,
+  values: M,
+  currentValues: A,
+  initialValues: C,
+  pressedIndex: o,
+  nextValue: t,
+  min: e,
+  max: r,
+  step: v,
+  minStepsBetweenValues: m
+}) {
+  const c = A ?? M, P = C ?? M;
+  if (!(c.length > 1))
+    return {
+      value: t,
+      thumbIndex: 0,
+      didSwap: !1
+    };
+  const l = v * m;
+  switch (k) {
+    case "swap": {
+      const u = c[o], g = 1e-7, n = c.slice(), i = n[o - 1], s = n[o + 1], p = i != null ? i + l : e, j = s != null ? s - l : r, D = S(t, p, j), V = Number(D.toFixed(12));
+      n[o] = V;
+      const L = t > u, U = t < u, w = L && s != null && t >= s - g, _ = U && i != null && t <= i + g;
+      if (!w && !_)
+        return {
+          value: n,
+          thumbIndex: o,
+          didSwap: !1
+        };
+      const h = w ? o + 1 : o - 1, q = n.map((N, d) => {
+        if (d === o)
+          return V;
+        const f = P[d];
+        return f ?? c[d];
+      });
+      let F = t;
+      w ? F = Math.max(t, n[h]) : F = Math.min(t, n[h]);
+      const b = T({
+        values: n,
+        index: h,
+        nextValue: F,
+        min: e,
+        max: r,
+        step: v,
+        minStepsBetweenValues: m,
+        initialValues: q
+      }), a = w ? h - 1 : h + 1;
+      if (a >= 0 && a < b.length) {
+        const N = b[a - 1], d = b[a + 1];
+        let f = N != null ? N + l : e;
+        f = Math.max(f, e + a * l);
+        let B = d != null ? d - l : r;
+        B = Math.min(B, r - (b.length - 1 - a) * l);
+        const y = S(V, f, B);
+        b[a] = Number(y.toFixed(12));
+      }
+      return {
+        value: b,
+        thumbIndex: h,
+        didSwap: !0
+      };
+    }
+    case "push":
+      return {
+        value: T({
+          values: c,
+          index: o,
+          nextValue: t,
+          min: e,
+          max: r,
+          step: v,
+          minStepsBetweenValues: m
+        }),
+        thumbIndex: o,
+        didSwap: !1
+      };
+    case "none":
+    default: {
+      const u = c.slice(), g = u[o - 1], n = u[o + 1], i = g != null ? g + l : e, s = n != null ? n - l : r, p = S(t, i, s);
+      return u[o] = Number(p.toFixed(12)), {
+        value: u,
+        thumbIndex: o,
+        didSwap: !1
+      };
+    }
+  }
+}
+export {
+  H as resolveThumbCollision
+};

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

@@ -0,0 +1,6 @@
+let n = /* @__PURE__ */ (function(d) {
+  return d.index = "data-index", d.dragging = "data-dragging", d.orientation = "data-orientation", d.disabled = "data-disabled", d.readonly = "data-readonly", d.required = "data-required", d.valid = "data-valid", d.invalid = "data-invalid", d.touched = "data-touched", d.dirty = "data-dirty", d.focused = "data-focused", d;
+})({});
+export {
+  n as SliderThumbDataAttributes
+};

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

@@ -0,0 +1,4 @@
+const t = '!function(){const t=document.currentScript?.parentElement;if(!t)return;const e=t.closest("[data-base-ui-slider-control]");if(!e)return;const r=e.querySelector("[data-base-ui-slider-indicator]"),i=e.getBoundingClientRect(),n="vertical"===e.getAttribute("data-orientation")?"height":"width",o=e.querySelectorAll(\'input[type="range"]\'),l=o.length>1,s=o.length-1;let a=null,u=null;for(let t=0;t<o.length;t+=1){const e=o[t],y=parseFloat(e.getAttribute("value")??"");if(Number.isNaN(y))return;const c=e.parentElement;if(!c)return;const p=parseFloat(e.getAttribute("max")??"100"),g=parseFloat(e.getAttribute("min")??"0"),b=c?.getBoundingClientRect(),d=i[n]-b[n],m=100*(y-g)/(p-g),v=(b[n]/2+d*m/100)/i[n]*100;c.style.setProperty("--position",`${v}%`),Number.isFinite(v)&&(c.style.removeProperty("visibility"),r&&(0===t?(a=v,r.style.setProperty("--start-position",`${v}%`),l||r.style.removeProperty("visibility")):t===s&&(u=v-(a??0),r.style.setProperty("--end-position",`${v}%`),r.style.setProperty("--relative-size",`${u}%`),r.style.removeProperty("visibility"))))}}();';
+export {
+  t as script
+};

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

@@ -0,0 +1,6 @@
+let v = /* @__PURE__ */ (function(f) {
+  return f.hasOverflowX = "data-has-overflow-x", f.hasOverflowY = "data-has-overflow-y", f.overflowXStart = "data-overflow-x-start", f.overflowXEnd = "data-overflow-x-end", f.overflowYStart = "data-overflow-y-start", f.overflowYEnd = "data-overflow-y-end", f;
+})({});
+export {
+  v as ScrollAreaRootDataAttributes
+};

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

@@ -0,0 +1,10 @@
+import * as o from "react";
+const t = /* @__PURE__ */ o.createContext(void 0);
+process.env.NODE_ENV !== "production" && (t.displayName = "ToolbarGroupContext");
+function r(e) {
+  return o.useContext(t);
+}
+export {
+  t as ToolbarGroupContext,
+  r as useToolbarGroupContext
+};

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

@@ -0,0 +1,6 @@
+let e = /* @__PURE__ */ (function(d) {
+  return d.checked = "data-checked", d.unchecked = "data-unchecked", d.disabled = "data-disabled", d.readonly = "data-readonly", d.required = "data-required", d.valid = "data-valid", d.invalid = "data-invalid", d.touched = "data-touched", d.dirty = "data-dirty", d.filled = "data-filled", d.focused = "data-focused", d;
+})({});
+export {
+  e as SwitchRootDataAttributes
+};

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

@@ -0,0 +1,8 @@
+import { asc as c } from "./als-react-ts-ui552.js";
+function p(r, e, o) {
+  const t = r.slice();
+  return t[e] = o, t.sort(c);
+}
+export {
+  p as replaceArrayItemAtIndex
+};

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

@@ -0,0 +1,32 @@
+import { clamp as r } from "./als-react-ts-ui523.js";
+function g({
+  values: s,
+  index: o,
+  nextValue: h,
+  min: f,
+  max: u,
+  step: x,
+  minStepsBetweenValues: M,
+  initialValues: V
+}) {
+  if (s.length === 0)
+    return [];
+  const e = s.slice(), i = x * M, c = e.length - 1, d = V ?? s, w = f + o * i, A = u - (c - o) * i;
+  e[o] = r(h, w, A);
+  for (let t = o + 1; t <= c; t += 1) {
+    const n = e[t - 1] + i, m = u - (c - t) * i, a = d[t] ?? e[t];
+    let l = Math.max(e[t], n);
+    a < l && (l = Math.max(a, n)), e[t] = r(l, n, m);
+  }
+  for (let t = o - 1; t >= 0; t -= 1) {
+    const n = e[t + 1] - i, m = f + t * i, a = d[t] ?? e[t];
+    let l = Math.min(e[t], n);
+    a > l && (l = Math.min(a, n)), e[t] = r(l, m, n);
+  }
+  for (let t = 0; t <= c; t += 1)
+    e[t] = Number(e[t].toFixed(12));
+  return e;
+}
+export {
+  g as getPushedThumbValues
+};

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

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

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

@@ -0,0 +1,9 @@
+import { TabsRootDataAttributes as i } from "./als-react-ts-ui573.js";
+const o = {
+  tabActivationDirection: (t) => ({
+    [i.activationDirection]: t
+  })
+};
+export {
+  o as tabsStateAttributesMapping
+};

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

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

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

@@ -0,0 +1,4 @@
+const t = '!function(){const t=document.currentScript.previousElementSibling;if(!t)return;const e=t.closest(\'[role="tablist"]\');if(!e)return;const i=e.querySelector("[data-active]");if(!i)return;if(0===i.offsetWidth||0===e.offsetWidth)return;const l=getComputedStyle(e).direction;let n=0,o=0,c=0,r=0,f=0,s=0;if(null!=i&&null!=e){const t=e.getBoundingClientRect(),{left:u,top:d,width:h,height:p}=i.getBoundingClientRect();n=u-t.left+e.scrollLeft-e.clientLeft,c=d-t.top+e.scrollTop-e.clientTop,f=h,s=p,o="ltr"===l?e.scrollWidth-n-f-e.clientLeft:n-e.clientLeft,r=e.scrollHeight-c-s-e.clientTop}function u(e,i){t.style.setProperty(`--active-tab-${e}`,`${i}px`)}u("left",n),u("right",o),u("top",c),u("bottom",r),u("width",f),u("height",s),f>0&&s>0&&t.removeAttribute("hidden")}();';
+export {
+  t as script
+};

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

@@ -0,0 +1,6 @@
+let e = /* @__PURE__ */ (function(t) {
+  return t.activeTabLeft = "--active-tab-left", t.activeTabRight = "--active-tab-right", t.activeTabTop = "--active-tab-top", t.activeTabBottom = "--active-tab-bottom", t.activeTabWidth = "--active-tab-width", t.activeTabHeight = "--active-tab-height", t;
+})({});
+export {
+  e as TabsIndicatorCssVars
+};

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

@@ -0,0 +1,6 @@
+let n = /* @__PURE__ */ (function(i) {
+  return i.index = "data-index", i.activationDirection = "data-activation-direction", i.orientation = "data-orientation", i.hidden = "data-hidden", i;
+})({});
+export {
+  n as TabsPanelDataAttributes
+};

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

@@ -0,0 +1,6 @@
+let n = /* @__PURE__ */ (function(i) {
+  return i.activationDirection = "data-activation-direction", i.orientation = "data-orientation", i;
+})({});
+export {
+  n as TabsRootDataAttributes
+};

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

@@ -1,7 +1,7 @@
 import * as e from "react";
-import { useRenderElement as p } from "./als-react-ts-ui166.js";
-import { AvatarRootContext as u } from "./als-react-ts-ui226.js";
-import { avatarStateAttributesMapping as c } from "./als-react-ts-ui227.js";
+import { useRenderElement as p } from "./als-react-ts-ui226.js";
+import { AvatarRootContext as u } from "./als-react-ts-ui294.js";
+import { avatarStateAttributesMapping as c } from "./als-react-ts-ui295.js";
 import { jsx as d } from "react/jsx-runtime";
 const f = /* @__PURE__ */ e.forwardRef(function(o, r) {
   const {

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

@@ -1,10 +1,10 @@
 import * as r from "react";
-import { useStableCallback as d } from "./als-react-ts-ui160.js";
-import { useIsoLayoutEffect as f } from "./als-react-ts-ui161.js";
-import { useRenderElement as p } from "./als-react-ts-ui166.js";
-import { useAvatarRootContext as l } from "./als-react-ts-ui226.js";
-import { avatarStateAttributesMapping as S } from "./als-react-ts-ui227.js";
-import { useImageLoadingStatus as L } from "./als-react-ts-ui228.js";
+import { useStableCallback as d } from "./als-react-ts-ui266.js";
+import { useIsoLayoutEffect as f } from "./als-react-ts-ui267.js";
+import { useRenderElement as p } from "./als-react-ts-ui226.js";
+import { useAvatarRootContext as l } from "./als-react-ts-ui294.js";
+import { avatarStateAttributesMapping as S } from "./als-react-ts-ui295.js";
+import { useImageLoadingStatus as L } from "./als-react-ts-ui296.js";
 const v = /* @__PURE__ */ r.forwardRef(function(e, n) {
   const {
     className: I,

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

@@ -1,8 +1,8 @@
 import * as t from "react";
-import { useTimeout as u } from "./als-react-ts-ui229.js";
-import { useRenderElement as d } from "./als-react-ts-ui166.js";
-import { useAvatarRootContext as c } from "./als-react-ts-ui226.js";
-import { avatarStateAttributesMapping as f } from "./als-react-ts-ui227.js";
+import { useTimeout as u } from "./als-react-ts-ui297.js";
+import { useRenderElement as d } from "./als-react-ts-ui226.js";
+import { useAvatarRootContext as c } from "./als-react-ts-ui294.js";
+import { avatarStateAttributesMapping as f } from "./als-react-ts-ui295.js";
 const p = /* @__PURE__ */ t.forwardRef(function(s, o) {
   const {
     className: v,

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

@@ -1,7 +1,73 @@
-const o = "_root_11pg6_1", t = {
-  root: o
-};
+import { jsx as n } from "react/jsx-runtime";
+import h from "react";
+import { clsx as f } from "./als-react-ts-ui56.js";
+import o from "./als-react-ts-ui148.js";
+import { CheckboxRoot as m } from "./als-react-ts-ui149.js";
+import { CheckboxIndicator as l } from "./als-react-ts-ui150.js";
+const k = h.forwardRef(
+  ({ size: t = "md", variant: r = "default", className: i, children: d, ...c }, a) => /* @__PURE__ */ n(
+    m,
+    {
+      ref: a,
+      className: (e) => f(
+        o.root,
+        o[`size-${t}`],
+        o[`variant-${r}`],
+        {
+          [o.checked]: e.checked,
+          [o.disabled]: e.disabled,
+          [o.indeterminate]: e.indeterminate,
+          [o.readonly]: e.readOnly,
+          [o.required]: e.required
+        },
+        typeof i == "function" ? i(e) : i
+      ),
+      ...c,
+      children: d
+    }
+  )
+);
+k.displayName = "ALSCheckboxRoot";
+const p = h.forwardRef(({ keepMounted: t = !1, className: r, children: i, render: d, ...c }, a) => /* @__PURE__ */ n(
+  l,
+  {
+    ref: a,
+    keepMounted: t,
+    className: (e) => f(
+      o.indicator,
+      {
+        [o.indicatorChecked]: e.checked,
+        [o.indicatorIndeterminate]: e.indeterminate
+      },
+      typeof r == "function" ? r(e) : r
+    ),
+    render: d || void 0,
+    ...c,
+    children: i || /* @__PURE__ */ n(
+      "svg",
+      {
+        width: "12",
+        height: "12",
+        viewBox: "0 0 12 12",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        "aria-hidden": "true",
+        children: /* @__PURE__ */ n(
+          "path",
+          {
+            d: "M10 3L4.5 8.5L2 6",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      }
+    )
+  }
+));
+p.displayName = "ALSCheckboxIndicator";
 export {
-  t as default,
-  o as root
+  p as ALSCheckboxIndicator,
+  k as ALSCheckboxRoot
 };