@smwb/ui-solid 0.4.0 → 0.4.1

package/dist/source/components/inputs/fileInput/fileInput.jsx.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/inputs/fileInput/fileInput.tsx"],"sourcesContent":["import \"/sourcecraft/workspace/packages/styles/less/components/fileInput/fileInput.entry.less\";\nimport { 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"],"mappings":"AAAA,OAAO;AACP,SAAmB,MAAM,kBAAkB;AAC3C,OAAO,QAAQ;AACf,SAAS,sBAA4C;AACrD,SAAS,iBAA2B;AAe7B,SAAS,UAAU,OAAoC;AAC5D,QAAM,CAAC,OAAO,eAAe,IAAI,WAAW,OAAO;AAAA,IACjD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,WAAW,eAAe;AAAA,IAC9B,GAAG;AAAA,IACH,UAAU,MAAM;AAAA,IAChB,gBAAgB,CAAC,UAAU,UAAU;AACnC,YAAM,kBAAkB,QAAQ;AAChC,sBAAgB,iBAAiB,UAAU,KAAK;AAAA,IAClD;AAAA,EACF,CAAC;AAED,SACE,CAAC;AAAA,IACC,KAAK,UAAU,MAAM,GAAG;AAAA,IACxB,OAAO,GAAG,mBAAmB,EAAE,iBAAiB,MAAM,SAAS,GAAG,MAAM,KAAK;AAAA,IAC7E,YAAY;AAAA,QACR,SAAS,aAAa;AAAA,GAC3B;AAAA,MACC,CAAC,OAAO,KAAK,SAAS,OAAO,GAAG,MAAM,eAAe,GAAG,UAAU,MAAM,UAAU,SAAS,CAAC,MAAM,MAAM,UAAU,CAAC,GAAG;AAAA,SACnH,MAAM,MAAM;AAAA,MACf,EAFC,OAEQ;AAAA,MACT,CAAC,MAAM,KAAK,SAAS,cAAc,SAAS,cAAc,GAAG,EAAE;AAAA,MAC/D,CAAC,KAAK,MAAM,MAAM,OAAO;AAAA,QACvB,CAAC,KAAK,MAAM,yBAAyB,KAAK,QAAQ;AAAA,WAC/C,MAAM,MAAM;AAAA,QACf,EAFC,KAEM;AAAA,MACT,EAJC,KAIM;AAAA,IACT,EAfC;AAiBL;AAEA,IAAO,oBAAQ;","names":[],"file":"fileInput.jsx"}
+{"version":3,"sources":["../../../../../src/components/inputs/fileInput/fileInput.tsx"],"sourcesContent":["import \"@smwb/ui-styles/less/components/fileInput/fileInput.entry.less\";\nimport { 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"],"mappings":"AAAA,OAAO;AACP,SAAmB,MAAM,kBAAkB;AAC3C,OAAO,QAAQ;AACf,SAAS,sBAA4C;AACrD,SAAS,iBAA2B;AAe7B,SAAS,UAAU,OAAoC;AAC5D,QAAM,CAAC,OAAO,eAAe,IAAI,WAAW,OAAO;AAAA,IACjD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,WAAW,eAAe;AAAA,IAC9B,GAAG;AAAA,IACH,UAAU,MAAM;AAAA,IAChB,gBAAgB,CAAC,UAAU,UAAU;AACnC,YAAM,kBAAkB,QAAQ;AAChC,sBAAgB,iBAAiB,UAAU,KAAK;AAAA,IAClD;AAAA,EACF,CAAC;AAED,SACE,CAAC;AAAA,IACC,KAAK,UAAU,MAAM,GAAG;AAAA,IACxB,OAAO,GAAG,mBAAmB,EAAE,iBAAiB,MAAM,SAAS,GAAG,MAAM,KAAK;AAAA,IAC7E,YAAY;AAAA,QACR,SAAS,aAAa;AAAA,GAC3B;AAAA,MACC,CAAC,OAAO,KAAK,SAAS,OAAO,GAAG,MAAM,eAAe,GAAG,UAAU,MAAM,UAAU,SAAS,CAAC,MAAM,MAAM,UAAU,CAAC,GAAG;AAAA,SACnH,MAAM,MAAM;AAAA,MACf,EAFC,OAEQ;AAAA,MACT,CAAC,MAAM,KAAK,SAAS,cAAc,SAAS,cAAc,GAAG,EAAE;AAAA,MAC/D,CAAC,KAAK,MAAM,MAAM,OAAO;AAAA,QACvB,CAAC,KAAK,MAAM,yBAAyB,KAAK,QAAQ;AAAA,WAC/C,MAAM,MAAM;AAAA,QACf,EAFC,KAEM;AAAA,MACT,EAJC,KAIM;AAAA,IACT,EAfC;AAiBL;AAEA,IAAO,oBAAQ;","names":[],"file":"fileInput.jsx"}

package/dist/source/components/inputs/floatingButton/floatingButton.jsx

@@ -1,4 +1,4 @@
-import "/sourcecraft/workspace/packages/styles/less/components/floatingButton/floatingButton.entry.less";
+import "@smwb/ui-styles/less/components/floatingButton/floatingButton.entry.less";
 import { mergeProps, splitProps } from "solid-js";
 import cn from "clsx";
 import { Ripple } from "../../base/ripple";
@@ -28,4 +28,4 @@ export {
   FloatingButton,
   floatingButton_default as default
 };
-//# sourceMappingURL=floatingButton.js.map
+//# sourceMappingURL=floatingButton.jsx.map

package/dist/source/components/inputs/floatingButton/floatingButton.jsx.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/inputs/floatingButton/floatingButton.tsx"],"sourcesContent":["import \"/sourcecraft/workspace/packages/styles/less/components/floatingButton/floatingButton.entry.less\";\nimport { 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"],"mappings":"AAAA,OAAO;AACP,SAAqC,YAAY,kBAAkB;AACnE,OAAO,QAAQ;AACf,SAAS,cAAqC;AAC9C,SAAS,iBAA2B;AAY7B,SAAS,eAAe,OAAsD;AACnF,QAAM,SAAS;AAAA,IACb,EAAE,SAAS,WAAoB,MAAM,UAAmB,OAAO,WAAkC,MAAM,SAAkB;AAAA,IACzH;AAAA,EACF;AACA,QAAM,CAAC,OAAO,IAAI,IAAI,WAAW,QAAQ,CAAC,YAAY,SAAS,WAAW,QAAQ,SAAS,KAAK,CAAC;AAEjG,MAAI;AAEJ,QAAM,gBAAgB,CAAC,UAA8B;AACnD,mBAAe,SAAS,KAAK;AAAA,EAC/B;AAEA,SACE,CAAC;AAAA,QACK;AAAA,IACJ,KAAK,UAAU,MAAM,GAAG;AAAA,IACxB,OAAO,GAAG,YAAY,QAAQ,MAAM,OAAO,IAAI,QAAQ,MAAM,IAAI,IAAI,kBAAkB,MAAM,KAAK,IAAI,MAAM,KAAK;AAAA,IACjH,eAAe;AAAA,GAChB;AAAA,OACE,MAAM,SAAS;AAAA,MAChB,CAAC,OAAO,WAAW,CAAC,YAAa,gBAAgB,SAAU,EAAE;AAAA,IAC/D,EARC;AAUL;AAEA,IAAO,yBAAQ;","names":[],"file":"floatingButton.jsx"}
+{"version":3,"sources":["../../../../../src/components/inputs/floatingButton/floatingButton.tsx"],"sourcesContent":["import \"@smwb/ui-styles/less/components/floatingButton/floatingButton.entry.less\";\nimport { 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"],"mappings":"AAAA,OAAO;AACP,SAAqC,YAAY,kBAAkB;AACnE,OAAO,QAAQ;AACf,SAAS,cAAqC;AAC9C,SAAS,iBAA2B;AAY7B,SAAS,eAAe,OAAsD;AACnF,QAAM,SAAS;AAAA,IACb,EAAE,SAAS,WAAoB,MAAM,UAAmB,OAAO,WAAkC,MAAM,SAAkB;AAAA,IACzH;AAAA,EACF;AACA,QAAM,CAAC,OAAO,IAAI,IAAI,WAAW,QAAQ,CAAC,YAAY,SAAS,WAAW,QAAQ,SAAS,KAAK,CAAC;AAEjG,MAAI;AAEJ,QAAM,gBAAgB,CAAC,UAA8B;AACnD,mBAAe,SAAS,KAAK;AAAA,EAC/B;AAEA,SACE,CAAC;AAAA,QACK;AAAA,IACJ,KAAK,UAAU,MAAM,GAAG;AAAA,IACxB,OAAO,GAAG,YAAY,QAAQ,MAAM,OAAO,IAAI,QAAQ,MAAM,IAAI,IAAI,kBAAkB,MAAM,KAAK,IAAI,MAAM,KAAK;AAAA,IACjH,eAAe;AAAA,GAChB;AAAA,OACE,MAAM,SAAS;AAAA,MAChB,CAAC,OAAO,WAAW,CAAC,YAAa,gBAAgB,SAAU,EAAE;AAAA,IAC/D,EARC;AAUL;AAEA,IAAO,yBAAQ;","names":[],"file":"floatingButton.jsx"}

package/dist/source/components/inputs/radioButton/radioButton.jsx

@@ -1,4 +1,4 @@
-import "/sourcecraft/workspace/packages/styles/less/components/radioButton/radioButton.entry.less";
+import "@smwb/ui-styles/less/components/radioButton/radioButton.entry.less";
 import { Show, mergeProps, splitProps } from "solid-js";
 import cn from "clsx";
 import { TextFieldWrapper } from "../textField/textFieldWrapper";
@@ -73,4 +73,4 @@ export {
   RadioButton,
   radioButton_default as default
 };
-//# sourceMappingURL=radioButton.js.map
+//# sourceMappingURL=radioButton.jsx.map

package/dist/source/components/inputs/radioButton/radioButton.jsx.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/inputs/radioButton/radioButton.tsx"],"sourcesContent":["import \"/sourcecraft/workspace/packages/styles/less/components/radioButton/radioButton.entry.less\";\nimport { 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"],"mappings":"AAAA,OAAO;AACP,SAAmB,MAAM,YAAY,kBAAkB;AACvD,OAAO,QAAQ;AACf,SAAS,wBAAwB;AACjC,SAAS,gBAAgB;AACzB,SAAS,iBAA2B;AAwB7B,SAAS,YAAY,OAAsC;AAChE,QAAM,SAAS,WAAW,EAAE,MAAM,UAAkC,OAAO,UAAmC,GAAG,KAAK;AACtH,QAAM,CAAC,OAAO,IAAI,IAAI,WAAW,QAAQ;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,KAAK,SAAS,MAAM,EAAE;AAE5B,QAAM,eAA0D,CAAC,UAAU;AACzE,QAAI,MAAM,UAAU;AAClB,YAAM,eAAe;AACrB;AAAA,IACF;AACA,UAAM,QAAQ,MAAM,UAAU,SAAa,MAAM,QAAuC,MAAM,cAAc;AAC5G,UAAM,WAAW,OAAO,OAAO,KAAK;AAAA,EACtC;AAEA,SACE,CAAC;AAAA,IACC,YAAY,MAAM;AAAA,IAClB,UAAU,MAAM;AAAA,IAChB,OAAO,MAAM;AAAA,IACb,MAAM;AAAA,GACP;AAAA,MACC,CAAC;AAAA,IACC,KAAK;AAAA,IACL,OAAO,GAAG,cAAc,mBAAmB,MAAM,IAAI,IAAI,oBAAoB,MAAM,KAAK,IAAI;AAAA,MAC1F,iBAAiB,MAAM;AAAA,MACvB,iBAAiB,MAAM;AAAA,IACzB,CAAC;AAAA,GACF;AAAA,QACC,CAAC,KAAK,MAAM,sBAAsB;AAAA,UAChC,CAAC;AAAA,IACC,IAAI;AAAA,IACJ,MAAM,MAAM;AAAA,IACZ,UAAU,MAAM;AAAA,IAChB,UAAU,MAAM;AAAA,IAChB,UAAU,MAAM;AAAA,IAChB,cAAc,MAAM,SAAS;AAAA,IAC7B,eAAe,MAAM,YAAY;AAAA,IACjC,OAAO,GAAG,qBAAqB,MAAM,KAAK;AAAA,IAC1C,KAAK;AAAA,IACL,YAAY;AAAA,IACZ,KAAK,UAAU,MAAM,GAAG;AAAA,QACpB;AAAA,IACJ,UAAU;AAAA,EACZ,EAAE;AAAA,UACF,CAAC,KAAK,OAAO,GAAG,mBAAmB,EAAE,iBAAiB,MAAM,SAAS,CAAC,GAAG,EAAE;AAAA,UAC3E,CAAC,KAAK,OAAO,GAAG,kBAAkB,EAAE,iBAAiB,MAAM,SAAS,CAAC,GAAG,EAAE;AAAA,QAC5E,EAlBC,KAkBM;AAAA,QACP,CAAC,KAAK,MAAM,MAAM,OAAO;AAAA,UACvB,CAAC,KAAK,MAAM,qBAAqB,MAAM,MAAM,EAA5C,KAAmD;AAAA,QACtD,EAFC,KAEM;AAAA,MACT,EA7BC,MA6BO;AAAA,IACV,EApCC;AAsCL;AAEA,IAAO,sBAAQ;","names":[],"file":"radioButton.jsx"}
+{"version":3,"sources":["../../../../../src/components/inputs/radioButton/radioButton.tsx"],"sourcesContent":["import \"@smwb/ui-styles/less/components/radioButton/radioButton.entry.less\";\nimport { 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"],"mappings":"AAAA,OAAO;AACP,SAAmB,MAAM,YAAY,kBAAkB;AACvD,OAAO,QAAQ;AACf,SAAS,wBAAwB;AACjC,SAAS,gBAAgB;AACzB,SAAS,iBAA2B;AAwB7B,SAAS,YAAY,OAAsC;AAChE,QAAM,SAAS,WAAW,EAAE,MAAM,UAAkC,OAAO,UAAmC,GAAG,KAAK;AACtH,QAAM,CAAC,OAAO,IAAI,IAAI,WAAW,QAAQ;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,KAAK,SAAS,MAAM,EAAE;AAE5B,QAAM,eAA0D,CAAC,UAAU;AACzE,QAAI,MAAM,UAAU;AAClB,YAAM,eAAe;AACrB;AAAA,IACF;AACA,UAAM,QAAQ,MAAM,UAAU,SAAa,MAAM,QAAuC,MAAM,cAAc;AAC5G,UAAM,WAAW,OAAO,OAAO,KAAK;AAAA,EACtC;AAEA,SACE,CAAC;AAAA,IACC,YAAY,MAAM;AAAA,IAClB,UAAU,MAAM;AAAA,IAChB,OAAO,MAAM;AAAA,IACb,MAAM;AAAA,GACP;AAAA,MACC,CAAC;AAAA,IACC,KAAK;AAAA,IACL,OAAO,GAAG,cAAc,mBAAmB,MAAM,IAAI,IAAI,oBAAoB,MAAM,KAAK,IAAI;AAAA,MAC1F,iBAAiB,MAAM;AAAA,MACvB,iBAAiB,MAAM;AAAA,IACzB,CAAC;AAAA,GACF;AAAA,QACC,CAAC,KAAK,MAAM,sBAAsB;AAAA,UAChC,CAAC;AAAA,IACC,IAAI;AAAA,IACJ,MAAM,MAAM;AAAA,IACZ,UAAU,MAAM;AAAA,IAChB,UAAU,MAAM;AAAA,IAChB,UAAU,MAAM;AAAA,IAChB,cAAc,MAAM,SAAS;AAAA,IAC7B,eAAe,MAAM,YAAY;AAAA,IACjC,OAAO,GAAG,qBAAqB,MAAM,KAAK;AAAA,IAC1C,KAAK;AAAA,IACL,YAAY;AAAA,IACZ,KAAK,UAAU,MAAM,GAAG;AAAA,QACpB;AAAA,IACJ,UAAU;AAAA,EACZ,EAAE;AAAA,UACF,CAAC,KAAK,OAAO,GAAG,mBAAmB,EAAE,iBAAiB,MAAM,SAAS,CAAC,GAAG,EAAE;AAAA,UAC3E,CAAC,KAAK,OAAO,GAAG,kBAAkB,EAAE,iBAAiB,MAAM,SAAS,CAAC,GAAG,EAAE;AAAA,QAC5E,EAlBC,KAkBM;AAAA,QACP,CAAC,KAAK,MAAM,MAAM,OAAO;AAAA,UACvB,CAAC,KAAK,MAAM,qBAAqB,MAAM,MAAM,EAA5C,KAAmD;AAAA,QACtD,EAFC,KAEM;AAAA,MACT,EA7BC,MA6BO;AAAA,IACV,EApCC;AAsCL;AAEA,IAAO,sBAAQ;","names":[],"file":"radioButton.jsx"}

