@smwb/ui-react 2.6.3 → 2.7.0

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

@@ -1,15 +1,16 @@
 import { jsx as a, jsxs as g } from "react/jsx-runtime";
-import '../../../assets/styles/less/components/toggle/toggle.entry.css';/* empty css                                                       */
+import '../../../assets/styles/less/components/toggle/toggle.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                       */
 import k from "react";
 import b from "clsx";
 import { useId as v } from "../../../hooks/useId.js";
 import { TextFieldWrapper as y } from "../textField/textFieldWrapper.js";
-const P = k.forwardRef(function(e, h) {
+const R = k.forwardRef(function(e, h) {
   const {
     disabled: l,
     readOnly: r,
-    required: t,
-    checked: o,
+    required: o,
+    checked: s,
     className: w,
     id: _,
     label: m,
@@ -19,13 +20,13 @@ const P = k.forwardRef(function(e, h) {
     helperText: p,
     error: i,
     ...x
-  } = e, n = v(_), N = (s) => {
+  } = e, n = v(_), N = (t) => {
     var d;
     if (r) {
-      s.preventDefault();
+      t.preventDefault();
       return;
     }
-    (d = e.onChange) == null || d.call(e, s, s.target.checked, e);
+    (d = e.onChange) == null || d.call(e, t, t.target.checked, e);
   };
   return /* @__PURE__ */ a(y, { helperText: p, disabled: l, error: i, className: "smwb-text-field-checkbox", children: /* @__PURE__ */ g("span", { className: b("smwb-toggle__wrapper", c && `smwb-toggle__wrapper_label-${c}`), children: [
     m ? /* @__PURE__ */ a("label", { htmlFor: n, className: "smwb-toggle__label", children: m }) : null,
@@ -43,14 +44,14 @@ const P = k.forwardRef(function(e, h) {
               type: "checkbox",
               id: n,
               className: "smwb-toggle__checkbox",
-              "aria-checked": o,
+              "aria-checked": s,
               "aria-invalid": i || void 0,
-              "aria-required": t || void 0,
+              "aria-required": o || void 0,
               role: "switch",
-              checked: o,
+              checked: s,
               disabled: l,
               readOnly: r,
-              required: t,
+              required: o,
               ref: h,
               ...x,
               onChange: N
@@ -64,7 +65,7 @@ const P = k.forwardRef(function(e, h) {
   ] }) });
 });
 export {
-  P as Toggle,
-  P as default
+  R as Toggle,
+  R as default
 };
 //# sourceMappingURL=toggle.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"toggle.js","sources":["../../../../src/components/inputs/toggle/toggle.tsx"],"sourcesContent":["import React, { InputHTMLAttributes } from \"react\";\nimport cn from \"clsx\";\nimport { TextFieldWrapper } from \"../textField\";\nimport { useId } from \"../../../hooks/useId\";\nimport type { SelectionControlColor, SelectionControlSize } from \"../checkbox/checkbox\";\n\nexport interface ToggleProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"onChange\" | \"size\"> {\n  disabled?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  checked?: boolean;\n  className?: string;\n  id?: string;\n  label?: string;\n  labelPlacement?: \"top\" | \"left\" | \"right\";\n  size?: SelectionControlSize;\n  color?: SelectionControlColor;\n  /** Unified handler: `(event, checked, data)`. */\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>, checked: boolean, data: ToggleProps) => void;\n  helperText?: React.ReactNode;\n  error?: boolean;\n}\n\nexport const Toggle = React.forwardRef<HTMLInputElement, ToggleProps>(function Toggle(props, ref) {\n  const {\n    disabled,\n    readOnly,\n    required,\n    checked,\n    className,\n    id: idProp,\n    label,\n    labelPlacement,\n    size = \"medium\",\n    color = \"primary\",\n    helperText,\n    error,\n    ...args\n  } = props;\n  const id = useId(idProp);\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (readOnly) {\n      e.preventDefault();\n      return;\n    }\n    props.onChange?.(e, e.target.checked, props);\n  };\n\n  return (\n    <TextFieldWrapper helperText={helperText} disabled={disabled} error={error} className=\"smwb-text-field-checkbox\">\n      <span className={cn(\"smwb-toggle__wrapper\", labelPlacement && `smwb-toggle__wrapper_label-${labelPlacement}`)}>\n        {label ? (\n          <label htmlFor={id} className=\"smwb-toggle__label\">\n            {label}\n          </label>\n        ) : null}\n        <label\n          className={cn(\"smwb-toggle\", `smwb-toggle_size-${size}`, `smwb-toggle_color-${color}`, className, {\n            \"smwb-disabled\": disabled,\n            \"smwb-readonly\": readOnly,\n          })}\n        >\n          <input\n            type=\"checkbox\"\n            id={id}\n            className=\"smwb-toggle__checkbox\"\n            aria-checked={checked}\n            aria-invalid={error || undefined}\n            aria-required={required || undefined}\n            role={\"switch\"}\n            checked={checked}\n            disabled={disabled}\n            readOnly={readOnly}\n            required={required}\n            ref={ref}\n            {...args}\n            onChange={handleChange}\n          />\n          <span className=\"smwb-toggle__track\"></span>\n          <span className=\"smwb-toggle__thumb\"></span>\n        </label>\n      </span>\n    </TextFieldWrapper>\n  );\n});\n\nexport default Toggle;\n"],"names":["Toggle","React","props","ref","disabled","readOnly","required","checked","className","idProp","label","labelPlacement","size","color","helperText","error","args","id","useId","handleChange","e","_a","TextFieldWrapper","jsxs","cn","jsx"],"mappings":";;;;;;AAwBO,MAAMA,IAASC,EAAM,WAA0C,SAAgBC,GAAOC,GAAK;AAChG,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,IAAIC;AAAA,IACJ,OAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,OAAAC,IAAQ;AAAA,IACR,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDd,GACEe,IAAKC,EAAMT,CAAM,GAEjBU,IAAe,CAACC,MAA2C;;AAC/D,QAAIf,GAAU;AACZ,MAAAe,EAAE,eAAA;AACF;AAAA,IACF;AACA,KAAAC,IAAAnB,EAAM,aAAN,QAAAmB,EAAA,KAAAnB,GAAiBkB,GAAGA,EAAE,OAAO,SAASlB;AAAA,EACxC;AAEA,2BACGoB,GAAA,EAAiB,YAAAR,GAAwB,UAAAV,GAAoB,OAAAW,GAAc,WAAU,4BACpF,UAAA,gBAAAQ,EAAC,QAAA,EAAK,WAAWC,EAAG,wBAAwBb,KAAkB,8BAA8BA,CAAc,EAAE,GACzG,UAAA;AAAA,IAAAD,sBACE,SAAA,EAAM,SAASO,GAAI,WAAU,sBAC3B,aACH,IACE;AAAA,IACJ,gBAAAM;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC,EAAG,eAAe,oBAAoBZ,CAAI,IAAI,qBAAqBC,CAAK,IAAIL,GAAW;AAAA,UAChG,iBAAiBJ;AAAA,UACjB,iBAAiBC;AAAA,QAAA,CAClB;AAAA,QAED,UAAA;AAAA,UAAA,gBAAAoB;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,IAAAR;AAAA,cACA,WAAU;AAAA,cACV,gBAAcV;AAAA,cACd,gBAAcQ,KAAS;AAAA,cACvB,iBAAeT,KAAY;AAAA,cAC3B,MAAM;AAAA,cACN,SAAAC;AAAA,cACA,UAAAH;AAAA,cACA,UAAAC;AAAA,cACA,UAAAC;AAAA,cACA,KAAAH;AAAA,cACC,GAAGa;AAAA,cACJ,UAAUG;AAAA,YAAA;AAAA,UAAA;AAAA,UAEZ,gBAAAM,EAAC,QAAA,EAAK,WAAU,qBAAA,CAAqB;AAAA,UACrC,gBAAAA,EAAC,QAAA,EAAK,WAAU,qBAAA,CAAqB;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACvC,EAAA,CACF,EAAA,CACF;AAEJ,CAAC;"}
+{"version":3,"file":"toggle.js","sources":["../../../../src/components/inputs/toggle/toggle.tsx"],"sourcesContent":["import React, { InputHTMLAttributes } from \"react\";\nimport cn from \"clsx\";\nimport { TextFieldWrapper } from \"../textField\";\nimport { useId } from \"../../../hooks/useId\";\nimport type { SelectionControlColor, SelectionControlSize } from \"../checkbox/checkbox\";\n\nexport interface ToggleProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"onChange\" | \"size\"> {\n  disabled?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  checked?: boolean;\n  className?: string;\n  id?: string;\n  label?: string;\n  labelPlacement?: \"top\" | \"left\" | \"right\";\n  size?: SelectionControlSize;\n  color?: SelectionControlColor;\n  /** Unified handler: `(event, checked, data)`. */\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>, checked: boolean, data: ToggleProps) => void;\n  helperText?: React.ReactNode;\n  error?: boolean;\n}\n\nexport const Toggle = React.forwardRef<HTMLInputElement, ToggleProps>(function Toggle(props, ref) {\n  const {\n    disabled,\n    readOnly,\n    required,\n    checked,\n    className,\n    id: idProp,\n    label,\n    labelPlacement,\n    size = \"medium\",\n    color = \"primary\",\n    helperText,\n    error,\n    ...args\n  } = props;\n  const id = useId(idProp);\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (readOnly) {\n      e.preventDefault();\n      return;\n    }\n    props.onChange?.(e, e.target.checked, props);\n  };\n\n  return (\n    <TextFieldWrapper helperText={helperText} disabled={disabled} error={error} className=\"smwb-text-field-checkbox\">\n      <span className={cn(\"smwb-toggle__wrapper\", labelPlacement && `smwb-toggle__wrapper_label-${labelPlacement}`)}>\n        {label ? (\n          <label htmlFor={id} className=\"smwb-toggle__label\">\n            {label}\n          </label>\n        ) : null}\n        <label\n          className={cn(\"smwb-toggle\", `smwb-toggle_size-${size}`, `smwb-toggle_color-${color}`, className, {\n            \"smwb-disabled\": disabled,\n            \"smwb-readonly\": readOnly,\n          })}\n        >\n          <input\n            type=\"checkbox\"\n            id={id}\n            className=\"smwb-toggle__checkbox\"\n            aria-checked={checked}\n            aria-invalid={error || undefined}\n            aria-required={required || undefined}\n            role={\"switch\"}\n            checked={checked}\n            disabled={disabled}\n            readOnly={readOnly}\n            required={required}\n            ref={ref}\n            {...args}\n            onChange={handleChange}\n          />\n          <span className=\"smwb-toggle__track\"></span>\n          <span className=\"smwb-toggle__thumb\"></span>\n        </label>\n      </span>\n    </TextFieldWrapper>\n  );\n});\n\nexport default Toggle;\n"],"names":["Toggle","React","props","ref","disabled","readOnly","required","checked","className","idProp","label","labelPlacement","size","color","helperText","error","args","id","useId","handleChange","e","_a","TextFieldWrapper","jsxs","cn","jsx"],"mappings":";;;;;;;AAyBO,MAAMA,IAASC,EAAM,WAA0C,SAAgBC,GAAOC,GAAK;AAChG,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,IAAIC;AAAA,IACJ,OAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,OAAAC,IAAQ;AAAA,IACR,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDd,GACEe,IAAKC,EAAMT,CAAM,GAEjBU,IAAe,CAACC,MAA2C;;AAC/D,QAAIf,GAAU;AACZ,MAAAe,EAAE,eAAA;AACF;AAAA,IACF;AACA,KAAAC,IAAAnB,EAAM,aAAN,QAAAmB,EAAA,KAAAnB,GAAiBkB,GAAGA,EAAE,OAAO,SAASlB;AAAA,EACxC;AAEA,2BACGoB,GAAA,EAAiB,YAAAR,GAAwB,UAAAV,GAAoB,OAAAW,GAAc,WAAU,4BACpF,UAAA,gBAAAQ,EAAC,QAAA,EAAK,WAAWC,EAAG,wBAAwBb,KAAkB,8BAA8BA,CAAc,EAAE,GACzG,UAAA;AAAA,IAAAD,sBACE,SAAA,EAAM,SAASO,GAAI,WAAU,sBAC3B,aACH,IACE;AAAA,IACJ,gBAAAM;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC,EAAG,eAAe,oBAAoBZ,CAAI,IAAI,qBAAqBC,CAAK,IAAIL,GAAW;AAAA,UAChG,iBAAiBJ;AAAA,UACjB,iBAAiBC;AAAA,QAAA,CAClB;AAAA,QAED,UAAA;AAAA,UAAA,gBAAAoB;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,IAAAR;AAAA,cACA,WAAU;AAAA,cACV,gBAAcV;AAAA,cACd,gBAAcQ,KAAS;AAAA,cACvB,iBAAeT,KAAY;AAAA,cAC3B,MAAM;AAAA,cACN,SAAAC;AAAA,cACA,UAAAH;AAAA,cACA,UAAAC;AAAA,cACA,UAAAC;AAAA,cACA,KAAAH;AAAA,cACC,GAAGa;AAAA,cACJ,UAAUG;AAAA,YAAA;AAAA,UAAA;AAAA,UAEZ,gBAAAM,EAAC,QAAA,EAAK,WAAU,qBAAA,CAAqB;AAAA,UACrC,gBAAAA,EAAC,QAAA,EAAK,WAAU,qBAAA,CAAqB;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACvC,EAAA,CACF,EAAA,CACF;AAEJ,CAAC;"}

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

@@ -1,22 +1,23 @@
 import { jsxs as d, jsx as r } from "react/jsx-runtime";
-import '../../../assets/styles/less/components/valueSlider/valueSlider.entry.css';/* empty css                                                                 */
+import '../../../assets/styles/less/components/valueSlider/valueSlider.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                                 */
 import c from "clsx";
 import { Slider as m } from "../slider/slider.js";
 function h(i, l) {
   return typeof i == "function" ? i(l) : Array.isArray(l) ? `${l[0]} – ${l[1]}` : l == null ? "" : String(l);
 }
-function v({
+function b({
   readout: i,
   endAdornment: l,
   onReset: n,
   resetLabel: s,
   label: e,
-  className: u,
+  className: o,
   ...a
 }) {
-  const t = i !== void 0 && i !== !1, o = e != null || t || l != null || n != null;
-  return /* @__PURE__ */ d("div", { className: c("smwb-value-slider", u), children: [
-    o ? /* @__PURE__ */ d("div", { className: "smwb-value-slider__header", children: [
+  const t = i !== void 0 && i !== !1, u = e != null || t || l != null || n != null;
+  return /* @__PURE__ */ d("div", { className: c("smwb-value-slider", o), children: [
+    u ? /* @__PURE__ */ d("div", { className: "smwb-value-slider__header", children: [
       e != null ? /* @__PURE__ */ r("span", { className: "smwb-value-slider__label", children: e }) : null,
       /* @__PURE__ */ r("span", { className: "smwb-value-slider__spacer" }),
       t ? /* @__PURE__ */ r("span", { className: "smwb-value-slider__readout", children: h(i, a.value) }) : null,
@@ -49,7 +50,7 @@ function v({
   ] });
 }
 export {
-  v as ValueSlider,
-  v as default
+  b as ValueSlider,
+  b as default
 };
 //# sourceMappingURL=valueSlider.js.map

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

@@ -1 +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":";;;;AAmBA,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;"}
+{"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":";;;;;AAoBA,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/components/layout/appLayout/appLayout.js

@@ -1,16 +1,17 @@
-import { jsxs as e, jsx as s } from "react/jsx-runtime";
-import '../../../assets/styles/less/components/appLayout/appLayout.entry.css';/* empty css                                                             */
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import '../../../assets/styles/less/components/appLayout/appLayout.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                             */
 import j, { useId as k } from "react";
 import A from "clsx";
 import { Icon as L } from "../../base/icon/icon.js";
 import { useControllableState as R } from "../../../hooks/useControllableState.js";
-const i = (t) => typeof t == "number" ? `${t}px` : t, D = j.forwardRef(function({
+const i = (s) => typeof s == "number" ? `${s}px` : s, E = j.forwardRef(function({
   header: o,
-  sidebar: n,
-  footer: p,
-  sidebarWidth: c = 260,
-  sidebarCollapsed: d,
-  defaultSidebarCollapsed: m = !1,
+  sidebar: p,
+  footer: n,
+  sidebarWidth: m = 260,
+  sidebarCollapsed: c,
+  defaultSidebarCollapsed: d = !1,
   onSidebarCollapsedChange: u,
   collapsible: b = !1,
   collapseToggle: l,
@@ -23,11 +24,11 @@ const i = (t) => typeof t == "number" ? `${t}px` : t, D = j.forwardRef(function(
   ...N
 }, x) {
   const [a, C] = R({
-    value: d,
-    defaultValue: m,
+    value: c,
+    defaultValue: d,
     onChange: u
   }), r = k(), I = {
-    "--smui-app-sidebar-w": i(a ? _ : c)
+    "--smui-app-sidebar-w": i(a ? _ : m)
   };
   return /* @__PURE__ */ e(
     "div",
@@ -42,10 +43,10 @@ const i = (t) => typeof t == "number" ? `${t}px` : t, D = j.forwardRef(function(
       style: { ...I, ...w },
       ...N,
       children: [
-        o ? /* @__PURE__ */ s("div", { className: "smwb-app-layout__header", children: o }) : null,
+        o ? /* @__PURE__ */ t("div", { className: "smwb-app-layout__header", children: o }) : null,
         /* @__PURE__ */ e("div", { className: "smwb-app-layout__body", children: [
-          n ? /* @__PURE__ */ e("aside", { id: r, className: "smwb-app-layout__sidebar", children: [
-            b ? /* @__PURE__ */ s("div", { className: "smwb-app-layout__collapse", children: l != null ? l : /* @__PURE__ */ s(
+          p ? /* @__PURE__ */ e("aside", { id: r, className: "smwb-app-layout__sidebar", children: [
+            b ? /* @__PURE__ */ t("div", { className: "smwb-app-layout__collapse", children: l != null ? l : /* @__PURE__ */ t(
               "button",
               {
                 type: "button",
@@ -54,14 +55,14 @@ const i = (t) => typeof t == "number" ? `${t}px` : t, D = j.forwardRef(function(
                 "aria-expanded": !a,
                 "aria-controls": r,
                 onClick: () => C(!a),
-                children: /* @__PURE__ */ s(L, { name: a ? "chevron_right" : "chevron_left", size: 20 })
+                children: /* @__PURE__ */ t(L, { name: a ? "chevron_right" : "chevron_left", size: 20 })
               }
             ) }) : null,
-            n
+            p
           ] }) : null,
           /* @__PURE__ */ e("div", { className: "smwb-app-layout__content", children: [
             v,
-            p ? /* @__PURE__ */ s("div", { className: "smwb-app-layout__footer", children: p }) : null
+            n ? /* @__PURE__ */ t("div", { className: "smwb-app-layout__footer", children: n }) : null
           ] })
         ] })
       ]
@@ -69,7 +70,7 @@ const i = (t) => typeof t == "number" ? `${t}px` : t, D = j.forwardRef(function(
   );
 });
 export {
-  D as AppLayout,
-  D as default
+  E as AppLayout,
+  E as default
 };
 //# sourceMappingURL=appLayout.js.map

package/dist/components/layout/appLayout/appLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"appLayout.js","sources":["../../../../src/components/layout/appLayout/appLayout.tsx"],"sourcesContent":["import React, { CSSProperties, HTMLAttributes, PropsWithChildren, ReactNode, useId } from \"react\";\nimport cn from \"clsx\";\nimport Icon from \"../../base/icon/icon\";\nimport { useControllableState } from \"../../../hooks/useControllableState\";\n\nexport interface AppLayoutProps extends HTMLAttributes<HTMLDivElement> {\n  /** Top bar slot (e.g. <AppBar />). Spans full width. */\n  header?: ReactNode;\n  /** Side navigation slot (e.g. <Sidebar />). */\n  sidebar?: ReactNode;\n  /** Footer slot, below the content. */\n  footer?: ReactNode;\n  /** Sidebar width (px or any CSS length). */\n  sidebarWidth?: number | string;\n  /** Controlled collapsed state of the sidebar rail. */\n  sidebarCollapsed?: boolean;\n  /** Initial collapsed state (uncontrolled). */\n  defaultSidebarCollapsed?: boolean;\n  /** Called whenever the collapsed state changes. */\n  onSidebarCollapsedChange?: (collapsed: boolean) => void;\n  /** Renders a built-in toggle button to collapse/expand the sidebar. */\n  collapsible?: boolean;\n  /** Custom toggle node replacing the default icon button. */\n  collapseToggle?: ReactNode;\n  /** Accessible label for the default toggle button. */\n  collapseToggleAriaLabel?: string;\n  /** Sidebar collapsed width. */\n  sidebarCollapsedWidth?: number | string;\n  /** Keep the header pinned while content scrolls. */\n  stickyHeader?: boolean;\n  className?: string;\n}\n\nconst len = (v: number | string) => (typeof v === \"number\" ? `${v}px` : v);\n\nexport const AppLayout = React.forwardRef<HTMLDivElement, PropsWithChildren<AppLayoutProps>>(function AppLayout(\n  {\n    header,\n    sidebar,\n    footer,\n    sidebarWidth = 260,\n    sidebarCollapsed,\n    defaultSidebarCollapsed = false,\n    onSidebarCollapsedChange,\n    collapsible = false,\n    collapseToggle,\n    collapseToggleAriaLabel = \"Toggle navigation\",\n    sidebarCollapsedWidth = 72,\n    stickyHeader = true,\n    className,\n    style,\n    children,\n    ...rest\n  },\n  ref\n) {\n  const [collapsed, setCollapsed] = useControllableState<boolean>({\n    value: sidebarCollapsed,\n    defaultValue: defaultSidebarCollapsed,\n    onChange: onSidebarCollapsedChange,\n  });\n\n  const sidebarId = useId();\n\n  const cssVars = {\n    \"--smui-app-sidebar-w\": collapsed ? len(sidebarCollapsedWidth) : len(sidebarWidth),\n  } as CSSProperties;\n\n  return (\n    <div\n      ref={ref}\n      data-testid=\"app-layout\"\n      className={cn(\n        \"smwb-app-layout\",\n        { \"smwb-app-layout_sticky-header\": stickyHeader, \"smwb-app-layout_collapsed\": collapsed },\n        className\n      )}\n      style={{ ...cssVars, ...style }}\n      {...rest}\n    >\n      {header ? <div className=\"smwb-app-layout__header\">{header}</div> : null}\n      <div className=\"smwb-app-layout__body\">\n        {sidebar ? (\n          <aside id={sidebarId} className=\"smwb-app-layout__sidebar\">\n            {collapsible ? (\n              <div className=\"smwb-app-layout__collapse\">\n                {collapseToggle ?? (\n                  <button\n                    type=\"button\"\n                    className=\"smwb-app-layout__collapse-btn\"\n                    aria-label={collapseToggleAriaLabel}\n                    aria-expanded={!collapsed}\n                    aria-controls={sidebarId}\n                    onClick={() => setCollapsed(!collapsed)}\n                  >\n                    <Icon name={collapsed ? \"chevron_right\" : \"chevron_left\"} size={20} />\n                  </button>\n                )}\n              </div>\n            ) : null}\n            {sidebar}\n          </aside>\n        ) : null}\n        <div className=\"smwb-app-layout__content\">\n          {children}\n          {footer ? <div className=\"smwb-app-layout__footer\">{footer}</div> : null}\n        </div>\n      </div>\n    </div>\n  );\n});\n\nexport default AppLayout;\n"],"names":["len","v","AppLayout","React","header","sidebar","footer","sidebarWidth","sidebarCollapsed","defaultSidebarCollapsed","onSidebarCollapsedChange","collapsible","collapseToggle","collapseToggleAriaLabel","sidebarCollapsedWidth","stickyHeader","className","style","children","rest","ref","collapsed","setCollapsed","useControllableState","sidebarId","useId","cssVars","jsxs","cn","jsx","Icon"],"mappings":";;;;;;AAkCA,MAAMA,IAAM,CAACC,MAAwB,OAAOA,KAAM,WAAW,GAAGA,CAAC,OAAOA,GAE3DC,IAAYC,EAAM,WAA8D,SAC3F;AAAA,EACE,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,kBAAAC;AAAA,EACA,yBAAAC,IAA0B;AAAA,EAC1B,0BAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,gBAAAC;AAAA,EACA,yBAAAC,IAA0B;AAAA,EAC1B,uBAAAC,IAAwB;AAAA,EACxB,cAAAC,IAAe;AAAA,EACf,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAA8B;AAAA,IAC9D,OAAOf;AAAA,IACP,cAAcC;AAAA,IACd,UAAUC;AAAA,EAAA,CACX,GAEKc,IAAYC,EAAA,GAEZC,IAAU;AAAA,IACd,wBAAoC1B,EAAZqB,IAAgBP,IAA6BP,CAAR;AAAA,EAAoB;AAGnF,SACE,gBAAAoB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAP;AAAA,MACA,eAAY;AAAA,MACZ,WAAWQ;AAAA,QACT;AAAA,QACA,EAAE,iCAAiCb,GAAc,6BAA6BM,EAAA;AAAA,QAC9EL;AAAA,MAAA;AAAA,MAEF,OAAO,EAAE,GAAGU,GAAS,GAAGT,EAAA;AAAA,MACvB,GAAGE;AAAA,MAEH,UAAA;AAAA,QAAAf,IAAS,gBAAAyB,EAAC,OAAA,EAAI,WAAU,2BAA2B,aAAO,IAAS;AAAA,QACpE,gBAAAF,EAAC,OAAA,EAAI,WAAU,yBACZ,UAAA;AAAA,UAAAtB,IACC,gBAAAsB,EAAC,SAAA,EAAM,IAAIH,GAAW,WAAU,4BAC7B,UAAA;AAAA,YAAAb,IACC,gBAAAkB,EAAC,OAAA,EAAI,WAAU,6BACZ,UAAAjB,KAAA,OAAAA,IACC,gBAAAiB;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,WAAU;AAAA,gBACV,cAAYhB;AAAA,gBACZ,iBAAe,CAACQ;AAAA,gBAChB,iBAAeG;AAAA,gBACf,SAAS,MAAMF,EAAa,CAACD,CAAS;AAAA,gBAEtC,4BAACS,GAAA,EAAK,MAAMT,IAAY,kBAAkB,gBAAgB,MAAM,GAAA,CAAI;AAAA,cAAA;AAAA,YAAA,GAG1E,IACE;AAAA,YACHhB;AAAA,UAAA,EAAA,CACH,IACE;AAAA,UACJ,gBAAAsB,EAAC,OAAA,EAAI,WAAU,4BACZ,UAAA;AAAA,YAAAT;AAAA,YACAZ,IAAS,gBAAAuB,EAAC,OAAA,EAAI,WAAU,2BAA2B,aAAO,IAAS;AAAA,UAAA,EAAA,CACtE;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}
+{"version":3,"file":"appLayout.js","sources":["../../../../src/components/layout/appLayout/appLayout.tsx"],"sourcesContent":["import React, { CSSProperties, HTMLAttributes, PropsWithChildren, ReactNode, useId } from \"react\";\nimport cn from \"clsx\";\nimport Icon from \"../../base/icon/icon\";\nimport { useControllableState } from \"../../../hooks/useControllableState\";\n\nexport interface AppLayoutProps extends HTMLAttributes<HTMLDivElement> {\n  /** Top bar slot (e.g. <AppBar />). Spans full width. */\n  header?: ReactNode;\n  /** Side navigation slot (e.g. <Sidebar />). */\n  sidebar?: ReactNode;\n  /** Footer slot, below the content. */\n  footer?: ReactNode;\n  /** Sidebar width (px or any CSS length). */\n  sidebarWidth?: number | string;\n  /** Controlled collapsed state of the sidebar rail. */\n  sidebarCollapsed?: boolean;\n  /** Initial collapsed state (uncontrolled). */\n  defaultSidebarCollapsed?: boolean;\n  /** Called whenever the collapsed state changes. */\n  onSidebarCollapsedChange?: (collapsed: boolean) => void;\n  /** Renders a built-in toggle button to collapse/expand the sidebar. */\n  collapsible?: boolean;\n  /** Custom toggle node replacing the default icon button. */\n  collapseToggle?: ReactNode;\n  /** Accessible label for the default toggle button. */\n  collapseToggleAriaLabel?: string;\n  /** Sidebar collapsed width. */\n  sidebarCollapsedWidth?: number | string;\n  /** Keep the header pinned while content scrolls. */\n  stickyHeader?: boolean;\n  className?: string;\n}\n\nconst len = (v: number | string) => (typeof v === \"number\" ? `${v}px` : v);\n\nexport const AppLayout = React.forwardRef<HTMLDivElement, PropsWithChildren<AppLayoutProps>>(function AppLayout(\n  {\n    header,\n    sidebar,\n    footer,\n    sidebarWidth = 260,\n    sidebarCollapsed,\n    defaultSidebarCollapsed = false,\n    onSidebarCollapsedChange,\n    collapsible = false,\n    collapseToggle,\n    collapseToggleAriaLabel = \"Toggle navigation\",\n    sidebarCollapsedWidth = 72,\n    stickyHeader = true,\n    className,\n    style,\n    children,\n    ...rest\n  },\n  ref\n) {\n  const [collapsed, setCollapsed] = useControllableState<boolean>({\n    value: sidebarCollapsed,\n    defaultValue: defaultSidebarCollapsed,\n    onChange: onSidebarCollapsedChange,\n  });\n\n  const sidebarId = useId();\n\n  const cssVars = {\n    \"--smui-app-sidebar-w\": collapsed ? len(sidebarCollapsedWidth) : len(sidebarWidth),\n  } as CSSProperties;\n\n  return (\n    <div\n      ref={ref}\n      data-testid=\"app-layout\"\n      className={cn(\n        \"smwb-app-layout\",\n        { \"smwb-app-layout_sticky-header\": stickyHeader, \"smwb-app-layout_collapsed\": collapsed },\n        className\n      )}\n      style={{ ...cssVars, ...style }}\n      {...rest}\n    >\n      {header ? <div className=\"smwb-app-layout__header\">{header}</div> : null}\n      <div className=\"smwb-app-layout__body\">\n        {sidebar ? (\n          <aside id={sidebarId} className=\"smwb-app-layout__sidebar\">\n            {collapsible ? (\n              <div className=\"smwb-app-layout__collapse\">\n                {collapseToggle ?? (\n                  <button\n                    type=\"button\"\n                    className=\"smwb-app-layout__collapse-btn\"\n                    aria-label={collapseToggleAriaLabel}\n                    aria-expanded={!collapsed}\n                    aria-controls={sidebarId}\n                    onClick={() => setCollapsed(!collapsed)}\n                  >\n                    <Icon name={collapsed ? \"chevron_right\" : \"chevron_left\"} size={20} />\n                  </button>\n                )}\n              </div>\n            ) : null}\n            {sidebar}\n          </aside>\n        ) : null}\n        <div className=\"smwb-app-layout__content\">\n          {children}\n          {footer ? <div className=\"smwb-app-layout__footer\">{footer}</div> : null}\n        </div>\n      </div>\n    </div>\n  );\n});\n\nexport default AppLayout;\n"],"names":["len","v","AppLayout","React","header","sidebar","footer","sidebarWidth","sidebarCollapsed","defaultSidebarCollapsed","onSidebarCollapsedChange","collapsible","collapseToggle","collapseToggleAriaLabel","sidebarCollapsedWidth","stickyHeader","className","style","children","rest","ref","collapsed","setCollapsed","useControllableState","sidebarId","useId","cssVars","jsxs","cn","jsx","Icon"],"mappings":";;;;;;;AAmCA,MAAMA,IAAM,CAACC,MAAwB,OAAOA,KAAM,WAAW,GAAGA,CAAC,OAAOA,GAE3DC,IAAYC,EAAM,WAA8D,SAC3F;AAAA,EACE,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,kBAAAC;AAAA,EACA,yBAAAC,IAA0B;AAAA,EAC1B,0BAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,gBAAAC;AAAA,EACA,yBAAAC,IAA0B;AAAA,EAC1B,uBAAAC,IAAwB;AAAA,EACxB,cAAAC,IAAe;AAAA,EACf,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAA8B;AAAA,IAC9D,OAAOf;AAAA,IACP,cAAcC;AAAA,IACd,UAAUC;AAAA,EAAA,CACX,GAEKc,IAAYC,EAAA,GAEZC,IAAU;AAAA,IACd,wBAAoC1B,EAAZqB,IAAgBP,IAA6BP,CAAR;AAAA,EAAoB;AAGnF,SACE,gBAAAoB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAP;AAAA,MACA,eAAY;AAAA,MACZ,WAAWQ;AAAA,QACT;AAAA,QACA,EAAE,iCAAiCb,GAAc,6BAA6BM,EAAA;AAAA,QAC9EL;AAAA,MAAA;AAAA,MAEF,OAAO,EAAE,GAAGU,GAAS,GAAGT,EAAA;AAAA,MACvB,GAAGE;AAAA,MAEH,UAAA;AAAA,QAAAf,IAAS,gBAAAyB,EAAC,OAAA,EAAI,WAAU,2BAA2B,aAAO,IAAS;AAAA,QACpE,gBAAAF,EAAC,OAAA,EAAI,WAAU,yBACZ,UAAA;AAAA,UAAAtB,IACC,gBAAAsB,EAAC,SAAA,EAAM,IAAIH,GAAW,WAAU,4BAC7B,UAAA;AAAA,YAAAb,IACC,gBAAAkB,EAAC,OAAA,EAAI,WAAU,6BACZ,UAAAjB,KAAA,OAAAA,IACC,gBAAAiB;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,WAAU;AAAA,gBACV,cAAYhB;AAAA,gBACZ,iBAAe,CAACQ;AAAA,gBAChB,iBAAeG;AAAA,gBACf,SAAS,MAAMF,EAAa,CAACD,CAAS;AAAA,gBAEtC,4BAACS,GAAA,EAAK,MAAMT,IAAY,kBAAkB,gBAAgB,MAAM,GAAA,CAAI;AAAA,cAAA;AAAA,YAAA,GAG1E,IACE;AAAA,YACHhB;AAAA,UAAA,EAAA,CACH,IACE;AAAA,UACJ,gBAAAsB,EAAC,OAAA,EAAI,WAAU,4BACZ,UAAA;AAAA,YAAAT;AAAA,YACAZ,IAAS,gBAAAuB,EAAC,OAAA,EAAI,WAAU,2BAA2B,aAAO,IAAS;AAAA,UAAA,EAAA,CACtE;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

package/dist/components/layout/divider/divider.js

@@ -1,5 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
-import '../../../assets/styles/less/components/divider/divider.entry.css';/* empty css                                                         */
+import '../../../assets/styles/less/components/divider/divider.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                         */
 import { forwardRef as w } from "react";
 import C from "clsx";
 const x = {
@@ -10,7 +11,7 @@ const x = {
   success: "var(--smui-successColor)",
   warning: "var(--smui-warningColor)",
   info: "var(--smui-infoColor)"
-}, g = w(function({
+}, N = w(function({
   className: t,
   orientation: r = "horizontal",
   variant: l = "fullWidth",
@@ -22,11 +23,11 @@ const x = {
   children: o,
   ...u
 }, f) {
-  const e = o != null && o !== !1, d = x[v], s = typeof i == "number" ? `${i}px` : i, b = {
+  const e = o != null && o !== !1, d = x[v], s = typeof i == "number" ? `${i}px` : i, p = {
     ...n,
     ...d ? { borderColor: d } : {},
     ...s ? r === "vertical" ? { borderLeftWidth: s } : { borderBottomWidth: s } : {}
-  }, p = C(
+  }, b = C(
     "smwb-divider",
     `smwb-divider_${r}`,
     `smwb-divider_${l}`,
@@ -45,14 +46,14 @@ const x = {
       "data-testid": "divider",
       role: "separator",
       "aria-orientation": r,
-      className: p,
-      style: b,
+      className: b,
+      style: p,
       children: e && r === "horizontal" ? /* @__PURE__ */ a("span", { className: "smwb-divider__text", children: o }) : null
     }
   );
 });
 export {
-  g as Divider,
-  g as default
+  N as Divider,
+  N as default
 };
 //# sourceMappingURL=divider.js.map

package/dist/components/layout/divider/divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider.js","sources":["../../../../src/components/layout/divider/divider.tsx"],"sourcesContent":["import { CSSProperties, forwardRef, HTMLAttributes, PropsWithChildren } from \"react\";\nimport cn from \"clsx\";\n\nexport type DividerColor = \"default\" | \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n\nexport interface DividerProps extends HTMLAttributes<HTMLDivElement> {\n  className?: string;\n  /** Direction of the divider line. */\n  orientation?: \"horizontal\" | \"vertical\";\n  /** Inset behaviour of the line relative to its container. */\n  variant?: \"fullWidth\" | \"inset\" | \"middle\";\n  /** Horizontal alignment of the optional text content. */\n  textAlign?: \"left\" | \"center\" | \"right\";\n  /** Line color (semantic token). */\n  color?: DividerColor;\n  /** Line thickness (number = px, or any CSS length). */\n  thickness?: number | string;\n  /** Stretch to fill a flex container along the cross axis. */\n  flexItem?: boolean;\n}\n\nconst colorVar: Record<DividerColor, string | undefined> = {\n  default: undefined,\n  primary: \"var(--smui-primaryColor)\",\n  secondary: \"var(--smui-secondaryColor)\",\n  error: \"var(--smui-errorColor)\",\n  success: \"var(--smui-successColor)\",\n  warning: \"var(--smui-warningColor)\",\n  info: \"var(--smui-infoColor)\",\n};\n\nexport const Divider = forwardRef<HTMLDivElement, PropsWithChildren<DividerProps>>(function Divider(\n  {\n    className,\n    orientation = \"horizontal\",\n    variant = \"fullWidth\",\n    textAlign = \"center\",\n    color = \"default\",\n    thickness,\n    flexItem,\n    style,\n    children,\n    ...props\n  },\n  ref\n) {\n  const hasText = children !== undefined && children !== null && children !== false;\n  const c = colorVar[color];\n  const t = typeof thickness === \"number\" ? `${thickness}px` : thickness;\n\n  const dividerStyle: CSSProperties = {\n    ...style,\n    ...(c ? { borderColor: c } : {}),\n    ...(t ? (orientation === \"vertical\" ? { borderLeftWidth: t } : { borderBottomWidth: t }) : {}),\n  };\n\n  const dividerClassName = cn(\n    \"smwb-divider\",\n    `smwb-divider_${orientation}`,\n    `smwb-divider_${variant}`,\n    {\n      \"smwb-divider_with-text\": hasText && orientation === \"horizontal\",\n      [`smwb-divider_align-${textAlign}`]: hasText && orientation === \"horizontal\",\n      \"smwb-divider_flex-item\": flexItem,\n    },\n    className\n  );\n\n  return (\n    <div\n      {...props}\n      ref={ref}\n      data-testid=\"divider\"\n      role=\"separator\"\n      aria-orientation={orientation}\n      className={dividerClassName}\n      style={dividerStyle}\n    >\n      {hasText && orientation === \"horizontal\" ? <span className=\"smwb-divider__text\">{children}</span> : null}\n    </div>\n  );\n});\n\nexport default Divider;\n"],"names":["colorVar","Divider","forwardRef","className","orientation","variant","textAlign","color","thickness","flexItem","style","children","props","ref","hasText","c","t","dividerStyle","dividerClassName","cn","jsx"],"mappings":";;;;AAsBA,MAAMA,IAAqD;AAAA,EACzD,SAAS;AAAA,EACT,SAAS;AAAA,EACT,WAAW;AAAA,EACX,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,MAAM;AACR,GAEaC,IAAUC,EAA4D,SACjF;AAAA,EACE,WAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,SAAAC,IAAU;AAAA,EACV,WAAAC,IAAY;AAAA,EACZ,OAAAC,IAAQ;AAAA,EACR,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAoCH,KAAa,QAAQA,MAAa,IACtEI,IAAIf,EAASO,CAAK,GAClBS,IAAI,OAAOR,KAAc,WAAW,GAAGA,CAAS,OAAOA,GAEvDS,IAA8B;AAAA,IAClC,GAAGP;AAAA,IACH,GAAIK,IAAI,EAAE,aAAaA,EAAA,IAAM,CAAA;AAAA,IAC7B,GAAIC,IAAKZ,MAAgB,aAAa,EAAE,iBAAiBY,MAAM,EAAE,mBAAmBA,MAAO,CAAA;AAAA,EAAC,GAGxFE,IAAmBC;AAAA,IACvB;AAAA,IACA,gBAAgBf,CAAW;AAAA,IAC3B,gBAAgBC,CAAO;AAAA,IACvB;AAAA,MACE,0BAA0BS,KAAWV,MAAgB;AAAA,MACrD,CAAC,sBAAsBE,CAAS,EAAE,GAAGQ,KAAWV,MAAgB;AAAA,MAChE,0BAA0BK;AAAA,IAAA;AAAA,IAE5BN;AAAA,EAAA;AAGF,SACE,gBAAAiB;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGR;AAAA,MACJ,KAAAC;AAAA,MACA,eAAY;AAAA,MACZ,MAAK;AAAA,MACL,oBAAkBT;AAAA,MAClB,WAAWc;AAAA,MACX,OAAOD;AAAA,MAEN,UAAAH,KAAWV,MAAgB,eAAe,gBAAAgB,EAAC,UAAK,WAAU,sBAAsB,UAAAT,GAAS,IAAU;AAAA,IAAA;AAAA,EAAA;AAG1G,CAAC;"}
+{"version":3,"file":"divider.js","sources":["../../../../src/components/layout/divider/divider.tsx"],"sourcesContent":["import { CSSProperties, forwardRef, HTMLAttributes, PropsWithChildren } from \"react\";\nimport cn from \"clsx\";\n\nexport type DividerColor = \"default\" | \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n\nexport interface DividerProps extends HTMLAttributes<HTMLDivElement> {\n  className?: string;\n  /** Direction of the divider line. */\n  orientation?: \"horizontal\" | \"vertical\";\n  /** Inset behaviour of the line relative to its container. */\n  variant?: \"fullWidth\" | \"inset\" | \"middle\";\n  /** Horizontal alignment of the optional text content. */\n  textAlign?: \"left\" | \"center\" | \"right\";\n  /** Line color (semantic token). */\n  color?: DividerColor;\n  /** Line thickness (number = px, or any CSS length). */\n  thickness?: number | string;\n  /** Stretch to fill a flex container along the cross axis. */\n  flexItem?: boolean;\n}\n\nconst colorVar: Record<DividerColor, string | undefined> = {\n  default: undefined,\n  primary: \"var(--smui-primaryColor)\",\n  secondary: \"var(--smui-secondaryColor)\",\n  error: \"var(--smui-errorColor)\",\n  success: \"var(--smui-successColor)\",\n  warning: \"var(--smui-warningColor)\",\n  info: \"var(--smui-infoColor)\",\n};\n\nexport const Divider = forwardRef<HTMLDivElement, PropsWithChildren<DividerProps>>(function Divider(\n  {\n    className,\n    orientation = \"horizontal\",\n    variant = \"fullWidth\",\n    textAlign = \"center\",\n    color = \"default\",\n    thickness,\n    flexItem,\n    style,\n    children,\n    ...props\n  },\n  ref\n) {\n  const hasText = children !== undefined && children !== null && children !== false;\n  const c = colorVar[color];\n  const t = typeof thickness === \"number\" ? `${thickness}px` : thickness;\n\n  const dividerStyle: CSSProperties = {\n    ...style,\n    ...(c ? { borderColor: c } : {}),\n    ...(t ? (orientation === \"vertical\" ? { borderLeftWidth: t } : { borderBottomWidth: t }) : {}),\n  };\n\n  const dividerClassName = cn(\n    \"smwb-divider\",\n    `smwb-divider_${orientation}`,\n    `smwb-divider_${variant}`,\n    {\n      \"smwb-divider_with-text\": hasText && orientation === \"horizontal\",\n      [`smwb-divider_align-${textAlign}`]: hasText && orientation === \"horizontal\",\n      \"smwb-divider_flex-item\": flexItem,\n    },\n    className\n  );\n\n  return (\n    <div\n      {...props}\n      ref={ref}\n      data-testid=\"divider\"\n      role=\"separator\"\n      aria-orientation={orientation}\n      className={dividerClassName}\n      style={dividerStyle}\n    >\n      {hasText && orientation === \"horizontal\" ? <span className=\"smwb-divider__text\">{children}</span> : null}\n    </div>\n  );\n});\n\nexport default Divider;\n"],"names":["colorVar","Divider","forwardRef","className","orientation","variant","textAlign","color","thickness","flexItem","style","children","props","ref","hasText","c","t","dividerStyle","dividerClassName","cn","jsx"],"mappings":";;;;;AAuBA,MAAMA,IAAqD;AAAA,EACzD,SAAS;AAAA,EACT,SAAS;AAAA,EACT,WAAW;AAAA,EACX,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,MAAM;AACR,GAEaC,IAAUC,EAA4D,SACjF;AAAA,EACE,WAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,SAAAC,IAAU;AAAA,EACV,WAAAC,IAAY;AAAA,EACZ,OAAAC,IAAQ;AAAA,EACR,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAoCH,KAAa,QAAQA,MAAa,IACtEI,IAAIf,EAASO,CAAK,GAClBS,IAAI,OAAOR,KAAc,WAAW,GAAGA,CAAS,OAAOA,GAEvDS,IAA8B;AAAA,IAClC,GAAGP;AAAA,IACH,GAAIK,IAAI,EAAE,aAAaA,EAAA,IAAM,CAAA;AAAA,IAC7B,GAAIC,IAAKZ,MAAgB,aAAa,EAAE,iBAAiBY,MAAM,EAAE,mBAAmBA,MAAO,CAAA;AAAA,EAAC,GAGxFE,IAAmBC;AAAA,IACvB;AAAA,IACA,gBAAgBf,CAAW;AAAA,IAC3B,gBAAgBC,CAAO;AAAA,IACvB;AAAA,MACE,0BAA0BS,KAAWV,MAAgB;AAAA,MACrD,CAAC,sBAAsBE,CAAS,EAAE,GAAGQ,KAAWV,MAAgB;AAAA,MAChE,0BAA0BK;AAAA,IAAA;AAAA,IAE5BN;AAAA,EAAA;AAGF,SACE,gBAAAiB;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGR;AAAA,MACJ,KAAAC;AAAA,MACA,eAAY;AAAA,MACZ,MAAK;AAAA,MACL,oBAAkBT;AAAA,MAClB,WAAWc;AAAA,MACX,OAAOD;AAAA,MAEN,UAAAH,KAAWV,MAAgB,eAAe,gBAAAgB,EAAC,UAAK,WAAU,sBAAsB,UAAAT,GAAS,IAAU;AAAA,IAAA;AAAA,EAAA;AAG1G,CAAC;"}

package/dist/components/layout/floatingWindow/floatingWindow.js

@@ -1,5 +1,6 @@
 import { jsx as s, Fragment as Ht, jsxs as T } from "react/jsx-runtime";
-import '../../../assets/styles/less/components/floatingWindow/floatingWindow.entry.css';/* empty css                                                                       */
+import '../../../assets/styles/less/components/floatingWindow/floatingWindow.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                                       */
 import { forwardRef as Ut, useState as et, useRef as R, useId as $t, useCallback as A, useEffect as K } from "react";
 import { createPortal as Vt } from "react-dom";
 import { CSSTransition as Xt } from "react-transition-group";
@@ -17,7 +18,7 @@ const jt = {
   nw: { dx: 1, dy: 1, dw: -1, dh: -1 },
   se: { dx: 0, dy: 0, dw: 1, dh: 1 },
   sw: { dx: 1, dy: 0, dw: -1, dh: 1 }
-}, Gt = ["n", "s", "e", "w", "ne", "nw", "se", "sw"], u = () => typeof window == "undefined" ? { width: 0, height: 0 } : { width: window.innerWidth, height: window.innerHeight }, qt = { x: 24, y: 24 }, Bt = { width: 360, height: 420 }, de = Ut(
+}, Gt = ["n", "s", "e", "w", "ne", "nw", "se", "sw"], u = () => typeof window == "undefined" ? { width: 0, height: 0 } : { width: window.innerWidth, height: window.innerHeight }, qt = { x: 24, y: 24 }, Bt = { width: 360, height: 420 }, le = Ut(
   function(ot, it) {
     const {
       open: c,
@@ -321,6 +322,6 @@ const jt = {
   }
 );
 export {
-  de as FloatingWindow
+  le as FloatingWindow
 };
 //# sourceMappingURL=floatingWindow.js.map

package/dist/components/layout/floatingWindow/floatingWindow.js.map

@@ -1 +1 @@
-{"version":3,"file":"floatingWindow.js","sources":["../../../../src/components/layout/floatingWindow/floatingWindow.tsx"],"sourcesContent":["import React, {\n  type CSSProperties,\n  type PropsWithChildren,\n  type ReactNode,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { CSSTransition } from \"react-transition-group\";\nimport cn from \"clsx\";\nimport Icon from \"../../base/icon/icon\";\nimport { useControllableState } from \"../../../hooks/useControllableState\";\nimport { useForkRef } from \"../../../hooks/useForkRef\";\nimport { useSafeLayoutEffect } from \"../../../hooks/useSafeLayoutEffect\";\n\nexport interface FloatingWindowPosition {\n  x: number;\n  y: number;\n}\n\nexport interface FloatingWindowSize {\n  width: number;\n  height: number;\n}\n\n/** The eight edge/corner resize directions. */\nexport type FloatingWindowResizeDir = \"n\" | \"s\" | \"e\" | \"w\" | \"ne\" | \"nw\" | \"se\" | \"sw\";\n\nexport interface FloatingWindowProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  \"onResize\" | \"title\" | \"children\"\n> {\n  /** Controlled open state of the window. */\n  open: boolean;\n  /** Title bar content. When given, the window is labelled by it. */\n  title?: ReactNode;\n  /** Extra header controls, rendered before the built-in collapse/close buttons. */\n  headerActions?: ReactNode;\n\n  /** Controlled top-left position in viewport px. */\n  position?: FloatingWindowPosition;\n  /** Initial position when uncontrolled. */\n  defaultPosition?: FloatingWindowPosition;\n  /** Called on every move frame and on viewport re-clamp, with the clamped position. */\n  onPositionChange?: (position: FloatingWindowPosition) => void;\n  /** Called once when a move gesture ends — the point at which to persist. */\n  onMoveEnd?: (position: FloatingWindowPosition) => void;\n\n  /** Controlled size in px. */\n  size?: FloatingWindowSize;\n  /** Initial size when uncontrolled. */\n  defaultSize?: FloatingWindowSize;\n  /** Called on every resize frame and on viewport re-clamp, with the clamped size. */\n  onResize?: (size: FloatingWindowSize) => void;\n  /** Called once when a resize gesture ends — the point at which to persist. */\n  onResizeEnd?: (size: FloatingWindowSize) => void;\n\n  /** Minimum width in px (default 200). */\n  minWidth?: number;\n  /** Minimum height in px (default 120). */\n  minHeight?: number;\n  /** Maximum width in px (default: viewport width). */\n  maxWidth?: number;\n  /** Maximum height in px (default: viewport height). */\n  maxHeight?: number;\n  /** Px of the window that must stay inside the viewport (default 56). */\n  keepVisible?: number;\n  /** Step in px for keyboard moving (default 24). */\n  moveStep?: number;\n  /** Step in px for keyboard resizing (default 24). */\n  resizeStep?: number;\n\n  /** Inline stacking order. The host owns z-order across several windows. */\n  zIndex?: number;\n  /** Called on pointerdown anywhere in the window, so the host can raise it. */\n  onActivate?: () => void;\n\n  /** Shade the window down to its title bar. */\n  collapsed?: boolean;\n  /** Initial collapsed state when uncontrolled. */\n  defaultCollapsed?: boolean;\n  onCollapsedChange?: (collapsed: boolean) => void;\n  /** Render the built-in collapse toggle (default true). */\n  collapsible?: boolean;\n\n  /** Allow drag-to-move by the title bar (default true). */\n  movable?: boolean;\n  /** Allow drag-to-resize from the edges and corners (default true). */\n  resizable?: boolean;\n  /** Close on Escape while focus is inside the window (default false). */\n  closeOnEsc?: boolean;\n  onClose?: () => void;\n\n  /** Accessible label for the move handle. */\n  moveHandleAriaLabel?: string;\n  /** Accessible label for the resize handle. */\n  resizeHandleAriaLabel?: string;\n  /** Accessible label for the close button. */\n  closeAriaLabel?: string;\n  /** Accessible label for the collapse toggle while expanded. */\n  collapseAriaLabel?: string;\n  /** Accessible label for the collapse toggle while collapsed. */\n  expandAriaLabel?: string;\n\n  \"aria-label\"?: string;\n}\n\ninterface Rect {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\ninterface Viewport {\n  width: number;\n  height: number;\n}\n\n/** Sign vector per resize direction: how the pointer delta maps onto x/y/width/height. */\nconst RESIZE_DIRS: Record<FloatingWindowResizeDir, { dx: 0 | 1; dy: 0 | 1; dw: -1 | 0 | 1; dh: -1 | 0 | 1 }> = {\n  n: { dx: 0, dy: 1, dw: 0, dh: -1 },\n  s: { dx: 0, dy: 0, dw: 0, dh: 1 },\n  e: { dx: 0, dy: 0, dw: 1, dh: 0 },\n  w: { dx: 1, dy: 0, dw: -1, dh: 0 },\n  ne: { dx: 0, dy: 1, dw: 1, dh: -1 },\n  nw: { dx: 1, dy: 1, dw: -1, dh: -1 },\n  se: { dx: 0, dy: 0, dw: 1, dh: 1 },\n  sw: { dx: 1, dy: 0, dw: -1, dh: 1 },\n};\n\nconst RESIZE_ORDER: FloatingWindowResizeDir[] = [\"n\", \"s\", \"e\", \"w\", \"ne\", \"nw\", \"se\", \"sw\"];\n\nconst viewportOf = (): Viewport =>\n  typeof window === \"undefined\" ? { width: 0, height: 0 } : { width: window.innerWidth, height: window.innerHeight };\n\nconst DEFAULT_POSITION: FloatingWindowPosition = { x: 24, y: 24 };\nconst DEFAULT_SIZE: FloatingWindowSize = { width: 360, height: 420 };\n\n/**\n * Free-floating, non-modal window: draggable by its title bar, resizable from every\n * edge and corner, clamped so a grabbable strip always stays on screen.\n *\n * Unlike Sheet/Modal it is deliberately NOT an overlay layer: no backdrop, no focus\n * trap, no `data-smwb-overlay-layer`. Several windows are meant to be open and usable\n * at once alongside the page behind them, so it must not trap focus, swallow clicks,\n * or steal Escape from a Modal stacked above it. Stacking order is the host's job —\n * pass `zIndex` and raise the window from `onActivate`.\n */\nexport const FloatingWindow = forwardRef<HTMLDivElement, PropsWithChildren<FloatingWindowProps>>(\n  function FloatingWindow(props, ref) {\n    const {\n      open,\n      title,\n      headerActions,\n      position: positionProp,\n      defaultPosition = DEFAULT_POSITION,\n      onPositionChange,\n      onMoveEnd,\n      size: sizeProp,\n      defaultSize = DEFAULT_SIZE,\n      onResize,\n      onResizeEnd,\n      minWidth = 200,\n      minHeight = 120,\n      maxWidth,\n      maxHeight,\n      keepVisible = 56,\n      moveStep = 24,\n      resizeStep = 24,\n      zIndex,\n      onActivate,\n      collapsed: collapsedProp,\n      defaultCollapsed = false,\n      onCollapsedChange,\n      collapsible = true,\n      movable = true,\n      resizable = true,\n      closeOnEsc = false,\n      onClose,\n      moveHandleAriaLabel = \"Move window\",\n      resizeHandleAriaLabel = \"Resize window\",\n      closeAriaLabel = \"Close window\",\n      collapseAriaLabel = \"Collapse window\",\n      expandAriaLabel = \"Expand window\",\n      className,\n      style,\n      children,\n      ...rest\n    } = props;\n\n    const [domRoot, setDomRoot] = useState<HTMLElement>();\n    const rootRef = useRef<HTMLDivElement>(null);\n    const forkedRootRef = useForkRef<HTMLDivElement>(ref, rootRef);\n    const titleId = useId();\n\n    useSafeLayoutEffect(() => {\n      setDomRoot(document.body);\n    }, []);\n\n    const [position, setPosition] = useControllableState<FloatingWindowPosition>({\n      value: positionProp,\n      defaultValue: defaultPosition,\n      onChange: onPositionChange,\n    });\n    const [size, setSize] = useControllableState<FloatingWindowSize>({\n      value: sizeProp,\n      defaultValue: defaultSize,\n      onChange: onResize,\n    });\n    const [collapsed, setCollapsed] = useControllableState<boolean>({\n      value: collapsedProp,\n      defaultValue: defaultCollapsed,\n      onChange: onCollapsedChange,\n    });\n\n    /**\n     * Size first, then position against the clamped size. `y` is never negative, so the\n     * title bar can never be dragged above the top edge and become ungrabbable — the gap\n     * that makes an off-screen Sheet unrecoverable.\n     */\n    const clampRect = useCallback(\n      (rectIn: Rect, vp: Viewport): Rect => {\n        const maxW = maxWidth ?? vp.width;\n        const maxH = maxHeight ?? vp.height;\n        const width = Math.max(minWidth, Math.min(maxW, rectIn.width));\n        const height = Math.max(minHeight, Math.min(maxH, rectIn.height));\n        const keep = Math.min(keepVisible, width);\n        const x = Math.max(keep - width, Math.min(vp.width - keep, rectIn.x));\n        const y = Math.max(0, Math.min(Math.max(0, vp.height - keep), rectIn.y));\n        return { x, y, width, height };\n      },\n      [keepVisible, maxHeight, maxWidth, minHeight, minWidth]\n    );\n\n    /**\n     * Where a window is placed before anyone touches it: fully inside the viewport when\n     * it fits at all. `clampRect` alone only keeps `keepVisible` px reachable, which is\n     * right for a window the user parked at an edge but wrong on opening — a 760px\n     * default on a 375px phone opened a quarter of a screen off to the right.\n     */\n    const fitRect = useCallback(\n      (rectIn: Rect, vp: Viewport): Rect => {\n        const clamped = clampRect(rectIn, vp);\n        return {\n          ...clamped,\n          x: Math.max(0, Math.min(clamped.x, vp.width - clamped.width)),\n          y: Math.max(0, Math.min(clamped.y, vp.height - clamped.height)),\n        };\n      },\n      [clampRect]\n    );\n\n    // Set by the first move/resize: from then on the user's placement wins and only the\n    // reachability clamp applies, so a window can still be parked half off-screen.\n    const [placed, setPlaced] = useState(false);\n    useEffect(() => {\n      // A closed window forgets that it was moved: opening it again should land on\n      // screen like the first time, whatever the viewport is now.\n      if (!open) setPlaced(false);\n    }, [open]);\n\n    /** The geometry actually rendered. Clamping the CONTROLLED value (not just drag\n     *  frames) means a rect restored from a larger monitor lands on screen immediately. */\n    const current = { x: position.x, y: position.y, width: size.width, height: size.height };\n    const rect = placed ? clampRect(current, viewportOf()) : fitRect(current, viewportOf());\n\n    // The gesture handlers are attached once (pointer capture), so they must not close over a\n    // stale rect. A ref mirroring the rendered rect keeps them reading the current geometry.\n    const rectRef = useRef(rect);\n    rectRef.current = rect;\n\n    const commitRect = useCallback(\n      (next: Rect, gesture = true): void => {\n        if (gesture) setPlaced(true);\n        const clamped = clampRect(next, viewportOf());\n        if (clamped.x !== position.x || clamped.y !== position.y) setPosition({ x: clamped.x, y: clamped.y });\n        if (clamped.width !== size.width || clamped.height !== size.height) {\n          setSize({ width: clamped.width, height: clamped.height });\n        }\n      },\n      [clampRect, position.x, position.y, setPosition, setSize, size.height, size.width]\n    );\n\n    const commitRectRef = useRef(commitRect);\n    commitRectRef.current = commitRect;\n\n    // Re-clamp when the viewport shrinks, so a window parked near an edge on a large\n    // screen stays reachable on a small one. Sheet has no such listener, which is why a\n    // dragged sheet survives a viewport shrink oversized.\n    useEffect(() => {\n      if (!open) return undefined;\n      const onViewportResize = (): void => commitRectRef.current(rectRef.current, false);\n      window.addEventListener(\"resize\", onViewportResize);\n      return () => window.removeEventListener(\"resize\", onViewportResize);\n    }, [open]);\n\n    // Escape only while focus is inside this window. FloatingWindow is not an overlay\n    // layer, so `isTopOverlayLayer` (document order, not z-index) would be the wrong\n    // arbiter with several windows open.\n    useEffect(() => {\n      if (!open || !closeOnEsc || !onClose) return undefined;\n      const onKeyDown = (event: KeyboardEvent): void => {\n        if (event.key !== \"Escape\") return;\n        const root = rootRef.current;\n        if (!root || !root.contains(document.activeElement)) return;\n        onClose();\n      };\n      document.addEventListener(\"keydown\", onKeyDown);\n      return () => document.removeEventListener(\"keydown\", onKeyDown);\n    }, [closeOnEsc, onClose, open]);\n\n    const activate = useCallback((): void => {\n      onActivate?.();\n      // Only when focus is elsewhere — an unconditional focus() would steal the caret\n      // from an input inside the window on every raise.\n      const root = rootRef.current;\n      if (root && !root.contains(document.activeElement)) root.focus({ preventScroll: true });\n    }, [onActivate]);\n\n    // Pointer capture keeps `pointermove` flowing to the handle even outside it, so there\n    // are no document-level listeners to leak (Sheet's pattern, not screenDivider's).\n    const move = useRef<{ px: number; py: number; x: number; y: number } | null>(null);\n\n    const onMoveHandlePointerDown = (event: React.PointerEvent<HTMLDivElement>): void => {\n      if (!movable) return;\n      // Header buttons stay clickable.\n      if ((event.target as Element | null)?.closest(\"button,[data-no-drag]\")) return;\n      event.preventDefault();\n      const current = rectRef.current;\n      move.current = { px: event.clientX, py: event.clientY, x: current.x, y: current.y };\n      try {\n        event.currentTarget.setPointerCapture?.(event.pointerId);\n      } catch {\n        /* best-effort */\n      }\n    };\n\n    const onMoveHandlePointerMove = (event: React.PointerEvent<HTMLDivElement>): void => {\n      const start = move.current;\n      if (!start) return;\n      commitRect({\n        ...rectRef.current,\n        x: start.x + event.clientX - start.px,\n        y: start.y + event.clientY - start.py,\n      });\n    };\n\n    const endMove = (event: React.PointerEvent<HTMLDivElement>): void => {\n      if (move.current) {\n        move.current = null;\n        const current = rectRef.current;\n        onMoveEnd?.({ x: current.x, y: current.y });\n      }\n      if (event.currentTarget.hasPointerCapture?.(event.pointerId)) {\n        event.currentTarget.releasePointerCapture?.(event.pointerId);\n      }\n    };\n\n    const resize = useRef<{ dir: FloatingWindowResizeDir; px: number; py: number; rect: Rect } | null>(null);\n\n    const onResizePointerDown = (dir: FloatingWindowResizeDir, event: React.PointerEvent<HTMLDivElement>): void => {\n      event.preventDefault();\n      event.stopPropagation();\n      resize.current = { dir, px: event.clientX, py: event.clientY, rect: rectRef.current };\n      // Grabbing a resize grip is an interaction with the window, so raise it too — the\n      // root handler does not see it because this handler stops propagation.\n      activate();\n      try {\n        event.currentTarget.setPointerCapture?.(event.pointerId);\n      } catch {\n        /* best-effort */\n      }\n    };\n\n    const onResizePointerMove = (event: React.PointerEvent<HTMLDivElement>): void => {\n      const gesture = resize.current;\n      if (!gesture) return;\n      const sign = RESIZE_DIRS[gesture.dir];\n      const dx = event.clientX - gesture.px;\n      const dy = event.clientY - gesture.py;\n      const start = gesture.rect;\n      // A west/north drag moves the origin AND changes the size, so width is recomputed from\n      // the moved edge rather than from the delta alone — otherwise dragging past minWidth\n      // would keep sliding the window instead of stopping at the minimum.\n      //\n      // The size must be clamped to BOTH bounds here, before the origin is derived from it.\n      // Clamping only the minimum and leaving the maximum to commitRect's own clamp would\n      // compute the origin from a width that then gets shrunk, so the edge the user is NOT\n      // dragging would drift away under the cursor.\n      const vp = viewportOf();\n      const maxW = maxWidth ?? vp.width;\n      const maxH = maxHeight ?? vp.height;\n      const width = Math.min(maxW, Math.max(minWidth, start.width + sign.dw * dx));\n      const height = Math.min(maxH, Math.max(minHeight, start.height + sign.dh * dy));\n      commitRect({\n        x: sign.dx ? start.x + start.width - width : start.x,\n        y: sign.dy ? start.y + start.height - height : start.y,\n        width,\n        height,\n      });\n    };\n\n    const endResize = (event: React.PointerEvent<HTMLDivElement>): void => {\n      if (resize.current) {\n        resize.current = null;\n        const current = rectRef.current;\n        onResizeEnd?.({ width: current.width, height: current.height });\n      }\n      if (event.currentTarget.hasPointerCapture?.(event.pointerId)) {\n        event.currentTarget.releasePointerCapture?.(event.pointerId);\n      }\n    };\n\n    /** A keypress is a COMPLETE gesture, so it reports move/resize end as well as the\n     *  per-frame change — otherwise a consumer that persists only on `*End` (the documented\n     *  way to avoid thrashing storage during a drag) would silently never save\n     *  keyboard-driven geometry. */\n    const endKeyboardGesture = (resized: boolean, next: Rect): void => {\n      const current = clampRect(next, viewportOf());\n      if (resized) onResizeEnd?.({ width: current.width, height: current.height });\n      else onMoveEnd?.({ x: current.x, y: current.y });\n    };\n\n    /** Arrows move; Shift+Arrows resize. */\n    const onMoveHandleKeyDown = (event: React.KeyboardEvent<HTMLSpanElement>): void => {\n      const current = rectRef.current;\n      const step = event.shiftKey ? resizeStep : moveStep;\n      const delta: Record<string, [number, number]> = {\n        ArrowLeft: [-step, 0],\n        ArrowRight: [step, 0],\n        ArrowUp: [0, -step],\n        ArrowDown: [0, step],\n      };\n      const d = delta[event.key];\n      if (!d) return;\n      event.preventDefault();\n      const next = event.shiftKey\n        ? { ...current, width: current.width + d[0], height: current.height + d[1] }\n        : { ...current, x: current.x + d[0], y: current.y + d[1] };\n      commitRect(next);\n      endKeyboardGesture(event.shiftKey, next);\n    };\n\n    const onResizeHandleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>): void => {\n      const current = rectRef.current;\n      const vp = viewportOf();\n      let next: Rect;\n      if (event.key === \"ArrowLeft\" || event.key === \"ArrowRight\") {\n        event.preventDefault();\n        const dir = event.key === \"ArrowRight\" ? 1 : -1;\n        next = { ...current, width: current.width + dir * resizeStep };\n      } else if (event.key === \"ArrowUp\" || event.key === \"ArrowDown\") {\n        event.preventDefault();\n        const dir = event.key === \"ArrowDown\" ? 1 : -1;\n        next = { ...current, height: current.height + dir * resizeStep };\n      } else if (event.key === \"Home\") {\n        event.preventDefault();\n        next = { ...current, width: minWidth, height: minHeight };\n      } else if (event.key === \"End\") {\n        event.preventDefault();\n        next = { ...current, width: maxWidth ?? vp.width, height: maxHeight ?? vp.height };\n      } else {\n        return;\n      }\n      commitRect(next);\n      endKeyboardGesture(true, next);\n    };\n\n    const toggleCollapsed = (): void => setCollapsed((prev) => !prev);\n\n    if (!domRoot) {\n      return <></>;\n    }\n\n    const windowStyle: CSSProperties = {\n      left: `${rect.x}px`,\n      top: `${rect.y}px`,\n      width: `${rect.width}px`,\n      ...(collapsed ? {} : { height: `${rect.height}px` }),\n      ...(zIndex === undefined ? {} : { zIndex }),\n      ...(style ?? {}),\n    };\n\n    return createPortal(\n      <CSSTransition\n        in={open}\n        timeout={120}\n        mountOnEnter\n        unmountOnExit\n        appear\n        classNames={{ enterDone: \"smwb-floating-window_entered\" }}\n        nodeRef={rootRef}\n      >\n        <div\n          {...rest}\n          ref={forkedRootRef}\n          data-testid=\"floating-window\"\n          role=\"dialog\"\n          tabIndex={-1}\n          aria-labelledby={title ? titleId : undefined}\n          className={cn(\"smwb-floating-window\", className, { \"smwb-collapsed\": collapsed })}\n          style={windowStyle}\n          onPointerDown={activate}\n        >\n          <div\n            className=\"smwb-floating-window__header\"\n            data-testid=\"floating-window-header\"\n            onPointerDown={onMoveHandlePointerDown}\n            onPointerMove={onMoveHandlePointerMove}\n            onPointerUp={endMove}\n            onPointerCancel={endMove}\n          >\n            {/* The move affordance is the grip, not the header: the header also hosts the\n                collapse/close buttons and any consumer `headerActions`, and nesting those\n                inside a role=\"button\" is an a11y violation. Pointer drag still works\n                anywhere on the header; only the keyboard affordance lives here. */}\n            <span\n              className=\"smwb-floating-window__grip\"\n              data-testid=\"floating-window-move\"\n              role=\"button\"\n              tabIndex={0}\n              aria-label={moveHandleAriaLabel}\n              onKeyDown={onMoveHandleKeyDown}\n            >\n              <Icon name=\"drag_indicator\" />\n            </span>\n            {title ? (\n              <span className=\"smwb-floating-window__title\" id={titleId}>\n                {title}\n              </span>\n            ) : null}\n            <div className=\"smwb-floating-window__actions\" data-no-drag>\n              {headerActions}\n              {collapsible ? (\n                <button\n                  type=\"button\"\n                  className=\"smwb-floating-window__action\"\n                  data-testid=\"floating-window-collapse\"\n                  aria-label={collapsed ? expandAriaLabel : collapseAriaLabel}\n                  aria-expanded={!collapsed}\n                  onClick={toggleCollapsed}\n                >\n                  <Icon name={collapsed ? \"open_in_full\" : \"close_fullscreen\"} />\n                </button>\n              ) : null}\n              {onClose ? (\n                <button\n                  type=\"button\"\n                  className=\"smwb-floating-window__action\"\n                  data-testid=\"floating-window-close\"\n                  aria-label={closeAriaLabel}\n                  onClick={onClose}\n                >\n                  <Icon name=\"close\" />\n                </button>\n              ) : null}\n            </div>\n          </div>\n\n          {!collapsed ? (\n            <div className=\"smwb-floating-window__body\" data-testid=\"floating-window-body\">\n              {children}\n            </div>\n          ) : null}\n\n          {resizable && !collapsed\n            ? RESIZE_ORDER.map((dir) => (\n                <div\n                  key={dir}\n                  className={cn(\"smwb-floating-window__resize\", `smwb-floating-window__resize_${dir}`)}\n                  data-testid={`floating-window-resize-${dir}`}\n                  // Only the south-east grip is reachable by keyboard: eight tab stops per\n                  // window would make Tab unusable once a few windows are open.\n                  {...(dir === \"se\"\n                    ? {\n                        role: \"separator\" as const,\n                        tabIndex: 0,\n                        \"aria-label\": resizeHandleAriaLabel,\n                        \"aria-valuemin\": minWidth,\n                        \"aria-valuemax\": Math.round(maxWidth ?? viewportOf().width),\n                        \"aria-valuenow\": Math.round(rect.width),\n                        onKeyDown: onResizeHandleKeyDown,\n                      }\n                    : { \"aria-hidden\": true, tabIndex: -1 })}\n                  onPointerDown={(event) => onResizePointerDown(dir, event)}\n                  onPointerMove={onResizePointerMove}\n                  onPointerUp={endResize}\n                  onPointerCancel={endResize}\n                />\n              ))\n            : null}\n        </div>\n      </CSSTransition>,\n      domRoot\n    );\n  }\n);\n\nexport default FloatingWindow;\n"],"names":["RESIZE_DIRS","RESIZE_ORDER","viewportOf","DEFAULT_POSITION","DEFAULT_SIZE","FloatingWindow","forwardRef","props","ref","open","title","headerActions","positionProp","defaultPosition","onPositionChange","onMoveEnd","sizeProp","defaultSize","onResize","onResizeEnd","minWidth","minHeight","maxWidth","maxHeight","keepVisible","moveStep","resizeStep","zIndex","onActivate","collapsedProp","defaultCollapsed","onCollapsedChange","collapsible","movable","resizable","closeOnEsc","onClose","moveHandleAriaLabel","resizeHandleAriaLabel","closeAriaLabel","collapseAriaLabel","expandAriaLabel","className","style","children","rest","domRoot","setDomRoot","useState","rootRef","useRef","forkedRootRef","useForkRef","titleId","useId","useSafeLayoutEffect","position","setPosition","useControllableState","size","setSize","collapsed","setCollapsed","clampRect","useCallback","rectIn","vp","maxW","maxH","width","height","keep","x","y","fitRect","clamped","placed","setPlaced","useEffect","current","rect","rectRef","commitRect","next","gesture","commitRectRef","onViewportResize","onKeyDown","event","root","activate","move","onMoveHandlePointerDown","_a","_c","_b","onMoveHandlePointerMove","start","endMove","_d","resize","onResizePointerDown","dir","onResizePointerMove","sign","dx","dy","endResize","endKeyboardGesture","resized","onMoveHandleKeyDown","step","d","onResizeHandleKeyDown","toggleCollapsed","prev","jsx","Fragment","windowStyle","createPortal","CSSTransition","jsxs","cn","Icon"],"mappings":"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"}
+{"version":3,"file":"floatingWindow.js","sources":["../../../../src/components/layout/floatingWindow/floatingWindow.tsx"],"sourcesContent":["import React, {\n  type CSSProperties,\n  type PropsWithChildren,\n  type ReactNode,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { CSSTransition } from \"react-transition-group\";\nimport cn from \"clsx\";\nimport Icon from \"../../base/icon/icon\";\nimport { useControllableState } from \"../../../hooks/useControllableState\";\nimport { useForkRef } from \"../../../hooks/useForkRef\";\nimport { useSafeLayoutEffect } from \"../../../hooks/useSafeLayoutEffect\";\n\nexport interface FloatingWindowPosition {\n  x: number;\n  y: number;\n}\n\nexport interface FloatingWindowSize {\n  width: number;\n  height: number;\n}\n\n/** The eight edge/corner resize directions. */\nexport type FloatingWindowResizeDir = \"n\" | \"s\" | \"e\" | \"w\" | \"ne\" | \"nw\" | \"se\" | \"sw\";\n\nexport interface FloatingWindowProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  \"onResize\" | \"title\" | \"children\"\n> {\n  /** Controlled open state of the window. */\n  open: boolean;\n  /** Title bar content. When given, the window is labelled by it. */\n  title?: ReactNode;\n  /** Extra header controls, rendered before the built-in collapse/close buttons. */\n  headerActions?: ReactNode;\n\n  /** Controlled top-left position in viewport px. */\n  position?: FloatingWindowPosition;\n  /** Initial position when uncontrolled. */\n  defaultPosition?: FloatingWindowPosition;\n  /** Called on every move frame and on viewport re-clamp, with the clamped position. */\n  onPositionChange?: (position: FloatingWindowPosition) => void;\n  /** Called once when a move gesture ends — the point at which to persist. */\n  onMoveEnd?: (position: FloatingWindowPosition) => void;\n\n  /** Controlled size in px. */\n  size?: FloatingWindowSize;\n  /** Initial size when uncontrolled. */\n  defaultSize?: FloatingWindowSize;\n  /** Called on every resize frame and on viewport re-clamp, with the clamped size. */\n  onResize?: (size: FloatingWindowSize) => void;\n  /** Called once when a resize gesture ends — the point at which to persist. */\n  onResizeEnd?: (size: FloatingWindowSize) => void;\n\n  /** Minimum width in px (default 200). */\n  minWidth?: number;\n  /** Minimum height in px (default 120). */\n  minHeight?: number;\n  /** Maximum width in px (default: viewport width). */\n  maxWidth?: number;\n  /** Maximum height in px (default: viewport height). */\n  maxHeight?: number;\n  /** Px of the window that must stay inside the viewport (default 56). */\n  keepVisible?: number;\n  /** Step in px for keyboard moving (default 24). */\n  moveStep?: number;\n  /** Step in px for keyboard resizing (default 24). */\n  resizeStep?: number;\n\n  /** Inline stacking order. The host owns z-order across several windows. */\n  zIndex?: number;\n  /** Called on pointerdown anywhere in the window, so the host can raise it. */\n  onActivate?: () => void;\n\n  /** Shade the window down to its title bar. */\n  collapsed?: boolean;\n  /** Initial collapsed state when uncontrolled. */\n  defaultCollapsed?: boolean;\n  onCollapsedChange?: (collapsed: boolean) => void;\n  /** Render the built-in collapse toggle (default true). */\n  collapsible?: boolean;\n\n  /** Allow drag-to-move by the title bar (default true). */\n  movable?: boolean;\n  /** Allow drag-to-resize from the edges and corners (default true). */\n  resizable?: boolean;\n  /** Close on Escape while focus is inside the window (default false). */\n  closeOnEsc?: boolean;\n  onClose?: () => void;\n\n  /** Accessible label for the move handle. */\n  moveHandleAriaLabel?: string;\n  /** Accessible label for the resize handle. */\n  resizeHandleAriaLabel?: string;\n  /** Accessible label for the close button. */\n  closeAriaLabel?: string;\n  /** Accessible label for the collapse toggle while expanded. */\n  collapseAriaLabel?: string;\n  /** Accessible label for the collapse toggle while collapsed. */\n  expandAriaLabel?: string;\n\n  \"aria-label\"?: string;\n}\n\ninterface Rect {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\ninterface Viewport {\n  width: number;\n  height: number;\n}\n\n/** Sign vector per resize direction: how the pointer delta maps onto x/y/width/height. */\nconst RESIZE_DIRS: Record<FloatingWindowResizeDir, { dx: 0 | 1; dy: 0 | 1; dw: -1 | 0 | 1; dh: -1 | 0 | 1 }> = {\n  n: { dx: 0, dy: 1, dw: 0, dh: -1 },\n  s: { dx: 0, dy: 0, dw: 0, dh: 1 },\n  e: { dx: 0, dy: 0, dw: 1, dh: 0 },\n  w: { dx: 1, dy: 0, dw: -1, dh: 0 },\n  ne: { dx: 0, dy: 1, dw: 1, dh: -1 },\n  nw: { dx: 1, dy: 1, dw: -1, dh: -1 },\n  se: { dx: 0, dy: 0, dw: 1, dh: 1 },\n  sw: { dx: 1, dy: 0, dw: -1, dh: 1 },\n};\n\nconst RESIZE_ORDER: FloatingWindowResizeDir[] = [\"n\", \"s\", \"e\", \"w\", \"ne\", \"nw\", \"se\", \"sw\"];\n\nconst viewportOf = (): Viewport =>\n  typeof window === \"undefined\" ? { width: 0, height: 0 } : { width: window.innerWidth, height: window.innerHeight };\n\nconst DEFAULT_POSITION: FloatingWindowPosition = { x: 24, y: 24 };\nconst DEFAULT_SIZE: FloatingWindowSize = { width: 360, height: 420 };\n\n/**\n * Free-floating, non-modal window: draggable by its title bar, resizable from every\n * edge and corner, clamped so a grabbable strip always stays on screen.\n *\n * Unlike Sheet/Modal it is deliberately NOT an overlay layer: no backdrop, no focus\n * trap, no `data-smwb-overlay-layer`. Several windows are meant to be open and usable\n * at once alongside the page behind them, so it must not trap focus, swallow clicks,\n * or steal Escape from a Modal stacked above it. Stacking order is the host's job —\n * pass `zIndex` and raise the window from `onActivate`.\n */\nexport const FloatingWindow = forwardRef<HTMLDivElement, PropsWithChildren<FloatingWindowProps>>(\n  function FloatingWindow(props, ref) {\n    const {\n      open,\n      title,\n      headerActions,\n      position: positionProp,\n      defaultPosition = DEFAULT_POSITION,\n      onPositionChange,\n      onMoveEnd,\n      size: sizeProp,\n      defaultSize = DEFAULT_SIZE,\n      onResize,\n      onResizeEnd,\n      minWidth = 200,\n      minHeight = 120,\n      maxWidth,\n      maxHeight,\n      keepVisible = 56,\n      moveStep = 24,\n      resizeStep = 24,\n      zIndex,\n      onActivate,\n      collapsed: collapsedProp,\n      defaultCollapsed = false,\n      onCollapsedChange,\n      collapsible = true,\n      movable = true,\n      resizable = true,\n      closeOnEsc = false,\n      onClose,\n      moveHandleAriaLabel = \"Move window\",\n      resizeHandleAriaLabel = \"Resize window\",\n      closeAriaLabel = \"Close window\",\n      collapseAriaLabel = \"Collapse window\",\n      expandAriaLabel = \"Expand window\",\n      className,\n      style,\n      children,\n      ...rest\n    } = props;\n\n    const [domRoot, setDomRoot] = useState<HTMLElement>();\n    const rootRef = useRef<HTMLDivElement>(null);\n    const forkedRootRef = useForkRef<HTMLDivElement>(ref, rootRef);\n    const titleId = useId();\n\n    useSafeLayoutEffect(() => {\n      setDomRoot(document.body);\n    }, []);\n\n    const [position, setPosition] = useControllableState<FloatingWindowPosition>({\n      value: positionProp,\n      defaultValue: defaultPosition,\n      onChange: onPositionChange,\n    });\n    const [size, setSize] = useControllableState<FloatingWindowSize>({\n      value: sizeProp,\n      defaultValue: defaultSize,\n      onChange: onResize,\n    });\n    const [collapsed, setCollapsed] = useControllableState<boolean>({\n      value: collapsedProp,\n      defaultValue: defaultCollapsed,\n      onChange: onCollapsedChange,\n    });\n\n    /**\n     * Size first, then position against the clamped size. `y` is never negative, so the\n     * title bar can never be dragged above the top edge and become ungrabbable — the gap\n     * that makes an off-screen Sheet unrecoverable.\n     */\n    const clampRect = useCallback(\n      (rectIn: Rect, vp: Viewport): Rect => {\n        const maxW = maxWidth ?? vp.width;\n        const maxH = maxHeight ?? vp.height;\n        const width = Math.max(minWidth, Math.min(maxW, rectIn.width));\n        const height = Math.max(minHeight, Math.min(maxH, rectIn.height));\n        const keep = Math.min(keepVisible, width);\n        const x = Math.max(keep - width, Math.min(vp.width - keep, rectIn.x));\n        const y = Math.max(0, Math.min(Math.max(0, vp.height - keep), rectIn.y));\n        return { x, y, width, height };\n      },\n      [keepVisible, maxHeight, maxWidth, minHeight, minWidth]\n    );\n\n    /**\n     * Where a window is placed before anyone touches it: fully inside the viewport when\n     * it fits at all. `clampRect` alone only keeps `keepVisible` px reachable, which is\n     * right for a window the user parked at an edge but wrong on opening — a 760px\n     * default on a 375px phone opened a quarter of a screen off to the right.\n     */\n    const fitRect = useCallback(\n      (rectIn: Rect, vp: Viewport): Rect => {\n        const clamped = clampRect(rectIn, vp);\n        return {\n          ...clamped,\n          x: Math.max(0, Math.min(clamped.x, vp.width - clamped.width)),\n          y: Math.max(0, Math.min(clamped.y, vp.height - clamped.height)),\n        };\n      },\n      [clampRect]\n    );\n\n    // Set by the first move/resize: from then on the user's placement wins and only the\n    // reachability clamp applies, so a window can still be parked half off-screen.\n    const [placed, setPlaced] = useState(false);\n    useEffect(() => {\n      // A closed window forgets that it was moved: opening it again should land on\n      // screen like the first time, whatever the viewport is now.\n      if (!open) setPlaced(false);\n    }, [open]);\n\n    /** The geometry actually rendered. Clamping the CONTROLLED value (not just drag\n     *  frames) means a rect restored from a larger monitor lands on screen immediately. */\n    const current = { x: position.x, y: position.y, width: size.width, height: size.height };\n    const rect = placed ? clampRect(current, viewportOf()) : fitRect(current, viewportOf());\n\n    // The gesture handlers are attached once (pointer capture), so they must not close over a\n    // stale rect. A ref mirroring the rendered rect keeps them reading the current geometry.\n    const rectRef = useRef(rect);\n    rectRef.current = rect;\n\n    const commitRect = useCallback(\n      (next: Rect, gesture = true): void => {\n        if (gesture) setPlaced(true);\n        const clamped = clampRect(next, viewportOf());\n        if (clamped.x !== position.x || clamped.y !== position.y) setPosition({ x: clamped.x, y: clamped.y });\n        if (clamped.width !== size.width || clamped.height !== size.height) {\n          setSize({ width: clamped.width, height: clamped.height });\n        }\n      },\n      [clampRect, position.x, position.y, setPosition, setSize, size.height, size.width]\n    );\n\n    const commitRectRef = useRef(commitRect);\n    commitRectRef.current = commitRect;\n\n    // Re-clamp when the viewport shrinks, so a window parked near an edge on a large\n    // screen stays reachable on a small one. Sheet has no such listener, which is why a\n    // dragged sheet survives a viewport shrink oversized.\n    useEffect(() => {\n      if (!open) return undefined;\n      const onViewportResize = (): void => commitRectRef.current(rectRef.current, false);\n      window.addEventListener(\"resize\", onViewportResize);\n      return () => window.removeEventListener(\"resize\", onViewportResize);\n    }, [open]);\n\n    // Escape only while focus is inside this window. FloatingWindow is not an overlay\n    // layer, so `isTopOverlayLayer` (document order, not z-index) would be the wrong\n    // arbiter with several windows open.\n    useEffect(() => {\n      if (!open || !closeOnEsc || !onClose) return undefined;\n      const onKeyDown = (event: KeyboardEvent): void => {\n        if (event.key !== \"Escape\") return;\n        const root = rootRef.current;\n        if (!root || !root.contains(document.activeElement)) return;\n        onClose();\n      };\n      document.addEventListener(\"keydown\", onKeyDown);\n      return () => document.removeEventListener(\"keydown\", onKeyDown);\n    }, [closeOnEsc, onClose, open]);\n\n    const activate = useCallback((): void => {\n      onActivate?.();\n      // Only when focus is elsewhere — an unconditional focus() would steal the caret\n      // from an input inside the window on every raise.\n      const root = rootRef.current;\n      if (root && !root.contains(document.activeElement)) root.focus({ preventScroll: true });\n    }, [onActivate]);\n\n    // Pointer capture keeps `pointermove` flowing to the handle even outside it, so there\n    // are no document-level listeners to leak (Sheet's pattern, not screenDivider's).\n    const move = useRef<{ px: number; py: number; x: number; y: number } | null>(null);\n\n    const onMoveHandlePointerDown = (event: React.PointerEvent<HTMLDivElement>): void => {\n      if (!movable) return;\n      // Header buttons stay clickable.\n      if ((event.target as Element | null)?.closest(\"button,[data-no-drag]\")) return;\n      event.preventDefault();\n      const current = rectRef.current;\n      move.current = { px: event.clientX, py: event.clientY, x: current.x, y: current.y };\n      try {\n        event.currentTarget.setPointerCapture?.(event.pointerId);\n      } catch {\n        /* best-effort */\n      }\n    };\n\n    const onMoveHandlePointerMove = (event: React.PointerEvent<HTMLDivElement>): void => {\n      const start = move.current;\n      if (!start) return;\n      commitRect({\n        ...rectRef.current,\n        x: start.x + event.clientX - start.px,\n        y: start.y + event.clientY - start.py,\n      });\n    };\n\n    const endMove = (event: React.PointerEvent<HTMLDivElement>): void => {\n      if (move.current) {\n        move.current = null;\n        const current = rectRef.current;\n        onMoveEnd?.({ x: current.x, y: current.y });\n      }\n      if (event.currentTarget.hasPointerCapture?.(event.pointerId)) {\n        event.currentTarget.releasePointerCapture?.(event.pointerId);\n      }\n    };\n\n    const resize = useRef<{ dir: FloatingWindowResizeDir; px: number; py: number; rect: Rect } | null>(null);\n\n    const onResizePointerDown = (dir: FloatingWindowResizeDir, event: React.PointerEvent<HTMLDivElement>): void => {\n      event.preventDefault();\n      event.stopPropagation();\n      resize.current = { dir, px: event.clientX, py: event.clientY, rect: rectRef.current };\n      // Grabbing a resize grip is an interaction with the window, so raise it too — the\n      // root handler does not see it because this handler stops propagation.\n      activate();\n      try {\n        event.currentTarget.setPointerCapture?.(event.pointerId);\n      } catch {\n        /* best-effort */\n      }\n    };\n\n    const onResizePointerMove = (event: React.PointerEvent<HTMLDivElement>): void => {\n      const gesture = resize.current;\n      if (!gesture) return;\n      const sign = RESIZE_DIRS[gesture.dir];\n      const dx = event.clientX - gesture.px;\n      const dy = event.clientY - gesture.py;\n      const start = gesture.rect;\n      // A west/north drag moves the origin AND changes the size, so width is recomputed from\n      // the moved edge rather than from the delta alone — otherwise dragging past minWidth\n      // would keep sliding the window instead of stopping at the minimum.\n      //\n      // The size must be clamped to BOTH bounds here, before the origin is derived from it.\n      // Clamping only the minimum and leaving the maximum to commitRect's own clamp would\n      // compute the origin from a width that then gets shrunk, so the edge the user is NOT\n      // dragging would drift away under the cursor.\n      const vp = viewportOf();\n      const maxW = maxWidth ?? vp.width;\n      const maxH = maxHeight ?? vp.height;\n      const width = Math.min(maxW, Math.max(minWidth, start.width + sign.dw * dx));\n      const height = Math.min(maxH, Math.max(minHeight, start.height + sign.dh * dy));\n      commitRect({\n        x: sign.dx ? start.x + start.width - width : start.x,\n        y: sign.dy ? start.y + start.height - height : start.y,\n        width,\n        height,\n      });\n    };\n\n    const endResize = (event: React.PointerEvent<HTMLDivElement>): void => {\n      if (resize.current) {\n        resize.current = null;\n        const current = rectRef.current;\n        onResizeEnd?.({ width: current.width, height: current.height });\n      }\n      if (event.currentTarget.hasPointerCapture?.(event.pointerId)) {\n        event.currentTarget.releasePointerCapture?.(event.pointerId);\n      }\n    };\n\n    /** A keypress is a COMPLETE gesture, so it reports move/resize end as well as the\n     *  per-frame change — otherwise a consumer that persists only on `*End` (the documented\n     *  way to avoid thrashing storage during a drag) would silently never save\n     *  keyboard-driven geometry. */\n    const endKeyboardGesture = (resized: boolean, next: Rect): void => {\n      const current = clampRect(next, viewportOf());\n      if (resized) onResizeEnd?.({ width: current.width, height: current.height });\n      else onMoveEnd?.({ x: current.x, y: current.y });\n    };\n\n    /** Arrows move; Shift+Arrows resize. */\n    const onMoveHandleKeyDown = (event: React.KeyboardEvent<HTMLSpanElement>): void => {\n      const current = rectRef.current;\n      const step = event.shiftKey ? resizeStep : moveStep;\n      const delta: Record<string, [number, number]> = {\n        ArrowLeft: [-step, 0],\n        ArrowRight: [step, 0],\n        ArrowUp: [0, -step],\n        ArrowDown: [0, step],\n      };\n      const d = delta[event.key];\n      if (!d) return;\n      event.preventDefault();\n      const next = event.shiftKey\n        ? { ...current, width: current.width + d[0], height: current.height + d[1] }\n        : { ...current, x: current.x + d[0], y: current.y + d[1] };\n      commitRect(next);\n      endKeyboardGesture(event.shiftKey, next);\n    };\n\n    const onResizeHandleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>): void => {\n      const current = rectRef.current;\n      const vp = viewportOf();\n      let next: Rect;\n      if (event.key === \"ArrowLeft\" || event.key === \"ArrowRight\") {\n        event.preventDefault();\n        const dir = event.key === \"ArrowRight\" ? 1 : -1;\n        next = { ...current, width: current.width + dir * resizeStep };\n      } else if (event.key === \"ArrowUp\" || event.key === \"ArrowDown\") {\n        event.preventDefault();\n        const dir = event.key === \"ArrowDown\" ? 1 : -1;\n        next = { ...current, height: current.height + dir * resizeStep };\n      } else if (event.key === \"Home\") {\n        event.preventDefault();\n        next = { ...current, width: minWidth, height: minHeight };\n      } else if (event.key === \"End\") {\n        event.preventDefault();\n        next = { ...current, width: maxWidth ?? vp.width, height: maxHeight ?? vp.height };\n      } else {\n        return;\n      }\n      commitRect(next);\n      endKeyboardGesture(true, next);\n    };\n\n    const toggleCollapsed = (): void => setCollapsed((prev) => !prev);\n\n    if (!domRoot) {\n      return <></>;\n    }\n\n    const windowStyle: CSSProperties = {\n      left: `${rect.x}px`,\n      top: `${rect.y}px`,\n      width: `${rect.width}px`,\n      ...(collapsed ? {} : { height: `${rect.height}px` }),\n      ...(zIndex === undefined ? {} : { zIndex }),\n      ...(style ?? {}),\n    };\n\n    return createPortal(\n      <CSSTransition\n        in={open}\n        timeout={120}\n        mountOnEnter\n        unmountOnExit\n        appear\n        classNames={{ enterDone: \"smwb-floating-window_entered\" }}\n        nodeRef={rootRef}\n      >\n        <div\n          {...rest}\n          ref={forkedRootRef}\n          data-testid=\"floating-window\"\n          role=\"dialog\"\n          tabIndex={-1}\n          aria-labelledby={title ? titleId : undefined}\n          className={cn(\"smwb-floating-window\", className, { \"smwb-collapsed\": collapsed })}\n          style={windowStyle}\n          onPointerDown={activate}\n        >\n          <div\n            className=\"smwb-floating-window__header\"\n            data-testid=\"floating-window-header\"\n            onPointerDown={onMoveHandlePointerDown}\n            onPointerMove={onMoveHandlePointerMove}\n            onPointerUp={endMove}\n            onPointerCancel={endMove}\n          >\n            {/* The move affordance is the grip, not the header: the header also hosts the\n                collapse/close buttons and any consumer `headerActions`, and nesting those\n                inside a role=\"button\" is an a11y violation. Pointer drag still works\n                anywhere on the header; only the keyboard affordance lives here. */}\n            <span\n              className=\"smwb-floating-window__grip\"\n              data-testid=\"floating-window-move\"\n              role=\"button\"\n              tabIndex={0}\n              aria-label={moveHandleAriaLabel}\n              onKeyDown={onMoveHandleKeyDown}\n            >\n              <Icon name=\"drag_indicator\" />\n            </span>\n            {title ? (\n              <span className=\"smwb-floating-window__title\" id={titleId}>\n                {title}\n              </span>\n            ) : null}\n            <div className=\"smwb-floating-window__actions\" data-no-drag>\n              {headerActions}\n              {collapsible ? (\n                <button\n                  type=\"button\"\n                  className=\"smwb-floating-window__action\"\n                  data-testid=\"floating-window-collapse\"\n                  aria-label={collapsed ? expandAriaLabel : collapseAriaLabel}\n                  aria-expanded={!collapsed}\n                  onClick={toggleCollapsed}\n                >\n                  <Icon name={collapsed ? \"open_in_full\" : \"close_fullscreen\"} />\n                </button>\n              ) : null}\n              {onClose ? (\n                <button\n                  type=\"button\"\n                  className=\"smwb-floating-window__action\"\n                  data-testid=\"floating-window-close\"\n                  aria-label={closeAriaLabel}\n                  onClick={onClose}\n                >\n                  <Icon name=\"close\" />\n                </button>\n              ) : null}\n            </div>\n          </div>\n\n          {!collapsed ? (\n            <div className=\"smwb-floating-window__body\" data-testid=\"floating-window-body\">\n              {children}\n            </div>\n          ) : null}\n\n          {resizable && !collapsed\n            ? RESIZE_ORDER.map((dir) => (\n                <div\n                  key={dir}\n                  className={cn(\"smwb-floating-window__resize\", `smwb-floating-window__resize_${dir}`)}\n                  data-testid={`floating-window-resize-${dir}`}\n                  // Only the south-east grip is reachable by keyboard: eight tab stops per\n                  // window would make Tab unusable once a few windows are open.\n                  {...(dir === \"se\"\n                    ? {\n                        role: \"separator\" as const,\n                        tabIndex: 0,\n                        \"aria-label\": resizeHandleAriaLabel,\n                        \"aria-valuemin\": minWidth,\n                        \"aria-valuemax\": Math.round(maxWidth ?? viewportOf().width),\n                        \"aria-valuenow\": Math.round(rect.width),\n                        onKeyDown: onResizeHandleKeyDown,\n                      }\n                    : { \"aria-hidden\": true, tabIndex: -1 })}\n                  onPointerDown={(event) => onResizePointerDown(dir, event)}\n                  onPointerMove={onResizePointerMove}\n                  onPointerUp={endResize}\n                  onPointerCancel={endResize}\n                />\n              ))\n            : null}\n        </div>\n      </CSSTransition>,\n      domRoot\n    );\n  }\n);\n\nexport default FloatingWindow;\n"],"names":["RESIZE_DIRS","RESIZE_ORDER","viewportOf","DEFAULT_POSITION","DEFAULT_SIZE","FloatingWindow","forwardRef","props","ref","open","title","headerActions","positionProp","defaultPosition","onPositionChange","onMoveEnd","sizeProp","defaultSize","onResize","onResizeEnd","minWidth","minHeight","maxWidth","maxHeight","keepVisible","moveStep","resizeStep","zIndex","onActivate","collapsedProp","defaultCollapsed","onCollapsedChange","collapsible","movable","resizable","closeOnEsc","onClose","moveHandleAriaLabel","resizeHandleAriaLabel","closeAriaLabel","collapseAriaLabel","expandAriaLabel","className","style","children","rest","domRoot","setDomRoot","useState","rootRef","useRef","forkedRootRef","useForkRef","titleId","useId","useSafeLayoutEffect","position","setPosition","useControllableState","size","setSize","collapsed","setCollapsed","clampRect","useCallback","rectIn","vp","maxW","maxH","width","height","keep","x","y","fitRect","clamped","placed","setPlaced","useEffect","current","rect","rectRef","commitRect","next","gesture","commitRectRef","onViewportResize","onKeyDown","event","root","activate","move","onMoveHandlePointerDown","_a","_c","_b","onMoveHandlePointerMove","start","endMove","_d","resize","onResizePointerDown","dir","onResizePointerMove","sign","dx","dy","endResize","endKeyboardGesture","resized","onMoveHandleKeyDown","step","d","onResizeHandleKeyDown","toggleCollapsed","prev","jsx","Fragment","windowStyle","createPortal","CSSTransition","jsxs","cn","Icon"],"mappings":"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"}