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

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-ui189.js";
+import { AvatarRootContext as u } from "./als-react-ts-ui190.js";
+import { avatarStateAttributesMapping as c } from "./als-react-ts-ui191.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-ui192.js";
+import { useIsoLayoutEffect as f } from "./als-react-ts-ui193.js";
+import { useRenderElement as p } from "./als-react-ts-ui189.js";
+import { useAvatarRootContext as l } from "./als-react-ts-ui190.js";
+import { avatarStateAttributesMapping as S } from "./als-react-ts-ui191.js";
+import { useImageLoadingStatus as L } from "./als-react-ts-ui194.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-ui195.js";
+import { useRenderElement as d } from "./als-react-ts-ui189.js";
+import { useAvatarRootContext as c } from "./als-react-ts-ui190.js";
+import { avatarStateAttributesMapping as f } from "./als-react-ts-ui191.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-ui126.js";
+import { CheckboxRoot as m } from "./als-react-ts-ui127.js";
+import { CheckboxIndicator as l } from "./als-react-ts-ui128.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
 };

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

@@ -1,7 +1,34 @@
-const o = "_root_1mrxf_1", t = {
-  root: o
-};
+import { jsx as c } from "react/jsx-runtime";
+import d from "react";
+import { clsx as a } from "./als-react-ts-ui56.js";
+import o from "./als-react-ts-ui155.js";
+import { CheckboxGroup as n } from "./als-react-ts-ui156.js";
+const l = d.forwardRef(
+  ({
+    orientation: e = "vertical",
+    spacing: i = "md",
+    className: r,
+    children: p,
+    ...m
+  }, f) => /* @__PURE__ */ c(
+    n,
+    {
+      ref: f,
+      className: (t) => a(
+        o.root,
+        o[`orientation-${e}`],
+        o[`spacing-${i}`],
+        {
+          [o.disabled]: t.disabled
+        },
+        typeof r == "function" ? r(t) : r
+      ),
+      ...m,
+      children: p
+    }
+  )
+);
+l.displayName = "ALSCheckboxGroupRoot";
 export {
-  t as default,
-  o as root
+  l as ALSCheckboxGroupRoot
 };

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

@@ -1,7 +1,55 @@
-const o = "_root_1yvsq_1", t = {
-  root: o
-};
+import { jsx as a } from "react/jsx-runtime";
+import t from "react";
+import { clsx as s } from "./als-react-ts-ui56.js";
+import i from "./als-react-ts-ui151.js";
+import { CollapsibleRoot as b } from "./als-react-ts-ui152.js";
+import { CollapsibleTrigger as C } from "./als-react-ts-ui153.js";
+import { CollapsiblePanel as g } from "./als-react-ts-ui154.js";
+const x = t.forwardRef(function({
+  defaultOpen: o = !1,
+  open: l,
+  onOpenChange: r,
+  disabled: e = !1,
+  className: p,
+  style: m,
+  children: n
+}, c) {
+  return /* @__PURE__ */ a(
+    b,
+    {
+      ref: c,
+      defaultOpen: o,
+      open: l,
+      onOpenChange: r,
+      disabled: e,
+      className: s(i.root, p),
+      style: m,
+      children: n
+    }
+  );
+}), N = t.forwardRef(function({ className: o, style: l, children: r }, e) {
+  return /* @__PURE__ */ a(
+    C,
+    {
+      ref: e,
+      className: s(i.trigger, o),
+      style: l,
+      children: r
+    }
+  );
+}), P = t.forwardRef(function({ className: o, style: l, children: r }, e) {
+  return /* @__PURE__ */ a(
+    g,
+    {
+      ref: e,
+      className: s(i.panel, o),
+      style: l,
+      children: r
+    }
+  );
+});
 export {
-  t as default,
-  o as root
+  P as ALSCollapsiblePanel,
+  x as ALSCollapsibleRoot,
+  N as ALSCollapsibleTrigger
 };

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