package/dist/source/components/inputs/rating/rating.jsx

@@ -1,4 +1,4 @@
-import "/sourcecraft/workspace/packages/styles/less/components/rating/rating.entry.less";
+import "@smwb/ui-styles/less/components/rating/rating.entry.less";
 import { For, Show, createSignal, mergeProps, splitProps } from "solid-js";
 import cn from "clsx";
 import { Icon } from "../../base/icon";
@@ -122,4 +122,4 @@ export {
   Rating,
   rating_default as default
 };
-//# sourceMappingURL=rating.js.map
+//# sourceMappingURL=rating.jsx.map

package/dist/source/components/inputs/rating/rating.jsx.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/inputs/rating/rating.tsx"],"sourcesContent":["import \"/sourcecraft/workspace/packages/styles/less/components/rating/rating.entry.less\";\nimport { 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"],"mappings":"AAAA,OAAO;AACP,SAAmB,KAAK,MAAM,cAAc,YAAY,kBAAkB;AAC1E,OAAO,QAAQ;AACf,SAAS,YAAY;AACrB,SAAS,+BAA+B;AACxC,SAAS,iBAA2B;AAiC7B,SAAS,OAAO,OAAiC;AACtD,QAAM,SAAS;AAAA,IACb;AAAA,MACE,cAAc;AAAA,MACd,KAAK;AAAA,MACL,WAAW;AAAA,MACX,UAAU;AAAA,MACV,UAAU;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,IACA;AAAA,EACF;AACA,QAAM,CAAC,KAAK,IAAI,WAAW,QAAQ;AAAA,IACjC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,CAAC,SAAS,UAAU,IAAI,wBAAgC;AAAA,IAC5D,OAAO,MAAM,MAAM;AAAA,IACnB,cAAc,MAAM;AAAA,IACpB,UAAU,CAAC,SAAS,MAAM,WAAW,IAAI;AAAA,EAC3C,CAAC;AACD,QAAM,CAAC,OAAO,QAAQ,IAAI,aAA4B,IAAI;AAE1D,QAAM,UAAU,MAAc,MAAM,KAAK,QAAQ;AACjD,QAAM,cAAc,MAAe,CAAC,MAAM,YAAY,CAAC,MAAM;AAE7D,QAAM,iBAAiB,CAAC,OAAwD,cAA8B;AAC5G,QAAI,MAAM,cAAc,GAAG;AACzB,aAAO,YAAY;AAAA,IACrB;AACA,UAAM,EAAE,MAAM,MAAM,IAAI,MAAM,cAAc,sBAAsB;AAClE,UAAM,aAAa,MAAM,UAAU,OAAO,QAAQ;AAClD,WAAO,aAAa,aAAa,MAAM;AAAA,EACzC;AAEA,QAAM,eAAe,CAAC,OAAwD,cAA4B;AACxG,QAAI,CAAC,YAAY,EAAG;AACpB,eAAW,eAAe,OAAO,SAAS,CAAC;AAAA,EAC7C;AAEA,QAAM,SAAS,CAAC,SAAuB;AACrC,eAAW,KAAK,IAAI,GAAG,KAAK,IAAI,MAAM,KAAK,IAAI,CAAC,CAAC;AAAA,EACnD;AAEA,QAAM,gBAAkE,CAAC,UAAU;AACjF,QAAI,CAAC,YAAY,EAAG;AACpB,QAAI,MAAM,QAAQ,gBAAgB,MAAM,QAAQ,WAAW;AACzD,YAAM,eAAe;AACrB,aAAO,QAAQ,IAAI,MAAM,SAAS;AAAA,IACpC,WAAW,MAAM,QAAQ,eAAe,MAAM,QAAQ,aAAa;AACjE,YAAM,eAAe;AACrB,aAAO,QAAQ,IAAI,MAAM,SAAS;AAAA,IACpC,WAAW,MAAM,QAAQ,QAAQ;AAC/B,YAAM,eAAe;AACrB,aAAO,CAAC;AAAA,IACV,WAAW,MAAM,QAAQ,OAAO;AAC9B,YAAM,eAAe;AACrB,aAAO,MAAM,GAAG;AAAA,IAClB;AAAA,EACF;AAEA,QAAM,aAAa,MAAmB,MAAM,QAAQ,CAAC,KAAK,KAAK,OAAO,MAAM,GAAG,MAAM,MAAM,MAAM;AACjG,QAAM,YAAY,MAAmB,MAAM,aAAa,CAAC,KAAK,KAAK,OAAO,MAAM,MAAM,MAAM;AAE5F,SACE,CAAC;AAAA,IACC,KAAK,UAAU,MAAM,GAAG;AAAA,IACxB,IAAI,MAAM;AAAA,IACV,OAAO;AAAA,MACL;AAAA,MACA,EAAE,wBAAwB,MAAM,UAAU,wBAAwB,MAAM,UAAU,qBAAqB,MAAM,MAAM;AAAA,MACnH,MAAM,UAAU,aAAa,qBAAqB,MAAM,KAAK;AAAA,MAC7D,MAAM;AAAA,IACR;AAAA,IACA,YAAY;AAAA,IACZ,KAAK;AAAA,IACL,YAAY,GAAG,QAAQ,CAAC,OAAO,MAAM,GAAG;AAAA,IACxC,UAAU,YAAY,IAAI,IAAI;AAAA,IAC9B,WAAW,YAAY,IAAI,gBAAgB;AAAA,GAC5C;AAAA,MACC,CAAC,IAAI,MAAM,MAAM,KAAK,EAAE,QAAQ,MAAM,IAAI,GAAG,CAAC,GAAG,UAAU,KAAK,GAAG;AAAA,SAChE,CAAC,UAAU;AACV,UAAM,YAAY,MAAc,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,QAAQ,IAAI,KAAK,CAAC;AAC1E,WACE,CAAC;AAAA,MACC,MAAM;AAAA,MACN,OAAO,EAAE,OAAO,GAAG,MAAM,IAAI,MAAM,QAAQ,GAAG,MAAM,IAAI,MAAM,QAAQ,YAAY,IAAI,YAAY,UAAU;AAAA,MAC5G,SAAS,CAAC,UAAU,aAAa,OAAO,KAAK;AAAA,MAC7C,aACE,YAAY,IACR,CAAC,UAAU,SAAS,MAAM,cAAc,MAAM,eAAe,OAAO,KAAK,IAAI,QAAQ,CAAC,IACtF;AAAA,MAEN,cAAc,YAAY,IAAI,MAAM,SAAS,IAAI,IAAI;AAAA,KACtD;AAAA,cACC,CAAC,KAAK,MAAM,6CAA6C,UAAU,EAAE,EAApE,KAA2E;AAAA,cAC5E,CAAC,KAAK,MAAM,6CAA6C,OAAO,EAAE,OAAO,GAAG,UAAU,IAAI,GAAG,IAAI,GAAG;AAAA,iBACjG,WAAW,EAAE;AAAA,cAChB,EAFC,KAEM;AAAA,YACT,EAfC;AAAA,EAiBL,EAAE;AAAA,MACJ,EAtBC,IAsBK;AAAA,MACN,CAAC,KAAK,MAAM,MAAM,MAAM;AAAA,QACtB,CAAC,MAAM,KAAK,SAAS,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG,EAAE;AAAA,MAC7D,EAFC,KAEM;AAAA,MACP,CAAC,KAAK,MAAM,MAAM,cAAc,QAAS,MAAM,eAA2B,OAAO;AAAA,QAC/E,CAAC,KAAK,OAAO,GAAG,uBAAuB,MAAM,SAAS,2BAA2B,IAAI,MAAM,WAAW,EAArG,KAA4G;AAAA,MAC/G,EAFC,KAEM;AAAA,IACT,EA5CC;AA8CL;AAEA,IAAO,iBAAQ;","names":[],"file":"rating.jsx"}
+{"version":3,"sources":["../../../../../src/components/inputs/rating/rating.tsx"],"sourcesContent":["import \"@smwb/ui-styles/less/components/rating/rating.entry.less\";\nimport { 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"],"mappings":"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","names":[],"file":"rating.jsx"}

package/dist/source/components/inputs/selectField/dropdownMenu.jsx

@@ -138,4 +138,4 @@ export {
   DropdownMenu,
   dropdownMenu_default as default
 };
-//# sourceMappingURL=dropdownMenu.js.map
+//# sourceMappingURL=dropdownMenu.jsx.map

package/dist/source/components/inputs/selectField/selectField.jsx

@@ -1,4 +1,4 @@
-import "/sourcecraft/workspace/packages/styles/less/components/selectField/selectField.entry.less";
+import "@smwb/ui-styles/less/components/selectField/selectField.entry.less";
 import { For, Show, createEffect, createMemo, createSignal, splitProps } from "solid-js";
 import cn from "clsx";
 import { DropdownMenu } from "./dropdownMenu";
@@ -270,4 +270,4 @@ export {
   SelectField,
   selectField_default as default
 };
-//# sourceMappingURL=selectField.js.map
+//# sourceMappingURL=selectField.jsx.map

