@smwb/ui-react 2.1.3 → 2.3.0

package/dist/headless/components/dataDisplay/thumbCard/thumbCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"thumbCard.js","sources":["../../../../../src/components/dataDisplay/thumbCard/thumbCard.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport cn from \"clsx\";\nimport { LazyImage } from \"../lazyImage\";\nimport { useForkRef } from \"../../../hooks/useForkRef\";\n\nexport interface ThumbCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onSelect\"> {\n  /** Thumbnail URL; falls back to `fallback` when missing / failed. */\n  src?: string;\n  caption?: React.ReactNode;\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?: React.ReactNode;\n  /** A larger preview shown in a floating popup after a hover delay. */\n  hoverPreview?: React.ReactNode | string;\n  /** Top-left overlay slot (e.g. a favourite star). */\n  topStart?: React.ReactNode;\n  /** Top-right overlay slot (e.g. a kebab menu). */\n  topEnd?: React.ReactNode;\n  lazy?: boolean;\n  disabled?: boolean;\n  /** Delay (ms) before the hover preview appears. Default 350. */\n  hoverDelay?: number;\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 const ThumbCard = forwardRef<HTMLDivElement, ThumbCardProps>(function ThumbCard(\n  {\n    src,\n    caption,\n    selected,\n    onSelect,\n    fallback,\n    hoverPreview,\n    topStart,\n    topEnd,\n    lazy = true,\n    disabled,\n    hoverDelay = 350,\n    className,\n    ...rest\n  },\n  ref\n) {\n  const cardRef = useRef<HTMLDivElement | null>(null);\n  const setRefs = useForkRef(ref, cardRef);\n  const [preview, setPreview] = useState<{ top: number; left: number } | null>(null);\n  const timer = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const clearTimer = (): void => {\n    if (timer.current) {\n      clearTimeout(timer.current);\n      timer.current = null;\n    }\n  };\n  const onEnter = (): void => {\n    if (hoverPreview == null || disabled) return;\n    clearTimer();\n    timer.current = setTimeout(() => {\n      const rect = cardRef.current?.getBoundingClientRect();\n      if (rect) setPreview({ top: rect.top, left: rect.right + 8 });\n    }, hoverDelay);\n  };\n  const onLeave = (): void => {\n    clearTimer();\n    setPreview(null);\n  };\n  useEffect(() => clearTimer, []);\n\n  const interactive = !!onSelect && !disabled;\n  const onKeyDown = (event: React.KeyboardEvent<HTMLDivElement>): void => {\n    if (interactive && (event.key === \"Enter\" || event.key === \" \")) {\n      event.preventDefault();\n      onSelect?.();\n    }\n  };\n\n  return (\n    <div\n      {...rest}\n      ref={setRefs}\n      className={cn(\"smwb-thumb-card\", className, {\n        \"smwb-thumb-card--selected\": selected,\n        \"smwb-thumb-card--disabled\": disabled,\n        \"smwb-thumb-card--interactive\": interactive,\n      })}\n      role={interactive ? \"button\" : undefined}\n      tabIndex={interactive ? 0 : undefined}\n      aria-pressed={onSelect ? (selected ?? false) : undefined}\n      aria-disabled={disabled || undefined}\n      onClick={interactive ? () => onSelect?.() : undefined}\n      onKeyDown={onKeyDown}\n      onMouseEnter={onEnter}\n      onMouseLeave={onLeave}\n    >\n      <div className=\"smwb-thumb-card__media\">\n        <LazyImage src={src} lazy={lazy} fallback={fallback} />\n        {topStart ? <div className=\"smwb-thumb-card__slot smwb-thumb-card__slot--start\">{topStart}</div> : null}\n        {topEnd ? <div className=\"smwb-thumb-card__slot smwb-thumb-card__slot--end\">{topEnd}</div> : null}\n      </div>\n      {caption ? <div className=\"smwb-thumb-card__caption\">{caption}</div> : null}\n      {preview && typeof document !== \"undefined\"\n        ? createPortal(\n            <div\n              className=\"smwb-thumb-card__preview\"\n              style={{ position: \"fixed\", top: preview.top, left: preview.left }}\n            >\n              {typeof hoverPreview === \"string\" ? <img src={hoverPreview} alt=\"\" /> : hoverPreview}\n            </div>,\n            document.body\n          )\n        : null}\n    </div>\n  );\n});\n\nexport default ThumbCard;\n"],"names":["ThumbCard","forwardRef","src","caption","selected","onSelect","fallback","hoverPreview","topStart","topEnd","lazy","disabled","hoverDelay","className","rest","ref","cardRef","useRef","setRefs","useForkRef","preview","setPreview","useState","timer","clearTimer","onEnter","rect","_a","onLeave","useEffect","interactive","onKeyDown","event","jsxs","cn","jsx","LazyImage","createPortal"],"mappings":"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"}

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

