@smwb/ui-solid 0.4.0 → 0.5.0

package/dist/headless/source/components/dataDisplay/thumbCard/thumbCard.jsx

@@ -0,0 +1,93 @@
+import { Show, createSignal, mergeProps, onCleanup, splitProps } from "solid-js";
+import { Portal, isServer } from "solid-js/web";
+import cn from "clsx";
+import { createFloating } from "../../../primitives/createFloating";
+import { LazyImage } from "../lazyImage";
+import { mergeRefs } from "../../../primitives/mergeRefs";
+function ThumbCard(props) {
+  const merged = mergeProps({ lazy: true, hoverDelay: 350 }, props);
+  const [local, rest] = splitProps(merged, [
+    "src",
+    "caption",
+    "selected",
+    "onSelect",
+    "fallback",
+    "hoverPreview",
+    "topStart",
+    "topEnd",
+    "lazy",
+    "disabled",
+    "hoverDelay",
+    "class",
+    "ref"
+  ]);
+  const floating = createFloating({ placement: () => "right" });
+  const [previewOpen, setPreviewOpen] = createSignal(false);
+  let hoverTimer;
+  const clearTimer = () => {
+    if (hoverTimer) {
+      clearTimeout(hoverTimer);
+      hoverTimer = void 0;
+    }
+  };
+  const onEnter = () => {
+    if (local.hoverPreview == null || local.disabled) return;
+    clearTimer();
+    hoverTimer = setTimeout(() => setPreviewOpen(true), local.hoverDelay);
+  };
+  const onLeave = () => {
+    clearTimer();
+    setPreviewOpen(false);
+  };
+  onCleanup(clearTimer);
+  const interactive = () => !!local.onSelect && !local.disabled;
+  const onKeyDown = (event) => {
+    if (interactive() && (event.key === "Enter" || event.key === " ")) {
+      event.preventDefault();
+      local.onSelect?.();
+    }
+  };
+  return <div
+    {...rest}
+    ref={mergeRefs(local.ref, (el) => floating.setReference(el))}
+    class={cn("smwb-thumb-card", local.class, {
+      "smwb-thumb-card--selected": local.selected,
+      "smwb-thumb-card--disabled": local.disabled,
+      "smwb-thumb-card--interactive": interactive()
+    })}
+    role={interactive() ? "button" : void 0}
+    tabindex={interactive() ? 0 : void 0}
+    aria-pressed={local.onSelect ? local.selected ?? false : void 0}
+    aria-disabled={local.disabled || void 0}
+    onClick={interactive() ? () => local.onSelect?.() : void 0}
+    onKeyDown={onKeyDown}
+    onMouseEnter={onEnter}
+    onMouseLeave={onLeave}
+  >
+      <div class="smwb-thumb-card__media">
+        <LazyImage src={local.src} lazy={local.lazy} fallback={local.fallback} />
+        <Show when={local.topStart}>
+          <div class="smwb-thumb-card__slot smwb-thumb-card__slot--start">{local.topStart}</div>
+        </Show>
+        <Show when={local.topEnd}>
+          <div class="smwb-thumb-card__slot smwb-thumb-card__slot--end">{local.topEnd}</div>
+        </Show>
+      </div>
+      <Show when={local.caption}>
+        <div class="smwb-thumb-card__caption">{local.caption}</div>
+      </Show>
+      <Show when={previewOpen() && !isServer}>
+        <Portal>
+          <div class="smwb-thumb-card__preview" ref={(el) => floating.setFloating(el)} style={floating.floatingStyles()}>
+            {typeof local.hoverPreview === "string" ? <img src={local.hoverPreview} alt="" /> : local.hoverPreview}
+          </div>
+        </Portal>
+      </Show>
+    </div>;
+}
+var thumbCard_default = ThumbCard;
+export {
+  ThumbCard,
+  thumbCard_default as default
+};
+//# sourceMappingURL=thumbCard.jsx.map

