twenty-ui 1.0.0-alpha.2 → 2.42.0

package/dist/surfaces-Cr4lhCvZ.js

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

package/dist/surfaces-CuxI6145.cjs

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

package/dist/testing.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const R=require("./theme-constants-27fpVK7_.cjs");let t=require("react/jsx-runtime"),V=require("clsx"),v=require("@sniptt/guards"),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 V=require("./isDefined-DS2Q42p5.cjs"),_=require("./theme-constants-ZNgkgDE-.cjs");let T=require("clsx"),t=require("react/jsx-runtime"),v=require("@sniptt/guards"),n=require("react-router-dom");var w={test:"error",config:{rules:[{id:"color-contrast",enabled:!1}]}},y="_layout_17ld0_1",f={layout:y},h=({width:e,backgroundColor:r,height:A,children:o})=>(0,t.jsx)("div",{className:f.layout,style:{background:r,height:V.isDefined(A)?`${A}px`:"fit-content",minWidth:e?"unset":"300px",width:e?`${e}px`:"fit-content"},children:o}),D="_columnTitle_5dert_1",F="_rowsTitle_5dert_7",S="_rowTitle_5dert_15",k="_elementTitle_5dert_23",x="_container_5dert_32",N="_columnContainer_5dert_37",b="_rowsContainer_5dert_43",M="_rowContainer_5dert_49",I="_elementContainer_5dert_56",L="_cellContainer_5dert_60",a={columnTitle:D,rowsTitle:F,rowTitle:S,elementTitle:k,container:x,columnContainer:N,rowsContainer:b,rowContainer:M,elementContainer:I,cellContainer:L},u={name:"",values:[void 0],props:()=>({})},C=e=>(0,v.isString)(e)||(0,v.isNumber)(e),q=(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,R=u,p=u]=A;return(0,t.jsx)("div",{className:a.container,children:p.values.map((c,g)=>(0,t.jsxs)("div",{className:a.columnContainer,children:[(0,t.jsx)("div",{className:a.columnTitle,children:p.labels?.(c)??(C(c)?c:"")}),R.values.map((d,E)=>(0,t.jsxs)("div",{className:a.rowsContainer,children:[(0,t.jsx)("div",{className:a.rowsTitle,children:R.labels?.(d)??(C(d)?d:"")}),i.values.map((m,Q)=>(0,t.jsxs)("div",{className:a.rowContainer,children:[(0,t.jsx)("div",{className:a.rowTitle,children:i.labels?.(m)??(C(m)?m:"")}),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,T.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(m),...R.props(d),...p.props(c)}})})]},`d1-${B}`))]},`d2-${Q}`))]},`d3-${E}`))]},`d4-${g}`))})},W=(e,r)=>{if(e)switch(r){case"default":return _.themeCssVariables.grayScale.gray11;case"danger":return _.themeCssVariables.color.red;case"blue":return _.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)(h,{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)(h,{children:(0,t.jsx)(n.Outlet,{})}),O=({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}),Y=(e,{args:r})=>(0,t.jsx)(n.RouterProvider,{useTransitions:!1,router:O({Story:e,args:r,initialEntries:r.routePath&&typeof r.routePath=="string"&&(r.routeParams===void 0||U(r.routeParams))?[j(r.routePath,r.routeParams)]:[{pathname:"/"}]})}),J=e=>(0,t.jsx)(n.MemoryRouter,{children:(0,t.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=";exports.A11Y_DEFER_COLOR_CONTRAST=w;exports.AVATAR_URL_MOCK=X;exports.CatalogDecorator=q;exports.ComponentDecorator=K;exports.ComponentStorybookLayout=h;exports.ComponentWithRouterDecorator=Y;exports.RouterDecorator=J;exports.computeLocation=j;exports.isRouteParams=U;

package/dist/testing.mjs

@@ -1,7 +1,8 @@
-import { c as h, s as U } from "./theme-constants-Bpkh40Q_.js";
-import { jsx as r, jsxs as d } from "react/jsx-runtime";
+import { t as U } from "./isDefined-fMi6eQ4r.js";
+import { s as h } from "./theme-constants-CrrgAYWN.js";
 import { clsx as V } from "clsx";
-import { isNumber as w, isString as f } from "@sniptt/guards";
+import { jsx as A, jsxs as d } from "react/jsx-runtime";
+import { isNumber as f, isString as w } from "@sniptt/guards";
 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 = {
   test: "error",
@@ -9,10 +10,10 @@ var Ae = {
     id: "color-contrast",
     enabled: !1
   }] }
-}, S = "_layout_17ld0_1", D = { layout: S }, _ = ({ width: e, backgroundColor: A, height: t, children: o }) => /* @__PURE__ */ r("div", {
+}, S = "_layout_17ld0_1", D = { layout: S }, _ = ({ width: e, backgroundColor: r, height: t, children: o }) => /* @__PURE__ */ A("div", {
   className: D.layout,
   style: {
-    background: A,
+    background: r,
     height: U(t) ? `${t}px` : "fit-content",
     minWidth: e ? "unset" : "300px",
     width: e ? `${e}px` : "fit-content"
@@ -33,48 +34,48 @@ var Ae = {
   name: "",
   values: [void 0],
   props: () => ({})
-}, p = (e) => f(e) || w(e), re = (e, A) => {
+}, p = (e) => w(e) || f(e), te = (e, r) => {
   const { catalog: { dimensions: t = [], options: o = {} } = {
     dimensions: [],
     options: {}
-  } } = A.parameters || {};
-  if (!t || !Array.isArray(t)) return /* @__PURE__ */ r(e, {});
+  } } = r.parameters || {};
+  if (!t || !Array.isArray(t)) return /* @__PURE__ */ A(e, {});
   const [n = u, i = u, C = u, R = u] = t;
-  return /* @__PURE__ */ r("div", {
+  return /* @__PURE__ */ A("div", {
     className: a.container,
-    children: R.values.map((s, g) => /* @__PURE__ */ d("div", {
+    children: R.values.map((l, g) => /* @__PURE__ */ d("div", {
       className: a.columnContainer,
-      children: [/* @__PURE__ */ r("div", {
+      children: [/* @__PURE__ */ A("div", {
         className: a.columnTitle,
-        children: R.labels?.(s) ?? (p(s) ? s : "")
+        children: R.labels?.(l) ?? (p(l) ? l : "")
       }), C.values.map((c, E) => /* @__PURE__ */ d("div", {
         className: a.rowsContainer,
-        children: [/* @__PURE__ */ r("div", {
+        children: [/* @__PURE__ */ A("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", {
+          children: [/* @__PURE__ */ A("div", {
             className: a.rowTitle,
             children: i.labels?.(m) ?? (p(m) ? m : "")
-          }), n.values.map((l, B) => /* @__PURE__ */ d("div", {
+          }), n.values.map((s, B) => /* @__PURE__ */ d("div", {
             className: a.cellContainer,
-            id: t.length > 1 ? `catalog-cell-${g}-${E}-${Q}-${B}` : l,
-            children: [/* @__PURE__ */ r("span", {
+            id: t.length > 1 ? `catalog-cell-${g}-${E}-${Q}-${B}` : s,
+            children: [/* @__PURE__ */ A("span", {
               className: a.elementTitle,
-              children: n.labels?.(l) ?? (p(l) ? l : "")
-            }), /* @__PURE__ */ r("div", {
+              children: n.labels?.(s) ?? (p(s) ? s : "")
+            }), /* @__PURE__ */ A("div", {
               className: V(a.elementContainer, o?.elementContainer?.className),
               style: {
                 minWidth: o?.elementContainer?.width ? `${o.elementContainer.width}px` : "auto",
                 ...o?.elementContainer?.style
               },
-              children: /* @__PURE__ */ r(e, { args: {
-                ...A.args,
-                ...n.props(l),
+              children: /* @__PURE__ */ A(e, { args: {
+                ...r.args,
+                ...n.props(s),
                 ...i.props(m),
                 ...C.props(c),
-                ...R.props(s)
+                ...R.props(l)
               } })
             })]
           }, `d1-${B}`))]
@@ -82,9 +83,9 @@ var Ae = {
       }, `d3-${E}`))]
     }, `d4-${g}`))
   });
-}, X = (e, A) => {
+}, X = (e, r) => {
   if (e)
-    switch (A) {
+    switch (r) {
       case "default":
         return h.grayScale.gray11;
       case "danger":
@@ -94,36 +95,39 @@ var Ae = {
       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(_, {
+}, oe = (e, r) => {
+  const { container: t } = r.parameters, o = r.args.inverted, n = r.args.accent, i = X(o, n);
+  return /* @__PURE__ */ A(_, {
     width: t?.width,
     height: t?.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, {})
+}, O = (e) => typeof e != "object" || e === null ? !1 : Object.keys(e).every((r) => typeof e[r] == "string"), Z = (e, r) => ({ pathname: e.replace(/:(\w+)/g, (t) => r?.[t] ?? "") }), q = () => /* @__PURE__ */ A(_, { children: /* @__PURE__ */ A(y, {}) }), G = ({ Story: e, args: r, initialEntries: t, initialIndex: o }) => k(N(/* @__PURE__ */ A(v, {
+  element: /* @__PURE__ */ A(q, {}),
+  children: /* @__PURE__ */ A(v, {
+    path: r.routePath ?? "*",
+    element: /* @__PURE__ */ A(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=";
+}), ae = (e, { args: r }) => /* @__PURE__ */ A(F, {
+  useTransitions: !1,
+  router: G({
+    Story: e,
+    args: r,
+    initialEntries: r.routePath && typeof r.routePath == "string" && (r.routeParams === void 0 || O(r.routeParams)) ? [Z(r.routePath, r.routeParams)] : [{ pathname: "/" }]
+  })
+}), ne = (e) => /* @__PURE__ */ A(T, { children: /* @__PURE__ */ A(e, {}) }), ie = "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=";
 export {
   Ae as A11Y_DEFER_COLOR_CONTRAST,
-  ne as AVATAR_URL_MOCK,
-  re as CatalogDecorator,
-  te as ComponentDecorator,
+  ie as AVATAR_URL_MOCK,
+  te as CatalogDecorator,
+  oe as ComponentDecorator,
   _ as ComponentStorybookLayout,
-  oe as ComponentWithRouterDecorator,
-  ae as RouterDecorator,
+  ae as ComponentWithRouterDecorator,
+  ne as RouterDecorator,
   Z as computeLocation,
   O as isRouteParams
 };

package/dist/theme/constants/ThemeLight.d.ts

@@ -152,6 +152,7 @@ export declare const THEME_LIGHT: {
     boxShadow: {
         color: string;
         light: string;
+        sidebar: string;
         strong: string;
         underline: string;
         superHeavy: string;

package/dist/{theme-DWGWo1te.js → theme-OwFrow8b.js}

@@ -261,6 +261,7 @@ var d = { duration: {
   boxShadow: {
     color: "rgba(0, 0, 0, 0.6)",
     light: "0px 2px 4px 0px rgba(0, 0, 0, 0.04), 0px 0px 4px 0px rgba(0, 0, 0, 0.08)",
+    sidebar: "-4px 4px 4px 0px rgba(0, 0, 0, 0.03)",
     strong: "2px 4px 16px 0px rgba(0, 0, 0, 0.16), 0px 2px 4px 0px rgba(0, 0, 0, 0.08)",
     underline: "0px 1px 0px 0px rgba(0, 0, 0, 0.32)",
     superHeavy: "2px 4px 16px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px 0px rgba(0, 0, 0, 0.04)"
@@ -1305,6 +1306,7 @@ var d = { duration: {
   boxShadow: {
     color: "color(display-p3 0 0 0 / 0.039)",
     light: "0px 2px 4px 0px color(display-p3 0 0 0 / 0.039), 0px 0px 4px 0px color(display-p3 0 0 0 / 0.078)",
+    sidebar: "-4px 4px 4px 0px rgba(0, 0, 0, 0.005)",
     strong: "2px 4px 16px 0px color(display-p3 0 0 0 / 0.161), 0px 2px 4px 0px color(display-p3 0 0 0 / 0.078)",
     underline: "0px 1px 0px 0px color(display-p3 0 0 0 / 0.361)",
     superHeavy: "0px 0px 8px 0px color(display-p3 0 0 0 / 0.161), 0px 8px 64px -16px color(display-p3 0 0 0 / 0.478), 0px 24px 56px -16px color(display-p3 0 0 0 / 0.078)"