twenty-ui 2.41.0 → 2.43.0

package/dist/surfaces-DX8oX1ou.js

@@ -0,0 +1,254 @@
+import { t as H } from "./isDefined-fMi6eQ4r.js";
+import { t as P } from "./theme-DBro6iwF.js";
+import { t as p } from "./mergeClassNames-BHKm1BNi.js";
+import { t as I } from "./ListItem-D6DvFIbl.js";
+import { t as F } from "./Heading-DvxTKEaL.js";
+import { i as b, n as x, r as O, t as S } from "./MenuSeparator-dNx4JE6C.js";
+import { clsx as c } from "clsx";
+import { jsx as t, jsxs as T } from "react/jsx-runtime";
+import { isBoolean as y, isFunction as A } from "@sniptt/guards";
+import { createContext as w, useContext as B } from "react";
+import { useRender as g } from "@base-ui/react/use-render";
+import { useDirection as R } from "@base-ui/react/direction-provider";
+import { Menu as l } from "@base-ui/react/menu";
+import { AlertDialog as u } from "@base-ui/react/alert-dialog";
+import { Dialog as m } from "@base-ui/react/dialog";
+var G = "_backdrop_19f4m_1", L = "_viewport_19f4m_12", $ = "_popup_19f4m_30", U = "_header_19f4m_79", j = "_body_19f4m_87", z = "_footer_19f4m_91", E = "_title_19f4m_102", V = "_description_19f4m_109", d = {
+  backdrop: G,
+  viewport: L,
+  popup: $,
+  header: U,
+  body: j,
+  footer: z,
+  title: E,
+  description: V
+}, q = ({ render: e, ref: r, className: o, ...a }) => g({
+  render: e,
+  ref: r,
+  props: {
+    ...a,
+    className: c(d.body, o)
+  }
+}), J = ({ className: e, ...r }) => /* @__PURE__ */ t(u.Description, {
+  ...r,
+  className: p(d.description, e)
+}), K = ({ render: e, ref: r, className: o, ...a }) => g({
+  render: e,
+  ref: r,
+  props: {
+    ...a,
+    className: c(d.footer, o)
+  }
+}), Q = ({ render: e, ref: r, className: o, ...a }) => g({
+  render: e,
+  ref: r,
+  props: {
+    ...a,
+    className: c(d.header, o)
+  }
+}), W = ({ size: e = "md", container: r, keepMounted: o, className: a, ...i }) => {
+  const s = P(), n = R();
+  return /* @__PURE__ */ T(u.Portal, {
+    container: r === void 0 ? s ?? void 0 : r,
+    keepMounted: o,
+    children: [/* @__PURE__ */ t(u.Backdrop, { className: d.backdrop }), /* @__PURE__ */ t(u.Viewport, {
+      dir: n,
+      className: d.viewport,
+      children: /* @__PURE__ */ t(u.Popup, {
+        ...i,
+        "data-size": e,
+        className: p(d.popup, a)
+      })
+    })]
+  });
+}, X = ({ className: e, ...r }) => /* @__PURE__ */ t(u.Title, {
+  ...r,
+  className: p(d.title, e)
+}), Y = () => ({
+  Root: u.Root,
+  Trigger: u.Trigger,
+  Popup: W,
+  Title: X,
+  Description: J,
+  Close: u.Close,
+  Header: Q,
+  Body: q,
+  Footer: K
+}), je = /* @__PURE__ */ Y(), Z = "_cardContent_10wri_1", ee = { cardContent: Z }, re = ({ children: e, className: r, divider: o, isClickable: a, hasHoverHighlight: i, ...s }) => /* @__PURE__ */ t("div", {
+  className: c(ee.cardContent, r),
+  "data-divider": o || void 0,
+  "data-clickable": a || void 0,
+  "data-hover-highlight": i || void 0,
+  ...s,
+  children: e
+}), ae = "_cardFooter_15rlh_1", oe = { cardFooter: ae }, te = ({ children: e, className: r, divider: o, ...a }) => /* @__PURE__ */ t("div", {
+  className: c(oe.cardFooter, r),
+  "data-no-divider": o === !1 || void 0,
+  ...a,
+  children: e
+}), ie = "_cardHeader_yrli2_1", de = { cardHeader: ie }, se = ({ children: e, className: r, ...o }) => /* @__PURE__ */ t("div", {
+  className: c(de.cardHeader, r),
+  ...o,
+  children: e
+}), le = "_card_1cl8g_1", ne = { card: le }, me = ({ children: e, className: r, fullWidth: o, rounded: a, backgroundColor: i, style: s, ...n }) => /* @__PURE__ */ t("div", {
+  className: c(ne.card, r),
+  "data-full-width": o || void 0,
+  "data-rounded": a || void 0,
+  style: H(i) ? {
+    ...s,
+    "--card-background-color": i
+  } : s,
+  ...n,
+  children: e
+}), ze = {
+  Root: me,
+  Header: se,
+  Content: re,
+  Footer: te
+}, pe = ({ render: e, ref: r, className: o, ...a }) => g({
+  render: e,
+  ref: r,
+  props: {
+    ...a,
+    className: c(d.body, o)
+  }
+}), ce = ({ className: e, ...r }) => /* @__PURE__ */ t(m.Description, {
+  ...r,
+  className: p(d.description, e)
+}), ue = ({ render: e, ref: r, className: o, ...a }) => g({
+  render: e,
+  ref: r,
+  props: {
+    ...a,
+    className: c(d.footer, o)
+  }
+}), ve = ({ render: e, ref: r, className: o, ...a }) => g({
+  render: e,
+  ref: r,
+  props: {
+    ...a,
+    className: c(d.header, o)
+  }
+}), fe = ({ size: e = "md", container: r, keepMounted: o, backdrop: a = !0, viewportProps: i, className: s, ...n }) => {
+  const h = P(), v = R(), _ = y(a) ? {} : a;
+  return /* @__PURE__ */ T(m.Portal, {
+    container: r === void 0 ? h ?? void 0 : r,
+    keepMounted: o,
+    children: [a !== !1 && /* @__PURE__ */ t(m.Backdrop, {
+      ..._,
+      className: p(d.backdrop, _.className)
+    }), /* @__PURE__ */ t(m.Viewport, {
+      dir: v,
+      "data-backdrop-hidden": a === !1,
+      ...i,
+      className: p(d.viewport, i?.className),
+      children: /* @__PURE__ */ t(m.Popup, {
+        ...n,
+        "data-size": e,
+        className: p(d.popup, s)
+      })
+    })]
+  });
+}, _e = "_title_9tadl_1", ge = { title: _e }, he = ({ level: e = 2, size: r = "lg", color: o = "primary", className: a, render: i, ...s }) => /* @__PURE__ */ t(m.Title, {
+  ...s,
+  className: p(ge.title, a),
+  render: /* @__PURE__ */ t(F, {
+    level: e,
+    size: r,
+    color: o,
+    render: i
+  })
+}), Ee = {
+  createHandle: m.createHandle,
+  Root: m.Root,
+  Trigger: m.Trigger,
+  Popup: fe,
+  Title: he,
+  Description: ce,
+  Close: m.Close,
+  Header: ve,
+  Body: pe,
+  Footer: ue
+}, C = ({ color: e = "neutral", startIcon: r, endIcon: o, description: a, descriptionPlacement: i, hotkeys: s, disabled: n = !1, children: h, render: v, ..._ }, N) => ({
+  ..._,
+  disabled: n,
+  render: (D, f) => /* @__PURE__ */ t(I, {
+    ...D,
+    render: A(v) ? (k) => v(k, f) : v,
+    color: e,
+    disabled: n,
+    startIcon: r,
+    endIcon: o,
+    description: a,
+    descriptionPlacement: i,
+    hotkeys: s,
+    ...N?.(f),
+    children: h
+  })
+}), Ce = (e) => /* @__PURE__ */ t(l.CheckboxItem, { ...C(e, (r) => ({
+  indicator: "checkbox",
+  selected: r.checked
+})) }), Ne = (e) => /* @__PURE__ */ t(l.Item, { ...C(e) }), M = w(!1), De = {
+  root: {
+    side: "bottom",
+    align: "start",
+    sideOffset: 8,
+    alignOffset: 0
+  },
+  submenu: {
+    side: "inline-end",
+    align: "start",
+    sideOffset: 0,
+    alignOffset: -4
+  }
+}, be = ({ side: e, align: r, sideOffset: o, alignOffset: a, anchor: i, keepMounted: s, className: n, children: h, ...v }) => {
+  const _ = P(), { container: N = _ ?? void 0, ...D } = v, f = De[B(M) ? "submenu" : "root"];
+  return /* @__PURE__ */ t(l.Portal, {
+    container: N,
+    keepMounted: s,
+    children: /* @__PURE__ */ t(l.Positioner, {
+      side: e ?? f.side,
+      align: r ?? f.align,
+      sideOffset: o ?? f.sideOffset,
+      alignOffset: a ?? f.alignOffset,
+      anchor: i,
+      className: b.positioner,
+      children: /* @__PURE__ */ t(l.Popup, {
+        ...D,
+        className: p(b.popup, n),
+        children: h
+      })
+    })
+  });
+}, Pe = ({ className: e, ...r }) => /* @__PURE__ */ t(l.RadioGroup, {
+  ...r,
+  className: p(b.group, e)
+}), Te = (e) => /* @__PURE__ */ t(l.RadioItem, { ...C(e, (r) => ({
+  indicator: "check",
+  selected: r.checked
+})) }), Re = ({ children: e, ...r }) => /* @__PURE__ */ t(M.Provider, {
+  value: !0,
+  children: /* @__PURE__ */ t(l.SubmenuRoot, {
+    ...r,
+    children: e
+  })
+}), Me = (e) => /* @__PURE__ */ t(l.SubmenuTrigger, { ...C(e, () => ({ hasSubmenu: !0 })) }), Ve = {
+  Root: l.Root,
+  Trigger: l.Trigger,
+  Popup: be,
+  Item: Ne,
+  CheckboxItem: Ce,
+  RadioGroup: Pe,
+  RadioItem: Te,
+  Group: O,
+  GroupLabel: x,
+  Separator: S,
+  SubmenuRoot: Re,
+  SubmenuTrigger: Me
+};
+export {
+  je as i,
+  Ee as n,
+  ze as r,
+  Ve as t
+};