package/dist/headless/source/components/dataDisplay/thumbCard/thumbCard.jsx.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/dataDisplay/thumbCard/thumbCard.tsx"],"sourcesContent":["import { type JSX, Show, createSignal, mergeProps, onCleanup, splitProps } from \"solid-js\";\nimport { Portal, isServer } from \"solid-js/web\";\nimport cn from \"clsx\";\nimport { createFloating } from \"../../../primitives/createFloating\";\nimport { LazyImage } from \"../lazyImage\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface ThumbCardProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, \"onSelect\"> {\n  /** Thumbnail URL; falls back to `fallback` when missing / failed. */\n  src?: string;\n  caption?: JSX.Element;\n  selected?: boolean;\n  /** Makes the card a selectable button (keyboard + `aria-pressed`). */\n  onSelect?: () => void;\n  /** Shown in place of the image when `src` is missing / fails. */\n  fallback?: JSX.Element;\n  /** A larger preview shown in a floating popup after a hover delay. */\n  hoverPreview?: JSX.Element | string;\n  /** Top-left overlay slot (e.g. a favourite star). */\n  topStart?: JSX.Element;\n  /** Top-right overlay slot (e.g. a kebab menu). */\n  topEnd?: JSX.Element;\n  lazy?: boolean;\n  disabled?: boolean;\n  /** Delay (ms) before the hover preview appears. Default 350. */\n  hoverDelay?: number;\n  ref?: Ref<HTMLDivElement>;\n}\n\n/**\n * A selectable gallery card: image with an `onError` fallback + optional lazy\n * load, keyboard/`aria-pressed` selection, corner action slots, and a delayed\n * floating hover-preview. The generic gallery-card behaviour every app rebuilds\n * on top of the primitives. SSR-safe — the hover preview is client-only.\n */\nexport function ThumbCard(props: ThumbCardProps): JSX.Element {\n  const merged = mergeProps({ lazy: true, hoverDelay: 350 }, props);\n  const [local, rest] = splitProps(merged, [\n    \"src\",\n    \"caption\",\n    \"selected\",\n    \"onSelect\",\n    \"fallback\",\n    \"hoverPreview\",\n    \"topStart\",\n    \"topEnd\",\n    \"lazy\",\n    \"disabled\",\n    \"hoverDelay\",\n    \"class\",\n    \"ref\",\n  ]);\n\n  const floating = createFloating({ placement: () => \"right\" });\n  const [previewOpen, setPreviewOpen] = createSignal(false);\n  let hoverTimer: ReturnType<typeof setTimeout> | undefined;\n\n  const clearTimer = (): void => {\n    if (hoverTimer) {\n      clearTimeout(hoverTimer);\n      hoverTimer = undefined;\n    }\n  };\n  const onEnter = (): void => {\n    if (local.hoverPreview == null || local.disabled) return;\n    clearTimer();\n    hoverTimer = setTimeout(() => setPreviewOpen(true), local.hoverDelay);\n  };\n  const onLeave = (): void => {\n    clearTimer();\n    setPreviewOpen(false);\n  };\n  onCleanup(clearTimer);\n\n  const interactive = (): boolean => !!local.onSelect && !local.disabled;\n  const onKeyDown: JSX.EventHandler<HTMLDivElement, KeyboardEvent> = (event) => {\n    if (interactive() && (event.key === \"Enter\" || event.key === \" \")) {\n      event.preventDefault();\n      local.onSelect?.();\n    }\n  };\n\n  return (\n    <div\n      {...rest}\n      ref={mergeRefs(local.ref, (el) => floating.setReference(el))}\n      class={cn(\"smwb-thumb-card\", local.class, {\n        \"smwb-thumb-card--selected\": local.selected,\n        \"smwb-thumb-card--disabled\": local.disabled,\n        \"smwb-thumb-card--interactive\": interactive(),\n      })}\n      role={interactive() ? \"button\" : undefined}\n      tabindex={interactive() ? 0 : undefined}\n      aria-pressed={local.onSelect ? (local.selected ?? false) : undefined}\n      aria-disabled={local.disabled || undefined}\n      onClick={interactive() ? () => local.onSelect?.() : undefined}\n      onKeyDown={onKeyDown}\n      onMouseEnter={onEnter}\n      onMouseLeave={onLeave}\n    >\n      <div class=\"smwb-thumb-card__media\">\n        <LazyImage src={local.src} lazy={local.lazy} fallback={local.fallback} />\n        <Show when={local.topStart}>\n          <div class=\"smwb-thumb-card__slot smwb-thumb-card__slot--start\">{local.topStart}</div>\n        </Show>\n        <Show when={local.topEnd}>\n          <div class=\"smwb-thumb-card__slot smwb-thumb-card__slot--end\">{local.topEnd}</div>\n        </Show>\n      </div>\n      <Show when={local.caption}>\n        <div class=\"smwb-thumb-card__caption\">{local.caption}</div>\n      </Show>\n      <Show when={previewOpen() && !isServer}>\n        <Portal>\n          <div class=\"smwb-thumb-card__preview\" ref={(el) => floating.setFloating(el)} style={floating.floatingStyles()}>\n            {typeof local.hoverPreview === \"string\" ? (\n              <img src={local.hoverPreview} alt=\"\" />\n            ) : (\n              (local.hoverPreview as JSX.Element)\n            )}\n          </div>\n        </Portal>\n      </Show>\n    </div>\n  );\n}\n\nexport default ThumbCard;\n"],"mappings":"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","names":[],"file":"thumbCard.jsx"}

package/dist/headless/source/components/dataDisplay/treeView/treeView.jsx

@@ -169,4 +169,4 @@ export {
   TreeView,
   treeView_default as default
 };
-//# sourceMappingURL=treeView.js.map
+//# sourceMappingURL=treeView.jsx.map

