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

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

@@ -0,0 +1,142 @@
+import { jsx as e, jsxs as C } from "react/jsx-runtime";
+import { createContext as $, forwardRef as l, useContext as x } from "react";
+import o from "./als-react-ts-ui39.js";
+import { AccordionRoot as j } from "./als-react-ts-ui40.js";
+import { AccordionItem as w } from "./als-react-ts-ui41.js";
+import { AccordionHeader as y } from "./als-react-ts-ui42.js";
+import { AccordionTrigger as B } from "./als-react-ts-ui43.js";
+import { AccordionPanel as I } from "./als-react-ts-ui44.js";
+const g = $({
+  variant: "default",
+  size: "md"
+}), m = () => x(g), p = l(
+  ({
+    value: r,
+    defaultValue: n,
+    onValueChange: t,
+    openMultiple: a = !1,
+    disabled: i = !1,
+    orientation: c = "vertical",
+    variant: s = "default",
+    size: d = "md",
+    className: A,
+    children: u
+  }, v) => {
+    const S = [
+      o.root,
+      o[`root--${s}`],
+      o[`root--${d}`],
+      A
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ e(g.Provider, { value: { variant: s, size: d }, children: /* @__PURE__ */ e(
+      j,
+      {
+        ref: v,
+        value: r,
+        defaultValue: n,
+        onValueChange: t,
+        multiple: a,
+        disabled: i,
+        orientation: c,
+        className: S,
+        children: u
+      }
+    ) });
+  }
+);
+p.displayName = "ALSAccordion.Root";
+const f = l(
+  ({ value: r, disabled: n, onOpenChange: t, className: a, children: i }, c) => {
+    const { variant: s, size: d } = m(), A = [
+      o.item,
+      o[`item--${s}`],
+      o[`item--${d}`],
+      a
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ e(
+      w,
+      {
+        ref: c,
+        value: r,
+        disabled: n,
+        onOpenChange: t,
+        className: A,
+        children: i
+      }
+    );
+  }
+);
+f.displayName = "ALSAccordion.Item";
+const N = l(({ className: r, children: n }, t) => {
+  const { variant: a, size: i } = m(), c = [
+    o.header,
+    o[`header--${a}`],
+    o[`header--${i}`],
+    r
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e(y, { ref: t, className: c, children: n });
+});
+N.displayName = "ALSAccordion.Header";
+const h = l(({ className: r, children: n }, t) => {
+  const { variant: a, size: i } = m(), c = [
+    o.trigger,
+    o[`trigger--${a}`],
+    o[`trigger--${i}`],
+    r
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ C(B, { ref: t, className: c, children: [
+    /* @__PURE__ */ e("span", { className: o.triggerContent, children: n }),
+    /* @__PURE__ */ e("span", { className: o.triggerIcon, "aria-hidden": "true", children: /* @__PURE__ */ e(P, {}) })
+  ] });
+});
+h.displayName = "ALSAccordion.Trigger";
+const L = l(
+  ({ keepMounted: r = !1, className: n, children: t }, a) => {
+    const { variant: i, size: c } = m(), s = [
+      o.panel,
+      o[`panel--${i}`],
+      o[`panel--${c}`],
+      n
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ e(
+      I,
+      {
+        ref: a,
+        keepMounted: r,
+        className: s,
+        children: /* @__PURE__ */ e("div", { className: o.panelContent, children: t })
+      }
+    );
+  }
+);
+L.displayName = "ALSAccordion.Panel";
+const P = () => /* @__PURE__ */ e(
+  "svg",
+  {
+    width: "20",
+    height: "20",
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: o.chevronSvg,
+    children: /* @__PURE__ */ e(
+      "path",
+      {
+        d: "M5 7.5L10 12.5L15 7.5",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+), q = {
+  Root: p,
+  Item: f,
+  Header: N,
+  Trigger: h,
+  Panel: L
+};
+export {
+  q as ALSAccordion
+};

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

@@ -0,0 +1,13 @@
+import { ALSSliderLabel as r, ALSSliderValue as S, ALSSliderThumb as l, ALSSliderIndicator as o, ALSSliderTrack as e, ALSSliderControl as i, ALSSliderRoot as d } from "./als-react-ts-ui110.js";
+const t = {
+  Root: d,
+  Control: i,
+  Track: e,
+  Indicator: o,
+  Thumb: l,
+  Value: S,
+  Label: r
+};
+export {
+  t as ALSSlider
+};

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

@@ -0,0 +1,16 @@
+function i(r, n) {
+  const o = {};
+  for (const t in r) {
+    const e = r[t];
+    if (n?.hasOwnProperty(t)) {
+      const s = n[t](e);
+      s != null && Object.assign(o, s);
+      continue;
+    }
+    e === !0 ? o[`data-${t.toLowerCase()}`] = "" : e && (o[`data-${t.toLowerCase()}`] = e.toString());
+  }
+  return o;
+}
+export {
+  i as getStateAttributesProps
+};

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

@@ -0,0 +1,6 @@
+function t(n, o) {
+  return typeof n == "function" ? n(o) : n;
+}
+export {
+  t as resolveClassName
+};

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

@@ -0,0 +1,6 @@
+function e(n, o) {
+  return typeof n == "function" ? n(o) : n;
+}
+export {
+  e as resolveStyle
+};

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

@@ -0,0 +1,8 @@
+function e() {
+}
+const t = Object.freeze([]), c = Object.freeze({});
+export {
+  t as EMPTY_ARRAY,
+  c as EMPTY_OBJECT,
+  e as NOOP
+};

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

@@ -0,0 +1,82 @@
+import { mergeObjects as a } from "./als-react-ts-ui299.js";
+const i = {};
+function g(t, n, e, r, c) {
+  let f = {
+    ...o(t, i)
+  };
+  return n && (f = u(f, n)), e && (f = u(f, e)), r && (f = u(f, r)), c && (f = u(f, c)), f;
+}
+function h(t) {
+  if (t.length === 0)
+    return i;
+  if (t.length === 1)
+    return o(t[0], i);
+  let n = {
+    ...o(t[0], i)
+  };
+  for (let e = 1; e < t.length; e += 1)
+    n = u(n, t[e]);
+  return n;
+}
+function u(t, n) {
+  return l(n) ? n(t) : s(t, n);
+}
+function s(t, n) {
+  if (!n)
+    return t;
+  for (const e in n) {
+    const r = n[e];
+    switch (e) {
+      case "style": {
+        t[e] = a(t.style, r);
+        break;
+      }
+      case "className": {
+        t[e] = I(t.className, r);
+        break;
+      }
+      default:
+        b(e, r) ? t[e] = E(t[e], r) : t[e] = r;
+    }
+  }
+  return t;
+}
+function b(t, n) {
+  const e = t.charCodeAt(0), r = t.charCodeAt(1), c = t.charCodeAt(2);
+  return e === 111 && r === 110 && c >= 65 && c <= 90 && (typeof n == "function" || typeof n > "u");
+}
+function l(t) {
+  return typeof t == "function";
+}
+function o(t, n) {
+  return l(t) ? t(n) : t ?? i;
+}
+function E(t, n) {
+  return n ? t ? (e) => {
+    if (v(e)) {
+      const c = e;
+      y(c);
+      const f = n(c);
+      return c.baseUIHandlerPrevented || t?.(c), f;
+    }
+    const r = n(e);
+    return t?.(e), r;
+  } : n : t;
+}
+function y(t) {
+  return t.preventBaseUIHandler = () => {
+    t.baseUIHandlerPrevented = !0;
+  }, t;
+}
+function I(t, n) {
+  return n ? t ? n + " " + t : n : t;
+}
+function v(t) {
+  return t != null && typeof t == "object" && "nativeEvent" in t;
+}
+export {
+  y as makeEventPreventable,
+  I as mergeClassNames,
+  g as mergeProps,
+  h as mergePropsN
+};

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

@@ -0,0 +1,8 @@
+import * as o from "react";
+const e = [];
+function n(t) {
+  o.useEffect(t, e);
+}
+export {
+  n as useOnMount
+};

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

@@ -0,0 +1,109 @@
+import { jsx as l } from "react/jsx-runtime";
+import { createContext as f, forwardRef as i, useContext as p } from "react";
+import n from "./als-react-ts-ui513.js";
+import { TabsRoot as d } from "./als-react-ts-ui514.js";
+import { TabsList as L } from "./als-react-ts-ui515.js";
+import { TabsTab as N } from "./als-react-ts-ui516.js";
+import { TabsIndicator as A } from "./als-react-ts-ui517.js";
+import { TabsPanel as S } from "./als-react-ts-ui518.js";
+const c = f({
+  size: "md"
+}), u = () => p(c), C = i(
+  ({
+    value: s,
+    defaultValue: o = 0,
+    onValueChange: t,
+    orientation: a = "horizontal",
+    size: e = "md",
+    className: r,
+    children: m
+  }, b) => {
+    const T = [
+      n.root,
+      n[`root--${a}`],
+      r
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ l(c.Provider, { value: { size: e }, children: /* @__PURE__ */ l(
+      d,
+      {
+        ref: b,
+        value: s,
+        defaultValue: o,
+        onValueChange: t,
+        orientation: a,
+        className: T,
+        children: m
+      }
+    ) });
+  }
+);
+C.displayName = "ALSTabs.Root";
+const j = i(
+  ({ activateOnFocus: s = !1, loopFocus: o = !0, className: t, children: a }, e) => {
+    const r = [n.list, t].filter(Boolean).join(" ");
+    return /* @__PURE__ */ l(
+      L,
+      {
+        ref: e,
+        activateOnFocus: s,
+        loopFocus: o,
+        className: r,
+        children: a
+      }
+    );
+  }
+);
+j.displayName = "ALSTabs.List";
+const x = i(
+  ({ value: s, disabled: o = !1, className: t, children: a }, e) => {
+    const { size: r } = u(), m = [n.tab, n[`tab--${r}`], t].filter(Boolean).join(" ");
+    return /* @__PURE__ */ l(
+      N,
+      {
+        ref: e,
+        value: s,
+        disabled: o,
+        className: m,
+        children: a
+      }
+    );
+  }
+);
+x.displayName = "ALSTabs.Tab";
+const y = i(
+  ({ className: s, renderBeforeHydration: o = !1 }, t) => {
+    const a = [n.indicator, s].filter(Boolean).join(" ");
+    return /* @__PURE__ */ l(
+      A,
+      {
+        ref: t,
+        renderBeforeHydration: o,
+        className: a
+      }
+    );
+  }
+);
+y.displayName = "ALSTabs.Indicator";
+const B = i(
+  ({ value: s, keepMounted: o = !1, className: t, children: a }, e) => {
+    const r = [n.panel, t].filter(Boolean).join(" ");
+    return /* @__PURE__ */ l(
+      S,
+      {
+        ref: e,
+        value: s,
+        keepMounted: o,
+        className: r,
+        children: a
+      }
+    );
+  }
+);
+B.displayName = "ALSTabs.Panel";
+export {
+  y as ALSTabsIndicator,
+  j as ALSTabsList,
+  B as ALSTabsPanel,
+  C as ALSTabsRoot,
+  x as ALSTabsTab
+};

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

@@ -0,0 +1,58 @@
+const _ = "_root_umbx7_9", r = "_control_umbx7_43", m = "_track_umbx7_90", u = "_indicator_umbx7_156", a = "_thumb_umbx7_192", t = "_value_umbx7_269", o = "_label_umbx7_314", b = {
+  root: _,
+  "root--disabled": "_root--disabled_umbx7_22",
+  "root--sm": "_root--sm_umbx7_28",
+  "root--md": "_root--md_umbx7_32",
+  "root--lg": "_root--lg_umbx7_36",
+  control: r,
+  "control--sm": "_control--sm_umbx7_59",
+  "control--md": "_control--md_umbx7_63",
+  "control--lg": "_control--lg_umbx7_67",
+  track: m,
+  "track--sm": "_track--sm_umbx7_104",
+  "track--md": "_track--md_umbx7_108",
+  "track--lg": "_track--lg_umbx7_112",
+  "track--primary": "_track--primary_umbx7_133",
+  "track--secondary": "_track--secondary_umbx7_137",
+  "track--success": "_track--success_umbx7_141",
+  "track--warning": "_track--warning_umbx7_145",
+  "track--error": "_track--error_umbx7_149",
+  indicator: u,
+  "indicator--primary": "_indicator--primary_umbx7_169",
+  "indicator--secondary": "_indicator--secondary_umbx7_173",
+  "indicator--success": "_indicator--success_umbx7_177",
+  "indicator--warning": "_indicator--warning_umbx7_181",
+  "indicator--error": "_indicator--error_umbx7_185",
+  thumb: a,
+  "thumb--sm": "_thumb--sm_umbx7_230",
+  "thumb--md": "_thumb--md_umbx7_235",
+  "thumb--lg": "_thumb--lg_umbx7_240",
+  "thumb--primary": "_thumb--primary_umbx7_246",
+  "thumb--secondary": "_thumb--secondary_umbx7_250",
+  "thumb--success": "_thumb--success_umbx7_254",
+  "thumb--warning": "_thumb--warning_umbx7_258",
+  "thumb--error": "_thumb--error_umbx7_262",
+  value: t,
+  "value--sm": "_value--sm_umbx7_278",
+  "value--md": "_value--md_umbx7_282",
+  "value--lg": "_value--lg_umbx7_286",
+  "value--primary": "_value--primary_umbx7_291",
+  "value--secondary": "_value--secondary_umbx7_295",
+  "value--success": "_value--success_umbx7_299",
+  "value--warning": "_value--warning_umbx7_303",
+  "value--error": "_value--error_umbx7_307",
+  label: o,
+  "label--sm": "_label--sm_umbx7_322",
+  "label--md": "_label--md_umbx7_326",
+  "label--lg": "_label--lg_umbx7_330"
+};
+export {
+  r as control,
+  b as default,
+  u as indicator,
+  o as label,
+  _ as root,
+  a as thumb,
+  m as track,
+  t as value
+};