@smwb/ui-solid 0.11.2 → 0.12.1

package/dist/components/inputs/fileDrop/fileDrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"fileDrop.js","sources":["../../../../src/components/inputs/fileDrop/fileDrop.tsx"],"sourcesContent":["import { type JSX, Show, createSignal, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { PreviewWrapper } from \"./previewWrapper\";\nimport { createDropzone, type DropzoneOptions } from \"../../../primitives/createDropzone\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface FileUploadProps extends DropzoneOptions {\n  preview?: boolean;\n  previewCols?: number;\n  galleryItemSize?: number;\n  onDrop: (files: File[]) => void;\n  label?: string;\n  class?: string;\n  previewClassName?: string;\n  disabled?: boolean;\n  /** Validation message rendered below the drop zone. */\n  error?: string;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport function FileDrop(props: FileUploadProps): JSX.Element {\n  const merged = mergeProps({ previewCols: 3, galleryItemSize: 100, label: \"\" }, props);\n  const [local, dropzoneOptions] = splitProps(merged, [\n    \"preview\",\n    \"previewCols\",\n    \"galleryItemSize\",\n    \"onDrop\",\n    \"label\",\n    \"class\",\n    \"previewClassName\",\n    \"disabled\",\n    \"error\",\n    \"ref\",\n  ]);\n\n  const [files, setFiles] = createSignal<File[]>([]);\n\n  const dropzone = createDropzone({\n    ...dropzoneOptions,\n    disabled: local.disabled,\n    onDrop: (accepted) => {\n      setFiles((prev) => [...prev, ...accepted]);\n      local.onDrop(accepted);\n    },\n  });\n\n  const handleRemoveAll = (): void => {\n    setFiles([]);\n  };\n\n  return (\n    <div\n      ref={mergeRefs(local.ref)}\n      class={cn(\"smwb-file-drop\", { \"smwb-disabled\": local.disabled, \"smwb-error\": !!local.error }, local.class)}\n      data-testid=\"file-drop\"\n    >\n      <Show\n        when={files().length > 0}\n        fallback={\n          <div\n            class=\"smwb-file-drop__input\"\n            role=\"button\"\n            tabindex={local.disabled ? -1 : 0}\n            aria-disabled={local.disabled || undefined}\n            aria-label={local.label || \"Upload files\"}\n            {...dropzone.getRootProps()}\n          >\n            <div class=\"smwb-file-drop__input-text\">{local.label}</div>\n            <input ref={dropzone.inputRef} {...dropzone.getInputProps()} />\n          </div>\n        }\n      >\n        <PreviewWrapper\n          preview={local.preview}\n          files={files()}\n          handleRemoveAll={handleRemoveAll}\n          previewCols={local.previewCols}\n          galleryItemSize={local.galleryItemSize}\n          previewClassName={local.previewClassName}\n        />\n      </Show>\n      <Show when={local.error}>\n        <span class=\"smwb-file-drop__error\" role=\"alert\">\n          {local.error}\n        </span>\n      </Show>\n    </div>\n  );\n}\n\nexport default FileDrop;\n"],"names":["FileDrop","props","merged","mergeProps","previewCols","galleryItemSize","label","local","dropzoneOptions","splitProps","files","setFiles","createSignal","dropzone","createDropzone","disabled","onDrop","accepted","prev","handleRemoveAll","_el$","_tmpl$2","_ref$","mergeRefs","ref","_$use","_$insert","_$createComponent","Show","when","length","fallback","_el$3","_tmpl$3","_el$4","firstChild","_el$5","nextSibling","_$spread","_$mergeProps","tabindex","undefined","getRootProps","_ref$2","inputRef","getInputProps","children","PreviewWrapper","preview","previewClassName","error","_el$2","_tmpl$","_$effect","_$className","cn","class"],"mappings":"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"}
+{"version":3,"file":"fileDrop.js","sources":["../../../../src/components/inputs/fileDrop/fileDrop.tsx"],"sourcesContent":["import { type JSX, Show, createSignal, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { PreviewWrapper } from \"./previewWrapper\";\nimport { createDropzone, type DropzoneOptions } from \"../../../primitives/createDropzone\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface FileUploadProps extends DropzoneOptions {\n  preview?: boolean;\n  previewCols?: number;\n  galleryItemSize?: number;\n  onDrop: (files: File[]) => void;\n  label?: string;\n  class?: string;\n  previewClassName?: string;\n  disabled?: boolean;\n  /** Validation message rendered below the drop zone. */\n  error?: string;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport function FileDrop(props: FileUploadProps): JSX.Element {\n  const merged = mergeProps({ previewCols: 3, galleryItemSize: 100, label: \"\" }, props);\n  const [local, dropzoneOptions] = splitProps(merged, [\n    \"preview\",\n    \"previewCols\",\n    \"galleryItemSize\",\n    \"onDrop\",\n    \"label\",\n    \"class\",\n    \"previewClassName\",\n    \"disabled\",\n    \"error\",\n    \"ref\",\n  ]);\n\n  const [files, setFiles] = createSignal<File[]>([]);\n\n  const dropzone = createDropzone({\n    ...dropzoneOptions,\n    disabled: local.disabled,\n    onDrop: (accepted) => {\n      setFiles((prev) => [...prev, ...accepted]);\n      local.onDrop(accepted);\n    },\n  });\n\n  const handleRemoveAll = (): void => {\n    setFiles([]);\n  };\n\n  return (\n    <div\n      ref={mergeRefs(local.ref)}\n      class={cn(\"smwb-file-drop\", { \"smwb-disabled\": local.disabled, \"smwb-error\": !!local.error }, local.class)}\n      data-testid=\"file-drop\"\n    >\n      <Show\n        when={files().length > 0}\n        fallback={\n          <div\n            class=\"smwb-file-drop__input\"\n            role=\"button\"\n            tabindex={local.disabled ? -1 : 0}\n            aria-disabled={local.disabled || undefined}\n            aria-label={local.label || \"Upload files\"}\n            {...dropzone.getRootProps()}\n          >\n            <div class=\"smwb-file-drop__input-text\">{local.label}</div>\n            <input ref={dropzone.inputRef} {...dropzone.getInputProps()} />\n          </div>\n        }\n      >\n        <PreviewWrapper\n          preview={local.preview}\n          files={files()}\n          handleRemoveAll={handleRemoveAll}\n          previewCols={local.previewCols}\n          galleryItemSize={local.galleryItemSize}\n          previewClassName={local.previewClassName}\n        />\n      </Show>\n      <Show when={local.error}>\n        <span class=\"smwb-file-drop__error\" role=\"alert\">\n          {local.error}\n        </span>\n      </Show>\n    </div>\n  );\n}\n\nexport default FileDrop;\n"],"names":["FileDrop","props","merged","mergeProps","previewCols","galleryItemSize","label","local","dropzoneOptions","splitProps","files","setFiles","createSignal","dropzone","createDropzone","disabled","onDrop","accepted","prev","handleRemoveAll","_el$","_tmpl$2","_ref$","mergeRefs","ref","_$use","_$insert","_$createComponent","Show","when","length","fallback","_el$3","_tmpl$3","_el$4","firstChild","_el$5","nextSibling","_$spread","_$mergeProps","tabindex","undefined","getRootProps","_ref$2","inputRef","getInputProps","children","PreviewWrapper","preview","previewClassName","error","_el$2","_tmpl$","_$effect","_$className","cn","class"],"mappings":"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"}

package/dist/components/inputs/fileInput/fileInput.js

@@ -1,16 +1,17 @@
-import { use as f, spread as u, mergeProps as m, insert as s, createComponent as _, effect as $, className as C, template as v, delegateEvents as w } from "solid-js/web";
-import '../../../assets/styles/less/components/fileInput/fileInput.entry.css';/* empty css                                                             */
+import { use as f, spread as u, mergeProps as m, insert as i, createComponent as _, effect as $, className as C, template as v, delegateEvents as w } from "solid-js/web";
+import '../../../assets/styles/less/components/fileInput/fileInput.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                             */
 import { splitProps as h, Show as k } from "solid-js";
 import b from "clsx";
 import { createDropzone as P } from "../../../primitives/createDropzone.js";
 import { mergeRefs as R } from "../../../primitives/mergeRefs.js";
 var S = /* @__PURE__ */ v("<span class=smwb-file-input__error role=alert>"), y = /* @__PURE__ */ v("<div data-testid=file-input><button type=button></button><input>");
-function I(g) {
-  const [e, i] = h(g, ["label", "onClick", "onFilesSelected", "class", "buttonClassName", "disabled", "error", "ref"]), l = P({
-    ...i,
+function E(g) {
+  const [e, s] = h(g, ["label", "onClick", "onFilesSelected", "class", "buttonClassName", "disabled", "error", "ref"]), l = P({
+    ...s,
     disabled: e.disabled,
     onDropAccepted: (r, o) => {
-      e.onFilesSelected?.(r), i.onDropAccepted?.(r, o);
+      e.onFilesSelected?.(r), s.onDropAccepted?.(r, o);
     }
   });
   return (() => {
@@ -21,15 +22,15 @@ function I(g) {
           "smwb-disabled": e.disabled
         }, e.class);
       }
-    }, () => l.getRootProps()), !1, !0), o.$$click = (t) => e.onClick?.(t), s(o, () => e.label);
+    }, () => l.getRootProps()), !1, !0), o.$$click = (t) => e.onClick?.(t), i(o, () => e.label);
     var p = l.inputRef;