package/dist/headless/source/components/dataDisplay/typography/typography.jsx

@@ -54,4 +54,4 @@ export {
   Typography,
   typography_default as default
 };
-//# sourceMappingURL=typography.js.map
+//# sourceMappingURL=typography.jsx.map

package/dist/headless/source/components/feedBack/message/message.jsx

@@ -48,4 +48,4 @@ export {
   MessageContainer,
   message_default as default
 };
-//# sourceMappingURL=message.js.map
+//# sourceMappingURL=message.jsx.map

package/dist/headless/source/components/feedBack/modal/modal.jsx

@@ -98,4 +98,4 @@ export {
   Modal,
   modal_default as default
 };
-//# sourceMappingURL=modal.js.map
+//# sourceMappingURL=modal.jsx.map

package/dist/headless/source/components/feedBack/progressIndicator/progressIndicator.jsx

@@ -65,4 +65,4 @@ export {
   ProgressIndicator,
   progressIndicator_default as default
 };
-//# sourceMappingURL=progressIndicator.js.map
+//# sourceMappingURL=progressIndicator.jsx.map

package/dist/headless/source/components/feedBack/saveAssetDialog/index.js

@@ -0,0 +1,5 @@
+import { SaveAssetDialog } from "./saveAssetDialog";
+export {
+  SaveAssetDialog
+};
+//# sourceMappingURL=index.js.map

package/dist/headless/source/components/feedBack/saveAssetDialog/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/feedBack/saveAssetDialog/index.ts"],
+  "sourcesContent": ["export { SaveAssetDialog } from \"./saveAssetDialog\";\nexport type { SaveAssetDialogProps } from \"./saveAssetDialog\";\n"],
+  "mappings": "AAAA,SAAS,uBAAuB;",
+  "names": []
+}

package/dist/headless/source/components/feedBack/saveAssetDialog/saveAssetDialog.jsx

@@ -0,0 +1,65 @@
+import { Show, splitProps } from "solid-js";
+import cn from "clsx";
+import { Modal } from "../modal";
+import { Button } from "../../inputs/button";
+import { TextField } from "../../inputs/textField";
+function SaveAssetDialog(props) {
+  const [local] = splitProps(props, [
+    "open",
+    "title",
+    "nameLabel",
+    "name",
+    "onNameChange",
+    "previewSrc",
+    "onCapture",
+    "captureLabel",
+    "busy",
+    "confirmLabel",
+    "cancelLabel",
+    "onConfirm",
+    "onClose",
+    "children",
+    "class"
+  ]);
+  const showNameField = () => local.onNameChange !== void 0 || local.name !== void 0;
+  return <Modal open={local.open} onClose={local.onClose} size="small">
+      <Modal.Header>{local.title ?? "Save"}</Modal.Header>
+      <Modal.Content>
+        <div class={cn("smwb-save-asset-dialog__body", local.class)}>
+          <Show when={showNameField()}>
+            <TextField
+    label={local.nameLabel ?? "Name"}
+    value={local.name ?? ""}
+    disabled={!!local.busy}
+    onChange={(event) => local.onNameChange?.(event.currentTarget.value)}
+  />
+          </Show>
+          <Show when={local.previewSrc}>
+            <div class="smwb-save-asset-dialog__preview">
+              <img src={local.previewSrc} alt="" />
+            </div>
+          </Show>
+          <Show when={local.onCapture}>
+            <Button
+    variant="outlined"
+    size="small"
+    disabled={!!local.busy}
+    onClick={() => local.onCapture?.()}
+    label={local.captureLabel ?? "Capture preview"}
+  />
+          </Show>
+          {local.children}
+        </div>
+      </Modal.Content>
+      <Modal.Footer>
+        <Button variant="text" disabled={!!local.busy} onClick={() => local.onClose()} label={local.cancelLabel ?? "Cancel"} />
+        <Button variant="contained" disabled={!!local.busy} onClick={() => local.onConfirm()} label={local.confirmLabel ?? "Save"} />
+      </Modal.Footer>
+    </Modal>;
+}
+var saveAssetDialog_default = SaveAssetDialog;
+export {
+  SaveAssetDialog,
+  saveAssetDialog_default as default
+};
+//# sourceMappingURL=saveAssetDialog.jsx.map

