@simplysm/solid 13.0.29 → 13.0.31

package/dist/components/feedback/notification/NotificationBell.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/feedback/notification/NotificationBell.tsx"],
-  "mappings": "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",
-  "names": ["createSignal", "For", "Show", "IconBell", "clsx", "useNotification", "Dropdown", "Icon", "NotificationBanner", "buttonClass", "badgeClass", "themeStyles", "info", "success", "warning", "danger", "dropdownHeaderClass", "clearButtonClass", "emptyClass", "listClass", "itemBaseClass", "itemMessageClass", "itemTimeClass", "NotificationBell", "props", "notification", "open", "setOpen", "buttonRef", "handleClear", "clear", "handleOpenChange", "isOpen", "markAllAsRead", "_$createComponent", "when", "showBanner", "children", "_el$", "_tmpl$2", "$$click", "_$use", "el", "_$className", "_$insert", "icon", "unreadCount", "_el$2", "_tmpl$", "_$effect", "_p$", "_v$", "_v$2", "e", "_$setAttribute", "t", "undefined", "triggerRef", "onOpenChange", "maxHeight", "_el$3", "_tmpl$5", "_el$4", "firstChild", "_el$5", "items", "length", "_el$6", "_tmpl$3", "fallback", "_el$8", "_tmpl$6", "_el$7", "_tmpl$4", "each", "reverse", "item", "_el$9", "_tmpl$8", "_el$0", "_el$10", "nextSibling", "title", "message", "_el$1", "_tmpl$7", "createdAt", "toLocaleTimeString", "theme", "_$delegateEvents"]
+  "mappings": "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",
+  "names": ["createSignal", "For", "Show", "IconBell", "clsx", "twMerge", "useNotification", "Dropdown", "Icon", "NotificationBanner", "iconButtonBase", "buttonClass", "badgeClass", "themeStyles", "info", "success", "warning", "danger", "dropdownHeaderClass", "clearButtonClass", "emptyClass", "listClass", "itemBaseClass", "itemMessageClass", "itemTimeClass", "NotificationBell", "props", "notification", "open", "setOpen", "buttonRef", "handleClear", "clear", "handleOpenChange", "isOpen", "markAllAsRead", "_$createComponent", "when", "showBanner", "children", "_el$", "_tmpl$2", "$$click", "_$use", "el", "_$className", "_$insert", "icon", "unreadCount", "_el$2", "_tmpl$", "_$effect", "_p$", "_v$", "_v$2", "e", "_$setAttribute", "t", "undefined", "triggerRef", "onOpenChange", "maxHeight", "_el$3", "_tmpl$5", "_el$4", "firstChild", "_el$5", "items", "length", "_el$6", "_tmpl$3", "fallback", "_el$8", "_tmpl$6", "_el$7", "_tmpl$4", "each", "reverse", "item", "_el$9", "_tmpl$8", "_el$0", "_el$10", "nextSibling", "title", "message", "_el$1", "_tmpl$7", "createdAt", "toLocaleTimeString", "theme", "_$delegateEvents"]
 }

package/dist/components/feedback/notification/NotificationProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/notification/NotificationProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAkC,MAAM,UAAU,CAAC;AAahF,eAAO,MAAM,oBAAoB,EAAE,eAsJlC,CAAC"}
+{"version":3,"file":"NotificationProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/notification/NotificationProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAkC,MAAM,UAAU,CAAC;AAahF,eAAO,MAAM,oBAAoB,EAAE,eAuJlC,CAAC"}

package/dist/components/feedback/notification/NotificationProvider.js

@@ -96,6 +96,7 @@ const NotificationProvider = (props) => {
     const latest = latestUnread();
     if (latest) {
       setDismissedBannerId(latest.id);
+      markAsRead(latest.id);
     }
   };
   const clear = () => {

package/dist/components/feedback/notification/NotificationProvider.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/feedback/notification/NotificationProvider.tsx"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["createSignal", "createMemo", "Show", "NotificationContext", "useLogger", "MAX_ITEMS", "NotificationProvider", "props", "logger", "items", "setItems", "dismissedBannerId", "setDismissedBannerId", "unreadItems", "filter", "i", "read", "unreadCount", "length", "latestUnread", "latest", "at", "undefined", "id", "addNotification", "theme", "title", "message", "options", "crypto", "randomUUID", "newItem", "action", "createdAt", "Date", "prev", "updated", "slice", "info", "success", "warning", "danger", "tryFn", "fn", "header", "err", "Error", "error", "stack", "update", "updates", "map", "item", "renotify", "remove", "markAsRead", "markAllAsRead", "dismissBanner", "clear", "contextValue", "try", "_$createComponent", "Provider", "value", "children", "_el$", "_tmpl$", "_$insert", "when", "_$memo"]
 }

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,CAwCjD,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 autocomplete=off 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,OAEbtB,cAAc;AAAA6B,aAAAX,MAAA,MAIxBd,MAAM0B,UAAQP,KAAA;AAAAA,UAAAQ,iBAAA,SAQJrB,sBAAsB;AAAA,QAAAsB,QAN1B1B;AAAa,WAAA0B,UAAA,aAAAC,MAAAD,OAAAT,KAAA,IAAbjB,gBAAaiB;AAAAK,gBAAAL,OAEXtB,gBAAgB;AAAAiC,aAAAC,SAAAC,mBAAAd,OAAA,YAPFlB,MAAMI,WAAW,QAAQ,KAAK,UAAU,MAAM,CAAA;AAAA,WAAAU;EAAA,GAAA;AAe3E;",
-  "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,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"}
+{"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;AA4BO,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,MACnBtB,QAAQO,WAAW,SAASW,MAAMK,QAAQf,YAAYU,MAAMK,IAAI,GAAGL,MAAMM,KAAK;AAEhF,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,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"}
+{"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,13 +27,7 @@ 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),
@@ -58,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;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;",
+  "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"}