@simplysm/solid 13.0.75 → 13.0.77

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

@@ -9,19 +9,19 @@ interface CheckboxGroupProps<TValue> {
     inset?: boolean;
     required?: boolean;
     validate?: (value: TValue[]) => string | undefined;
-    touchMode?: boolean;
+    lazyValidation?: boolean;
     class?: string;
     style?: JSX.CSSProperties;
     children?: JSX.Element;
 }
-interface CheckboxGroupComponent {
-    <TValue = unknown>(props: CheckboxGroupProps<TValue>): JSX.Element;
-    Item: <TValue = unknown>(props: {
-        value: TValue;
-        disabled?: boolean;
-        children?: JSX.Element;
-    }) => JSX.Element;
-}
-export declare const CheckboxGroup: CheckboxGroupComponent;
+declare function CheckboxGroupInner<TValue = unknown>(props: CheckboxGroupProps<TValue>): JSX.Element;
+declare function CheckboxGroupItem<TValue = unknown>(props: {
+    value: TValue;
+    disabled?: boolean;
+    children?: JSX.Element;
+}): JSX.Element;
+export declare const CheckboxGroup: typeof CheckboxGroupInner & {
+    Item: typeof CheckboxGroupItem;
+};
 export {};
 //# sourceMappingURL=CheckboxGroup.d.ts.map

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,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"}
+{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\form-control\\checkbox\\CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAA6B,MAAM,UAAU,CAAC;AAE/D,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,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IAC1B,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAED,iBAAS,kBAAkB,CAAC,MAAM,GAAG,OAAO,EAAE,KAAK,EAAE,kBAAkB,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,OAAO,CAsC5F;AAED,iBAAS,iBAAiB,CAAC,MAAM,GAAG,OAAO,EAAE,KAAK,EAAE;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB,GAAG,GAAG,CAAC,OAAO,CAsBd;AAED,eAAO,MAAM,aAAa;;CAExB,CAAC"}

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

@@ -1,14 +1,89 @@
+import { createComponent as _$createComponent } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+import { createContext, useContext } from "solid-js";
 import { Checkbox } from "./Checkbox.js";
-import { createSelectionGroup } from "../../../hooks/createSelectionGroup.js";
-const {
-  Group
-} = createSelectionGroup({
-  mode: "multiple",
-  contextName: "CheckboxGroup",
-  ItemComponent: Checkbox,
-  emptyErrorMsgKey: "validation.selectItem"
+import { createControllableSignal } from "../../../hooks/createControllableSignal.js";
+import { SelectionGroupBase } from "./SelectionGroupBase.js";
+const CheckboxGroupCtx = createContext();
+function CheckboxGroupInner(props) {
+  const [value, setValue] = createControllableSignal({
+    value: () => props.value ?? [],
+    onChange: () => props.onValueChange
+  });
+  const toggle = (item) => {
+    setValue((prev) => {
+      if (prev.includes(item)) return prev.filter((v) => v !== item);
+      return [...prev, item];
+    });
+  };
+  const contextValue = {
+    value,
+    toggle,
+    disabled: () => props.disabled ?? false,
+    size: () => props.size,
+    inline: () => props.inline ?? false,
+    inset: () => props.inset ?? false
+  };
+  return _$createComponent(SelectionGroupBase, {
+    context: CheckboxGroupCtx,
+    contextValue,
+    errorMsgKey: "validation.selectItem",
+    get value() {
+      return props.value ?? [];
+    },
+    isEmpty: (v) => v.length === 0,
+    get validate() {
+      return props.validate;
+    },
+    get required() {
+      return props.required;
+    },
+    get lazyValidation() {
+      return props.lazyValidation;
+    },
+    get ["class"]() {
+      return props.class;
+    },
+    get style() {
+      return props.style;
+    },
+    get children() {
+      return props.children;
+    }
+  });
+}
+function CheckboxGroupItem(props) {
+  const ctx = useContext(CheckboxGroupCtx);
+  if (!ctx) throw new Error("CheckboxGroup.Item can only be used inside CheckboxGroup");
+  const isSelected = () => ctx.value().includes(props.value);
+  const handleChange = () => {
+    ctx.toggle(props.value);
+  };
+  return _$createComponent(Checkbox, {
+    get value() {
+      return isSelected();
+    },
+    onValueChange: handleChange,
+    get disabled() {
+      return props.disabled ?? ctx.disabled();
+    },
+    get size() {
+      return ctx.size();
+    },
+    get inline() {
+      return ctx.inline();
+    },
+    get inset() {
+      return ctx.inset();
+    },
+    get children() {
+      return props.children;
+    }
+  });
+}
+const CheckboxGroup = Object.assign(CheckboxGroupInner, {
+  Item: CheckboxGroupItem
 });
-const CheckboxGroup = Group;
 export {
   CheckboxGroup
 };

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/form-control/checkbox/CheckboxGroup.tsx"],
-  "mappings": "AACA,SAASA,gBAAgB;AACzB,SAASC,4BAA4B;AA2BrC,MAAM;EAAEC;AAAM,IAAID,qBAAqB;EACrCE,MAAM;EACNC,aAAa;EACbC,eAAeL;EACfM,kBAAkB;AACpB,CAAC;AAEM,MAAMC,gBAAgBL;",
-  "names": ["Checkbox", "createSelectionGroup", "Group", "mode", "contextName", "ItemComponent", "emptyErrorMsgKey", "CheckboxGroup"]
+  "mappings": ";;AAAA,SAAmBA,eAAeC,kBAAkB;AACpD,SAASC,gBAAgB;AAEzB,SAASC,gCAAgC;AACzC,SAASC,0BAA0B;AAWnC,MAAMC,mBAAmBL,cAAyC;AAiBlE,SAASM,mBAAqCC,OAAgD;AAC5F,QAAM,CAACC,OAAOC,QAAQ,IAAIN,yBAAyB;IACjDK,OAAOA,MAAMD,MAAMC,SAAU,CAAA;IAC7BE,UAAUA,MAAMH,MAAMI;EACxB,CAAC;AAED,QAAMC,SAAUC,UAAiB;AAC/BJ,aAAUK,UAAS;AACjB,UAAIA,KAAKC,SAASF,IAAI,EAAG,QAAOC,KAAKE,OAAQC,OAAMA,MAAMJ,IAAI;AAC7D,aAAO,CAAC,GAAGC,MAAMD,IAAI;IACvB,CAAC;EACH;AAEA,QAAMK,eAA6C;IACjDV;IACAI;IACAO,UAAUA,MAAMZ,MAAMY,YAAY;IAClCC,MAAMA,MAAMb,MAAMa;IAClBC,QAAQA,MAAMd,MAAMc,UAAU;IAC9BC,OAAOA,MAAMf,MAAMe,SAAS;EAC9B;AAEA,SAAAC,kBACGnB,oBAAkB;IACjBoB,SAASnB;IACTa;IACAO,aAAW;IAAA,IACXjB,QAAK;AAAA,aAAED,MAAMC,SAAS,CAAA;IAAE;IACxBkB,SAAUT,OAAOA,EAAgBU,WAAW;IAAC,IAC7CC,WAAQ;AAAA,aAAErB,MAAMqB;IAAQ;IAAA,IACxBC,WAAQ;AAAA,aAAEtB,MAAMsB;IAAQ;IAAA,IACxBC,iBAAc;AAAA,aAAEvB,MAAMuB;IAAc;IAAA,KAAA,OAAA,IAAA;AAAA,aAC7BvB,MAAMwB;IAAK;IAAA,IAClBC,QAAK;AAAA,aAAEzB,MAAMyB;IAAK;IAAA,IAAAC,WAAA;AAAA,aAEjB1B,MAAM0B;IAAQ;EAAA,CAAA;AAGrB;AAEA,SAASC,kBAAoC3B,OAI7B;AACd,QAAM4B,MAAMlC,WAAWI,gBAAgB;AACvC,MAAI,CAAC8B,IAAK,OAAM,IAAIC,MAAM,0DAA0D;AAEpF,QAAMC,aAAaA,MAAMF,IAAI3B,MAAM,EAAEO,SAASR,MAAMC,KAAK;AAEzD,QAAM8B,eAAeA,MAAM;AACzBH,QAAIvB,OAAOL,MAAMC,KAAK;EACxB;AAEA,SAAAe,kBACGrB,UAAQ;IAAA,IACPM,QAAK;AAAA,aAAE6B,WAAW;IAAC;IACnB1B,eAAe2B;IAAY,IAC3BnB,WAAQ;AAAA,aAAEZ,MAAMY,YAAYgB,IAAIhB,SAAS;IAAC;IAAA,IAC1CC,OAAI;AAAA,aAAEe,IAAIf,KAAK;IAAC;IAAA,IAChBC,SAAM;AAAA,aAAEc,IAAId,OAAO;IAAC;IAAA,IACpBC,QAAK;AAAA,aAAEa,IAAIb,MAAM;IAAC;IAAA,IAAAW,WAAA;AAAA,aAEjB1B,MAAM0B;IAAQ;EAAA,CAAA;AAGrB;AAEO,MAAMM,gBAAgBC,OAAOC,OAAOnC,oBAAoB;EAC7DoC,MAAMR;AACR,CAAC;",
+  "names": ["createContext", "useContext", "Checkbox", "createControllableSignal", "SelectionGroupBase", "CheckboxGroupCtx", "CheckboxGroupInner", "props", "value", "setValue", "onChange", "onValueChange", "toggle", "item", "prev", "includes", "filter", "v", "contextValue", "disabled", "size", "inline", "inset", "_$createComponent", "context", "errorMsgKey", "isEmpty", "length", "validate", "required", "lazyValidation", "class", "style", "children", "CheckboxGroupItem", "ctx", "Error", "isSelected", "handleChange", "CheckboxGroup", "Object", "assign", "Item"]
 }

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

@@ -1,5 +1,5 @@
 import { type JSX, type ParentComponent } from "solid-js";
-import { type CheckboxSize } from "./Checkbox.styles";
+import type { CheckboxSize } from "./Checkbox.styles";
 export interface RadioProps {
     value?: boolean;
     onValueChange?: (value: boolean) => void;
@@ -9,7 +9,7 @@ export interface RadioProps {
     inline?: boolean;
     required?: boolean;
     validate?: (value: boolean) => string | undefined;
-    touchMode?: boolean;
+    lazyValidation?: boolean;
     class?: string;
     style?: JSX.CSSProperties;
     children?: JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\form-control\\checkbox\\Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,eAAe,EAAgC,MAAM,UAAU,CAAC;AAMxF,OAAO,EACL,KAAK,YAAY,EASlB,MAAM,mBAAmB,CAAC;AAQ3B,MAAM,WAAW,UAAU;IACzB,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,KAAK,EAAE,eAAe,CAAC,UAAU,CA+E7C,CAAC"}
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\form-control\\checkbox\\Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,eAAe,EAAE,MAAM,UAAU,CAAC;AAC1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGtD,MAAM,WAAW,UAAU;IACzB,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,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,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,KAAK,EAAE,eAAe,CAAC,UAAU,CAU7C,CAAC"}

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

@@ -1,101 +1,18 @@
 import { template as _$template } from "solid-js/web";
-import { effect as _$effect } from "solid-js/web";
-import { insert as _$insert } from "solid-js/web";
 import { createComponent as _$createComponent } from "solid-js/web";
-import { className as _$className } from "solid-js/web";
-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(`<div>`), _tmpl$2 = /* @__PURE__ */ _$template(`<span>`), _tmpl$3 = /* @__PURE__ */ _$template(`<div><div>`);
-import { Show, splitProps, createMemo } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import { createControllableSignal } from "../../../hooks/createControllableSignal.js";
-import { ripple } from "../../../directives/ripple.js";
-import clsx from "clsx";
-import { useI18n } from "../../../providers/i18n/I18nContext.js";
-import { checkboxBaseClass, indicatorBaseClass, checkedClass, checkboxSizeClasses, checkboxInsetClass, checkboxInsetSizeHeightClasses, checkboxInlineClass, checkboxDisabledClass } from "./Checkbox.styles.js";
-import { Invalid } from "../Invalid.js";
-const radioDotClass = clsx("size-2", "rounded-full", "bg-current");
-void ripple;
-const Radio = (props) => {
-  const [local, rest] = splitProps(props, ["value", "onValueChange", "disabled", "size", "inset", "inline", "required", "validate", "touchMode", "class", "style", "children"]);
-  const i18n = useI18n();
-  const [value, setValue] = createControllableSignal({
-    value: () => local.value ?? false,
-    onChange: () => local.onValueChange
-  });
-  const handleClick = () => {
-    if (local.disabled) return;
-    setValue(true);
-  };
-  const handleKeyDown = (e) => {
-    if (e.key === " ") {
-      e.preventDefault();
-      handleClick();
-    }
-  };
-  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 = () => twMerge(indicatorBaseClass, "rounded-full", value() && checkedClass);
-  const errorMsg = createMemo(() => {
-    var _a;
-    const v = local.value ?? false;
-    if (local.required && !v) return i18n.t("validation.requiredSelection");
-    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$3(), _el$2 = _el$.firstChild;
-      _$use(ripple, _el$, () => !local.disabled);
-      _$spread(_el$, _$mergeProps(rest, {
-        "role": "radio",
-        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() {
-          var _el$3 = _tmpl$();
-          _$className(_el$3, radioDotClass);
-          return _el$3;
-        }
-      }));
-      _$insert(_el$, _$createComponent(Show, {
-        get when() {
-          return local.children;
-        },
-        get children() {
-          var _el$4 = _tmpl$2();
-          _$insert(_el$4, () => local.children);
-          return _el$4;
-        }
-      }), null);
-      _$effect(() => _$className(_el$2, getIndicatorClass()));
-      return _el$;
-    }
-  });
-};
+var _tmpl$ = /* @__PURE__ */ _$template(`<div class="size-2 rounded-full bg-current">`);
+import { SelectableBase } from "./SelectableBase.js";
+const Radio = (props) => _$createComponent(SelectableBase, _$mergeProps(props, {
+  get config() {
+    return {
+      role: "radio",
+      indicatorShape: "rounded-full",
+      indicatorContent: _tmpl$(),
+      onToggle: () => true
+    };
+  }
+}));
 export {
   Radio
 };

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/form-control/checkbox/Radio.tsx"],
-  "mappings": "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",
-  "names": ["Show", "splitProps", "createMemo", "twMerge", "createControllableSignal", "ripple", "clsx", "useI18n", "checkboxBaseClass", "indicatorBaseClass", "checkedClass", "checkboxSizeClasses", "checkboxInsetClass", "checkboxInsetSizeHeightClasses", "checkboxInlineClass", "checkboxDisabledClass", "Invalid", "radioDotClass", "Radio", "props", "local", "rest", "i18n", "value", "setValue", "onChange", "onValueChange", "handleClick", "disabled", "handleKeyDown", "e", "key", "preventDefault", "getWrapperClass", "size", "inset", "inline", "class", "getIndicatorClass", "errorMsg", "v", "required", "t", "validate", "_$createComponent", "message", "variant", "touchMode", "children", "_el$", "_tmpl$3", "_el$2", "firstChild", "_$use", "_$spread", "_$mergeProps", "tabIndex", "style", "_$insert", "when", "_el$3", "_tmpl$", "_$className", "_el$4", "_tmpl$2", "_$effect"]
+  "mappings": ";;;;AAEA,SAASA,sBAAsB;AAiBxB,MAAMC,QAAsCC,WAAKC,kBACrDH,gBAAcI,aACTF,OAAK;EAAA,IACTG,SAAM;AAAA,WAAE;MACNC,MAAM;MACNC,gBAAgB;MAChBC,kBAAgBC,OAAA;MAChBC,UAAUA,MAAM;IAClB;EAAC;AAAA,CAAA,CAAA;",
+  "names": ["SelectableBase", "Radio", "props", "_$createComponent", "_$mergeProps", "config", "role", "indicatorShape", "indicatorContent", "_tmpl$", "onToggle"]
 }

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

@@ -9,19 +9,19 @@ interface RadioGroupProps<TValue> {
     inset?: boolean;
     required?: boolean;
     validate?: (value: TValue | undefined) => string | undefined;
-    touchMode?: boolean;
+    lazyValidation?: boolean;
     class?: string;
     style?: JSX.CSSProperties;
     children?: JSX.Element;
 }
-interface RadioGroupComponent {
-    <TValue = unknown>(props: RadioGroupProps<TValue>): JSX.Element;
-    Item: <TValue = unknown>(props: {
-        value: TValue;
-        disabled?: boolean;
-        children?: JSX.Element;
-    }) => JSX.Element;
-}
-export declare const RadioGroup: RadioGroupComponent;
+declare function RadioGroupInner<TValue = unknown>(props: RadioGroupProps<TValue>): JSX.Element;
+declare function RadioGroupItem<TValue = unknown>(props: {
+    value: TValue;
+    disabled?: boolean;
+    children?: JSX.Element;
+}): JSX.Element;
+export declare const RadioGroup: typeof RadioGroupInner & {
+    Item: typeof RadioGroupItem;
+};
 export {};
 //# sourceMappingURL=RadioGroup.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\form-control\\checkbox\\RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAGpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,UAAU,eAAe,CAAC,MAAM;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,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,GAAG,SAAS,KAAK,MAAM,GAAG,SAAS,CAAC;IAC7D,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,mBAAmB;IAC3B,CAAC,MAAM,GAAG,OAAO,EAAE,KAAK,EAAE,eAAe,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,OAAO,CAAC;IAChE,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,UAAU,EAAuB,mBAAmB,CAAC"}
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\form-control\\checkbox\\RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAA6B,MAAM,UAAU,CAAC;AAE/D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAetD,UAAU,eAAe,CAAC,MAAM;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,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,GAAG,SAAS,KAAK,MAAM,GAAG,SAAS,CAAC;IAC7D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IAC1B,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAED,iBAAS,eAAe,CAAC,MAAM,GAAG,OAAO,EAAE,KAAK,EAAE,eAAe,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,OAAO,CAmCtF;AAED,iBAAS,cAAc,CAAC,MAAM,GAAG,OAAO,EAAE,KAAK,EAAE;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB,GAAG,GAAG,CAAC,OAAO,CAsBd;AAED,eAAO,MAAM,UAAU;;CAErB,CAAC"}

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

@@ -1,14 +1,86 @@
+import { memo as _$memo } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { createContext, useContext } from "solid-js";
 import { Radio } from "./Radio.js";
-import { createSelectionGroup } from "../../../hooks/createSelectionGroup.js";
-const {
-  Group
-} = createSelectionGroup({
-  mode: "single",
-  contextName: "RadioGroup",
-  ItemComponent: Radio,
-  emptyErrorMsgKey: "validation.selectItem"
+import { createControllableSignal } from "../../../hooks/createControllableSignal.js";
+import { SelectionGroupBase } from "./SelectionGroupBase.js";
+const RadioGroupCtx = createContext();
+function RadioGroupInner(props) {
+  const [value, setValue] = createControllableSignal({
+    value: () => props.value,
+    onChange: () => props.onValueChange
+  });
+  const select = (item) => {
+    setValue(item);
+  };
+  const contextValue = {
+    value,
+    select,
+    disabled: () => props.disabled ?? false,
+    size: () => props.size,
+    inline: () => props.inline ?? false,
+    inset: () => props.inset ?? false
+  };
+  return _$createComponent(SelectionGroupBase, {
+    context: RadioGroupCtx,
+    contextValue,
+    errorMsgKey: "validation.selectItem",
+    get value() {
+      return props.value;
+    },
+    isEmpty: (v) => v === void 0 || v === null,
+    get validate() {
+      return props.validate;
+    },
+    get required() {
+      return props.required;
+    },
+    get lazyValidation() {
+      return props.lazyValidation;
+    },
+    get ["class"]() {
+      return props.class;
+    },
+    get style() {
+      return props.style;
+    },
+    get children() {
+      return props.children;
+    }
+  });
+}
+function RadioGroupItem(props) {
+  const ctx = useContext(RadioGroupCtx);
+  if (!ctx) throw new Error("RadioGroup.Item can only be used inside RadioGroup");
+  const isSelected = () => ctx.value() === props.value;
+  const handleChange = () => {
+    ctx.select(props.value);
+  };
+  return _$createComponent(Radio, {
+    get value() {
+      return isSelected();
+    },
+    onValueChange: handleChange,
+    get disabled() {
+      return props.disabled ?? ctx.disabled();
+    },
+    get size() {
+      return ctx.size();
+    },
+    get inline() {
+      return ctx.inline();
+    },
+    get inset() {
+      return ctx.inset();
+    },
+    get children() {
+      return props.children;
+    }
+  });
+}
+const RadioGroup = Object.assign(RadioGroupInner, {
+  Item: RadioGroupItem
 });
-const RadioGroup = Group;
 export {
   RadioGroup
 };

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/form-control/checkbox/RadioGroup.tsx"],
-  "mappings": "AACA,SAASA,aAAa;AACtB,SAASC,4BAA4B;AA2BrC,MAAM;EAAEC;AAAM,IAAID,qBAAqB;EACrCE,MAAM;EACNC,aAAa;EACbC,eAAeL;EACfM,kBAAkB;AACpB,CAAC;AAEM,MAAMC,aAAaL;",
-  "names": ["Radio", "createSelectionGroup", "Group", "mode", "contextName", "ItemComponent", "emptyErrorMsgKey", "RadioGroup"]
+  "mappings": ";;AAAA,SAAmBA,eAAeC,kBAAkB;AACpD,SAASC,aAAa;AAEtB,SAASC,gCAAgC;AACzC,SAASC,0BAA0B;AAWnC,MAAMC,gBAAgBL,cAAiC;AAiBvD,SAASM,gBAAkCC,OAA6C;AACtF,QAAM,CAACC,OAAOC,QAAQ,IAAIN,yBAAkC;IAC1DK,OAAOA,MAAMD,MAAMC;IACnBE,UAAUA,MAAMH,MAAMI;EACxB,CAAC;AAED,QAAMC,SAAUC,UAAkB;AAChCJ,aAASI,IAAI;EACf;AAEA,QAAMC,eAAkC;IACtCN;IACAI;IACAG,UAAUA,MAAMR,MAAMQ,YAAY;IAClCC,MAAMA,MAAMT,MAAMS;IAClBC,QAAQA,MAAMV,MAAMU,UAAU;IAC9BC,OAAOA,MAAMX,MAAMW,SAAS;EAC9B;AAEA,SAAAC,kBACGf,oBAAkB;IACjBgB,SAASf;IACTS;IACAO,aAAW;IAAA,IACXb,QAAK;AAAA,aAAED,MAAMC;IAAK;IAClBc,SAAUC,OAAMA,MAAMC,UAAaD,MAAM;IAAI,IAC7CE,WAAQ;AAAA,aAAElB,MAAMkB;IAAQ;IAAA,IACxBC,WAAQ;AAAA,aAAEnB,MAAMmB;IAAQ;IAAA,IACxBC,iBAAc;AAAA,aAAEpB,MAAMoB;IAAc;IAAA,KAAA,OAAA,IAAA;AAAA,aAC7BpB,MAAMqB;IAAK;IAAA,IAClBC,QAAK;AAAA,aAAEtB,MAAMsB;IAAK;IAAA,IAAAC,WAAA;AAAA,aAEjBvB,MAAMuB;IAAQ;EAAA,CAAA;AAGrB;AAEA,SAASC,eAAiCxB,OAI1B;AACd,QAAMyB,MAAM/B,WAAWI,aAAa;AACpC,MAAI,CAAC2B,IAAK,OAAM,IAAIC,MAAM,oDAAoD;AAE9E,QAAMC,aAAaA,MAAMF,IAAIxB,MAAM,MAAMD,MAAMC;AAE/C,QAAM2B,eAAeA,MAAM;AACzBH,QAAIpB,OAAOL,MAAMC,KAAK;EACxB;AAEA,SAAAW,kBACGjB,OAAK;IAAA,IACJM,QAAK;AAAA,aAAE0B,WAAW;IAAC;IACnBvB,eAAewB;IAAY,IAC3BpB,WAAQ;AAAA,aAAER,MAAMQ,YAAYiB,IAAIjB,SAAS;IAAC;IAAA,IAC1CC,OAAI;AAAA,aAAEgB,IAAIhB,KAAK;IAAC;IAAA,IAChBC,SAAM;AAAA,aAAEe,IAAIf,OAAO;IAAC;IAAA,IACpBC,QAAK;AAAA,aAAEc,IAAId,MAAM;IAAC;IAAA,IAAAY,WAAA;AAAA,aAEjBvB,MAAMuB;IAAQ;EAAA,CAAA;AAGrB;AAEO,MAAMM,aAAaC,OAAOC,OAAOhC,iBAAiB;EACvDiC,MAAMR;AACR,CAAC;",
+  "names": ["createContext", "useContext", "Radio", "createControllableSignal", "SelectionGroupBase", "RadioGroupCtx", "RadioGroupInner", "props", "value", "setValue", "onChange", "onValueChange", "select", "item", "contextValue", "disabled", "size", "inline", "inset", "_$createComponent", "context", "errorMsgKey", "isEmpty", "v", "undefined", "validate", "required", "lazyValidation", "class", "style", "children", "RadioGroupItem", "ctx", "Error", "isSelected", "handleChange", "RadioGroup", "Object", "assign", "Item"]
 }

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

@@ -0,0 +1,26 @@
+import { type JSX, type ParentComponent } from "solid-js";
+import { type CheckboxSize } from "./Checkbox.styles";
+export interface SelectableBaseProps {
+    value?: boolean;
+    onValueChange?: (value: boolean) => void;
+    disabled?: boolean;
+    size?: CheckboxSize;
+    inset?: boolean;
+    inline?: boolean;
+    required?: boolean;
+    validate?: (value: boolean) => string | undefined;
+    lazyValidation?: boolean;
+    class?: string;
+    style?: JSX.CSSProperties;
+    children?: JSX.Element;
+}
+export interface SelectableBaseConfig {
+    role: "checkbox" | "radio";
+    indicatorShape: string;
+    indicatorContent: JSX.Element;
+    onToggle: (current: boolean) => boolean;
+}
+export declare const SelectableBase: ParentComponent<SelectableBaseProps & {
+    config: SelectableBaseConfig;
+}>;
+//# sourceMappingURL=SelectableBase.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectableBase.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\form-control\\checkbox\\SelectableBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,eAAe,EAAgC,MAAM,UAAU,CAAC;AAKxF,OAAO,EACL,KAAK,YAAY,EASlB,MAAM,mBAAmB,CAAC;AAK3B,MAAM,WAAW,mBAAmB;IAClC,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,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IAC1B,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,UAAU,GAAG,OAAO,CAAC;IAC3B,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,GAAG,CAAC,OAAO,CAAC;IAC9B,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,CAAC;CACzC;AAED,eAAO,MAAM,cAAc,EAAE,eAAe,CAAC,mBAAmB,GAAG;IAAE,MAAM,EAAE,oBAAoB,CAAA;CAAE,CAgFlG,CAAC"}

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

@@ -0,0 +1,100 @@
+import { template as _$template } from "solid-js/web";
+import { className as _$className } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+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(`<div><div>`);
+import { Show, splitProps, createMemo } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { createControllableSignal } from "../../../hooks/createControllableSignal.js";
+import { ripple } from "../../../directives/ripple.js";
+import { useI18n } from "../../../providers/i18n/I18nProvider.js";
+import { checkboxBaseClass, indicatorBaseClass, checkedClass, checkboxSizeClasses, checkboxInsetClass, checkboxInsetSizeHeightClasses, checkboxInlineClass, checkboxDisabledClass } from "./Checkbox.styles.js";
+import { Invalid } from "../Invalid.js";
+void ripple;
+const SelectableBase = (props) => {
+  const [local, rest] = splitProps(props, ["value", "onValueChange", "disabled", "size", "inset", "inline", "required", "validate", "lazyValidation", "class", "style", "children", "config"]);
+  const i18n = useI18n();
+  const [value, setValue] = createControllableSignal({
+    value: () => local.value ?? false,
+    onChange: () => local.onValueChange
+  });
+  const handleClick = () => {
+    if (local.disabled) return;
+    setValue((v) => local.config.onToggle(v));
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === " ") {
+      e.preventDefault();
+      handleClick();
+    }
+  };
+  const getWrapperClass = () => twMerge(checkboxBaseClass, checkboxSizeClasses[local.size ?? "default"], local.inset && checkboxInsetClass, local.inset && checkboxInsetSizeHeightClasses[local.size ?? "default"], local.inline && checkboxInlineClass, local.disabled && checkboxDisabledClass, local.class);
+  const getIndicatorClass = () => twMerge(indicatorBaseClass, local.config.indicatorShape, value() && checkedClass);
+  const errorMsg = createMemo(() => {
+    var _a;
+    const v = local.value ?? false;
+    if (local.required && !v) return i18n.t("validation.requiredSelection");
+    return (_a = local.validate) == null ? void 0 : _a.call(local, v);
+  });
+  return _$createComponent(Invalid, {
+    get message() {
+      return errorMsg();
+    },
+    variant: "border",
+    get lazyValidation() {
+      return local.lazyValidation;
+    },
+    get children() {
+      var _el$ = _tmpl$2(), _el$2 = _el$.firstChild;
+      _$use(ripple, _el$, () => !local.disabled);
+      _$spread(_el$, _$mergeProps(rest, {
+        get role() {
+          return local.config.role;
+        },
+        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 local.config.indicatorContent;
+        }
+      }));
+      _$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$;
+    }
+  });
+};
+export {
+  SelectableBase
+};
+//# sourceMappingURL=SelectableBase.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/form-control/checkbox/SelectableBase.tsx"],
+  "mappings": "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",
+  "names": ["Show", "splitProps", "createMemo", "twMerge", "createControllableSignal", "ripple", "useI18n", "checkboxBaseClass", "indicatorBaseClass", "checkedClass", "checkboxSizeClasses", "checkboxInsetClass", "checkboxInsetSizeHeightClasses", "checkboxInlineClass", "checkboxDisabledClass", "Invalid", "SelectableBase", "props", "local", "rest", "i18n", "value", "setValue", "onChange", "onValueChange", "handleClick", "disabled", "v", "config", "onToggle", "handleKeyDown", "e", "key", "preventDefault", "getWrapperClass", "size", "inset", "inline", "class", "getIndicatorClass", "indicatorShape", "errorMsg", "required", "t", "validate", "_$createComponent", "message", "variant", "lazyValidation", "children", "_el$", "_tmpl$2", "_el$2", "firstChild", "_$use", "_$spread", "_$mergeProps", "role", "tabIndex", "style", "_$insert", "when", "indicatorContent", "_el$3", "_tmpl$", "_$effect", "_$className"]
+}

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

