@simplysm/solid 13.0.28 → 13.0.30

package/dist/components/form-control/Button.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/components/form-control/Button.tsx"],
-  "mappings": ";;;;;;;AAAA,SAAyCA,kBAAkB;AAC3D,OAAOC,UAAU;AACjB,SAASC,eAAe;AACxB,SAASC,cAAc;AACvB,SAASC,aAAqDC,uBAAuB;AAGrF,KAAKF;AAML,MAAMG,YAAYL,KAChB,4BACA,aACA,aACA,kBACA,eACA,kBACA,qBACA,WACA,sBACA,wBACA,6BACA,SACF;AAEA,MAAMM,eAAeC,OAAOC,YAC1BD,OAAOE,QAAQN,WAAW,EAAEO,IAAI,CAAC,CAACC,OAAOC,CAAC,MAAM,CAC9CD,OACA;EACEE,OAAOb,KAAKY,EAAEC,OAAOD,EAAEE,UAAU;EACjCC,SAASf,KAAK,kBAAkBY,EAAEI,SAASJ,EAAEK,MAAML,EAAEM,MAAM;EAC3DC,OAAOnB,KAAK,kBAAkBY,EAAEI,SAASJ,EAAEK,IAAI;AACjD,CAAC,CACF,CACH;AAEA,MAAMG,cAA0C;EAC9CC,IAAIrB,KAAK,mBAAmB;EAC5BsB,IAAItB,KAAK,qBAAqB;EAC9BuB,IAAIvB,KAAK,4BAA4B;AACvC;AASO,MAAMwB,SAAwCC,WAAU;AAC7D,QAAM,CAACC,OAAOC,IAAI,IAAI5B,WAAW0B,OAAO,CACtC,YACA,SACA,QACA,SACA,WACA,QACA,SACA,UAAU,CACX;AAED,QAAMG,eAAeA,MAAM;AACzB,UAAMjB,QAAQe,MAAMf,SAAS;AAC7B,UAAMkB,UAAUH,MAAMG,WAAW;AAEjC,WAAO5B,QACLI,WACAC,aAAaK,KAAK,EAAEkB,OAAO,GAC3BH,MAAMI,QAAQV,YAAYM,MAAMI,IAAI,GACpCJ,MAAMK,SAAS,4BACfL,MAAMM,YAAY5B,iBAClBsB,MAAMO,KACR;EACF;AAEA,UAAA,MAAA;AAAA,QAAAC,OAAAC,OAAA;AAAAC,UAIQlC,QAAMgC,MAAA,MAAE,CAACR,MAAMM,QAAQ;AAAAK,aAAAH,MAAAI,aAFvBX,MAAI;MAAA,eAAA;MAAA,IAGRY,OAAI;AAAA,eAAEb,MAAMa,QAAQ;MAAQ;MAAA,KAAA,OAAA,IAAA;AAAA,eACrBX,aAAa;MAAC;MAAA,IACrBI,WAAQ;AAAA,eAAEN,MAAMM;MAAQ;IAAA,CAAA,GAAA,OAAA,IAAA;AAAAQ,aAAAN,MAAA,MAEvBR,MAAMe,QAAQ;AAAA,WAAAP;EAAA,GAAA;AAGrB;",
+  "mappings": ";;;;;;;AAAA,SAAyCA,kBAAkB;AAC3D,OAAOC,UAAU;AACjB,SAASC,eAAe;AACxB,SAASC,cAAc;AACvB,SACEC,aAGAC,uBACK;AAGP,KAAKF;AAML,MAAMG,YAAYL,KAChB,4BACA,aACA,aACA,kBACA,eACA,kBACA,cACA,WACA,sBACA,wBACA,6BACA,SACF;AAEA,MAAMM,eAAeC,OAAOC,YAC1BD,OAAOE,QAAQN,WAAW,EAAEO,IAAI,CAAC,CAACC,OAAOC,CAAC,MAAM,CAC9CD,OACA;EACEE,OAAOb,KAAKY,EAAEC,OAAOD,EAAEE,YAAY,2BAA2B;EAC9DC,SAASf,KAAK,kBAAkBY,EAAEI,SAASJ,EAAEK,MAAML,EAAEM,MAAM;EAC3DC,OAAOnB,KAAK,kBAAkBY,EAAEI,SAASJ,EAAEK,IAAI;AACjD,CAAC,CACF,CACH;AAEA,MAAMG,cAA0C;EAC9CC,IAAIrB,KAAK,mBAAmB;EAC5BsB,IAAItB,KAAK,qBAAqB;EAC9BuB,IAAIvB,KAAK,4BAA4B;AACvC;AASO,MAAMwB,SAAwCC,WAAU;AAC7D,QAAM,CAACC,OAAOC,IAAI,IAAI5B,WAAW0B,OAAO,CACtC,YACA,SACA,QACA,SACA,WACA,QACA,SACA,UAAU,CACX;AAED,QAAMG,eAAeA,MAAM;AACzB,UAAMjB,QAAQe,MAAMf,SAAS;AAC7B,UAAMkB,UAAUH,MAAMG,WAAW;AAEjC,WAAO5B,QACLI,WACAC,aAAaK,KAAK,EAAEkB,OAAO,GAC3BH,MAAMI,QAAQV,YAAYM,MAAMI,IAAI,GACpCJ,MAAMK,SAAS,4BACfL,MAAMM,YAAY5B,iBAClBsB,MAAMO,KACR;EACF;AAEA,UAAA,MAAA;AAAA,QAAAC,OAAAC,OAAA;AAAAC,UAIQlC,QAAMgC,MAAA,MAAE,CAACR,MAAMM,QAAQ;AAAAK,aAAAH,MAAAI,aAFvBX,MAAI;MAAA,eAAA;MAAA,IAGRY,OAAI;AAAA,eAAEb,MAAMa,QAAQ;MAAQ;MAAA,KAAA,OAAA,IAAA;AAAA,eACrBX,aAAa;MAAC;MAAA,IACrBI,WAAQ;AAAA,eAAEN,MAAMM;MAAQ;IAAA,CAAA,GAAA,OAAA,IAAA;AAAAQ,aAAAN,MAAA,MAEvBR,MAAMe,QAAQ;AAAA,WAAAP;EAAA,GAAA;AAGrB;",
   "names": ["splitProps", "clsx", "twMerge", "ripple", "themeTokens", "disabledOpacity", "baseClass", "themeClasses", "Object", "fromEntries", "entries", "map", "theme", "t", "solid", "solidHover", "outline", "hoverBg", "text", "border", "ghost", "sizeClasses", "sm", "lg", "xl", "Button", "props", "local", "rest", "getClassName", "variant", "size", "inset", "disabled", "class", "_el$", "_tmpl$", "_$use", "_$spread", "_$mergeProps", "type", "_$insert", "children"]
 }

