twenty-ui 2.44.0 → 2.46.0

package/dist/surfaces-CV04bWoI.js

@@ -0,0 +1,294 @@
+import { t as I } from "./isDefined-fMi6eQ4r.js";
+import { t as T } from "./theme-yAk9zrNA.js";
+import { t as s } from "./mergeClassNames-ClFMR1v0.js";
+import { t as D } from "./useProvidedTextDirection-Dk8LBQeF.js";
+import { t as M } from "./ListItem-BVJEFywj.js";
+import { i as h, n as S, r as A, t as y } from "./MenuSeparator-BdPwyE9f.js";
+import { t as F } from "./Heading-pXllCJCO.js";
+import { useRender as c } from "@base-ui/react/use-render";
+import { isFunction as w, isUndefined as x } from "@sniptt/guards";
+import { clsx as m } from "clsx";
+import { createContext as O, useContext as B } from "react";
+import { jsx as t } from "react/jsx-runtime";
+import { Menu as p } from "@base-ui/react/menu";
+import { AlertDialog as l } from "@base-ui/react/alert-dialog";
+import { Dialog as n } from "@base-ui/react/dialog";
+var L = "_backdrop_aak4r_1", G = "_viewport_aak4r_12", V = "_popup_aak4r_30", U = "_header_aak4r_82", $ = "_body_aak4r_91", z = "_footer_aak4r_95", E = "_title_aak4r_106", j = "_description_aak4r_113", i = {
+  backdrop: L,
+  viewport: G,
+  popup: V,
+  header: U,
+  body: $,
+  footer: z,
+  title: E,
+  description: j
+}, q = ({ className: e, ...r }) => /* @__PURE__ */ t(l.Backdrop, {
+  ...r,
+  className: s(i.backdrop, e)
+}), J = ({ render: e, ref: r, className: a, ...o }) => c({
+  render: e,
+  ref: r,
+  props: {
+    ...o,
+    className: m(i.body, a)
+  }
+}), K = ({ className: e, ...r }) => /* @__PURE__ */ t(l.Description, {
+  ...r,
+  className: s(i.description, e)
+}), Q = ({ render: e, ref: r, className: a, ...o }) => c({
+  render: e,
+  ref: r,
+  props: {
+    ...o,
+    className: m(i.footer, a)
+  }
+}), W = ({ render: e, ref: r, className: a, ...o }) => c({
+  render: e,
+  ref: r,
+  props: {
+    ...o,
+    className: m(i.header, a)
+  }
+}), X = ({ container: e, ...r }) => {
+  const a = T(), o = D();
+  return /* @__PURE__ */ t(l.Portal, {
+    dir: o,
+    ...r,
+    container: e === void 0 ? a ?? void 0 : e
+  });
+}, Y = ({ size: e = "md", className: r, ...a }) => /* @__PURE__ */ t(l.Popup, {
+  ...a,
+  "data-size": e,
+  className: s(i.popup, r)
+}), Z = ({ className: e, ...r }) => /* @__PURE__ */ t(l.Title, {
+  ...r,
+  className: s(i.title, e)
+}), ee = ({ className: e, ...r }) => {
+  const a = D();
+  return /* @__PURE__ */ t(l.Viewport, {
+    dir: a,
+    ...r,
+    className: s(i.viewport, e)
+  });
+}, re = () => ({
+  Root: l.Root,
+  Trigger: l.Trigger,
+  Portal: X,
+  Backdrop: q,
+  Viewport: ee,
+  Popup: Y,
+  Title: Z,
+  Description: K,
+  Close: l.Close,
+  Header: W,
+  Body: J,
+  Footer: Q,
+  Handle: l.Handle,
+  createHandle: l.createHandle
+}), Ke = /* @__PURE__ */ re(), ae = "_cardContent_122dn_1", oe = { cardContent: ae }, te = ({ className: e, divider: r, render: a, ref: o, ...d }) => c({
+  render: a,
+  ref: o,
+  props: {
+    ...d,
+    className: m(oe.cardContent, e),
+    "data-divider": r || void 0
+  }
+}), ie = "_cardFooter_yo8y2_1", de = { cardFooter: ie }, se = ({ className: e, divider: r, render: a, ref: o, ...d }) => c({
+  render: a,
+  ref: o,
+  props: {
+    ...d,
+    className: m(de.cardFooter, e),
+    "data-no-divider": r === !1 || void 0
+  }
+}), le = "_cardHeader_18psr_1", ne = { cardHeader: le }, pe = ({ className: e, render: r, ref: a, ...o }) => c({
+  render: r,
+  ref: a,
+  props: {
+    ...o,
+    className: m(ne.cardHeader, e)
+  }
+}), ce = "_card_1mvso_1", me = { card: ce }, ue = ({ className: e, fullWidth: r, rounded: a, backgroundColor: o, style: d, render: u, ref: _, ...g }) => c({
+  render: u,
+  ref: _,
+  props: {
+    ...g,
+    className: m(me.card, e),
+    "data-full-width": r || void 0,
+    "data-rounded": a || void 0,
+    style: I(o) ? {
+      ...d,
+      "--card-background-color": o
+    } : d
+  }
+}), Qe = {
+  Root: ue,
+  Header: pe,
+  Content: te,
+  Footer: se
+}, ve = ({ className: e, ...r }) => /* @__PURE__ */ t(n.Backdrop, {
+  ...r,
+  className: s(i.backdrop, e)
+}), ge = ({ render: e, ref: r, className: a, ...o }) => c({
+  render: e,
+  ref: r,
+  props: {
+    ...o,
+    className: m(i.body, a)
+  }
+}), _e = ({ className: e, ...r }) => /* @__PURE__ */ t(n.Description, {
+  ...r,
+  className: s(i.description, e)
+}), fe = ({ render: e, ref: r, className: a, ...o }) => c({
+  render: e,
+  ref: r,
+  props: {
+    ...o,
+    className: m(i.footer, a)
+  }
+}), De = ({ render: e, ref: r, className: a, ...o }) => c({
+  render: e,
+  ref: r,
+  props: {
+    ...o,
+    className: m(i.header, a)
+  }
+}), Ce = ({ size: e = "md", className: r, ...a }) => {
+  const o = D();
+  return /* @__PURE__ */ t(n.Popup, {
+    dir: o,
+    ...a,
+    "data-size": e,
+    className: s(i.popup, r)
+  });
+}, Ne = ({ container: e, ...r }) => {
+  const a = T();
+  return /* @__PURE__ */ t(n.Portal, {
+    ...r,
+    container: x(e) ? a ?? void 0 : e
+  });
+}, ke = "_title_yzpck_1", Pe = { title: ke }, be = ({ level: e = 2, size: r = "lg", color: a = "primary", className: o, render: d, ...u }) => /* @__PURE__ */ t(n.Title, {
+  ...u,
+  className: s(Pe.title, o),
+  render: /* @__PURE__ */ t(F, {
+    level: e,
+    size: r,
+    color: a,
+    render: d
+  })
+}), he = ({ className: e, ...r }) => {
+  const a = D();
+  return /* @__PURE__ */ t(n.Viewport, {
+    dir: a,
+    ...r,
+    className: s(i.viewport, e)
+  });
+}, We = {
+  createHandle: n.createHandle,
+  Handle: n.Handle,
+  Root: n.Root,
+  Trigger: n.Trigger,
+  Portal: Ne,
+  Backdrop: ve,
+  Viewport: he,
+  Popup: Ce,
+  Title: be,
+  Description: _e,
+  Close: n.Close,
+  Header: De,
+  Body: ge,
+  Footer: fe
+}, C = ({ props: { color: e = "neutral", startIcon: r, endIcon: a, description: o, descriptionPlacement: d, shortcut: u, shortcutJoinLabel: _, disabled: g = !1, children: N, render: f, ...k }, getListItemState: P }) => ({
+  ...k,
+  disabled: g,
+  render: (b, v) => /* @__PURE__ */ t(M, {
+    ...b,
+    render: w(f) ? (R) => f(R, v) : f,
+    color: e,
+    disabled: g,
+    startIcon: r,
+    endIcon: a,
+    description: o,
+    descriptionPlacement: d,
+    shortcut: u,
+    shortcutJoinLabel: _,
+    ...P?.(v),
+    children: N
+  })
+}), Te = (e) => /* @__PURE__ */ t(p.CheckboxItem, { ...C({
+  props: e,
+  getListItemState: (r) => ({
+    indicator: "checkbox",
+    selected: r.checked
+  })
+}) }), He = (e) => /* @__PURE__ */ t(p.Item, { ...C({ props: e }) }), H = O(!1), Re = {
+  root: {
+    side: "bottom",
+    align: "start",
+    sideOffset: 8,
+    alignOffset: 0
+  },
+  submenu: {
+    side: "inline-end",
+    align: "start",
+    sideOffset: 0,
+    alignOffset: -4
+  }
+}, Ie = ({ side: e, align: r, sideOffset: a, alignOffset: o, anchor: d, keepMounted: u, className: _, children: g, ...N }) => {
+  const f = T(), k = D(), { container: P = f ?? void 0, ...b } = N, v = Re[B(H) ? "submenu" : "root"];
+  return /* @__PURE__ */ t(p.Portal, {
+    container: P,
+    keepMounted: u,
+    children: /* @__PURE__ */ t(p.Positioner, {
+      dir: k,
+      side: e ?? v.side,
+      align: r ?? v.align,
+      sideOffset: a ?? v.sideOffset,
+      alignOffset: o ?? v.alignOffset,
+      anchor: d,
+      className: h.positioner,
+      children: /* @__PURE__ */ t(p.Popup, {
+        ...b,
+        className: s(h.popup, _),
+        children: g
+      })
+    })
+  });
+}, Me = ({ className: e, ...r }) => /* @__PURE__ */ t(p.RadioGroup, {
+  ...r,
+  className: s(h.group, e)
+}), Se = (e) => /* @__PURE__ */ t(p.RadioItem, { ...C({
+  props: e,
+  getListItemState: (r) => ({
+    indicator: "check",
+    selected: r.checked
+  })
+}) }), Ae = ({ children: e, ...r }) => /* @__PURE__ */ t(H.Provider, {
+  value: !0,
+  children: /* @__PURE__ */ t(p.SubmenuRoot, {
+    ...r,
+    children: e
+  })
+}), ye = (e) => /* @__PURE__ */ t(p.SubmenuTrigger, { ...C({
+  props: e,
+  getListItemState: () => ({ hasSubmenu: !0 })
+}) }), Xe = {
+  Root: p.Root,
+  Trigger: p.Trigger,
+  Popup: Ie,
+  Item: He,
+  CheckboxItem: Te,
+  RadioGroup: Me,
+  RadioItem: Se,
+  Group: A,
+  GroupLabel: S,
+  Separator: y,
+  SubmenuRoot: Ae,
+  SubmenuTrigger: ye
+};
+export {
+  Ke as i,
+  We as n,
+  Qe as r,
+  Xe as t
+};