@@ -0,0 +1,17 @@
+import { type Context, type JSX } from "solid-js";
+export interface SelectionGroupBaseProps {
+    required?: boolean;
+    lazyValidation?: boolean;
+    class?: string;
+    style?: JSX.CSSProperties;
+    children?: JSX.Element;
+}
+export declare function SelectionGroupBase<TContextValue>(props: SelectionGroupBaseProps & {
+    context: Context<TContextValue | undefined>;
+    contextValue: TContextValue;
+    errorMsgKey: string;
+    value: unknown;
+    isEmpty: (value: unknown) => boolean;
+    validate?: ((value: any) => string | undefined) | undefined;
+}): JSX.Element;
+//# sourceMappingURL=SelectionGroupBase.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionGroupBase.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\form-control\\checkbox\\SelectionGroupBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,OAAO,EACZ,KAAK,GAAG,EAGT,MAAM,UAAU,CAAC;AAKlB,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IAC1B,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAED,wBAAgB,kBAAkB,CAAC,aAAa,EAAE,KAAK,EAAE,uBAAuB,GAAG;IACjF,OAAO,EAAE,OAAO,CAAC,aAAa,GAAG,SAAS,CAAC,CAAC;IAC5C,YAAY,EAAE,aAAa,CAAC;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK,MAAM,GAAG,SAAS,CAAC,GAAG,SAAS,CAAC;CAC7D,eA+BA"}