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

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-ui129.js";
+import { ComboboxIcon as y } from "./als-react-ts-ui131.js";
+import { ComboboxPortal as R } from "./als-react-ts-ui146.js";
+import { ComboboxPositioner as g } from "./als-react-ts-ui134.js";
+import { ComboboxPopup as I } from "./als-react-ts-ui135.js";
+import { ComboboxList as v } from "./als-react-ts-ui139.js";
+import { ComboboxItem as P } from "./als-react-ts-ui141.js";
+import { ComboboxEmpty as k } from "./als-react-ts-ui138.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-ui222.js";
+import { useDialogRoot as R } from "./als-react-ts-ui223.js";
+import { useDialogRootContext as D, DialogRootContext as I } from "./als-react-ts-ui224.js";
+import { DialogStore as P } from "./als-react-ts-ui225.js";
 import { jsx as O } from "react/jsx-runtime";
 function k(u) {
   const {

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

@@ -1,7 +1,82 @@
-const o = "_root_1yzve_1", t = {
-  root: o
-};
+import { jsx as t } from "react/jsx-runtime";
+import a from "react";
+import { clsx as i } from "./als-react-ts-ui56.js";
+import m from "./als-react-ts-ui178.js";
+import { FieldRoot as d } from "./als-react-ts-ui179.js";
+import { FieldLabel as c } from "./als-react-ts-ui180.js";
+import { FieldControl as n } from "./als-react-ts-ui181.js";
+import { FieldDescription as f } from "./als-react-ts-ui182.js";
+import { FieldError as p } from "./als-react-ts-ui183.js";
+const F = a.forwardRef(
+  (r, e) => {
+    const { children: o, className: l, ...s } = r;
+    return /* @__PURE__ */ t(
+      d,
+      {
+        ref: e,
+        className: i(m.root, l),
+        ...s,
+        children: o
+      }
+    );
+  }
+);
+F.displayName = "ALSField.Root";
+const N = a.forwardRef((r, e) => {
+  const { children: o, className: l, ...s } = r;
+  return /* @__PURE__ */ t(
+    c,
+    {
+      ref: e,
+      className: i(m.label, l),
+      ...s,
+      children: o
+    }
+  );
+});
+N.displayName = "ALSField.Label";
+const L = a.forwardRef((r, e) => {
+  const { className: o, ...l } = r;
+  return /* @__PURE__ */ t(
+    n,
+    {
+      ref: e,
+      className: i(m.control, o),
+      ...l
+    }
+  );
+});
+L.displayName = "ALSField.Control";
+const A = a.forwardRef((r, e) => {
+  const { children: o, className: l, ...s } = r;
+  return /* @__PURE__ */ t(
+    f,
+    {
+      ref: e,
+      className: i(m.helperText, l),
+      ...s,
+      children: o
+    }
+  );
+});
+A.displayName = "ALSField.HelperText";
+const S = a.forwardRef((r, e) => {
+  const { children: o, className: l, ...s } = r;
+  return /* @__PURE__ */ t(
+    p,
+    {
+      ref: e,
+      className: i(m.error, l),
+      ...s,
+      children: o
+    }
+  );
+});
+S.displayName = "ALSField.Error";
 export {
-  t as default,
-  o as root
+  L as ALSFieldControl,
+  S as ALSFieldError,
+  A as ALSFieldHelperText,
+  N as ALSFieldLabel,
+  F as ALSFieldRoot
 };

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

@@ -1,7 +1,36 @@
-const o = "_root_o7syy_1", t = {
-  root: o
-};
+import { jsx as l } from "react/jsx-runtime";
+import m from "react";
+import { clsx as d } from "./als-react-ts-ui56.js";
+import a from "./als-react-ts-ui184.js";
+import { FieldsetRoot as i } from "./als-react-ts-ui185.js";
+import { FieldsetLegend as c } from "./als-react-ts-ui186.js";
+const n = m.forwardRef((e, t) => {
+  const { children: o, className: r, ...s } = e;
+  return /* @__PURE__ */ l(
+    i,
+    {
+      ref: t,
+      className: d(a.root, r),
+      ...s,
+      children: o
+    }
+  );
+});
+n.displayName = "ALSFieldset.Root";
+const f = m.forwardRef((e, t) => {
+  const { children: o, className: r, ...s } = e;
+  return /* @__PURE__ */ l(
+    c,
+    {
+      ref: t,
+      className: d(a.legend, r),
+      ...s,
+      children: o
+    }
+  );
+});
+f.displayName = "ALSFieldset.Legend";
 export {
-  t as default,
-  o as root
+  f as ALSFieldsetLegend,
+  n as ALSFieldsetRoot
 };