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

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

@@ -0,0 +1,110 @@
+import * as o from "react";
+import { useScrollLock as j } from "./als-react-ts-ui236.js";
+import { usePopoverRootContext as L, PopoverRootContext as N } from "./als-react-ts-ui284.js";
+import { PopoverStore as V } from "./als-react-ts-ui285.js";
+import { createChangeEventDetails as q } from "./als-react-ts-ui167.js";
+import { useOpenInteractionType as w } from "./als-react-ts-ui237.js";
+import { jsx as p } from "react/jsx-runtime";
+import { FloatingTree as z, useFloatingParentNodeId as B } from "./als-react-ts-ui286.js";
+import { useSyncedFloatingRootContext as G } from "./als-react-ts-ui238.js";
+import { useDismiss as J } from "./als-react-ts-ui240.js";
+import { useRole as K } from "./als-react-ts-ui239.js";
+import { useInteractions as Q } from "./als-react-ts-ui201.js";
+import { useImplicitActiveTrigger as W, useOpenStateTransitions as X } from "./als-react-ts-ui199.js";
+import { triggerHover as Y, imperativeAction as Z } from "./als-react-ts-ui168.js";
+function I({
+  props: t
+}) {
+  const {
+    children: i,
+    open: l,
+    defaultOpen: c = !1,
+    onOpenChange: T,
+    onOpenChangeComplete: R,
+    modal: r = !1,
+    handle: S,
+    triggerId: a,
+    defaultTriggerId: m = null
+  } = t, e = V.useStore(S?.store, {
+    open: l ?? c,
+    modal: r,
+    activeTriggerId: a !== void 0 ? a : m
+  });
+  e.useControlledProp("open", l, c), e.useControlledProp("activeTriggerId", a, m);
+  const n = e.useState("open"), x = e.useState("positionerElement"), y = e.useState("payload"), k = e.useState("openChangeReason");
+  e.useContextCallback("onOpenChange", T), e.useContextCallback("onOpenChangeComplete", R);
+  const {
+    openMethod: g,
+    triggerProps: s,
+    reset: E
+  } = w(n);
+  W(e);
+  const {
+    forceUnmount: f
+  } = X(n, e, () => {
+    e.update({
+      stickIfOpen: !0,
+      openChangeReason: null
+    }), E();
+  });
+  j(n && r === !0 && k !== Y && g !== "touch", x), o.useEffect(() => {
+    n || e.context.stickIfOpenTimeout.clear();
+  }, [e, n]);
+  const d = o.useCallback((H) => {
+    const O = q(H);
+    return O.preventUnmountOnClose = () => {
+      e.set("preventUnmountingOnClose", !0);
+    }, O;
+  }, [e]), C = o.useCallback(() => {
+    e.setOpen(!1, d(Z));
+  }, [e, d]);
+  o.useImperativeHandle(t.actionsRef, () => ({
+    unmount: f,
+    close: C
+  }), [f, C]);
+  const u = G({
+    popupStore: e,
+    onOpenChange: e.setOpen
+  }), M = J(u, {
+    outsidePressEvent: {
+      // Ensure `aria-hidden` on outside elements is removed immediately
+      // on outside press when trapping focus.
+      mouse: r === "trap-focus" ? "sloppy" : "intentional",
+      touch: "sloppy"
+    }
+  }), b = K(u), {
+    getReferenceProps: v,
+    getFloatingProps: P,
+    getTriggerProps: h
+  } = Q([M, b]), F = o.useMemo(() => v(s), [v, s]), D = o.useMemo(() => h(s), [h, s]), U = o.useMemo(() => P(), [P]);
+  e.useSyncedValues({
+    modal: r,
+    openMethod: g,
+    activeTriggerProps: F,
+    inactiveTriggerProps: D,
+    popupProps: U,
+    floatingRootContext: u,
+    nested: B() != null
+  });
+  const A = o.useMemo(() => ({
+    store: e
+  }), [e]);
+  return /* @__PURE__ */ p(N.Provider, {
+    value: A,
+    children: typeof i == "function" ? i({
+      payload: y
+    }) : i
+  });
+}
+function ce(t) {
+  return L(!0) ? /* @__PURE__ */ p(I, {
+    props: t
+  }) : /* @__PURE__ */ p(z, {
+    children: /* @__PURE__ */ p(I, {
+      props: t
+    })
+  });
+}
+export {
+  ce as PopoverRoot
+};

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

