@smwb/ui-react 2.0.0

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

@@ -0,0 +1,61 @@
+import React from "react";
+export declare const Grid: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export type ColumnSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+/** Column width per breakpoint: 1–12 grid units, `"auto"` (fit content) or `true` (fill remaining). */
+export type BreakpointType = ColumnSpan | "auto" | true;
+/** Column offset (empty leading columns) per breakpoint: 0–11. */
+export type OffsetType = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11;
+export type Breakpoint = "xs" | "sm" | "md" | "lg" | "xl";
+export type ResponsiveBool = boolean | Partial<Record<Breakpoint, boolean>>;
+export declare const wrapOptions: readonly ["wrap", "nowrap", "wrap-reverse"];
+export declare const justifyContentOptions: readonly ["flex-start", "center", "flex-end", "space-between", "space-around", "space-evenly"];
+export declare const alignItemsOptions: readonly ["flex-start", "center", "flex-end", "stretch", "baseline"];
+export declare const directionOptions: readonly ["row", "row-reverse", "column", "column-reverse"];
+export interface RowProps extends React.HTMLAttributes<HTMLDivElement> {
+    wrap?: (typeof wrapOptions)[number];
+    justifyContent?: (typeof justifyContentOptions)[number];
+    alignItems?: (typeof alignItemsOptions)[number];
+    direction?: (typeof directionOptions)[number];
+    spacing?: number;
+}
+export declare const Row: React.ForwardRefExoticComponent<RowProps & React.RefAttributes<HTMLDivElement>>;
+export type ColumnProps = React.HTMLAttributes<HTMLDivElement> & {
+    /** Ширина на точке остановы: 1–12 из 12, `"auto"` (по контенту) или `true` (заполнить). */
+    xs?: BreakpointType;
+    sm?: BreakpointType;
+    md?: BreakpointType;
+    lg?: BreakpointType;
+    xl?: BreakpointType;
+    /** Сдвиг (пустые ведущие колонки) на точке остановы, 0–11. */
+    xsOffset?: OffsetType;
+    smOffset?: OffsetType;
+    mdOffset?: OffsetType;
+    lgOffset?: OffsetType;
+    xlOffset?: OffsetType;
+    /** Скрыть колонку: булево (всегда) или по точкам остановы `{ xs:true, md:false }`. */
+    hidden?: ResponsiveBool;
+};
+export declare const Column: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    /** Ширина на точке остановы: 1–12 из 12, `"auto"` (по контенту) или `true` (заполнить). */
+    xs?: BreakpointType;
+    sm?: BreakpointType;
+    md?: BreakpointType;
+    lg?: BreakpointType;
+    xl?: BreakpointType;
+    /** Сдвиг (пустые ведущие колонки) на точке остановы, 0–11. */
+    xsOffset?: OffsetType;
+    smOffset?: OffsetType;
+    mdOffset?: OffsetType;
+    lgOffset?: OffsetType;
+    xlOffset?: OffsetType;
+    /** Скрыть колонку: булево (всегда) или по точкам остановы `{ xs:true, md:false }`. */
+    hidden?: ResponsiveBool;
+} & React.RefAttributes<HTMLDivElement>>;
+export type ContainerMaxWidth = "sm" | "md" | "lg" | "xl" | false;
+export interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Max-width breakpoint cap; `false` = fluid full width. */
+    maxWidth?: ContainerMaxWidth;
+    /** Remove horizontal gutters. */
+    disableGutters?: boolean;
+}
+export declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,59 @@
+import { jsx as w } from "react/jsx-runtime";
+import '../../../assets/styles/less/components/grid/grid.entry.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 });
+}), p = ["wrap", "nowrap", "wrap-reverse"], v = [
+  "flex-start",
+  "center",
+  "flex-end",
+  "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, {
+    [`smwb-grid__row--spacing-${i}`]: i,
+    [`smwb-grid__row--justifyContent-${s}`]: 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,
+    [`smwb-grid__column--sm-${o}`]: o,
+    [`smwb-grid__column--md-${n}`]: n,
+    [`smwb-grid__column--lg-${t}`]: t,
+    [`smwb-grid__column--xl-${i}`]: i,
+    [`smwb-grid__column--xs-offset-${c}`]: c,
+    [`smwb-grid__column--sm-offset-${m}`]: m,
+    [`smwb-grid__column--md-offset-${l}`]: l,
+    [`smwb-grid__column--lg-offset-${d}`]: d,
+    [`smwb-grid__column--xl-offset-${a}`]: a,
+    ...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) {
+  const i = u(
+    "smwb-container",
+    {
+      [`smwb-container--${s}`]: s !== !1,
+      "smwb-container--gutterless": o
+    },
+    r
+  );
+  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,
+  x as alignItemsOptions,
+  R as directionOptions,
+  v as justifyContentOptions,
+  p as wrapOptions
+};
+//# sourceMappingURL=grid.js.map

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