package/dist/components/form-control/DropdownTrigger.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownTrigger.styles.d.ts","sourceRoot":"","sources":["../../../src/components/form-control/DropdownTrigger.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAiB,KAAK,aAAa,EAAmC,MAAM,4BAA4B,CAAC;AAGhH,eAAO,MAAM,gBAAgB,QAW5B,CAAC;AAEF,eAAO,MAAM,oBAAoB,QAEhC,CAAC;AAEF,eAAO,MAAM,iBAAiB,QAA2D,CAAC;AAE1F,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAI5D,CAAC;AAEF,eAAO,MAAM,mBAAmB,QAA0C,CAAC;AAE3E,oCAAoC;AACpC,wBAAgB,eAAe,CAAC,OAAO,EAAE;IACvC,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,MAAM,CAST"}
+{"version":3,"file":"DropdownTrigger.styles.d.ts","sourceRoot":"","sources":["../../../src/components/form-control/DropdownTrigger.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,aAAa,EAInB,MAAM,4BAA4B,CAAC;AAGpC,eAAO,MAAM,gBAAgB,QAW5B,CAAC;AAEF,eAAO,MAAM,oBAAoB,QAEhC,CAAC;AAEF,eAAO,MAAM,iBAAiB,QAA2D,CAAC;AAE1F,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAI5D,CAAC;AAEF,eAAO,MAAM,mBAAmB,QAA0C,CAAC;AAE3E,oCAAoC;AACpC,wBAAgB,eAAe,CAAC,OAAO,EAAE;IACvC,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,MAAM,CAST"}

package/dist/components/form-control/DropdownTrigger.styles.js

@@ -1,6 +1,11 @@
 import clsx from "clsx";
 import { twMerge } from "tailwind-merge";
-import { borderDefault, paddingLg, paddingSm, paddingXl } from "../../styles/tokens.styles.js";
+import {
+  borderDefault,
+  paddingLg,
+  paddingSm,
+  paddingXl
+} from "../../styles/tokens.styles.js";
 import { insetBase, insetFocusOutlineSelf } from "../../styles/patterns.styles.js";
 const triggerBaseClass = clsx(
   "inline-flex items-center gap-2",

package/dist/components/form-control/DropdownTrigger.styles.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/components/form-control/DropdownTrigger.styles.ts"],
-  "mappings": "AAAA,OAAO,UAAU;AACjB,SAAS,eAAe;AACxB,SAAS,eAAmC,WAAW,WAAW,iBAAiB;AACnF,SAAS,WAAW,6BAA6B;AAE1C,MAAM,mBAAmB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,uBAAuB;AAAA,EAClC;AACF;AAEO,MAAM,oBAAoB,KAAK,WAAW,kBAAkB,qBAAqB;AAEjF,MAAM,qBAAoD;AAAA,EAC/D,IAAI,KAAK,WAAW,SAAS;AAAA,EAC7B,IAAI,KAAK,SAAS,SAAS;AAAA,EAC3B,IAAI,KAAK,WAAW,SAAS;AAC/B;AAEO,MAAM,sBAAsB,KAAK,cAAc,mBAAmB;AAGlE,SAAS,gBAAgB,SAKrB;AACT,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,QAAQ,QAAQ,mBAAmB,QAAQ,IAAI;AAAA,IAC/C,QAAQ,YAAY;AAAA,IACpB,QAAQ,SAAS;AAAA,IACjB,QAAQ;AAAA,EACV;AACF;",
+  "mappings": "AAAA,OAAO,UAAU;AACjB,SAAS,eAAe;AACxB;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,WAAW,6BAA6B;AAE1C,MAAM,mBAAmB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,uBAAuB;AAAA,EAClC;AACF;AAEO,MAAM,oBAAoB,KAAK,WAAW,kBAAkB,qBAAqB;AAEjF,MAAM,qBAAoD;AAAA,EAC/D,IAAI,KAAK,WAAW,SAAS;AAAA,EAC7B,IAAI,KAAK,SAAS,SAAS;AAAA,EAC3B,IAAI,KAAK,WAAW,SAAS;AAC/B;AAEO,MAAM,sBAAsB,KAAK,cAAc,mBAAmB;AAGlE,SAAS,gBAAgB,SAKrB;AACT,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,QAAQ,QAAQ,mBAAmB,QAAQ,IAAI;AAAA,IAC/C,QAAQ,YAAY;AAAA,IACpB,QAAQ,SAAS;AAAA,IACjB,QAAQ;AAAA,EACV;AACF;",
   "names": []
 }

package/dist/components/form-control/Invalid.d.ts

@@ -3,8 +3,10 @@ import "@simplysm/core-browser";
 export interface InvalidProps {
     /** Validation error message. Non-empty = invalid. */
     message?: string;
-    /** Custom class */
-    class?: string;
+    /** Visual indicator variant */
+    variant?: "border" | "dot";
+    /** When true, visual display only appears after target loses focus */
+    touchMode?: boolean;
 }
 export declare const Invalid: ParentComponent<InvalidProps>;
 //# sourceMappingURL=Invalid.d.ts.map

package/dist/components/form-control/Invalid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Invalid.d.ts","sourceRoot":"","sources":["../../../src/components/form-control/Invalid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAA4B,MAAM,UAAU,CAAC;AAG1E,OAAO,wBAAwB,CAAC;AAEhC,MAAM,WAAW,YAAY;IAC3B,qDAAqD;IACrD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAkBD,eAAO,MAAM,OAAO,EAAE,eAAe,CAAC,YAAY,CAoCjD,CAAC"}
+{"version":3,"file":"Invalid.d.ts","sourceRoot":"","sources":["../../../src/components/form-control/Invalid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAmD,MAAM,UAAU,CAAC;AACjG,OAAO,wBAAwB,CAAC;AAEhC,MAAM,WAAW,YAAY;IAC3B,qDAAqD;IACrD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IAC3B,sEAAsE;IACtE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,OAAO,EAAE,eAAe,CAAC,YAAY,CAsHjD,CAAC"}

package/dist/components/form-control/Invalid.js

@@ -1,51 +1,91 @@
-import { template as _$template } from "solid-js/web";
-import { setStyleProperty as _$setStyleProperty } from "solid-js/web";
-import { effect as _$effect } from "solid-js/web";
-import { insert as _$insert } from "solid-js/web";
-import { use as _$use } from "solid-js/web";
-import { className as _$className } from "solid-js/web";
-import { spread as _$spread } from "solid-js/web";
-import { mergeProps as _$mergeProps } from "solid-js/web";
-var _tmpl$ = /* @__PURE__ */ _$template(`<div><span><span></span></span><input type=text tabindex=-1 aria-hidden=true>`);
-import { createEffect, splitProps } from "solid-js";
-import clsx from "clsx";
-import { twMerge } from "tailwind-merge";
+import { memo as _$memo } from "solid-js/web";
+import { children, createEffect, createSignal, onCleanup } from "solid-js";
 import "@simplysm/core-browser";
-const anchorClass = clsx("relative inline-block", "size-0 align-top", "overflow-visible", "pointer-events-none select-none");
-const indicatorClass = clsx("absolute left-0.5 top-0.5", "size-1.5 rounded-full", "bg-danger-500");
-const hiddenInputClass = clsx("absolute bottom-0 left-0.5", "size-px opacity-0", "pointer-events-none -z-10", "select-none");
 const Invalid = (props) => {
-  const [local, rest] = splitProps(props, ["message", "class", "children"]);
-  let hiddenInputEl;
+  const hiddenInputEl = document.createElement("input");
+  hiddenInputEl.type = "text";
+  hiddenInputEl.style.cssText = "position:absolute; bottom:0; left:50%; width:1px; height:1px; opacity:0; pointer-events:none; z-index:-10;";
+  hiddenInputEl.autocomplete = "off";
+  hiddenInputEl.tabIndex = -1;
+  hiddenInputEl.setAttribute("aria-hidden", "true");
+  const [touched, setTouched] = createSignal(false);
+  const resolved = children(() => props.children);
   createEffect(() => {
-    const msg = local.message ?? "";
+    const msg = props.message ?? "";
     hiddenInputEl.setCustomValidity(msg);
   });
-  const handleHiddenInputFocus = (e) => {
-    const container = e.currentTarget.parentElement;
-    if (!container) return;
-    const focusable = container.findFirstFocusableChild();
-    if (focusable && focusable !== e.currentTarget) {
-      focusable.focus();
+  createEffect(() => {
+    const targetEl = resolved.toArray().find((el) => el instanceof HTMLElement);
+    if (!targetEl) return;
+    const computedPosition = getComputedStyle(targetEl).position;
+    if (computedPosition === "static") {
+      targetEl.style.position = "relative";
     }
-  };
-  return (() => {
-    var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$2.nextSibling;
-    _$spread(_el$, _$mergeProps(rest, {
-      get ["class"]() {
-        return twMerge("inline", local.class);
+    targetEl.appendChild(hiddenInputEl);
+    onCleanup(() => {
+      if (hiddenInputEl.parentElement === targetEl) {
+        targetEl.removeChild(hiddenInputEl);
+      }
+    });
+  });
+  createEffect(() => {
+    const variant = props.variant ?? "dot";
+    const message = props.message ?? "";
+    const touchMode = props.touchMode ?? false;
+    const isTouched = touched();
+    const targetEl = resolved.toArray().find((el) => el instanceof HTMLElement);
+    if (!targetEl) return;
+    const shouldShow = message !== "" && (!touchMode || isTouched);
+    if (variant === "border") {
+      if (shouldShow) {
+        targetEl.classList.add("border-danger-500");
+      } else {
+        targetEl.classList.remove("border-danger-500");
       }
-    }), false, true);
-    _$className(_el$2, anchorClass);
-    _$className(_el$3, indicatorClass);
-    _$insert(_el$, () => local.children, _el$4);
-    _el$4.addEventListener("focus", handleHiddenInputFocus);
-    var _ref$ = hiddenInputEl;
-    typeof _ref$ === "function" ? _$use(_ref$, _el$4) : hiddenInputEl = _el$4;
-    _$className(_el$4, hiddenInputClass);
-    _$effect((_$p) => _$setStyleProperty(_el$3, "display", (local.message ?? "") !== "" ? "block" : "none"));
-    return _el$;
-  })();
+      onCleanup(() => {
+        targetEl.classList.remove("border-danger-500");
+      });
+    } else {
+      const existingDot = targetEl.querySelector("[data-invalid-dot]");
+      if (existingDot) {
+        existingDot.remove();
+      }
+      if (shouldShow) {
+        const dot = document.createElement("span");
+        dot.setAttribute("data-invalid-dot", "");
+        dot.style.cssText = "position:absolute; top:2px; right:2px; width:6px; height:6px; border-radius:50%; background:red; pointer-events:none;";
+        targetEl.appendChild(dot);
+      }
+      onCleanup(() => {
+        const dot = targetEl.querySelector("[data-invalid-dot]");
+        if (dot) {
+          dot.remove();
+        }
+      });
+    }
+  });
+  createEffect(() => {
+    if (!(props.touchMode ?? false)) return;
+    const targetEl = resolved.toArray().find((el) => el instanceof HTMLElement);
+    if (!targetEl) return;
+    const handleFocusOut = () => {
+      setTouched(true);
+    };
+    targetEl.addEventListener("focusout", handleFocusOut);
+    onCleanup(() => {
+      targetEl.removeEventListener("focusout", handleFocusOut);
+    });
+  });
+  hiddenInputEl.addEventListener("focus", () => {
+    const targetEl = resolved.toArray().find((el) => el instanceof HTMLElement);
+    if (targetEl) {
+      const focusable = targetEl.findFirstFocusableChild() ?? (targetEl.tabIndex >= 0 ? targetEl : void 0);
+      if (focusable && focusable !== hiddenInputEl) {
+        focusable.focus();
+      }
+    }
+  });
+  return _$memo(resolved);
 };
 export {
   Invalid

package/dist/components/form-control/Invalid.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/components/form-control/Invalid.tsx"],
-  "mappings": ";;;;;;;;;AAAA,SAA+BA,cAAcC,kBAAkB;AAC/D,OAAOC,UAAU;AACjB,SAASC,eAAe;AACxB,OAAO;AASP,MAAMC,cAAcF,KAClB,yBACA,oBACA,oBACA,iCACF;AAEA,MAAMG,iBAAiBH,KAAK,6BAA6B,yBAAyB,eAAe;AAEjG,MAAMI,mBAAmBJ,KACvB,8BACA,qBACA,6BACA,aACF;AAEO,MAAMK,UAA0CC,WAAU;AAC/D,QAAM,CAACC,OAAOC,IAAI,IAAIT,WAAWO,OAAO,CAAC,WAAW,SAAS,UAAU,CAAC;AAExE,MAAIG;AAGJX,eAAa,MAAM;AACjB,UAAMY,MAAMH,MAAMI,WAAW;AAC7BF,kBAAcG,kBAAkBF,GAAG;EACrC,CAAC;AAED,QAAMG,yBAA0BC,OAAkB;AAChD,UAAMC,YAAaD,EAAEE,cAA8BC;AACnD,QAAI,CAACF,UAAW;AAChB,UAAMG,YAAYH,UAAUI,wBAAwB;AACpD,QAAID,aAAaA,cAAcJ,EAAEE,eAAe;AAC9CE,gBAAUE,MAAM;IAClB;EACF;AAEA,UAAA,MAAA;AAAA,QAAAC,OAAAC,OAAA,GAAAC,QAAAF,KAAAG,YAAAC,QAAAF,MAAAC,YAAAE,QAAAH,MAAAI;AAAAC,aAAAP,MAAAQ,aACWrB,MAAI;MAAA,KAAA,OAAA,IAAA;AAAA,eAASP,QAAQ,UAAUM,MAAMuB,KAAK;MAAC;IAAA,CAAA,GAAA,OAAA,IAAA;AAAAC,gBAAAR,OACrCrB,WAAW;AAAA6B,gBAAAN,OACTtB,cAAc;AAAA6B,aAAAX,MAAA,MAE5Bd,MAAM0B,UAAQP,KAAA;AAAAA,UAAAQ,iBAAA,SAOJrB,sBAAsB;AAAA,QAAAsB,QAL1B1B;AAAa,WAAA0B,UAAA,aAAAC,MAAAD,OAAAT,KAAA,IAAbjB,gBAAaiB;AAAAK,gBAAAL,OAEXtB,gBAAgB;AAAAiC,aAAAC,SAAAC,mBAAAd,OAAA,YANyBlB,MAAMI,WAAW,QAAQ,KAAK,UAAU,MAAM,CAAA;AAAA,WAAAU;EAAA,GAAA;AAatG;",
-  "names": ["createEffect", "splitProps", "clsx", "twMerge", "anchorClass", "indicatorClass", "hiddenInputClass", "Invalid", "props", "local", "rest", "hiddenInputEl", "msg", "message", "setCustomValidity", "handleHiddenInputFocus", "e", "container", "currentTarget", "parentElement", "focusable", "findFirstFocusableChild", "focus", "_el$", "_tmpl$", "_el$2", "firstChild", "_el$3", "_el$4", "nextSibling", "_$spread", "_$mergeProps", "class", "_$className", "_$insert", "children", "addEventListener", "_ref$", "_$use", "_$effect", "_$p", "_$setStyleProperty"]
+  "mappings": "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",
+  "names": ["children", "createEffect", "createSignal", "onCleanup", "Invalid", "props", "hiddenInputEl", "document", "createElement", "type", "style", "cssText", "autocomplete", "tabIndex", "setAttribute", "touched", "setTouched", "resolved", "msg", "message", "setCustomValidity", "targetEl", "toArray", "find", "el", "HTMLElement", "computedPosition", "getComputedStyle", "position", "appendChild", "parentElement", "removeChild", "variant", "touchMode", "isTouched", "shouldShow", "classList", "add", "remove", "existingDot", "querySelector", "dot", "handleFocusOut", "addEventListener", "removeEventListener", "focusable", "findFirstFocusableChild", "undefined", "focus", "_$memo"]
 }

package/dist/components/form-control/ThemeToggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeToggle.d.ts","sourceRoot":"","sources":["../../../src/components/form-control/ThemeToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAA6B,MAAM,UAAU,CAAC;AAuC/E,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,GAAG,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACrG,YAAY;IACZ,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,WAAW,EAAE,SAAS,CAAC,gBAAgB,CAiCnD,CAAC"}
+{"version":3,"file":"ThemeToggle.d.ts","sourceRoot":"","sources":["../../../src/components/form-control/ThemeToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAA6B,MAAM,UAAU,CAAC;AA0B/E,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,GAAG,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC3C,UAAU,CACX;IACC,YAAY;IACZ,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,WAAW,EAAE,SAAS,CAAC,gBAAgB,CAkCnD,CAAC"}

package/dist/components/form-control/ThemeToggle.js

@@ -6,17 +6,16 @@ import { spread as _$spread } from "solid-js/web";
 import { mergeProps as _$mergeProps } from "solid-js/web";
 var _tmpl$ = /* @__PURE__ */ _$template(`<button>`);
 import { splitProps, Switch, Match } from "solid-js";
-import clsx from "clsx";
 import { twMerge } from "tailwind-merge";
 import { IconSun, IconMoon, IconDeviceDesktop } from "@tabler/icons-solidjs";
 import { useTheme } from "../../providers/ThemeContext.js";
 import { Icon } from "../display/Icon.js";
 import { ripple } from "../../directives/ripple.js";
+import { iconButtonBase } from "../../styles/patterns.styles.js";
 void ripple;
-const baseClass = clsx("inline-flex", "items-center", "justify-center", "cursor-pointer", "rounded", "transition-colors", "text-base-500 dark:text-base-400", "hover:bg-base-200 dark:hover:bg-base-700", "focus:outline-none", "focus-visible:ring-2");
 const sizeClasses = {
-  sm: clsx("p-1"),
-  lg: clsx("p-2")
+  sm: "p-1",
+  lg: "p-2"
 };
 const iconSizes = {
   sm: "1em",
@@ -33,7 +32,7 @@ const ThemeToggle = (props) => {
     mode,
     cycleMode
   } = useTheme();
-  const getClassName = () => twMerge(baseClass, "p-1.5", local.size && sizeClasses[local.size], local.class);
+  const getClassName = () => twMerge(iconButtonBase, "p-1.5", local.size && sizeClasses[local.size], local.class);
   const iconSize = () => local.size ? iconSizes[local.size] : "1.25em";
   return (() => {
     var _el$ = _tmpl$();

package/dist/components/form-control/ThemeToggle.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/components/form-control/ThemeToggle.tsx"],
-  "mappings": ";;;;;;;AAAA,SAAmCA,YAAYC,QAAQC,aAAa;AACpE,OAAOC,UAAU;AACjB,SAASC,eAAe;AACxB,SAASC,SAASC,UAAUC,yBAAyB;AACrD,SAASC,gBAAgC;AACzC,SAASC,YAAY;AACrB,SAASC,cAAc;AAEvB,KAAKA;AAEL,MAAMC,YAAYR,KAChB,eACA,gBACA,kBACA,kBACA,WACA,qBACA,oCACA,4CACA,sBACA,sBACF;AAEA,MAAMS,cAA2C;EAC/CC,IAAIV,KAAK,KAAK;EACdW,IAAIX,KAAK,KAAK;AAChB;AAEA,MAAMY,YAAyC;EAC7CF,IAAI;EACJC,IAAI;AACN;AAEA,MAAME,aAAwC;EAC5CC,OAAO;EACPC,QAAQ;EACRC,MAAM;AACR;AAyBO,MAAMC,cAA4CC,WAAU;AACjE,QAAM,CAACC,OAAOC,IAAI,IAAIvB,WAAWqB,OAAO,CAAC,SAAS,MAAM,CAAC;AAEzD,QAAM;IAAEG;IAAMC;EAAU,IAAIjB,SAAS;AAErC,QAAMkB,eAAeA,MAAMtB,QAAQO,WAAW,SAASW,MAAMK,QAAQf,YAAYU,MAAMK,IAAI,GAAGL,MAAMM,KAAK;AAEzG,QAAMC,WAAWA,MAAOP,MAAMK,OAAOZ,UAAUO,MAAMK,IAAI,IAAI;AAE7D,UAAA,MAAA;AAAA,QAAAG,OAAAC,OAAA;AAAAC,UAIQtB,QAAMoB,MAAA,MAAA,IAAA;AAAAG,aAAAH,MAAAI,aAFNX,MAAI;MAAA,qBAAA;MAAA,QAGH;MAAQ,KAAA,OAAA,IAAA;AAAA,eACNG,aAAa;MAAC;MAAA,WACZD;MAAS,IAClBU,QAAK;AAAA,eAAEnB,WAAWQ,KAAK,CAAC;MAAC;MAAA,KAAA,YAAA,IAAA;AAAA,eACbR,WAAWQ,KAAK,CAAC;MAAC;IAAA,CAAA,GAAA,OAAA,IAAA;AAAAY,aAAAN,MAAAO,kBAE7BpC,QAAM;MAAA,IAAAqC,WAAA;AAAA,eAAA,CAAAD,kBACJnC,OAAK;UAAA,IAACqC,OAAI;AAAA,mBAAEf,KAAK,MAAM;UAAO;UAAA,IAAAc,WAAA;AAAA,mBAAAD,kBAC5B5B,MAAI;cAAC+B,MAAMnC;cAAO,IAAEsB,OAAI;AAAA,uBAAEE,SAAS;cAAC;YAAA,CAAA;UAAA;QAAA,CAAA,GAAAQ,kBAEtCnC,OAAK;UAAA,IAACqC,OAAI;AAAA,mBAAEf,KAAK,MAAM;UAAQ;UAAA,IAAAc,WAAA;AAAA,mBAAAD,kBAC7B5B,MAAI;cAAC+B,MAAMjC;cAAiB,IAAEoB,OAAI;AAAA,uBAAEE,SAAS;cAAC;YAAA,CAAA;UAAA;QAAA,CAAA,GAAAQ,kBAEhDnC,OAAK;UAAA,IAACqC,OAAI;AAAA,mBAAEf,KAAK,MAAM;UAAM;UAAA,IAAAc,WAAA;AAAA,mBAAAD,kBAC3B5B,MAAI;cAAC+B,MAAMlC;cAAQ,IAAEqB,OAAI;AAAA,uBAAEE,SAAS;cAAC;YAAA,CAAA;UAAA;QAAA,CAAA,CAAA;MAAA;IAAA,CAAA,CAAA;AAAA,WAAAC;EAAA,GAAA;AAKhD;",
-  "names": ["splitProps", "Switch", "Match", "clsx", "twMerge", "IconSun", "IconMoon", "IconDeviceDesktop", "useTheme", "Icon", "ripple", "baseClass", "sizeClasses", "sm", "lg", "iconSizes", "modeLabels", "light", "system", "dark", "ThemeToggle", "props", "local", "rest", "mode", "cycleMode", "getClassName", "size", "class", "iconSize", "_el$", "_tmpl$", "_$use", "_$spread", "_$mergeProps", "title", "_$insert", "_$createComponent", "children", "when", "icon"]
+  "mappings": ";;;;;;;AAAA,SAAmCA,YAAYC,QAAQC,aAAa;AACpE,SAASC,eAAe;AACxB,SAASC,SAASC,UAAUC,yBAAyB;AACrD,SAASC,gBAAgC;AACzC,SAASC,YAAY;AACrB,SAASC,cAAc;AACvB,SAASC,sBAAsB;AAE/B,KAAKD;AAEL,MAAME,cAA2C;EAC/CC,IAAI;EACJC,IAAI;AACN;AAEA,MAAMC,YAAyC;EAC7CF,IAAI;EACJC,IAAI;AACN;AAEA,MAAME,aAAwC;EAC5CC,OAAO;EACPC,QAAQ;EACRC,MAAM;AACR;AA4BO,MAAMC,cAA4CC,WAAU;AACjE,QAAM,CAACC,OAAOC,IAAI,IAAItB,WAAWoB,OAAO,CAAC,SAAS,MAAM,CAAC;AAEzD,QAAM;IAAEG;IAAMC;EAAU,IAAIjB,SAAS;AAErC,QAAMkB,eAAeA,MACnBtB,QAAQO,gBAAgB,SAASW,MAAMK,QAAQf,YAAYU,MAAMK,IAAI,GAAGL,MAAMM,KAAK;AAErF,QAAMC,WAAWA,MAAOP,MAAMK,OAAOZ,UAAUO,MAAMK,IAAI,IAAI;AAE7D,UAAA,MAAA;AAAA,QAAAG,OAAAC,OAAA;AAAAC,UAIQtB,QAAMoB,MAAA,MAAA,IAAA;AAAAG,aAAAH,MAAAI,aAFNX,MAAI;MAAA,qBAAA;MAAA,QAGH;MAAQ,KAAA,OAAA,IAAA;AAAA,eACNG,aAAa;MAAC;MAAA,WACZD;MAAS,IAClBU,QAAK;AAAA,eAAEnB,WAAWQ,KAAK,CAAC;MAAC;MAAA,KAAA,YAAA,IAAA;AAAA,eACbR,WAAWQ,KAAK,CAAC;MAAC;IAAA,CAAA,GAAA,OAAA,IAAA;AAAAY,aAAAN,MAAAO,kBAE7BnC,QAAM;MAAA,IAAAoC,WAAA;AAAA,eAAA,CAAAD,kBACJlC,OAAK;UAAA,IAACoC,OAAI;AAAA,mBAAEf,KAAK,MAAM;UAAO;UAAA,IAAAc,WAAA;AAAA,mBAAAD,kBAC5B5B,MAAI;cAAC+B,MAAMnC;cAAO,IAAEsB,OAAI;AAAA,uBAAEE,SAAS;cAAC;YAAA,CAAA;UAAA;QAAA,CAAA,GAAAQ,kBAEtClC,OAAK;UAAA,IAACoC,OAAI;AAAA,mBAAEf,KAAK,MAAM;UAAQ;UAAA,IAAAc,WAAA;AAAA,mBAAAD,kBAC7B5B,MAAI;cAAC+B,MAAMjC;cAAiB,IAAEoB,OAAI;AAAA,uBAAEE,SAAS;cAAC;YAAA,CAAA;UAAA;QAAA,CAAA,GAAAQ,kBAEhDlC,OAAK;UAAA,IAACoC,OAAI;AAAA,mBAAEf,KAAK,MAAM;UAAM;UAAA,IAAAc,WAAA;AAAA,mBAAAD,kBAC3B5B,MAAI;cAAC+B,MAAMlC;cAAQ,IAAEqB,OAAI;AAAA,uBAAEE,SAAS;cAAC;YAAA,CAAA;UAAA;QAAA,CAAA,CAAA;MAAA;IAAA,CAAA,CAAA;AAAA,WAAAC;EAAA,GAAA;AAKhD;",
+  "names": ["splitProps", "Switch", "Match", "twMerge", "IconSun", "IconMoon", "IconDeviceDesktop", "useTheme", "Icon", "ripple", "iconButtonBase", "sizeClasses", "sm", "lg", "iconSizes", "modeLabels", "light", "system", "dark", "ThemeToggle", "props", "local", "rest", "mode", "cycleMode", "getClassName", "size", "class", "iconSize", "_el$", "_tmpl$", "_$use", "_$spread", "_$mergeProps", "title", "_$insert", "_$createComponent", "children", "when", "icon"]
 }

package/dist/components/form-control/checkbox/Checkbox.d.ts

@@ -1,13 +1,15 @@
 import { type JSX, type ParentComponent } from "solid-js";
-import { type CheckboxTheme, type CheckboxSize } from "./Checkbox.styles";
+import { type CheckboxSize } from "./Checkbox.styles";
 export interface CheckboxProps {
     value?: boolean;
     onValueChange?: (value: boolean) => void;
     disabled?: boolean;
     size?: CheckboxSize;
-    theme?: CheckboxTheme;
     inset?: boolean;
     inline?: boolean;
+    required?: boolean;
+    validate?: (value: boolean) => string | undefined;
+    touchMode?: boolean;
     class?: string;
     style?: JSX.CSSProperties;
     children?: JSX.Element;

package/dist/components/form-control/checkbox/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/form-control/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,eAAe,EAAoB,MAAM,UAAU,CAAC;AAM5E,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,YAAY,EASlB,MAAM,mBAAmB,CAAC;AAK3B,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IAC1B,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,QAAQ,EAAE,eAAe,CAAC,aAAa,CAsEnD,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/form-control/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,eAAe,EAAgC,MAAM,UAAU,CAAC;AAMxF,OAAO,EACL,KAAK,YAAY,EASlB,MAAM,mBAAmB,CAAC;AAM3B,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,MAAM,GAAG,SAAS,CAAC;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IAC1B,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,QAAQ,EAAE,eAAe,CAAC,aAAa,CA+EnD,CAAC"}

package/dist/components/form-control/checkbox/Checkbox.js

@@ -7,17 +7,18 @@ import { use as _$use } from "solid-js/web";
 import { spread as _$spread } from "solid-js/web";
 import { mergeProps as _$mergeProps } from "solid-js/web";
 import { memo as _$memo } from "solid-js/web";
-var _tmpl$ = /* @__PURE__ */ _$template(`<span>`), _tmpl$2 = /* @__PURE__ */ _$template(`<label><div>`);
-import { Show, splitProps } from "solid-js";
+var _tmpl$ = /* @__PURE__ */ _$template(`<span>`), _tmpl$2 = /* @__PURE__ */ _$template(`<div class=inline-flex><label><div>`);
+import { Show, splitProps, createMemo } from "solid-js";
 import { twMerge } from "tailwind-merge";
 import { IconCheck } from "@tabler/icons-solidjs";
 import { createControllableSignal } from "../../../hooks/createControllableSignal.js";
 import { ripple } from "../../../directives/ripple.js";
 import { Icon } from "../../display/Icon.js";
-import { checkboxBaseClass, indicatorBaseClass, themeCheckedClasses, checkboxSizeClasses, checkboxInsetClass, checkboxInsetSizeHeightClasses, checkboxInlineClass, checkboxDisabledClass } from "./Checkbox.styles.js";
+import { checkboxBaseClass, indicatorBaseClass, checkedClass, checkboxSizeClasses, checkboxInsetClass, checkboxInsetSizeHeightClasses, checkboxInlineClass, checkboxDisabledClass } from "./Checkbox.styles.js";
+import { Invalid } from "../Invalid.js";
 void ripple;
 const Checkbox = (props) => {
-  const [local, rest] = splitProps(props, ["value", "onValueChange", "disabled", "size", "theme", "inset", "inline", "class", "style", "children"]);
+  const [local, rest] = splitProps(props, ["value", "onValueChange", "disabled", "size", "inset", "inline", "required", "validate", "touchMode", "class", "style", "children"]);
   const [value, setValue] = createControllableSignal({
     value: () => local.value ?? false,
     onChange: () => local.onValueChange
@@ -33,54 +34,66 @@ const Checkbox = (props) => {
     }
   };
   const getWrapperClass = () => twMerge(checkboxBaseClass, local.size && checkboxSizeClasses[local.size], local.inset && checkboxInsetClass, local.inset && local.size && checkboxInsetSizeHeightClasses[local.size], local.inline && checkboxInlineClass, local.disabled && checkboxDisabledClass, local.class);
-  const getIndicatorClass = () => {
-    const theme = local.theme ?? "primary";
-    return twMerge(indicatorBaseClass, "rounded-sm", value() && themeCheckedClasses[theme]);
-  };
-  return (() => {
-    var _el$ = _tmpl$2(), _el$2 = _el$.firstChild;
-    _$use(ripple, _el$, () => !local.disabled);
-    _$spread(_el$, _$mergeProps(rest, {
-      "role": "checkbox",
-      get ["aria-checked"]() {
-        return value();
-      },
-      get tabIndex() {
-        return local.disabled ? -1 : 0;
-      },
-      get ["class"]() {
-        return getWrapperClass();
-      },
-      get style() {
-        return local.style;
-      },
-      "onClick": handleClick,
-      "onKeyDown": handleKeyDown
-    }), false, true);
-    _$insert(_el$2, _$createComponent(Show, {
-      get when() {
-        return value();
-      },
-      get children() {
-        return _$createComponent(Icon, {
-          icon: IconCheck,
-          size: "1em"
-        });
-      }
-    }));
-    _$insert(_el$, _$createComponent(Show, {
-      get when() {
-        return local.children;
-      },
-      get children() {
-        var _el$3 = _tmpl$();
-        _$insert(_el$3, () => local.children);
-        return _el$3;
-      }
-    }), null);
-    _$effect(() => _$className(_el$2, getIndicatorClass()));
-    return _el$;
-  })();
+  const getIndicatorClass = () => twMerge(indicatorBaseClass, "rounded-sm", value() && checkedClass);
+  const errorMsg = createMemo(() => {
+    var _a;
+    const v = local.value ?? false;
+    if (local.required && !v) return "\uD544\uC218 \uC120\uD0DD \uD56D\uBAA9\uC785\uB2C8\uB2E4";
+    return (_a = local.validate) == null ? void 0 : _a.call(local, v);
+  });
+  return _$createComponent(Invalid, {
+    get message() {
+      return errorMsg();
+    },
+    variant: "border",
+    get touchMode() {
+      return local.touchMode;
+    },
+    get children() {
+      var _el$ = _tmpl$2(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
+      _$use(ripple, _el$2, () => !local.disabled);
+      _$spread(_el$2, _$mergeProps(rest, {
+        "role": "checkbox",
+        get ["aria-checked"]() {
+          return value();
+        },
+        get tabIndex() {
+          return local.disabled ? -1 : 0;
+        },
+        get ["class"]() {
+          return getWrapperClass();
+        },
+        get style() {
+          return local.style;
+        },
+        "onClick": handleClick,
+        "onKeyDown": handleKeyDown
+      }), false, true);
+      _$insert(_el$3, _$createComponent(Show, {
+        get when() {
+          return value();
+        },
+        get children() {
+          return _$createComponent(Icon, {
+            icon: IconCheck,
+            size: "1em"
+          });
+        }
+      }));
+      _$insert(_el$2, _$createComponent(Show, {
+        get when() {
+          return local.children;
+        },
+        get children() {
+          var _el$4 = _tmpl$();
+          _$insert(_el$4, () => local.children);
+          return _el$4;
+        }
+      }), null);
+      _$effect(() => _$className(_el$3, getIndicatorClass()));
+      return _el$;
+    }
+  });
 };
 export {
   Checkbox

package/dist/components/form-control/checkbox/Checkbox.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/form-control/checkbox/Checkbox.tsx"],
-  "mappings": ";;;;;;;;;;AAAA,SAAyCA,MAAMC,kBAAkB;AACjE,SAASC,eAAe;AACxB,SAASC,iBAAiB;AAC1B,SAASC,gCAAgC;AACzC,SAASC,cAAc;AACvB,SAASC,YAAY;AACrB,SAGEC,mBACAC,oBACAC,qBACAC,qBACAC,oBACAC,gCACAC,qBACAC,6BACK;AAGP,KAAKT;AAeE,MAAMU,WAA4CC,WAAU;AACjE,QAAM,CAACC,OAAOC,IAAI,IAAIjB,WAAWe,OAAO,CACtC,SACA,iBACA,YACA,QACA,SACA,SACA,UACA,SACA,SACA,UAAU,CACX;AAED,QAAM,CAACG,OAAOC,QAAQ,IAAIhB,yBAAyB;IACjDe,OAAOA,MAAMF,MAAME,SAAS;IAC5BE,UAAUA,MAAMJ,MAAMK;EACxB,CAAC;AAED,QAAMC,cAAcA,MAAM;AACxB,QAAIN,MAAMO,SAAU;AACpBJ,aAAUK,OAAM,CAACA,CAAC;EACpB;AAEA,QAAMC,gBAAiBC,OAAqB;AAC1C,QAAIA,EAAEC,QAAQ,KAAK;AACjBD,QAAEE,eAAe;AACjBN,kBAAY;IACd;EACF;AAEA,QAAMO,kBAAkBA,MACtB5B,QACEK,mBACAU,MAAMc,QAAQrB,oBAAoBO,MAAMc,IAAI,GAC5Cd,MAAMe,SAASrB,oBACfM,MAAMe,SAASf,MAAMc,QAAQnB,+BAA+BK,MAAMc,IAAI,GACtEd,MAAMgB,UAAUpB,qBAChBI,MAAMO,YAAYV,uBAClBG,MAAMiB,KACR;AAEF,QAAMC,oBAAoBA,MAAM;AAC9B,UAAMC,QAAQnB,MAAMmB,SAAS;AAE7B,WAAOlC,QAAQM,oBAAoB,cAAcW,MAAM,KAAKV,oBAAoB2B,KAAK,CAAC;EACxF;AAEA,UAAA,MAAA;AAAA,QAAAC,OAAAC,QAAA,GAAAC,QAAAF,KAAAG;AAAAC,UAGQpC,QAAMgC,MAAA,MAAE,CAACpB,MAAMO,QAAQ;AAAAkB,aAAAL,MAAAM,aADvBzB,MAAI;MAAA,QAEH;MAAU,KAAA,cAAA,IAAA;AAAA,eACDC,MAAM;MAAC;MAAA,IACrByB,WAAQ;AAAA,eAAE3B,MAAMO,WAAW,KAAK;MAAC;MAAA,KAAA,OAAA,IAAA;AAAA,eAC1BM,gBAAgB;MAAC;MAAA,IACxBe,QAAK;AAAA,eAAE5B,MAAM4B;MAAK;MAAA,WACTtB;MAAW,aACTG;IAAa,CAAA,GAAA,OAAA,IAAA;AAAAoB,aAAAP,OAAAQ,kBAGrB/C,MAAI;MAAA,IAACgD,OAAI;AAAA,eAAE7B,MAAM;MAAC;MAAA,IAAA8B,WAAA;AAAA,eAAAF,kBAChBzC,MAAI;UAAC4C,MAAM/C;UAAW4B,MAAI;QAAA,CAAA;MAAA;IAAA,CAAA,CAAA;AAAAe,aAAAT,MAAAU,kBAG9B/C,MAAI;MAAA,IAACgD,OAAI;AAAA,eAAE/B,MAAMgC;MAAQ;MAAA,IAAAA,WAAA;AAAA,YAAAE,QAAAC,OAAA;AAAAN,iBAAAK,OAAA,MACjBlC,MAAMgC,QAAQ;AAAA,eAAAE;MAAA;IAAA,CAAA,GAAA,IAAA;AAAAE,aAAA,MAAAC,YAAAf,OANXJ,kBAAkB,CAAC,CAAA;AAAA,WAAAE;EAAA,GAAA;AAUrC;",
-  "names": ["Show", "splitProps", "twMerge", "IconCheck", "createControllableSignal", "ripple", "Icon", "checkboxBaseClass", "indicatorBaseClass", "themeCheckedClasses", "checkboxSizeClasses", "checkboxInsetClass", "checkboxInsetSizeHeightClasses", "checkboxInlineClass", "checkboxDisabledClass", "Checkbox", "props", "local", "rest", "value", "setValue", "onChange", "onValueChange", "handleClick", "disabled", "v", "handleKeyDown", "e", "key", "preventDefault", "getWrapperClass", "size", "inset", "inline", "class", "getIndicatorClass", "theme", "_el$", "_tmpl$2", "_el$2", "firstChild", "_$use", "_$spread", "_$mergeProps", "tabIndex", "style", "_$insert", "_$createComponent", "when", "children", "icon", "_el$3", "_tmpl$", "_$effect", "_$className"]
+  "mappings": "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",
+  "names": ["Show", "splitProps", "createMemo", "twMerge", "IconCheck", "createControllableSignal", "ripple", "Icon", "checkboxBaseClass", "indicatorBaseClass", "checkedClass", "checkboxSizeClasses", "checkboxInsetClass", "checkboxInsetSizeHeightClasses", "checkboxInlineClass", "checkboxDisabledClass", "Invalid", "Checkbox", "props", "local", "rest", "value", "setValue", "onChange", "onValueChange", "handleClick", "disabled", "v", "handleKeyDown", "e", "key", "preventDefault", "getWrapperClass", "size", "inset", "inline", "class", "getIndicatorClass", "errorMsg", "required", "validate", "_$createComponent", "message", "variant", "touchMode", "children", "_el$", "_tmpl$2", "_el$2", "firstChild", "_el$3", "_$use", "_$spread", "_$mergeProps", "tabIndex", "style", "_$insert", "when", "icon", "_el$4", "_tmpl$", "_$effect", "_$className"]
 }

package/dist/components/form-control/checkbox/Checkbox.styles.d.ts

@@ -1,9 +1,8 @@
 import { type ComponentSize } from "../../../styles/tokens.styles";
-export type CheckboxTheme = "primary" | "info" | "success" | "warning" | "danger";
 export type CheckboxSize = ComponentSize;
 export declare const checkboxBaseClass: string;
 export declare const indicatorBaseClass: string;
-export declare const themeCheckedClasses: Record<CheckboxTheme, string>;
+export declare const checkedClass: string;
 export declare const checkboxSizeClasses: Record<CheckboxSize, string>;
 export declare const checkboxInsetClass: string;
 export declare const checkboxInsetSizeHeightClasses: Record<CheckboxSize, string>;

package/dist/components/form-control/checkbox/Checkbox.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/form-control/checkbox/Checkbox.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,aAAa,EAKnB,MAAM,+BAA+B,CAAC;AAGvC,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAClF,MAAM,MAAM,YAAY,GAAG,aAAa,CAAC;AAGzC,eAAO,MAAM,iBAAiB,QAU7B,CAAC;AAGF,eAAO,MAAM,kBAAkB,QAO9B,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAM7D,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAI5D,CAAC;AAGF,eAAO,MAAM,kBAAkB,QAAwF,CAAC;AAGxH,eAAO,MAAM,8BAA8B,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAIvE,CAAC;AAGF,eAAO,MAAM,mBAAmB,QAAmC,CAAC;AAGpE,eAAO,MAAM,qBAAqB,kDAAkB,CAAC"}
+{"version":3,"file":"Checkbox.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/form-control/checkbox/Checkbox.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,aAAa,EAKnB,MAAM,+BAA+B,CAAC;AAGvC,MAAM,MAAM,YAAY,GAAG,aAAa,CAAC;AAGzC,eAAO,MAAM,iBAAiB,QAU7B,CAAC;AAGF,eAAO,MAAM,kBAAkB,QAO9B,CAAC;AAGF,eAAO,MAAM,YAAY,QAA0D,CAAC;AAGpF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAI5D,CAAC;AAGF,eAAO,MAAM,kBAAkB,QAI9B,CAAC;AAGF,eAAO,MAAM,8BAA8B,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAIvE,CAAC;AAGF,eAAO,MAAM,mBAAmB,QAAmC,CAAC;AAGpE,eAAO,MAAM,qBAAqB,kDAAkB,CAAC"}

package/dist/components/form-control/checkbox/Checkbox.styles.js

@@ -27,19 +27,17 @@ const indicatorBaseClass = clsx(
   bgSurface,
   "transition-colors"
 );
-const themeCheckedClasses = {
-  primary: clsx("border-primary-500 bg-primary-500", "text-white"),
-  info: clsx("border-info-500 bg-info-500", "text-white"),
-  success: clsx("border-success-500 bg-success-500", "text-white"),
-  warning: clsx("border-warning-500 bg-warning-500", "text-white"),
-  danger: clsx("border-danger-500 bg-danger-500", "text-white")
-};
+const checkedClass = clsx("border-primary-500 bg-primary-500", "text-white");
 const checkboxSizeClasses = {
   sm: clsx("h-field-sm", paddingSm),
   lg: clsx("h-field-lg", paddingLg),
   xl: clsx("h-field-xl", paddingXl)
 };
-const checkboxInsetClass = clsx("h-field-inset justify-center bg-transparent", insetBase, insetFocusOutlineSelf);
+const checkboxInsetClass = clsx(
+  "h-field-inset justify-center bg-transparent",
+  insetBase,
+  insetFocusOutlineSelf
+);
 const checkboxInsetSizeHeightClasses = {
   sm: "h-field-inset-sm",
   lg: "h-field-inset-lg",
@@ -54,7 +52,7 @@ export {
   checkboxInsetClass,
   checkboxInsetSizeHeightClasses,
   checkboxSizeClasses,
-  indicatorBaseClass,
-  themeCheckedClasses
+  checkedClass,
+  indicatorBaseClass
 };
 //# sourceMappingURL=Checkbox.styles.js.map

package/dist/components/form-control/checkbox/Checkbox.styles.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/form-control/checkbox/Checkbox.styles.ts"],
-  "mappings": "AAAA,OAAO,UAAU;AACjB;AAAA,EACE;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,WAAW,6BAA6B;AAM1C,MAAM,oBAAoB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,qBAAqB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,sBAAqD;AAAA,EAChE,SAAS,KAAK,qCAAqC,YAAY;AAAA,EAC/D,MAAM,KAAK,+BAA+B,YAAY;AAAA,EACtD,SAAS,KAAK,qCAAqC,YAAY;AAAA,EAC/D,SAAS,KAAK,qCAAqC,YAAY;AAAA,EAC/D,QAAQ,KAAK,mCAAmC,YAAY;AAC9D;AAGO,MAAM,sBAAoD;AAAA,EAC/D,IAAI,KAAK,cAAc,SAAS;AAAA,EAChC,IAAI,KAAK,cAAc,SAAS;AAAA,EAChC,IAAI,KAAK,cAAc,SAAS;AAClC;AAGO,MAAM,qBAAqB,KAAK,+CAA+C,WAAW,qBAAqB;AAG/G,MAAM,iCAA+D;AAAA,EAC1E,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAGO,MAAM,sBAAsB,KAAK,WAAW,QAAQ,OAAO;AAG3D,MAAM,wBAAwB;",
+  "mappings": "AAAA,OAAO,UAAU;AACjB;AAAA,EACE;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,WAAW,6BAA6B;AAK1C,MAAM,oBAAoB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,qBAAqB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,eAAe,KAAK,qCAAqC,YAAY;AAG3E,MAAM,sBAAoD;AAAA,EAC/D,IAAI,KAAK,cAAc,SAAS;AAAA,EAChC,IAAI,KAAK,cAAc,SAAS;AAAA,EAChC,IAAI,KAAK,cAAc,SAAS;AAClC;AAGO,MAAM,qBAAqB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,iCAA+D;AAAA,EAC1E,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAGO,MAAM,sBAAsB,KAAK,WAAW,QAAQ,OAAO;AAG3D,MAAM,wBAAwB;",
   "names": []
 }

package/dist/components/form-control/checkbox/CheckboxGroup.d.ts

@@ -1,26 +1,26 @@
 import { type JSX } from "solid-js";
-import type { CheckboxSize, CheckboxTheme } from "./Checkbox.styles";
-interface CheckboxGroupItemProps<TValue> {
-    value: TValue;
-    disabled?: boolean;
-    children?: JSX.Element;
-}
-declare function CheckboxGroupItemInner<TValue>(props: CheckboxGroupItemProps<TValue>): JSX.Element;
+import type { CheckboxSize } from "./Checkbox.styles";
 interface CheckboxGroupProps<TValue> {
     value?: TValue[];
     onValueChange?: (value: TValue[]) => void;
     disabled?: boolean;
     size?: CheckboxSize;
-    theme?: CheckboxTheme;
     inline?: boolean;
     inset?: boolean;
+    required?: boolean;
+    validate?: (value: TValue[]) => string | undefined;
+    touchMode?: boolean;
     class?: string;
     style?: JSX.CSSProperties;
     children?: JSX.Element;
 }
 interface CheckboxGroupComponent {
     <TValue = unknown>(props: CheckboxGroupProps<TValue>): JSX.Element;
-    Item: typeof CheckboxGroupItemInner;
+    Item: <TValue = unknown>(props: {
+        value: TValue;
+        disabled?: boolean;
+        children?: JSX.Element;
+    }) => JSX.Element;
 }
 export declare const CheckboxGroup: CheckboxGroupComponent;
 export {};

package/dist/components/form-control/checkbox/CheckboxGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/form-control/checkbox/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAA+D,MAAM,UAAU,CAAC;AAIjG,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAgBrE,UAAU,sBAAsB,CAAC,MAAM;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAED,iBAAS,sBAAsB,CAAC,MAAM,EAAE,KAAK,EAAE,sBAAsB,CAAC,MAAM,CAAC,eAmB5E;AAID,UAAU,kBAAkB,CAAC,MAAM;IACjC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IAC1B,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAED,UAAU,sBAAsB;IAC9B,CAAC,MAAM,GAAG,OAAO,EAAE,KAAK,EAAE,kBAAkB,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,OAAO,CAAC;IACnE,IAAI,EAAE,OAAO,sBAAsB,CAAC;CACrC;AAiDD,eAAO,MAAM,aAAa,EAAoC,sBAAsB,CAAC"}
+{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/form-control/checkbox/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAGpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,UAAU,kBAAkB,CAAC,MAAM;IACjC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,MAAM,GAAG,SAAS,CAAC;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IAC1B,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAED,UAAU,sBAAsB;IAC9B,CAAC,MAAM,GAAG,OAAO,EAAE,KAAK,EAAE,kBAAkB,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,OAAO,CAAC;IACnE,IAAI,EAAE,CAAC,MAAM,GAAG,OAAO,EAAE,KAAK,EAAE;QAC9B,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;KACxB,KAAK,GAAG,CAAC,OAAO,CAAC;CACnB;AASD,eAAO,MAAM,aAAa,EAAuB,sBAAsB,CAAC"}