@smwb/ui-solid 0.11.1 → 0.12.0

package/dist/components/inputs/textField/textField.js

@@ -1,50 +1,51 @@
-import { createComponent as y, use as A, spread as w, mergeProps as T, template as q } from "solid-js/web";
-import '../../../assets/styles/less/components/textField/textField.entry.css';/* empty css                                                             */
-import { mergeProps as z, splitProps as B, createSignal as d, createEffect as m, onMount as C } from "solid-js";
-import c from "clsx";
-import { isFilled as P } from "./utils.js";
-import { TextFieldWrapper as $ } from "./textFieldWrapper.js";
-import { mergeRefs as I } from "../../../primitives/mergeRefs.js";
-var S = /* @__PURE__ */ q("<input>");
-function H(a) {
-  const f = z({
+import { createComponent as T, use as q, spread as z, mergeProps as B, template as C } from "solid-js/web";
+import '../../../assets/styles/less/components/textField/textField.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                             */
+import { mergeProps as P, splitProps as $, createSignal as c, createEffect as p, onMount as I, children as f } from "solid-js";
+import g from "clsx";
+import { isFilled as S } from "./utils.js";
+import { TextFieldWrapper as W } from "./textFieldWrapper.js";
+import { mergeRefs as D } from "../../../primitives/mergeRefs.js";
+var k = /* @__PURE__ */ C("<input>");
+function J(a) {
+  const h = P({
     variant: "outlined",
     size: "medium",
     type: "text"
-  }, a), [e, p] = B(f, ["label", "helperText", "variant", "size", "required", "class", "disabled", "value", "defaultValue", "onChange", "onFocus", "onBlur", "error", "name", "type", "readOnly", "placeholder", "fullWidth", "id", "startAdornment", "endAdornment", "inline", "autocomplete", "inputmode", "ref"]), [s, u] = d(!1), [g, b] = d(!1), l = e.value != null;
+  }, a), [e, b] = $(h, ["label", "helperText", "variant", "size", "required", "class", "disabled", "value", "defaultValue", "onChange", "onFocus", "onBlur", "error", "name", "type", "readOnly", "placeholder", "fullWidth", "id", "startAdornment", "endAdornment", "inline", "autocomplete", "inputmode", "ref"]), [d, u] = c(!1), [v, _] = c(!1), l = e.value != null;
   let n;
   const i = (t) => {
-    const r = P(t);
-    b((o) => o === r ? o : r);
-  }, h = (t) => {
+    const r = S(t);
+    _((o) => o === r ? o : r);
+  }, x = (t) => {
     if (e.disabled) {
       t.stopPropagation();
       return;
     }
     const r = e.onFocus;
     typeof r == "function" ? r(t) : Array.isArray(r) && r[0](r[1], t), u(!0);
-  }, v = (t) => {
+  }, F = (t) => {
     l || i({
       value: t.currentTarget.value
     }), e.onBlur?.(t, a), u(!1);
-  }, _ = (t) => {
+  }, y = (t) => {
     l || i({
       value: t.currentTarget.value
     }), e.onChange?.(t, a);
-  }, x = (t) => {
+  }, A = (t) => {
     n && t.currentTarget === t.target && (t.preventDefault(), n.focus());
   };
-  m(() => {
-    e.disabled && s() && u(!1);
-  }), C(() => i(n ? {
+  p(() => {
+    e.disabled && d() && u(!1);
+  }), I(() => i(n ? {
     value: n.value
-  } : null)), m(() => {
+  } : null)), p(() => {
     l && i({
       value: e.value
     });
   });
-  const F = () => c("smwb-text-field__input", (!e.label || e.inline) && "smwb-text-field__input--show-placeholder", e.startAdornment && "smwb-text-field__input--adornment-start", e.endAdornment && "smwb-text-field__input--adornment-end", e.inline && "smwb-text-field__input--inline");
-  return y($, {
+  const s = f(() => e.startAdornment), m = f(() => e.endAdornment), w = () => g("smwb-text-field__input", (!e.label || e.inline) && "smwb-text-field__input--show-placeholder", s() && "smwb-text-field__input--adornment-start", m() && "smwb-text-field__input--adornment-end", e.inline && "smwb-text-field__input--inline");
+  return T(W, {
     get label() {
       return e.label;
     },
@@ -58,7 +59,7 @@ function H(a) {
       return e.disabled;
     },
     get class() {
-      return c(e.class, e.size !== "medium" && `smwb-text-field_size-${e.size}`);
+      return g(e.class, e.size !== "medium" && `smwb-text-field_size-${e.size}`);
     },
     get error() {
       return e.error;
@@ -67,30 +68,30 @@ function H(a) {
       return e.fullWidth;
     },
     get isFilledState() {
-      return g();
+      return v();
     },
     get isFocused() {
-      return s();
+      return d();
     },
     get for() {
       return e.id;
     },
     get shrink() {
-      return !!e.startAdornment;
+      return !!s();
     },
-    onHolderMouseDown: x,
+    onHolderMouseDown: A,
     get startAdornment() {
-      return e.startAdornment;
+      return s();
     },
     get endAdornment() {
-      return e.endAdornment;
+      return m();
     },
     get inline() {
       return e.inline;
     },
     get children() {
-      var t = S(), r = I(e.ref, (o) => n = o);
-      return typeof r == "function" && A(r, t), w(t, T(p, {
+      var t = k(), r = D(e.ref, (o) => n = o);
+      return typeof r == "function" && q(r, t), z(t, B(b, {
         get type() {
           return e.type;
         },
@@ -119,11 +120,11 @@ function H(a) {
           return l ? e.value : e.defaultValue ?? "";
         },
         get class() {
-          return F();
+          return w();
         },
-        onInput: _,
-        onFocus: h,
-        onBlur: v,
+        onInput: y,
+        onFocus: x,
+        onBlur: F,
         get id() {
           return e.id;
         },
@@ -138,6 +139,6 @@ function H(a) {
   });
 }
 export {
-  H as TextField
+  J as TextField
 };
 //# sourceMappingURL=textField.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"textField.js","sources":["../../../../src/components/inputs/textField/textField.tsx"],"sourcesContent":["import { type JSX, createEffect, createSignal, mergeProps, onMount, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { isFilled } from \"./utils\";\nimport { TextFieldWrapper } from \"./textFieldWrapper\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\ntype FocusEvt = FocusEvent & { currentTarget: HTMLInputElement; target: Element };\ntype InputEvt = InputEvent & { currentTarget: HTMLInputElement; target: Element };\n\nexport interface TextFieldProps extends Omit<JSX.InputHTMLAttributes<HTMLInputElement>, \"onChange\" | \"onBlur\" | \"size\"> {\n  label?: string | undefined;\n  helperText?: JSX.Element;\n  variant?: \"outlined\" | \"filled\";\n  size?: \"small\" | \"medium\" | \"large\";\n  required?: boolean;\n  disabled?: boolean | undefined;\n  value?: string | number | undefined;\n  placeholder?: string;\n  defaultValue?: string;\n  error?: boolean;\n  name?: string;\n  type?: string;\n  readOnly?: boolean;\n  fullWidth?: boolean;\n  onBlur?: (event: FocusEvt, data: TextFieldProps) => void;\n  onChange?: (event: InputEvt, data: TextFieldProps) => void;\n  startAdornment?: JSX.Element;\n  endAdornment?: JSX.Element;\n  id?: string;\n  inline?: boolean;\n  ref?: Ref<HTMLInputElement>;\n}\n\nexport function TextField(props: TextFieldProps): JSX.Element {\n  const merged = mergeProps({ variant: \"outlined\" as const, size: \"medium\" as const, type: \"text\" }, props);\n  const [local, rest] = splitProps(merged, [\n    \"label\",\n    \"helperText\",\n    \"variant\",\n    \"size\",\n    \"required\",\n    \"class\",\n    \"disabled\",\n    \"value\",\n    \"defaultValue\",\n    \"onChange\",\n    \"onFocus\",\n    \"onBlur\",\n    \"error\",\n    \"name\",\n    \"type\",\n    \"readOnly\",\n    \"placeholder\",\n    \"fullWidth\",\n    \"id\",\n    \"startAdornment\",\n    \"endAdornment\",\n    \"inline\",\n    \"autocomplete\",\n    \"inputmode\",\n    \"ref\",\n  ]);\n\n  const [isFocused, setIsFocused] = createSignal(false);\n  const [isFilledState, setIsFilledState] = createSignal(false);\n\n  // One-time snapshot of controlled-ness, matching the React useRef behaviour.\n  const isControlled = local.value != null;\n  let inputEl: HTMLInputElement | undefined;\n\n  const checkDirty = (obj: Parameters<typeof isFilled>[0]): void => {\n    const filled = isFilled(obj);\n    setIsFilledState((prev) => (prev === filled ? prev : filled));\n  };\n\n  const onFocus = (event: FocusEvent & { currentTarget: HTMLInputElement; target: HTMLInputElement }): void => {\n    if (local.disabled) {\n      event.stopPropagation();\n      return;\n    }\n    // local.onFocus is Solid's FocusEventHandlerUnion (function or [handler, data]).\n    const handler = local.onFocus as unknown;\n    if (typeof handler === \"function\") {\n      (handler as (e: typeof event) => void)(event);\n    } else if (Array.isArray(handler)) {\n      (handler[0] as (data: unknown, e: typeof event) => void)(handler[1], event);\n    }\n    setIsFocused(true);\n  };\n\n  const onBlur: JSX.EventHandler<HTMLInputElement, FocusEvent> = (event) => {\n    if (!isControlled) {\n      checkDirty({ value: event.currentTarget.value });\n    }\n    local.onBlur?.(event as FocusEvt, props);\n    setIsFocused(false);\n  };\n\n  const onInput: JSX.EventHandler<HTMLInputElement, InputEvent> = (event) => {\n    if (!isControlled) {\n      checkDirty({ value: event.currentTarget.value });\n    }\n    local.onChange?.(event as InputEvt, props);\n  };\n\n  const onHolderMouseDown: JSX.EventHandler<HTMLDivElement, MouseEvent> = (event) => {\n    if (inputEl && event.currentTarget === event.target) {\n      event.preventDefault();\n      inputEl.focus();\n    }\n  };\n\n  createEffect(() => {\n    if (local.disabled && isFocused()) {\n      setIsFocused(false);\n    }\n  });\n\n  onMount(() => checkDirty(inputEl ? { value: inputEl.value } : null));\n\n  createEffect(() => {\n    if (isControlled) {\n      checkDirty({ value: local.value });\n    }\n  });\n\n  const inputClasses = (): string =>\n    cn(\n      \"smwb-text-field__input\",\n      (!local.label || local.inline) && \"smwb-text-field__input--show-placeholder\",\n      local.startAdornment && \"smwb-text-field__input--adornment-start\",\n      local.endAdornment && \"smwb-text-field__input--adornment-end\",\n      local.inline && \"smwb-text-field__input--inline\"\n    );\n\n  return (\n    <TextFieldWrapper\n      label={local.label}\n      helperText={local.helperText}\n      variant={local.variant}\n      disabled={local.disabled}\n      class={cn(local.class, local.size !== \"medium\" && `smwb-text-field_size-${local.size}`)}\n      error={local.error}\n      fullWidth={local.fullWidth}\n      isFilledState={isFilledState()}\n      isFocused={isFocused()}\n      for={local.id}\n      shrink={Boolean(local.startAdornment)}\n      onHolderMouseDown={onHolderMouseDown}\n      startAdornment={local.startAdornment}\n      endAdornment={local.endAdornment}\n      inline={local.inline}\n    >\n      <input\n        {...rest}\n        type={local.type}\n        name={local.name}\n        readonly={local.readOnly}\n        required={local.required}\n        aria-invalid={local.error || undefined}\n        aria-required={local.required || undefined}\n        placeholder={local.placeholder}\n        disabled={local.disabled}\n        value={isControlled ? local.value : (local.defaultValue ?? \"\")}\n        class={inputClasses()}\n        ref={mergeRefs(local.ref, (el) => (inputEl = el))}\n        onInput={onInput}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        id={local.id}\n        autocomplete={local.autocomplete}\n        inputmode={local.inputmode}\n      />\n    </TextFieldWrapper>\n  );\n}\n\nexport default TextField;\n"],"names":["TextField","props","merged","mergeProps","variant","size","type","local","rest","splitProps","isFocused","setIsFocused","createSignal","isFilledState","setIsFilledState","isControlled","value","inputEl","checkDirty","obj","filled","isFilled","prev","onFocus","event","disabled","stopPropagation","handler","Array","isArray","onBlur","currentTarget","onInput","onChange","onHolderMouseDown","target","preventDefault","focus","createEffect","onMount","inputClasses","cn","label","inline","startAdornment","endAdornment","_$createComponent","TextFieldWrapper","helperText","class","error","fullWidth","id","shrink","Boolean","children","_el$","_tmpl$","_ref$","mergeRefs","ref","el","_$use","_$spread","_$mergeProps","name","readonly","readOnly","required","undefined","placeholder","defaultValue","autocomplete","inputmode"],"mappings":"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"}
+{"version":3,"file":"textField.js","sources":["../../../../src/components/inputs/textField/textField.tsx"],"sourcesContent":["import { type JSX, children, createEffect, createSignal, mergeProps, onMount, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { isFilled } from \"./utils\";\nimport { TextFieldWrapper } from \"./textFieldWrapper\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\ntype FocusEvt = FocusEvent & { currentTarget: HTMLInputElement; target: Element };\ntype InputEvt = InputEvent & { currentTarget: HTMLInputElement; target: Element };\n\nexport interface TextFieldProps extends Omit<JSX.InputHTMLAttributes<HTMLInputElement>, \"onChange\" | \"onBlur\" | \"size\"> {\n  label?: string | undefined;\n  helperText?: JSX.Element;\n  variant?: \"outlined\" | \"filled\";\n  size?: \"small\" | \"medium\" | \"large\";\n  required?: boolean;\n  disabled?: boolean | undefined;\n  value?: string | number | undefined;\n  placeholder?: string;\n  defaultValue?: string;\n  error?: boolean;\n  name?: string;\n  type?: string;\n  readOnly?: boolean;\n  fullWidth?: boolean;\n  onBlur?: (event: FocusEvt, data: TextFieldProps) => void;\n  onChange?: (event: InputEvt, data: TextFieldProps) => void;\n  startAdornment?: JSX.Element;\n  endAdornment?: JSX.Element;\n  id?: string;\n  inline?: boolean;\n  ref?: Ref<HTMLInputElement>;\n}\n\nexport function TextField(props: TextFieldProps): JSX.Element {\n  const merged = mergeProps({ variant: \"outlined\" as const, size: \"medium\" as const, type: \"text\" }, props);\n  const [local, rest] = splitProps(merged, [\n    \"label\",\n    \"helperText\",\n    \"variant\",\n    \"size\",\n    \"required\",\n    \"class\",\n    \"disabled\",\n    \"value\",\n    \"defaultValue\",\n    \"onChange\",\n    \"onFocus\",\n    \"onBlur\",\n    \"error\",\n    \"name\",\n    \"type\",\n    \"readOnly\",\n    \"placeholder\",\n    \"fullWidth\",\n    \"id\",\n    \"startAdornment\",\n    \"endAdornment\",\n    \"inline\",\n    \"autocomplete\",\n    \"inputmode\",\n    \"ref\",\n  ]);\n\n  const [isFocused, setIsFocused] = createSignal(false);\n  const [isFilledState, setIsFilledState] = createSignal(false);\n\n  // One-time snapshot of controlled-ness, matching the React useRef behaviour.\n  const isControlled = local.value != null;\n  let inputEl: HTMLInputElement | undefined;\n\n  const checkDirty = (obj: Parameters<typeof isFilled>[0]): void => {\n    const filled = isFilled(obj);\n    setIsFilledState((prev) => (prev === filled ? prev : filled));\n  };\n\n  const onFocus = (event: FocusEvent & { currentTarget: HTMLInputElement; target: HTMLInputElement }): void => {\n    if (local.disabled) {\n      event.stopPropagation();\n      return;\n    }\n    // local.onFocus is Solid's FocusEventHandlerUnion (function or [handler, data]).\n    const handler = local.onFocus as unknown;\n    if (typeof handler === \"function\") {\n      (handler as (e: typeof event) => void)(event);\n    } else if (Array.isArray(handler)) {\n      (handler[0] as (data: unknown, e: typeof event) => void)(handler[1], event);\n    }\n    setIsFocused(true);\n  };\n\n  const onBlur: JSX.EventHandler<HTMLInputElement, FocusEvent> = (event) => {\n    if (!isControlled) {\n      checkDirty({ value: event.currentTarget.value });\n    }\n    local.onBlur?.(event as FocusEvt, props);\n    setIsFocused(false);\n  };\n\n  const onInput: JSX.EventHandler<HTMLInputElement, InputEvent> = (event) => {\n    if (!isControlled) {\n      checkDirty({ value: event.currentTarget.value });\n    }\n    local.onChange?.(event as InputEvt, props);\n  };\n\n  const onHolderMouseDown: JSX.EventHandler<HTMLDivElement, MouseEvent> = (event) => {\n    if (inputEl && event.currentTarget === event.target) {\n      event.preventDefault();\n      inputEl.focus();\n    }\n  };\n\n  createEffect(() => {\n    if (local.disabled && isFocused()) {\n      setIsFocused(false);\n    }\n  });\n\n  onMount(() => checkDirty(inputEl ? { value: inputEl.value } : null));\n\n  createEffect(() => {\n    if (isControlled) {\n      checkDirty({ value: local.value });\n    }\n  });\n\n  // Read each slot once: markup passed as a prop is created anew on every read,\n  // and during hydration a copy the server never rendered has no DOM node.\n  const startAdornment = children(() => local.startAdornment);\n  const endAdornment = children(() => local.endAdornment);\n\n  const inputClasses = (): string =>\n    cn(\n      \"smwb-text-field__input\",\n      (!local.label || local.inline) && \"smwb-text-field__input--show-placeholder\",\n      startAdornment() && \"smwb-text-field__input--adornment-start\",\n      endAdornment() && \"smwb-text-field__input--adornment-end\",\n      local.inline && \"smwb-text-field__input--inline\"\n    );\n\n  return (\n    <TextFieldWrapper\n      label={local.label}\n      helperText={local.helperText}\n      variant={local.variant}\n      disabled={local.disabled}\n      class={cn(local.class, local.size !== \"medium\" && `smwb-text-field_size-${local.size}`)}\n      error={local.error}\n      fullWidth={local.fullWidth}\n      isFilledState={isFilledState()}\n      isFocused={isFocused()}\n      for={local.id}\n      shrink={Boolean(startAdornment())}\n      onHolderMouseDown={onHolderMouseDown}\n      startAdornment={startAdornment()}\n      endAdornment={endAdornment()}\n      inline={local.inline}\n    >\n      <input\n        {...rest}\n        type={local.type}\n        name={local.name}\n        readonly={local.readOnly}\n        required={local.required}\n        aria-invalid={local.error || undefined}\n        aria-required={local.required || undefined}\n        placeholder={local.placeholder}\n        disabled={local.disabled}\n        value={isControlled ? local.value : (local.defaultValue ?? \"\")}\n        class={inputClasses()}\n        ref={mergeRefs(local.ref, (el) => (inputEl = el))}\n        onInput={onInput}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        id={local.id}\n        autocomplete={local.autocomplete}\n        inputmode={local.inputmode}\n      />\n    </TextFieldWrapper>\n  );\n}\n\nexport default TextField;\n"],"names":["TextField","props","merged","mergeProps","variant","size","type","local","rest","splitProps","isFocused","setIsFocused","createSignal","isFilledState","setIsFilledState","isControlled","value","inputEl","checkDirty","obj","filled","isFilled","prev","onFocus","event","disabled","stopPropagation","handler","Array","isArray","onBlur","currentTarget","onInput","onChange","onHolderMouseDown","target","preventDefault","focus","createEffect","onMount","startAdornment","children","endAdornment","inputClasses","cn","label","inline","_$createComponent","TextFieldWrapper","helperText","class","error","fullWidth","id","shrink","Boolean","_el$","_tmpl$","_ref$","mergeRefs","ref","el","_$use","_$spread","_$mergeProps","name","readonly","readOnly","required","undefined","placeholder","defaultValue","autocomplete","inputmode"],"mappings":"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"}

package/dist/components/inputs/textField/textFieldAdornment.js

@@ -1,15 +1,15 @@
-import { insert as i, effect as r, className as l, template as o } from "solid-js/web";
-import { splitProps as s } from "solid-js";
-import a from "clsx";
-var d = /* @__PURE__ */ o("<span>");
-function _(n) {
-  const [t] = s(n, ["position", "variant", "children", "class", "disablePointerEvents", "inline"]);
+import { insert as r, effect as o, className as s, template as l } from "solid-js/web";
+import { splitProps as a, children as d } from "solid-js";
+import m from "clsx";
+var f = /* @__PURE__ */ l("<span>");
+function b(i) {
+  const [t] = a(i, ["position", "variant", "children", "class", "disablePointerEvents", "inline"]), n = d(() => t.children);
   return (() => {
-    var e = d();
-    return i(e, () => t.children), r(() => l(e, a("smwb-text-field__adornment", t.class, t.position === "start" && "smwb-text-field__adornment--start", t.position === "end" && "smwb-text-field__adornment--end", t.disablePointerEvents && "smwb-text-field__adornment--disable-pointer", !t.inline && t.variant === "filled" && "smwb-text-field__adornment--filled", typeof t.children == "string" && "smwb-text-field__adornment--text"))), e;
+    var e = f();
+    return r(e, n), o(() => s(e, m("smwb-text-field__adornment", t.class, t.position === "start" && "smwb-text-field__adornment--start", t.position === "end" && "smwb-text-field__adornment--end", t.disablePointerEvents && "smwb-text-field__adornment--disable-pointer", !t.inline && t.variant === "filled" && "smwb-text-field__adornment--filled", typeof n() == "string" && "smwb-text-field__adornment--text"))), e;
   })();
 }
 export {
-  _ as TextFieldAdornment
+  b as TextFieldAdornment
 };
 //# sourceMappingURL=textFieldAdornment.js.map

package/dist/components/inputs/textField/textFieldAdornment.js.map

@@ -1 +1 @@
-{"version":3,"file":"textFieldAdornment.js","sources":["../../../../src/components/inputs/textField/textFieldAdornment.tsx"],"sourcesContent":["import { type JSX, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport type { TextFieldVariant } from \"./types\";\n\nexport interface TextFieldAdornmentProps {\n  position?: \"start\" | \"end\";\n  disablePointerEvents?: boolean;\n  variant?: TextFieldVariant | undefined;\n  inline?: boolean;\n  class?: string;\n  children?: JSX.Element;\n}\n\nexport function TextFieldAdornment(props: TextFieldAdornmentProps): JSX.Element {\n  const [local] = splitProps(props, [\n    \"position\",\n    \"variant\",\n    \"children\",\n    \"class\",\n    \"disablePointerEvents\",\n    \"inline\",\n  ]);\n\n  return (\n    <span\n      class={cn(\n        \"smwb-text-field__adornment\",\n        local.class,\n        local.position === \"start\" && \"smwb-text-field__adornment--start\",\n        local.position === \"end\" && \"smwb-text-field__adornment--end\",\n        local.disablePointerEvents && \"smwb-text-field__adornment--disable-pointer\",\n        !local.inline && local.variant === \"filled\" && \"smwb-text-field__adornment--filled\",\n        typeof local.children === \"string\" && \"smwb-text-field__adornment--text\"\n      )}\n    >\n      {local.children}\n    </span>\n  );\n}\n\nexport default TextFieldAdornment;\n"],"names":["TextFieldAdornment","props","local","splitProps","_el$","_tmpl$","_$insert","children","_$effect","_$className","cn","class","position","disablePointerEvents","inline","variant"],"mappings":";;;;AAaO,SAASA,EAAmBC,GAA6C;AAC9E,QAAM,CAACC,CAAK,IAAIC,EAAWF,GAAO,CAChC,YACA,WACA,YACA,SACA,wBACA,QAAQ,CACT;AAED,UAAA,MAAA;AAAA,QAAAG,IAAAC,EAAAA;AAAAC,WAAAA,EAAAF,GAAA,MAYKF,EAAMK,QAAQ,GAAAC,EAAA,MAAAC,EAAAL,GAVRM,EACL,8BACAR,EAAMS,OACNT,EAAMU,aAAa,WAAW,qCAC9BV,EAAMU,aAAa,SAAS,mCAC5BV,EAAMW,wBAAwB,+CAC9B,CAACX,EAAMY,UAAUZ,EAAMa,YAAY,YAAY,sCAC/C,OAAOb,EAAMK,YAAa,YAAY,kCACxC,CAAC,CAAA,GAAAH;AAAAA,EAAA,GAAA;AAKP;"}
+{"version":3,"file":"textFieldAdornment.js","sources":["../../../../src/components/inputs/textField/textFieldAdornment.tsx"],"sourcesContent":["import { type JSX, children, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport type { TextFieldVariant } from \"./types\";\n\nexport interface TextFieldAdornmentProps {\n  position?: \"start\" | \"end\";\n  disablePointerEvents?: boolean;\n  variant?: TextFieldVariant | undefined;\n  inline?: boolean;\n  class?: string;\n  children?: JSX.Element;\n}\n\nexport function TextFieldAdornment(props: TextFieldAdornmentProps): JSX.Element {\n  const [local] = splitProps(props, [\n    \"position\",\n    \"variant\",\n    \"children\",\n    \"class\",\n    \"disablePointerEvents\",\n    \"inline\",\n  ]);\n\n  // Read once: markup passed as children is created anew on every read, and\n  // during hydration a copy the server never rendered has no DOM node.\n  const content = children(() => local.children);\n\n  return (\n    <span\n      class={cn(\n        \"smwb-text-field__adornment\",\n        local.class,\n        local.position === \"start\" && \"smwb-text-field__adornment--start\",\n        local.position === \"end\" && \"smwb-text-field__adornment--end\",\n        local.disablePointerEvents && \"smwb-text-field__adornment--disable-pointer\",\n        !local.inline && local.variant === \"filled\" && \"smwb-text-field__adornment--filled\",\n        typeof content() === \"string\" && \"smwb-text-field__adornment--text\"\n      )}\n    >\n      {content()}\n    </span>\n  );\n}\n\nexport default TextFieldAdornment;\n"],"names":["TextFieldAdornment","props","local","splitProps","content","children","_el$","_tmpl$","_$insert","_$effect","_$className","cn","class","position","disablePointerEvents","inline","variant"],"mappings":";;;;AAaO,SAASA,EAAmBC,GAA6C;AAC9E,QAAM,CAACC,CAAK,IAAIC,EAAWF,GAAO,CAChC,YACA,WACA,YACA,SACA,wBACA,QAAQ,CACT,GAIKG,IAAUC,EAAS,MAAMH,EAAMG,QAAQ;AAE7C,UAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA;AAAAC,WAAAA,EAAAF,GAYKF,CAAO,GAAAK,EAAA,MAAAC,EAAAJ,GAVDK,EACL,8BACAT,EAAMU,OACNV,EAAMW,aAAa,WAAW,qCAC9BX,EAAMW,aAAa,SAAS,mCAC5BX,EAAMY,wBAAwB,+CAC9B,CAACZ,EAAMa,UAAUb,EAAMc,YAAY,YAAY,sCAC/C,OAAOZ,EAAAA,KAAc,YAAY,kCACnC,CAAC,CAAA,GAAAE;AAAAA,EAAA,GAAA;AAKP;"}

package/dist/components/inputs/textField/textFieldWrapper.js

@@ -1,16 +1,16 @@
-import { spread as g, mergeProps as $, insert as l, createComponent as n, effect as b, className as w, setAttribute as A, memo as m, addEventListener as F, template as s, delegateEvents as T } from "solid-js/web";
-import { splitProps as k, Show as d } from "solid-js";
-import u from "clsx";
-import { TextFieldAdornment as _ } from "./textFieldAdornment.js";
-var C = /* @__PURE__ */ s("<label>"), S = /* @__PURE__ */ s("<span>"), W = /* @__PURE__ */ s("<fieldset><legend>"), D = /* @__PURE__ */ s("<p class=smwb-text-field__helper-line><span class=smwb-text-field__helper-text>"), E = /* @__PURE__ */ s("<div><div class=smwb-text-field__input-holder>"), H = /* @__PURE__ */ s("<span class=smwb-notranslate>&#8203;");
-function L(p) {
-  const [e, x] = k(p, ["label", "helperText", "variant", "disabled", "class", "error", "fullWidth", "isFilledState", "isFocused", "for", "shrink", "children", "onHolderMouseDown", "startAdornment", "endAdornment", "inline"]), c = () => e.helperText ?? " ", v = () => e.variant === "filled", f = () => !!e.label && (!!e.isFilledState || !!e.isFocused || !!e.shrink);
+import { spread as T, mergeProps as k, insert as l, createComponent as r, effect as _, className as v, setAttribute as C, memo as m, addEventListener as S, template as d, delegateEvents as W } from "solid-js/web";
+import { splitProps as D, children as u, Show as s } from "solid-js";
+import c from "clsx";
+import { TextFieldAdornment as x } from "./textFieldAdornment.js";
+var E = /* @__PURE__ */ d("<label>"), H = /* @__PURE__ */ d("<span>"), M = /* @__PURE__ */ d("<fieldset><legend>"), N = /* @__PURE__ */ d("<p class=smwb-text-field__helper-line><span class=smwb-text-field__helper-text>"), P = /* @__PURE__ */ d("<div><div class=smwb-text-field__input-holder>"), B = /* @__PURE__ */ d("<span class=smwb-notranslate>&#8203;");
+function y(g) {
+  const [e, $] = D(g, ["label", "helperText", "variant", "disabled", "class", "error", "fullWidth", "isFilledState", "isFocused", "for", "shrink", "children", "onHolderMouseDown", "startAdornment", "endAdornment", "inline"]), A = u(() => e.inline ? void 0 : e.helperText), h = u(() => e.startAdornment), f = u(() => e.endAdornment), b = () => A() ?? " ", F = () => e.variant === "filled", w = () => !!e.label && (!!e.isFilledState || !!e.isFocused || !!e.shrink);
   return (() => {
-    var a = E(), i = a.firstChild;
-    return g(a, $(x, {
+    var o = P(), i = o.firstChild;
+    return T(o, k($, {
       get class() {
-        return u(e.class, "smwb-text-field", {
-          "smwb-text-field--filled": !e.inline && v(),
+        return c(e.class, "smwb-text-field", {
+          "smwb-text-field--filled": !e.inline && F(),
           "smwb-text-field--inline": e.inline,
           "smwb-text-field--focused": !e.inline && e.isFocused,
           "smwb-text-field--error": e.error,
@@ -19,28 +19,28 @@ function L(p) {
         });
       },
       "data-testid": "text-field"
-    }), !1, !0), l(a, n(d, {
+    }), !1, !0), l(o, r(s, {
       get when() {
         return m(() => !e.inline)() && e.label;
       },
       get children() {
-        var t = C();
-        return l(t, () => e.label), b((r) => {
-          var o = u("smwb-text-field__label", {
-            "smwb-text-field__label--shrink": f()
-          }), h = e.for || "";
-          return o !== r.e && w(t, r.e = o), h !== r.t && A(t, "for", r.t = h), r;
+        var t = E();
+        return l(t, () => e.label), _((n) => {
+          var a = c("smwb-text-field__label", {
+            "smwb-text-field__label--shrink": w()
+          }), p = e.for || "";
+          return a !== n.e && v(t, n.e = a), p !== n.t && C(t, "for", n.t = p), n;
         }, {
           e: void 0,
           t: void 0
         }), t;
       }
-    }), i), F(i, "mousedown", e.onHolderMouseDown, !0), l(i, n(d, {
+    }), i), S(i, "mousedown", e.onHolderMouseDown, !0), l(i, r(s, {
       get when() {
-        return e.startAdornment;
+        return h();
       },
       get children() {
-        return n(_, {
+        return r(x, {
           get variant() {
             return e.variant;
           },
@@ -49,57 +49,57 @@ function L(p) {
           },
           position: "start",
           get children() {
-            return e.startAdornment;
+            return h();
           }
         });
       }
-    }), null), l(i, () => e.children, null), l(i, n(d, {
+    }), null), l(i, () => e.children, null), l(i, r(s, {
       get when() {
-        return e.endAdornment;
+        return f();
       },
       get children() {
-        return n(_, {
+        return r(x, {
           position: "end",
           get children() {
-            return e.endAdornment;
+            return f();
           }
         });
       }
-    }), null), l(i, n(d, {
+    }), null), l(i, r(s, {
       get when() {
         return m(() => !e.inline)() && e.variant === "outlined";
       },
       get children() {
-        var t = W(), r = t.firstChild;
-        return l(r, n(d, {
+        var t = M(), n = t.firstChild;
+        return l(n, r(s, {
           get when() {
             return e.label;
           },
           get fallback() {
-            return H();
+            return B();
           },
           get children() {
-            var o = S();
-            return l(o, () => e.label), o;
+            var a = H();
+            return l(a, () => e.label), a;
           }
-        })), b(() => w(t, u("smwb-text-field__notched", {
+        })), _(() => v(t, c("smwb-text-field__notched", {
           "smwb-text-field__notched--with-label": e.label,
-          "smwb-text-field__notched--active": f()
+          "smwb-text-field__notched--active": w()
         }))), t;
       }
-    }), null), l(a, n(d, {
+    }), null), l(o, r(s, {
       get when() {
-        return m(() => !e.inline)() && c();
+        return m(() => !e.inline)() && b();
       },
       get children() {
-        var t = D(), r = t.firstChild;
-        return l(r, c), t;
+        var t = N(), n = t.firstChild;
+        return l(n, b), t;
       }
-    }), null), a;
+    }), null), o;
   })();
 }
-T(["mousedown"]);
+W(["mousedown"]);
 export {
-  L as TextFieldWrapper
+  y as TextFieldWrapper
 };
 //# sourceMappingURL=textFieldWrapper.js.map

package/dist/components/inputs/textField/textFieldWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"textFieldWrapper.js","sources":["../../../../src/components/inputs/textField/textFieldWrapper.tsx"],"sourcesContent":["import { type JSX, Show, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { TextFieldAdornment } from \"./textFieldAdornment\";\nimport type { TextFieldVariant } from \"./types\";\n\nexport interface TextFieldWrapperProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  label?: string | undefined;\n  helperText?: JSX.Element;\n  variant?: TextFieldVariant | undefined;\n  disabled?: boolean | undefined;\n  error?: boolean | undefined;\n  fullWidth?: boolean | undefined;\n  isFilledState?: boolean | undefined;\n  isFocused?: boolean | undefined;\n  for?: string | undefined;\n  shrink?: boolean | undefined;\n  onHolderMouseDown?: JSX.EventHandlerUnion<HTMLDivElement, MouseEvent>;\n  startAdornment?: JSX.Element;\n  endAdornment?: JSX.Element;\n  inline?: boolean | undefined;\n  children?: JSX.Element;\n}\n\nexport function TextFieldWrapper(props: TextFieldWrapperProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"label\",\n    \"helperText\",\n    \"variant\",\n    \"disabled\",\n    \"class\",\n    \"error\",\n    \"fullWidth\",\n    \"isFilledState\",\n    \"isFocused\",\n    \"for\",\n    \"shrink\",\n    \"children\",\n    \"onHolderMouseDown\",\n    \"startAdornment\",\n    \"endAdornment\",\n    \"inline\",\n  ]);\n\n  const helperText = (): JSX.Element => local.helperText ?? \" \";\n  const isFilledVariant = (): boolean => local.variant === \"filled\";\n  const isNotchedActive = (): boolean =>\n    !!local.label && (!!local.isFilledState || !!local.isFocused || !!local.shrink);\n\n  return (\n    <div\n      {...rest}\n      class={cn(local.class, \"smwb-text-field\", {\n        \"smwb-text-field--filled\": !local.inline && isFilledVariant(),\n        \"smwb-text-field--inline\": local.inline,\n        \"smwb-text-field--focused\": !local.inline && local.isFocused,\n        \"smwb-text-field--error\": local.error,\n        \"smwb-text-field--disabled\": local.disabled,\n        \"smwb-text-field--full-width\": local.fullWidth,\n      })}\n      data-testid=\"text-field\"\n    >\n      <Show when={!local.inline && local.label}>\n        <label\n          class={cn(\"smwb-text-field__label\", { \"smwb-text-field__label--shrink\": isNotchedActive() })}\n          for={local.for || \"\"}\n        >\n          {local.label}\n        </label>\n      </Show>\n      <div class=\"smwb-text-field__input-holder\" onMouseDown={local.onHolderMouseDown}>\n        <Show when={local.startAdornment}>\n          <TextFieldAdornment variant={local.variant} inline={Boolean(local.inline)} position=\"start\">\n            {local.startAdornment}\n          </TextFieldAdornment>\n        </Show>\n        {local.children}\n        <Show when={local.endAdornment}>\n          <TextFieldAdornment position=\"end\">{local.endAdornment}</TextFieldAdornment>\n        </Show>\n        <Show when={!local.inline && local.variant === \"outlined\"}>\n          <fieldset\n            class={cn(\"smwb-text-field__notched\", {\n              \"smwb-text-field__notched--with-label\": local.label,\n              \"smwb-text-field__notched--active\": isNotchedActive(),\n            })}\n          >\n            <legend>\n              <Show when={local.label} fallback={<span class=\"smwb-notranslate\">&#8203;</span>}>\n                <span>{local.label}</span>\n              </Show>\n            </legend>\n          </fieldset>\n        </Show>\n      </div>\n      <Show when={!local.inline && helperText()}>\n        <p class=\"smwb-text-field__helper-line\">\n          <span class=\"smwb-text-field__helper-text\">{helperText()}</span>\n        </p>\n      </Show>\n    </div>\n  );\n}\n\nexport default TextFieldWrapper;\n"],"names":["TextFieldWrapper","props","local","rest","splitProps","helperText","isFilledVariant","variant","isNotchedActive","label","isFilledState","isFocused","shrink","_el$","_tmpl$5","_el$3","firstChild","_$spread","_$mergeProps","cn","class","inline","error","disabled","fullWidth","_$insert","_$createComponent","Show","when","_$memo","children","_el$2","_tmpl$","_$effect","_p$","_v$","_v$2","for","e","_$className","t","_$setAttribute","undefined","_$addEventListener","onHolderMouseDown","startAdornment","TextFieldAdornment","Boolean","position","endAdornment","_el$4","_tmpl$3","_el$5","fallback","_tmpl$6","_el$6","_tmpl$2","_el$7","_tmpl$4","_el$8","_$delegateEvents"],"mappings":"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"}
+{"version":3,"file":"textFieldWrapper.js","sources":["../../../../src/components/inputs/textField/textFieldWrapper.tsx"],"sourcesContent":["import { type JSX, Show, children, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { TextFieldAdornment } from \"./textFieldAdornment\";\nimport type { TextFieldVariant } from \"./types\";\n\nexport interface TextFieldWrapperProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  label?: string | undefined;\n  helperText?: JSX.Element;\n  variant?: TextFieldVariant | undefined;\n  disabled?: boolean | undefined;\n  error?: boolean | undefined;\n  fullWidth?: boolean | undefined;\n  isFilledState?: boolean | undefined;\n  isFocused?: boolean | undefined;\n  for?: string | undefined;\n  shrink?: boolean | undefined;\n  onHolderMouseDown?: JSX.EventHandlerUnion<HTMLDivElement, MouseEvent>;\n  startAdornment?: JSX.Element;\n  endAdornment?: JSX.Element;\n  inline?: boolean | undefined;\n  children?: JSX.Element;\n}\n\nexport function TextFieldWrapper(props: TextFieldWrapperProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"label\",\n    \"helperText\",\n    \"variant\",\n    \"disabled\",\n    \"class\",\n    \"error\",\n    \"fullWidth\",\n    \"isFilledState\",\n    \"isFocused\",\n    \"for\",\n    \"shrink\",\n    \"children\",\n    \"onHolderMouseDown\",\n    \"startAdornment\",\n    \"endAdornment\",\n    \"inline\",\n  ]);\n\n  // Read each slot once: markup passed as a prop is created anew on every read,\n  // and during hydration a copy the server never rendered has no DOM node.\n  // The helper text is read only where it is drawn: not for an inline field.\n  const helper = children(() => (local.inline ? undefined : local.helperText));\n  const startAdornment = children(() => local.startAdornment);\n  const endAdornment = children(() => local.endAdornment);\n  const helperText = (): JSX.Element => helper() ?? \" \";\n  const isFilledVariant = (): boolean => local.variant === \"filled\";\n  const isNotchedActive = (): boolean =>\n    !!local.label && (!!local.isFilledState || !!local.isFocused || !!local.shrink);\n\n  return (\n    <div\n      {...rest}\n      class={cn(local.class, \"smwb-text-field\", {\n        \"smwb-text-field--filled\": !local.inline && isFilledVariant(),\n        \"smwb-text-field--inline\": local.inline,\n        \"smwb-text-field--focused\": !local.inline && local.isFocused,\n        \"smwb-text-field--error\": local.error,\n        \"smwb-text-field--disabled\": local.disabled,\n        \"smwb-text-field--full-width\": local.fullWidth,\n      })}\n      data-testid=\"text-field\"\n    >\n      <Show when={!local.inline && local.label}>\n        <label\n          class={cn(\"smwb-text-field__label\", { \"smwb-text-field__label--shrink\": isNotchedActive() })}\n          for={local.for || \"\"}\n        >\n          {local.label}\n        </label>\n      </Show>\n      <div class=\"smwb-text-field__input-holder\" onMouseDown={local.onHolderMouseDown}>\n        <Show when={startAdornment()}>\n          <TextFieldAdornment variant={local.variant} inline={Boolean(local.inline)} position=\"start\">\n            {startAdornment()}\n          </TextFieldAdornment>\n        </Show>\n        {local.children}\n        <Show when={endAdornment()}>\n          <TextFieldAdornment position=\"end\">{endAdornment()}</TextFieldAdornment>\n        </Show>\n        <Show when={!local.inline && local.variant === \"outlined\"}>\n          <fieldset\n            class={cn(\"smwb-text-field__notched\", {\n              \"smwb-text-field__notched--with-label\": local.label,\n              \"smwb-text-field__notched--active\": isNotchedActive(),\n            })}\n          >\n            <legend>\n              <Show when={local.label} fallback={<span class=\"smwb-notranslate\">&#8203;</span>}>\n                <span>{local.label}</span>\n              </Show>\n            </legend>\n          </fieldset>\n        </Show>\n      </div>\n      <Show when={!local.inline && helperText()}>\n        <p class=\"smwb-text-field__helper-line\">\n          <span class=\"smwb-text-field__helper-text\">{helperText()}</span>\n        </p>\n      </Show>\n    </div>\n  );\n}\n\nexport default TextFieldWrapper;\n"],"names":["TextFieldWrapper","props","local","rest","splitProps","helper","children","inline","undefined","helperText","startAdornment","endAdornment","isFilledVariant","variant","isNotchedActive","label","isFilledState","isFocused","shrink","_el$","_tmpl$5","_el$3","firstChild","_$spread","_$mergeProps","cn","class","error","disabled","fullWidth","_$insert","_$createComponent","Show","when","_$memo","_el$2","_tmpl$","_$effect","_p$","_v$","_v$2","for","e","_$className","t","_$setAttribute","_$addEventListener","onHolderMouseDown","TextFieldAdornment","Boolean","position","_el$4","_tmpl$3","_el$5","fallback","_tmpl$6","_el$6","_tmpl$2","_el$7","_tmpl$4","_el$8","_$delegateEvents"],"mappings":"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"}

package/dist/components/inputs/timePicker/timePicker.js

@@ -1,5 +1,6 @@
-import { createComponent as n, mergeProps as L, Portal as M, use as O, insert as $, effect as I, style as R, setAttribute as q, isServer as j, template as x } from "solid-js/web";
-import '../../../assets/styles/less/components/timePicker/timePicker.entry.css';/* empty css                                                               */
+import { createComponent as i, mergeProps as L, Portal as M, use as O, insert as $, effect as I, style as R, setAttribute as q, isServer as j, template as x } from "solid-js/web";
+import '../../../assets/styles/less/components/timePicker/timePicker.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                               */
 import { splitProps as z, createSignal as l, createEffect as y, onCleanup as G, Show as H } from "solid-js";
 import { buildFloatingMiddleware as J, resolvePlacement as K } from "../../../utils/floating.js";
 import { createFloating as N } from "../../../primitives/createFloating.js";
@@ -10,7 +11,7 @@ import { mergeRefs as A } from "../../../primitives/mergeRefs.js";
 import { ClickAwayListener as W } from "../../clickAwayListener/clickAwayListener.js";
 var X = /* @__PURE__ */ x('<div class="smwb-date-picker smwb-time-picker"data-testid=time-picker data-smwb-overlay-layer role=dialog aria-modal=false style="transition:opacity 150ms ease-in-out"><div class=smwb-date-picker__inner>');
 const Y = 150;
-function ce(u) {
+function me(u) {
   const [e, P] = z(u, ["value", "onChange", "placement", "disabled", "disableClock", "clockAriaLabel", "format", "onBlur", "ref"]), s = () => e.value === void 0 ? void 0 : new Date(e.value), [F, f] = l(T(s()) ? s() : /* @__PURE__ */ new Date()), [S, c] = l(!1);
   let g, v;
   const p = () => K(e.placement ?? "bottom-start"), m = N({
@@ -37,9 +38,9 @@ function ce(u) {
   }, V = (t) => {
     f(t), e.onChange?.(void 0, t, u);
   };
-  return [n(Q, L({
+  return [i(Q, L({
     ref(t) {
-      var r = A(e.ref, m.setReference, (i) => g = i);
+      var r = A(e.ref, m.setReference, (n) => g = n);
       typeof r == "function" && r(t);
     },
     get value() {
@@ -61,21 +62,21 @@ function ce(u) {
     get format() {
       return e.format;
     }
-  }, P)), n(H, {
+  }, P)), i(H, {
     get when() {
       return C();
     },
     get children() {
-      return n(M, {
+      return i(M, {
         get mount() {
           return j ? void 0 : document.body;
         },
         get children() {
-          return n(W, {
+          return i(W, {
             onClickAway: E,
             get children() {
-              var t = X(), r = t.firstChild, i = A(m.setFloating, (o) => v = o);
-              return typeof i == "function" && O(i, t), $(r, n(U, {
+              var t = X(), r = t.firstChild, n = A(m.setFloating, (o) => v = o);
+              return typeof n == "function" && O(n, t), $(r, i(U, {
                 get value() {
                   return F();
                 },
@@ -104,6 +105,6 @@ function ce(u) {
   })];
 }
 export {
-  ce as TimePicker
+  me as TimePicker
 };
 //# sourceMappingURL=timePicker.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"timePicker.js","sources":["../../../../src/components/inputs/timePicker/timePicker.tsx"],"sourcesContent":["import { type JSX, Show, createEffect, createSignal, onCleanup, splitProps } from \"solid-js\";\nimport { Portal, isServer } from \"solid-js/web\";\nimport { buildFloatingMiddleware, type Placement, resolvePlacement } from \"../../../utils/floating\";\nimport { createFloating } from \"../../../primitives/createFloating\";\nimport { ClickAwayListener } from \"../../clickAwayListener\";\nimport { TimePickerInput } from \"./timePickerInput\";\nimport { TimePickerColumns } from \"./timePickerColumns\";\nimport { isValidTimeDate } from \"./timeUtils\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport type { TextFieldProps } from \"../textField\";\n\nexport interface TimePickerProps\n  extends Omit<TextFieldProps, \"onBlur\" | \"onChange\" | \"value\" | \"defaultValue\" | \"ref\" | \"onToggle\"> {\n  /** Time format pattern with tokens HH, mm, ss, e.g. \"HH:mm\" or \"HH:mm:ss\". */\n  format?: string | undefined;\n  placement?: Placement | undefined;\n  disableClock?: boolean | undefined;\n  label?: string | undefined;\n  clockAriaLabel?: string | undefined;\n  value?: Date | string | undefined;\n  clockIcon?: JSX.Element;\n  onChange?: ((event?: Event, value?: Date, data?: TimePickerProps) => void) | undefined;\n  onBlur?: ((event?: FocusEvent, value?: Date, data?: TimePickerProps) => void) | undefined;\n  ref?: Ref<HTMLInputElement>;\n}\n\nconst FADE_MS = 150;\n\nexport function TimePicker(props: TimePickerProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"value\",\n    \"onChange\",\n    \"placement\",\n    \"disabled\",\n    \"disableClock\",\n    \"clockAriaLabel\",\n    \"format\",\n    \"onBlur\",\n    \"ref\",\n  ]);\n\n  const value = (): Date | undefined => (local.value === undefined ? undefined : new Date(local.value));\n  const [viewValue, setViewValue] = createSignal<Date>(isValidTimeDate(value()) ? (value() as Date) : new Date());\n  const [isOpen, setIsOpen] = createSignal(false);\n\n  let anchorEl: HTMLElement | undefined;\n  let clockEl: HTMLElement | undefined;\n\n  const resolved = () => resolvePlacement(local.placement ?? \"bottom-start\");\n  const floating = createFloating({\n    placement: () => resolved().placement,\n    middleware: () => buildFloatingMiddleware(resolved()),\n  });\n\n  createEffect(() => {\n    if (local.disabled) return;\n    const v = value();\n    setViewValue(isValidTimeDate(v) ? v : new Date());\n  });\n\n  const shouldOpen = (): boolean => isOpen() && !local.disabled && !local.disableClock;\n  const [mounted, setMounted] = createSignal(shouldOpen());\n  const [shown, setShown] = createSignal(false);\n  let raf: number | undefined;\n  let timer: ReturnType<typeof setTimeout> | undefined;\n\n  createEffect(() => {\n    if (shouldOpen()) {\n      if (timer !== undefined) clearTimeout(timer);\n      setMounted(true);\n      raf = requestAnimationFrame(() => setShown(true));\n    } else {\n      setShown(false);\n      if (mounted()) timer = setTimeout(() => setMounted(false), FADE_MS);\n    }\n  });\n  onCleanup(() => {\n    if (raf !== undefined) cancelAnimationFrame(raf);\n    if (timer !== undefined) clearTimeout(timer);\n  });\n\n  const onToggle = (): void => {\n    if (!local.disabled) setIsOpen((prev) => !prev);\n  };\n\n  const onClickAway = (event: MouseEvent | TouchEvent): void => {\n    const target = event.target as HTMLElement;\n    if (clockEl?.contains(target) || anchorEl?.contains(target)) return;\n    setIsOpen(false);\n  };\n\n  const onTimeChange = (next: Date): void => {\n    setViewValue(next);\n    local.onChange?.(undefined, next, props);\n  };\n\n  return (\n    <>\n      <TimePickerInput\n        ref={mergeRefs(local.ref, floating.setReference, (el) => (anchorEl = el as HTMLElement))}\n        value={local.value}\n        onChange={local.onChange}\n        onBlur={local.onBlur}\n        onToggle={onToggle}\n        disabled={local.disabled}\n        disableClock={local.disableClock}\n        format={local.format}\n        {...rest}\n      />\n      <Show when={mounted()}>\n        <Portal mount={(isServer ? undefined : document.body) as Node}>\n          <ClickAwayListener onClickAway={onClickAway}>\n            <div\n              ref={mergeRefs(floating.setFloating, (el) => (clockEl = el as HTMLElement))}\n              class=\"smwb-date-picker smwb-time-picker\"\n              style={{ ...floating.floatingStyles(), transition: `opacity ${FADE_MS}ms ease-in-out`, opacity: shown() ? 1 : 0 }}\n              data-testid=\"time-picker\"\n              data-smwb-overlay-layer\n              role=\"dialog\"\n              aria-modal=\"false\"\n              aria-label={local.clockAriaLabel ?? \"Choose time\"}\n            >\n              <div class=\"smwb-date-picker__inner\">\n                <TimePickerColumns\n                  value={viewValue()}\n                  format={local.format}\n                  onChange={onTimeChange}\n                  onComplete={() => {\n                    setIsOpen(false);\n                  }}\n                />\n              </div>\n            </div>\n          </ClickAwayListener>\n        </Portal>\n      </Show>\n    </>\n  );\n}\n\nexport default TimePicker;\n"],"names":["FADE_MS","TimePicker","props","local","rest","splitProps","value","undefined","Date","viewValue","setViewValue","createSignal","isValidTimeDate","isOpen","setIsOpen","anchorEl","clockEl","resolved","resolvePlacement","placement","floating","createFloating","middleware","buildFloatingMiddleware","createEffect","disabled","v","shouldOpen","disableClock","mounted","setMounted","shown","setShown","raf","timer","clearTimeout","requestAnimationFrame","setTimeout","onCleanup","cancelAnimationFrame","onToggle","prev","onClickAway","event","target","contains","onTimeChange","next","onChange","_$createComponent","TimePickerInput","_$mergeProps","ref","r$","_ref$","mergeRefs","setReference","el","onBlur","format","Show","when","children","Portal","mount","isServer","document","body","ClickAwayListener","_el$","_tmpl$","_el$2","firstChild","_ref$2","setFloating","_$use","_$insert","TimePickerColumns","onComplete","_$effect","_p$","_v$","floatingStyles","opacity","_v$2","clockAriaLabel","e","_$style","t","_$setAttribute"],"mappings":"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"}
+{"version":3,"file":"timePicker.js","sources":["../../../../src/components/inputs/timePicker/timePicker.tsx"],"sourcesContent":["import { type JSX, Show, createEffect, createSignal, onCleanup, splitProps } from \"solid-js\";\nimport { Portal, isServer } from \"solid-js/web\";\nimport { buildFloatingMiddleware, type Placement, resolvePlacement } from \"../../../utils/floating\";\nimport { createFloating } from \"../../../primitives/createFloating\";\nimport { ClickAwayListener } from \"../../clickAwayListener\";\nimport { TimePickerInput } from \"./timePickerInput\";\nimport { TimePickerColumns } from \"./timePickerColumns\";\nimport { isValidTimeDate } from \"./timeUtils\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport type { TextFieldProps } from \"../textField\";\n\nexport interface TimePickerProps\n  extends Omit<TextFieldProps, \"onBlur\" | \"onChange\" | \"value\" | \"defaultValue\" | \"ref\" | \"onToggle\"> {\n  /** Time format pattern with tokens HH, mm, ss, e.g. \"HH:mm\" or \"HH:mm:ss\". */\n  format?: string | undefined;\n  placement?: Placement | undefined;\n  disableClock?: boolean | undefined;\n  label?: string | undefined;\n  clockAriaLabel?: string | undefined;\n  value?: Date | string | undefined;\n  clockIcon?: JSX.Element;\n  onChange?: ((event?: Event, value?: Date, data?: TimePickerProps) => void) | undefined;\n  onBlur?: ((event?: FocusEvent, value?: Date, data?: TimePickerProps) => void) | undefined;\n  ref?: Ref<HTMLInputElement>;\n}\n\nconst FADE_MS = 150;\n\nexport function TimePicker(props: TimePickerProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"value\",\n    \"onChange\",\n    \"placement\",\n    \"disabled\",\n    \"disableClock\",\n    \"clockAriaLabel\",\n    \"format\",\n    \"onBlur\",\n    \"ref\",\n  ]);\n\n  const value = (): Date | undefined => (local.value === undefined ? undefined : new Date(local.value));\n  const [viewValue, setViewValue] = createSignal<Date>(isValidTimeDate(value()) ? (value() as Date) : new Date());\n  const [isOpen, setIsOpen] = createSignal(false);\n\n  let anchorEl: HTMLElement | undefined;\n  let clockEl: HTMLElement | undefined;\n\n  const resolved = () => resolvePlacement(local.placement ?? \"bottom-start\");\n  const floating = createFloating({\n    placement: () => resolved().placement,\n    middleware: () => buildFloatingMiddleware(resolved()),\n  });\n\n  createEffect(() => {\n    if (local.disabled) return;\n    const v = value();\n    setViewValue(isValidTimeDate(v) ? v : new Date());\n  });\n\n  const shouldOpen = (): boolean => isOpen() && !local.disabled && !local.disableClock;\n  const [mounted, setMounted] = createSignal(shouldOpen());\n  const [shown, setShown] = createSignal(false);\n  let raf: number | undefined;\n  let timer: ReturnType<typeof setTimeout> | undefined;\n\n  createEffect(() => {\n    if (shouldOpen()) {\n      if (timer !== undefined) clearTimeout(timer);\n      setMounted(true);\n      raf = requestAnimationFrame(() => setShown(true));\n    } else {\n      setShown(false);\n      if (mounted()) timer = setTimeout(() => setMounted(false), FADE_MS);\n    }\n  });\n  onCleanup(() => {\n    if (raf !== undefined) cancelAnimationFrame(raf);\n    if (timer !== undefined) clearTimeout(timer);\n  });\n\n  const onToggle = (): void => {\n    if (!local.disabled) setIsOpen((prev) => !prev);\n  };\n\n  const onClickAway = (event: MouseEvent | TouchEvent): void => {\n    const target = event.target as HTMLElement;\n    if (clockEl?.contains(target) || anchorEl?.contains(target)) return;\n    setIsOpen(false);\n  };\n\n  const onTimeChange = (next: Date): void => {\n    setViewValue(next);\n    local.onChange?.(undefined, next, props);\n  };\n\n  return (\n    <>\n      <TimePickerInput\n        ref={mergeRefs(local.ref, floating.setReference, (el) => (anchorEl = el as HTMLElement))}\n        value={local.value}\n        onChange={local.onChange}\n        onBlur={local.onBlur}\n        onToggle={onToggle}\n        disabled={local.disabled}\n        disableClock={local.disableClock}\n        format={local.format}\n        {...rest}\n      />\n      <Show when={mounted()}>\n        <Portal mount={(isServer ? undefined : document.body) as Node}>\n          <ClickAwayListener onClickAway={onClickAway}>\n            <div\n              ref={mergeRefs(floating.setFloating, (el) => (clockEl = el as HTMLElement))}\n              class=\"smwb-date-picker smwb-time-picker\"\n              style={{ ...floating.floatingStyles(), transition: `opacity ${FADE_MS}ms ease-in-out`, opacity: shown() ? 1 : 0 }}\n              data-testid=\"time-picker\"\n              data-smwb-overlay-layer\n              role=\"dialog\"\n              aria-modal=\"false\"\n              aria-label={local.clockAriaLabel ?? \"Choose time\"}\n            >\n              <div class=\"smwb-date-picker__inner\">\n                <TimePickerColumns\n                  value={viewValue()}\n                  format={local.format}\n                  onChange={onTimeChange}\n                  onComplete={() => {\n                    setIsOpen(false);\n                  }}\n                />\n              </div>\n            </div>\n          </ClickAwayListener>\n        </Portal>\n      </Show>\n    </>\n  );\n}\n\nexport default TimePicker;\n"],"names":["FADE_MS","TimePicker","props","local","rest","splitProps","value","undefined","Date","viewValue","setViewValue","createSignal","isValidTimeDate","isOpen","setIsOpen","anchorEl","clockEl","resolved","resolvePlacement","placement","floating","createFloating","middleware","buildFloatingMiddleware","createEffect","disabled","v","shouldOpen","disableClock","mounted","setMounted","shown","setShown","raf","timer","clearTimeout","requestAnimationFrame","setTimeout","onCleanup","cancelAnimationFrame","onToggle","prev","onClickAway","event","target","contains","onTimeChange","next","onChange","_$createComponent","TimePickerInput","_$mergeProps","ref","r$","_ref$","mergeRefs","setReference","el","onBlur","format","Show","when","children","Portal","mount","isServer","document","body","ClickAwayListener","_el$","_tmpl$","_el$2","firstChild","_ref$2","setFloating","_$use","_$insert","TimePickerColumns","onComplete","_$effect","_p$","_v$","floatingStyles","opacity","_v$2","clockAriaLabel","e","_$style","t","_$setAttribute"],"mappings":"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"}

package/dist/components/inputs/toggle/toggle.js

@@ -1,12 +1,13 @@
 import { createComponent as c, insert as g, setAttribute as m, use as w, spread as v, mergeProps as k, effect as x, className as b, template as u } from "solid-js/web";
-import '../../../assets/styles/less/components/toggle/toggle.entry.css';/* empty css                                                       */
+import '../../../assets/styles/less/components/toggle/toggle.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                       */
 import { mergeProps as y, splitProps as $, Show as C } from "solid-js";
 import p from "clsx";
 import { TextFieldWrapper as P } from "../textField/textFieldWrapper.js";
 import { createId as T } from "../../../primitives/createId.js";
 import { mergeRefs as q } from "../../../primitives/mergeRefs.js";
 var z = /* @__PURE__ */ u("<label class=smwb-toggle__label>"), O = /* @__PURE__ */ u("<span><label><input type=checkbox class=smwb-toggle__checkbox role=switch><span class=smwb-toggle__track></span><span class=smwb-toggle__thumb>");
-function W(o) {
+function j(o) {
   const h = y({
     size: "medium",
     color: "primary"
@@ -78,6 +79,6 @@ function W(o) {
   });
 }
 export {
-  W as Toggle
+  j as Toggle
 };
 //# sourceMappingURL=toggle.js.map