package/dist/source/components/inputs/selectField/selectField.jsx.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/inputs/selectField/selectField.tsx"],"sourcesContent":["import \"/sourcecraft/workspace/packages/styles/less/components/selectField/selectField.entry.less\";\nimport { type JSX, For, Show, createEffect, createMemo, createSignal, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { DropdownMenu, type DropdownItem, type DropdownItemProps } from \"./dropdownMenu\";\nimport { Chip } from \"../../dataDisplay/chip\";\nimport { TextFieldWrapper } from \"../textField\";\nimport { Icon } from \"../../base/icon\";\nimport type { MenuItemProps } from \"../../navigation/menu\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\ntype SelectEvent = Event & { currentTarget: Element; target: Element };\ntype SearchEvent = Event & { currentTarget: HTMLInputElement };\ntype SelectValue = null | string | number | (string | number | undefined | null)[];\n\nexport type OnSelectChange = (e: SelectEvent, data: SelectFieldProps) => void;\n\nexport interface SelectFieldProps {\n  class?: string;\n  value?: SelectValue | undefined;\n  defaultValue?: null | string | number | (string | number)[];\n  onChange?: OnSelectChange;\n  disabled?: boolean;\n  readOnly?: boolean;\n  name?: string | undefined;\n  multiple?: boolean;\n  menuMaxHeight?: number;\n  menuMiddleware?: DropdownItemProps[\"menuMiddleware\"];\n  menuNoItemsMessage?: JSX.Element;\n  menuContainer?: HTMLElement;\n  search?: true | false | \"menu\";\n  chips?: boolean;\n  isFocused?: boolean;\n  error?: boolean;\n  items: DropdownItem[];\n  label?: string;\n  variant?: \"outlined\" | \"filled\";\n  fullWidth?: boolean;\n  helperText?: JSX.Element;\n  onSearch?: (e: SearchEvent) => void;\n  isLoading?: boolean;\n  resetSearch?: () => void;\n  inline?: boolean;\n  endAdornment?: JSX.Element;\n  hideSelectArrowIcon?: boolean;\n  optionRenderer?: (args: MenuItemProps) => JSX.Element;\n  clearable?: boolean;\n  creatable?: boolean;\n  onCreate?: (inputValue: string, event: SelectEvent) => void;\n  virtualized?: boolean;\n  itemHeight?: number;\n  \"aria-label\"?: string;\n  id?: string;\n  ref?: Ref<HTMLSpanElement>;\n}\n\nfunction stopEvent(event: Event): void {\n  event.preventDefault();\n  event.stopPropagation();\n}\n\nexport function SelectField(props: SelectFieldProps): JSX.Element {\n  const [local] = splitProps(props, [\n    \"class\",\n    \"value\",\n    \"defaultValue\",\n    \"onChange\",\n    \"disabled\",\n    \"readOnly\",\n    \"name\",\n    \"multiple\",\n    \"menuMaxHeight\",\n    \"menuMiddleware\",\n    \"menuNoItemsMessage\",\n    \"menuContainer\",\n    \"search\",\n    \"chips\",\n    \"isFocused\",\n    \"error\",\n    \"items\",\n    \"label\",\n    \"variant\",\n    \"fullWidth\",\n    \"helperText\",\n    \"onSearch\",\n    \"resetSearch\",\n    \"isLoading\",\n    \"inline\",\n    \"endAdornment\",\n    \"hideSelectArrowIcon\",\n    \"optionRenderer\",\n    \"clearable\",\n    \"creatable\",\n    \"onCreate\",\n    \"virtualized\",\n    \"itemHeight\",\n    \"aria-label\",\n    \"id\",\n    \"ref\",\n  ]);\n\n  const variant = (): \"outlined\" | \"filled\" => local.variant ?? \"outlined\";\n  const [isOpen, setIsOpen] = createSignal(false);\n  const [valueState, setValueState] = createSignal<SelectValue | undefined>(local.defaultValue);\n  const [searchValue, setSearchValue] = createSignal(\"\");\n\n  const isControlled = local.value != null;\n  let anchorEl: HTMLSpanElement | undefined;\n  let searchWrapperEl: HTMLSpanElement | undefined;\n  let searchInputEl: HTMLInputElement | undefined;\n\n  const value = (): SelectValue | undefined => (isControlled ? local.value : valueState());\n  const isFocused = (): boolean => !!local.isFocused || isOpen();\n\n  // Selection is derived from the current value — no effect-driven sync.\n  const selectedItems = createMemo<DropdownItem[]>(() => {\n    const v = value();\n    if (Array.isArray(v)) return local.items.filter((item) => v.includes(item.value));\n    if (v === undefined || v === null || v === \"\") return [];\n    const item = local.items.find((i) => i.value === v);\n    return item ? [item] : [];\n  });\n\n  const updateValue = (event: SelectEvent, next: SelectValue | undefined): void => {\n    local.onChange?.(event, { ...props, value: next, name: local.name || undefined });\n    setValueState(next);\n  };\n\n  const onMouseDown: JSX.EventHandler<HTMLSpanElement, MouseEvent> = (event) => {\n    if (event.button !== 0) return;\n    event.preventDefault();\n    anchorEl?.focus();\n    setIsOpen(!isOpen());\n  };\n\n  const onClose = (): void => {\n    setIsOpen(false);\n    anchorEl?.focus();\n  };\n\n  const onFocus = (): void => {\n    if (local.search === true) searchInputEl?.focus();\n  };\n\n  const onKeyDown: JSX.EventHandler<HTMLSpanElement, KeyboardEvent> = (event) => {\n    if (!local.readOnly && [\" \", \"ArrowUp\", \"ArrowDown\", \"Enter\"].includes(event.key)) {\n      event.preventDefault();\n      setIsOpen(!isOpen());\n    }\n  };\n\n  // Reset search text when the field loses focus / menu closes.\n  createEffect(() => {\n    if (!isFocused() || (local.search === \"menu\" && !isOpen())) {\n      setSearchValue(\"\");\n      local.resetSearch?.();\n    }\n  });\n\n  // Keep the multi-value scroller pinned to the end.\n  createEffect(() => {\n    value();\n    if (searchWrapperEl) searchWrapperEl.scrollLeft = searchWrapperEl.scrollWidth;\n  });\n\n  const onItemClick = (event: SelectEvent, item: DropdownItem): void => {\n    let next: SelectValue | undefined;\n    if (local.multiple) {\n      const current = value();\n      const valueArray = (Array.isArray(current) ? current : [current].filter(Boolean)) as Array<string | number | undefined | null>;\n      next = valueArray.slice();\n      const idx = next.findIndex((el) => el === item.value);\n      if (idx === -1) next.push(item.value);\n      else next.splice(idx, 1);\n    } else {\n      next = value() === item.value ? \"\" : item.value;\n    }\n    if (searchValue()) setSearchValue(\"\");\n    if (!local.multiple) {\n      setIsOpen(false);\n      anchorEl?.focus();\n    }\n    updateValue(event, next);\n  };\n\n  const onSearchInputChange = (event: SearchEvent): void => {\n    setSearchValue(event.currentTarget.value);\n    local.onSearch?.(event);\n    if (!isOpen()) setIsOpen(true);\n  };\n\n  const onDeleteChip = (currentValue: string | number | undefined | null) => (event: SelectEvent): void => {\n    const current = value();\n    if (Array.isArray(current)) {\n      updateValue(event, current.filter((v) => currentValue !== v));\n    }\n  };\n\n  const onResetSelected: JSX.EventHandler<HTMLSpanElement, MouseEvent> = (event) => {\n    updateValue(event, []);\n  };\n\n  const filteredItems = (): DropdownItem[] => {\n    if (local.onSearch) return local.items;\n    const sv = searchValue();\n    if (sv) return local.items.filter((el) => el.text.search(new RegExp(sv, \"i\")) !== -1);\n    return local.items;\n  };\n\n  const createOption = (): DropdownItemProps[\"createOption\"] => {\n    const sv = searchValue();\n    if (local.creatable && sv && !local.items.some((i) => i.text.toLowerCase() === sv.toLowerCase())) {\n      return {\n        text: `Создать \"${sv}\"`,\n        onCreate: (event) => {\n          local.onCreate?.(sv, event);\n          setSearchValue(\"\");\n          setIsOpen(false);\n        },\n      };\n    }\n    return undefined;\n  };\n\n  return (\n    <>\n      <TextFieldWrapper\n        label={local.label}\n        helperText={local.helperText}\n        variant={variant()}\n        disabled={local.disabled}\n        class={local.class}\n        error={local.error}\n        fullWidth={local.fullWidth}\n        isFilledState={!!selectedItems().length || !!searchValue()}\n        isFocused={isFocused()}\n        inline={local.inline}\n      >\n        <span\n          ref={mergeRefs(local.ref, (el) => (anchorEl = el as HTMLSpanElement))}\n          id={local.id}\n          class={cn(\"smwb-select-field\", local.class, {\n            \"smwb-select-field--filled\": variant() === \"filled\" && local.label,\n            \"smwb-select-field--disabled\": local.disabled,\n            \"smwb-select-field--search\": local.search,\n            \"smwb-select-field--inline\": local.inline,\n          })}\n          tabindex={local.disabled ? undefined : 0}\n          role=\"button\"\n          aria-haspopup=\"listbox\"\n          aria-expanded={isOpen()}\n          aria-disabled={local.disabled || undefined}\n          aria-label={local[\"aria-label\"]}\n          onMouseDown={local.disabled || local.readOnly ? undefined : onMouseDown}\n          onFocus={onFocus}\n          onKeyDown={onKeyDown}\n          data-testid=\"select-field\"\n        >\n          <span class=\"smwb-select-field__search-wrapper\" ref={(el) => (searchWrapperEl = el)}>\n            <Show\n              when={local.chips}\n              fallback={<span class=\"smwb-select-field__values\">{selectedItems().map((el) => el.text).join(\", \")}</span>}\n            >\n              <span class=\"smwb-select-field__values\">\n                <For each={selectedItems()}>\n                  {(item) => (\n                    <Chip label={item.text} onDelete={onDeleteChip(item.value)} onDeleteMouseDown={stopEvent} />\n                  )}\n                </For>\n              </span>\n            </Show>\n            <Show when={local.search && typeof local.search === \"boolean\" && !local.readOnly}>\n              <span class=\"smwb-select-field__search\">\n                <span class=\"smwb-select-field__search-text\">{searchValue()}</span>\n                <input\n                  class=\"smwb-select-field__search-input\"\n                  ref={(el) => (searchInputEl = el)}\n                  type=\"text\"\n                  value={searchValue()}\n                  onInput={onSearchInputChange}\n                  onMouseDown={(event) => {\n                    event.stopPropagation();\n                    setIsOpen(true);\n                  }}\n                  onKeyDown={(event) => event.stopPropagation()}\n                  data-testid=\"search-input\"\n                />\n              </span>\n            </Show>\n          </span>\n          <span class=\"smwb-select-field__actions\">\n            <Show\n              when={\n                ((Array.isArray(value()) && (value() as unknown[]).length > 0) ||\n                  (local.clearable && selectedItems().length > 0)) &&\n                !local.disabled\n              }\n            >\n              <Icon\n                name=\"close\"\n                size={20}\n                onClick={onResetSelected}\n                onMouseDown={stopEvent}\n                class={cn(\"smwb-select-field__icon\", \"smwb-select-field__icon--close\")}\n                aria-label=\"Clear selection\"\n                role=\"button\"\n              />\n            </Show>\n            {local.endAdornment}\n            <Show when={!local.hideSelectArrowIcon}>\n              <Icon\n                name=\"arrow_drop_down\"\n                class={cn(\"smwb-select-field__icon\", \"smwb-select-field__icon--arrow\", {\n                  \"smwb-select-field__icon--opened\": isOpen(),\n                  \"smwb-select-field__icon--focused\": isFocused(),\n                  \"smwb-select-field__icon--error\": local.error,\n                })}\n              />\n            </Show>\n          </span>\n        </span>\n      </TextFieldWrapper>\n      <DropdownMenu\n        anchorElement={() => anchorEl ?? null}\n        menuMaxHeight={local.menuMaxHeight}\n        menuMiddleware={local.menuMiddleware}\n        search={local.search === \"menu\"}\n        onSearchInputChange={onSearchInputChange}\n        optionRenderer={local.optionRenderer}\n        items={filteredItems()}\n        searchValue={searchValue()}\n        isOpen={isOpen()}\n        onClose={onClose}\n        onItemClick={onItemClick}\n        value={value()}\n        isLoading={local.isLoading}\n        menuNoItemsMessage={local.menuNoItemsMessage}\n        container={local.menuContainer}\n        virtualized={local.virtualized}\n        itemHeight={local.itemHeight}\n        createOption={createOption()}\n      />\n    </>\n  );\n}\n\nexport default SelectField;\n"],"mappings":"AAAA,OAAO;AACP,SAAmB,KAAK,MAAM,cAAc,YAAY,cAAc,kBAAkB;AACxF,OAAO,QAAQ;AACf,SAAS,oBAA+D;AACxE,SAAS,YAAY;AACrB,SAAS,wBAAwB;AACjC,SAAS,YAAY;AAErB,SAAS,iBAA2B;AA+CpC,SAAS,UAAU,OAAoB;AACrC,QAAM,eAAe;AACrB,QAAM,gBAAgB;AACxB;AAEO,SAAS,YAAY,OAAsC;AAChE,QAAM,CAAC,KAAK,IAAI,WAAW,OAAO;AAAA,IAChC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,UAAU,MAA6B,MAAM,WAAW;AAC9D,QAAM,CAAC,QAAQ,SAAS,IAAI,aAAa,KAAK;AAC9C,QAAM,CAAC,YAAY,aAAa,IAAI,aAAsC,MAAM,YAAY;AAC5F,QAAM,CAAC,aAAa,cAAc,IAAI,aAAa,EAAE;AAErD,QAAM,eAAe,MAAM,SAAS;AACpC,MAAI;AACJ,MAAI;AACJ,MAAI;AAEJ,QAAM,QAAQ,MAAgC,eAAe,MAAM,QAAQ,WAAW;AACtF,QAAM,YAAY,MAAe,CAAC,CAAC,MAAM,aAAa,OAAO;AAG7D,QAAM,gBAAgB,WAA2B,MAAM;AACrD,UAAM,IAAI,MAAM;AAChB,QAAI,MAAM,QAAQ,CAAC,EAAG,QAAO,MAAM,MAAM,OAAO,CAACA,UAAS,EAAE,SAASA,MAAK,KAAK,CAAC;AAChF,QAAI,MAAM,UAAa,MAAM,QAAQ,MAAM,GAAI,QAAO,CAAC;AACvD,UAAM,OAAO,MAAM,MAAM,KAAK,CAAC,MAAM,EAAE,UAAU,CAAC;AAClD,WAAO,OAAO,CAAC,IAAI,IAAI,CAAC;AAAA,EAC1B,CAAC;AAED,QAAM,cAAc,CAAC,OAAoB,SAAwC;AAC/E,UAAM,WAAW,OAAO,EAAE,GAAG,OAAO,OAAO,MAAM,MAAM,MAAM,QAAQ,OAAU,CAAC;AAChF,kBAAc,IAAI;AAAA,EACpB;AAEA,QAAM,cAA6D,CAAC,UAAU;AAC5E,QAAI,MAAM,WAAW,EAAG;AACxB,UAAM,eAAe;AACrB,cAAU,MAAM;AAChB,cAAU,CAAC,OAAO,CAAC;AAAA,EACrB;AAEA,QAAM,UAAU,MAAY;AAC1B,cAAU,KAAK;AACf,cAAU,MAAM;AAAA,EAClB;AAEA,QAAM,UAAU,MAAY;AAC1B,QAAI,MAAM,WAAW,KAAM,gBAAe,MAAM;AAAA,EAClD;AAEA,QAAM,YAA8D,CAAC,UAAU;AAC7E,QAAI,CAAC,MAAM,YAAY,CAAC,KAAK,WAAW,aAAa,OAAO,EAAE,SAAS,MAAM,GAAG,GAAG;AACjF,YAAM,eAAe;AACrB,gBAAU,CAAC,OAAO,CAAC;AAAA,IACrB;AAAA,EACF;AAGA,eAAa,MAAM;AACjB,QAAI,CAAC,UAAU,KAAM,MAAM,WAAW,UAAU,CAAC,OAAO,GAAI;AAC1D,qBAAe,EAAE;AACjB,YAAM,cAAc;AAAA,IACtB;AAAA,EACF,CAAC;AAGD,eAAa,MAAM;AACjB,UAAM;AACN,QAAI,gBAAiB,iBAAgB,aAAa,gBAAgB;AAAA,EACpE,CAAC;AAED,QAAM,cAAc,CAAC,OAAoB,SAA6B;AACpE,QAAI;AACJ,QAAI,MAAM,UAAU;AAClB,YAAM,UAAU,MAAM;AACtB,YAAM,aAAc,MAAM,QAAQ,OAAO,IAAI,UAAU,CAAC,OAAO,EAAE,OAAO,OAAO;AAC/E,aAAO,WAAW,MAAM;AACxB,YAAM,MAAM,KAAK,UAAU,CAAC,OAAO,OAAO,KAAK,KAAK;AACpD,UAAI,QAAQ,GAAI,MAAK,KAAK,KAAK,KAAK;AAAA,UAC/B,MAAK,OAAO,KAAK,CAAC;AAAA,IACzB,OAAO;AACL,aAAO,MAAM,MAAM,KAAK,QAAQ,KAAK,KAAK;AAAA,IAC5C;AACA,QAAI,YAAY,EAAG,gBAAe,EAAE;AACpC,QAAI,CAAC,MAAM,UAAU;AACnB,gBAAU,KAAK;AACf,gBAAU,MAAM;AAAA,IAClB;AACA,gBAAY,OAAO,IAAI;AAAA,EACzB;AAEA,QAAM,sBAAsB,CAAC,UAA6B;AACxD,mBAAe,MAAM,cAAc,KAAK;AACxC,UAAM,WAAW,KAAK;AACtB,QAAI,CAAC,OAAO,EAAG,WAAU,IAAI;AAAA,EAC/B;AAEA,QAAM,eAAe,CAAC,iBAAqD,CAAC,UAA6B;AACvG,UAAM,UAAU,MAAM;AACtB,QAAI,MAAM,QAAQ,OAAO,GAAG;AAC1B,kBAAY,OAAO,QAAQ,OAAO,CAAC,MAAM,iBAAiB,CAAC,CAAC;AAAA,IAC9D;AAAA,EACF;AAEA,QAAM,kBAAiE,CAAC,UAAU;AAChF,gBAAY,OAAO,CAAC,CAAC;AAAA,EACvB;AAEA,QAAM,gBAAgB,MAAsB;AAC1C,QAAI,MAAM,SAAU,QAAO,MAAM;AACjC,UAAM,KAAK,YAAY;AACvB,QAAI,GAAI,QAAO,MAAM,MAAM,OAAO,CAAC,OAAO,GAAG,KAAK,OAAO,IAAI,OAAO,IAAI,GAAG,CAAC,MAAM,EAAE;AACpF,WAAO,MAAM;AAAA,EACf;AAEA,QAAM,eAAe,MAAyC;AAC5D,UAAM,KAAK,YAAY;AACvB,QAAI,MAAM,aAAa,MAAM,CAAC,MAAM,MAAM,KAAK,CAAC,MAAM,EAAE,KAAK,YAAY,MAAM,GAAG,YAAY,CAAC,GAAG;AAChG,aAAO;AAAA,QACL,MAAM,+CAAY,EAAE;AAAA,QACpB,UAAU,CAAC,UAAU;AACnB,gBAAM,WAAW,IAAI,KAAK;AAC1B,yBAAe,EAAE;AACjB,oBAAU,KAAK;AAAA,QACjB;AAAA,MACF;AAAA,IACF;AACA,WAAO;AAAA,EACT;AAEA,SACE,EAAE;AAAA,MACA,CAAC;AAAA,IACC,OAAO,MAAM;AAAA,IACb,YAAY,MAAM;AAAA,IAClB,SAAS,QAAQ;AAAA,IACjB,UAAU,MAAM;AAAA,IAChB,OAAO,MAAM;AAAA,IACb,OAAO,MAAM;AAAA,IACb,WAAW,MAAM;AAAA,IACjB,eAAe,CAAC,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC,YAAY;AAAA,IACzD,WAAW,UAAU;AAAA,IACrB,QAAQ,MAAM;AAAA,GACf;AAAA,QACC,CAAC;AAAA,IACC,KAAK,UAAU,MAAM,KAAK,CAAC,OAAQ,WAAW,EAAsB;AAAA,IACpE,IAAI,MAAM;AAAA,IACV,OAAO,GAAG,qBAAqB,MAAM,OAAO;AAAA,MAC1C,6BAA6B,QAAQ,MAAM,YAAY,MAAM;AAAA,MAC7D,+BAA+B,MAAM;AAAA,MACrC,6BAA6B,MAAM;AAAA,MACnC,6BAA6B,MAAM;AAAA,IACrC,CAAC;AAAA,IACD,UAAU,MAAM,WAAW,SAAY;AAAA,IACvC,KAAK;AAAA,IACL,cAAc;AAAA,IACd,eAAe,OAAO;AAAA,IACtB,eAAe,MAAM,YAAY;AAAA,IACjC,YAAY,MAAM,YAAY;AAAA,IAC9B,aAAa,MAAM,YAAY,MAAM,WAAW,SAAY;AAAA,IAC5D,SAAS;AAAA,IACT,WAAW;AAAA,IACX,YAAY;AAAA,GACb;AAAA,UACC,CAAC,KAAK,MAAM,oCAAoC,KAAK,CAAC,OAAQ,kBAAkB,IAAK;AAAA,YACnF,CAAC;AAAA,IACC,MAAM,MAAM;AAAA,IACZ,UAAU,CAAC,KAAK,MAAM,6BAA6B,cAAc,EAAE,IAAI,CAAC,OAAO,GAAG,IAAI,EAAE,KAAK,IAAI,EAAE,EAAxF;AAAA,GACZ;AAAA,cACC,CAAC,KAAK,MAAM,4BAA4B;AAAA,gBACtC,CAAC,IAAI,MAAM,cAAc,GAAG;AAAA,mBACzB,CAAC,SACA,CAAC,KAAK,OAAO,KAAK,MAAM,UAAU,aAAa,KAAK,KAAK,GAAG,mBAAmB,WAAW,GAC1F;AAAA,gBACJ,EAJC,IAIK;AAAA,cACR,EANC,KAMM;AAAA,YACT,EAXC,KAWM;AAAA,YACP,CAAC,KAAK,MAAM,MAAM,UAAU,OAAO,MAAM,WAAW,aAAa,CAAC,MAAM,UAAU;AAAA,cAChF,CAAC,KAAK,MAAM,4BAA4B;AAAA,gBACtC,CAAC,KAAK,MAAM,kCAAkC,YAAY,EAAE,EAA3D,KAAkE;AAAA,gBACnE,CAAC;AAAA,IACC,MAAM;AAAA,IACN,KAAK,CAAC,OAAQ,gBAAgB;AAAA,IAC9B,KAAK;AAAA,IACL,OAAO,YAAY;AAAA,IACnB,SAAS;AAAA,IACT,aAAa,CAAC,UAAU;AACtB,YAAM,gBAAgB;AACtB,gBAAU,IAAI;AAAA,IAChB;AAAA,IACA,WAAW,CAAC,UAAU,MAAM,gBAAgB;AAAA,IAC5C,YAAY;AAAA,EACd,EAAE;AAAA,cACJ,EAfC,KAeM;AAAA,YACT,EAjBC,KAiBM;AAAA,UACT,EA/BC,KA+BM;AAAA,UACP,CAAC,KAAK,MAAM,6BAA6B;AAAA,YACvC,CAAC;AAAA,IACC,OACI,MAAM,QAAQ,MAAM,CAAC,KAAM,MAAM,EAAgB,SAAS,KACzD,MAAM,aAAa,cAAc,EAAE,SAAS,MAC/C,CAAC,MAAM;AAAA,GAEV;AAAA,cACC,CAAC;AAAA,IACC,KAAK;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,aAAa;AAAA,IACb,OAAO,GAAG,2BAA2B,gCAAgC;AAAA,IACrE,WAAW;AAAA,IACX,KAAK;AAAA,EACP,EAAE;AAAA,YACJ,EAhBC,KAgBM;AAAA,aACN,MAAM,aAAa;AAAA,YACpB,CAAC,KAAK,MAAM,CAAC,MAAM,qBAAqB;AAAA,cACtC,CAAC;AAAA,IACC,KAAK;AAAA,IACL,OAAO,GAAG,2BAA2B,kCAAkC;AAAA,MACrE,mCAAmC,OAAO;AAAA,MAC1C,oCAAoC,UAAU;AAAA,MAC9C,kCAAkC,MAAM;AAAA,IAC1C,CAAC;AAAA,EACH,EAAE;AAAA,YACJ,EATC,KASM;AAAA,UACT,EA7BC,KA6BM;AAAA,QACT,EAlFC,KAkFM;AAAA,MACT,EA/FC,iBA+FkB;AAAA,MACnB,CAAC;AAAA,IACC,eAAe,MAAM,YAAY;AAAA,IACjC,eAAe,MAAM;AAAA,IACrB,gBAAgB,MAAM;AAAA,IACtB,QAAQ,MAAM,WAAW;AAAA,IACzB,qBAAqB;AAAA,IACrB,gBAAgB,MAAM;AAAA,IACtB,OAAO,cAAc;AAAA,IACrB,aAAa,YAAY;AAAA,IACzB,QAAQ,OAAO;AAAA,IACf,SAAS;AAAA,IACT,aAAa;AAAA,IACb,OAAO,MAAM;AAAA,IACb,WAAW,MAAM;AAAA,IACjB,oBAAoB,MAAM;AAAA,IAC1B,WAAW,MAAM;AAAA,IACjB,aAAa,MAAM;AAAA,IACnB,YAAY,MAAM;AAAA,IAClB,cAAc,aAAa;AAAA,EAC7B,EAAE;AAAA,IACJ;AAEJ;AAEA,IAAO,sBAAQ;","names":["item"],"file":"selectField.jsx"}
+{"version":3,"sources":["../../../../../src/components/inputs/selectField/selectField.tsx"],"sourcesContent":["import \"@smwb/ui-styles/less/components/selectField/selectField.entry.less\";\nimport { type JSX, For, Show, createEffect, createMemo, createSignal, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { DropdownMenu, type DropdownItem, type DropdownItemProps } from \"./dropdownMenu\";\nimport { Chip } from \"../../dataDisplay/chip\";\nimport { TextFieldWrapper } from \"../textField\";\nimport { Icon } from \"../../base/icon\";\nimport type { MenuItemProps } from \"../../navigation/menu\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\ntype SelectEvent = Event & { currentTarget: Element; target: Element };\ntype SearchEvent = Event & { currentTarget: HTMLInputElement };\ntype SelectValue = null | string | number | (string | number | undefined | null)[];\n\nexport type OnSelectChange = (e: SelectEvent, data: SelectFieldProps) => void;\n\nexport interface SelectFieldProps {\n  class?: string;\n  value?: SelectValue | undefined;\n  defaultValue?: null | string | number | (string | number)[];\n  onChange?: OnSelectChange;\n  disabled?: boolean;\n  readOnly?: boolean;\n  name?: string | undefined;\n  multiple?: boolean;\n  menuMaxHeight?: number;\n  menuMiddleware?: DropdownItemProps[\"menuMiddleware\"];\n  menuNoItemsMessage?: JSX.Element;\n  menuContainer?: HTMLElement;\n  search?: true | false | \"menu\";\n  chips?: boolean;\n  isFocused?: boolean;\n  error?: boolean;\n  items: DropdownItem[];\n  label?: string;\n  variant?: \"outlined\" | \"filled\";\n  fullWidth?: boolean;\n  helperText?: JSX.Element;\n  onSearch?: (e: SearchEvent) => void;\n  isLoading?: boolean;\n  resetSearch?: () => void;\n  inline?: boolean;\n  endAdornment?: JSX.Element;\n  hideSelectArrowIcon?: boolean;\n  optionRenderer?: (args: MenuItemProps) => JSX.Element;\n  clearable?: boolean;\n  creatable?: boolean;\n  onCreate?: (inputValue: string, event: SelectEvent) => void;\n  virtualized?: boolean;\n  itemHeight?: number;\n  \"aria-label\"?: string;\n  id?: string;\n  ref?: Ref<HTMLSpanElement>;\n}\n\nfunction stopEvent(event: Event): void {\n  event.preventDefault();\n  event.stopPropagation();\n}\n\nexport function SelectField(props: SelectFieldProps): JSX.Element {\n  const [local] = splitProps(props, [\n    \"class\",\n    \"value\",\n    \"defaultValue\",\n    \"onChange\",\n    \"disabled\",\n    \"readOnly\",\n    \"name\",\n    \"multiple\",\n    \"menuMaxHeight\",\n    \"menuMiddleware\",\n    \"menuNoItemsMessage\",\n    \"menuContainer\",\n    \"search\",\n    \"chips\",\n    \"isFocused\",\n    \"error\",\n    \"items\",\n    \"label\",\n    \"variant\",\n    \"fullWidth\",\n    \"helperText\",\n    \"onSearch\",\n    \"resetSearch\",\n    \"isLoading\",\n    \"inline\",\n    \"endAdornment\",\n    \"hideSelectArrowIcon\",\n    \"optionRenderer\",\n    \"clearable\",\n    \"creatable\",\n    \"onCreate\",\n    \"virtualized\",\n    \"itemHeight\",\n    \"aria-label\",\n    \"id\",\n    \"ref\",\n  ]);\n\n  const variant = (): \"outlined\" | \"filled\" => local.variant ?? \"outlined\";\n  const [isOpen, setIsOpen] = createSignal(false);\n  const [valueState, setValueState] = createSignal<SelectValue | undefined>(local.defaultValue);\n  const [searchValue, setSearchValue] = createSignal(\"\");\n\n  const isControlled = local.value != null;\n  let anchorEl: HTMLSpanElement | undefined;\n  let searchWrapperEl: HTMLSpanElement | undefined;\n  let searchInputEl: HTMLInputElement | undefined;\n\n  const value = (): SelectValue | undefined => (isControlled ? local.value : valueState());\n  const isFocused = (): boolean => !!local.isFocused || isOpen();\n\n  // Selection is derived from the current value — no effect-driven sync.\n  const selectedItems = createMemo<DropdownItem[]>(() => {\n    const v = value();\n    if (Array.isArray(v)) return local.items.filter((item) => v.includes(item.value));\n    if (v === undefined || v === null || v === \"\") return [];\n    const item = local.items.find((i) => i.value === v);\n    return item ? [item] : [];\n  });\n\n  const updateValue = (event: SelectEvent, next: SelectValue | undefined): void => {\n    local.onChange?.(event, { ...props, value: next, name: local.name || undefined });\n    setValueState(next);\n  };\n\n  const onMouseDown: JSX.EventHandler<HTMLSpanElement, MouseEvent> = (event) => {\n    if (event.button !== 0) return;\n    event.preventDefault();\n    anchorEl?.focus();\n    setIsOpen(!isOpen());\n  };\n\n  const onClose = (): void => {\n    setIsOpen(false);\n    anchorEl?.focus();\n  };\n\n  const onFocus = (): void => {\n    if (local.search === true) searchInputEl?.focus();\n  };\n\n  const onKeyDown: JSX.EventHandler<HTMLSpanElement, KeyboardEvent> = (event) => {\n    if (!local.readOnly && [\" \", \"ArrowUp\", \"ArrowDown\", \"Enter\"].includes(event.key)) {\n      event.preventDefault();\n      setIsOpen(!isOpen());\n    }\n  };\n\n  // Reset search text when the field loses focus / menu closes.\n  createEffect(() => {\n    if (!isFocused() || (local.search === \"menu\" && !isOpen())) {\n      setSearchValue(\"\");\n      local.resetSearch?.();\n    }\n  });\n\n  // Keep the multi-value scroller pinned to the end.\n  createEffect(() => {\n    value();\n    if (searchWrapperEl) searchWrapperEl.scrollLeft = searchWrapperEl.scrollWidth;\n  });\n\n  const onItemClick = (event: SelectEvent, item: DropdownItem): void => {\n    let next: SelectValue | undefined;\n    if (local.multiple) {\n      const current = value();\n      const valueArray = (Array.isArray(current) ? current : [current].filter(Boolean)) as Array<string | number | undefined | null>;\n      next = valueArray.slice();\n      const idx = next.findIndex((el) => el === item.value);\n      if (idx === -1) next.push(item.value);\n      else next.splice(idx, 1);\n    } else {\n      next = value() === item.value ? \"\" : item.value;\n    }\n    if (searchValue()) setSearchValue(\"\");\n    if (!local.multiple) {\n      setIsOpen(false);\n      anchorEl?.focus();\n    }\n    updateValue(event, next);\n  };\n\n  const onSearchInputChange = (event: SearchEvent): void => {\n    setSearchValue(event.currentTarget.value);\n    local.onSearch?.(event);\n    if (!isOpen()) setIsOpen(true);\n  };\n\n  const onDeleteChip = (currentValue: string | number | undefined | null) => (event: SelectEvent): void => {\n    const current = value();\n    if (Array.isArray(current)) {\n      updateValue(event, current.filter((v) => currentValue !== v));\n    }\n  };\n\n  const onResetSelected: JSX.EventHandler<HTMLSpanElement, MouseEvent> = (event) => {\n    updateValue(event, []);\n  };\n\n  const filteredItems = (): DropdownItem[] => {\n    if (local.onSearch) return local.items;\n    const sv = searchValue();\n    if (sv) return local.items.filter((el) => el.text.search(new RegExp(sv, \"i\")) !== -1);\n    return local.items;\n  };\n\n  const createOption = (): DropdownItemProps[\"createOption\"] => {\n    const sv = searchValue();\n    if (local.creatable && sv && !local.items.some((i) => i.text.toLowerCase() === sv.toLowerCase())) {\n      return {\n        text: `Создать \"${sv}\"`,\n        onCreate: (event) => {\n          local.onCreate?.(sv, event);\n          setSearchValue(\"\");\n          setIsOpen(false);\n        },\n      };\n    }\n    return undefined;\n  };\n\n  return (\n    <>\n      <TextFieldWrapper\n        label={local.label}\n        helperText={local.helperText}\n        variant={variant()}\n        disabled={local.disabled}\n        class={local.class}\n        error={local.error}\n        fullWidth={local.fullWidth}\n        isFilledState={!!selectedItems().length || !!searchValue()}\n        isFocused={isFocused()}\n        inline={local.inline}\n      >\n        <span\n          ref={mergeRefs(local.ref, (el) => (anchorEl = el as HTMLSpanElement))}\n          id={local.id}\n          class={cn(\"smwb-select-field\", local.class, {\n            \"smwb-select-field--filled\": variant() === \"filled\" && local.label,\n            \"smwb-select-field--disabled\": local.disabled,\n            \"smwb-select-field--search\": local.search,\n            \"smwb-select-field--inline\": local.inline,\n          })}\n          tabindex={local.disabled ? undefined : 0}\n          role=\"button\"\n          aria-haspopup=\"listbox\"\n          aria-expanded={isOpen()}\n          aria-disabled={local.disabled || undefined}\n          aria-label={local[\"aria-label\"]}\n          onMouseDown={local.disabled || local.readOnly ? undefined : onMouseDown}\n          onFocus={onFocus}\n          onKeyDown={onKeyDown}\n          data-testid=\"select-field\"\n        >\n          <span class=\"smwb-select-field__search-wrapper\" ref={(el) => (searchWrapperEl = el)}>\n            <Show\n              when={local.chips}\n              fallback={<span class=\"smwb-select-field__values\">{selectedItems().map((el) => el.text).join(\", \")}</span>}\n            >\n              <span class=\"smwb-select-field__values\">\n                <For each={selectedItems()}>\n                  {(item) => (\n                    <Chip label={item.text} onDelete={onDeleteChip(item.value)} onDeleteMouseDown={stopEvent} />\n                  )}\n                </For>\n              </span>\n            </Show>\n            <Show when={local.search && typeof local.search === \"boolean\" && !local.readOnly}>\n              <span class=\"smwb-select-field__search\">\n                <span class=\"smwb-select-field__search-text\">{searchValue()}</span>\n                <input\n                  class=\"smwb-select-field__search-input\"\n                  ref={(el) => (searchInputEl = el)}\n                  type=\"text\"\n                  value={searchValue()}\n                  onInput={onSearchInputChange}\n                  onMouseDown={(event) => {\n                    event.stopPropagation();\n                    setIsOpen(true);\n                  }}\n                  onKeyDown={(event) => event.stopPropagation()}\n                  data-testid=\"search-input\"\n                />\n              </span>\n            </Show>\n          </span>\n          <span class=\"smwb-select-field__actions\">\n            <Show\n              when={\n                ((Array.isArray(value()) && (value() as unknown[]).length > 0) ||\n                  (local.clearable && selectedItems().length > 0)) &&\n                !local.disabled\n              }\n            >\n              <Icon\n                name=\"close\"\n                size={20}\n                onClick={onResetSelected}\n                onMouseDown={stopEvent}\n                class={cn(\"smwb-select-field__icon\", \"smwb-select-field__icon--close\")}\n                aria-label=\"Clear selection\"\n                role=\"button\"\n              />\n            </Show>\n            {local.endAdornment}\n            <Show when={!local.hideSelectArrowIcon}>\n              <Icon\n                name=\"arrow_drop_down\"\n                class={cn(\"smwb-select-field__icon\", \"smwb-select-field__icon--arrow\", {\n                  \"smwb-select-field__icon--opened\": isOpen(),\n                  \"smwb-select-field__icon--focused\": isFocused(),\n                  \"smwb-select-field__icon--error\": local.error,\n                })}\n              />\n            </Show>\n          </span>\n        </span>\n      </TextFieldWrapper>\n      <DropdownMenu\n        anchorElement={() => anchorEl ?? null}\n        menuMaxHeight={local.menuMaxHeight}\n        menuMiddleware={local.menuMiddleware}\n        search={local.search === \"menu\"}\n        onSearchInputChange={onSearchInputChange}\n        optionRenderer={local.optionRenderer}\n        items={filteredItems()}\n        searchValue={searchValue()}\n        isOpen={isOpen()}\n        onClose={onClose}\n        onItemClick={onItemClick}\n        value={value()}\n        isLoading={local.isLoading}\n        menuNoItemsMessage={local.menuNoItemsMessage}\n        container={local.menuContainer}\n        virtualized={local.virtualized}\n        itemHeight={local.itemHeight}\n        createOption={createOption()}\n      />\n    </>\n  );\n}\n\nexport default SelectField;\n"],"mappings":"AAAA,OAAO;AACP,SAAmB,KAAK,MAAM,cAAc,YAAY,cAAc,kBAAkB;AACxF,OAAO,QAAQ;AACf,SAAS,oBAA+D;AACxE,SAAS,YAAY;AACrB,SAAS,wBAAwB;AACjC,SAAS,YAAY;AAErB,SAAS,iBAA2B;AA+CpC,SAAS,UAAU,OAAoB;AACrC,QAAM,eAAe;AACrB,QAAM,gBAAgB;AACxB;AAEO,SAAS,YAAY,OAAsC;AAChE,QAAM,CAAC,KAAK,IAAI,WAAW,OAAO;AAAA,IAChC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,UAAU,MAA6B,MAAM,WAAW;AAC9D,QAAM,CAAC,QAAQ,SAAS,IAAI,aAAa,KAAK;AAC9C,QAAM,CAAC,YAAY,aAAa,IAAI,aAAsC,MAAM,YAAY;AAC5F,QAAM,CAAC,aAAa,cAAc,IAAI,aAAa,EAAE;AAErD,QAAM,eAAe,MAAM,SAAS;AACpC,MAAI;AACJ,MAAI;AACJ,MAAI;AAEJ,QAAM,QAAQ,MAAgC,eAAe,MAAM,QAAQ,WAAW;AACtF,QAAM,YAAY,MAAe,CAAC,CAAC,MAAM,aAAa,OAAO;AAG7D,QAAM,gBAAgB,WAA2B,MAAM;AACrD,UAAM,IAAI,MAAM;AAChB,QAAI,MAAM,QAAQ,CAAC,EAAG,QAAO,MAAM,MAAM,OAAO,CAACA,UAAS,EAAE,SAASA,MAAK,KAAK,CAAC;AAChF,QAAI,MAAM,UAAa,MAAM,QAAQ,MAAM,GAAI,QAAO,CAAC;AACvD,UAAM,OAAO,MAAM,MAAM,KAAK,CAAC,MAAM,EAAE,UAAU,CAAC;AAClD,WAAO,OAAO,CAAC,IAAI,IAAI,CAAC;AAAA,EAC1B,CAAC;AAED,QAAM,cAAc,CAAC,OAAoB,SAAwC;AAC/E,UAAM,WAAW,OAAO,EAAE,GAAG,OAAO,OAAO,MAAM,MAAM,MAAM,QAAQ,OAAU,CAAC;AAChF,kBAAc,IAAI;AAAA,EACpB;AAEA,QAAM,cAA6D,CAAC,UAAU;AAC5E,QAAI,MAAM,WAAW,EAAG;AACxB,UAAM,eAAe;AACrB,cAAU,MAAM;AAChB,cAAU,CAAC,OAAO,CAAC;AAAA,EACrB;AAEA,QAAM,UAAU,MAAY;AAC1B,cAAU,KAAK;AACf,cAAU,MAAM;AAAA,EAClB;AAEA,QAAM,UAAU,MAAY;AAC1B,QAAI,MAAM,WAAW,KAAM,gBAAe,MAAM;AAAA,EAClD;AAEA,QAAM,YAA8D,CAAC,UAAU;AAC7E,QAAI,CAAC,MAAM,YAAY,CAAC,KAAK,WAAW,aAAa,OAAO,EAAE,SAAS,MAAM,GAAG,GAAG;AACjF,YAAM,eAAe;AACrB,gBAAU,CAAC,OAAO,CAAC;AAAA,IACrB;AAAA,EACF;AAGA,eAAa,MAAM;AACjB,QAAI,CAAC,UAAU,KAAM,MAAM,WAAW,UAAU,CAAC,OAAO,GAAI;AAC1D,qBAAe,EAAE;AACjB,YAAM,cAAc;AAAA,IACtB;AAAA,EACF,CAAC;AAGD,eAAa,MAAM;AACjB,UAAM;AACN,QAAI,gBAAiB,iBAAgB,aAAa,gBAAgB;AAAA,EACpE,CAAC;AAED,QAAM,cAAc,CAAC,OAAoB,SAA6B;AACpE,QAAI;AACJ,QAAI,MAAM,UAAU;AAClB,YAAM,UAAU,MAAM;AACtB,YAAM,aAAc,MAAM,QAAQ,OAAO,IAAI,UAAU,CAAC,OAAO,EAAE,OAAO,OAAO;AAC/E,aAAO,WAAW,MAAM;AACxB,YAAM,MAAM,KAAK,UAAU,CAAC,OAAO,OAAO,KAAK,KAAK;AACpD,UAAI,QAAQ,GAAI,MAAK,KAAK,KAAK,KAAK;AAAA,UAC/B,MAAK,OAAO,KAAK,CAAC;AAAA,IACzB,OAAO;AACL,aAAO,MAAM,MAAM,KAAK,QAAQ,KAAK,KAAK;AAAA,IAC5C;AACA,QAAI,YAAY,EAAG,gBAAe,EAAE;AACpC,QAAI,CAAC,MAAM,UAAU;AACnB,gBAAU,KAAK;AACf,gBAAU,MAAM;AAAA,IAClB;AACA,gBAAY,OAAO,IAAI;AAAA,EACzB;AAEA,QAAM,sBAAsB,CAAC,UAA6B;AACxD,mBAAe,MAAM,cAAc,KAAK;AACxC,UAAM,WAAW,KAAK;AACtB,QAAI,CAAC,OAAO,EAAG,WAAU,IAAI;AAAA,EAC/B;AAEA,QAAM,eAAe,CAAC,iBAAqD,CAAC,UAA6B;AACvG,UAAM,UAAU,MAAM;AACtB,QAAI,MAAM,QAAQ,OAAO,GAAG;AAC1B,kBAAY,OAAO,QAAQ,OAAO,CAAC,MAAM,iBAAiB,CAAC,CAAC;AAAA,IAC9D;AAAA,EACF;AAEA,QAAM,kBAAiE,CAAC,UAAU;AAChF,gBAAY,OAAO,CAAC,CAAC;AAAA,EACvB;AAEA,QAAM,gBAAgB,MAAsB;AAC1C,QAAI,MAAM,SAAU,QAAO,MAAM;AACjC,UAAM,KAAK,YAAY;AACvB,QAAI,GAAI,QAAO,MAAM,MAAM,OAAO,CAAC,OAAO,GAAG,KAAK,OAAO,IAAI,OAAO,IAAI,GAAG,CAAC,MAAM,EAAE;AACpF,WAAO,MAAM;AAAA,EACf;AAEA,QAAM,eAAe,MAAyC;AAC5D,UAAM,KAAK,YAAY;AACvB,QAAI,MAAM,aAAa,MAAM,CAAC,MAAM,MAAM,KAAK,CAAC,MAAM,EAAE,KAAK,YAAY,MAAM,GAAG,YAAY,CAAC,GAAG;AAChG,aAAO;AAAA,QACL,MAAM,+CAAY,EAAE;AAAA,QACpB,UAAU,CAAC,UAAU;AACnB,gBAAM,WAAW,IAAI,KAAK;AAC1B,yBAAe,EAAE;AACjB,oBAAU,KAAK;AAAA,QACjB;AAAA,MACF;AAAA,IACF;AACA,WAAO;AAAA,EACT;AAEA,SACE,EAAE;AAAA,MACA,CAAC;AAAA,IACC,OAAO,MAAM;AAAA,IACb,YAAY,MAAM;AAAA,IAClB,SAAS,QAAQ;AAAA,IACjB,UAAU,MAAM;AAAA,IAChB,OAAO,MAAM;AAAA,IACb,OAAO,MAAM;AAAA,IACb,WAAW,MAAM;AAAA,IACjB,eAAe,CAAC,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC,YAAY;AAAA,IACzD,WAAW,UAAU;AAAA,IACrB,QAAQ,MAAM;AAAA,GACf;AAAA,QACC,CAAC;AAAA,IACC,KAAK,UAAU,MAAM,KAAK,CAAC,OAAQ,WAAW,EAAsB;AAAA,IACpE,IAAI,MAAM;AAAA,IACV,OAAO,GAAG,qBAAqB,MAAM,OAAO;AAAA,MAC1C,6BAA6B,QAAQ,MAAM,YAAY,MAAM;AAAA,MAC7D,+BAA+B,MAAM;AAAA,MACrC,6BAA6B,MAAM;AAAA,MACnC,6BAA6B,MAAM;AAAA,IACrC,CAAC;AAAA,IACD,UAAU,MAAM,WAAW,SAAY;AAAA,IACvC,KAAK;AAAA,IACL,cAAc;AAAA,IACd,eAAe,OAAO;AAAA,IACtB,eAAe,MAAM,YAAY;AAAA,IACjC,YAAY,MAAM,YAAY;AAAA,IAC9B,aAAa,MAAM,YAAY,MAAM,WAAW,SAAY;AAAA,IAC5D,SAAS;AAAA,IACT,WAAW;AAAA,IACX,YAAY;AAAA,GACb;AAAA,UACC,CAAC,KAAK,MAAM,oCAAoC,KAAK,CAAC,OAAQ,kBAAkB,IAAK;AAAA,YACnF,CAAC;AAAA,IACC,MAAM,MAAM;AAAA,IACZ,UAAU,CAAC,KAAK,MAAM,6BAA6B,cAAc,EAAE,IAAI,CAAC,OAAO,GAAG,IAAI,EAAE,KAAK,IAAI,EAAE,EAAxF;AAAA,GACZ;AAAA,cACC,CAAC,KAAK,MAAM,4BAA4B;AAAA,gBACtC,CAAC,IAAI,MAAM,cAAc,GAAG;AAAA,mBACzB,CAAC,SACA,CAAC,KAAK,OAAO,KAAK,MAAM,UAAU,aAAa,KAAK,KAAK,GAAG,mBAAmB,WAAW,GAC1F;AAAA,gBACJ,EAJC,IAIK;AAAA,cACR,EANC,KAMM;AAAA,YACT,EAXC,KAWM;AAAA,YACP,CAAC,KAAK,MAAM,MAAM,UAAU,OAAO,MAAM,WAAW,aAAa,CAAC,MAAM,UAAU;AAAA,cAChF,CAAC,KAAK,MAAM,4BAA4B;AAAA,gBACtC,CAAC,KAAK,MAAM,kCAAkC,YAAY,EAAE,EAA3D,KAAkE;AAAA,gBACnE,CAAC;AAAA,IACC,MAAM;AAAA,IACN,KAAK,CAAC,OAAQ,gBAAgB;AAAA,IAC9B,KAAK;AAAA,IACL,OAAO,YAAY;AAAA,IACnB,SAAS;AAAA,IACT,aAAa,CAAC,UAAU;AACtB,YAAM,gBAAgB;AACtB,gBAAU,IAAI;AAAA,IAChB;AAAA,IACA,WAAW,CAAC,UAAU,MAAM,gBAAgB;AAAA,IAC5C,YAAY;AAAA,EACd,EAAE;AAAA,cACJ,EAfC,KAeM;AAAA,YACT,EAjBC,KAiBM;AAAA,UACT,EA/BC,KA+BM;AAAA,UACP,CAAC,KAAK,MAAM,6BAA6B;AAAA,YACvC,CAAC;AAAA,IACC,OACI,MAAM,QAAQ,MAAM,CAAC,KAAM,MAAM,EAAgB,SAAS,KACzD,MAAM,aAAa,cAAc,EAAE,SAAS,MAC/C,CAAC,MAAM;AAAA,GAEV;AAAA,cACC,CAAC;AAAA,IACC,KAAK;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,aAAa;AAAA,IACb,OAAO,GAAG,2BAA2B,gCAAgC;AAAA,IACrE,WAAW;AAAA,IACX,KAAK;AAAA,EACP,EAAE;AAAA,YACJ,EAhBC,KAgBM;AAAA,aACN,MAAM,aAAa;AAAA,YACpB,CAAC,KAAK,MAAM,CAAC,MAAM,qBAAqB;AAAA,cACtC,CAAC;AAAA,IACC,KAAK;AAAA,IACL,OAAO,GAAG,2BAA2B,kCAAkC;AAAA,MACrE,mCAAmC,OAAO;AAAA,MAC1C,oCAAoC,UAAU;AAAA,MAC9C,kCAAkC,MAAM;AAAA,IAC1C,CAAC;AAAA,EACH,EAAE;AAAA,YACJ,EATC,KASM;AAAA,UACT,EA7BC,KA6BM;AAAA,QACT,EAlFC,KAkFM;AAAA,MACT,EA/FC,iBA+FkB;AAAA,MACnB,CAAC;AAAA,IACC,eAAe,MAAM,YAAY;AAAA,IACjC,eAAe,MAAM;AAAA,IACrB,gBAAgB,MAAM;AAAA,IACtB,QAAQ,MAAM,WAAW;AAAA,IACzB,qBAAqB;AAAA,IACrB,gBAAgB,MAAM;AAAA,IACtB,OAAO,cAAc;AAAA,IACrB,aAAa,YAAY;AAAA,IACzB,QAAQ,OAAO;AAAA,IACf,SAAS;AAAA,IACT,aAAa;AAAA,IACb,OAAO,MAAM;AAAA,IACb,WAAW,MAAM;AAAA,IACjB,oBAAoB,MAAM;AAAA,IAC1B,WAAW,MAAM;AAAA,IACjB,aAAa,MAAM;AAAA,IACnB,YAAY,MAAM;AAAA,IAClB,cAAc,aAAa;AAAA,EAC7B,EAAE;AAAA,IACJ;AAEJ;AAEA,IAAO,sBAAQ;","names":["item"],"file":"selectField.jsx"}