@@ -0,0 +1,59 @@
+import { jsxs as w, jsx as i } from "react/jsx-runtime";
+import c from "clsx";
+import { Modal as r } from "../modal/modal.js";
+import { TextField as e } from "../../inputs/textField/textField.js";
+import { Button as _ } from "../../inputs/button/button.js";
+function D({
+  open: p,
+  title: o,
+  nameLabel: t,
+  name: d,
+  onNameChange: s,
+  previewSrc: f,
+  onCapture: h,
+  captureLabel: v,
+  busy: l,
+  confirmLabel: x,
+  cancelLabel: u,
+  onConfirm: F,
+  onClose: k,
+  children: j,
+  className: z
+}) {
+  const S = s !== void 0 || d !== void 0;
+  return /* @__PURE__ */ w(r, { open: p, onClose: k, size: "small", children: [
+    /* @__PURE__ */ i(r.Header, { children: o != null ? o : "Save" }),
+    /* @__PURE__ */ i(r.Content, { children: /* @__PURE__ */ w("div", { className: c("smwb-save-asset-dialog__body", z), children: [
+      S ? /* @__PURE__ */ i(
+        e,
+        {
+          label: t != null ? t : "Name",
+          value: d != null ? d : "",
+          disabled: !!l,
+          onChange: (T) => s == null ? void 0 : s(T.currentTarget.value)
+        }
+      ) : null,
+      f ? /* @__PURE__ */ i("div", { className: "smwb-save-asset-dialog__preview", children: /* @__PURE__ */ i("img", { src: f, alt: "" }) }) : null,
+      h ? /* @__PURE__ */ i(
+        _,
+        {
+          variant: "outlined",
+          size: "small",
+          disabled: !!l,
+          onClick: () => h(),
+          label: v != null ? v : "Capture preview"
+        }
+      ) : null,
+      j
+    ] }) }),
+    /* @__PURE__ */ w(r.Footer, { children: [
+      /* @__PURE__ */ i(_, { variant: "text", disabled: !!l, onClick: () => k(), label: u != null ? u : "Cancel" }),
+      /* @__PURE__ */ i(_, { variant: "contained", disabled: !!l, onClick: () => F(), label: x != null ? x : "Save" })
+    ] })
+  ] });
+}
+export {
+  D as SaveAssetDialog,
+  D as default
+};
+//# sourceMappingURL=saveAssetDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"saveAssetDialog.js","sources":["../../../../../src/components/feedBack/saveAssetDialog/saveAssetDialog.tsx"],"sourcesContent":["import React from \"react\";\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?: React.ReactNode;\n  className?: 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({\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  className,\n}: SaveAssetDialogProps): React.ReactElement {\n  const showNameField = onNameChange !== undefined || name !== undefined;\n\n  return (\n    <Modal open={open} onClose={onClose} size=\"small\">\n      <Modal.Header>{title ?? \"Save\"}</Modal.Header>\n      <Modal.Content>\n        <div className={cn(\"smwb-save-asset-dialog__body\", className)}>\n          {showNameField ? (\n            <TextField\n              label={nameLabel ?? \"Name\"}\n              value={name ?? \"\"}\n              disabled={!!busy}\n              onChange={(event) => onNameChange?.(event.currentTarget.value)}\n            />\n          ) : null}\n          {previewSrc ? (\n            <div className=\"smwb-save-asset-dialog__preview\">\n              <img src={previewSrc} alt=\"\" />\n            </div>\n          ) : null}\n          {onCapture ? (\n            <Button\n              variant=\"outlined\"\n              size=\"small\"\n              disabled={!!busy}\n              onClick={() => onCapture()}\n              label={captureLabel ?? \"Capture preview\"}\n            />\n          ) : null}\n          {children}\n        </div>\n      </Modal.Content>\n      <Modal.Footer>\n        <Button variant=\"text\" disabled={!!busy} onClick={() => onClose()} label={cancelLabel ?? \"Cancel\"} />\n        <Button variant=\"contained\" disabled={!!busy} onClick={() => onConfirm()} label={confirmLabel ?? \"Save\"} />\n      </Modal.Footer>\n    </Modal>\n  );\n}\n\nexport default SaveAssetDialog;\n"],"names":["SaveAssetDialog","open","title","nameLabel","name","onNameChange","previewSrc","onCapture","captureLabel","busy","confirmLabel","cancelLabel","onConfirm","onClose","children","className","showNameField","jsxs","Modal","jsx","cn","TextField","event","Button"],"mappings":";;;;;AAkCO,SAASA,EAAgB;AAAA,EAC9B,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACF,GAA6C;AAC3C,QAAMC,IAAgBX,MAAiB,UAAaD,MAAS;AAE7D,SACE,gBAAAa,EAACC,GAAA,EAAM,MAAAjB,GAAY,SAAAY,GAAkB,MAAK,SACxC,UAAA;AAAA,IAAA,gBAAAM,EAACD,EAAM,QAAN,EAAc,UAAAhB,KAAA,OAAAA,IAAS,QAAO;AAAA,IAC/B,gBAAAiB,EAACD,EAAM,SAAN,EACC,UAAA,gBAAAD,EAAC,SAAI,WAAWG,EAAG,gCAAgCL,CAAS,GACzD,UAAA;AAAA,MAAAC,IACC,gBAAAG;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,OAAOlB,KAAA,OAAAA,IAAa;AAAA,UACpB,OAAOC,KAAA,OAAAA,IAAQ;AAAA,UACf,UAAU,CAAC,CAACK;AAAA,UACZ,UAAU,CAACa,MAAUjB,KAAA,gBAAAA,EAAeiB,EAAM,cAAc;AAAA,QAAK;AAAA,MAAA,IAE7D;AAAA,MACHhB,IACC,gBAAAa,EAAC,OAAA,EAAI,WAAU,mCACb,UAAA,gBAAAA,EAAC,OAAA,EAAI,KAAKb,GAAY,KAAI,GAAA,CAAG,EAAA,CAC/B,IACE;AAAA,MACHC,IACC,gBAAAY;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,UAAU,CAAC,CAACd;AAAA,UACZ,SAAS,MAAMF,EAAA;AAAA,UACf,OAAOC,KAAA,OAAAA,IAAgB;AAAA,QAAA;AAAA,MAAA,IAEvB;AAAA,MACHM;AAAA,IAAA,EAAA,CACH,EAAA,CACF;AAAA,IACA,gBAAAG,EAACC,EAAM,QAAN,EACC,UAAA;AAAA,MAAA,gBAAAC,EAACI,GAAA,EAAO,SAAQ,QAAO,UAAU,CAAC,CAACd,GAAM,SAAS,MAAMI,EAAA,GAAW,OAAOF,KAAA,OAAAA,IAAe,SAAA,CAAU;AAAA,MACnG,gBAAAQ,EAACI,GAAA,EAAO,SAAQ,aAAY,UAAU,CAAC,CAACd,GAAM,SAAS,MAAMG,EAAA,GAAa,OAAOF,KAAA,OAAAA,IAAgB,OAAA,CAAQ;AAAA,IAAA,EAAA,CAC3G;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -0,0 +1,54 @@
+import { jsxs as t, jsx as n } from "react/jsx-runtime";
+import c from "clsx";
+import { Slider as m } from "../slider/slider.js";
+function h(r, l) {
+  return typeof r == "function" ? r(l) : Array.isArray(l) ? `${l[0]} – ${l[1]}` : l == null ? "" : String(l);
+}
+function w({
+  readout: r,
+  endAdornment: l,
+  onReset: i,
+  resetLabel: s,
+  label: e,
+  className: u,
+  ...a
+}) {
+  const d = r !== void 0 && r !== !1, o = e != null || d || l != null || i != null;
+  return /* @__PURE__ */ t("div", { className: c("smwb-value-slider", u), children: [
+    o ? /* @__PURE__ */ t("div", { className: "smwb-value-slider__header", children: [
+      e != null ? /* @__PURE__ */ n("span", { className: "smwb-value-slider__label", children: e }) : null,
+      /* @__PURE__ */ n("span", { className: "smwb-value-slider__spacer" }),
+      d ? /* @__PURE__ */ n("span", { className: "smwb-value-slider__readout", children: h(r, a.value) }) : null,
+      l,
+      i != null ? /* @__PURE__ */ n(
+        "button",
+        {
+          type: "button",
+          className: "smwb-value-slider__reset",
+          "aria-label": s != null ? s : "Reset",
+          disabled: !!a.disabled,
+          onClick: () => i(),
+          children: /* @__PURE__ */ n(
+            "svg",
+            {
+              viewBox: "0 0 24 24",
+              width: "16",
+              height: "16",
+              "aria-hidden": "true",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              children: /* @__PURE__ */ n("path", { d: "M3 12a9 9 0 1 0 3-6.7M3 4v4h4", strokeLinecap: "round", strokeLinejoin: "round" })
+            }
+          )
+        }
+      ) : null
+    ] }) : null,
+    /* @__PURE__ */ n(m, { ...a })
+  ] });
+}
+export {
+  w as ValueSlider,
+  w as default
+};
+//# sourceMappingURL=valueSlider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"valueSlider.js","sources":["../../../../../src/components/inputs/valueSlider/valueSlider.tsx"],"sourcesContent":["import React from \"react\";\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 `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?: React.ReactNode;\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\nfunction formatReadout(readout: ValueSliderProps[\"readout\"], value: SliderValue | undefined): 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. A drop-in preset — all `Slider` props pass through; the\n * label is rendered in the header instead of inside Slider.\n */\nexport function ValueSlider({\n  readout,\n  endAdornment,\n  onReset,\n  resetLabel,\n  label,\n  className,\n  ...sliderProps\n}: ValueSliderProps): React.ReactElement {\n  const hasReadout = readout !== undefined && readout !== false;\n  const showHeader = label != null || hasReadout || endAdornment != null || onReset != null;\n\n  return (\n    <div className={cn(\"smwb-value-slider\", className)}>\n      {showHeader ? (\n        <div className=\"smwb-value-slider__header\">\n          {label != null ? <span className=\"smwb-value-slider__label\">{label}</span> : null}\n          <span className=\"smwb-value-slider__spacer\" />\n          {hasReadout ? (\n            <span className=\"smwb-value-slider__readout\">{formatReadout(readout, sliderProps.value)}</span>\n          ) : null}\n          {endAdornment}\n          {onReset != null ? (\n            <button\n              type=\"button\"\n              className=\"smwb-value-slider__reset\"\n              aria-label={resetLabel ?? \"Reset\"}\n              disabled={!!sliderProps.disabled}\n              onClick={() => onReset()}\n            >\n              <svg\n                viewBox=\"0 0 24 24\"\n                width=\"16\"\n                height=\"16\"\n                aria-hidden=\"true\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n              >\n                <path d=\"M3 12a9 9 0 1 0 3-6.7M3 4v4h4\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n              </svg>\n            </button>\n          ) : null}\n        </div>\n      ) : null}\n      <Slider {...sliderProps} />\n    </div>\n  );\n}\n\nexport default ValueSlider;\n"],"names":["formatReadout","readout","value","ValueSlider","endAdornment","onReset","resetLabel","label","className","sliderProps","hasReadout","showHeader","cn","jsxs","jsx","Slider"],"mappings":";;;AAkBA,SAASA,EAAcC,GAAsCC,GAAwC;AACnG,SAAI,OAAOD,KAAY,aAAmBA,EAAQC,CAAK,IACnD,MAAM,QAAQA,CAAK,IAAU,GAAGA,EAAM,CAAC,CAAC,MAAMA,EAAM,CAAC,CAAC,KACnDA,KAAS,OAAO,KAAK,OAAOA,CAAK;AAC1C;AAQO,SAASC,EAAY;AAAA,EAC1B,SAAAF;AAAA,EACA,cAAAG;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAAyC;AACvC,QAAMC,IAAaT,MAAY,UAAaA,MAAY,IAClDU,IAAaJ,KAAS,QAAQG,KAAcN,KAAgB,QAAQC,KAAW;AAErF,2BACG,OAAA,EAAI,WAAWO,EAAG,qBAAqBJ,CAAS,GAC9C,UAAA;AAAA,IAAAG,IACC,gBAAAE,EAAC,OAAA,EAAI,WAAU,6BACZ,UAAA;AAAA,MAAAN,KAAS,OAAO,gBAAAO,EAAC,QAAA,EAAK,WAAU,4BAA4B,aAAM,IAAU;AAAA,MAC7E,gBAAAA,EAAC,QAAA,EAAK,WAAU,4BAAA,CAA4B;AAAA,MAC3CJ,IACC,gBAAAI,EAAC,QAAA,EAAK,WAAU,8BAA8B,YAAcb,GAASQ,EAAY,KAAK,EAAA,CAAE,IACtF;AAAA,MACHL;AAAA,MACAC,KAAW,OACV,gBAAAS;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACV,cAAYR,KAAA,OAAAA,IAAc;AAAA,UAC1B,UAAU,CAAC,CAACG,EAAY;AAAA,UACxB,SAAS,MAAMJ,EAAA;AAAA,UAEf,UAAA,gBAAAS;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAAQ;AAAA,cACR,OAAM;AAAA,cACN,QAAO;AAAA,cACP,eAAY;AAAA,cACZ,MAAK;AAAA,cACL,QAAO;AAAA,cACP,aAAY;AAAA,cAEZ,4BAAC,QAAA,EAAK,GAAE,iCAAgC,eAAc,SAAQ,gBAAe,QAAA,CAAQ;AAAA,YAAA;AAAA,UAAA;AAAA,QACvF;AAAA,MAAA,IAEA;AAAA,IAAA,EAAA,CACN,IACE;AAAA,IACJ,gBAAAA,EAACC,GAAA,EAAQ,GAAGN,EAAA,CAAa;AAAA,EAAA,GAC3B;AAEJ;"}