@@ -0,0 +1,25 @@
+import * as a from "react";
+import { usePopoverRootContext as p } from "./als-react-ts-ui284.js";
+import { PopoverPortalContext as l } from "./als-react-ts-ui292.js";
+import { jsx as r } from "react/jsx-runtime";
+import { FloatingPortal as d } from "./als-react-ts-ui196.js";
+const u = /* @__PURE__ */ a.forwardRef(function(e, t) {
+  const {
+    keepMounted: o = !1,
+    ...n
+  } = e, {
+    store: s
+  } = p();
+  return s.useState("mounted") || o ? /* @__PURE__ */ r(l.Provider, {
+    value: o,
+    children: /* @__PURE__ */ r(d, {
+      ref: t,
+      ...n,
+      renderGuards: !1
+    })
+  }) : null;
+});
+process.env.NODE_ENV !== "production" && (u.displayName = "PopoverPortal");
+export {
+  u as PopoverPortal
+};

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

@@ -0,0 +1,9 @@
+import { jsx as o } from "react/jsx-runtime";
+import r from "./als-react-ts-ui63.js";
+function p(t) {
+  return /* @__PURE__ */ o("div", { className: r.root });
+}
+export {
+  p as ALSCheckboxGroup,
+  p as default
+};

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

@@ -0,0 +1,7 @@
+const o = "_root_1iiym_1", t = {
+  root: o
+};
+export {
+  t as default,
+  o as root
+};

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

@@ -0,0 +1,74 @@
+import { jsx as a } from "react/jsx-runtime";
+import { clsx as t } from "./als-react-ts-ui56.js";
+import { forwardRef as m } from "react";
+import e from "./als-react-ts-ui152.js";
+import { ProgressRoot as c } from "./als-react-ts-ui153.js";
+import { ProgressTrack as p } from "./als-react-ts-ui154.js";
+import { ProgressIndicator as g } from "./als-react-ts-ui155.js";
+import { ProgressLabel as n } from "./als-react-ts-ui156.js";
+import { ProgressValue as P } from "./als-react-ts-ui157.js";
+const L = m(
+  ({ className: r, variant: s = "primary", size: o = "md", ...i }, l) => /* @__PURE__ */ a(
+    c,
+    {
+      ref: l,
+      className: t(
+        e.root,
+        e[`variant-${s}`],
+        e[`size-${o}`],
+        r
+      ),
+      ...i
+    }
+  )
+);
+L.displayName = "ALSProgressRoot";
+const d = m(
+  ({ className: r, ...s }, o) => /* @__PURE__ */ a(
+    p,
+    {
+      ref: o,
+      className: t(e.track, r),
+      ...s
+    }
+  )
+);
+d.displayName = "ALSProgressTrack";
+const f = m(({ className: r, ...s }, o) => /* @__PURE__ */ a(
+  g,
+  {
+    ref: o,
+    className: t(e.indicator, r),
+    ...s
+  }
+));
+f.displayName = "ALSProgressIndicator";
+const A = m(
+  ({ className: r, ...s }, o) => /* @__PURE__ */ a(
+    n,
+    {
+      ref: o,
+      className: t(e.label, r),
+      ...s
+    }
+  )
+);
+A.displayName = "ALSProgressLabel";
+const N = m(
+  ({ className: r, ...s }, o) => /* @__PURE__ */ a(
+    P,
+    {
+      ref: o,
+      className: t(e.value, r),
+      ...s
+    }
+  )
+);
+N.displayName = "ALSProgressValue";
+export {
+  f as ALSProgressIndicator,
+  A as ALSProgressLabel,
+  L as ALSProgressRoot,
+  d as ALSProgressTrack,
+  N as ALSProgressValue
+};

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

@@ -0,0 +1,7 @@
+const o = "_root_1ei9z_1", t = {
+  root: o
+};
+export {
+  t as default,
+  o as root
+};

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

@@ -0,0 +1,7 @@
+const o = "_root_1kuso_1", t = {
+  root: o
+};
+export {
+  t as default,
+  o as root
+};

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

