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

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

@@ -0,0 +1,55 @@
+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 {
+  P as ALSCollapsiblePanel,
+  x as ALSCollapsibleRoot,
+  N as ALSCollapsibleTrigger
+};

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

@@ -0,0 +1,190 @@
+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 {
+  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

@@ -0,0 +1,194 @@
+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 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-ui67.js

@@ -0,0 +1,25 @@
+const p = "_backdrop_n0fed_10", e = "_popup_n0fed_32", o = "_title_n0fed_137", _ = "_description_n0fed_150", n = "_close_n0fed_161", c = "_closeIcon_n0fed_194", t = "_trigger_n0fed_203", d = {
+  backdrop: p,
+  popup: e,
+  "popup--default": "_popup--default_n0fed_59",
+  "popup--centered": "_popup--centered_n0fed_74",
+  "popup--fullscreen": "_popup--fullscreen_n0fed_89",
+  "popup--sm": "_popup--sm_n0fed_111",
+  "popup--md": "_popup--md_n0fed_117",
+  "popup--lg": "_popup--lg_n0fed_123",
+  title: o,
+  description: _,
+  close: n,
+  closeIcon: c,
+  trigger: t
+};
+export {
+  p as backdrop,
+  n as close,
+  c as closeIcon,
+  d as default,
+  _ as description,
+  e as popup,
+  o as title,
+  t as trigger
+};

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

@@ -0,0 +1,50 @@
+import * as x from "react";
+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 {
+    children: o,
+    open: n,
+    defaultOpen: r = !1,
+    onOpenChange: d,
+    onOpenChangeComplete: g,
+    disablePointerDismissal: a = !1,
+    modal: l = !0,
+    actionsRef: c,
+    handle: f,
+    triggerId: t,
+    defaultTriggerId: i = null
+  } = u, s = D(!0), p = !!s, e = h(() => f?.store ?? new P({
+    open: n ?? r,
+    activeTriggerId: t !== void 0 ? t : i,
+    modal: l,
+    disablePointerDismissal: a,
+    nested: p
+  })).current;
+  e.useControlledProp("open", n, r), e.useControlledProp("activeTriggerId", t, i), e.useSyncedValues({
+    disablePointerDismissal: a,
+    nested: p,
+    modal: l
+  }), e.useContextCallback("onOpenChange", d), e.useContextCallback("onOpenChangeComplete", g);
+  const m = e.useState("payload");
+  R({
+    store: e,
+    actionsRef: c,
+    parentContext: s?.store.context
+  });
+  const C = x.useMemo(() => ({
+    store: e
+  }), [e]);
+  return /* @__PURE__ */ O(I.Provider, {
+    value: C,
+    children: typeof o == "function" ? o({
+      payload: m
+    }) : o
+  });
+}
+export {
+  k as DialogRoot
+};

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

@@ -0,0 +1,82 @@
+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 {
+  L as ALSFieldControl,
+  S as ALSFieldError,
+  A as ALSFieldHelperText,
+  N as ALSFieldLabel,
+  F as ALSFieldRoot
+};

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

@@ -0,0 +1,42 @@
+import { jsx as p } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import t from "./als-react-ts-ui61.js";
+const b = c(
+  ({
+    variant: s = "primary",
+    buttonStyle: a = "full",
+    size: r = "md",
+    block: e = !1,
+    className: l = "",
+    children: m,
+    disabled: o = !1,
+    type: n = "button",
+    ...f
+  }, i) => {
+    const u = [
+      t.button,
+      t[`variant-${s}`],
+      t[`style-${a}`],
+      t[`size-${r}`],
+      e ? t.block : "",
+      o ? t.disabled : "",
+      l
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ p(
+      "button",
+      {
+        ref: i,
+        className: u,
+        disabled: o,
+        type: n,
+        ...f,
+        children: m
+      }
+    );
+  }
+);
+b.displayName = "ALSButton";
+export {
+  b as ALSButton,
+  b as default
+};

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

@@ -0,0 +1,36 @@
+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 {
+  f as ALSFieldsetLegend,
+  n as ALSFieldsetRoot
+};