`;
+}
diff --git a/storybook/source/components/TextArea.js b/storybook/source/components/TextArea.js
new file mode 100644
index 0000000000..142f633523
--- /dev/null
+++ b/storybook/source/components/TextArea.js
@@ -0,0 +1,108 @@
+import { textAreaTokens } from '../data/text-area.ts';
+import { resolveTheme } from './theme-utils.js';
+
+const SAMPLE_TEXT = `The 10 most undervalued stocks from our Best Companies to Own list as of Feb. 28, 2023, were:
+Comcast CMCSA — a leading global media and technology company with businesses in cable, entertainment, and theme parks.
+Taiwan Semiconductor Manufacturing TSM — the world's largest dedicated semiconductor foundry serving major chip designers.
+Roche Holding RHHBY — a global pioneer in pharmaceuticals and diagnostics focused on oncology and rare diseases.
+Walt Disney DIS — a diversified entertainment company spanning film, television, streaming, and theme park experiences.
+Equifax EFX — one of the three major credit reporting agencies providing data analytics and risk solutions worldwide.
+TransUnion TRU — a global information and insights company helping businesses manage risk and consumers manage credit.
+International Flavors & Fragrances IFF — a leading creator of flavors, fragrances, and specialty ingredients.
+Zimmer Biomet ZBH — a global medical device company specializing in musculoskeletal healthcare and reconstructive products.
+Kenvue KVUE — a consumer health company spun off from Johnson & Johnson managing iconic personal care brands.
+Anheuser-Busch InBev BUD — the world's largest brewer with a portfolio of over 500 beer brands sold globally.
+Booking Holdings BKNG — the world's leading provider of online travel and related services across 220+ countries.
+Stellantis STLA — a multinational automotive manufacturer formed from the merger of PSA Group and Fiat Chrysler.
+Medtronic MDT — a global leader in medical devices, therapies, and services for chronic disease management.`;
+
+const COPY_SVG = (color) => ``;
+
+/**
+ * TextArea — HTML-rendering version
+ *
+ * @param {object} opts
+ * @param {string} [opts.label]
+ * @param {string} [opts.caption]
+ * @param {string} [opts.value]
+ * @param {'default'|'disabled'|'scroll'|'no-scroll'} [opts.state]
+ * @param {number} [opts.width]
+ * @param {number} [opts.height]
+ * @param {boolean} [opts.showLabel]
+ * @param {boolean} [opts.showCaption]
+ * @param {boolean} [opts.showCopyButton]
+ * @param {string} [opts.theme]
+ */
+export function TextArea({
+ label = 'Title',
+ caption = 'Caption',
+ value = SAMPLE_TEXT,
+ state = 'default',
+ width = 236,
+ height = 188,
+ showLabel = true,
+ showCaption = true,
+ showCopyButton = true,
+ theme = 'Light',
+} = {}) {
+ const resolved = resolveTheme(theme);
+ const t = textAreaTokens[resolved] ?? textAreaTokens['Light'];
+
+ const isDisabled = state === 'disabled';
+ const forceScroll = state === 'scroll';
+ const forceNoScroll = state === 'no-scroll';
+
+ const copyButtonSize = t.copyIconStyle === 'modern' ? 24 : 20;
+
+ const headerHtml = (showLabel || showCopyButton)
+ ? `
`}var c,l,u,d,f=e((()=>{r(),o(),c=e=>``,l=e=>``,u=`His English teacher says that he is a good pupil and a great student who always participates in class discussions and finishes his work carefully`,d=[`His`,`Her`,`Label`,`Label`,`Label`,`Label`]}));function p(e){e.querySelectorAll(`[data-chip="true"]`).forEach(e=>{let t=e.dataset.restBg,n=e.dataset.hoverBg;e.addEventListener(`mouseenter`,()=>{e.style.background=n}),e.addEventListener(`mouseleave`,()=>{e.style.background=t})});let t=e.querySelector(`button[data-btn-type]`);if(t){let e=t.dataset.restBg,n=t.dataset.hoverBg,r=!1,i=null,a=0;t.addEventListener(`mouseenter`,()=>{r=!0,i||(t.style.background=n)}),t.addEventListener(`mouseleave`,()=>{r=!1,i||(t.style.background=e)}),t.addEventListener(`mousedown`,()=>{a=Date.now(),i&&=(clearTimeout(i),null),t.style.background=n}),t.addEventListener(`mouseup`,()=>{let o=Date.now()-a,s=Math.max(0,150-o);i=setTimeout(()=>{i=null,t.style.background=r?n:e},s)})}}function m({title:e,helperText:t,actionLabel:n,tags:r,stretch:i,minWidth:a,openType:o,startExpanded:c,theme:l}){let u=document.createElement(`div`);u.style.display=`contents`;let d=!!c,f=o||`openWithButton`,m=()=>{if(u.innerHTML=s({type:d?f:`close`,state:`default`,title:e,helperText:t,actionLabel:n,tags:r,minWidth:i?void 0:a,theme:l}),i){let e=u.querySelector(`.ui-card`);e&&(e.style.width=`100%`)}let o=u.querySelector(`.ui-card > div`);o&&(o.style.cursor=`pointer`,o.addEventListener(`click`,()=>{d=!d,m()})),p(u)};return m(),u}var h,g,_,v,y,b,x,S,C,w;e((()=>{f(),r(),h=n,g=`His English teacher says that he is a good pupil and a great student who always participates in class discussions and finishes his work carefully`,_=[`His`,`Her`,`Label`,`Label`,`Label`,`Label`],v={title:`Components/Data Display/Cards`,tags:[`autodocs`],args:{state:`default`,interactive:!0,stretch:!1,minWidth:236,themeMode:`Auto`,openType:`openWithButton`,startExpanded:!1,title:g,helperText:`Text here`,actionLabel:`Button`,tags:_},argTypes:{openType:{control:`select`,options:[`openWithButton`,`openWithText`],description:`Expanded layout: tags + action button, or helper text + action button`},startExpanded:{control:`boolean`,description:`Open the card on first render`},state:{control:`select`,options:[`default`,`hover`],description:`Static visual state used when interactive mode is off`},interactive:{control:`boolean`,description:`Allow hover and expand/collapse interaction in the canvas`},stretch:{control:`boolean`,description:`Let the card fill the available row width`},minWidth:{control:{type:`number`},description:`Minimum card width`},maxWidth:{control:{type:`number`},description:`Maximum card width`},title:{control:`text`,description:`Main title shown in collapsed and expanded states`},helperText:{control:`text`,description:`Helper copy used in the text-based expanded variant`},actionLabel:{control:`text`,description:`Label for the action button inside the expanded card`},tags:{control:`object`,description:`Tag pills used in the tags-and-button expanded variant`},themeMode:{name:`theme`,control:`select`,options:[`Auto`,...h],description:`Auto = current Storybook toolbar theme`},theme:{table:{disable:!0}}},parameters:{docs:{description:{component:`Collapsible information cards with a compact closed state and two expanded patterns: helper text or tag list plus action button.`}}}},y={render:(e,n)=>{let r=t(e.themeMode,n.globals.theme);return m({...e,theme:r})}},b={args:{openType:`openWithButton`,startExpanded:!1,interactive:!1},render:(e,n)=>{let r=t(e.themeMode,n.globals.theme);return s({...e,type:`close`,theme:r})},parameters:{docs:{description:{story:`Collapsed card state with title preview only.`}}}},x={args:{openType:`openWithButton`,startExpanded:!0,interactive:!1},render:(e,n)=>{let r=t(e.themeMode,n.globals.theme);return s({...e,type:`openWithButton`,theme:r})},parameters:{docs:{description:{story:`Expanded card with tags and a single action button.`}}}},S={args:{openType:`openWithText`,startExpanded:!0,interactive:!1},render:(e,n)=>{let r=t(e.themeMode,n.globals.theme);return s({...e,type:`openWithText`,theme:r})},parameters:{docs:{description:{story:`Expanded card with helper copy and a single action button.`}}}},C={args:{stretch:!0,interactive:!1},render:(e,n)=>{let r=t(e.themeMode,n.globals.theme),{title:i,helperText:a,actionLabel:o,tags:c}=e;return`
+ \`;
+ card.appendChild(info);
+
+ // Hover
+ card.addEventListener('mouseenter', () => {
+ card.style.boxShadow = '0 4px 12px rgba(0,0,0,0.12)';
+ card.style.transform = 'translateY(-1px)';
+ });
+ card.addEventListener('mouseleave', () => {
+ card.style.boxShadow = '';
+ card.style.transform = '';
+ });
+
+ // Click → copy
+ card.addEventListener('click', () => {
+ navigator.clipboard?.writeText(token.value).catch(() => {});
+ const nameEl = info.querySelector('.t-name');
+ const orig = nameEl.textContent;
+ nameEl.style.color = 'var(--page-accent)';
+ nameEl.textContent = 'Copied!';
+ setTimeout(() => {
+ nameEl.style.color = '';
+ nameEl.textContent = orig;
+ }, 1200);
+ });
+ grid.appendChild(card);
+ });
+ section.appendChild(grid);
+ panel.appendChild(section);
+ });
+ panels[themeName] = panel;
+ root.appendChild(panel);
+ });
+
+ // ── Tab switching ─────────────────────────────────────────────────────────
+ tabBar.addEventListener('click', e => {
+ const btn = e.target.closest('button[data-tab]');
+ if (!btn) return;
+ const selected = btn.dataset.tab;
+ tabBar.querySelectorAll('button[data-tab]').forEach(b => {
+ const active = b.dataset.tab === selected;
+ b.style.color = active ? 'var(--page-fg)' : 'var(--page-muted)';
+ b.style.fontWeight = active ? '700' : '400';
+ b.style.borderBottom = active ? '2px solid var(--page-fg)' : '2px solid transparent';
+ });
+ Object.entries(panels).forEach(([name, panel]) => {
+ panel.hidden = name !== selected;
+ });
+ });
+ return root;
+ },
+ parameters: {
+ docs: {
+ description: {
+ story: 'All semantic color tokens grouped by category. Use the tabs to switch between themes — the active tab defaults to the current toolbar theme.'
+ }
+ }
+ }
+}`,...o.parameters?.docs?.source}}},s=[`Palette`]}))();export{o as Palette,s as __namedExportsOrder,t as default};
\ No newline at end of file
diff --git a/storybook/static/assets/ContextMenu.stories-C550WoUl.js b/storybook/static/assets/ContextMenu.stories-C550WoUl.js
new file mode 100644
index 0000000000..3e7e70c77a
--- /dev/null
+++ b/storybook/static/assets/ContextMenu.stories-C550WoUl.js
@@ -0,0 +1,126 @@
+import{n as e}from"./chunk-BneVvdWh.js";import{a as t,i as n,n as r,t as i}from"./theme-utils-B-KYefhh.js";function a({items:e=l,theme:t,isHoveredIndex:n=-1,isClickedIndex:r=-1,defaultOpenId:u}={}){let d=i(t),f=d.isModern,p=c[d.theme]??d.surfaceAlt,m=f?12:11,h=e.map((e,i)=>{let c=!!(e.items&&e.items.length>0),l=u===e.id,h=n===i||l,g=r===i,_=e.disabled?d.muted:d.fg,v=e.disabled?`transparent`:g?p:h?d.surfaceAlt:`transparent`,y=e.type===`iconsBoth`||c,b=e.type===`noIcon`?`5px 20px`:`3px 10px`,x=c&&l?`
${a({items:e.items,theme:t})}
`:``;return`
+
+ ${x}
+
`}).join(``);return`
${h}
`}var o,s,c,l,u=e((()=>{r(),o=e=>``,s=e=>``,c={Light:`#CBCBCB`,"Light Classic":`#7D858C`,Dark:`#666666`,"Dark Contrast":`#666666`,"Modern Light":`#DCE7FA`,"Modern Dark":`#375478`},l=[{id:`1`,label:`Menu item`,type:`iconLeft`},{id:`2`,label:`Menu item`,type:`iconsBoth`},{id:`3`,label:`Menu item`,type:`noIcon`},{id:`4`,label:`Menu item`,type:`iconLeft`,disabled:!0}]}));function d({items:e,theme:t}){let n=document.createElement(`div`);n.style.display=`contents`;let r=-1,i=null,o=()=>{n.innerHTML=a({items:e,theme:t,isHoveredIndex:r,isClickedIndex:-1,defaultOpenId:i});let s=n.querySelector(`div[style*="min-width:180px"]`);s&&Array.from(s.children).forEach((t,n)=>{let a=e[n];if(!(!a||a.disabled))if(a.items&&a.items.length>0)t.addEventListener(`mouseenter`,()=>{r=n,i=a.id,o()}),t.addEventListener(`mouseleave`,()=>{r=-1,i=null,o()});else{let e=t.querySelector(`button`);if(!e)return;e.addEventListener(`mouseenter`,()=>{r=n,i=null,o()}),e.addEventListener(`mouseleave`,()=>{r=-1,o()})}})};return o(),n}var f,p,m,h,g,_,v,y,b,x,S,C,w,T,E;e((()=>{u(),r(),f=n,p=[{id:`1`,label:`Menu item`,type:`iconLeft`},{id:`2`,label:`Menu item`,type:`iconsBoth`},{id:`3`,label:`Menu item`,type:`noIcon`},{id:`4`,label:`Disabled item`,type:`iconLeft`,disabled:!0}],m=[{id:`1`,label:`Menu item`,type:`iconLeft`},{id:`2`,label:`Another item`,type:`iconLeft`},{id:`3`,label:`Disabled item`,type:`iconLeft`,disabled:!0}],h=[{id:`1`,label:`Menu item`,type:`iconsBoth`},{id:`2`,label:`Submenu item`,type:`iconsBoth`},{id:`3`,label:`Disabled item`,type:`iconsBoth`,disabled:!0}],g=[{id:`1`,label:`Menu item`,type:`noIcon`},{id:`2`,label:`Another item`,type:`noIcon`},{id:`3`,label:`Disabled item`,type:`noIcon`,disabled:!0}],_=[{id:`1`,label:`Menu item`,type:`iconLeft`},{id:`2`,label:`Has submenu`,type:`iconLeft`,items:[{id:`2-1`,label:`Submenu item 1`,type:`iconLeft`},{id:`2-2`,label:`Submenu item 2`,type:`iconLeft`},{id:`2-3`,label:`Disabled`,type:`iconLeft`,disabled:!0}]},{id:`3`,label:`Menu item`,type:`noIcon`},{id:`4`,label:`Disabled item`,type:`iconLeft`,disabled:!0}],v={title:`Components/Actions/Context Menu`,tags:[`autodocs`],args:{items:p,interactive:!0,isHoveredIndex:void 0,isClickedIndex:void 0,themeMode:`Auto`},argTypes:{items:{control:`object`,description:`Menu items`},interactive:{control:`boolean`,description:`Enable real hover/press in canvas`},isHoveredIndex:{control:{type:`number`,min:0},description:`Force-hover item by index (0-based) for docs preview`},isClickedIndex:{control:{type:`number`,min:0},description:`Force-pressed item by index (0-based) for docs preview`},themeMode:{name:`theme`,control:`select`,options:[`Auto`,...f],description:`Auto = current Storybook toolbar theme`,table:{defaultValue:{summary:`Auto`}}},theme:{table:{disable:!0}}},parameters:{docs:{description:{component:`Context menu for compact action lists. Includes plain items, left-icon items, submenu-style dual-icon items, and disabled rows.`}}}},y={args:{items:_,interactive:!0},render:(e,n)=>{let r=t(e.themeMode,n.globals.theme);return d({items:e.items,theme:r})}},b={args:{items:m},render:(e,n)=>{let r=t(e.themeMode,n.globals.theme);return d({items:e.items,theme:r})},parameters:{docs:{description:{story:`Context menu with icon-left items only.`}}}},x={args:{items:h},render:(e,n)=>{let r=t(e.themeMode,n.globals.theme);return d({items:e.items,theme:r})}},S={args:{items:g},render:(e,n)=>{let r=t(e.themeMode,n.globals.theme);return d({items:e.items,theme:r})}},C={args:{items:p,isHoveredIndex:0,interactive:!1},render:(e,n)=>{let r=t(e.themeMode,n.globals.theme);return a({items:e.items,theme:r,isHoveredIndex:e.isHoveredIndex??0,isClickedIndex:-1})},parameters:{docs:{description:{story:`Force-hover on the first item. Switch theme via toolbar to preview all themes.`}}}},w={args:{items:p,isClickedIndex:0,interactive:!1},render:(e,n)=>{let r=t(e.themeMode,n.globals.theme);return a({items:e.items,theme:r,isHoveredIndex:-1,isClickedIndex:e.isClickedIndex??0})},parameters:{docs:{description:{story:`Force-pressed on the first item. Switch theme via toolbar to preview all themes.`}}}},T={args:{items:_,interactive:!1},render:(e,n)=>{let r=t(e.themeMode,n.globals.theme);return a({items:e.items,theme:r,defaultOpenId:`2`,isHoveredIndex:-1,isClickedIndex:-1})},parameters:{docs:{description:{story:`Submenu expanded on «Has submenu» item. Switch theme in toolbar to preview across themes.`}}}},y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{
+ args: {
+ items: submenuItems,
+ interactive: true
+ },
+ render: (args, context) => {
+ const theme = resolveStoryTheme(args.themeMode, context.globals.theme);
+ return makeInteractiveMenu({
+ items: args.items,
+ theme
+ });
+ }
+}`,...y.parameters?.docs?.source}}},b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:`{
+ args: {
+ items: iconLeftItems
+ },
+ render: (args, context) => {
+ const theme = resolveStoryTheme(args.themeMode, context.globals.theme);
+ return makeInteractiveMenu({
+ items: args.items,
+ theme
+ });
+ },
+ parameters: {
+ docs: {
+ description: {
+ story: 'Context menu with icon-left items only.'
+ }
+ }
+ }
+}`,...b.parameters?.docs?.source}}},x.parameters={...x.parameters,docs:{...x.parameters?.docs,source:{originalSource:`{
+ args: {
+ items: iconsBothItems
+ },
+ render: (args, context) => {
+ const theme = resolveStoryTheme(args.themeMode, context.globals.theme);
+ return makeInteractiveMenu({
+ items: args.items,
+ theme
+ });
+ }
+}`,...x.parameters?.docs?.source}}},S.parameters={...S.parameters,docs:{...S.parameters?.docs,source:{originalSource:`{
+ args: {
+ items: noIconItems
+ },
+ render: (args, context) => {
+ const theme = resolveStoryTheme(args.themeMode, context.globals.theme);
+ return makeInteractiveMenu({
+ items: args.items,
+ theme
+ });
+ }
+}`,...S.parameters?.docs?.source}}},C.parameters={...C.parameters,docs:{...C.parameters?.docs,source:{originalSource:`{
+ args: {
+ items: mixedItems,
+ isHoveredIndex: 0,
+ interactive: false
+ },
+ render: (args, context) => {
+ const theme = resolveStoryTheme(args.themeMode, context.globals.theme);
+ return ContextMenu({
+ items: args.items,
+ theme,
+ isHoveredIndex: args.isHoveredIndex ?? 0,
+ isClickedIndex: -1
+ });
+ },
+ parameters: {
+ docs: {
+ description: {
+ story: 'Force-hover on the first item. Switch theme via toolbar to preview all themes.'
+ }
+ }
+ }
+}`,...C.parameters?.docs?.source}}},w.parameters={...w.parameters,docs:{...w.parameters?.docs,source:{originalSource:`{
+ args: {
+ items: mixedItems,
+ isClickedIndex: 0,
+ interactive: false
+ },
+ render: (args, context) => {
+ const theme = resolveStoryTheme(args.themeMode, context.globals.theme);
+ return ContextMenu({
+ items: args.items,
+ theme,
+ isHoveredIndex: -1,
+ isClickedIndex: args.isClickedIndex ?? 0
+ });
+ },
+ parameters: {
+ docs: {
+ description: {
+ story: 'Force-pressed on the first item. Switch theme via toolbar to preview all themes.'
+ }
+ }
+ }
+}`,...w.parameters?.docs?.source}}},T.parameters={...T.parameters,docs:{...T.parameters?.docs,source:{originalSource:`{
+ args: {
+ items: submenuItems,
+ interactive: false
+ },
+ render: (args, context) => {
+ const theme = resolveStoryTheme(args.themeMode, context.globals.theme);
+ return ContextMenu({
+ items: args.items,
+ theme,
+ defaultOpenId: '2',
+ isHoveredIndex: -1,
+ isClickedIndex: -1
+ });
+ },
+ parameters: {
+ docs: {
+ description: {
+ story: 'Submenu expanded on «Has submenu» item. Switch theme in toolbar to preview across themes.'
+ }
+ }
+ }
+}`,...T.parameters?.docs?.source}}},E=[`Default`,`IconLeftItems`,`IconsBothItems`,`NoIconItems`,`HoveredItem`,`PressedItem`,`WithSubmenu`]}))();export{y as Default,C as HoveredItem,b as IconLeftItems,x as IconsBothItems,S as NoIconItems,w as PressedItem,T as WithSubmenu,E as __namedExportsOrder,v as default};
\ No newline at end of file
diff --git a/storybook/static/assets/DialogButtonsPrimary.stories-UfH9kkhS.js b/storybook/static/assets/DialogButtonsPrimary.stories-UfH9kkhS.js
new file mode 100644
index 0000000000..f43cdd04fb
--- /dev/null
+++ b/storybook/static/assets/DialogButtonsPrimary.stories-UfH9kkhS.js
@@ -0,0 +1,141 @@
+import{n as e}from"./chunk-BneVvdWh.js";import{a as t,i as n,n as r,r as i}from"./theme-utils-B-KYefhh.js";function a({label:e=`Button`,size:t=24,state:n=`default`,scale:r=!1,theme:i=`Light`}){let a=c,o=(a[i]??a.Light)[n]??(a[i]??a.Light).default,s=n===`loader`,u=n===`disabled`,d=s||u?`not-allowed`:`pointer`,f=r?`100%`:`auto`,p=i.startsWith(`Modern`),m=p?4:1,h=p?12:11,g=p?.24:.22,_=[`height:${t}px`,`min-width:${p?48:80}px`,`padding:0 ${p?12:32}px`,`background:${o.bg}`,`border:none`,`border-radius:${m}px`,`outline:${o.outline}`,`outline-offset:-1px`,`display:inline-flex`,`align-items:center`,`justify-content:center`,`box-sizing:border-box`,`cursor:${d}`,`width:${f}`].join(`;`),v=[`color:${o.text}`,`font-size:${h}px`,`font-family:Arial,Helvetica,sans-serif`,`font-weight:700`,`line-height:16px`,`letter-spacing:${g}px`,`white-space:nowrap`,`user-select:none`].join(`;`),y=s?`${l(o.text)}`:`${e}`;return``}function o(e,t=!1){return`
${e}
`}var s,c,l,u,d,f,p,m,h,g,_;e((()=>{r(),s=n,c={Light:{default:{bg:`#444444`,text:`#FFFFFF`,outline:`none`},hover:{bg:`#1C1C1C`,text:`#FFFFFF`,outline:`none`},pressed:{bg:`#1C1C1C`,text:`#FFFFFF`,outline:`none`},disabled:{bg:`rgba(0,0,0,0.50)`,text:`rgba(255,255,255,0.60)`,outline:`none`},loader:{bg:`rgba(0,0,0,0.50)`,text:`#FFFFFF`,outline:`none`}},"Light Classic":{default:{bg:`#7D858C`,text:`#FFFFFF`,outline:`none`},hover:{bg:`#666D73`,text:`#FFFFFF`,outline:`none`},pressed:{bg:`#666D73`,text:`#FFFFFF`,outline:`none`},disabled:{bg:`#A5A5A5`,text:`rgba(255,255,255,0.60)`,outline:`none`},loader:{bg:`#A5A5A5`,text:`#FFFFFF`,outline:`none`}},Dark:{default:{bg:`#DDDDDD`,text:`#333333`,outline:`none`},hover:{bg:`#FCFCFC`,text:`#333333`,outline:`none`},pressed:{bg:`#FCFCFC`,text:`#333333`,outline:`none`},disabled:{bg:`rgba(255,255,255,0.50)`,text:`rgba(51,51,51,0.60)`,outline:`none`},loader:{bg:`rgba(255,255,255,0.50)`,text:`#333333`,outline:`none`}},"Dark Contrast":{default:{bg:`#E6E6E6`,text:`#121212`,outline:`none`},hover:{bg:`#A6A6A6`,text:`#121212`,outline:`none`},pressed:{bg:`#A6A6A6`,text:`#121212`,outline:`none`},disabled:{bg:`#888888`,text:`rgba(18,18,18,0.60)`,outline:`none`},loader:{bg:`#888888`,text:`#121212`,outline:`none`}},"Modern Light":{default:{bg:`#4473CA`,text:`#FFFFFF`,outline:`none`},hover:{bg:`#2A5BB9`,text:`#FFFFFF`,outline:`none`},pressed:{bg:`#1D4FAF`,text:`#FFFFFF`,outline:`1px solid #2A5BB9`},disabled:{bg:`#BFD0F5`,text:`rgba(255,255,255,0.70)`,outline:`none`},loader:{bg:`#BFD0F5`,text:`#FFFFFF`,outline:`none`}},"Modern Dark":{default:{bg:`#4A7BE0`,text:`#E8E8E8`,outline:`none`},hover:{bg:`#366CDA`,text:`#E8E8E8`,outline:`none`},pressed:{bg:`#2A5BB9`,text:`#E8E8E8`,outline:`1px solid #4A7BE0`},disabled:{bg:`#375478`,text:`rgba(232,232,232,0.30)`,outline:`none`},loader:{bg:`#375478`,text:`#E8E8E8`,outline:`none`}}},l=e=>``,u={title:`Components/Buttons/Dialog Buttons/Primary`,tags:[`autodocs`],args:{label:`Button`,size:24,interactive:!0,isHovered:!1,isClicked:!1,isDisabled:!1,isLoading:!1,themeMode:`Auto`},argTypes:{label:{control:`text`,description:`Visible action label`},size:{control:`select`,options:[22,24],description:`Compact or regular dialog button height`,table:{defaultValue:{summary:`24`}}},interactive:{control:`boolean`,description:`Allow the story to react to hover and click in the canvas`,table:{defaultValue:{summary:`true`}}},isHovered:{control:`boolean`,description:`Force hover appearance for visual review`},isClicked:{control:`boolean`,description:`Force pressed appearance for visual review`},isDisabled:{control:`boolean`,description:`Show the disabled state`},isLoading:{control:`boolean`,description:`Replace the label with the loading indicator`},minWidth:{control:`text`,description:`Override minimum button width (e.g. "120px")`},themeMode:{name:`theme`,control:`select`,options:[`Auto`,...s],description:`Auto = current Storybook toolbar theme`,table:{defaultValue:{summary:`Auto`}}},theme:{table:{disable:!0}},variant:{table:{disable:!0}},scale:{table:{disable:!0}},state:{table:{disable:!0}}},parameters:{docs:{description:{component:`Primary dialog action button for the main confirm action in modal footers and compact plugin flows.`}}}},d={render:(e,n)=>{let r=t(e.themeMode,n.globals.theme),o=e.isDisabled?`disabled`:e.isLoading?`loader`:`default`;return i(t=>a({label:e.label,variant:`primary`,size:e.size,state:o===`default`?t:o,theme:r}),{disabled:o!==`default`})}},f={render:(e,n)=>{let r=t(e.themeMode,n.globals.theme);return o(a({label:`Button`,size:22,state:`hover`,theme:r})+a({label:`Button`,size:24,state:`hover`,theme:r}))},parameters:{docs:{description:{story:`Hover state for both sizes. Move the pointer over the buttons in the canvas for the live effect.`}}}},p={render:(e,n)=>{let r=t(e.themeMode,n.globals.theme),i=e=>{let t=document.createElement(`div`);t.style.display=`inline-block`;let n=null,i=n=>{t.innerHTML=a({label:`Button`,size:e,state:n,theme:r})};return t.addEventListener(`mousedown`,()=>{i(`pressed`),clearTimeout(n),n=setTimeout(()=>i(`default`),180)}),i(`default`),t},o=document.createElement(`div`);return o.style.cssText=`display:grid;grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));gap:16px;align-items:center;`,o.appendChild(i(22)),o.appendChild(i(24)),o},parameters:{docs:{description:{story:`Pressed-state demo. Click a button to preview the active press moment.`}}}},m={render:(e,n)=>{let r=t(e.themeMode,n.globals.theme);return o(a({label:`Button`,size:22,state:`disabled`,theme:r})+a({label:`Button`,size:24,state:`disabled`,theme:r}))},parameters:{docs:{description:{story:`Disabled buttons keep layout but should not invite interaction.`}}}},h={render:(e,n)=>{let r=t(e.themeMode,n.globals.theme);return``+o(a({label:`Button`,size:22,state:`loader`,theme:r})+a({label:`Button`,size:24,state:`loader`,theme:r}))},parameters:{docs:{description:{story:`Loading state while the action is in progress.`}}}},g={render:(e,n)=>{let r=t(e.themeMode,n.globals.theme);return o(a({label:`Button`,size:22,state:`default`,scale:!0,theme:r})+a({label:`Button`,size:24,state:`default`,scale:!0,theme:r}),!0)},parameters:{docs:{description:{story:`Full-width layout variant for dense footers or narrow dialog flows.`}}}},d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
+ render: (args, context) => {
+ const theme = resolveStoryTheme(args.themeMode, context.globals.theme);
+ const state = args.isDisabled ? 'disabled' : args.isLoading ? 'loader' : 'default';
+ return makeInteractive(hoverState => renderDialogButton({
+ label: args.label,
+ variant: 'primary',
+ size: args.size,
+ state: state !== 'default' ? state : hoverState,
+ theme
+ }), {
+ disabled: state !== 'default'
+ });
+ }
+}`,...d.parameters?.docs?.source}}},f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`{
+ render: (args, context) => {
+ const theme = resolveStoryTheme(args.themeMode, context.globals.theme);
+ return Wrapper(renderDialogButton({
+ label: 'Button',
+ size: 22,
+ state: 'hover',
+ theme
+ }) + renderDialogButton({
+ label: 'Button',
+ size: 24,
+ state: 'hover',
+ theme
+ }));
+ },
+ parameters: {
+ docs: {
+ description: {
+ story: 'Hover state for both sizes. Move the pointer over the buttons in the canvas for the live effect.'
+ }
+ }
+ }
+}`,...f.parameters?.docs?.source}}},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
+ render: (args, context) => {
+ const theme = resolveStoryTheme(args.themeMode, context.globals.theme);
+ const makeClickDemo = size => {
+ const wrapper = document.createElement('div');
+ wrapper.style.display = 'inline-block';
+ let pressTimer = null;
+ const render = state => {
+ wrapper.innerHTML = renderDialogButton({
+ label: 'Button',
+ size,
+ state,
+ theme
+ });
+ };
+ wrapper.addEventListener('mousedown', () => {
+ render('pressed');
+ clearTimeout(pressTimer);
+ pressTimer = setTimeout(() => render('default'), 180);
+ });
+ render('default');
+ return wrapper;
+ };
+ const container = document.createElement('div');
+ container.style.cssText = 'display:grid;grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));gap:16px;align-items:center;';
+ container.appendChild(makeClickDemo(22));
+ container.appendChild(makeClickDemo(24));
+ return container;
+ },
+ parameters: {
+ docs: {
+ description: {
+ story: 'Pressed-state demo. Click a button to preview the active press moment.'
+ }
+ }
+ }
+}`,...p.parameters?.docs?.source}}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
+ render: (args, context) => {
+ const theme = resolveStoryTheme(args.themeMode, context.globals.theme);
+ return Wrapper(renderDialogButton({
+ label: 'Button',
+ size: 22,
+ state: 'disabled',
+ theme
+ }) + renderDialogButton({
+ label: 'Button',
+ size: 24,
+ state: 'disabled',
+ theme
+ }));
+ },
+ parameters: {
+ docs: {
+ description: {
+ story: 'Disabled buttons keep layout but should not invite interaction.'
+ }
+ }
+ }
+}`,...m.parameters?.docs?.source}}},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
+ render: (args, context) => {
+ const theme = resolveStoryTheme(args.themeMode, context.globals.theme);
+ return \`\` + Wrapper(renderDialogButton({
+ label: 'Button',
+ size: 22,
+ state: 'loader',
+ theme
+ }) + renderDialogButton({
+ label: 'Button',
+ size: 24,
+ state: 'loader',
+ theme
+ }));
+ },
+ parameters: {
+ docs: {
+ description: {
+ story: 'Loading state while the action is in progress.'
+ }
+ }
+ }
+}`,...h.parameters?.docs?.source}}},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
+ render: (args, context) => {
+ const theme = resolveStoryTheme(args.themeMode, context.globals.theme);
+ return Wrapper(renderDialogButton({
+ label: 'Button',
+ size: 22,
+ state: 'default',
+ scale: true,
+ theme
+ }) + renderDialogButton({
+ label: 'Button',
+ size: 24,
+ state: 'default',
+ scale: true,
+ theme
+ }), true);
+ },
+ parameters: {
+ docs: {
+ description: {
+ story: 'Full-width layout variant for dense footers or narrow dialog flows.'
+ }
+ }
+ }
+}`,...g.parameters?.docs?.source}}},_=[`Default`,`Hovered`,`Clicked`,`Disabled`,`Loading`,`Scale`]}))();export{p as Clicked,d as Default,m as Disabled,f as Hovered,h as Loading,g as Scale,_ as __namedExportsOrder,u as default};
\ No newline at end of file
diff --git a/storybook/static/assets/DialogButtonsSecondary.stories-B06GAowc.js b/storybook/static/assets/DialogButtonsSecondary.stories-B06GAowc.js
new file mode 100644
index 0000000000..267544f700
--- /dev/null
+++ b/storybook/static/assets/DialogButtonsSecondary.stories-B06GAowc.js
@@ -0,0 +1,140 @@
+import{n as e}from"./chunk-BneVvdWh.js";import{a as t,i as n,n as r,r as i}from"./theme-utils-B-KYefhh.js";function a({label:e=`Button`,size:t=24,state:n=`default`,scale:r=!1,theme:i=`Light`}){let a=c,o=(a[i]??a.Light)[n]??(a[i]??a.Light).default,s=n===`loader`,u=n===`disabled`,d=s||u?`not-allowed`:`pointer`,f=r?`100%`:`auto`,p=i.startsWith(`Modern`),m=p?4:1,h=p?12:11,g=p?.24:.22,_=[`height:${t}px`,`min-width:${p?48:80}px`,`padding:0 ${p?12:32}px`,`background:${o.bg}`,`border:none`,`border-radius:${m}px`,`outline:${o.outline}`,`outline-offset:-1px`,`display:inline-flex`,`align-items:center`,`justify-content:center`,`box-sizing:border-box`,`cursor:${d}`,`width:${f}`].join(`;`),v=[`color:${o.text}`,`font-size:${h}px`,`font-family:Arial,Helvetica,sans-serif`,`font-weight:700`,`line-height:16px`,`letter-spacing:${g}px`,`white-space:nowrap`,`user-select:none`].join(`;`),y=s?`${l(o.text)}`:`${e}`;return``}function o(e,t=!1){return`
${e}
`}var s,c,l,u,d,f,p,m,h,g,_;e((()=>{r(),s=n,c={Light:{default:{bg:`#FFFFFF`,text:`rgba(0,0,0,0.80)`,outline:`1px solid #C0C0C0`},hover:{bg:`#E0E0E0`,text:`rgba(0,0,0,0.80)`,outline:`1px solid #C0C0C0`},pressed:{bg:`#CBCBCB`,text:`rgba(0,0,0,0.80)`,outline:`1px solid #C0C0C0`},disabled:{bg:`#EFEFEF`,text:`rgba(0,0,0,0.40)`,outline:`1px solid #C0C0C0`},loader:{bg:`#EFEFEF`,text:`rgba(0,0,0,0.80)`,outline:`1px solid #C0C0C0`}},"Light Classic":{default:{bg:`#FFFFFF`,text:`#444444`,outline:`1px solid #CFCFCF`},hover:{bg:`#D8DADC`,text:`#444444`,outline:`1px solid #CFCFCF`},pressed:{bg:`#7D858C`,text:`#FFFFFF`,outline:`1px solid #CFCFCF`},disabled:{bg:`#F1F1F1`,text:`#A5A5A5`,outline:`1px solid #CFCFCF`},loader:{bg:`#F1F1F1`,text:`#444444`,outline:`1px solid #CFCFCF`}},Dark:{default:{bg:`#333333`,text:`rgba(255,255,255,0.80)`,outline:`1px solid #666666`},hover:{bg:`#555555`,text:`rgba(255,255,255,0.80)`,outline:`1px solid #666666`},pressed:{bg:`#606060`,text:`rgba(255,255,255,0.80)`,outline:`1px solid #666666`},disabled:{bg:`#505050`,text:`rgba(255,255,255,0.40)`,outline:`1px solid #666666`},loader:{bg:`#505050`,text:`rgba(255,255,255,0.80)`,outline:`1px solid #666666`}},"Dark Contrast":{default:{bg:`#1E1E1E`,text:`#E8E8E8`,outline:`1px solid #696969`},hover:{bg:`#424242`,text:`#E8E8E8`,outline:`1px solid #696969`},pressed:{bg:`#666666`,text:`#E8E8E8`,outline:`1px solid #696969`},disabled:{bg:`#2A2A2A`,text:`rgba(0,0,0,0.20)`,outline:`1px solid #696969`},loader:{bg:`#2A2A2A`,text:`#E8E8E8`,outline:`1px solid #696969`}},"Modern Light":{default:{bg:`#FFFFFF`,text:`#383838`,outline:`1px solid #E1E1E1`},hover:{bg:`#F9F9F9`,text:`#383838`,outline:`1px solid #E1E1E1`},pressed:{bg:`#EAEAEA`,text:`#383838`,outline:`1px solid #2A5BB9`},disabled:{bg:`#FFFFFF`,text:`rgba(56,56,56,0.40)`,outline:`1px solid #E1E1E1`},loader:{bg:`#F3F3F3`,text:`#383838`,outline:`1px solid #E1E1E1`}},"Modern Dark":{default:{bg:`#404040`,text:`#E8E8E8`,outline:`1px solid #686868`},hover:{bg:`#585858`,text:`#E8E8E8`,outline:`1px solid #686868`},pressed:{bg:`#686868`,text:`#E8E8E8`,outline:`1px solid #4A7BE0`},disabled:{bg:`#343434`,text:`rgba(232,232,232,0.30)`,outline:`1px solid #686868`},loader:{bg:`#343434`,text:`#E8E8E8`,outline:`1px solid #686868`}}},l=e=>``,u={title:`Components/Buttons/Dialog Buttons/Secondary`,tags:[`autodocs`],args:{label:`Button`,size:24,interactive:!0,isHovered:!1,isClicked:!1,isDisabled:!1,isLoading:!1,themeMode:`Auto`},argTypes:{label:{control:`text`,description:`Visible action label`},size:{control:`select`,options:[22,24],description:`Compact or regular dialog button height`,table:{defaultValue:{summary:`24`}}},interactive:{control:`boolean`,description:`Allow the story to react to hover and click in the canvas`,table:{defaultValue:{summary:`true`}}},isHovered:{control:`boolean`,description:`Force hover appearance for visual review`},isClicked:{control:`boolean`,description:`Force pressed appearance for visual review`},isDisabled:{control:`boolean`,description:`Show the disabled state`},isLoading:{control:`boolean`,description:`Replace the label with the loading indicator`},minWidth:{control:`text`,description:`Override minimum button width (e.g. "120px")`},themeMode:{name:`theme`,control:`select`,options:[`Auto`,...s],description:`Auto = current Storybook toolbar theme`,table:{defaultValue:{summary:`Auto`}}},theme:{table:{disable:!0}},variant:{table:{disable:!0}},scale:{table:{disable:!0}},state:{table:{disable:!0}}},parameters:{docs:{description:{component:`Secondary dialog action button for cancel, back, or less prominent actions in modal footers and compact plugin flows.`}}}},d={render:(e,n)=>{let r=t(e.themeMode,n.globals.theme),o=e.isDisabled?`disabled`:e.isLoading?`loader`:`default`;return i(t=>a({label:e.label,size:e.size,state:o===`default`?t:o,theme:r}),{disabled:o!==`default`})}},f={render:(e,n)=>{let r=t(e.themeMode,n.globals.theme);return o(a({label:`Button`,size:22,state:`hover`,theme:r})+a({label:`Button`,size:24,state:`hover`,theme:r}))},parameters:{docs:{description:{story:`Hover state for both sizes. Move the pointer over the buttons in the canvas for the live effect.`}}}},p={render:(e,n)=>{let r=t(e.themeMode,n.globals.theme),i=e=>{let t=document.createElement(`div`);t.style.display=`inline-block`;let n=null,i=n=>{t.innerHTML=a({label:`Button`,size:e,state:n,theme:r})};return t.addEventListener(`mousedown`,()=>{i(`pressed`),clearTimeout(n),n=setTimeout(()=>i(`default`),180)}),i(`default`),t},o=document.createElement(`div`);return o.style.cssText=`display:grid;grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));gap:16px;align-items:center;`,o.appendChild(i(22)),o.appendChild(i(24)),o},parameters:{docs:{description:{story:`Pressed-state demo. Click a button to preview the active press moment.`}}}},m={render:(e,n)=>{let r=t(e.themeMode,n.globals.theme);return o(a({label:`Button`,size:22,state:`disabled`,theme:r})+a({label:`Button`,size:24,state:`disabled`,theme:r}))},parameters:{docs:{description:{story:`Disabled buttons keep layout but should not invite interaction.`}}}},h={render:(e,n)=>{let r=t(e.themeMode,n.globals.theme);return``+o(a({label:`Button`,size:22,state:`loader`,theme:r})+a({label:`Button`,size:24,state:`loader`,theme:r}))},parameters:{docs:{description:{story:`Loading state while the action is in progress.`}}}},g={render:(e,n)=>{let r=t(e.themeMode,n.globals.theme);return o(a({label:`Button`,size:22,state:`default`,scale:!0,theme:r})+a({label:`Button`,size:24,state:`default`,scale:!0,theme:r}),!0)},parameters:{docs:{description:{story:`Full-width layout variant for dense footers or narrow dialog flows.`}}}},d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
+ render: (args, context) => {
+ const theme = resolveStoryTheme(args.themeMode, context.globals.theme);
+ const state = args.isDisabled ? 'disabled' : args.isLoading ? 'loader' : 'default';
+ return makeInteractive(hoverState => renderDialogButton({
+ label: args.label,
+ size: args.size,
+ state: state !== 'default' ? state : hoverState,
+ theme
+ }), {
+ disabled: state !== 'default'
+ });
+ }
+}`,...d.parameters?.docs?.source}}},f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`{
+ render: (args, context) => {
+ const theme = resolveStoryTheme(args.themeMode, context.globals.theme);
+ return Wrapper(renderDialogButton({
+ label: 'Button',
+ size: 22,
+ state: 'hover',
+ theme
+ }) + renderDialogButton({
+ label: 'Button',
+ size: 24,
+ state: 'hover',
+ theme
+ }));
+ },
+ parameters: {
+ docs: {
+ description: {
+ story: 'Hover state for both sizes. Move the pointer over the buttons in the canvas for the live effect.'
+ }
+ }
+ }
+}`,...f.parameters?.docs?.source}}},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
+ render: (args, context) => {
+ const theme = resolveStoryTheme(args.themeMode, context.globals.theme);
+ const makeClickDemo = size => {
+ const wrapper = document.createElement('div');
+ wrapper.style.display = 'inline-block';
+ let pressTimer = null;
+ const render = state => {
+ wrapper.innerHTML = renderDialogButton({
+ label: 'Button',
+ size,
+ state,
+ theme
+ });
+ };
+ wrapper.addEventListener('mousedown', () => {
+ render('pressed');
+ clearTimeout(pressTimer);
+ pressTimer = setTimeout(() => render('default'), 180);
+ });
+ render('default');
+ return wrapper;
+ };
+ const container = document.createElement('div');
+ container.style.cssText = 'display:grid;grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));gap:16px;align-items:center;';
+ container.appendChild(makeClickDemo(22));
+ container.appendChild(makeClickDemo(24));
+ return container;
+ },
+ parameters: {
+ docs: {
+ description: {
+ story: 'Pressed-state demo. Click a button to preview the active press moment.'
+ }
+ }
+ }
+}`,...p.parameters?.docs?.source}}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
+ render: (args, context) => {
+ const theme = resolveStoryTheme(args.themeMode, context.globals.theme);
+ return Wrapper(renderDialogButton({
+ label: 'Button',
+ size: 22,
+ state: 'disabled',
+ theme
+ }) + renderDialogButton({
+ label: 'Button',
+ size: 24,
+ state: 'disabled',
+ theme
+ }));
+ },
+ parameters: {
+ docs: {
+ description: {
+ story: 'Disabled buttons keep layout but should not invite interaction.'
+ }
+ }
+ }
+}`,...m.parameters?.docs?.source}}},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
+ render: (args, context) => {
+ const theme = resolveStoryTheme(args.themeMode, context.globals.theme);
+ return \`\` + Wrapper(renderDialogButton({
+ label: 'Button',
+ size: 22,
+ state: 'loader',
+ theme
+ }) + renderDialogButton({
+ label: 'Button',
+ size: 24,
+ state: 'loader',
+ theme
+ }));
+ },
+ parameters: {
+ docs: {
+ description: {
+ story: 'Loading state while the action is in progress.'
+ }
+ }
+ }
+}`,...h.parameters?.docs?.source}}},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
+ render: (args, context) => {
+ const theme = resolveStoryTheme(args.themeMode, context.globals.theme);
+ return Wrapper(renderDialogButton({
+ label: 'Button',
+ size: 22,
+ state: 'default',
+ scale: true,
+ theme
+ }) + renderDialogButton({
+ label: 'Button',
+ size: 24,
+ state: 'default',
+ scale: true,
+ theme
+ }), true);
+ },
+ parameters: {
+ docs: {
+ description: {
+ story: 'Full-width layout variant for dense footers or narrow dialog flows.'
+ }
+ }
+ }
+}`,...g.parameters?.docs?.source}}},_=[`Default`,`Hovered`,`Clicked`,`Disabled`,`Loading`,`Scale`]}))();export{p as Clicked,d as Default,m as Disabled,f as Hovered,h as Loading,g as Scale,_ as __namedExportsOrder,u as default};
\ No newline at end of file
diff --git a/storybook/static/assets/DocsRenderer-LL677BLK-D2xToRfx.js b/storybook/static/assets/DocsRenderer-LL677BLK-BKqUrJM_.js
similarity index 80%
rename from storybook/static/assets/DocsRenderer-LL677BLK-D2xToRfx.js
rename to storybook/static/assets/DocsRenderer-LL677BLK-BKqUrJM_.js
index 0e452942b7..7699170563 100644
--- a/storybook/static/assets/DocsRenderer-LL677BLK-D2xToRfx.js
+++ b/storybook/static/assets/DocsRenderer-LL677BLK-BKqUrJM_.js
@@ -1,5 +1,5 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./Color-FRDS63T2-CvSgaFz3.js","./chunk-BneVvdWh.js","./iframe-DIiqmCNx.js","./preload-helper-CV6hqhE5.js","./chunk-CYSK6WYR-C0tTbXjk.js","./components-DTTvQz4L.js","./chunk-242VQQM5-CsveGrTV.js","./react-B_0iYUWB.js","./chunk-RD3KTAHR-ocB0pi6q.js","./theming-DzOc7WGW.js","./chunk-3LY4VQVK-DK6VewjT.js","./react-CMQ2J9Vz.js"])))=>i.map(i=>d[i]);
-import{a as e,n as t,t as n}from"./chunk-BneVvdWh.js";import{n as r,t as i}from"./preload-helper-CV6hqhE5.js";import{a,i as o,l as s,o as c,u as l}from"./iframe-DIiqmCNx.js";import{t as u}from"./react-B_0iYUWB.js";import{r as d,t as f}from"./react-CMQ2J9Vz.js";import{n as p,r as m,t as h}from"./chunk-CYSK6WYR-C0tTbXjk.js";import{a as g,c as _,h as v,i as y,n as b,r as x,t as S,u as ee}from"./theming-DzOc7WGW.js";import{r as te}from"./chunk-242VQQM5-CsveGrTV.js";import{A as C,B as ne,C as re,D as ie,E as ae,F as oe,H as se,I as ce,L as le,M as ue,N as w,O as T,P as de,R as fe,S as pe,T as me,V as he,_ as E,a as ge,c as _e,d as ve,f as ye,g as be,h as xe,i as Se,j as Ce,k as we,l as Te,m as Ee,n as De,o as Oe,p as ke,r as Ae,s as je,t as Me,u as Ne,v as Pe,w as Fe,x as Ie,y as Le,z as Re}from"./components-DTTvQz4L.js";var ze=n((e=>{function t(e,t){var n=e.length;e.push(t);a:for(;0>>1,a=e[r];if(0>>1;ri(c,n))li(u,c)?(e[r]=u,e[l]=n,r=l):(e[r]=c,e[s]=n,r=s);else if(li(u,n))e[r]=u,e[l]=n,r=l;else break a}}return t}function i(e,t){var n=e.sortIndex-t.sortIndex;return n===0?e.id-t.id:n}if(e.unstable_now=void 0,typeof performance==`object`&&typeof performance.now==`function`){var a=performance;e.unstable_now=function(){return a.now()}}else{var o=Date,s=o.now();e.unstable_now=function(){return o.now()-s}}var c=[],l=[],u=1,d=null,f=3,p=!1,m=!1,h=!1,g=!1,_=typeof setTimeout==`function`?setTimeout:null,v=typeof clearTimeout==`function`?clearTimeout:null,y=typeof setImmediate<`u`?setImmediate:null;function b(e){for(var i=n(l);i!==null;){if(i.callback===null)r(l);else if(i.startTime<=e)r(l),i.sortIndex=i.expirationTime,t(c,i);else break;i=n(l)}}function x(e){if(h=!1,b(e),!m)if(n(c)!==null)m=!0,S||(S=!0,ie());else{var t=n(l);t!==null&&se(x,t.startTime-e)}}var S=!1,ee=-1,te=5,C=-1;function ne(){return g?!0:!(e.unstable_now()-Ct&&ne());){var o=d.callback;if(typeof o==`function`){d.callback=null,f=d.priorityLevel;var s=o(d.expirationTime<=t);if(t=e.unstable_now(),typeof s==`function`){d.callback=s,b(t),i=!0;break b}d===n(c)&&r(c),b(t)}else r(c);d=n(c)}if(d!==null)i=!0;else{var u=n(l);u!==null&&se(x,u.startTime-t),i=!1}}break a}finally{d=null,f=a,p=!1}i=void 0}}finally{i?ie():S=!1}}}var ie;if(typeof y==`function`)ie=function(){y(re)};else if(typeof MessageChannel<`u`){var ae=new MessageChannel,oe=ae.port2;ae.port1.onmessage=re,ie=function(){oe.postMessage(null)}}else ie=function(){_(re,0)};function se(t,n){ee=_(function(){t(e.unstable_now())},n)}e.unstable_IdlePriority=5,e.unstable_ImmediatePriority=1,e.unstable_LowPriority=4,e.unstable_NormalPriority=3,e.unstable_Profiling=null,e.unstable_UserBlockingPriority=2,e.unstable_cancelCallback=function(e){e.callback=null},e.unstable_forceFrameRate=function(e){0>e||125o?(r.sortIndex=a,t(l,r),n(c)===null&&r===n(l)&&(h?(v(ee),ee=-1):h=!0,se(x,a-o))):(r.sortIndex=s,t(c,r),m||p||(m=!0,S||(S=!0,ie()))),r},e.unstable_shouldYield=ne,e.unstable_wrapCallback=function(e){var t=f;return function(){var n=f;f=t;try{return e.apply(this,arguments)}finally{f=n}}}})),Be=n(((e,t)=>{t.exports=ze()})),Ve=n((e=>{var t=Be(),n=u(),r=te();function i(e){var t=`https://react.dev/errors/`+e;if(1pe||(e.current=fe[pe],fe[pe]=null,pe--)}function E(e,t){pe++,fe[pe]=e.current,e.current=t}var ge=me(null),_e=me(null),ve=me(null),ye=me(null);function be(e,t){switch(E(ve,t),E(_e,e),E(ge,null),t.nodeType){case 9:case 11:e=(e=t.documentElement)&&(e=e.namespaceURI)?Vd(e):0;break;default:if(e=t.tagName,t=t.namespaceURI)t=Vd(t),e=Hd(t,e);else switch(e){case`svg`:e=1;break;case`math`:e=2;break;default:e=0}}he(ge),E(ge,e)}function xe(){he(ge),he(_e),he(ve)}function Se(e){e.memoizedState!==null&&E(ye,e);var t=ge.current,n=Hd(t,e.type);t!==n&&(E(_e,e),E(ge,n))}function Ce(e){_e.current===e&&(he(ge),he(_e)),ye.current===e&&(he(ye),Qf._currentValue=de)}var we,Te;function Ee(e){if(we===void 0)try{throw Error()}catch(e){var t=e.stack.trim().match(/\n( *(at )?)/);we=t&&t[1]||``,Te=-1i.map(i=>d[i]);
+import{a as e,n as t,t as n}from"./chunk-BneVvdWh.js";import{n as r,t as i}from"./preload-helper-CV6hqhE5.js";import{a,i as o,l as s,o as c,u as l}from"./iframe-B3N_zEeP.js";import{t as u}from"./react-B_0iYUWB.js";import{r as d,t as f}from"./react-CMQ2J9Vz.js";import{n as p,r as m,t as h}from"./chunk-CYSK6WYR-C0tTbXjk.js";import{a as g,c as _,h as v,i as y,n as b,r as x,t as S,u as ee}from"./theming-DLWRz99i.js";import{r as te}from"./chunk-242VQQM5-CsveGrTV.js";import{A as C,B as ne,C as re,D as ie,E as ae,F as oe,H as se,I as ce,L as le,M as ue,N as w,O as T,P as de,R as fe,S as pe,T as me,V as he,_ as E,a as ge,c as _e,d as ve,f as ye,g as be,h as xe,i as Se,j as Ce,k as we,l as Te,m as Ee,n as De,o as Oe,p as ke,r as Ae,s as je,t as Me,u as Ne,v as Pe,w as Fe,x as Ie,y as Le,z as Re}from"./components-DW-5dJuS.js";var ze=n((e=>{function t(e,t){var n=e.length;e.push(t);a:for(;0>>1,a=e[r];if(0>>1;ri(c,n))li(u,c)?(e[r]=u,e[l]=n,r=l):(e[r]=c,e[s]=n,r=s);else if(li(u,n))e[r]=u,e[l]=n,r=l;else break a}}return t}function i(e,t){var n=e.sortIndex-t.sortIndex;return n===0?e.id-t.id:n}if(e.unstable_now=void 0,typeof performance==`object`&&typeof performance.now==`function`){var a=performance;e.unstable_now=function(){return a.now()}}else{var o=Date,s=o.now();e.unstable_now=function(){return o.now()-s}}var c=[],l=[],u=1,d=null,f=3,p=!1,m=!1,h=!1,g=!1,_=typeof setTimeout==`function`?setTimeout:null,v=typeof clearTimeout==`function`?clearTimeout:null,y=typeof setImmediate<`u`?setImmediate:null;function b(e){for(var i=n(l);i!==null;){if(i.callback===null)r(l);else if(i.startTime<=e)r(l),i.sortIndex=i.expirationTime,t(c,i);else break;i=n(l)}}function x(e){if(h=!1,b(e),!m)if(n(c)!==null)m=!0,S||(S=!0,ie());else{var t=n(l);t!==null&&se(x,t.startTime-e)}}var S=!1,ee=-1,te=5,C=-1;function ne(){return g?!0:!(e.unstable_now()-Ct&&ne());){var o=d.callback;if(typeof o==`function`){d.callback=null,f=d.priorityLevel;var s=o(d.expirationTime<=t);if(t=e.unstable_now(),typeof s==`function`){d.callback=s,b(t),i=!0;break b}d===n(c)&&r(c),b(t)}else r(c);d=n(c)}if(d!==null)i=!0;else{var u=n(l);u!==null&&se(x,u.startTime-t),i=!1}}break a}finally{d=null,f=a,p=!1}i=void 0}}finally{i?ie():S=!1}}}var ie;if(typeof y==`function`)ie=function(){y(re)};else if(typeof MessageChannel<`u`){var ae=new MessageChannel,oe=ae.port2;ae.port1.onmessage=re,ie=function(){oe.postMessage(null)}}else ie=function(){_(re,0)};function se(t,n){ee=_(function(){t(e.unstable_now())},n)}e.unstable_IdlePriority=5,e.unstable_ImmediatePriority=1,e.unstable_LowPriority=4,e.unstable_NormalPriority=3,e.unstable_Profiling=null,e.unstable_UserBlockingPriority=2,e.unstable_cancelCallback=function(e){e.callback=null},e.unstable_forceFrameRate=function(e){0>e||125o?(r.sortIndex=a,t(l,r),n(c)===null&&r===n(l)&&(h?(v(ee),ee=-1):h=!0,se(x,a-o))):(r.sortIndex=s,t(c,r),m||p||(m=!0,S||(S=!0,ie()))),r},e.unstable_shouldYield=ne,e.unstable_wrapCallback=function(e){var t=f;return function(){var n=f;f=t;try{return e.apply(this,arguments)}finally{f=n}}}})),Be=n(((e,t)=>{t.exports=ze()})),Ve=n((e=>{var t=Be(),n=u(),r=te();function i(e){var t=`https://react.dev/errors/`+e;if(1pe||(e.current=fe[pe],fe[pe]=null,pe--)}function E(e,t){pe++,fe[pe]=e.current,e.current=t}var ge=me(null),_e=me(null),ve=me(null),ye=me(null);function be(e,t){switch(E(ve,t),E(_e,e),E(ge,null),t.nodeType){case 9:case 11:e=(e=t.documentElement)&&(e=e.namespaceURI)?Vd(e):0;break;default:if(e=t.tagName,t=t.namespaceURI)t=Vd(t),e=Hd(t,e);else switch(e){case`svg`:e=1;break;case`math`:e=2;break;default:e=0}}he(ge),E(ge,e)}function xe(){he(ge),he(_e),he(ve)}function Se(e){e.memoizedState!==null&&E(ye,e);var t=ge.current,n=Hd(t,e.type);t!==n&&(E(_e,e),E(ge,n))}function Ce(e){_e.current===e&&(he(ge),he(_e)),ye.current===e&&(he(ye),Qf._currentValue=de)}var we,Te;function Ee(e){if(we===void 0)try{throw Error()}catch(e){var t=e.stack.trim().match(/\n( *(at )?)/);we=t&&t[1]||``,Te=-1)`:-1({width:`${e+t.toString().length*2+3}ch`,textAlign:`right`,flexShrink:0})),Qc=_.div(({readOnly:e})=>({display:`flex`,alignItems:`center`,width:`100%`,opacity:e?.5:1})),$c=({name:e,value:t,onChange:n,min:r=0,max:i=100,step:a=1,onBlur:o,onFocus:s,argType:c})=>{let l=e=>{n(Hs(e.target.value))},u=t!==void 0,d=(0,Xi.useMemo)(()=>ur(a),[a]),f=!!c?.table?.readonly,p=h(e);return Xi.createElement(Qc,{readOnly:f},Xi.createElement(`label`,{htmlFor:p,className:`sb-sr-only`},e),Xi.createElement(Xc,null,r),Xi.createElement(Yc,{id:p,type:`range`,disabled:f,onChange:l,name:e,min:r,max:i,step:a,onFocus:s,onBlur:o,value:t??r}),Xi.createElement(Zc,{numberOFDecimalsPlaces:d,max:i},u?t.toFixed(d):`--`,` / `,i))},el=_.label({display:`flex`}),tl=_.div(({isMaxed:e})=>({marginLeft:`0.75rem`,paddingTop:`0.35rem`,color:e?`red`:void 0})),nl=({name:e,value:t,onChange:n,onFocus:r,onBlur:i,maxLength:a,argType:o})=>{let s=e=>{n(e.target.value)},c=!!o?.table?.readonly,[l,u]=(0,Zi.useState)(!1),d=(0,Zi.useCallback)(()=>{n(``),u(!0)},[u]);if(t===void 0)return Zi.createElement(De,{ariaLabel:!1,variant:`outline`,size:`medium`,disabled:c,id:p(e),onClick:d},`Set string`);let f=typeof t==`string`;return Zi.createElement(el,null,Zi.createElement(Oe.Textarea,{id:h(e),maxLength:a,onChange:s,disabled:c,size:`flex`,placeholder:`Edit string...`,autoFocus:l,valid:f?void 0:`error`,name:e,value:f?t:``,onFocus:r,onBlur:i}),a&&Zi.createElement(tl,{isMaxed:t?.length===a},t?.length??0,` / `,a))},rl=_(Oe.Input)({padding:10}),il=({onChange:e,name:t,accept:n=`image/*`,value:r,argType:i})=>{let a=(0,Qi.useRef)(null),o=i?.control?.readOnly;function s(t){t.target.files&&(e(Array.from(t.target.files).map(e=>URL.createObjectURL(e))),dr(r||[]))}(0,Qi.useEffect)(()=>{r==null&&a.current&&(a.current.value=``)},[r,t]);let c=h(t);return Qi.createElement(Qi.Fragment,null,Qi.createElement(`label`,{htmlFor:c,className:`sb-sr-only`},t),Qi.createElement(rl,{ref:a,id:c,type:`file`,name:t,multiple:!0,disabled:o,onChange:s,accept:n,size:`flex`}))},al=(0,A.lazy)(()=>i(()=>import(`./Color-FRDS63T2-CvSgaFz3.js`),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10]),import.meta.url)),ol=e=>A.createElement(A.Suspense,{fallback:A.createElement(`div`,null)},A.createElement(al,{...e})),sl={array:Jc,object:Jc,boolean:Ns,color:ol,date:Bs,number:Ws,check:pc,"inline-check":pc,radio:pc,"inline-radio":pc,select:pc,"multi-select":pc,range:$c,text:nl,file:il},cl=()=>k.createElement(k.Fragment,null,`-`),ll=({row:e,arg:t,updateArgs:n,isHovered:r})=>{let{key:i,control:a}=e,[o,s]=(0,k.useState)(!1),[c,l]=(0,k.useState)({value:t});(0,k.useEffect)(()=>{o||l({value:t})},[o,t]);let u=(0,k.useCallback)(e=>(l({value:e}),n({[i]:e}),e),[n,i]),d=(0,k.useCallback)(()=>s(!1),[]),f=(0,k.useCallback)(()=>s(!0),[]);if(!a||a.disable){let t=a?.disable!==!0&&e?.type?.name!==`function`;return r&&t?k.createElement(Te,{href:`https://storybook.js.org/docs/essentials/controls?ref=ui`,target:`_blank`,withArrow:!0},`Setup controls`):k.createElement(cl,null)}let p={name:i,argType:e,value:c.value,onChange:u,onBlur:d,onFocus:f},m=sl[a.type]||cl;return k.createElement(m,{...p,...a,controlType:a.type})},ul=_.table(({theme:e})=>({"&&":{borderCollapse:`collapse`,borderSpacing:0,border:`none`,tr:{border:`none !important`,background:`none`},"td, th":{padding:0,border:`none`,width:`auto!important`},marginTop:0,marginBottom:0,"th:first-of-type, td:first-of-type":{paddingLeft:0},"th:last-of-type, td:last-of-type":{paddingRight:0},td:{paddingTop:0,paddingBottom:4,"&:not(:first-of-type)":{paddingLeft:10,paddingRight:0}},tbody:{boxShadow:`none`,border:`none`},code:Pe({theme:e}),div:{span:{fontWeight:`bold`}},"& code":{margin:0,display:`inline-block`,fontSize:e.typography.size.s1}}})),H=({tags:e})=>{let t=(e.params||[]).filter(e=>e.description),n=t.length!==0,r=e.deprecated!=null,i=e.returns!=null&&e.returns.description!=null;return!n&&!i&&!r?null:$i.createElement($i.Fragment,null,$i.createElement(ul,null,$i.createElement(`tbody`,null,r&&$i.createElement(`tr`,{key:`deprecated`},$i.createElement(`td`,{colSpan:2},$i.createElement(`strong`,null,`Deprecated`),`: `,e.deprecated?.toString())),n&&t.map(e=>$i.createElement(`tr`,{key:e.name},$i.createElement(`td`,null,$i.createElement(`code`,null,e.name)),$i.createElement(`td`,null,e.description))),i&&$i.createElement(`tr`,{key:`returns`},$i.createElement(`td`,null,$i.createElement(`code`,null,`Returns`)),$i.createElement(`td`,null,e.returns?.description)))))},dl=8,fl=_.div(({isExpanded:e})=>({display:`flex`,flexDirection:e?`column`:`row`,flexWrap:`wrap`,alignItems:`flex-start`,marginBottom:`-4px`,minWidth:100})),pl=_.details({display:`flex`,flexDirection:`column`,summary:{order:2},"summary::-webkit-details-marker":{display:`none`},"summary::marker":{content:`none`}}),ml=_.div({display:`flex`,flexDirection:`column`,flexWrap:`wrap`,alignItems:`flex-start`}),hl=_.span(Pe,({theme:e,simple:t=!1})=>({flex:`0 0 auto`,fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,wordBreak:`break-word`,whiteSpace:`normal`,maxWidth:`100%`,margin:0,marginRight:`4px`,marginBottom:`4px`,paddingTop:`2px`,paddingBottom:`2px`,lineHeight:`13px`,...t&&{background:`transparent`,border:`0 none`,paddingLeft:0}})),gl=_.summary(({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,cursor:`pointer`,lineHeight:`normal`,margin:`0 0 4px`,padding:`1px 6px`,background:`none`,border:`none`})),_l=_.button(Pe,({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,fontSize:e.typography.size.s1,margin:0,whiteSpace:`nowrap`,display:`flex`,alignItems:`center`,cursor:`pointer`,"&:hover":{border:e.base===`light`?`1px solid hsl(0 0 0 / 0.15)`:`1px solid hsl(0 0 100 / 0.15)`},"&:focus-visible":{outline:`2px solid ${e.color.secondary}`,outlineOffset:`2px`}})),vl=_.div(({theme:e})=>({minWidth:200,maxWidth:800,paddingRight:16,fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,boxSizing:`content-box`,"& code":{padding:`0 !important`}})),yl=_(C)({marginLeft:4}),bl=_(we)({marginLeft:4}),xl=()=>F.createElement(`span`,null,`-`),Sl=({text:e,simple:t})=>F.createElement(hl,{simple:t},e),Cl=e=>e?fr(e.split(`|`).map(e=>e.trim())):[e],wl=e=>e.slice(0,dl).map(e=>F.createElement(Sl,{key:e,text:e===``?`""`:e})),Tl=e=>e.slice(dl).map(e=>F.createElement(Sl,{key:e,text:e===``?`""`:e})),El=({value:e,initialExpandedArgs:t})=>{let{summary:n,detail:r}=e,[i,a]=(0,F.useState)(!1),[o,s]=(0,F.useState)(t||!1);if(n==null)return null;let c=typeof n.toString==`function`?n.toString():n;if(r==null){if(/[(){}[\]<>]/.test(c))return F.createElement(Sl,{text:c});let e=Cl(c),t=e.length;return t>dl?F.createElement(fl,{isExpanded:o},wl(e),F.createElement(pl,{open:o,onToggle:e=>s(e.currentTarget.open)},F.createElement(ml,null,Tl(e)),F.createElement(gl,{role:`button`},o?`Show less...`:`Show ${t-dl} more...`))):F.createElement(fl,null,wl(e))}return F.createElement(ve,{ariaLabel:`Arg value details`,placement:`bottom`,visible:i,onVisibleChange:e=>{a(e)},hasCloseButton:!0,popover:F.createElement(vl,null,F.createElement(ke,{language:`jsx`,format:!1},r))},F.createElement(_l,{className:`sbdocs-expandable`},F.createElement(`span`,null,c),i?F.createElement(yl,null):F.createElement(bl,null)))},Dl=({value:e,initialExpandedArgs:t})=>e==null?F.createElement(xl,null):F.createElement(El,{value:e,initialExpandedArgs:t}),Ol=_.span({fontWeight:`bold`}),kl=_.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:`help`})),Al=_.div(({theme:e})=>({"&&":{p:{margin:`0 0 10px 0`},a:{color:e.color.secondary}},code:{...Pe({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:`inline-block`},"& pre > code":{whiteSpace:`pre-wrap`}})),jl=_.div(({theme:e,hasDescription:t})=>({color:e.base===`light`?fn(.1,e.color.defaultText):fn(.2,e.color.defaultText),marginTop:t?4:0})),Ml=_.div(({theme:e,hasDescription:t})=>({color:e.base===`light`?fn(.1,e.color.defaultText):fn(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),Nl=_.td(({expandable:e})=>({paddingLeft:e?`40px !important`:`20px !important`})),Pl=e=>e&&{summary:typeof e==`string`?e:e.name},Fl=e=>{let[t,n]=(0,Vi.useState)(!1),{row:r,updateArgs:i,compact:a,expandable:o,initialExpandedArgs:s}=e,{name:c,description:l}=r,u=r.table||{},d=u.type||Pl(r.type),f=u.defaultValue||r.defaultValue,p=r.type?.required,m=l!=null&&l!==``;return Vi.createElement(`tr`,{onMouseEnter:()=>n(!0),onMouseLeave:()=>n(!1)},Vi.createElement(Nl,{expandable:o??!1},Vi.createElement(Ol,null,c),p?Vi.createElement(kl,{title:`Required`},`*`):null),a?null:Vi.createElement(`td`,null,m&&Vi.createElement(Al,null,Vi.createElement(As,null,l)),u.jsDocTags==null?Vi.createElement(jl,{hasDescription:m},Vi.createElement(Dl,{value:d,initialExpandedArgs:s})):Vi.createElement(Vi.Fragment,null,Vi.createElement(Ml,{hasDescription:m},Vi.createElement(Dl,{value:d,initialExpandedArgs:s})),Vi.createElement(H,{tags:u.jsDocTags}))),a?null:Vi.createElement(`td`,null,Vi.createElement(Dl,{value:f,initialExpandedArgs:s})),i?Vi.createElement(`td`,null,Vi.createElement(ll,{...e,isHovered:t})):null)},Il=_.div(({inAddonPanel:e,theme:t})=>({height:e?`100%`:`auto`,display:`flex`,border:e?`none`:`1px solid ${t.appBorderColor}`,borderRadius:e?0:t.appBorderRadius,padding:e?0:40,alignItems:`center`,justifyContent:`center`,flexDirection:`column`,gap:15,background:t.background.content})),Ll=_.div(({theme:e})=>({display:`flex`,fontSize:e.typography.size.s2-1,gap:25})),Rl=({inAddonPanel:e})=>{let[t,n]=(0,ea.useState)(!0);return(0,ea.useEffect)(()=>{let e=setTimeout(()=>{n(!1)},100);return()=>clearTimeout(e)},[]),t?null:ea.createElement(Il,{inAddonPanel:e},ea.createElement(Se,{title:e?`Interactive story playground`:`Args table with interactive controls couldn't be auto-generated`,description:ea.createElement(ea.Fragment,null,`Controls give you an easy to use interface to test your components. Set your story args and you'll see controls appearing here automatically.`),footer:ea.createElement(Ll,null,e&&ea.createElement(ea.Fragment,null,ea.createElement(Te,{href:`https://storybook.js.org/docs/essentials/controls?ref=ui`,target:`_blank`,withArrow:!0},ea.createElement(ue,null),` Read docs`)),!e&&ea.createElement(Te,{href:`https://storybook.js.org/docs/essentials/controls?ref=ui`,target:`_blank`,withArrow:!0},ea.createElement(ue,null),` Learn how to set that up`))}))},zl=_(ie)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base===`light`?fn(.25,e.color.defaultText):fn(.3,e.color.defaultText),border:`none`,display:`inline-block`})),Bl=_(T)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base===`light`?fn(.25,e.color.defaultText):fn(.3,e.color.defaultText),border:`none`,display:`inline-block`})),Vl=_.span(({theme:e})=>({display:`flex`,lineHeight:`20px`,alignItems:`center`})),U=_.td(({theme:e})=>({position:`relative`,letterSpacing:`0.35em`,textTransform:`uppercase`,fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s1-1,color:e.base===`light`?fn(.4,e.color.defaultText):fn(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),W=_.td(({theme:e})=>({position:`relative`,fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),G=_.td({position:`relative`}),K=_.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${ln(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:`row-resize`}})),q=_.button({background:`none`,border:`none`,padding:`0`,font:`inherit`,position:`absolute`,top:0,bottom:0,left:0,right:0,height:`100%`,width:`100%`,color:`transparent`,cursor:`row-resize !important`}),Hl=({level:e=`section`,label:t,children:n,initialExpanded:r=!0,colSpan:i=3})=>{let[a,o]=(0,ta.useState)(r),s=e===`subsection`?W:U,c=n?.length||0,l=e===`subsection`?`${c} item${c===1?``:`s`}`:``,u=`${a?`Hide`:`Show`} ${e===`subsection`?c:t} item${c===1?``:`s`}`;return ta.createElement(ta.Fragment,null,ta.createElement(K,{title:u},ta.createElement(s,{colSpan:1},ta.createElement(q,{onClick:e=>o(!a),tabIndex:0},u),ta.createElement(Vl,null,a?ta.createElement(zl,null):ta.createElement(Bl,null),t)),ta.createElement(G,{colSpan:i-1},ta.createElement(q,{onClick:e=>o(!a),tabIndex:-1,style:{outline:`none`}},u),a?null:l)),a?n:null)},Ul=_.div(({theme:e})=>({width:`100%`,borderSpacing:0,color:e.color.defaultText})),Wl=_.div(({theme:e})=>({display:`flex`,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),Gl=_.div(({position:e,theme:t})=>{let n={display:`flex`,flexDirection:`column`,gap:5,padding:`10px 15px`,alignItems:`flex-start`};switch(e){case`first`:return{...n,width:`25%`,paddingLeft:20};case`second`:return{...n,width:`35%`};case`third`:return{...n,width:`15%`};case`last`:return{...n,width:`25%`,paddingRight:20}}}),J=_.div(({theme:e,width:t,height:n})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,width:t||`100%`,height:n||16,borderRadius:3})),Kl=()=>I.createElement(Ul,null,I.createElement(Wl,null,I.createElement(Gl,{position:`first`},I.createElement(J,{width:`60%`})),I.createElement(Gl,{position:`second`},I.createElement(J,{width:`30%`})),I.createElement(Gl,{position:`third`},I.createElement(J,{width:`60%`})),I.createElement(Gl,{position:`last`},I.createElement(J,{width:`60%`}))),I.createElement(Wl,null,I.createElement(Gl,{position:`first`},I.createElement(J,{width:`60%`})),I.createElement(Gl,{position:`second`},I.createElement(J,{width:`80%`}),I.createElement(J,{width:`30%`})),I.createElement(Gl,{position:`third`},I.createElement(J,{width:`60%`})),I.createElement(Gl,{position:`last`},I.createElement(J,{width:`60%`}))),I.createElement(Wl,null,I.createElement(Gl,{position:`first`},I.createElement(J,{width:`60%`})),I.createElement(Gl,{position:`second`},I.createElement(J,{width:`80%`}),I.createElement(J,{width:`30%`})),I.createElement(Gl,{position:`third`},I.createElement(J,{width:`60%`})),I.createElement(Gl,{position:`last`},I.createElement(J,{width:`60%`}))),I.createElement(Wl,null,I.createElement(Gl,{position:`first`},I.createElement(J,{width:`60%`})),I.createElement(Gl,{position:`second`},I.createElement(J,{width:`80%`}),I.createElement(J,{width:`30%`})),I.createElement(Gl,{position:`third`},I.createElement(J,{width:`60%`})),I.createElement(Gl,{position:`last`},I.createElement(J,{width:`60%`})))),ql=_.table(({theme:e,compact:t,inAddonPanel:n,inTabPanel:r})=>({"&&":{borderSpacing:0,color:e.color.defaultText,"td, th":{padding:0,border:`none`,verticalAlign:`top`,textOverflow:`ellipsis`},fontSize:e.typography.size.s2-1,lineHeight:`19px`,textAlign:`left`,width:`100%`,marginTop:n?0:25,marginBottom:n?0:40,"thead th:first-of-type, td:first-of-type":{width:`25%`},"th:first-of-type, td:first-of-type":{paddingLeft:20},"th:nth-of-type(2), td:nth-of-type(2)":{...t?null:{width:`35%`}},"td:nth-of-type(3)":{...t?null:{width:`15%`}},"th:last-of-type, td:last-of-type":{paddingRight:20,...t?null:{width:`25%`}},th:{color:e.textMutedColor,paddingTop:10,paddingBottom:10,paddingLeft:15,paddingRight:15},td:{paddingTop:`10px`,paddingBottom:`10px`,"&:not(:first-of-type)":{paddingLeft:15,paddingRight:15},"&:last-of-type":{paddingRight:20}},marginInline:n||r?0:1,paddingInline:r?3:0,tbody:{...n?null:{filter:e.base===`light`?`drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.10))`:`drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.20))`},"> tr > *":{background:e.background.content,borderTop:`1px solid ${e.appBorderColor}`},...n?null:{"> tr:first-of-type > *":{borderBlockStart:`1px solid ${e.appBorderColor}`},"> tr:last-of-type > *":{borderBlockEnd:`1px solid ${e.appBorderColor}`},"> tr > *:first-of-type":{borderInlineStart:`1px solid ${e.appBorderColor}`},"> tr > *:last-of-type":{borderInlineEnd:`1px solid ${e.appBorderColor}`},"> tr:first-of-type > td:first-of-type":{borderTopLeftRadius:e.appBorderRadius},"> tr:first-of-type > td:last-of-type":{borderTopRightRadius:e.appBorderRadius},"> tr:last-of-type > td:first-of-type":{borderBottomLeftRadius:e.appBorderRadius},"> tr:last-of-type > td:last-of-type":{borderBottomRightRadius:e.appBorderRadius}}}}})),Jl=_.div({position:`relative`}),Yl=_.div({position:`absolute`,right:22,top:10}),Xl=_(De)({margin:`-4px -12px -4px 0`}),Zl={alpha:(e,t)=>(e.name??``).localeCompare(t.name??``),requiredFirst:(e,t)=>!!t.type?.required-+!!e.type?.required||(e.name??``).localeCompare(t.name??``),none:null},Ql=(e,t)=>{let n={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return n;Object.entries(e).forEach(([e,t])=>{let{category:r,subcategory:i}=t?.table||{};if(r){let a=n.sections[r]||{ungrouped:[],subsections:{}};if(!i)a.ungrouped.push({key:e,...t});else{let n=a.subsections[i]||[];n.push({key:e,...t}),a.subsections[i]=n}n.sections[r]=a}else if(i){let r=n.ungroupedSubsections[i]||[];r.push({key:e,...t}),n.ungroupedSubsections[i]=r}else n.ungrouped.push({key:e,...t})});let r=Zl[t],i=e=>r?Object.keys(e).reduce((t,n)=>({...t,[n]:e[n].sort(r)}),{}):e;return{ungrouped:r?n.ungrouped.sort(r):n.ungrouped,ungroupedSubsections:i(n.ungroupedSubsections),sections:Object.keys(n.sections).reduce((e,t)=>({...e,[t]:{ungrouped:r?n.sections[t].ungrouped.sort(r):n.sections[t].ungrouped,subsections:i(n.sections[t].subsections)}}),{})}},$l=(e,t,n)=>{try{return Fe(e,t,n)}catch(e){return Ga.warn(e.message),!1}},eu=e=>{let{updateArgs:t,resetArgs:n,compact:r,inAddonPanel:i,inTabPanel:a,initialExpandedArgs:o,sort:s=`none`,isLoading:c}=e;if(`error`in e){let{error:t}=e;return O.createElement(mn,null,t,`\xA0`,O.createElement(Te,{href:`http://storybook.js.org/docs/?ref=ui`,target:`_blank`,withArrow:!0},O.createElement(ue,null),` Read the docs`))}if(c)return O.createElement(Kl,null);let{rows:l,args:u,globals:d}=`rows`in e?e:{rows:void 0,args:void 0,globals:void 0},f=Ql(kn(l||{},e=>!e?.table?.disable&&$l(e,u||{},d||{})),s),p=f.ungrouped.length===0,m=Object.entries(f.sections).length===0,h=Object.entries(f.ungroupedSubsections).length===0;if(p&&m&&h)return O.createElement(Rl,{inAddonPanel:i});let g=1;t&&(g+=1),r||(g+=2);let _=Object.keys(f.sections).length>0,v={updateArgs:t,compact:r,inAddonPanel:i,initialExpandedArgs:o};return O.createElement(ye,null,O.createElement(Jl,null,t&&!c&&n&&O.createElement(Yl,null,O.createElement(Xl,{variant:`ghost`,padding:`small`,onClick:()=>n(),ariaLabel:`Reset controls`},O.createElement(fe,null))),O.createElement(ql,{compact:r,inAddonPanel:i,inTabPanel:a,className:`docblock-argstable sb-unstyled`},O.createElement(`thead`,{className:`docblock-argstable-head`},O.createElement(`tr`,null,O.createElement(`th`,null,O.createElement(`span`,null,`Name`)),r?null:O.createElement(`th`,null,O.createElement(`span`,null,`Description`)),r?null:O.createElement(`th`,null,O.createElement(`span`,null,`Default`)),t?O.createElement(`th`,null,O.createElement(`span`,null,`Control`)):null)),O.createElement(`tbody`,{className:`docblock-argstable-body`},f.ungrouped.map(e=>O.createElement(Fl,{key:e.key,row:e,arg:u&&u[e.key],...v})),Object.entries(f.ungroupedSubsections).map(([e,t])=>O.createElement(Hl,{key:e,label:e,level:`subsection`,colSpan:g},t.map(e=>O.createElement(Fl,{key:e.key,row:e,arg:u&&u[e.key],expandable:_,...v})))),Object.entries(f.sections).map(([e,t])=>O.createElement(Hl,{key:e,label:e,level:`section`,colSpan:g},t.ungrouped.map(e=>O.createElement(Fl,{key:e.key,row:e,arg:u&&u[e.key],...v})),Object.entries(t.subsections).map(([e,t])=>O.createElement(Hl,{key:e,label:e,level:`subsection`,colSpan:g},t.map(e=>O.createElement(Fl,{key:e.key,row:e,arg:u&&u[e.key],expandable:_,...v}))))))))))},tu=e=>`& :where(${e}:not(.sb-anchor, .sb-unstyled, .sb-unstyled ${e}))`,nu=600,ru=_.h1(({theme:e})=>({...re({theme:e}),color:e.color.defaultText,fontSize:e.typography.size.m3,fontWeight:e.typography.weight.bold,lineHeight:`32px`,[`@media (min-width: ${nu}px)`]:{fontSize:e.typography.size.l1,lineHeight:`36px`,marginBottom:`16px`}})),iu=_.h2(({theme:e})=>({...re({theme:e}),fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s3,lineHeight:`20px`,borderBottom:`none`,marginBottom:15,[`@media (min-width: ${nu}px)`]:{fontSize:e.typography.size.m1,lineHeight:`28px`,marginBottom:24},color:fn(.25,e.color.defaultText)})),au=_.div(({theme:e})=>{let t={fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s3,margin:0,WebkitFontSmoothing:`antialiased`,MozOsxFontSmoothing:`grayscale`,WebkitTapHighlightColor:`rgba(0, 0, 0, 0)`,WebkitOverflowScrolling:`touch`},n={margin:`20px 0 8px`,padding:0,cursor:`text`,position:`relative`,color:e.color.defaultText,"&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:`none`},"& code":{fontSize:`inherit`}},r={lineHeight:1,margin:`0 2px`,padding:`3px 5px`,whiteSpace:`nowrap`,borderRadius:3,fontSize:e.typography.size.s2-1,border:e.base===`light`?`1px solid ${e.color.mediumlight}`:`1px solid ${e.color.darker}`,color:e.base===`light`?fn(.1,e.color.defaultText):fn(.3,e.color.defaultText),backgroundColor:e.base===`light`?e.color.lighter:e.color.border};return{maxWidth:1e3,width:`100%`,minWidth:0,[tu(`a`)]:{...t,fontSize:`inherit`,lineHeight:`24px`,color:e.color.secondary,textDecoration:`underline`,textDecorationThickness:`0.03125rem`,textUnderlineOffset:`0.11em`,"&.absent":{color:`#cc0000`},"&.anchor":{display:`block`,paddingLeft:30,marginLeft:-30,cursor:`pointer`,position:`absolute`,top:0,left:0,bottom:0,textDecoration:`none`},"&.anchor:hover, &.anchor:focus":{textDecoration:`underline`}},[tu(`blockquote`)]:{...t,margin:`16px 0`,borderLeft:`4px solid ${e.color.medium}`,padding:`0 15px`,color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},[tu(`div`)]:t,[tu(`dl`)]:{...t,margin:`16px 0`,padding:0,"& dt":{fontSize:`14px`,fontWeight:`bold`,fontStyle:`italic`,padding:0,margin:`16px 0 4px`},"& dt:first-of-type":{padding:0},"& dt > :first-of-type":{marginTop:0},"& dt > :last-child":{marginBottom:0},"& dd":{margin:`0 0 16px`,padding:`0 15px`},"& dd > :first-of-type":{marginTop:0},"& dd > :last-child":{marginBottom:0}},[tu(`h1`)]:{...t,...n,fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},[tu(`h2`)]:{...t,...n,fontSize:`${e.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${e.appBorderColor}`},[tu(`h3`)]:{...t,...n,fontSize:`${e.typography.size.m1}px`,fontWeight:e.typography.weight.bold},[tu(`h4`)]:{...t,...n,fontSize:`${e.typography.size.s3}px`},[tu(`h5`)]:{...t,...n,fontSize:`${e.typography.size.s2}px`},[tu(`h6`)]:{...t,...n,fontSize:`${e.typography.size.s2}px`,color:e.color.dark},[tu(`hr`)]:{border:`0 none`,borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0},[tu(`img`)]:{maxWidth:`100%`},[tu(`li`)]:{...t,fontSize:e.typography.size.s2,color:e.color.defaultText,lineHeight:`24px`,"& + li":{marginTop:`.25em`},"& ul, & ol":{marginTop:`.25em`,marginBottom:0},"& code":r},[tu(`ol`)]:{...t,margin:`16px 0`,paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},[tu(`p`)]:{...t,margin:`16px 0`,fontSize:e.typography.size.s2,lineHeight:`24px`,color:e.color.defaultText,"& code":r},[tu(`pre`)]:{...t,fontFamily:e.typography.fonts.mono,WebkitFontSmoothing:`antialiased`,MozOsxFontSmoothing:`grayscale`,lineHeight:`18px`,padding:`11px 1rem`,whiteSpace:`pre-wrap`,color:`inherit`,borderRadius:3,margin:`1rem 0`,"&:not(.prismjs)":{background:`transparent`,border:`none`,borderRadius:0,padding:0,margin:0},"& pre, &.prismjs":{padding:15,margin:0,whiteSpace:`pre-wrap`,color:`inherit`,fontSize:`13px`,lineHeight:`19px`,code:{color:`inherit`,fontSize:`inherit`}},"& code":{whiteSpace:`pre`},"& code, & tt":{border:`none`}},[tu(`span`)]:{...t,"&.frame":{display:`block`,overflow:`hidden`,"& > span":{border:`1px solid ${e.color.medium}`,display:`block`,float:`left`,overflow:`hidden`,margin:`13px 0 0`,padding:7,width:`auto`},"& span img":{display:`block`,float:`left`},"& span span":{clear:`both`,color:e.color.darkest,display:`block`,padding:`5px 0 0`}},"&.align-center":{display:`block`,overflow:`hidden`,clear:`both`,"& > span":{display:`block`,overflow:`hidden`,margin:`13px auto 0`,textAlign:`center`},"& span img":{margin:`0 auto`,textAlign:`center`}},"&.align-right":{display:`block`,overflow:`hidden`,clear:`both`,"& > span":{display:`block`,overflow:`hidden`,margin:`13px 0 0`,textAlign:`right`},"& span img":{margin:0,textAlign:`right`}},"&.float-left":{display:`block`,marginRight:13,overflow:`hidden`,float:`left`,"& span":{margin:`13px 0 0`}},"&.float-right":{display:`block`,marginLeft:13,overflow:`hidden`,float:`right`,"& > span":{display:`block`,overflow:`hidden`,margin:`13px auto 0`,textAlign:`right`}}},[tu(`table`)]:{...t,margin:`16px 0`,fontSize:e.typography.size.s2,lineHeight:`24px`,padding:0,borderCollapse:`collapse`,"& tr":{borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:e.appContentBg,margin:0,padding:0},"& tr:nth-of-type(2n)":{backgroundColor:e.base===`dark`?e.color.darker:e.color.lighter},"& tr th":{fontWeight:`bold`,color:e.color.defaultText,border:`1px solid ${e.appBorderColor}`,margin:0,padding:`6px 13px`},"& tr td":{border:`1px solid ${e.appBorderColor}`,color:e.color.defaultText,margin:0,padding:`6px 13px`},"& tr th :first-of-type, & tr td :first-of-type":{marginTop:0},"& tr th :last-child, & tr td :last-child":{marginBottom:0}},[tu(`ul`)]:{...t,margin:`16px 0`,paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0},listStyle:`disc`}}}),ou=_.div(({theme:e})=>({background:e.background.content,display:`flex`,flexDirection:`row-reverse`,justifyContent:`center`,padding:`4rem 20px`,minHeight:`100vh`,boxSizing:`border-box`,gap:`3rem`,[`@media (min-width: ${nu}px)`]:{}})),su=({children:e,toc:t})=>na.createElement(ou,{className:`sbdocs sbdocs-wrapper`},t,na.createElement(au,{className:`sbdocs sbdocs-content`},e)),{logger:cu}=__STORYBOOK_MODULE_CLIENT_LOGGER__,lu=typeof document<`u`?ra.useLayoutEffect:()=>{},uu={prefix:String(Math.round(Math.random()*1e10)),current:0},du=aa.createContext(uu),fu=aa.createContext(!1),typeof window<`u`&&window.document&&window.document.createElement,pu=new WeakMap,mu=typeof aa.useId==`function`?hr:mr,hu=!!(typeof window<`u`&&window.document&&window.document.createElement),gu=new Map,typeof FinalizationRegistry<`u`&&(_u=new FinalizationRegistry(e=>{gu.delete(e)})),vu=null,yu=Dr(function(){return Er(/^Mac/i)}),bu=Dr(function(){return Er(/^iPad/i)||yu()&&navigator.maxTouchPoints>1}),xu=Dr(function(){return Tr(/AppleWebKit/i)&&!Su()}),Su=Dr(function(){return Tr(/Chrome/i)}),Cu=Dr(function(){return Tr(/Firefox/i)}),(0,oa.createContext)({isNative:!0,open:Ar,useHref:e=>e}),Or.isOpening=!1,wu=new Map,Tu=new Set,typeof document<`u`&&(document.readyState===`loading`?document.addEventListener(`DOMContentLoaded`,jr):jr()),sa.useInsertionEffect,typeof document<`u`&&window.visualViewport,typeof Element<`u`&&`checkVisibility`in Element.prototype,Eu=[`input:not([disabled]):not([type=hidden])`,`select:not([disabled])`,`textarea:not([disabled])`,`button:not([disabled])`,`a[href]`,`area[href]`,`summary`,`iframe`,`object`,`embed`,`audio[controls]`,`video[controls]`,`[contenteditable]:not([contenteditable^="false"])`,`permission`],Eu.join(`:not([hidden]),`)+``,Eu.push(`[tabindex]:not([tabindex="-1"]):not([disabled])`),Eu.join(`:not([hidden]):not([tabindex="-1"]),`),typeof document<`u`&&(ca.useInsertionEffect??ca.useLayoutEffect),globalThis&&globalThis.__DOCS_CONTEXT__===void 0&&(globalThis.__DOCS_CONTEXT__=(0,la.createContext)(null),globalThis.__DOCS_CONTEXT__.displayName=`DocsContext`),Du=globalThis?globalThis.__DOCS_CONTEXT__:(0,la.createContext)(null),Ou=Symbol(`mdxWrappedBlock`),ku=fa.createContext(null),Au=(e,t)=>{let n=r=>{let i=fa.useContext(ku),a=d()[e];if(i?.has(e)||a===n)return fa.createElement(t,{...r});if(a){let t=new Set(i??[]);return t.add(e),fa.createElement(ku.Provider,{value:t},fa.createElement(a,{...r}))}return fa.createElement(t,{...r})};return n.displayName=e,n[Ou]=!0,n},ju=(e,t)=>{let{of:n,meta:r}=e;if(`of`in e&&n===void 0)throw Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");return r&&t.referenceMeta(r,!1),t.resolveOf(n||`story`,[`story`]).story.id},Mu=(e,t,n)=>{let{parameters:r={}}=t||{},{docs:i={}}=r,a=i.story||{};return i.disable?null:e.inline??a.inline??!1?{story:t,inline:!0,height:e.height??a.height,autoplay:e.autoplay??a.autoplay??!1,forceInitialArgs:!!e.__forceInitialArgs,primary:!!e.__primary,renderStoryToElement:n.renderStoryToElement}:{story:t,inline:!1,height:e.height??a.height??a.iframeHeight??`100px`,primary:!!e.__primary}},Nu=(e={__forceInitialArgs:!1,__primary:!1})=>{let t=(0,ua.useContext)(Du),n=Mr(ju(e,t),t);if(!n)return ua.createElement(Gu,null);let r=Mu(e,n,t);return r?ua.createElement(Wu,{...r}):null},Pu=Au(`Story`,Nu),Fu=e=>({borderRadius:e.appBorderRadius,background:e.background.content,boxShadow:e.base===`light`?`rgba(0, 0, 0, 0.10) 0 1px 3px 0`:`rgba(0, 0, 0, 0.20) 0 2px 5px 0`,border:`1px solid ${e.appBorderColor}`}),Iu=(e,t={})=>{let[n,r]=(globalThis.PREVIEW_URL||`iframe.html`).split(`?`),i=new URLSearchParams(r||``);return Object.entries(t).forEach(([e,t])=>{i.set(e,t)}),i.set(`id`,e),`${n}?${i.toString()}`},{window:Lu}=globalThis,Ru=class extends ma.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{id:e}=this.props;this.iframe=Lu.document.getElementById(e)}shouldComponentUpdate(e){let{scale:t}=e;return t!==this.props.scale&&this.setIframeBodyStyle({width:`${t*100}%`,height:`${t*100}%`,transform:`scale(${1/t})`,transformOrigin:`top left`}),!1}setIframeBodyStyle(e){return Object.assign(this.iframe.contentDocument.body.style,e)}render(){let{id:e,title:t,src:n,allowFullScreen:r,scale:i,...a}=this.props;return ma.createElement(`iframe`,{id:e,title:t,src:n,...r?{allow:`fullscreen`}:{},loading:`lazy`,...a})}},zu=(0,ha.createContext)({scale:1}),Bu=({story:e,primary:t})=>`story--${e.id}${t?`--primary`:``}`,Vu=e=>{let t=(0,pa.useRef)(),[n,r]=(0,pa.useState)(!0),[i,a]=(0,pa.useState)(),{story:o,height:s,autoplay:c,forceInitialArgs:l,renderStoryToElement:u}=e;return(0,pa.useEffect)(()=>{if(!(o&&t.current))return()=>{};let e=t.current,n=u(o,e,{showMain:()=>{},showError:({title:e,description:t})=>a(Error(`${e} - ${t}`)),showException:e=>a(e)},{autoplay:c,forceInitialArgs:l});return r(!1),()=>{Promise.resolve().then(()=>n())}},[c,u,o]),i?pa.createElement(`pre`,null,pa.createElement(ge,{error:i})):pa.createElement(pa.Fragment,null,s?pa.createElement(`style`,null,`#${Bu(e)} { min-height: ${s}; transform: translateZ(0); overflow: auto }`):null,n&&pa.createElement(Gu,null),pa.createElement(`div`,{ref:t,id:`${Bu(e)}-inner`,"data-name":o.name}))},Hu=({story:e,height:t=`500px`})=>pa.createElement(`div`,{style:{width:`100%`,height:t}},pa.createElement(zu.Consumer,null,({scale:t})=>pa.createElement(Ru,{key:`iframe`,id:`iframe--${e.id}`,title:e.name,src:Iu(e.id,{viewMode:`story`}),allowFullScreen:!0,scale:t,style:{width:`100%`,height:`100%`,border:`0 none`}}))),Uu=_.strong(({theme:e})=>({color:e.color.orange})),Wu=e=>{let{inline:t,story:n}=e;return t&&!e.autoplay&&n.usesMount?pa.createElement(Uu,null,`This story mounts inside of play. Set`,` `,pa.createElement(`a`,{href:`https://storybook.js.org/docs/api/doc-blocks/doc-block-story?ref=ui#autoplay`},`autoplay`),` `,`to true to view this story.`):pa.createElement(`div`,{id:Bu(e),className:`sb-story sb-unstyled`,"data-story-block":`true`},t?pa.createElement(Vu,{...e}):pa.createElement(Hu,{...e}))},Gu=()=>pa.createElement(Ne,null),Ku=_(be)({position:`absolute`,left:0,right:0,top:0,transition:`transform .2s linear`,display:`flex`,alignItems:`center`}),Y=_.div({display:`flex`,alignItems:`center`,gap:4}),qu=_.div(({theme:e})=>({width:14,height:14,borderRadius:2,margin:`0 7px`,backgroundColor:e.appBorderColor,animation:`${e.animation.glow} 1.5s ease-in-out infinite`})),Ju=({isLoading:e,storyId:t,zoom:n,resetZoom:r,...i})=>ga.createElement(Ku,{innerStyle:{gap:4,paddingInline:7,justifyContent:`space-between`},...i},ga.createElement(Y,{key:`left`},e?[1,2,3].map(e=>ga.createElement(qu,{key:e})):ga.createElement(ga.Fragment,null,ga.createElement(De,{padding:`small`,variant:`ghost`,key:`zoomin`,onClick:e=>{e.preventDefault(),n(.8)},ariaLabel:`Zoom in`},ga.createElement(Re,null)),ga.createElement(De,{padding:`small`,variant:`ghost`,key:`zoomout`,onClick:e=>{e.preventDefault(),n(1.25)},ariaLabel:`Zoom out`},ga.createElement(ne,null)),ga.createElement(De,{padding:`small`,variant:`ghost`,key:`zoomreset`,onClick:e=>{e.preventDefault(),r()},ariaLabel:`Reset zoom`},ga.createElement(he,null)))),e?ga.createElement(Y,{key:`right`},ga.createElement(qu,null)):t&&ga.createElement(Y,{key:`right`},ga.createElement(De,{asChild:!0,padding:`small`,variant:`ghost`,key:`opener`,ariaLabel:`Open canvas in new tab`},ga.createElement(`a`,{href:Iu(t),target:`_blank`,rel:`noopener noreferrer`},ga.createElement(ce,null))))),Yu=_.div(({isColumn:e,columns:t,layout:n})=>({display:e||!t?`block`:`flex`,position:`relative`,flexWrap:`wrap`,overflow:`auto`,flexDirection:e?`column`:`row`,"& .innerZoomElementWrapper > *":e?{width:n===`fullscreen`?`100%`:`calc(100% - 20px)`,display:`block`}:{maxWidth:n===`fullscreen`?`100%`:`calc(100% - 20px)`,display:`inline-block`}}),({layout:e=`padded`,inline:t})=>e===`centered`||e===`padded`?{padding:t?`32px 22px`:`0px`,"& .innerZoomElementWrapper > *":{width:`auto`,border:`8px solid transparent!important`}}:{},({layout:e=`padded`,inline:t})=>e===`centered`&&t?{display:`flex`,justifyContent:`center`,justifyItems:`center`,alignContent:`center`,alignItems:`center`}:{},({columns:e})=>e&&e>1?{".innerZoomElementWrapper > *":{minWidth:`calc(100% / ${e} - 20px)`}}:{}),Xu=_(Me)({marginTop:-40,marginBottom:40}),Zu=_(yn)(({theme:e})=>({margin:0,borderTopLeftRadius:0,borderTopRightRadius:0,borderBottomLeftRadius:e.appBorderRadius,borderBottomRightRadius:e.appBorderRadius,border:`none`,background:e.base===`light`?`rgba(0, 0, 0, 0.85)`:cn(.05,e.background.content),color:e.color.lightest,button:{background:e.base===`light`?`rgba(0, 0, 0, 0.85)`:cn(.05,e.background.content)}})),Qu=_.div(({theme:e})=>({position:`relative`,overflow:`hidden`,margin:`25px 0 40px`,...Fu(e),"h3 + &":{marginTop:`16px`}}),({withToolbar:e})=>e&&{paddingTop:40}),$u=_(Ju)({position:`absolute`,top:0,left:0,right:0,height:40}),ed=2e3,td=({isLoading:e,isColumn:t,columns:n,children:r,withSource:a,withToolbar:o=!1,isExpanded:s=!1,additionalActions:c,className:l,layout:u=`padded`,inline:d=!1,...f})=>{let[p,m]=(0,L.useState)(s),[h,g]=(0,L.useState)(null),[_,v]=(0,L.useState)(1),y=(0,L.useMemo)(()=>c?[...c]:[],[c]),b=br(),x=[l,`sbdocs`,`sbdocs-preview`,`sb-unstyled`],S=(0,L.useContext)(Du),ee=(0,L.useCallback)(async e=>{let{createCopyToClipboardFunction:t}=await i(async()=>{let{createCopyToClipboardFunction:e}=await import(`./components-DTTvQz4L.js`).then(e=>(e.x(),e.b));return{createCopyToClipboardFunction:e}},__vite__mapDeps([5,1,2,3,6,7,8,9,10]),import.meta.url);await t()(e)},[]),te=(0,L.useCallback)(async()=>{try{await ee(a?.code??``),g(`Copied!`)}catch(e){cu.error(e),g(`Copy error!`)}globalThis.window.setTimeout(()=>g(null),ed)},[ee,a?.code]),C=Pr(r),ne=!!(a&&a.error),re=!!(a&&!a.error);return L.createElement(L.Fragment,null,L.createElement(Qu,{withSource:a,withToolbar:o,...f,className:x.join(` `)},o&&L.createElement($u,{isLoading:e,border:!0,zoom:e=>v(_*e),resetZoom:()=>v(1),storyId:!e&&C?ju(C,S):void 0}),L.createElement(zu.Provider,{value:{scale:_}},L.createElement(Yu,{isColumn:t||!Array.isArray(r),columns:n,layout:u,inline:d,className:`docs-story`},L.createElement(E.Element,{centered:u===`centered`,scale:d?_:1},Array.isArray(r)?r.map((e,t)=>L.createElement(`div`,{key:t},e)):L.createElement(`div`,null,r)))),re&&p&&L.createElement(`div`,{id:b},L.createElement(Zu,{...a,dark:!0,copyable:!1}))),(a||y.length>0)&&L.createElement(Xu,{className:`sbdocs sbdocs-preview-actions`,innerStyle:{paddingInline:0}},ne&&L.createElement(De,{ariaLabel:!1,disabled:!0,variant:`ghost`,className:`docblock-code-toggle docblock-code-toggle--disabled`},L.createElement(oe,null),` No code available`),re&&L.createElement(L.Fragment,null,L.createElement(xe,{ariaLabel:!1,pressed:p,"aria-expanded":p,"aria-controls":b,onClick:()=>m(!p),variant:`ghost`,className:`docblock-code-toggle${p?` docblock-code-toggle--expanded`:``}`},L.createElement(oe,null),` `,p?`Hide code`:`Show code`),L.createElement(De,{ariaLabel:!1,variant:`ghost`,onClick:te},L.createElement(Ce,null),` `,h??`Copy code`)),y.map(({title:e,className:t,onClick:n,disabled:r},i)=>L.createElement(De,{key:i,className:t,onClick:n,disabled:!!r,variant:`ghost`},e))))},_(td)(()=>({".docs-story":{paddingTop:32,paddingBottom:40}})),nd=_(Ee)({height:`fit-content`}),rd=({tabs:e,...t})=>{let n=Object.entries(e);if(n.length===1)return _a.createElement(eu,{...n[0][1],...t});let r=n.map(([e,n],r)=>({id:`prop_table_div_${e}`,title:e,children:()=>{let i=r===0?t:{sort:t.sort};return _a.createElement(eu,{inTabPanel:!0,key:`prop_table_${e}`,...n,...i})}}));return _a.createElement(nd,{tabs:r})},_.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base===`light`?fn(.4,e.color.defaultText):fn(.6,e.color.defaultText)})),_.div({overflow:`hidden`,whiteSpace:`nowrap`,textOverflow:`ellipsis`}),_.div({display:`flex`,flexDirection:`row`,alignItems:`baseline`,"&:not(:last-child)":{marginBottom:`1rem`}}),_.div(re,({theme:e})=>({...Fu(e),margin:`25px 0 40px`,padding:`30px 20px`})),_.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText})),_.div(({theme:e})=>({color:fn(.3,e.color.defaultText)})),_.div({flex:`0 0 30%`,lineHeight:`20px`,marginTop:5}),_.div(({theme:e})=>({flex:1,textAlign:`center`,fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,lineHeight:1,overflow:`hidden`,color:fn(.3,e.color.defaultText),"> div":{display:`inline-block`,overflow:`hidden`,maxWidth:`100%`,textOverflow:`ellipsis`},span:{display:`block`,marginTop:2}})),_.div({display:`flex`,flexDirection:`row`}),_.div(({background:e})=>({position:`relative`,flex:1,"&::before":{position:`absolute`,top:0,left:0,width:`100%`,height:`100%`,background:e,content:`""`}})),_.div(({theme:e})=>({...Fu(e),display:`flex`,flexDirection:`row`,height:50,marginBottom:5,overflow:`hidden`,backgroundColor:`white`,backgroundImage:`repeating-linear-gradient(-45deg, #ccc, #ccc 1px, #fff 1px, #fff 16px)`,backgroundClip:`padding-box`})),_.div({display:`flex`,flexDirection:`column`,flex:1,position:`relative`,marginBottom:30}),_.div({flex:1,display:`flex`,flexDirection:`row`}),_.div({display:`flex`,alignItems:`flex-start`}),_.div({flex:`0 0 30%`}),_.div({flex:1}),_.div(({theme:e})=>({display:`flex`,flexDirection:`row`,alignItems:`center`,paddingBottom:20,fontWeight:e.typography.weight.bold,color:fn(.3,e.color.defaultText)})),_.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:`20px`,display:`flex`,flexDirection:`column`})),_.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s1,color:e.color.defaultText,marginLeft:10,lineHeight:1.2,display:`-webkit-box`,overflow:`hidden`,wordBreak:`break-word`,textOverflow:`ellipsis`,WebkitLineClamp:2,WebkitBoxOrient:`vertical`})),_.div(({theme:e})=>({...Fu(e),overflow:`hidden`,height:40,width:40,display:`flex`,alignItems:`center`,justifyContent:`center`,flex:`none`,"> img, > svg":{width:20,height:20}})),_.div({display:`inline-flex`,flexDirection:`row`,alignItems:`center`,width:`100%`}),_.div({display:`grid`,gridTemplateColumns:`repeat(auto-fill, minmax(140px, 1fr))`,gridGap:`8px 16px`,gridAutoFlow:`row dense`,gridAutoRows:50}),{NAVIGATE_URL:id}=__STORYBOOK_MODULE_CORE_EVENTS__,ad={tocSelector:`.js-toc`,tocElement:null,contentSelector:`.js-toc-content`,contentElement:null,headingSelector:`h1, h2, h3`,ignoreSelector:`.js-toc-ignore`,hasInnerContainers:!1,linkClass:`toc-link`,extraLinkClasses:``,activeLinkClass:`is-active-link`,listClass:`toc-list`,extraListClasses:``,isCollapsedClass:`is-collapsed`,collapsibleClass:`is-collapsible`,listItemClass:`toc-list-item`,activeListItemClass:`is-active-li`,collapseDepth:0,scrollSmooth:!0,scrollSmoothDuration:420,scrollSmoothOffset:0,scrollEndCallback:function(e){},headingsOffset:1,enableUrlHashUpdateOnScroll:!1,scrollHandlerType:`auto`,scrollHandlerTimeout:50,throttleTimeout:50,positionFixedSelector:null,positionFixedClass:`is-position-fixed`,fixedSidebarOffset:`auto`,includeHtml:!1,includeTitleTags:!1,onClick:function(e){},orderedList:!0,scrollContainer:null,skipRendering:!1,headingLabelCallback:!1,ignoreHiddenElements:!1,headingObjectCallback:null,basePath:``,disableTocScrollSync:!1,tocScrollingWrapper:null,tocScrollOffset:30,bottomModeThreshold:30},X={},dd=Object.prototype.hasOwnProperty,fd={destroy:Vr,init:Br,refresh:Hr},pd=_.aside(()=>({width:`10rem`,"@media (max-width: 768px)":{display:`none`}})),md=_.nav(({theme:e})=>({position:`fixed`,bottom:0,top:0,width:`10rem`,paddingTop:`4rem`,paddingBottom:`2rem`,overflowY:`auto`,fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,WebkitFontSmoothing:`antialiased`,MozOsxFontSmoothing:`grayscale`,WebkitTapHighlightColor:`rgba(0, 0, 0, 0)`,WebkitOverflowScrolling:`touch`,"& *":{boxSizing:`border-box`},"& > .toc-wrapper > .toc-list":{paddingLeft:0,borderLeft:`solid 2px ${e.color.mediumlight}`,".toc-list":{paddingLeft:0,borderLeft:`solid 2px ${e.color.mediumlight}`,".toc-list":{paddingLeft:0,borderLeft:`solid 2px ${e.color.mediumlight}`}}},"& .toc-list-item":{position:`relative`,listStyleType:`none`,marginLeft:20,paddingTop:3,paddingBottom:3},"& .toc-list-item::before":{content:`""`,position:`absolute`,height:`100%`,top:0,left:0,transform:`translateX(calc(-2px - 20px))`,borderLeft:`solid 2px ${e.color.mediumdark}`,opacity:0,transition:`opacity 0.2s`},"& .toc-list-item.is-active-li::before":{opacity:1},"& .toc-list-item > a":{color:e.color.defaultText,textDecoration:`none`},"& .toc-list-item.is-active-li > a":{fontWeight:600,color:e.color.secondary,textDecoration:`none`}})),hd=_.p(({theme:e})=>({fontWeight:600,fontSize:`0.875em`,color:e.color.defaultText,textTransform:`uppercase`,marginBottom:10})),gd=({headingId:e,title:t})=>typeof t==`string`||!t?va.createElement(hd,{as:`h2`,id:e,className:t?``:`sb-sr-only`},t||`Table of contents`):va.createElement(`div`,{id:e},t),_d=({title:e,disable:t,headingSelector:n,contentsSelector:r,ignoreSelector:i,unsafeTocbotOptions:a,channel:o,className:s})=>{(0,va.useEffect)(()=>{if(t)return()=>{};let e={tocSelector:`.toc-wrapper`,contentSelector:r??`.sbdocs-content`,headingSelector:n??`h3`,ignoreSelector:i??`.docs-story *, .skip-toc`,headingsOffset:40,scrollSmoothOffset:-40,orderedList:!1,onClick:e=>{if(e.preventDefault(),e.currentTarget instanceof HTMLAnchorElement){let[,t]=e.currentTarget.href.split(`#`);t&&o.emit(id,`#${t}`)}},...a},s=setTimeout(()=>fd.init(e),100);return()=>{clearTimeout(s),fd.destroy()}},[o,t,i,r,n,a]);let c=`table-of-contents`;return va.createElement(pd,{className:s},t?null:va.createElement(md,{"aria-labelledby":c},va.createElement(gd,{headingId:c,title:e}),va.createElement(`div`,{className:`toc-wrapper`})))},vd=e=>`anchor--${e}`,yd=({storyId:e,children:t})=>ya.createElement(`div`,{id:vd(e),className:`sb-anchor`},t),{filterArgTypes:bd}=__STORYBOOK_MODULE_PREVIEW_API__,Z=(e,t)=>(0,xa.useContext)(Du).resolveOf(e,t),xd=e=>e.split(`-`).map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(``),Sd=e=>{if(e)return typeof e==`string`?e.includes(`-`)?xd(e):e:e.__docgenInfo&&e.__docgenInfo.displayName?e.__docgenInfo.displayName:e.name},Cd=e=>{let{of:t}=e;if(`of`in e&&t===void 0)throw Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let{argTypes:n,parameters:r,component:i,subcomponents:a}=Zr(Z(t||`meta`)),o=r?.docs?.argTypes||{},s=e.include??o.include,c=e.exclude??o.exclude,l=e.sort??o.sort,u=bd(n,s,c);if(!(a&&Object.keys(a||{}).length>0))return ba.createElement(eu,{rows:u,sort:l});let d=Sd(i)||`Main`,f=Object.fromEntries(Object.entries(a||{}).map(([e,t])=>[e,{rows:bd(Xr(t,r),s,c),sort:l}])),p={[d]:{rows:u,sort:l},...f};return ba.createElement(rd,{tabs:p,sort:l})},Au(`ArgTypes`,Cd),wd=Object.create,Td=Object.defineProperty,Ed=Object.getOwnPropertyDescriptor,Dd=Object.getOwnPropertyNames,Od=Object.getPrototypeOf,kd=Object.prototype.hasOwnProperty,Q=(e,t)=>function(){return t||(0,e[Dd(e)[0]])((t={exports:{}}).exports,t),t.exports},Ad=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(let i of Dd(t))!kd.call(e,i)&&i!==n&&Td(e,i,{get:()=>t[i],enumerable:!(r=Ed(t,i))||r.enumerable});return e},jd=(e,t,n)=>(n=e==null?{}:wd(Od(e)),Ad(t||!e||!e.__esModule?Td(n,`default`,{value:e,enumerable:!0}):n,e)),Md=[`bubbles`,`cancelBubble`,`cancelable`,`composed`,`currentTarget`,`defaultPrevented`,`eventPhase`,`isTrusted`,`returnValue`,`srcElement`,`target`,`timeStamp`,`type`],$=[`detail`],Nd=Q({"node_modules/.pnpm/es-object-atoms@1.1.1/node_modules/es-object-atoms/index.js"(e,t){t.exports=Object}}),Pd=Q({"node_modules/.pnpm/es-errors@1.3.0/node_modules/es-errors/index.js"(e,t){t.exports=Error}}),Fd=Q({"node_modules/.pnpm/es-errors@1.3.0/node_modules/es-errors/eval.js"(e,t){t.exports=EvalError}}),Id=Q({"node_modules/.pnpm/es-errors@1.3.0/node_modules/es-errors/range.js"(e,t){t.exports=RangeError}}),Ld=Q({"node_modules/.pnpm/es-errors@1.3.0/node_modules/es-errors/ref.js"(e,t){t.exports=ReferenceError}}),Rd=Q({"node_modules/.pnpm/es-errors@1.3.0/node_modules/es-errors/syntax.js"(e,t){t.exports=SyntaxError}}),zd=Q({"node_modules/.pnpm/es-errors@1.3.0/node_modules/es-errors/type.js"(e,t){t.exports=TypeError}}),Bd=Q({"node_modules/.pnpm/es-errors@1.3.0/node_modules/es-errors/uri.js"(e,t){t.exports=URIError}}),Vd=Q({"node_modules/.pnpm/math-intrinsics@1.1.0/node_modules/math-intrinsics/abs.js"(e,t){t.exports=Math.abs}}),Hd=Q({"node_modules/.pnpm/math-intrinsics@1.1.0/node_modules/math-intrinsics/floor.js"(e,t){t.exports=Math.floor}}),Ud=Q({"node_modules/.pnpm/math-intrinsics@1.1.0/node_modules/math-intrinsics/max.js"(e,t){t.exports=Math.max}}),Wd=Q({"node_modules/.pnpm/math-intrinsics@1.1.0/node_modules/math-intrinsics/min.js"(e,t){t.exports=Math.min}}),Gd=Q({"node_modules/.pnpm/math-intrinsics@1.1.0/node_modules/math-intrinsics/pow.js"(e,t){t.exports=Math.pow}}),Kd=Q({"node_modules/.pnpm/math-intrinsics@1.1.0/node_modules/math-intrinsics/round.js"(e,t){t.exports=Math.round}}),qd=Q({"node_modules/.pnpm/math-intrinsics@1.1.0/node_modules/math-intrinsics/isNaN.js"(e,t){t.exports=Number.isNaN||function(e){return e!==e}}}),Jd=Q({"node_modules/.pnpm/math-intrinsics@1.1.0/node_modules/math-intrinsics/sign.js"(e,t){var n=qd();t.exports=function(e){return n(e)||e===0?e:e<0?-1:1}}}),Yd=Q({"node_modules/.pnpm/gopd@1.2.0/node_modules/gopd/gOPD.js"(e,t){t.exports=Object.getOwnPropertyDescriptor}}),Xd=Q({"node_modules/.pnpm/gopd@1.2.0/node_modules/gopd/index.js"(e,t){var n=Yd();if(n)try{n([],`length`)}catch{n=null}t.exports=n}}),Zd=Q({"node_modules/.pnpm/es-define-property@1.0.1/node_modules/es-define-property/index.js"(e,t){var n=Object.defineProperty||!1;if(n)try{n({},`a`,{value:1})}catch{n=!1}t.exports=n}}),Qd=Q({"node_modules/.pnpm/has-symbols@1.1.0/node_modules/has-symbols/shams.js"(e,t){t.exports=function(){if(typeof Symbol!=`function`||typeof Object.getOwnPropertySymbols!=`function`)return!1;if(typeof Symbol.iterator==`symbol`)return!0;var e={},t=Symbol(`test`),n=Object(t);if(typeof t==`string`||Object.prototype.toString.call(t)!==`[object Symbol]`||Object.prototype.toString.call(n)!==`[object Symbol]`)return!1;var r=42;for(var i in e[t]=r,e)return!1;if(typeof Object.keys==`function`&&Object.keys(e).length!==0||typeof Object.getOwnPropertyNames==`function`&&Object.getOwnPropertyNames(e).length!==0)return!1;var a=Object.getOwnPropertySymbols(e);if(a.length!==1||a[0]!==t||!Object.prototype.propertyIsEnumerable.call(e,t))return!1;if(typeof Object.getOwnPropertyDescriptor==`function`){var o=Object.getOwnPropertyDescriptor(e,t);if(o.value!==r||o.enumerable!==!0)return!1}return!0}}}),$d=Q({"node_modules/.pnpm/has-symbols@1.1.0/node_modules/has-symbols/index.js"(e,t){var n=typeof Symbol<`u`&&Symbol,r=Qd();t.exports=function(){return typeof n!=`function`||typeof Symbol!=`function`||typeof n(`foo`)!=`symbol`||typeof Symbol(`bar`)!=`symbol`?!1:r()}}}),ef=Q({"node_modules/.pnpm/get-proto@1.0.1/node_modules/get-proto/Reflect.getPrototypeOf.js"(e,t){t.exports=typeof Reflect<`u`&&Reflect.getPrototypeOf||null}}),tf=Q({"node_modules/.pnpm/get-proto@1.0.1/node_modules/get-proto/Object.getPrototypeOf.js"(e,t){t.exports=Nd().getPrototypeOf||null}}),nf=Q({"node_modules/.pnpm/function-bind@1.1.2/node_modules/function-bind/implementation.js"(e,t){var n=`Function.prototype.bind called on incompatible `,r=Object.prototype.toString,i=Math.max,a=`[object Function]`,o=function(e,t){for(var n=[],r=0;r`u`||!C?n:C(Uint8Array),ce={__proto__:null,"%AggregateError%":typeof AggregateError>`u`?n:AggregateError,"%Array%":Array,"%ArrayBuffer%":typeof ArrayBuffer>`u`?n:ArrayBuffer,"%ArrayIteratorPrototype%":te&&C?C([][Symbol.iterator]()):n,"%AsyncFromSyncIteratorPrototype%":n,"%AsyncFunction%":oe,"%AsyncGenerator%":oe,"%AsyncGeneratorFunction%":oe,"%AsyncIteratorPrototype%":oe,"%Atomics%":typeof Atomics>`u`?n:Atomics,"%BigInt%":typeof BigInt>`u`?n:BigInt,"%BigInt64Array%":typeof BigInt64Array>`u`?n:BigInt64Array,"%BigUint64Array%":typeof BigUint64Array>`u`?n:BigUint64Array,"%Boolean%":Boolean,"%DataView%":typeof DataView>`u`?n:DataView,"%Date%":Date,"%decodeURI%":decodeURI,"%decodeURIComponent%":decodeURIComponent,"%encodeURI%":encodeURI,"%encodeURIComponent%":encodeURIComponent,"%Error%":i,"%eval%":eval,"%EvalError%":a,"%Float16Array%":typeof Float16Array>`u`?n:Float16Array,"%Float32Array%":typeof Float32Array>`u`?n:Float32Array,"%Float64Array%":typeof Float64Array>`u`?n:Float64Array,"%FinalizationRegistry%":typeof FinalizationRegistry>`u`?n:FinalizationRegistry,"%Function%":v,"%GeneratorFunction%":oe,"%Int8Array%":typeof Int8Array>`u`?n:Int8Array,"%Int16Array%":typeof Int16Array>`u`?n:Int16Array,"%Int32Array%":typeof Int32Array>`u`?n:Int32Array,"%isFinite%":isFinite,"%isNaN%":isNaN,"%IteratorPrototype%":te&&C?C(C([][Symbol.iterator]())):n,"%JSON%":typeof JSON==`object`?JSON:n,"%Map%":typeof Map>`u`?n:Map,"%MapIteratorPrototype%":typeof Map>`u`||!te||!C?n:C(new Map()[Symbol.iterator]()),"%Math%":Math,"%Number%":Number,"%Object%":r,"%Object.getOwnPropertyDescriptor%":b,"%parseFloat%":parseFloat,"%parseInt%":parseInt,"%Promise%":typeof Promise>`u`?n:Promise,"%Proxy%":typeof Proxy>`u`?n:Proxy,"%RangeError%":o,"%ReferenceError%":s,"%Reflect%":typeof Reflect>`u`?n:Reflect,"%RegExp%":RegExp,"%Set%":typeof Set>`u`?n:Set,"%SetIteratorPrototype%":typeof Set>`u`||!te||!C?n:C(new Set()[Symbol.iterator]()),"%SharedArrayBuffer%":typeof SharedArrayBuffer>`u`?n:SharedArrayBuffer,"%String%":String,"%StringIteratorPrototype%":te&&C?C(``[Symbol.iterator]()):n,"%Symbol%":te?Symbol:n,"%SyntaxError%":c,"%ThrowTypeError%":ee,"%TypedArray%":se,"%TypeError%":l,"%Uint8Array%":typeof Uint8Array>`u`?n:Uint8Array,"%Uint8ClampedArray%":typeof Uint8ClampedArray>`u`?n:Uint8ClampedArray,"%Uint16Array%":typeof Uint16Array>`u`?n:Uint16Array,"%Uint32Array%":typeof Uint32Array>`u`?n:Uint32Array,"%URIError%":u,"%WeakMap%":typeof WeakMap>`u`?n:WeakMap,"%WeakRef%":typeof WeakRef>`u`?n:WeakRef,"%WeakSet%":typeof WeakSet>`u`?n:WeakSet,"%Function.prototype.call%":ae,"%Function.prototype.apply%":ie,"%Object.defineProperty%":x,"%Object.getPrototypeOf%":ne,"%Math.abs%":d,"%Math.floor%":f,"%Math.max%":p,"%Math.min%":m,"%Math.pow%":h,"%Math.round%":g,"%Math.sign%":_,"%Reflect.getPrototypeOf%":re};if(C)try{null.error}catch(e){le=C(C(e)),ce[`%Error.prototype%`]=le}var le,ue=function e(t){var n;if(t===`%AsyncFunction%`)n=y(`async function () {}`);else if(t===`%GeneratorFunction%`)n=y(`function* () {}`);else if(t===`%AsyncGeneratorFunction%`)n=y(`async function* () {}`);else if(t===`%AsyncGenerator%`){var r=e(`%AsyncGeneratorFunction%`);r&&(n=r.prototype)}else if(t===`%AsyncIteratorPrototype%`){var i=e(`%AsyncGenerator%`);i&&C&&(n=C(i.prototype))}return ce[t]=n,n},w={__proto__:null,"%ArrayBufferPrototype%":[`ArrayBuffer`,`prototype`],"%ArrayPrototype%":[`Array`,`prototype`],"%ArrayProto_entries%":[`Array`,`prototype`,`entries`],"%ArrayProto_forEach%":[`Array`,`prototype`,`forEach`],"%ArrayProto_keys%":[`Array`,`prototype`,`keys`],"%ArrayProto_values%":[`Array`,`prototype`,`values`],"%AsyncFunctionPrototype%":[`AsyncFunction`,`prototype`],"%AsyncGenerator%":[`AsyncGeneratorFunction`,`prototype`],"%AsyncGeneratorPrototype%":[`AsyncGeneratorFunction`,`prototype`,`prototype`],"%BooleanPrototype%":[`Boolean`,`prototype`],"%DataViewPrototype%":[`DataView`,`prototype`],"%DatePrototype%":[`Date`,`prototype`],"%ErrorPrototype%":[`Error`,`prototype`],"%EvalErrorPrototype%":[`EvalError`,`prototype`],"%Float32ArrayPrototype%":[`Float32Array`,`prototype`],"%Float64ArrayPrototype%":[`Float64Array`,`prototype`],"%FunctionPrototype%":[`Function`,`prototype`],"%Generator%":[`GeneratorFunction`,`prototype`],"%GeneratorPrototype%":[`GeneratorFunction`,`prototype`,`prototype`],"%Int8ArrayPrototype%":[`Int8Array`,`prototype`],"%Int16ArrayPrototype%":[`Int16Array`,`prototype`],"%Int32ArrayPrototype%":[`Int32Array`,`prototype`],"%JSONParse%":[`JSON`,`parse`],"%JSONStringify%":[`JSON`,`stringify`],"%MapPrototype%":[`Map`,`prototype`],"%NumberPrototype%":[`Number`,`prototype`],"%ObjectPrototype%":[`Object`,`prototype`],"%ObjProto_toString%":[`Object`,`prototype`,`toString`],"%ObjProto_valueOf%":[`Object`,`prototype`,`valueOf`],"%PromisePrototype%":[`Promise`,`prototype`],"%PromiseProto_then%":[`Promise`,`prototype`,`then`],"%Promise_all%":[`Promise`,`all`],"%Promise_reject%":[`Promise`,`reject`],"%Promise_resolve%":[`Promise`,`resolve`],"%RangeErrorPrototype%":[`RangeError`,`prototype`],"%ReferenceErrorPrototype%":[`ReferenceError`,`prototype`],"%RegExpPrototype%":[`RegExp`,`prototype`],"%SetPrototype%":[`Set`,`prototype`],"%SharedArrayBufferPrototype%":[`SharedArrayBuffer`,`prototype`],"%StringPrototype%":[`String`,`prototype`],"%SymbolPrototype%":[`Symbol`,`prototype`],"%SyntaxErrorPrototype%":[`SyntaxError`,`prototype`],"%TypedArrayPrototype%":[`TypedArray`,`prototype`],"%TypeErrorPrototype%":[`TypeError`,`prototype`],"%Uint8ArrayPrototype%":[`Uint8Array`,`prototype`],"%Uint8ClampedArrayPrototype%":[`Uint8ClampedArray`,`prototype`],"%Uint16ArrayPrototype%":[`Uint16Array`,`prototype`],"%Uint32ArrayPrototype%":[`Uint32Array`,`prototype`],"%URIErrorPrototype%":[`URIError`,`prototype`],"%WeakMapPrototype%":[`WeakMap`,`prototype`],"%WeakSetPrototype%":[`WeakSet`,`prototype`]},T=rf(),de=ff(),fe=T.call(ae,Array.prototype.concat),pe=T.call(ie,Array.prototype.splice),me=T.call(ae,String.prototype.replace),he=T.call(ae,String.prototype.slice),E=T.call(ae,RegExp.prototype.exec),ge=/[^%.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|%$))/g,_e=/\\(\\)?/g,ve=function(e){var t=he(e,0,1),n=he(e,-1);if(t===`%`&&n!==`%`)throw new c("invalid intrinsic syntax, expected closing `%`");if(n===`%`&&t!==`%`)throw new c("invalid intrinsic syntax, expected opening `%`");var r=[];return me(e,ge,function(e,t,n,i){r[r.length]=n?me(i,_e,`$1`):t||e}),r},ye=function(e,t){var n=e,r;if(de(w,n)&&(r=w[n],n=`%`+r[0]+`%`),de(ce,n)){var i=ce[n];if(i===oe&&(i=ue(n)),typeof i>`u`&&!t)throw new l(`intrinsic `+e+` exists, but is not available. Please file an issue!`);return{alias:r,name:n,value:i}}throw new c(`intrinsic `+e+` does not exist!`)};t.exports=function(e,t){if(typeof e!=`string`||e.length===0)throw new l(`intrinsic name must be a non-empty string`);if(arguments.length>1&&typeof t!=`boolean`)throw new l(`"allowMissing" argument must be a boolean`);if(E(/^%?[^%]*%?$/,e)===null)throw new c("`%` may not be present anywhere but at the beginning and end of the intrinsic name");var n=ve(e),r=n.length>0?n[0]:``,i=ye(`%`+r+`%`,t),a=i.name,o=i.value,s=!1,u=i.alias;u&&(r=u[0],pe(n,fe([0,1],u)));for(var d=1,f=!0;d=n.length){var g=b(o,p);f=!!g,o=f&&`get`in g&&!(`originalValue`in g.get)?g.get:o[p]}else f=de(o,p),o=o[p];f&&!s&&(ce[a]=o)}}return o}}}),mf=Q({"node_modules/.pnpm/call-bound@1.0.4/node_modules/call-bound/index.js"(e,t){var n=pf(),r=lf(),i=r([n(`%String.prototype.indexOf%`)]);t.exports=function(e,t){var a=n(e,!!t);return typeof a==`function`&&i(e,`.prototype.`)>-1?r([a]):a}}}),hf=Q({"node_modules/.pnpm/has-tostringtag@1.0.2/node_modules/has-tostringtag/shams.js"(e,t){var n=Qd();t.exports=function(){return n()&&!!Symbol.toStringTag}}}),gf=Q({"node_modules/.pnpm/is-regex@1.2.1/node_modules/is-regex/index.js"(e,t){var n=mf(),r=hf()(),i=ff(),a=Xd(),o;r?(s=n(`RegExp.prototype.exec`),c={},l=function(){throw c},u={toString:l,valueOf:l},typeof Symbol.toPrimitive==`symbol`&&(u[Symbol.toPrimitive]=l),o=function(e){if(!e||typeof e!=`object`)return!1;var t=a(e,`lastIndex`);if(!(t&&i(t,`value`)))return!1;try{s(e,u)}catch(e){return e===c}}):(d=n(`Object.prototype.toString`),f=`[object RegExp]`,o=function(e){return!e||typeof e!=`object`&&typeof e!=`function`?!1:d(e)===f});var s,c,l,u,d,f;t.exports=o}}),_f=Q({"node_modules/.pnpm/is-function@1.0.2/node_modules/is-function/index.js"(e,t){t.exports=r;var n=Object.prototype.toString;function r(e){if(!e)return!1;var t=n.call(e);return t===`[object Function]`||typeof e==`function`&&t!==`[object RegExp]`||typeof window<`u`&&(e===window.setTimeout||e===window.alert||e===window.confirm||e===window.prompt)}}}),vf=Q({"node_modules/.pnpm/safe-regex-test@1.1.0/node_modules/safe-regex-test/index.js"(e,t){var n=mf(),r=gf(),i=n(`RegExp.prototype.exec`),a=zd();t.exports=function(e){if(!r(e))throw new a("`regex` must be a RegExp");return function(t){return i(e,t)!==null}}}}),yf=Q({"node_modules/.pnpm/is-symbol@1.1.1/node_modules/is-symbol/index.js"(e,t){var n=mf(),r=n(`Object.prototype.toString`),i=$d()(),a=vf();i?(o=n(`Symbol.prototype.toString`),s=a(/^Symbol\(.*\)$/),c=function(e){return typeof e.valueOf()==`symbol`?s(o(e)):!1},t.exports=function(e){if(typeof e==`symbol`)return!0;if(!e||typeof e!=`object`||r(e)!==`[object Symbol]`)return!1;try{return c(e)}catch{return!1}}):t.exports=function(e){return!1};var o,s,c}}),bf=jd(gf()),xf=jd(_f()),Sf=jd(yf()),Cf=typeof global==`object`&&global&&global.Object===Object&&global,wf=typeof self==`object`&&self&&self.Object===Object&&self,Tf=Cf||wf||Function(`return this`)(),Ef=Tf.Symbol,Df=Object.prototype,Of=Df.hasOwnProperty,kf=Df.toString,Af=Ef?Ef.toStringTag:void 0,jf=ei,Mf=Object.prototype.toString,Nf=ti,Pf=`[object Null]`,Ff=`[object Undefined]`,If=Ef?Ef.toStringTag:void 0,Lf=ni,Rf=Ef?Ef.prototype:void 0,Rf&&Rf.toString,zf=ri,Bf=`[object AsyncFunction]`,Vf=`[object Function]`,Hf=`[object GeneratorFunction]`,Uf=`[object Proxy]`,Wf=ii,Gf=Tf[`__core-js_shared__`],Kf=(function(){var e=/[^.]+$/.exec(Gf&&Gf.keys&&Gf.keys.IE_PROTO||``);return e?`Symbol(src)_1.`+e:``})(),qf=ai,Jf=Function.prototype.toString,Yf=oi,Xf=/[\\^$.*+?()[\]{}|]/g,Zf=/^\[object .+?Constructor\]$/,Qf=Function.prototype,$f=Object.prototype,ep=Qf.toString,tp=$f.hasOwnProperty,np=RegExp(`^`+ep.call(tp).replace(Xf,`\\$&`).replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,`$1.*?`)+`$`),rp=si,ip=ci,ap=li,op=ui,sp=ap(Object,`create`),cp=di,lp=fi,up=`__lodash_hash_undefined__`,dp=Object.prototype.hasOwnProperty,fp=pi,pp=Object.prototype.hasOwnProperty,mp=mi,hp=`__lodash_hash_undefined__`,gp=hi,gi.prototype.clear=cp,gi.prototype.delete=lp,gi.prototype.get=fp,gi.prototype.has=mp,gi.prototype.set=gp,_p=gi,vp=_i,yp=vi,bp=Array.prototype.splice,xp=yi,Sp=bi,Cp=xi,wp=Si,Ci.prototype.clear=vp,Ci.prototype.delete=xp,Ci.prototype.get=Sp,Ci.prototype.has=Cp,Ci.prototype.set=wp,Tp=Ci,Ep=ap(Tf,`Map`),Dp=wi,Op=Ti,kp=Ei,Ap=Di,jp=Oi,Mp=ki,Np=Ai,ji.prototype.clear=Dp,ji.prototype.delete=Ap,ji.prototype.get=jp,ji.prototype.has=Mp,ji.prototype.set=Np,Pp=ji,Fp=`Expected a function`,Mi.Cache=Pp,Ip=Mi,Lp=500,Rp=Ni,zp=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,Bp=/\\(\\)?/g,Rp(function(e){var t=[];return e.charCodeAt(0)===46&&t.push(``),e.replace(zp,function(e,n,r,i){t.push(r?i.replace(Bp,`$1`):n||e)}),t}),Vp=$r,Hp=/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(\.\d{3})?Z$/,Up=function(e){let t,n,r,i;return function(a,o){try{if(a===``)return i=[],t=new Map([[o,`[]`]]),n=new Map,r=[],o;let s=n.get(this)||this;for(;r.length&&s!==r[0];)r.shift(),i.pop();if(typeof o==`boolean`)return o;if(o===void 0)return e.allowUndefined?`_undefined_`:void 0;if(o===null)return null;if(typeof o==`number`)return o===-1/0?`_-Infinity_`:o===1/0?`_Infinity_`:Number.isNaN(o)?`_NaN_`:o;if(typeof o==`bigint`)return`_bigint_${o.toString()}`;if(typeof o==`string`)return Hp.test(o)?e.allowDate?`_date_${o}`:void 0:o;if((0,bf.default)(o))return e.allowRegExp?`_regexp_${o.flags}|${o.source}`:void 0;if((0,xf.default)(o))return;if((0,Sf.default)(o)){if(!e.allowSymbol)return;let t=Symbol.keyFor(o);return t===void 0?`_symbol_${o.toString().slice(7,-1)}`:`_gsymbol_${t}`}if(r.length>=e.maxDepth)return Array.isArray(o)?`[Array(${o.length})]`:`[Object]`;if(o===this)return`_duplicate_${JSON.stringify(i)}`;if(o instanceof Error&&e.allowError)return{__isConvertedError__:!0,errorProperties:{...o.cause?{cause:o.cause}:{},...o,name:o.name,message:o.message,stack:o.stack,"_constructor-name_":o.constructor.name}};if(o?.constructor?.name&&o.constructor.name!==`Object`&&!Array.isArray(o)){let e=t.get(o);if(!e){let e={__isClassInstance__:!0,__className__:o.constructor.name,...Object.getOwnPropertyNames(o).reduce((e,t)=>{try{e[t]=o[t]}catch{}return e},{})};return i.push(a),r.unshift(e),t.set(o,JSON.stringify(i)),o!==e&&n.set(o,e),e}return`_duplicate_${e}`}let c=t.get(o);if(!c){let e=Array.isArray(o)?o:Pi(o);return i.push(a),r.unshift(e),t.set(o,JSON.stringify(i)),o!==e&&n.set(o,e),e}return`_duplicate_${c}`}catch{return}}},Wp={maxDepth:10,space:void 0,allowRegExp:!0,allowDate:!0,allowError:!0,allowUndefined:!0,allowSymbol:!0},Gp=(e,t={})=>{let n={...Wp,...t};return JSON.stringify(Pi(e),Up(n),t.space)},Kp=(0,wa.createContext)({sources:{}}),qp=`--unknown--`,Jp=({children:e,channel:t})=>{let[n,r]=(0,wa.useState)({});return(0,wa.useEffect)(()=>{let e=(e,t=null,n=!1)=>{let{id:i,args:a=void 0,source:o,format:s}=typeof e==`string`?{id:e,source:t,format:n}:e,c=a?Fi(a):qp;r(e=>({...e,[i]:{...e[i],[c]:{code:o||``,format:s}}}))};return t.on(s,e),()=>t.off(s,e)},[]),wa.createElement(Kp.Provider,{value:{sources:n}},e)},Yp=(e,t,n)=>{let{sources:r}=n,i=r?.[e];return i?.[Fi(t)]||i?.[`--unknown--`]||{code:``}},Xp=({snippet:e,storyContext:t,typeFromProps:n,transformFromProps:r})=>{let i=t.parameters??{},{__isArgsStory:a}=i,o=i.docs?.source||{},s=n||o.type||l.AUTO,c=s===l.DYNAMIC||s===l.AUTO&&e&&a?e:o.originalSource||``,u=r??o.transform,d=u?Ii(c,u,t):c;return o.code===void 0?d:o.code},Zp=(e,t,n)=>{let{of:r}=e,i=(0,Ca.useMemo)(()=>{if(r)return t.resolveOf(r,[`story`]).story;try{return t.storyById()}catch{}},[t,r]),a=i?t.getStoryContext(i):{},o=e.__forceInitialArgs?a.initialArgs:a.unmappedArgs,s=i?Yp(i.id,o,n):null,c=Xp({snippet:s?s.code:``,storyContext:{...a,args:o},typeFromProps:e.type,transformFromProps:e.transform});if(`of`in e&&r===void 0)throw Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let l=i?.parameters?.docs?.source||{},u=e.format,d=e.language??l.language??`jsx`,f=e.dark??l.dark??!1;return!e.code&&!i?{error:`Oh no! The source is not available.`}:e.code?{code:e.code,format:u,language:d,dark:f}:(u=s?.format??!0,{code:c,format:u,language:d,dark:f})},Qp=e=>{let t=(0,Ca.useContext)(Kp),n=Zp(e,(0,Ca.useContext)(Du),t);return Ca.createElement(yn,{...n})},Au(`Source`,Qp),$p=e=>{let t=(0,Sa.useContext)(Du),n=(0,Sa.useContext)(Kp),{of:r,source:i}=e;if(`of`in e&&r===void 0)throw Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let{story:a}=Z(r||`story`,[`story`]),o=Zp({...i,...r&&{of:r}},t,n),s=e.layout??a.parameters.layout??a.parameters.docs?.canvas?.layout??`padded`,c=e.withToolbar??a.parameters.docs?.canvas?.withToolbar??!1,l=e.additionalActions??a.parameters.docs?.canvas?.additionalActions,u=e.sourceState??a.parameters.docs?.canvas?.sourceState??`hidden`,d=e.className??a.parameters.docs?.canvas?.className,f=e.story?.inline??a.parameters?.docs?.story?.inline??!1;return Sa.createElement(td,{withSource:u===`none`?void 0:o,isExpanded:u===`shown`,withToolbar:c,additionalActions:l,className:d,layout:s,inline:f},Sa.createElement(Pu,{of:r||a.moduleExport,meta:e.meta,...e.story}))},em=Au(`Canvas`,$p),{filterArgTypes:tm}=__STORYBOOK_MODULE_PREVIEW_API__,{RESET_STORY_ARGS:nm,STORY_ARGS_UPDATED:rm,UPDATE_STORY_ARGS:im}=__STORYBOOK_MODULE_CORE_EVENTS__,am=(e,t)=>{let n=om(e,t);if(!n)throw Error(`No result when story was defined`);return n},om=(e,t)=>{let n=e?t.getStoryContext(e):{args:{}},{id:r}=e||{id:`none`},[i,a]=(0,Da.useState)(n.args);(0,Da.useEffect)(()=>{let e=e=>{e.storyId===r&&a(e.args)};return t.channel.on(rm,e),()=>t.channel.off(rm,e)},[r,t.channel]);let o=(0,Da.useCallback)(e=>t.channel.emit(im,{storyId:r,updatedArgs:e}),[r,t.channel]),s=(0,Da.useCallback)(e=>t.channel.emit(nm,{storyId:r,argNames:e}),[r,t.channel]);return e&&[i,o,s]},{GLOBALS_UPDATED:sm}=__STORYBOOK_MODULE_CORE_EVENTS__,cm=(e,t)=>{let[n,r]=(0,Oa.useState)(t.getStoryContext(e).globals);return(0,Oa.useEffect)(()=>{let e=e=>{r(e.globals)};return t.channel.on(sm,e),()=>t.channel.off(sm,e)},[t.channel]),[n]},{Tag:lm}=__STORYBOOK_MODULE_PREVIEW_API__,um=()=>(0,ka.useContext)(Du).componentStories().find(e=>e.tags.includes(lm.AUTODOCS)),dm=e=>{let{of:t}=e,n=(0,Ea.useContext)(Du),r=um(),i=t?n.resolveOf(t,[`story`]).story:r;if(!i)return null;let{parameters:a,argTypes:o,component:s,subcomponents:c}=i,l=a.docs?.controls||{},u=e.include??l.include,d=e.exclude??l.exclude,f=e.sort??l.sort,[p,m,h]=am(i,n),[g]=cm(i,n),_=tm(o,u,d);if(!(c&&Object.keys(c||{}).length>0))return Object.keys(_).length>0||Object.keys(p).length>0?Ea.createElement(eu,{rows:_,sort:f,args:p,globals:g,updateArgs:m,resetArgs:h}):null;let v=Sd(s)||`Story`,y=Object.fromEntries(Object.entries(c||{}).map(([e,t])=>[e,{rows:tm(Li(t,a),u,d),sort:f}])),b={[v]:{rows:_,sort:f},...y};return Ea.createElement(rd,{tabs:b,sort:f,args:p,globals:g,updateArgs:m,resetArgs:h})},fm=Au(`Controls`,dm),{NAVIGATE_URL:pm}=__STORYBOOK_MODULE_CORE_EVENTS__,{document:mm}=globalThis,hm=({className:e,children:t,...n})=>{if(typeof e!=`string`&&(typeof t!=`string`||!t.match(/[\n\r]/g)))return Ma.createElement(Ae,null,t);let r=e&&e.split(`-`);return Ma.createElement(yn,{language:r&&r[1]||`text`,format:!1,code:t,...n})},gm=Le.a,_m=({hash:e,children:t})=>{let n=(0,Ma.useContext)(Du);return Ma.createElement(gm,{href:e,target:`_self`,onClick:t=>{let r=e.substring(1);mm.getElementById(r)&&Ri(n,e)}},t)},vm=e=>{let{href:t,target:n,children:r,...i}=e,a=(0,Ma.useContext)(Du);return!t||n===`_blank`||/^https?:\/\//.test(t)?Ma.createElement(gm,{...e}):t.startsWith(`#`)?Ma.createElement(_m,{hash:t},r):Ma.createElement(gm,{href:t,onClick:e=>{e.button===0&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey&&(e.preventDefault(),Ri(a,e.currentTarget.getAttribute(`href`)||``))},target:n,...i},r)},ym=[`h1`,`h2`,`h3`,`h4`,`h5`,`h6`],bm=ym.reduce((e,t)=>({...e,[t]:_(t)({"& svg":{position:`relative`,top:`-0.1em`,visibility:`hidden`},"&:hover svg":{visibility:`visible`}})}),{}),xm=_.a(()=>({float:`left`,lineHeight:`inherit`,paddingRight:`10px`,marginLeft:`-24px`,color:`inherit`})),Sm=({as:e,id:t,children:n,...r})=>{let i=(0,Ma.useContext)(Du),a=bm[e],o=`#${t}`;return Ma.createElement(a,{id:t,...r},Ma.createElement(xm,{"aria-hidden":`true`,href:o,tabIndex:-1,target:`_self`,onClick:e=>{mm.getElementById(t)&&Ri(i,o)}},Ma.createElement(de,null)),n)},Cm=e=>{let{as:t,id:n,children:r,...i}=e;if(n)return Ma.createElement(Sm,{as:t,id:n,...i},r);let a=t,{as:o,...s}=e;return Ma.createElement(a,{...pe(s,t)})},wm=ym.reduce((e,t)=>({...e,[t]:e=>Ma.createElement(Cm,{as:t,...e})}),{}),Tm=e=>{if(!e.children)return null;if(typeof e.children!=`string`)throw Error(o`The Markdown block only accepts children as a single string, but children were of type: '${typeof e.children}'
+ ${ln(.02,e.input.background)} 100%)`,borderRadius:6,boxShadow:`${e.base==`dark`?`hsl(0 0 100 / 0.4)`:`hsl(0 0 0 / 0.44)`} 0 0 0 1px inset`,cursor:i?`not-allowed`:`pointer`,height:6,width:`100%`},o={borderColor:Ct(e.color.secondary,.4)},s={width:16,height:16,borderRadius:50,cursor:i?`not-allowed`:`grab`,background:e.input.background,border:`1px solid ${e.base==`dark`?`hsl(0 0 100 / 0.4)`:`hsl(0 0 0 / 0.44)`}`,boxShadow:e.base===`light`?`0 1px 3px 0px ${Ct(e.appBorderColor,.2)}`:`unset`,transition:`all 150ms ease-out`},c={background:`${cn(.05,e.input.background)}`,transform:`scale3d(1.1, 1.1, 1.1) translateY(-1px)`,transition:`all 50ms ease-out`},l={background:`${e.input.background}`,transform:`scale3d(1, 1, 1) translateY(0px)`},u={borderColor:e.color.secondary,boxShadow:e.base===`light`?`0 0px 5px 0px ${e.color.secondary}`:`unset`};return{appearance:`none`,backgroundColor:`transparent`,width:`100%`,"&::-webkit-slider-runnable-track":a,"&::-moz-range-track":a,"&::-ms-track":{...a,color:`transparent`},"&::-moz-range-thumb":{...s,"&:hover":c,"&:active":l},"&::-webkit-slider-thumb":{...s,marginTop:`-6px`,appearance:`none`,"&:hover":c,"&:active":l},"&::-ms-thumb":{...s,marginTop:0,"&:hover":c,"&:active":l},"&:focus":{outline:`none`,"&::-webkit-slider-runnable-track":o,"&::-moz-range-track":o,"&::-ms-track":o,"&::-webkit-slider-thumb":u,"&::-moz-range-thumb":u,"&::-ms-thumb":u},"&::-ms-fill-lower":{borderRadius:6},"&::-ms-fill-upper":{borderRadius:6},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:`0`}}}}),Xc=_.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:`nowrap`,fontFeatureSettings:`tnum`,fontVariantNumeric:`tabular-nums`}),Zc=_(Xc)(({numberOFDecimalsPlaces:e,max:t})=>({width:`${e+t.toString().length*2+3}ch`,textAlign:`right`,flexShrink:0})),Qc=_.div(({readOnly:e})=>({display:`flex`,alignItems:`center`,width:`100%`,opacity:e?.5:1})),$c=({name:e,value:t,onChange:n,min:r=0,max:i=100,step:a=1,onBlur:o,onFocus:s,argType:c})=>{let l=e=>{n(Hs(e.target.value))},u=t!==void 0,d=(0,Xi.useMemo)(()=>ur(a),[a]),f=!!c?.table?.readonly,p=h(e);return Xi.createElement(Qc,{readOnly:f},Xi.createElement(`label`,{htmlFor:p,className:`sb-sr-only`},e),Xi.createElement(Xc,null,r),Xi.createElement(Yc,{id:p,type:`range`,disabled:f,onChange:l,name:e,min:r,max:i,step:a,onFocus:s,onBlur:o,value:t??r}),Xi.createElement(Zc,{numberOFDecimalsPlaces:d,max:i},u?t.toFixed(d):`--`,` / `,i))},el=_.label({display:`flex`}),tl=_.div(({isMaxed:e})=>({marginLeft:`0.75rem`,paddingTop:`0.35rem`,color:e?`red`:void 0})),nl=({name:e,value:t,onChange:n,onFocus:r,onBlur:i,maxLength:a,argType:o})=>{let s=e=>{n(e.target.value)},c=!!o?.table?.readonly,[l,u]=(0,Zi.useState)(!1),d=(0,Zi.useCallback)(()=>{n(``),u(!0)},[u]);if(t===void 0)return Zi.createElement(De,{ariaLabel:!1,variant:`outline`,size:`medium`,disabled:c,id:p(e),onClick:d},`Set string`);let f=typeof t==`string`;return Zi.createElement(el,null,Zi.createElement(Oe.Textarea,{id:h(e),maxLength:a,onChange:s,disabled:c,size:`flex`,placeholder:`Edit string...`,autoFocus:l,valid:f?void 0:`error`,name:e,value:f?t:``,onFocus:r,onBlur:i}),a&&Zi.createElement(tl,{isMaxed:t?.length===a},t?.length??0,` / `,a))},rl=_(Oe.Input)({padding:10}),il=({onChange:e,name:t,accept:n=`image/*`,value:r,argType:i})=>{let a=(0,Qi.useRef)(null),o=i?.control?.readOnly;function s(t){t.target.files&&(e(Array.from(t.target.files).map(e=>URL.createObjectURL(e))),dr(r||[]))}(0,Qi.useEffect)(()=>{r==null&&a.current&&(a.current.value=``)},[r,t]);let c=h(t);return Qi.createElement(Qi.Fragment,null,Qi.createElement(`label`,{htmlFor:c,className:`sb-sr-only`},t),Qi.createElement(rl,{ref:a,id:c,type:`file`,name:t,multiple:!0,disabled:o,onChange:s,accept:n,size:`flex`}))},al=(0,A.lazy)(()=>i(()=>import(`./Color-FRDS63T2-Qm5bW5d4.js`),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11]),import.meta.url)),ol=e=>A.createElement(A.Suspense,{fallback:A.createElement(`div`,null)},A.createElement(al,{...e})),sl={array:Jc,object:Jc,boolean:Ns,color:ol,date:Bs,number:Ws,check:pc,"inline-check":pc,radio:pc,"inline-radio":pc,select:pc,"multi-select":pc,range:$c,text:nl,file:il},cl=()=>k.createElement(k.Fragment,null,`-`),ll=({row:e,arg:t,updateArgs:n,isHovered:r})=>{let{key:i,control:a}=e,[o,s]=(0,k.useState)(!1),[c,l]=(0,k.useState)({value:t});(0,k.useEffect)(()=>{o||l({value:t})},[o,t]);let u=(0,k.useCallback)(e=>(l({value:e}),n({[i]:e}),e),[n,i]),d=(0,k.useCallback)(()=>s(!1),[]),f=(0,k.useCallback)(()=>s(!0),[]);if(!a||a.disable){let t=a?.disable!==!0&&e?.type?.name!==`function`;return r&&t?k.createElement(Te,{href:`https://storybook.js.org/docs/essentials/controls?ref=ui`,target:`_blank`,withArrow:!0},`Setup controls`):k.createElement(cl,null)}let p={name:i,argType:e,value:c.value,onChange:u,onBlur:d,onFocus:f},m=sl[a.type]||cl;return k.createElement(m,{...p,...a,controlType:a.type})},ul=_.table(({theme:e})=>({"&&":{borderCollapse:`collapse`,borderSpacing:0,border:`none`,tr:{border:`none !important`,background:`none`},"td, th":{padding:0,border:`none`,width:`auto!important`},marginTop:0,marginBottom:0,"th:first-of-type, td:first-of-type":{paddingLeft:0},"th:last-of-type, td:last-of-type":{paddingRight:0},td:{paddingTop:0,paddingBottom:4,"&:not(:first-of-type)":{paddingLeft:10,paddingRight:0}},tbody:{boxShadow:`none`,border:`none`},code:Pe({theme:e}),div:{span:{fontWeight:`bold`}},"& code":{margin:0,display:`inline-block`,fontSize:e.typography.size.s1}}})),H=({tags:e})=>{let t=(e.params||[]).filter(e=>e.description),n=t.length!==0,r=e.deprecated!=null,i=e.returns!=null&&e.returns.description!=null;return!n&&!i&&!r?null:$i.createElement($i.Fragment,null,$i.createElement(ul,null,$i.createElement(`tbody`,null,r&&$i.createElement(`tr`,{key:`deprecated`},$i.createElement(`td`,{colSpan:2},$i.createElement(`strong`,null,`Deprecated`),`: `,e.deprecated?.toString())),n&&t.map(e=>$i.createElement(`tr`,{key:e.name},$i.createElement(`td`,null,$i.createElement(`code`,null,e.name)),$i.createElement(`td`,null,e.description))),i&&$i.createElement(`tr`,{key:`returns`},$i.createElement(`td`,null,$i.createElement(`code`,null,`Returns`)),$i.createElement(`td`,null,e.returns?.description)))))},dl=8,fl=_.div(({isExpanded:e})=>({display:`flex`,flexDirection:e?`column`:`row`,flexWrap:`wrap`,alignItems:`flex-start`,marginBottom:`-4px`,minWidth:100})),pl=_.details({display:`flex`,flexDirection:`column`,summary:{order:2},"summary::-webkit-details-marker":{display:`none`},"summary::marker":{content:`none`}}),ml=_.div({display:`flex`,flexDirection:`column`,flexWrap:`wrap`,alignItems:`flex-start`}),hl=_.span(Pe,({theme:e,simple:t=!1})=>({flex:`0 0 auto`,fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,wordBreak:`break-word`,whiteSpace:`normal`,maxWidth:`100%`,margin:0,marginRight:`4px`,marginBottom:`4px`,paddingTop:`2px`,paddingBottom:`2px`,lineHeight:`13px`,...t&&{background:`transparent`,border:`0 none`,paddingLeft:0}})),gl=_.summary(({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,cursor:`pointer`,lineHeight:`normal`,margin:`0 0 4px`,padding:`1px 6px`,background:`none`,border:`none`})),_l=_.button(Pe,({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,fontSize:e.typography.size.s1,margin:0,whiteSpace:`nowrap`,display:`flex`,alignItems:`center`,cursor:`pointer`,"&:hover":{border:e.base===`light`?`1px solid hsl(0 0 0 / 0.15)`:`1px solid hsl(0 0 100 / 0.15)`},"&:focus-visible":{outline:`2px solid ${e.color.secondary}`,outlineOffset:`2px`}})),vl=_.div(({theme:e})=>({minWidth:200,maxWidth:800,paddingRight:16,fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,boxSizing:`content-box`,"& code":{padding:`0 !important`}})),yl=_(C)({marginLeft:4}),bl=_(we)({marginLeft:4}),xl=()=>F.createElement(`span`,null,`-`),Sl=({text:e,simple:t})=>F.createElement(hl,{simple:t},e),Cl=e=>e?fr(e.split(`|`).map(e=>e.trim())):[e],wl=e=>e.slice(0,dl).map(e=>F.createElement(Sl,{key:e,text:e===``?`""`:e})),Tl=e=>e.slice(dl).map(e=>F.createElement(Sl,{key:e,text:e===``?`""`:e})),El=({value:e,initialExpandedArgs:t})=>{let{summary:n,detail:r}=e,[i,a]=(0,F.useState)(!1),[o,s]=(0,F.useState)(t||!1);if(n==null)return null;let c=typeof n.toString==`function`?n.toString():n;if(r==null){if(/[(){}[\]<>]/.test(c))return F.createElement(Sl,{text:c});let e=Cl(c),t=e.length;return t>dl?F.createElement(fl,{isExpanded:o},wl(e),F.createElement(pl,{open:o,onToggle:e=>s(e.currentTarget.open)},F.createElement(ml,null,Tl(e)),F.createElement(gl,{role:`button`},o?`Show less...`:`Show ${t-dl} more...`))):F.createElement(fl,null,wl(e))}return F.createElement(ve,{ariaLabel:`Arg value details`,placement:`bottom`,visible:i,onVisibleChange:e=>{a(e)},hasCloseButton:!0,popover:F.createElement(vl,null,F.createElement(ke,{language:`jsx`,format:!1},r))},F.createElement(_l,{className:`sbdocs-expandable`},F.createElement(`span`,null,c),i?F.createElement(yl,null):F.createElement(bl,null)))},Dl=({value:e,initialExpandedArgs:t})=>e==null?F.createElement(xl,null):F.createElement(El,{value:e,initialExpandedArgs:t}),Ol=_.span({fontWeight:`bold`}),kl=_.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:`help`})),Al=_.div(({theme:e})=>({"&&":{p:{margin:`0 0 10px 0`},a:{color:e.color.secondary}},code:{...Pe({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:`inline-block`},"& pre > code":{whiteSpace:`pre-wrap`}})),jl=_.div(({theme:e,hasDescription:t})=>({color:e.base===`light`?fn(.1,e.color.defaultText):fn(.2,e.color.defaultText),marginTop:t?4:0})),Ml=_.div(({theme:e,hasDescription:t})=>({color:e.base===`light`?fn(.1,e.color.defaultText):fn(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),Nl=_.td(({expandable:e})=>({paddingLeft:e?`40px !important`:`20px !important`})),Pl=e=>e&&{summary:typeof e==`string`?e:e.name},Fl=e=>{let[t,n]=(0,Vi.useState)(!1),{row:r,updateArgs:i,compact:a,expandable:o,initialExpandedArgs:s}=e,{name:c,description:l}=r,u=r.table||{},d=u.type||Pl(r.type),f=u.defaultValue||r.defaultValue,p=r.type?.required,m=l!=null&&l!==``;return Vi.createElement(`tr`,{onMouseEnter:()=>n(!0),onMouseLeave:()=>n(!1)},Vi.createElement(Nl,{expandable:o??!1},Vi.createElement(Ol,null,c),p?Vi.createElement(kl,{title:`Required`},`*`):null),a?null:Vi.createElement(`td`,null,m&&Vi.createElement(Al,null,Vi.createElement(As,null,l)),u.jsDocTags==null?Vi.createElement(jl,{hasDescription:m},Vi.createElement(Dl,{value:d,initialExpandedArgs:s})):Vi.createElement(Vi.Fragment,null,Vi.createElement(Ml,{hasDescription:m},Vi.createElement(Dl,{value:d,initialExpandedArgs:s})),Vi.createElement(H,{tags:u.jsDocTags}))),a?null:Vi.createElement(`td`,null,Vi.createElement(Dl,{value:f,initialExpandedArgs:s})),i?Vi.createElement(`td`,null,Vi.createElement(ll,{...e,isHovered:t})):null)},Il=_.div(({inAddonPanel:e,theme:t})=>({height:e?`100%`:`auto`,display:`flex`,border:e?`none`:`1px solid ${t.appBorderColor}`,borderRadius:e?0:t.appBorderRadius,padding:e?0:40,alignItems:`center`,justifyContent:`center`,flexDirection:`column`,gap:15,background:t.background.content})),Ll=_.div(({theme:e})=>({display:`flex`,fontSize:e.typography.size.s2-1,gap:25})),Rl=({inAddonPanel:e})=>{let[t,n]=(0,ea.useState)(!0);return(0,ea.useEffect)(()=>{let e=setTimeout(()=>{n(!1)},100);return()=>clearTimeout(e)},[]),t?null:ea.createElement(Il,{inAddonPanel:e},ea.createElement(Se,{title:e?`Interactive story playground`:`Args table with interactive controls couldn't be auto-generated`,description:ea.createElement(ea.Fragment,null,`Controls give you an easy to use interface to test your components. Set your story args and you'll see controls appearing here automatically.`),footer:ea.createElement(Ll,null,e&&ea.createElement(ea.Fragment,null,ea.createElement(Te,{href:`https://storybook.js.org/docs/essentials/controls?ref=ui`,target:`_blank`,withArrow:!0},ea.createElement(ue,null),` Read docs`)),!e&&ea.createElement(Te,{href:`https://storybook.js.org/docs/essentials/controls?ref=ui`,target:`_blank`,withArrow:!0},ea.createElement(ue,null),` Learn how to set that up`))}))},zl=_(ie)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base===`light`?fn(.25,e.color.defaultText):fn(.3,e.color.defaultText),border:`none`,display:`inline-block`})),Bl=_(T)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base===`light`?fn(.25,e.color.defaultText):fn(.3,e.color.defaultText),border:`none`,display:`inline-block`})),Vl=_.span(({theme:e})=>({display:`flex`,lineHeight:`20px`,alignItems:`center`})),U=_.td(({theme:e})=>({position:`relative`,letterSpacing:`0.35em`,textTransform:`uppercase`,fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s1-1,color:e.base===`light`?fn(.4,e.color.defaultText):fn(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),W=_.td(({theme:e})=>({position:`relative`,fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),G=_.td({position:`relative`}),K=_.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${ln(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:`row-resize`}})),q=_.button({background:`none`,border:`none`,padding:`0`,font:`inherit`,position:`absolute`,top:0,bottom:0,left:0,right:0,height:`100%`,width:`100%`,color:`transparent`,cursor:`row-resize !important`}),Hl=({level:e=`section`,label:t,children:n,initialExpanded:r=!0,colSpan:i=3})=>{let[a,o]=(0,ta.useState)(r),s=e===`subsection`?W:U,c=n?.length||0,l=e===`subsection`?`${c} item${c===1?``:`s`}`:``,u=`${a?`Hide`:`Show`} ${e===`subsection`?c:t} item${c===1?``:`s`}`;return ta.createElement(ta.Fragment,null,ta.createElement(K,{title:u},ta.createElement(s,{colSpan:1},ta.createElement(q,{onClick:e=>o(!a),tabIndex:0},u),ta.createElement(Vl,null,a?ta.createElement(zl,null):ta.createElement(Bl,null),t)),ta.createElement(G,{colSpan:i-1},ta.createElement(q,{onClick:e=>o(!a),tabIndex:-1,style:{outline:`none`}},u),a?null:l)),a?n:null)},Ul=_.div(({theme:e})=>({width:`100%`,borderSpacing:0,color:e.color.defaultText})),Wl=_.div(({theme:e})=>({display:`flex`,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),Gl=_.div(({position:e,theme:t})=>{let n={display:`flex`,flexDirection:`column`,gap:5,padding:`10px 15px`,alignItems:`flex-start`};switch(e){case`first`:return{...n,width:`25%`,paddingLeft:20};case`second`:return{...n,width:`35%`};case`third`:return{...n,width:`15%`};case`last`:return{...n,width:`25%`,paddingRight:20}}}),J=_.div(({theme:e,width:t,height:n})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,width:t||`100%`,height:n||16,borderRadius:3})),Kl=()=>I.createElement(Ul,null,I.createElement(Wl,null,I.createElement(Gl,{position:`first`},I.createElement(J,{width:`60%`})),I.createElement(Gl,{position:`second`},I.createElement(J,{width:`30%`})),I.createElement(Gl,{position:`third`},I.createElement(J,{width:`60%`})),I.createElement(Gl,{position:`last`},I.createElement(J,{width:`60%`}))),I.createElement(Wl,null,I.createElement(Gl,{position:`first`},I.createElement(J,{width:`60%`})),I.createElement(Gl,{position:`second`},I.createElement(J,{width:`80%`}),I.createElement(J,{width:`30%`})),I.createElement(Gl,{position:`third`},I.createElement(J,{width:`60%`})),I.createElement(Gl,{position:`last`},I.createElement(J,{width:`60%`}))),I.createElement(Wl,null,I.createElement(Gl,{position:`first`},I.createElement(J,{width:`60%`})),I.createElement(Gl,{position:`second`},I.createElement(J,{width:`80%`}),I.createElement(J,{width:`30%`})),I.createElement(Gl,{position:`third`},I.createElement(J,{width:`60%`})),I.createElement(Gl,{position:`last`},I.createElement(J,{width:`60%`}))),I.createElement(Wl,null,I.createElement(Gl,{position:`first`},I.createElement(J,{width:`60%`})),I.createElement(Gl,{position:`second`},I.createElement(J,{width:`80%`}),I.createElement(J,{width:`30%`})),I.createElement(Gl,{position:`third`},I.createElement(J,{width:`60%`})),I.createElement(Gl,{position:`last`},I.createElement(J,{width:`60%`})))),ql=_.table(({theme:e,compact:t,inAddonPanel:n,inTabPanel:r})=>({"&&":{borderSpacing:0,color:e.color.defaultText,"td, th":{padding:0,border:`none`,verticalAlign:`top`,textOverflow:`ellipsis`},fontSize:e.typography.size.s2-1,lineHeight:`19px`,textAlign:`left`,width:`100%`,marginTop:n?0:25,marginBottom:n?0:40,"thead th:first-of-type, td:first-of-type":{width:`25%`},"th:first-of-type, td:first-of-type":{paddingLeft:20},"th:nth-of-type(2), td:nth-of-type(2)":{...t?null:{width:`35%`}},"td:nth-of-type(3)":{...t?null:{width:`15%`}},"th:last-of-type, td:last-of-type":{paddingRight:20,...t?null:{width:`25%`}},th:{color:e.textMutedColor,paddingTop:10,paddingBottom:10,paddingLeft:15,paddingRight:15},td:{paddingTop:`10px`,paddingBottom:`10px`,"&:not(:first-of-type)":{paddingLeft:15,paddingRight:15},"&:last-of-type":{paddingRight:20}},marginInline:n||r?0:1,paddingInline:r?3:0,tbody:{...n?null:{filter:e.base===`light`?`drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.10))`:`drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.20))`},"> tr > *":{background:e.background.content,borderTop:`1px solid ${e.appBorderColor}`},...n?null:{"> tr:first-of-type > *":{borderBlockStart:`1px solid ${e.appBorderColor}`},"> tr:last-of-type > *":{borderBlockEnd:`1px solid ${e.appBorderColor}`},"> tr > *:first-of-type":{borderInlineStart:`1px solid ${e.appBorderColor}`},"> tr > *:last-of-type":{borderInlineEnd:`1px solid ${e.appBorderColor}`},"> tr:first-of-type > td:first-of-type":{borderTopLeftRadius:e.appBorderRadius},"> tr:first-of-type > td:last-of-type":{borderTopRightRadius:e.appBorderRadius},"> tr:last-of-type > td:first-of-type":{borderBottomLeftRadius:e.appBorderRadius},"> tr:last-of-type > td:last-of-type":{borderBottomRightRadius:e.appBorderRadius}}}}})),Jl=_.div({position:`relative`}),Yl=_.div({position:`absolute`,right:22,top:10}),Xl=_(De)({margin:`-4px -12px -4px 0`}),Zl={alpha:(e,t)=>(e.name??``).localeCompare(t.name??``),requiredFirst:(e,t)=>!!t.type?.required-+!!e.type?.required||(e.name??``).localeCompare(t.name??``),none:null},Ql=(e,t)=>{let n={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return n;Object.entries(e).forEach(([e,t])=>{let{category:r,subcategory:i}=t?.table||{};if(r){let a=n.sections[r]||{ungrouped:[],subsections:{}};if(!i)a.ungrouped.push({key:e,...t});else{let n=a.subsections[i]||[];n.push({key:e,...t}),a.subsections[i]=n}n.sections[r]=a}else if(i){let r=n.ungroupedSubsections[i]||[];r.push({key:e,...t}),n.ungroupedSubsections[i]=r}else n.ungrouped.push({key:e,...t})});let r=Zl[t],i=e=>r?Object.keys(e).reduce((t,n)=>({...t,[n]:e[n].sort(r)}),{}):e;return{ungrouped:r?n.ungrouped.sort(r):n.ungrouped,ungroupedSubsections:i(n.ungroupedSubsections),sections:Object.keys(n.sections).reduce((e,t)=>({...e,[t]:{ungrouped:r?n.sections[t].ungrouped.sort(r):n.sections[t].ungrouped,subsections:i(n.sections[t].subsections)}}),{})}},$l=(e,t,n)=>{try{return Fe(e,t,n)}catch(e){return Ga.warn(e.message),!1}},eu=e=>{let{updateArgs:t,resetArgs:n,compact:r,inAddonPanel:i,inTabPanel:a,initialExpandedArgs:o,sort:s=`none`,isLoading:c}=e;if(`error`in e){let{error:t}=e;return O.createElement(mn,null,t,`\xA0`,O.createElement(Te,{href:`http://storybook.js.org/docs/?ref=ui`,target:`_blank`,withArrow:!0},O.createElement(ue,null),` Read the docs`))}if(c)return O.createElement(Kl,null);let{rows:l,args:u,globals:d}=`rows`in e?e:{rows:void 0,args:void 0,globals:void 0},f=Ql(kn(l||{},e=>!e?.table?.disable&&$l(e,u||{},d||{})),s),p=f.ungrouped.length===0,m=Object.entries(f.sections).length===0,h=Object.entries(f.ungroupedSubsections).length===0;if(p&&m&&h)return O.createElement(Rl,{inAddonPanel:i});let g=1;t&&(g+=1),r||(g+=2);let _=Object.keys(f.sections).length>0,v={updateArgs:t,compact:r,inAddonPanel:i,initialExpandedArgs:o};return O.createElement(ye,null,O.createElement(Jl,null,t&&!c&&n&&O.createElement(Yl,null,O.createElement(Xl,{variant:`ghost`,padding:`small`,onClick:()=>n(),ariaLabel:`Reset controls`},O.createElement(fe,null))),O.createElement(ql,{compact:r,inAddonPanel:i,inTabPanel:a,className:`docblock-argstable sb-unstyled`},O.createElement(`thead`,{className:`docblock-argstable-head`},O.createElement(`tr`,null,O.createElement(`th`,null,O.createElement(`span`,null,`Name`)),r?null:O.createElement(`th`,null,O.createElement(`span`,null,`Description`)),r?null:O.createElement(`th`,null,O.createElement(`span`,null,`Default`)),t?O.createElement(`th`,null,O.createElement(`span`,null,`Control`)):null)),O.createElement(`tbody`,{className:`docblock-argstable-body`},f.ungrouped.map(e=>O.createElement(Fl,{key:e.key,row:e,arg:u&&u[e.key],...v})),Object.entries(f.ungroupedSubsections).map(([e,t])=>O.createElement(Hl,{key:e,label:e,level:`subsection`,colSpan:g},t.map(e=>O.createElement(Fl,{key:e.key,row:e,arg:u&&u[e.key],expandable:_,...v})))),Object.entries(f.sections).map(([e,t])=>O.createElement(Hl,{key:e,label:e,level:`section`,colSpan:g},t.ungrouped.map(e=>O.createElement(Fl,{key:e.key,row:e,arg:u&&u[e.key],...v})),Object.entries(t.subsections).map(([e,t])=>O.createElement(Hl,{key:e,label:e,level:`subsection`,colSpan:g},t.map(e=>O.createElement(Fl,{key:e.key,row:e,arg:u&&u[e.key],expandable:_,...v}))))))))))},tu=e=>`& :where(${e}:not(.sb-anchor, .sb-unstyled, .sb-unstyled ${e}))`,nu=600,ru=_.h1(({theme:e})=>({...re({theme:e}),color:e.color.defaultText,fontSize:e.typography.size.m3,fontWeight:e.typography.weight.bold,lineHeight:`32px`,[`@media (min-width: ${nu}px)`]:{fontSize:e.typography.size.l1,lineHeight:`36px`,marginBottom:`16px`}})),iu=_.h2(({theme:e})=>({...re({theme:e}),fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s3,lineHeight:`20px`,borderBottom:`none`,marginBottom:15,[`@media (min-width: ${nu}px)`]:{fontSize:e.typography.size.m1,lineHeight:`28px`,marginBottom:24},color:fn(.25,e.color.defaultText)})),au=_.div(({theme:e})=>{let t={fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s3,margin:0,WebkitFontSmoothing:`antialiased`,MozOsxFontSmoothing:`grayscale`,WebkitTapHighlightColor:`rgba(0, 0, 0, 0)`,WebkitOverflowScrolling:`touch`},n={margin:`20px 0 8px`,padding:0,cursor:`text`,position:`relative`,color:e.color.defaultText,"&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:`none`},"& code":{fontSize:`inherit`}},r={lineHeight:1,margin:`0 2px`,padding:`3px 5px`,whiteSpace:`nowrap`,borderRadius:3,fontSize:e.typography.size.s2-1,border:e.base===`light`?`1px solid ${e.color.mediumlight}`:`1px solid ${e.color.darker}`,color:e.base===`light`?fn(.1,e.color.defaultText):fn(.3,e.color.defaultText),backgroundColor:e.base===`light`?e.color.lighter:e.color.border};return{maxWidth:1e3,width:`100%`,minWidth:0,[tu(`a`)]:{...t,fontSize:`inherit`,lineHeight:`24px`,color:e.color.secondary,textDecoration:`underline`,textDecorationThickness:`0.03125rem`,textUnderlineOffset:`0.11em`,"&.absent":{color:`#cc0000`},"&.anchor":{display:`block`,paddingLeft:30,marginLeft:-30,cursor:`pointer`,position:`absolute`,top:0,left:0,bottom:0,textDecoration:`none`},"&.anchor:hover, &.anchor:focus":{textDecoration:`underline`}},[tu(`blockquote`)]:{...t,margin:`16px 0`,borderLeft:`4px solid ${e.color.medium}`,padding:`0 15px`,color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},[tu(`div`)]:t,[tu(`dl`)]:{...t,margin:`16px 0`,padding:0,"& dt":{fontSize:`14px`,fontWeight:`bold`,fontStyle:`italic`,padding:0,margin:`16px 0 4px`},"& dt:first-of-type":{padding:0},"& dt > :first-of-type":{marginTop:0},"& dt > :last-child":{marginBottom:0},"& dd":{margin:`0 0 16px`,padding:`0 15px`},"& dd > :first-of-type":{marginTop:0},"& dd > :last-child":{marginBottom:0}},[tu(`h1`)]:{...t,...n,fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},[tu(`h2`)]:{...t,...n,fontSize:`${e.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${e.appBorderColor}`},[tu(`h3`)]:{...t,...n,fontSize:`${e.typography.size.m1}px`,fontWeight:e.typography.weight.bold},[tu(`h4`)]:{...t,...n,fontSize:`${e.typography.size.s3}px`},[tu(`h5`)]:{...t,...n,fontSize:`${e.typography.size.s2}px`},[tu(`h6`)]:{...t,...n,fontSize:`${e.typography.size.s2}px`,color:e.color.dark},[tu(`hr`)]:{border:`0 none`,borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0},[tu(`img`)]:{maxWidth:`100%`},[tu(`li`)]:{...t,fontSize:e.typography.size.s2,color:e.color.defaultText,lineHeight:`24px`,"& + li":{marginTop:`.25em`},"& ul, & ol":{marginTop:`.25em`,marginBottom:0},"& code":r},[tu(`ol`)]:{...t,margin:`16px 0`,paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},[tu(`p`)]:{...t,margin:`16px 0`,fontSize:e.typography.size.s2,lineHeight:`24px`,color:e.color.defaultText,"& code":r},[tu(`pre`)]:{...t,fontFamily:e.typography.fonts.mono,WebkitFontSmoothing:`antialiased`,MozOsxFontSmoothing:`grayscale`,lineHeight:`18px`,padding:`11px 1rem`,whiteSpace:`pre-wrap`,color:`inherit`,borderRadius:3,margin:`1rem 0`,"&:not(.prismjs)":{background:`transparent`,border:`none`,borderRadius:0,padding:0,margin:0},"& pre, &.prismjs":{padding:15,margin:0,whiteSpace:`pre-wrap`,color:`inherit`,fontSize:`13px`,lineHeight:`19px`,code:{color:`inherit`,fontSize:`inherit`}},"& code":{whiteSpace:`pre`},"& code, & tt":{border:`none`}},[tu(`span`)]:{...t,"&.frame":{display:`block`,overflow:`hidden`,"& > span":{border:`1px solid ${e.color.medium}`,display:`block`,float:`left`,overflow:`hidden`,margin:`13px 0 0`,padding:7,width:`auto`},"& span img":{display:`block`,float:`left`},"& span span":{clear:`both`,color:e.color.darkest,display:`block`,padding:`5px 0 0`}},"&.align-center":{display:`block`,overflow:`hidden`,clear:`both`,"& > span":{display:`block`,overflow:`hidden`,margin:`13px auto 0`,textAlign:`center`},"& span img":{margin:`0 auto`,textAlign:`center`}},"&.align-right":{display:`block`,overflow:`hidden`,clear:`both`,"& > span":{display:`block`,overflow:`hidden`,margin:`13px 0 0`,textAlign:`right`},"& span img":{margin:0,textAlign:`right`}},"&.float-left":{display:`block`,marginRight:13,overflow:`hidden`,float:`left`,"& span":{margin:`13px 0 0`}},"&.float-right":{display:`block`,marginLeft:13,overflow:`hidden`,float:`right`,"& > span":{display:`block`,overflow:`hidden`,margin:`13px auto 0`,textAlign:`right`}}},[tu(`table`)]:{...t,margin:`16px 0`,fontSize:e.typography.size.s2,lineHeight:`24px`,padding:0,borderCollapse:`collapse`,"& tr":{borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:e.appContentBg,margin:0,padding:0},"& tr:nth-of-type(2n)":{backgroundColor:e.base===`dark`?e.color.darker:e.color.lighter},"& tr th":{fontWeight:`bold`,color:e.color.defaultText,border:`1px solid ${e.appBorderColor}`,margin:0,padding:`6px 13px`},"& tr td":{border:`1px solid ${e.appBorderColor}`,color:e.color.defaultText,margin:0,padding:`6px 13px`},"& tr th :first-of-type, & tr td :first-of-type":{marginTop:0},"& tr th :last-child, & tr td :last-child":{marginBottom:0}},[tu(`ul`)]:{...t,margin:`16px 0`,paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0},listStyle:`disc`}}}),ou=_.div(({theme:e})=>({background:e.background.content,display:`flex`,flexDirection:`row-reverse`,justifyContent:`center`,padding:`4rem 20px`,minHeight:`100vh`,boxSizing:`border-box`,gap:`3rem`,[`@media (min-width: ${nu}px)`]:{}})),su=({children:e,toc:t})=>na.createElement(ou,{className:`sbdocs sbdocs-wrapper`},t,na.createElement(au,{className:`sbdocs sbdocs-content`},e)),{logger:cu}=__STORYBOOK_MODULE_CLIENT_LOGGER__,lu=typeof document<`u`?ra.useLayoutEffect:()=>{},uu={prefix:String(Math.round(Math.random()*1e10)),current:0},du=aa.createContext(uu),fu=aa.createContext(!1),typeof window<`u`&&window.document&&window.document.createElement,pu=new WeakMap,mu=typeof aa.useId==`function`?hr:mr,hu=!!(typeof window<`u`&&window.document&&window.document.createElement),gu=new Map,typeof FinalizationRegistry<`u`&&(_u=new FinalizationRegistry(e=>{gu.delete(e)})),vu=null,yu=Dr(function(){return Er(/^Mac/i)}),bu=Dr(function(){return Er(/^iPad/i)||yu()&&navigator.maxTouchPoints>1}),xu=Dr(function(){return Tr(/AppleWebKit/i)&&!Su()}),Su=Dr(function(){return Tr(/Chrome/i)}),Cu=Dr(function(){return Tr(/Firefox/i)}),(0,oa.createContext)({isNative:!0,open:Ar,useHref:e=>e}),Or.isOpening=!1,wu=new Map,Tu=new Set,typeof document<`u`&&(document.readyState===`loading`?document.addEventListener(`DOMContentLoaded`,jr):jr()),sa.useInsertionEffect,typeof document<`u`&&window.visualViewport,typeof Element<`u`&&`checkVisibility`in Element.prototype,Eu=[`input:not([disabled]):not([type=hidden])`,`select:not([disabled])`,`textarea:not([disabled])`,`button:not([disabled])`,`a[href]`,`area[href]`,`summary`,`iframe`,`object`,`embed`,`audio[controls]`,`video[controls]`,`[contenteditable]:not([contenteditable^="false"])`,`permission`],Eu.join(`:not([hidden]),`)+``,Eu.push(`[tabindex]:not([tabindex="-1"]):not([disabled])`),Eu.join(`:not([hidden]):not([tabindex="-1"]),`),typeof document<`u`&&(ca.useInsertionEffect??ca.useLayoutEffect),globalThis&&globalThis.__DOCS_CONTEXT__===void 0&&(globalThis.__DOCS_CONTEXT__=(0,la.createContext)(null),globalThis.__DOCS_CONTEXT__.displayName=`DocsContext`),Du=globalThis?globalThis.__DOCS_CONTEXT__:(0,la.createContext)(null),Ou=Symbol(`mdxWrappedBlock`),ku=fa.createContext(null),Au=(e,t)=>{let n=r=>{let i=fa.useContext(ku),a=d()[e];if(i?.has(e)||a===n)return fa.createElement(t,{...r});if(a){let t=new Set(i??[]);return t.add(e),fa.createElement(ku.Provider,{value:t},fa.createElement(a,{...r}))}return fa.createElement(t,{...r})};return n.displayName=e,n[Ou]=!0,n},ju=(e,t)=>{let{of:n,meta:r}=e;if(`of`in e&&n===void 0)throw Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");return r&&t.referenceMeta(r,!1),t.resolveOf(n||`story`,[`story`]).story.id},Mu=(e,t,n)=>{let{parameters:r={}}=t||{},{docs:i={}}=r,a=i.story||{};return i.disable?null:e.inline??a.inline??!1?{story:t,inline:!0,height:e.height??a.height,autoplay:e.autoplay??a.autoplay??!1,forceInitialArgs:!!e.__forceInitialArgs,primary:!!e.__primary,renderStoryToElement:n.renderStoryToElement}:{story:t,inline:!1,height:e.height??a.height??a.iframeHeight??`100px`,primary:!!e.__primary}},Nu=(e={__forceInitialArgs:!1,__primary:!1})=>{let t=(0,ua.useContext)(Du),n=Mr(ju(e,t),t);if(!n)return ua.createElement(Gu,null);let r=Mu(e,n,t);return r?ua.createElement(Wu,{...r}):null},Pu=Au(`Story`,Nu),Fu=e=>({borderRadius:e.appBorderRadius,background:e.background.content,boxShadow:e.base===`light`?`rgba(0, 0, 0, 0.10) 0 1px 3px 0`:`rgba(0, 0, 0, 0.20) 0 2px 5px 0`,border:`1px solid ${e.appBorderColor}`}),Iu=(e,t={})=>{let[n,r]=(globalThis.PREVIEW_URL||`iframe.html`).split(`?`),i=new URLSearchParams(r||``);return Object.entries(t).forEach(([e,t])=>{i.set(e,t)}),i.set(`id`,e),`${n}?${i.toString()}`},{window:Lu}=globalThis,Ru=class extends ma.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{id:e}=this.props;this.iframe=Lu.document.getElementById(e)}shouldComponentUpdate(e){let{scale:t}=e;return t!==this.props.scale&&this.setIframeBodyStyle({width:`${t*100}%`,height:`${t*100}%`,transform:`scale(${1/t})`,transformOrigin:`top left`}),!1}setIframeBodyStyle(e){return Object.assign(this.iframe.contentDocument.body.style,e)}render(){let{id:e,title:t,src:n,allowFullScreen:r,scale:i,...a}=this.props;return ma.createElement(`iframe`,{id:e,title:t,src:n,...r?{allow:`fullscreen`}:{},loading:`lazy`,...a})}},zu=(0,ha.createContext)({scale:1}),Bu=({story:e,primary:t})=>`story--${e.id}${t?`--primary`:``}`,Vu=e=>{let t=(0,pa.useRef)(),[n,r]=(0,pa.useState)(!0),[i,a]=(0,pa.useState)(),{story:o,height:s,autoplay:c,forceInitialArgs:l,renderStoryToElement:u}=e;return(0,pa.useEffect)(()=>{if(!(o&&t.current))return()=>{};let e=t.current,n=u(o,e,{showMain:()=>{},showError:({title:e,description:t})=>a(Error(`${e} - ${t}`)),showException:e=>a(e)},{autoplay:c,forceInitialArgs:l});return r(!1),()=>{Promise.resolve().then(()=>n())}},[c,u,o]),i?pa.createElement(`pre`,null,pa.createElement(ge,{error:i})):pa.createElement(pa.Fragment,null,s?pa.createElement(`style`,null,`#${Bu(e)} { min-height: ${s}; transform: translateZ(0); overflow: auto }`):null,n&&pa.createElement(Gu,null),pa.createElement(`div`,{ref:t,id:`${Bu(e)}-inner`,"data-name":o.name}))},Hu=({story:e,height:t=`500px`})=>pa.createElement(`div`,{style:{width:`100%`,height:t}},pa.createElement(zu.Consumer,null,({scale:t})=>pa.createElement(Ru,{key:`iframe`,id:`iframe--${e.id}`,title:e.name,src:Iu(e.id,{viewMode:`story`}),allowFullScreen:!0,scale:t,style:{width:`100%`,height:`100%`,border:`0 none`}}))),Uu=_.strong(({theme:e})=>({color:e.color.orange})),Wu=e=>{let{inline:t,story:n}=e;return t&&!e.autoplay&&n.usesMount?pa.createElement(Uu,null,`This story mounts inside of play. Set`,` `,pa.createElement(`a`,{href:`https://storybook.js.org/docs/api/doc-blocks/doc-block-story?ref=ui#autoplay`},`autoplay`),` `,`to true to view this story.`):pa.createElement(`div`,{id:Bu(e),className:`sb-story sb-unstyled`,"data-story-block":`true`},t?pa.createElement(Vu,{...e}):pa.createElement(Hu,{...e}))},Gu=()=>pa.createElement(Ne,null),Ku=_(be)({position:`absolute`,left:0,right:0,top:0,transition:`transform .2s linear`,display:`flex`,alignItems:`center`}),Y=_.div({display:`flex`,alignItems:`center`,gap:4}),qu=_.div(({theme:e})=>({width:14,height:14,borderRadius:2,margin:`0 7px`,backgroundColor:e.appBorderColor,animation:`${e.animation.glow} 1.5s ease-in-out infinite`})),Ju=({isLoading:e,storyId:t,zoom:n,resetZoom:r,...i})=>ga.createElement(Ku,{innerStyle:{gap:4,paddingInline:7,justifyContent:`space-between`},...i},ga.createElement(Y,{key:`left`},e?[1,2,3].map(e=>ga.createElement(qu,{key:e})):ga.createElement(ga.Fragment,null,ga.createElement(De,{padding:`small`,variant:`ghost`,key:`zoomin`,onClick:e=>{e.preventDefault(),n(.8)},ariaLabel:`Zoom in`},ga.createElement(Re,null)),ga.createElement(De,{padding:`small`,variant:`ghost`,key:`zoomout`,onClick:e=>{e.preventDefault(),n(1.25)},ariaLabel:`Zoom out`},ga.createElement(ne,null)),ga.createElement(De,{padding:`small`,variant:`ghost`,key:`zoomreset`,onClick:e=>{e.preventDefault(),r()},ariaLabel:`Reset zoom`},ga.createElement(he,null)))),e?ga.createElement(Y,{key:`right`},ga.createElement(qu,null)):t&&ga.createElement(Y,{key:`right`},ga.createElement(De,{asChild:!0,padding:`small`,variant:`ghost`,key:`opener`,ariaLabel:`Open canvas in new tab`},ga.createElement(`a`,{href:Iu(t),target:`_blank`,rel:`noopener noreferrer`},ga.createElement(ce,null))))),Yu=_.div(({isColumn:e,columns:t,layout:n})=>({display:e||!t?`block`:`flex`,position:`relative`,flexWrap:`wrap`,overflow:`auto`,flexDirection:e?`column`:`row`,"& .innerZoomElementWrapper > *":e?{width:n===`fullscreen`?`100%`:`calc(100% - 20px)`,display:`block`}:{maxWidth:n===`fullscreen`?`100%`:`calc(100% - 20px)`,display:`inline-block`}}),({layout:e=`padded`,inline:t})=>e===`centered`||e===`padded`?{padding:t?`32px 22px`:`0px`,"& .innerZoomElementWrapper > *":{width:`auto`,border:`8px solid transparent!important`}}:{},({layout:e=`padded`,inline:t})=>e===`centered`&&t?{display:`flex`,justifyContent:`center`,justifyItems:`center`,alignContent:`center`,alignItems:`center`}:{},({columns:e})=>e&&e>1?{".innerZoomElementWrapper > *":{minWidth:`calc(100% / ${e} - 20px)`}}:{}),Xu=_(Me)({marginTop:-40,marginBottom:40}),Zu=_(yn)(({theme:e})=>({margin:0,borderTopLeftRadius:0,borderTopRightRadius:0,borderBottomLeftRadius:e.appBorderRadius,borderBottomRightRadius:e.appBorderRadius,border:`none`,background:e.base===`light`?`rgba(0, 0, 0, 0.85)`:cn(.05,e.background.content),color:e.color.lightest,button:{background:e.base===`light`?`rgba(0, 0, 0, 0.85)`:cn(.05,e.background.content)}})),Qu=_.div(({theme:e})=>({position:`relative`,overflow:`hidden`,margin:`25px 0 40px`,...Fu(e),"h3 + &":{marginTop:`16px`}}),({withToolbar:e})=>e&&{paddingTop:40}),$u=_(Ju)({position:`absolute`,top:0,left:0,right:0,height:40}),ed=2e3,td=({isLoading:e,isColumn:t,columns:n,children:r,withSource:a,withToolbar:o=!1,isExpanded:s=!1,additionalActions:c,className:l,layout:u=`padded`,inline:d=!1,...f})=>{let[p,m]=(0,L.useState)(s),[h,g]=(0,L.useState)(null),[_,v]=(0,L.useState)(1),y=(0,L.useMemo)(()=>c?[...c]:[],[c]),b=br(),x=[l,`sbdocs`,`sbdocs-preview`,`sb-unstyled`],S=(0,L.useContext)(Du),ee=(0,L.useCallback)(async e=>{let{createCopyToClipboardFunction:t}=await i(async()=>{let{createCopyToClipboardFunction:e}=await import(`./components-DW-5dJuS.js`).then(e=>(e.x(),e.b));return{createCopyToClipboardFunction:e}},__vite__mapDeps([6,1,2,3,4,7,8,9,10,11]),import.meta.url);await t()(e)},[]),te=(0,L.useCallback)(async()=>{try{await ee(a?.code??``),g(`Copied!`)}catch(e){cu.error(e),g(`Copy error!`)}globalThis.window.setTimeout(()=>g(null),ed)},[ee,a?.code]),C=Pr(r),ne=!!(a&&a.error),re=!!(a&&!a.error);return L.createElement(L.Fragment,null,L.createElement(Qu,{withSource:a,withToolbar:o,...f,className:x.join(` `)},o&&L.createElement($u,{isLoading:e,border:!0,zoom:e=>v(_*e),resetZoom:()=>v(1),storyId:!e&&C?ju(C,S):void 0}),L.createElement(zu.Provider,{value:{scale:_}},L.createElement(Yu,{isColumn:t||!Array.isArray(r),columns:n,layout:u,inline:d,className:`docs-story`},L.createElement(E.Element,{centered:u===`centered`,scale:d?_:1},Array.isArray(r)?r.map((e,t)=>L.createElement(`div`,{key:t},e)):L.createElement(`div`,null,r)))),re&&p&&L.createElement(`div`,{id:b},L.createElement(Zu,{...a,dark:!0,copyable:!1}))),(a||y.length>0)&&L.createElement(Xu,{className:`sbdocs sbdocs-preview-actions`,innerStyle:{paddingInline:0}},ne&&L.createElement(De,{ariaLabel:!1,disabled:!0,variant:`ghost`,className:`docblock-code-toggle docblock-code-toggle--disabled`},L.createElement(oe,null),` No code available`),re&&L.createElement(L.Fragment,null,L.createElement(xe,{ariaLabel:!1,pressed:p,"aria-expanded":p,"aria-controls":b,onClick:()=>m(!p),variant:`ghost`,className:`docblock-code-toggle${p?` docblock-code-toggle--expanded`:``}`},L.createElement(oe,null),` `,p?`Hide code`:`Show code`),L.createElement(De,{ariaLabel:!1,variant:`ghost`,onClick:te},L.createElement(Ce,null),` `,h??`Copy code`)),y.map(({title:e,className:t,onClick:n,disabled:r},i)=>L.createElement(De,{key:i,className:t,onClick:n,disabled:!!r,variant:`ghost`},e))))},_(td)(()=>({".docs-story":{paddingTop:32,paddingBottom:40}})),nd=_(Ee)({height:`fit-content`}),rd=({tabs:e,...t})=>{let n=Object.entries(e);if(n.length===1)return _a.createElement(eu,{...n[0][1],...t});let r=n.map(([e,n],r)=>({id:`prop_table_div_${e}`,title:e,children:()=>{let i=r===0?t:{sort:t.sort};return _a.createElement(eu,{inTabPanel:!0,key:`prop_table_${e}`,...n,...i})}}));return _a.createElement(nd,{tabs:r})},_.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base===`light`?fn(.4,e.color.defaultText):fn(.6,e.color.defaultText)})),_.div({overflow:`hidden`,whiteSpace:`nowrap`,textOverflow:`ellipsis`}),_.div({display:`flex`,flexDirection:`row`,alignItems:`baseline`,"&:not(:last-child)":{marginBottom:`1rem`}}),_.div(re,({theme:e})=>({...Fu(e),margin:`25px 0 40px`,padding:`30px 20px`})),_.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText})),_.div(({theme:e})=>({color:fn(.3,e.color.defaultText)})),_.div({flex:`0 0 30%`,lineHeight:`20px`,marginTop:5}),_.div(({theme:e})=>({flex:1,textAlign:`center`,fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,lineHeight:1,overflow:`hidden`,color:fn(.3,e.color.defaultText),"> div":{display:`inline-block`,overflow:`hidden`,maxWidth:`100%`,textOverflow:`ellipsis`},span:{display:`block`,marginTop:2}})),_.div({display:`flex`,flexDirection:`row`}),_.div(({background:e})=>({position:`relative`,flex:1,"&::before":{position:`absolute`,top:0,left:0,width:`100%`,height:`100%`,background:e,content:`""`}})),_.div(({theme:e})=>({...Fu(e),display:`flex`,flexDirection:`row`,height:50,marginBottom:5,overflow:`hidden`,backgroundColor:`white`,backgroundImage:`repeating-linear-gradient(-45deg, #ccc, #ccc 1px, #fff 1px, #fff 16px)`,backgroundClip:`padding-box`})),_.div({display:`flex`,flexDirection:`column`,flex:1,position:`relative`,marginBottom:30}),_.div({flex:1,display:`flex`,flexDirection:`row`}),_.div({display:`flex`,alignItems:`flex-start`}),_.div({flex:`0 0 30%`}),_.div({flex:1}),_.div(({theme:e})=>({display:`flex`,flexDirection:`row`,alignItems:`center`,paddingBottom:20,fontWeight:e.typography.weight.bold,color:fn(.3,e.color.defaultText)})),_.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:`20px`,display:`flex`,flexDirection:`column`})),_.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s1,color:e.color.defaultText,marginLeft:10,lineHeight:1.2,display:`-webkit-box`,overflow:`hidden`,wordBreak:`break-word`,textOverflow:`ellipsis`,WebkitLineClamp:2,WebkitBoxOrient:`vertical`})),_.div(({theme:e})=>({...Fu(e),overflow:`hidden`,height:40,width:40,display:`flex`,alignItems:`center`,justifyContent:`center`,flex:`none`,"> img, > svg":{width:20,height:20}})),_.div({display:`inline-flex`,flexDirection:`row`,alignItems:`center`,width:`100%`}),_.div({display:`grid`,gridTemplateColumns:`repeat(auto-fill, minmax(140px, 1fr))`,gridGap:`8px 16px`,gridAutoFlow:`row dense`,gridAutoRows:50}),{NAVIGATE_URL:id}=__STORYBOOK_MODULE_CORE_EVENTS__,ad={tocSelector:`.js-toc`,tocElement:null,contentSelector:`.js-toc-content`,contentElement:null,headingSelector:`h1, h2, h3`,ignoreSelector:`.js-toc-ignore`,hasInnerContainers:!1,linkClass:`toc-link`,extraLinkClasses:``,activeLinkClass:`is-active-link`,listClass:`toc-list`,extraListClasses:``,isCollapsedClass:`is-collapsed`,collapsibleClass:`is-collapsible`,listItemClass:`toc-list-item`,activeListItemClass:`is-active-li`,collapseDepth:0,scrollSmooth:!0,scrollSmoothDuration:420,scrollSmoothOffset:0,scrollEndCallback:function(e){},headingsOffset:1,enableUrlHashUpdateOnScroll:!1,scrollHandlerType:`auto`,scrollHandlerTimeout:50,throttleTimeout:50,positionFixedSelector:null,positionFixedClass:`is-position-fixed`,fixedSidebarOffset:`auto`,includeHtml:!1,includeTitleTags:!1,onClick:function(e){},orderedList:!0,scrollContainer:null,skipRendering:!1,headingLabelCallback:!1,ignoreHiddenElements:!1,headingObjectCallback:null,basePath:``,disableTocScrollSync:!1,tocScrollingWrapper:null,tocScrollOffset:30,bottomModeThreshold:30},X={},dd=Object.prototype.hasOwnProperty,fd={destroy:Vr,init:Br,refresh:Hr},pd=_.aside(()=>({width:`10rem`,"@media (max-width: 768px)":{display:`none`}})),md=_.nav(({theme:e})=>({position:`fixed`,bottom:0,top:0,width:`10rem`,paddingTop:`4rem`,paddingBottom:`2rem`,overflowY:`auto`,fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,WebkitFontSmoothing:`antialiased`,MozOsxFontSmoothing:`grayscale`,WebkitTapHighlightColor:`rgba(0, 0, 0, 0)`,WebkitOverflowScrolling:`touch`,"& *":{boxSizing:`border-box`},"& > .toc-wrapper > .toc-list":{paddingLeft:0,borderLeft:`solid 2px ${e.color.mediumlight}`,".toc-list":{paddingLeft:0,borderLeft:`solid 2px ${e.color.mediumlight}`,".toc-list":{paddingLeft:0,borderLeft:`solid 2px ${e.color.mediumlight}`}}},"& .toc-list-item":{position:`relative`,listStyleType:`none`,marginLeft:20,paddingTop:3,paddingBottom:3},"& .toc-list-item::before":{content:`""`,position:`absolute`,height:`100%`,top:0,left:0,transform:`translateX(calc(-2px - 20px))`,borderLeft:`solid 2px ${e.color.mediumdark}`,opacity:0,transition:`opacity 0.2s`},"& .toc-list-item.is-active-li::before":{opacity:1},"& .toc-list-item > a":{color:e.color.defaultText,textDecoration:`none`},"& .toc-list-item.is-active-li > a":{fontWeight:600,color:e.color.secondary,textDecoration:`none`}})),hd=_.p(({theme:e})=>({fontWeight:600,fontSize:`0.875em`,color:e.color.defaultText,textTransform:`uppercase`,marginBottom:10})),gd=({headingId:e,title:t})=>typeof t==`string`||!t?va.createElement(hd,{as:`h2`,id:e,className:t?``:`sb-sr-only`},t||`Table of contents`):va.createElement(`div`,{id:e},t),_d=({title:e,disable:t,headingSelector:n,contentsSelector:r,ignoreSelector:i,unsafeTocbotOptions:a,channel:o,className:s})=>{(0,va.useEffect)(()=>{if(t)return()=>{};let e={tocSelector:`.toc-wrapper`,contentSelector:r??`.sbdocs-content`,headingSelector:n??`h3`,ignoreSelector:i??`.docs-story *, .skip-toc`,headingsOffset:40,scrollSmoothOffset:-40,orderedList:!1,onClick:e=>{if(e.preventDefault(),e.currentTarget instanceof HTMLAnchorElement){let[,t]=e.currentTarget.href.split(`#`);t&&o.emit(id,`#${t}`)}},...a},s=setTimeout(()=>fd.init(e),100);return()=>{clearTimeout(s),fd.destroy()}},[o,t,i,r,n,a]);let c=`table-of-contents`;return va.createElement(pd,{className:s},t?null:va.createElement(md,{"aria-labelledby":c},va.createElement(gd,{headingId:c,title:e}),va.createElement(`div`,{className:`toc-wrapper`})))},vd=e=>`anchor--${e}`,yd=({storyId:e,children:t})=>ya.createElement(`div`,{id:vd(e),className:`sb-anchor`},t),{filterArgTypes:bd}=__STORYBOOK_MODULE_PREVIEW_API__,Z=(e,t)=>(0,xa.useContext)(Du).resolveOf(e,t),xd=e=>e.split(`-`).map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(``),Sd=e=>{if(e)return typeof e==`string`?e.includes(`-`)?xd(e):e:e.__docgenInfo&&e.__docgenInfo.displayName?e.__docgenInfo.displayName:e.name},Cd=e=>{let{of:t}=e;if(`of`in e&&t===void 0)throw Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let{argTypes:n,parameters:r,component:i,subcomponents:a}=Zr(Z(t||`meta`)),o=r?.docs?.argTypes||{},s=e.include??o.include,c=e.exclude??o.exclude,l=e.sort??o.sort,u=bd(n,s,c);if(!(a&&Object.keys(a||{}).length>0))return ba.createElement(eu,{rows:u,sort:l});let d=Sd(i)||`Main`,f=Object.fromEntries(Object.entries(a||{}).map(([e,t])=>[e,{rows:bd(Xr(t,r),s,c),sort:l}])),p={[d]:{rows:u,sort:l},...f};return ba.createElement(rd,{tabs:p,sort:l})},Au(`ArgTypes`,Cd),wd=Object.create,Td=Object.defineProperty,Ed=Object.getOwnPropertyDescriptor,Dd=Object.getOwnPropertyNames,Od=Object.getPrototypeOf,kd=Object.prototype.hasOwnProperty,Q=(e,t)=>function(){return t||(0,e[Dd(e)[0]])((t={exports:{}}).exports,t),t.exports},Ad=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(let i of Dd(t))!kd.call(e,i)&&i!==n&&Td(e,i,{get:()=>t[i],enumerable:!(r=Ed(t,i))||r.enumerable});return e},jd=(e,t,n)=>(n=e==null?{}:wd(Od(e)),Ad(t||!e||!e.__esModule?Td(n,`default`,{value:e,enumerable:!0}):n,e)),Md=[`bubbles`,`cancelBubble`,`cancelable`,`composed`,`currentTarget`,`defaultPrevented`,`eventPhase`,`isTrusted`,`returnValue`,`srcElement`,`target`,`timeStamp`,`type`],$=[`detail`],Nd=Q({"node_modules/.pnpm/es-object-atoms@1.1.1/node_modules/es-object-atoms/index.js"(e,t){t.exports=Object}}),Pd=Q({"node_modules/.pnpm/es-errors@1.3.0/node_modules/es-errors/index.js"(e,t){t.exports=Error}}),Fd=Q({"node_modules/.pnpm/es-errors@1.3.0/node_modules/es-errors/eval.js"(e,t){t.exports=EvalError}}),Id=Q({"node_modules/.pnpm/es-errors@1.3.0/node_modules/es-errors/range.js"(e,t){t.exports=RangeError}}),Ld=Q({"node_modules/.pnpm/es-errors@1.3.0/node_modules/es-errors/ref.js"(e,t){t.exports=ReferenceError}}),Rd=Q({"node_modules/.pnpm/es-errors@1.3.0/node_modules/es-errors/syntax.js"(e,t){t.exports=SyntaxError}}),zd=Q({"node_modules/.pnpm/es-errors@1.3.0/node_modules/es-errors/type.js"(e,t){t.exports=TypeError}}),Bd=Q({"node_modules/.pnpm/es-errors@1.3.0/node_modules/es-errors/uri.js"(e,t){t.exports=URIError}}),Vd=Q({"node_modules/.pnpm/math-intrinsics@1.1.0/node_modules/math-intrinsics/abs.js"(e,t){t.exports=Math.abs}}),Hd=Q({"node_modules/.pnpm/math-intrinsics@1.1.0/node_modules/math-intrinsics/floor.js"(e,t){t.exports=Math.floor}}),Ud=Q({"node_modules/.pnpm/math-intrinsics@1.1.0/node_modules/math-intrinsics/max.js"(e,t){t.exports=Math.max}}),Wd=Q({"node_modules/.pnpm/math-intrinsics@1.1.0/node_modules/math-intrinsics/min.js"(e,t){t.exports=Math.min}}),Gd=Q({"node_modules/.pnpm/math-intrinsics@1.1.0/node_modules/math-intrinsics/pow.js"(e,t){t.exports=Math.pow}}),Kd=Q({"node_modules/.pnpm/math-intrinsics@1.1.0/node_modules/math-intrinsics/round.js"(e,t){t.exports=Math.round}}),qd=Q({"node_modules/.pnpm/math-intrinsics@1.1.0/node_modules/math-intrinsics/isNaN.js"(e,t){t.exports=Number.isNaN||function(e){return e!==e}}}),Jd=Q({"node_modules/.pnpm/math-intrinsics@1.1.0/node_modules/math-intrinsics/sign.js"(e,t){var n=qd();t.exports=function(e){return n(e)||e===0?e:e<0?-1:1}}}),Yd=Q({"node_modules/.pnpm/gopd@1.2.0/node_modules/gopd/gOPD.js"(e,t){t.exports=Object.getOwnPropertyDescriptor}}),Xd=Q({"node_modules/.pnpm/gopd@1.2.0/node_modules/gopd/index.js"(e,t){var n=Yd();if(n)try{n([],`length`)}catch{n=null}t.exports=n}}),Zd=Q({"node_modules/.pnpm/es-define-property@1.0.1/node_modules/es-define-property/index.js"(e,t){var n=Object.defineProperty||!1;if(n)try{n({},`a`,{value:1})}catch{n=!1}t.exports=n}}),Qd=Q({"node_modules/.pnpm/has-symbols@1.1.0/node_modules/has-symbols/shams.js"(e,t){t.exports=function(){if(typeof Symbol!=`function`||typeof Object.getOwnPropertySymbols!=`function`)return!1;if(typeof Symbol.iterator==`symbol`)return!0;var e={},t=Symbol(`test`),n=Object(t);if(typeof t==`string`||Object.prototype.toString.call(t)!==`[object Symbol]`||Object.prototype.toString.call(n)!==`[object Symbol]`)return!1;var r=42;for(var i in e[t]=r,e)return!1;if(typeof Object.keys==`function`&&Object.keys(e).length!==0||typeof Object.getOwnPropertyNames==`function`&&Object.getOwnPropertyNames(e).length!==0)return!1;var a=Object.getOwnPropertySymbols(e);if(a.length!==1||a[0]!==t||!Object.prototype.propertyIsEnumerable.call(e,t))return!1;if(typeof Object.getOwnPropertyDescriptor==`function`){var o=Object.getOwnPropertyDescriptor(e,t);if(o.value!==r||o.enumerable!==!0)return!1}return!0}}}),$d=Q({"node_modules/.pnpm/has-symbols@1.1.0/node_modules/has-symbols/index.js"(e,t){var n=typeof Symbol<`u`&&Symbol,r=Qd();t.exports=function(){return typeof n!=`function`||typeof Symbol!=`function`||typeof n(`foo`)!=`symbol`||typeof Symbol(`bar`)!=`symbol`?!1:r()}}}),ef=Q({"node_modules/.pnpm/get-proto@1.0.1/node_modules/get-proto/Reflect.getPrototypeOf.js"(e,t){t.exports=typeof Reflect<`u`&&Reflect.getPrototypeOf||null}}),tf=Q({"node_modules/.pnpm/get-proto@1.0.1/node_modules/get-proto/Object.getPrototypeOf.js"(e,t){t.exports=Nd().getPrototypeOf||null}}),nf=Q({"node_modules/.pnpm/function-bind@1.1.2/node_modules/function-bind/implementation.js"(e,t){var n=`Function.prototype.bind called on incompatible `,r=Object.prototype.toString,i=Math.max,a=`[object Function]`,o=function(e,t){for(var n=[],r=0;r`u`||!C?n:C(Uint8Array),ce={__proto__:null,"%AggregateError%":typeof AggregateError>`u`?n:AggregateError,"%Array%":Array,"%ArrayBuffer%":typeof ArrayBuffer>`u`?n:ArrayBuffer,"%ArrayIteratorPrototype%":te&&C?C([][Symbol.iterator]()):n,"%AsyncFromSyncIteratorPrototype%":n,"%AsyncFunction%":oe,"%AsyncGenerator%":oe,"%AsyncGeneratorFunction%":oe,"%AsyncIteratorPrototype%":oe,"%Atomics%":typeof Atomics>`u`?n:Atomics,"%BigInt%":typeof BigInt>`u`?n:BigInt,"%BigInt64Array%":typeof BigInt64Array>`u`?n:BigInt64Array,"%BigUint64Array%":typeof BigUint64Array>`u`?n:BigUint64Array,"%Boolean%":Boolean,"%DataView%":typeof DataView>`u`?n:DataView,"%Date%":Date,"%decodeURI%":decodeURI,"%decodeURIComponent%":decodeURIComponent,"%encodeURI%":encodeURI,"%encodeURIComponent%":encodeURIComponent,"%Error%":i,"%eval%":eval,"%EvalError%":a,"%Float16Array%":typeof Float16Array>`u`?n:Float16Array,"%Float32Array%":typeof Float32Array>`u`?n:Float32Array,"%Float64Array%":typeof Float64Array>`u`?n:Float64Array,"%FinalizationRegistry%":typeof FinalizationRegistry>`u`?n:FinalizationRegistry,"%Function%":v,"%GeneratorFunction%":oe,"%Int8Array%":typeof Int8Array>`u`?n:Int8Array,"%Int16Array%":typeof Int16Array>`u`?n:Int16Array,"%Int32Array%":typeof Int32Array>`u`?n:Int32Array,"%isFinite%":isFinite,"%isNaN%":isNaN,"%IteratorPrototype%":te&&C?C(C([][Symbol.iterator]())):n,"%JSON%":typeof JSON==`object`?JSON:n,"%Map%":typeof Map>`u`?n:Map,"%MapIteratorPrototype%":typeof Map>`u`||!te||!C?n:C(new Map()[Symbol.iterator]()),"%Math%":Math,"%Number%":Number,"%Object%":r,"%Object.getOwnPropertyDescriptor%":b,"%parseFloat%":parseFloat,"%parseInt%":parseInt,"%Promise%":typeof Promise>`u`?n:Promise,"%Proxy%":typeof Proxy>`u`?n:Proxy,"%RangeError%":o,"%ReferenceError%":s,"%Reflect%":typeof Reflect>`u`?n:Reflect,"%RegExp%":RegExp,"%Set%":typeof Set>`u`?n:Set,"%SetIteratorPrototype%":typeof Set>`u`||!te||!C?n:C(new Set()[Symbol.iterator]()),"%SharedArrayBuffer%":typeof SharedArrayBuffer>`u`?n:SharedArrayBuffer,"%String%":String,"%StringIteratorPrototype%":te&&C?C(``[Symbol.iterator]()):n,"%Symbol%":te?Symbol:n,"%SyntaxError%":c,"%ThrowTypeError%":ee,"%TypedArray%":se,"%TypeError%":l,"%Uint8Array%":typeof Uint8Array>`u`?n:Uint8Array,"%Uint8ClampedArray%":typeof Uint8ClampedArray>`u`?n:Uint8ClampedArray,"%Uint16Array%":typeof Uint16Array>`u`?n:Uint16Array,"%Uint32Array%":typeof Uint32Array>`u`?n:Uint32Array,"%URIError%":u,"%WeakMap%":typeof WeakMap>`u`?n:WeakMap,"%WeakRef%":typeof WeakRef>`u`?n:WeakRef,"%WeakSet%":typeof WeakSet>`u`?n:WeakSet,"%Function.prototype.call%":ae,"%Function.prototype.apply%":ie,"%Object.defineProperty%":x,"%Object.getPrototypeOf%":ne,"%Math.abs%":d,"%Math.floor%":f,"%Math.max%":p,"%Math.min%":m,"%Math.pow%":h,"%Math.round%":g,"%Math.sign%":_,"%Reflect.getPrototypeOf%":re};if(C)try{null.error}catch(e){le=C(C(e)),ce[`%Error.prototype%`]=le}var le,ue=function e(t){var n;if(t===`%AsyncFunction%`)n=y(`async function () {}`);else if(t===`%GeneratorFunction%`)n=y(`function* () {}`);else if(t===`%AsyncGeneratorFunction%`)n=y(`async function* () {}`);else if(t===`%AsyncGenerator%`){var r=e(`%AsyncGeneratorFunction%`);r&&(n=r.prototype)}else if(t===`%AsyncIteratorPrototype%`){var i=e(`%AsyncGenerator%`);i&&C&&(n=C(i.prototype))}return ce[t]=n,n},w={__proto__:null,"%ArrayBufferPrototype%":[`ArrayBuffer`,`prototype`],"%ArrayPrototype%":[`Array`,`prototype`],"%ArrayProto_entries%":[`Array`,`prototype`,`entries`],"%ArrayProto_forEach%":[`Array`,`prototype`,`forEach`],"%ArrayProto_keys%":[`Array`,`prototype`,`keys`],"%ArrayProto_values%":[`Array`,`prototype`,`values`],"%AsyncFunctionPrototype%":[`AsyncFunction`,`prototype`],"%AsyncGenerator%":[`AsyncGeneratorFunction`,`prototype`],"%AsyncGeneratorPrototype%":[`AsyncGeneratorFunction`,`prototype`,`prototype`],"%BooleanPrototype%":[`Boolean`,`prototype`],"%DataViewPrototype%":[`DataView`,`prototype`],"%DatePrototype%":[`Date`,`prototype`],"%ErrorPrototype%":[`Error`,`prototype`],"%EvalErrorPrototype%":[`EvalError`,`prototype`],"%Float32ArrayPrototype%":[`Float32Array`,`prototype`],"%Float64ArrayPrototype%":[`Float64Array`,`prototype`],"%FunctionPrototype%":[`Function`,`prototype`],"%Generator%":[`GeneratorFunction`,`prototype`],"%GeneratorPrototype%":[`GeneratorFunction`,`prototype`,`prototype`],"%Int8ArrayPrototype%":[`Int8Array`,`prototype`],"%Int16ArrayPrototype%":[`Int16Array`,`prototype`],"%Int32ArrayPrototype%":[`Int32Array`,`prototype`],"%JSONParse%":[`JSON`,`parse`],"%JSONStringify%":[`JSON`,`stringify`],"%MapPrototype%":[`Map`,`prototype`],"%NumberPrototype%":[`Number`,`prototype`],"%ObjectPrototype%":[`Object`,`prototype`],"%ObjProto_toString%":[`Object`,`prototype`,`toString`],"%ObjProto_valueOf%":[`Object`,`prototype`,`valueOf`],"%PromisePrototype%":[`Promise`,`prototype`],"%PromiseProto_then%":[`Promise`,`prototype`,`then`],"%Promise_all%":[`Promise`,`all`],"%Promise_reject%":[`Promise`,`reject`],"%Promise_resolve%":[`Promise`,`resolve`],"%RangeErrorPrototype%":[`RangeError`,`prototype`],"%ReferenceErrorPrototype%":[`ReferenceError`,`prototype`],"%RegExpPrototype%":[`RegExp`,`prototype`],"%SetPrototype%":[`Set`,`prototype`],"%SharedArrayBufferPrototype%":[`SharedArrayBuffer`,`prototype`],"%StringPrototype%":[`String`,`prototype`],"%SymbolPrototype%":[`Symbol`,`prototype`],"%SyntaxErrorPrototype%":[`SyntaxError`,`prototype`],"%TypedArrayPrototype%":[`TypedArray`,`prototype`],"%TypeErrorPrototype%":[`TypeError`,`prototype`],"%Uint8ArrayPrototype%":[`Uint8Array`,`prototype`],"%Uint8ClampedArrayPrototype%":[`Uint8ClampedArray`,`prototype`],"%Uint16ArrayPrototype%":[`Uint16Array`,`prototype`],"%Uint32ArrayPrototype%":[`Uint32Array`,`prototype`],"%URIErrorPrototype%":[`URIError`,`prototype`],"%WeakMapPrototype%":[`WeakMap`,`prototype`],"%WeakSetPrototype%":[`WeakSet`,`prototype`]},T=rf(),de=ff(),fe=T.call(ae,Array.prototype.concat),pe=T.call(ie,Array.prototype.splice),me=T.call(ae,String.prototype.replace),he=T.call(ae,String.prototype.slice),E=T.call(ae,RegExp.prototype.exec),ge=/[^%.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|%$))/g,_e=/\\(\\)?/g,ve=function(e){var t=he(e,0,1),n=he(e,-1);if(t===`%`&&n!==`%`)throw new c("invalid intrinsic syntax, expected closing `%`");if(n===`%`&&t!==`%`)throw new c("invalid intrinsic syntax, expected opening `%`");var r=[];return me(e,ge,function(e,t,n,i){r[r.length]=n?me(i,_e,`$1`):t||e}),r},ye=function(e,t){var n=e,r;if(de(w,n)&&(r=w[n],n=`%`+r[0]+`%`),de(ce,n)){var i=ce[n];if(i===oe&&(i=ue(n)),typeof i>`u`&&!t)throw new l(`intrinsic `+e+` exists, but is not available. Please file an issue!`);return{alias:r,name:n,value:i}}throw new c(`intrinsic `+e+` does not exist!`)};t.exports=function(e,t){if(typeof e!=`string`||e.length===0)throw new l(`intrinsic name must be a non-empty string`);if(arguments.length>1&&typeof t!=`boolean`)throw new l(`"allowMissing" argument must be a boolean`);if(E(/^%?[^%]*%?$/,e)===null)throw new c("`%` may not be present anywhere but at the beginning and end of the intrinsic name");var n=ve(e),r=n.length>0?n[0]:``,i=ye(`%`+r+`%`,t),a=i.name,o=i.value,s=!1,u=i.alias;u&&(r=u[0],pe(n,fe([0,1],u)));for(var d=1,f=!0;d=n.length){var g=b(o,p);f=!!g,o=f&&`get`in g&&!(`originalValue`in g.get)?g.get:o[p]}else f=de(o,p),o=o[p];f&&!s&&(ce[a]=o)}}return o}}}),mf=Q({"node_modules/.pnpm/call-bound@1.0.4/node_modules/call-bound/index.js"(e,t){var n=pf(),r=lf(),i=r([n(`%String.prototype.indexOf%`)]);t.exports=function(e,t){var a=n(e,!!t);return typeof a==`function`&&i(e,`.prototype.`)>-1?r([a]):a}}}),hf=Q({"node_modules/.pnpm/has-tostringtag@1.0.2/node_modules/has-tostringtag/shams.js"(e,t){var n=Qd();t.exports=function(){return n()&&!!Symbol.toStringTag}}}),gf=Q({"node_modules/.pnpm/is-regex@1.2.1/node_modules/is-regex/index.js"(e,t){var n=mf(),r=hf()(),i=ff(),a=Xd(),o;r?(s=n(`RegExp.prototype.exec`),c={},l=function(){throw c},u={toString:l,valueOf:l},typeof Symbol.toPrimitive==`symbol`&&(u[Symbol.toPrimitive]=l),o=function(e){if(!e||typeof e!=`object`)return!1;var t=a(e,`lastIndex`);if(!(t&&i(t,`value`)))return!1;try{s(e,u)}catch(e){return e===c}}):(d=n(`Object.prototype.toString`),f=`[object RegExp]`,o=function(e){return!e||typeof e!=`object`&&typeof e!=`function`?!1:d(e)===f});var s,c,l,u,d,f;t.exports=o}}),_f=Q({"node_modules/.pnpm/is-function@1.0.2/node_modules/is-function/index.js"(e,t){t.exports=r;var n=Object.prototype.toString;function r(e){if(!e)return!1;var t=n.call(e);return t===`[object Function]`||typeof e==`function`&&t!==`[object RegExp]`||typeof window<`u`&&(e===window.setTimeout||e===window.alert||e===window.confirm||e===window.prompt)}}}),vf=Q({"node_modules/.pnpm/safe-regex-test@1.1.0/node_modules/safe-regex-test/index.js"(e,t){var n=mf(),r=gf(),i=n(`RegExp.prototype.exec`),a=zd();t.exports=function(e){if(!r(e))throw new a("`regex` must be a RegExp");return function(t){return i(e,t)!==null}}}}),yf=Q({"node_modules/.pnpm/is-symbol@1.1.1/node_modules/is-symbol/index.js"(e,t){var n=mf(),r=n(`Object.prototype.toString`),i=$d()(),a=vf();i?(o=n(`Symbol.prototype.toString`),s=a(/^Symbol\(.*\)$/),c=function(e){return typeof e.valueOf()==`symbol`?s(o(e)):!1},t.exports=function(e){if(typeof e==`symbol`)return!0;if(!e||typeof e!=`object`||r(e)!==`[object Symbol]`)return!1;try{return c(e)}catch{return!1}}):t.exports=function(e){return!1};var o,s,c}}),bf=jd(gf()),xf=jd(_f()),Sf=jd(yf()),Cf=typeof global==`object`&&global&&global.Object===Object&&global,wf=typeof self==`object`&&self&&self.Object===Object&&self,Tf=Cf||wf||Function(`return this`)(),Ef=Tf.Symbol,Df=Object.prototype,Of=Df.hasOwnProperty,kf=Df.toString,Af=Ef?Ef.toStringTag:void 0,jf=ei,Mf=Object.prototype.toString,Nf=ti,Pf=`[object Null]`,Ff=`[object Undefined]`,If=Ef?Ef.toStringTag:void 0,Lf=ni,Rf=Ef?Ef.prototype:void 0,Rf&&Rf.toString,zf=ri,Bf=`[object AsyncFunction]`,Vf=`[object Function]`,Hf=`[object GeneratorFunction]`,Uf=`[object Proxy]`,Wf=ii,Gf=Tf[`__core-js_shared__`],Kf=(function(){var e=/[^.]+$/.exec(Gf&&Gf.keys&&Gf.keys.IE_PROTO||``);return e?`Symbol(src)_1.`+e:``})(),qf=ai,Jf=Function.prototype.toString,Yf=oi,Xf=/[\\^$.*+?()[\]{}|]/g,Zf=/^\[object .+?Constructor\]$/,Qf=Function.prototype,$f=Object.prototype,ep=Qf.toString,tp=$f.hasOwnProperty,np=RegExp(`^`+ep.call(tp).replace(Xf,`\\$&`).replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,`$1.*?`)+`$`),rp=si,ip=ci,ap=li,op=ui,sp=ap(Object,`create`),cp=di,lp=fi,up=`__lodash_hash_undefined__`,dp=Object.prototype.hasOwnProperty,fp=pi,pp=Object.prototype.hasOwnProperty,mp=mi,hp=`__lodash_hash_undefined__`,gp=hi,gi.prototype.clear=cp,gi.prototype.delete=lp,gi.prototype.get=fp,gi.prototype.has=mp,gi.prototype.set=gp,_p=gi,vp=_i,yp=vi,bp=Array.prototype.splice,xp=yi,Sp=bi,Cp=xi,wp=Si,Ci.prototype.clear=vp,Ci.prototype.delete=xp,Ci.prototype.get=Sp,Ci.prototype.has=Cp,Ci.prototype.set=wp,Tp=Ci,Ep=ap(Tf,`Map`),Dp=wi,Op=Ti,kp=Ei,Ap=Di,jp=Oi,Mp=ki,Np=Ai,ji.prototype.clear=Dp,ji.prototype.delete=Ap,ji.prototype.get=jp,ji.prototype.has=Mp,ji.prototype.set=Np,Pp=ji,Fp=`Expected a function`,Mi.Cache=Pp,Ip=Mi,Lp=500,Rp=Ni,zp=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,Bp=/\\(\\)?/g,Rp(function(e){var t=[];return e.charCodeAt(0)===46&&t.push(``),e.replace(zp,function(e,n,r,i){t.push(r?i.replace(Bp,`$1`):n||e)}),t}),Vp=$r,Hp=/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(\.\d{3})?Z$/,Up=function(e){let t,n,r,i;return function(a,o){try{if(a===``)return i=[],t=new Map([[o,`[]`]]),n=new Map,r=[],o;let s=n.get(this)||this;for(;r.length&&s!==r[0];)r.shift(),i.pop();if(typeof o==`boolean`)return o;if(o===void 0)return e.allowUndefined?`_undefined_`:void 0;if(o===null)return null;if(typeof o==`number`)return o===-1/0?`_-Infinity_`:o===1/0?`_Infinity_`:Number.isNaN(o)?`_NaN_`:o;if(typeof o==`bigint`)return`_bigint_${o.toString()}`;if(typeof o==`string`)return Hp.test(o)?e.allowDate?`_date_${o}`:void 0:o;if((0,bf.default)(o))return e.allowRegExp?`_regexp_${o.flags}|${o.source}`:void 0;if((0,xf.default)(o))return;if((0,Sf.default)(o)){if(!e.allowSymbol)return;let t=Symbol.keyFor(o);return t===void 0?`_symbol_${o.toString().slice(7,-1)}`:`_gsymbol_${t}`}if(r.length>=e.maxDepth)return Array.isArray(o)?`[Array(${o.length})]`:`[Object]`;if(o===this)return`_duplicate_${JSON.stringify(i)}`;if(o instanceof Error&&e.allowError)return{__isConvertedError__:!0,errorProperties:{...o.cause?{cause:o.cause}:{},...o,name:o.name,message:o.message,stack:o.stack,"_constructor-name_":o.constructor.name}};if(o?.constructor?.name&&o.constructor.name!==`Object`&&!Array.isArray(o)){let e=t.get(o);if(!e){let e={__isClassInstance__:!0,__className__:o.constructor.name,...Object.getOwnPropertyNames(o).reduce((e,t)=>{try{e[t]=o[t]}catch{}return e},{})};return i.push(a),r.unshift(e),t.set(o,JSON.stringify(i)),o!==e&&n.set(o,e),e}return`_duplicate_${e}`}let c=t.get(o);if(!c){let e=Array.isArray(o)?o:Pi(o);return i.push(a),r.unshift(e),t.set(o,JSON.stringify(i)),o!==e&&n.set(o,e),e}return`_duplicate_${c}`}catch{return}}},Wp={maxDepth:10,space:void 0,allowRegExp:!0,allowDate:!0,allowError:!0,allowUndefined:!0,allowSymbol:!0},Gp=(e,t={})=>{let n={...Wp,...t};return JSON.stringify(Pi(e),Up(n),t.space)},Kp=(0,wa.createContext)({sources:{}}),qp=`--unknown--`,Jp=({children:e,channel:t})=>{let[n,r]=(0,wa.useState)({});return(0,wa.useEffect)(()=>{let e=(e,t=null,n=!1)=>{let{id:i,args:a=void 0,source:o,format:s}=typeof e==`string`?{id:e,source:t,format:n}:e,c=a?Fi(a):qp;r(e=>({...e,[i]:{...e[i],[c]:{code:o||``,format:s}}}))};return t.on(s,e),()=>t.off(s,e)},[]),wa.createElement(Kp.Provider,{value:{sources:n}},e)},Yp=(e,t,n)=>{let{sources:r}=n,i=r?.[e];return i?.[Fi(t)]||i?.[`--unknown--`]||{code:``}},Xp=({snippet:e,storyContext:t,typeFromProps:n,transformFromProps:r})=>{let i=t.parameters??{},{__isArgsStory:a}=i,o=i.docs?.source||{},s=n||o.type||l.AUTO,c=s===l.DYNAMIC||s===l.AUTO&&e&&a?e:o.originalSource||``,u=r??o.transform,d=u?Ii(c,u,t):c;return o.code===void 0?d:o.code},Zp=(e,t,n)=>{let{of:r}=e,i=(0,Ca.useMemo)(()=>{if(r)return t.resolveOf(r,[`story`]).story;try{return t.storyById()}catch{}},[t,r]),a=i?t.getStoryContext(i):{},o=e.__forceInitialArgs?a.initialArgs:a.unmappedArgs,s=i?Yp(i.id,o,n):null,c=Xp({snippet:s?s.code:``,storyContext:{...a,args:o},typeFromProps:e.type,transformFromProps:e.transform});if(`of`in e&&r===void 0)throw Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let l=i?.parameters?.docs?.source||{},u=e.format,d=e.language??l.language??`jsx`,f=e.dark??l.dark??!1;return!e.code&&!i?{error:`Oh no! The source is not available.`}:e.code?{code:e.code,format:u,language:d,dark:f}:(u=s?.format??!0,{code:c,format:u,language:d,dark:f})},Qp=e=>{let t=(0,Ca.useContext)(Kp),n=Zp(e,(0,Ca.useContext)(Du),t);return Ca.createElement(yn,{...n})},Au(`Source`,Qp),$p=e=>{let t=(0,Sa.useContext)(Du),n=(0,Sa.useContext)(Kp),{of:r,source:i}=e;if(`of`in e&&r===void 0)throw Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let{story:a}=Z(r||`story`,[`story`]),o=Zp({...i,...r&&{of:r}},t,n),s=e.layout??a.parameters.layout??a.parameters.docs?.canvas?.layout??`padded`,c=e.withToolbar??a.parameters.docs?.canvas?.withToolbar??!1,l=e.additionalActions??a.parameters.docs?.canvas?.additionalActions,u=e.sourceState??a.parameters.docs?.canvas?.sourceState??`hidden`,d=e.className??a.parameters.docs?.canvas?.className,f=e.story?.inline??a.parameters?.docs?.story?.inline??!1;return Sa.createElement(td,{withSource:u===`none`?void 0:o,isExpanded:u===`shown`,withToolbar:c,additionalActions:l,className:d,layout:s,inline:f},Sa.createElement(Pu,{of:r||a.moduleExport,meta:e.meta,...e.story}))},em=Au(`Canvas`,$p),{filterArgTypes:tm}=__STORYBOOK_MODULE_PREVIEW_API__,{RESET_STORY_ARGS:nm,STORY_ARGS_UPDATED:rm,UPDATE_STORY_ARGS:im}=__STORYBOOK_MODULE_CORE_EVENTS__,am=(e,t)=>{let n=om(e,t);if(!n)throw Error(`No result when story was defined`);return n},om=(e,t)=>{let n=e?t.getStoryContext(e):{args:{}},{id:r}=e||{id:`none`},[i,a]=(0,Da.useState)(n.args);(0,Da.useEffect)(()=>{let e=e=>{e.storyId===r&&a(e.args)};return t.channel.on(rm,e),()=>t.channel.off(rm,e)},[r,t.channel]);let o=(0,Da.useCallback)(e=>t.channel.emit(im,{storyId:r,updatedArgs:e}),[r,t.channel]),s=(0,Da.useCallback)(e=>t.channel.emit(nm,{storyId:r,argNames:e}),[r,t.channel]);return e&&[i,o,s]},{GLOBALS_UPDATED:sm}=__STORYBOOK_MODULE_CORE_EVENTS__,cm=(e,t)=>{let[n,r]=(0,Oa.useState)(t.getStoryContext(e).globals);return(0,Oa.useEffect)(()=>{let e=e=>{r(e.globals)};return t.channel.on(sm,e),()=>t.channel.off(sm,e)},[t.channel]),[n]},{Tag:lm}=__STORYBOOK_MODULE_PREVIEW_API__,um=()=>(0,ka.useContext)(Du).componentStories().find(e=>e.tags.includes(lm.AUTODOCS)),dm=e=>{let{of:t}=e,n=(0,Ea.useContext)(Du),r=um(),i=t?n.resolveOf(t,[`story`]).story:r;if(!i)return null;let{parameters:a,argTypes:o,component:s,subcomponents:c}=i,l=a.docs?.controls||{},u=e.include??l.include,d=e.exclude??l.exclude,f=e.sort??l.sort,[p,m,h]=am(i,n),[g]=cm(i,n),_=tm(o,u,d);if(!(c&&Object.keys(c||{}).length>0))return Object.keys(_).length>0||Object.keys(p).length>0?Ea.createElement(eu,{rows:_,sort:f,args:p,globals:g,updateArgs:m,resetArgs:h}):null;let v=Sd(s)||`Story`,y=Object.fromEntries(Object.entries(c||{}).map(([e,t])=>[e,{rows:tm(Li(t,a),u,d),sort:f}])),b={[v]:{rows:_,sort:f},...y};return Ea.createElement(rd,{tabs:b,sort:f,args:p,globals:g,updateArgs:m,resetArgs:h})},fm=Au(`Controls`,dm),{NAVIGATE_URL:pm}=__STORYBOOK_MODULE_CORE_EVENTS__,{document:mm}=globalThis,hm=({className:e,children:t,...n})=>{if(typeof e!=`string`&&(typeof t!=`string`||!t.match(/[\n\r]/g)))return Ma.createElement(Ae,null,t);let r=e&&e.split(`-`);return Ma.createElement(yn,{language:r&&r[1]||`text`,format:!1,code:t,...n})},gm=Le.a,_m=({hash:e,children:t})=>{let n=(0,Ma.useContext)(Du);return Ma.createElement(gm,{href:e,target:`_self`,onClick:t=>{let r=e.substring(1);mm.getElementById(r)&&Ri(n,e)}},t)},vm=e=>{let{href:t,target:n,children:r,...i}=e,a=(0,Ma.useContext)(Du);return!t||n===`_blank`||/^https?:\/\//.test(t)?Ma.createElement(gm,{...e}):t.startsWith(`#`)?Ma.createElement(_m,{hash:t},r):Ma.createElement(gm,{href:t,onClick:e=>{e.button===0&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey&&(e.preventDefault(),Ri(a,e.currentTarget.getAttribute(`href`)||``))},target:n,...i},r)},ym=[`h1`,`h2`,`h3`,`h4`,`h5`,`h6`],bm=ym.reduce((e,t)=>({...e,[t]:_(t)({"& svg":{position:`relative`,top:`-0.1em`,visibility:`hidden`},"&:hover svg":{visibility:`visible`}})}),{}),xm=_.a(()=>({float:`left`,lineHeight:`inherit`,paddingRight:`10px`,marginLeft:`-24px`,color:`inherit`})),Sm=({as:e,id:t,children:n,...r})=>{let i=(0,Ma.useContext)(Du),a=bm[e],o=`#${t}`;return Ma.createElement(a,{id:t,...r},Ma.createElement(xm,{"aria-hidden":`true`,href:o,tabIndex:-1,target:`_self`,onClick:e=>{mm.getElementById(t)&&Ri(i,o)}},Ma.createElement(de,null)),n)},Cm=e=>{let{as:t,id:n,children:r,...i}=e;if(n)return Ma.createElement(Sm,{as:t,id:n,...i},r);let a=t,{as:o,...s}=e;return Ma.createElement(a,{...pe(s,t)})},wm=ym.reduce((e,t)=>({...e,[t]:e=>Ma.createElement(Cm,{as:t,...e})}),{}),Tm=e=>{if(!e.children)return null;if(typeof e.children!=`string`)throw Error(o`The Markdown block only accepts children as a single string, but children were of type: '${typeof e.children}'
This is often caused by not wrapping the child in a template string.
This is invalid:
@@ -46,4 +46,4 @@ Error generating stack: `+e.message+`
A paragraph
\`}
- `);return ja.createElement(As,{...e,options:{forceBlock:!0,overrides:{code:hm,a:vm,...wm,...e?.options?.overrides},...e?.options}})},Em=Au(`Markdown`,Tm),Dm=(e=>(e.INFO=`info`,e.NOTES=`notes`,e.DOCGEN=`docgen`,e.AUTO=`auto`,e))(Dm||{}),Om=e=>{switch(e.type){case`story`:return e.story.parameters.docs?.description?.story||null;case`meta`:{let{parameters:t,component:n}=e.preparedMeta;return t.docs?.description?.component||t.docs?.extractComponentDescription?.(n,{component:n,parameters:t})||null}case`component`:{let{component:t,projectAnnotations:{parameters:n}}=e;return n?.docs?.extractComponentDescription?.(t,{component:t,parameters:n})||null}default:throw Error(`Unrecognized module type resolved from 'useOf', got: ${e.type}`)}},km=e=>{let{of:t}=e;if(`of`in e&&t===void 0)throw Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let n=Om(Z(t||`meta`));return n?Aa.createElement(Em,null,n):null},Am=Au(`Description`,km),{document:jm,window:Mm}=globalThis,Nm=({context:e,theme:t,children:n})=>{let r;try{r=e.resolveOf(`meta`,[`meta`]).preparedMeta.parameters?.docs?.toc}catch{r=e?.projectAnnotations?.parameters?.docs?.toc}return(0,Pa.useEffect)(()=>{let e;try{if(e=new URL(Mm.parent.location.toString()),e.hash){let t=jm.getElementById(decodeURIComponent(e.hash.substring(1)));t&&setTimeout(()=>{Yr(t)},200)}}catch{}}),Pa.createElement(Du.Provider,{value:e},Pa.createElement(Jp,{channel:e.channel},Pa.createElement(S,{theme:x(t)},Pa.createElement(su,{toc:r?Pa.createElement(_d,{className:`sbdocs sbdocs-toc--custom`,channel:e.channel,...r}):null},n))))},Pm=/[\0-\x1F!-,\.\/:-@\[-\^`\{-\xA9\xAB-\xB4\xB6-\xB9\xBB-\xBF\xD7\xF7\u02C2-\u02C5\u02D2-\u02DF\u02E5-\u02EB\u02ED\u02EF-\u02FF\u0375\u0378\u0379\u037E\u0380-\u0385\u0387\u038B\u038D\u03A2\u03F6\u0482\u0530\u0557\u0558\u055A-\u055F\u0589-\u0590\u05BE\u05C0\u05C3\u05C6\u05C8-\u05CF\u05EB-\u05EE\u05F3-\u060F\u061B-\u061F\u066A-\u066D\u06D4\u06DD\u06DE\u06E9\u06FD\u06FE\u0700-\u070F\u074B\u074C\u07B2-\u07BF\u07F6-\u07F9\u07FB\u07FC\u07FE\u07FF\u082E-\u083F\u085C-\u085F\u086B-\u089F\u08B5\u08C8-\u08D2\u08E2\u0964\u0965\u0970\u0984\u098D\u098E\u0991\u0992\u09A9\u09B1\u09B3-\u09B5\u09BA\u09BB\u09C5\u09C6\u09C9\u09CA\u09CF-\u09D6\u09D8-\u09DB\u09DE\u09E4\u09E5\u09F2-\u09FB\u09FD\u09FF\u0A00\u0A04\u0A0B-\u0A0E\u0A11\u0A12\u0A29\u0A31\u0A34\u0A37\u0A3A\u0A3B\u0A3D\u0A43-\u0A46\u0A49\u0A4A\u0A4E-\u0A50\u0A52-\u0A58\u0A5D\u0A5F-\u0A65\u0A76-\u0A80\u0A84\u0A8E\u0A92\u0AA9\u0AB1\u0AB4\u0ABA\u0ABB\u0AC6\u0ACA\u0ACE\u0ACF\u0AD1-\u0ADF\u0AE4\u0AE5\u0AF0-\u0AF8\u0B00\u0B04\u0B0D\u0B0E\u0B11\u0B12\u0B29\u0B31\u0B34\u0B3A\u0B3B\u0B45\u0B46\u0B49\u0B4A\u0B4E-\u0B54\u0B58-\u0B5B\u0B5E\u0B64\u0B65\u0B70\u0B72-\u0B81\u0B84\u0B8B-\u0B8D\u0B91\u0B96-\u0B98\u0B9B\u0B9D\u0BA0-\u0BA2\u0BA5-\u0BA7\u0BAB-\u0BAD\u0BBA-\u0BBD\u0BC3-\u0BC5\u0BC9\u0BCE\u0BCF\u0BD1-\u0BD6\u0BD8-\u0BE5\u0BF0-\u0BFF\u0C0D\u0C11\u0C29\u0C3A-\u0C3C\u0C45\u0C49\u0C4E-\u0C54\u0C57\u0C5B-\u0C5F\u0C64\u0C65\u0C70-\u0C7F\u0C84\u0C8D\u0C91\u0CA9\u0CB4\u0CBA\u0CBB\u0CC5\u0CC9\u0CCE-\u0CD4\u0CD7-\u0CDD\u0CDF\u0CE4\u0CE5\u0CF0\u0CF3-\u0CFF\u0D0D\u0D11\u0D45\u0D49\u0D4F-\u0D53\u0D58-\u0D5E\u0D64\u0D65\u0D70-\u0D79\u0D80\u0D84\u0D97-\u0D99\u0DB2\u0DBC\u0DBE\u0DBF\u0DC7-\u0DC9\u0DCB-\u0DCE\u0DD5\u0DD7\u0DE0-\u0DE5\u0DF0\u0DF1\u0DF4-\u0E00\u0E3B-\u0E3F\u0E4F\u0E5A-\u0E80\u0E83\u0E85\u0E8B\u0EA4\u0EA6\u0EBE\u0EBF\u0EC5\u0EC7\u0ECE\u0ECF\u0EDA\u0EDB\u0EE0-\u0EFF\u0F01-\u0F17\u0F1A-\u0F1F\u0F2A-\u0F34\u0F36\u0F38\u0F3A-\u0F3D\u0F48\u0F6D-\u0F70\u0F85\u0F98\u0FBD-\u0FC5\u0FC7-\u0FFF\u104A-\u104F\u109E\u109F\u10C6\u10C8-\u10CC\u10CE\u10CF\u10FB\u1249\u124E\u124F\u1257\u1259\u125E\u125F\u1289\u128E\u128F\u12B1\u12B6\u12B7\u12BF\u12C1\u12C6\u12C7\u12D7\u1311\u1316\u1317\u135B\u135C\u1360-\u137F\u1390-\u139F\u13F6\u13F7\u13FE-\u1400\u166D\u166E\u1680\u169B-\u169F\u16EB-\u16ED\u16F9-\u16FF\u170D\u1715-\u171F\u1735-\u173F\u1754-\u175F\u176D\u1771\u1774-\u177F\u17D4-\u17D6\u17D8-\u17DB\u17DE\u17DF\u17EA-\u180A\u180E\u180F\u181A-\u181F\u1879-\u187F\u18AB-\u18AF\u18F6-\u18FF\u191F\u192C-\u192F\u193C-\u1945\u196E\u196F\u1975-\u197F\u19AC-\u19AF\u19CA-\u19CF\u19DA-\u19FF\u1A1C-\u1A1F\u1A5F\u1A7D\u1A7E\u1A8A-\u1A8F\u1A9A-\u1AA6\u1AA8-\u1AAF\u1AC1-\u1AFF\u1B4C-\u1B4F\u1B5A-\u1B6A\u1B74-\u1B7F\u1BF4-\u1BFF\u1C38-\u1C3F\u1C4A-\u1C4C\u1C7E\u1C7F\u1C89-\u1C8F\u1CBB\u1CBC\u1CC0-\u1CCF\u1CD3\u1CFB-\u1CFF\u1DFA\u1F16\u1F17\u1F1E\u1F1F\u1F46\u1F47\u1F4E\u1F4F\u1F58\u1F5A\u1F5C\u1F5E\u1F7E\u1F7F\u1FB5\u1FBD\u1FBF-\u1FC1\u1FC5\u1FCD-\u1FCF\u1FD4\u1FD5\u1FDC-\u1FDF\u1FED-\u1FF1\u1FF5\u1FFD-\u203E\u2041-\u2053\u2055-\u2070\u2072-\u207E\u2080-\u208F\u209D-\u20CF\u20F1-\u2101\u2103-\u2106\u2108\u2109\u2114\u2116-\u2118\u211E-\u2123\u2125\u2127\u2129\u212E\u213A\u213B\u2140-\u2144\u214A-\u214D\u214F-\u215F\u2189-\u24B5\u24EA-\u2BFF\u2C2F\u2C5F\u2CE5-\u2CEA\u2CF4-\u2CFF\u2D26\u2D28-\u2D2C\u2D2E\u2D2F\u2D68-\u2D6E\u2D70-\u2D7E\u2D97-\u2D9F\u2DA7\u2DAF\u2DB7\u2DBF\u2DC7\u2DCF\u2DD7\u2DDF\u2E00-\u2E2E\u2E30-\u3004\u3008-\u3020\u3030\u3036\u3037\u303D-\u3040\u3097\u3098\u309B\u309C\u30A0\u30FB\u3100-\u3104\u3130\u318F-\u319F\u31C0-\u31EF\u3200-\u33FF\u4DC0-\u4DFF\u9FFD-\u9FFF\uA48D-\uA4CF\uA4FE\uA4FF\uA60D-\uA60F\uA62C-\uA63F\uA673\uA67E\uA6F2-\uA716\uA720\uA721\uA789\uA78A\uA7C0\uA7C1\uA7CB-\uA7F4\uA828-\uA82B\uA82D-\uA83F\uA874-\uA87F\uA8C6-\uA8CF\uA8DA-\uA8DF\uA8F8-\uA8FA\uA8FC\uA92E\uA92F\uA954-\uA95F\uA97D-\uA97F\uA9C1-\uA9CE\uA9DA-\uA9DF\uA9FF\uAA37-\uAA3F\uAA4E\uAA4F\uAA5A-\uAA5F\uAA77-\uAA79\uAAC3-\uAADA\uAADE\uAADF\uAAF0\uAAF1\uAAF7-\uAB00\uAB07\uAB08\uAB0F\uAB10\uAB17-\uAB1F\uAB27\uAB2F\uAB5B\uAB6A-\uAB6F\uABEB\uABEE\uABEF\uABFA-\uABFF\uD7A4-\uD7AF\uD7C7-\uD7CA\uD7FC-\uD7FF\uE000-\uF8FF\uFA6E\uFA6F\uFADA-\uFAFF\uFB07-\uFB12\uFB18-\uFB1C\uFB29\uFB37\uFB3D\uFB3F\uFB42\uFB45\uFBB2-\uFBD2\uFD3E-\uFD4F\uFD90\uFD91\uFDC8-\uFDEF\uFDFC-\uFDFF\uFE10-\uFE1F\uFE30-\uFE32\uFE35-\uFE4C\uFE50-\uFE6F\uFE75\uFEFD-\uFF0F\uFF1A-\uFF20\uFF3B-\uFF3E\uFF40\uFF5B-\uFF65\uFFBF-\uFFC1\uFFC8\uFFC9\uFFD0\uFFD1\uFFD8\uFFD9\uFFDD-\uFFFF]|\uD800[\uDC0C\uDC27\uDC3B\uDC3E\uDC4E\uDC4F\uDC5E-\uDC7F\uDCFB-\uDD3F\uDD75-\uDDFC\uDDFE-\uDE7F\uDE9D-\uDE9F\uDED1-\uDEDF\uDEE1-\uDEFF\uDF20-\uDF2C\uDF4B-\uDF4F\uDF7B-\uDF7F\uDF9E\uDF9F\uDFC4-\uDFC7\uDFD0\uDFD6-\uDFFF]|\uD801[\uDC9E\uDC9F\uDCAA-\uDCAF\uDCD4-\uDCD7\uDCFC-\uDCFF\uDD28-\uDD2F\uDD64-\uDDFF\uDF37-\uDF3F\uDF56-\uDF5F\uDF68-\uDFFF]|\uD802[\uDC06\uDC07\uDC09\uDC36\uDC39-\uDC3B\uDC3D\uDC3E\uDC56-\uDC5F\uDC77-\uDC7F\uDC9F-\uDCDF\uDCF3\uDCF6-\uDCFF\uDD16-\uDD1F\uDD3A-\uDD7F\uDDB8-\uDDBD\uDDC0-\uDDFF\uDE04\uDE07-\uDE0B\uDE14\uDE18\uDE36\uDE37\uDE3B-\uDE3E\uDE40-\uDE5F\uDE7D-\uDE7F\uDE9D-\uDEBF\uDEC8\uDEE7-\uDEFF\uDF36-\uDF3F\uDF56-\uDF5F\uDF73-\uDF7F\uDF92-\uDFFF]|\uD803[\uDC49-\uDC7F\uDCB3-\uDCBF\uDCF3-\uDCFF\uDD28-\uDD2F\uDD3A-\uDE7F\uDEAA\uDEAD-\uDEAF\uDEB2-\uDEFF\uDF1D-\uDF26\uDF28-\uDF2F\uDF51-\uDFAF\uDFC5-\uDFDF\uDFF7-\uDFFF]|\uD804[\uDC47-\uDC65\uDC70-\uDC7E\uDCBB-\uDCCF\uDCE9-\uDCEF\uDCFA-\uDCFF\uDD35\uDD40-\uDD43\uDD48-\uDD4F\uDD74\uDD75\uDD77-\uDD7F\uDDC5-\uDDC8\uDDCD\uDDDB\uDDDD-\uDDFF\uDE12\uDE38-\uDE3D\uDE3F-\uDE7F\uDE87\uDE89\uDE8E\uDE9E\uDEA9-\uDEAF\uDEEB-\uDEEF\uDEFA-\uDEFF\uDF04\uDF0D\uDF0E\uDF11\uDF12\uDF29\uDF31\uDF34\uDF3A\uDF45\uDF46\uDF49\uDF4A\uDF4E\uDF4F\uDF51-\uDF56\uDF58-\uDF5C\uDF64\uDF65\uDF6D-\uDF6F\uDF75-\uDFFF]|\uD805[\uDC4B-\uDC4F\uDC5A-\uDC5D\uDC62-\uDC7F\uDCC6\uDCC8-\uDCCF\uDCDA-\uDD7F\uDDB6\uDDB7\uDDC1-\uDDD7\uDDDE-\uDDFF\uDE41-\uDE43\uDE45-\uDE4F\uDE5A-\uDE7F\uDEB9-\uDEBF\uDECA-\uDEFF\uDF1B\uDF1C\uDF2C-\uDF2F\uDF3A-\uDFFF]|\uD806[\uDC3B-\uDC9F\uDCEA-\uDCFE\uDD07\uDD08\uDD0A\uDD0B\uDD14\uDD17\uDD36\uDD39\uDD3A\uDD44-\uDD4F\uDD5A-\uDD9F\uDDA8\uDDA9\uDDD8\uDDD9\uDDE2\uDDE5-\uDDFF\uDE3F-\uDE46\uDE48-\uDE4F\uDE9A-\uDE9C\uDE9E-\uDEBF\uDEF9-\uDFFF]|\uD807[\uDC09\uDC37\uDC41-\uDC4F\uDC5A-\uDC71\uDC90\uDC91\uDCA8\uDCB7-\uDCFF\uDD07\uDD0A\uDD37-\uDD39\uDD3B\uDD3E\uDD48-\uDD4F\uDD5A-\uDD5F\uDD66\uDD69\uDD8F\uDD92\uDD99-\uDD9F\uDDAA-\uDEDF\uDEF7-\uDFAF\uDFB1-\uDFFF]|\uD808[\uDF9A-\uDFFF]|\uD809[\uDC6F-\uDC7F\uDD44-\uDFFF]|[\uD80A\uD80B\uD80E-\uD810\uD812-\uD819\uD824-\uD82B\uD82D\uD82E\uD830-\uD833\uD837\uD839\uD83D\uD83F\uD87B-\uD87D\uD87F\uD885-\uDB3F\uDB41-\uDBFF][\uDC00-\uDFFF]|\uD80D[\uDC2F-\uDFFF]|\uD811[\uDE47-\uDFFF]|\uD81A[\uDE39-\uDE3F\uDE5F\uDE6A-\uDECF\uDEEE\uDEEF\uDEF5-\uDEFF\uDF37-\uDF3F\uDF44-\uDF4F\uDF5A-\uDF62\uDF78-\uDF7C\uDF90-\uDFFF]|\uD81B[\uDC00-\uDE3F\uDE80-\uDEFF\uDF4B-\uDF4E\uDF88-\uDF8E\uDFA0-\uDFDF\uDFE2\uDFE5-\uDFEF\uDFF2-\uDFFF]|\uD821[\uDFF8-\uDFFF]|\uD823[\uDCD6-\uDCFF\uDD09-\uDFFF]|\uD82C[\uDD1F-\uDD4F\uDD53-\uDD63\uDD68-\uDD6F\uDEFC-\uDFFF]|\uD82F[\uDC6B-\uDC6F\uDC7D-\uDC7F\uDC89-\uDC8F\uDC9A-\uDC9C\uDC9F-\uDFFF]|\uD834[\uDC00-\uDD64\uDD6A-\uDD6C\uDD73-\uDD7A\uDD83\uDD84\uDD8C-\uDDA9\uDDAE-\uDE41\uDE45-\uDFFF]|\uD835[\uDC55\uDC9D\uDCA0\uDCA1\uDCA3\uDCA4\uDCA7\uDCA8\uDCAD\uDCBA\uDCBC\uDCC4\uDD06\uDD0B\uDD0C\uDD15\uDD1D\uDD3A\uDD3F\uDD45\uDD47-\uDD49\uDD51\uDEA6\uDEA7\uDEC1\uDEDB\uDEFB\uDF15\uDF35\uDF4F\uDF6F\uDF89\uDFA9\uDFC3\uDFCC\uDFCD]|\uD836[\uDC00-\uDDFF\uDE37-\uDE3A\uDE6D-\uDE74\uDE76-\uDE83\uDE85-\uDE9A\uDEA0\uDEB0-\uDFFF]|\uD838[\uDC07\uDC19\uDC1A\uDC22\uDC25\uDC2B-\uDCFF\uDD2D-\uDD2F\uDD3E\uDD3F\uDD4A-\uDD4D\uDD4F-\uDEBF\uDEFA-\uDFFF]|\uD83A[\uDCC5-\uDCCF\uDCD7-\uDCFF\uDD4C-\uDD4F\uDD5A-\uDFFF]|\uD83B[\uDC00-\uDDFF\uDE04\uDE20\uDE23\uDE25\uDE26\uDE28\uDE33\uDE38\uDE3A\uDE3C-\uDE41\uDE43-\uDE46\uDE48\uDE4A\uDE4C\uDE50\uDE53\uDE55\uDE56\uDE58\uDE5A\uDE5C\uDE5E\uDE60\uDE63\uDE65\uDE66\uDE6B\uDE73\uDE78\uDE7D\uDE7F\uDE8A\uDE9C-\uDEA0\uDEA4\uDEAA\uDEBC-\uDFFF]|\uD83C[\uDC00-\uDD2F\uDD4A-\uDD4F\uDD6A-\uDD6F\uDD8A-\uDFFF]|\uD83E[\uDC00-\uDFEF\uDFFA-\uDFFF]|\uD869[\uDEDE-\uDEFF]|\uD86D[\uDF35-\uDF3F]|\uD86E[\uDC1E\uDC1F]|\uD873[\uDEA2-\uDEAF]|\uD87A[\uDFE1-\uDFFF]|\uD87E[\uDE1E-\uDFFF]|\uD884[\uDF4B-\uDFFF]|\uDB40[\uDC00-\uDCFF\uDDF0-\uDFFF]/g,Fm=Object.hasOwnProperty,Im=class{constructor(){this.occurrences,this.reset()}slug(e,t){let n=this,r=zi(e,t===!0),i=r;for(;Fm.call(n.occurrences,r);)n.occurrences[i]++,r=i+`-`+n.occurrences[i];return n.occurrences[r]=0,r}reset(){this.occurrences=Object.create(null)}},Lm=new Im,Rm=({children:e,disableAnchor:t,...n})=>{if(t||typeof e!=`string`)return za.createElement(je,null,e);let r=Lm.slug(e.toLowerCase());return za.createElement(Cm,{as:`h2`,id:r,...n},e)},zm=Au(`Heading`,Rm),Bm=({children:e,disableAnchor:t})=>{if(t||typeof e!=`string`)return Ra.createElement(_e,null,e);let n=Lm.slug(e.toLowerCase());return Ra.createElement(Cm,{as:`h3`,id:n},e)},Vm=Au(`Subheading`,Bm),Hm=({of:e,expanded:t=!0,withToolbar:n=!1,__forceInitialArgs:r=!1,__primary:i=!1})=>{let{story:a}=Z(e||`story`,[`story`]),o=a.parameters.docs?.canvas?.withToolbar??n;return La.createElement(yd,{storyId:i?`primary--${a.id}`:a.id},t&&La.createElement(La.Fragment,null,La.createElement(Vm,null,a.name),La.createElement(Am,{of:e})),La.createElement(em,{of:e,withToolbar:o,story:{__forceInitialArgs:r,__primary:i},source:{__forceInitialArgs:r}}))},Um=Au(`DocsStory`,Hm),Wm=()=>{let e=um();return e?Ia.createElement(Um,{of:e.moduleExport,expanded:!1,__primary:!0,withToolbar:!0}):null},Gm=Au(`Primary`,Wm),{Tag:Km}=__STORYBOOK_MODULE_PREVIEW_API__,qm=_(zm)(({theme:e})=>({fontSize:`${e.typography.size.s2-1}px`,fontWeight:e.typography.weight.bold,lineHeight:`16px`,letterSpacing:`0.35em`,textTransform:`uppercase`,color:e.textMutedColor,border:0,marginBottom:`12px`,"&:first-of-type":{marginTop:`56px`}})),Jm=({title:e=`Stories`,includePrimary:t=!0})=>{let{componentStories:n,projectAnnotations:r,getStoryContext:i}=(0,Ba.useContext)(Du),a=n(),{stories:{filter:o}={filter:void 0}}=r.parameters?.docs||{};return o&&(a=a.filter(e=>o(e,i(e)))),a.some(e=>e.tags?.includes(Km.AUTODOCS))&&(a=a.filter(e=>e.tags?.includes(Km.AUTODOCS)&&!e.usesMount)),t||(a=a.slice(1)),!a||a.length===0?null:Ba.createElement(Ba.Fragment,null,typeof e==`string`?Ba.createElement(qm,null,e):e,a.map(e=>e&&Ba.createElement(Um,{key:e.id,of:e.moduleExport,expanded:!0,__forceInitialArgs:!0})))},Ym=Au(`Stories`,Jm),{deprecate:Xm}=__STORYBOOK_MODULE_CLIENT_LOGGER__,Zm=`https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#subtitle-block-and-parameterscomponentsubtitle`,Qm=e=>{let{of:t,children:n}=e;if(`of`in e&&t===void 0)throw Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let r;try{r=Z(t||`meta`,[`meta`]).preparedMeta}catch(e){if(n&&!e.message.includes(`did you forget to use ?`))throw e}let{componentSubtitle:i,docs:a}=r?.parameters||{};i&&Xm(`Using 'parameters.componentSubtitle' property to subtitle stories is deprecated. See ${Zm}`);let o=n||a?.subtitle||i;return o?Va.createElement(iu,{className:`sbdocs-subtitle sb-unstyled`},o):null},$m=Au(`Subtitle`,Qm),eh=/\s*\/\s*/,th=e=>{let t=e.trim().split(eh);return t?.[t?.length-1]||e},nh=e=>{let{children:t,of:n}=e;if(`of`in e&&n===void 0)throw Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let r;try{r=Z(n||`meta`,[`meta`]).preparedMeta}catch(e){if(t&&e instanceof Error&&!e.message.includes(`did you forget to use ?`))throw e}let i=t||th(r?.title||``);return i?Ha.createElement(ru,{className:`sbdocs-title sb-unstyled`},i):null},rh=Au(`Title`,nh),ih=()=>{let{stories:e}=Z(`meta`,[`meta`]).csfFile,t=Object.keys(e).length===1;return Fa.createElement(Fa.Fragment,null,Fa.createElement(rh,null),Fa.createElement($m,null),Fa.createElement(Am,{of:`meta`}),t?Fa.createElement(Am,{of:`story`}):null,Fa.createElement(Gm,null),Fa.createElement(fm,null),t?null:Fa.createElement(Ym,null))},{composeConfigs:ah}=__STORYBOOK_MODULE_PREVIEW_API__,{Channel:oh}=__STORYBOOK_MODULE_CHANNELS__,{Preview:sh,composeConfigs:ch}=__STORYBOOK_MODULE_PREVIEW_API__,{DocsContext:lh}=__STORYBOOK_MODULE_PREVIEW_API__,uh=e=>Ua.createElement(`div`,{...e,className:`sb-unstyled`}),Au(`Unstyled`,uh),dh=({children:e})=>Wa.createElement(`div`,{style:{fontFamily:`sans-serif`}},e),Au(`Wrapper`,dh)})),ph,mh,hh,gh,_h=t((()=>{ph=e(u(),1),Ze(),fh(),r(),mh={code:hm,a:vm,...wm},hh=class extends ph.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e){let{showException:t}=this.props;t(e)}render(){let{hasError:e}=this.state,{children:t}=this.props;return e?null:ph.createElement(ph.Fragment,null,t)}},gh=class{constructor(){this.render=async(e,t,n)=>{let r={...mh,...t?.components},a=Bi;return new Promise((o,s)=>{i(async()=>{let{MDXProvider:e}=await import(`./react-CMQ2J9Vz.js`).then(e=>(e.t(),e.n));return{MDXProvider:e}},__vite__mapDeps([11,1,7]),import.meta.url).then(({MDXProvider:i})=>Je(ph.createElement(hh,{showException:s,key:Math.random()},ph.createElement(i,{components:r},ph.createElement(a,{context:e,docsParameter:t}))),n)).then(()=>o())})},this.unmount=e=>{Ye(e)}}}}));t((()=>{_h()}))();export{gh as DocsRenderer};
\ No newline at end of file
+ `);return ja.createElement(As,{...e,options:{forceBlock:!0,overrides:{code:hm,a:vm,...wm,...e?.options?.overrides},...e?.options}})},Em=Au(`Markdown`,Tm),Dm=(e=>(e.INFO=`info`,e.NOTES=`notes`,e.DOCGEN=`docgen`,e.AUTO=`auto`,e))(Dm||{}),Om=e=>{switch(e.type){case`story`:return e.story.parameters.docs?.description?.story||null;case`meta`:{let{parameters:t,component:n}=e.preparedMeta;return t.docs?.description?.component||t.docs?.extractComponentDescription?.(n,{component:n,parameters:t})||null}case`component`:{let{component:t,projectAnnotations:{parameters:n}}=e;return n?.docs?.extractComponentDescription?.(t,{component:t,parameters:n})||null}default:throw Error(`Unrecognized module type resolved from 'useOf', got: ${e.type}`)}},km=e=>{let{of:t}=e;if(`of`in e&&t===void 0)throw Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let n=Om(Z(t||`meta`));return n?Aa.createElement(Em,null,n):null},Am=Au(`Description`,km),{document:jm,window:Mm}=globalThis,Nm=({context:e,theme:t,children:n})=>{let r;try{r=e.resolveOf(`meta`,[`meta`]).preparedMeta.parameters?.docs?.toc}catch{r=e?.projectAnnotations?.parameters?.docs?.toc}return(0,Pa.useEffect)(()=>{let e;try{if(e=new URL(Mm.parent.location.toString()),e.hash){let t=jm.getElementById(decodeURIComponent(e.hash.substring(1)));t&&setTimeout(()=>{Yr(t)},200)}}catch{}}),Pa.createElement(Du.Provider,{value:e},Pa.createElement(Jp,{channel:e.channel},Pa.createElement(S,{theme:x(t)},Pa.createElement(su,{toc:r?Pa.createElement(_d,{className:`sbdocs sbdocs-toc--custom`,channel:e.channel,...r}):null},n))))},Pm=/[\0-\x1F!-,\.\/:-@\[-\^`\{-\xA9\xAB-\xB4\xB6-\xB9\xBB-\xBF\xD7\xF7\u02C2-\u02C5\u02D2-\u02DF\u02E5-\u02EB\u02ED\u02EF-\u02FF\u0375\u0378\u0379\u037E\u0380-\u0385\u0387\u038B\u038D\u03A2\u03F6\u0482\u0530\u0557\u0558\u055A-\u055F\u0589-\u0590\u05BE\u05C0\u05C3\u05C6\u05C8-\u05CF\u05EB-\u05EE\u05F3-\u060F\u061B-\u061F\u066A-\u066D\u06D4\u06DD\u06DE\u06E9\u06FD\u06FE\u0700-\u070F\u074B\u074C\u07B2-\u07BF\u07F6-\u07F9\u07FB\u07FC\u07FE\u07FF\u082E-\u083F\u085C-\u085F\u086B-\u089F\u08B5\u08C8-\u08D2\u08E2\u0964\u0965\u0970\u0984\u098D\u098E\u0991\u0992\u09A9\u09B1\u09B3-\u09B5\u09BA\u09BB\u09C5\u09C6\u09C9\u09CA\u09CF-\u09D6\u09D8-\u09DB\u09DE\u09E4\u09E5\u09F2-\u09FB\u09FD\u09FF\u0A00\u0A04\u0A0B-\u0A0E\u0A11\u0A12\u0A29\u0A31\u0A34\u0A37\u0A3A\u0A3B\u0A3D\u0A43-\u0A46\u0A49\u0A4A\u0A4E-\u0A50\u0A52-\u0A58\u0A5D\u0A5F-\u0A65\u0A76-\u0A80\u0A84\u0A8E\u0A92\u0AA9\u0AB1\u0AB4\u0ABA\u0ABB\u0AC6\u0ACA\u0ACE\u0ACF\u0AD1-\u0ADF\u0AE4\u0AE5\u0AF0-\u0AF8\u0B00\u0B04\u0B0D\u0B0E\u0B11\u0B12\u0B29\u0B31\u0B34\u0B3A\u0B3B\u0B45\u0B46\u0B49\u0B4A\u0B4E-\u0B54\u0B58-\u0B5B\u0B5E\u0B64\u0B65\u0B70\u0B72-\u0B81\u0B84\u0B8B-\u0B8D\u0B91\u0B96-\u0B98\u0B9B\u0B9D\u0BA0-\u0BA2\u0BA5-\u0BA7\u0BAB-\u0BAD\u0BBA-\u0BBD\u0BC3-\u0BC5\u0BC9\u0BCE\u0BCF\u0BD1-\u0BD6\u0BD8-\u0BE5\u0BF0-\u0BFF\u0C0D\u0C11\u0C29\u0C3A-\u0C3C\u0C45\u0C49\u0C4E-\u0C54\u0C57\u0C5B-\u0C5F\u0C64\u0C65\u0C70-\u0C7F\u0C84\u0C8D\u0C91\u0CA9\u0CB4\u0CBA\u0CBB\u0CC5\u0CC9\u0CCE-\u0CD4\u0CD7-\u0CDD\u0CDF\u0CE4\u0CE5\u0CF0\u0CF3-\u0CFF\u0D0D\u0D11\u0D45\u0D49\u0D4F-\u0D53\u0D58-\u0D5E\u0D64\u0D65\u0D70-\u0D79\u0D80\u0D84\u0D97-\u0D99\u0DB2\u0DBC\u0DBE\u0DBF\u0DC7-\u0DC9\u0DCB-\u0DCE\u0DD5\u0DD7\u0DE0-\u0DE5\u0DF0\u0DF1\u0DF4-\u0E00\u0E3B-\u0E3F\u0E4F\u0E5A-\u0E80\u0E83\u0E85\u0E8B\u0EA4\u0EA6\u0EBE\u0EBF\u0EC5\u0EC7\u0ECE\u0ECF\u0EDA\u0EDB\u0EE0-\u0EFF\u0F01-\u0F17\u0F1A-\u0F1F\u0F2A-\u0F34\u0F36\u0F38\u0F3A-\u0F3D\u0F48\u0F6D-\u0F70\u0F85\u0F98\u0FBD-\u0FC5\u0FC7-\u0FFF\u104A-\u104F\u109E\u109F\u10C6\u10C8-\u10CC\u10CE\u10CF\u10FB\u1249\u124E\u124F\u1257\u1259\u125E\u125F\u1289\u128E\u128F\u12B1\u12B6\u12B7\u12BF\u12C1\u12C6\u12C7\u12D7\u1311\u1316\u1317\u135B\u135C\u1360-\u137F\u1390-\u139F\u13F6\u13F7\u13FE-\u1400\u166D\u166E\u1680\u169B-\u169F\u16EB-\u16ED\u16F9-\u16FF\u170D\u1715-\u171F\u1735-\u173F\u1754-\u175F\u176D\u1771\u1774-\u177F\u17D4-\u17D6\u17D8-\u17DB\u17DE\u17DF\u17EA-\u180A\u180E\u180F\u181A-\u181F\u1879-\u187F\u18AB-\u18AF\u18F6-\u18FF\u191F\u192C-\u192F\u193C-\u1945\u196E\u196F\u1975-\u197F\u19AC-\u19AF\u19CA-\u19CF\u19DA-\u19FF\u1A1C-\u1A1F\u1A5F\u1A7D\u1A7E\u1A8A-\u1A8F\u1A9A-\u1AA6\u1AA8-\u1AAF\u1AC1-\u1AFF\u1B4C-\u1B4F\u1B5A-\u1B6A\u1B74-\u1B7F\u1BF4-\u1BFF\u1C38-\u1C3F\u1C4A-\u1C4C\u1C7E\u1C7F\u1C89-\u1C8F\u1CBB\u1CBC\u1CC0-\u1CCF\u1CD3\u1CFB-\u1CFF\u1DFA\u1F16\u1F17\u1F1E\u1F1F\u1F46\u1F47\u1F4E\u1F4F\u1F58\u1F5A\u1F5C\u1F5E\u1F7E\u1F7F\u1FB5\u1FBD\u1FBF-\u1FC1\u1FC5\u1FCD-\u1FCF\u1FD4\u1FD5\u1FDC-\u1FDF\u1FED-\u1FF1\u1FF5\u1FFD-\u203E\u2041-\u2053\u2055-\u2070\u2072-\u207E\u2080-\u208F\u209D-\u20CF\u20F1-\u2101\u2103-\u2106\u2108\u2109\u2114\u2116-\u2118\u211E-\u2123\u2125\u2127\u2129\u212E\u213A\u213B\u2140-\u2144\u214A-\u214D\u214F-\u215F\u2189-\u24B5\u24EA-\u2BFF\u2C2F\u2C5F\u2CE5-\u2CEA\u2CF4-\u2CFF\u2D26\u2D28-\u2D2C\u2D2E\u2D2F\u2D68-\u2D6E\u2D70-\u2D7E\u2D97-\u2D9F\u2DA7\u2DAF\u2DB7\u2DBF\u2DC7\u2DCF\u2DD7\u2DDF\u2E00-\u2E2E\u2E30-\u3004\u3008-\u3020\u3030\u3036\u3037\u303D-\u3040\u3097\u3098\u309B\u309C\u30A0\u30FB\u3100-\u3104\u3130\u318F-\u319F\u31C0-\u31EF\u3200-\u33FF\u4DC0-\u4DFF\u9FFD-\u9FFF\uA48D-\uA4CF\uA4FE\uA4FF\uA60D-\uA60F\uA62C-\uA63F\uA673\uA67E\uA6F2-\uA716\uA720\uA721\uA789\uA78A\uA7C0\uA7C1\uA7CB-\uA7F4\uA828-\uA82B\uA82D-\uA83F\uA874-\uA87F\uA8C6-\uA8CF\uA8DA-\uA8DF\uA8F8-\uA8FA\uA8FC\uA92E\uA92F\uA954-\uA95F\uA97D-\uA97F\uA9C1-\uA9CE\uA9DA-\uA9DF\uA9FF\uAA37-\uAA3F\uAA4E\uAA4F\uAA5A-\uAA5F\uAA77-\uAA79\uAAC3-\uAADA\uAADE\uAADF\uAAF0\uAAF1\uAAF7-\uAB00\uAB07\uAB08\uAB0F\uAB10\uAB17-\uAB1F\uAB27\uAB2F\uAB5B\uAB6A-\uAB6F\uABEB\uABEE\uABEF\uABFA-\uABFF\uD7A4-\uD7AF\uD7C7-\uD7CA\uD7FC-\uD7FF\uE000-\uF8FF\uFA6E\uFA6F\uFADA-\uFAFF\uFB07-\uFB12\uFB18-\uFB1C\uFB29\uFB37\uFB3D\uFB3F\uFB42\uFB45\uFBB2-\uFBD2\uFD3E-\uFD4F\uFD90\uFD91\uFDC8-\uFDEF\uFDFC-\uFDFF\uFE10-\uFE1F\uFE30-\uFE32\uFE35-\uFE4C\uFE50-\uFE6F\uFE75\uFEFD-\uFF0F\uFF1A-\uFF20\uFF3B-\uFF3E\uFF40\uFF5B-\uFF65\uFFBF-\uFFC1\uFFC8\uFFC9\uFFD0\uFFD1\uFFD8\uFFD9\uFFDD-\uFFFF]|\uD800[\uDC0C\uDC27\uDC3B\uDC3E\uDC4E\uDC4F\uDC5E-\uDC7F\uDCFB-\uDD3F\uDD75-\uDDFC\uDDFE-\uDE7F\uDE9D-\uDE9F\uDED1-\uDEDF\uDEE1-\uDEFF\uDF20-\uDF2C\uDF4B-\uDF4F\uDF7B-\uDF7F\uDF9E\uDF9F\uDFC4-\uDFC7\uDFD0\uDFD6-\uDFFF]|\uD801[\uDC9E\uDC9F\uDCAA-\uDCAF\uDCD4-\uDCD7\uDCFC-\uDCFF\uDD28-\uDD2F\uDD64-\uDDFF\uDF37-\uDF3F\uDF56-\uDF5F\uDF68-\uDFFF]|\uD802[\uDC06\uDC07\uDC09\uDC36\uDC39-\uDC3B\uDC3D\uDC3E\uDC56-\uDC5F\uDC77-\uDC7F\uDC9F-\uDCDF\uDCF3\uDCF6-\uDCFF\uDD16-\uDD1F\uDD3A-\uDD7F\uDDB8-\uDDBD\uDDC0-\uDDFF\uDE04\uDE07-\uDE0B\uDE14\uDE18\uDE36\uDE37\uDE3B-\uDE3E\uDE40-\uDE5F\uDE7D-\uDE7F\uDE9D-\uDEBF\uDEC8\uDEE7-\uDEFF\uDF36-\uDF3F\uDF56-\uDF5F\uDF73-\uDF7F\uDF92-\uDFFF]|\uD803[\uDC49-\uDC7F\uDCB3-\uDCBF\uDCF3-\uDCFF\uDD28-\uDD2F\uDD3A-\uDE7F\uDEAA\uDEAD-\uDEAF\uDEB2-\uDEFF\uDF1D-\uDF26\uDF28-\uDF2F\uDF51-\uDFAF\uDFC5-\uDFDF\uDFF7-\uDFFF]|\uD804[\uDC47-\uDC65\uDC70-\uDC7E\uDCBB-\uDCCF\uDCE9-\uDCEF\uDCFA-\uDCFF\uDD35\uDD40-\uDD43\uDD48-\uDD4F\uDD74\uDD75\uDD77-\uDD7F\uDDC5-\uDDC8\uDDCD\uDDDB\uDDDD-\uDDFF\uDE12\uDE38-\uDE3D\uDE3F-\uDE7F\uDE87\uDE89\uDE8E\uDE9E\uDEA9-\uDEAF\uDEEB-\uDEEF\uDEFA-\uDEFF\uDF04\uDF0D\uDF0E\uDF11\uDF12\uDF29\uDF31\uDF34\uDF3A\uDF45\uDF46\uDF49\uDF4A\uDF4E\uDF4F\uDF51-\uDF56\uDF58-\uDF5C\uDF64\uDF65\uDF6D-\uDF6F\uDF75-\uDFFF]|\uD805[\uDC4B-\uDC4F\uDC5A-\uDC5D\uDC62-\uDC7F\uDCC6\uDCC8-\uDCCF\uDCDA-\uDD7F\uDDB6\uDDB7\uDDC1-\uDDD7\uDDDE-\uDDFF\uDE41-\uDE43\uDE45-\uDE4F\uDE5A-\uDE7F\uDEB9-\uDEBF\uDECA-\uDEFF\uDF1B\uDF1C\uDF2C-\uDF2F\uDF3A-\uDFFF]|\uD806[\uDC3B-\uDC9F\uDCEA-\uDCFE\uDD07\uDD08\uDD0A\uDD0B\uDD14\uDD17\uDD36\uDD39\uDD3A\uDD44-\uDD4F\uDD5A-\uDD9F\uDDA8\uDDA9\uDDD8\uDDD9\uDDE2\uDDE5-\uDDFF\uDE3F-\uDE46\uDE48-\uDE4F\uDE9A-\uDE9C\uDE9E-\uDEBF\uDEF9-\uDFFF]|\uD807[\uDC09\uDC37\uDC41-\uDC4F\uDC5A-\uDC71\uDC90\uDC91\uDCA8\uDCB7-\uDCFF\uDD07\uDD0A\uDD37-\uDD39\uDD3B\uDD3E\uDD48-\uDD4F\uDD5A-\uDD5F\uDD66\uDD69\uDD8F\uDD92\uDD99-\uDD9F\uDDAA-\uDEDF\uDEF7-\uDFAF\uDFB1-\uDFFF]|\uD808[\uDF9A-\uDFFF]|\uD809[\uDC6F-\uDC7F\uDD44-\uDFFF]|[\uD80A\uD80B\uD80E-\uD810\uD812-\uD819\uD824-\uD82B\uD82D\uD82E\uD830-\uD833\uD837\uD839\uD83D\uD83F\uD87B-\uD87D\uD87F\uD885-\uDB3F\uDB41-\uDBFF][\uDC00-\uDFFF]|\uD80D[\uDC2F-\uDFFF]|\uD811[\uDE47-\uDFFF]|\uD81A[\uDE39-\uDE3F\uDE5F\uDE6A-\uDECF\uDEEE\uDEEF\uDEF5-\uDEFF\uDF37-\uDF3F\uDF44-\uDF4F\uDF5A-\uDF62\uDF78-\uDF7C\uDF90-\uDFFF]|\uD81B[\uDC00-\uDE3F\uDE80-\uDEFF\uDF4B-\uDF4E\uDF88-\uDF8E\uDFA0-\uDFDF\uDFE2\uDFE5-\uDFEF\uDFF2-\uDFFF]|\uD821[\uDFF8-\uDFFF]|\uD823[\uDCD6-\uDCFF\uDD09-\uDFFF]|\uD82C[\uDD1F-\uDD4F\uDD53-\uDD63\uDD68-\uDD6F\uDEFC-\uDFFF]|\uD82F[\uDC6B-\uDC6F\uDC7D-\uDC7F\uDC89-\uDC8F\uDC9A-\uDC9C\uDC9F-\uDFFF]|\uD834[\uDC00-\uDD64\uDD6A-\uDD6C\uDD73-\uDD7A\uDD83\uDD84\uDD8C-\uDDA9\uDDAE-\uDE41\uDE45-\uDFFF]|\uD835[\uDC55\uDC9D\uDCA0\uDCA1\uDCA3\uDCA4\uDCA7\uDCA8\uDCAD\uDCBA\uDCBC\uDCC4\uDD06\uDD0B\uDD0C\uDD15\uDD1D\uDD3A\uDD3F\uDD45\uDD47-\uDD49\uDD51\uDEA6\uDEA7\uDEC1\uDEDB\uDEFB\uDF15\uDF35\uDF4F\uDF6F\uDF89\uDFA9\uDFC3\uDFCC\uDFCD]|\uD836[\uDC00-\uDDFF\uDE37-\uDE3A\uDE6D-\uDE74\uDE76-\uDE83\uDE85-\uDE9A\uDEA0\uDEB0-\uDFFF]|\uD838[\uDC07\uDC19\uDC1A\uDC22\uDC25\uDC2B-\uDCFF\uDD2D-\uDD2F\uDD3E\uDD3F\uDD4A-\uDD4D\uDD4F-\uDEBF\uDEFA-\uDFFF]|\uD83A[\uDCC5-\uDCCF\uDCD7-\uDCFF\uDD4C-\uDD4F\uDD5A-\uDFFF]|\uD83B[\uDC00-\uDDFF\uDE04\uDE20\uDE23\uDE25\uDE26\uDE28\uDE33\uDE38\uDE3A\uDE3C-\uDE41\uDE43-\uDE46\uDE48\uDE4A\uDE4C\uDE50\uDE53\uDE55\uDE56\uDE58\uDE5A\uDE5C\uDE5E\uDE60\uDE63\uDE65\uDE66\uDE6B\uDE73\uDE78\uDE7D\uDE7F\uDE8A\uDE9C-\uDEA0\uDEA4\uDEAA\uDEBC-\uDFFF]|\uD83C[\uDC00-\uDD2F\uDD4A-\uDD4F\uDD6A-\uDD6F\uDD8A-\uDFFF]|\uD83E[\uDC00-\uDFEF\uDFFA-\uDFFF]|\uD869[\uDEDE-\uDEFF]|\uD86D[\uDF35-\uDF3F]|\uD86E[\uDC1E\uDC1F]|\uD873[\uDEA2-\uDEAF]|\uD87A[\uDFE1-\uDFFF]|\uD87E[\uDE1E-\uDFFF]|\uD884[\uDF4B-\uDFFF]|\uDB40[\uDC00-\uDCFF\uDDF0-\uDFFF]/g,Fm=Object.hasOwnProperty,Im=class{constructor(){this.occurrences,this.reset()}slug(e,t){let n=this,r=zi(e,t===!0),i=r;for(;Fm.call(n.occurrences,r);)n.occurrences[i]++,r=i+`-`+n.occurrences[i];return n.occurrences[r]=0,r}reset(){this.occurrences=Object.create(null)}},Lm=new Im,Rm=({children:e,disableAnchor:t,...n})=>{if(t||typeof e!=`string`)return za.createElement(je,null,e);let r=Lm.slug(e.toLowerCase());return za.createElement(Cm,{as:`h2`,id:r,...n},e)},zm=Au(`Heading`,Rm),Bm=({children:e,disableAnchor:t})=>{if(t||typeof e!=`string`)return Ra.createElement(_e,null,e);let n=Lm.slug(e.toLowerCase());return Ra.createElement(Cm,{as:`h3`,id:n},e)},Vm=Au(`Subheading`,Bm),Hm=({of:e,expanded:t=!0,withToolbar:n=!1,__forceInitialArgs:r=!1,__primary:i=!1})=>{let{story:a}=Z(e||`story`,[`story`]),o=a.parameters.docs?.canvas?.withToolbar??n;return La.createElement(yd,{storyId:i?`primary--${a.id}`:a.id},t&&La.createElement(La.Fragment,null,La.createElement(Vm,null,a.name),La.createElement(Am,{of:e})),La.createElement(em,{of:e,withToolbar:o,story:{__forceInitialArgs:r,__primary:i},source:{__forceInitialArgs:r}}))},Um=Au(`DocsStory`,Hm),Wm=()=>{let e=um();return e?Ia.createElement(Um,{of:e.moduleExport,expanded:!1,__primary:!0,withToolbar:!0}):null},Gm=Au(`Primary`,Wm),{Tag:Km}=__STORYBOOK_MODULE_PREVIEW_API__,qm=_(zm)(({theme:e})=>({fontSize:`${e.typography.size.s2-1}px`,fontWeight:e.typography.weight.bold,lineHeight:`16px`,letterSpacing:`0.35em`,textTransform:`uppercase`,color:e.textMutedColor,border:0,marginBottom:`12px`,"&:first-of-type":{marginTop:`56px`}})),Jm=({title:e=`Stories`,includePrimary:t=!0})=>{let{componentStories:n,projectAnnotations:r,getStoryContext:i}=(0,Ba.useContext)(Du),a=n(),{stories:{filter:o}={filter:void 0}}=r.parameters?.docs||{};return o&&(a=a.filter(e=>o(e,i(e)))),a.some(e=>e.tags?.includes(Km.AUTODOCS))&&(a=a.filter(e=>e.tags?.includes(Km.AUTODOCS)&&!e.usesMount)),t||(a=a.slice(1)),!a||a.length===0?null:Ba.createElement(Ba.Fragment,null,typeof e==`string`?Ba.createElement(qm,null,e):e,a.map(e=>e&&Ba.createElement(Um,{key:e.id,of:e.moduleExport,expanded:!0,__forceInitialArgs:!0})))},Ym=Au(`Stories`,Jm),{deprecate:Xm}=__STORYBOOK_MODULE_CLIENT_LOGGER__,Zm=`https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#subtitle-block-and-parameterscomponentsubtitle`,Qm=e=>{let{of:t,children:n}=e;if(`of`in e&&t===void 0)throw Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let r;try{r=Z(t||`meta`,[`meta`]).preparedMeta}catch(e){if(n&&!e.message.includes(`did you forget to use ?`))throw e}let{componentSubtitle:i,docs:a}=r?.parameters||{};i&&Xm(`Using 'parameters.componentSubtitle' property to subtitle stories is deprecated. See ${Zm}`);let o=n||a?.subtitle||i;return o?Va.createElement(iu,{className:`sbdocs-subtitle sb-unstyled`},o):null},$m=Au(`Subtitle`,Qm),eh=/\s*\/\s*/,th=e=>{let t=e.trim().split(eh);return t?.[t?.length-1]||e},nh=e=>{let{children:t,of:n}=e;if(`of`in e&&n===void 0)throw Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let r;try{r=Z(n||`meta`,[`meta`]).preparedMeta}catch(e){if(t&&e instanceof Error&&!e.message.includes(`did you forget to use ?`))throw e}let i=t||th(r?.title||``);return i?Ha.createElement(ru,{className:`sbdocs-title sb-unstyled`},i):null},rh=Au(`Title`,nh),ih=()=>{let{stories:e}=Z(`meta`,[`meta`]).csfFile,t=Object.keys(e).length===1;return Fa.createElement(Fa.Fragment,null,Fa.createElement(rh,null),Fa.createElement($m,null),Fa.createElement(Am,{of:`meta`}),t?Fa.createElement(Am,{of:`story`}):null,Fa.createElement(Gm,null),Fa.createElement(fm,null),t?null:Fa.createElement(Ym,null))},{composeConfigs:ah}=__STORYBOOK_MODULE_PREVIEW_API__,{Channel:oh}=__STORYBOOK_MODULE_CHANNELS__,{Preview:sh,composeConfigs:ch}=__STORYBOOK_MODULE_PREVIEW_API__,{DocsContext:lh}=__STORYBOOK_MODULE_PREVIEW_API__,uh=e=>Ua.createElement(`div`,{...e,className:`sb-unstyled`}),Au(`Unstyled`,uh),dh=({children:e})=>Wa.createElement(`div`,{style:{fontFamily:`sans-serif`}},e),Au(`Wrapper`,dh)})),ph,mh,hh,gh,_h=t((()=>{ph=e(u(),1),Ze(),fh(),r(),mh={code:hm,a:vm,...wm},hh=class extends ph.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e){let{showException:t}=this.props;t(e)}render(){let{hasError:e}=this.state,{children:t}=this.props;return e?null:ph.createElement(ph.Fragment,null,t)}},gh=class{constructor(){this.render=async(e,t,n)=>{let r={...mh,...t?.components},a=Bi;return new Promise((o,s)=>{i(async()=>{let{MDXProvider:e}=await import(`./react-CMQ2J9Vz.js`).then(e=>(e.t(),e.n));return{MDXProvider:e}},__vite__mapDeps([12,1,8]),import.meta.url).then(({MDXProvider:i})=>Je(ph.createElement(hh,{showException:s,key:Math.random()},ph.createElement(i,{components:r},ph.createElement(a,{context:e,docsParameter:t}))),n)).then(()=>o())})},this.unmount=e=>{Ye(e)}}}}));t((()=>{_h()}))();export{gh as DocsRenderer};
\ No newline at end of file
diff --git a/storybook/static/assets/Header-D2BDzFwA.js b/storybook/static/assets/Header-D2BDzFwA.js
new file mode 100644
index 0000000000..ca045fb880
--- /dev/null
+++ b/storybook/static/assets/Header-D2BDzFwA.js
@@ -0,0 +1,14 @@
+import{n as e}from"./chunk-BneVvdWh.js";import{n as t,o as n}from"./theme-utils-B-KYefhh.js";function r({title:e=`Title`,width:t=261,variant:r=`panel`,theme:s}={}){let c=n(s),l=i[c]??i.Light,u=c.startsWith(`Modern`),d=r===`panel`,f=r===`window`,p=d?l.panelDivider:l.windowDivider,m=f?l.windowWeight??700:700,h=d?44:34,g=d?`11px 12px 12px`:`7px 12px`,_=d?`space-between`:`center`,v=u&&d?24:20,y=d&&u?``:``,b=f?``:``;return`
+
+ ${b}
+
${e}
+
+ ${y}
+
+
+
+
`}var i,a,o,s=e((()=>{t(),i={Light:{bg:`#F7F7F7`,text:`rgba(0, 0, 0, 0.80)`,panelDivider:`#E0E0E0`,windowDivider:`#E0E0E0`},"Light Classic":{bg:`#F1F1F1`,text:`#444444`,panelDivider:`#D8DADC`,windowDivider:`#D8DADC`},Dark:{bg:`#404040`,text:`rgba(255, 255, 255, 0.80)`,panelDivider:`#555555`,windowDivider:`#555555`},"Dark Contrast":{bg:`#2A2A2A`,text:`#E8E8E8`,panelDivider:`#424242`,windowDivider:`#555555`},"Modern Light":{bg:`#FFFFFF`,text:`#383838`,panelDivider:`#EAEAEA`,windowDivider:`#EAEAEA`},"Modern Dark":{bg:`#404040`,text:`#F3F3F3`,panelDivider:`#585858`,windowDivider:`#585858`,windowWeight:400}},a=e=>``,o=e=>``}));export{s as n,r as t};
\ No newline at end of file
diff --git a/storybook/static/assets/Header.stories-Bpjh8rah.js b/storybook/static/assets/Header.stories-Bpjh8rah.js
new file mode 100644
index 0000000000..385e1a61cd
--- /dev/null
+++ b/storybook/static/assets/Header.stories-Bpjh8rah.js
@@ -0,0 +1,29 @@
+import{n as e}from"./chunk-BneVvdWh.js";import{a as t,i as n,n as r}from"./theme-utils-B-KYefhh.js";import{n as i,t as a}from"./Header-D2BDzFwA.js";var o,s,c,l,u;e((()=>{i(),r(),o=n,s={title:`Components/Layout/Header`,tags:[`autodocs`],args:{title:`Title`,tags:[`autodocs`],width:261,variant:`panel`,themeMode:`Auto`},argTypes:{title:{control:`text`,description:`Visible header title`},width:{control:`number`,description:`Rendered header width`},variant:{control:`select`,options:[`panel`,`window`],description:`Panel header or standalone window header layout`},themeMode:{name:`theme`,control:`select`,options:[`Auto`,...o],description:`Auto = current Storybook toolbar theme`},theme:{table:{disable:!0}}},parameters:{docs:{description:{component:`Header shell used at the top of plugin panels and standalone windows.`}}}},c={name:`Panel`,render:(e,n)=>{let r=t(e.themeMode,n.globals.theme);return a({title:e.title,width:e.width,variant:`panel`,theme:r})}},l={render:(e,n)=>{let r=t(e.themeMode,n.globals.theme);return a({title:e.title,width:e.width,variant:`window`,theme:r})},parameters:{docs:{description:{story:`Standalone window-style header with different chrome treatment.`}}}},c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
+ name: 'Panel',
+ render: (args, context) => {
+ const theme = resolveStoryTheme(args.themeMode, context.globals.theme);
+ return Header({
+ title: args.title,
+ width: args.width,
+ variant: 'panel',
+ theme
+ });
+ }
+}`,...c.parameters?.docs?.source}}},l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
+ render: (args, context) => {
+ const theme = resolveStoryTheme(args.themeMode, context.globals.theme);
+ return Header({
+ title: args.title,
+ width: args.width,
+ variant: 'window',
+ theme
+ });
+ },
+ parameters: {
+ docs: {
+ description: {
+ story: 'Standalone window-style header with different chrome treatment.'
+ }
+ }
+ }
+}`,...l.parameters?.docs?.source}}},u=[`Default`,`Window`]}))();export{c as Default,l as Window,u as __namedExportsOrder,s as default};
\ No newline at end of file
diff --git a/storybook/static/assets/IconButtons.stories-ThZx5UJ6.js b/storybook/static/assets/IconButtons.stories-ThZx5UJ6.js
new file mode 100644
index 0000000000..df70b50b48
--- /dev/null
+++ b/storybook/static/assets/IconButtons.stories-ThZx5UJ6.js
@@ -0,0 +1,189 @@
+import{n as e}from"./chunk-BneVvdWh.js";import{a as t,i as n,n as r,o as i}from"./theme-utils-B-KYefhh.js";var a,o=e((()=>{a={Light:{Outline:{Default:{container:{width:24,height:24,padding:8,background:`white`,overflow:`hidden`,borderRadius:1,outline:`1px #C0C0C0 solid`,outlineOffset:`-1px`,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`rgba(0, 0, 0, 0.8)`,direction:`down`},Hover:{container:{width:24,height:24,padding:8,background:`#E0E0E0`,overflow:`hidden`,borderRadius:1,outline:`1px #C0C0C0 solid`,outlineOffset:`-1px`,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`rgba(0, 0, 0, 0.8)`,direction:`down`},Pressed:{container:{width:24,height:24,padding:8,background:`#CBCBCB`,overflow:`hidden`,borderRadius:1,outline:`1px #C0C0C0 solid`,outlineOffset:`-1px`,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`rgba(0, 0, 0, 0.8)`,direction:`down`}},Solid:{Default:{container:{width:24,height:24,padding:8,background:`white`,overflow:`hidden`,borderRadius:1,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`rgba(0, 0, 0, 0.8)`,direction:`down`},Hover:{container:{width:24,height:24,padding:8,background:`#E0E0E0`,overflow:`hidden`,borderRadius:1,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`rgba(0, 0, 0, 0.8)`,direction:`down`},Pressed:{container:{width:24,height:24,padding:8,background:`#CBCBCB`,overflow:`hidden`,borderRadius:1,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`rgba(0, 0, 0, 0.8)`,direction:`down`}},RightExpander:{Default:{container:{width:24,height:24,padding:8,background:`white`,overflow:`hidden`,borderTopRightRadius:1,borderBottomRightRadius:1,outline:`1px #C0C0C0 solid`,outlineOffset:`-1px`,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`rgba(0, 0, 0, 0.8)`,direction:`down`},Hover:{container:{width:24,height:24,padding:8,background:`#E0E0E0`,overflow:`hidden`,borderTopRightRadius:1,borderBottomRightRadius:1,outline:`1px #C0C0C0 solid`,outlineOffset:`-1px`,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`rgba(0, 0, 0, 0.8)`,direction:`down`},Pressed:{container:{width:24,height:24,padding:8,background:`#CBCBCB`,overflow:`hidden`,borderTopRightRadius:1,borderBottomRightRadius:1,outline:`1px #C0C0C0 solid`,outlineOffset:`-1px`,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`rgba(0, 0, 0, 0.8)`,direction:`up`}}},"Light Classic":{Outline:{Default:{container:{width:24,height:24,padding:8,background:`white`,overflow:`hidden`,borderRadius:1,outline:`1px #CFCFCF solid`,outlineOffset:`-1px`,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`#444444`,direction:`down`},Hover:{container:{width:24,height:24,padding:8,background:`#D8DADC`,overflow:`hidden`,borderRadius:1,outline:`1px #CFCFCF solid`,outlineOffset:`-1px`,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`#444444`,direction:`down`},Pressed:{container:{width:24,height:24,padding:8,background:`#7D858C`,overflow:`hidden`,borderRadius:1,outline:`1px #CFCFCF solid`,outlineOffset:`-1px`,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`white`,direction:`down`}},RightExpander:{Default:{container:{width:24,height:24,padding:8,background:`white`,overflow:`hidden`,borderTopRightRadius:1,borderBottomRightRadius:1,outline:`1px #CFCFCF solid`,outlineOffset:`-1px`,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`#444444`,direction:`down`},Hover:{container:{width:24,height:24,padding:8,background:`#D8DADC`,overflow:`hidden`,borderTopRightRadius:1,borderBottomRightRadius:1,outline:`1px #CFCFCF solid`,outlineOffset:`-1px`,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`#444444`,direction:`down`},Pressed:{container:{width:24,height:24,padding:8,background:`#7D858C`,overflow:`hidden`,borderTopRightRadius:1,borderBottomRightRadius:1,outline:`1px #CFCFCF solid`,outlineOffset:`-1px`,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`white`,direction:`up`}},Solid:{Default:{container:{width:24,height:24,padding:8,background:`white`,overflow:`hidden`,borderRadius:1,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`#444444`,direction:`down`},Hover:{container:{width:24,height:24,padding:8,background:`#D8DADC`,overflow:`hidden`,borderRadius:1,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`#444444`,direction:`down`},Pressed:{container:{width:24,height:24,padding:8,background:`#7D858C`,overflow:`hidden`,borderRadius:1,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`white`,direction:`down`}}},Dark:{Outline:{Default:{container:{width:24,height:24,padding:8,background:`#333333`,overflow:`hidden`,borderRadius:1,outline:`1px #666666 solid`,outlineOffset:`-1px`,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`rgba(255, 255, 255, 0.8)`,direction:`down`},Hover:{container:{width:24,height:24,padding:8,background:`#555555`,overflow:`hidden`,borderRadius:1,outline:`1px #666666 solid`,outlineOffset:`-1px`,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`rgba(255, 255, 255, 0.8)`,direction:`down`},Pressed:{container:{width:24,height:24,padding:8,background:`#606060`,overflow:`hidden`,borderRadius:1,outline:`1px #666666 solid`,outlineOffset:`-1px`,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`rgba(255, 255, 255, 0.8)`,direction:`down`}},RightExpander:{Default:{container:{width:24,height:24,padding:8,background:`#333333`,overflow:`hidden`,borderTopRightRadius:1,borderBottomRightRadius:1,outline:`1px #666666 solid`,outlineOffset:`-1px`,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`rgba(255, 255, 255, 0.8)`,direction:`down`},Hover:{container:{width:24,height:24,padding:8,background:`#555555`,overflow:`hidden`,borderTopRightRadius:1,borderBottomRightRadius:1,outline:`1px #666666 solid`,outlineOffset:`-1px`,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`rgba(255, 255, 255, 0.8)`,direction:`down`},Pressed:{container:{width:24,height:24,padding:8,background:`#606060`,overflow:`hidden`,borderTopRightRadius:1,borderBottomRightRadius:1,outline:`1px #666666 solid`,outlineOffset:`-1px`,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`rgba(255, 255, 255, 0.8)`,direction:`up`}},Solid:{Default:{container:{width:24,height:24,padding:8,background:`#333333`,overflow:`hidden`,borderRadius:1,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`rgba(255, 255, 255, 0.8)`,direction:`down`},Hover:{container:{width:24,height:24,padding:8,background:`#555555`,overflow:`hidden`,borderRadius:1,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`rgba(255, 255, 255, 0.8)`,direction:`down`},Pressed:{container:{width:24,height:24,padding:8,background:`#606060`,overflow:`hidden`,borderRadius:1,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`rgba(255, 255, 255, 0.8)`,direction:`down`}}},"Dark Contrast":{Outline:{Default:{container:{width:24,height:24,padding:8,background:`#1E1E1E`,overflow:`hidden`,borderRadius:1,outline:`1px #696969 solid`,outlineOffset:`-1px`,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`#E8E8E8`,direction:`down`},Hover:{container:{width:24,height:24,padding:8,background:`#424242`,overflow:`hidden`,borderRadius:1,outline:`1px #696969 solid`,outlineOffset:`-1px`,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`#E8E8E8`,direction:`down`},Pressed:{container:{width:24,height:24,padding:8,background:`#666666`,overflow:`hidden`,borderRadius:1,outline:`1px #696969 solid`,outlineOffset:`-1px`,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`#E8E8E8`,direction:`down`}},RightExpander:{Default:{container:{width:24,height:24,padding:8,background:`#1E1E1E`,overflow:`hidden`,borderTopRightRadius:1,borderBottomRightRadius:1,outline:`1px #696969 solid`,outlineOffset:`-1px`,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`#E8E8E8`,direction:`down`},Hover:{container:{width:24,height:24,padding:8,background:`#424242`,overflow:`hidden`,borderTopRightRadius:1,borderBottomRightRadius:1,outline:`1px #696969 solid`,outlineOffset:`-1px`,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`#E8E8E8`,direction:`down`},Pressed:{container:{width:24,height:24,padding:8,background:`#666666`,overflow:`hidden`,borderTopRightRadius:1,borderBottomRightRadius:1,outline:`1px #696969 solid`,outlineOffset:`-1px`,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`#E8E8E8`,direction:`up`}},Solid:{Default:{container:{width:24,height:24,padding:8,background:`#1E1E1E`,overflow:`hidden`,borderRadius:1,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`#E8E8E8`,direction:`down`},Hover:{container:{width:24,height:24,padding:8,background:`#424242`,overflow:`hidden`,borderRadius:1,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`#E8E8E8`,direction:`down`},Pressed:{container:{width:24,height:24,padding:8,background:`#666666`,overflow:`hidden`,borderRadius:1,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`#E8E8E8`,direction:`down`}}},"Modern Light":{Outline:{Default:{container:{width:24,height:24,padding:8,background:`white`,overflow:`hidden`,borderRadius:4,outline:`1px #E1E1E1 solid`,outlineOffset:`-1px`,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`#383838`,direction:`down`},Hover:{container:{width:24,height:24,padding:8,background:`#F9F9F9`,overflow:`hidden`,borderRadius:4,outline:`1px #E1E1E1 solid`,outlineOffset:`-1px`,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`#383838`,direction:`down`},Pressed:{container:{width:24,height:24,padding:8,background:`#EAEAEA`,overflow:`hidden`,borderRadius:4,outline:`1px #E1E1E1 solid`,outlineOffset:`-1px`,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`#383838`,direction:`down`}},Solid:{Default:{container:{width:24,height:24,padding:8,background:`white`,overflow:`hidden`,borderRadius:4,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`#383838`,direction:`down`},Hover:{container:{width:24,height:24,padding:8,background:`#F9F9F9`,overflow:`hidden`,borderRadius:4,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`#383838`,direction:`down`},Pressed:{container:{width:24,height:24,padding:8,background:`#EAEAEA`,overflow:`hidden`,borderRadius:4,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`#383838`,direction:`down`}},RightExpander:{Default:{container:{width:24,height:24,padding:8,background:`white`,overflow:`hidden`,borderRadius:4,outline:`1px #E1E1E1 solid`,outlineOffset:`-1px`,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`rgba(0, 0, 0, 0.8)`,direction:`down`},Hover:{container:{width:24,height:24,padding:8,background:`#F9F9F9`,overflow:`hidden`,borderRadius:4,outline:`1px #E1E1E1 solid`,outlineOffset:`-1px`,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`rgba(0, 0, 0, 0.8)`,direction:`down`},Pressed:{container:{width:24,height:24,padding:8,background:`#EAEAEA`,overflow:`hidden`,borderRadius:4,outline:`1px #E1E1E1 solid`,outlineOffset:`-1px`,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`rgba(0, 0, 0, 0.8)`,direction:`up`}}},"Modern Dark":{Outline:{Default:{container:{width:24,height:24,padding:8,background:`#404040`,overflow:`hidden`,borderRadius:4,outline:`1px #686868 solid`,outlineOffset:`-1px`,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`#EAEAEA`,direction:`down`},Hover:{container:{width:24,height:24,padding:8,background:`#585858`,overflow:`hidden`,borderRadius:4,outline:`1px #404040 solid`,outlineOffset:`-1px`,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`#EAEAEA`,direction:`down`},Pressed:{container:{width:24,height:24,padding:8,background:`#686868`,overflow:`hidden`,borderRadius:4,outline:`1px #404040 solid`,outlineOffset:`-1px`,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`#EAEAEA`,direction:`down`}},Solid:{Default:{container:{width:24,height:24,padding:8,background:`#404040`,overflow:`hidden`,borderRadius:4,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`#EAEAEA`,direction:`down`},Hover:{container:{width:24,height:24,padding:8,background:`#585858`,overflow:`hidden`,borderRadius:4,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`#EAEAEA`,direction:`down`},Pressed:{container:{width:24,height:24,padding:8,background:`#686868`,overflow:`hidden`,borderRadius:4,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`#EAEAEA`,direction:`down`}},RightExpander:{Default:{container:{width:24,height:24,padding:8,background:`#404040`,overflow:`hidden`,borderRadius:4,outline:`1px #686868 solid`,outlineOffset:`-1px`,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`#EAEAEA`,direction:`down`},Hover:{container:{width:24,height:24,padding:8,background:`#585858`,overflow:`hidden`,borderRadius:4,outline:`1px #404040 solid`,outlineOffset:`-1px`,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`#EAEAEA`,direction:`down`},Pressed:{container:{width:24,height:24,padding:8,background:`#686868`,overflow:`hidden`,borderRadius:4,outline:`1px #404040 solid`,outlineOffset:`-1px`,justifyContent:`center`,alignItems:`center`,gap:4,display:`inline-flex`},iconColor:`#EAEAEA`,direction:`up`}}}}}));function s({type:e=`outline`,state:t=`default`,theme:n}={}){let r=a[i(n)]??a.Light,o=r[l[e]]??r.Outline,s=o[u[t]]??o.Default??{},d=s.container??{},f=s.iconColor??`rgba(0,0,0,0.8)`,p=d.borderRadius==null?[d.borderTopLeftRadius==null?``:`border-top-left-radius:${d.borderTopLeftRadius}px`,d.borderTopRightRadius==null?``:`border-top-right-radius:${d.borderTopRightRadius}px`,d.borderBottomRightRadius==null?``:`border-bottom-right-radius:${d.borderBottomRightRadius}px`,d.borderBottomLeftRadius==null?``:`border-bottom-left-radius:${d.borderBottomLeftRadius}px`].filter(Boolean).join(`;`):`border-radius:${d.borderRadius}px`;return``}var c,l,u,d=e((()=>{r(),o(),c=e=>``,l={outline:`Outline`,solid:`Solid`,rightExpander:`RightExpander`},u={default:`Default`,hover:`Hover`,pressed:`Pressed`}})),f,p,m,h,g,_,v,y,b,x,S;e((()=>{d(),r(),f=n,p={title:`Components/Buttons/Icon Buttons`,tags:[`autodocs`],args:{type:`outline`,interactive:!0,isHovered:!1,isClicked:!1,themeMode:`Auto`},argTypes:{type:{control:`select`,options:[`outline`,`solid`,`rightExpander`],description:`Visual style and icon-button role`,table:{defaultValue:{summary:`outline`}}},interactive:{control:`boolean`,description:`Allow hover and click feedback directly in the canvas`,table:{defaultValue:{summary:`true`}}},isHovered:{control:`boolean`,description:`Force hover appearance for visual review`},isClicked:{control:`boolean`,description:`Force pressed appearance for visual review`},themeMode:{name:`theme`,control:`select`,options:[`Auto`,...f],description:`Auto = current Storybook toolbar theme`,table:{defaultValue:{summary:`Auto`}}},theme:{table:{disable:!0}},state:{table:{disable:!0}}},parameters:{docs:{description:{component:`Compact icon-only actions for panel chrome and small utility controls. Includes outline, solid, and right-expander variants.`}}}},m={render:(e,n)=>{let r=t(e.themeMode,n.globals.theme),i=e.isClicked?`pressed`:e.isHovered?`hover`:`default`;if(!e.interactive)return s({type:e.type,state:i,theme:r});let a=document.createElement(`div`);a.style.display=`contents`;let o=!1,c=!1,l=()=>{let t=c?`pressed`:o?`hover`:`default`;a.innerHTML=s({type:e.type,state:t,theme:r})};return a.addEventListener(`mouseenter`,()=>{o=!0,l()}),a.addEventListener(`mouseleave`,()=>{o=!1,c=!1,l()}),a.addEventListener(`mousedown`,()=>{c=!0,l()}),a.addEventListener(`mouseup`,()=>{c=!1,l()}),l(),a}},h={render:(e,n)=>s({type:`outline`,state:`default`,theme:t(e.themeMode,n.globals.theme)}),parameters:{docs:{description:{story:`Outline icon action for low-emphasis utility controls.`}}}},g={render:(e,n)=>s({type:`solid`,state:`default`,theme:t(e.themeMode,n.globals.theme)}),parameters:{docs:{description:{story:`Solid icon action with stronger emphasis.`}}}},_={render:(e,n)=>s({type:`rightExpander`,state:`default`,theme:t(e.themeMode,n.globals.theme)}),parameters:{docs:{description:{story:`Chevron-style expander used for disclosure and nested sections.`}}}},v={render:(e,n)=>s({type:`solid`,state:`hover`,theme:t(e.themeMode,n.globals.theme)}),parameters:{docs:{description:{story:`Solid button in forced hover state for visual review.`}}}},y={render:(e,n)=>s({type:`solid`,state:`pressed`,theme:t(e.themeMode,n.globals.theme)}),parameters:{docs:{description:{story:`Solid button in forced pressed state for visual review.`}}}},b={render:(e,n)=>{let r=t(e.themeMode,n.globals.theme),i=document.createElement(`div`);i.style.display=`contents`;let a=!1,o=()=>{i.innerHTML=s({type:`rightExpander`,state:a?`hover`:`default`,theme:r})};return i.addEventListener(`mouseenter`,()=>{a=!0,o()}),i.addEventListener(`mouseleave`,()=>{a=!1,o()}),o(),i},parameters:{docs:{description:{story:`Interactive hover demo for the icon-only control. Move the pointer over the button in the canvas.`}}}},x={render:(e,n)=>{let r=t(e.themeMode,n.globals.theme),i=document.createElement(`div`);i.style.display=`contents`;let a=!1,o=null,c=()=>{i.innerHTML=s({type:`rightExpander`,state:a?`pressed`:`default`,theme:r})};return i.addEventListener(`click`,()=>{o&&clearTimeout(o),a=!0,c(),o=setTimeout(()=>{a=!1,c(),o=null},180)}),c(),i},parameters:{docs:{description:{story:`Pressed-state demo for the right-expander variant.`}}}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
+ render: (args, context) => {
+ const theme = resolveStoryTheme(args.themeMode, context.globals.theme);
+ const state = args.isClicked ? 'pressed' : args.isHovered ? 'hover' : 'default';
+ if (!args.interactive) {
+ return IconButton({
+ type: args.type,
+ state,
+ theme
+ });
+ }
+ const el = document.createElement('div');
+ el.style.display = 'contents';
+ let hovered = false;
+ let pressed = false;
+ const update = () => {
+ const s = pressed ? 'pressed' : hovered ? 'hover' : 'default';
+ el.innerHTML = IconButton({
+ type: args.type,
+ state: s,
+ theme
+ });
+ };
+ el.addEventListener('mouseenter', () => {
+ hovered = true;
+ update();
+ });
+ el.addEventListener('mouseleave', () => {
+ hovered = false;
+ pressed = false;
+ update();
+ });
+ el.addEventListener('mousedown', () => {
+ pressed = true;
+ update();
+ });
+ el.addEventListener('mouseup', () => {
+ pressed = false;
+ update();
+ });
+ update();
+ return el;
+ }
+}`,...m.parameters?.docs?.source}}},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
+ render: (args, context) => {
+ const theme = resolveStoryTheme(args.themeMode, context.globals.theme);
+ return IconButton({
+ type: 'outline',
+ state: 'default',
+ theme
+ });
+ },
+ parameters: {
+ docs: {
+ description: {
+ story: 'Outline icon action for low-emphasis utility controls.'
+ }
+ }
+ }
+}`,...h.parameters?.docs?.source}}},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
+ render: (args, context) => {
+ const theme = resolveStoryTheme(args.themeMode, context.globals.theme);
+ return IconButton({
+ type: 'solid',
+ state: 'default',
+ theme
+ });
+ },
+ parameters: {
+ docs: {
+ description: {
+ story: 'Solid icon action with stronger emphasis.'
+ }
+ }
+ }
+}`,...g.parameters?.docs?.source}}},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`{
+ render: (args, context) => {
+ const theme = resolveStoryTheme(args.themeMode, context.globals.theme);
+ return IconButton({
+ type: 'rightExpander',
+ state: 'default',
+ theme
+ });
+ },
+ parameters: {
+ docs: {
+ description: {
+ story: 'Chevron-style expander used for disclosure and nested sections.'
+ }
+ }
+ }
+}`,..._.parameters?.docs?.source}}},v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{
+ render: (args, context) => {
+ const theme = resolveStoryTheme(args.themeMode, context.globals.theme);
+ return IconButton({
+ type: 'solid',
+ state: 'hover',
+ theme
+ });
+ },
+ parameters: {
+ docs: {
+ description: {
+ story: 'Solid button in forced hover state for visual review.'
+ }
+ }
+ }
+}`,...v.parameters?.docs?.source}}},y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{
+ render: (args, context) => {
+ const theme = resolveStoryTheme(args.themeMode, context.globals.theme);
+ return IconButton({
+ type: 'solid',
+ state: 'pressed',
+ theme
+ });
+ },
+ parameters: {
+ docs: {
+ description: {
+ story: 'Solid button in forced pressed state for visual review.'
+ }
+ }
+ }
+}`,...y.parameters?.docs?.source}}},b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:`{
+ render: (args, context) => {
+ const theme = resolveStoryTheme(args.themeMode, context.globals.theme);
+ const el = document.createElement('div');
+ el.style.display = 'contents';
+ let hovered = false;
+ const update = () => {
+ el.innerHTML = IconButton({
+ type: 'rightExpander',
+ state: hovered ? 'hover' : 'default',
+ theme
+ });
+ };
+ el.addEventListener('mouseenter', () => {
+ hovered = true;
+ update();
+ });
+ el.addEventListener('mouseleave', () => {
+ hovered = false;
+ update();
+ });
+ update();
+ return el;
+ },
+ parameters: {
+ docs: {
+ description: {
+ story: 'Interactive hover demo for the icon-only control. Move the pointer over the button in the canvas.'
+ }
+ }
+ }
+}`,...b.parameters?.docs?.source}}},x.parameters={...x.parameters,docs:{...x.parameters?.docs,source:{originalSource:`{
+ render: (args, context) => {
+ const theme = resolveStoryTheme(args.themeMode, context.globals.theme);
+ const el = document.createElement('div');
+ el.style.display = 'contents';
+ let pressed = false;
+ let timer = null;
+ const update = () => {
+ el.innerHTML = IconButton({
+ type: 'rightExpander',
+ state: pressed ? 'pressed' : 'default',
+ theme
+ });
+ };
+ el.addEventListener('click', () => {
+ if (timer) clearTimeout(timer);
+ pressed = true;
+ update();
+ timer = setTimeout(() => {
+ pressed = false;
+ update();
+ timer = null;
+ }, 180);
+ });
+ update();
+ return el;
+ },
+ parameters: {
+ docs: {
+ description: {
+ story: 'Pressed-state demo for the right-expander variant.'
+ }
+ }
+ }
+}`,...x.parameters?.docs?.source}}},S=[`Default`,`OutlineButtons`,`SolidButtons`,`RightExpanderButtons`,`SolidHoveredButtons`,`SolidClickedButtons`,`HoveredButtons`,`ClickedButtons`]}))();export{x as ClickedButtons,m as Default,b as HoveredButtons,h as OutlineButtons,_ as RightExpanderButtons,g as SolidButtons,y as SolidClickedButtons,v as SolidHoveredButtons,S as __namedExportsOrder,p as default};
\ No newline at end of file
diff --git a/storybook/static/assets/Icons.stories-Bkqwk1IY.js b/storybook/static/assets/Icons.stories-Bkqwk1IY.js
new file mode 100644
index 0000000000..9912b07439
--- /dev/null
+++ b/storybook/static/assets/Icons.stories-Bkqwk1IY.js
@@ -0,0 +1,72 @@
+import{n as e}from"./chunk-BneVvdWh.js";var t,n=e((()=>{t={".25 / btn-highlight":``,".35 / btn-highlight":``,"common / big / btn-highlight":``,"common / btn-highlight":``,"common / btn-fontcolor":``,".25 / btn-fontcolor":``,".35 / btn-fontcolor":``,"common / big / btn-fontcolor":``,".25 / btn-paracolor":``,".35 / btn-paracolor":``,"common / big / btn-paracolor":``,".25 / bold":``,".35 / bold":``,"common / big / btn-bold":``,"common / chevron":``,Chevron:``,"Chevron (2)":``,"common / chevron (2)":``,delete:``,"common / btn-bold":``,"common / btn-paracolor":``,"common / btn-embed":``,"common / btn-copy":``,"common / btn-arrow-bottom":``,"common / btn-arrow-top":``,"common / btn-more-vertical":``,"common / btn-more":``,"common / btn-close":``,"common / down 20x20":``,"common / up 20x20":``,"Window icon / info":``,"Window icon / alert":``,"common / close min":``,"Window icon / success":``,"common / close min (2)":``,"common / chevron (3)":``,"common / check":``}}));function r(e,t){return`
+ ${t}
+ ${e}
+
`}var i,a,o,s;e((()=>{n(),i={title:`Foundations/Icons`,tags:[`!dev`],parameters:{docs:{description:{component:`Icon catalog used by components across the kit.`}}}},a=Object.keys(t).sort((e,t)=>e.localeCompare(t)).map(e=>({name:e,svg:t[e]})),o={name:`Catalog`,render:(e,t)=>{let n=t.globals.theme||`Light`,i=n===`Dark`||n===`Modern Dark`||n===`Dark Contrast`?`invert(1)`:`none`;return`
`}var c,l,u=e((()=>{o(),r(),c=`The 10 most undervalued stocks from our Best Companies to Own list as of Feb. 28, 2023, were:
+Comcast CMCSA — a leading global media and technology company with businesses in cable, entertainment, and theme parks.
+Taiwan Semiconductor Manufacturing TSM — the world's largest dedicated semiconductor foundry serving major chip designers.
+Roche Holding RHHBY — a global pioneer in pharmaceuticals and diagnostics focused on oncology and rare diseases.
+Walt Disney DIS — a diversified entertainment company spanning film, television, streaming, and theme park experiences.
+Equifax EFX — one of the three major credit reporting agencies providing data analytics and risk solutions worldwide.
+TransUnion TRU — a global information and insights company helping businesses manage risk and consumers manage credit.
+International Flavors & Fragrances IFF — a leading creator of flavors, fragrances, and specialty ingredients.
+Zimmer Biomet ZBH — a global medical device company specializing in musculoskeletal healthcare and reconstructive products.
+Kenvue KVUE — a consumer health company spun off from Johnson & Johnson managing iconic personal care brands.
+Anheuser-Busch InBev BUD — the world's largest brewer with a portfolio of over 500 beer brands sold globally.
+Booking Holdings BKNG — the world's leading provider of online travel and related services across 220+ countries.
+Stellantis STLA — a multinational automotive manufacturer formed from the merger of PSA Group and Fiat Chrysler.
+Medtronic MDT — a global leader in medical devices, therapies, and services for chronic disease management.`,l=e=>``}));function d(e,t){let n=document.createElement(`div`);n.style.display=`contents`,n.innerHTML=e;let r=n.querySelector(`button[aria-label="Copy text"]`);if(!r||r.disabled)return n;let i=t.startsWith(`Modern`);r.style.borderRadius=i?`4px`:`2px`;let a=p[t]??`#E0E0E0`,o=m[t]??`#CBCBCB`;return r.addEventListener(`mouseenter`,()=>{r.style.background=a}),r.addEventListener(`mouseleave`,()=>{r.style.background=`transparent`}),r.addEventListener(`mousedown`,()=>{r.style.background=o}),r.addEventListener(`mouseup`,()=>{r.style.background=a}),n}var f,p,m,h,g,_,v,y,b,x,S;e((()=>{u(),r(),f=n,p={Light:`#E0E0E0`,"Light Classic":`#D8DADC`,Dark:`#555555`,"Dark Contrast":`#424242`,"Modern Light":`#F9F9F9`,"Modern Dark":`#585858`},m={Light:`#CBCBCB`,"Light Classic":`#7D858C`,Dark:`#606060`,"Dark Contrast":`#666666`,"Modern Light":`#EAEAEA`,"Modern Dark":`#686868`},h={title:`Components/Form/Text Area`,tags:[`autodocs`],args:{label:`Title`,caption:`Caption`,state:`no-scroll`,width:236,height:188,showLabel:!0,showCaption:!0,showCopyButton:!0,themeMode:`Auto`},argTypes:{label:{control:`text`,description:`Label above the text area`},caption:{control:`text`,description:`Supporting text below the field`},value:{control:`text`,description:`Current controlled text value`},state:{control:`select`,options:[`default`,`disabled`,`scroll`,`no-scroll`],description:`Rendered visual state`},width:{control:`number`,description:`Outer component width`},height:{control:`number`,description:`Visible text area height`},showLabel:{control:`boolean`,description:`Show the label row`},showCaption:{control:`boolean`,description:`Show the caption below the field`},showCopyButton:{control:`boolean`,description:`Show the copy action button`},themeMode:{name:`theme`,control:`select`,options:[`Auto`,...f],description:`Auto = current Storybook toolbar theme`,table:{defaultValue:{summary:`Auto`}}},theme:{table:{disable:!0}},onChange:{table:{disable:!0}},onCopy:{table:{disable:!0}}},parameters:{docs:{description:{component:`Multi-line text field with optional copy action, caption, and themed scroll treatment for longer content.`}}}},g={render:(e,n)=>{let r=t(e.themeMode,n.globals.theme);return d(s({...e,theme:r}),r)}},_={render:(e,n)=>{let r=t(e.themeMode,n.globals.theme);return d(s({...e,state:`scroll`,theme:r}),r)},parameters:{docs:{description:{story:`Fixed scroll reference state for longer content.`}}}},v={render:(e,n)=>{let r=t(e.themeMode,n.globals.theme);return d(s({...e,state:`no-scroll`,theme:r}),r)},parameters:{docs:{description:{story:`Fixed no-scroll reference state without visible scrollbar treatment.`}}}},y={render:(e,n)=>{let r=t(e.themeMode,n.globals.theme);return s({...e,state:`disabled`,theme:r})},parameters:{docs:{description:{story:`Fixed disabled reference state that preserves layout without accepting input.`}}}},b={render:(e,n)=>{let r=t(e.themeMode,n.globals.theme);return d(s({...e,showCaption:!1,theme:r}),r)},parameters:{docs:{description:{story:`Variant without supporting caption text.`}}}},x={render:(e,n)=>{let r=t(e.themeMode,n.globals.theme);return s({...e,showCopyButton:!1,theme:r})},parameters:{docs:{description:{story:`Variant without the copy action button.`}}}},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
+ render: (args, context) => {
+ const theme = resolveStoryTheme(args.themeMode, context.globals.theme);
+ return makeInteractiveTextArea(TextArea({
+ ...args,
+ theme
+ }), theme);
+ }
+}`,...g.parameters?.docs?.source}}},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`{
+ render: (args, context) => {
+ const theme = resolveStoryTheme(args.themeMode, context.globals.theme);
+ return makeInteractiveTextArea(TextArea({
+ ...args,
+ state: 'scroll',
+ theme
+ }), theme);
+ },
+ parameters: {
+ docs: {
+ description: {
+ story: 'Fixed scroll reference state for longer content.'
+ }
+ }
+ }
+}`,..._.parameters?.docs?.source}}},v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{
+ render: (args, context) => {
+ const theme = resolveStoryTheme(args.themeMode, context.globals.theme);
+ return makeInteractiveTextArea(TextArea({
+ ...args,
+ state: 'no-scroll',
+ theme
+ }), theme);
+ },
+ parameters: {
+ docs: {
+ description: {
+ story: 'Fixed no-scroll reference state without visible scrollbar treatment.'
+ }
+ }
+ }
+}`,...v.parameters?.docs?.source}}},y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{
+ render: (args, context) => {
+ const theme = resolveStoryTheme(args.themeMode, context.globals.theme);
+ return TextArea({
+ ...args,
+ state: 'disabled',
+ theme
+ });
+ },
+ parameters: {
+ docs: {
+ description: {
+ story: 'Fixed disabled reference state that preserves layout without accepting input.'
+ }
+ }
+ }
+}`,...y.parameters?.docs?.source}}},b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:`{
+ render: (args, context) => {
+ const theme = resolveStoryTheme(args.themeMode, context.globals.theme);
+ return makeInteractiveTextArea(TextArea({
+ ...args,
+ showCaption: false,
+ theme
+ }), theme);
+ },
+ parameters: {
+ docs: {
+ description: {
+ story: 'Variant without supporting caption text.'
+ }
+ }
+ }
+}`,...b.parameters?.docs?.source}}},x.parameters={...x.parameters,docs:{...x.parameters?.docs,source:{originalSource:`{
+ render: (args, context) => {
+ const theme = resolveStoryTheme(args.themeMode, context.globals.theme);
+ return TextArea({
+ ...args,
+ showCopyButton: false,
+ theme
+ });
+ },
+ parameters: {
+ docs: {
+ description: {
+ story: 'Variant without the copy action button.'
+ }
+ }
+ }
+}`,...x.parameters?.docs?.source}}},S=[`Default`,`ScrollArea`,`NoScrollArea`,`DisabledArea`,`NoCaption`,`NoCopyButton`]}))();export{g as Default,y as DisabledArea,b as NoCaption,x as NoCopyButton,v as NoScrollArea,_ as ScrollArea,S as __namedExportsOrder,h as default};
\ No newline at end of file
diff --git a/storybook/static/assets/TextField.stories-CNWuOQ51.js b/storybook/static/assets/TextField.stories-CNWuOQ51.js
new file mode 100644
index 0000000000..54243464bb
--- /dev/null
+++ b/storybook/static/assets/TextField.stories-CNWuOQ51.js
@@ -0,0 +1,144 @@
+import{n as e}from"./chunk-BneVvdWh.js";import{a as t,i as n,n as r,o as i}from"./theme-utils-B-KYefhh.js";var a,o=e((()=>{a={Light:{radius:1,background:`#FFFFFF`,border:`#C0C0C0`,hoverBorder:`#848484`,focusBorder:`#848484`,errorBorder:`#F62211`,disabledBackground:`#EFEFEF`,disabledOpacity:.5,titleColor:`rgba(0, 0, 0, 0.80)`,titleWeight:700,captionColor:`rgba(0, 0, 0, 0.40)`,errorTextColor:`#F62211`,placeholderColor:`rgba(0, 0, 0, 0.40)`,valueColor:`rgba(0, 0, 0, 0.80)`,disabledTextColor:`rgba(0, 0, 0, 0.80)`,cursorColor:`rgba(0, 0, 0, 0.80)`,iconColor:`rgba(0, 0, 0, 0.80)`,hiddenDotColor:`rgba(0, 0, 0, 0.80)`,typography:{fontSize:11,lineHeight:16,letterSpacing:.22},captionTypography:{fontSize:10,lineHeight:12,letterSpacing:.2}},"Light Classic":{radius:1,background:`#FFFFFF`,border:`#CFCFCF`,hoverBorder:`#848484`,focusBorder:`#848484`,errorBorder:`#D9534F`,disabledBackground:`#F1F1F1`,disabledOpacity:.5,titleColor:`#444444`,titleWeight:700,captionColor:`#A5A5A5`,errorTextColor:`#D9534F`,placeholderColor:`#A5A5A5`,valueColor:`#444444`,disabledTextColor:`#444444`,cursorColor:`#444444`,iconColor:`#444444`,hiddenDotColor:`#444444`,typography:{fontSize:11,lineHeight:16,letterSpacing:.22},captionTypography:{fontSize:10,lineHeight:12,letterSpacing:.2}},Dark:{radius:1,background:`#333333`,border:`#666666`,hoverBorder:`#CCCCCC`,focusBorder:`#CCCCCC`,errorBorder:`#F62211`,disabledBackground:`#505050`,disabledOpacity:.5,titleColor:`rgba(255, 255, 255, 0.80)`,titleWeight:700,captionColor:`rgba(255, 255, 255, 0.40)`,errorTextColor:`#F62211`,placeholderColor:`rgba(255, 255, 255, 0.40)`,valueColor:`rgba(255, 255, 255, 0.80)`,disabledTextColor:`rgba(255, 255, 255, 0.80)`,cursorColor:`rgba(255, 255, 255, 0.80)`,iconColor:`rgba(255, 255, 255, 0.80)`,hiddenDotColor:`rgba(255, 255, 255, 0.80)`,typography:{fontSize:11,lineHeight:16,letterSpacing:.22},captionTypography:{fontSize:10,lineHeight:12,letterSpacing:.2}},"Dark Contrast":{radius:1,background:`#1E1E1E`,border:`#696969`,hoverBorder:`#B8B8B8`,focusBorder:`#B8B8B8`,errorBorder:`#F62211`,disabledBackground:`#2A2A2A`,disabledOpacity:.5,titleColor:`#E8E8E8`,titleWeight:700,captionColor:`rgba(232, 232, 232, 0.50)`,errorTextColor:`#F62211`,placeholderColor:`rgba(232, 232, 232, 0.55)`,valueColor:`#E8E8E8`,disabledTextColor:`#E8E8E8`,cursorColor:`#E8E8E8`,iconColor:`#E8E8E8`,hiddenDotColor:`#E8E8E8`,typography:{fontSize:11,lineHeight:16,letterSpacing:.22},captionTypography:{fontSize:10,lineHeight:12,letterSpacing:.2}},"Modern Light":{radius:4,background:`#FFFFFF`,border:`#E1E1E1`,hoverBorder:`#4473CA`,focusBorder:`#4473CA`,errorBorder:`rgba(242, 61, 61, 0.80)`,disabledBackground:`#F3F3F3`,disabledOpacity:1,titleColor:`#383838`,titleWeight:400,captionColor:`rgba(0, 0, 0, 0.20)`,errorTextColor:`rgba(242, 61, 61, 0.80)`,placeholderColor:`rgba(0, 0, 0, 0.20)`,valueColor:`#383838`,disabledTextColor:`rgba(0, 0, 0, 0.20)`,cursorColor:`#383838`,iconColor:`#383838`,hiddenDotColor:`#383838`,typography:{fontSize:12,lineHeight:16,letterSpacing:.24},captionTypography:{fontSize:10,lineHeight:12,letterSpacing:.2}},"Modern Dark":{radius:4,background:`#404040`,border:`#686868`,hoverBorder:`#4A7BE0`,focusBorder:`#4A7BE0`,errorBorder:`rgba(242, 61, 61, 0.80)`,disabledBackground:`#222222`,disabledOpacity:1,titleColor:`#F3F3F3`,titleWeight:400,captionColor:`rgba(243, 243, 243, 0.40)`,errorTextColor:`rgba(242, 61, 61, 0.80)`,placeholderColor:`rgba(243, 243, 243, 0.40)`,valueColor:`#F3F3F3`,disabledTextColor:`rgba(243, 243, 243, 0.40)`,cursorColor:`#F3F3F3`,iconColor:`#EAEAEA`,hiddenDotColor:`#F3F3F3`,typography:{fontSize:12,lineHeight:16,letterSpacing:.24},captionTypography:{fontSize:10,lineHeight:12,letterSpacing:.2}}}}));function s({placeholder:e=`Enter text`,value:t=``,label:n=``,caption:r=``,errorText:o=`Error text`,state:s=`default`,placeholderState:c=`default`,withIconRight:l=!1,theme:u=`Light`,width:d=165}={}){let f=a[i(u)]??a.Light,p=s===`disabled`,m=s===`error`,h=s===`hover`,g=s===`focused`||s===`typing`,_=m?f.errorBorder:h||g?f.hoverBorder??f.focusBorder:f.border,v=c!==`hidden`;g&&`${f.focusBorder??f.hoverBorder}`;let y=[`flex:1`,`min-width:0`,`border:none`,`outline:none`,`background:transparent`,`color:${p?f.disabledTextColor:f.valueColor}`,`font-size:${f.typography.fontSize}px`,`font-family:Arial,Helvetica,sans-serif`,`line-height:${f.typography.lineHeight}px`,`letter-spacing:${f.typography.letterSpacing}px`,`padding:0`,`height:20px`].join(`;`),b=[`height:24px`,`display:flex`,`align-items:center`,`gap:8px`,`padding:0 8px`,`border-radius:${f.radius}px`,`border:1px solid ${_}`,`background:${p?f.disabledBackground:f.background}`,`opacity:${p?f.disabledOpacity:1}`,`box-sizing:border-box`].join(`;`),x=n?``:``,S=m?o:r,C=S?`
${S}
`:``,w=l?`
+
+
`:``;return`
+ ${x}
+
+
+ ${w}
+
+ ${C}
+
`}var c=e((()=>{o(),r()}));function l(e,t){let n=document.createElement(`div`);n.style.display=`contents`;let r=!1,i=!1,a=e.value??``,o=!1,c=(l=!1)=>{o=!0;let u=e.state===`disabled`?`disabled`:e.isHovered||i?`hover`:r?`focused`:a?`filled`:`default`;n.innerHTML=s({...e,theme:t,state:u,value:a});let d=n.querySelector(`input`);o=!1,d&&(d.value=a,l&&setTimeout(()=>{d.focus()},0),d.addEventListener(`focus`,()=>{o||r||(r=!0,c(!0))}),d.addEventListener(`blur`,()=>{o||!r||(r=!1,c(!1))}),d.addEventListener(`input`,e=>{a=e.target.value}),d.addEventListener(`mouseenter`,()=>{o||i||r||(i=!0,c(!1))}),d.addEventListener(`mouseleave`,()=>{o||!i||(i=!1,c(!1))}))};return c(!1),n}var u,d,f,p,m,h,g,_,v,y;e((()=>{c(),r(),u=n,d={title:`Components/Form/Text Field`,tags:[`autodocs`],args:{label:`Title`,caption:`Caption`,errorText:`Error text`,placeholder:`Line input`,value:``,state:`default`,placeholderState:`default`,withIconRight:!1,interactive:!0,isHovered:!1,themeMode:`Auto`},argTypes:{label:{control:`text`,description:`Label above the field`},caption:{control:`text`,description:`Supporting text below the field`},errorText:{control:`text`,description:`Validation message for the error state`},placeholder:{control:`text`,description:`Placeholder text shown inside the field`},value:{control:`text`,description:`Current controlled input value`},state:{control:`select`,options:[`default`,`hover`,`focused`,`typing`,`filled`,`error`,`disabled`],description:`Rendered visual state of the field`},placeholderState:{control:`select`,options:[`default`,`hidden`],description:`Show the placeholder normally or hide it for a denser layout`},withIconRight:{control:`boolean`,description:`Show the trailing icon button`},interactive:{control:`boolean`,description:`Allow hover/focus behavior directly in the canvas`},isHovered:{control:`boolean`,description:`Force hover appearance for review`},themeMode:{name:`theme`,control:`select`,options:[`Auto`,...u],description:`Auto = current Storybook toolbar theme`,table:{defaultValue:{summary:`Auto`}}},theme:{table:{disable:!0}}},parameters:{docs:{description:{component:`Single-line input with label, caption, error messaging, optional trailing icon, and theme-aware control states.`}}}},f={render:(e,n)=>{let r=t(e.themeMode,n.globals.theme);return e.interactive===!1?s({...e,theme:r}):l(e,r)}},p={args:{state:`hover`,isHovered:!0,interactive:!1},render:(e,n)=>{let r=t(e.themeMode,n.globals.theme);return s({...e,theme:r})},parameters:{docs:{description:{story:`Fixed hover reference state for the single-line field.`}}}},m={render:(e,n)=>{let r=t(e.themeMode,n.globals.theme);return s({...e,label:`Focused field`,state:`focused`,interactive:!1,theme:r})},parameters:{docs:{description:{story:`Fixed focused reference state used when the field is ready for typing.`}}}},h={render:(e,n)=>{let r=t(e.themeMode,n.globals.theme);return s({...e,label:`Field with error`,state:`error`,interactive:!1,theme:r})},parameters:{docs:{description:{story:`Fixed error reference state with validation messaging and error border.`}}}},g={render:(e,n)=>{let r=t(e.themeMode,n.globals.theme);return s({...e,label:`Disabled field`,state:`disabled`,interactive:!1,theme:r})},parameters:{docs:{description:{story:`Fixed disabled reference state that preserves layout but removes interaction.`}}}},_={args:{withIconRight:!0},render:(e,n)=>{let r=t(e.themeMode,n.globals.theme);return s({...e,label:`Icon right field`,withIconRight:!0,theme:r})},parameters:{docs:{description:{story:`Field with a trailing icon action.`}}}},v={args:{placeholderState:`hidden`},render:(e,n)=>{let r=t(e.themeMode,n.globals.theme);return e.interactive===!1?s({...e,label:`Hidden placeholder`,placeholderState:`hidden`,theme:r}):l({...e,label:`Hidden placeholder`,placeholderState:`hidden`},r)},parameters:{docs:{description:{story:`Variant with hidden placeholder treatment for denser layouts.`}}}},f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`{
+ render: (args, context) => {
+ const theme = resolveStoryTheme(args.themeMode, context.globals.theme);
+ if (args.interactive === false) {
+ return TextField({
+ ...args,
+ theme
+ });
+ }
+ return makeInteractiveTextField(args, theme);
+ }
+}`,...f.parameters?.docs?.source}}},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
+ args: {
+ state: 'hover',
+ isHovered: true,
+ interactive: false
+ },
+ render: (args, context) => {
+ const theme = resolveStoryTheme(args.themeMode, context.globals.theme);
+ return TextField({
+ ...args,
+ theme
+ });
+ },
+ parameters: {
+ docs: {
+ description: {
+ story: 'Fixed hover reference state for the single-line field.'
+ }
+ }
+ }
+}`,...p.parameters?.docs?.source}}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
+ render: (args, context) => {
+ const theme = resolveStoryTheme(args.themeMode, context.globals.theme);
+ return TextField({
+ ...args,
+ label: 'Focused field',
+ state: 'focused',
+ interactive: false,
+ theme
+ });
+ },
+ parameters: {
+ docs: {
+ description: {
+ story: 'Fixed focused reference state used when the field is ready for typing.'
+ }
+ }
+ }
+}`,...m.parameters?.docs?.source}}},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
+ render: (args, context) => {
+ const theme = resolveStoryTheme(args.themeMode, context.globals.theme);
+ return TextField({
+ ...args,
+ label: 'Field with error',
+ state: 'error',
+ interactive: false,
+ theme
+ });
+ },
+ parameters: {
+ docs: {
+ description: {
+ story: 'Fixed error reference state with validation messaging and error border.'
+ }
+ }
+ }
+}`,...h.parameters?.docs?.source}}},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
+ render: (args, context) => {
+ const theme = resolveStoryTheme(args.themeMode, context.globals.theme);
+ return TextField({
+ ...args,
+ label: 'Disabled field',
+ state: 'disabled',
+ interactive: false,
+ theme
+ });
+ },
+ parameters: {
+ docs: {
+ description: {
+ story: 'Fixed disabled reference state that preserves layout but removes interaction.'
+ }
+ }
+ }
+}`,...g.parameters?.docs?.source}}},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`{
+ args: {
+ withIconRight: true
+ },
+ render: (args, context) => {
+ const theme = resolveStoryTheme(args.themeMode, context.globals.theme);
+ return TextField({
+ ...args,
+ label: 'Icon right field',
+ withIconRight: true,
+ theme
+ });
+ },
+ parameters: {
+ docs: {
+ description: {
+ story: 'Field with a trailing icon action.'
+ }
+ }
+ }
+}`,..._.parameters?.docs?.source}}},v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{
+ args: {
+ placeholderState: 'hidden'
+ },
+ render: (args, context) => {
+ const theme = resolveStoryTheme(args.themeMode, context.globals.theme);
+ if (args.interactive === false) {
+ return TextField({
+ ...args,
+ label: 'Hidden placeholder',
+ placeholderState: 'hidden',
+ theme
+ });
+ }
+ return makeInteractiveTextField({
+ ...args,
+ label: 'Hidden placeholder',
+ placeholderState: 'hidden'
+ }, theme);
+ },
+ parameters: {
+ docs: {
+ description: {
+ story: 'Variant with hidden placeholder treatment for denser layouts.'
+ }
+ }
+ }
+}`,...v.parameters?.docs?.source}}},y=[`Default`,`HoveredField`,`FocusedField`,`ErrorField`,`DisabledField`,`IconRightField`,`HiddenPlaceholderField`]}))();export{f as Default,g as DisabledField,h as ErrorField,m as FocusedField,v as HiddenPlaceholderField,p as HoveredField,_ as IconRightField,y as __namedExportsOrder,d as default};
\ No newline at end of file
diff --git a/storybook/static/assets/Tooltip.stories-CprkHbDd.js b/storybook/static/assets/Tooltip.stories-CprkHbDd.js
new file mode 100644
index 0000000000..4fbe46fce8
--- /dev/null
+++ b/storybook/static/assets/Tooltip.stories-CprkHbDd.js
@@ -0,0 +1,9 @@
+import{n as e}from"./chunk-BneVvdWh.js";import{a as t,i as n,n as r,t as i}from"./theme-utils-B-KYefhh.js";function a({text:e=`Texts`,theme:t}={}){let n=i(t),r=n.isModern,a=n.isDark,o=r?12:10,s=r?`16px`:`12px`,c=r?.24:.2,l=a?`0px 4px 10px rgba(0, 0, 0, 0.25)`:`0px 4px 10px rgba(0, 0, 0, 0.10)`;return`
${e}
`}var o=e((()=>{r()})),s,c,l,u;e((()=>{o(),r(),s=n,c={title:`Components/Feedback/Tooltip`,tags:[`autodocs`],args:{text:`Texts`,themeMode:`Auto`},argTypes:{text:{control:`text`,description:`Tooltip text`},themeMode:{name:`theme`,control:`select`,options:[`Auto`,...s],description:`Auto = current Storybook toolbar theme`},theme:{table:{disable:!0}}},parameters:{docs:{description:{component:`Compact tooltip for short helper text near controls and icon buttons. Use it for hints, not for long explanatory copy.`}}}},l={render:(e,n)=>{let r=t(e.themeMode,n.globals.theme);return a({text:e.text,theme:r})}},l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
+ render: (args, context) => {
+ const theme = resolveStoryTheme(args.themeMode, context.globals.theme);
+ return Tooltip({
+ text: args.text,
+ theme
+ });
+ }
+}`,...l.parameters?.docs?.source}}},u=[`Default`]}))();export{l as Default,u as __namedExportsOrder,c as default};
\ No newline at end of file
diff --git a/storybook/static/assets/Typography.stories-Ceegr84L.js b/storybook/static/assets/Typography.stories-Ceegr84L.js
new file mode 100644
index 0000000000..6cfdcd1a56
--- /dev/null
+++ b/storybook/static/assets/Typography.stories-Ceegr84L.js
@@ -0,0 +1,149 @@
+import{n as e}from"./chunk-BneVvdWh.js";var t,n,r,i,a,o;e((()=>{t={title:`Foundations/Typography`,parameters:{docs:{description:{component:`Typography scale used across all plugin UI components. Primary font is Arial. Styles are grouped by role: headings, body, captions.`}}}},n=[{name:`Head1`,size:15,lineHeight:20,weight:400,weightName:`Regular`,letterSpacing:.3},{name:`Head1`,size:14,lineHeight:20,weight:700,weightName:`Bold`,letterSpacing:.28},{name:`Head2`,size:14,lineHeight:16,weight:700,weightName:`Bold`,letterSpacing:.28},{name:`Head3`,size:12,lineHeight:16,weight:500,weightName:`Medium`,letterSpacing:.24},{name:`Head3`,size:12,lineHeight:16,weight:400,weightName:`Regular`,letterSpacing:.24},{name:`Head4`,size:11,lineHeight:16,weight:700,weightName:`Bold`,letterSpacing:.22},{name:`Body`,size:11,lineHeight:16,weight:400,weightName:`Regular`,letterSpacing:.22},{name:`Body`,size:11,lineHeight:14,weight:400,weightName:`Regular`,letterSpacing:.22},{name:`Caption`,size:11,lineHeight:12,weight:400,weightName:`Regular`,letterSpacing:.22},{name:`Caption`,size:10,lineHeight:12,weight:400,weightName:`Regular`,letterSpacing:.2}],r={name:`Text Styles`,render:()=>{let e=document.createElement(`div`);e.style.fontFamily=`Arial, Helvetica, sans-serif`;let t=document.createElement(`div`);t.style.cssText=[`padding:28px 32px`,`border-radius:12px`,`background:var(--page-surface)`,`border:1px solid var(--page-border)`,`display:flex`,`align-items:center`,`gap:40px`,`margin-bottom:32px`].join(`;`),t.innerHTML=`
+
`},parameters:{docs:{description:{story:`Typography in context — left panel on a light background and a dark background.`}}}},a={name:`Links`,render:()=>`