package/dist/surfaces-uuLwsFxg.cjs

@@ -0,0 +1 @@
+const h=require("./theme-DNG4OSBd.cjs"),T=require("./isDefined-DS2Q42p5.cjs"),c=require("./mergeClassNames-BbJtXN2t.cjs"),A=require("./ListItem-2dHkY1NB.cjs"),O=require("./Heading-CQqDjovJ.cjs"),f=require("./MenuSeparator-DJOspG7J.cjs");let m=require("clsx"),t=require("react/jsx-runtime"),j=require("@sniptt/guards"),M=require("react"),D=require("@base-ui/react/use-render"),P=require("@base-ui/react/direction-provider"),n=require("@base-ui/react/menu"),_=require("@base-ui/react/alert-dialog"),u=require("@base-ui/react/dialog");var y="_backdrop_19f4m_1",H="_viewport_19f4m_12",I="_popup_19f4m_30",k="_header_19f4m_79",F="_body_19f4m_87",S="_footer_19f4m_91",w="_title_19f4m_102",B="_description_19f4m_109",s={backdrop:y,viewport:H,popup:I,header:k,body:F,footer:S,title:w,description:B},G=({render:e,ref:r,className:o,...a})=>(0,D.useRender)({render:e,ref:r,props:{...a,className:(0,m.clsx)(s.body,o)}}),L=({className:e,...r})=>(0,t.jsx)(_.AlertDialog.Description,{...r,className:c.mergeClassNames(s.description,e)}),U=({render:e,ref:r,className:o,...a})=>(0,D.useRender)({render:e,ref:r,props:{...a,className:(0,m.clsx)(s.footer,o)}}),z=({render:e,ref:r,className:o,...a})=>(0,D.useRender)({render:e,ref:r,props:{...a,className:(0,m.clsx)(s.header,o)}}),E=({size:e="md",container:r,keepMounted:o,className:a,...i})=>{const l=h.useThemeContainer(),d=(0,P.useDirection)();return(0,t.jsxs)(_.AlertDialog.Portal,{container:r===void 0?l??void 0:r,keepMounted:o,children:[(0,t.jsx)(_.AlertDialog.Backdrop,{className:s.backdrop}),(0,t.jsx)(_.AlertDialog.Viewport,{dir:d,className:s.viewport,children:(0,t.jsx)(_.AlertDialog.Popup,{...i,"data-size":e,className:c.mergeClassNames(s.popup,a)})})]})},V=({className:e,...r})=>(0,t.jsx)(_.AlertDialog.Title,{...r,className:c.mergeClassNames(s.title,e)}),$=()=>({Root:_.AlertDialog.Root,Trigger:_.AlertDialog.Trigger,Popup:E,Title:V,Description:L,Close:_.AlertDialog.Close,Header:z,Body:G,Footer:U}),J=$(),K="_cardContent_10wri_1",Q={cardContent:K},W=({children:e,className:r,divider:o,isClickable:a,hasHoverHighlight:i,...l})=>(0,t.jsx)("div",{className:(0,m.clsx)(Q.cardContent,r),"data-divider":o||void 0,"data-clickable":a||void 0,"data-hover-highlight":i||void 0,...l,children:e}),X="_cardFooter_15rlh_1",Y={cardFooter:X},Z=({children:e,className:r,divider:o,...a})=>(0,t.jsx)("div",{className:(0,m.clsx)(Y.cardFooter,r),"data-no-divider":o===!1||void 0,...a,children:e}),ee="_cardHeader_yrli2_1",re={cardHeader:ee},ae=({children:e,className:r,...o})=>(0,t.jsx)("div",{className:(0,m.clsx)(re.cardHeader,r),...o,children:e}),oe="_card_1cl8g_1",te={card:oe},ie=({children:e,className:r,fullWidth:o,rounded:a,backgroundColor:i,style:l,...d})=>(0,t.jsx)("div",{className:(0,m.clsx)(te.card,r),"data-full-width":o||void 0,"data-rounded":a||void 0,style:T.isDefined(i)?{...l,"--card-background-color":i}:l,...d,children:e}),se={Root:ie,Header:ae,Content:W,Footer:Z},le=({render:e,ref:r,className:o,...a})=>(0,D.useRender)({render:e,ref:r,props:{...a,className:(0,m.clsx)(s.body,o)}}),ne=({className:e,...r})=>(0,t.jsx)(u.Dialog.Description,{...r,className:c.mergeClassNames(s.description,e)}),de=({render:e,ref:r,className:o,...a})=>(0,D.useRender)({render:e,ref:r,props:{...a,className:(0,m.clsx)(s.footer,o)}}),ue=({render:e,ref:r,className:o,...a})=>(0,D.useRender)({render:e,ref:r,props:{...a,className:(0,m.clsx)(s.header,o)}}),ce=({size:e="md",container:r,keepMounted:o,backdrop:a=!0,viewportProps:i,className:l,...d})=>{const x=h.useThemeContainer(),g=(0,P.useDirection)(),v=(0,j.isBoolean)(a)?{}:a;return(0,t.jsxs)(u.Dialog.Portal,{container:r===void 0?x??void 0:r,keepMounted:o,children:[a!==!1&&(0,t.jsx)(u.Dialog.Backdrop,{...v,className:c.mergeClassNames(s.backdrop,v.className)}),(0,t.jsx)(u.Dialog.Viewport,{dir:g,"data-backdrop-hidden":a===!1,...i,className:c.mergeClassNames(s.viewport,i?.className),children:(0,t.jsx)(u.Dialog.Popup,{...d,"data-size":e,className:c.mergeClassNames(s.popup,l)})})]})},me="_title_9tadl_1",_e={title:me},ge=({level:e=2,size:r="lg",color:o="primary",className:a,render:i,...l})=>(0,t.jsx)(u.Dialog.Title,{...l,className:c.mergeClassNames(_e.title,a),render:(0,t.jsx)(O.Heading,{level:e,size:r,color:o,render:i})}),pe={createHandle:u.Dialog.createHandle,Root:u.Dialog.Root,Trigger:u.Dialog.Trigger,Popup:ce,Title:ge,Description:ne,Close:u.Dialog.Close,Header:ue,Body:le,Footer:de},C=({color:e="neutral",startIcon:r,endIcon:o,description:a,descriptionPlacement:i,hotkeys:l,disabled:d=!1,children:x,render:g,...v},N)=>({...v,disabled:d,render:(b,p)=>(0,t.jsx)(A.ListItem,{...b,render:(0,j.isFunction)(g)?q=>g(q,p):g,color:e,disabled:d,startIcon:r,endIcon:o,description:a,descriptionPlacement:i,hotkeys:l,...N?.(p),children:x})}),ve=e=>(0,t.jsx)(n.Menu.CheckboxItem,{...C(e,r=>({indicator:"checkbox",selected:r.checked}))}),fe=e=>(0,t.jsx)(n.Menu.Item,{...C(e)}),R=(0,M.createContext)(!1),De={root:{side:"bottom",align:"start",sideOffset:8,alignOffset:0},submenu:{side:"inline-end",align:"start",sideOffset:0,alignOffset:-4}},xe=({side:e,align:r,sideOffset:o,alignOffset:a,anchor:i,keepMounted:l,className:d,children:x,...g})=>{const v=h.useThemeContainer(),{container:N=v??void 0,...b}=g,p=De[(0,M.useContext)(R)?"submenu":"root"];return(0,t.jsx)(n.Menu.Portal,{container:N,keepMounted:l,children:(0,t.jsx)(n.Menu.Positioner,{side:e??p.side,align:r??p.align,sideOffset:o??p.sideOffset,alignOffset:a??p.alignOffset,anchor:i,className:f.Menu_module_default.positioner,children:(0,t.jsx)(n.Menu.Popup,{...b,className:c.mergeClassNames(f.Menu_module_default.popup,d),children:x})})})},Ce=({className:e,...r})=>(0,t.jsx)(n.Menu.RadioGroup,{...r,className:c.mergeClassNames(f.Menu_module_default.group,e)}),Ne=e=>(0,t.jsx)(n.Menu.RadioItem,{...C(e,r=>({indicator:"check",selected:r.checked}))}),be=({children:e,...r})=>(0,t.jsx)(R.Provider,{value:!0,children:(0,t.jsx)(n.Menu.SubmenuRoot,{...r,children:e})}),he=e=>(0,t.jsx)(n.Menu.SubmenuTrigger,{...C(e,()=>({hasSubmenu:!0}))}),je={Root:n.Menu.Root,Trigger:n.Menu.Trigger,Popup:xe,Item:fe,CheckboxItem:ve,RadioGroup:Ce,RadioItem:Ne,Group:f.MenuGroup,GroupLabel:f.MenuGroupLabel,Separator:f.MenuSeparator,SubmenuRoot:be,SubmenuTrigger:he};Object.defineProperty(exports,"AlertDialog",{enumerable:!0,get:function(){return J}});Object.defineProperty(exports,"Card",{enumerable:!0,get:function(){return se}});Object.defineProperty(exports,"Dialog",{enumerable:!0,get:function(){return pe}});Object.defineProperty(exports,"Menu",{enumerable:!0,get:function(){return je}});