package/dist/headless/source/components/feedBack/saveAssetDialog/saveAssetDialog.jsx.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/feedBack/saveAssetDialog/saveAssetDialog.tsx"],"sourcesContent":["import { type JSX, Show, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Modal } from \"../modal\";\nimport { Button } from \"../../inputs/button\";\nimport { TextField } from \"../../inputs/textField\";\n\nexport interface SaveAssetDialogProps {\n  open: boolean;\n  title?: string;\n  /** Label for the name field. Omit `onNameChange` AND `name` to hide the field. */\n  nameLabel?: string;\n  name?: string;\n  onNameChange?: (name: string) => void;\n  /** Preview image URL (e.g. a freshly captured thumbnail). */\n  previewSrc?: string;\n  /** Shows a Capture button when provided. */\n  onCapture?: () => void;\n  captureLabel?: string;\n  /** Disables the actions + name field while a save/capture is in flight. */\n  busy?: boolean;\n  confirmLabel?: string;\n  cancelLabel?: string;\n  onConfirm: () => void;\n  onClose: () => void;\n  /** Extra content between the name field/preview and the actions. */\n  children?: JSX.Element;\n  class?: string;\n}\n\n/**\n * A \"name it / preview a thumbnail / confirm-cancel\" dialog on `Modal` — the\n * save/capture flow apps hand-build for every asset. Pairs with srv-solid's\n * asset store: `onConfirm` uploads the captured `previewSrc`.\n */\nexport function SaveAssetDialog(props: SaveAssetDialogProps): JSX.Element {\n  const [local] = splitProps(props, [\n    \"open\",\n    \"title\",\n    \"nameLabel\",\n    \"name\",\n    \"onNameChange\",\n    \"previewSrc\",\n    \"onCapture\",\n    \"captureLabel\",\n    \"busy\",\n    \"confirmLabel\",\n    \"cancelLabel\",\n    \"onConfirm\",\n    \"onClose\",\n    \"children\",\n    \"class\",\n  ]);\n\n  const showNameField = (): boolean => local.onNameChange !== undefined || local.name !== undefined;\n\n  return (\n    <Modal open={local.open} onClose={local.onClose} size=\"small\">\n      <Modal.Header>{local.title ?? \"Save\"}</Modal.Header>\n      <Modal.Content>\n        <div class={cn(\"smwb-save-asset-dialog__body\", local.class)}>\n          <Show when={showNameField()}>\n            <TextField\n              label={local.nameLabel ?? \"Name\"}\n              value={local.name ?? \"\"}\n              disabled={!!local.busy}\n              onChange={(event) => local.onNameChange?.((event.currentTarget as HTMLInputElement).value)}\n            />\n          </Show>\n          <Show when={local.previewSrc}>\n            <div class=\"smwb-save-asset-dialog__preview\">\n              <img src={local.previewSrc} alt=\"\" />\n            </div>\n          </Show>\n          <Show when={local.onCapture}>\n            <Button\n              variant=\"outlined\"\n              size=\"small\"\n              disabled={!!local.busy}\n              onClick={() => local.onCapture?.()}\n              label={local.captureLabel ?? \"Capture preview\"}\n            />\n          </Show>\n          {local.children}\n        </div>\n      </Modal.Content>\n      <Modal.Footer>\n        <Button variant=\"text\" disabled={!!local.busy} onClick={() => local.onClose()} label={local.cancelLabel ?? \"Cancel\"} />\n        <Button variant=\"contained\" disabled={!!local.busy} onClick={() => local.onConfirm()} label={local.confirmLabel ?? \"Save\"} />\n      </Modal.Footer>\n    </Modal>\n  );\n}\n\nexport default SaveAssetDialog;\n"],"mappings":"AAAA,SAAmB,MAAM,kBAAkB;AAC3C,OAAO,QAAQ;AACf,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,SAAS,iBAAiB;AA8BnB,SAAS,gBAAgB,OAA0C;AACxE,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,EACF,CAAC;AAED,QAAM,gBAAgB,MAAe,MAAM,iBAAiB,UAAa,MAAM,SAAS;AAExF,SACE,CAAC,MAAM,MAAM,MAAM,MAAM,SAAS,MAAM,SAAS,KAAK,QAAQ;AAAA,MAC5D,CAAC,MAAM,QAAQ,MAAM,SAAS,OAAO,EAApC,MAAM,OAA6C;AAAA,MACpD,CAAC,MAAM,QAAQ;AAAA,QACb,CAAC,IAAI,OAAO,GAAG,gCAAgC,MAAM,KAAK,GAAG;AAAA,UAC3D,CAAC,KAAK,MAAM,cAAc,GAAG;AAAA,YAC3B,CAAC;AAAA,IACC,OAAO,MAAM,aAAa;AAAA,IAC1B,OAAO,MAAM,QAAQ;AAAA,IACrB,UAAU,CAAC,CAAC,MAAM;AAAA,IAClB,UAAU,CAAC,UAAU,MAAM,eAAgB,MAAM,cAAmC,KAAK;AAAA,EAC3F,EAAE;AAAA,UACJ,EAPC,KAOM;AAAA,UACP,CAAC,KAAK,MAAM,MAAM,YAAY;AAAA,YAC5B,CAAC,IAAI,MAAM,kCAAkC;AAAA,cAC3C,CAAC,IAAI,KAAK,MAAM,YAAY,IAAI,GAAG,EAAE;AAAA,YACvC,EAFC,IAEK;AAAA,UACR,EAJC,KAIM;AAAA,UACP,CAAC,KAAK,MAAM,MAAM,WAAW;AAAA,YAC3B,CAAC;AAAA,IACC,QAAQ;AAAA,IACR,KAAK;AAAA,IACL,UAAU,CAAC,CAAC,MAAM;AAAA,IAClB,SAAS,MAAM,MAAM,YAAY;AAAA,IACjC,OAAO,MAAM,gBAAgB;AAAA,EAC/B,EAAE;AAAA,UACJ,EARC,KAQM;AAAA,WACN,MAAM,SAAS;AAAA,QAClB,EAxBC,IAwBK;AAAA,MACR,EA1BC,MAAM,QA0BS;AAAA,MAChB,CAAC,MAAM,OAAO;AAAA,QACZ,CAAC,OAAO,QAAQ,OAAO,UAAU,CAAC,CAAC,MAAM,MAAM,SAAS,MAAM,MAAM,QAAQ,GAAG,OAAO,MAAM,eAAe,UAAU,EAAE;AAAA,QACvH,CAAC,OAAO,QAAQ,YAAY,UAAU,CAAC,CAAC,MAAM,MAAM,SAAS,MAAM,MAAM,UAAU,GAAG,OAAO,MAAM,gBAAgB,QAAQ,EAAE;AAAA,MAC/H,EAHC,MAAM,OAGQ;AAAA,IACjB,EAjCC;AAmCL;AAEA,IAAO,0BAAQ;","names":[],"file":"saveAssetDialog.jsx"}

