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

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

@@ -0,0 +1,85 @@
+const e = "_layout_8124k_4", i = "_layoutLeft_8124k_27", a = "_layoutRight_8124k_37", d = "_layoutAsideHidden_8124k_47", t = "_layoutAsideFullHeight_8124k_57", s = "_header_8124k_76", o = "_headerSticky_8124k_92", _ = "_headerFixed_8124k_97", n = "_headerRelative_8124k_105", l = "_headerHideOnScroll_8124k_109", r = "_headerElevated_8124k_121", c = "_headerTransparent_8124k_126", h = "_headerWithFullHeightAside_8124k_132", k = "_layoutAsideCollapsed_8124k_140", g = "_aside_8124k_149", u = "_asideFullHeight_8124k_168", y = "_asideContent_8124k_202", m = "_asideContentCollapsed_8124k_234", F = "_asideRelative_8124k_239", v = "_asideFixed_8124k_243", H = "_asideCollapsed_8124k_275", C = "_asideOverlay_8124k_326", f = "_asideOverlayClosing_8124k_369", p = "_asideOverlayBackdrop_8124k_400", A = "_asideOverlayBackdropClosing_8124k_420", R = "_asideResizeHandle_8124k_436", O = "_asideResizing_8124k_469", P = "_main_8124k_489", S = "_mainPaddingNone_8124k_521", W = "_mainPaddingSm_8124k_525", x = "_mainPaddingMd_8124k_529", z = "_mainPaddingLg_8124k_533", B = "_mainPaddingXl_8124k_537", L = "_mainFullWidth_8124k_542", E = "_mainWithFullHeightAside_8124k_547", M = "_footer_8124k_564", N = "_footerRelative_8124k_576", T = "_footerSticky_8124k_580", X = "_footerFixed_8124k_587", b = "_footerWithFullHeightAside_8124k_597", j = {
+  layout: e,
+  layoutLeft: i,
+  layoutRight: a,
+  layoutAsideHidden: d,
+  layoutAsideFullHeight: t,
+  header: s,
+  headerSticky: o,
+  headerFixed: _,
+  headerRelative: n,
+  headerHideOnScroll: l,
+  headerElevated: r,
+  headerTransparent: c,
+  headerWithFullHeightAside: h,
+  layoutAsideCollapsed: k,
+  aside: g,
+  asideFullHeight: u,
+  asideContent: y,
+  asideContentCollapsed: m,
+  asideRelative: F,
+  asideFixed: v,
+  asideCollapsed: H,
+  asideOverlay: C,
+  asideOverlayClosing: f,
+  asideOverlayBackdrop: p,
+  asideOverlayBackdropClosing: A,
+  asideResizeHandle: R,
+  asideResizing: O,
+  main: P,
+  mainPaddingNone: S,
+  mainPaddingSm: W,
+  mainPaddingMd: x,
+  mainPaddingLg: z,
+  mainPaddingXl: B,
+  mainFullWidth: L,
+  mainWithFullHeightAside: E,
+  footer: M,
+  footerRelative: N,
+  footerSticky: T,
+  footerFixed: X,
+  footerWithFullHeightAside: b
+};
+export {
+  g as aside,
+  H as asideCollapsed,
+  y as asideContent,
+  m as asideContentCollapsed,
+  v as asideFixed,
+  u as asideFullHeight,
+  C as asideOverlay,
+  p as asideOverlayBackdrop,
+  A as asideOverlayBackdropClosing,
+  f as asideOverlayClosing,
+  F as asideRelative,
+  R as asideResizeHandle,
+  O as asideResizing,
+  j as default,
+  M as footer,
+  X as footerFixed,
+  N as footerRelative,
+  T as footerSticky,
+  b as footerWithFullHeightAside,
+  s as header,
+  r as headerElevated,
+  _ as headerFixed,
+  l as headerHideOnScroll,
+  n as headerRelative,
+  o as headerSticky,
+  c as headerTransparent,
+  h as headerWithFullHeightAside,
+  e as layout,
+  k as layoutAsideCollapsed,
+  t as layoutAsideFullHeight,
+  d as layoutAsideHidden,
+  i as layoutLeft,
+  a as layoutRight,
+  P as main,
+  L as mainFullWidth,
+  z as mainPaddingLg,
+  x as mainPaddingMd,
+  S as mainPaddingNone,
+  W as mainPaddingSm,
+  B as mainPaddingXl,
+  E as mainWithFullHeightAside
+};

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