@@ -0,0 +1,21 @@
+const r = "_trigger_krl6a_1", t = "_icon_krl6a_40", o = "_popup_krl6a_48", _ = "_item_krl6a_69", a = "_itemIndicator_krl6a_99", e = "_group_krl6a_107", l = "_label_krl6a_111", p = "_separator_krl6a_118", c = {
+  trigger: r,
+  icon: t,
+  popup: o,
+  item: _,
+  itemIndicator: a,
+  group: e,
+  label: l,
+  separator: p
+};
+export {
+  c as default,
+  e as group,
+  t as icon,
+  _ as item,
+  a as itemIndicator,
+  l as label,
+  o as popup,
+  p as separator,
+  r as trigger
+};

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

@@ -0,0 +1,6 @@
+import o from "./als-react-ts-ui203.js";
+const e = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], c = o("chevron-down", e);
+export {
+  e as __iconNode,
+  c as default
+};

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

@@ -0,0 +1,6 @@
+import c from "./als-react-ts-ui203.js";
+const e = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], t = c("check", e);
+export {
+  e as __iconNode,
+  t as default
+};

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

@@ -0,0 +1,141 @@
+import * as l from "react";
+import { ownerDocument as Z } from "./als-react-ts-ui268.js";
+import { useTimeout as m } from "./als-react-ts-ui229.js";
+import { useStableCallback as $ } from "./als-react-ts-ui160.js";
+import { useMergedRefs as ee } from "./als-react-ts-ui169.js";
+import { useValueAsRef as te } from "./als-react-ts-ui225.js";
+import { useSelectRootContext as oe } from "./als-react-ts-ui253.js";
+import { useFieldRootContext as re } from "./als-react-ts-ui254.js";
+import { useLabelableContext as ne } from "./als-react-ts-ui255.js";
+import { pressableTriggerOpenStateMapping as se } from "./als-react-ts-ui188.js";
+import { fieldValidityMapping as ie } from "./als-react-ts-ui269.js";
+import { useRenderElement as le } from "./als-react-ts-ui166.js";
+import { selectors as s } from "./als-react-ts-ui257.js";
+import { getPseudoElementBounds as ae } from "./als-react-ts-ui270.js";
+import { createChangeEventDetails as F } from "./als-react-ts-ui167.js";
+import { useButton as ue } from "./als-react-ts-ui179.js";
+import { useStore as i } from "./als-react-ts-ui267.js";
+import { getFloatingFocusElement as ce, contains as O } from "./als-react-ts-ui241.js";
+import { mergeProps as me } from "./als-react-ts-ui213.js";
+import { focusOut as de, cancelOpen as fe } from "./als-react-ts-ui168.js";
+const d = 2, pe = {
+  ...se,
+  ...ie,
+  value: () => null
+}, ge = /* @__PURE__ */ l.forwardRef(function(E, S) {
+  const {
+    render: Me,
+    className: Re,
+    disabled: B = !1,
+    nativeButton: C = !0,
+    ...V
+  } = E, {
+    setTouched: A,
+    setFocused: T,
+    validationMode: N,
+    state: v,
+    disabled: I
+  } = re(), {
+    labelId: Y
+  } = ne(), {
+    store: e,
+    setOpen: D,
+    selectionRef: a,
+    validation: w,
+    readOnly: f,
+    alignItemWithTriggerActiveRef: k,
+    disabled: z,
+    keyboardActiveRef: x
+  } = oe(), u = I || z || B, o = i(e, s.open), p = i(e, s.value), L = i(e, s.triggerProps), g = i(e, s.positionerElement), y = i(e, s.listElement), P = i(e, s.serializedValue), X = te(g), r = l.useRef(null), _ = m(), b = m(), {
+    getButtonProps: K,
+    buttonRef: W
+  } = ue({
+    disabled: u,
+    native: C
+  }), j = $((t) => {
+    e.set("triggerElement", t);
+  }), q = ee(S, r, W, j), M = m(), R = m();
+  l.useEffect(() => {
+    if (o)
+      return R.start(200, () => {
+        a.current.allowUnselectedMouseUp = !0, M.start(200, () => {
+          a.current.allowSelectedMouseUp = !0;
+        });
+      }), () => {
+        M.clear(), R.clear();
+      };
+    a.current = {
+      allowSelectedMouseUp: !1,
+      allowUnselectedMouseUp: !1
+    }, b.clear();
+  }, [o, a, b, M, R]);
+  const G = l.useMemo(() => y?.id ?? ce(g)?.id, [y, g]), U = me(L, {
+    role: "combobox",
+    "aria-expanded": o ? "true" : "false",
+    "aria-haspopup": "listbox",
+    "aria-controls": o ? G : void 0,
+    "aria-labelledby": Y,
+    "aria-readonly": f || void 0,
+    tabIndex: u ? -1 : 0,
+    ref: q,
+    onFocus(t) {
+      T(!0), o && k.current && D(!1, F(de, t.nativeEvent)), _.start(0, () => {
+        e.set("forceMount", !0);
+      });
+    },
+    onBlur() {
+      A(!0), T(!1), N === "onBlur" && w.commit(p);
+    },
+    onPointerMove({
+      pointerType: t
+    }) {
+      x.current = !1, e.set("touchModality", t === "touch");
+    },
+    onPointerDown({
+      pointerType: t
+    }) {
+      e.set("touchModality", t === "touch");
+    },
+    onKeyDown() {
+      x.current = !0;
+    },
+    onMouseDown(t) {
+      if (o)
+        return;
+      const J = Z(t.currentTarget);
+      function Q(n) {
+        if (!r.current)
+          return;
+        const h = n.target;
+        if (O(r.current, h) || O(X.current, h) || h === r.current)
+          return;
+        const c = ae(r.current);
+        n.clientX >= c.left - d && n.clientX <= c.right + d && n.clientY >= c.top - d && n.clientY <= c.bottom + d || D(!1, F(fe, n));
+      }
+      b.start(0, () => {
+        J.addEventListener("mouseup", Q, {
+          once: !0
+        });
+      });
+    }
+  }, w.getValidationProps, V, K);
+  U.role = "combobox";
+  const H = l.useMemo(() => ({
+    ...v,
+    open: o,
+    disabled: u,
+    value: p,
+    readOnly: f,
+    placeholder: !P
+  }), [v, o, u, p, f, P]);
+  return le("button", E, {
+    ref: [S, r],
+    state: H,
+    stateAttributesMapping: pe,
+    props: U
+  });
+});
+process.env.NODE_ENV !== "production" && (ge.displayName = "SelectTrigger");
+export {
+  ge as SelectTrigger
+};

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