package/dist/headless/components/navigation/overflowMenu/overflowMenu.js

@@ -0,0 +1,53 @@
+import { jsxs as f, jsx as e } from "react/jsx-runtime";
+import { useRef as h, useState as b } from "react";
+import t from "clsx";
+import { Button as v } from "../../inputs/button/button.js";
+import { Menu as w } from "../menu/menu.js";
+import { MenuItem as x } from "../menu/menuItem.js";
+import { Icon as M } from "../../base/icon/icon.js";
+function N({
+  items: u,
+  icon: p = "more_vert",
+  placement: r,
+  "aria-label": n,
+  disabled: d,
+  className: i
+}) {
+  const s = h(null), [m, l] = b(!1), c = () => l(!1);
+  return /* @__PURE__ */ f("span", { className: t("smwb-overflow-menu", i), children: [
+    /* @__PURE__ */ e(
+      v,
+      {
+        ref: s,
+        variant: "text",
+        size: "small",
+        icon: p,
+        "aria-label": n != null ? n : "More actions",
+        "aria-haspopup": "menu",
+        disabled: !!d,
+        onClick: () => l((o) => !o)
+      }
+    ),
+    /* @__PURE__ */ e(w, { isOpen: m, onClose: c, anchorElement: s.current, ...r ? { placement: r } : {}, children: u.map((o) => /* @__PURE__ */ f(
+      x,
+      {
+        className: t({ "smwb-overflow-menu__item--danger": o.danger }),
+        disabled: o.disabled,
+        onClick: () => {
+          var a;
+          o.disabled || ((a = o.onSelect) == null || a.call(o), c());
+        },
+        children: [
+          o.icon ? typeof o.icon == "string" ? /* @__PURE__ */ e(M, { name: o.icon }) : o.icon : null,
+          o.label
+        ]
+      },
+      o.id
+    )) })
+  ] });
+}
+export {
+  N as OverflowMenu,
+  N as default
+};
+//# sourceMappingURL=overflowMenu.js.map