package/dist/headless/source/components/feedBack/skeleton/skeleton.jsx

@@ -62,4 +62,4 @@ export {
   Skeleton,
   skeleton_default as default
 };
-//# sourceMappingURL=skeleton.js.map
+//# sourceMappingURL=skeleton.jsx.map

package/dist/headless/source/components/feedBack/snackbar/snackbar.jsx

@@ -193,4 +193,4 @@ export {
   useSnackbar,
   variants
 };
-//# sourceMappingURL=snackbar.js.map
+//# sourceMappingURL=snackbar.jsx.map

package/dist/headless/source/components/feedBack/tooltip/tooltip.jsx

@@ -89,4 +89,4 @@ export {
   Tooltip,
   tooltip_default as default
 };
-//# sourceMappingURL=tooltip.js.map
+//# sourceMappingURL=tooltip.jsx.map

package/dist/headless/source/components/inputs/button/button.jsx

@@ -98,4 +98,4 @@ export {
   Button,
   button_default as default
 };
-//# sourceMappingURL=button.js.map
+//# sourceMappingURL=button.jsx.map

package/dist/headless/source/components/inputs/buttonGroups/buttonGroup.jsx

@@ -69,4 +69,4 @@ export {
   ButtonGroup,
   buttonGroup_default as default
 };
-//# sourceMappingURL=buttonGroup.js.map
+//# sourceMappingURL=buttonGroup.jsx.map

package/dist/headless/source/components/inputs/checkbox/checkbox.jsx

@@ -83,4 +83,4 @@ export {
   Checkbox,
   checkbox_default as default
 };
-//# sourceMappingURL=checkbox.js.map
+//# sourceMappingURL=checkbox.jsx.map

package/dist/headless/source/components/inputs/datePicker/dataPickerDays.jsx

@@ -84,4 +84,4 @@ export {
   DataPickerDays,
   dataPickerDays_default as default
 };
-//# sourceMappingURL=dataPickerDays.js.map
+//# sourceMappingURL=dataPickerDays.jsx.map

package/dist/headless/source/components/inputs/datePicker/dataPickerHeader.jsx

@@ -37,4 +37,4 @@ export {
   DataPickerHeader,
   dataPickerHeader_default as default
 };
-//# sourceMappingURL=dataPickerHeader.js.map
+//# sourceMappingURL=dataPickerHeader.jsx.map

package/dist/headless/source/components/inputs/datePicker/dataPickerInput.jsx

@@ -54,4 +54,4 @@ export {
   DataPickerInput,
   dataPickerInput_default as default
 };
-//# sourceMappingURL=dataPickerInput.js.map
+//# sourceMappingURL=dataPickerInput.jsx.map

package/dist/headless/source/components/inputs/datePicker/datePicker.jsx

@@ -238,4 +238,4 @@ export {
   OpenView2 as OpenView,
   datePicker_default as default
 };
-//# sourceMappingURL=datePicker.js.map
+//# sourceMappingURL=datePicker.jsx.map

package/dist/headless/source/components/inputs/datePicker/datePickerActionLabel.jsx

@@ -45,4 +45,4 @@ export {
   DatePickerActionLabel,
   datePickerActionLabel_default as default
 };
-//# sourceMappingURL=datePickerActionLabel.js.map
+//# sourceMappingURL=datePickerActionLabel.jsx.map