@@ -0,0 +1,34 @@
+import * as i from "react";
+import { useRenderElement as S } from "./als-react-ts-ui166.js";
+import { useSelectRootContext as v } from "./als-react-ts-ui253.js";
+import { resolveMultipleLabels as V, resolveSelectedLabel as b } from "./als-react-ts-ui260.js";
+import { selectors as o } from "./als-react-ts-ui257.js";
+import { useStore as r } from "./als-react-ts-ui267.js";
+const R = {
+  value: () => null
+}, h = /* @__PURE__ */ i.forwardRef(function(s, c) {
+  const {
+    className: L,
+    render: N,
+    children: l,
+    ...m
+  } = s, {
+    store: t,
+    valueRef: u
+  } = v(), e = r(t, o.value), p = r(t, o.items), n = r(t, o.itemToStringLabel), a = r(t, o.serializedValue), f = i.useMemo(() => ({
+    value: e,
+    placeholder: !a
+  }), [e, a]), d = typeof l == "function" ? l(e) : l ?? (Array.isArray(e) ? V(e, n) : b(e, p, n));
+  return S("span", s, {
+    state: f,
+    ref: [c, u],
+    props: [{
+      children: d
+    }, m],
+    stateAttributesMapping: R
+  });
+});
+process.env.NODE_ENV !== "production" && (h.displayName = "SelectValue");
+export {
+  h as SelectValue
+};

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

@@ -0,0 +1,30 @@
+import * as o from "react";
+import { useRenderElement as p } from "./als-react-ts-ui166.js";
+import { useSelectRootContext as m } from "./als-react-ts-ui253.js";
+import { triggerOpenStateMapping as i } from "./als-react-ts-ui188.js";
+import { selectors as a } from "./als-react-ts-ui257.js";
+import { useStore as l } from "./als-react-ts-ui267.js";
+const f = /* @__PURE__ */ o.forwardRef(function(e, r) {
+  const {
+    className: d,
+    render: S,
+    ...n
+  } = e, {
+    store: s
+  } = m(), t = l(s, a.open), c = o.useMemo(() => ({
+    open: t
+  }), [t]);
+  return p("span", e, {
+    state: c,
+    ref: r,
+    props: [{
+      "aria-hidden": !0,
+      children: "▼"
+    }, n],
+    stateAttributesMapping: i
+  });
+});
+process.env.NODE_ENV !== "production" && (f.displayName = "SelectIcon");
+export {
+  f as SelectIcon
+};