package/dist/headless/components/navigation/overflowMenu/overflowMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overflowMenu.js","sources":["../../../../../src/components/navigation/overflowMenu/overflowMenu.tsx"],"sourcesContent":["import React, { useRef, useState } from \"react\";\nimport type { Placement } from \"@floating-ui/react\";\nimport cn from \"clsx\";\nimport { Button } from \"../../inputs/button\";\nimport { Icon } from \"../../base/icon\";\nimport { Menu, MenuItem } from \"../menu\";\n\nexport interface OverflowMenuItem {\n  id: string;\n  label: string;\n  icon?: React.ReactNode | string;\n  danger?: boolean;\n  disabled?: boolean;\n  onSelect?: () => void;\n}\n\nexport interface OverflowMenuProps {\n  items: OverflowMenuItem[];\n  /** Trigger icon name (default `more_vert`). */\n  icon?: string;\n  placement?: Placement;\n  \"aria-label\"?: string;\n  disabled?: boolean;\n  className?: string;\n}\n\n/**\n * A one-shot kebab / overflow menu: a trigger icon button wired to a floating\n * `Menu` over an `items` array, with open/close state baked in. The card 3-dot\n * menu every app hand-builds (button + surface + open state) collapses to\n * passing an items list.\n */\nexport function OverflowMenu({\n  items,\n  icon = \"more_vert\",\n  placement,\n  \"aria-label\": ariaLabel,\n  disabled,\n  className,\n}: OverflowMenuProps): React.ReactElement {\n  const anchorRef = useRef<HTMLButtonElement | HTMLAnchorElement | null>(null);\n  const [open, setOpen] = useState(false);\n  const close = (): void => setOpen(false);\n\n  return (\n    <span className={cn(\"smwb-overflow-menu\", className)}>\n      <Button\n        ref={anchorRef}\n        variant=\"text\"\n        size=\"small\"\n        icon={icon}\n        aria-label={ariaLabel ?? \"More actions\"}\n        aria-haspopup=\"menu\"\n        disabled={!!disabled}\n        onClick={() => setOpen((value) => !value)}\n      />\n      <Menu isOpen={open} onClose={close} anchorElement={anchorRef.current} {...(placement ? { placement } : {})}>\n        {items.map((item) => (\n          <MenuItem\n            key={item.id}\n            className={cn({ \"smwb-overflow-menu__item--danger\": item.danger })}\n            disabled={item.disabled}\n            onClick={() => {\n              if (item.disabled) return;\n              item.onSelect?.();\n              close();\n            }}\n          >\n            {item.icon ? typeof item.icon === \"string\" ? <Icon name={item.icon} /> : item.icon : null}\n            {item.label}\n          </MenuItem>\n        ))}\n      </Menu>\n    </span>\n  );\n}\n\nexport default OverflowMenu;\n"],"names":["OverflowMenu","items","icon","placement","ariaLabel","disabled","className","anchorRef","useRef","open","setOpen","useState","close","cn","jsx","Button","value","Menu","item","jsxs","MenuItem","_a","Icon"],"mappings":";;;;;;;AAgCO,SAASA,EAAa;AAAA,EAC3B,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,cAAcC;AAAA,EACd,UAAAC;AAAA,EACA,WAAAC;AACF,GAA0C;AACxC,QAAMC,IAAYC,EAAqD,IAAI,GACrE,CAACC,GAAMC,CAAO,IAAIC,EAAS,EAAK,GAChCC,IAAQ,MAAYF,EAAQ,EAAK;AAEvC,2BACG,QAAA,EAAK,WAAWG,EAAG,sBAAsBP,CAAS,GACjD,UAAA;AAAA,IAAA,gBAAAQ;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAKR;AAAA,QACL,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,MAAAL;AAAA,QACA,cAAYE,KAAA,OAAAA,IAAa;AAAA,QACzB,iBAAc;AAAA,QACd,UAAU,CAAC,CAACC;AAAA,QACZ,SAAS,MAAMK,EAAQ,CAACM,MAAU,CAACA,CAAK;AAAA,MAAA;AAAA,IAAA;AAAA,sBAEzCC,GAAA,EAAK,QAAQR,GAAM,SAASG,GAAO,eAAeL,EAAU,SAAU,GAAIJ,IAAY,EAAE,WAAAA,MAAc,CAAA,GACpG,UAAAF,EAAM,IAAI,CAACiB,MACV,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QAEC,WAAWP,EAAG,EAAE,oCAAoCK,EAAK,QAAQ;AAAA,QACjE,UAAUA,EAAK;AAAA,QACf,SAAS,MAAM;;AACb,UAAIA,EAAK,cACTG,IAAAH,EAAK,aAAL,QAAAG,EAAA,KAAAH,IACAN,EAAA;AAAA,QACF;AAAA,QAEC,UAAA;AAAA,UAAAM,EAAK,OAAO,OAAOA,EAAK,QAAS,WAAW,gBAAAJ,EAACQ,GAAA,EAAK,MAAMJ,EAAK,KAAA,CAAM,IAAKA,EAAK,OAAO;AAAA,UACpFA,EAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAVDA,EAAK;AAAA,IAAA,CAYb,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