package/dist/testing/index.d.ts

@@ -3,8 +3,6 @@ export { ComponentStorybookLayout } from './ComponentStorybookLayout';
 export type { CatalogDimension, CatalogOptions, } from './decorators/CatalogDecorator';
 export { CatalogDecorator } from './decorators/CatalogDecorator';
 export { ComponentDecorator } from './decorators/ComponentDecorator';
-export type { RouteParams } from './decorators/ComponentWithRouterDecorator';
-export { isRouteParams, computeLocation, ComponentWithRouterDecorator, } from './decorators/ComponentWithRouterDecorator';
-export { RouterDecorator } from './decorators/RouterDecorator';
 export { AVATAR_URL_MOCK } from './mocks/avatarUrlMock';
 export type { CatalogStory } from './types/CatalogStory';
+export { overrideMediaQueryMatches } from './utils/overrideMediaQueryMatches';

package/dist/testing/utils/overrideMediaQueryMatches.d.ts

@@ -0,0 +1 @@
+export declare const overrideMediaQueryMatches: (matchesByQuery: Partial<Record<string, boolean>>) => () => void;

package/dist/testing.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const R=require("./theme-constants-Do_FO7Uy.cjs");let V=require("clsx"),v=require("@sniptt/guards"),t=require("react/jsx-runtime"),n=require("react-router-dom");var T={test:"error",config:{rules:[{id:"color-contrast",enabled:!1}]}},w="_layout_17ld0_1",y={layout:w},_=({width:e,backgroundColor:r,height:A,children:o})=>(0,t.jsx)("div",{className:y.layout,style:{background:r,height:R.isDefined(A)?`${A}px`:"fit-content",minWidth:e?"unset":"300px",width:e?`${e}px`:"fit-content"},children:o}),F="_columnTitle_5dert_1",f="_rowsTitle_5dert_7",D="_rowTitle_5dert_15",S="_elementTitle_5dert_23",k="_container_5dert_32",x="_columnContainer_5dert_37",N="_rowsContainer_5dert_43",b="_rowContainer_5dert_49",M="_elementContainer_5dert_56",I="_cellContainer_5dert_60",a={columnTitle:F,rowsTitle:f,rowTitle:D,elementTitle:S,container:k,columnContainer:x,rowsContainer:N,rowContainer:b,elementContainer:M,cellContainer:I},u={name:"",values:[void 0],props:()=>({})},C=e=>(0,v.isString)(e)||(0,v.isNumber)(e),L=(e,r)=>{const{catalog:{dimensions:A=[],options:o={}}={dimensions:[],options:{}}}=r.parameters||{};if(!A||!Array.isArray(A))return(0,t.jsx)(e,{});const[s=u,i=u,p=u,h=u]=A;return(0,t.jsx)("div",{className:a.container,children:h.values.map((c,g)=>(0,t.jsxs)("div",{className:a.columnContainer,children:[(0,t.jsx)("div",{className:a.columnTitle,children:h.labels?.(c)??(C(c)?c:"")}),p.values.map((m,E)=>(0,t.jsxs)("div",{className:a.rowsContainer,children:[(0,t.jsx)("div",{className:a.rowsTitle,children:p.labels?.(m)??(C(m)?m:"")}),i.values.map((d,Q)=>(0,t.jsxs)("div",{className:a.rowContainer,children:[(0,t.jsx)("div",{className:a.rowTitle,children:i.labels?.(d)??(C(d)?d:"")}),s.values.map((l,B)=>(0,t.jsxs)("div",{className:a.cellContainer,id:A.length>1?`catalog-cell-${g}-${E}-${Q}-${B}`:l,children:[(0,t.jsx)("span",{className:a.elementTitle,children:s.labels?.(l)??(C(l)?l:"")}),(0,t.jsx)("div",{className:(0,V.clsx)(a.elementContainer,o?.elementContainer?.className),style:{minWidth:o?.elementContainer?.width?`${o.elementContainer.width}px`:"auto",...o?.elementContainer?.style},children:(0,t.jsx)(e,{args:{...r.args,...s.props(l),...i.props(d),...p.props(m),...h.props(c)}})})]},`d1-${B}`))]},`d2-${Q}`))]},`d3-${E}`))]},`d4-${g}`))})},W=(e,r)=>{if(e)switch(r){case"default":return R.themeCssVariables.grayScale.gray11;case"danger":return R.themeCssVariables.color.red;case"blue":return R.themeCssVariables.color.blue;default:return}},K=(e,r)=>{const{container:A}=r.parameters,o=r.args.inverted,s=r.args.accent,i=W(o,s);return(0,t.jsx)(_,{width:A?.width,height:A?.height,backgroundColor:i,children:(0,t.jsx)(e,{})})},U=e=>typeof e!="object"||e===null?!1:Object.keys(e).every(r=>typeof e[r]=="string"),j=(e,r)=>({pathname:e.replace(/:(\w+)/g,A=>r?.[A]??"")}),P=()=>(0,t.jsx)(_,{children:(0,t.jsx)(n.Outlet,{})}),q=({Story:e,args:r,initialEntries:A,initialIndex:o})=>(0,n.createMemoryRouter)((0,n.createRoutesFromElements)((0,t.jsx)(n.Route,{element:(0,t.jsx)(P,{}),children:(0,t.jsx)(n.Route,{path:r.routePath??"*",element:(0,t.jsx)(e,{})})})),{initialEntries:A,initialIndex:o}),O=(e,{args:r})=>(0,t.jsx)(n.RouterProvider,{router:q({Story:e,args:r,initialEntries:r.routePath&&typeof r.routePath=="string"&&(r.routeParams===void 0||U(r.routeParams))?[j(r.routePath,r.routeParams)]:[{pathname:"/"}]})}),Y=e=>(0,t.jsx)(n.MemoryRouter,{children:(0,t.jsx)(e,{})}),J="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAYABgAAD/4QCMRXhpZgAATU0AKgAAAAgABQESAAMAAAABAAEAAAEaAAUAAAABAAAASgEbAAUAAAABAAAAUgEoAAMAAAABAAIAAIdpAAQAAAABAAAAWgAAAAAAAABgAAAAAQAAAGAAAAABAAOgAQADAAAAAQABAACgAgAEAAAAAQAAABSgAwAEAAAAAQAAABQAAAAA/8AAEQgAFAAUAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/bAEMACwgICggHCwoJCg0MCw0RHBIRDw8RIhkaFBwpJCsqKCQnJy0yQDctMD0wJyc4TDk9Q0VISUgrNk9VTkZUQEdIRf/bAEMBDA0NEQ8RIRISIUUuJy5FRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRf/dAAQAAv/aAAwDAQACEQMRAD8Ava1q728otYY98joSCTgZrnbXWdTtrhrfVZXWLafmcAEkdgR/hVltQku9Q8+OIEBcGOT+ID0PY1ka1KH2u8ToqnPLbmIqG7u6LtbQ7RXBRec4Uck9eKXcPWsKDWVnhWSL5kYcFelSf2m3901POh8jP//QoyIAnTuKpXsY82NsksUyWPU5q/L9z8RVK++/F/uCsVsaEURwgA4HtT9x9TUcf3KfUGh//9k=";exports.A11Y_DEFER_COLOR_CONTRAST=T;exports.AVATAR_URL_MOCK=J;exports.CatalogDecorator=L;exports.ComponentDecorator=K;exports.ComponentStorybookLayout=_;exports.ComponentWithRouterDecorator=O;exports.RouterDecorator=Y;exports.computeLocation=j;exports.isRouteParams=U;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("./theme-DNG4OSBd.cjs"),B=require("./isDefined-DS2Q42p5.cjs");let v=require("clsx"),A=require("react/jsx-runtime"),_=require("@sniptt/guards");var U={test:"error",config:{rules:[{id:"color-contrast",enabled:!1}]}},V="_layout_17ld0_1",T={layout:V},w=({width:e,backgroundColor:r,height:t,children:a})=>(0,A.jsx)("div",{className:T.layout,style:{background:r,height:B.isDefined(t)?`${t}px`:"fit-content",minWidth:e?"unset":"300px",width:e?`${e}px`:"fit-content"},children:a}),j="_columnTitle_5dert_1",M="_rowsTitle_5dert_7",y="_rowTitle_5dert_15",F="_elementTitle_5dert_23",S="_container_5dert_32",b="_columnContainer_5dert_37",f="_rowsContainer_5dert_43",N="_rowContainer_5dert_49",k="_elementContainer_5dert_56",D="_cellContainer_5dert_60",n={columnTitle:j,rowsTitle:M,rowTitle:y,elementTitle:F,container:S,columnContainer:b,rowsContainer:f,rowContainer:N,elementContainer:k,cellContainer:D},m={name:"",values:[void 0],props:()=>({})},C=e=>(0,_.isString)(e)||(0,_.isNumber)(e),L=(e,r)=>{const{catalog:{dimensions:t=[],options:a={}}={dimensions:[],options:{}}}=r.parameters||{};if(!t||!Array.isArray(t))return(0,A.jsx)(e,{});const[o=m,i=m,u=m,g=m]=t;return(0,A.jsx)("div",{className:n.container,children:g.values.map((l,R)=>(0,A.jsxs)("div",{className:n.columnContainer,children:[(0,A.jsx)("div",{className:n.columnTitle,children:g.labels?.(l)??(C(l)?l:"")}),u.values.map((c,Q)=>(0,A.jsxs)("div",{className:n.rowsContainer,children:[(0,A.jsx)("div",{className:n.rowsTitle,children:u.labels?.(c)??(C(c)?c:"")}),i.values.map((d,p)=>(0,A.jsxs)("div",{className:n.rowContainer,children:[(0,A.jsx)("div",{className:n.rowTitle,children:i.labels?.(d)??(C(d)?d:"")}),o.values.map((s,E)=>(0,A.jsxs)("div",{className:n.cellContainer,id:t.length>1?`catalog-cell-${R}-${Q}-${p}-${E}`:s,children:[(0,A.jsx)("span",{className:n.elementTitle,children:o.labels?.(s)??(C(s)?s:"")}),(0,A.jsx)("div",{className:(0,v.clsx)(n.elementContainer,a?.elementContainer?.className),style:{minWidth:a?.elementContainer?.width?`${a.elementContainer.width}px`:"auto",...a?.elementContainer?.style},children:(0,A.jsx)(e,{args:{...r.args,...o.props(s),...i.props(d),...u.props(c),...g.props(l)}})})]},`d1-${E}`))]},`d2-${p}`))]},`d3-${Q}`))]},`d4-${R}`))})},I=(e,r)=>{if(e)switch(r){case"default":return h.themeCssVariables.grayScale.gray11;case"danger":return h.themeCssVariables.color.red;case"blue":return h.themeCssVariables.color.blue;default:return}},K=(e,r)=>{const{container:t}=r.parameters,a=r.args.inverted,o=r.args.accent,i=I(a,o);return(0,A.jsx)(w,{width:t?.width,height:t?.height,backgroundColor:i,children:(0,A.jsx)(e,{})})},x="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAYABgAAD/4QCMRXhpZgAATU0AKgAAAAgABQESAAMAAAABAAEAAAEaAAUAAAABAAAASgEbAAUAAAABAAAAUgEoAAMAAAABAAIAAIdpAAQAAAABAAAAWgAAAAAAAABgAAAAAQAAAGAAAAABAAOgAQADAAAAAQABAACgAgAEAAAAAQAAABSgAwAEAAAAAQAAABQAAAAA/8AAEQgAFAAUAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/bAEMACwgICggHCwoJCg0MCw0RHBIRDw8RIhkaFBwpJCsqKCQnJy0yQDctMD0wJyc4TDk9Q0VISUgrNk9VTkZUQEdIRf/bAEMBDA0NEQ8RIRISIUUuJy5FRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRf/dAAQAAv/aAAwDAQACEQMRAD8Ava1q728otYY98joSCTgZrnbXWdTtrhrfVZXWLafmcAEkdgR/hVltQku9Q8+OIEBcGOT+ID0PY1ka1KH2u8ToqnPLbmIqG7u6LtbQ7RXBRec4Uck9eKXcPWsKDWVnhWSL5kYcFelSf2m3901POh8jP//QoyIAnTuKpXsY82NsksUyWPU5q/L9z8RVK++/F/uCsVsaEURwgA4HtT9x9TUcf3KfUGh//9k=",O=e=>Object.assign(new EventTarget,{media:e,matches:!1,onchange:null,addListener:()=>{},removeListener:()=>{}}),W=e=>{const r=window.matchMedia;return window.matchMedia=t=>{const a=(0,_.isFunction)(r)?r.call(window,t):O(t),o=e[t];return B.isDefined(o)&&Object.defineProperty(a,"matches",{value:o}),a},()=>{window.matchMedia=r}};exports.A11Y_DEFER_COLOR_CONTRAST=U;exports.AVATAR_URL_MOCK=x;exports.CatalogDecorator=L;exports.ComponentDecorator=K;exports.ComponentStorybookLayout=w;exports.overrideMediaQueryMatches=W;

