@smwb/ui-solid 0.1.0

package/dist/headless/components/inputs/slider/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","sources":["../../../../../src/components/inputs/slider/slider.tsx"],"sourcesContent":["import { type JSX, For, Show, createSignal, mergeProps, onCleanup, onMount, splitProps } from \"solid-js\";\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    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    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"],"names":["resolveMarks","marks","min","max","step","Array","isArray","s","result","v","push","value","Math","round","RangeSlider","props","merged","mergeProps","disabled","size","color","orientation","local","rest","splitProps","isVertical","normalize","arr","lo","hi","isControlled","undefined","valueState","setValueState","createSignal","defaultValue","containerEl","activeThumb","isPressed","markList","positionToValue","event","rect","getBoundingClientRect","y","coordY","top","rescale","height","x","coordX","left","width","commit","next","clamped","onChange","moveThumb","raw","current","pickThumb","abs","onMouseMove","preventDefault","onMouseEnd","document","removeEventListener","onMouseDown","button","addEventListener","onTouchStartNative","onMount","onCleanup","onThumbKeyDown","idx","delta","key","classes","cn","class","_$createComponent","TextFieldWrapper","label","helperText","error","fullWidth","shrink","children","_el$","_tmpl$2","_el$2","firstChild","_el$4","_el$5","nextSibling","$$mousedown","_ref$","mergeRefs","ref","el","_$use","_$spread","_$mergeProps","_$insert","Show","when","length","_el$3","_tmpl$","For","each","m","_el$6","_tmpl$4","_el$7","_tmpl$3","_$effect","_$p","_$style","bottom","toPercent","_el$8","_tmpl$5","_el$9","_$addEventListener","_$setAttribute","_p$","_v$","_v$2","_v$3","_v$4","_v$5","_v$6","name","_v$7","_v$8","_v$9","_v$0","_v$1","_v$10","_v$11","_v$12","getAriaValueText","_v$13","e","_$className","t","a","o","i","n","h","r","d","l","u","c","w","p0","p1","startPct","spanPct","SingleSlider","variant","singleDefault","singleValue","isDiscrete","isDragging","setIsDragging","isActive","setIsActive","isFocused","setIsFocused","updateValue","offsetToValue","absolute","containerSize","clientX","clientY","removeListeners","touch","changedTouches","handleArrows","pct","ticks","fill","_el$0","_tmpl$8","_el$1","_el$12","_el$13","_el$14","_el$16","_ref$2","$$keydown","tabindex","withTicks","_el$10","_tmpl$6","_tmpl$9","_$setStyleProperty","_el$11","_el$18","_el$19","_el$15","_tmpl$7","_$memo","valueField","TextField","type","currentTarget","_v$14","_v$15","_v$16","_v$17","_v$18","_v$19","_v$20","_v$21","_v$22","_v$23","_v$24","_v$25","_v$26","Slider","isRangeMode","range","fallback","_$delegateEvents"],"mappings":"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"}

package/dist/headless/components/inputs/slider/utils.js

@@ -0,0 +1,40 @@
+function f(n, c, t) {
+  return (n - c) / (t - c) * 100;
+}
+function h(n) {
+  return (`${n}`.split(".")[1] || "").length;
+}
+function u(n, c, t) {
+  return Math.max(c, Math.min(n, t));
+}
+function e(n, c = 1) {
+  const t = Math.pow(10, c);
+  return Math.round(n * t) / t;
+}
+function d(n, c, t, r) {
+  if (r == null || r <= 0)
+    return u(n, c, t);
+  const o = h(r), i = e(Math.round((n - c) / r) * r, o), a = e(Math.floor((t - c) / r) * r, o);
+  return c + u(i, 0, a);
+}
+function l(n, c, t, r = {}) {
+  const o = (n - c[0]) / (c[1] - c[0]) * (t[1] - t[0]) + t[0];
+  return d(o, t[0], t[1], r.step);
+}
+function s(n) {
+  return n instanceof TouchEvent || "changedTouches" in n ? n.changedTouches[0]?.clientX ?? 0 : n.clientX;
+}
+function g(n) {
+  return n instanceof TouchEvent || "changedTouches" in n ? n.changedTouches[0]?.clientY ?? 0 : n.clientY;
+}
+export {
+  u as clamp,
+  s as coordX,
+  g as coordY,
+  d as decimatedClamp,
+  h as precision,
+  e as precisionRound,
+  l as rescale,
+  f as toPercent
+};
+//# sourceMappingURL=utils.js.map