package/dist/headless/hooks/useEventCallback.js

@@ -1,11 +1,12 @@
-import e from "react";
-function a(t) {
-  const r = e.useRef(t);
-  return e.useLayoutEffect(() => {
-    r.current = t;
-  }), e.useCallback((...u) => (0, r.current)(...u), []);
+import t from "react";
+import { useSafeLayoutEffect as c } from "./useSafeLayoutEffect.js";
+function f(e) {
+  const r = t.useRef(e);
+  return c(() => {
+    r.current = e;
+  }), t.useCallback((...u) => (0, r.current)(...u), []);
 }
 export {
-  a as useEventCallback
+  f as useEventCallback
 };
 //# sourceMappingURL=useEventCallback.js.map

package/dist/headless/hooks/useEventCallback.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEventCallback.js","sources":["../../../src/hooks/useEventCallback.ts"],"sourcesContent":["import React from \"react\";\n\n/**\n * https://github.com/facebook/react/issues/14099#issuecomment-440013892\n */\nexport function useEventCallback<Args extends unknown[], Return>(\n  fn: (...args: Args) => Return\n): (...args: Args) => Return {\n  const ref = React.useRef(fn);\n\n  React.useLayoutEffect(() => {\n    ref.current = fn;\n  });\n\n  return React.useCallback((...args: Args) => (0, ref.current)(...args), []);\n}\n"],"names":["useEventCallback","fn","ref","React","args"],"mappings":";AAKO,SAASA,EACdC,GAC2B;AAC3B,QAAMC,IAAMC,EAAM,OAAOF,CAAE;AAE3B,SAAAE,EAAM,gBAAgB,MAAM;AAC1B,IAAAD,EAAI,UAAUD;AAAA,EAChB,CAAC,GAEME,EAAM,YAAY,IAAIC,UAAmBF,EAAI,SAAS,GAAGE,CAAI,GAAG,EAAE;AAC3E;"}
+{"version":3,"file":"useEventCallback.js","sources":["../../../src/hooks/useEventCallback.ts"],"sourcesContent":["import React from \"react\";\nimport { useSafeLayoutEffect } from \"./useSafeLayoutEffect\";\n\n/**\n * https://github.com/facebook/react/issues/14099#issuecomment-440013892\n */\nexport function useEventCallback<Args extends unknown[], Return>(\n  fn: (...args: Args) => Return\n): (...args: Args) => Return {\n  const ref = React.useRef(fn);\n\n  // useSafeLayoutEffect falls back to useEffect on the server so this hook does\n  // not emit React's \"useLayoutEffect does nothing on the server\" SSR warning.\n  useSafeLayoutEffect(() => {\n    ref.current = fn;\n  });\n\n  return React.useCallback((...args: Args) => (0, ref.current)(...args), []);\n}\n"],"names":["useEventCallback","fn","ref","React","useSafeLayoutEffect","args"],"mappings":";;AAMO,SAASA,EACdC,GAC2B;AAC3B,QAAMC,IAAMC,EAAM,OAAOF,CAAE;AAI3B,SAAAG,EAAoB,MAAM;AACxB,IAAAF,EAAI,UAAUD;AAAA,EAChB,CAAC,GAEME,EAAM,YAAY,IAAIE,UAAmBH,EAAI,SAAS,GAAGG,CAAI,GAAG,EAAE;AAC3E;"}

