@tempots/beatui 0.94.0 → 1.0.0

package/dist/{use-form-BQRVnIp9.js → use-form-Dn6v2tEh.js}

@@ -1,112 +1,10 @@
-import { Use as q, coalesce as G, aria as V, attr as c, on as E, html as m, Value as C, Empty as T, computedOf as k, When as A, dataAttr as P, TextNode as J, prop as w, Fragment as $, emitValueAsNumber as Q, emitValue as X } from "@tempots/dom";
-import { B as Y, I as z } from "./translations-CiBhB2FV.js";
-import { B as Z, I as ee } from "./input-container-9r1F3KuX.js";
-import { M as te, L as se, i as g } from "./stack-Bm-UZosx.js";
+import { computedOf as k, html as m, attr as c, Value as C, Empty as T, When as A, dataAttr as P, aria as x, Use as q, coalesce as G, on as E, TextNode as J, prop as w, Fragment as $, emitValueAsNumber as Q, emitValue as X } from "@tempots/dom";
+import { B as Y, I as L } from "./translations-B1_yyDUK.js";
+import { B as Z, I as ee } from "./input-container-BvEcp7FU.js";
+import { L as te, M as se } from "./stack-BLMteGTn.js";
 import { s as j } from "./session-id-3KiilioY.js";