package/dist/testing.mjs

@@ -1,129 +1,129 @@
-import { c as h, s as U } from "./theme-constants-DETwIS-a.js";
-import { clsx as V } from "clsx";
-import { isNumber as w, isString as f } from "@sniptt/guards";
-import { jsx as r, jsxs as d } from "react/jsx-runtime";
-import { MemoryRouter as T, Outlet as y, Route as v, RouterProvider as F, createMemoryRouter as k, createRoutesFromElements as N } from "react-router-dom";
-var Ae = {
+import { t as w } from "./isDefined-fMi6eQ4r.js";
+import { a as Q } from "./theme-DBro6iwF.js";
+import { clsx as _ } from "clsx";
+import { jsx as a, jsxs as m } from "react/jsx-runtime";
+import { isFunction as U, isNumber as v, isString as V } from "@sniptt/guards";
+var q = {
   test: "error",
   config: { rules: [{
     id: "color-contrast",
     enabled: !1
   }] }
-}, S = "_layout_17ld0_1", D = { layout: S }, _ = ({ width: e, backgroundColor: A, height: t, children: o }) => /* @__PURE__ */ r("div", {
-  className: D.layout,
+}, T = "_layout_17ld0_1", f = { layout: T }, F = ({ width: e, backgroundColor: A, height: r, children: t }) => /* @__PURE__ */ a("div", {
+  className: f.layout,
   style: {
     background: A,
-    height: U(t) ? `${t}px` : "fit-content",
+    height: w(r) ? `${r}px` : "fit-content",
     minWidth: e ? "unset" : "300px",
     width: e ? `${e}px` : "fit-content"
   },
-  children: o
-}), I = "_columnTitle_5dert_1", b = "_rowsTitle_5dert_7", M = "_rowTitle_5dert_15", W = "_elementTitle_5dert_23", K = "_container_5dert_32", L = "_columnContainer_5dert_37", P = "_rowsContainer_5dert_43", Y = "_rowContainer_5dert_49", J = "_elementContainer_5dert_56", j = "_cellContainer_5dert_60", a = {
-  columnTitle: I,
-  rowsTitle: b,
-  rowTitle: M,
-  elementTitle: W,
-  container: K,
-  columnContainer: L,
-  rowsContainer: P,
-  rowContainer: Y,
-  elementContainer: J,
-  cellContainer: j
-}, u = {
+  children: t
+}), M = "_columnTitle_5dert_1", N = "_rowsTitle_5dert_7", k = "_rowTitle_5dert_15", y = "_elementTitle_5dert_23", S = "_container_5dert_32", b = "_columnContainer_5dert_37", D = "_rowsContainer_5dert_43", I = "_rowContainer_5dert_49", L = "_elementContainer_5dert_56", K = "_cellContainer_5dert_60", n = {
+  columnTitle: M,
+  rowsTitle: N,
+  rowTitle: k,
+  elementTitle: y,
+  container: S,
+  columnContainer: b,
+  rowsContainer: D,
+  rowContainer: I,
+  elementContainer: L,
+  cellContainer: K
+}, C = {
   name: "",
   values: [void 0],
   props: () => ({})
-}, p = (e) => f(e) || w(e), re = (e, A) => {
-  const { catalog: { dimensions: t = [], options: o = {} } = {
+}, g = (e) => V(e) || v(e), G = (e, A) => {
+  const { catalog: { dimensions: r = [], options: t = {} } = {
     dimensions: [],
     options: {}
   } } = A.parameters || {};
-  if (!t || !Array.isArray(t)) return /* @__PURE__ */ r(e, {});
-  const [n = u, i = u, C = u, R = u] = t;
-  return /* @__PURE__ */ r("div", {
-    className: a.container,
-    children: R.values.map((s, g) => /* @__PURE__ */ d("div", {
-      className: a.columnContainer,
-      children: [/* @__PURE__ */ r("div", {
-        className: a.columnTitle,
-        children: R.labels?.(s) ?? (p(s) ? s : "")
-      }), C.values.map((c, E) => /* @__PURE__ */ d("div", {
-        className: a.rowsContainer,
-        children: [/* @__PURE__ */ r("div", {
-          className: a.rowsTitle,
-          children: C.labels?.(c) ?? (p(c) ? c : "")
-        }), i.values.map((m, Q) => /* @__PURE__ */ d("div", {
-          className: a.rowContainer,
-          children: [/* @__PURE__ */ r("div", {
-            className: a.rowTitle,
-            children: i.labels?.(m) ?? (p(m) ? m : "")
-          }), n.values.map((l, B) => /* @__PURE__ */ d("div", {
-            className: a.cellContainer,
-            id: t.length > 1 ? `catalog-cell-${g}-${E}-${Q}-${B}` : l,
-            children: [/* @__PURE__ */ r("span", {
-              className: a.elementTitle,
-              children: n.labels?.(l) ?? (p(l) ? l : "")
-            }), /* @__PURE__ */ r("div", {
-              className: V(a.elementContainer, o?.elementContainer?.className),
+  if (!r || !Array.isArray(r)) return /* @__PURE__ */ a(e, {});
+  const [o = C, i = C, h = C, p = C] = r;
+  return /* @__PURE__ */ a("div", {
+    className: n.container,
+    children: p.values.map((l, R) => /* @__PURE__ */ m("div", {
+      className: n.columnContainer,
+      children: [/* @__PURE__ */ a("div", {
+        className: n.columnTitle,
+        children: p.labels?.(l) ?? (g(l) ? l : "")
+      }), h.values.map((c, u) => /* @__PURE__ */ m("div", {
+        className: n.rowsContainer,
+        children: [/* @__PURE__ */ a("div", {
+          className: n.rowsTitle,
+          children: h.labels?.(c) ?? (g(c) ? c : "")
+        }), i.values.map((d, E) => /* @__PURE__ */ m("div", {
+          className: n.rowContainer,
+          children: [/* @__PURE__ */ a("div", {
+            className: n.rowTitle,
+            children: i.labels?.(d) ?? (g(d) ? d : "")
+          }), o.values.map((s, B) => /* @__PURE__ */ m("div", {
+            className: n.cellContainer,
+            id: r.length > 1 ? `catalog-cell-${R}-${u}-${E}-${B}` : s,
+            children: [/* @__PURE__ */ a("span", {
+              className: n.elementTitle,
+              children: o.labels?.(s) ?? (g(s) ? s : "")
+            }), /* @__PURE__ */ a("div", {
+              className: _(n.elementContainer, t?.elementContainer?.className),
               style: {
-                minWidth: o?.elementContainer?.width ? `${o.elementContainer.width}px` : "auto",
-                ...o?.elementContainer?.style
+                minWidth: t?.elementContainer?.width ? `${t.elementContainer.width}px` : "auto",
+                ...t?.elementContainer?.style
               },
-              children: /* @__PURE__ */ r(e, { args: {
+              children: /* @__PURE__ */ a(e, { args: {
                 ...A.args,
-                ...n.props(l),
-                ...i.props(m),
-                ...C.props(c),
-                ...R.props(s)
+                ...o.props(s),
+                ...i.props(d),
+                ...h.props(c),
+                ...p.props(l)
               } })
             })]
           }, `d1-${B}`))]
-        }, `d2-${Q}`))]
-      }, `d3-${E}`))]
-    }, `d4-${g}`))
+        }, `d2-${E}`))]
+      }, `d3-${u}`))]
+    }, `d4-${R}`))
   });
-}, X = (e, A) => {
+}, W = (e, A) => {
   if (e)
     switch (A) {
       case "default":
-        return h.grayScale.gray11;
+        return Q.grayScale.gray11;
       case "danger":
-        return h.color.red;
+        return Q.color.red;
       case "blue":
-        return h.color.blue;
+        return Q.color.blue;
       default:
         return;
     }
-}, te = (e, A) => {
-  const { container: t } = A.parameters, o = A.args.inverted, n = A.args.accent, i = X(o, n);
-  return /* @__PURE__ */ r(_, {
-    width: t?.width,
-    height: t?.height,
+}, H = (e, A) => {
+  const { container: r } = A.parameters, t = A.args.inverted, o = A.args.accent, i = W(t, o);
+  return /* @__PURE__ */ a(F, {
+    width: r?.width,
+    height: r?.height,
     backgroundColor: i,
-    children: /* @__PURE__ */ r(e, {})
+    children: /* @__PURE__ */ a(e, {})
   });
-}, O = (e) => typeof e != "object" || e === null ? !1 : Object.keys(e).every((A) => typeof e[A] == "string"), Z = (e, A) => ({ pathname: e.replace(/:(\w+)/g, (t) => A?.[t] ?? "") }), q = () => /* @__PURE__ */ r(_, { children: /* @__PURE__ */ r(y, {}) }), G = ({ Story: e, args: A, initialEntries: t, initialIndex: o }) => k(N(/* @__PURE__ */ r(v, {
-  element: /* @__PURE__ */ r(q, {}),
-  children: /* @__PURE__ */ r(v, {
-    path: A.routePath ?? "*",
-    element: /* @__PURE__ */ r(e, {})
-  })
-})), {
-  initialEntries: t,
-  initialIndex: o
-}), oe = (e, { args: A }) => /* @__PURE__ */ r(F, { router: G({
-  Story: e,
-  args: A,
-  initialEntries: A.routePath && typeof A.routePath == "string" && (A.routeParams === void 0 || O(A.routeParams)) ? [Z(A.routePath, A.routeParams)] : [{ pathname: "/" }]
-}) }), ae = (e) => /* @__PURE__ */ r(T, { children: /* @__PURE__ */ r(e, {}) }), ne = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAYABgAAD/4QCMRXhpZgAATU0AKgAAAAgABQESAAMAAAABAAEAAAEaAAUAAAABAAAASgEbAAUAAAABAAAAUgEoAAMAAAABAAIAAIdpAAQAAAABAAAAWgAAAAAAAABgAAAAAQAAAGAAAAABAAOgAQADAAAAAQABAACgAgAEAAAAAQAAABSgAwAEAAAAAQAAABQAAAAA/8AAEQgAFAAUAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/bAEMACwgICggHCwoJCg0MCw0RHBIRDw8RIhkaFBwpJCsqKCQnJy0yQDctMD0wJyc4TDk9Q0VISUgrNk9VTkZUQEdIRf/bAEMBDA0NEQ8RIRISIUUuJy5FRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRf/dAAQAAv/aAAwDAQACEQMRAD8Ava1q728otYY98joSCTgZrnbXWdTtrhrfVZXWLafmcAEkdgR/hVltQku9Q8+OIEBcGOT+ID0PY1ka1KH2u8ToqnPLbmIqG7u6LtbQ7RXBRec4Uck9eKXcPWsKDWVnhWSL5kYcFelSf2m3901POh8jP//QoyIAnTuKpXsY82NsksUyWPU5q/L9z8RVK++/F/uCsVsaEURwgA4HtT9x9TUcf3KfUGh//9k=";
+}, $ = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAYABgAAD/4QCMRXhpZgAATU0AKgAAAAgABQESAAMAAAABAAEAAAEaAAUAAAABAAAASgEbAAUAAAABAAAAUgEoAAMAAAABAAIAAIdpAAQAAAABAAAAWgAAAAAAAABgAAAAAQAAAGAAAAABAAOgAQADAAAAAQABAACgAgAEAAAAAQAAABSgAwAEAAAAAQAAABQAAAAA/8AAEQgAFAAUAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/bAEMACwgICggHCwoJCg0MCw0RHBIRDw8RIhkaFBwpJCsqKCQnJy0yQDctMD0wJyc4TDk9Q0VISUgrNk9VTkZUQEdIRf/bAEMBDA0NEQ8RIRISIUUuJy5FRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRf/dAAQAAv/aAAwDAQACEQMRAD8Ava1q728otYY98joSCTgZrnbXWdTtrhrfVZXWLafmcAEkdgR/hVltQku9Q8+OIEBcGOT+ID0PY1ka1KH2u8ToqnPLbmIqG7u6LtbQ7RXBRec4Uck9eKXcPWsKDWVnhWSL5kYcFelSf2m3901POh8jP//QoyIAnTuKpXsY82NsksUyWPU5q/L9z8RVK++/F/uCsVsaEURwgA4HtT9x9TUcf3KfUGh//9k=", j = (e) => Object.assign(new EventTarget(), {
+  media: e,
+  matches: !1,
+  onchange: null,
+  addListener: () => {
+  },
+  removeListener: () => {
+  }
+}), P = (e) => {
+  const A = window.matchMedia;
+  return window.matchMedia = (r) => {
+    const t = U(A) ? A.call(window, r) : j(r), o = e[r];
+    return w(o) && Object.defineProperty(t, "matches", { value: o }), t;
+  }, () => {
+    window.matchMedia = A;
+  };
+};
 export {
-  Ae as A11Y_DEFER_COLOR_CONTRAST,
-  ne as AVATAR_URL_MOCK,
-  re as CatalogDecorator,
-  te as ComponentDecorator,
-  _ as ComponentStorybookLayout,
-  oe as ComponentWithRouterDecorator,
-  ae as RouterDecorator,
-  Z as computeLocation,
-  O as isRouteParams
+  q as A11Y_DEFER_COLOR_CONTRAST,
+  $ as AVATAR_URL_MOCK,
+  G as CatalogDecorator,
+  H as ComponentDecorator,
+  F as ComponentStorybookLayout,
+  P as overrideMediaQueryMatches
 };

package/dist/theme/ThemeOverrides.d.ts

@@ -0,0 +1 @@
+export type ThemeOverrides = Record<string, string | number>;

package/dist/theme/ThemeProvider.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { ThemeProviderProps } from './ThemeProviderProps';
+export declare const ThemeProvider: ({ children, colorScheme, applyToRoot, overrides, className, scale, theme: providedTheme, }: ThemeProviderProps) => React.JSX.Element;

package/dist/theme/ThemeProviderProps.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { THEME_LIGHT } from './constants/ThemeLight';
+import { ThemeOverrides } from './ThemeOverrides';
+import { ThemeType } from './themeTypes';
+export type ThemeProviderProps = {
+    children: ReactNode;
+    colorScheme: 'light' | 'dark';
+    applyToRoot?: boolean;
+    overrides?: ThemeOverrides;
+    className?: string;
+    scale?: number;
+    theme?: ThemeType | typeof THEME_LIGHT;
+};

package/dist/{theme-constants → theme}/getNextThemeColor.d.ts

@@ -1,2 +1,2 @@
-import { ThemeColor } from '../theme/constants/MainColorNames';
+import { ThemeColor } from './constants/MainColorNames';
 export declare const getNextThemeColor: (colorNames: ThemeColor[], currentColor?: ThemeColor) => ThemeColor;

package/dist/theme/index.d.ts

@@ -5,7 +5,17 @@ export { GRAY_SCALE_DARK } from './constants/GrayScaleDark';
 export { GRAY_SCALE_LIGHT } from './constants/GrayScaleLight';
 export type { ThemeColor } from './constants/MainColorNames';
 export { MAIN_COLOR_NAMES } from './constants/MainColorNames';
+export { MOBILE_VIEWPORT } from './constants/MobileViewport';
 export { RGBA } from './constants/Rgba';
 export { THEME_COMMON } from './constants/ThemeCommon';
 export { THEME_DARK } from './constants/ThemeDark';
 export { THEME_LIGHT } from './constants/ThemeLight';
+export { getNextThemeColor } from './getNextThemeColor';
+export { themeCssVariables } from './themeCssVariables';
+export type { ThemeOverrides } from './ThemeOverrides';
+export { ThemeProvider } from './ThemeProvider';
+export type { ThemeProviderProps } from './ThemeProviderProps';
+export type { ThemeType } from './themeTypes';
+export { useTheme } from './useTheme';
+export { useThemeColorScheme } from './useThemeColorScheme';
+export { useThemeContainer } from './useThemeContainer';

package/dist/theme/internal/ThemeContextType.d.ts

@@ -0,0 +1,6 @@
+import { ThemeType } from '../themeTypes';
+export type ThemeContextType = {
+    theme: ThemeType;
+    colorScheme: 'light' | 'dark';
+    explicitTheme?: ThemeType;
+};

package/dist/theme/internal/computeThemeFromCss.d.ts

@@ -0,0 +1,2 @@
+import { ThemeType } from '../themeTypes';
+export declare const computeThemeFromCss: (sourceElement?: HTMLElement) => ThemeType;

package/dist/theme/internal/getThemeContext.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { ThemeContextType } from './ThemeContextType';
+export declare const getThemeContext: () => React.Context<ThemeContextType>;

package/dist/theme/internal/getThemeScopeContext.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const getThemeScopeContext: () => React.Context<HTMLElement | null>;

package/dist/theme/internal/resolveExplicitTheme.d.ts

@@ -0,0 +1,5 @@
+import { THEME_LIGHT } from '../constants/ThemeLight';
+import { ThemeType } from '../themeTypes';
+type StaticTheme = typeof THEME_LIGHT;
+export declare const resolveExplicitTheme: (theme: ThemeType | StaticTheme) => ThemeType;
+export {};