package/dist/testing.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("./theme-DumxXtpW.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;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("./theme-Zf62UE02.cjs"),B=require("./isDefined-DS2Q42p5.cjs");let _=require("@sniptt/guards"),v=require("clsx"),A=require("react/jsx-runtime");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,8 +1,8 @@
 import { t as w } from "./isDefined-fMi6eQ4r.js";
-import { a as Q } from "./theme-CjHovJAZ.js";
-import { clsx as _ } from "clsx";
+import { a as Q } from "./theme-yAk9zrNA.js";
+import { isFunction as _, isNumber as U, isString as v } from "@sniptt/guards";
+import { clsx as V } 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: [{
@@ -33,7 +33,7 @@ var q = {
   name: "",
   values: [void 0],
   props: () => ({})
-}, g = (e) => V(e) || v(e), G = (e, A) => {
+}, g = (e) => v(e) || U(e), G = (e, A) => {
   const { catalog: { dimensions: r = [], options: t = {} } = {
     dimensions: [],
     options: {}
@@ -64,7 +64,7 @@ var q = {
               className: n.elementTitle,
               children: o.labels?.(s) ?? (g(s) ? s : "")
             }), /* @__PURE__ */ a("div", {
-              className: _(n.elementContainer, t?.elementContainer?.className),
+              className: V(n.elementContainer, t?.elementContainer?.className),
               style: {
                 minWidth: t?.elementContainer?.width ? `${t.elementContainer.width}px` : "auto",
                 ...t?.elementContainer?.style
@@ -113,7 +113,7 @@ var q = {
 }), P = (e) => {
   const A = window.matchMedia;
   return window.matchMedia = (r) => {
-    const t = U(A) ? A.call(window, r) : j(r), o = e[r];
+    const t = _(A) ? A.call(window, r) : j(r), o = e[r];
     return w(o) && Object.defineProperty(t, "matches", { value: o }), t;
   }, () => {
     window.matchMedia = A;