-const S = (s, e) => s === e || s !== s && e !== e;
-function we({
-  size: s = "sm",
-  icon: e = "line-md:close",
-  disabled: t,
-  roundedness: n = "full",
-  color: i = "base",
-  onClick: o,
-  label: a
-}, ...r) {
-  return q(Y, (l) => {
-    const d = G(a, l.$.closeModal);
-    return Z(
-      {
-        variant: "text",
-        size: s,
-        roundedness: n,
-        disabled: t,
-        color: i,
-        onClick: o
-      },
-      c.title(d),
-      V.label(d),
-      ...r,
-      z({ icon: e, size: s ?? "sm" })
-    );
-  });
-}
-const De = (s) => {
-  const {
-    value: e,
-    onBlur: t,
-    onChange: n,
-    onInput: i,
-    placeholder: o,
-    disabled: a,
-    id: r,
-    checkedIcon: l,
-    uncheckedIcon: d,
-    iconSize: u = "lg"
-  } = s, p = r ?? j("checkbox"), v = `${p}-label`, y = () => {
-    if (C.get(a ?? !1)) return;
-    const h = C.get(e);
-    n?.(!h), i?.(!h);
-  }, f = (h) => {
-    C.get(a ?? !1) || (h.key === " " || h.key === "Enter") && (h.preventDefault(), y());
-  };
-  return ee(
-    {
-      baseContainer: !0,
-      growInput: !1,
-      ...s,
-      input: m.span(
-        c.class("bc-checkbox-input"),
-        m.span(
-          c.class("bc-checkbox-input__checkbox"),
-          c.class(
-            C.map(
-              e,
-              (h) => h ? "bc-checkbox-input__checkbox--checked" : "bc-checkbox-input__checkbox--unchecked"
-            )
-          ),
-          c.class(
-            C.map(
-              a ?? !1,
-              (h) => h ? "bc-checkbox-input__checkbox--disabled" : ""
-            )
-          ),
-          c.id(p),
-          c.role("checkbox"),
-          c.tabindex(
-            C.map(
-              a ?? !1,
-              (h) => h ? -1 : 0
-            )
-          ),
-          V.checked(e),
-          V.disabled(a),
-          o != null ? V.labelledby(v) : T,
-          E.keydown(f),
-          t != null ? E.blur(t) : T,
-          z({
-            icon: k(
-              e,
-              l,
-              d
-            )(
-              (h, D, I) => h ? D ?? "akar-icons/check-box-fill" : I ?? "akar-icons/box"
-            ),
-            accessibility: "decorative",
-            size: u
-          })
-        ),
-        o != null ? m.label(
-          c.class("bc-checkbox-input__label"),
-          c.id(v),
-          c.for(p),
-          te(o)
-        ) : T
-      )
-    },
-    E.click(y)
-  );
-}, ne = m.span(
+import { Validation as g, strictEqual as V } from "@tempots/std";
+const ne = m.span(
   c.class("bc-input-wrapper__required"),
   " *"
 );
@@ -122,7 +20,7 @@ function ae(s, e) {
   if (s === "horizontal-fixed" && e != null)
     return `--input-wrapper-label-width: ${e}`;
 }
-const L = ({
+const z = ({
   fullWidth: s = !1,
   required: e,
   label: t,
@@ -137,7 +35,7 @@ const L = ({
   layout: p,
   labelWidth: v
 }, ...y) => {
-  const f = d ?? r != null, h = u ?? !1, D = p ?? "vertical", I = j("input-wrapper"), x = o ? `${I}-description` : void 0, O = r != null ? `${I}-error` : void 0, H = k(D)((b) => b !== "vertical"), K = k(
+  const f = d ?? r != null, h = u ?? !1, D = p ?? "vertical", I = j("input-wrapper"), S = o ? `${I}-description` : void 0, O = r != null ? `${I}-error` : void 0, H = k(D)((b) => b !== "vertical"), K = k(
     D,
     v ?? void 0
   )((b, M) => ae(b, M));
@@ -183,22 +81,23 @@ const L = ({
             c.class(
               "bc-input-wrapper__description bc-input-wrapper__description--under-label"
             ),
-            c.id(x),
+            c.id(S),
             o
           )
         )
       ),
-      i != null ? se(i) : T,
+      i != null ? te(i) : T,
       n
     ) : T,
     m.div(
       c.class("bc-input-wrapper__content"),
       // Add data attributes to help inputs inherit accessibility information
-      [x, O].filter(Boolean).length > 0 ? P.describedby(
-        [x, O].filter(Boolean).join(" ")
+      [S, O].filter(Boolean).length > 0 ? P(
+        "describedby",
+        [S, O].filter(Boolean).join(" ")
       ) : T,
-      e ? P.required("true") : T,
-      A(f, () => P.invalid("true")),
+      e ? P("required", "true") : T,
+      A(f, () => P("invalid", "true")),
       a
     ),
     // Show description at bottom only when not horizontal
@@ -206,7 +105,7 @@ const L = ({
       k(H, o)((b, M) => !b && M != null),
       () => m.div(
         c.class("bc-input-wrapper__description"),
-        c.id(x),
+        c.id(S),
         o
       )
     ),
@@ -215,7 +114,7 @@ const L = ({
       () => m.div(
         c.class("bc-input-wrapper__error"),
         c.id(O),
-        V.live("polite"),
+        x.live("polite"),
         // Announce errors to screen readers
         c.role("alert"),
         // Mark as alert for immediate attention
@@ -224,6 +123,109 @@ const L = ({
     ),
     ...y
   );
+};
+function De({
+  size: s = "sm",
+  icon: e = "line-md:close",
+  disabled: t,
+  roundedness: n = "full",
+  color: i = "base",
+  onClick: o,
+  label: a
+}, ...r) {
+  return q(Y, (l) => {
+    const d = G(a, l.$.closeModal);
+    return Z(
+      {
+        variant: "text",
+        size: s,
+        roundedness: n,
+        disabled: t,
+        color: i,
+        onClick: o
+      },
+      c.title(d),
+      x.label(d),
+      ...r,
+      L({ icon: e, size: s ?? "sm" })
+    );
+  });
+}
+const Ce = (s) => {
+  const {
+    value: e,
+    onBlur: t,
+    onChange: n,
+    onInput: i,
+    placeholder: o,
+    disabled: a,
+    id: r,
+    activeIcon: l,
+    inactiveIcon: d,
+    size: u = "md"
+  } = s, p = r ?? j("checkbox"), v = `${p}-label`, y = () => {
+    if (C.get(a ?? !1)) return;
+    const h = C.get(e);
+    n?.(!h), i?.(!h);
+  }, f = (h) => {
+    C.get(a ?? !1) || (h.key === " " || h.key === "Enter") && (h.preventDefault(), y());
+  };
+  return ee(
+    {
+      baseContainer: !0,
+      growInput: !1,
+      ...s,
+      input: m.span(
+        c.class("bc-checkbox-input"),
+        m.span(
+          c.class("bc-checkbox-input__checkbox"),
+          c.class(
+            C.map(
+              e,
+              (h) => h ? "bc-checkbox-input__checkbox--checked" : "bc-checkbox-input__checkbox--unchecked"
+            )
+          ),
+          c.class(
+            C.map(
+              a ?? !1,
+              (h) => h ? "bc-checkbox-input__checkbox--disabled" : ""
+            )
+          ),
+          c.id(p),
+          c.role("checkbox"),
+          c.tabindex(
+            C.map(
+              a ?? !1,
+              (h) => h ? -1 : 0
+            )
+          ),
+          x.checked(e),
+          x.disabled(a),
+          o != null ? x.labelledby(v) : T,
+          E.keydown(f),
+          t != null ? E.blur(t) : T,
+          L({
+            icon: k(
+              e,
+              l,
+              d
+            )(
+              (h, D, I) => h ? D ?? "ri:checkbox-fill" : I ?? "mdi:checkbox-blank-outline"
+            ),
+            accessibility: "decorative",
+            size: u
+          })
+        ),
+        o != null ? m.label(
+          c.class("bc-checkbox-input__label"),
+          c.id(v),
+          c.for(p),
+          se(o)
+        ) : T
+      )
+    },
+    E.click(y)
+  );
 }, oe = (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   ((s, e) => () => {
@@ -246,9 +248,9 @@ function W(s, e) {
     onBlur: oe(t, n)
   });
 }
-function Ce(s, { id: e, labelFor: t, ...n }, ...i) {
+function Te(s, { id: e, labelFor: t, ...n }, ...i) {
   const o = e ?? n.controller.name ?? j("control"), a = t ?? o;
-  return L(
+  return z(
     {
       ...n,
       hasError: n.controller.errorVisible,
@@ -270,13 +272,13 @@ function le(s, e) {
     controller: a
   });
 }
-function Te(s, {
+function _e(s, {
   id: e,
   labelFor: t,
   ...n
 }, ...i) {
   const o = e ?? n.controller.name ?? j("control");
-  return L(
+  return z(
     {
       ...n,
       labelFor: t ?? o,
@@ -288,7 +290,7 @@ function Te(s, {
     ...i
   );
 }
-function _e(s) {
+function Ie(s) {
   return s.split(".").map((t) => {
     const n = t.match(/^\[(\d+)\]$/);
     return n ? Number(n[1]) : t;
@@ -305,7 +307,7 @@ function he(s) {
     ...t.map(ce)
   ].join("");
 }
-const Ie = {
+const Me = {
   /** A valid validation result */
   valid: g.valid,
   /**
@@ -384,7 +386,7 @@ class _ {
    * @param parent - Parent context with disabled state and optional validation mode
    * @param equals - Equality function for dirty tracking (defaults to strictEqual)
    */
-  constructor(e, t, n, i, o, a = S) {
+  constructor(e, t, n, i, o, a = V) {
     this.path = e, this.change = t, this.signal = n, this.status = i, this.#s = a, this.#t.set(n.value), this.error = i.map(
       (r) => r?.type === "invalid" ? r.error?.message : void 0
     ), this.hasError = this.error.map((r) => r != null), this.touched = this.#e.touched, o.validationMode ? this.errorVisible = k(
@@ -482,7 +484,7 @@ class _ {
    * @param equals - Equality function for array comparison (defaults to strictEqual)
    * @returns An ArrayController instance
    */
-  array = (e = S) => new de(
+  array = (e = V) => new de(
     this.path,
     this.change,
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -497,7 +499,7 @@ class _ {
    * @param equals - Equality function for object comparison (defaults to strictEqual)
    * @returns An ObjectController instance
    */
-  object = (e = S) => new ue(
+  object = (e = V) => new ue(
     this.path,
     this.change,
     this.signal,
@@ -525,7 +527,7 @@ class _ {
    * )
    * ```
    */
-  transform = (e, t, n = [], i = S) => new _(
+  transform = (e, t, n = [], i = V) => new _(
     [...this.path, ...n],
     (o) => this.change(t(o)),
     this.signal.map(e, i),
@@ -545,7 +547,7 @@ class _ {
    * @param equals - Equality function for the transformed type
    * @returns A new Controller instance managing the async-transformed value
    */
-  asyncTransform = (e, t, n, i = [], o = S) => new _(
+  asyncTransform = (e, t, n, i = [], o = V) => new _(
     [...this.path, ...i],
     (a) => {
       t(a).then((r) => this.change(r));
@@ -921,7 +923,7 @@ function be({
       disabled: l,
       validationMode: d
     },
-    n ?? S
+    n ?? V
   );
   return f.onDispose(() => {
     l.dispose(), a.dispose(), r.dispose(), d.dispose(), p && clearTimeout(p);
@@ -930,7 +932,7 @@ function be({
 function R(s) {
   return $(c.disabled(s.disabled), c.name(s.name));
 }
-function Me(s, {
+function Ee(s, {
   triggerOn: e = "change"
 } = {}) {
   return $(
@@ -939,7 +941,7 @@ function Me(s, {
     (e === "input" ? E.input : E.change)(X(s.change))
   );
 }
-function Ee(s, {
+function Ve(s, {
   triggerOn: e = "change"
 } = {}) {
   return $(
@@ -953,7 +955,7 @@ function Ee(s, {
 function N(s) {
   return s.issues != null ? g.invalid(fe(s.issues)) : g.valid;
 }
-async function Se({
+async function xe({
   task: s,
   errorMessage: e,
   errorPath: t = ["root"],
@@ -983,7 +985,7 @@ function U(s, e) {
     }
   };
 }
-function Ve({
+function Se({
   initialValue: s = {},
   schema: e,
   onSubmit: t = async () => g.valid,
@@ -1020,30 +1022,29 @@ function Ve({
 export {
   de as A,
   W as B,
-  we as C,
-  L as I,
-  Te as M,
-  S as O,
+  De as C,
+  z as I,
+  _e as M,
+  ue as O,
   ne as R,
-  De as a,
-  Ce as b,
+  Ce as a,
+  Te as b,
   F as c,
   _ as d,
   B as e,
-  ue as f,
-  be as g,
-  le as h,
-  Ie as i,
-  R as j,
+  be as f,
+  le as g,
+  Me as h,
+  R as i,
+  Ve as j,
   Ee as k,
-  Me as l,
+  fe as l,
   oe as m,
-  fe as n,
-  pe as o,
-  _e as p,
-  he as q,
+  pe as n,
+  he as o,
+  Ie as p,
   N as s,
-  Se as t,
-  Ve as u,
+  xe as t,
+  Se as u,
   ce as w
 };

package/dist/utils-DmEuG3Np.cjs

@@ -0,0 +1 @@
+"use strict";const u=require("@tempots/dom");function i(r,e,t){const s=["bc-card"];return r!=="default"&&s.push(`bc-card--${r}`),e!=="md"&&s.push(`bc-card--padding-${e}`),t!=="lg"&&s.push(`bc-card--rounded-${t}`),s.join(" ")}function d({variant:r="default",size:e="md",roundedness:t="lg"}={},...s){return u.html.div(u.attr.class(u.computedOf(r,e,t)((o,a,n)=>i(o??"default",a??"md",n??"lg"))),...s)}function g({class:r}={},...e){return u.html.div(u.attr.class(r!=null?u.Value.map(r,t=>`bc-card__header ${t}`):"bc-card__header"),...e)}function p({class:r}={},...e){return u.html.div(u.attr.class(r!=null?u.Value.map(r,t=>`bc-card__body ${t}`):"bc-card__body"),...e)}function f({class:r}={},...e){return u.html.div(u.attr.class(r!=null?u.Value.map(r,t=>`bc-card__footer ${t}`):"bc-card__footer"),...e)}function y({src:r,alt:e,height:t}){return u.html.img(u.attr.class("bc-card__cover-image"),u.attr.src(r),e!=null?u.attr.alt(e):null,t!=null?u.style.height(t):null)}const c=["description","comment","notes","text"];function b(r){if(typeof r=="boolean")return c;const e=r["x:ui"];return e&&Array.isArray(e.textAreaTriggers)?[...c,...e.textAreaTriggers]:c}function l(r){if(typeof r=="boolean")return;const e=r["x:ui"];if(e!=null&&(typeof e=="string"||typeof e=="object"&&e!==null))return e}function h(r,e){if(typeof r=="boolean")return;const t=l(r);if(typeof t=="object"&&typeof t.widget=="string")return{widget:t.widget,source:"explicit-widget",options:t};const s=typeof t=="string"?t:typeof t=="object"&&typeof t.format=="string"?t.format:void 0;if(s)return{widget:s,source:"explicit-format",options:typeof t=="object"?t:void 0};if(typeof r.format=="string")return{widget:{datetime:"date-time",base64:"binary",bytes:"binary",iri:"uri","iri-reference":"uri-reference","idn-hostname":"hostname"}[r.format]||r.format,source:"schema-format"};if(r.contentMediaType==="text/markdown")return{widget:"markdown",source:"schema-media"};if(r.contentMediaType!=null||r.contentEncoding==="base64")return{widget:"binary",source:"schema-media",options:{mediaType:r.contentMediaType,encoding:r.contentEncoding}};if(r.enum!=null)return{widget:"enum",source:"constraints"};if(r.const!=null)return{widget:"const",source:"constraints"};if((r.type==="number"||r.type==="integer"||Array.isArray(r.type)&&r.type.some(a=>a==="number"||a==="integer"))&&r.minimum!=null&&r.maximum!=null)return r.maximum-r.minimum<=5&&r.minimum>=0&&r.minimum<=1&&(r.multipleOf==null||r.multipleOf>=1)?{widget:"rating",source:"constraints",options:{max:r.maximum}}:{widget:"slider",source:"constraints",options:{min:r.minimum,max:r.maximum,step:r.multipleOf}};if(r.type==="string"){if(r.minLength!=null&&r.minLength>20||r.maxLength!=null&&r.maxLength>100)return{widget:"textarea",source:"heuristics"};if(e){const a=e.toLowerCase();if(a.includes("password")||a.includes("secret"))return{widget:"password",source:"heuristics"};if(a.includes("email"))return{widget:"email",source:"heuristics"};if(a.includes("url")||a.includes("link"))return{widget:"url",source:"heuristics"};if(a.includes("color"))return{widget:"color",source:"heuristics"};if(b(r).some(m=>a.includes(m.toLowerCase())))return{widget:"textarea",source:"heuristics"}}}}exports.Card=d;exports.CardBody=p;exports.CardCoverImage=y;exports.CardFooter=f;exports.CardHeader=g;exports.getXUIConfig=l;exports.resolveWidget=h;

package/dist/utils-vUtP6iPG.js

@@ -0,0 +1,165 @@
+import { html as c, attr as a, computedOf as g, Value as n, style as d } from "@tempots/dom";
+function p(r, e, t) {
+  const u = ["bc-card"];
+  return r !== "default" && u.push(`bc-card--${r}`), e !== "md" && u.push(`bc-card--padding-${e}`), t !== "lg" && u.push(`bc-card--rounded-${t}`), u.join(" ");
+}
+function x({ variant: r = "default", size: e = "md", roundedness: t = "lg" } = {}, ...u) {
+  return c.div(
+    a.class(
+      g(
+        r,
+        e,
+        t
+      )(
+        (m, s, l) => p(
+          m ?? "default",
+          s ?? "md",
+          l ?? "lg"
+        )
+      )
+    ),
+    ...u
+  );
+}
+function w({ class: r } = {}, ...e) {
+  return c.div(
+    a.class(
+      r != null ? n.map(r, (t) => `bc-card__header ${t}`) : "bc-card__header"
+    ),
+    ...e
+  );
+}
+function h({ class: r } = {}, ...e) {
+  return c.div(
+    a.class(
+      r != null ? n.map(r, (t) => `bc-card__body ${t}`) : "bc-card__body"
+    ),
+    ...e
+  );
+}
+function _({ class: r } = {}, ...e) {
+  return c.div(
+    a.class(
+      r != null ? n.map(r, (t) => `bc-card__footer ${t}`) : "bc-card__footer"
+    ),
+    ...e
+  );
+}
+function v({ src: r, alt: e, height: t }) {
+  return c.img(
+    a.class("bc-card__cover-image"),
+    a.src(r),
+    e != null ? a.alt(e) : null,
+    t != null ? d.height(t) : null
+  );
+}
+const o = ["description", "comment", "notes", "text"];
+function f(r) {
+  if (typeof r == "boolean") return o;
+  const e = r["x:ui"];
+  return e && Array.isArray(e.textAreaTriggers) ? [...o, ...e.textAreaTriggers] : o;
+}
+function y(r) {
+  if (typeof r == "boolean") return;
+  const e = r["x:ui"];
+  if (e != null && (typeof e == "string" || typeof e == "object" && e !== null))
+    return e;
+}
+function C(r, e) {
+  if (typeof r == "boolean") return;
+  const t = y(r);
+  if (typeof t == "object" && typeof t.widget == "string")
+    return {
+      widget: t.widget,
+      source: "explicit-widget",
+      options: t
+    };
+  const u = typeof t == "string" ? t : typeof t == "object" && typeof t.format == "string" ? t.format : void 0;
+  if (u)
+    return {
+      widget: u,
+      source: "explicit-format",
+      options: typeof t == "object" ? t : void 0
+    };
+  if (typeof r.format == "string")
+    return {
+      widget: {
+        datetime: "date-time",
+        base64: "binary",
+        bytes: "binary",
+        iri: "uri",
+        "iri-reference": "uri-reference",
+        "idn-hostname": "hostname"
+      }[r.format] || r.format,
+      source: "schema-format"
+    };
+  if (r.contentMediaType === "text/markdown")
+    return {
+      widget: "markdown",
+      source: "schema-media"
+    };
+  if (r.contentMediaType != null || r.contentEncoding === "base64")
+    return {
+      widget: "binary",
+      source: "schema-media",
+      options: {
+        mediaType: r.contentMediaType,
+        encoding: r.contentEncoding
+      }
+    };
+  if (r.enum != null)
+    return {
+      widget: "enum",
+      source: "constraints"
+    };
+  if (r.const != null)
+    return {
+      widget: "const",
+      source: "constraints"
+    };
+  if ((r.type === "number" || r.type === "integer" || Array.isArray(r.type) && r.type.some((s) => s === "number" || s === "integer")) && r.minimum != null && r.maximum != null)
+    return r.maximum - r.minimum <= 5 && r.minimum >= 0 && r.minimum <= 1 && (r.multipleOf == null || r.multipleOf >= 1) ? {
+      widget: "rating",
+      source: "constraints",
+      options: { max: r.maximum }
+    } : {
+      widget: "slider",
+      source: "constraints",
+      options: {
+        min: r.minimum,
+        max: r.maximum,
+        step: r.multipleOf
+      }
+    };
+  if (r.type === "string") {
+    if (r.minLength != null && r.minLength > 20 || r.maxLength != null && r.maxLength > 100)
+      return {
+        widget: "textarea",
+        source: "heuristics"
+      };
+    if (e) {
+      const s = e.toLowerCase();
+      if (s.includes("password") || s.includes("secret"))
+        return { widget: "password", source: "heuristics" };
+      if (s.includes("email"))
+        return { widget: "email", source: "heuristics" };
+      if (s.includes("url") || s.includes("link"))
+        return { widget: "url", source: "heuristics" };
+      if (s.includes("color"))
+        return { widget: "color", source: "heuristics" };
+      if (f(r).some(
+        (i) => s.includes(i.toLowerCase())
+      ))
+        return { widget: "textarea", source: "heuristics" };
+    }
+  }
+}
+export {
+  x as C,
+  h as a,
+  v as b,
+  _ as c,
+  w as d,
+  y as g,
+  C as r
+};