@@ -0,0 +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":";;;;AAIO,MAAMA,IAAOC,EAAM,WAAiE,SACzF,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAChBC,GACA;AACA,SAAO,gBAAAC,EAAC,OAAA,EAAI,KAAAD,GAAU,eAAY,QAAO,WAAWE,EAAG,aAAaJ,CAAS,GAAI,GAAGC,EAAA,CAAM;AAC5F,CAAC,GAUYI,IAAc,CAAC,QAAQ,UAAU,cAAc,GAC/CC,IAAwB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GACaC,IAAoB,CAAC,cAAc,UAAU,YAAY,WAAW,UAAU,GAC9EC,IAAmB,CAAC,OAAO,eAAe,UAAU,gBAAgB,GAUpEC,IAAMV,EAAM,WAAqC,SAC5D,EAAE,WAAAC,GAAW,gBAAAU,GAAgB,YAAAC,GAAY,WAAAC,GAAW,MAAAC,GAAM,SAAAC,GAAS,GAAGb,EAAA,GACtEC,GACA;AACA,QAAMa,IACJL,KAAkBJ,EAAsB,SAASI,CAAc,KAAKA,MAAmB,cACnFM,IAAeL,KAAcJ,EAAkB,SAASI,CAAU,KAAKA,MAAe,cACtFM,IAAcL,KAAaJ,EAAiB,SAASI,CAAS,KAAKA,MAAc,OACjFM,IAAaL,KAAQR,EAAY,SAASQ,CAAI,KAAKA,MAAS,QAE5DM,IAAUf,EAAG,kBAAkBJ,GAAW;AAAA,IAC9C,CAAC,2BAA2Bc,CAAO,EAAE,GAAGA;AAAA,IACxC,CAAC,kCAAkCJ,CAAc,EAAE,GAAGK;AAAA,IACtD,CAAC,8BAA8BJ,CAAU,EAAE,GAAGK;AAAA,IAC9C,CAAC,6BAA6BJ,CAAS,EAAE,GAAGK;AAAA,IAC5C,CAAC,mBAAmBJ,CAAI,EAAE,GAAGK;AAAA,EAAA,CAC9B;AAED,SAAO,gBAAAf,EAAC,SAAI,KAAAD,GAAU,eAAY,YAAW,WAAWiB,GAAU,GAAGlB,GAAM;AAC7E,CAAC,GAmBKmB,IAAgB,CAACC,MACjBA,MAAW,SACN,CAAA,IAEL,OAAOA,KAAW,YACb,EAAE,6BAA6BA,EAAA,IAEhC,OAAO,KAAKA,CAAM,EAAmB,OAAgC,CAACC,GAAKC,OACjFD,EAAI,6BAA6BC,CAAE,EAAE,IAAIF,EAAOE,CAAE,MAAM,IACxDD,EAAI,8BAA8BC,CAAE,EAAE,IAAIF,EAAOE,CAAE,MAAM,IAClDD,IACN,CAAA,CAAE,GAGME,IAASzB,EAAM,WAAwC,SAClE,EAAE,WAAAC,GAAW,IAAAyB,GAAI,IAAAC,GAAI,IAAAC,GAAI,IAAAC,GAAI,IAAAC,GAAI,UAAAC,GAAU,UAAAC,GAAU,UAAAC,GAAU,UAAAC,GAAU,UAAAC,GAAU,QAAAb,GAAQ,GAAGpB,EAAA,GAC9FC,GACA;AACA,QAAMiB,IAAUf,EAAG,qBAAqBJ,GAAW;AAAA,IACjD,CAAC,yBAAyByB,CAAE,EAAE,GAAGA;AAAA,IACjC,CAAC,yBAAyBC,CAAE,EAAE,GAAGA;AAAA,IACjC,CAAC,yBAAyBC,CAAE,EAAE,GAAGA;AAAA,IACjC,CAAC,yBAAyBC,CAAE,EAAE,GAAGA;AAAA,IACjC,CAAC,yBAAyBC,CAAE,EAAE,GAAGA;AAAA,IACjC,CAAC,gCAAgCC,CAAQ,EAAE,GAAGA;AAAA,IAC9C,CAAC,gCAAgCC,CAAQ,EAAE,GAAGA;AAAA,IAC9C,CAAC,gCAAgCC,CAAQ,EAAE,GAAGA;AAAA,IAC9C,CAAC,gCAAgCC,CAAQ,EAAE,GAAGA;AAAA,IAC9C,CAAC,gCAAgCC,CAAQ,EAAE,GAAGA;AAAA,IAC9C,GAAGd,EAAcC,CAAM;AAAA,EAAA,CACxB;AAED,SAAO,gBAAAlB,EAAC,SAAI,KAAAD,GAAU,WAAWiB,GAAS,eAAY,YAAY,GAAGlB,GAAM;AAC7E,CAAC,GAUYkC,IAAYpC,EAAM,WAA2C,SACxE,EAAE,WAAAC,GAAW,UAAAoC,IAAW,MAAM,gBAAAC,IAAiB,IAAO,GAAGpC,EAAA,GACzDC,GACA;AACA,QAAMiB,IAAUf;AAAA,IACd;AAAA,IACA;AAAA,MACE,CAAC,mBAAmBgC,CAAQ,EAAE,GAAGA,MAAa;AAAA,MAC9C,8BAA8BC;AAAA,IAAA;AAAA,IAEhCrC;AAAA,EAAA;AAEF,SAAO,gBAAAG,EAAC,SAAI,KAAAD,GAAU,eAAY,kBAAiB,WAAWiB,GAAU,GAAGlB,GAAM;AACnF,CAAC;"}

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