package/dist/source/components/inputs/slider/slider.jsx

@@ -1,4 +1,4 @@
-import "/sourcecraft/workspace/packages/styles/less/components/slider/slider.entry.less";
+import "@smwb/ui-styles/less/components/slider/slider.entry.less";
 import { For, Show, createSignal, mergeProps, onCleanup, onMount, splitProps } from "solid-js";
 import { isServer } from "solid-js/web";
 import cn from "clsx";
@@ -402,4 +402,4 @@ export {
   Slider,
   slider_default as default
 };
-//# sourceMappingURL=slider.js.map
+//# sourceMappingURL=slider.jsx.map

package/dist/source/components/inputs/slider/slider.jsx.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/inputs/slider/slider.tsx"],"sourcesContent":["import \"/sourcecraft/workspace/packages/styles/less/components/slider/slider.entry.less\";\nimport { type JSX, For, Show, createSignal, mergeProps, onCleanup, onMount, splitProps } from \"solid-js\";\nimport { isServer } from \"solid-js/web\";\nimport cn from \"clsx\";\nimport { rescale, toPercent, coordX, coordY } from \"./utils\";\nimport { TextField, TextFieldWrapper } from \"../textField\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport type SliderValue = number | [number, number];\n\nexport interface SliderMark {\n  value: number;\n  label?: JSX.Element;\n}\n\nexport interface SliderProps extends Omit<JSX.HTMLAttributes<HTMLSpanElement>, \"onChange\"> {\n  value?: SliderValue;\n  onChange?: (event: Event, value: SliderValue, data: SliderProps) => void;\n  min?: number;\n  max?: number;\n  step?: number;\n  name?: string;\n  defaultValue?: SliderValue;\n  disabled?: boolean;\n  variant?: \"continuous\" | \"discrete\";\n  valueField?: boolean;\n  withTicks?: boolean;\n  label?: string;\n  helperText?: JSX.Element;\n  error?: boolean;\n  size?: \"small\" | \"medium\" | \"large\";\n  color?: \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n  /** Enables a two-thumb range slider (value becomes `[number, number]`). */\n  range?: boolean;\n  orientation?: \"horizontal\" | \"vertical\";\n  marks?: boolean | SliderMark[];\n  \"aria-label\"?: string;\n  getAriaValueText?: (value: number) => string;\n  ref?: Ref<HTMLSpanElement>;\n}\n\nfunction resolveMarks(marks: boolean | SliderMark[] | undefined, min: number, max: number, step?: number): SliderMark[] {\n  if (!marks) return [];\n  if (Array.isArray(marks)) return marks;\n  const s = step && step > 0 ? step : (max - min) / 10;\n  const result: SliderMark[] = [];\n  for (let v = min; v <= max + 1e-9; v += s) {\n    result.push({ value: Math.round(v * 1e6) / 1e6 });\n  }\n  return result;\n}\n\nfunction RangeSlider(props: SliderProps): JSX.Element {\n  const merged = mergeProps(\n    { min: 0, max: 100, disabled: false, size: \"medium\" as const, color: \"primary\" as const, orientation: \"horizontal\" as const },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"defaultValue\",\n    \"value\",\n    \"onChange\",\n    \"min\",\n    \"max\",\n    \"name\",\n    \"disabled\",\n    \"class\",\n    \"step\",\n    \"label\",\n    \"helperText\",\n    \"error\",\n    \"size\",\n    \"color\",\n    \"orientation\",\n    \"marks\",\n    \"getAriaValueText\",\n    \"aria-label\",\n    \"range\",\n    \"variant\",\n    \"valueField\",\n    \"withTicks\",\n    \"ref\",\n  ]);\n\n  const isVertical = (): boolean => local.orientation === \"vertical\";\n  const normalize = (v: SliderValue | undefined): [number, number] => {\n    const arr = Array.isArray(v) ? v : [local.min, local.max];\n    const lo = Math.min(arr[0] ?? local.min, arr[1] ?? local.max);\n    const hi = Math.max(arr[0] ?? local.min, arr[1] ?? local.max);\n    return [lo, hi];\n  };\n\n  const isControlled = local.value !== undefined;\n  const [valueState, setValueState] = createSignal<[number, number]>(normalize(local.defaultValue));\n  const value = (): [number, number] => (isControlled ? normalize(local.value) : valueState());\n\n  let containerEl: HTMLSpanElement | undefined;\n  let activeThumb: 0 | 1 = 0;\n  let isPressed = false;\n\n  const markList = (): SliderMark[] => resolveMarks(local.marks, local.min, local.max, local.step);\n\n  const positionToValue = (event: MouseEvent | TouchEvent): number => {\n    const rect = containerEl?.getBoundingClientRect();\n    if (!rect) return local.min;\n    if (isVertical()) {\n      const y = coordY(event) - rect.top;\n      return rescale(rect.height - y, [0, rect.height], [local.min, local.max], { step: local.step });\n    }\n    const x = coordX(event) - rect.left;\n    return rescale(x, [0, rect.width], [local.min, local.max], { step: local.step });\n  };\n\n  const commit = (next: [number, number], event: Event): void => {\n    const lo = Math.min(next[0], next[1]);\n    const hi = Math.max(next[0], next[1]);\n    const clamped: [number, number] = [Math.max(local.min, lo), Math.min(local.max, hi)];\n    if (!isControlled) setValueState(clamped);\n    local.onChange?.(event, clamped, props);\n  };\n\n  const moveThumb = (raw: number, event: Event): void => {\n    const current = value();\n    const next: [number, number] = [current[0], current[1]];\n    next[activeThumb] = Math.max(local.min, Math.min(local.max, raw));\n    commit(next, event);\n  };\n\n  const pickThumb = (raw: number): void => {\n    const current = value();\n    activeThumb = Math.abs(raw - current[0]) <= Math.abs(raw - current[1]) ? 0 : 1;\n  };\n\n  const onMouseMove = (event: MouseEvent | TouchEvent): void => {\n    if (!isPressed) return;\n    event.preventDefault();\n    moveThumb(positionToValue(event), event);\n  };\n  const onMouseEnd = (): void => {\n    isPressed = false;\n    // Registered as a body-scope onCleanup, which Solid also runs when the SSR\n    // root is disposed — guard the document access so it never runs server-side.\n    if (isServer) return;\n    document.removeEventListener(\"mousemove\", onMouseMove);\n    document.removeEventListener(\"mouseup\", onMouseEnd);\n    document.removeEventListener(\"touchmove\", onMouseMove);\n    document.removeEventListener(\"touchend\", onMouseEnd);\n  };\n  const onMouseDown: JSX.EventHandler<HTMLSpanElement, MouseEvent> = (event) => {\n    if (local.disabled || event.button !== 0) return;\n    const raw = positionToValue(event);\n    pickThumb(raw);\n    isPressed = true;\n    moveThumb(raw, event);\n    document.addEventListener(\"mousemove\", onMouseMove);\n    document.addEventListener(\"mouseup\", onMouseEnd);\n  };\n  const onTouchStartNative = (event: TouchEvent): void => {\n    if (local.disabled) return;\n    const raw = positionToValue(event);\n    pickThumb(raw);\n    isPressed = true;\n    moveThumb(raw, event);\n    document.addEventListener(\"touchmove\", onMouseMove);\n    document.addEventListener(\"touchend\", onMouseEnd);\n  };\n\n  onMount(() => {\n    if (!containerEl) return;\n    containerEl.addEventListener(\"touchstart\", onTouchStartNative);\n    onCleanup(() => containerEl?.removeEventListener(\"touchstart\", onTouchStartNative));\n  });\n  onCleanup(onMouseEnd);\n\n  const onThumbKeyDown = (idx: 0 | 1): JSX.EventHandler<HTMLInputElement, KeyboardEvent> => (event) => {\n    if (local.disabled) return;\n    const delta = local.step && local.step > 0 ? local.step : 1;\n    const current = value();\n    let next: number | null = null;\n    if (event.key === \"ArrowLeft\" || event.key === \"ArrowDown\") next = current[idx] - delta;\n    else if (event.key === \"ArrowRight\" || event.key === \"ArrowUp\") next = current[idx] + delta;\n    else if (event.key === \"Home\") next = local.min;\n    else if (event.key === \"End\") next = local.max;\n    if (next !== null) {\n      event.preventDefault();\n      activeThumb = idx;\n      moveThumb(next, event);\n    }\n  };\n\n  const classes = (): string =>\n    cn(\"smwb-slider\", \"smwb-slider--range\", local.class, {\n      \"smwb-slider--disabled\": local.disabled,\n      \"smwb-slider--vertical\": isVertical(),\n    }, local.size !== \"medium\" && `smwb-slider_size-${local.size}`, local.color !== \"primary\" && `smwb-slider_color-${local.color}`);\n\n  return (\n    <TextFieldWrapper label={local.label} helperText={local.helperText} disabled={local.disabled} error={local.error} fullWidth shrink>\n      <div class=\"smwb-slider__container\">\n        <span ref={mergeRefs(local.ref, (el) => (containerEl = el as HTMLSpanElement))} onMouseDown={onMouseDown} class={classes()} {...rest}>\n          <Show when={markList().length > 0}>\n            <span class=\"smwb-slider__marks\" aria-hidden=\"true\">\n              <For each={markList()}>\n                {(m) => (\n                  <span class=\"smwb-slider__mark\" style={isVertical() ? { bottom: `${toPercent(m.value, local.min, local.max)}%` } : { left: `${toPercent(m.value, local.min, local.max)}%` }}>\n                    <Show when={m.label != null}>\n                      <span class=\"smwb-slider__mark-label\">{m.label}</span>\n                    </Show>\n                  </span>\n                )}\n              </For>\n            </span>\n          </Show>\n          <span class=\"smwb-slider__rail\" />\n          <span\n            class=\"smwb-slider__track\"\n            style={(() => {\n              const p0 = toPercent(value()[0], local.min, local.max);\n              const p1 = toPercent(value()[1], local.min, local.max);\n              const startPct = `${Math.min(p0, p1)}%`;\n              const spanPct = `${Math.abs(p1 - p0)}%`;\n              return isVertical() ? { bottom: startPct, height: spanPct } : { left: startPct, width: spanPct };\n            })()}\n          />\n          <For each={[0, 1] as const}>\n            {(idx) => (\n              <span\n                class={cn(\"smwb-slider__thumb\", `smwb-slider__thumb--${idx === 0 ? \"start\" : \"end\"}`)}\n                style={isVertical() ? { bottom: `${toPercent(value()[idx], local.min, local.max)}%` } : { left: `${toPercent(value()[idx], local.min, local.max)}%` }}\n              >\n                <input\n                  data-testid={`slider-input-${idx}`}\n                  class=\"smwb-slider__input\"\n                  type=\"range\"\n                  min={local.min}\n                  max={local.max}\n                  step={local.step}\n                  name={local.name ? `${local.name}[${idx}]` : undefined}\n                  value={value()[idx]}\n                  disabled={local.disabled}\n                  onChange={() => undefined}\n                  onKeyDown={onThumbKeyDown(idx)}\n                  tabindex={local.disabled ? -1 : 0}\n                  aria-label={local[\"aria-label\"] ? `${local[\"aria-label\"]} ${idx === 0 ? \"minimum\" : \"maximum\"}` : undefined}\n                  aria-orientation={local.orientation}\n                  aria-valuenow={value()[idx]}\n                  aria-valuemin={idx === 0 ? local.min : value()[0]}\n                  aria-valuemax={idx === 0 ? value()[1] : local.max}\n                  aria-valuetext={local.getAriaValueText ? local.getAriaValueText(value()[idx]) : undefined}\n                  aria-disabled={local.disabled || undefined}\n                />\n              </span>\n            )}\n          </For>\n        </span>\n      </div>\n    </TextFieldWrapper>\n  );\n}\n\nfunction SingleSlider(props: SliderProps): JSX.Element {\n  const merged = mergeProps(\n    {\n      min: 0,\n      max: 100,\n      disabled: false,\n      variant: \"continuous\" as const,\n      size: \"medium\" as const,\n      color: \"primary\" as const,\n      orientation: \"horizontal\" as const,\n    },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"defaultValue\",\n    \"value\",\n    \"onChange\",\n    \"min\",\n    \"max\",\n    \"name\",\n    \"disabled\",\n    \"class\",\n    \"step\",\n    \"variant\",\n    \"valueField\",\n    \"withTicks\",\n    \"label\",\n    \"helperText\",\n    \"error\",\n    \"size\",\n    \"color\",\n    \"orientation\",\n    \"marks\",\n    \"range\",\n    \"getAriaValueText\",\n    \"aria-label\",\n    \"ref\",\n  ]);\n\n  const singleDefault = typeof local.defaultValue === \"number\" ? local.defaultValue : undefined;\n  const singleValue = (): number | undefined => (typeof local.value === \"number\" ? local.value : undefined);\n  const isVertical = (): boolean => local.orientation === \"vertical\";\n  const isControlled = typeof local.value === \"number\";\n  const isDiscrete = (): boolean => local.variant === \"discrete\";\n\n  const [valueState, setValueState] = createSignal<number>(singleDefault ?? local.min);\n  const [isDragging, setIsDragging] = createSignal(false);\n  const [isActive, setIsActive] = createSignal(false);\n  const [isFocused, setIsFocused] = createSignal(false);\n\n  let containerEl: HTMLSpanElement | undefined;\n  let isPressed = false;\n  const value = (): number => (isControlled ? (singleValue() as number) : valueState());\n\n  const updateValue = (next: number, event: Event): void => {\n    if (next < local.min || next > local.max) return;\n    if (!isControlled) setValueState(next);\n    local.onChange?.(event, next, props);\n  };\n\n  const offsetToValue = (absolute: number, containerSize: number): number =>\n    rescale(absolute, [0, containerSize], [local.min, local.max], { step: local.step });\n\n  const onMouseMove = (event: MouseEvent | TouchEvent): void => {\n    if (!isPressed || !containerEl) return;\n    const rect = containerEl.getBoundingClientRect();\n    const clientX = coordX(event);\n    const clientY = coordY(event);\n    const absolute = isVertical() ? rect.height - (clientY - rect.top) : clientX - rect.left;\n    const next = offsetToValue(absolute, isVertical() ? rect.height : rect.width);\n    if (!isActive()) setIsActive(true);\n    if (value() === next) return;\n    if (!isDragging()) setIsDragging(true);\n    updateValue(next, event);\n  };\n  const removeListeners = (): void => {\n    // Registered as a body-scope onCleanup, which Solid also runs when the SSR\n    // root is disposed — guard the document access so it never runs server-side.\n    if (isServer) return;\n    document.removeEventListener(\"mousemove\", onMouseMove);\n    document.removeEventListener(\"mouseup\", onMouseEnd);\n    document.removeEventListener(\"touchmove\", onMouseMove);\n    document.removeEventListener(\"touchend\", onMouseEnd);\n  };\n  const onMouseEnd = (): void => {\n    isPressed = false;\n    if (isDragging()) setIsDragging(false);\n    if (isActive()) setIsActive(false);\n    removeListeners();\n  };\n  const onMouseDown: JSX.EventHandler<HTMLSpanElement, MouseEvent> = (event) => {\n    if (local.disabled || event.button !== 0 || !containerEl) return;\n    isPressed = true;\n    const rect = containerEl.getBoundingClientRect();\n    const absolute = isVertical() ? rect.height - (event.clientY - rect.top) : event.clientX - rect.left;\n    const next = offsetToValue(absolute, isVertical() ? rect.height : rect.width);\n    if (!isActive()) setIsActive(true);\n    updateValue(next, event);\n    document.addEventListener(\"mousemove\", onMouseMove);\n    document.addEventListener(\"mouseup\", onMouseEnd);\n  };\n  const onTouchStartNative = (event: TouchEvent): void => {\n    if (local.disabled || !containerEl) return;\n    isPressed = true;\n    const rect = containerEl.getBoundingClientRect();\n    const touch = event.changedTouches?.[0];\n    if (!touch) return;\n    const absolute = isVertical() ? rect.height - (touch.clientY - rect.top) : touch.clientX - rect.left;\n    const next = offsetToValue(absolute, isVertical() ? rect.height : rect.width);\n    if (!isActive()) setIsActive(true);\n    updateValue(next, event);\n    document.addEventListener(\"touchmove\", onMouseMove);\n    document.addEventListener(\"touchend\", onMouseEnd);\n  };\n\n  onMount(() => {\n    if (!containerEl) return;\n    containerEl.addEventListener(\"touchstart\", onTouchStartNative);\n    onCleanup(() => containerEl?.removeEventListener(\"touchstart\", onTouchStartNative));\n  });\n  onCleanup(removeListeners);\n\n  const handleArrows: JSX.EventHandler<HTMLSpanElement, KeyboardEvent> = (event) => {\n    if (!isFocused() || local.disabled) return;\n    if (event.key === \"ArrowLeft\" || event.key === \"ArrowDown\") updateValue(value() - (local.step || 1), event);\n    if (event.key === \"ArrowRight\" || event.key === \"ArrowUp\") updateValue(value() + (local.step || 1), event);\n  };\n\n  const classes = (): string =>\n    cn(\"smwb-slider\", local.class, {\n      \"smwb-slider--disabled\": local.disabled,\n      \"smwb-slider--dragging\": isDragging(),\n      \"smwb-slider--discrete\": isDiscrete(),\n      \"smwb-slider--vertical\": isVertical(),\n    }, local.size !== \"medium\" && `smwb-slider_size-${local.size}`, local.color !== \"primary\" && `smwb-slider_color-${local.color}`);\n\n  const pct = (): string => `${toPercent(value(), local.min, local.max)}%`;\n  const markList = (): SliderMark[] => resolveMarks(local.marks, local.min, local.max, local.step);\n  const ticks = (): number[] => Array(Math.round(local.max / (local.step || 1)) + 1).fill(1) as number[];\n\n  return (\n    <TextFieldWrapper label={local.label} helperText={local.helperText} disabled={local.disabled} error={local.error} fullWidth shrink>\n      <div class=\"smwb-slider__container\">\n        <span\n          onKeyDown={handleArrows}\n          ref={mergeRefs(local.ref, (el) => (containerEl = el as HTMLSpanElement))}\n          onMouseDown={onMouseDown}\n          class={classes()}\n          tabindex={local.disabled ? -1 : 0}\n          onFocus={() => setIsFocused(true)}\n          onBlur={() => setIsFocused(false)}\n          {...rest}\n        >\n          <Show when={local.withTicks}>\n            <span class=\"smwb-slider__ticks\" style={{ gap: `${local.step}` }}>\n              <For each={ticks()}>{() => <span class=\"smwb-slider__tick\" />}</For>\n            </span>\n          </Show>\n          <Show when={markList().length > 0}>\n            <span class=\"smwb-slider__marks\" aria-hidden=\"true\">\n              <For each={markList()}>\n                {(m) => (\n                  <span class=\"smwb-slider__mark\" style={isVertical() ? { bottom: `${toPercent(m.value, local.min, local.max)}%` } : { left: `${toPercent(m.value, local.min, local.max)}%` }}>\n                    <Show when={m.label != null}>\n                      <span class=\"smwb-slider__mark-label\">{m.label}</span>\n                    </Show>\n                  </span>\n                )}\n              </For>\n            </span>\n          </Show>\n          <span class=\"smwb-slider__rail\" />\n          <span class=\"smwb-slider__track\" style={isVertical() ? { height: pct() } : { width: pct() }} />\n          <span\n            class={cn(\"smwb-slider__thumb\", { \"smwb-slider__thumb--active\": isActive(), \"smwb-slider__thumb--discrete\": isDiscrete() })}\n            style={isVertical() ? { bottom: pct() } : { left: pct() }}\n          >\n            <Show when={isDiscrete()}>\n              <span class=\"smwb-slider__thumb-tooltip\">{Math.round(value())}</span>\n            </Show>\n            <input\n              data-testid=\"slider-input\"\n              class=\"smwb-slider__input\"\n              type=\"range\"\n              min={local.min}\n              max={local.max}\n              name={local.name}\n              value={value()}\n              readonly\n              aria-label={local[\"aria-label\"]}\n              aria-orientation={local.orientation}\n              aria-valuenow={value()}\n              aria-valuemin={local.min}\n              aria-valuemax={local.max}\n              aria-valuetext={local.getAriaValueText ? local.getAriaValueText(value()) : undefined}\n              aria-disabled={local.disabled || undefined}\n            />\n          </span>\n        </span>\n        <Show when={local.valueField && isDiscrete()}>\n          <TextField\n            type=\"number\"\n            value={value()}\n            onChange={(event) => updateValue(+event.currentTarget.value, event)}\n            variant=\"filled\"\n          />\n        </Show>\n      </div>\n    </TextFieldWrapper>\n  );\n}\n\nexport function Slider(props: SliderProps): JSX.Element {\n  const isRangeMode = props.range === true || Array.isArray(props.value) || Array.isArray(props.defaultValue);\n  return (\n    <Show when={isRangeMode} fallback={<SingleSlider {...props} />}>\n      <RangeSlider {...props} />\n    </Show>\n  );\n}\n\nexport default Slider;\n"],"mappings":"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","names":[],"file":"slider.jsx"}
+{"version":3,"sources":["../../../../../src/components/inputs/slider/slider.tsx"],"sourcesContent":["import \"@smwb/ui-styles/less/components/slider/slider.entry.less\";\nimport { type JSX, For, Show, createSignal, mergeProps, onCleanup, onMount, splitProps } from \"solid-js\";\nimport { isServer } from \"solid-js/web\";\nimport cn from \"clsx\";\nimport { rescale, toPercent, coordX, coordY } from \"./utils\";\nimport { TextField, TextFieldWrapper } from \"../textField\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport type SliderValue = number | [number, number];\n\nexport interface SliderMark {\n  value: number;\n  label?: JSX.Element;\n}\n\nexport interface SliderProps extends Omit<JSX.HTMLAttributes<HTMLSpanElement>, \"onChange\"> {\n  value?: SliderValue;\n  onChange?: (event: Event, value: SliderValue, data: SliderProps) => void;\n  min?: number;\n  max?: number;\n  step?: number;\n  name?: string;\n  defaultValue?: SliderValue;\n  disabled?: boolean;\n  variant?: \"continuous\" | \"discrete\";\n  valueField?: boolean;\n  withTicks?: boolean;\n  label?: string;\n  helperText?: JSX.Element;\n  error?: boolean;\n  size?: \"small\" | \"medium\" | \"large\";\n  color?: \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n  /** Enables a two-thumb range slider (value becomes `[number, number]`). */\n  range?: boolean;\n  orientation?: \"horizontal\" | \"vertical\";\n  marks?: boolean | SliderMark[];\n  \"aria-label\"?: string;\n  getAriaValueText?: (value: number) => string;\n  ref?: Ref<HTMLSpanElement>;\n}\n\nfunction resolveMarks(marks: boolean | SliderMark[] | undefined, min: number, max: number, step?: number): SliderMark[] {\n  if (!marks) return [];\n  if (Array.isArray(marks)) return marks;\n  const s = step && step > 0 ? step : (max - min) / 10;\n  const result: SliderMark[] = [];\n  for (let v = min; v <= max + 1e-9; v += s) {\n    result.push({ value: Math.round(v * 1e6) / 1e6 });\n  }\n  return result;\n}\n\nfunction RangeSlider(props: SliderProps): JSX.Element {\n  const merged = mergeProps(\n    { min: 0, max: 100, disabled: false, size: \"medium\" as const, color: \"primary\" as const, orientation: \"horizontal\" as const },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"defaultValue\",\n    \"value\",\n    \"onChange\",\n    \"min\",\n    \"max\",\n    \"name\",\n    \"disabled\",\n    \"class\",\n    \"step\",\n    \"label\",\n    \"helperText\",\n    \"error\",\n    \"size\",\n    \"color\",\n    \"orientation\",\n    \"marks\",\n    \"getAriaValueText\",\n    \"aria-label\",\n    \"range\",\n    \"variant\",\n    \"valueField\",\n    \"withTicks\",\n    \"ref\",\n  ]);\n\n  const isVertical = (): boolean => local.orientation === \"vertical\";\n  const normalize = (v: SliderValue | undefined): [number, number] => {\n    const arr = Array.isArray(v) ? v : [local.min, local.max];\n    const lo = Math.min(arr[0] ?? local.min, arr[1] ?? local.max);\n    const hi = Math.max(arr[0] ?? local.min, arr[1] ?? local.max);\n    return [lo, hi];\n  };\n\n  const isControlled = local.value !== undefined;\n  const [valueState, setValueState] = createSignal<[number, number]>(normalize(local.defaultValue));\n  const value = (): [number, number] => (isControlled ? normalize(local.value) : valueState());\n\n  let containerEl: HTMLSpanElement | undefined;\n  let activeThumb: 0 | 1 = 0;\n  let isPressed = false;\n\n  const markList = (): SliderMark[] => resolveMarks(local.marks, local.min, local.max, local.step);\n\n  const positionToValue = (event: MouseEvent | TouchEvent): number => {\n    const rect = containerEl?.getBoundingClientRect();\n    if (!rect) return local.min;\n    if (isVertical()) {\n      const y = coordY(event) - rect.top;\n      return rescale(rect.height - y, [0, rect.height], [local.min, local.max], { step: local.step });\n    }\n    const x = coordX(event) - rect.left;\n    return rescale(x, [0, rect.width], [local.min, local.max], { step: local.step });\n  };\n\n  const commit = (next: [number, number], event: Event): void => {\n    const lo = Math.min(next[0], next[1]);\n    const hi = Math.max(next[0], next[1]);\n    const clamped: [number, number] = [Math.max(local.min, lo), Math.min(local.max, hi)];\n    if (!isControlled) setValueState(clamped);\n    local.onChange?.(event, clamped, props);\n  };\n\n  const moveThumb = (raw: number, event: Event): void => {\n    const current = value();\n    const next: [number, number] = [current[0], current[1]];\n    next[activeThumb] = Math.max(local.min, Math.min(local.max, raw));\n    commit(next, event);\n  };\n\n  const pickThumb = (raw: number): void => {\n    const current = value();\n    activeThumb = Math.abs(raw - current[0]) <= Math.abs(raw - current[1]) ? 0 : 1;\n  };\n\n  const onMouseMove = (event: MouseEvent | TouchEvent): void => {\n    if (!isPressed) return;\n    event.preventDefault();\n    moveThumb(positionToValue(event), event);\n  };\n  const onMouseEnd = (): void => {\n    isPressed = false;\n    // Registered as a body-scope onCleanup, which Solid also runs when the SSR\n    // root is disposed — guard the document access so it never runs server-side.\n    if (isServer) return;\n    document.removeEventListener(\"mousemove\", onMouseMove);\n    document.removeEventListener(\"mouseup\", onMouseEnd);\n    document.removeEventListener(\"touchmove\", onMouseMove);\n    document.removeEventListener(\"touchend\", onMouseEnd);\n  };\n  const onMouseDown: JSX.EventHandler<HTMLSpanElement, MouseEvent> = (event) => {\n    if (local.disabled || event.button !== 0) return;\n    const raw = positionToValue(event);\n    pickThumb(raw);\n    isPressed = true;\n    moveThumb(raw, event);\n    document.addEventListener(\"mousemove\", onMouseMove);\n    document.addEventListener(\"mouseup\", onMouseEnd);\n  };\n  const onTouchStartNative = (event: TouchEvent): void => {\n    if (local.disabled) return;\n    const raw = positionToValue(event);\n    pickThumb(raw);\n    isPressed = true;\n    moveThumb(raw, event);\n    document.addEventListener(\"touchmove\", onMouseMove);\n    document.addEventListener(\"touchend\", onMouseEnd);\n  };\n\n  onMount(() => {\n    if (!containerEl) return;\n    containerEl.addEventListener(\"touchstart\", onTouchStartNative);\n    onCleanup(() => containerEl?.removeEventListener(\"touchstart\", onTouchStartNative));\n  });\n  onCleanup(onMouseEnd);\n\n  const onThumbKeyDown = (idx: 0 | 1): JSX.EventHandler<HTMLInputElement, KeyboardEvent> => (event) => {\n    if (local.disabled) return;\n    const delta = local.step && local.step > 0 ? local.step : 1;\n    const current = value();\n    let next: number | null = null;\n    if (event.key === \"ArrowLeft\" || event.key === \"ArrowDown\") next = current[idx] - delta;\n    else if (event.key === \"ArrowRight\" || event.key === \"ArrowUp\") next = current[idx] + delta;\n    else if (event.key === \"Home\") next = local.min;\n    else if (event.key === \"End\") next = local.max;\n    if (next !== null) {\n      event.preventDefault();\n      activeThumb = idx;\n      moveThumb(next, event);\n    }\n  };\n\n  const classes = (): string =>\n    cn(\"smwb-slider\", \"smwb-slider--range\", local.class, {\n      \"smwb-slider--disabled\": local.disabled,\n      \"smwb-slider--vertical\": isVertical(),\n    }, local.size !== \"medium\" && `smwb-slider_size-${local.size}`, local.color !== \"primary\" && `smwb-slider_color-${local.color}`);\n\n  return (\n    <TextFieldWrapper label={local.label} helperText={local.helperText} disabled={local.disabled} error={local.error} fullWidth shrink>\n      <div class=\"smwb-slider__container\">\n        <span ref={mergeRefs(local.ref, (el) => (containerEl = el as HTMLSpanElement))} onMouseDown={onMouseDown} class={classes()} {...rest}>\n          <Show when={markList().length > 0}>\n            <span class=\"smwb-slider__marks\" aria-hidden=\"true\">\n              <For each={markList()}>\n                {(m) => (\n                  <span class=\"smwb-slider__mark\" style={isVertical() ? { bottom: `${toPercent(m.value, local.min, local.max)}%` } : { left: `${toPercent(m.value, local.min, local.max)}%` }}>\n                    <Show when={m.label != null}>\n                      <span class=\"smwb-slider__mark-label\">{m.label}</span>\n                    </Show>\n                  </span>\n                )}\n              </For>\n            </span>\n          </Show>\n          <span class=\"smwb-slider__rail\" />\n          <span\n            class=\"smwb-slider__track\"\n            style={(() => {\n              const p0 = toPercent(value()[0], local.min, local.max);\n              const p1 = toPercent(value()[1], local.min, local.max);\n              const startPct = `${Math.min(p0, p1)}%`;\n              const spanPct = `${Math.abs(p1 - p0)}%`;\n              return isVertical() ? { bottom: startPct, height: spanPct } : { left: startPct, width: spanPct };\n            })()}\n          />\n          <For each={[0, 1] as const}>\n            {(idx) => (\n              <span\n                class={cn(\"smwb-slider__thumb\", `smwb-slider__thumb--${idx === 0 ? \"start\" : \"end\"}`)}\n                style={isVertical() ? { bottom: `${toPercent(value()[idx], local.min, local.max)}%` } : { left: `${toPercent(value()[idx], local.min, local.max)}%` }}\n              >\n                <input\n                  data-testid={`slider-input-${idx}`}\n                  class=\"smwb-slider__input\"\n                  type=\"range\"\n                  min={local.min}\n                  max={local.max}\n                  step={local.step}\n                  name={local.name ? `${local.name}[${idx}]` : undefined}\n                  value={value()[idx]}\n                  disabled={local.disabled}\n                  onChange={() => undefined}\n                  onKeyDown={onThumbKeyDown(idx)}\n                  tabindex={local.disabled ? -1 : 0}\n                  aria-label={local[\"aria-label\"] ? `${local[\"aria-label\"]} ${idx === 0 ? \"minimum\" : \"maximum\"}` : undefined}\n                  aria-orientation={local.orientation}\n                  aria-valuenow={value()[idx]}\n                  aria-valuemin={idx === 0 ? local.min : value()[0]}\n                  aria-valuemax={idx === 0 ? value()[1] : local.max}\n                  aria-valuetext={local.getAriaValueText ? local.getAriaValueText(value()[idx]) : undefined}\n                  aria-disabled={local.disabled || undefined}\n                />\n              </span>\n            )}\n          </For>\n        </span>\n      </div>\n    </TextFieldWrapper>\n  );\n}\n\nfunction SingleSlider(props: SliderProps): JSX.Element {\n  const merged = mergeProps(\n    {\n      min: 0,\n      max: 100,\n      disabled: false,\n      variant: \"continuous\" as const,\n      size: \"medium\" as const,\n      color: \"primary\" as const,\n      orientation: \"horizontal\" as const,\n    },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"defaultValue\",\n    \"value\",\n    \"onChange\",\n    \"min\",\n    \"max\",\n    \"name\",\n    \"disabled\",\n    \"class\",\n    \"step\",\n    \"variant\",\n    \"valueField\",\n    \"withTicks\",\n    \"label\",\n    \"helperText\",\n    \"error\",\n    \"size\",\n    \"color\",\n    \"orientation\",\n    \"marks\",\n    \"range\",\n    \"getAriaValueText\",\n    \"aria-label\",\n    \"ref\",\n  ]);\n\n  const singleDefault = typeof local.defaultValue === \"number\" ? local.defaultValue : undefined;\n  const singleValue = (): number | undefined => (typeof local.value === \"number\" ? local.value : undefined);\n  const isVertical = (): boolean => local.orientation === \"vertical\";\n  const isControlled = typeof local.value === \"number\";\n  const isDiscrete = (): boolean => local.variant === \"discrete\";\n\n  const [valueState, setValueState] = createSignal<number>(singleDefault ?? local.min);\n  const [isDragging, setIsDragging] = createSignal(false);\n  const [isActive, setIsActive] = createSignal(false);\n  const [isFocused, setIsFocused] = createSignal(false);\n\n  let containerEl: HTMLSpanElement | undefined;\n  let isPressed = false;\n  const value = (): number => (isControlled ? (singleValue() as number) : valueState());\n\n  const updateValue = (next: number, event: Event): void => {\n    if (next < local.min || next > local.max) return;\n    if (!isControlled) setValueState(next);\n    local.onChange?.(event, next, props);\n  };\n\n  const offsetToValue = (absolute: number, containerSize: number): number =>\n    rescale(absolute, [0, containerSize], [local.min, local.max], { step: local.step });\n\n  const onMouseMove = (event: MouseEvent | TouchEvent): void => {\n    if (!isPressed || !containerEl) return;\n    const rect = containerEl.getBoundingClientRect();\n    const clientX = coordX(event);\n    const clientY = coordY(event);\n    const absolute = isVertical() ? rect.height - (clientY - rect.top) : clientX - rect.left;\n    const next = offsetToValue(absolute, isVertical() ? rect.height : rect.width);\n    if (!isActive()) setIsActive(true);\n    if (value() === next) return;\n    if (!isDragging()) setIsDragging(true);\n    updateValue(next, event);\n  };\n  const removeListeners = (): void => {\n    // Registered as a body-scope onCleanup, which Solid also runs when the SSR\n    // root is disposed — guard the document access so it never runs server-side.\n    if (isServer) return;\n    document.removeEventListener(\"mousemove\", onMouseMove);\n    document.removeEventListener(\"mouseup\", onMouseEnd);\n    document.removeEventListener(\"touchmove\", onMouseMove);\n    document.removeEventListener(\"touchend\", onMouseEnd);\n  };\n  const onMouseEnd = (): void => {\n    isPressed = false;\n    if (isDragging()) setIsDragging(false);\n    if (isActive()) setIsActive(false);\n    removeListeners();\n  };\n  const onMouseDown: JSX.EventHandler<HTMLSpanElement, MouseEvent> = (event) => {\n    if (local.disabled || event.button !== 0 || !containerEl) return;\n    isPressed = true;\n    const rect = containerEl.getBoundingClientRect();\n    const absolute = isVertical() ? rect.height - (event.clientY - rect.top) : event.clientX - rect.left;\n    const next = offsetToValue(absolute, isVertical() ? rect.height : rect.width);\n    if (!isActive()) setIsActive(true);\n    updateValue(next, event);\n    document.addEventListener(\"mousemove\", onMouseMove);\n    document.addEventListener(\"mouseup\", onMouseEnd);\n  };\n  const onTouchStartNative = (event: TouchEvent): void => {\n    if (local.disabled || !containerEl) return;\n    isPressed = true;\n    const rect = containerEl.getBoundingClientRect();\n    const touch = event.changedTouches?.[0];\n    if (!touch) return;\n    const absolute = isVertical() ? rect.height - (touch.clientY - rect.top) : touch.clientX - rect.left;\n    const next = offsetToValue(absolute, isVertical() ? rect.height : rect.width);\n    if (!isActive()) setIsActive(true);\n    updateValue(next, event);\n    document.addEventListener(\"touchmove\", onMouseMove);\n    document.addEventListener(\"touchend\", onMouseEnd);\n  };\n\n  onMount(() => {\n    if (!containerEl) return;\n    containerEl.addEventListener(\"touchstart\", onTouchStartNative);\n    onCleanup(() => containerEl?.removeEventListener(\"touchstart\", onTouchStartNative));\n  });\n  onCleanup(removeListeners);\n\n  const handleArrows: JSX.EventHandler<HTMLSpanElement, KeyboardEvent> = (event) => {\n    if (!isFocused() || local.disabled) return;\n    if (event.key === \"ArrowLeft\" || event.key === \"ArrowDown\") updateValue(value() - (local.step || 1), event);\n    if (event.key === \"ArrowRight\" || event.key === \"ArrowUp\") updateValue(value() + (local.step || 1), event);\n  };\n\n  const classes = (): string =>\n    cn(\"smwb-slider\", local.class, {\n      \"smwb-slider--disabled\": local.disabled,\n      \"smwb-slider--dragging\": isDragging(),\n      \"smwb-slider--discrete\": isDiscrete(),\n      \"smwb-slider--vertical\": isVertical(),\n    }, local.size !== \"medium\" && `smwb-slider_size-${local.size}`, local.color !== \"primary\" && `smwb-slider_color-${local.color}`);\n\n  const pct = (): string => `${toPercent(value(), local.min, local.max)}%`;\n  const markList = (): SliderMark[] => resolveMarks(local.marks, local.min, local.max, local.step);\n  const ticks = (): number[] => Array(Math.round(local.max / (local.step || 1)) + 1).fill(1) as number[];\n\n  return (\n    <TextFieldWrapper label={local.label} helperText={local.helperText} disabled={local.disabled} error={local.error} fullWidth shrink>\n      <div class=\"smwb-slider__container\">\n        <span\n          onKeyDown={handleArrows}\n          ref={mergeRefs(local.ref, (el) => (containerEl = el as HTMLSpanElement))}\n          onMouseDown={onMouseDown}\n          class={classes()}\n          tabindex={local.disabled ? -1 : 0}\n          onFocus={() => setIsFocused(true)}\n          onBlur={() => setIsFocused(false)}\n          {...rest}\n        >\n          <Show when={local.withTicks}>\n            <span class=\"smwb-slider__ticks\" style={{ gap: `${local.step}` }}>\n              <For each={ticks()}>{() => <span class=\"smwb-slider__tick\" />}</For>\n            </span>\n          </Show>\n          <Show when={markList().length > 0}>\n            <span class=\"smwb-slider__marks\" aria-hidden=\"true\">\n              <For each={markList()}>\n                {(m) => (\n                  <span class=\"smwb-slider__mark\" style={isVertical() ? { bottom: `${toPercent(m.value, local.min, local.max)}%` } : { left: `${toPercent(m.value, local.min, local.max)}%` }}>\n                    <Show when={m.label != null}>\n                      <span class=\"smwb-slider__mark-label\">{m.label}</span>\n                    </Show>\n                  </span>\n                )}\n              </For>\n            </span>\n          </Show>\n          <span class=\"smwb-slider__rail\" />\n          <span class=\"smwb-slider__track\" style={isVertical() ? { height: pct() } : { width: pct() }} />\n          <span\n            class={cn(\"smwb-slider__thumb\", { \"smwb-slider__thumb--active\": isActive(), \"smwb-slider__thumb--discrete\": isDiscrete() })}\n            style={isVertical() ? { bottom: pct() } : { left: pct() }}\n          >\n            <Show when={isDiscrete()}>\n              <span class=\"smwb-slider__thumb-tooltip\">{Math.round(value())}</span>\n            </Show>\n            <input\n              data-testid=\"slider-input\"\n              class=\"smwb-slider__input\"\n              type=\"range\"\n              min={local.min}\n              max={local.max}\n              name={local.name}\n              value={value()}\n              readonly\n              aria-label={local[\"aria-label\"]}\n              aria-orientation={local.orientation}\n              aria-valuenow={value()}\n              aria-valuemin={local.min}\n              aria-valuemax={local.max}\n              aria-valuetext={local.getAriaValueText ? local.getAriaValueText(value()) : undefined}\n              aria-disabled={local.disabled || undefined}\n            />\n          </span>\n        </span>\n        <Show when={local.valueField && isDiscrete()}>\n          <TextField\n            type=\"number\"\n            value={value()}\n            onChange={(event) => updateValue(+event.currentTarget.value, event)}\n            variant=\"filled\"\n          />\n        </Show>\n      </div>\n    </TextFieldWrapper>\n  );\n}\n\nexport function Slider(props: SliderProps): JSX.Element {\n  const isRangeMode = props.range === true || Array.isArray(props.value) || Array.isArray(props.defaultValue);\n  return (\n    <Show when={isRangeMode} fallback={<SingleSlider {...props} />}>\n      <RangeSlider {...props} />\n    </Show>\n  );\n}\n\nexport default Slider;\n"],"mappings":"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","names":[],"file":"slider.jsx"}