package/dist/headless/hooks/useTheme.js

@@ -1,37 +1,38 @@
-import { useRef as n, useLayoutEffect as c, useEffect as l } from "react";
-import { Observable as d } from "../utils/observable.js";
-import { useObservable as u } from "./useObservable.js";
+import { useRef as n, useEffect as c } from "react";
+import { Observable as l } from "../utils/observable.js";
+import { useObservable as d } from "./useObservable.js";
+import { useSafeLayoutEffect as u } from "./useSafeLayoutEffect.js";
 var i = /* @__PURE__ */ ((t) => (t.dark = "dark", t.light = "light", t))(i || {});
-const s = "smui-theme", a = new d(
+const r = "smui-theme", a = new l(
   "light"
   /* light */
-), E = () => {
-  const t = u(a), r = n(!0);
-  c(() => {
-    const e = localStorage.getItem(s);
-    if (r.current)
-      if (r.current = !1, e)
+), b = () => {
+  const t = d(a), s = n(!0);
+  u(() => {
+    const e = localStorage.getItem(r);
+    if (s.current)
+      if (s.current = !1, e)
         a.setValue(e), document.documentElement.dataset.theme = e;
       else {
         const o = window.matchMedia("(prefers-color-scheme: light)").matches ? "light" : "dark";
-        e !== t && a.setValue(o), localStorage.setItem(s, o), document.documentElement.dataset.theme = o;
+        e !== t && a.setValue(o), localStorage.setItem(r, o), document.documentElement.dataset.theme = o;
       }
   }, [t]);
   const m = function(e) {
     if (e.storageArea === localStorage) {
-      const o = localStorage.getItem(s);
+      const o = localStorage.getItem(r);
       document.documentElement.dataset.theme = o, a.setValue(o);
     }
   };
-  return l(() => (window.addEventListener("storage", m), () => window.removeEventListener("storage", m)), []), {
+  return c(() => (window.addEventListener("storage", m), () => window.removeEventListener("storage", m)), []), {
     theme: t,
     setTheme: (e) => {
-      localStorage.setItem(s, e), a.setValue.bind(a)(e), document.documentElement.dataset.theme = e;
+      localStorage.setItem(r, e), a.setValue.bind(a)(e), document.documentElement.dataset.theme = e;
     }
   };
 };
 export {
   i as Theme,
-  E as default
+  b as default
 };
 //# sourceMappingURL=useTheme.js.map

package/dist/headless/hooks/useTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTheme.js","sources":["../../../src/hooks/useTheme.ts"],"sourcesContent":["import { useEffect, useLayoutEffect, useRef } from \"react\";\nimport { Observable } from \"../utils/observable\";\nimport { useObservable } from \"./useObservable\";\n\nexport enum Theme {\n  dark = \"dark\",\n  light = \"light\",\n}\n\nconst themeStorageKey = \"smui-theme\";\n\nconst themeObservable = new Observable<Theme>(Theme.light);\n\nconst useTheme = () => {\n  const theme = useObservable(themeObservable);\n  // Начальная инициализация\n  const firstUpdate = useRef(true);\n  useLayoutEffect(() => {\n    const savedTheme = localStorage.getItem(themeStorageKey) as Theme;\n    if (firstUpdate.current) {\n      firstUpdate.current = false;\n      if (savedTheme) {\n        themeObservable.setValue(savedTheme);\n        document.documentElement.dataset.theme = savedTheme;\n      } else {\n        const defaultTheme: Theme = window.matchMedia(\"(prefers-color-scheme: light)\").matches\n          ? Theme.light\n          : Theme.dark;\n        if (savedTheme !== theme) {\n          themeObservable.setValue(defaultTheme);\n        }\n        localStorage.setItem(themeStorageKey, defaultTheme);\n        document.documentElement.dataset.theme = defaultTheme;\n      }\n    }\n  }, [theme]);\n\n  const themeListener = function (event: StorageEvent) {\n    if (event.storageArea === localStorage) {\n      const savedTheme = localStorage.getItem(themeStorageKey) as Theme;\n      document.documentElement.dataset.theme = savedTheme;\n      themeObservable.setValue(savedTheme);\n    }\n  };\n\n  useEffect(() => {\n    window.addEventListener(\"storage\", themeListener);\n    return () => window.removeEventListener(\"storage\", themeListener);\n  }, []);\n\n  return {\n    theme,\n    setTheme: (value: Theme) => {\n      localStorage.setItem(themeStorageKey, value);\n      themeObservable.setValue.bind(themeObservable)(value);\n      document.documentElement.dataset.theme = value;\n    },\n  };\n};\n\nexport default useTheme;\n"],"names":["Theme","themeStorageKey","themeObservable","Observable","useTheme","theme","useObservable","firstUpdate","useRef","useLayoutEffect","savedTheme","defaultTheme","themeListener","event","useEffect","value"],"mappings":";;;AAIO,IAAKA,sBAAAA,OACVA,EAAA,OAAO,QACPA,EAAA,QAAQ,SAFEA,IAAAA,KAAA,CAAA,CAAA;AAKZ,MAAMC,IAAkB,cAElBC,IAAkB,IAAIC;AAAA,EAAkB;AAAA;AAAA,GAExCC,IAAW,MAAM;AACrB,QAAMC,IAAQC,EAAcJ,CAAe,GAErCK,IAAcC,EAAO,EAAI;AAC/B,EAAAC,EAAgB,MAAM;AACpB,UAAMC,IAAa,aAAa,QAAQT,CAAe;AACvD,QAAIM,EAAY;AAEd,UADAA,EAAY,UAAU,IAClBG;AACF,QAAAR,EAAgB,SAASQ,CAAU,GACnC,SAAS,gBAAgB,QAAQ,QAAQA;AAAA,WACpC;AACL,cAAMC,IAAsB,OAAO,WAAW,+BAA+B,EAAE,UAC3E,UACA;AACJ,QAAID,MAAeL,KACjBH,EAAgB,SAASS,CAAY,GAEvC,aAAa,QAAQV,GAAiBU,CAAY,GAClD,SAAS,gBAAgB,QAAQ,QAAQA;AAAA,MAC3C;AAAA,EAEJ,GAAG,CAACN,CAAK,CAAC;AAEV,QAAMO,IAAgB,SAAUC,GAAqB;AACnD,QAAIA,EAAM,gBAAgB,cAAc;AACtC,YAAMH,IAAa,aAAa,QAAQT,CAAe;AACvD,eAAS,gBAAgB,QAAQ,QAAQS,GACzCR,EAAgB,SAASQ,CAAU;AAAA,IACrC;AAAA,EACF;AAEA,SAAAI,EAAU,OACR,OAAO,iBAAiB,WAAWF,CAAa,GACzC,MAAM,OAAO,oBAAoB,WAAWA,CAAa,IAC/D,CAAA,CAAE,GAEE;AAAA,IACL,OAAAP;AAAA,IACA,UAAU,CAACU,MAAiB;AAC1B,mBAAa,QAAQd,GAAiBc,CAAK,GAC3Cb,EAAgB,SAAS,KAAKA,CAAe,EAAEa,CAAK,GACpD,SAAS,gBAAgB,QAAQ,QAAQA;AAAA,IAC3C;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useTheme.js","sources":["../../../src/hooks/useTheme.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { Observable } from \"../utils/observable\";\nimport { useObservable } from \"./useObservable\";\nimport { useSafeLayoutEffect } from \"./useSafeLayoutEffect\";\n\nexport enum Theme {\n  dark = \"dark\",\n  light = \"light\",\n}\n\nconst themeStorageKey = \"smui-theme\";\n\nconst themeObservable = new Observable<Theme>(Theme.light);\n\nconst useTheme = () => {\n  const theme = useObservable(themeObservable);\n  // Начальная инициализация\n  const firstUpdate = useRef(true);\n  useSafeLayoutEffect(() => {\n    const savedTheme = localStorage.getItem(themeStorageKey) as Theme;\n    if (firstUpdate.current) {\n      firstUpdate.current = false;\n      if (savedTheme) {\n        themeObservable.setValue(savedTheme);\n        document.documentElement.dataset.theme = savedTheme;\n      } else {\n        const defaultTheme: Theme = window.matchMedia(\"(prefers-color-scheme: light)\").matches\n          ? Theme.light\n          : Theme.dark;\n        if (savedTheme !== theme) {\n          themeObservable.setValue(defaultTheme);\n        }\n        localStorage.setItem(themeStorageKey, defaultTheme);\n        document.documentElement.dataset.theme = defaultTheme;\n      }\n    }\n  }, [theme]);\n\n  const themeListener = function (event: StorageEvent) {\n    if (event.storageArea === localStorage) {\n      const savedTheme = localStorage.getItem(themeStorageKey) as Theme;\n      document.documentElement.dataset.theme = savedTheme;\n      themeObservable.setValue(savedTheme);\n    }\n  };\n\n  useEffect(() => {\n    window.addEventListener(\"storage\", themeListener);\n    return () => window.removeEventListener(\"storage\", themeListener);\n  }, []);\n\n  return {\n    theme,\n    setTheme: (value: Theme) => {\n      localStorage.setItem(themeStorageKey, value);\n      themeObservable.setValue.bind(themeObservable)(value);\n      document.documentElement.dataset.theme = value;\n    },\n  };\n};\n\nexport default useTheme;\n"],"names":["Theme","themeStorageKey","themeObservable","Observable","useTheme","theme","useObservable","firstUpdate","useRef","useSafeLayoutEffect","savedTheme","defaultTheme","themeListener","event","useEffect","value"],"mappings":";;;;AAKO,IAAKA,sBAAAA,OACVA,EAAA,OAAO,QACPA,EAAA,QAAQ,SAFEA,IAAAA,KAAA,CAAA,CAAA;AAKZ,MAAMC,IAAkB,cAElBC,IAAkB,IAAIC;AAAA,EAAkB;AAAA;AAAA,GAExCC,IAAW,MAAM;AACrB,QAAMC,IAAQC,EAAcJ,CAAe,GAErCK,IAAcC,EAAO,EAAI;AAC/B,EAAAC,EAAoB,MAAM;AACxB,UAAMC,IAAa,aAAa,QAAQT,CAAe;AACvD,QAAIM,EAAY;AAEd,UADAA,EAAY,UAAU,IAClBG;AACF,QAAAR,EAAgB,SAASQ,CAAU,GACnC,SAAS,gBAAgB,QAAQ,QAAQA;AAAA,WACpC;AACL,cAAMC,IAAsB,OAAO,WAAW,+BAA+B,EAAE,UAC3E,UACA;AACJ,QAAID,MAAeL,KACjBH,EAAgB,SAASS,CAAY,GAEvC,aAAa,QAAQV,GAAiBU,CAAY,GAClD,SAAS,gBAAgB,QAAQ,QAAQA;AAAA,MAC3C;AAAA,EAEJ,GAAG,CAACN,CAAK,CAAC;AAEV,QAAMO,IAAgB,SAAUC,GAAqB;AACnD,QAAIA,EAAM,gBAAgB,cAAc;AACtC,YAAMH,IAAa,aAAa,QAAQT,CAAe;AACvD,eAAS,gBAAgB,QAAQ,QAAQS,GACzCR,EAAgB,SAASQ,CAAU;AAAA,IACrC;AAAA,EACF;AAEA,SAAAI,EAAU,OACR,OAAO,iBAAiB,WAAWF,CAAa,GACzC,MAAM,OAAO,oBAAoB,WAAWA,CAAa,IAC/D,CAAA,CAAE,GAEE;AAAA,IACL,OAAAP;AAAA,IACA,UAAU,CAACU,MAAiB;AAC1B,mBAAa,QAAQd,GAAiBc,CAAK,GAC3Cb,EAAgB,SAAS,KAAKA,CAAe,EAAEa,CAAK,GACpD,SAAS,gBAAgB,QAAQ,QAAQA;AAAA,IAC3C;AAAA,EAAA;AAEJ;"}