@@ -0,0 +1,2 @@
+export { Column, Grid, Row, Container } from "./grid";
+export type { RowProps, ColumnProps, ContainerProps, BreakpointType, ColumnSpan, OffsetType, Breakpoint, ResponsiveBool, ContainerMaxWidth, } from "./grid";

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

@@ -0,0 +1,2 @@
+export { default as Page } from "./page";
+export type { PageProps, PageMaxWidth } from "./page";

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

@@ -0,0 +1,15 @@
+import React, { HTMLAttributes } from "react";
+export type PageMaxWidth = "sm" | "md" | "lg" | "xl" | "full";
+export interface PageProps extends HTMLAttributes<HTMLElement> {
+    /** Content max-width cap; `full` = fluid. */
+    maxWidth?: PageMaxWidth;
+    /** Remove the page padding. */
+    disableGutters?: boolean;
+    /** Render as a different element (default `main`). */
+    component?: keyof JSX.IntrinsicElements;
+    className?: string;
+}
+export declare const Page: React.ForwardRefExoticComponent<PageProps & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLElement>>;
+export default Page;

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

@@ -0,0 +1,22 @@
+import { jsx as e } from "react/jsx-runtime";
+import '../../../assets/styles/less/components/page/page.entry.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) {
+  const f = a != null ? a : "main";
+  return /* @__PURE__ */ e(
+    f,
+    {
+      ref: i,
+      "data-testid": "page",
+      className: d("smwb-page", `smwb-page_max-${s}`, { "smwb-page_gutterless": r }, t),
+      ...g,
+      children: /* @__PURE__ */ e("div", { className: "smwb-page__inner", children: m })
+    }
+  );
+});
+export {
+  u as Page,
+  u as default
+};
+//# sourceMappingURL=page.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,2 @@
+export { default as PageHeader } from "./pageHeader";
+export type { PageHeaderProps } from "./pageHeader";

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

@@ -0,0 +1,14 @@
+import React, { HTMLAttributes, ReactNode } from "react";
+export interface PageHeaderProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
+    title: ReactNode;
+    subtitle?: ReactNode;
+    /** Slot above the title (e.g. <Breadcrumbs />). */
+    breadcrumbs?: ReactNode;
+    /** Slot on the trailing side (e.g. action buttons). */
+    actions?: ReactNode;
+    /** Render a divider below the header. */
+    divider?: boolean;
+    className?: string;
+}
+export declare const PageHeader: React.ForwardRefExoticComponent<PageHeaderProps & React.RefAttributes<HTMLElement>>;
+export default PageHeader;

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