package/dist/source/components/inputs/textField/textField.jsx

@@ -1,4 +1,4 @@
-import "/sourcecraft/workspace/packages/styles/less/components/textField/textField.entry.less";
+import "@smwb/ui-styles/less/components/textField/textField.entry.less";
 import { createEffect, createSignal, mergeProps, onMount, splitProps } from "solid-js";
 import cn from "clsx";
 import { isFilled } from "./utils";
@@ -135,4 +135,4 @@ export {
   TextField,
   textField_default as default
 };
-//# sourceMappingURL=textField.js.map
+//# sourceMappingURL=textField.jsx.map

package/dist/source/components/inputs/textField/textField.jsx.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/inputs/textField/textField.tsx"],"sourcesContent":["import \"/sourcecraft/workspace/packages/styles/less/components/textField/textField.entry.less\";\nimport { 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"],"mappings":"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","names":[],"file":"textField.jsx"}
+{"version":3,"sources":["../../../../../src/components/inputs/textField/textField.tsx"],"sourcesContent":["import \"@smwb/ui-styles/less/components/textField/textField.entry.less\";\nimport { 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"],"mappings":"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","names":[],"file":"textField.jsx"}

package/dist/source/components/inputs/textField/textFieldAdornment.jsx

@@ -28,4 +28,4 @@ export {
   TextFieldAdornment,
   textFieldAdornment_default as default
 };