package/dist/headless/source/components/inputs/datePicker/datePickerDay.jsx

@@ -49,4 +49,4 @@ export {
   DatePickerDay,
   datePickerDay_default as default
 };
-//# sourceMappingURL=datePickerDay.js.map
+//# sourceMappingURL=datePickerDay.jsx.map

package/dist/headless/source/components/inputs/datePicker/datePickerIconButton.jsx

@@ -33,4 +33,4 @@ export {
   DatePickerIconButton,
   datePickerIconButton_default as default
 };
-//# sourceMappingURL=datePickerIconButton.js.map
+//# sourceMappingURL=datePickerIconButton.jsx.map

package/dist/headless/source/components/inputs/datePicker/datePickerList.jsx

@@ -41,4 +41,4 @@ export {
   DatePickerList,
   datePickerList_default as default
 };
-//# sourceMappingURL=datePickerList.js.map
+//# sourceMappingURL=datePickerList.jsx.map

package/dist/headless/source/components/inputs/dateTimePicker/dateTimePicker.jsx

@@ -197,4 +197,4 @@ export {
   DateTimePicker,
   dateTimePicker_default as default
 };
-//# sourceMappingURL=dateTimePicker.js.map
+//# sourceMappingURL=dateTimePicker.jsx.map

package/dist/headless/source/components/inputs/dateTimePicker/dateTimePickerInput.jsx

@@ -54,4 +54,4 @@ export {
   DateTimePickerInput,
   dateTimePickerInput_default as default
 };
-//# sourceMappingURL=dateTimePickerInput.js.map
+//# sourceMappingURL=dateTimePickerInput.jsx.map

package/dist/headless/source/components/inputs/fileDrop/countPreview.jsx

@@ -14,4 +14,4 @@ export {
   CountPreview,
   countPreview_default as default
 };
-//# sourceMappingURL=countPreview.js.map
+//# sourceMappingURL=countPreview.jsx.map

package/dist/headless/source/components/inputs/fileDrop/fileDrop.jsx

@@ -69,4 +69,4 @@ export {
   FileDrop,
   fileDrop_default as default
 };
-//# sourceMappingURL=fileDrop.js.map
+//# sourceMappingURL=fileDrop.jsx.map

package/dist/headless/source/components/inputs/fileDrop/preview.jsx

@@ -38,4 +38,4 @@ export {
   Preview,
   preview_default as default
 };
-//# sourceMappingURL=preview.js.map
+//# sourceMappingURL=preview.jsx.map

package/dist/headless/source/components/inputs/fileDrop/previewWrapper.jsx

@@ -24,4 +24,4 @@ export {
   PreviewWrapper,
   previewWrapper_default as default
 };
-//# sourceMappingURL=previewWrapper.js.map
+//# sourceMappingURL=previewWrapper.jsx.map

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

@@ -43,4 +43,4 @@ export {
   FileInput,
   fileInput_default as default
 };
-//# sourceMappingURL=fileInput.js.map
+//# sourceMappingURL=fileInput.jsx.map

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

@@ -27,4 +27,4 @@ export {
   FloatingButton,
   floatingButton_default as default
 };
-//# sourceMappingURL=floatingButton.js.map
+//# sourceMappingURL=floatingButton.jsx.map

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

@@ -72,4 +72,4 @@ export {
   RadioButton,
   radioButton_default as default
 };
-//# sourceMappingURL=radioButton.js.map
+//# sourceMappingURL=radioButton.jsx.map

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

@@ -121,4 +121,4 @@ export {
   Rating,
   rating_default as default
 };
-//# sourceMappingURL=rating.js.map
+//# sourceMappingURL=rating.jsx.map

package/dist/headless/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/headless/source/components/inputs/selectField/selectField.jsx

@@ -269,4 +269,4 @@ export {
   SelectField,
   selectField_default as default
 };
-//# sourceMappingURL=selectField.js.map
+//# sourceMappingURL=selectField.jsx.map

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

@@ -401,4 +401,4 @@ export {
   Slider,
   slider_default as default
 };
-//# sourceMappingURL=slider.js.map
+//# sourceMappingURL=slider.jsx.map

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

@@ -134,4 +134,4 @@ export {
   TextField,
   textField_default as default
 };
-//# sourceMappingURL=textField.js.map
+//# sourceMappingURL=textField.jsx.map

package/dist/headless/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/headless/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/headless/source/components/inputs/timePicker/timePicker.jsx

@@ -111,4 +111,4 @@ export {
   TimePicker,
   timePicker_default as default
 };
-//# sourceMappingURL=timePicker.js.map
+//# sourceMappingURL=timePicker.jsx.map

package/dist/headless/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/headless/source/components/inputs/timePicker/timePickerInput.jsx

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

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

@@ -33,4 +33,4 @@ export {
   TimePickerList,
   timePickerList_default as default
 };
-//# sourceMappingURL=timePickerList.js.map
+//# sourceMappingURL=timePickerList.jsx.map