-    return typeof p == "function" ? f(p, n) : l.inputRef = n, u(n, m(() => l.getInputProps()), !1, !1), s(r, _(k, {
+    return typeof p == "function" ? f(p, n) : l.inputRef = n, u(n, m(() => l.getInputProps()), !1, !1), i(r, _(k, {
       get when() {
         return e.error;
       },
       get children() {
         var t = S();
-        return s(t, () => e.error), t;
+        return i(t, () => e.error), t;
       }
     }), null), $((t) => {
       var d = b(e.buttonClassName), c = e.disabled;
@@ -42,6 +43,6 @@ function I(g) {
 }
 w(["click"]);
 export {
-  I as FileInput
+  E as FileInput
 };
 //# sourceMappingURL=fileInput.js.map

package/dist/components/inputs/fileInput/fileInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"fileInput.js","sources":["../../../../src/components/inputs/fileInput/fileInput.tsx"],"sourcesContent":["import { type JSX, Show, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { createDropzone, type DropzoneOptions } from \"../../../primitives/createDropzone\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface FileInputProps extends DropzoneOptions {\n  label?: string;\n  class?: string;\n  buttonClassName?: string;\n  disabled?: boolean;\n  /** Validation message shown below the control. */\n  error?: string;\n  /** Fired with the accepted files when the user picks them. */\n  onFilesSelected?: (files: File[]) => void;\n  onClick?: (e: MouseEvent & { currentTarget: HTMLButtonElement; target: Element }) => void;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport function FileInput(props: FileInputProps): JSX.Element {\n  const [local, dropzoneOptions] = splitProps(props, [\n    \"label\",\n    \"onClick\",\n    \"onFilesSelected\",\n    \"class\",\n    \"buttonClassName\",\n    \"disabled\",\n    \"error\",\n    \"ref\",\n  ]);\n\n  const dropzone = createDropzone({\n    ...dropzoneOptions,\n    disabled: local.disabled,\n    onDropAccepted: (accepted, event) => {\n      local.onFilesSelected?.(accepted);\n      dropzoneOptions.onDropAccepted?.(accepted, event);\n    },\n  });\n\n  return (\n    <div\n      ref={mergeRefs(local.ref)}\n      class={cn(\"smwb-file-input\", { \"smwb-disabled\": local.disabled }, local.class)}\n      data-testid=\"file-input\"\n      {...dropzone.getRootProps()}\n    >\n      <button type=\"button\" class={cn(local.buttonClassName)} disabled={local.disabled} onClick={(e) => local.onClick?.(e)}>\n        {local.label}\n      </button>\n      <input ref={dropzone.inputRef} {...dropzone.getInputProps()} />\n      <Show when={local.error}>\n        <span class=\"smwb-file-input__error\" role=\"alert\">\n          {local.error}\n        </span>\n      </Show>\n    </div>\n  );\n}\n\nexport default FileInput;\n"],"names":["FileInput","props","local","dropzoneOptions","splitProps","dropzone","createDropzone","disabled","onDropAccepted","accepted","event","onFilesSelected","_el$","_tmpl$2","_el$2","firstChild","_el$3","nextSibling","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","getRootProps","$$click","e","onClick","_$insert","label","_ref$2","inputRef","getInputProps","_$createComponent","Show","when","error","children","_el$4","_tmpl$","_$effect","_p$","_v$","buttonClassName","_v$2","_$className","t","undefined","_$delegateEvents"],"mappings":";;;;;;;AAmBO,SAASA,EAAUC,GAAoC;AAC5D,QAAM,CAACC,GAAOC,CAAe,IAAIC,EAAWH,GAAO,CACjD,SACA,WACA,mBACA,SACA,mBACA,YACA,SACA,KAAK,CACN,GAEKI,IAAWC,EAAe;AAAA,IAC9B,GAAGH;AAAAA,IACHI,UAAUL,EAAMK;AAAAA,IAChBC,gBAAgBA,CAACC,GAAUC,MAAU;AACnCR,MAAAA,EAAMS,kBAAkBF,CAAQ,GAChCN,EAAgBK,iBAAiBC,GAAUC,CAAK;AAAA,IAClD;AAAA,EAAA,CACD;AAED,UAAA,MAAA;AAAA,QAAAE,IAAAC,EAAAA,GAAAC,IAAAF,EAAAG,YAAAC,IAAAF,EAAAG,aAAAC,IAESC,EAAUjB,EAAMkB,GAAG;AAAC,WAAAF,KAAA,cAAAG,EAAAH,GAAAN,CAAA,GAAAU,EAAAV,GAAAW,EAAA;AAAA,MAAA,IAAA,QAAA;AAAA,eAClBC,EAAG,mBAAmB;AAAA,UAAE,iBAAiBtB,EAAMK;AAAAA,QAAAA,GAAYL,EAAMuB,KAAK;AAAA,MAAC;AAAA,IAAA,GAAA,MAE1EpB,EAASqB,cAAc,GAAA,IAAA,EAAA,GAAAZ,EAAAa,UAEiEC,CAAAA,MAAM1B,EAAM2B,UAAUD,CAAC,GAACE,EAAAhB,GAAA,MACjHZ,EAAM6B,KAAK;AAAA,QAAAC,IAEF3B,EAAS4B;AAAQ,kBAAAD,KAAA,aAAAX,EAAAW,GAAAhB,CAAA,IAAjBX,EAAS4B,WAAQjB,GAAAM,EAAAN,GAAAO,QAAMlB,EAAS6B,eAAe,GAAA,IAAA,EAAA,GAAAJ,EAAAlB,GAAAuB,EAC1DC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEnC,EAAMoC;AAAAA,MAAK;AAAA,MAAA,IAAAC,WAAA;AAAA,YAAAC,IAAAC,EAAAA;AAAAX,eAAAA,EAAAU,GAAA,MAElBtC,EAAMoC,KAAK,GAAAE;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAE,EAAAC,CAAAA,MAAA;AAAA,UAAAC,IANapB,EAAGtB,EAAM2C,eAAe,GAACC,IAAY5C,EAAMK;AAAQqC,aAAAA,MAAAD,EAAAf,KAAAmB,EAAAjC,GAAA6B,EAAAf,IAAAgB,CAAA,GAAAE,MAAAH,EAAAK,MAAAlC,EAAAP,WAAAoC,EAAAK,IAAAF,IAAAH;AAAAA,IAAA,GAAA;AAAA,MAAAf,GAAAqB;AAAAA,MAAAD,GAAAC;AAAAA,IAAAA,CAAA,GAAArC;AAAAA,EAAA,GAAA;AAWtF;AAEyBsC,EAAA,CAAA,OAAA,CAAA;"}
+{"version":3,"file":"fileInput.js","sources":["../../../../src/components/inputs/fileInput/fileInput.tsx"],"sourcesContent":["import { type JSX, Show, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { createDropzone, type DropzoneOptions } from \"../../../primitives/createDropzone\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface FileInputProps extends DropzoneOptions {\n  label?: string;\n  class?: string;\n  buttonClassName?: string;\n  disabled?: boolean;\n  /** Validation message shown below the control. */\n  error?: string;\n  /** Fired with the accepted files when the user picks them. */\n  onFilesSelected?: (files: File[]) => void;\n  onClick?: (e: MouseEvent & { currentTarget: HTMLButtonElement; target: Element }) => void;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport function FileInput(props: FileInputProps): JSX.Element {\n  const [local, dropzoneOptions] = splitProps(props, [\n    \"label\",\n    \"onClick\",\n    \"onFilesSelected\",\n    \"class\",\n    \"buttonClassName\",\n    \"disabled\",\n    \"error\",\n    \"ref\",\n  ]);\n\n  const dropzone = createDropzone({\n    ...dropzoneOptions,\n    disabled: local.disabled,\n    onDropAccepted: (accepted, event) => {\n      local.onFilesSelected?.(accepted);\n      dropzoneOptions.onDropAccepted?.(accepted, event);\n    },\n  });\n\n  return (\n    <div\n      ref={mergeRefs(local.ref)}\n      class={cn(\"smwb-file-input\", { \"smwb-disabled\": local.disabled }, local.class)}\n      data-testid=\"file-input\"\n      {...dropzone.getRootProps()}\n    >\n      <button type=\"button\" class={cn(local.buttonClassName)} disabled={local.disabled} onClick={(e) => local.onClick?.(e)}>\n        {local.label}\n      </button>\n      <input ref={dropzone.inputRef} {...dropzone.getInputProps()} />\n      <Show when={local.error}>\n        <span class=\"smwb-file-input__error\" role=\"alert\">\n          {local.error}\n        </span>\n      </Show>\n    </div>\n  );\n}\n\nexport default FileInput;\n"],"names":["FileInput","props","local","dropzoneOptions","splitProps","dropzone","createDropzone","disabled","onDropAccepted","accepted","event","onFilesSelected","_el$","_tmpl$2","_el$2","firstChild","_el$3","nextSibling","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","getRootProps","$$click","e","onClick","_$insert","label","_ref$2","inputRef","getInputProps","_$createComponent","Show","when","error","children","_el$4","_tmpl$","_$effect","_p$","_v$","buttonClassName","_v$2","_$className","t","undefined","_$delegateEvents"],"mappings":";;;;;;;;AAoBO,SAASA,EAAUC,GAAoC;AAC5D,QAAM,CAACC,GAAOC,CAAe,IAAIC,EAAWH,GAAO,CACjD,SACA,WACA,mBACA,SACA,mBACA,YACA,SACA,KAAK,CACN,GAEKI,IAAWC,EAAe;AAAA,IAC9B,GAAGH;AAAAA,IACHI,UAAUL,EAAMK;AAAAA,IAChBC,gBAAgBA,CAACC,GAAUC,MAAU;AACnCR,MAAAA,EAAMS,kBAAkBF,CAAQ,GAChCN,EAAgBK,iBAAiBC,GAAUC,CAAK;AAAA,IAClD;AAAA,EAAA,CACD;AAED,UAAA,MAAA;AAAA,QAAAE,IAAAC,EAAAA,GAAAC,IAAAF,EAAAG,YAAAC,IAAAF,EAAAG,aAAAC,IAESC,EAAUjB,EAAMkB,GAAG;AAAC,WAAAF,KAAA,cAAAG,EAAAH,GAAAN,CAAA,GAAAU,EAAAV,GAAAW,EAAA;AAAA,MAAA,IAAA,QAAA;AAAA,eAClBC,EAAG,mBAAmB;AAAA,UAAE,iBAAiBtB,EAAMK;AAAAA,QAAAA,GAAYL,EAAMuB,KAAK;AAAA,MAAC;AAAA,IAAA,GAAA,MAE1EpB,EAASqB,cAAc,GAAA,IAAA,EAAA,GAAAZ,EAAAa,UAEiEC,CAAAA,MAAM1B,EAAM2B,UAAUD,CAAC,GAACE,EAAAhB,GAAA,MACjHZ,EAAM6B,KAAK;AAAA,QAAAC,IAEF3B,EAAS4B;AAAQ,kBAAAD,KAAA,aAAAX,EAAAW,GAAAhB,CAAA,IAAjBX,EAAS4B,WAAQjB,GAAAM,EAAAN,GAAAO,QAAMlB,EAAS6B,eAAe,GAAA,IAAA,EAAA,GAAAJ,EAAAlB,GAAAuB,EAC1DC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEnC,EAAMoC;AAAAA,MAAK;AAAA,MAAA,IAAAC,WAAA;AAAA,YAAAC,IAAAC,EAAAA;AAAAX,eAAAA,EAAAU,GAAA,MAElBtC,EAAMoC,KAAK,GAAAE;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAE,EAAAC,CAAAA,MAAA;AAAA,UAAAC,IANapB,EAAGtB,EAAM2C,eAAe,GAACC,IAAY5C,EAAMK;AAAQqC,aAAAA,MAAAD,EAAAf,KAAAmB,EAAAjC,GAAA6B,EAAAf,IAAAgB,CAAA,GAAAE,MAAAH,EAAAK,MAAAlC,EAAAP,WAAAoC,EAAAK,IAAAF,IAAAH;AAAAA,IAAA,GAAA;AAAA,MAAAf,GAAAqB;AAAAA,MAAAD,GAAAC;AAAAA,IAAAA,CAAA,GAAArC;AAAAA,EAAA,GAAA;AAWtF;AAEyBsC,EAAA,CAAA,OAAA,CAAA;"}

package/dist/components/inputs/floatingButton/floatingButton.js

@@ -1,34 +1,35 @@
 import { use as a, spread as c, mergeProps as f, insert as n, createComponent as u, template as b } from "solid-js/web";
-import '../../../assets/styles/less/components/floatingButton/floatingButton.entry.css';/* empty css                                                                       */
+import '../../../assets/styles/less/components/floatingButton/floatingButton.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                                       */
 import { mergeProps as g, splitProps as $ } from "solid-js";
 import d from "clsx";
 import { mergeRefs as v } from "../../../primitives/mergeRefs.js";
 import { Ripple as w } from "../../base/ripple/ripple.js";
 var P = /* @__PURE__ */ b("<button>");
-function x(s) {
-  const i = g({
+function A(i) {
+  const s = g({
     variant: "default",
     size: "medium",
     color: "primary",
     type: "button"
-  }, s), [e, l] = $(i, ["children", "class", "variant", "size", "color", "ref"]);
+  }, i), [e, m] = $(s, ["children", "class", "variant", "size", "color", "ref"]);
   let o;
-  const m = (r) => {
+  const l = (r) => {
     o?.onRipple(r);
   };
   return (() => {
     var r = P(), t = v(e.ref);
-    return typeof t == "function" && a(t, r), c(r, f(l, {
+    return typeof t == "function" && a(t, r), c(r, f(m, {
       get class() {
         return d("smwb-fab", `smwb-${e.variant}`, `smwb-${e.size}`, `smwb-fab_color-${e.color}`, e.class);
       },
-      onPointerDown: m
+      onPointerDown: l
     }), !1, !0), n(r, () => e.children, null), n(r, u(w, {
       actionRef: (p) => o = p
     }), null), r;
   })();
 }
 export {
-  x as FloatingButton
+  A as FloatingButton
 };
 //# sourceMappingURL=floatingButton.js.map

package/dist/components/inputs/floatingButton/floatingButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"floatingButton.js","sources":["../../../../src/components/inputs/floatingButton/floatingButton.tsx"],"sourcesContent":["import { type JSX, type ParentProps, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Ripple, type RippleActionsRef } from \"../../base/ripple\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport type FloatingButtonColor = \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n\nexport interface FloatingButtonProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: \"extended\" | \"default\";\n  size?: \"small\" | \"medium\" | \"large\";\n  /** Semantic color. Resolves through the shared `--smui-*Color*` tokens. */\n  color?: FloatingButtonColor;\n  ref?: Ref<HTMLButtonElement>;\n}\n\nexport function FloatingButton(props: ParentProps<FloatingButtonProps>): JSX.Element {\n  const merged = mergeProps(\n    { variant: \"default\" as const, size: \"medium\" as const, color: \"primary\" as FloatingButtonColor, type: \"button\" as const },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\"children\", \"class\", \"variant\", \"size\", \"color\", \"ref\"]);\n\n  let rippleActions: RippleActionsRef | undefined;\n\n  const onPointerDown = (event: PointerEvent): void => {\n    rippleActions?.onRipple(event);\n  };\n\n  return (\n    <button\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      class={cn(\"smwb-fab\", `smwb-${local.variant}`, `smwb-${local.size}`, `smwb-fab_color-${local.color}`, local.class)}\n      onPointerDown={onPointerDown}\n    >\n      {local.children}\n      <Ripple actionRef={(actions) => (rippleActions = actions)} />\n    </button>\n  );\n}\n\nexport default FloatingButton;\n"],"names":["FloatingButton","props","merged","mergeProps","variant","size","color","type","local","rest","splitProps","rippleActions","onPointerDown","event","onRipple","_el$","_tmpl$","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","_$insert","children","_$createComponent","Ripple","actionRef","actions"],"mappings":";;;;;;;AAgBO,SAASA,EAAeC,GAAsD;AACnF,QAAMC,IAASC,EACb;AAAA,IAAEC,SAAS;AAAA,IAAoBC,MAAM;AAAA,IAAmBC,OAAO;AAAA,IAAkCC,MAAM;AAAA,EAAA,GACvGN,CACF,GACM,CAACO,GAAOC,CAAI,IAAIC,EAAWR,GAAQ,CAAC,YAAY,SAAS,WAAW,QAAQ,SAAS,KAAK,CAAC;AAEjG,MAAIS;AAEJ,QAAMC,IAAgBA,CAACC,MAA8B;AACnDF,IAAAA,GAAeG,SAASD,CAAK;AAAA,EAC/B;AAEA,UAAA,MAAA;AAAA,QAAAE,IAAAC,EAAAA,GAAAC,IAGSC,EAAUV,EAAMW,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAF,CAAA,GAAAM,EAAAN,GAAAO,EADrBb,GAAI;AAAA,MAAA,IAAA,QAAA;AAAA,eAEDc,EAAG,YAAY,QAAQf,EAAMJ,OAAO,IAAI,QAAQI,EAAMH,IAAI,IAAI,kBAAkBG,EAAMF,KAAK,IAAIE,EAAMgB,KAAK;AAAA,MAAC;AAAA,MAAA,eACnGZ;AAAAA,IAAAA,CAAa,GAAA,IAAA,EAAA,GAAAa,EAAAV,GAAA,MAE3BP,EAAMkB,UAAQ,IAAA,GAAAD,EAAAV,GAAAY,EACdC,GAAM;AAAA,MAACC,WAAYC,OAAanB,IAAgBmB;AAAAA,IAAAA,CAAQ,GAAA,IAAA,GAAAf;AAAAA,EAAA,GAAA;AAG/D;"}
+{"version":3,"file":"floatingButton.js","sources":["../../../../src/components/inputs/floatingButton/floatingButton.tsx"],"sourcesContent":["import { type JSX, type ParentProps, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Ripple, type RippleActionsRef } from \"../../base/ripple\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport type FloatingButtonColor = \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n\nexport interface FloatingButtonProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: \"extended\" | \"default\";\n  size?: \"small\" | \"medium\" | \"large\";\n  /** Semantic color. Resolves through the shared `--smui-*Color*` tokens. */\n  color?: FloatingButtonColor;\n  ref?: Ref<HTMLButtonElement>;\n}\n\nexport function FloatingButton(props: ParentProps<FloatingButtonProps>): JSX.Element {\n  const merged = mergeProps(\n    { variant: \"default\" as const, size: \"medium\" as const, color: \"primary\" as FloatingButtonColor, type: \"button\" as const },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\"children\", \"class\", \"variant\", \"size\", \"color\", \"ref\"]);\n\n  let rippleActions: RippleActionsRef | undefined;\n\n  const onPointerDown = (event: PointerEvent): void => {\n    rippleActions?.onRipple(event);\n  };\n\n  return (\n    <button\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      class={cn(\"smwb-fab\", `smwb-${local.variant}`, `smwb-${local.size}`, `smwb-fab_color-${local.color}`, local.class)}\n      onPointerDown={onPointerDown}\n    >\n      {local.children}\n      <Ripple actionRef={(actions) => (rippleActions = actions)} />\n    </button>\n  );\n}\n\nexport default FloatingButton;\n"],"names":["FloatingButton","props","merged","mergeProps","variant","size","color","type","local","rest","splitProps","rippleActions","onPointerDown","event","onRipple","_el$","_tmpl$","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","_$insert","children","_$createComponent","Ripple","actionRef","actions"],"mappings":";;;;;;;;AAiBO,SAASA,EAAeC,GAAsD;AACnF,QAAMC,IAASC,EACb;AAAA,IAAEC,SAAS;AAAA,IAAoBC,MAAM;AAAA,IAAmBC,OAAO;AAAA,IAAkCC,MAAM;AAAA,EAAA,GACvGN,CACF,GACM,CAACO,GAAOC,CAAI,IAAIC,EAAWR,GAAQ,CAAC,YAAY,SAAS,WAAW,QAAQ,SAAS,KAAK,CAAC;AAEjG,MAAIS;AAEJ,QAAMC,IAAgBA,CAACC,MAA8B;AACnDF,IAAAA,GAAeG,SAASD,CAAK;AAAA,EAC/B;AAEA,UAAA,MAAA;AAAA,QAAAE,IAAAC,EAAAA,GAAAC,IAGSC,EAAUV,EAAMW,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAF,CAAA,GAAAM,EAAAN,GAAAO,EADrBb,GAAI;AAAA,MAAA,IAAA,QAAA;AAAA,eAEDc,EAAG,YAAY,QAAQf,EAAMJ,OAAO,IAAI,QAAQI,EAAMH,IAAI,IAAI,kBAAkBG,EAAMF,KAAK,IAAIE,EAAMgB,KAAK;AAAA,MAAC;AAAA,MAAA,eACnGZ;AAAAA,IAAAA,CAAa,GAAA,IAAA,EAAA,GAAAa,EAAAV,GAAA,MAE3BP,EAAMkB,UAAQ,IAAA,GAAAD,EAAAV,GAAAY,EACdC,GAAM;AAAA,MAACC,WAAYC,OAAanB,IAAgBmB;AAAAA,IAAAA,CAAQ,GAAA,IAAA,GAAAf;AAAAA,EAAA,GAAA;AAG/D;"}

package/dist/components/inputs/radioButton/radioButton.js

@@ -1,16 +1,17 @@
 import { createComponent as g, setAttribute as p, use as y, spread as $, mergeProps as C, insert as f, effect as q, className as s, template as _ } from "solid-js/web";
-import '../../../assets/styles/less/components/radioButton/radioButton.entry.css';/* empty css                                                                 */
+import '../../../assets/styles/less/components/radioButton/radioButton.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                                 */
 import { mergeProps as T, splitProps as z, Show as O } from "solid-js";
 import l from "clsx";
 import { TextFieldWrapper as P } from "../textField/textFieldWrapper.js";
 import { createId as S } from "../../../primitives/createId.js";
 import { mergeRefs as k } from "../../../primitives/mergeRefs.js";
 var R = /* @__PURE__ */ _("<span class=smwb-radio__label>"), A = /* @__PURE__ */ _("<label><span class=smwb-radio__wrapper><input type=radio data-testid=radio><span></span><span>");
-function E(t) {
+function G(t) {
   const v = T({
     size: "medium",
     color: "primary"
-  }, t), [e, h] = z(v, ["label", "disabled", "readOnly", "required", "name", "id", "size", "color", "helperText", "error", "onChange", "class", "ref"]), n = S(e.id), w = (a) => {
+  }, t), [e, h] = z(v, ["label", "disabled", "readOnly", "required", "name", "id", "size", "color", "helperText", "error", "onChange", "class", "ref"]), o = S(e.id), w = (a) => {
     if (e.readOnly) {
       a.preventDefault();
       return;
@@ -30,10 +31,10 @@ function E(t) {
     },
     class: "smwb-text-field-checkbox",
     get children() {
-      var a = A(), d = a.firstChild, i = d.firstChild, o = i.nextSibling, x = o.nextSibling;
-      p(a, "for", n);
+      var a = A(), d = a.firstChild, i = d.firstChild, n = i.nextSibling, x = n.nextSibling;
+      p(a, "for", o);
       var m = k(e.ref);
-      return typeof m == "function" && y(m, i), p(i, "id", n), $(i, C({
+      return typeof m == "function" && y(m, i), p(i, "id", o), $(i, C({
         get name() {
           return e.name;
         },
@@ -74,7 +75,7 @@ function E(t) {
         }), c = l("smwb-radio__bg", {
           "smwb-disabled": e.disabled
         });
-        return b !== r.e && s(a, r.e = b), u !== r.t && s(o, r.t = u), c !== r.a && s(x, r.a = c), r;
+        return b !== r.e && s(a, r.e = b), u !== r.t && s(n, r.t = u), c !== r.a && s(x, r.a = c), r;
       }, {
         e: void 0,
         t: void 0,
@@ -84,6 +85,6 @@ function E(t) {
   });
 }
 export {
-  E as RadioButton
+  G as RadioButton
 };
 //# sourceMappingURL=radioButton.js.map

package/dist/components/inputs/radioButton/radioButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"radioButton.js","sources":["../../../../src/components/inputs/radioButton/radioButton.tsx"],"sourcesContent":["import { type JSX, Show, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { TextFieldWrapper } from \"../textField/textFieldWrapper\";\nimport { createId } from \"../../../primitives/createId\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport type { SelectionChangeEvent, SelectionControlColor, SelectionControlSize } from \"../checkbox/checkbox\";\n\nexport interface RadioButtonProps extends Omit<JSX.InputHTMLAttributes<HTMLInputElement>, \"onChange\" | \"size\"> {\n  label?: string;\n  disabled?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  name?: string;\n  id?: string;\n  checked?: boolean;\n  size?: SelectionControlSize;\n  color?: SelectionControlColor;\n  helperText?: JSX.Element;\n  error?: boolean;\n  /** Unified handler: `(event, value, data)` where `value` is the radio's value (or checked state). */\n  onChange?: (\n    event: SelectionChangeEvent,\n    value: string | number | string[] | boolean | undefined,\n    data: RadioButtonProps\n  ) => void;\n  ref?: Ref<HTMLInputElement>;\n}\n\nexport function RadioButton(props: RadioButtonProps): JSX.Element {\n  const merged = mergeProps({ size: \"medium\" as SelectionControlSize, color: \"primary\" as SelectionControlColor }, props);\n  const [local, args] = splitProps(merged, [\n    \"label\",\n    \"disabled\",\n    \"readOnly\",\n    \"required\",\n    \"name\",\n    \"id\",\n    \"size\",\n    \"color\",\n    \"helperText\",\n    \"error\",\n    \"onChange\",\n    \"class\",\n    \"ref\",\n  ]);\n  const id = createId(local.id);\n\n  const handleChange: JSX.EventHandler<HTMLInputElement, Event> = (event) => {\n    if (local.readOnly) {\n      event.preventDefault();\n      return;\n    }\n    const value = props.value !== undefined ? (props.value as string | number | string[]) : event.currentTarget.checked;\n    local.onChange?.(event, value, props);\n  };\n\n  return (\n    <TextFieldWrapper\n      helperText={local.helperText}\n      disabled={local.disabled}\n      error={local.error}\n      class=\"smwb-text-field-checkbox\"\n    >\n      <label\n        for={id}\n        class={cn(\"smwb-radio\", `smwb-radio_size-${local.size}`, `smwb-radio_color-${local.color}`, {\n          \"smwb-disabled\": local.disabled,\n          \"smwb-readonly\": local.readOnly,\n        })}\n      >\n        <span class=\"smwb-radio__wrapper\">\n          <input\n            id={id}\n            name={local.name}\n            disabled={local.disabled}\n            readonly={local.readOnly}\n            required={local.required}\n            aria-invalid={local.error || undefined}\n            aria-required={local.required || undefined}\n            class={cn(\"smwb-radio__input\", local.class)}\n            type=\"radio\"\n            data-testid=\"radio\"\n            ref={mergeRefs(local.ref)}\n            {...args}\n            onChange={handleChange}\n          />\n          <span class={cn(\"smwb-radio__btn\", { \"smwb-disabled\": local.disabled })} />\n          <span class={cn(\"smwb-radio__bg\", { \"smwb-disabled\": local.disabled })} />\n        </span>\n        <Show when={local.label}>\n          <span class=\"smwb-radio__label\">{local.label}</span>\n        </Show>\n      </label>\n    </TextFieldWrapper>\n  );\n}\n\nexport default RadioButton;\n"],"names":["RadioButton","props","merged","mergeProps","size","color","local","args","splitProps","id","createId","handleChange","event","readOnly","preventDefault","value","undefined","currentTarget","checked","onChange","_$createComponent","TextFieldWrapper","helperText","disabled","error","children","_el$","_tmpl$2","_el$2","firstChild","_el$3","_el$4","nextSibling","_el$5","_$setAttribute","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","name","readonly","required","cn","class","_$insert","Show","when","label","_el$6","_tmpl$","_$effect","_p$","_v$","_v$2","_v$3","e","_$className","t","a"],"mappings":";;;;;;;;AA6BO,SAASA,EAAYC,GAAsC;AAChE,QAAMC,IAASC,EAAW;AAAA,IAAEC,MAAM;AAAA,IAAkCC,OAAO;AAAA,EAAA,GAAsCJ,CAAK,GAChH,CAACK,GAAOC,CAAI,IAAIC,EAAWN,GAAQ,CACvC,SACA,YACA,YACA,YACA,QACA,MACA,QACA,SACA,cACA,SACA,YACA,SACA,KAAK,CACN,GACKO,IAAKC,EAASJ,EAAMG,EAAE,GAEtBE,IAA2DC,CAAAA,MAAU;AACzE,QAAIN,EAAMO,UAAU;AAClBD,MAAAA,EAAME,eAAAA;AACN;AAAA,IACF;AACA,UAAMC,IAAQd,EAAMc,UAAUC,SAAaf,EAAMc,QAAuCH,EAAMK,cAAcC;AAC5GZ,IAAAA,EAAMa,WAAWP,GAAOG,GAAOd,CAAK;AAAA,EACtC;AAEA,SAAAmB,EACGC,GAAgB;AAAA,IAAA,IACfC,aAAU;AAAA,aAAEhB,EAAMgB;AAAAA,IAAU;AAAA,IAAA,IAC5BC,WAAQ;AAAA,aAAEjB,EAAMiB;AAAAA,IAAQ;AAAA,IAAA,IACxBC,QAAK;AAAA,aAAElB,EAAMkB;AAAAA,IAAK;AAAA,IAAA,OAAA;AAAA,IAAA,IAAAC,WAAA;AAAA,UAAAC,IAAAC,EAAAA,GAAAC,IAAAF,EAAAG,YAAAC,IAAAF,EAAAC,YAAAE,IAAAD,EAAAE,aAAAC,IAAAF,EAAAC;AAAAE,MAAAA,EAAAR,GAAA,OAIXjB,CAAE;AAAA,UAAA0B,IAkBEC,EAAU9B,EAAM+B,GAAG;AAAC,oBAAAF,KAAA,cAAAG,EAAAH,GAAAL,CAAA,GAAAI,EAAAJ,GAAA,MAVrBrB,CAAE,GAAA8B,EAAAT,GAAAU,EAAA;AAAA,QAAA,IACNC,OAAI;AAAA,iBAAEnC,EAAMmC;AAAAA,QAAI;AAAA,QAAA,IAChBlB,WAAQ;AAAA,iBAAEjB,EAAMiB;AAAAA,QAAQ;AAAA,QAAA,IACxBmB,WAAQ;AAAA,iBAAEpC,EAAMO;AAAAA,QAAQ;AAAA,QAAA,IACxB8B,WAAQ;AAAA,iBAAErC,EAAMqC;AAAAA,QAAQ;AAAA,QAAA,IAAA,iBAAA;AAAA,iBACVrC,EAAMkB,SAASR;AAAAA,QAAS;AAAA,QAAA,IAAA,kBAAA;AAAA,iBACvBV,EAAMqC,YAAY3B;AAAAA,QAAS;AAAA,QAAA,IAAA,QAAA;AAAA,iBACnC4B,EAAG,qBAAqBtC,EAAMuC,KAAK;AAAA,QAAC;AAAA,MAAA,GAIvCtC,GAAI;AAAA,QAAA,UACEI;AAAAA,MAAAA,CAAY,GAAA,IAAA,EAAA,GAAAmC,EAAApB,GAAAN,EAKzB2B,GAAI;AAAA,QAAA,IAACC,OAAI;AAAA,iBAAE1C,EAAM2C;AAAAA,QAAK;AAAA,QAAA,IAAAxB,WAAA;AAAA,cAAAyB,IAAAC,EAAAA;AAAAL,iBAAAA,EAAAI,GAAA,MACY5C,EAAM2C,KAAK,GAAAC;AAAAA,QAAA;AAAA,MAAA,CAAA,GAAA,IAAA,GAAAE,EAAAC,CAAAA,MAAA;AAAA,YAAAC,IAzBvCV,EAAG,cAAc,mBAAmBtC,EAAMF,IAAI,IAAI,oBAAoBE,EAAMD,KAAK,IAAI;AAAA,UAC1F,iBAAiBC,EAAMiB;AAAAA,UACvB,iBAAiBjB,EAAMO;AAAAA,QAAAA,CACxB,GAAC0C,IAkBaX,EAAG,mBAAmB;AAAA,UAAE,iBAAiBtC,EAAMiB;AAAAA,QAAAA,CAAU,GAACiC,IAC1DZ,EAAG,kBAAkB;AAAA,UAAE,iBAAiBtC,EAAMiB;AAAAA,QAAAA,CAAU;AAAC+B,eAAAA,MAAAD,EAAAI,KAAAC,EAAAhC,GAAA2B,EAAAI,IAAAH,CAAA,GAAAC,MAAAF,EAAAM,KAAAD,EAAA3B,GAAAsB,EAAAM,IAAAJ,CAAA,GAAAC,MAAAH,EAAAO,KAAAF,EAAAzB,GAAAoB,EAAAO,IAAAJ,CAAA,GAAAH;AAAAA,MAAA,GAAA;AAAA,QAAAI,GAAAzC;AAAAA,QAAA2C,GAAA3C;AAAAA,QAAA4C,GAAA5C;AAAAA,MAAAA,CAAA,GAAAU;AAAAA,IAAA;AAAA,EAAA,CAAA;AAQhF;"}
+{"version":3,"file":"radioButton.js","sources":["../../../../src/components/inputs/radioButton/radioButton.tsx"],"sourcesContent":["import { type JSX, Show, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { TextFieldWrapper } from \"../textField/textFieldWrapper\";\nimport { createId } from \"../../../primitives/createId\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport type { SelectionChangeEvent, SelectionControlColor, SelectionControlSize } from \"../checkbox/checkbox\";\n\nexport interface RadioButtonProps extends Omit<JSX.InputHTMLAttributes<HTMLInputElement>, \"onChange\" | \"size\"> {\n  label?: string;\n  disabled?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  name?: string;\n  id?: string;\n  checked?: boolean;\n  size?: SelectionControlSize;\n  color?: SelectionControlColor;\n  helperText?: JSX.Element;\n  error?: boolean;\n  /** Unified handler: `(event, value, data)` where `value` is the radio's value (or checked state). */\n  onChange?: (\n    event: SelectionChangeEvent,\n    value: string | number | string[] | boolean | undefined,\n    data: RadioButtonProps\n  ) => void;\n  ref?: Ref<HTMLInputElement>;\n}\n\nexport function RadioButton(props: RadioButtonProps): JSX.Element {\n  const merged = mergeProps({ size: \"medium\" as SelectionControlSize, color: \"primary\" as SelectionControlColor }, props);\n  const [local, args] = splitProps(merged, [\n    \"label\",\n    \"disabled\",\n    \"readOnly\",\n    \"required\",\n    \"name\",\n    \"id\",\n    \"size\",\n    \"color\",\n    \"helperText\",\n    \"error\",\n    \"onChange\",\n    \"class\",\n    \"ref\",\n  ]);\n  const id = createId(local.id);\n\n  const handleChange: JSX.EventHandler<HTMLInputElement, Event> = (event) => {\n    if (local.readOnly) {\n      event.preventDefault();\n      return;\n    }\n    const value = props.value !== undefined ? (props.value as string | number | string[]) : event.currentTarget.checked;\n    local.onChange?.(event, value, props);\n  };\n\n  return (\n    <TextFieldWrapper\n      helperText={local.helperText}\n      disabled={local.disabled}\n      error={local.error}\n      class=\"smwb-text-field-checkbox\"\n    >\n      <label\n        for={id}\n        class={cn(\"smwb-radio\", `smwb-radio_size-${local.size}`, `smwb-radio_color-${local.color}`, {\n          \"smwb-disabled\": local.disabled,\n          \"smwb-readonly\": local.readOnly,\n        })}\n      >\n        <span class=\"smwb-radio__wrapper\">\n          <input\n            id={id}\n            name={local.name}\n            disabled={local.disabled}\n            readonly={local.readOnly}\n            required={local.required}\n            aria-invalid={local.error || undefined}\n            aria-required={local.required || undefined}\n            class={cn(\"smwb-radio__input\", local.class)}\n            type=\"radio\"\n            data-testid=\"radio\"\n            ref={mergeRefs(local.ref)}\n            {...args}\n            onChange={handleChange}\n          />\n          <span class={cn(\"smwb-radio__btn\", { \"smwb-disabled\": local.disabled })} />\n          <span class={cn(\"smwb-radio__bg\", { \"smwb-disabled\": local.disabled })} />\n        </span>\n        <Show when={local.label}>\n          <span class=\"smwb-radio__label\">{local.label}</span>\n        </Show>\n      </label>\n    </TextFieldWrapper>\n  );\n}\n\nexport default RadioButton;\n"],"names":["RadioButton","props","merged","mergeProps","size","color","local","args","splitProps","id","createId","handleChange","event","readOnly","preventDefault","value","undefined","currentTarget","checked","onChange","_$createComponent","TextFieldWrapper","helperText","disabled","error","children","_el$","_tmpl$2","_el$2","firstChild","_el$3","_el$4","nextSibling","_el$5","_$setAttribute","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","name","readonly","required","cn","class","_$insert","Show","when","label","_el$6","_tmpl$","_$effect","_p$","_v$","_v$2","_v$3","e","_$className","t","a"],"mappings":"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"}

package/dist/components/inputs/rating/rating.js

@@ -1,13 +1,14 @@
-import { addEventListener as w, use as L, insert as s, createComponent as u, effect as f, setStyleProperty as p, setAttribute as v, className as C, memo as P, template as h, delegateEvents as F } from "solid-js/web";
-import '../../../assets/styles/less/components/rating/rating.entry.css';/* empty css                                                       */
-import { mergeProps as B, splitProps as K, createSignal as N, For as U, Show as A } from "solid-js";
-import D from "clsx";
-import { createControllableState as X } from "../../../primitives/createControllableState.js";
-import { mergeRefs as j } from "../../../primitives/mergeRefs.js";
-import { Icon as S } from "../../base/icon/icon.js";
-var q = /* @__PURE__ */ h("<input type=hidden>"), G = /* @__PURE__ */ h("<span>"), J = /* @__PURE__ */ h("<span data-testid=rating role=img>"), Q = /* @__PURE__ */ h('<span class=smwb-rating__item><span class="smwb-rating__icon smwb-rating__icon_empty"></span><span class="smwb-rating__icon smwb-rating__icon_filled">');
-function ae(R) {
-  const T = B({
+import { addEventListener as y, use as P, insert as s, createComponent as u, effect as f, setStyleProperty as p, setAttribute as v, className as A, memo as F, template as h, delegateEvents as B } from "solid-js/web";
+import '../../../assets/styles/less/components/rating/rating.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                       */
+import { mergeProps as K, splitProps as N, children as U, createSignal as X, For as j, Show as D } from "solid-js";
+import S from "clsx";
+import { createControllableState as q } from "../../../primitives/createControllableState.js";
+import { mergeRefs as G } from "../../../primitives/mergeRefs.js";
+import { Icon as R } from "../../base/icon/icon.js";
+var J = /* @__PURE__ */ h("<input type=hidden>"), Q = /* @__PURE__ */ h("<span>"), W = /* @__PURE__ */ h("<span data-testid=rating role=img>"), Y = /* @__PURE__ */ h('<span class=smwb-rating__item><span class="smwb-rating__icon smwb-rating__icon_empty"></span><span class="smwb-rating__icon smwb-rating__icon_filled">');
+function le(E) {
+  const I = K({
     defaultValue: 0,
     max: 5,
     precision: 1,
@@ -15,53 +16,53 @@ function ae(R) {
     disabled: !1,
     size: 28,
     color: "primary"
-  }, R), [e] = K(T, ["class", "value", "defaultValue", "max", "precision", "readOnly", "disabled", "size", "icon", "emptyIcon", "name", "color", "error", "helperText", "id", "onChange", "ref"]), [m, y] = X({
+  }, E), [e] = N(I, ["class", "value", "defaultValue", "max", "precision", "readOnly", "disabled", "size", "icon", "emptyIcon", "name", "color", "error", "helperText", "id", "onChange", "ref"]), w = U(() => e.helperText), [m, _] = q({
     value: () => e.value,
     defaultValue: e.defaultValue,
     onChange: (r) => e.onChange?.(r)
-  }), [E, _] = N(null), I = () => E() ?? m(), i = () => !e.readOnly && !e.disabled, b = (r, l) => {
+  }), [M, b] = X(null), O = () => M() ?? m(), i = () => !e.readOnly && !e.disabled, x = (r, l) => {
     if (e.precision === 1)
       return l + 1;
     const {
       left: t,
-      width: o
-    } = r.currentTarget.getBoundingClientRect(), n = r.clientX - t < o / 2;
+      width: a
+    } = r.currentTarget.getBoundingClientRect(), n = r.clientX - t < a / 2;
     return l + (n ? 0.5 : 1);
-  }, M = (r, l) => {
-    i() && y(b(r, l));
+  }, T = (r, l) => {
+    i() && _(x(r, l));
   }, g = (r) => {
-    y(Math.max(0, Math.min(e.max, r)));
-  }, O = (r) => {
+    _(Math.max(0, Math.min(e.max, r)));
+  }, V = (r) => {
     i() && (r.key === "ArrowRight" || r.key === "ArrowUp" ? (r.preventDefault(), g(m() + e.precision)) : r.key === "ArrowLeft" || r.key === "ArrowDown" ? (r.preventDefault(), g(m() - e.precision)) : r.key === "Home" ? (r.preventDefault(), g(0)) : r.key === "End" && (r.preventDefault(), g(e.max)));
-  }, V = () => e.icon ?? u(S, {
+  }, H = () => e.icon ?? u(R, {
     name: "star",
     fill: 1,
     get size() {
       return e.size;
     }
-  }), H = () => e.emptyIcon ?? u(S, {
+  }), L = () => e.emptyIcon ?? u(R, {
     name: "star",
     get size() {
       return e.size;
     }
   });
   return (() => {
-    var r = J();
-    w(r, "keydown", i() ? O : void 0, !0);
-    var l = j(e.ref);
-    return typeof l == "function" && L(l, r), s(r, u(U, {
+    var r = W();
+    y(r, "keydown", i() ? V : void 0, !0);
+    var l = G(e.ref);
+    return typeof l == "function" && P(l, r), s(r, u(j, {
       get each() {
         return Array.from({
           length: e.max
-        }, (t, o) => o);
+        }, (t, a) => a);
       },
       children: (t) => {
-        const o = () => Math.max(0, Math.min(1, I() - t));
+        const a = () => Math.max(0, Math.min(1, O() - t));
         return (() => {
-          var n = Q(), c = n.firstChild, d = c.nextSibling;
-          return w(n, "mouseleave", i() ? () => _(null) : void 0), w(n, "mousemove", i() ? (a) => _(e.precision === 0.5 ? b(a, t) : t + 1) : void 0, !0), n.$$click = (a) => M(a, t), s(c, H), s(d, V), f((a) => {
-            var x = `${e.size}px`, k = `${e.size}px`, $ = i() ? "pointer" : "default", z = `${o() * 100}%`;
-            return x !== a.e && p(n, "width", a.e = x), k !== a.t && p(n, "height", a.t = k), $ !== a.a && p(n, "cursor", a.a = $), z !== a.o && p(d, "width", a.o = z), a;
+          var n = Y(), c = n.firstChild, d = c.nextSibling;
+          return y(n, "mouseleave", i() ? () => b(null) : void 0), y(n, "mousemove", i() ? (o) => b(e.precision === 0.5 ? x(o, t) : t + 1) : void 0, !0), n.$$click = (o) => T(o, t), s(c, L), s(d, H), f((o) => {
+            var k = `${e.size}px`, $ = `${e.size}px`, z = i() ? "pointer" : "default", C = `${a() * 100}%`;
+            return k !== o.e && p(n, "width", o.e = k), $ !== o.t && p(n, "height", o.t = $), z !== o.a && p(n, "cursor", o.a = z), C !== o.o && p(d, "width", o.o = C), o;
           }, {
             e: void 0,
             t: void 0,
@@ -70,29 +71,29 @@ function ae(R) {
           }), n;
         })();
       }
-    }), null), s(r, u(A, {
+    }), null), s(r, u(D, {
       get when() {
         return e.name;
       },
       get children() {
-        var t = q();
+        var t = J();
         return f(() => v(t, "name", e.name)), f(() => t.value = m()), t;
       }
-    }), null), s(r, u(A, {
+    }), null), s(r, u(D, {
       get when() {
-        return P(() => e.helperText != null)() && e.helperText !== !1;
+        return F(() => w() != null)() && w() !== !1;
       },
       get children() {
-        var t = G();
-        return s(t, () => e.helperText), f(() => C(t, D("smwb-rating__helper", e.error && "smwb-rating__helper_error"))), t;
+        var t = Q();
+        return s(t, w), f(() => A(t, S("smwb-rating__helper", e.error && "smwb-rating__helper_error"))), t;
       }
     }), null), f((t) => {
-      var o = e.id, n = D("smwb-rating", {
+      var a = e.id, n = S("smwb-rating", {
         "smwb-rating_readonly": e.readOnly,
         "smwb-rating_disabled": e.disabled,
         "smwb-rating_error": e.error
       }, e.color !== "primary" && `smwb-rating_color-${e.color}`, e.class), c = `${m()} of ${e.max}`, d = i() ? 0 : void 0;
-      return o !== t.e && v(r, "id", t.e = o), n !== t.t && C(r, t.t = n), c !== t.a && v(r, "aria-label", t.a = c), d !== t.o && v(r, "tabindex", t.o = d), t;
+      return a !== t.e && v(r, "id", t.e = a), n !== t.t && A(r, t.t = n), c !== t.a && v(r, "aria-label", t.a = c), d !== t.o && v(r, "tabindex", t.o = d), t;
     }, {
       e: void 0,
       t: void 0,
@@ -101,8 +102,8 @@ function ae(R) {
     }), r;
   })();
 }
-F(["keydown", "click", "mousemove"]);
+B(["keydown", "click", "mousemove"]);
 export {
-  ae as Rating
+  le as Rating
 };
 //# sourceMappingURL=rating.js.map

package/dist/components/inputs/rating/rating.js.map

@@ -1 +1 @@
-{"version":3,"file":"rating.js","sources":["../../../../src/components/inputs/rating/rating.tsx"],"sourcesContent":["import { type JSX, For, Show, createSignal, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport { createControllableState } from \"../../../primitives/createControllableState\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport type RatingColor = \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n\nexport interface RatingProps {\n  class?: string;\n  /** Controlled value. */\n  value?: number;\n  /** Uncontrolled initial value. */\n  defaultValue?: number;\n  /** Number of icons. */\n  max?: number;\n  /** Smallest selectable increment: 1 (whole) or 0.5 (half). */\n  precision?: 1 | 0.5;\n  readOnly?: boolean;\n  disabled?: boolean;\n  size?: number;\n  /** Filled icon. */\n  icon?: JSX.Element;\n  /** Empty icon. */\n  emptyIcon?: JSX.Element;\n  name?: string;\n  /** Color of the filled icons. */\n  color?: RatingColor;\n  /** Renders the control in an error state. */\n  error?: boolean;\n  /** Supporting text shown below the control. */\n  helperText?: JSX.Element;\n  id?: string;\n  onChange?: (value: number) => void;\n  ref?: Ref<HTMLSpanElement>;\n}\n\nexport function Rating(props: RatingProps): JSX.Element {\n  const merged = mergeProps(\n    {\n      defaultValue: 0,\n      max: 5,\n      precision: 1 as 1 | 0.5,\n      readOnly: false,\n      disabled: false,\n      size: 28,\n      color: \"primary\" as RatingColor,\n    },\n    props\n  );\n  const [local] = splitProps(merged, [\n    \"class\",\n    \"value\",\n    \"defaultValue\",\n    \"max\",\n    \"precision\",\n    \"readOnly\",\n    \"disabled\",\n    \"size\",\n    \"icon\",\n    \"emptyIcon\",\n    \"name\",\n    \"color\",\n    \"error\",\n    \"helperText\",\n    \"id\",\n    \"onChange\",\n    \"ref\",\n  ]);\n\n  const [current, setCurrent] = createControllableState<number>({\n    value: () => local.value,\n    defaultValue: local.defaultValue,\n    onChange: (next) => local.onChange?.(next),\n  });\n  const [hover, setHover] = createSignal<number | null>(null);\n\n  const display = (): number => hover() ?? current();\n  const interactive = (): boolean => !local.readOnly && !local.disabled;\n\n  const valueFromEvent = (event: MouseEvent & { currentTarget: HTMLSpanElement }, starIndex: number): number => {\n    if (local.precision === 1) {\n      return starIndex + 1;\n    }\n    const { left, width } = event.currentTarget.getBoundingClientRect();\n    const isLeftHalf = event.clientX - left < width / 2;\n    return starIndex + (isLeftHalf ? 0.5 : 1);\n  };\n\n  const handleSelect = (event: MouseEvent & { currentTarget: HTMLSpanElement }, starIndex: number): void => {\n    if (!interactive()) return;\n    setCurrent(valueFromEvent(event, starIndex));\n  };\n\n  const commit = (next: number): void => {\n    setCurrent(Math.max(0, Math.min(local.max, next)));\n  };\n\n  const handleKeyDown: JSX.EventHandler<HTMLSpanElement, KeyboardEvent> = (event) => {\n    if (!interactive()) return;\n    if (event.key === \"ArrowRight\" || event.key === \"ArrowUp\") {\n      event.preventDefault();\n      commit(current() + local.precision);\n    } else if (event.key === \"ArrowLeft\" || event.key === \"ArrowDown\") {\n      event.preventDefault();\n      commit(current() - local.precision);\n    } else if (event.key === \"Home\") {\n      event.preventDefault();\n      commit(0);\n    } else if (event.key === \"End\") {\n      event.preventDefault();\n      commit(local.max);\n    }\n  };\n\n  const filledIcon = (): JSX.Element => local.icon ?? <Icon name=\"star\" fill={1} size={local.size} />;\n  const blankIcon = (): JSX.Element => local.emptyIcon ?? <Icon name=\"star\" size={local.size} />;\n\n  return (\n    <span\n      ref={mergeRefs(local.ref)}\n      id={local.id}\n      class={cn(\n        \"smwb-rating\",\n        { \"smwb-rating_readonly\": local.readOnly, \"smwb-rating_disabled\": local.disabled, \"smwb-rating_error\": local.error },\n        local.color !== \"primary\" && `smwb-rating_color-${local.color}`,\n        local.class\n      )}\n      data-testid=\"rating\"\n      role=\"img\"\n      aria-label={`${current()} of ${local.max}`}\n      tabindex={interactive() ? 0 : undefined}\n      onKeyDown={interactive() ? handleKeyDown : undefined}\n    >\n      <For each={Array.from({ length: local.max }, (_, index) => index)}>\n        {(index) => {\n          const fillRatio = (): number => Math.max(0, Math.min(1, display() - index));\n          return (\n            <span\n              class=\"smwb-rating__item\"\n              style={{ width: `${local.size}px`, height: `${local.size}px`, cursor: interactive() ? \"pointer\" : \"default\" }}\n              onClick={(event) => handleSelect(event, index)}\n              onMouseMove={\n                interactive()\n                  ? (event) => setHover(local.precision === 0.5 ? valueFromEvent(event, index) : index + 1)\n                  : undefined\n              }\n              onMouseLeave={interactive() ? () => setHover(null) : undefined}\n            >\n              <span class=\"smwb-rating__icon smwb-rating__icon_empty\">{blankIcon()}</span>\n              <span class=\"smwb-rating__icon smwb-rating__icon_filled\" style={{ width: `${fillRatio() * 100}%` }}>\n                {filledIcon()}\n              </span>\n            </span>\n          );\n        }}\n      </For>\n      <Show when={local.name}>\n        <input type=\"hidden\" name={local.name} value={current()} />\n      </Show>\n      <Show when={local.helperText != null && (local.helperText as unknown) !== false}>\n        <span class={cn(\"smwb-rating__helper\", local.error && \"smwb-rating__helper_error\")}>{local.helperText}</span>\n      </Show>\n    </span>\n  );\n}\n\nexport default Rating;\n"],"names":["Rating","props","merged","mergeProps","defaultValue","max","precision","readOnly","disabled","size","color","local","splitProps","current","setCurrent","createControllableState","value","onChange","next","hover","setHover","createSignal","display","interactive","valueFromEvent","event","starIndex","left","width","currentTarget","getBoundingClientRect","isLeftHalf","clientX","handleSelect","commit","Math","min","handleKeyDown","key","preventDefault","filledIcon","icon","_$createComponent","Icon","name","fill","blankIcon","emptyIcon","_el$","_tmpl$3","_$addEventListener","undefined","_ref$","mergeRefs","ref","_$use","_$insert","For","each","Array","from","length","_","index","children","fillRatio","_el$4","_tmpl$4","_el$5","firstChild","_el$6","nextSibling","$$click","_$effect","_p$","_v$5","_v$6","_v$7","_v$8","e","_$setStyleProperty","t","a","o","Show","when","_el$2","_tmpl$","_$setAttribute","_$memo","helperText","_el$3","_tmpl$2","_$className","cn","error","_v$","id","_v$2","class","_v$3","_v$4","_$delegateEvents"],"mappings":";;;;;;;;AAsCO,SAASA,GAAOC,GAAiC;AACtD,QAAMC,IAASC,EACb;AAAA,IACEC,cAAc;AAAA,IACdC,KAAK;AAAA,IACLC,WAAW;AAAA,IACXC,UAAU;AAAA,IACVC,UAAU;AAAA,IACVC,MAAM;AAAA,IACNC,OAAO;AAAA,EAAA,GAETT,CACF,GACM,CAACU,CAAK,IAAIC,EAAWV,GAAQ,CACjC,SACA,SACA,gBACA,OACA,aACA,YACA,YACA,QACA,QACA,aACA,QACA,SACA,SACA,cACA,MACA,YACA,KAAK,CACN,GAEK,CAACW,GAASC,CAAU,IAAIC,EAAgC;AAAA,IAC5DC,OAAOA,MAAML,EAAMK;AAAAA,IACnBZ,cAAcO,EAAMP;AAAAA,IACpBa,UAAWC,CAAAA,MAASP,EAAMM,WAAWC,CAAI;AAAA,EAAA,CAC1C,GACK,CAACC,GAAOC,CAAQ,IAAIC,EAA4B,IAAI,GAEpDC,IAAUA,MAAcH,EAAAA,KAAWN,EAAAA,GACnCU,IAAcA,MAAe,CAACZ,EAAMJ,YAAY,CAACI,EAAMH,UAEvDgB,IAAiBA,CAACC,GAAwDC,MAA8B;AAC5G,QAAIf,EAAML,cAAc;AACtB,aAAOoB,IAAY;AAErB,UAAM;AAAA,MAAEC,MAAAA;AAAAA,MAAMC,OAAAA;AAAAA,IAAAA,IAAUH,EAAMI,cAAcC,sBAAAA,GACtCC,IAAaN,EAAMO,UAAUL,IAAOC,IAAQ;AAClD,WAAOF,KAAaK,IAAa,MAAM;AAAA,EACzC,GAEME,IAAeA,CAACR,GAAwDC,MAA4B;AACxG,IAAKH,OACLT,EAAWU,EAAeC,GAAOC,CAAS,CAAC;AAAA,EAC7C,GAEMQ,IAASA,CAAChB,MAAuB;AACrCJ,IAAAA,EAAWqB,KAAK9B,IAAI,GAAG8B,KAAKC,IAAIzB,EAAMN,KAAKa,CAAI,CAAC,CAAC;AAAA,EACnD,GAEMmB,IAAmEZ,CAAAA,MAAU;AACjF,IAAKF,QACDE,EAAMa,QAAQ,gBAAgBb,EAAMa,QAAQ,aAC9Cb,EAAMc,eAAAA,GACNL,EAAOrB,EAAAA,IAAYF,EAAML,SAAS,KACzBmB,EAAMa,QAAQ,eAAeb,EAAMa,QAAQ,eACpDb,EAAMc,eAAAA,GACNL,EAAOrB,EAAAA,IAAYF,EAAML,SAAS,KACzBmB,EAAMa,QAAQ,UACvBb,EAAMc,eAAAA,GACNL,EAAO,CAAC,KACCT,EAAMa,QAAQ,UACvBb,EAAMc,eAAAA,GACNL,EAAOvB,EAAMN,GAAG;AAAA,EAEpB,GAEMmC,IAAaA,MAAmB7B,EAAM8B,QAAIC,EAAKC,GAAI;AAAA,IAACC,MAAI;AAAA,IAAQC,MAAM;AAAA,IAAC,IAAEpC,OAAI;AAAA,aAAEE,EAAMF;AAAAA,IAAI;AAAA,EAAA,CAAA,GACzFqC,IAAYA,MAAmBnC,EAAMoC,aAASL,EAAKC,GAAI;AAAA,IAACC,MAAI;AAAA,IAAA,IAAQnC,OAAI;AAAA,aAAEE,EAAMF;AAAAA,IAAI;AAAA,EAAA,CAAA;AAE1F,UAAA,MAAA;AAAA,QAAAuC,IAAAC,EAAAA;AAAAC,IAAAA,EAAAF,GAAA,WAcezB,EAAAA,IAAgBc,IAAgBc,QAAS,EAAA;AAAA,QAAAC,IAZ/CC,EAAU1C,EAAM2C,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAJ,CAAA,GAAAQ,EAAAR,GAAAN,EAcxBe,GAAG;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEC,MAAMC,KAAK;AAAA,UAAEC,QAAQlD,EAAMN;AAAAA,QAAAA,GAAO,CAACyD,GAAGC,MAAUA,CAAK;AAAA,MAAC;AAAA,MAAAC,UAC7DD,CAAAA,MAAU;AACV,cAAME,IAAYA,MAAc9B,KAAK9B,IAAI,GAAG8B,KAAKC,IAAI,GAAGd,EAAAA,IAAYyC,CAAK,CAAC;AAC1E,gBAAA,MAAA;AAAA,cAAAG,IAAAC,EAAAA,GAAAC,IAAAF,EAAAG,YAAAC,IAAAF,EAAAG;AAAArB,iBAAAA,EAAAgB,GAAA,cAUkB3C,EAAAA,IAAgB,MAAMH,EAAS,IAAI,IAAI+B,MAAS,GAAAD,EAAAgB,GAAA,aAJ5D3C,EAAAA,IACKE,CAAAA,MAAUL,EAAST,EAAML,cAAc,MAAMkB,EAAeC,GAAOsC,CAAK,IAAIA,IAAQ,CAAC,IACtFZ,QAAS,EAAA,GAAAe,EAAAM,UAJL/C,CAAAA,MAAUQ,EAAaR,GAAOsC,CAAK,GAACP,EAAAY,GAQWtB,CAAS,GAAAU,EAAAc,GAE/D9B,CAAU,GAAAiC,EAAAC,CAAAA,MAAA;AAAA,gBAAAC,IAXG,GAAGhE,EAAMF,IAAI,MAAImE,IAAU,GAAGjE,EAAMF,IAAI,MAAIoE,IAAUtD,MAAgB,YAAY,WAASuD,IAUlC,GAAGb,EAAAA,IAAc,GAAG;AAAGU,mBAAAA,MAAAD,EAAAK,KAAAC,EAAAd,GAAA,SAAAQ,EAAAK,IAAAJ,CAAA,GAAAC,MAAAF,EAAAO,KAAAD,EAAAd,GAAA,UAAAQ,EAAAO,IAAAL,CAAA,GAAAC,MAAAH,EAAAQ,KAAAF,EAAAd,GAAA,UAAAQ,EAAAQ,IAAAL,CAAA,GAAAC,MAAAJ,EAAAS,KAAAH,EAAAV,GAAA,SAAAI,EAAAS,IAAAL,CAAA,GAAAJ;AAAAA,UAAA,GAAA;AAAA,YAAAK,GAAA5B;AAAAA,YAAA8B,GAAA9B;AAAAA,YAAA+B,GAAA/B;AAAAA,YAAAgC,GAAAhC;AAAAA,UAAAA,CAAA,GAAAe;AAAAA,QAAA,GAAA;AAAA,MAKtG;AAAA,IAAA,CAAC,GAAA,IAAA,GAAAV,EAAAR,GAAAN,EAEF0C,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAE1E,EAAMiC;AAAAA,MAAI;AAAA,MAAA,IAAAoB,WAAA;AAAA,YAAAsB,IAAAC,EAAAA;AAAAd,eAAAA,QAAAe,EAAAF,GAAA,QACO3E,EAAMiC,IAAI,CAAA,GAAA6B,QAAAa,EAAAtE,QAASH,EAAAA,CAAS,GAAAyE;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAA9B,EAAAR,GAAAN,EAExD0C,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEI,EAAA,MAAA9E,EAAM+E,cAAc,IAAI,OAAK/E,EAAM+E,eAA2B;AAAA,MAAK;AAAA,MAAA,IAAA1B,WAAA;AAAA,YAAA2B,IAAAC,EAAAA;AAAApC,eAAAA,EAAAmC,GAAA,MACQhF,EAAM+E,UAAU,GAAAjB,EAAA,MAAAoB,EAAAF,GAAxFG,EAAG,uBAAuBnF,EAAMoF,SAAS,2BAA2B,CAAC,CAAA,GAAAJ;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAlB,EAAAC,CAAAA,MAAA;AAAA,UAAAsB,IAxChFrF,EAAMsF,IAAEC,IACLJ,EACL,eACA;AAAA,QAAE,wBAAwBnF,EAAMJ;AAAAA,QAAU,wBAAwBI,EAAMH;AAAAA,QAAU,qBAAqBG,EAAMoF;AAAAA,MAAAA,GAC7GpF,EAAMD,UAAU,aAAa,qBAAqBC,EAAMD,KAAK,IAC7DC,EAAMwF,KACR,GAACC,IAGW,GAAGvF,EAAAA,CAAS,OAAOF,EAAMN,GAAG,IAAEgG,IAChC9E,MAAgB,IAAI4B;AAAS6C,aAAAA,MAAAtB,EAAAK,KAAAS,EAAAxC,GAAA,MAAA0B,EAAAK,IAAAiB,CAAA,GAAAE,MAAAxB,EAAAO,KAAAY,EAAA7C,GAAA0B,EAAAO,IAAAiB,CAAA,GAAAE,MAAA1B,EAAAQ,KAAAM,EAAAxC,GAAA,cAAA0B,EAAAQ,IAAAkB,CAAA,GAAAC,MAAA3B,EAAAS,KAAAK,EAAAxC,GAAA,YAAA0B,EAAAS,IAAAkB,CAAA,GAAA3B;AAAAA,IAAA,GAAA;AAAA,MAAAK,GAAA5B;AAAAA,MAAA8B,GAAA9B;AAAAA,MAAA+B,GAAA/B;AAAAA,MAAAgC,GAAAhC;AAAAA,IAAAA,CAAA,GAAAH;AAAAA,EAAA,GAAA;AAkC7C;AAEsBsD,EAAA,CAAA,WAAA,SAAA,WAAA,CAAA;"}
+{"version":3,"file":"rating.js","sources":["../../../../src/components/inputs/rating/rating.tsx"],"sourcesContent":["import { type JSX, For, Show, children, createSignal, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport { createControllableState } from \"../../../primitives/createControllableState\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport type RatingColor = \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n\nexport interface RatingProps {\n  class?: string;\n  /** Controlled value. */\n  value?: number;\n  /** Uncontrolled initial value. */\n  defaultValue?: number;\n  /** Number of icons. */\n  max?: number;\n  /** Smallest selectable increment: 1 (whole) or 0.5 (half). */\n  precision?: 1 | 0.5;\n  readOnly?: boolean;\n  disabled?: boolean;\n  size?: number;\n  /** Filled icon. */\n  icon?: JSX.Element;\n  /** Empty icon. */\n  emptyIcon?: JSX.Element;\n  name?: string;\n  /** Color of the filled icons. */\n  color?: RatingColor;\n  /** Renders the control in an error state. */\n  error?: boolean;\n  /** Supporting text shown below the control. */\n  helperText?: JSX.Element;\n  id?: string;\n  onChange?: (value: number) => void;\n  ref?: Ref<HTMLSpanElement>;\n}\n\nexport function Rating(props: RatingProps): JSX.Element {\n  const merged = mergeProps(\n    {\n      defaultValue: 0,\n      max: 5,\n      precision: 1 as 1 | 0.5,\n      readOnly: false,\n      disabled: false,\n      size: 28,\n      color: \"primary\" as RatingColor,\n    },\n    props\n  );\n  const [local] = splitProps(merged, [\n    \"class\",\n    \"value\",\n    \"defaultValue\",\n    \"max\",\n    \"precision\",\n    \"readOnly\",\n    \"disabled\",\n    \"size\",\n    \"icon\",\n    \"emptyIcon\",\n    \"name\",\n    \"color\",\n    \"error\",\n    \"helperText\",\n    \"id\",\n    \"onChange\",\n    \"ref\",\n  ]);\n  // Read once: markup passed as a prop is created anew on every read, and\n  // during hydration a copy the server never rendered has no DOM node.\n  const helperText = children(() => local.helperText);\n\n  const [current, setCurrent] = createControllableState<number>({\n    value: () => local.value,\n    defaultValue: local.defaultValue,\n    onChange: (next) => local.onChange?.(next),\n  });\n  const [hover, setHover] = createSignal<number | null>(null);\n\n  const display = (): number => hover() ?? current();\n  const interactive = (): boolean => !local.readOnly && !local.disabled;\n\n  const valueFromEvent = (event: MouseEvent & { currentTarget: HTMLSpanElement }, starIndex: number): number => {\n    if (local.precision === 1) {\n      return starIndex + 1;\n    }\n    const { left, width } = event.currentTarget.getBoundingClientRect();\n    const isLeftHalf = event.clientX - left < width / 2;\n    return starIndex + (isLeftHalf ? 0.5 : 1);\n  };\n\n  const handleSelect = (event: MouseEvent & { currentTarget: HTMLSpanElement }, starIndex: number): void => {\n    if (!interactive()) return;\n    setCurrent(valueFromEvent(event, starIndex));\n  };\n\n  const commit = (next: number): void => {\n    setCurrent(Math.max(0, Math.min(local.max, next)));\n  };\n\n  const handleKeyDown: JSX.EventHandler<HTMLSpanElement, KeyboardEvent> = (event) => {\n    if (!interactive()) return;\n    if (event.key === \"ArrowRight\" || event.key === \"ArrowUp\") {\n      event.preventDefault();\n      commit(current() + local.precision);\n    } else if (event.key === \"ArrowLeft\" || event.key === \"ArrowDown\") {\n      event.preventDefault();\n      commit(current() - local.precision);\n    } else if (event.key === \"Home\") {\n      event.preventDefault();\n      commit(0);\n    } else if (event.key === \"End\") {\n      event.preventDefault();\n      commit(local.max);\n    }\n  };\n\n  const filledIcon = (): JSX.Element => local.icon ?? <Icon name=\"star\" fill={1} size={local.size} />;\n  const blankIcon = (): JSX.Element => local.emptyIcon ?? <Icon name=\"star\" size={local.size} />;\n\n  return (\n    <span\n      ref={mergeRefs(local.ref)}\n      id={local.id}\n      class={cn(\n        \"smwb-rating\",\n        { \"smwb-rating_readonly\": local.readOnly, \"smwb-rating_disabled\": local.disabled, \"smwb-rating_error\": local.error },\n        local.color !== \"primary\" && `smwb-rating_color-${local.color}`,\n        local.class\n      )}\n      data-testid=\"rating\"\n      role=\"img\"\n      aria-label={`${current()} of ${local.max}`}\n      tabindex={interactive() ? 0 : undefined}\n      onKeyDown={interactive() ? handleKeyDown : undefined}\n    >\n      <For each={Array.from({ length: local.max }, (_, index) => index)}>\n        {(index) => {\n          const fillRatio = (): number => Math.max(0, Math.min(1, display() - index));\n          return (\n            <span\n              class=\"smwb-rating__item\"\n              style={{ width: `${local.size}px`, height: `${local.size}px`, cursor: interactive() ? \"pointer\" : \"default\" }}\n              onClick={(event) => handleSelect(event, index)}\n              onMouseMove={\n                interactive()\n                  ? (event) => setHover(local.precision === 0.5 ? valueFromEvent(event, index) : index + 1)\n                  : undefined\n              }\n              onMouseLeave={interactive() ? () => setHover(null) : undefined}\n            >\n              <span class=\"smwb-rating__icon smwb-rating__icon_empty\">{blankIcon()}</span>\n              <span class=\"smwb-rating__icon smwb-rating__icon_filled\" style={{ width: `${fillRatio() * 100}%` }}>\n                {filledIcon()}\n              </span>\n            </span>\n          );\n        }}\n      </For>\n      <Show when={local.name}>\n        <input type=\"hidden\" name={local.name} value={current()} />\n      </Show>\n      <Show when={helperText() != null && (helperText() as unknown) !== false}>\n        <span class={cn(\"smwb-rating__helper\", local.error && \"smwb-rating__helper_error\")}>{helperText()}</span>\n      </Show>\n    </span>\n  );\n}\n\nexport default Rating;\n"],"names":["Rating","props","merged","mergeProps","defaultValue","max","precision","readOnly","disabled","size","color","local","splitProps","helperText","children","current","setCurrent","createControllableState","value","onChange","next","hover","setHover","createSignal","display","interactive","valueFromEvent","event","starIndex","left","width","currentTarget","getBoundingClientRect","isLeftHalf","clientX","handleSelect","commit","Math","min","handleKeyDown","key","preventDefault","filledIcon","icon","_$createComponent","Icon","name","fill","blankIcon","emptyIcon","_el$","_tmpl$3","_$addEventListener","undefined","_ref$","mergeRefs","ref","_$use","_$insert","For","each","Array","from","length","_","index","fillRatio","_el$4","_tmpl$4","_el$5","firstChild","_el$6","nextSibling","$$click","_$effect","_p$","_v$5","_v$6","_v$7","_v$8","e","_$setStyleProperty","t","a","o","Show","when","_el$2","_tmpl$","_$setAttribute","_$memo","_el$3","_tmpl$2","_$className","cn","error","_v$","id","_v$2","class","_v$3","_v$4","_$delegateEvents"],"mappings":";;;;;;;;;AAuCO,SAASA,GAAOC,GAAiC;AACtD,QAAMC,IAASC,EACb;AAAA,IACEC,cAAc;AAAA,IACdC,KAAK;AAAA,IACLC,WAAW;AAAA,IACXC,UAAU;AAAA,IACVC,UAAU;AAAA,IACVC,MAAM;AAAA,IACNC,OAAO;AAAA,EAAA,GAETT,CACF,GACM,CAACU,CAAK,IAAIC,EAAWV,GAAQ,CACjC,SACA,SACA,gBACA,OACA,aACA,YACA,YACA,QACA,QACA,aACA,QACA,SACA,SACA,cACA,MACA,YACA,KAAK,CACN,GAGKW,IAAaC,EAAS,MAAMH,EAAME,UAAU,GAE5C,CAACE,GAASC,CAAU,IAAIC,EAAgC;AAAA,IAC5DC,OAAOA,MAAMP,EAAMO;AAAAA,IACnBd,cAAcO,EAAMP;AAAAA,IACpBe,UAAWC,CAAAA,MAAST,EAAMQ,WAAWC,CAAI;AAAA,EAAA,CAC1C,GACK,CAACC,GAAOC,CAAQ,IAAIC,EAA4B,IAAI,GAEpDC,IAAUA,MAAcH,EAAAA,KAAWN,EAAAA,GACnCU,IAAcA,MAAe,CAACd,EAAMJ,YAAY,CAACI,EAAMH,UAEvDkB,IAAiBA,CAACC,GAAwDC,MAA8B;AAC5G,QAAIjB,EAAML,cAAc;AACtB,aAAOsB,IAAY;AAErB,UAAM;AAAA,MAAEC,MAAAA;AAAAA,MAAMC,OAAAA;AAAAA,IAAAA,IAAUH,EAAMI,cAAcC,sBAAAA,GACtCC,IAAaN,EAAMO,UAAUL,IAAOC,IAAQ;AAClD,WAAOF,KAAaK,IAAa,MAAM;AAAA,EACzC,GAEME,IAAeA,CAACR,GAAwDC,MAA4B;AACxG,IAAKH,OACLT,EAAWU,EAAeC,GAAOC,CAAS,CAAC;AAAA,EAC7C,GAEMQ,IAASA,CAAChB,MAAuB;AACrCJ,IAAAA,EAAWqB,KAAKhC,IAAI,GAAGgC,KAAKC,IAAI3B,EAAMN,KAAKe,CAAI,CAAC,CAAC;AAAA,EACnD,GAEMmB,IAAmEZ,CAAAA,MAAU;AACjF,IAAKF,QACDE,EAAMa,QAAQ,gBAAgBb,EAAMa,QAAQ,aAC9Cb,EAAMc,eAAAA,GACNL,EAAOrB,EAAAA,IAAYJ,EAAML,SAAS,KACzBqB,EAAMa,QAAQ,eAAeb,EAAMa,QAAQ,eACpDb,EAAMc,eAAAA,GACNL,EAAOrB,EAAAA,IAAYJ,EAAML,SAAS,KACzBqB,EAAMa,QAAQ,UACvBb,EAAMc,eAAAA,GACNL,EAAO,CAAC,KACCT,EAAMa,QAAQ,UACvBb,EAAMc,eAAAA,GACNL,EAAOzB,EAAMN,GAAG;AAAA,EAEpB,GAEMqC,IAAaA,MAAmB/B,EAAMgC,QAAIC,EAAKC,GAAI;AAAA,IAACC,MAAI;AAAA,IAAQC,MAAM;AAAA,IAAC,IAAEtC,OAAI;AAAA,aAAEE,EAAMF;AAAAA,IAAI;AAAA,EAAA,CAAA,GACzFuC,IAAYA,MAAmBrC,EAAMsC,aAASL,EAAKC,GAAI;AAAA,IAACC,MAAI;AAAA,IAAA,IAAQrC,OAAI;AAAA,aAAEE,EAAMF;AAAAA,IAAI;AAAA,EAAA,CAAA;AAE1F,UAAA,MAAA;AAAA,QAAAyC,IAAAC,EAAAA;AAAAC,IAAAA,EAAAF,GAAA,WAcezB,EAAAA,IAAgBc,IAAgBc,QAAS,EAAA;AAAA,QAAAC,IAZ/CC,EAAU5C,EAAM6C,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAJ,CAAA,GAAAQ,EAAAR,GAAAN,EAcxBe,GAAG;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEC,MAAMC,KAAK;AAAA,UAAEC,QAAQpD,EAAMN;AAAAA,QAAAA,GAAO,CAAC2D,GAAGC,MAAUA,CAAK;AAAA,MAAC;AAAA,MAAAnD,UAC7DmD,CAAAA,MAAU;AACV,cAAMC,IAAYA,MAAc7B,KAAKhC,IAAI,GAAGgC,KAAKC,IAAI,GAAGd,EAAAA,IAAYyC,CAAK,CAAC;AAC1E,gBAAA,MAAA;AAAA,cAAAE,IAAAC,EAAAA,GAAAC,IAAAF,EAAAG,YAAAC,IAAAF,EAAAG;AAAApB,iBAAAA,EAAAe,GAAA,cAUkB1C,EAAAA,IAAgB,MAAMH,EAAS,IAAI,IAAI+B,MAAS,GAAAD,EAAAe,GAAA,aAJ5D1C,EAAAA,IACKE,CAAAA,MAAUL,EAASX,EAAML,cAAc,MAAMoB,EAAeC,GAAOsC,CAAK,IAAIA,IAAQ,CAAC,IACtFZ,QAAS,EAAA,GAAAc,EAAAM,UAJL9C,CAAAA,MAAUQ,EAAaR,GAAOsC,CAAK,GAACP,EAAAW,GAQWrB,CAAS,GAAAU,EAAAa,GAE/D7B,CAAU,GAAAgC,EAAAC,CAAAA,MAAA;AAAA,gBAAAC,IAXG,GAAGjE,EAAMF,IAAI,MAAIoE,IAAU,GAAGlE,EAAMF,IAAI,MAAIqE,IAAUrD,MAAgB,YAAY,WAASsD,IAUlC,GAAGb,EAAAA,IAAc,GAAG;AAAGU,mBAAAA,MAAAD,EAAAK,KAAAC,EAAAd,GAAA,SAAAQ,EAAAK,IAAAJ,CAAA,GAAAC,MAAAF,EAAAO,KAAAD,EAAAd,GAAA,UAAAQ,EAAAO,IAAAL,CAAA,GAAAC,MAAAH,EAAAQ,KAAAF,EAAAd,GAAA,UAAAQ,EAAAQ,IAAAL,CAAA,GAAAC,MAAAJ,EAAAS,KAAAH,EAAAV,GAAA,SAAAI,EAAAS,IAAAL,CAAA,GAAAJ;AAAAA,UAAA,GAAA;AAAA,YAAAK,GAAA3B;AAAAA,YAAA6B,GAAA7B;AAAAA,YAAA8B,GAAA9B;AAAAA,YAAA+B,GAAA/B;AAAAA,UAAAA,CAAA,GAAAc;AAAAA,QAAA,GAAA;AAAA,MAKtG;AAAA,IAAA,CAAC,GAAA,IAAA,GAAAT,EAAAR,GAAAN,EAEFyC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAE3E,EAAMmC;AAAAA,MAAI;AAAA,MAAA,IAAAhC,WAAA;AAAA,YAAAyE,IAAAC,EAAAA;AAAAd,eAAAA,QAAAe,EAAAF,GAAA,QACO5E,EAAMmC,IAAI,CAAA,GAAA4B,QAAAa,EAAArE,QAASH,EAAAA,CAAS,GAAAwE;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAA7B,EAAAR,GAAAN,EAExDyC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEI,EAAA,MAAA7E,EAAAA,KAAgB,IAAI,EAAA,KAAKA,QAA6B;AAAA,MAAK;AAAA,MAAA,IAAAC,WAAA;AAAA,YAAA6E,IAAAC,EAAAA;AAAAlC,eAAAA,EAAAiC,GACgB9E,CAAU,GAAA6D,EAAA,MAAAmB,EAAAF,GAAlFG,EAAG,uBAAuBnF,EAAMoF,SAAS,2BAA2B,CAAC,CAAA,GAAAJ;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAjB,EAAAC,CAAAA,MAAA;AAAA,UAAAqB,IAxChFrF,EAAMsF,IAAEC,IACLJ,EACL,eACA;AAAA,QAAE,wBAAwBnF,EAAMJ;AAAAA,QAAU,wBAAwBI,EAAMH;AAAAA,QAAU,qBAAqBG,EAAMoF;AAAAA,MAAAA,GAC7GpF,EAAMD,UAAU,aAAa,qBAAqBC,EAAMD,KAAK,IAC7DC,EAAMwF,KACR,GAACC,IAGW,GAAGrF,EAAAA,CAAS,OAAOJ,EAAMN,GAAG,IAAEgG,IAChC5E,MAAgB,IAAI4B;AAAS2C,aAAAA,MAAArB,EAAAK,KAAAS,EAAAvC,GAAA,MAAAyB,EAAAK,IAAAgB,CAAA,GAAAE,MAAAvB,EAAAO,KAAAW,EAAA3C,GAAAyB,EAAAO,IAAAgB,CAAA,GAAAE,MAAAzB,EAAAQ,KAAAM,EAAAvC,GAAA,cAAAyB,EAAAQ,IAAAiB,CAAA,GAAAC,MAAA1B,EAAAS,KAAAK,EAAAvC,GAAA,YAAAyB,EAAAS,IAAAiB,CAAA,GAAA1B;AAAAA,IAAA,GAAA;AAAA,MAAAK,GAAA3B;AAAAA,MAAA6B,GAAA7B;AAAAA,MAAA8B,GAAA9B;AAAAA,MAAA+B,GAAA/B;AAAAA,IAAAA,CAAA,GAAAH;AAAAA,EAAA,GAAA;AAkC7C;AAEsBoD,EAAA,CAAA,WAAA,SAAA,WAAA,CAAA;"}

package/dist/components/inputs/selectField/selectField.d.ts

@@ -31,6 +31,8 @@ export interface SelectFieldProps {
     items: DropdownItem[];
     label?: string;
     variant?: "outlined" | "filled";
+    /** Height of the field, as for TextField: `small` (40px, for toolbars), `medium` (default) or `large`. */
+    size?: "small" | "medium" | "large";
     fullWidth?: boolean;
     helperText?: JSX.Element;
     onSearch?: (e: SearchEvent) => void;