package/dist/components/ALSAccordion/index.module.css

@@ -0,0 +1 @@
+._root_l6s1z_10{display:flex;flex-direction:column;width:100%}._root--default_l6s1z_17{gap:0}._root--bordered_l6s1z_21{gap:0;border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}._root--separated_l6s1z_28{gap:var(--space-sm)}._root--minimal_l6s1z_32{gap:0}._root--sm_l6s1z_37{font-size:var(--font-small)}._root--md_l6s1z_41{font-size:var(--font-base)}._root--lg_l6s1z_45{font-size:var(--font-h6)}._item_l6s1z_53{display:flex;flex-direction:column;overflow:hidden}._item--default_l6s1z_60{border-bottom:1px solid var(--border-primary)}._item--default_l6s1z_60:last-child{border-bottom:none}._item--bordered_l6s1z_68{border-bottom:1px solid var(--border-primary)}._item--bordered_l6s1z_68:last-child{border-bottom:none}._item--separated_l6s1z_76{border:1px solid var(--border-primary);border-radius:var(--radius-md);background-color:var(--color-als-white)}._item--minimal_l6s1z_82{border-bottom:1px solid var(--border-secondary)}._item--minimal_l6s1z_82:last-child{border-bottom:none}._item_l6s1z_53[data-disabled]{opacity:.5;cursor:not-allowed}._header_l6s1z_100{margin:0;padding:0}._trigger_l6s1z_109{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-md) var(--space-lg);border:none;background-color:transparent;color:var(--text-primary);font-family:var(--font-family-base);font-weight:var(--font-weight-semibold);text-align:left;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);gap:var(--space-md)}._trigger_l6s1z_109:hover:not([data-disabled]){background-color:var(--color-als-gray-100)}._trigger_l6s1z_109:focus-visible{outline:2px solid var(--border-focus);outline-offset:-2px;z-index:var(--z-base)}._trigger_l6s1z_109[data-disabled]{cursor:not-allowed}._trigger--default_l6s1z_142{background-color:var(--color-als-white)}._trigger--default_l6s1z_142:hover:not([data-disabled]){background-color:var(--color-als-gray-100)}._trigger--bordered_l6s1z_150{background-color:var(--color-als-white)}._trigger--bordered_l6s1z_150:hover:not([data-disabled]){background-color:var(--color-als-gray-100)}._trigger--separated_l6s1z_158{background-color:transparent;border-radius:var(--radius-md)}._trigger--separated_l6s1z_158:hover:not([data-disabled]){background-color:var(--color-als-gray-100)}._trigger--minimal_l6s1z_167{background-color:transparent;padding-left:0;padding-right:0}._trigger--minimal_l6s1z_167:hover:not([data-disabled]){background-color:transparent;color:var(--color-als-aux-blue-500)}._trigger--sm_l6s1z_179{padding:var(--space-sm) var(--space-md);font-size:var(--font-small)}._trigger--md_l6s1z_184{padding:var(--space-md) var(--space-lg);font-size:var(--font-base)}._trigger--lg_l6s1z_189{padding:var(--space-lg) var(--space-xl);font-size:var(--font-h6)}._triggerContent_l6s1z_195{flex:1;min-width:0}._triggerIcon_l6s1z_201{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary);transition:transform var(--transition-base)}._trigger_l6s1z_109[data-panel-open] ._triggerIcon_l6s1z_201{transform:rotate(180deg)}._chevronSvg_l6s1z_214{display:block}._panel_l6s1z_222{overflow:hidden;height:0;transition:height var(--transition-base)}._panel_l6s1z_222[data-open]{height:var(--accordion-panel-height)}._panel_l6s1z_222[data-starting-style],._panel_l6s1z_222[data-ending-style]{height:0}._panel--default_l6s1z_238,._panel--bordered_l6s1z_242{background-color:var(--color-als-white)}._panel--separated_l6s1z_246,._panel--minimal_l6s1z_250{background-color:transparent}._panelContent_l6s1z_255{padding:0 var(--space-lg) var(--space-lg);color:var(--text-primary);line-height:var(--line-height-relaxed)}._panel--sm_l6s1z_262 ._panelContent_l6s1z_255{padding:0 var(--space-md) var(--space-md);font-size:var(--font-small)}._panel--md_l6s1z_267 ._panelContent_l6s1z_255{padding:0 var(--space-lg) var(--space-lg);font-size:var(--font-base)}._panel--lg_l6s1z_272 ._panelContent_l6s1z_255{padding:0 var(--space-xl) var(--space-xl);font-size:var(--font-base)}._panel--minimal_l6s1z_250 ._panelContent_l6s1z_255{padding-left:0;padding-right:0}@media(prefers-reduced-motion:reduce){._triggerIcon_l6s1z_201,._panel_l6s1z_222{transition:none}}