package/dist/headless/source/components/inputs/toggle/toggle.jsx

@@ -74,4 +74,4 @@ export {
   Toggle,
   toggle_default as default
 };
-//# sourceMappingURL=toggle.js.map
+//# sourceMappingURL=toggle.jsx.map

package/dist/headless/source/components/inputs/valueSlider/index.js

@@ -0,0 +1,5 @@
+import { ValueSlider } from "./valueSlider";
+export {
+  ValueSlider
+};
+//# sourceMappingURL=index.js.map

package/dist/headless/source/components/inputs/valueSlider/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/inputs/valueSlider/index.ts"],
+  "sourcesContent": ["export { ValueSlider } from \"./valueSlider\";\nexport type { ValueSliderProps } from \"./valueSlider\";\n"],
+  "mappings": "AAAA,SAAS,mBAAmB;",
+  "names": []
+}

package/dist/headless/source/components/inputs/valueSlider/valueSlider.jsx

@@ -0,0 +1,54 @@
+import { Show, splitProps } from "solid-js";
+import cn from "clsx";
+import { Slider } from "../slider";
+const formatReadout = (readout, value) => {
+  if (typeof readout === "function") return readout(value);
+  if (Array.isArray(value)) return `${value[0]} \u2013 ${value[1]}`;
+  return value == null ? "" : String(value);
+};
+function ValueSlider(props) {
+  const [local, sliderProps] = splitProps(props, [
+    "readout",
+    "endAdornment",
+    "onReset",
+    "resetLabel",
+    "label",
+    "class"
+  ]);
+  const hasReadout = () => local.readout !== void 0 && local.readout !== false;
+  const showHeader = () => local.label != null || hasReadout() || local.endAdornment != null || local.onReset != null;
+  return <div class={cn("smwb-value-slider", local.class)}>
+      <Show when={showHeader()}>
+        <div class="smwb-value-slider__header">
+          <Show when={local.label != null}>
+            <span class="smwb-value-slider__label">{local.label}</span>
+          </Show>
+          <span class="smwb-value-slider__spacer" />
+          <Show when={hasReadout()}>
+            <span class="smwb-value-slider__readout">{formatReadout(local.readout, sliderProps.value)}</span>
+          </Show>
+          {local.endAdornment}
+          <Show when={local.onReset != null}>
+            <button
+    type="button"
+    class="smwb-value-slider__reset"
+    aria-label={local.resetLabel ?? "Reset"}
+    disabled={sliderProps.disabled}
+    onClick={() => local.onReset?.()}
+  >
+              <svg viewBox="0 0 24 24" width="16" height="16" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2">
+                <path d="M3 12a9 9 0 1 0 3-6.7M3 4v4h4" stroke-linecap="round" stroke-linejoin="round" />
+              </svg>
+            </button>
+          </Show>
+        </div>
+      </Show>
+      <Slider {...sliderProps} />
+    </div>;
+}
+var valueSlider_default = ValueSlider;
+export {
+  ValueSlider,
+  valueSlider_default as default
+};
+//# sourceMappingURL=valueSlider.jsx.map