-//# sourceMappingURL=textFieldAdornment.js.map
+//# sourceMappingURL=textFieldAdornment.jsx.map

package/dist/source/components/inputs/textField/textFieldWrapper.jsx

@@ -80,4 +80,4 @@ export {
   TextFieldWrapper,
   textFieldWrapper_default as default
 };
-//# sourceMappingURL=textFieldWrapper.js.map
+//# sourceMappingURL=textFieldWrapper.jsx.map

package/dist/source/components/inputs/timePicker/timePicker.jsx

@@ -1,4 +1,4 @@
-import "/sourcecraft/workspace/packages/styles/less/components/timePicker/timePicker.entry.less";
+import "@smwb/ui-styles/less/components/timePicker/timePicker.entry.less";
 import { Show, createEffect, createSignal, onCleanup, splitProps } from "solid-js";
 import { Portal, isServer } from "solid-js/web";
 import { buildFloatingMiddleware, resolvePlacement } from "../../../utils/floating";
@@ -112,4 +112,4 @@ export {
   TimePicker,
   timePicker_default as default
 };
-//# sourceMappingURL=timePicker.js.map
+//# sourceMappingURL=timePicker.jsx.map

package/dist/source/components/inputs/timePicker/timePicker.jsx.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/inputs/timePicker/timePicker.tsx"],"sourcesContent":["import \"/sourcecraft/workspace/packages/styles/less/components/timePicker/timePicker.entry.less\";\nimport { 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              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"],"mappings":"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","names":[],"file":"timePicker.jsx"}
+{"version":3,"sources":["../../../../../src/components/inputs/timePicker/timePicker.tsx"],"sourcesContent":["import \"@smwb/ui-styles/less/components/timePicker/timePicker.entry.less\";\nimport { 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              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"],"mappings":"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","names":[],"file":"timePicker.jsx"}

package/dist/source/components/inputs/timePicker/timePickerColumns.jsx

@@ -39,4 +39,4 @@ export {
   TimePickerColumns,
   timePickerColumns_default as default
 };
-//# sourceMappingURL=timePickerColumns.js.map
+//# sourceMappingURL=timePickerColumns.jsx.map

package/dist/source/components/inputs/timePicker/timePickerInput.jsx

@@ -54,4 +54,4 @@ export {
   TimePickerInput,
   timePickerInput_default as default
 };
-//# sourceMappingURL=timePickerInput.js.map
+//# sourceMappingURL=timePickerInput.jsx.map