@smwb/ui-react 2.6.2 → 2.7.0

package/dist/components/layout/grid/grid.js

@@ -1,9 +1,10 @@
 import { jsx as w } from "react/jsx-runtime";
-import '../../../assets/styles/less/components/grid/grid.entry.css';/* empty css                                                   */
+import '../../../assets/styles/less/components/grid/grid.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                   */
 import _ from "react";
 import u from "clsx";
-const k = _.forwardRef(function({ className: r, ...s }, o) {
-  return /* @__PURE__ */ w("div", { ref: o, "data-testid": "grid", className: u("smwb-grid", r), ...s });
+const A = _.forwardRef(function({ className: s, ...r }, o) {
+  return /* @__PURE__ */ w("div", { ref: o, "data-testid": "grid", className: u("smwb-grid", s), ...r });
 }), p = ["wrap", "nowrap", "wrap-reverse"], v = [
   "flex-start",
   "center",
@@ -11,18 +12,18 @@ const k = _.forwardRef(function({ className: r, ...s }, o) {
   "space-between",
   "space-around",
   "space-evenly"
-], x = ["flex-start", "center", "flex-end", "stretch", "baseline"], R = ["row", "row-reverse", "column", "column-reverse"], A = _.forwardRef(function({ className: r, justifyContent: s, alignItems: o, direction: n, wrap: t, spacing: i, ...c }, m) {
-  const l = s && v.includes(s) && s !== "flex-start", d = o && x.includes(o) && o !== "flex-start", a = n && R.includes(n) && n !== "row", f = t && p.includes(t) && t !== "wrap", g = u("smwb-grid__row", r, {
+], x = ["flex-start", "center", "flex-end", "stretch", "baseline"], R = ["row", "row-reverse", "column", "column-reverse"], D = _.forwardRef(function({ className: s, justifyContent: r, alignItems: o, direction: n, wrap: t, spacing: i, ...c }, m) {
+  const l = r && v.includes(r) && r !== "flex-start", d = o && x.includes(o) && o !== "flex-start", a = n && R.includes(n) && n !== "row", f = t && p.includes(t) && t !== "wrap", g = u("smwb-grid__row", s, {
     [`smwb-grid__row--spacing-${i}`]: i,
-    [`smwb-grid__row--justifyContent-${s}`]: l,
+    [`smwb-grid__row--justifyContent-${r}`]: l,
     [`smwb-grid__row--alignItems-${o}`]: d,
     [`smwb-grid__row--direction-${n}`]: a,
     [`smwb-grid__row--${t}`]: f
   });
   return /* @__PURE__ */ w("div", { ref: m, "data-testid": "grid-row", className: g, ...c });
-}), C = (e) => e === void 0 ? {} : typeof e == "boolean" ? { "smwb-grid__column--hidden": e } : Object.keys(e).reduce((r, s) => (r[`smwb-grid__column--hidden-${s}`] = e[s] === !0, r[`smwb-grid__column--visible-${s}`] = e[s] === !1, r), {}), D = _.forwardRef(function({ className: r, xs: s, sm: o, md: n, lg: t, xl: i, xsOffset: c, smOffset: m, mdOffset: l, lgOffset: d, xlOffset: a, hidden: f, ...g }, b) {
-  const $ = u("smwb-grid__column", r, {
-    [`smwb-grid__column--xs-${s}`]: s,
+}), C = (e) => e === void 0 ? {} : typeof e == "boolean" ? { "smwb-grid__column--hidden": e } : Object.keys(e).reduce((s, r) => (s[`smwb-grid__column--hidden-${r}`] = e[r] === !0, s[`smwb-grid__column--visible-${r}`] = e[r] === !1, s), {}), F = _.forwardRef(function({ className: s, xs: r, sm: o, md: n, lg: t, xl: i, xsOffset: c, smOffset: m, mdOffset: l, lgOffset: d, xlOffset: a, hidden: f, ...g }, b) {
+  const $ = u("smwb-grid__column", s, {
+    [`smwb-grid__column--xs-${r}`]: r,
     [`smwb-grid__column--sm-${o}`]: o,
     [`smwb-grid__column--md-${n}`]: n,
     [`smwb-grid__column--lg-${t}`]: t,
@@ -35,22 +36,22 @@ const k = _.forwardRef(function({ className: r, ...s }, o) {
     ...C(f)
   });
   return /* @__PURE__ */ w("div", { ref: b, className: $, "data-testid": "grid-col", ...g });
-}), F = _.forwardRef(function({ className: r, maxWidth: s = "lg", disableGutters: o = !1, ...n }, t) {
+}), J = _.forwardRef(function({ className: s, maxWidth: r = "lg", disableGutters: o = !1, ...n }, t) {
   const i = u(
     "smwb-container",
     {
-      [`smwb-container--${s}`]: s !== !1,
+      [`smwb-container--${r}`]: r !== !1,
       "smwb-container--gutterless": o
     },
-    r
+    s
   );
   return /* @__PURE__ */ w("div", { ref: t, "data-testid": "grid-container", className: i, ...n });
 });
 export {
-  D as Column,
-  F as Container,
-  k as Grid,
-  A as Row,
+  F as Column,
+  J as Container,
+  A as Grid,
+  D as Row,
   x as alignItemsOptions,
   R as directionOptions,
   v as justifyContentOptions,

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

@@ -1 +1 @@
-{"version":3,"file":"grid.js","sources":["../../../../src/components/layout/grid/grid.tsx"],"sourcesContent":["import React from \"react\";\nimport cn from \"clsx\";\n\nexport const Grid = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(function Grid(\n  { className, ...rest },\n  ref\n) {\n  return <div ref={ref} data-testid=\"grid\" className={cn(\"smwb-grid\", className)} {...rest} />;\n});\n\nexport type ColumnSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n/** Column width per breakpoint: 1–12 grid units, `\"auto\"` (fit content) or `true` (fill remaining). */\nexport type BreakpointType = ColumnSpan | \"auto\" | true;\n/** Column offset (empty leading columns) per breakpoint: 0–11. */\nexport type OffsetType = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11;\nexport type Breakpoint = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\nexport type ResponsiveBool = boolean | Partial<Record<Breakpoint, boolean>>;\n\nexport const wrapOptions = [\"wrap\", \"nowrap\", \"wrap-reverse\"] as const;\nexport const justifyContentOptions = [\n  \"flex-start\",\n  \"center\",\n  \"flex-end\",\n  \"space-between\",\n  \"space-around\",\n  \"space-evenly\",\n] as const;\nexport const alignItemsOptions = [\"flex-start\", \"center\", \"flex-end\", \"stretch\", \"baseline\"] as const;\nexport const directionOptions = [\"row\", \"row-reverse\", \"column\", \"column-reverse\"] as const;\n\nexport interface RowProps extends React.HTMLAttributes<HTMLDivElement> {\n  wrap?: (typeof wrapOptions)[number];\n  justifyContent?: (typeof justifyContentOptions)[number];\n  alignItems?: (typeof alignItemsOptions)[number];\n  direction?: (typeof directionOptions)[number];\n  spacing?: number;\n}\n\nexport const Row = React.forwardRef<HTMLDivElement, RowProps>(function Row(\n  { className, justifyContent, alignItems, direction, wrap, spacing, ...rest },\n  ref\n) {\n  const isJustifyContent =\n    justifyContent && justifyContentOptions.includes(justifyContent) && justifyContent !== \"flex-start\";\n  const isAlignItems = alignItems && alignItemsOptions.includes(alignItems) && alignItems !== \"flex-start\";\n  const isDirection = direction && directionOptions.includes(direction) && direction !== \"row\";\n  const isFlexWrap = wrap && wrapOptions.includes(wrap) && wrap !== \"wrap\";\n\n  const classes = cn(\"smwb-grid__row\", className, {\n    [`smwb-grid__row--spacing-${spacing}`]: spacing,\n    [`smwb-grid__row--justifyContent-${justifyContent}`]: isJustifyContent,\n    [`smwb-grid__row--alignItems-${alignItems}`]: isAlignItems,\n    [`smwb-grid__row--direction-${direction}`]: isDirection,\n    [`smwb-grid__row--${wrap}`]: isFlexWrap,\n  });\n\n  return <div ref={ref} data-testid=\"grid-row\" className={classes} {...rest} />;\n});\n\nexport type ColumnProps = React.HTMLAttributes<HTMLDivElement> & {\n  /** Ширина на точке остановы: 1–12 из 12, `\"auto\"` (по контенту) или `true` (заполнить). */\n  xs?: BreakpointType;\n  sm?: BreakpointType;\n  md?: BreakpointType;\n  lg?: BreakpointType;\n  xl?: BreakpointType;\n  /** Сдвиг (пустые ведущие колонки) на точке остановы, 0–11. */\n  xsOffset?: OffsetType;\n  smOffset?: OffsetType;\n  mdOffset?: OffsetType;\n  lgOffset?: OffsetType;\n  xlOffset?: OffsetType;\n  /** Скрыть колонку: булево (всегда) или по точкам остановы `{ xs:true, md:false }`. */\n  hidden?: ResponsiveBool;\n};\n\nconst hiddenClasses = (hidden?: ResponsiveBool) => {\n  if (hidden === undefined) {\n    return {};\n  }\n  if (typeof hidden === \"boolean\") {\n    return { \"smwb-grid__column--hidden\": hidden };\n  }\n  return (Object.keys(hidden) as Breakpoint[]).reduce<Record<string, boolean>>((acc, bp) => {\n    acc[`smwb-grid__column--hidden-${bp}`] = hidden[bp] === true;\n    acc[`smwb-grid__column--visible-${bp}`] = hidden[bp] === false;\n    return acc;\n  }, {});\n};\n\nexport const Column = React.forwardRef<HTMLDivElement, ColumnProps>(function Column(\n  { className, xs, sm, md, lg, xl, xsOffset, smOffset, mdOffset, lgOffset, xlOffset, hidden, ...rest },\n  ref\n) {\n  const classes = cn(\"smwb-grid__column\", className, {\n    [`smwb-grid__column--xs-${xs}`]: xs,\n    [`smwb-grid__column--sm-${sm}`]: sm,\n    [`smwb-grid__column--md-${md}`]: md,\n    [`smwb-grid__column--lg-${lg}`]: lg,\n    [`smwb-grid__column--xl-${xl}`]: xl,\n    [`smwb-grid__column--xs-offset-${xsOffset}`]: xsOffset,\n    [`smwb-grid__column--sm-offset-${smOffset}`]: smOffset,\n    [`smwb-grid__column--md-offset-${mdOffset}`]: mdOffset,\n    [`smwb-grid__column--lg-offset-${lgOffset}`]: lgOffset,\n    [`smwb-grid__column--xl-offset-${xlOffset}`]: xlOffset,\n    ...hiddenClasses(hidden),\n  });\n\n  return <div ref={ref} className={classes} data-testid=\"grid-col\" {...rest} />;\n});\n\nexport type ContainerMaxWidth = \"sm\" | \"md\" | \"lg\" | \"xl\" | false;\nexport interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Max-width breakpoint cap; `false` = fluid full width. */\n  maxWidth?: ContainerMaxWidth;\n  /** Remove horizontal gutters. */\n  disableGutters?: boolean;\n}\n\nexport const Container = React.forwardRef<HTMLDivElement, ContainerProps>(function Container(\n  { className, maxWidth = \"lg\", disableGutters = false, ...rest },\n  ref\n) {\n  const classes = cn(\n    \"smwb-container\",\n    {\n      [`smwb-container--${maxWidth}`]: maxWidth !== false,\n      \"smwb-container--gutterless\": disableGutters,\n    },\n    className\n  );\n  return <div ref={ref} data-testid=\"grid-container\" className={classes} {...rest} />;\n});\n"],"names":["Grid","React","className","rest","ref","jsx","cn","wrapOptions","justifyContentOptions","alignItemsOptions","directionOptions","Row","justifyContent","alignItems","direction","wrap","spacing","isJustifyContent","isAlignItems","isDirection","isFlexWrap","classes","hiddenClasses","hidden","acc","bp","Column","xs","sm","md","lg","xl","xsOffset","smOffset","mdOffset","lgOffset","xlOffset","Container","maxWidth","disableGutters"],"mappings":"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"}
+{"version":3,"file":"grid.js","sources":["../../../../src/components/layout/grid/grid.tsx"],"sourcesContent":["import React from \"react\";\nimport cn from \"clsx\";\n\nexport const Grid = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(function Grid(\n  { className, ...rest },\n  ref\n) {\n  return <div ref={ref} data-testid=\"grid\" className={cn(\"smwb-grid\", className)} {...rest} />;\n});\n\nexport type ColumnSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n/** Column width per breakpoint: 1–12 grid units, `\"auto\"` (fit content) or `true` (fill remaining). */\nexport type BreakpointType = ColumnSpan | \"auto\" | true;\n/** Column offset (empty leading columns) per breakpoint: 0–11. */\nexport type OffsetType = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11;\nexport type Breakpoint = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\nexport type ResponsiveBool = boolean | Partial<Record<Breakpoint, boolean>>;\n\nexport const wrapOptions = [\"wrap\", \"nowrap\", \"wrap-reverse\"] as const;\nexport const justifyContentOptions = [\n  \"flex-start\",\n  \"center\",\n  \"flex-end\",\n  \"space-between\",\n  \"space-around\",\n  \"space-evenly\",\n] as const;\nexport const alignItemsOptions = [\"flex-start\", \"center\", \"flex-end\", \"stretch\", \"baseline\"] as const;\nexport const directionOptions = [\"row\", \"row-reverse\", \"column\", \"column-reverse\"] as const;\n\nexport interface RowProps extends React.HTMLAttributes<HTMLDivElement> {\n  wrap?: (typeof wrapOptions)[number];\n  justifyContent?: (typeof justifyContentOptions)[number];\n  alignItems?: (typeof alignItemsOptions)[number];\n  direction?: (typeof directionOptions)[number];\n  spacing?: number;\n}\n\nexport const Row = React.forwardRef<HTMLDivElement, RowProps>(function Row(\n  { className, justifyContent, alignItems, direction, wrap, spacing, ...rest },\n  ref\n) {\n  const isJustifyContent =\n    justifyContent && justifyContentOptions.includes(justifyContent) && justifyContent !== \"flex-start\";\n  const isAlignItems = alignItems && alignItemsOptions.includes(alignItems) && alignItems !== \"flex-start\";\n  const isDirection = direction && directionOptions.includes(direction) && direction !== \"row\";\n  const isFlexWrap = wrap && wrapOptions.includes(wrap) && wrap !== \"wrap\";\n\n  const classes = cn(\"smwb-grid__row\", className, {\n    [`smwb-grid__row--spacing-${spacing}`]: spacing,\n    [`smwb-grid__row--justifyContent-${justifyContent}`]: isJustifyContent,\n    [`smwb-grid__row--alignItems-${alignItems}`]: isAlignItems,\n    [`smwb-grid__row--direction-${direction}`]: isDirection,\n    [`smwb-grid__row--${wrap}`]: isFlexWrap,\n  });\n\n  return <div ref={ref} data-testid=\"grid-row\" className={classes} {...rest} />;\n});\n\nexport type ColumnProps = React.HTMLAttributes<HTMLDivElement> & {\n  /** Ширина на точке остановы: 1–12 из 12, `\"auto\"` (по контенту) или `true` (заполнить). */\n  xs?: BreakpointType;\n  sm?: BreakpointType;\n  md?: BreakpointType;\n  lg?: BreakpointType;\n  xl?: BreakpointType;\n  /** Сдвиг (пустые ведущие колонки) на точке остановы, 0–11. */\n  xsOffset?: OffsetType;\n  smOffset?: OffsetType;\n  mdOffset?: OffsetType;\n  lgOffset?: OffsetType;\n  xlOffset?: OffsetType;\n  /** Скрыть колонку: булево (всегда) или по точкам остановы `{ xs:true, md:false }`. */\n  hidden?: ResponsiveBool;\n};\n\nconst hiddenClasses = (hidden?: ResponsiveBool) => {\n  if (hidden === undefined) {\n    return {};\n  }\n  if (typeof hidden === \"boolean\") {\n    return { \"smwb-grid__column--hidden\": hidden };\n  }\n  return (Object.keys(hidden) as Breakpoint[]).reduce<Record<string, boolean>>((acc, bp) => {\n    acc[`smwb-grid__column--hidden-${bp}`] = hidden[bp] === true;\n    acc[`smwb-grid__column--visible-${bp}`] = hidden[bp] === false;\n    return acc;\n  }, {});\n};\n\nexport const Column = React.forwardRef<HTMLDivElement, ColumnProps>(function Column(\n  { className, xs, sm, md, lg, xl, xsOffset, smOffset, mdOffset, lgOffset, xlOffset, hidden, ...rest },\n  ref\n) {\n  const classes = cn(\"smwb-grid__column\", className, {\n    [`smwb-grid__column--xs-${xs}`]: xs,\n    [`smwb-grid__column--sm-${sm}`]: sm,\n    [`smwb-grid__column--md-${md}`]: md,\n    [`smwb-grid__column--lg-${lg}`]: lg,\n    [`smwb-grid__column--xl-${xl}`]: xl,\n    [`smwb-grid__column--xs-offset-${xsOffset}`]: xsOffset,\n    [`smwb-grid__column--sm-offset-${smOffset}`]: smOffset,\n    [`smwb-grid__column--md-offset-${mdOffset}`]: mdOffset,\n    [`smwb-grid__column--lg-offset-${lgOffset}`]: lgOffset,\n    [`smwb-grid__column--xl-offset-${xlOffset}`]: xlOffset,\n    ...hiddenClasses(hidden),\n  });\n\n  return <div ref={ref} className={classes} data-testid=\"grid-col\" {...rest} />;\n});\n\nexport type ContainerMaxWidth = \"sm\" | \"md\" | \"lg\" | \"xl\" | false;\nexport interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Max-width breakpoint cap; `false` = fluid full width. */\n  maxWidth?: ContainerMaxWidth;\n  /** Remove horizontal gutters. */\n  disableGutters?: boolean;\n}\n\nexport const Container = React.forwardRef<HTMLDivElement, ContainerProps>(function Container(\n  { className, maxWidth = \"lg\", disableGutters = false, ...rest },\n  ref\n) {\n  const classes = cn(\n    \"smwb-container\",\n    {\n      [`smwb-container--${maxWidth}`]: maxWidth !== false,\n      \"smwb-container--gutterless\": disableGutters,\n    },\n    className\n  );\n  return <div ref={ref} data-testid=\"grid-container\" className={classes} {...rest} />;\n});\n"],"names":["Grid","React","className","rest","ref","jsx","cn","wrapOptions","justifyContentOptions","alignItemsOptions","directionOptions","Row","justifyContent","alignItems","direction","wrap","spacing","isJustifyContent","isAlignItems","isDirection","isFlexWrap","classes","hiddenClasses","hidden","acc","bp","Column","xs","sm","md","lg","xl","xsOffset","smOffset","mdOffset","lgOffset","xlOffset","Container","maxWidth","disableGutters"],"mappings":"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"}

package/dist/components/layout/page/page.js

@@ -1,22 +1,23 @@
 import { jsx as e } from "react/jsx-runtime";
-import '../../../assets/styles/less/components/page/page.entry.css';/* empty css                                                   */
+import '../../../assets/styles/less/components/page/page.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                   */
 import l from "react";
-import d from "clsx";
-const u = l.forwardRef(function({ maxWidth: s = "lg", disableGutters: r = !1, component: a, className: t, children: m, ...g }, i) {
+import p from "clsx";
+const _ = l.forwardRef(function({ maxWidth: r = "lg", disableGutters: s = !1, component: a, className: t, children: m, ...i }, g) {
   const f = a != null ? a : "main";
   return /* @__PURE__ */ e(
     f,
     {
-      ref: i,
+      ref: g,
       "data-testid": "page",
-      className: d("smwb-page", `smwb-page_max-${s}`, { "smwb-page_gutterless": r }, t),
-      ...g,
+      className: p("smwb-page", `smwb-page_max-${r}`, { "smwb-page_gutterless": s }, t),
+      ...i,
       children: /* @__PURE__ */ e("div", { className: "smwb-page__inner", children: m })
     }
   );
 });
 export {
-  u as Page,
-  u as default
+  _ as Page,
+  _ as default
 };
 //# sourceMappingURL=page.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"page.js","sources":["../../../../src/components/layout/page/page.tsx"],"sourcesContent":["import React, { HTMLAttributes, PropsWithChildren } from \"react\";\nimport cn from \"clsx\";\n\nexport type PageMaxWidth = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\";\n\nexport interface PageProps extends HTMLAttributes<HTMLElement> {\n  /** Content max-width cap; `full` = fluid. */\n  maxWidth?: PageMaxWidth;\n  /** Remove the page padding. */\n  disableGutters?: boolean;\n  /** Render as a different element (default `main`). */\n  component?: keyof JSX.IntrinsicElements;\n  className?: string;\n}\n\nexport const Page = React.forwardRef<HTMLElement, PropsWithChildren<PageProps>>(function Page(\n  { maxWidth = \"lg\", disableGutters = false, component, className, children, ...rest },\n  ref\n) {\n  const Tag = (component ?? \"main\") as \"main\";\n  return (\n    <Tag\n      ref={ref}\n      data-testid=\"page\"\n      className={cn(\"smwb-page\", `smwb-page_max-${maxWidth}`, { \"smwb-page_gutterless\": disableGutters }, className)}\n      {...rest}\n    >\n      <div className=\"smwb-page__inner\">{children}</div>\n    </Tag>\n  );\n});\n\nexport default Page;\n"],"names":["Page","React","maxWidth","disableGutters","component","className","children","rest","ref","Tag","jsx","cn"],"mappings":";;;;AAgBO,MAAMA,IAAOC,EAAM,WAAsD,SAC9E,EAAE,UAAAC,IAAW,MAAM,gBAAAC,IAAiB,IAAO,WAAAC,GAAW,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAC9EC,GACA;AACA,QAAMC,IAAOL,KAAA,OAAAA,IAAa;AAC1B,SACE,gBAAAM;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,eAAY;AAAA,MACZ,WAAWG,EAAG,aAAa,iBAAiBT,CAAQ,IAAI,EAAE,wBAAwBC,EAAA,GAAkBE,CAAS;AAAA,MAC5G,GAAGE;AAAA,MAEJ,UAAA,gBAAAG,EAAC,OAAA,EAAI,WAAU,oBAAoB,UAAAJ,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAGlD,CAAC;"}
+{"version":3,"file":"page.js","sources":["../../../../src/components/layout/page/page.tsx"],"sourcesContent":["import React, { HTMLAttributes, PropsWithChildren } from \"react\";\nimport cn from \"clsx\";\n\nexport type PageMaxWidth = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\";\n\nexport interface PageProps extends HTMLAttributes<HTMLElement> {\n  /** Content max-width cap; `full` = fluid. */\n  maxWidth?: PageMaxWidth;\n  /** Remove the page padding. */\n  disableGutters?: boolean;\n  /** Render as a different element (default `main`). */\n  component?: keyof JSX.IntrinsicElements;\n  className?: string;\n}\n\nexport const Page = React.forwardRef<HTMLElement, PropsWithChildren<PageProps>>(function Page(\n  { maxWidth = \"lg\", disableGutters = false, component, className, children, ...rest },\n  ref\n) {\n  const Tag = (component ?? \"main\") as \"main\";\n  return (\n    <Tag\n      ref={ref}\n      data-testid=\"page\"\n      className={cn(\"smwb-page\", `smwb-page_max-${maxWidth}`, { \"smwb-page_gutterless\": disableGutters }, className)}\n      {...rest}\n    >\n      <div className=\"smwb-page__inner\">{children}</div>\n    </Tag>\n  );\n});\n\nexport default Page;\n"],"names":["Page","React","maxWidth","disableGutters","component","className","children","rest","ref","Tag","jsx","cn"],"mappings":";;;;;AAiBO,MAAMA,IAAOC,EAAM,WAAsD,SAC9E,EAAE,UAAAC,IAAW,MAAM,gBAAAC,IAAiB,IAAO,WAAAC,GAAW,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAC9EC,GACA;AACA,QAAMC,IAAOL,KAAA,OAAAA,IAAa;AAC1B,SACE,gBAAAM;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,eAAY;AAAA,MACZ,WAAWG,EAAG,aAAa,iBAAiBT,CAAQ,IAAI,EAAE,wBAAwBC,EAAA,GAAkBE,CAAS;AAAA,MAC5G,GAAGE;AAAA,MAEJ,UAAA,gBAAAG,EAAC,OAAA,EAAI,WAAU,oBAAoB,UAAAJ,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAGlD,CAAC;"}

package/dist/components/layout/pageHeader/pageHeader.js

@@ -1,16 +1,17 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import '../../../assets/styles/less/components/pageHeader/pageHeader.entry.css';/* empty css                                                               */
-import n from "react";
-import o from "clsx";
+import '../../../assets/styles/less/components/pageHeader/pageHeader.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                               */
+import h from "react";
+import n from "clsx";
 import { Typography as i } from "../../dataDisplay/typography/typography.js";
-const v = n.forwardRef(function({ title: a, subtitle: d, breadcrumbs: s, actions: m, divider: l = !1, className: c, ...t }, h) {
+const N = h.forwardRef(function({ title: a, subtitle: d, breadcrumbs: s, actions: m, divider: l = !1, className: t, ...c }, o) {
   return /* @__PURE__ */ r(
     "header",
     {
-      ref: h,
+      ref: o,
       "data-testid": "page-header",
-      className: o("smwb-page-header", { "smwb-page-header_divider": l }, c),
-      ...t,
+      className: n("smwb-page-header", { "smwb-page-header_divider": l }, t),
+      ...c,
       children: [
         s ? /* @__PURE__ */ e("div", { className: "smwb-page-header__breadcrumbs", children: s }) : null,
         /* @__PURE__ */ r("div", { className: "smwb-page-header__row", children: [
@@ -25,7 +26,7 @@ const v = n.forwardRef(function({ title: a, subtitle: d, breadcrumbs: s, actions
   );
 });
 export {
-  v as PageHeader,
-  v as default
+  N as PageHeader,
+  N as default
 };
 //# sourceMappingURL=pageHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"pageHeader.js","sources":["../../../../src/components/layout/pageHeader/pageHeader.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode } from \"react\";\nimport cn from \"clsx\";\nimport Typography from \"../../dataDisplay/typography/typography\";\n\nexport interface PageHeaderProps extends Omit<HTMLAttributes<HTMLElement>, \"title\"> {\n  title: ReactNode;\n  subtitle?: ReactNode;\n  /** Slot above the title (e.g. <Breadcrumbs />). */\n  breadcrumbs?: ReactNode;\n  /** Slot on the trailing side (e.g. action buttons). */\n  actions?: ReactNode;\n  /** Render a divider below the header. */\n  divider?: boolean;\n  className?: string;\n}\n\nexport const PageHeader = React.forwardRef<HTMLElement, PageHeaderProps>(function PageHeader(\n  { title, subtitle, breadcrumbs, actions, divider = false, className, ...rest },\n  ref\n) {\n  return (\n    <header\n      ref={ref}\n      data-testid=\"page-header\"\n      className={cn(\"smwb-page-header\", { \"smwb-page-header_divider\": divider }, className)}\n      {...rest}\n    >\n      {breadcrumbs ? <div className=\"smwb-page-header__breadcrumbs\">{breadcrumbs}</div> : null}\n      <div className=\"smwb-page-header__row\">\n        <div className=\"smwb-page-header__titles\">\n          {typeof title === \"string\" ? (\n            <Typography variant=\"h4\" component=\"h1\" className=\"smwb-page-header__title\">\n              {title}\n            </Typography>\n          ) : (\n            <div className=\"smwb-page-header__title\">{title}</div>\n          )}\n          {subtitle ? (\n            <Typography variant=\"body2\" color=\"textSecondary\" className=\"smwb-page-header__subtitle\">\n              {subtitle}\n            </Typography>\n          ) : null}\n        </div>\n        {actions ? <div className=\"smwb-page-header__actions\">{actions}</div> : null}\n      </div>\n    </header>\n  );\n});\n\nexport default PageHeader;\n"],"names":["PageHeader","React","title","subtitle","breadcrumbs","actions","divider","className","rest","ref","jsxs","cn","jsx","Typography"],"mappings":";;;;;AAiBO,MAAMA,IAAaC,EAAM,WAAyC,SACvE,EAAE,OAAAC,GAAO,UAAAC,GAAU,aAAAC,GAAa,SAAAC,GAAS,SAAAC,IAAU,IAAO,WAAAC,GAAW,GAAGC,EAAA,GACxEC,GACA;AACA,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,eAAY;AAAA,MACZ,WAAWE,EAAG,oBAAoB,EAAE,4BAA4BL,EAAA,GAAWC,CAAS;AAAA,MACnF,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAJ,IAAc,gBAAAQ,EAAC,OAAA,EAAI,WAAU,iCAAiC,aAAY,IAAS;AAAA,QACpF,gBAAAF,EAAC,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,4BACZ,UAAA;AAAA,YAAA,OAAOR,KAAU,WAChB,gBAAAU,EAACC,GAAA,EAAW,SAAQ,MAAK,WAAU,MAAK,WAAU,2BAC/C,aACH,IAEA,gBAAAD,EAAC,OAAA,EAAI,WAAU,2BAA2B,UAAAV,GAAM;AAAA,YAEjDC,IACC,gBAAAS,EAACC,GAAA,EAAW,SAAQ,SAAQ,OAAM,iBAAgB,WAAU,8BACzD,UAAAV,EAAA,CACH,IACE;AAAA,UAAA,GACN;AAAA,UACCE,IAAU,gBAAAO,EAAC,OAAA,EAAI,WAAU,6BAA6B,aAAQ,IAAS;AAAA,QAAA,EAAA,CAC1E;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}
+{"version":3,"file":"pageHeader.js","sources":["../../../../src/components/layout/pageHeader/pageHeader.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode } from \"react\";\nimport cn from \"clsx\";\nimport Typography from \"../../dataDisplay/typography/typography\";\n\nexport interface PageHeaderProps extends Omit<HTMLAttributes<HTMLElement>, \"title\"> {\n  title: ReactNode;\n  subtitle?: ReactNode;\n  /** Slot above the title (e.g. <Breadcrumbs />). */\n  breadcrumbs?: ReactNode;\n  /** Slot on the trailing side (e.g. action buttons). */\n  actions?: ReactNode;\n  /** Render a divider below the header. */\n  divider?: boolean;\n  className?: string;\n}\n\nexport const PageHeader = React.forwardRef<HTMLElement, PageHeaderProps>(function PageHeader(\n  { title, subtitle, breadcrumbs, actions, divider = false, className, ...rest },\n  ref\n) {\n  return (\n    <header\n      ref={ref}\n      data-testid=\"page-header\"\n      className={cn(\"smwb-page-header\", { \"smwb-page-header_divider\": divider }, className)}\n      {...rest}\n    >\n      {breadcrumbs ? <div className=\"smwb-page-header__breadcrumbs\">{breadcrumbs}</div> : null}\n      <div className=\"smwb-page-header__row\">\n        <div className=\"smwb-page-header__titles\">\n          {typeof title === \"string\" ? (\n            <Typography variant=\"h4\" component=\"h1\" className=\"smwb-page-header__title\">\n              {title}\n            </Typography>\n          ) : (\n            <div className=\"smwb-page-header__title\">{title}</div>\n          )}\n          {subtitle ? (\n            <Typography variant=\"body2\" color=\"textSecondary\" className=\"smwb-page-header__subtitle\">\n              {subtitle}\n            </Typography>\n          ) : null}\n        </div>\n        {actions ? <div className=\"smwb-page-header__actions\">{actions}</div> : null}\n      </div>\n    </header>\n  );\n});\n\nexport default PageHeader;\n"],"names":["PageHeader","React","title","subtitle","breadcrumbs","actions","divider","className","rest","ref","jsxs","cn","jsx","Typography"],"mappings":";;;;;;AAkBO,MAAMA,IAAaC,EAAM,WAAyC,SACvE,EAAE,OAAAC,GAAO,UAAAC,GAAU,aAAAC,GAAa,SAAAC,GAAS,SAAAC,IAAU,IAAO,WAAAC,GAAW,GAAGC,EAAA,GACxEC,GACA;AACA,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,eAAY;AAAA,MACZ,WAAWE,EAAG,oBAAoB,EAAE,4BAA4BL,EAAA,GAAWC,CAAS;AAAA,MACnF,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAJ,IAAc,gBAAAQ,EAAC,OAAA,EAAI,WAAU,iCAAiC,aAAY,IAAS;AAAA,QACpF,gBAAAF,EAAC,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,4BACZ,UAAA;AAAA,YAAA,OAAOR,KAAU,WAChB,gBAAAU,EAACC,GAAA,EAAW,SAAQ,MAAK,WAAU,MAAK,WAAU,2BAC/C,aACH,IAEA,gBAAAD,EAAC,OAAA,EAAI,WAAU,2BAA2B,UAAAV,GAAM;AAAA,YAEjDC,IACC,gBAAAS,EAACC,GAAA,EAAW,SAAQ,SAAQ,OAAM,iBAAgB,WAAU,8BACzD,UAAAV,EAAA,CACH,IACE;AAAA,UAAA,GACN;AAAA,UACCE,IAAU,gBAAAO,EAAC,OAAA,EAAI,WAAU,6BAA6B,aAAQ,IAAS;AAAA,QAAA,EAAA,CAC1E;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

package/dist/components/layout/screenDivider/screenDivider.js

@@ -1,16 +1,17 @@
 import { jsxs as B, jsx as w } from "react/jsx-runtime";
-import '../../../assets/styles/less/components/screenDivider/screenDivider.entry.css';/* empty css                                                                     */
+import '../../../assets/styles/less/components/screenDivider/screenDivider.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                                     */
 import { forwardRef as C, useRef as O, useState as y, useEffect as b, Children as P, useMemo as U, useCallback as W } from "react";
 import D from "clsx";
 import { throttle as X } from "../../../utils/throttle.js";
 import { useForkRef as Y } from "../../../hooks/useForkRef.js";
-const x = (c, d) => !c && d ? 100 - d : c || 50, Z = C(function({
-  className: d,
+const x = (c, i) => !c && i ? 100 - i : c || 50, F = C(function({
+  className: i,
   orientation: e = "horizontal",
   sizeFirst: f,
   sizeSecond: v,
   children: L,
-  onSizeChange: i,
+  onSizeChange: d,
   keyboardStep: g = 5,
   resizerAriaLabel: $ = "Resize panels"
 }, k) {
@@ -23,31 +24,31 @@ const x = (c, d) => !c && d ? 100 - d : c || 50, Z = C(function({
     throw new Error("Allowed not more than 2 children");
   const M = () => {
     R(p.current), _(!0);
-  }, o = U(
+  }, l = U(
     () => X((r) => {
       if (!m) return;
       const a = p.current;
       if (!a || a !== E) return;
-      const s = a.getBoundingClientRect(), l = e === "vertical" ? s.height : s.width, j = e === "vertical" ? r.clientY - s.top : r.clientX - s.left, H = Math.max(5, Math.min(l - 5, j));
-      n(H / l * 100);
+      const s = a.getBoundingClientRect(), o = e === "vertical" ? s.height : s.width, j = e === "vertical" ? r.clientY - s.top : r.clientX - s.left, H = Math.max(5, Math.min(o - 5, j));
+      n(H / o * 100);
     }, 1e3 / 60),
     [m, E, e]
   ), u = W(() => {
-    R(null), _(!1), document.body.removeEventListener("pointerup", u), document.body.removeEventListener("pointermove", o);
-  }, [o]);
+    R(null), _(!1), document.body.removeEventListener("pointerup", u), document.body.removeEventListener("pointermove", l);
+  }, [l]);
   b(() => {
-    i == null || i(t);
-  }, [t, i]);
+    d == null || d(t);
+  }, [t, d]);
   const K = (r) => {
     const a = e === "vertical" ? "ArrowUp" : "ArrowLeft", s = e === "vertical" ? "ArrowDown" : "ArrowRight";
-    r.key === a ? (r.preventDefault(), n((l) => Math.max(0, l - g))) : r.key === s ? (r.preventDefault(), n((l) => Math.min(100, l + g))) : r.key === "Home" ? (r.preventDefault(), n(0)) : r.key === "End" && (r.preventDefault(), n(100));
+    r.key === a ? (r.preventDefault(), n((o) => Math.max(0, o - g))) : r.key === s ? (r.preventDefault(), n((o) => Math.min(100, o + g))) : r.key === "Home" ? (r.preventDefault(), n(0)) : r.key === "End" && (r.preventDefault(), n(100));
   }, N = e === "vertical" ? { height: `${100 - t}%` } : { width: `${100 - t}%` }, I = e === "vertical" ? { height: `${t}%` } : { width: `${t}%` };
-  return b(() => (m ? (document.body.addEventListener("pointerup", u), document.body.addEventListener("pointermove", o), document.body.style.cursor = e === "horizontal" ? "e-resize" : "n-resize") : document.body.style.cursor = "default", () => {
-    document.body.removeEventListener("pointerup", u), document.body.removeEventListener("pointermove", o);
-  }), [o, u, m, e]), /* @__PURE__ */ B(
+  return b(() => (m ? (document.body.addEventListener("pointerup", u), document.body.addEventListener("pointermove", l), document.body.style.cursor = e === "horizontal" ? "e-resize" : "n-resize") : document.body.style.cursor = "default", () => {
+    document.body.removeEventListener("pointerup", u), document.body.removeEventListener("pointermove", l);
+  }), [l, u, m, e]), /* @__PURE__ */ B(
     "div",
     {
-      className: D("smwb-screen-divider__wrapper", `smwb-${e}`, d),
+      className: D("smwb-screen-divider__wrapper", `smwb-${e}`, i),
       ref: A,
       "data-testid": "screen-divider",
       children: [
@@ -74,7 +75,7 @@ const x = (c, d) => !c && d ? 100 - d : c || 50, Z = C(function({
   );
 });
 export {
-  Z as ScreenDivider,
-  Z as default
+  F as ScreenDivider,
+  F as default
 };
 //# sourceMappingURL=screenDivider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"screenDivider.js","sources":["../../../../src/components/layout/screenDivider/screenDivider.tsx"],"sourcesContent":["import React, {\n  Children,\n  forwardRef,\n  KeyboardEvent,\n  PropsWithChildren,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport cn from \"clsx\";\nimport { throttle } from \"../../../utils/throttle\";\nimport { useForkRef } from \"../../../hooks/useForkRef\";\n\nexport interface ScreenDividerProps {\n  sizeFirst?: number;\n  sizeSecond?: number;\n  className?: string;\n  orientation?: \"horizontal\" | \"vertical\";\n  /** Called with the first pane size (percent) whenever it changes. */\n  onSizeChange?: (sizeFirst: number) => void;\n  /** Step (in percent) applied on arrow-key resize. */\n  keyboardStep?: number;\n  /** Accessible label for the resizer handle. */\n  resizerAriaLabel?: string;\n}\n\nconst getInitialDivider = (sizeFirst?: number | null, sizeSecond?: number | null) => {\n  if (!sizeFirst && sizeSecond) {\n    return 100 - sizeSecond;\n  }\n  if (sizeFirst) {\n    return sizeFirst;\n  }\n  return 50;\n};\n\nexport const ScreenDivider = forwardRef<HTMLDivElement, PropsWithChildren<ScreenDividerProps>>(function ScreenDivider(\n  {\n    className,\n    orientation = \"horizontal\",\n    sizeFirst,\n    sizeSecond,\n    children,\n    onSizeChange,\n    keyboardStep = 5,\n    resizerAriaLabel = \"Resize panels\",\n  },\n  ref\n) {\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const forkedWrapperRef = useForkRef<HTMLDivElement>(ref, wrapperRef);\n  const [divider, setDivider] = useState<number>(getInitialDivider(sizeFirst, sizeSecond));\n  const [currentElement, setCurrentElement] = useState<HTMLDivElement | null>(null);\n  const [isDragging, setIsDragging] = useState(false);\n\n  useEffect(() => {\n    setDivider(getInitialDivider(sizeFirst, sizeSecond));\n  }, [sizeFirst, sizeSecond]);\n\n  const child = Children.toArray(children);\n  if (child.length > 2) {\n    throw new Error(\"Allowed not more than 2 children\");\n  }\n\n  const handleDragStart = () => {\n    setCurrentElement(wrapperRef.current);\n    setIsDragging(true);\n  };\n\n  const dragOverHandler = useMemo(\n    () =>\n      throttle((e: PointerEvent) => {\n        if (!isDragging) return;\n        const wrapper = wrapperRef.current;\n        if (!wrapper || wrapper !== currentElement) return;\n        // Viewport-relative rect — using offsetLeft/offsetTop here is wrong\n        // because they are relative to the nearest positioned ancestor, not\n        // the viewport that clientX/clientY live in (this is what made the\n        // divider drift away from the cursor when the wrapper was nested).\n        const rect = wrapper.getBoundingClientRect();\n        const total = orientation === \"vertical\" ? rect.height : rect.width;\n        const cursor = orientation === \"vertical\" ? e.clientY - rect.top : e.clientX - rect.left;\n        // 5px margin on each side so neither pane fully collapses.\n        const clamped = Math.max(5, Math.min(total - 5, cursor));\n        setDivider((clamped / total) * 100);\n      }, 1000 / 60),\n    [isDragging, currentElement, orientation]\n  );\n\n  const handleDragEnd = useCallback(() => {\n    setCurrentElement(null);\n    setIsDragging(false);\n    document.body.removeEventListener(\"pointerup\", handleDragEnd);\n    document.body.removeEventListener(\"pointermove\", dragOverHandler);\n  }, [dragOverHandler]);\n\n  useEffect(() => {\n    onSizeChange?.(divider);\n  }, [divider, onSizeChange]);\n\n  const onResizerKeyDown = (event: KeyboardEvent<HTMLSpanElement>) => {\n    const decreaseKey = orientation === \"vertical\" ? \"ArrowUp\" : \"ArrowLeft\";\n    const increaseKey = orientation === \"vertical\" ? \"ArrowDown\" : \"ArrowRight\";\n\n    if (event.key === decreaseKey) {\n      event.preventDefault();\n      setDivider((prev) => Math.max(0, prev - keyboardStep));\n    } else if (event.key === increaseKey) {\n      event.preventDefault();\n      setDivider((prev) => Math.min(100, prev + keyboardStep));\n    } else if (event.key === \"Home\") {\n      event.preventDefault();\n      setDivider(0);\n    } else if (event.key === \"End\") {\n      event.preventDefault();\n      setDivider(100);\n    }\n  };\n\n  const secondChildStyle =\n    orientation === \"vertical\" ? { height: `${100 - divider}%` } : { width: `${100 - divider}%` };\n\n  const firstChildStyle = orientation === \"vertical\" ? { height: `${divider}%` } : { width: `${divider}%` };\n\n  useEffect(() => {\n    if (isDragging) {\n      document.body.addEventListener(\"pointerup\", handleDragEnd);\n      document.body.addEventListener(\"pointermove\", dragOverHandler);\n      document.body.style.cursor = orientation === \"horizontal\" ? \"e-resize\" : \"n-resize\";\n    } else {\n      document.body.style.cursor = \"default\";\n    }\n\n    return () => {\n      document.body.removeEventListener(\"pointerup\", handleDragEnd);\n      document.body.removeEventListener(\"pointermove\", dragOverHandler);\n    };\n  }, [dragOverHandler, handleDragEnd, isDragging, orientation]);\n\n  return (\n    <div\n      className={cn(\"smwb-screen-divider__wrapper\", `smwb-${orientation}`, className)}\n      ref={forkedWrapperRef}\n      data-testid=\"screen-divider\"\n    >\n      <div className={cn(\"smwb-screen-divider__first\", `smwb-${orientation}`)} style={firstChildStyle}>\n        {child[0] || \"\"}\n      </div>\n      <span\n        className=\"smwb-screen-divider__resizer\"\n        onPointerDown={handleDragStart}\n        draggable={false}\n        role=\"separator\"\n        aria-orientation={orientation === \"vertical\" ? \"horizontal\" : \"vertical\"}\n        aria-valuenow={Math.round(divider)}\n        aria-valuemin={0}\n        aria-valuemax={100}\n        aria-label={resizerAriaLabel}\n        tabIndex={0}\n        onKeyDown={onResizerKeyDown}\n      />\n      <div className={cn(\"smwb-screen-divider__second\", `smwb-${orientation}`)} style={secondChildStyle}>\n        {child[1] || \"\"}\n      </div>\n    </div>\n  );\n});\n\nexport default ScreenDivider;\n"],"names":["getInitialDivider","sizeFirst","sizeSecond","ScreenDivider","forwardRef","className","orientation","children","onSizeChange","keyboardStep","resizerAriaLabel","ref","wrapperRef","useRef","forkedWrapperRef","useForkRef","divider","setDivider","useState","currentElement","setCurrentElement","isDragging","setIsDragging","useEffect","child","Children","handleDragStart","dragOverHandler","useMemo","throttle","e","wrapper","rect","total","cursor","clamped","handleDragEnd","useCallback","onResizerKeyDown","event","decreaseKey","increaseKey","prev","secondChildStyle","firstChildStyle","jsxs","cn","jsx"],"mappings":"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"}
+{"version":3,"file":"screenDivider.js","sources":["../../../../src/components/layout/screenDivider/screenDivider.tsx"],"sourcesContent":["import React, {\n  Children,\n  forwardRef,\n  KeyboardEvent,\n  PropsWithChildren,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport cn from \"clsx\";\nimport { throttle } from \"../../../utils/throttle\";\nimport { useForkRef } from \"../../../hooks/useForkRef\";\n\nexport interface ScreenDividerProps {\n  sizeFirst?: number;\n  sizeSecond?: number;\n  className?: string;\n  orientation?: \"horizontal\" | \"vertical\";\n  /** Called with the first pane size (percent) whenever it changes. */\n  onSizeChange?: (sizeFirst: number) => void;\n  /** Step (in percent) applied on arrow-key resize. */\n  keyboardStep?: number;\n  /** Accessible label for the resizer handle. */\n  resizerAriaLabel?: string;\n}\n\nconst getInitialDivider = (sizeFirst?: number | null, sizeSecond?: number | null) => {\n  if (!sizeFirst && sizeSecond) {\n    return 100 - sizeSecond;\n  }\n  if (sizeFirst) {\n    return sizeFirst;\n  }\n  return 50;\n};\n\nexport const ScreenDivider = forwardRef<HTMLDivElement, PropsWithChildren<ScreenDividerProps>>(function ScreenDivider(\n  {\n    className,\n    orientation = \"horizontal\",\n    sizeFirst,\n    sizeSecond,\n    children,\n    onSizeChange,\n    keyboardStep = 5,\n    resizerAriaLabel = \"Resize panels\",\n  },\n  ref\n) {\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const forkedWrapperRef = useForkRef<HTMLDivElement>(ref, wrapperRef);\n  const [divider, setDivider] = useState<number>(getInitialDivider(sizeFirst, sizeSecond));\n  const [currentElement, setCurrentElement] = useState<HTMLDivElement | null>(null);\n  const [isDragging, setIsDragging] = useState(false);\n\n  useEffect(() => {\n    setDivider(getInitialDivider(sizeFirst, sizeSecond));\n  }, [sizeFirst, sizeSecond]);\n\n  const child = Children.toArray(children);\n  if (child.length > 2) {\n    throw new Error(\"Allowed not more than 2 children\");\n  }\n\n  const handleDragStart = () => {\n    setCurrentElement(wrapperRef.current);\n    setIsDragging(true);\n  };\n\n  const dragOverHandler = useMemo(\n    () =>\n      throttle((e: PointerEvent) => {\n        if (!isDragging) return;\n        const wrapper = wrapperRef.current;\n        if (!wrapper || wrapper !== currentElement) return;\n        // Viewport-relative rect — using offsetLeft/offsetTop here is wrong\n        // because they are relative to the nearest positioned ancestor, not\n        // the viewport that clientX/clientY live in (this is what made the\n        // divider drift away from the cursor when the wrapper was nested).\n        const rect = wrapper.getBoundingClientRect();\n        const total = orientation === \"vertical\" ? rect.height : rect.width;\n        const cursor = orientation === \"vertical\" ? e.clientY - rect.top : e.clientX - rect.left;\n        // 5px margin on each side so neither pane fully collapses.\n        const clamped = Math.max(5, Math.min(total - 5, cursor));\n        setDivider((clamped / total) * 100);\n      }, 1000 / 60),\n    [isDragging, currentElement, orientation]\n  );\n\n  const handleDragEnd = useCallback(() => {\n    setCurrentElement(null);\n    setIsDragging(false);\n    document.body.removeEventListener(\"pointerup\", handleDragEnd);\n    document.body.removeEventListener(\"pointermove\", dragOverHandler);\n  }, [dragOverHandler]);\n\n  useEffect(() => {\n    onSizeChange?.(divider);\n  }, [divider, onSizeChange]);\n\n  const onResizerKeyDown = (event: KeyboardEvent<HTMLSpanElement>) => {\n    const decreaseKey = orientation === \"vertical\" ? \"ArrowUp\" : \"ArrowLeft\";\n    const increaseKey = orientation === \"vertical\" ? \"ArrowDown\" : \"ArrowRight\";\n\n    if (event.key === decreaseKey) {\n      event.preventDefault();\n      setDivider((prev) => Math.max(0, prev - keyboardStep));\n    } else if (event.key === increaseKey) {\n      event.preventDefault();\n      setDivider((prev) => Math.min(100, prev + keyboardStep));\n    } else if (event.key === \"Home\") {\n      event.preventDefault();\n      setDivider(0);\n    } else if (event.key === \"End\") {\n      event.preventDefault();\n      setDivider(100);\n    }\n  };\n\n  const secondChildStyle =\n    orientation === \"vertical\" ? { height: `${100 - divider}%` } : { width: `${100 - divider}%` };\n\n  const firstChildStyle = orientation === \"vertical\" ? { height: `${divider}%` } : { width: `${divider}%` };\n\n  useEffect(() => {\n    if (isDragging) {\n      document.body.addEventListener(\"pointerup\", handleDragEnd);\n      document.body.addEventListener(\"pointermove\", dragOverHandler);\n      document.body.style.cursor = orientation === \"horizontal\" ? \"e-resize\" : \"n-resize\";\n    } else {\n      document.body.style.cursor = \"default\";\n    }\n\n    return () => {\n      document.body.removeEventListener(\"pointerup\", handleDragEnd);\n      document.body.removeEventListener(\"pointermove\", dragOverHandler);\n    };\n  }, [dragOverHandler, handleDragEnd, isDragging, orientation]);\n\n  return (\n    <div\n      className={cn(\"smwb-screen-divider__wrapper\", `smwb-${orientation}`, className)}\n      ref={forkedWrapperRef}\n      data-testid=\"screen-divider\"\n    >\n      <div className={cn(\"smwb-screen-divider__first\", `smwb-${orientation}`)} style={firstChildStyle}>\n        {child[0] || \"\"}\n      </div>\n      <span\n        className=\"smwb-screen-divider__resizer\"\n        onPointerDown={handleDragStart}\n        draggable={false}\n        role=\"separator\"\n        aria-orientation={orientation === \"vertical\" ? \"horizontal\" : \"vertical\"}\n        aria-valuenow={Math.round(divider)}\n        aria-valuemin={0}\n        aria-valuemax={100}\n        aria-label={resizerAriaLabel}\n        tabIndex={0}\n        onKeyDown={onResizerKeyDown}\n      />\n      <div className={cn(\"smwb-screen-divider__second\", `smwb-${orientation}`)} style={secondChildStyle}>\n        {child[1] || \"\"}\n      </div>\n    </div>\n  );\n});\n\nexport default ScreenDivider;\n"],"names":["getInitialDivider","sizeFirst","sizeSecond","ScreenDivider","forwardRef","className","orientation","children","onSizeChange","keyboardStep","resizerAriaLabel","ref","wrapperRef","useRef","forkedWrapperRef","useForkRef","divider","setDivider","useState","currentElement","setCurrentElement","isDragging","setIsDragging","useEffect","child","Children","handleDragStart","dragOverHandler","useMemo","throttle","e","wrapper","rect","total","cursor","clamped","handleDragEnd","useCallback","onResizerKeyDown","event","decreaseKey","increaseKey","prev","secondChildStyle","firstChildStyle","jsxs","cn","jsx"],"mappings":";;;;;;;AA8BA,MAAMA,IAAoB,CAACC,GAA2BC,MAChD,CAACD,KAAaC,IACT,MAAMA,IAEXD,KAGG,IAGIE,IAAgBC,EAAkE,SAC7F;AAAA,EACE,WAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,WAAAL;AAAA,EACA,YAAAC;AAAA,EACA,UAAAK;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,kBAAAC,IAAmB;AACrB,GACAC,GACA;AACA,QAAMC,IAAaC,EAAuB,IAAI,GACxCC,IAAmBC,EAA2BJ,GAAKC,CAAU,GAC7D,CAACI,GAASC,CAAU,IAAIC,EAAiBlB,EAAkBC,GAAWC,CAAU,CAAC,GACjF,CAACiB,GAAgBC,CAAiB,IAAIF,EAAgC,IAAI,GAC1E,CAACG,GAAYC,CAAa,IAAIJ,EAAS,EAAK;AAElD,EAAAK,EAAU,MAAM;AACd,IAAAN,EAAWjB,EAAkBC,GAAWC,CAAU,CAAC;AAAA,EACrD,GAAG,CAACD,GAAWC,CAAU,CAAC;AAE1B,QAAMsB,IAAQC,EAAS,QAAQlB,CAAQ;AACvC,MAAIiB,EAAM,SAAS;AACjB,UAAM,IAAI,MAAM,kCAAkC;AAGpD,QAAME,IAAkB,MAAM;AAC5B,IAAAN,EAAkBR,EAAW,OAAO,GACpCU,EAAc,EAAI;AAAA,EACpB,GAEMK,IAAkBC;AAAA,IACtB,MACEC,EAAS,CAACC,MAAoB;AAC5B,UAAI,CAACT,EAAY;AACjB,YAAMU,IAAUnB,EAAW;AAC3B,UAAI,CAACmB,KAAWA,MAAYZ,EAAgB;AAK5C,YAAMa,IAAOD,EAAQ,sBAAA,GACfE,IAAQ3B,MAAgB,aAAa0B,EAAK,SAASA,EAAK,OACxDE,IAAS5B,MAAgB,aAAawB,EAAE,UAAUE,EAAK,MAAMF,EAAE,UAAUE,EAAK,MAE9EG,IAAU,KAAK,IAAI,GAAG,KAAK,IAAIF,IAAQ,GAAGC,CAAM,CAAC;AACvD,MAAAjB,EAAYkB,IAAUF,IAAS,GAAG;AAAA,IACpC,GAAG,MAAO,EAAE;AAAA,IACd,CAACZ,GAAYF,GAAgBb,CAAW;AAAA,EAAA,GAGpC8B,IAAgBC,EAAY,MAAM;AACtC,IAAAjB,EAAkB,IAAI,GACtBE,EAAc,EAAK,GACnB,SAAS,KAAK,oBAAoB,aAAac,CAAa,GAC5D,SAAS,KAAK,oBAAoB,eAAeT,CAAe;AAAA,EAClE,GAAG,CAACA,CAAe,CAAC;AAEpB,EAAAJ,EAAU,MAAM;AACd,IAAAf,KAAA,QAAAA,EAAeQ;AAAA,EACjB,GAAG,CAACA,GAASR,CAAY,CAAC;AAE1B,QAAM8B,IAAmB,CAACC,MAA0C;AAClE,UAAMC,IAAclC,MAAgB,aAAa,YAAY,aACvDmC,IAAcnC,MAAgB,aAAa,cAAc;AAE/D,IAAIiC,EAAM,QAAQC,KAChBD,EAAM,eAAA,GACNtB,EAAW,CAACyB,MAAS,KAAK,IAAI,GAAGA,IAAOjC,CAAY,CAAC,KAC5C8B,EAAM,QAAQE,KACvBF,EAAM,eAAA,GACNtB,EAAW,CAACyB,MAAS,KAAK,IAAI,KAAKA,IAAOjC,CAAY,CAAC,KAC9C8B,EAAM,QAAQ,UACvBA,EAAM,eAAA,GACNtB,EAAW,CAAC,KACHsB,EAAM,QAAQ,UACvBA,EAAM,eAAA,GACNtB,EAAW,GAAG;AAAA,EAElB,GAEM0B,IACJrC,MAAgB,aAAa,EAAE,QAAQ,GAAG,MAAMU,CAAO,IAAA,IAAQ,EAAE,OAAO,GAAG,MAAMA,CAAO,IAAA,GAEpF4B,IAAkBtC,MAAgB,aAAa,EAAE,QAAQ,GAAGU,CAAO,IAAA,IAAQ,EAAE,OAAO,GAAGA,CAAO,IAAA;AAEpG,SAAAO,EAAU,OACJF,KACF,SAAS,KAAK,iBAAiB,aAAae,CAAa,GACzD,SAAS,KAAK,iBAAiB,eAAeT,CAAe,GAC7D,SAAS,KAAK,MAAM,SAASrB,MAAgB,eAAe,aAAa,cAEzE,SAAS,KAAK,MAAM,SAAS,WAGxB,MAAM;AACX,aAAS,KAAK,oBAAoB,aAAa8B,CAAa,GAC5D,SAAS,KAAK,oBAAoB,eAAeT,CAAe;AAAA,EAClE,IACC,CAACA,GAAiBS,GAAef,GAAYf,CAAW,CAAC,GAG1D,gBAAAuC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAG,gCAAgC,QAAQxC,CAAW,IAAID,CAAS;AAAA,MAC9E,KAAKS;AAAA,MACL,eAAY;AAAA,MAEZ,UAAA;AAAA,QAAA,gBAAAiC,EAAC,OAAA,EAAI,WAAWD,EAAG,8BAA8B,QAAQxC,CAAW,EAAE,GAAG,OAAOsC,GAC7E,UAAApB,EAAM,CAAC,KAAK,IACf;AAAA,QACA,gBAAAuB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAerB;AAAA,YACf,WAAW;AAAA,YACX,MAAK;AAAA,YACL,oBAAkBpB,MAAgB,aAAa,eAAe;AAAA,YAC9D,iBAAe,KAAK,MAAMU,CAAO;AAAA,YACjC,iBAAe;AAAA,YACf,iBAAe;AAAA,YACf,cAAYN;AAAA,YACZ,UAAU;AAAA,YACV,WAAW4B;AAAA,UAAA;AAAA,QAAA;AAAA,QAEb,gBAAAS,EAAC,OAAA,EAAI,WAAWD,EAAG,+BAA+B,QAAQxC,CAAW,EAAE,GAAG,OAAOqC,GAC9E,UAAAnB,EAAM,CAAC,KAAK,GAAA,CACf;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

package/dist/components/layout/sectionHeader/index.d.ts

@@ -0,0 +1,2 @@
+export { SectionHeader, default } from "./sectionHeader";
+export type { SectionHeaderProps } from "./sectionHeader";

package/dist/components/layout/sectionHeader/sectionHeader.d.ts

@@ -0,0 +1,31 @@
+import React, { HTMLAttributes, ReactNode } from "react";
+export interface SectionHeaderProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
+    className?: string;
+    /** The section's name. */
+    title: ReactNode;
+    /** Heading level of the title: 2 by default. */
+    level?: 2 | 3 | 4 | 5 | 6;
+    /** How many items the section holds, beside the title. Nothing is shown for null. */
+    count?: number | string | null;
+    /**
+     * How to read the section, behind a "?" icon: shown on hover and on keyboard
+     * focus, and the icon's accessible name. Text only — the tooltip renders in
+     * the browser.
+     */
+    help?: string;
+    /** The "?" icon's accessible name, e.g. "Explanation: …"; the help text by default. */
+    helpLabel?: string;
+    /** Id of the heading, for anchors and aria-labelledby. */
+    titleId?: string;
+    /** A line under the title. */
+    subtitle?: ReactNode;
+}
+/**
+ * A section's heading row: the title with a count and a help hint, a subtitle
+ * under them, and the section's actions (the children) at the end. On a narrow
+ * screen the actions wrap under the title.
+ */
+export declare const SectionHeader: React.ForwardRefExoticComponent<SectionHeaderProps & {
+    children?: ReactNode | undefined;
+} & React.RefAttributes<HTMLElement>>;
+export default SectionHeader;

package/dist/components/layout/sectionHeader/sectionHeader.js

@@ -0,0 +1,67 @@
+import { jsxs as o, jsx as s } from "react/jsx-runtime";
+import '../../../assets/styles/less/components/sectionHeader/sectionHeader.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                                     */
+import _, { useState as u } from "react";
+import w from "clsx";
+import { Icon as b } from "../../base/icon/icon.js";
+import { Tooltip as N } from "../../feedBack/tooltip/tooltip.js";
+function v({ text: a, label: n }) {
+  const [i, e] = u(!1);
+  return /* @__PURE__ */ s(
+    N,
+    {
+      className: "smwb-section-header__tooltip",
+      message: a,
+      trigger: "manual",
+      open: i,
+      placement: "top",
+      offset: { offsetY: 6 },
+      children: /* @__PURE__ */ s(
+        "span",
+        {
+          className: "smwb-section-header__help",
+          role: "img",
+          "aria-label": n != null ? n : a,
+          tabIndex: 0,
+          onPointerEnter: () => e(!0),
+          onPointerLeave: () => e(!1),
+          onFocus: () => e(!0),
+          onBlur: () => e(!1),
+          onKeyDown: (t) => {
+            t.key === "Escape" && e(!1);
+          },
+          children: /* @__PURE__ */ s(b, { name: "help", size: 16 })
+        }
+      )
+    }
+  );
+}
+const I = _.forwardRef(
+  function({ className: n, title: i, level: e = 2, count: t, help: r, helpLabel: m, titleId: d, subtitle: c, children: l, ...h }, p) {
+    const f = `h${e}`;
+    return /* @__PURE__ */ o(
+      "header",
+      {
+        "data-testid": "section-header",
+        ...h,
+        ref: p,
+        className: w("smwb-section-header", `smwb-section-header_level-${e}`, n),
+        children: [
+          /* @__PURE__ */ o("div", { className: "smwb-section-header__titles", children: [
+            /* @__PURE__ */ o("div", { className: "smwb-section-header__title-line", children: [
+              /* @__PURE__ */ s(f, { id: d, className: "smwb-section-header__title", children: i }),
+              t != null ? /* @__PURE__ */ s("span", { className: "smwb-section-header__count", children: t }) : null,
+              r ? /* @__PURE__ */ s(v, { text: r, label: m }) : null
+            ] }),
+            c ? /* @__PURE__ */ s("div", { className: "smwb-section-header__subtitle", children: c }) : null
+          ] }),
+          l ? /* @__PURE__ */ s("div", { className: "smwb-section-header__actions", children: l }) : null
+        ]
+      }
+    );
+  }
+);
+export {
+  I as SectionHeader
+};
+//# sourceMappingURL=sectionHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sectionHeader.js","sources":["../../../../src/components/layout/sectionHeader/sectionHeader.tsx"],"sourcesContent":["import React, { HTMLAttributes, PropsWithChildren, ReactNode, useState } from \"react\";\nimport cn from \"clsx\";\nimport Icon from \"../../base/icon/icon\";\nimport { Tooltip } from \"../../feedBack/tooltip\";\n\nexport interface SectionHeaderProps extends Omit<HTMLAttributes<HTMLElement>, \"title\"> {\n  className?: string;\n  /** The section's name. */\n  title: ReactNode;\n  /** Heading level of the title: 2 by default. */\n  level?: 2 | 3 | 4 | 5 | 6;\n  /** How many items the section holds, beside the title. Nothing is shown for null. */\n  count?: number | string | null;\n  /**\n   * How to read the section, behind a \"?\" icon: shown on hover and on keyboard\n   * focus, and the icon's accessible name. Text only — the tooltip renders in\n   * the browser.\n   */\n  help?: string;\n  /** The \"?\" icon's accessible name, e.g. \"Explanation: …\"; the help text by default. */\n  helpLabel?: string;\n  /** Id of the heading, for anchors and aria-labelledby. */\n  titleId?: string;\n  /** A line under the title. */\n  subtitle?: ReactNode;\n}\n\n/** The \"?\" icon with its tooltip, open on hover and on keyboard focus. */\nfunction HelpHint({ text, label }: { text: string; label?: string }) {\n  const [open, setOpen] = useState(false);\n  return (\n    <Tooltip\n      className=\"smwb-section-header__tooltip\"\n      message={text}\n      trigger=\"manual\"\n      open={open}\n      placement=\"top\"\n      offset={{ offsetY: 6 }}\n    >\n      <span\n        className=\"smwb-section-header__help\"\n        role=\"img\"\n        aria-label={label ?? text}\n        tabIndex={0}\n        onPointerEnter={() => setOpen(true)}\n        onPointerLeave={() => setOpen(false)}\n        onFocus={() => setOpen(true)}\n        onBlur={() => setOpen(false)}\n        onKeyDown={(event) => {\n          if (event.key === \"Escape\") setOpen(false);\n        }}\n      >\n        <Icon name=\"help\" size={16} />\n      </span>\n    </Tooltip>\n  );\n}\n\n/**\n * A section's heading row: the title with a count and a help hint, a subtitle\n * under them, and the section's actions (the children) at the end. On a narrow\n * screen the actions wrap under the title.\n */\nexport const SectionHeader = React.forwardRef<HTMLElement, PropsWithChildren<SectionHeaderProps>>(\n  function SectionHeader(\n    { className, title, level = 2, count, help, helpLabel, titleId, subtitle, children, ...rest },\n    ref\n  ) {\n    const Heading = `h${level}` as \"h2\";\n    return (\n      <header\n        data-testid=\"section-header\"\n        {...rest}\n        ref={ref}\n        className={cn(\"smwb-section-header\", `smwb-section-header_level-${level}`, className)}\n      >\n        <div className=\"smwb-section-header__titles\">\n          <div className=\"smwb-section-header__title-line\">\n            <Heading id={titleId} className=\"smwb-section-header__title\">\n              {title}\n            </Heading>\n            {count !== undefined && count !== null ? <span className=\"smwb-section-header__count\">{count}</span> : null}\n            {help ? <HelpHint text={help} label={helpLabel} /> : null}\n          </div>\n          {subtitle ? <div className=\"smwb-section-header__subtitle\">{subtitle}</div> : null}\n        </div>\n        {children ? <div className=\"smwb-section-header__actions\">{children}</div> : null}\n      </header>\n    );\n  }\n);\n\nexport default SectionHeader;\n"],"names":["HelpHint","text","label","open","setOpen","useState","jsx","Tooltip","event","Icon","SectionHeader","React","className","title","level","count","help","helpLabel","titleId","subtitle","children","rest","ref","Heading","jsxs","cn"],"mappings":";;;;;;;AA8BA,SAASA,EAAS,EAAE,MAAAC,GAAM,OAAAC,KAA2C;AACnE,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAS,EAAK;AACtC,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,SAASN;AAAA,MACT,SAAQ;AAAA,MACR,MAAAE;AAAA,MACA,WAAU;AAAA,MACV,QAAQ,EAAE,SAAS,EAAA;AAAA,MAEnB,UAAA,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,MAAK;AAAA,UACL,cAAYJ,KAAA,OAAAA,IAASD;AAAA,UACrB,UAAU;AAAA,UACV,gBAAgB,MAAMG,EAAQ,EAAI;AAAA,UAClC,gBAAgB,MAAMA,EAAQ,EAAK;AAAA,UACnC,SAAS,MAAMA,EAAQ,EAAI;AAAA,UAC3B,QAAQ,MAAMA,EAAQ,EAAK;AAAA,UAC3B,WAAW,CAACI,MAAU;AACpB,YAAIA,EAAM,QAAQ,YAAUJ,EAAQ,EAAK;AAAA,UAC3C;AAAA,UAEA,UAAA,gBAAAE,EAACG,GAAA,EAAK,MAAK,QAAO,MAAM,GAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IAC9B;AAAA,EAAA;AAGN;AAOO,MAAMC,IAAgBC,EAAM;AAAA,EACjC,SACE,EAAE,WAAAC,GAAW,OAAAC,GAAO,OAAAC,IAAQ,GAAG,OAAAC,GAAO,MAAAC,GAAM,WAAAC,GAAW,SAAAC,GAAS,UAAAC,GAAU,UAAAC,GAAU,GAAGC,EAAA,GACvFC,GACA;AACA,UAAMC,IAAU,IAAIT,CAAK;AACzB,WACE,gBAAAU;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAY;AAAA,QACX,GAAGH;AAAA,QACJ,KAAAC;AAAA,QACA,WAAWG,EAAG,uBAAuB,6BAA6BX,CAAK,IAAIF,CAAS;AAAA,QAEpF,UAAA;AAAA,UAAA,gBAAAY,EAAC,OAAA,EAAI,WAAU,+BACb,UAAA;AAAA,YAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,mCACb,UAAA;AAAA,cAAA,gBAAAlB,EAACiB,GAAA,EAAQ,IAAIL,GAAS,WAAU,8BAC7B,UAAAL,GACH;AAAA,cACwBE,KAAU,yBAAQ,QAAA,EAAK,WAAU,8BAA8B,UAAAA,EAAA,CAAM,IAAU;AAAA,cACtGC,IAAO,gBAAAV,EAACN,GAAA,EAAS,MAAMgB,GAAM,OAAOC,GAAW,IAAK;AAAA,YAAA,GACvD;AAAA,YACCE,IAAW,gBAAAb,EAAC,OAAA,EAAI,WAAU,iCAAiC,aAAS,IAAS;AAAA,UAAA,GAChF;AAAA,UACCc,IAAW,gBAAAd,EAAC,OAAA,EAAI,WAAU,gCAAgC,UAAAc,GAAS,IAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGnF;AACF;"}

package/dist/components/layout/sheet/sheet.js

@@ -1,5 +1,6 @@
 import { jsx as n, jsxs as re } from "react/jsx-runtime";
-import '../../../assets/styles/less/components/sheet/sheet.entry.css';/* empty css                                                     */
+import '../../../assets/styles/less/components/sheet/sheet.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                     */
 import K, { forwardRef as ne, useState as W, useRef as H, useEffect as oe, useCallback as w } from "react";
 import L from "clsx";
 import { CSSTransition as j } from "react-transition-group";
@@ -9,7 +10,7 @@ import { Icon as $ } from "../../base/icon/icon.js";
 import { useForkRef as ae } from "../../../hooks/useForkRef.js";
 import { isTopOverlayLayer as ie } from "../../../utils/overlayLayer.js";
 import { ClickAwayListener as le } from "../../clickAwayListener/clickAwayListener.js";
-const ke = ne(function({
+const Ae = ne(function({
   isOpen: m,
   onClose: i,
   variant: d = "default",
@@ -222,7 +223,7 @@ const ke = ne(function({
   ) });
 });
 export {
-  ke as Sheet,
-  ke as default
+  Ae as Sheet,
+  Ae as default
 };
 //# sourceMappingURL=sheet.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sheet.js","sources":["../../../../src/components/layout/sheet/sheet.tsx"],"sourcesContent":["import React, { CSSProperties, forwardRef, PropsWithChildren, useCallback, useEffect, useRef, useState } from \"react\";\nimport cn from \"clsx\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { createPortal } from \"react-dom\";\nimport Button from \"../../inputs/button/button\";\nimport Icon from \"../../base/icon/icon\";\nimport { ClickAwayListener } from \"../../clickAwayListener\";\nimport { useForkRef } from \"../../../hooks/useForkRef\";\nimport { isTopOverlayLayer } from \"../../../utils/overlayLayer\";\n\nexport interface SheetProps extends React.HTMLAttributes<HTMLDivElement> {\n  className?: string;\n  placement?: \"top\" | \"bottom\" | \"right\" | \"left\";\n  isOpen: boolean;\n  onClose?: () => void;\n  variant?: \"default\" | \"modal\";\n  withSizeToggle?: boolean;\n  /** Hide built-in header actions; onClose still handles Esc and backdrop. */\n  hideHeaderActions?: boolean;\n  reverseHeaderActions?: boolean;\n  size?: string;\n  disableOutsideClick?: boolean;\n  /** Close the sheet when Escape is pressed. */\n  closeOnEsc?: boolean;\n  /**\n   * Allow the user to resize the sheet by dragging a grab handle with\n   * touch or mouse (mobile bottom-sheet style). Off by default.\n   */\n  resizable?: boolean;\n  /** Minimum size in px while resizing (default 80). */\n  minSize?: number;\n  /** Maximum size in px while resizing (default: viewport dimension). */\n  maxSize?: number;\n  /** Step in px for keyboard resizing (default 24). */\n  resizeStep?: number;\n  /** Accessible label for the resize handle. */\n  resizeHandleAriaLabel?: string;\n  /** Called with the new size in px while/after resizing. */\n  onResize?: (size: number) => void;\n  \"aria-label\"?: string;\n}\n\ntype Mode = \"small\" | \"expanded\" | null;\n\nexport const Sheet = forwardRef<HTMLDivElement, PropsWithChildren<SheetProps>>(function Sheet(\n  {\n    isOpen,\n    onClose,\n    variant = \"default\",\n    children,\n    placement = \"bottom\",\n    disableOutsideClick,\n    closeOnEsc = true,\n    ...props\n  },\n  ref\n) {\n  const [mode, setMode] = useState<Mode>(null);\n  const nodeRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!isOpen || !closeOnEsc || !onClose) {\n      return;\n    }\n    const onKeyDown = (event: KeyboardEvent) => {\n      // Only the topmost overlay layer reacts to Escape.\n      if (event.key === \"Escape\" && isTopOverlayLayer(nodeRef.current)) {\n        onClose();\n      }\n    };\n    document.addEventListener(\"keydown\", onKeyDown);\n\n    return () => document.removeEventListener(\"keydown\", onKeyDown);\n  }, [isOpen, closeOnEsc, onClose]);\n\n  const handleSizeButton = () => {\n    if (mode === \"expanded\") {\n      setMode(\"small\");\n    } else if (!mode) {\n      setMode(\"expanded\");\n    } else {\n      setMode(null);\n    }\n  };\n\n  const handleClose = () => {\n    onClose?.();\n    setMode(null);\n  };\n\n  return createPortal(\n    <CSSTransition\n      in={isOpen}\n      timeout={70}\n      mountOnEnter\n      unmountOnExit\n      classNames={{ enterDone: \"smwb-entered\" }}\n      appear\n      nodeRef={nodeRef}\n    >\n      {variant === \"default\" ? (\n        <div\n          className={cn(disableOutsideClick ? \"smwb-sheet__overlay\" : \"smwb-sheet__default\")}\n          ref={nodeRef}\n          data-smwb-overlay-layer=\"\"\n        >\n          <SheetBlock\n            ref={ref}\n            onClose={onClose}\n            handleSizeButton={handleSizeButton}\n            handleClose={handleClose}\n            isOpen={isOpen}\n            mode={mode}\n            placement={placement}\n            variant={variant}\n            {...props}\n          >\n            {children}\n          </SheetBlock>\n        </div>\n      ) : (\n        <div\n          className={cn(\"smwb-sheet__overlay\", \"smwb-dark\", `smwb-${placement}`, `smwb-sheet_${variant}`)}\n          ref={nodeRef}\n          data-smwb-overlay-layer=\"\"\n        >\n          <ClickAwayListener onClickAway={() => !disableOutsideClick && handleClose()}>\n            <SheetBlock\n              ref={ref}\n              onClose={onClose}\n              handleSizeButton={handleSizeButton}\n              handleClose={handleClose}\n              isOpen={isOpen}\n              mode={mode}\n              placement={placement}\n              variant={variant}\n              {...props}\n            >\n              {children}\n            </SheetBlock>\n          </ClickAwayListener>\n        </div>\n      )}\n    </CSSTransition>,\n    document.body\n  );\n});\n\nexport default Sheet;\n\ninterface SheetBlockProps extends SheetProps {\n  mode: Mode;\n  handleSizeButton: () => void;\n  handleClose: () => void;\n}\n\n/** Sheets anchored to a horizontal edge resize on the Y axis, vertical edges on X. */\nconst isVerticalAxis = (placement: SheetProps[\"placement\"]) => placement === \"bottom\" || placement === \"top\";\n\nconst SheetBlock = React.forwardRef(function SheetBlock(props: SheetBlockProps, ref: React.Ref<HTMLDivElement>) {\n  const {\n    isOpen,\n    placement,\n    className,\n    mode,\n\n    size = \"60%\",\n    variant,\n    onClose,\n    withSizeToggle = true,\n    hideHeaderActions = false,\n    reverseHeaderActions = false,\n    resizable = false,\n    minSize = 80,\n    maxSize,\n    resizeStep = 24,\n    resizeHandleAriaLabel = \"Resize sheet\",\n    onResize,\n    style,\n    handleClose,\n    handleSizeButton,\n    children,\n    ...rest\n  } = props;\n  const showActions = !hideHeaderActions && (!!onClose || withSizeToggle);\n  const headerActionNodes: React.ReactNode[] = [];\n  if (withSizeToggle) {\n    headerActionNodes.push(\n      <Button variant={\"outlined\"} size=\"small\" onClick={handleSizeButton} key=\"size\">\n        <Icon name=\"open_in_full\" />\n      </Button>\n    );\n  }\n  if (onClose) {\n    headerActionNodes.push(\n      <Button variant={\"outlined\"} size=\"small\" onClick={handleClose} key=\"close\">\n        <Icon name=\"close\" />\n      </Button>\n    );\n  }\n  if (reverseHeaderActions) {\n    headerActionNodes.reverse();\n  }\n  const nodeRef = useRef<HTMLDivElement>(null);\n  const rootRef = useRef<HTMLDivElement>(null);\n  const forkRef = useForkRef(ref, nodeRef, rootRef);\n\n  // Drag-to-resize state. `dragSize` (px) wins over the CSS size when set\n  // (inline style beats the .smwb-expanded/.smwb-small rules).\n  const [dragSize, setDragSize] = useState<number | null>(null);\n  const vertical = isVerticalAxis(placement);\n\n  const clamp = useCallback(\n    (px: number) => {\n      const viewport = vertical ? window.innerHeight : window.innerWidth;\n      const max = maxSize ?? viewport;\n      return Math.max(minSize, Math.min(max, px));\n    },\n    [vertical, maxSize, minSize]\n  );\n\n  const currentSizePx = useCallback(() => {\n    const rect = rootRef.current?.getBoundingClientRect();\n    if (!rect) {\n      return minSize;\n    }\n    return vertical ? rect.height : rect.width;\n  }, [vertical, minSize]);\n\n  const applySize = useCallback(\n    (px: number) => {\n      const next = clamp(px);\n      setDragSize(next);\n      onResize?.(next);\n    },\n    [clamp, onResize]\n  );\n\n  const dragRef = useRef<{ start: number; size: number } | null>(null);\n\n  const onPointerDown = useCallback(\n    (event: React.PointerEvent<HTMLDivElement>) => {\n      event.preventDefault();\n      dragRef.current = {\n        start: vertical ? event.clientY : event.clientX,\n        size: currentSizePx(),\n      };\n      try {\n        event.currentTarget.setPointerCapture?.(event.pointerId);\n      } catch {\n        /* pointer capture is best-effort (unsupported in some envs) */\n      }\n    },\n    [vertical, currentSizePx]\n  );\n\n  const onPointerMove = useCallback(\n    (event: React.PointerEvent<HTMLDivElement>) => {\n      const drag = dragRef.current;\n      if (!drag) {\n        return;\n      }\n      const pos = vertical ? event.clientY : event.clientX;\n      const delta = pos - drag.start;\n      // Sign so dragging *away* from the anchored edge grows the sheet.\n      const grow = placement === \"bottom\" || placement === \"right\" ? -delta : delta;\n      applySize(drag.size + grow);\n    },\n    [vertical, placement, applySize]\n  );\n\n  const endDrag = useCallback((event: React.PointerEvent<HTMLDivElement>) => {\n    dragRef.current = null;\n    if (event.currentTarget.hasPointerCapture?.(event.pointerId)) {\n      event.currentTarget.releasePointerCapture?.(event.pointerId);\n    }\n  }, []);\n\n  const onHandleKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      const base = dragSize ?? currentSizePx();\n      const max = maxSize ?? (vertical ? window.innerHeight : window.innerWidth);\n      // Key that should make the sheet *bigger*, per anchored edge.\n      const incKey =\n        placement === \"bottom\"\n          ? \"ArrowUp\"\n          : placement === \"top\"\n            ? \"ArrowDown\"\n            : placement === \"left\"\n              ? \"ArrowRight\"\n              : \"ArrowLeft\";\n      const decKey =\n        placement === \"bottom\"\n          ? \"ArrowDown\"\n          : placement === \"top\"\n            ? \"ArrowUp\"\n            : placement === \"left\"\n              ? \"ArrowLeft\"\n              : \"ArrowRight\";\n      if (event.key === incKey) {\n        event.preventDefault();\n        applySize(base + resizeStep);\n      } else if (event.key === decKey) {\n        event.preventDefault();\n        applySize(base - resizeStep);\n      } else if (event.key === \"Home\") {\n        event.preventDefault();\n        applySize(minSize);\n      } else if (event.key === \"End\") {\n        event.preventDefault();\n        applySize(max);\n      }\n    },\n    [dragSize, currentSizePx, vertical, placement, applySize, resizeStep, minSize, maxSize]\n  );\n\n  React.useEffect(() => {\n    if (!isOpen) {\n      setDragSize(null);\n      return;\n    }\n\n    rootRef.current?.focus();\n  }, [isOpen]);\n\n  // While a drag size is applied, suppress the sheet's 0.2s size\n  // transition so the panel tracks the pointer in real time instead\n  // of lagging 200ms behind every move.\n  const sizeStyle: CSSProperties =\n    resizable && dragSize !== null\n      ? { ...(vertical ? { height: dragSize } : { width: dragSize }), transition: \"none\" }\n      : {};\n\n  return (\n    <CSSTransition in={isOpen} timeout={120} appear classNames={{ enterDone: \"smwb-sheet_entered\" }} nodeRef={nodeRef}>\n      <div\n        ref={forkRef}\n        data-testid=\"sheet\"\n        tabIndex={-1}\n        role=\"dialog\"\n        aria-modal={variant === \"modal\" || undefined}\n        {...rest}\n        className={cn(\"smwb-sheet\", className, `smwb-sheet_${variant}`, `smwb-${placement}`, {\n          \"smwb-expanded\": mode === \"expanded\",\n          \"smwb-small\": mode === \"small\",\n          \"smwb-sheet_resizable\": resizable,\n        })}\n        style={{ \"--sizeProp\": size, ...sizeStyle, ...style } as CSSProperties}\n      >\n        {resizable && (\n          <div\n            className=\"smwb-sheet__drag-handle\"\n            data-testid=\"sheet-drag-handle\"\n            role=\"separator\"\n            tabIndex={0}\n            aria-orientation={vertical ? \"horizontal\" : \"vertical\"}\n            aria-label={resizeHandleAriaLabel}\n            aria-valuemin={minSize}\n            aria-valuemax={Math.round(maxSize ?? (vertical ? window.innerHeight : window.innerWidth))}\n            aria-valuenow={Math.round(dragSize ?? currentSizePx())}\n            onPointerDown={onPointerDown}\n            onPointerMove={onPointerMove}\n            onPointerUp={endDrag}\n            onPointerCancel={endDrag}\n            onKeyDown={onHandleKeyDown}\n          >\n            <span className=\"smwb-sheet__drag-handle-bar\" />\n          </div>\n        )}\n        {showActions && <div className=\"smwb-sheet__header\">{headerActionNodes}</div>}\n        {isOpen && mode !== \"small\" && <div className=\"smwb-sheet__inner\">{children}</div>}\n      </div>\n    </CSSTransition>\n  );\n});\n"],"names":["Sheet","forwardRef","isOpen","onClose","variant","children","placement","disableOutsideClick","closeOnEsc","props","ref","mode","setMode","useState","nodeRef","useRef","useEffect","onKeyDown","event","isTopOverlayLayer","handleSizeButton","handleClose","createPortal","jsx","CSSTransition","cn","SheetBlock","ClickAwayListener","isVerticalAxis","React","className","size","withSizeToggle","hideHeaderActions","reverseHeaderActions","resizable","minSize","maxSize","resizeStep","resizeHandleAriaLabel","onResize","style","rest","showActions","headerActionNodes","Button","Icon","rootRef","forkRef","useForkRef","dragSize","setDragSize","vertical","clamp","useCallback","px","viewport","max","currentSizePx","rect","_a","applySize","next","dragRef","onPointerDown","_b","onPointerMove","drag","delta","grow","endDrag","_d","_c","onHandleKeyDown","base","incKey","decKey","sizeStyle","jsxs"],"mappings":";;;;;;;;;;;AA6CO,MAAMA,KAAQC,GAA0D,SAC7E;AAAA,EACE,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,qBAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,GAAGC;AACL,GACAC,GACA;AACA,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAe,IAAI,GACrCC,IAAUC,EAAuB,IAAI;AAE3C,EAAAC,GAAU,MAAM;AACd,QAAI,CAACd,KAAU,CAACM,KAAc,CAACL;AAC7B;AAEF,UAAMc,IAAY,CAACC,MAAyB;AAE1C,MAAIA,EAAM,QAAQ,YAAYC,GAAkBL,EAAQ,OAAO,KAC7DX,EAAA;AAAA,IAEJ;AACA,oBAAS,iBAAiB,WAAWc,CAAS,GAEvC,MAAM,SAAS,oBAAoB,WAAWA,CAAS;AAAA,EAChE,GAAG,CAACf,GAAQM,GAAYL,CAAO,CAAC;AAEhC,QAAMiB,IAAmB,MAAM;AAC7B,IACER,EADED,MAAS,aACH,UACEA,IAGF,OAFA,UAFO;AAAA,EAMnB,GAEMU,IAAc,MAAM;AACxB,IAAAlB,KAAA,QAAAA,KACAS,EAAQ,IAAI;AAAA,EACd;AAEA,SAAOU;AAAA,IACL,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,IAAItB;AAAA,QACJ,SAAS;AAAA,QACT,cAAY;AAAA,QACZ,eAAa;AAAA,QACb,YAAY,EAAE,WAAW,eAAA;AAAA,QACzB,QAAM;AAAA,QACN,SAAAY;AAAA,QAEC,gBAAY,YACX,gBAAAS;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWE,EAAGlB,IAAsB,wBAAwB,qBAAqB;AAAA,YACjF,KAAKO;AAAA,YACL,2BAAwB;AAAA,YAExB,UAAA,gBAAAS;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,KAAAhB;AAAA,gBACA,SAAAP;AAAA,gBACA,kBAAAiB;AAAA,gBACA,aAAAC;AAAA,gBACA,QAAAnB;AAAA,gBACA,MAAAS;AAAA,gBACA,WAAAL;AAAA,gBACA,SAAAF;AAAA,gBACC,GAAGK;AAAA,gBAEH,UAAAJ;AAAA,cAAA;AAAA,YAAA;AAAA,UACH;AAAA,QAAA,IAGF,gBAAAkB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWE,EAAG,uBAAuB,aAAa,QAAQnB,CAAS,IAAI,cAAcF,CAAO,EAAE;AAAA,YAC9F,KAAKU;AAAA,YACL,2BAAwB;AAAA,YAExB,4BAACa,IAAA,EAAkB,aAAa,MAAM,CAACpB,KAAuBc,KAC5D,UAAA,gBAAAE;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,KAAAhB;AAAA,gBACA,SAAAP;AAAA,gBACA,kBAAAiB;AAAA,gBACA,aAAAC;AAAA,gBACA,QAAAnB;AAAA,gBACA,MAAAS;AAAA,gBACA,WAAAL;AAAA,gBACA,SAAAF;AAAA,gBACC,GAAGK;AAAA,gBAEH,UAAAJ;AAAA,cAAA;AAAA,YAAA,EACH,CACF;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,IAGJ,SAAS;AAAA,EAAA;AAEb,CAAC,GAWKuB,KAAiB,CAACtB,MAAuCA,MAAc,YAAYA,MAAc,OAEjGoB,IAAaG,EAAM,WAAW,SAAoBpB,GAAwBC,GAAgC;AAC9G,QAAM;AAAA,IACJ,QAAAR;AAAA,IACA,WAAAI;AAAA,IACA,WAAAwB;AAAA,IACA,MAAAnB;AAAA,IAEA,MAAAoB,IAAO;AAAA,IACP,SAAA3B;AAAA,IACA,SAAAD;AAAA,IACA,gBAAA6B,IAAiB;AAAA,IACjB,mBAAAC,IAAoB;AAAA,IACpB,sBAAAC,IAAuB;AAAA,IACvB,WAAAC,IAAY;AAAA,IACZ,SAAAC,IAAU;AAAA,IACV,SAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,uBAAAC,IAAwB;AAAA,IACxB,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAApB;AAAA,IACA,kBAAAD;AAAA,IACA,UAAAf;AAAA,IACA,GAAGqC;AAAA,EAAA,IACDjC,GACEkC,IAAc,CAACV,MAAsB,CAAC,CAAC9B,KAAW6B,IAClDY,IAAuC,CAAA;AAC7C,EAAIZ,KACFY,EAAkB;AAAA,IAChB,gBAAArB,EAACsB,GAAA,EAAO,SAAS,YAAY,MAAK,SAAQ,SAASzB,GACjD,UAAA,gBAAAG,EAACuB,GAAA,EAAK,MAAK,eAAA,CAAe,KAD6C,MAEzE;AAAA,EAAA,GAGA3C,KACFyC,EAAkB;AAAA,IAChB,gBAAArB,EAACsB,GAAA,EAAO,SAAS,YAAY,MAAK,SAAQ,SAASxB,GACjD,UAAA,gBAAAE,EAACuB,GAAA,EAAK,MAAK,QAAA,CAAQ,KAD+C,OAEpE;AAAA,EAAA,GAGAZ,KACFU,EAAkB,QAAA;AAEpB,QAAM9B,IAAUC,EAAuB,IAAI,GACrCgC,IAAUhC,EAAuB,IAAI,GACrCiC,IAAUC,GAAWvC,GAAKI,GAASiC,CAAO,GAI1C,CAACG,GAAUC,CAAW,IAAItC,EAAwB,IAAI,GACtDuC,IAAWxB,GAAetB,CAAS,GAEnC+C,IAAQC;AAAA,IACZ,CAACC,MAAe;AACd,YAAMC,IAAWJ,IAAW,OAAO,cAAc,OAAO,YAClDK,IAAMpB,KAAA,OAAAA,IAAWmB;AACvB,aAAO,KAAK,IAAIpB,GAAS,KAAK,IAAIqB,GAAKF,CAAE,CAAC;AAAA,IAC5C;AAAA,IACA,CAACH,GAAUf,GAASD,CAAO;AAAA,EAAA,GAGvBsB,IAAgBJ,EAAY,MAAM;;AACtC,UAAMK,KAAOC,IAAAb,EAAQ,YAAR,gBAAAa,EAAiB;AAC9B,WAAKD,IAGEP,IAAWO,EAAK,SAASA,EAAK,QAF5BvB;AAAA,EAGX,GAAG,CAACgB,GAAUhB,CAAO,CAAC,GAEhByB,IAAYP;AAAA,IAChB,CAACC,MAAe;AACd,YAAMO,IAAOT,EAAME,CAAE;AACrB,MAAAJ,EAAYW,CAAI,GAChBtB,KAAA,QAAAA,EAAWsB;AAAA,IACb;AAAA,IACA,CAACT,GAAOb,CAAQ;AAAA,EAAA,GAGZuB,IAAUhD,EAA+C,IAAI,GAE7DiD,IAAgBV;AAAA,IACpB,CAACpC,MAA8C;;AAC7C,MAAAA,EAAM,eAAA,GACN6C,EAAQ,UAAU;AAAA,QAChB,OAAOX,IAAWlC,EAAM,UAAUA,EAAM;AAAA,QACxC,MAAMwC,EAAA;AAAA,MAAc;AAEtB,UAAI;AACF,SAAAO,KAAAL,IAAA1C,EAAM,eAAc,sBAApB,QAAA+C,EAAA,KAAAL,GAAwC1C,EAAM;AAAA,MAChD,QAAQ;AAAA,MAER;AAAA,IACF;AAAA,IACA,CAACkC,GAAUM,CAAa;AAAA,EAAA,GAGpBQ,IAAgBZ;AAAA,IACpB,CAACpC,MAA8C;AAC7C,YAAMiD,IAAOJ,EAAQ;AACrB,UAAI,CAACI;AACH;AAGF,YAAMC,KADMhB,IAAWlC,EAAM,UAAUA,EAAM,WACzBiD,EAAK,OAEnBE,IAAO/D,MAAc,YAAYA,MAAc,UAAU,CAAC8D,IAAQA;AACxE,MAAAP,EAAUM,EAAK,OAAOE,CAAI;AAAA,IAC5B;AAAA,IACA,CAACjB,GAAU9C,GAAWuD,CAAS;AAAA,EAAA,GAG3BS,IAAUhB,EAAY,CAACpC,MAA8C;;AACzE,IAAA6C,EAAQ,UAAU,OACdE,KAAAL,IAAA1C,EAAM,eAAc,sBAApB,QAAA+C,EAAA,KAAAL,GAAwC1C,EAAM,gBAChDqD,KAAAC,IAAAtD,EAAM,eAAc,0BAApB,QAAAqD,EAAA,KAAAC,GAA4CtD,EAAM;AAAA,EAEtD,GAAG,CAAA,CAAE,GAECuD,KAAkBnB;AAAA,IACtB,CAACpC,MAA+C;AAC9C,YAAMwD,IAAOxB,KAAA,OAAAA,IAAYQ,EAAA,GACnBD,IAAMpB,KAAA,OAAAA,IAAYe,IAAW,OAAO,cAAc,OAAO,YAEzDuB,IACJrE,MAAc,WACV,YACAA,MAAc,QACZ,cACAA,MAAc,SACZ,eACA,aACJsE,IACJtE,MAAc,WACV,cACAA,MAAc,QACZ,YACAA,MAAc,SACZ,cACA;AACV,MAAIY,EAAM,QAAQyD,KAChBzD,EAAM,eAAA,GACN2C,EAAUa,IAAOpC,CAAU,KAClBpB,EAAM,QAAQ0D,KACvB1D,EAAM,eAAA,GACN2C,EAAUa,IAAOpC,CAAU,KAClBpB,EAAM,QAAQ,UACvBA,EAAM,eAAA,GACN2C,EAAUzB,CAAO,KACRlB,EAAM,QAAQ,UACvBA,EAAM,eAAA,GACN2C,EAAUJ,CAAG;AAAA,IAEjB;AAAA,IACA,CAACP,GAAUQ,GAAeN,GAAU9C,GAAWuD,GAAWvB,GAAYF,GAASC,CAAO;AAAA,EAAA;AAGxF,EAAAR,EAAM,UAAU,MAAM;;AACpB,QAAI,CAAC3B,GAAQ;AACX,MAAAiD,EAAY,IAAI;AAChB;AAAA,IACF;AAEA,KAAAS,IAAAb,EAAQ,YAAR,QAAAa,EAAiB;AAAA,EACnB,GAAG,CAAC1D,CAAM,CAAC;AAKX,QAAM2E,KACJ1C,KAAae,MAAa,OACtB,EAAE,GAAIE,IAAW,EAAE,QAAQF,EAAA,IAAa,EAAE,OAAOA,EAAA,GAAa,YAAY,OAAA,IAC1E,CAAA;AAEN,SACE,gBAAA3B,EAACC,GAAA,EAAc,IAAItB,GAAQ,SAAS,KAAK,QAAM,IAAC,YAAY,EAAE,WAAW,qBAAA,GAAwB,SAAAY,GAC/F,UAAA,gBAAAgE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK9B;AAAA,MACL,eAAY;AAAA,MACZ,UAAU;AAAA,MACV,MAAK;AAAA,MACL,cAAY5C,MAAY,WAAW;AAAA,MAClC,GAAGsC;AAAA,MACJ,WAAWjB,EAAG,cAAcK,GAAW,cAAc1B,CAAO,IAAI,QAAQE,CAAS,IAAI;AAAA,QACnF,iBAAiBK,MAAS;AAAA,QAC1B,cAAcA,MAAS;AAAA,QACvB,wBAAwBwB;AAAA,MAAA,CACzB;AAAA,MACD,OAAO,EAAE,cAAcJ,GAAM,GAAG8C,IAAW,GAAGpC,EAAA;AAAA,MAE7C,UAAA;AAAA,QAAAN,KACC,gBAAAZ;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAY;AAAA,YACZ,MAAK;AAAA,YACL,UAAU;AAAA,YACV,oBAAkB6B,IAAW,eAAe;AAAA,YAC5C,cAAYb;AAAA,YACZ,iBAAeH;AAAA,YACf,iBAAe,KAAK,MAAMC,KAAA,OAAAA,IAAYe,IAAW,OAAO,cAAc,OAAO,UAAW;AAAA,YACxF,iBAAe,KAAK,MAAMF,KAAA,OAAAA,IAAYQ,GAAe;AAAA,YACrD,eAAAM;AAAA,YACA,eAAAE;AAAA,YACA,aAAaI;AAAA,YACb,iBAAiBA;AAAA,YACjB,WAAWG;AAAA,YAEX,UAAA,gBAAAlD,EAAC,QAAA,EAAK,WAAU,8BAAA,CAA8B;AAAA,UAAA;AAAA,QAAA;AAAA,QAGjDoB,KAAe,gBAAApB,EAAC,OAAA,EAAI,WAAU,sBAAsB,UAAAqB,GAAkB;AAAA,QACtE1C,KAAUS,MAAS,6BAAY,OAAA,EAAI,WAAU,qBAAqB,UAAAN,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEhF;AAEJ,CAAC;"}
+{"version":3,"file":"sheet.js","sources":["../../../../src/components/layout/sheet/sheet.tsx"],"sourcesContent":["import React, { CSSProperties, forwardRef, PropsWithChildren, useCallback, useEffect, useRef, useState } from \"react\";\nimport cn from \"clsx\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { createPortal } from \"react-dom\";\nimport Button from \"../../inputs/button/button\";\nimport Icon from \"../../base/icon/icon\";\nimport { ClickAwayListener } from \"../../clickAwayListener\";\nimport { useForkRef } from \"../../../hooks/useForkRef\";\nimport { isTopOverlayLayer } from \"../../../utils/overlayLayer\";\n\nexport interface SheetProps extends React.HTMLAttributes<HTMLDivElement> {\n  className?: string;\n  placement?: \"top\" | \"bottom\" | \"right\" | \"left\";\n  isOpen: boolean;\n  onClose?: () => void;\n  variant?: \"default\" | \"modal\";\n  withSizeToggle?: boolean;\n  /** Hide built-in header actions; onClose still handles Esc and backdrop. */\n  hideHeaderActions?: boolean;\n  reverseHeaderActions?: boolean;\n  size?: string;\n  disableOutsideClick?: boolean;\n  /** Close the sheet when Escape is pressed. */\n  closeOnEsc?: boolean;\n  /**\n   * Allow the user to resize the sheet by dragging a grab handle with\n   * touch or mouse (mobile bottom-sheet style). Off by default.\n   */\n  resizable?: boolean;\n  /** Minimum size in px while resizing (default 80). */\n  minSize?: number;\n  /** Maximum size in px while resizing (default: viewport dimension). */\n  maxSize?: number;\n  /** Step in px for keyboard resizing (default 24). */\n  resizeStep?: number;\n  /** Accessible label for the resize handle. */\n  resizeHandleAriaLabel?: string;\n  /** Called with the new size in px while/after resizing. */\n  onResize?: (size: number) => void;\n  \"aria-label\"?: string;\n}\n\ntype Mode = \"small\" | \"expanded\" | null;\n\nexport const Sheet = forwardRef<HTMLDivElement, PropsWithChildren<SheetProps>>(function Sheet(\n  {\n    isOpen,\n    onClose,\n    variant = \"default\",\n    children,\n    placement = \"bottom\",\n    disableOutsideClick,\n    closeOnEsc = true,\n    ...props\n  },\n  ref\n) {\n  const [mode, setMode] = useState<Mode>(null);\n  const nodeRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!isOpen || !closeOnEsc || !onClose) {\n      return;\n    }\n    const onKeyDown = (event: KeyboardEvent) => {\n      // Only the topmost overlay layer reacts to Escape.\n      if (event.key === \"Escape\" && isTopOverlayLayer(nodeRef.current)) {\n        onClose();\n      }\n    };\n    document.addEventListener(\"keydown\", onKeyDown);\n\n    return () => document.removeEventListener(\"keydown\", onKeyDown);\n  }, [isOpen, closeOnEsc, onClose]);\n\n  const handleSizeButton = () => {\n    if (mode === \"expanded\") {\n      setMode(\"small\");\n    } else if (!mode) {\n      setMode(\"expanded\");\n    } else {\n      setMode(null);\n    }\n  };\n\n  const handleClose = () => {\n    onClose?.();\n    setMode(null);\n  };\n\n  return createPortal(\n    <CSSTransition\n      in={isOpen}\n      timeout={70}\n      mountOnEnter\n      unmountOnExit\n      classNames={{ enterDone: \"smwb-entered\" }}\n      appear\n      nodeRef={nodeRef}\n    >\n      {variant === \"default\" ? (\n        <div\n          className={cn(disableOutsideClick ? \"smwb-sheet__overlay\" : \"smwb-sheet__default\")}\n          ref={nodeRef}\n          data-smwb-overlay-layer=\"\"\n        >\n          <SheetBlock\n            ref={ref}\n            onClose={onClose}\n            handleSizeButton={handleSizeButton}\n            handleClose={handleClose}\n            isOpen={isOpen}\n            mode={mode}\n            placement={placement}\n            variant={variant}\n            {...props}\n          >\n            {children}\n          </SheetBlock>\n        </div>\n      ) : (\n        <div\n          className={cn(\"smwb-sheet__overlay\", \"smwb-dark\", `smwb-${placement}`, `smwb-sheet_${variant}`)}\n          ref={nodeRef}\n          data-smwb-overlay-layer=\"\"\n        >\n          <ClickAwayListener onClickAway={() => !disableOutsideClick && handleClose()}>\n            <SheetBlock\n              ref={ref}\n              onClose={onClose}\n              handleSizeButton={handleSizeButton}\n              handleClose={handleClose}\n              isOpen={isOpen}\n              mode={mode}\n              placement={placement}\n              variant={variant}\n              {...props}\n            >\n              {children}\n            </SheetBlock>\n          </ClickAwayListener>\n        </div>\n      )}\n    </CSSTransition>,\n    document.body\n  );\n});\n\nexport default Sheet;\n\ninterface SheetBlockProps extends SheetProps {\n  mode: Mode;\n  handleSizeButton: () => void;\n  handleClose: () => void;\n}\n\n/** Sheets anchored to a horizontal edge resize on the Y axis, vertical edges on X. */\nconst isVerticalAxis = (placement: SheetProps[\"placement\"]) => placement === \"bottom\" || placement === \"top\";\n\nconst SheetBlock = React.forwardRef(function SheetBlock(props: SheetBlockProps, ref: React.Ref<HTMLDivElement>) {\n  const {\n    isOpen,\n    placement,\n    className,\n    mode,\n\n    size = \"60%\",\n    variant,\n    onClose,\n    withSizeToggle = true,\n    hideHeaderActions = false,\n    reverseHeaderActions = false,\n    resizable = false,\n    minSize = 80,\n    maxSize,\n    resizeStep = 24,\n    resizeHandleAriaLabel = \"Resize sheet\",\n    onResize,\n    style,\n    handleClose,\n    handleSizeButton,\n    children,\n    ...rest\n  } = props;\n  const showActions = !hideHeaderActions && (!!onClose || withSizeToggle);\n  const headerActionNodes: React.ReactNode[] = [];\n  if (withSizeToggle) {\n    headerActionNodes.push(\n      <Button variant={\"outlined\"} size=\"small\" onClick={handleSizeButton} key=\"size\">\n        <Icon name=\"open_in_full\" />\n      </Button>\n    );\n  }\n  if (onClose) {\n    headerActionNodes.push(\n      <Button variant={\"outlined\"} size=\"small\" onClick={handleClose} key=\"close\">\n        <Icon name=\"close\" />\n      </Button>\n    );\n  }\n  if (reverseHeaderActions) {\n    headerActionNodes.reverse();\n  }\n  const nodeRef = useRef<HTMLDivElement>(null);\n  const rootRef = useRef<HTMLDivElement>(null);\n  const forkRef = useForkRef(ref, nodeRef, rootRef);\n\n  // Drag-to-resize state. `dragSize` (px) wins over the CSS size when set\n  // (inline style beats the .smwb-expanded/.smwb-small rules).\n  const [dragSize, setDragSize] = useState<number | null>(null);\n  const vertical = isVerticalAxis(placement);\n\n  const clamp = useCallback(\n    (px: number) => {\n      const viewport = vertical ? window.innerHeight : window.innerWidth;\n      const max = maxSize ?? viewport;\n      return Math.max(minSize, Math.min(max, px));\n    },\n    [vertical, maxSize, minSize]\n  );\n\n  const currentSizePx = useCallback(() => {\n    const rect = rootRef.current?.getBoundingClientRect();\n    if (!rect) {\n      return minSize;\n    }\n    return vertical ? rect.height : rect.width;\n  }, [vertical, minSize]);\n\n  const applySize = useCallback(\n    (px: number) => {\n      const next = clamp(px);\n      setDragSize(next);\n      onResize?.(next);\n    },\n    [clamp, onResize]\n  );\n\n  const dragRef = useRef<{ start: number; size: number } | null>(null);\n\n  const onPointerDown = useCallback(\n    (event: React.PointerEvent<HTMLDivElement>) => {\n      event.preventDefault();\n      dragRef.current = {\n        start: vertical ? event.clientY : event.clientX,\n        size: currentSizePx(),\n      };\n      try {\n        event.currentTarget.setPointerCapture?.(event.pointerId);\n      } catch {\n        /* pointer capture is best-effort (unsupported in some envs) */\n      }\n    },\n    [vertical, currentSizePx]\n  );\n\n  const onPointerMove = useCallback(\n    (event: React.PointerEvent<HTMLDivElement>) => {\n      const drag = dragRef.current;\n      if (!drag) {\n        return;\n      }\n      const pos = vertical ? event.clientY : event.clientX;\n      const delta = pos - drag.start;\n      // Sign so dragging *away* from the anchored edge grows the sheet.\n      const grow = placement === \"bottom\" || placement === \"right\" ? -delta : delta;\n      applySize(drag.size + grow);\n    },\n    [vertical, placement, applySize]\n  );\n\n  const endDrag = useCallback((event: React.PointerEvent<HTMLDivElement>) => {\n    dragRef.current = null;\n    if (event.currentTarget.hasPointerCapture?.(event.pointerId)) {\n      event.currentTarget.releasePointerCapture?.(event.pointerId);\n    }\n  }, []);\n\n  const onHandleKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      const base = dragSize ?? currentSizePx();\n      const max = maxSize ?? (vertical ? window.innerHeight : window.innerWidth);\n      // Key that should make the sheet *bigger*, per anchored edge.\n      const incKey =\n        placement === \"bottom\"\n          ? \"ArrowUp\"\n          : placement === \"top\"\n            ? \"ArrowDown\"\n            : placement === \"left\"\n              ? \"ArrowRight\"\n              : \"ArrowLeft\";\n      const decKey =\n        placement === \"bottom\"\n          ? \"ArrowDown\"\n          : placement === \"top\"\n            ? \"ArrowUp\"\n            : placement === \"left\"\n              ? \"ArrowLeft\"\n              : \"ArrowRight\";\n      if (event.key === incKey) {\n        event.preventDefault();\n        applySize(base + resizeStep);\n      } else if (event.key === decKey) {\n        event.preventDefault();\n        applySize(base - resizeStep);\n      } else if (event.key === \"Home\") {\n        event.preventDefault();\n        applySize(minSize);\n      } else if (event.key === \"End\") {\n        event.preventDefault();\n        applySize(max);\n      }\n    },\n    [dragSize, currentSizePx, vertical, placement, applySize, resizeStep, minSize, maxSize]\n  );\n\n  React.useEffect(() => {\n    if (!isOpen) {\n      setDragSize(null);\n      return;\n    }\n\n    rootRef.current?.focus();\n  }, [isOpen]);\n\n  // While a drag size is applied, suppress the sheet's 0.2s size\n  // transition so the panel tracks the pointer in real time instead\n  // of lagging 200ms behind every move.\n  const sizeStyle: CSSProperties =\n    resizable && dragSize !== null\n      ? { ...(vertical ? { height: dragSize } : { width: dragSize }), transition: \"none\" }\n      : {};\n\n  return (\n    <CSSTransition in={isOpen} timeout={120} appear classNames={{ enterDone: \"smwb-sheet_entered\" }} nodeRef={nodeRef}>\n      <div\n        ref={forkRef}\n        data-testid=\"sheet\"\n        tabIndex={-1}\n        role=\"dialog\"\n        aria-modal={variant === \"modal\" || undefined}\n        {...rest}\n        className={cn(\"smwb-sheet\", className, `smwb-sheet_${variant}`, `smwb-${placement}`, {\n          \"smwb-expanded\": mode === \"expanded\",\n          \"smwb-small\": mode === \"small\",\n          \"smwb-sheet_resizable\": resizable,\n        })}\n        style={{ \"--sizeProp\": size, ...sizeStyle, ...style } as CSSProperties}\n      >\n        {resizable && (\n          <div\n            className=\"smwb-sheet__drag-handle\"\n            data-testid=\"sheet-drag-handle\"\n            role=\"separator\"\n            tabIndex={0}\n            aria-orientation={vertical ? \"horizontal\" : \"vertical\"}\n            aria-label={resizeHandleAriaLabel}\n            aria-valuemin={minSize}\n            aria-valuemax={Math.round(maxSize ?? (vertical ? window.innerHeight : window.innerWidth))}\n            aria-valuenow={Math.round(dragSize ?? currentSizePx())}\n            onPointerDown={onPointerDown}\n            onPointerMove={onPointerMove}\n            onPointerUp={endDrag}\n            onPointerCancel={endDrag}\n            onKeyDown={onHandleKeyDown}\n          >\n            <span className=\"smwb-sheet__drag-handle-bar\" />\n          </div>\n        )}\n        {showActions && <div className=\"smwb-sheet__header\">{headerActionNodes}</div>}\n        {isOpen && mode !== \"small\" && <div className=\"smwb-sheet__inner\">{children}</div>}\n      </div>\n    </CSSTransition>\n  );\n});\n"],"names":["Sheet","forwardRef","isOpen","onClose","variant","children","placement","disableOutsideClick","closeOnEsc","props","ref","mode","setMode","useState","nodeRef","useRef","useEffect","onKeyDown","event","isTopOverlayLayer","handleSizeButton","handleClose","createPortal","jsx","CSSTransition","cn","SheetBlock","ClickAwayListener","isVerticalAxis","React","className","size","withSizeToggle","hideHeaderActions","reverseHeaderActions","resizable","minSize","maxSize","resizeStep","resizeHandleAriaLabel","onResize","style","rest","showActions","headerActionNodes","Button","Icon","rootRef","forkRef","useForkRef","dragSize","setDragSize","vertical","clamp","useCallback","px","viewport","max","currentSizePx","rect","_a","applySize","next","dragRef","onPointerDown","_b","onPointerMove","drag","delta","grow","endDrag","_d","_c","onHandleKeyDown","base","incKey","decKey","sizeStyle","jsxs"],"mappings":"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"}