@@ -0,0 +1,30 @@
+const e = "_root_1du0o_2", d = "_checked_1du0o_42", i = "_indeterminate_1du0o_67", _ = "_disabled_1du0o_73", o = "_readonly_1du0o_79", t = "_required_1du0o_84", r = "_indicator_1du0o_89", a = "_indicatorChecked_1du0o_100", n = "_indicatorIndeterminate_1du0o_105", c = {
+  root: e,
+  "size-sm": "_size-sm_1du0o_26",
+  "size-md": "_size-md_1du0o_31",
+  "size-lg": "_size-lg_1du0o_36",
+  "variant-default": "_variant-default_1du0o_42",
+  checked: d,
+  "variant-primary": "_variant-primary_1du0o_47",
+  "variant-success": "_variant-success_1du0o_52",
+  "variant-error": "_variant-error_1du0o_57",
+  indeterminate: i,
+  disabled: _,
+  readonly: o,
+  required: t,
+  indicator: r,
+  indicatorChecked: a,
+  indicatorIndeterminate: n
+};
+export {
+  d as checked,
+  c as default,
+  _ as disabled,
+  i as indeterminate,
+  r as indicator,
+  a as indicatorChecked,
+  n as indicatorIndeterminate,
+  o as readonly,
+  t as required,
+  e as root
+};

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