@@ -1,7 +1,190 @@
-const o = "_root_1kg0t_1", t = {
-  root: o
-};
+import { jsx as s } from "react/jsx-runtime";
+import n from "react";
+import { clsx as a } from "./als-react-ts-ui56.js";
+import m from "./als-react-ts-ui175.js";
+import { ComboboxRoot as A } from "./als-react-ts-ui176.js";
+import { ComboboxInput as w } from "./als-react-ts-ui132.js";
+import { ComboboxIcon as y } from "./als-react-ts-ui134.js";
+import { ComboboxPortal as R } from "./als-react-ts-ui149.js";
+import { ComboboxPositioner as g } from "./als-react-ts-ui137.js";
+import { ComboboxPopup as I } from "./als-react-ts-ui138.js";
+import { ComboboxList as v } from "./als-react-ts-ui142.js";
+import { ComboboxItem as P } from "./als-react-ts-ui144.js";
+import { ComboboxEmpty as k } from "./als-react-ts-ui141.js";
+import { ComboboxValue as E } from "./als-react-ts-ui177.js";
+const p = n.createContext(void 0), V = () => {
+  const o = n.useContext(p);
+  if (!o)
+    throw new Error(
+      "ALSCombobox components must be used within ALSCombobox.Root"
+    );
+  return o;
+}, M = n.forwardRef(
+  ({
+    variant: o = "default",
+    size: t = "md",
+    error: e = !1,
+    className: r,
+    style: i,
+    children: l,
+    items: c,
+    value: b,
+    onValueChange: d,
+    inputValue: x,
+    onInputValueChange: f,
+    open: u,
+    onOpenChange: C,
+    itemToStringLabel: L,
+    ...h
+  }, N) => {
+    const S = n.useMemo(
+      () => ({
+        variant: o,
+        size: t,
+        error: e
+      }),
+      [o, t, e]
+    );
+    return /* @__PURE__ */ s(p.Provider, { value: S, children: /* @__PURE__ */ s(
+      A,
+      {
+        items: c,
+        value: b,
+        onValueChange: d,
+        inputValue: x,
+        onInputValueChange: f,
+        open: u,
+        onOpenChange: C,
+        itemToStringLabel: L,
+        ...h,
+        children: /* @__PURE__ */ s(
+          "div",
+          {
+            ref: N,
+            className: a(m.root, r),
+            style: i,
+            children: l
+          }
+        )
+      }
+    ) });
+  }
+);
+M.displayName = "ALSCombobox.Root";
+const j = n.forwardRef((o, t) => {
+  const { className: e, children: r } = o;
+  return /* @__PURE__ */ s("label", { ref: t, className: a(m.label, e), children: r });
+});
+j.displayName = "ALSCombobox.Label";
+const _ = n.forwardRef((o, t) => {
+  const { className: e, placeholder: r } = o, { variant: i, size: l, error: c } = V();
+  return /* @__PURE__ */ s(
+    w,
+    {
+      ref: t,
+      placeholder: r,
+      className: a(
+        m.input,
+        m[`input--${i}`],
+        m[`input--${l}`],
+        c && m["input--error"],
+        e
+      )
+    }
+  );
+});
+_.displayName = "ALSCombobox.Input";
+const $ = n.forwardRef((o, t) => {
+  const { className: e } = o;
+  return /* @__PURE__ */ s(
+    y,
+    {
+      ref: t,
+      className: (r) => a(
+        m.icon,
+        r && m["icon--open"],
+        typeof e == "function" ? e(r) : e
+      ),
+      children: /* @__PURE__ */ s(
+        "svg",
+        {
+          width: "16",
+          height: "16",
+          viewBox: "0 0 16 16",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: /* @__PURE__ */ s(
+            "path",
+            {
+              d: "M4 6L8 10L12 6",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        }
+      )
+    }
+  );
+});
+$.displayName = "ALSCombobox.Icon";
+const B = n.forwardRef((o, t) => {
+  const { className: e, style: r, children: i } = o;
+  return /* @__PURE__ */ s(R, { keepMounted: !0, children: /* @__PURE__ */ s(g, { className: m.positioner, children: /* @__PURE__ */ s(
+    I,
+    {
+      ref: t,
+      className: a(m.popup, e),
+      style: r,
+      children: i
+    }
+  ) }) });
+});
+B.displayName = "ALSCombobox.Popup";
+const W = n.forwardRef((o, t) => {
+  const { className: e, children: r } = o;
+  return /* @__PURE__ */ s(v, { ref: t, className: a(m.list, e), children: r });
+});
+W.displayName = "ALSCombobox.List";
+const q = n.forwardRef((o, t) => {
+  const { value: e, label: r, disabled: i = !1, className: l, children: c } = o;
+  return /* @__PURE__ */ s(
+    P,
+    {
+      ref: t,
+      value: e,
+      disabled: i,
+      className: (b) => a(
+        m.option,
+        b.highlighted && m["option--highlighted"],
+        b.selected && m["option--selected"],
+        b.disabled && m["option--disabled"],
+        typeof l == "function" ? l(b) : l
+      ),
+      children: c || r || String(e)
+    }
+  );
+});
+q.displayName = "ALSCombobox.Item";
+const z = n.forwardRef((o, t) => {
+  const { className: e, children: r } = o;
+  return /* @__PURE__ */ s(k, { ref: t, className: a(m.empty, e), children: r });
+});
+z.displayName = "ALSCombobox.Empty";
+const D = n.forwardRef((o) => {
+  const { children: t } = o;
+  return /* @__PURE__ */ s(E, { children: t });
+});
+D.displayName = "ALSCombobox.Value";
 export {
-  t as default,
-  o as root
+  z as ALSComboboxEmpty,
+  $ as ALSComboboxIcon,
+  _ as ALSComboboxInput,
+  q as ALSComboboxItem,
+  j as ALSComboboxLabel,
+  W as ALSComboboxList,
+  B as ALSComboboxPopup,
+  M as ALSComboboxRoot,
+  D as ALSComboboxValue
 };

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

@@ -1,7 +1,194 @@
-const o = "_root_9j2r3_1", t = {
-  root: o
-};
+import { jsx as n } from "react/jsx-runtime";
+import a from "react";
+import { clsx as m } from "./als-react-ts-ui56.js";
+import u from "./als-react-ts-ui157.js";
+import { ContextMenuRoot as s } from "./als-react-ts-ui158.js";
+import { ContextMenuTrigger as p } from "./als-react-ts-ui159.js";
+import { MenuBackdrop as c } from "./als-react-ts-ui160.js";
+import { MenuPositioner as d } from "./als-react-ts-ui161.js";
+import { MenuPopup as f } from "./als-react-ts-ui162.js";
+import { MenuArrow as M } from "./als-react-ts-ui163.js";
+import { MenuItem as x } from "./als-react-ts-ui164.js";
+import { Separator as l } from "./als-react-ts-ui107.js";
+import { MenuGroup as C } from "./als-react-ts-ui165.js";
+import { MenuGroupLabel as S } from "./als-react-ts-ui166.js";
+import { MenuRadioGroup as L } from "./als-react-ts-ui167.js";
+import { MenuRadioItem as A } from "./als-react-ts-ui168.js";
+import { MenuRadioItemIndicator as N } from "./als-react-ts-ui169.js";
+import { MenuCheckboxItem as R } from "./als-react-ts-ui170.js";
+import { MenuCheckboxItemIndicator as I } from "./als-react-ts-ui171.js";
+import { MenuSubmenuTrigger as w } from "./als-react-ts-ui172.js";
+import { MenuSubmenuRoot as b } from "./als-react-ts-ui173.js";
+import { MenuPortal as g } from "./als-react-ts-ui174.js";
+const y = a.forwardRef(({ children: e, ...o }) => /* @__PURE__ */ n(s, { ...o, children: e }));
+y.displayName = "ALSContextMenuRoot";
+const k = a.forwardRef(({ className: e, children: o, ...r }) => /* @__PURE__ */ n(
+  p,
+  {
+    className: m(u.trigger, e),
+    ...r,
+    children: o
+  }
+));
+k.displayName = "ALSContextMenuTrigger";
+const ce = ({
+  children: e,
+  ...o
+}) => /* @__PURE__ */ n(g, { ...o, children: e }), h = a.forwardRef(({ className: e, ...o }, r) => /* @__PURE__ */ n(
+  c,
+  {
+    ref: r,
+    className: m(u.backdrop, e),
+    ...o
+  }
+));
+h.displayName = "ALSContextMenuBackdrop";
+const G = a.forwardRef(({ className: e, children: o, ...r }, t) => /* @__PURE__ */ n(
+  d,
+  {
+    ref: t,
+    className: m(u.positioner, e),
+    ...r,
+    children: o
+  }
+));
+G.displayName = "ALSContextMenuPositioner";
+const P = a.forwardRef(({ className: e, children: o, ...r }, t) => /* @__PURE__ */ n(
+  f,
+  {
+    ref: t,
+    className: m(u.popup, e),
+    ...r,
+    children: o
+  }
+));
+P.displayName = "ALSContextMenuPopup";
+const T = a.forwardRef(({ className: e, ...o }, r) => /* @__PURE__ */ n(
+  M,
+  {
+    ref: r,
+    className: m(u.arrow, e),
+    ...o
+  }
+));
+T.displayName = "ALSContextMenuArrow";
+const B = a.forwardRef(({ className: e, children: o, disabled: r = !1, ...t }, i) => /* @__PURE__ */ n(
+  x,
+  {
+    ref: i,
+    className: m(u.item, e),
+    disabled: r,
+    ...t,
+    children: o
+  }
+));
+B.displayName = "ALSContextMenuItem";
+const _ = a.forwardRef(({ className: e, ...o }, r) => /* @__PURE__ */ n(
+  l,
+  {
+    ref: r,
+    className: m(u.separator, e),
+    ...o
+  }
+));
+_.displayName = "ALSContextMenuSeparator";
+const j = a.forwardRef(({ className: e, children: o, ...r }, t) => /* @__PURE__ */ n(
+  C,
+  {
+    ref: t,
+    className: m(u.group, e),
+    ...r,
+    children: o
+  }
+));
+j.displayName = "ALSContextMenuGroup";
+const q = a.forwardRef(({ className: e, children: o, ...r }, t) => /* @__PURE__ */ n(
+  S,
+  {
+    ref: t,
+    className: m(u.groupLabel, e),
+    ...r,
+    children: o
+  }
+));
+q.displayName = "ALSContextMenuGroupLabel";
+const v = a.forwardRef(({ className: e, children: o, ...r }, t) => /* @__PURE__ */ n(
+  L,
+  {
+    ref: t,
+    className: m(u.radioGroup, e),
+    ...r,
+    children: o
+  }
+));
+v.displayName = "ALSContextMenuRadioGroup";
+const z = a.forwardRef(({ className: e, children: o, ...r }, t) => /* @__PURE__ */ n(
+  A,
+  {
+    ref: t,
+    className: m(u.radioItem, e),
+    ...r,
+    children: o
+  }
+));
+z.displayName = "ALSContextMenuRadioItem";
+const D = a.forwardRef(({ className: e, children: o, ...r }, t) => /* @__PURE__ */ n(
+  N,
+  {
+    ref: t,
+    className: m(u.radioItemIndicator, e),
+    ...r,
+    children: o || "●"
+  }
+));
+D.displayName = "ALSContextMenuRadioItemIndicator";
+const E = a.forwardRef(({ className: e, children: o, ...r }, t) => /* @__PURE__ */ n(
+  R,
+  {
+    ref: t,
+    className: m(u.checkboxItem, e),
+    ...r,
+    children: o
+  }
+));
+E.displayName = "ALSContextMenuCheckboxItem";
+const F = a.forwardRef(({ className: e, children: o, ...r }, t) => /* @__PURE__ */ n(
+  I,
+  {
+    ref: t,
+    className: m(u.checkboxItemIndicator, e),
+    ...r,
+    children: o || "✓"
+  }
+));
+F.displayName = "ALSContextMenuCheckboxItemIndicator";
+const de = ({ children: e, ...o }) => /* @__PURE__ */ n(b, { ...o, children: e }), H = a.forwardRef(({ className: e, children: o, ...r }, t) => /* @__PURE__ */ n(
+  w,
+  {
+    ref: t,
+    className: m(u.submenuTrigger, e),
+    ...r,
+    children: o
+  }
+));
+H.displayName = "ALSContextMenuSubmenuTrigger";
 export {
-  t as default,
-  o as root
+  T as ALSContextMenuArrow,
+  h as ALSContextMenuBackdrop,
+  E as ALSContextMenuCheckboxItem,
+  F as ALSContextMenuCheckboxItemIndicator,
+  j as ALSContextMenuGroup,
+  q as ALSContextMenuGroupLabel,
+  B as ALSContextMenuItem,
+  P as ALSContextMenuPopup,
+  ce as ALSContextMenuPortal,
+  G as ALSContextMenuPositioner,
+  v as ALSContextMenuRadioGroup,
+  z as ALSContextMenuRadioItem,
+  D as ALSContextMenuRadioItemIndicator,
+  y as ALSContextMenuRoot,
+  _ as ALSContextMenuSeparator,
+  de as ALSContextMenuSubmenuRoot,
+  H as ALSContextMenuSubmenuTrigger,
+  k as ALSContextMenuTrigger
 };

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

@@ -1,8 +1,8 @@
 import * as x from "react";
-import { useRefWithInit as h } from "./als-react-ts-ui184.js";
-import { useDialogRoot as R } from "./als-react-ts-ui185.js";
-import { useDialogRootContext as D, DialogRootContext as I } from "./als-react-ts-ui186.js";
-import { DialogStore as P } from "./als-react-ts-ui187.js";
+import { useRefWithInit as h } from "./als-react-ts-ui240.js";
+import { useDialogRoot as R } from "./als-react-ts-ui241.js";
+import { useDialogRootContext as D, DialogRootContext as I } from "./als-react-ts-ui242.js";
+import { DialogStore as P } from "./als-react-ts-ui243.js";
 import { jsx as O } from "react/jsx-runtime";
 function k(u) {
   const {