@@ -0,0 +1,31 @@
+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 { 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) {
+  return /* @__PURE__ */ r(
+    "header",
+    {
+      ref: h,
+      "data-testid": "page-header",
+      className: o("smwb-page-header", { "smwb-page-header_divider": l }, c),
+      ...t,
+      children: [
+        s ? /* @__PURE__ */ e("div", { className: "smwb-page-header__breadcrumbs", children: s }) : null,
+        /* @__PURE__ */ r("div", { className: "smwb-page-header__row", children: [
+          /* @__PURE__ */ r("div", { className: "smwb-page-header__titles", children: [
+            typeof a == "string" ? /* @__PURE__ */ e(i, { variant: "h4", component: "h1", className: "smwb-page-header__title", children: a }) : /* @__PURE__ */ e("div", { className: "smwb-page-header__title", children: a }),
+            d ? /* @__PURE__ */ e(i, { variant: "body2", color: "textSecondary", className: "smwb-page-header__subtitle", children: d }) : null
+          ] }),
+          m ? /* @__PURE__ */ e("div", { className: "smwb-page-header__actions", children: m }) : null
+        ] })
+      ]
+    }
+  );
+});
+export {
+  v as PageHeader,
+  v as default
+};
+//# sourceMappingURL=pageHeader.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,2 @@
+export { default as ScreenDivider } from "./screenDivider";
+export type { ScreenDividerProps } from "./screenDivider";

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

@@ -0,0 +1,17 @@
+import React from "react";
+export interface ScreenDividerProps {
+    sizeFirst?: number;
+    sizeSecond?: number;
+    className?: string;
+    orientation?: "horizontal" | "vertical";
+    /** Called with the first pane size (percent) whenever it changes. */
+    onSizeChange?: (sizeFirst: number) => void;
+    /** Step (in percent) applied on arrow-key resize. */
+    keyboardStep?: number;
+    /** Accessible label for the resizer handle. */
+    resizerAriaLabel?: string;
+}
+export declare const ScreenDivider: React.ForwardRefExoticComponent<ScreenDividerProps & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export default ScreenDivider;

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

@@ -0,0 +1,89 @@
+import { jsxs as I, jsx as h } from "react/jsx-runtime";
+import '../../../assets/styles/less/components/screenDivider/screenDivider.entry.css';/* empty css                                                                     */
+import { forwardRef as j, useRef as P, useState as y, useEffect as b, Children as X, useMemo as Y, useCallback as O } from "react";
+import D from "clsx";
+import { throttle as T } from "../../../utils/throttle.js";
+import { useForkRef as U } from "../../../hooks/useForkRef.js";
+const _ = (o, d) => d * (o / 100), x = (o, d) => !o && d ? 100 - d : o || 50, V = j(function({
+  className: d,
+  orientation: e = "horizontal",
+  sizeFirst: m,
+  sizeSecond: v,
+  children: $,
+  onSizeChange: a,
+  keyboardStep: g = 5,
+  resizerAriaLabel: k = "Resize panels"
+}, A) {
+  const p = P(null), M = U(A, p), [i, l] = y(x(m, v)), [E, L] = y(null), [f, R] = y(!1);
+  b(() => {
+    l(x(m, v));
+  }, [m, v]);
+  const w = X.toArray($);
+  if (w.length > 2)
+    throw new Error("Allowed not more than 2 children");
+  const K = () => {
+    L(p.current), R(!0);
+  }, c = Y(
+    () => T((r) => {
+      if (!f) return;
+      const n = p.current;
+      if (!(!n || n !== E))
+        if (e === "vertical") {
+          let s = r.clientY - n.offsetTop;
+          s < 0 && (s = 0);
+          const t = s / n.clientHeight * 100;
+          _(t, n.clientWidth) > 5 && t < 101 && l(t - 7);
+        } else {
+          let s = r.clientX - n.offsetLeft;
+          s < 0 && (s = 0);
+          const t = s / n.clientWidth * 100;
+          _(t, n.clientWidth) > 5 && t < 101 && l(t);
+        }
+    }, 1e3 / 60),
+    [f, E, e]
+  ), u = O(() => {
+    L(null), R(!1), document.body.removeEventListener("pointerup", u), document.body.removeEventListener("pointermove", c);
+  }, [c]);
+  b(() => {
+    a == null || a(i);
+  }, [i, a]);
+  const N = (r) => {
+    const n = e === "vertical" ? "ArrowUp" : "ArrowLeft", s = e === "vertical" ? "ArrowDown" : "ArrowRight";
+    r.key === n ? (r.preventDefault(), l((t) => Math.max(0, t - g))) : r.key === s ? (r.preventDefault(), l((t) => Math.min(100, t + g))) : r.key === "Home" ? (r.preventDefault(), l(0)) : r.key === "End" && (r.preventDefault(), l(100));
+  }, W = e === "vertical" ? { height: `${100 - i}%` } : { width: `${100 - i}%` }, H = e === "vertical" ? { height: `${i}%` } : { width: `${i}%` };
+  return b(() => (f ? (document.body.addEventListener("pointerup", u), document.body.addEventListener("pointermove", c), document.body.style.cursor = e === "horizontal" ? "e-resize" : "n-resize") : document.body.style.cursor = "default", () => {
+    document.body.removeEventListener("pointerup", u), document.body.removeEventListener("pointermove", c);
+  }), [c, u, f, e]), /* @__PURE__ */ I(
+    "div",
+    {
+      className: D("smwb-screen-divider__wrapper", `smwb-${e}`, d),
+      ref: M,
+      "data-testid": "screen-divider",
+      children: [
+        /* @__PURE__ */ h("div", { className: D("smwb-screen-divider__first", `smwb-${e}`), style: H, children: w[0] || "" }),
+        /* @__PURE__ */ h(
+          "span",
+          {
+            className: "smwb-screen-divider__resizer",
+            onPointerDown: K,
+            draggable: !1,
+            role: "separator",
+            "aria-orientation": e === "vertical" ? "horizontal" : "vertical",
+            "aria-valuenow": Math.round(i),
+            "aria-valuemin": 0,
+            "aria-valuemax": 100,
+            "aria-label": k,
+            tabIndex: 0,
+            onKeyDown: N
+          }
+        ),
+        /* @__PURE__ */ h("div", { className: D("smwb-screen-divider__second", `smwb-${e}`), style: W, children: w[1] || "" })
+      ]
+    }
+  );
+});
+export {
+  V as ScreenDivider,
+  V as default
+};
+//# sourceMappingURL=screenDivider.js.map

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