package/dist/components/ALSAlertDialog/ALSAlertDialog.d.ts

@@ -0,0 +1,106 @@
+import React from "react";
+type AlertDialogVariant = "default" | "centered";
+type AlertDialogSize = "sm" | "md" | "lg";
+interface ALSAlertDialogRootProps {
+    /** Whether the alert dialog is open (controlled) */
+    open?: boolean;
+    /** Default open state (uncontrolled) */
+    defaultOpen?: boolean;
+    /** Callback when open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** Visual variant of the alert dialog */
+    variant?: AlertDialogVariant;
+    /** Size variant */
+    size?: AlertDialogSize;
+    /** Additional class name */
+    className?: string;
+    /** Children */
+    children: React.ReactNode;
+}
+declare const ALSAlertDialogRoot: React.ForwardRefExoticComponent<ALSAlertDialogRootProps & React.RefAttributes<HTMLDivElement>>;
+interface ALSAlertDialogTriggerProps {
+    /** Additional class name */
+    className?: string;
+    /** Children */
+    children: React.ReactNode;
+}
+declare const ALSAlertDialogTrigger: React.ForwardRefExoticComponent<ALSAlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface ALSAlertDialogBackdropProps {
+    /** Additional class name */
+    className?: string;
+    /** Whether to keep the backdrop mounted when closed */
+    keepMounted?: boolean;
+}
+declare const ALSAlertDialogBackdrop: React.ForwardRefExoticComponent<ALSAlertDialogBackdropProps & React.RefAttributes<HTMLDivElement>>;
+interface ALSAlertDialogPortalProps {
+    /** Container element to portal into */
+    container?: HTMLElement | null;
+    /** Whether to keep the portal mounted when closed */
+    keepMounted?: boolean;
+    /** Children */
+    children: React.ReactNode;
+}
+declare const ALSAlertDialogPortal: React.FC<ALSAlertDialogPortalProps>;
+interface ALSAlertDialogViewportProps {
+    /** Additional class name */
+    className?: string;
+    /** Children */
+    children: React.ReactNode;
+}
+declare const ALSAlertDialogViewport: React.ForwardRefExoticComponent<ALSAlertDialogViewportProps & React.RefAttributes<HTMLDivElement>>;
+interface ALSAlertDialogPopupProps {
+    /** Additional class name */
+    className?: string;
+    /** Children */
+    children: React.ReactNode;
+}
+declare const ALSAlertDialogPopup: React.ForwardRefExoticComponent<ALSAlertDialogPopupProps & React.RefAttributes<HTMLDivElement>>;
+interface ALSAlertDialogTitleProps {
+    /** Additional class name */
+    className?: string;
+    /** Children */
+    children: React.ReactNode;
+}
+declare const ALSAlertDialogTitle: React.ForwardRefExoticComponent<ALSAlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+interface ALSAlertDialogDescriptionProps {
+    /** Additional class name */
+    className?: string;
+    /** Children */
+    children: React.ReactNode;
+}
+declare const ALSAlertDialogDescription: React.ForwardRefExoticComponent<ALSAlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+interface ALSAlertDialogCloseProps {
+    /** Additional class name */
+    className?: string;
+    /** Children (optional, defaults to X icon) */
+    children?: React.ReactNode;
+}
+declare const ALSAlertDialogClose: React.ForwardRefExoticComponent<ALSAlertDialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+interface ALSAlertDialogFooterProps {
+    /** Additional class name */
+    className?: string;
+    /** Children */
+    children: React.ReactNode;
+}
+declare const ALSAlertDialogFooter: React.ForwardRefExoticComponent<ALSAlertDialogFooterProps & React.RefAttributes<HTMLDivElement>>;
+interface ALSAlertDialogCancelProps {
+    /** Additional class name */
+    className?: string;
+    /** Children */
+    children: React.ReactNode;
+    /** Whether to render as child element */
+    asChild?: boolean;
+}
+declare const ALSAlertDialogCancel: React.ForwardRefExoticComponent<ALSAlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>>;
+interface ALSAlertDialogActionProps {
+    /** Additional class name */
+    className?: string;
+    /** Children */
+    children: React.ReactNode;
+    /** Whether to render as child element */
+    asChild?: boolean;
+}
+declare const ALSAlertDialogAction: React.ForwardRefExoticComponent<ALSAlertDialogActionProps & React.RefAttributes<HTMLButtonElement>>;
+export { ALSAlertDialogRoot, ALSAlertDialogTrigger, ALSAlertDialogBackdrop, ALSAlertDialogPortal, ALSAlertDialogViewport, ALSAlertDialogPopup, ALSAlertDialogTitle, ALSAlertDialogDescription, ALSAlertDialogClose, ALSAlertDialogFooter, ALSAlertDialogCancel, ALSAlertDialogAction, };
+export type { ALSAlertDialogRootProps, ALSAlertDialogTriggerProps, ALSAlertDialogBackdropProps, ALSAlertDialogPortalProps, ALSAlertDialogViewportProps, ALSAlertDialogPopupProps, ALSAlertDialogTitleProps, ALSAlertDialogDescriptionProps, ALSAlertDialogCloseProps, ALSAlertDialogFooterProps, ALSAlertDialogCancelProps, ALSAlertDialogActionProps, AlertDialogVariant, AlertDialogSize, };
+//# sourceMappingURL=ALSAlertDialog.d.ts.map