package/dist/headless/source/components/inputs/valueSlider/valueSlider.jsx.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/inputs/valueSlider/valueSlider.tsx"],"sourcesContent":["import { type JSX, Show, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Slider, type SliderProps, type SliderValue } from \"../slider\";\n\nexport interface ValueSliderProps extends SliderProps {\n  /**\n   * Read-only value readout beside the label. `true` shows the raw value; pass a\n   * formatter for units/precision (e.g. `(v) => `${v}%``). Reflects `props.value`.\n   */\n  readout?: boolean | ((value: SliderValue | undefined) => string);\n  /** Content at the end of the header row — a reset button, a favourite star, etc. */\n  endAdornment?: JSX.Element;\n  /** Renders a built-in reset control in the header; called on click. */\n  onReset?: () => void;\n  /** Accessible label for the reset control. */\n  resetLabel?: string;\n}\n\nconst formatReadout = (\n  readout: ValueSliderProps[\"readout\"],\n  value: SliderValue | undefined,\n): string => {\n  if (typeof readout === \"function\") return readout(value);\n  if (Array.isArray(value)) return `${value[0]} – ${value[1]}`;\n  return value == null ? \"\" : String(value);\n};\n\n/**\n * `Slider` plus the value-readout + adornment header row every app rebuilds: a\n * read-only formatted value next to the label, an optional reset \"eraser\", and an\n * `endAdornment` slot (favourite star, etc.). A drop-in preset — all `Slider`\n * props pass through; the label is rendered in the header instead of inside Slider.\n */\nexport function ValueSlider(props: ValueSliderProps): JSX.Element {\n  const [local, sliderProps] = splitProps(props, [\n    \"readout\",\n    \"endAdornment\",\n    \"onReset\",\n    \"resetLabel\",\n    \"label\",\n    \"class\",\n  ]);\n\n  const hasReadout = (): boolean => local.readout !== undefined && local.readout !== false;\n  const showHeader = (): boolean =>\n    local.label != null || hasReadout() || local.endAdornment != null || local.onReset != null;\n\n  return (\n    <div class={cn(\"smwb-value-slider\", local.class)}>\n      <Show when={showHeader()}>\n        <div class=\"smwb-value-slider__header\">\n          <Show when={local.label != null}>\n            <span class=\"smwb-value-slider__label\">{local.label}</span>\n          </Show>\n          <span class=\"smwb-value-slider__spacer\" />\n          <Show when={hasReadout()}>\n            <span class=\"smwb-value-slider__readout\">{formatReadout(local.readout, sliderProps.value)}</span>\n          </Show>\n          {local.endAdornment}\n          <Show when={local.onReset != null}>\n            <button\n              type=\"button\"\n              class=\"smwb-value-slider__reset\"\n              aria-label={local.resetLabel ?? \"Reset\"}\n              disabled={sliderProps.disabled}\n              onClick={() => local.onReset?.()}\n            >\n              <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                <path d=\"M3 12a9 9 0 1 0 3-6.7M3 4v4h4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n              </svg>\n            </button>\n          </Show>\n        </div>\n      </Show>\n      <Slider {...sliderProps} />\n    </div>\n  );\n}\n\nexport default ValueSlider;\n"],"mappings":"AAAA,SAAmB,MAAM,kBAAkB;AAC3C,OAAO,QAAQ;AACf,SAAS,cAAkD;AAgB3D,MAAM,gBAAgB,CACpB,SACA,UACW;AACX,MAAI,OAAO,YAAY,WAAY,QAAO,QAAQ,KAAK;AACvD,MAAI,MAAM,QAAQ,KAAK,EAAG,QAAO,GAAG,MAAM,CAAC,CAAC,WAAM,MAAM,CAAC,CAAC;AAC1D,SAAO,SAAS,OAAO,KAAK,OAAO,KAAK;AAC1C;AAQO,SAAS,YAAY,OAAsC;AAChE,QAAM,CAAC,OAAO,WAAW,IAAI,WAAW,OAAO;AAAA,IAC7C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,aAAa,MAAe,MAAM,YAAY,UAAa,MAAM,YAAY;AACnF,QAAM,aAAa,MACjB,MAAM,SAAS,QAAQ,WAAW,KAAK,MAAM,gBAAgB,QAAQ,MAAM,WAAW;AAExF,SACE,CAAC,IAAI,OAAO,GAAG,qBAAqB,MAAM,KAAK,GAAG;AAAA,MAChD,CAAC,KAAK,MAAM,WAAW,GAAG;AAAA,QACxB,CAAC,IAAI,MAAM,4BAA4B;AAAA,UACrC,CAAC,KAAK,MAAM,MAAM,SAAS,MAAM;AAAA,YAC/B,CAAC,KAAK,MAAM,4BAA4B,MAAM,MAAM,EAAnD,KAA0D;AAAA,UAC7D,EAFC,KAEM;AAAA,UACP,CAAC,KAAK,MAAM,4BAA4B,EAAE;AAAA,UAC1C,CAAC,KAAK,MAAM,WAAW,GAAG;AAAA,YACxB,CAAC,KAAK,MAAM,8BAA8B,cAAc,MAAM,SAAS,YAAY,KAAK,EAAE,EAAzF,KAAgG;AAAA,UACnG,EAFC,KAEM;AAAA,WACN,MAAM,aAAa;AAAA,UACpB,CAAC,KAAK,MAAM,MAAM,WAAW,MAAM;AAAA,YACjC,CAAC;AAAA,IACC,KAAK;AAAA,IACL,MAAM;AAAA,IACN,YAAY,MAAM,cAAc;AAAA,IAChC,UAAU,YAAY;AAAA,IACtB,SAAS,MAAM,MAAM,UAAU;AAAA,GAChC;AAAA,cACC,CAAC,IAAI,QAAQ,YAAY,MAAM,KAAK,OAAO,KAAK,YAAY,OAAO,KAAK,OAAO,OAAO,eAAe,aAAa,IAAI;AAAA,gBACpH,CAAC,KAAK,EAAE,gCAAgC,eAAe,QAAQ,gBAAgB,QAAQ,EAAE;AAAA,cAC3F,EAFC,IAEK;AAAA,YACR,EAVC,OAUQ;AAAA,UACX,EAZC,KAYM;AAAA,QACT,EAtBC,IAsBK;AAAA,MACR,EAxBC,KAwBM;AAAA,MACP,CAAC,WAAW,aAAa,EAAE;AAAA,IAC7B,EA3BC;AA6BL;AAEA,IAAO,sBAAQ;","names":[],"file":"valueSlider.jsx"}