@@ -0,0 +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 toPixels = (percent: number, parentSize: number) => {\n  return parentSize * (percent / 100);\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\n        const wrapper = wrapperRef.current;\n        if (!wrapper || wrapper !== currentElement) return;\n        if (orientation === \"vertical\") {\n          let relativeMouseY = e.clientY - wrapper.offsetTop;\n          if (relativeMouseY < 0) {\n            relativeMouseY = 0;\n          }\n          const newDivider = (relativeMouseY / wrapper.clientHeight) * 100;\n          if (toPixels(newDivider, wrapper.clientWidth) > 5 && newDivider < 101) {\n            setDivider(newDivider - 7);\n          }\n        } else {\n          let relativeMouseX = e.clientX - wrapper.offsetLeft;\n          if (relativeMouseX < 0) {\n            relativeMouseX = 0;\n          }\n          const newDivider = (relativeMouseX / wrapper.clientWidth) * 100;\n          if (toPixels(newDivider, wrapper.clientWidth) > 5 && newDivider < 101) {\n            setDivider(newDivider);\n          }\n        }\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":["toPixels","percent","parentSize","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","relativeMouseY","newDivider","relativeMouseX","handleDragEnd","useCallback","onResizerKeyDown","event","decreaseKey","increaseKey","prev","secondChildStyle","firstChildStyle","jsxs","cn","jsx"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export { default as Sheet } from "./sheet";
+export type { SheetProps } from "./sheet";

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

@@ -0,0 +1,36 @@
+import React from "react";
+export interface SheetProps extends React.HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    placement?: "top" | "bottom" | "right" | "left";
+    isOpen: boolean;
+    onClose?: () => void;
+    variant?: "default" | "modal";
+    withSizeToggle?: boolean;
+    /** Hide built-in header actions; onClose still handles Esc and backdrop. */
+    hideHeaderActions?: boolean;
+    reverseHeaderActions?: boolean;
+    size?: string;
+    disableOutsideClick?: boolean;
+    /** Close the sheet when Escape is pressed. */
+    closeOnEsc?: boolean;
+    /**
+     * Allow the user to resize the sheet by dragging a grab handle with
+     * touch or mouse (mobile bottom-sheet style). Off by default.
+     */
+    resizable?: boolean;
+    /** Minimum size in px while resizing (default 80). */
+    minSize?: number;
+    /** Maximum size in px while resizing (default: viewport dimension). */
+    maxSize?: number;
+    /** Step in px for keyboard resizing (default 24). */
+    resizeStep?: number;
+    /** Accessible label for the resize handle. */
+    resizeHandleAriaLabel?: string;
+    /** Called with the new size in px while/after resizing. */
+    onResize?: (size: number) => void;
+    "aria-label"?: string;
+}
+export declare const Sheet: React.ForwardRefExoticComponent<SheetProps & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export default Sheet;