package/dist/components/ALSAlertDialog/ALSAlertDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ALSAlertDialog.d.ts","sourceRoot":"","sources":["../../../src/components/ALSAlertDialog/ALSAlertDialog.tsx"],"names":[],"mappings":"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"}

package/dist/components/ALSAlertDialog/index.d.ts

@@ -1,5 +1,17 @@
-export interface ALSAlertDialogProps {
-}
-export declare function ALSAlertDialog(props: ALSAlertDialogProps): import("react/jsx-runtime").JSX.Element;
-export default ALSAlertDialog;
+import type { ALSAlertDialogRootProps, ALSAlertDialogTriggerProps, ALSAlertDialogBackdropProps, ALSAlertDialogPortalProps, ALSAlertDialogViewportProps, ALSAlertDialogPopupProps, ALSAlertDialogTitleProps, ALSAlertDialogDescriptionProps, ALSAlertDialogCloseProps, ALSAlertDialogFooterProps, ALSAlertDialogCancelProps, ALSAlertDialogActionProps, AlertDialogVariant, AlertDialogSize } from "./ALSAlertDialog";
+export type { ALSAlertDialogRootProps, ALSAlertDialogTriggerProps, ALSAlertDialogBackdropProps, ALSAlertDialogPortalProps, ALSAlertDialogViewportProps, ALSAlertDialogPopupProps, ALSAlertDialogTitleProps, ALSAlertDialogDescriptionProps, ALSAlertDialogCloseProps, ALSAlertDialogFooterProps, ALSAlertDialogCancelProps, ALSAlertDialogActionProps, AlertDialogVariant, AlertDialogSize, };
+export declare const ALSAlertDialog: {
+    Root: import("react").ForwardRefExoticComponent<ALSAlertDialogRootProps & import("react").RefAttributes<HTMLDivElement>>;
+    Trigger: import("react").ForwardRefExoticComponent<ALSAlertDialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Backdrop: import("react").ForwardRefExoticComponent<ALSAlertDialogBackdropProps & import("react").RefAttributes<HTMLDivElement>>;
+    Portal: import("react").FC<ALSAlertDialogPortalProps>;
+    Viewport: import("react").ForwardRefExoticComponent<ALSAlertDialogViewportProps & import("react").RefAttributes<HTMLDivElement>>;
+    Popup: import("react").ForwardRefExoticComponent<ALSAlertDialogPopupProps & import("react").RefAttributes<HTMLDivElement>>;
+    Title: import("react").ForwardRefExoticComponent<ALSAlertDialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
+    Description: import("react").ForwardRefExoticComponent<ALSAlertDialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
+    Close: import("react").ForwardRefExoticComponent<ALSAlertDialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Footer: import("react").ForwardRefExoticComponent<ALSAlertDialogFooterProps & import("react").RefAttributes<HTMLDivElement>>;
+    Cancel: import("react").ForwardRefExoticComponent<ALSAlertDialogCancelProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Action: import("react").ForwardRefExoticComponent<ALSAlertDialogActionProps & import("react").RefAttributes<HTMLButtonElement>>;
+};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/ALSAlertDialog/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ALSAlertDialog/index.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,mBAAmB;CAEnC;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAMxD;AAED,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ALSAlertDialog/index.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EACR,uBAAuB,EACvB,0BAA0B,EAC1B,2BAA2B,EAC3B,yBAAyB,EACzB,2BAA2B,EAC3B,wBAAwB,EACxB,wBAAwB,EACxB,8BAA8B,EAC9B,wBAAwB,EACxB,yBAAyB,EACzB,yBAAyB,EACzB,yBAAyB,EACzB,kBAAkB,EAClB,eAAe,EAClB,MAAM,kBAAkB,CAAC;AAE1B,YAAY,EACR,uBAAuB,EACvB,0BAA0B,EAC1B,2BAA2B,EAC3B,yBAAyB,EACzB,2BAA2B,EAC3B,wBAAwB,EACxB,wBAAwB,EACxB,8BAA8B,EAC9B,wBAAwB,EACxB,yBAAyB,EACzB,yBAAyB,EACzB,yBAAyB,EACzB,kBAAkB,EAClB,eAAe,GAClB,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;CAa1B,CAAC"}