@@ -0,0 +1,187 @@
+import * as f from "react";
+import { NOOP as Pe, EMPTY_OBJECT as xe } from "./als-react-ts-ui303.js";
+import { useControlled as ve } from "./als-react-ts-ui282.js";
+import { useStableCallback as Re } from "./als-react-ts-ui192.js";
+import { useIsoLayoutEffect as A } from "./als-react-ts-ui193.js";
+import { useMergedRefs as Ve } from "./als-react-ts-ui287.js";
+import { visuallyHidden as Ee } from "./als-react-ts-ui375.js";
+import { useStateAttributesMapping as Ie } from "./als-react-ts-ui439.js";
+import { useRenderElement as ye } from "./als-react-ts-ui189.js";
+import { useBaseUiId as _ } from "./als-react-ts-ui249.js";
+import { useButton as Be } from "./als-react-ts-ui247.js";
+import { useFieldRootContext as Fe } from "./als-react-ts-ui398.js";
+import { useFieldItemContext as Oe } from "./als-react-ts-ui440.js";
+import { useField as De } from "./als-react-ts-ui403.js";
+import { useFormContext as Ne } from "./als-react-ts-ui402.js";
+import { useLabelableContext as Ge } from "./als-react-ts-ui399.js";
+import { useCheckboxGroupContext as Me } from "./als-react-ts-ui436.js";
+import { CheckboxRootContext as Se } from "./als-react-ts-ui441.js";
+import { createChangeEventDetails as Te } from "./als-react-ts-ui246.js";
+import { useValueChanged as Ae } from "./als-react-ts-ui406.js";
+import { jsxs as _e, jsx as j } from "react/jsx-runtime";
+import { mergeProps as je } from "./als-react-ts-ui304.js";
+import { none as qe } from "./als-react-ts-ui248.js";
+const He = "data-parent", Le = /* @__PURE__ */ f.forwardRef(function(I, q) {
+  const {
+    checked: H,
+    className: we,
+    defaultChecked: L = !1,
+    disabled: $ = !1,
+    id: y,
+    indeterminate: x = !1,
+    inputRef: w,
+    name: J,
+    onCheckedChange: K,
+    parent: n = !1,
+    readOnly: p = !1,
+    render: Je,
+    required: m = !1,
+    value: h,
+    nativeButton: U = !1,
+    ...W
+  } = I, {
+    clearErrors: X
+  } = Ne(), {
+    disabled: Y,
+    name: z,
+    setDirty: Q,
+    setFilled: v,
+    setFocused: B,
+    setTouched: Z,
+    state: F,
+    validationMode: ee,
+    validityData: te,
+    shouldValidateOnChange: oe,
+    validation: ne
+  } = Fe(), re = Oe(), {
+    labelId: ie,
+    controlId: ae,
+    setControlId: C,
+    getDescriptionProps: O
+  } = Ge(), e = Me(), u = e?.parent, g = u && e.allValues, a = Y || re.disabled || e?.disabled || $, s = z ?? J, o = h ?? s, D = _(), se = _();
+  let l = ae;
+  g ? l = n ? se : `${u.id}-${o}` : y && (l = y);
+  let R = {};
+  g && (n ? R = e.parent.getParentProps() : o && (R = e.parent.getChildProps(o)));
+  const de = Re(K), {
+    checked: N = H,
+    indeterminate: k = x,
+    onCheckedChange: ue,
+    ...le
+  } = R, d = e?.value, G = e?.setValue, M = e?.defaultValue, V = f.useRef(null), {
+    getButtonProps: ce,
+    buttonRef: fe
+  } = Be({
+    disabled: a,
+    native: U
+  }), r = e?.validation ?? ne, [t, pe] = ve({
+    controlled: o && d && !n ? d.includes(o) : N,
+    default: o && M && !n ? M.includes(o) : L,
+    name: "Checkbox",
+    state: "checked"
+  });
+  A(() => {
+    if (C !== Pe)
+      return C(l), () => {
+        C(void 0);
+      };
+  }, [l, e, C, n]), De({
+    enabled: !e,
+    id: D,
+    commit: r.commit,
+    value: t,
+    controlRef: V,
+    name: s,
+    getValue: () => t
+  });
+  const c = f.useRef(null), me = Ve(w, c, r.inputRef);
+  A(() => {
+    c.current && (c.current.indeterminate = k, t && v(!0));
+  }, [t, k, v]), Ae(t, () => {
+    e && !n || (X(s), v(t), Q(t !== te.initialValue), oe() ? r.commit(t) : r.commit(t, !0));
+  });
+  const he = je(
+    {
+      checked: t,
+      disabled: a,
+      // parent checkboxes unset `name` to be excluded from form submission
+      name: n ? void 0 : s,
+      // Set `id` to stop Chrome warning about an unassociated input
+      id: l ?? void 0,
+      required: m,
+      ref: me,
+      style: Ee,
+      tabIndex: -1,
+      type: "checkbox",
+      "aria-hidden": !0,
+      onChange(i) {
+        if (i.nativeEvent.defaultPrevented)
+          return;
+        const b = i.target.checked, P = Te(qe, i.nativeEvent);
+        if (ue?.(b, P), de(b, P), !P.isCanceled && (pe(b), o && d && G && !n)) {
+          const ke = b ? [...d, o] : d.filter((be) => be !== o);
+          G(ke, P);
+        }
+      },
+      onFocus() {
+        V.current?.focus();
+      }
+    },
+    // React <19 sets an empty value if `undefined` is passed explicitly
+    // To avoid this, we only set the value if it's defined
+    h !== void 0 ? {
+      value: (e ? t && h : h) || ""
+    } : xe,
+    O,
+    e ? r.getValidationProps : r.getInputValidationProps
+  ), S = g ? !!N : t, T = g && k || x;
+  f.useEffect(() => {
+    u && o && u.disabledStatesRef.current.set(o, a);
+  }, [u, a, o]);
+  const E = f.useMemo(() => ({
+    ...F,
+    checked: S,
+    disabled: a,
+    readOnly: p,
+    required: m,
+    indeterminate: T
+  }), [F, S, a, p, m, T]), Ce = Ie(E), ge = ye("span", I, {
+    state: E,
+    ref: [fe, V, q, e?.registerControlRef],
+    props: [{
+      id: D,
+      role: "checkbox",
+      "aria-checked": k ? "mixed" : t,
+      "aria-readonly": p || void 0,
+      "aria-required": m || void 0,
+      "aria-labelledby": ie,
+      [He]: n ? "" : void 0,
+      onFocus() {
+        B(!0);
+      },
+      onBlur() {
+        const i = c.current;
+        i && (Z(!0), B(!1), ee === "onBlur" && r.commit(e ? d : i.checked));
+      },
+      onClick(i) {
+        p || a || (i.preventDefault(), c.current?.click());
+      }
+    }, O, r.getValidationProps, W, le, ce],
+    stateAttributesMapping: Ce
+  });
+  return /* @__PURE__ */ _e(Se.Provider, {
+    value: E,
+    children: [ge, !t && !e && s && !n && /* @__PURE__ */ j("input", {
+      type: "hidden",
+      name: s,
+      value: "off"
+    }), /* @__PURE__ */ j("input", {
+      ...he
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (Le.displayName = "CheckboxRoot");
+export {
+  Le as CheckboxRoot,
+  He as PARENT_CHECKBOX
+};

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

@@ -0,0 +1,45 @@
+import * as o from "react";
+import { useCheckboxRootContext as b } from "./als-react-ts-ui441.js";
+import { useRenderElement as M } from "./als-react-ts-ui189.js";
+import { useStateAttributesMapping as C } from "./als-react-ts-ui439.js";
+import { useOpenChangeComplete as h } from "./als-react-ts-ui253.js";
+import { useTransitionStatus as R } from "./als-react-ts-ui344.js";
+import { transitionStatusMapping as g } from "./als-react-ts-ui245.js";
+import { fieldValidityMapping as k } from "./als-react-ts-ui409.js";
+const x = /* @__PURE__ */ o.forwardRef(function(n, p) {
+  const {
+    render: N,
+    className: A,
+    keepMounted: c = !1,
+    ...m
+  } = n, e = b(), t = e.checked || e.indeterminate, {
+    transitionStatus: r,
+    setMounted: u
+  } = R(t), s = o.useRef(null), f = o.useMemo(() => ({
+    ...e,
+    transitionStatus: r
+  }), [e, r]);
+  h({
+    open: t,
+    ref: s,
+    onComplete() {
+      t || u(!1);
+    }
+  });
+  const i = C(e), d = o.useMemo(() => ({
+    ...i,
+    ...g,
+    ...k
+  }), [i]), a = c || t, l = M("span", n, {
+    enabled: a,
+    ref: [p, s],
+    state: f,
+    stateAttributesMapping: d,
+    props: m
+  });
+  return a ? l : null;
+});
+process.env.NODE_ENV !== "production" && (x.displayName = "CheckboxIndicator");
+export {
+  x as CheckboxIndicator
+};

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

@@ -0,0 +1,35 @@
+const s = "_input_1xskz_12", _ = "_trigger_1xskz_49", t = "_icon_1xskz_79", o = "_clear_1xskz_88", r = "_backdrop_1xskz_119", p = "_popup_1xskz_133", c = "_arrow_1xskz_160", a = "_status_1xskz_170", n = "_empty_1xskz_178", e = "_list_1xskz_186", k = "_row_1xskz_193", u = "_item_1xskz_199", x = "_group_1xskz_236", i = "_groupLabel_1xskz_243", z = "_separator_1xskz_253", g = {
+  input: s,
+  trigger: _,
+  icon: t,
+  clear: o,
+  backdrop: r,
+  popup: p,
+  arrow: c,
+  status: a,
+  empty: n,
+  list: e,
+  row: k,
+  item: u,
+  group: x,
+  groupLabel: i,
+  separator: z
+};
+export {
+  c as arrow,
+  r as backdrop,
+  o as clear,
+  g as default,
+  n as empty,
+  x as group,
+  i as groupLabel,
+  t as icon,
+  s as input,
+  u as item,
+  e as list,
+  p as popup,
+  k as row,
+  z as separator,
+  a as status,
+  _ as trigger
+};

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

@@ -0,0 +1,127 @@
+import { jsx as t } from "react/jsx-runtime";
+import A, { createContext as S, forwardRef as l, useContext as C } from "react";
+import r from "./als-react-ts-ui67.js";
+import { DialogRoot as B } from "./als-react-ts-ui68.js";
+import { DialogTrigger as k } from "./als-react-ts-ui47.js";
+import { DialogBackdrop as h } from "./als-react-ts-ui48.js";
+import { DialogPopup as y } from "./als-react-ts-ui50.js";
+import { DialogTitle as P } from "./als-react-ts-ui51.js";
+import { DialogDescription as j } from "./als-react-ts-ui52.js";
+import { DialogClose as v } from "./als-react-ts-ui53.js";
+import { DialogPortal as x } from "./als-react-ts-ui54.js";
+const p = S({
+  variant: "default",
+  size: "md"
+}), T = () => C(p), c = l(
+  ({
+    open: o,
+    defaultOpen: e = !1,
+    onOpenChange: a,
+    modal: i = !0,
+    variant: s = "default",
+    size: n = "md",
+    children: N
+  }) => /* @__PURE__ */ t(p.Provider, { value: { variant: s, size: n }, children: /* @__PURE__ */ t(
+    B,
+    {
+      open: o,
+      defaultOpen: e,
+      onOpenChange: a,
+      modal: i,
+      children: N
+    }
+  ) })
+);
+c.displayName = "ALSDialog.Root";
+const m = l(
+  ({ className: o, children: e }, a) => {
+    const i = [r.trigger, o].filter(Boolean).join(" ");
+    return /* @__PURE__ */ t(
+      k,
+      {
+        ref: a,
+        className: i,
+        nativeButton: !1,
+        render: (s) => A.cloneElement(e, s)
+      }
+    );
+  }
+);
+m.displayName = "ALSDialog.Trigger";
+const g = l(
+  ({ className: o }, e) => {
+    const a = [r.backdrop, o].filter(Boolean).join(" ");
+    return /* @__PURE__ */ t(h, { ref: e, className: a });
+  }
+);
+g.displayName = "ALSDialog.Backdrop";
+const d = ({
+  container: o,
+  keepMounted: e = !1,
+  children: a
+}) => /* @__PURE__ */ t(x, { container: o, keepMounted: e, children: a });
+d.displayName = "ALSDialog.Portal";
+const D = l(
+  ({ className: o, children: e }, a) => {
+    const { variant: i, size: s } = T(), n = [
+      r.popup,
+      r[`popup--${i}`],
+      r[`popup--${s}`],
+      o
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ t(y, { ref: a, className: n, children: e });
+  }
+);
+D.displayName = "ALSDialog.Popup";
+const u = l(
+  ({ className: o, children: e }, a) => {
+    const i = [r.title, o].filter(Boolean).join(" ");
+    return /* @__PURE__ */ t(P, { ref: a, className: i, children: e });
+  }
+);
+u.displayName = "ALSDialog.Title";
+const f = l(({ className: o, children: e }, a) => {
+  const i = [r.description, o].filter(Boolean).join(" ");
+  return /* @__PURE__ */ t(j, { ref: a, className: i, children: e });
+});
+f.displayName = "ALSDialog.Description";
+const L = l(
+  ({ className: o, children: e }, a) => {
+    const i = [r.close, o].filter(Boolean).join(" ");
+    return /* @__PURE__ */ t(v, { ref: a, className: i, children: e || /* @__PURE__ */ t(w, {}) });
+  }
+);
+L.displayName = "ALSDialog.Close";
+const w = () => /* @__PURE__ */ t(
+  "svg",
+  {
+    width: "20",
+    height: "20",
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: r.closeIcon,
+    children: /* @__PURE__ */ t(
+      "path",
+      {
+        d: "M15 5L5 15M5 5L15 15",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+), G = {
+  Root: c,
+  Trigger: m,
+  Backdrop: g,
+  Portal: d,
+  Popup: D,
+  Title: u,
+  Description: f,
+  Close: L
+};
+export {
+  G as ALSDialog
+};

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

@@ -0,0 +1,9 @@
+import c from "./als-react-ts-ui350.js";
+const e = [
+  ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
+  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
+], o = c("search", e);
+export {
+  e as __iconNode,
+  o as default
+};

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

@@ -0,0 +1,9 @@
+import e from "./als-react-ts-ui350.js";
+const o = [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+], c = e("x", o);
+export {
+  o as __iconNode,
+  c as default
+};