package/dist/headless/components/inputs/slider/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/inputs/slider/utils.ts"],"sourcesContent":["export function toPercent(value: number, min: number, max: number): number {\n  return ((value - min) / (max - min)) * 100;\n}\n\nexport function precision(number: number): number {\n  return (`${number}`.split(\".\")[1] || \"\").length;\n}\n\nexport function clamp(value: number, min: number, max: number): number {\n  return Math.max(min, Math.min(value, max));\n}\n\nexport function precisionRound(number: number, prec = 1): number {\n  const factor = Math.pow(10, prec);\n  return Math.round(number * factor) / factor;\n}\n\nexport function decimatedClamp(val: number, min: number, max: number, step?: number | undefined): number {\n  if (step == null || step <= 0) {\n    return clamp(val, min, max);\n  }\n  const prec = precision(step);\n  const decimatedOffset = precisionRound(Math.round((val - min) / step) * step, prec);\n  const decimatedRange = precisionRound(Math.floor((max - min) / step) * step, prec);\n  return min + clamp(decimatedOffset, 0, decimatedRange);\n}\n\nexport function rescale(value: number, from: [number, number], to: [number, number], options: { step?: number | undefined } = {}): number {\n  const scaled = ((value - from[0]) / (from[1] - from[0])) * (to[1] - to[0]) + to[0];\n  return decimatedClamp(scaled, to[0], to[1], options.step);\n}\n\nexport function coordX(event: MouseEvent | TouchEvent): number {\n  if (event instanceof TouchEvent || \"changedTouches\" in event) {\n    return (event as TouchEvent).changedTouches[0]?.clientX ?? 0;\n  }\n  return (event as MouseEvent).clientX;\n}\n\nexport function coordY(event: MouseEvent | TouchEvent): number {\n  if (event instanceof TouchEvent || \"changedTouches\" in event) {\n    return (event as TouchEvent).changedTouches[0]?.clientY ?? 0;\n  }\n  return (event as MouseEvent).clientY;\n}\n"],"names":["toPercent","value","min","max","precision","number","clamp","precisionRound","prec","factor","decimatedClamp","val","step","decimatedOffset","decimatedRange","rescale","from","to","options","scaled","coordX","event","coordY"],"mappings":"AAAO,SAASA,EAAUC,GAAeC,GAAaC,GAAqB;AACzE,UAASF,IAAQC,MAAQC,IAAMD,KAAQ;AACzC;AAEO,SAASE,EAAUC,GAAwB;AAChD,UAAQ,GAAGA,CAAM,GAAG,MAAM,GAAG,EAAE,CAAC,KAAK,IAAI;AAC3C;AAEO,SAASC,EAAML,GAAeC,GAAaC,GAAqB;AACrE,SAAO,KAAK,IAAID,GAAK,KAAK,IAAID,GAAOE,CAAG,CAAC;AAC3C;AAEO,SAASI,EAAeF,GAAgBG,IAAO,GAAW;AAC/D,QAAMC,IAAS,KAAK,IAAI,IAAID,CAAI;AAChC,SAAO,KAAK,MAAMH,IAASI,CAAM,IAAIA;AACvC;AAEO,SAASC,EAAeC,GAAaT,GAAaC,GAAaS,GAAmC;AACvG,MAAIA,KAAQ,QAAQA,KAAQ;AAC1B,WAAON,EAAMK,GAAKT,GAAKC,CAAG;AAE5B,QAAMK,IAAOJ,EAAUQ,CAAI,GACrBC,IAAkBN,EAAe,KAAK,OAAOI,IAAMT,KAAOU,CAAI,IAAIA,GAAMJ,CAAI,GAC5EM,IAAiBP,EAAe,KAAK,OAAOJ,IAAMD,KAAOU,CAAI,IAAIA,GAAMJ,CAAI;AACjF,SAAON,IAAMI,EAAMO,GAAiB,GAAGC,CAAc;AACvD;AAEO,SAASC,EAAQd,GAAee,GAAwBC,GAAsBC,IAAyC,CAAA,GAAY;AACxI,QAAMC,KAAWlB,IAAQe,EAAK,CAAC,MAAMA,EAAK,CAAC,IAAIA,EAAK,CAAC,MAAOC,EAAG,CAAC,IAAIA,EAAG,CAAC,KAAKA,EAAG,CAAC;AACjF,SAAOP,EAAeS,GAAQF,EAAG,CAAC,GAAGA,EAAG,CAAC,GAAGC,EAAQ,IAAI;AAC1D;AAEO,SAASE,EAAOC,GAAwC;AAC7D,SAAIA,aAAiB,cAAc,oBAAoBA,IAC7CA,EAAqB,eAAe,CAAC,GAAG,WAAW,IAErDA,EAAqB;AAC/B;AAEO,SAASC,EAAOD,GAAwC;AAC7D,SAAIA,aAAiB,cAAc,oBAAoBA,IAC7CA,EAAqB,eAAe,CAAC,GAAG,WAAW,IAErDA,EAAqB;AAC/B;"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"textFieldAdornment.js","sources":["../../../../../src/components/inputs/textField/textFieldAdornment.tsx"],"sourcesContent":["import { type JSX, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport type { TextFieldVariant } from \"./types\";\n\nexport interface TextFieldAdornmentProps {\n  position?: \"start\" | \"end\";\n  disablePointerEvents?: boolean;\n  variant?: TextFieldVariant | undefined;\n  inline?: boolean;\n  class?: string;\n  children?: JSX.Element;\n}\n\nexport function TextFieldAdornment(props: TextFieldAdornmentProps): JSX.Element {\n  const [local] = splitProps(props, [\n    \"position\",\n    \"variant\",\n    \"children\",\n    \"class\",\n    \"disablePointerEvents\",\n    \"inline\",\n  ]);\n\n  return (\n    <span\n      class={cn(\n        \"smwb-text-field__adornment\",\n        local.class,\n        local.position === \"start\" && \"smwb-text-field__adornment--start\",\n        local.position === \"end\" && \"smwb-text-field__adornment--end\",\n        local.disablePointerEvents && \"smwb-text-field__adornment--disable-pointer\",\n        !local.inline && local.variant === \"filled\" && \"smwb-text-field__adornment--filled\",\n        typeof local.children === \"string\" && \"smwb-text-field__adornment--text\"\n      )}\n    >\n      {local.children}\n    </span>\n  );\n}\n\nexport default TextFieldAdornment;\n"],"names":["TextFieldAdornment","props","local","splitProps","_el$","_tmpl$","_$insert","children","_$effect","_$className","cn","class","position","disablePointerEvents","inline","variant"],"mappings":";;;;AAaO,SAASA,EAAmBC,GAA6C;AAC9E,QAAM,CAACC,CAAK,IAAIC,EAAWF,GAAO,CAChC,YACA,WACA,YACA,SACA,wBACA,QAAQ,CACT;AAED,UAAA,MAAA;AAAA,QAAAG,IAAAC,EAAAA;AAAAC,WAAAA,EAAAF,GAAA,MAYKF,EAAMK,QAAQ,GAAAC,EAAA,MAAAC,EAAAL,GAVRM,EACL,8BACAR,EAAMS,OACNT,EAAMU,aAAa,WAAW,qCAC9BV,EAAMU,aAAa,SAAS,mCAC5BV,EAAMW,wBAAwB,+CAC9B,CAACX,EAAMY,UAAUZ,EAAMa,YAAY,YAAY,sCAC/C,OAAOb,EAAMK,YAAa,YAAY,kCACxC,CAAC,CAAA,GAAAH;AAAAA,EAAA,GAAA;AAKP;"}

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

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

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

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

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

@@ -0,0 +1,11 @@
+function l(e) {
+  return e != null && !(Array.isArray(e) && e.length === 0);
+}
+function u(e) {
+  return !!(e && (l(e.value) && e.value !== "" || l(e.defaultValue) && e.defaultValue !== ""));
+}
+export {
+  l as hasValue,
+  u as isFilled
+};
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/inputs/textField/utils.ts"],"sourcesContent":["export function hasValue(value: unknown): boolean {\n  return value != null && !(Array.isArray(value) && value.length === 0);\n}\n\nexport function isFilled(obj?: { value?: unknown; defaultValue?: unknown } | null): boolean {\n  return Boolean(\n    obj && ((hasValue(obj.value) && obj.value !== \"\") || (hasValue(obj.defaultValue) && obj.defaultValue !== \"\"))\n  );\n}\n"],"names":["hasValue","value","isFilled","obj"],"mappings":"AAAO,SAASA,EAASC,GAAyB;AAChD,SAAOA,KAAS,QAAQ,EAAE,MAAM,QAAQA,CAAK,KAAKA,EAAM,WAAW;AACrE;AAEO,SAASC,EAASC,GAAmE;AAC1F,SAAO,GACLA,MAASH,EAASG,EAAI,KAAK,KAAKA,EAAI,UAAU,MAAQH,EAASG,EAAI,YAAY,KAAKA,EAAI,iBAAiB;AAE7G;"}

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

@@ -0,0 +1,58 @@
+const c = /HH|mm|ss/g;
+function f(e) {
+  const t = [];
+  let n;
+  for (c.lastIndex = 0; (n = c.exec(e)) !== null; )
+    t.push(n[0]);
+  return t;
+}
+function d(e) {
+  return e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function g(e) {
+  let t = "^", n = 0, r;
+  for (c.lastIndex = 0; (r = c.exec(e)) !== null; )
+    t += d(e.slice(n, r.index)), t += "(\\d{2})", n = c.lastIndex;
+  return t += d(e.slice(n)), t += "$", new RegExp(t);
+}
+function x(e, t, n) {
+  return e >= 0 && e <= 23 && t >= 0 && t <= 59 && n >= 0 && n <= 59;
+}
+function h(e) {
+  return f(e).includes("ss");
+}
+function H(e, t) {
+  const n = e.getHours(), r = e.getMinutes(), s = e.getSeconds();
+  return t.replace(c, (i) => i === "HH" ? String(n).padStart(2, "0") : i === "mm" ? String(r).padStart(2, "0") : String(s).padStart(2, "0"));
+}
+function p(e, t) {
+  const n = f(t);
+  if (!n.includes("HH") || !n.includes("mm")) return;
+  const r = g(t).exec(e);
+  if (!r) return;
+  let s, i, u = 0;
+  if (n.forEach((l, m) => {
+    const a = Number(r[m + 1]);
+    if (l === "HH") {
+      s = a;
+      return;
+    }
+    if (l === "mm") {
+      i = a;
+      return;
+    }
+    u = a;
+  }), s === void 0 || i === void 0 || !x(s, i, u)) return;
+  const o = /* @__PURE__ */ new Date();
+  return new Date(o.getFullYear(), o.getMonth(), o.getDate(), s, i, u);
+}
+function E(e, t) {
+  return p(e, t) !== void 0;
+}
+export {
+  H as formatTimeByPattern,
+  E as isTimePatternMatch,
+  p as parseTimeByPattern,
+  h as patternHasSeconds
+};
+//# sourceMappingURL=timeFormat.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"timeFormat.js","sources":["../../../../../src/components/inputs/timePicker/timeFormat.ts"],"sourcesContent":["const TIME_TOKEN_REGEXP = /HH|mm|ss/g;\n\ntype TimeToken = \"HH\" | \"mm\" | \"ss\";\n\nfunction extractTokens(pattern: string): TimeToken[] {\n  const tokens: TimeToken[] = [];\n  let match: RegExpExecArray | null;\n  TIME_TOKEN_REGEXP.lastIndex = 0;\n  while ((match = TIME_TOKEN_REGEXP.exec(pattern)) !== null) {\n    tokens.push(match[0] as TimeToken);\n  }\n  return tokens;\n}\n\nfunction escapeRegExp(value: string): string {\n  return value.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n}\n\nfunction patternToRegExp(pattern: string): RegExp {\n  let regex = \"^\";\n  let lastIndex = 0;\n  let match: RegExpExecArray | null;\n  TIME_TOKEN_REGEXP.lastIndex = 0;\n  while ((match = TIME_TOKEN_REGEXP.exec(pattern)) !== null) {\n    regex += escapeRegExp(pattern.slice(lastIndex, match.index));\n    regex += \"(\\\\d{2})\";\n    lastIndex = TIME_TOKEN_REGEXP.lastIndex;\n  }\n  regex += escapeRegExp(pattern.slice(lastIndex));\n  regex += \"$\";\n  return new RegExp(regex);\n}\n\nfunction isValidTime(hours: number, minutes: number, seconds: number): boolean {\n  return hours >= 0 && hours <= 23 && minutes >= 0 && minutes <= 59 && seconds >= 0 && seconds <= 59;\n}\n\nexport function patternHasSeconds(pattern: string): boolean {\n  return extractTokens(pattern).includes(\"ss\");\n}\n\nexport function formatTimeByPattern(date: Date, pattern: string): string {\n  const hours = date.getHours();\n  const minutes = date.getMinutes();\n  const seconds = date.getSeconds();\n  return pattern.replace(TIME_TOKEN_REGEXP, (token) => {\n    if (token === \"HH\") return String(hours).padStart(2, \"0\");\n    if (token === \"mm\") return String(minutes).padStart(2, \"0\");\n    return String(seconds).padStart(2, \"0\");\n  });\n}\n\nexport function parseTimeByPattern(value: string, pattern: string): Date | undefined {\n  const tokens = extractTokens(pattern);\n  if (!tokens.includes(\"HH\") || !tokens.includes(\"mm\")) return undefined;\n  const match = patternToRegExp(pattern).exec(value);\n  if (!match) return undefined;\n\n  let hours: number | undefined;\n  let minutes: number | undefined;\n  let seconds = 0;\n\n  tokens.forEach((token, index) => {\n    const part = Number(match[index + 1]);\n    if (token === \"HH\") {\n      hours = part;\n      return;\n    }\n    if (token === \"mm\") {\n      minutes = part;\n      return;\n    }\n    seconds = part;\n  });\n\n  if (hours === undefined || minutes === undefined) return undefined;\n  if (!isValidTime(hours, minutes, seconds)) return undefined;\n\n  const now = new Date();\n  return new Date(now.getFullYear(), now.getMonth(), now.getDate(), hours, minutes, seconds);\n}\n\nexport function isTimePatternMatch(value: string, pattern: string): boolean {\n  return parseTimeByPattern(value, pattern) !== undefined;\n}\n"],"names":["TIME_TOKEN_REGEXP","extractTokens","pattern","tokens","match","escapeRegExp","value","patternToRegExp","regex","lastIndex","isValidTime","hours","minutes","seconds","patternHasSeconds","formatTimeByPattern","date","token","parseTimeByPattern","index","part","now","isTimePatternMatch"],"mappings":"AAAA,MAAMA,IAAoB;AAI1B,SAASC,EAAcC,GAA8B;AACnD,QAAMC,IAAsB,CAAA;AAC5B,MAAIC;AAEJ,OADAJ,EAAkB,YAAY,IACtBI,IAAQJ,EAAkB,KAAKE,CAAO,OAAO;AACnD,IAAAC,EAAO,KAAKC,EAAM,CAAC,CAAc;AAEnC,SAAOD;AACT;AAEA,SAASE,EAAaC,GAAuB;AAC3C,SAAOA,EAAM,QAAQ,uBAAuB,MAAM;AACpD;AAEA,SAASC,EAAgBL,GAAyB;AAChD,MAAIM,IAAQ,KACRC,IAAY,GACZL;AAEJ,OADAJ,EAAkB,YAAY,IACtBI,IAAQJ,EAAkB,KAAKE,CAAO,OAAO;AACnD,IAAAM,KAASH,EAAaH,EAAQ,MAAMO,GAAWL,EAAM,KAAK,CAAC,GAC3DI,KAAS,YACTC,IAAYT,EAAkB;AAEhC,SAAAQ,KAASH,EAAaH,EAAQ,MAAMO,CAAS,CAAC,GAC9CD,KAAS,KACF,IAAI,OAAOA,CAAK;AACzB;AAEA,SAASE,EAAYC,GAAeC,GAAiBC,GAA0B;AAC7E,SAAOF,KAAS,KAAKA,KAAS,MAAMC,KAAW,KAAKA,KAAW,MAAMC,KAAW,KAAKA,KAAW;AAClG;AAEO,SAASC,EAAkBZ,GAA0B;AAC1D,SAAOD,EAAcC,CAAO,EAAE,SAAS,IAAI;AAC7C;AAEO,SAASa,EAAoBC,GAAYd,GAAyB;AACvE,QAAMS,IAAQK,EAAK,SAAA,GACbJ,IAAUI,EAAK,WAAA,GACfH,IAAUG,EAAK,WAAA;AACrB,SAAOd,EAAQ,QAAQF,GAAmB,CAACiB,MACrCA,MAAU,OAAa,OAAON,CAAK,EAAE,SAAS,GAAG,GAAG,IACpDM,MAAU,OAAa,OAAOL,CAAO,EAAE,SAAS,GAAG,GAAG,IACnD,OAAOC,CAAO,EAAE,SAAS,GAAG,GAAG,CACvC;AACH;AAEO,SAASK,EAAmBZ,GAAeJ,GAAmC;AACnF,QAAMC,IAASF,EAAcC,CAAO;AACpC,MAAI,CAACC,EAAO,SAAS,IAAI,KAAK,CAACA,EAAO,SAAS,IAAI,EAAG;AACtD,QAAMC,IAAQG,EAAgBL,CAAO,EAAE,KAAKI,CAAK;AACjD,MAAI,CAACF,EAAO;AAEZ,MAAIO,GACAC,GACAC,IAAU;AAgBd,MAdAV,EAAO,QAAQ,CAACc,GAAOE,MAAU;AAC/B,UAAMC,IAAO,OAAOhB,EAAMe,IAAQ,CAAC,CAAC;AACpC,QAAIF,MAAU,MAAM;AAClB,MAAAN,IAAQS;AACR;AAAA,IACF;AACA,QAAIH,MAAU,MAAM;AAClB,MAAAL,IAAUQ;AACV;AAAA,IACF;AACA,IAAAP,IAAUO;AAAA,EACZ,CAAC,GAEGT,MAAU,UAAaC,MAAY,UACnC,CAACF,EAAYC,GAAOC,GAASC,CAAO,EAAG;AAE3C,QAAMQ,wBAAU,KAAA;AAChB,SAAO,IAAI,KAAKA,EAAI,YAAA,GAAeA,EAAI,YAAYA,EAAI,QAAA,GAAWV,GAAOC,GAASC,CAAO;AAC3F;AAEO,SAASS,EAAmBhB,GAAeJ,GAA0B;AAC1E,SAAOgB,EAAmBZ,GAAOJ,CAAO,MAAM;AAChD;"}