package/dist/components/ALSAlertDialog/index.module.css

@@ -0,0 +1 @@
+._trigger_72hu1_4{cursor:pointer}._backdrop_72hu1_11{position:fixed;inset:0;background-color:#00000080;z-index:var(--z-modal-backdrop);animation:_fadeIn_72hu1_1 var(--transition-duration-base) ease-out}._backdrop_72hu1_11[data-state=closed]{animation:_fadeOut_72hu1_1 var(--transition-duration-base) ease-in}._viewport_72hu1_26{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-lg);pointer-events:none}._popup_72hu1_40{position:relative;background-color:var(--color-als-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-xl);max-width:90vw;max-height:90vh;overflow:auto;pointer-events:auto;animation:_scaleIn_72hu1_1 var(--transition-duration-base) ease-out}._popup_72hu1_40[data-state=closed]{animation:_scaleOut_72hu1_1 var(--transition-duration-base) ease-in}._popup--centered_72hu1_62{text-align:center}._popup--sm_72hu1_67{width:400px}._popup--md_72hu1_71{width:500px}._popup--lg_72hu1_75{width:600px}._title_72hu1_82{margin:0 0 var(--space-md) 0;font-size:var(--font-h4);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-tight)}._description_72hu1_93{margin:0 0 var(--space-lg) 0;font-size:var(--font-base);color:var(--text-primary);line-height:var(--line-height-base)}._footer_72hu1_103{display:flex;justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-lg)}._popup--centered_72hu1_62 ._footer_72hu1_103{justify-content:center}._action_72hu1_120,._cancel_72hu1_121{border:none;background:none;padding:0;cursor:pointer}._close_72hu1_132{position:absolute;top:var(--space-md);right:var(--space-md);display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background-color:transparent;border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast)}._close_72hu1_132:hover{background-color:var(--color-als-gray-100);color:var(--text-primary)}._close_72hu1_132:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}._closeIcon_72hu1_160{width:20px;height:20px}@keyframes _fadeIn_72hu1_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_72hu1_1{0%{opacity:1}to{opacity:0}}@keyframes _scaleIn_72hu1_1{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes _scaleOut_72hu1_1{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}