Hero Banner #7

Merged
an.di merged 27 commits from adilallo/HeroBanner into main 2025-08-22 02:02:08 +00:00
100 changed files with 90292 additions and 62 deletions
Showing only changes of commit e871c9de4b - Show all commits

No files matched your search

+3
View File
@@ -17,6 +17,9 @@ const config = {
},
staticDirs: ["../public"],
async viteFinal(cfg) {
// IMPORTANT: Set base path for GitHub Pages sub-path hosting
cfg.base = "/CommunityRuleStorybook/";
// Ensure esbuild treats .js as JSX during dep pre-bundling
cfg.optimizeDeps ??= {};
cfg.optimizeDeps.esbuildOptions ??= {};
+1 -1
View File
@@ -22,7 +22,7 @@ const ContentLockup = ({
{title}
</h1>
<img
src="/assets/Shapes_1.svg"
src="assets/Shapes_1.svg"
alt="Decorative shapes"
className="w-[27.2px] h-[27.2px] md:w-[34px] md:h-[34px] lg:w-[50px] lg:h-[50px]"
/>
+2 -2
View File
@@ -70,7 +70,7 @@ export default function Footer() {
aria-label="Follow us on Bluesky"
>
<img
src="/assets/Bluesky_Logo.svg"
src="assets/Bluesky_Logo.svg"
alt="Bluesky"
width={24}
height={22}
@@ -86,7 +86,7 @@ export default function Footer() {
aria-label="Follow us on GitLab"
>
<img
src="/assets/GitLab_Icon.png"
src="assets/GitLab_Icon.png"
alt="GitLab"
width={22}
height={22}
+3 -3
View File
@@ -15,17 +15,17 @@ export default function HeaderTab({
>
{children}
<img
src="/assets/Union_xsm.svg"
src="assets/Union_xsm.svg"
alt="Union"
className="absolute -bottom-[3px] -right-[52px] w-[61px] h-[24px] sm:w-[61px] sm:h-[31.5px] sm:hidden -z-10"
/>
<img
src="/assets/Union_sm_md_lg.svg"
src="assets/Union_sm_md_lg.svg"
alt="Union"
className="absolute -bottom-[3.7px] -right-[53px] w-[61px] h-[24px] sm:w-[61px] sm:h-[31.5px] hidden sm:block xl:hidden -z-10"
/>
<img
src="/assets/Union_xlg.svg"
src="assets/Union_xlg.svg"
alt="Union"
className="absolute -bottom-[6px] -right-[94px] w-[105px] h-[53px] hidden xl:block -z-10"
/>
+1 -1
View File
@@ -32,7 +32,7 @@ const HeroBanner = ({ title, subtitle, description, ctaText, ctaHref }) => {
{/* Hero Image Container */}
<div className="w-full md:flex-1 rounded-[8px] overflow-hidden relative z-10 flex items-center justify-center">
<img
src="/assets/HeroImage.png"
src="assets/HeroImage.png"
alt="Hero illustration"
className="w-full h-auto"
/>
+1 -1
View File
@@ -142,7 +142,7 @@ export default function Logo({ size = "default", showText = true }) {
{/* Vector Icon */}
<img
src="/assets/Logo.svg"
src="assets/Logo.svg"
alt="CommunityRule Logo Icon"
width={27.05}
height={27.05}
View File
Whitespace-only changes.
+1
View File
@@ -0,0 +1 @@
import{j as u}from"./jsx-runtime-C_nHp4yK.js";function o({src:e,alt:s,size:a="small",className:l="",...r}){const t=`rounded-[var(--radius-measures-radius-full)] object-cover ${{small:"w-[16px] h-[16px]",medium:"w-[18px] h-[18px]",large:"w-[24px] h-[24px]",xlarge:"w-[32px] h-[32px]"}[a]} ${l}`;return u.jsx("img",{src:e,alt:s,className:t,...r})}o.__docgenInfo={description:"",methods:[],displayName:"Avatar",props:{size:{defaultValue:{value:'"small"',computed:!1},required:!1},className:{defaultValue:{value:'""',computed:!1},required:!1}}};export{o as A};
+91
View File
@@ -0,0 +1,91 @@
import{j as s}from"./jsx-runtime-C_nHp4yK.js";import{A as a}from"./Avatar-C4Vb3oYl.js";import"./iframe-D_aMTKb2.js";import"./preload-helper-DIZFD4sK.js";const d={title:"Components/Avatar",component:a,parameters:{layout:"centered",docs:{description:{component:"A simple avatar component that displays user profile images with multiple size variants. Supports custom images and alt text for accessibility."}}},argTypes:{src:{control:{type:"text"},description:"The source URL of the avatar image"},alt:{control:{type:"text"},description:"Alt text for accessibility"},size:{control:{type:"select"},options:["small","medium","large","xlarge"],description:"The size of the avatar"},className:{control:{type:"text"},description:"Additional CSS classes"}},tags:["autodocs"]},r={args:{src:"/assets/Avatar_1.png",alt:"User Avatar",size:"medium"}},t={args:{src:"/assets/Avatar_1.png",alt:"User Avatar"},render:e=>s.jsx("div",{className:"space-y-4",children:s.jsxs("div",{className:"space-x-4",children:[s.jsx(a,{...e,size:"small"}),s.jsx(a,{...e,size:"medium"}),s.jsx(a,{...e,size:"large"}),s.jsx(a,{...e,size:"xlarge"})]})}),parameters:{docs:{description:{story:"Different size variants available for the avatar component."}}}},i={args:{size:"large"},render:e=>s.jsx("div",{className:"space-y-4",children:s.jsxs("div",{className:"space-x-4",children:[s.jsx(a,{...e,src:"assets/Avatar_1.png",alt:"User 1"}),s.jsx(a,{...e,src:"assets/Avatar_2.png",alt:"User 2"}),s.jsx(a,{...e,src:"assets/Avatar_3.png",alt:"User 3"})]})}),parameters:{docs:{description:{story:"Different avatar images available in the project."}}}},n={args:{},render:()=>s.jsxs("div",{className:"space-y-6",children:[s.jsxs("div",{children:[s.jsx("h3",{className:"text-white font-semibold mb-3",children:"Small Size"}),s.jsxs("div",{className:"space-x-4",children:[s.jsx(a,{size:"small",src:"assets/Avatar_1.png",alt:"User 1"}),s.jsx(a,{size:"small",src:"assets/Avatar_2.png",alt:"User 2"}),s.jsx(a,{size:"small",src:"assets/Avatar_3.png",alt:"User 3"})]})]}),s.jsxs("div",{children:[s.jsx("h3",{className:"text-white font-semibold mb-3",children:"Medium Size"}),s.jsxs("div",{className:"space-x-4",children:[s.jsx(a,{size:"medium",src:"assets/Avatar_1.png",alt:"User 1"}),s.jsx(a,{size:"medium",src:"assets/Avatar_2.png",alt:"User 2"}),s.jsx(a,{size:"medium",src:"assets/Avatar_3.png",alt:"User 3"})]})]}),s.jsxs("div",{children:[s.jsx("h3",{className:"text-white font-semibold mb-3",children:"Large Size"}),s.jsxs("div",{className:"space-x-4",children:[s.jsx(a,{size:"large",src:"assets/Avatar_1.png",alt:"User 1"}),s.jsx(a,{size:"large",src:"assets/Avatar_2.png",alt:"User 2"}),s.jsx(a,{size:"large",src:"assets/Avatar_3.png",alt:"User 3"})]})]}),s.jsxs("div",{children:[s.jsx("h3",{className:"text-white font-semibold mb-3",children:"XLarge Size"}),s.jsxs("div",{className:"space-x-4",children:[s.jsx(a,{size:"xlarge",src:"assets/Avatar_1.png",alt:"User 1"}),s.jsx(a,{size:"xlarge",src:"assets/Avatar_2.png",alt:"User 2"}),s.jsx(a,{size:"xlarge",src:"assets/Avatar_3.png",alt:"User 3"})]})]})]}),parameters:{docs:{description:{story:"Complete overview of all avatar sizes with different user images."}}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
args: {
src: "/assets/Avatar_1.png",
alt: "User Avatar",
size: "medium"
}
}`,...r.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
args: {
src: "/assets/Avatar_1.png",
alt: "User Avatar"
},
render: args => <div className="space-y-4">
<div className="space-x-4">
<Avatar {...args} size="small" />
<Avatar {...args} size="medium" />
<Avatar {...args} size="large" />
<Avatar {...args} size="xlarge" />
</div>
</div>,
parameters: {
docs: {
description: {
story: "Different size variants available for the avatar component."
}
}
}
}`,...t.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
args: {
size: "large"
},
render: args => <div className="space-y-4">
<div className="space-x-4">
<Avatar {...args} src="assets/Avatar_1.png" alt="User 1" />
<Avatar {...args} src="assets/Avatar_2.png" alt="User 2" />
<Avatar {...args} src="assets/Avatar_3.png" alt="User 3" />
</div>
</div>,
parameters: {
docs: {
description: {
story: "Different avatar images available in the project."
}
}
}
}`,...i.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
args: {},
render: () => <div className="space-y-6">
<div>
<h3 className="text-white font-semibold mb-3">Small Size</h3>
<div className="space-x-4">
<Avatar size="small" src="assets/Avatar_1.png" alt="User 1" />
<Avatar size="small" src="assets/Avatar_2.png" alt="User 2" />
<Avatar size="small" src="assets/Avatar_3.png" alt="User 3" />
</div>
</div>
<div>
<h3 className="text-white font-semibold mb-3">Medium Size</h3>
<div className="space-x-4">
<Avatar size="medium" src="assets/Avatar_1.png" alt="User 1" />
<Avatar size="medium" src="assets/Avatar_2.png" alt="User 2" />
<Avatar size="medium" src="assets/Avatar_3.png" alt="User 3" />
</div>
</div>
<div>
<h3 className="text-white font-semibold mb-3">Large Size</h3>
<div className="space-x-4">
<Avatar size="large" src="assets/Avatar_1.png" alt="User 1" />
<Avatar size="large" src="assets/Avatar_2.png" alt="User 2" />
<Avatar size="large" src="assets/Avatar_3.png" alt="User 3" />
</div>
</div>
<div>
<h3 className="text-white font-semibold mb-3">XLarge Size</h3>
<div className="space-x-4">
<Avatar size="xlarge" src="assets/Avatar_1.png" alt="User 1" />
<Avatar size="xlarge" src="assets/Avatar_2.png" alt="User 2" />
<Avatar size="xlarge" src="assets/Avatar_3.png" alt="User 3" />
</div>
</div>
</div>,
parameters: {
docs: {
description: {
story: "Complete overview of all avatar sizes with different user images."
}
}
}
}`,...n.parameters?.docs?.source}}};const v=["Default","Sizes","DifferentAvatars","AllSizesWithDifferentAvatars"];export{n as AllSizesWithDifferentAvatars,r as Default,i as DifferentAvatars,t as Sizes,v as __namedExportsOrder,d as default};
+1
View File
@@ -0,0 +1 @@
import{j as r}from"./jsx-runtime-C_nHp4yK.js";function i({children:e,size:a="small",className:s="",...l}){const t=`items-center ${{small:"flex -space-x-2",medium:"flex -space-x-[9px]",large:"flex -space-x-[10px]",xlarge:"flex -space-x-[13px]"}[a]} ${s}`;return r.jsx("div",{className:t,...l,children:e})}i.__docgenInfo={description:"",methods:[],displayName:"AvatarContainer",props:{size:{defaultValue:{value:'"small"',computed:!1},required:!1},className:{defaultValue:{value:'""',computed:!1},required:!1}}};export{i as A};
@@ -0,0 +1,160 @@
import{j as s}from"./jsx-runtime-C_nHp4yK.js";import{A as e}from"./AvatarContainer-Bt0G0TWZ.js";import{A as a}from"./Avatar-C4Vb3oYl.js";import"./iframe-D_aMTKb2.js";import"./preload-helper-DIZFD4sK.js";const g={title:"Components/AvatarContainer",component:e,parameters:{layout:"centered",docs:{description:{component:"A container component that groups multiple avatars together with overlapping spacing. Useful for displaying multiple users or team members in a compact format."}}},argTypes:{size:{control:{type:"select"},options:["small","medium","large","xlarge"],description:"The size of the avatar container and its children"},className:{control:{type:"text"},description:"Additional CSS classes"}},tags:["autodocs"]},t={args:{size:"medium"},render:r=>s.jsxs(e,{...r,children:[s.jsx(a,{size:r.size,src:"assets/Avatar_1.png",alt:"User 1"}),s.jsx(a,{size:r.size,src:"assets/Avatar_2.png",alt:"User 2"}),s.jsx(a,{size:r.size,src:"assets/Avatar_3.png",alt:"User 3"})]})},n={args:{},render:()=>s.jsxs("div",{className:"space-y-6",children:[s.jsxs("div",{children:[s.jsx("h3",{className:"text-white font-semibold mb-3",children:"Small Size"}),s.jsxs(e,{size:"small",children:[s.jsx(a,{size:"small",src:"assets/Avatar_1.png",alt:"User 1"}),s.jsx(a,{size:"small",src:"assets/Avatar_2.png",alt:"User 2"}),s.jsx(a,{size:"small",src:"assets/Avatar_3.png",alt:"User 3"})]})]}),s.jsxs("div",{children:[s.jsx("h3",{className:"text-white font-semibold mb-3",children:"Medium Size"}),s.jsxs(e,{size:"medium",children:[s.jsx(a,{size:"medium",src:"assets/Avatar_1.png",alt:"User 1"}),s.jsx(a,{size:"medium",src:"assets/Avatar_2.png",alt:"User 2"}),s.jsx(a,{size:"medium",src:"assets/Avatar_3.png",alt:"User 3"})]})]}),s.jsxs("div",{children:[s.jsx("h3",{className:"text-white font-semibold mb-3",children:"Large Size"}),s.jsxs(e,{size:"large",children:[s.jsx(a,{size:"large",src:"assets/Avatar_1.png",alt:"User 1"}),s.jsx(a,{size:"large",src:"assets/Avatar_2.png",alt:"User 2"}),s.jsx(a,{size:"large",src:"assets/Avatar_3.png",alt:"User 3"})]})]}),s.jsxs("div",{children:[s.jsx("h3",{className:"text-white font-semibold mb-3",children:"XLarge Size"}),s.jsxs(e,{size:"xlarge",children:[s.jsx(a,{size:"xlarge",src:"assets/Avatar_1.png",alt:"User 1"}),s.jsx(a,{size:"xlarge",src:"assets/Avatar_2.png",alt:"User 2"}),s.jsx(a,{size:"xlarge",src:"assets/Avatar_3.png",alt:"User 3"})]})]})]}),parameters:{docs:{description:{story:"Different size variants of the avatar container with overlapping spacing."}}}},i={args:{},render:()=>s.jsxs("div",{className:"space-y-6",children:[s.jsxs("div",{children:[s.jsx("h3",{className:"text-white font-semibold mb-3",children:"2 Users"}),s.jsxs(e,{size:"large",children:[s.jsx(a,{size:"large",src:"assets/Avatar_1.png",alt:"User 1"}),s.jsx(a,{size:"large",src:"assets/Avatar_2.png",alt:"User 2"})]})]}),s.jsxs("div",{children:[s.jsx("h3",{className:"text-white font-semibold mb-3",children:"3 Users"}),s.jsxs(e,{size:"large",children:[s.jsx(a,{size:"large",src:"assets/Avatar_1.png",alt:"User 1"}),s.jsx(a,{size:"large",src:"assets/Avatar_2.png",alt:"User 2"}),s.jsx(a,{size:"large",src:"assets/Avatar_3.png",alt:"User 3"})]})]}),s.jsxs("div",{children:[s.jsx("h3",{className:"text-white font-semibold mb-3",children:"4 Users"}),s.jsxs(e,{size:"large",children:[s.jsx(a,{size:"large",src:"assets/Avatar_1.png",alt:"User 1"}),s.jsx(a,{size:"large",src:"assets/Avatar_2.png",alt:"User 2"}),s.jsx(a,{size:"large",src:"assets/Avatar_3.png",alt:"User 3"}),s.jsx(a,{size:"large",src:"assets/Avatar_1.png",alt:"User 4"})]})]}),s.jsxs("div",{children:[s.jsx("h3",{className:"text-white font-semibold mb-3",children:"5 Users"}),s.jsxs(e,{size:"large",children:[s.jsx(a,{size:"large",src:"assets/Avatar_1.png",alt:"User 1"}),s.jsx(a,{size:"large",src:"assets/Avatar_2.png",alt:"User 2"}),s.jsx(a,{size:"large",src:"assets/Avatar_3.png",alt:"User 3"}),s.jsx(a,{size:"large",src:"assets/Avatar_1.png",alt:"User 4"}),s.jsx(a,{size:"large",src:"assets/Avatar_2.png",alt:"User 5"})]})]})]}),parameters:{docs:{description:{story:"Avatar containers with different numbers of users to show the overlapping effect."}}}},l={args:{},render:()=>s.jsx("div",{className:"min-h-screen bg-[var(--color-surface-default-primary)] p-8",children:s.jsxs("div",{className:"max-w-4xl mx-auto",children:[s.jsx("h2",{className:"text-white font-semibold mb-6",children:"Avatar Container in Context"}),s.jsxs("div",{className:"space-y-8",children:[s.jsxs("div",{className:"bg-[var(--color-surface-default-secondary)] p-6 rounded-lg",children:[s.jsx("h3",{className:"text-white font-semibold mb-4",children:"Team Members"}),s.jsxs("div",{className:"flex items-center space-x-4",children:[s.jsxs(e,{size:"medium",children:[s.jsx(a,{size:"medium",src:"assets/Avatar_1.png",alt:"User 1"}),s.jsx(a,{size:"medium",src:"assets/Avatar_2.png",alt:"User 2"}),s.jsx(a,{size:"medium",src:"assets/Avatar_3.png",alt:"User 3"})]}),s.jsx("span",{className:"text-white",children:"3 team members"})]})]}),s.jsxs("div",{className:"bg-[vLine truncated
args: {
size: "medium"
},
render: args => <AvatarContainer {...args}>
<Avatar size={args.size} src="assets/Avatar_1.png" alt="User 1" />
<Avatar size={args.size} src="assets/Avatar_2.png" alt="User 2" />
<Avatar size={args.size} src="assets/Avatar_3.png" alt="User 3" />
</AvatarContainer>
}`,...t.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
args: {},
render: () => <div className="space-y-6">
<div>
<h3 className="text-white font-semibold mb-3">Small Size</h3>
<AvatarContainer size="small">
<Avatar size="small" src="assets/Avatar_1.png" alt="User 1" />
<Avatar size="small" src="assets/Avatar_2.png" alt="User 2" />
<Avatar size="small" src="assets/Avatar_3.png" alt="User 3" />
</AvatarContainer>
</div>
<div>
<h3 className="text-white font-semibold mb-3">Medium Size</h3>
<AvatarContainer size="medium">
<Avatar size="medium" src="assets/Avatar_1.png" alt="User 1" />
<Avatar size="medium" src="assets/Avatar_2.png" alt="User 2" />
<Avatar size="medium" src="assets/Avatar_3.png" alt="User 3" />
</AvatarContainer>
</div>
<div>
<h3 className="text-white font-semibold mb-3">Large Size</h3>
<AvatarContainer size="large">
<Avatar size="large" src="assets/Avatar_1.png" alt="User 1" />
<Avatar size="large" src="assets/Avatar_2.png" alt="User 2" />
<Avatar size="large" src="assets/Avatar_3.png" alt="User 3" />
</AvatarContainer>
</div>
<div>
<h3 className="text-white font-semibold mb-3">XLarge Size</h3>
<AvatarContainer size="xlarge">
<Avatar size="xlarge" src="assets/Avatar_1.png" alt="User 1" />
<Avatar size="xlarge" src="assets/Avatar_2.png" alt="User 2" />
<Avatar size="xlarge" src="assets/Avatar_3.png" alt="User 3" />
</AvatarContainer>
</div>
</div>,
parameters: {
docs: {
description: {
story: "Different size variants of the avatar container with overlapping spacing."
}
}
}
}`,...n.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
args: {},
render: () => <div className="space-y-6">
<div>
<h3 className="text-white font-semibold mb-3">2 Users</h3>
<AvatarContainer size="large">
<Avatar size="large" src="assets/Avatar_1.png" alt="User 1" />
<Avatar size="large" src="assets/Avatar_2.png" alt="User 2" />
</AvatarContainer>
</div>
<div>
<h3 className="text-white font-semibold mb-3">3 Users</h3>
<AvatarContainer size="large">
<Avatar size="large" src="assets/Avatar_1.png" alt="User 1" />
<Avatar size="large" src="assets/Avatar_2.png" alt="User 2" />
<Avatar size="large" src="assets/Avatar_3.png" alt="User 3" />
</AvatarContainer>
</div>
<div>
<h3 className="text-white font-semibold mb-3">4 Users</h3>
<AvatarContainer size="large">
<Avatar size="large" src="assets/Avatar_1.png" alt="User 1" />
<Avatar size="large" src="assets/Avatar_2.png" alt="User 2" />
<Avatar size="large" src="assets/Avatar_3.png" alt="User 3" />
<Avatar size="large" src="assets/Avatar_1.png" alt="User 4" />
</AvatarContainer>
</div>
<div>
<h3 className="text-white font-semibold mb-3">5 Users</h3>
<AvatarContainer size="large">
<Avatar size="large" src="assets/Avatar_1.png" alt="User 1" />
<Avatar size="large" src="assets/Avatar_2.png" alt="User 2" />
<Avatar size="large" src="assets/Avatar_3.png" alt="User 3" />
<Avatar size="large" src="assets/Avatar_1.png" alt="User 4" />
<Avatar size="large" src="assets/Avatar_2.png" alt="User 5" />
</AvatarContainer>
</div>
</div>,
parameters: {
docs: {
description: {
story: "Avatar containers with different numbers of users to show the overlapping effect."
}
}
}
}`,...i.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
args: {},
render: () => <div className="min-h-screen bg-[var(--color-surface-default-primary)] p-8">
<div className="max-w-4xl mx-auto">
<h2 className="text-white font-semibold mb-6">
Avatar Container in Context
</h2>
<div className="space-y-8">
<div className="bg-[var(--color-surface-default-secondary)] p-6 rounded-lg">
<h3 className="text-white font-semibold mb-4">Team Members</h3>
<div className="flex items-center space-x-4">
<AvatarContainer size="medium">
<Avatar size="medium" src="assets/Avatar_1.png" alt="User 1" />
<Avatar size="medium" src="assets/Avatar_2.png" alt="User 2" />
<Avatar size="medium" src="assets/Avatar_3.png" alt="User 3" />
</AvatarContainer>
<span className="text-white">3 team members</span>
</div>
</div>
<div className="bg-[var(--color-surface-default-secondary)] p-6 rounded-lg">
<h3 className="text-white font-semibold mb-4">
Project Contributors
</h3>
<div className="flex items-center space-x-4">
<AvatarContainer size="large">
<Avatar size="large" src="assets/Avatar_1.png" alt="User 1" />
<Avatar size="large" src="assets/Avatar_2.png" alt="User 2" />
<Avatar size="large" src="assets/Avatar_3.png" alt="User 3" />
<Avatar size="large" src="assets/Avatar_1.png" alt="User 4" />
</AvatarContainer>
<span className="text-white">4 contributors</span>
</div>
</div>
<div className="bg-[var(--color-surface-default-secondary)] p-6 rounded-lg">
<h3 className="text-white font-semibold mb-4">Small Team</h3>
<div className="flex items-center space-x-4">
<AvatarContainer size="small">
<Avatar size="small" src="assets/Avatar_1.png" alt="User 1" />
<Avatar size="small" src="assets/Avatar_2.png" alt="User 2" />
</AvatarContainer>
<span className="text-white">2 members</span>
</div>
</div>
</div>
</div>
</div>,
parameters: {
docs: {
description: {
story: "Avatar containers used in realistic contexts to show how they integrate with other UI elements."
}
}
}
}`,...l.parameters?.docs?.source}}};const p=["Default","Sizes","DifferentGroupSizes","InContext"];export{t as Default,i as DifferentGroupSizes,l as InContext,n as Sizes,p as __namedExportsOrder,g as default};
Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

+10
View File
@@ -0,0 +1,10 @@
<svg width="24" height="22" viewBox="0 0 24 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_18411_62931)">
<path d="M5.42835 2.2446C8.08819 4.2226 10.9492 8.23317 11.9996 10.3855C13.05 8.23333 15.9108 4.22256 18.5708 2.2446C20.49 0.817353 23.5996 -0.28697 23.5996 3.22704C23.5996 3.92884 23.1934 9.1225 22.9551 9.96567C22.127 12.8971 19.1094 13.6448 16.4251 13.1923C21.1171 13.9833 22.3107 16.6034 19.733 19.2236C14.8374 24.1998 12.6966 17.9751 12.1478 16.3801C12.0472 16.0877 12.0002 15.9509 11.9995 16.0672C11.9988 15.9509 11.9517 16.0877 11.8512 16.3801C11.3026 17.9751 9.16185 24.2 4.26597 19.2236C1.68821 16.6034 2.88177 13.9831 7.57385 13.1923C4.88953 13.6448 1.87185 12.8971 1.04385 9.96567C0.805606 9.12242 0.399414 3.92876 0.399414 3.22704C0.399414 -0.28697 3.50909 0.817353 5.42821 2.2446H5.42835Z" fill="#949494"/>
</g>
<defs>
<clipPath id="clip0_18411_62931">
<rect width="24" height="21" fill="white" transform="translate(0 0.5)"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 1001 B

+1
View File
@@ -0,0 +1 @@
import{j as u}from"./jsx-runtime-C_nHp4yK.js";function g({children:o,variant:e="default",size:a="xsmall",className:v="",disabled:r=!1,type:p="button",onClick:t,href:l,target:s,rel:c,ariaLabel:n,...f}){const b={xsmall:"px-[var(--spacing-scale-006)] py-[var(--spacing-scale-004)] gap-[var(--spacing-scale-001)]",small:"px-[var(--spacing-measures-spacing-008)] py-[var(--spacing-measures-spacing-008)] gap-[var(--spacing-scale-004)]",medium:"p-[var(--spacing-scale-010)] gap-[var(--spacing-scale-004)]",large:"px-[var(--spacing-scale-012)] py-[var(--spacing-scale-010)] gap-[var(--spacing-scale-004)]",xlarge:"px-[var(--spacing-scale-020)] py-[var(--spacing-scale-012)] gap-[var(--spacing-scale-008)]"},m={xsmall:"font-['Inter'] text-[10px] leading-[12px] font-medium tracking-[0%]",small:"font-['Inter'] text-[12px] leading-[14px] font-medium tracking-[0%]",medium:"font-['Inter'] text-[14px] leading-[16px] font-medium tracking-[0%]",large:"font-['Inter'] text-[16px] leading-[20px] font-medium tracking-[0%]",xlarge:"font-['Inter'] text-[24px] leading-[28px] font-normal tracking-[0%]"},y={default:"bg-[var(--color-surface-inverse-primary)] text-[var(--color-content-inverse-primary)] hover:bg-[var(--color-surface-inverse-primary)] hover:text-[var(--color-content-inverse-brand-primary)] hover:outline-[var(--border-color-default-brandprimary)] hover:outline-inset hover:scale-[1.02] hover:shadow-lg focus:shadow-[0_0_10px_1px_var(--color-surface-default-brand-primary)] focus:outline-none focus:ring-1 focus:ring-[var(--color-content-default-brand-primary)] focus:ring-offset-1 focus:scale-[1.02] active:bg-[var(--color-surface-inverse-brand-primary)] active:text-[var(--color-content-inverse-primary)] active:outline-[var(--border-color-default-brandprimary)] active:outline-offset-1 active:shadow-none active:scale-[0.98] disabled:bg-[var(--color-surface-default-secondary)] disabled:text-[var(--color-content-inverse-tertiary)] disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:scale-100 disabled:active:scale-100 disabled:hover:shadow-none disabled:hover:outline-none",secondary:"bg-transparent text-[var(--color-content-default-brand-primary)] hover:text-[var(--color-content-default-primary)] hover:scale-[1.02] hover:bg-transparent hover:outline-none focus:outline-1 focus:outline-inset focus:outline-[var(--border-color-default-tertiary)] focus:shadow-[0_0_10px_1px_var(--color-surface-default-brand-primary)] focus:blur-[0px] active:bg-[var(--color-surface-default-brand-primary)] active:text-[var(--color-content-inverse-primary)] active:shadow-none active:scale-[0.98] disabled:bg-[var(--color-surface-default-secondary)] disabled:text-[var(--color-content-inverse-tertiary)] disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:scale-100 disabled:active:scale-100",primary:"bg-[var(--color-surface-default-primary)] text-[var(--color-content-default-primary)] hover:bg-[var(--color-surface-default-primary)] hover:text-[var(--color-content-default-brand-primary)] hover:scale-[1.02] focus:bg-[var(--color-surface-default-primary)] focus:text-[var(--color-content-default-brand-primary)] focus:outline-none focus:shadow-[0_0_10px_1px_var(--color-surface-default-brand-primary)] focus:blur-[0px] focus:scale-[1.02] active:bg-[var(--color-surface-default-brand-primary)] active:text-[var(--color-content-inverse-primary)] active:shadow-none active:scale-[0.98] disabled:bg-[var(--color-surface-inverse-secondary)] disabled:text-[var(--color-content-default-primary)] disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:scale-100 disabled:active:scale-100",outlined:"bg-transparent text-[var(--color-content-default-primary)] border-[1.5px] border-[var(--color-content-default-primary)] hover:bg-transparent hover:text-[var(--color-content-default-brand-primary)] hover:border-[1.5px] hover:border-[var(--color-content-default-brand-primary)] hover:scale-[1.02] focus:bg-transparent focus:text-[var(--color-content-default-primary)] focus:outline-none focus:border-[1.5px] focus:border-[var(--color-content-default-primary)] focus:shadow-[0_0_10px_1px_var(--color-surface-default-brand-primary)] focus:blur-[0px] focus:scale-[1.02] active:bg-[var(--color-surface-default-brand-primary)] active:text-[var(--color-content-inverse-primary)] active:border-transparent active:shadow-none active:scale-[0.98] disabled:bg-[var(--color-surface-default-secondary)] disabled:text-[var(--color-content-inverse-tertiary)] disabled:border-[1.5px] disabled:border-[var(--color-surface-default-secondary)] disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:scale-100 disabled:active:scale-100",dark:"bg-transparent text-[var(--color-content-inverse-primary)] border border-[var(--border-color-default-primary)] hover:bg-transparent hover:text-[var(--color-content-inverse-brand-primary)] hover:border hover:border-[var(--border-color-inverse-brandprimary)] hover:scale-[1.02] focus:bg-transparent focus:text-[var(--color-content-inverse-primary)] focus:outliLine truncated
+241
View File
@@ -0,0 +1,241 @@
import{j as e}from"./jsx-runtime-C_nHp4yK.js";import{B as n}from"./Button-Z4hbXct5.js";import"./iframe-D_aMTKb2.js";import"./preload-helper-DIZFD4sK.js";const u={title:"Components/Button",component:n,parameters:{layout:"centered",docs:{description:{component:"A versatile button component with multiple variants, sizes, and states. Can render as a button or link with full accessibility support. Includes focus states with keyboard navigation - use Tab key to test focus indicators."}}},argTypes:{variant:{control:{type:"select"},options:["default","secondary","primary","outlined","dark","inverse"],description:"The visual style variant of the button"},size:{control:{type:"select"},options:["xsmall","small","medium","large","xlarge"],description:"The size of the button"},disabled:{control:{type:"boolean"},description:"Whether the button is disabled"},href:{control:{type:"text"},description:"If provided, renders as a link instead of a button"},onClick:{action:"clicked"}},tags:["autodocs"]},t={args:{children:"Button"}},s={args:{children:"Button",size:"large"},render:a=>e.jsx("div",{className:"space-y-4",children:e.jsxs("div",{className:"space-x-4",children:[e.jsx(n,{...a,variant:"default",children:"Default"}),e.jsx(n,{...a,variant:"secondary",children:"Secondary"}),e.jsx(n,{...a,variant:"primary",children:"Primary"}),e.jsx(n,{...a,variant:"outlined",children:"Outlined"}),e.jsx(n,{...a,variant:"dark",children:"Dark"}),e.jsx(n,{...a,variant:"inverse",children:"Inverse"})]})}),parameters:{docs:{description:{story:"Different visual variants of the button component."}}}},i={args:{children:"Button",variant:"default"},render:a=>e.jsx("div",{className:"space-y-4",children:e.jsxs("div",{className:"space-x-4",children:[e.jsx(n,{...a,size:"xsmall",children:"XSmall"}),e.jsx(n,{...a,size:"small",children:"Small"}),e.jsx(n,{...a,size:"medium",children:"Medium"}),e.jsx(n,{...a,size:"large",children:"Large"}),e.jsx(n,{...a,size:"xlarge",children:"XLarge"})]})}),parameters:{docs:{description:{story:"Different sizes available for the button component."}}}},r={args:{children:"Button",size:"large",variant:"default"},render:a=>e.jsx("div",{className:"space-y-4",children:e.jsxs("div",{className:"space-x-4",children:[e.jsx(n,{...a,children:"Normal"}),e.jsx(n,{...a,disabled:!0,children:"Disabled"})]})}),parameters:{docs:{description:{story:"Different states of the button component."}}}},l={args:{},render:()=>e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-white font-semibold mb-3",children:"Default Variant"}),e.jsxs("div",{className:"space-x-4",children:[e.jsx(n,{size:"xsmall",children:"XSmall"}),e.jsx(n,{size:"small",children:"Small"}),e.jsx(n,{size:"medium",children:"Medium"}),e.jsx(n,{size:"large",children:"Large"}),e.jsx(n,{size:"xlarge",children:"XLarge"})]})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-white font-semibold mb-3",children:"Secondary Variant"}),e.jsxs("div",{className:"space-x-4",children:[e.jsx(n,{variant:"secondary",size:"xsmall",children:"XSmall"}),e.jsx(n,{variant:"secondary",size:"small",children:"Small"}),e.jsx(n,{variant:"secondary",size:"medium",children:"Medium"}),e.jsx(n,{variant:"secondary",size:"large",children:"Large"}),e.jsx(n,{variant:"secondary",size:"xlarge",children:"XLarge"})]})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-white font-semibold mb-3",children:"Primary Variant"}),e.jsxs("div",{className:"space-x-4",children:[e.jsx(n,{variant:"primary",size:"xsmall",children:"XSmall"}),e.jsx(n,{variant:"primary",size:"small",children:"Small"}),e.jsx(n,{variant:"primary",size:"medium",children:"Medium"}),e.jsx(n,{variant:"primary",size:"large",children:"Large"}),e.jsx(n,{variant:"primary",size:"xlarge",children:"XLarge"})]})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-white font-semibold mb-3",children:"Outlined Variant"}),e.jsxs("div",{className:"space-x-4",children:[e.jsx(n,{variant:"outlined",size:"xsmall",children:"XSmall"}),e.jsx(n,{variant:"outlined",size:"small",children:"Small"}),e.jsx(n,{variant:"outlined",size:"medium",children:"Medium"}),e.jsx(n,{variant:"outlined",size:"large",children:"Large"}),e.jsx(n,{variant:"outlined",size:"xlarge",children:"XLarge"})]})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-white font-semibold mb-3",children:"Dark Variant"}),e.jsxs("div",{className:"space-x-4",children:[e.jsx(n,{variant:"dark",size:"xsmall",children:"XSmall"}),e.jsx(n,{variant:"dark",size:"small",children:"Small"}),e.jsx(n,{variant:"dark",size:"medium",children:"Medium"}),e.jsx(n,{variant:"dark",size:"large",children:"Large"}),e.jsx(n,{variant:"dark",size:"xlarge",children:"XLarge"})]})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-white font-semibold mb-3",children:"Inverse Variant"}),e.jsxs("div",{className:"space-x-4",children:[e.jsx(n,{variant:"inverse",size:"xsmall",children:"XSmall"}),e.jsx(n,{variant:"inverse",size:"small",children:"Small"}),e.jsx(n,{variant:"inverse",size:"medium",children:"Line truncated
args: {
children: "Button"
}
}`,...t.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
args: {
children: "Button",
size: "large"
},
render: args => <div className="space-y-4">
<div className="space-x-4">
<Button {...args} variant="default">
Default
</Button>
<Button {...args} variant="secondary">
Secondary
</Button>
<Button {...args} variant="primary">
Primary
</Button>
<Button {...args} variant="outlined">
Outlined
</Button>
<Button {...args} variant="dark">
Dark
</Button>
<Button {...args} variant="inverse">
Inverse
</Button>
</div>
</div>,
parameters: {
docs: {
description: {
story: "Different visual variants of the button component."
}
}
}
}`,...s.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
args: {
children: "Button",
variant: "default"
},
render: args => <div className="space-y-4">
<div className="space-x-4">
<Button {...args} size="xsmall">
XSmall
</Button>
<Button {...args} size="small">
Small
</Button>
<Button {...args} size="medium">
Medium
</Button>
<Button {...args} size="large">
Large
</Button>
<Button {...args} size="xlarge">
XLarge
</Button>
</div>
</div>,
parameters: {
docs: {
description: {
story: "Different sizes available for the button component."
}
}
}
}`,...i.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
args: {
children: "Button",
size: "large",
variant: "default"
},
render: args => <div className="space-y-4">
<div className="space-x-4">
<Button {...args}>Normal</Button>
<Button {...args} disabled>
Disabled
</Button>
</div>
</div>,
parameters: {
docs: {
description: {
story: "Different states of the button component."
}
}
}
}`,...r.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
args: {},
render: () => <div className="space-y-6">
<div>
<h3 className="text-white font-semibold mb-3">Default Variant</h3>
<div className="space-x-4">
<Button size="xsmall">XSmall</Button>
<Button size="small">Small</Button>
<Button size="medium">Medium</Button>
<Button size="large">Large</Button>
<Button size="xlarge">XLarge</Button>
</div>
</div>
<div>
<h3 className="text-white font-semibold mb-3">Secondary Variant</h3>
<div className="space-x-4">
<Button variant="secondary" size="xsmall">
XSmall
</Button>
<Button variant="secondary" size="small">
Small
</Button>
<Button variant="secondary" size="medium">
Medium
</Button>
<Button variant="secondary" size="large">
Large
</Button>
<Button variant="secondary" size="xlarge">
XLarge
</Button>
</div>
</div>
<div>
<h3 className="text-white font-semibold mb-3">Primary Variant</h3>
<div className="space-x-4">
<Button variant="primary" size="xsmall">
XSmall
</Button>
<Button variant="primary" size="small">
Small
</Button>
<Button variant="primary" size="medium">
Medium
</Button>
<Button variant="primary" size="large">
Large
</Button>
<Button variant="primary" size="xlarge">
XLarge
</Button>
</div>
</div>
<div>
<h3 className="text-white font-semibold mb-3">Outlined Variant</h3>
<div className="space-x-4">
<Button variant="outlined" size="xsmall">
XSmall
</Button>
<Button variant="outlined" size="small">
Small
</Button>
<Button variant="outlined" size="medium">
Medium
</Button>
<Button variant="outlined" size="large">
Large
</Button>
<Button variant="outlined" size="xlarge">
XLarge
</Button>
</div>
</div>
<div>
<h3 className="text-white font-semibold mb-3">Dark Variant</h3>
<div className="space-x-4">
<Button variant="dark" size="xsmall">
XSmall
</Button>
<Button variant="dark" size="small">
Small
</Button>
<Button variant="dark" size="medium">
Medium
</Button>
<Button variant="dark" size="large">
Large
</Button>
<Button variant="dark" size="xlarge">
XLarge
</Button>
</div>
</div>
<div>
<h3 className="text-white font-semibold mb-3">Inverse Variant</h3>
<div className="space-x-4">
<Button variant="inverse" size="xsmall">
XSmall
</Button>
<Button variant="inverse" size="small">
Small
</Button>
<Button variant="inverse" size="medium">
Medium
</Button>
<Button variant="inverse" size="large">
Large
</Button>
<Button variant="inverse" size="xlarge">
XLarge
</Button>
</div>
</div>
<div>
<h3 className="text-white font-semibold mb-3">Disabled States</h3>
<div className="space-x-4">
<Button size="large" disabled>
Default Disabled
</Button>
<Button variant="secondary" size="large" disabled>
Secondary Disabled
</Button>
<Button variant="primary" size="large" disabled>
Primary Disabled
</Button>
<Button variant="outlined" size="large" disabled>
Outlined Disabled
</Button>
<Button variant="dark" size="large" disabled>
Dark Disabled
</Button>
<Button variant="inverse" size="large" disabled>
Inverse Disabled
</Button>
</div>
</div>
</div>,
parameters: {
docs: {
description: {
story: "Complete overview of all button variants, sizes, and states."
}
}
}
}`,...l.parameters?.docs?.source}}};const v=["Default","Variants","Sizes","States","AllVariants"];export{l as AllVariants,t as Default,i as Sizes,r as States,s as Variants,v as __namedExportsOrder,u as default};
+1
View File
@@ -0,0 +1 @@
import{d as ce,x as E,Y as A,g as he,i as fe,Z as de,M as ge,_ as be,a as I}from"./DocsRenderer-PQXLIZUC-CZs-lgH4.js";import{r as p,R as v}from"./iframe-D_aMTKb2.js";import"./preload-helper-DIZFD4sK.js";import"./react-18-TXN0K6I-.js";import"./jsx-runtime-C_nHp4yK.js";var ve=I({"../../node_modules/color-name/index.js"(r,l){l.exports={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]}}}),U=I({"../../node_modules/color-convert/conversions.js"(r,l){var s=ve(),h={};for(let e of Object.keys(s))h[s[e]]=e;var u={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};l.exports=u;for(let e of Object.keys(u)){if(!("channels"in u[e]))throw new Error("missing channels property: "+e);if(!("labels"in u[e]))throw new Error("missing channel labels property: "+e);if(u[e].labels.length!==u[e].channels)throw new Error("channel and label counts mismatch: "+e);let{channels:n,labels:t}=u[e];delete u[e].channels,delete u[e].labels,Object.defineProperty(u[e],"channels",{value:n}),Object.defineProperty(u[e],"labels",{value:t})}u.rgb.hsl=function(e){let n=e[0]/255,t=e[1]/255,a=e[2]/255,o=Math.min(n,t,a),i=Math.max(n,t,a),c=i-o,f,g;i===o?f=0:n===i?f=(t-a)/c:t===i?f=2+(a-n)/c:a===i&&(f=4+(n-t)/c),f=Math.min(fLine truncated
+1
View File
@@ -0,0 +1 @@
import{j as e}from"./jsx-runtime-C_nHp4yK.js";import{B as s}from"./Button-Z4hbXct5.js";const n=({title:l,subtitle:i,description:x,ctaText:a,ctaHref:t,buttonClassName:r=""})=>e.jsxs("div",{className:"flex flex-col gap-[var(--spacing-scale-006)] sm:gap-[var(--spacing-scale-012)] md:gap-[var(--spacing-scale-020)] lg:gap-[var(--spacing-scale-020)] relative z-10",children:[e.jsxs("div",{className:"flex flex-col md:gap-[var(--spacing-scale-004)] lg:gap-[var(--spacing-scale-008)] xl:gap-[var(--spacing-scale-020)]",children:[e.jsxs("div",{className:"flex flex-col xl:gap-0",children:[e.jsxs("div",{className:"flex gap-[var(--spacing-scale-008)] xl:gap-[var(--spacing-scale-010)] items-center",children:[e.jsx("h1",{className:"font-bricolage-grotesque font-medium text-[32px] leading-[32px] sm:text-[52px] sm:leading-[52px] md:text-[44px] md:leading-[44px] lg:text-[64px] lg:leading-[64px] xl:text-[96px] xl:leading-[110%] text-[var(--color-content-inverse-primary)]",children:l}),e.jsx("img",{src:"assets/Shapes_1.svg",alt:"Decorative shapes",className:"w-[27.2px] h-[27.2px] md:w-[34px] md:h-[34px] lg:w-[50px] lg:h-[50px]"})]}),e.jsx("h2",{className:"font-bricolage-grotesque font-medium text-[32px] leading-[32px] sm:text-[52px] sm:leading-[52px] md:text-[44px] md:leading-[44px] lg:text-[64px] lg:leading-[64px] xl:text-[96px] xl:leading-[110%] text-[var(--color-content-inverse-primary)]",children:i})]}),e.jsx("p",{className:"font-inter font-[400] text-[18px] leading-[130%] lg:text-[24px] lg:leading-[32px] xl:text-[32px] xl:leading-[40px] text-[var(--color-content-inverse-primary)] pr-[var(--spacing-scale-032)] md:pr-[var(--spacing-scale-008)] lg:pr-[var(--spacing-scale-032)]",children:x})]}),e.jsxs("div",{className:"flex justify-start",children:[e.jsx("div",{className:"block md:hidden",children:e.jsx(s,{variant:"primary",size:"small",children:a})}),e.jsx("div",{className:"hidden md:block xl:hidden",children:e.jsx(s,{variant:"primary",size:"large",className:r,children:a})}),e.jsx("div",{className:"hidden xl:block",children:e.jsx(s,{variant:"primary",size:"xlarge",children:a})})]})]});n.__docgenInfo={description:"",methods:[],displayName:"ContentLockup",props:{buttonClassName:{defaultValue:{value:'""',computed:!1},required:!1}}};export{n as C};
@@ -0,0 +1,62 @@
import{C as s}from"./ContentLockup-DbWiPA4N.js";import"./jsx-runtime-C_nHp4yK.js";import"./iframe-D_aMTKb2.js";import"./preload-helper-DIZFD4sK.js";import"./Button-Z4hbXct5.js";const p={title:"Components/ContentLockup",component:s,parameters:{layout:"centered",docs:{description:{component:"A content lockup component that groups title, subtitle, description, and CTA button. Features responsive typography and spacing that adapts across breakpoints. Used within the HeroBanner component."}}},argTypes:{title:{control:{type:"text"},description:"The main title text"},subtitle:{control:{type:"text"},description:"The subtitle text"},description:{control:{type:"text"},description:"The description text"},ctaText:{control:{type:"text"},description:"The call-to-action button text"},ctaHref:{control:{type:"text"},description:"The call-to-action button link"},buttonClassName:{control:{type:"text"},description:"Additional CSS classes to apply to the large button (md/lg breakpoints)"}},tags:["autodocs"]},t={args:{title:"Collaborate",subtitle:"with clarity",description:"Help your community make important decisions in a way that reflects its unique values.",ctaText:"Learn how Community Rule works",ctaHref:"#"},parameters:{docs:{description:{story:"Default content lockup with standard Community Rule messaging."}}}},e={args:{title:"Collaborate",subtitle:"with clarity",description:"Help your community make important decisions in a way that reflects its unique values. Our platform provides the tools and frameworks needed to build successful, sustainable communities that can navigate complex challenges together.",ctaText:"Learn how Community Rule works",ctaHref:"#"},parameters:{docs:{description:{story:"Content lockup with longer description text to test text wrapping."}}}},o={args:{title:"Simple",subtitle:"solution",description:"Easy community decision making.",ctaText:"Try it",ctaHref:"#"},parameters:{docs:{description:{story:"Content lockup with minimal content to test compact layouts."}}}},n={args:{title:"Collaborate",subtitle:"with clarity",description:"Help your community make important decisions in a way that reflects its unique values.",ctaText:"Learn how Community Rule works",ctaHref:"#",buttonClassName:"shrink-0 whitespace-nowrap min-w-[280px]"},parameters:{docs:{description:{story:"Content lockup with custom button styling applied to the large button (md/lg breakpoints)."}}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
args: {
title: "Collaborate",
subtitle: "with clarity",
description: "Help your community make important decisions in a way that reflects its unique values.",
ctaText: "Learn how Community Rule works",
ctaHref: "#"
},
parameters: {
docs: {
description: {
story: "Default content lockup with standard Community Rule messaging."
}
}
}
}`,...t.parameters?.docs?.source}}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
args: {
title: "Collaborate",
subtitle: "with clarity",
description: "Help your community make important decisions in a way that reflects its unique values. Our platform provides the tools and frameworks needed to build successful, sustainable communities that can navigate complex challenges together.",
ctaText: "Learn how Community Rule works",
ctaHref: "#"
},
parameters: {
docs: {
description: {
story: "Content lockup with longer description text to test text wrapping."
}
}
}
}`,...e.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
args: {
title: "Simple",
subtitle: "solution",
description: "Easy community decision making.",
ctaText: "Try it",
ctaHref: "#"
},
parameters: {
docs: {
description: {
story: "Content lockup with minimal content to test compact layouts."
}
}
}
}`,...o.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
args: {
title: "Collaborate",
subtitle: "with clarity",
description: "Help your community make important decisions in a way that reflects its unique values.",
ctaText: "Learn how Community Rule works",
ctaHref: "#",
buttonClassName: "shrink-0 whitespace-nowrap min-w-[280px]"
},
parameters: {
docs: {
description: {
story: "Content lockup with custom button styling applied to the large button (md/lg breakpoints)."
}
}
}
}`,...n.parameters?.docs?.source}}};const u=["Default","LongDescription","ShortContent","CustomButtonStyling"];export{n as CustomButtonStyling,t as Default,e as LongDescription,o as ShortContent,u as __namedExportsOrder,p as default};
File diff suppressed because it is too large. Load diff
+45
View File
@@ -0,0 +1,45 @@
import{j as e}from"./jsx-runtime-C_nHp4yK.js";import{L as o}from"./Logo-DM7O8ATg.js";import"./iframe-D_aMTKb2.js";import"./preload-helper-DIZFD4sK.js";function n(){return e.jsx("div",{className:"flex flex-col items-center self-stretch",children:e.jsx("div",{className:"flex items-start self-stretch h-px w-full bg-[var(--border-color-default-secondary)]"})})}n.__docgenInfo={description:"",methods:[],displayName:"Separator"};function r(){const a={"@context":"https://schema.org","@type":"Organization",name:"Media Economies Design Lab",email:"medlab@colorado.edu",url:"https://communityrule.com",sameAs:["https://bsky.app/profile/medlabboulder","https://gitlab.com/medlabboulder"]};return e.jsxs(e.Fragment,{children:[e.jsx("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(a)}}),e.jsx("footer",{className:"bg-[var(--color-surface-default-primary)] w-full",children:e.jsxs("div",{className:"flex flex-col items-start mx-auto px-[var(--spacing-measures-spacing-016)] py-[var(--spacing-measures-spacing-040)] gap-[var(--spacing-measures-spacing-040)] sm:px-[var(--spacing-measures-spacing-032)] sm:py-[var(--spacing-measures-spacing-024)] sm:gap-[var(--spacing-measures-spacing-024)] lg:px-[var(--spacing-measures-spacing-120,120px)] lg:py-[var(--spacing-measures-spacing-096,96px)] lg:gap-[var(--spacing-measures-spacing-060,60px)]",children:[e.jsx("div",{className:"block sm:hidden",children:e.jsx(o,{})}),e.jsx("div",{className:"hidden sm:block lg:hidden",children:e.jsx(o,{size:"footer"})}),e.jsx("div",{className:"hidden lg:block",children:e.jsx(o,{size:"footerLg"})}),e.jsxs("div",{className:"flex flex-col items-start w-full gap-[var(--spacing-measures-spacing-048,48px)] sm:flex-row sm:justify-between sm:gap-0",children:[e.jsxs("div",{className:"flex flex-col items-start gap-[var(--spacing-measures-spacing-064,64px)] order-2 sm:order-1",children:[e.jsxs("div",{className:"flex flex-col items-start gap-[var(--spacing-measures-spacing-016,16px)]",children:[e.jsx("div",{className:"text-[var(--color-content-default-primary)] font-['Inter'] text-base leading-5 font-medium tracking-[0%] lg:text-2xl lg:leading-7 lg:font-normal",children:"Media Economies Design Lab"}),e.jsx("a",{href:"mailto:medlab@colorado.edu",className:"text-[var(--color-content-default-primary)] font-['Inter'] text-base leading-5 font-medium tracking-[0%] lg:text-2xl lg:leading-7 lg:font-normal hover:opacity-80 active:opacity-60 focus:opacity-80 focus:outline-none focus:ring-2 focus:ring-[var(--color-content-default-primary)] focus:ring-offset-2 focus:ring-offset-[var(--color-surface-default-primary)] transition-opacity p-2 -m-2 cursor-pointer",children:"medlab@colorado.edu"})]}),e.jsxs("div",{className:"flex flex-col items-start gap-[var(--spacing-measures-spacing-016,16px)]",children:[e.jsxs("a",{href:"#",className:"flex items-center gap-[var(--spacing-measures-spacing-06,6px)] hover:opacity-80 active:opacity-60 focus:opacity-80 focus:outline-none focus:ring-2 focus:ring-[var(--color-content-default-primary)] focus:ring-offset-2 focus:ring-offset-[var(--color-surface-default-primary)] transition-opacity p-2 -m-2 cursor-pointer group","aria-label":"Follow us on Bluesky",children:[e.jsx("img",{src:"assets/Bluesky_Logo.svg",alt:"Bluesky",width:24,height:22,className:"flex-shrink-0 group-hover:scale-110 transition-transform"}),e.jsx("div",{className:"text-[var(--color-content-default-primary)] font-['Inter'] text-base leading-5 font-medium tracking-[0%] lg:text-2xl lg:leading-7 lg:font-normal",children:"medlabboulder"})]}),e.jsxs("a",{href:"#",className:"flex items-center gap-[var(--spacing-measures-spacing-06,6px)] hover:opacity-80 active:opacity-60 focus:opacity-80 focus:outline-none focus:ring-2 focus:ring-[var(--color-content-default-primary)] focus:ring-offset-2 focus:ring-offset-[var(--color-surface-default-primary)] transition-opacity p-2 -m-2 cursor-pointer group","aria-label":"Follow us on GitLab",children:[e.jsx("img",{src:"assets/GitLab_Icon.png",alt:"GitLab",width:22,height:22,className:"flex-shrink-0 grayscale group-hover:scale-110 transition-transform"}),e.jsx("div",{className:"text-[var(--color-content-default-primary)] font-['Inter'] text-base leading-5 font-medium tracking-[0%] lg:text-2xl lg:leading-7 lg:font-normal",children:"medlabboulder"})]})]})]}),e.jsxs("div",{className:"flex flex-col items-start gap-[var(--spacing-measures-spacing-032,32px)] order-1 sm:order-2 sm:items-end",children:[e.jsx("a",{href:"#",className:"text-[var(--color-content-default-primary)] font-['Inter'] text-base leading-5 font-medium tracking-[0%] lg:text-2xl lg:leading-7 lg:font-normal hover:opacity-80 active:opacity-60 focus:opacity-80 focus:outline-none focus:ring-2 focus:ring-[var(--color-content-default-primary)] focus:ring-offset-2 focus:ring-offset-[var(--color-surface-default-primary)] transition-opacity p-2 -m-2 cursor-pointer",children:"Use cases"}),e.jsx("a",{href:"#",className:"text-[var(--color-content-default-primary)] font-['Line truncated
args: {},
parameters: {
docs: {
description: {
story: "Use the Viewport toolbar to see how the footer adapts to different screen sizes. The layout changes from stacked to side-by-side and logo sizes adjust."
}
}
}
}`,...s.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
args: {},
render: () => <div className="min-h-screen bg-[var(--color-surface-default-primary)]">
<main className="p-8">
<div className="max-w-4xl mx-auto">
<h1 className="text-2xl font-bold text-white mb-4">
Example Page Content
</h1>
<p className="text-white mb-4">
This demonstrates how the footer looks in a realistic page context.
The footer maintains its responsive behavior while providing
navigation and branding information.
</p>
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
{[1, 2, 3, 4, 5, 6].map(i => <div key={i} className="bg-[var(--color-surface-default-secondary)] p-4 rounded-lg">
<h3 className="text-white font-semibold mb-2">
Content Block {i}
</h3>
<p className="text-[var(--color-content-default-secondary)] text-sm">
This is example content to show how the footer integrates with
page content.
</p>
</div>)}
</div>
</div>
</main>
<Footer />
</div>,
parameters: {
docs: {
description: {
story: "The footer integrated into a full page layout to show how it works in context."
}
}
}
}`,...t.parameters?.docs?.source}}};const f=["Default","InPageContext"];export{s as Default,t as InPageContext,f as __namedExportsOrder,d as default};
Binary file not shown.

After

Width:  |  Height:  |  Size: 53 KiB

+1
View File
@@ -0,0 +1 @@
import{j as e}from"./jsx-runtime-C_nHp4yK.js";import{L as v}from"./Logo-DM7O8ATg.js";import{M as t}from"./MenuBar-anMCqtJv.js";import{M as d}from"./MenuBarItem-Dp8NM2fx.js";import{B as j}from"./Button-Z4hbXct5.js";import{A as b}from"./AvatarContainer-Bt0G0TWZ.js";import{A as f}from"./Avatar-C4Vb3oYl.js";function N({onToggle:c}){const m={"@context":"https://schema.org","@type":"WebSite",name:"CommunityRule",url:"https://communityrule.com",potentialAction:{"@type":"SearchAction",target:"https://communityrule.com/search?q={search_term_string}","query-input":"required name=search_term_string"}},o=[{href:"#",text:"Use cases",extraPadding:!0},{href:"#",text:"Learn"},{href:"#",text:"About"}],x=[{src:"/assets/Avatar_1.png",alt:"Avatar 1"},{src:"/assets/Avatar_2.png",alt:"Avatar 2"},{src:"/assets/Avatar_3.png",alt:"Avatar 3"}],h=[{breakpoint:"block sm:hidden",size:"header",showText:!1},{breakpoint:"hidden sm:block md:hidden",size:"header",showText:!0},{breakpoint:"hidden md:block lg:hidden",size:"headerMd",showText:!0},{breakpoint:"hidden lg:block xl:hidden",size:"headerLg",showText:!0},{breakpoint:"hidden xl:block",size:"headerXl",showText:!0}],i=a=>o.map((s,r)=>e.jsx(d,{href:s.href,size:s.extraPadding&&a==="xsmall"?"xsmallUseCases":a,onClick:c,ariaLabel:`Navigate to ${s.text} page`,children:s.text},r)),g=(a,s)=>e.jsx(b,{size:a,children:x.map((r,u)=>e.jsx(f,{src:r.src,alt:r.alt,size:s},u))}),l=a=>e.jsx(d,{href:"#",size:a,ariaLabel:"Log in to your account",children:"Log in"}),n=(a,s,r)=>e.jsxs(j,{size:a,ariaLabel:"Create a new rule with avatar decoration",children:[g(s,r),e.jsx("span",{children:"Create rule"})]}),p=(a,s)=>e.jsx(v,{size:a,showText:s});return e.jsxs(e.Fragment,{children:[e.jsx("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(m)}}),e.jsx("header",{className:"bg-[var(--color-surface-default-primary)] w-full border-b border-[var(--border-color-default-tertiary)]",role:"banner","aria-label":"Main navigation header",children:e.jsxs("nav",{className:"flex items-center justify-between mx-auto h-[40px] lg:h-[84px] xl:h-[88px] px-[var(--spacing-measures-spacing-016)] py-[var(--spacing-measures-spacing-008)] lg:px-[var(--spacing-measures-spacing-64,64px)] lg:py-[var(--spacing-measures-spacing-016,16px)]",role:"navigation","aria-label":"Main navigation",children:[e.jsx("div",{className:"flex items-center",children:h.map((a,s)=>e.jsx("div",{className:a.breakpoint,children:p(a.size,a.showText)},s))}),e.jsxs("div",{className:"flex items-center",children:[e.jsx("div",{className:"block sm:hidden"}),e.jsx("div",{className:"hidden sm:block md:hidden",children:e.jsxs(t,{size:"default",children:[i("xsmall"),l("xsmall")]})}),e.jsx("div",{className:"hidden md:block lg:hidden",children:e.jsx(t,{size:"default",children:i("xsmall")})}),e.jsx("div",{className:"hidden lg:block xl:hidden",children:e.jsx(t,{size:"large",children:i("large")})}),e.jsx("div",{className:"hidden xl:block",children:e.jsx(t,{size:"large",children:i("xlarge")})})]}),e.jsxs("div",{className:"flex items-center",children:[e.jsx("div",{className:"block sm:hidden",children:e.jsxs("div",{className:"flex items-center gap-[var(--spacing-scale-001)]",children:[i("xsmall"),l("xsmall"),n("xsmall","small","small")]})}),e.jsx("div",{className:"hidden sm:block md:hidden",children:e.jsx("div",{className:"flex items-center gap-[var(--spacing-scale-004)]",children:n("xsmall","small","small")})}),e.jsx("div",{className:"hidden md:block lg:hidden",children:e.jsxs("div",{className:"flex items-center gap-[var(--spacing-measures-spacing-010)]",children:[l("xsmall"),n("xsmall","medium","medium")]})}),e.jsx("div",{className:"hidden lg:block xl:hidden",children:e.jsxs("div",{className:"flex items-center gap-[var(--spacing-measures-spacing-004)]",children:[l("large"),n("large","xlarge","xlarge")]})}),e.jsx("div",{className:"hidden xl:block",children:e.jsxs("div",{className:"flex items-center gap-[var(--spacing-measures-spacing-004)]",children:[l("xlarge"),n("xlarge","xlarge","xlarge")]})})]})]})})]})}N.__docgenInfo={description:"",methods:[],displayName:"Header"};export{N as H};
+45
View File
@@ -0,0 +1,45 @@
import{j as e}from"./jsx-runtime-C_nHp4yK.js";import{H as o}from"./Header-Bz-bT1Sq.js";import"./iframe-D_aMTKb2.js";import"./preload-helper-DIZFD4sK.js";import"./Logo-DM7O8ATg.js";import"./MenuBar-anMCqtJv.js";import"./MenuBarItem-Dp8NM2fx.js";import"./Button-Z4hbXct5.js";import"./AvatarContainer-Bt0G0TWZ.js";import"./Avatar-C4Vb3oYl.js";const x={title:"Components/Header",component:o,parameters:{layout:"fullscreen",docs:{description:{component:"The main navigation header with responsive behavior across different breakpoints."}}},argTypes:{onToggle:{action:"toggled"}},tags:["autodocs"]},t={args:{},parameters:{docs:{description:{story:"Use the Viewport toolbar to change the iframe width and see how the header adapts to different screen sizes. The header shows different layouts for mobile, tablet, and desktop breakpoints."}}}},a={args:{},render:()=>e.jsxs("div",{className:"min-h-screen bg-[var(--color-surface-default-primary)]",children:[e.jsx(o,{}),e.jsx("main",{className:"p-8",children:e.jsxs("div",{className:"max-w-4xl mx-auto",children:[e.jsx("h1",{className:"text-2xl font-bold text-white mb-4",children:"Example Page Content"}),e.jsx("p",{className:"text-white mb-4",children:"This demonstrates how the header looks in a realistic page context. The header maintains its responsive behavior while providing navigation for the page content."}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:[1,2,3,4,5,6].map(s=>e.jsxs("div",{className:"bg-[var(--color-surface-default-secondary)] p-4 rounded-lg",children:[e.jsxs("h3",{className:"text-white font-semibold mb-2",children:["Content Block ",s]}),e.jsx("p",{className:"text-[var(--color-content-default-secondary)] text-sm",children:"This is example content to show how the header integrates with page content."})]},s))})]})})]}),parameters:{docs:{description:{story:"The header integrated into a full page layout to show how it works in context."}}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
args: {},
parameters: {
docs: {
description: {
story: "Use the Viewport toolbar to change the iframe width and see how the header adapts to different screen sizes. The header shows different layouts for mobile, tablet, and desktop breakpoints."
}
}
}
}`,...t.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
args: {},
render: () => <div className="min-h-screen bg-[var(--color-surface-default-primary)]">
<Header />
<main className="p-8">
<div className="max-w-4xl mx-auto">
<h1 className="text-2xl font-bold text-white mb-4">
Example Page Content
</h1>
<p className="text-white mb-4">
This demonstrates how the header looks in a realistic page context.
The header maintains its responsive behavior while providing
navigation for the page content.
</p>
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
{[1, 2, 3, 4, 5, 6].map(i => <div key={i} className="bg-[var(--color-surface-default-secondary)] p-4 rounded-lg">
<h3 className="text-white font-semibold mb-2">
Content Block {i}
</h3>
<p className="text-[var(--color-content-default-secondary)] text-sm">
This is example content to show how the header integrates with
page content.
</p>
</div>)}
</div>
</div>
</main>
</div>,
parameters: {
docs: {
description: {
story: "The header integrated into a full page layout to show how it works in context."
}
}
}
}`,...a.parameters?.docs?.source}}};const f=["Default","InPageContext"];export{t as Default,a as InPageContext,f as __namedExportsOrder,x as default};
+1
View File
@@ -0,0 +1 @@
import{j as s}from"./jsx-runtime-C_nHp4yK.js";function n({children:a,className:e="",stretch:l=!1,...p}){const r=l?"flex-1 sm:mr-[var(--spacing-scale-008)] md:mr-[185px] lg:mr-[var(--spacing-scale-024)] xl:mr-[var(--spacing-scale-032)]":"";return s.jsxs("div",{className:`HeaderTab header-breakpoint-transition relative bg-[var(--color-surface-default-brand-primary)] rounded-t-[32px] sm:rounded-t-[32px] md:rounded-t-[32px] lg:rounded-t-[32px] xl:rounded-t-[32px] pl-[var(--spacing-measures-spacing-012)] h-[40px] sm:h-[52px] md:h-[52px] lg:h-[52px] xl:h-[64px] sm:pr-[var(--spacing-scale-006)] md:pl-[var(--spacing-scale-024)] lg:pl-[var(--spacing-scale-024)] xl:pl-[var(--spacing-scale-032)] md:pr-[var(--spacing-scale-012)] lg:pr-[var(--spacing-scale-048)] xl:pr-[var(--spacing-scale-120)] md:gap-[var(--spacing-scale-032)] ${r} ${e}`,...p,children:[a,s.jsx("img",{src:"assets/Union_xsm.svg",alt:"Union",className:"absolute -bottom-[3px] -right-[52px] w-[61px] h-[24px] sm:w-[61px] sm:h-[31.5px] sm:hidden -z-10"}),s.jsx("img",{src:"assets/Union_sm_md_lg.svg",alt:"Union",className:"absolute -bottom-[3.7px] -right-[53px] w-[61px] h-[24px] sm:w-[61px] sm:h-[31.5px] hidden sm:block xl:hidden -z-10"}),s.jsx("img",{src:"assets/Union_xlg.svg",alt:"Union",className:"absolute -bottom-[6px] -right-[94px] w-[105px] h-[53px] hidden xl:block -z-10"})]})}n.__docgenInfo={description:"",methods:[],displayName:"HeaderTab",props:{className:{defaultValue:{value:'""',computed:!1},required:!1},stretch:{defaultValue:{value:"false",computed:!1},required:!1}}};export{n as H};
@@ -0,0 +1,8 @@
import{j as t}from"./jsx-runtime-C_nHp4yK.js";import{H as r}from"./HeaderTab-D9jUrYUx.js";import{L as s}from"./Logo-DM7O8ATg.js";import"./iframe-D_aMTKb2.js";import"./preload-helper-DIZFD4sK.js";const p={title:"Components/HeaderTab",component:r,parameters:{layout:"centered",docs:{description:{component:"A header tab container with decorative Union images and responsive behavior. Used to wrap content in the header with consistent styling and responsive breakpoint transitions."}}},argTypes:{stretch:{control:{type:"boolean"},description:"Whether the tab should stretch to fill available space"},className:{control:{type:"text"},description:"Additional CSS classes"}},tags:["autodocs"]},e={args:{stretch:!1},render:a=>t.jsx(r,{...a,children:t.jsx(s,{size:"homeHeaderMd"})})};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
args: {
stretch: false
},
render: args => <HeaderTab {...args}>
<Logo size="homeHeaderMd" />
</HeaderTab>
}`,...e.parameters?.docs?.source}}};const m=["Default"];export{e as Default,m as __namedExportsOrder,p as default};
+1
View File
@@ -0,0 +1 @@
import{j as a}from"./jsx-runtime-C_nHp4yK.js";import{C as t}from"./ContentLockup-DbWiPA4N.js";import{H as p}from"./HeroDecor-Csfoi-N_.js";const c=({title:e,subtitle:s,description:r,ctaText:l,ctaHref:n})=>a.jsx("section",{className:"bg-transparent px-[var(--spacing-scale-008)] sm:px-[var(--spacing-scale-010)] md:px-[var(--spacing-scale-016)] lg:px-[var(--spacing-scale-024)] xl:px-[var(--spacing-scale-048)]",children:a.jsx("div",{className:"flex flex-col gap-[var(--spacing-scale-010)]",children:a.jsxs("div",{className:"bg-[var(--color-surface-default-brand-primary)] p-[var(--spacing-scale-012)] sm:p-[var(--spacing-scale-016)] md:p-[var(--spacing-scale-064)] lg:py-[var(--spacing-scale-096)] lg:px-[var(--spacing-scale-064)] rounded-tl-none rounded-tr-[16px] rounded-br-[16px] rounded-bl-[16px] flex flex-col gap-[var(--spacing-scale-024)] sm:gap-[var(--spacing-scale-024)] md:flex-row md:gap-[var(--spacing-scale-048)] relative overflow-hidden",children:[a.jsx(p,{className:"pointer-events-none absolute z-0 left-0 top-0 translate-x-[-72px] translate-y-[26px] sm:translate-x-[-78px] sm:translate-y-[24px] md:translate-x-[-86px] md:translate-y-[16px] lg:translate-x-[-88px] lg:translate-y-[16px] w-[1540px] h-[645px] scale-[1.04]"}),a.jsx("div",{className:"md:flex-1",children:a.jsx(t,{title:e,subtitle:s,description:r,ctaText:l,ctaHref:n,buttonClassName:"shrink-0 whitespace-nowrap min-w-[280px]"})}),a.jsx("div",{className:"w-full md:flex-1 rounded-[8px] overflow-hidden relative z-10 flex items-center justify-center",children:a.jsx("img",{src:"assets/HeroImage.png",alt:"Hero illustration",className:"w-full h-auto"})})]})})});c.__docgenInfo={description:"",methods:[],displayName:"HeroBanner"};export{c as H};
@@ -0,0 +1,16 @@
import{H as e}from"./HeroBanner-D2qHR4vw.js";import"./jsx-runtime-C_nHp4yK.js";import"./iframe-D_aMTKb2.js";import"./preload-helper-DIZFD4sK.js";import"./ContentLockup-DbWiPA4N.js";import"./Button-Z4hbXct5.js";import"./HeroDecor-Csfoi-N_.js";const p={title:"Components/HeroBanner",component:e,parameters:{layout:"fullscreen",docs:{description:{component:"A responsive hero banner component that showcases the Community Rule branding and messaging. Adapts across multiple breakpoints with proper spacing, typography, and interactive elements. Includes background decorations and product demo integration."}}},argTypes:{title:{control:{type:"text"},description:"The main title text"},subtitle:{control:{type:"text"},description:"The subtitle text"},description:{control:{type:"text"},description:"The description text"},ctaText:{control:{type:"text"},description:"The call-to-action button text"},ctaHref:{control:{type:"text"},description:"The call-to-action button link"}},tags:["autodocs"]},t={args:{title:"Collaborate",subtitle:"with clarity",description:"Help your community make important decisions in a way that reflects its unique values.",ctaText:"Learn how Community Rule works",ctaHref:"#"},parameters:{docs:{description:{story:"Default hero banner with standard Community Rule messaging and branding."}}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
args: {
title: "Collaborate",
subtitle: "with clarity",
description: "Help your community make important decisions in a way that reflects its unique values.",
ctaText: "Learn how Community Rule works",
ctaHref: "#"
},
parameters: {
docs: {
description: {
story: "Default hero banner with standard Community Rule messaging and branding."
}
}
}
}`,...t.parameters?.docs?.source}}};const l=["Default"];export{t as Default,l as __namedExportsOrder,p as default};
@@ -0,0 +1,141 @@
import{j as e}from"./jsx-runtime-C_nHp4yK.js";import{H as t}from"./HeroBanner-D2qHR4vw.js";import{C as r}from"./ContentLockup-DbWiPA4N.js";import{H as o}from"./HeroDecor-Csfoi-N_.js";import"./iframe-D_aMTKb2.js";import"./preload-helper-DIZFD4sK.js";import"./Button-Z4hbXct5.js";const y={title:"Systems/HeroBanner System",parameters:{layout:"fullscreen",docs:{description:{component:"Complete HeroBanner system showcasing all nested components working together. This demonstrates the full responsive behavior and component integration."}}},tags:["autodocs"]},n={render:()=>e.jsx("div",{className:"min-h-screen bg-gray-50",children:e.jsx(t,{title:"Collaborate",subtitle:"with clarity",description:"Help your community make important decisions in a way that reflects its unique values.",ctaText:"Learn how Community Rule works",ctaHref:"#"})}),parameters:{docs:{description:{story:"Complete HeroBanner system with all components integrated. Resize your browser to see responsive behavior across all breakpoints."}}}},a={render:()=>e.jsx("div",{className:"space-y-12 p-8",children:e.jsxs("div",{children:[e.jsx("h2",{className:"text-2xl font-bold mb-6",children:"HeroBanner Components"}),e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-lg font-semibold mb-4",children:"1. ContentLockup Component"}),e.jsx("div",{className:"bg-[var(--color-surface-default-brand-primary)] p-8 rounded-lg",children:e.jsx(r,{title:"Collaborate",subtitle:"with clarity",description:"Help your community make important decisions in a way that reflects its unique values.",ctaText:"Learn how Community Rule works",ctaHref:"#"})})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-lg font-semibold mb-4",children:"2. HeroDecor Component"}),e.jsxs("div",{className:"bg-[var(--color-surface-default-brand-primary)] p-8 rounded-lg relative overflow-hidden h-64",children:[e.jsx(o,{className:"w-full h-full"}),e.jsx("div",{className:"relative z-10 text-white mt-4",children:e.jsx("p",{children:"Decoration appears behind content"})})]})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-lg font-semibold mb-4",children:"3. Complete HeroBanner"}),e.jsx(t,{title:"Collaborate",subtitle:"with clarity",description:"Help your community make important decisions in a way that reflects its unique values.",ctaText:"Learn how Community Rule works",ctaHref:"#"})]})]})]})}),parameters:{docs:{description:{story:"Breakdown of individual components that make up the HeroBanner system, showing how they work together."}}}},s={render:()=>e.jsxs("div",{className:"space-y-8 p-8",children:[e.jsx("h2",{className:"text-2xl font-bold",children:"Responsive Breakpoints"}),e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-lg font-semibold mb-2",children:"XSmall (≤429px)"}),e.jsx("div",{className:"border-2 border-gray-300 rounded-lg overflow-hidden",style:{width:"400px"},children:e.jsx(t,{title:"Collaborate",subtitle:"with clarity",description:"Help your community make important decisions in a way that reflects its unique values.",ctaText:"Learn how Community Rule works",ctaHref:"#"})})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-lg font-semibold mb-2",children:"Small (430px+)"}),e.jsx("div",{className:"border-2 border-gray-300 rounded-lg overflow-hidden",style:{width:"600px"},children:e.jsx(t,{title:"Collaborate",subtitle:"with clarity",description:"Help your community make important decisions in a way that reflects its unique values.",ctaText:"Learn how Community Rule works",ctaHref:"#"})})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-lg font-semibold mb-2",children:"Medium (768px+)"}),e.jsx("div",{className:"border-2 border-gray-300 rounded-lg overflow-hidden",style:{width:"900px"},children:e.jsx(t,{title:"Collaborate",subtitle:"with clarity",description:"Help your community make important decisions in a way that reflects its unique values.",ctaText:"Learn how Community Rule works",ctaHref:"#"})})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-lg font-semibold mb-2",children:"Large (1024px+)"}),e.jsx("div",{className:"border-2 border-gray-300 rounded-lg overflow-hidden",style:{width:"1200px"},children:e.jsx(t,{title:"Collaborate",subtitle:"with clarity",description:"Help your community make important decisions in a way that reflects its unique values.",ctaText:"Learn how Community Rule works",ctaHref:"#"})})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-lg font-semibold mb-2",children:"XLarge (1440px+)"}),e.jsx("div",{className:"border-2 border-gray-300 rounded-lg overflow-hidden",style:{width:"1600px"},children:e.jsx(t,{title:"Collaborate",subtitle:"with clarity",description:"Help your community make important decisions in a way that reflects its unique values.",ctaText:"Learn how Community Rule works",ctaHref:"#"})})]})]})]}),parameters:{docs:{description:{story:"HeroBanner system demonstrating responsive behavior at each breakpoint. Each container simulLine truncated
render: () => <div className="min-h-screen bg-gray-50">
<HeroBanner title="Collaborate" subtitle="with clarity" description="Help your community make important decisions in a way that reflects its unique values." ctaText="Learn how Community Rule works" ctaHref="#" />
</div>,
parameters: {
docs: {
description: {
story: "Complete HeroBanner system with all components integrated. Resize your browser to see responsive behavior across all breakpoints."
}
}
}
}`,...n.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
render: () => <div className="space-y-12 p-8">
<div>
<h2 className="text-2xl font-bold mb-6">HeroBanner Components</h2>
<div className="space-y-8">
<div>
<h3 className="text-lg font-semibold mb-4">
1. ContentLockup Component
</h3>
<div className="bg-[var(--color-surface-default-brand-primary)] p-8 rounded-lg">
<ContentLockup title="Collaborate" subtitle="with clarity" description="Help your community make important decisions in a way that reflects its unique values." ctaText="Learn how Community Rule works" ctaHref="#" />
</div>
</div>
<div>
<h3 className="text-lg font-semibold mb-4">
2. HeroDecor Component
</h3>
<div className="bg-[var(--color-surface-default-brand-primary)] p-8 rounded-lg relative overflow-hidden h-64">
<HeroDecor className="w-full h-full" />
<div className="relative z-10 text-white mt-4">
<p>Decoration appears behind content</p>
</div>
</div>
</div>
<div>
<h3 className="text-lg font-semibold mb-4">
3. Complete HeroBanner
</h3>
<HeroBanner title="Collaborate" subtitle="with clarity" description="Help your community make important decisions in a way that reflects its unique values." ctaText="Learn how Community Rule works" ctaHref="#" />
</div>
</div>
</div>
</div>,
parameters: {
docs: {
description: {
story: "Breakdown of individual components that make up the HeroBanner system, showing how they work together."
}
}
}
}`,...a.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
render: () => <div className="space-y-8 p-8">
<h2 className="text-2xl font-bold">Responsive Breakpoints</h2>
<div className="space-y-6">
<div>
<h3 className="text-lg font-semibold mb-2">XSmall (≤429px)</h3>
<div className="border-2 border-gray-300 rounded-lg overflow-hidden" style={{
width: "400px"
}}>
<HeroBanner title="Collaborate" subtitle="with clarity" description="Help your community make important decisions in a way that reflects its unique values." ctaText="Learn how Community Rule works" ctaHref="#" />
</div>
</div>
<div>
<h3 className="text-lg font-semibold mb-2">Small (430px+)</h3>
<div className="border-2 border-gray-300 rounded-lg overflow-hidden" style={{
width: "600px"
}}>
<HeroBanner title="Collaborate" subtitle="with clarity" description="Help your community make important decisions in a way that reflects its unique values." ctaText="Learn how Community Rule works" ctaHref="#" />
</div>
</div>
<div>
<h3 className="text-lg font-semibold mb-2">Medium (768px+)</h3>
<div className="border-2 border-gray-300 rounded-lg overflow-hidden" style={{
width: "900px"
}}>
<HeroBanner title="Collaborate" subtitle="with clarity" description="Help your community make important decisions in a way that reflects its unique values." ctaText="Learn how Community Rule works" ctaHref="#" />
</div>
</div>
<div>
<h3 className="text-lg font-semibold mb-2">Large (1024px+)</h3>
<div className="border-2 border-gray-300 rounded-lg overflow-hidden" style={{
width: "1200px"
}}>
<HeroBanner title="Collaborate" subtitle="with clarity" description="Help your community make important decisions in a way that reflects its unique values." ctaText="Learn how Community Rule works" ctaHref="#" />
</div>
</div>
<div>
<h3 className="text-lg font-semibold mb-2">XLarge (1440px+)</h3>
<div className="border-2 border-gray-300 rounded-lg overflow-hidden" style={{
width: "1600px"
}}>
<HeroBanner title="Collaborate" subtitle="with clarity" description="Help your community make important decisions in a way that reflects its unique values." ctaText="Learn how Community Rule works" ctaHref="#" />
</div>
</div>
</div>
</div>,
parameters: {
docs: {
description: {
story: "HeroBanner system demonstrating responsive behavior at each breakpoint. Each container simulates a different screen size."
}
}
}
}`,...s.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
render: () => <div className="space-y-8 p-8">
<h2 className="text-2xl font-bold">Content Variations</h2>
<div className="space-y-6">
<div>
<h3 className="text-lg font-semibold mb-2">Standard Content</h3>
<HeroBanner title="Collaborate" subtitle="with clarity" description="Help your community make important decisions in a way that reflects its unique values." ctaText="Learn how Community Rule works" ctaHref="#" />
</div>
<div>
<h3 className="text-lg font-semibold mb-2">Alternative Content</h3>
<HeroBanner title="Build" subtitle="better communities" description="Create operating manuals that help your community thrive and make decisions together." ctaText="Get started today" ctaHref="/signup" />
</div>
<div>
<h3 className="text-lg font-semibold mb-2">Long Description</h3>
<HeroBanner title="Collaborate" subtitle="with clarity" description="Help your community make important decisions in a way that reflects its unique values. Our platform provides the tools and frameworks needed to build successful, sustainable communities that can navigate complex challenges together." ctaText="Learn how Community Rule works" ctaHref="#" />
</div>
</div>
</div>,
parameters: {
docs: {
description: {
story: "HeroBanner system with different content variations to demonstrate flexibility and content handling."
}
}
}
}`,...i.parameters?.docs?.source}}};const v=["CompleteSystem","ComponentBreakdown","ResponsiveBreakpoints","ContentVariations"];export{n as CompleteSystem,a as ComponentBreakdown,i as ContentVariations,s as ResponsiveBreakpoints,v as __namedExportsOrder,y as default};
+1
View File
@@ -0,0 +1 @@
import{j as e}from"./jsx-runtime-C_nHp4yK.js";const s=({className:C=""})=>e.jsx("svg",{className:`text-[#FDFAA8] opacity-50 ${C}`,viewBox:"0 0 1540 645","aria-hidden":"true",overflow:"visible",preserveAspectRatio:"xMidYMid slice",children:e.jsxs("g",{fill:"currentColor",children:[e.jsx("defs",{children:e.jsxs("filter",{id:"grain",filterUnits:"objectBoundingBox",x:"0",y:"0",width:"1",height:"1",colorInterpolationFilters:"sRGB",children:[e.jsx("feTurbulence",{type:"fractalNoise",baseFrequency:"0.8",numOctaves:"2",seed:"3",stitchTiles:"stitch",result:"noise"}),e.jsx("feColorMatrix",{in:"noise",result:"softNoise",type:"matrix",values:" 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"}),e.jsx("feComposite",{in:"softNoise",in2:"SourceAlpha",operator:"in",result:"maskedNoise"}),e.jsx("feBlend",{in:"SourceGraphic",in2:"maskedNoise",mode:"multiply"})]})}),e.jsxs("g",{fill:"currentColor",filter:"url(#grain)",children:[e.jsx("path",{d:"M1441.54 226.758C1495.92 226.758 1540 320.385 1540 435.879C1540 551.373 1495.92 645 1441.54 645C1387.16 645 1343.08 551.373 1343.08 435.879C1343.08 320.385 1387.16 226.758 1441.54 226.758Z"}),e.jsx("path",{d:"M1441.54 226.758C1495.92 226.758 1540 320.385 1540 435.879C1540 551.373 1495.92 645 1441.54 645C1387.16 645 1343.08 551.373 1343.08 435.879C1343.08 320.385 1387.16 226.758 1441.54 226.758Z"}),e.jsx("path",{d:"M674.066 209.121C728.443 209.121 772.525 302.748 772.525 418.242C772.525 533.737 728.443 627.363 674.066 627.363C619.688 627.363 575.607 533.737 575.607 418.242C575.607 302.748 619.688 209.121 674.066 209.121Z"}),e.jsx("path",{d:"M674.066 209.121C728.443 209.121 772.525 302.748 772.525 418.242C772.525 533.737 728.443 627.363 674.066 627.363C619.688 627.363 575.607 533.737 575.607 418.242C575.607 302.748 619.688 209.121 674.066 209.121Z"}),e.jsx("path",{d:"M290.328 0C344.705 0 388.787 93.6267 388.787 209.121C388.787 211.519 388.765 213.907 388.728 216.285C401.725 133.082 438.661 73.0664 482.197 73.0664C536.574 73.0664 580.656 166.693 580.656 282.188C580.656 397.682 536.574 491.309 482.197 491.309C427.819 491.309 383.738 397.682 383.738 282.188C383.738 279.79 383.758 277.401 383.796 275.023C370.798 358.226 333.864 418.242 290.328 418.242C246.792 418.242 209.856 358.226 196.859 275.023C196.897 277.401 196.918 279.79 196.918 282.188C196.918 397.682 152.836 491.309 98.459 491.309C44.0816 491.309 0 397.682 0 282.188C0 166.693 44.0816 73.0664 98.459 73.0664C141.995 73.0664 178.929 133.082 191.927 216.285C191.889 213.907 191.869 211.519 191.869 209.121C191.869 93.6267 235.95 0 290.328 0Z"}),e.jsx("path",{d:"M290.328 0C344.705 0 388.787 93.6267 388.787 209.121C388.787 211.519 388.765 213.907 388.728 216.285C401.725 133.082 438.661 73.0664 482.197 73.0664C536.574 73.0664 580.656 166.693 580.656 282.188C580.656 397.682 536.574 491.309 482.197 491.309C427.819 491.309 383.738 397.682 383.738 282.188C383.738 279.79 383.758 277.401 383.796 275.023C370.798 358.226 333.864 418.242 290.328 418.242C246.792 418.242 209.856 358.226 196.859 275.023C196.897 277.401 196.918 279.79 196.918 282.188C196.918 397.682 152.836 491.309 98.459 491.309C44.0816 491.309 0 397.682 0 282.188C0 166.693 44.0816 73.0664 98.459 73.0664C141.995 73.0664 178.929 133.082 191.927 216.285C191.889 213.907 191.869 211.519 191.869 209.121C191.869 93.6267 235.95 0 290.328 0Z"}),e.jsx("path",{d:"M1057.8 0C1112.18 0 1156.26 93.6267 1156.26 209.121C1156.26 211.519 1156.24 213.907 1156.2 216.285C1169.2 133.082 1206.14 73.0664 1249.67 73.0664C1304.05 73.0664 1348.13 166.693 1348.13 282.188C1348.13 397.682 1304.05 491.309 1249.67 491.309C1195.29 491.309 1151.21 397.682 1151.21 282.188C1151.21 279.79 1151.23 277.401 1151.27 275.023C1138.27 358.226 1101.34 418.242 1057.8 418.242C1014.27 418.242 977.332 358.226 964.334 275.023C964.372 277.401 964.393 279.79 964.393 282.188C964.393 397.682 920.312 491.309 865.934 491.309C811.557 491.309 767.475 397.682 767.475 282.188C767.475 166.693 811.557 73.0664 865.934 73.0664C909.47 73.0664 946.405 133.082 959.402 216.285C959.365 213.907 959.344 211.519 959.344 209.121C959.344 93.6267 1003.43 0 1057.8 0Z"})]})]})});s.__docgenInfo={description:"",methods:[],displayName:"HeroDecor",props:{className:{defaultValue:{value:'""',computed:!1},required:!1}}};export{s as H};
+30
View File
@@ -0,0 +1,30 @@
import{j as e}from"./jsx-runtime-C_nHp4yK.js";import{H as o}from"./HeroDecor-Csfoi-N_.js";import"./iframe-D_aMTKb2.js";import"./preload-helper-DIZFD4sK.js";const d={title:"Components/HeroDecor",component:o,parameters:{layout:"centered",docs:{description:{component:"A decorative SVG component that provides background visual elements for the HeroBanner. Features grain effects and organic shapes that enhance the visual appeal without interfering with content readability."}}},argTypes:{className:{control:{type:"text"},description:"Additional CSS classes for positioning and styling"}},tags:["autodocs"]},r={args:{className:"w-[400px] h-[200px]"},parameters:{docs:{description:{story:"Default hero decoration with standard sizing and positioning."}}}},t={args:{className:"w-[600px] h-[300px]"},render:a=>e.jsxs("div",{className:"bg-[var(--color-surface-default-brand-primary)] p-8 rounded-lg relative overflow-hidden",children:[e.jsx(o,{...a}),e.jsxs("div",{className:"relative z-10 text-white mt-4",children:[e.jsx("h3",{children:"Content Overlay"}),e.jsx("p",{children:"This demonstrates how the decoration appears behind content."})]})]}),parameters:{docs:{description:{story:"Hero decoration with background color to show how it integrates with content."}}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
args: {
className: "w-[400px] h-[200px]"
},
parameters: {
docs: {
description: {
story: "Default hero decoration with standard sizing and positioning."
}
}
}
}`,...r.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
args: {
className: "w-[600px] h-[300px]"
},
render: args => <div className="bg-[var(--color-surface-default-brand-primary)] p-8 rounded-lg relative overflow-hidden">
<HeroDecor {...args} />
<div className="relative z-10 text-white mt-4">
<h3>Content Overlay</h3>
<p>This demonstrates how the decoration appears behind content.</p>
</div>
</div>,
parameters: {
docs: {
description: {
story: "Hero decoration with background color to show how it integrates with content."
}
}
}
}`,...t.parameters?.docs?.source}}};const p=["Default","WithBackground"];export{r as Default,t as WithBackground,p as __namedExportsOrder,d as default};
Binary file not shown.

After

Width:  |  Height:  |  Size: 112 KiB

@@ -0,0 +1,43 @@
import{j as e}from"./jsx-runtime-C_nHp4yK.js";import{r as w}from"./iframe-D_aMTKb2.js";import{L as N}from"./Logo-DM7O8ATg.js";import{M as l}from"./MenuBar-anMCqtJv.js";import{M as p}from"./MenuBarItem-Dp8NM2fx.js";import{B as y}from"./Button-Z4hbXct5.js";import{A as k}from"./AvatarContainer-Bt0G0TWZ.js";import{A as H}from"./Avatar-C4Vb3oYl.js";import{H as T}from"./HeaderTab-D9jUrYUx.js";import{H as A}from"./Header-Bz-bT1Sq.js";import"./preload-helper-DIZFD4sK.js";function m(){const[t,h]=w.useState(!1),g={"@context":"https://schema.org","@type":"WebSite",name:"CommunityRule",url:"https://communityrule.com",description:"Build operating manuals for successful communities",potentialAction:{"@type":"SearchAction",target:"https://communityrule.com/search?q={search_term_string}","query-input":"required name=search_term_string"}},x=[{href:"#",text:"Use cases",extraPadding:!0},{href:"#",text:"Learn"},{href:"#",text:"About"}],u=[{src:"/assets/Avatar_1.png",alt:"Avatar 1"},{src:"/assets/Avatar_2.png",alt:"Avatar 2"},{src:"/assets/Avatar_3.png",alt:"Avatar 3"}],f=[{breakpoint:"block sm:hidden",size:"homeHeaderXsmall",showText:!1},{breakpoint:"hidden sm:block md:hidden",size:"homeHeaderSm",showText:!0},{breakpoint:"hidden md:block lg:hidden",size:"homeHeaderMd",showText:!0},{breakpoint:"hidden lg:block xl:hidden",size:"homeHeaderLg",showText:!0},{breakpoint:"hidden xl:block",size:"homeHeaderXl",showText:!0}],n=a=>x.map((r,s)=>e.jsx(p,{href:r.href,size:r.extraPadding&&(a==="xsmall"||a==="default"||a==="home"||a==="homeMd"||a==="large"||a==="homeXlarge")?a==="home"||a==="homeMd"?"homeMd":a==="large"?"large":a==="homeXlarge"?"homeXlarge":"xsmallUseCases":a,variant:a==="xsmall"||a==="default"||a==="home"||a==="homeMd"||a==="large"||a==="homeXlarge"?"home":"default",onClick:()=>h(!t),ariaLabel:`Navigate to ${r.text} page`,children:r.text},s)),v=(a,r)=>e.jsx(k,{size:a,children:u.map((s,j)=>e.jsx(H,{src:s.src,alt:s.alt,size:r},j))}),o=a=>e.jsx(p,{href:"#",size:a,variant:a==="xsmall"||a==="default"?"home":"default",ariaLabel:"Log in to your account",children:"Log in"}),d=(a,r,s)=>e.jsxs(y,{size:a,variant:"secondary",ariaLabel:"Create a new rule with avatar decoration",children:[v(r,s),e.jsx("span",{children:"Create rule"})]}),b=(a,r)=>e.jsx(N,{size:a,showText:r});return t?e.jsx(A,{onToggle:()=>h(!1)}):e.jsxs(e.Fragment,{children:[e.jsx("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(g)}}),e.jsx("header",{className:"w-full bg-transparent overflow-hidden",role:"banner","aria-label":"Home page navigation header",children:e.jsxs("nav",{className:"relative flex items-center justify-between mx-auto h-[50px] sm:h-[62px] md:h-[68px] lg:h-[68px] xl:h-[88px] px-[var(--spacing-scale-008)] pr-[var(--spacing-scale-016)] pt-[var(--spacing-scale-010)] sm:px-[var(--spacing-scale-010)] sm:pr-[var(--spacing-scale-020)] sm:pt-[var(--spacing-scale-010)] md:px-[var(--spacing-scale-016)] md:pr-[var(--spacing-scale-032)] md:pt-[var(--spacing-scale-016)] lg:pl-[var(--spacing-scale-024)] lg:pt-[var(--spacing-scale-016)] lg:pr-[var(--spacing-scale-056)] xl:pl-[var(--spacing-scale-048)] xl:pt-[var(--spacing-scale-024)] xl:pr-[var(--spacing-scale-056)]",role:"navigation","aria-label":"Main navigation",children:[e.jsxs(T,{className:"flex items-center self-end",stretch:!0,children:[e.jsx("div",{children:f.map((a,r)=>e.jsx("div",{className:a.breakpoint,children:b(a.size,a.showText)},r))}),e.jsx("div",{className:"block sm:hidden -me-[2px]",children:e.jsxs(l,{size:"default",children:[n("xsmall"),o("xsmall")]})})]}),e.jsxs("div",{className:"absolute left-1/2 transform -translate-x-1/2 hidden sm:block",children:[e.jsx("div",{className:"hidden sm:block md:hidden",children:e.jsxs(l,{size:"default",children:[n("xsmall"),o("xsmall")]})}),e.jsx("div",{className:"hidden md:block lg:hidden",children:e.jsx(l,{size:"medium",children:n("homeMd")})}),e.jsx("div",{className:"hidden lg:block xl:hidden",children:e.jsx(l,{size:"large",children:n("large")})}),e.jsx("div",{className:"hidden xl:block",children:e.jsx(l,{size:"large",children:n("homeXlarge")})})]}),e.jsxs("div",{className:"flex items-center",children:[e.jsx("div",{className:"block md:hidden",children:d("xsmall","small","small")}),e.jsx("div",{className:"hidden md:block lg:hidden absolute right-[var(--spacing-measures-spacing-016)]",children:e.jsxs("div",{className:"flex items-center gap-[var(--spacing-scale-010)]",children:[o("homeMd"),d("small","medium","medium")]})}),e.jsx("div",{className:"hidden lg:flex xl:hidden items-center",children:e.jsxs("div",{className:"flex items-center gap-[var(--spacing-scale-004)]",children:[o("large"),d("large","large","large")]})}),e.jsx("div",{className:"hidden xl:flex items-center",children:e.jsxs("div",{className:"flex items-center gap-[var(--spacing-scale-004)]",children:[o("homeXlarge"),d("xlarge","xlarge","xlarge")]})})]})]})})]})}m.__docgenInfo={description:"",methods:[],displayName:"HomeHeader"};const U={title:"Components/HomeHeader",comLine truncated
args: {},
parameters: {
docs: {
description: {
story: "Use the Viewport toolbar to see how the home header adapts to different screen sizes. The header has a transparent background and uses HeaderTab for the left section."
}
}
}
}`,...i.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
args: {},
render: () => <div className="min-h-screen bg-gradient-to-b from-[var(--color-surface-default-primary)] to-[var(--color-surface-default-secondary)]">
<HomeHeader />
<main className="p-8">
<div className="max-w-4xl mx-auto text-center">
<h1 className="text-4xl font-bold text-white mb-4">
Welcome to CommunityRule
</h1>
<p className="text-xl text-[var(--color-content-default-secondary)] mb-8">
This demonstrates how the home header looks in a realistic home page
context. The header maintains its transparent background and
responsive behavior.
</p>
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
{[1, 2, 3].map(i => <div key={i} className="bg-[var(--color-surface-default-secondary)] p-6 rounded-lg border border-[var(--border-color-default-tertiary)]">
<h3 className="text-white font-semibold mb-3">Feature {i}</h3>
<p className="text-[var(--color-content-default-secondary)]">
This is example content to show how the home header integrates
with home page content.
</p>
</div>)}
</div>
</div>
</main>
</div>,
parameters: {
docs: {
description: {
story: "The home header integrated into a full home page layout with gradient background to show the transparent header effect."
}
}
}
}`,...c.parameters?.docs?.source}}};const q=["Default","InHomePageContext"];export{i as Default,c as InHomePageContext,q as __namedExportsOrder,U as default};
+1
View File
@@ -0,0 +1 @@
import{j as i}from"./jsx-runtime-C_nHp4yK.js";function p({size:e="default",showText:o=!0}){const a={default:{containerHeight:"h-[41px]",gap:"gap-[8.28px]",textSize:"text-[21.97px]",lineHeight:"leading-[27.05px]",iconSize:"w-[27.05px] h-[27.05px]"},homeHeaderXsmall:{containerHeight:"h-[14.11px]",gap:"gap-[4.21px]",textSize:"text-[11.57px]",lineHeight:"leading-[14.24px]",iconSize:"w-[14.11px] h-[14.11px]"},homeHeaderSm:{containerHeight:"h-[21.06px]",gap:"gap-[3.19px]",textSize:"text-[11.69px]",lineHeight:"leading-[14.39px]",iconSize:"w-[14.39px] h-[14.39px]"},homeHeaderMd:{containerHeight:"h-[32.24px]",gap:"gap-[4.89px]",textSize:"text-[17.89px]",lineHeight:"leading-[22.02px]",iconSize:"w-[22.02px] h-[22.02px]"},homeHeaderLg:{containerHeight:"h-[28px]",gap:"gap-[6.55px]",textSize:"text-[21.97px]",lineHeight:"leading-[27.05px]",iconSize:"w-[27.05px] h-[27.05px]"},homeHeaderXl:{containerHeight:"h-[36px]",gap:"gap-[8.64px]",textSize:"text-[29.01px]",lineHeight:"leading-[35.7px]",iconSize:"w-[35.7px] h-[35.7px]"},header:{containerHeight:"h-[20.85px]",gap:"gap-[4.21px]",textSize:"text-[11.57px]",lineHeight:"leading-[14.24px]",iconSize:"w-[14.24px] h-[14.24px]"},headerMd:{containerHeight:"h-[17.91px]",gap:"gap-[6.51px]",textSize:"text-[17.89px]",lineHeight:"leading-[22.02px]",iconSize:"w-[22.02px] h-[22.02px]"},headerLg:{containerHeight:"h-[28px]",gap:"gap-[6.55px]",textSize:"text-[21.97px]",lineHeight:"leading-[27.05px]",iconSize:"w-[27.05px] h-[27.05px]"},headerXl:{containerHeight:"h-[34px]",gap:"gap-[8.19px]",textSize:"text-[27.47px]",lineHeight:"leading-[33.81px]",iconSize:"w-[33.81px] h-[33.81px]"},footer:{containerHeight:"h-[calc(40px*1.37)]",gap:"gap-[calc(8px*1.37)]",textSize:"text-[calc(21.97px*1.37)]",lineHeight:"leading-[calc(27.05px*1.37)]",iconSize:"w-[calc(27.05px*1.37)] h-[calc(27.05px*1.37)]"},footerLg:{containerHeight:"h-[calc(40px*2.05)]",gap:"gap-[calc(8px*2.05)]",textSize:"text-[calc(21.97px*2.05)]",lineHeight:"leading-[calc(27.05px*2.05)]",iconSize:"w-[calc(27.05px*2.05)] h-[calc(27.05px*2.05)]"}},t=e==="homeHeaderXsmall"?a.homeHeaderXsmall:e==="homeHeaderSm"?a.homeHeaderSm:e==="homeHeaderMd"?a.homeHeaderMd:e==="homeHeaderLg"?a.homeHeaderLg:e==="homeHeaderXl"?a.homeHeaderXl:e==="header"?a.header:e==="headerMd"?a.headerMd:e==="headerLg"?a.headerLg:e==="headerXl"?a.headerXl:e==="footer"?a.footer:e==="footerLg"?a.footerLg:a.default;return i.jsxs("div",{className:`flex items-center ${t.containerHeight} ${o?t.gap:""} transition-all duration-200 ease-in-out hover:scale-[1.02] cursor-pointer`,role:"banner","aria-label":"CommunityRule Logo",children:[o&&i.jsx("div",{className:`font-['Bricolage_Grotesque'] ${e==="homeHeaderXsmall"||e==="homeHeaderSm"||e==="homeHeaderMd"||e==="homeHeaderLg"||e==="homeHeaderXl"?"text-[var(--color-content-inverse-primary)]":"text-[var(--color-content-default-primary)]"} ${t.textSize} ${t.lineHeight} font-normal tracking-[0px] transition-colors duration-200`,"aria-label":"CommunityRule",children:"CommunityRule"}),i.jsx("img",{src:"assets/Logo.svg",alt:"CommunityRule Logo Icon",width:27.05,height:27.05,className:`flex-shrink-0 ${t.iconSize} transition-all duration-200 ${e==="homeHeaderXsmall"||e==="homeHeaderSm"||e==="homeHeaderMd"||e==="homeHeaderLg"||e==="homeHeaderXl"?"filter brightness-0":""}`,"aria-hidden":"true"})]})}p.__docgenInfo={description:"",methods:[],displayName:"Logo",props:{size:{defaultValue:{value:'"default"',computed:!1},required:!1},showText:{defaultValue:{value:"true",computed:!1},required:!1}}};export{p as L};
+203
View File
@@ -0,0 +1,203 @@
import{j as e}from"./jsx-runtime-C_nHp4yK.js";import{L as s}from"./Logo-DM7O8ATg.js";import"./iframe-D_aMTKb2.js";import"./preload-helper-DIZFD4sK.js";const h={title:"Components/Logo",component:s,parameters:{layout:"centered",docs:{description:{component:"The CommunityRule logo component with multiple size variants for different contexts (header, footer, home header). Can display with or without text and adapts colors based on context."}}},argTypes:{size:{control:{type:"select"},options:["default","homeHeaderXsmall","homeHeaderSm","homeHeaderMd","homeHeaderLg","homeHeaderXl","header","headerMd","headerLg","headerXl","footer","footerLg"],description:"The size variant of the logo"},showText:{control:{type:"boolean"},description:"Whether to show the text portion of the logo"}},tags:["autodocs"]},t={args:{size:"default",showText:!0}},n={args:{showText:!0},render:a=>e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-white font-semibold mb-3",children:"Default Sizes"}),e.jsxs("div",{className:"space-x-4",children:[e.jsx(s,{...a,size:"default"}),e.jsx(s,{...a,size:"header"}),e.jsx(s,{...a,size:"footer"})]})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-white font-semibold mb-3",children:"Header Sizes"}),e.jsxs("div",{className:"space-x-4",children:[e.jsx(s,{...a,size:"header"}),e.jsx(s,{...a,size:"headerMd"}),e.jsx(s,{...a,size:"headerLg"}),e.jsx(s,{...a,size:"headerXl"})]})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-white font-semibold mb-3",children:"Home Header Sizes"}),e.jsxs("div",{className:"space-x-4",children:[e.jsx(s,{...a,size:"homeHeaderXsmall"}),e.jsx(s,{...a,size:"homeHeaderSm"}),e.jsx(s,{...a,size:"homeHeaderMd"}),e.jsx(s,{...a,size:"homeHeaderLg"}),e.jsx(s,{...a,size:"homeHeaderXl"})]})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-white font-semibold mb-3",children:"Footer Sizes"}),e.jsxs("div",{className:"space-x-4",children:[e.jsx(s,{...a,size:"footer"}),e.jsx(s,{...a,size:"footerLg"})]})]})]}),parameters:{docs:{description:{story:"Different size variants available for the logo component across different contexts."}}}},r={args:{size:"default",showText:!1},render:a=>e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-white font-semibold mb-3",children:"Icon Only - Default Sizes"}),e.jsxs("div",{className:"space-x-4",children:[e.jsx(s,{...a,size:"default"}),e.jsx(s,{...a,size:"header"}),e.jsx(s,{...a,size:"footer"})]})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-white font-semibold mb-3",children:"Icon Only - Header Sizes"}),e.jsxs("div",{className:"space-x-4",children:[e.jsx(s,{...a,size:"header"}),e.jsx(s,{...a,size:"headerMd"}),e.jsx(s,{...a,size:"headerLg"}),e.jsx(s,{...a,size:"headerXl"})]})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-white font-semibold mb-3",children:"Icon Only - Home Header Sizes"}),e.jsxs("div",{className:"space-x-4",children:[e.jsx(s,{...a,size:"homeHeaderXsmall"}),e.jsx(s,{...a,size:"homeHeaderSm"}),e.jsx(s,{...a,size:"homeHeaderMd"}),e.jsx(s,{...a,size:"homeHeaderLg"}),e.jsx(s,{...a,size:"homeHeaderXl"})]})]})]}),parameters:{docs:{description:{story:"Logo variants with only the icon, no text. Useful for compact spaces."}}}},i={args:{},render:()=>e.jsx("div",{className:"min-h-screen bg-gradient-to-b from-[var(--color-surface-default-primary)] to-[var(--color-surface-default-secondary)] p-8",children:e.jsxs("div",{className:"max-w-4xl mx-auto",children:[e.jsx("h2",{className:"text-white font-semibold mb-6",children:"Home Header Context (White Text)"}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center space-x-4",children:[e.jsx("span",{className:"text-white text-sm w-24",children:"XSmall:"}),e.jsx(s,{size:"homeHeaderXsmall"})]}),e.jsxs("div",{className:"flex items-center space-x-4",children:[e.jsx("span",{className:"text-white text-sm w-24",children:"Small:"}),e.jsx(s,{size:"homeHeaderSm"})]}),e.jsxs("div",{className:"flex items-center space-x-4",children:[e.jsx("span",{className:"text-white text-sm w-24",children:"Medium:"}),e.jsx(s,{size:"homeHeaderMd"})]}),e.jsxs("div",{className:"flex items-center space-x-4",children:[e.jsx("span",{className:"text-white text-sm w-24",children:"Large:"}),e.jsx(s,{size:"homeHeaderLg"})]}),e.jsxs("div",{className:"flex items-center space-x-4",children:[e.jsx("span",{className:"text-white text-sm w-24",children:"XLarge:"}),e.jsx(s,{size:"homeHeaderXl"})]})]})]})}),parameters:{docs:{description:{story:"Home header context showing white text variants. These are used on dark/transparent backgrounds."}}}},o={args:{},render:()=>e.jsx("div",{className:"min-h-screen bg-[var(--color-surface-default-primary)] p-8",children:e.jsxs("div",{className:"max-w-4xl mx-auto",children:[e.jsx("h2",{className:"text-white font-semibold mb-6",children:"Header Context (Dark Text)"}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center space-x-4",Line truncated
args: {
size: "default",
showText: true
}
}`,...t.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
args: {
showText: true
},
render: args => <div className="space-y-6">
<div>
<h3 className="text-white font-semibold mb-3">Default Sizes</h3>
<div className="space-x-4">
<Logo {...args} size="default" />
<Logo {...args} size="header" />
<Logo {...args} size="footer" />
</div>
</div>
<div>
<h3 className="text-white font-semibold mb-3">Header Sizes</h3>
<div className="space-x-4">
<Logo {...args} size="header" />
<Logo {...args} size="headerMd" />
<Logo {...args} size="headerLg" />
<Logo {...args} size="headerXl" />
</div>
</div>
<div>
<h3 className="text-white font-semibold mb-3">Home Header Sizes</h3>
<div className="space-x-4">
<Logo {...args} size="homeHeaderXsmall" />
<Logo {...args} size="homeHeaderSm" />
<Logo {...args} size="homeHeaderMd" />
<Logo {...args} size="homeHeaderLg" />
<Logo {...args} size="homeHeaderXl" />
</div>
</div>
<div>
<h3 className="text-white font-semibold mb-3">Footer Sizes</h3>
<div className="space-x-4">
<Logo {...args} size="footer" />
<Logo {...args} size="footerLg" />
</div>
</div>
</div>,
parameters: {
docs: {
description: {
story: "Different size variants available for the logo component across different contexts."
}
}
}
}`,...n.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
args: {
size: "default",
showText: false
},
render: args => <div className="space-y-6">
<div>
<h3 className="text-white font-semibold mb-3">
Icon Only - Default Sizes
</h3>
<div className="space-x-4">
<Logo {...args} size="default" />
<Logo {...args} size="header" />
<Logo {...args} size="footer" />
</div>
</div>
<div>
<h3 className="text-white font-semibold mb-3">
Icon Only - Header Sizes
</h3>
<div className="space-x-4">
<Logo {...args} size="header" />
<Logo {...args} size="headerMd" />
<Logo {...args} size="headerLg" />
<Logo {...args} size="headerXl" />
</div>
</div>
<div>
<h3 className="text-white font-semibold mb-3">
Icon Only - Home Header Sizes
</h3>
<div className="space-x-4">
<Logo {...args} size="homeHeaderXsmall" />
<Logo {...args} size="homeHeaderSm" />
<Logo {...args} size="homeHeaderMd" />
<Logo {...args} size="homeHeaderLg" />
<Logo {...args} size="homeHeaderXl" />
</div>
</div>
</div>,
parameters: {
docs: {
description: {
story: "Logo variants with only the icon, no text. Useful for compact spaces."
}
}
}
}`,...r.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
args: {},
render: () => <div className="min-h-screen bg-gradient-to-b from-[var(--color-surface-default-primary)] to-[var(--color-surface-default-secondary)] p-8">
<div className="max-w-4xl mx-auto">
<h2 className="text-white font-semibold mb-6">
Home Header Context (White Text)
</h2>
<div className="space-y-4">
<div className="flex items-center space-x-4">
<span className="text-white text-sm w-24">XSmall:</span>
<Logo size="homeHeaderXsmall" />
</div>
<div className="flex items-center space-x-4">
<span className="text-white text-sm w-24">Small:</span>
<Logo size="homeHeaderSm" />
</div>
<div className="flex items-center space-x-4">
<span className="text-white text-sm w-24">Medium:</span>
<Logo size="homeHeaderMd" />
</div>
<div className="flex items-center space-x-4">
<span className="text-white text-sm w-24">Large:</span>
<Logo size="homeHeaderLg" />
</div>
<div className="flex items-center space-x-4">
<span className="text-white text-sm w-24">XLarge:</span>
<Logo size="homeHeaderXl" />
</div>
</div>
</div>
</div>,
parameters: {
docs: {
description: {
story: "Home header context showing white text variants. These are used on dark/transparent backgrounds."
}
}
}
}`,...i.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
args: {},
render: () => <div className="min-h-screen bg-[var(--color-surface-default-primary)] p-8">
<div className="max-w-4xl mx-auto">
<h2 className="text-white font-semibold mb-6">
Header Context (Dark Text)
</h2>
<div className="space-y-4">
<div className="flex items-center space-x-4">
<span className="text-white text-sm w-24">Default:</span>
<Logo size="header" />
</div>
<div className="flex items-center space-x-4">
<span className="text-white text-sm w-24">Medium:</span>
<Logo size="headerMd" />
</div>
<div className="flex items-center space-x-4">
<span className="text-white text-sm w-24">Large:</span>
<Logo size="headerLg" />
</div>
<div className="flex items-center space-x-4">
<span className="text-white text-sm w-24">XLarge:</span>
<Logo size="headerXl" />
</div>
</div>
</div>
</div>,
parameters: {
docs: {
description: {
story: "Header context showing dark text variants. These are used on light backgrounds."
}
}
}
}`,...o.parameters?.docs?.source}}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
args: {},
render: () => <div className="min-h-screen bg-[var(--color-surface-default-primary)] p-8">
<div className="max-w-4xl mx-auto">
<h2 className="text-white font-semibold mb-6">
Footer Context (Larger Sizes)
</h2>
<div className="space-y-4">
<div className="flex items-center space-x-4">
<span className="text-white text-sm w-24">Default:</span>
<Logo size="footer" />
</div>
<div className="flex items-center space-x-4">
<span className="text-white text-sm w-24">Large:</span>
<Logo size="footerLg" />
</div>
</div>
</div>
</div>,
parameters: {
docs: {
description: {
story: "Footer context showing larger size variants for footer placement."
}
}
}
}`,...d.parameters?.docs?.source}}};const p=["Default","Sizes","IconOnly","HomeHeaderContext","HeaderContext","FooterContext"];export{t as Default,d as FooterContext,o as HeaderContext,i as HomeHeaderContext,r as IconOnly,n as Sizes,p as __namedExportsOrder,h as default};
+3
View File
@@ -0,0 +1,3 @@
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M27.5948 13.9998L0.549194 0.477051L7.31736 13.9998L0.549194 27.5226L27.5948 13.9998ZM14.0855 11.1905C14.6377 11.1938 15.1766 11.3603 15.6343 11.6689C16.092 11.9776 16.4481 12.4146 16.6577 12.925C16.8673 13.4353 16.9211 13.9962 16.8123 14.5371C16.7036 15.0779 16.437 15.5746 16.0463 15.9644C15.6556 16.3543 15.1582 16.6199 14.6166 16.728C14.0751 16.836 13.5137 16.7816 13.0031 16.5715C12.4924 16.3615 12.0554 16.0053 11.747 15.5477C11.4386 15.09 11.2726 14.5515 11.27 13.9998C11.2682 13.6301 11.3398 13.2637 11.4807 12.9218C11.6216 12.58 11.829 12.2694 12.0908 12.0081C12.3527 11.7468 12.6638 11.54 13.0062 11.3997C13.3486 11.2594 13.7154 11.1882 14.0855 11.1905Z" fill="#FFFDD2"/>
</svg>

After

Width:  |  Height:  |  Size: 793 B

+1
View File
@@ -0,0 +1 @@
import{j as p}from"./jsx-runtime-C_nHp4yK.js";function r({children:a,className:e="",size:s="default",...l}){const c=`flex items-center ${{xsmall:"px-[var(--spacing-scale-004)] py-[var(--spacing-scale-004)] gap-[var(--spacing-scale-001)] rounded-[4px]",default:"px-[var(--spacing-scale-004)] py-[var(--spacing-scale-004)] gap-[var(--spacing-scale-001)]",medium:"px-[var(--spacing-scale-004)] py-[var(--spacing-scale-004)] gap-[var(--spacing-scale-004)]",large:"px-[var(--spacing-scale-004)] py-[var(--spacing-scale-004)] gap-[var(--spacing-scale-012)]"}[s]} ${e}`;return p.jsx("nav",{className:c,role:"menubar","aria-label":"Main navigation menu",...l,children:a})}r.__docgenInfo={description:"",methods:[],displayName:"MenuBar",props:{className:{defaultValue:{value:'""',computed:!1},required:!1},size:{defaultValue:{value:'"default"',computed:!1},required:!1}}};export{r as M};
+56
View File
@@ -0,0 +1,56 @@
import{j as e}from"./jsx-runtime-C_nHp4yK.js";import{M as s}from"./MenuBar-anMCqtJv.js";import{M as n}from"./MenuBarItem-Dp8NM2fx.js";import"./iframe-D_aMTKb2.js";import"./preload-helper-DIZFD4sK.js";const d={title:"Components/MenuBar",component:s,parameters:{layout:"centered",docs:{description:{component:"A navigation menu bar container that groups MenuBarItem components together. Provides consistent spacing and layout for navigation menus with multiple size variants."}}},argTypes:{size:{control:{type:"select"},options:["xsmall","default","medium","large"],description:"The size of the menu bar and its children"},className:{control:{type:"text"},description:"Additional CSS classes"}},tags:["autodocs"]},a={args:{size:"default"},render:t=>e.jsxs(s,{...t,children:[e.jsx(n,{size:"large",children:"Home"}),e.jsx(n,{size:"large",children:"About"}),e.jsx(n,{size:"large",children:"Contact"})]})},r={args:{},render:()=>e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-white font-semibold mb-3",children:"XSmall Size"}),e.jsxs(s,{size:"xsmall",children:[e.jsx(n,{size:"xsmall",children:"Home"}),e.jsx(n,{size:"xsmall",children:"About"}),e.jsx(n,{size:"xsmall",children:"Contact"})]})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-white font-semibold mb-3",children:"Default Size"}),e.jsxs(s,{size:"default",children:[e.jsx(n,{size:"large",children:"Home"}),e.jsx(n,{size:"large",children:"About"}),e.jsx(n,{size:"large",children:"Contact"})]})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-white font-semibold mb-3",children:"Medium Size"}),e.jsxs(s,{size:"medium",children:[e.jsx(n,{size:"large",children:"Home"}),e.jsx(n,{size:"large",children:"About"}),e.jsx(n,{size:"large",children:"Contact"})]})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-white font-semibold mb-3",children:"Large Size"}),e.jsxs(s,{size:"large",children:[e.jsx(n,{size:"large",children:"Home"}),e.jsx(n,{size:"large",children:"About"}),e.jsx(n,{size:"large",children:"Contact"})]})]})]}),parameters:{docs:{description:{story:"Different size variants of the menu bar with consistent spacing and layout."}}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
args: {
size: "default"
},
render: args => <MenuBar {...args}>
<MenuBarItem size="large">Home</MenuBarItem>
<MenuBarItem size="large">About</MenuBarItem>
<MenuBarItem size="large">Contact</MenuBarItem>
</MenuBar>
}`,...a.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
args: {},
render: () => <div className="space-y-6">
<div>
<h3 className="text-white font-semibold mb-3">XSmall Size</h3>
<MenuBar size="xsmall">
<MenuBarItem size="xsmall">Home</MenuBarItem>
<MenuBarItem size="xsmall">About</MenuBarItem>
<MenuBarItem size="xsmall">Contact</MenuBarItem>
</MenuBar>
</div>
<div>
<h3 className="text-white font-semibold mb-3">Default Size</h3>
<MenuBar size="default">
<MenuBarItem size="large">Home</MenuBarItem>
<MenuBarItem size="large">About</MenuBarItem>
<MenuBarItem size="large">Contact</MenuBarItem>
</MenuBar>
</div>
<div>
<h3 className="text-white font-semibold mb-3">Medium Size</h3>
<MenuBar size="medium">
<MenuBarItem size="large">Home</MenuBarItem>
<MenuBarItem size="large">About</MenuBarItem>
<MenuBarItem size="large">Contact</MenuBarItem>
</MenuBar>
</div>
<div>
<h3 className="text-white font-semibold mb-3">Large Size</h3>
<MenuBar size="large">
<MenuBarItem size="large">Home</MenuBarItem>
<MenuBarItem size="large">About</MenuBarItem>
<MenuBarItem size="large">Contact</MenuBarItem>
</MenuBar>
</div>
</div>,
parameters: {
docs: {
description: {
story: "Different size variants of the menu bar with consistent spacing and layout."
}
}
}
}`,...r.parameters?.docs?.source}}};const u=["Default","Sizes"];export{a as Default,r as Sizes,u as __namedExportsOrder,d as default};
+1
View File
@@ -0,0 +1 @@
import{j as p}from"./jsx-runtime-C_nHp4yK.js";function U({href:v="#",children:o,variant:d="default",size:e="default",className:f="",disabled:a=!1,ariaLabel:l,...m}){const x={default:"bg-transparent text-[var(--color-content-default-brand-primary)] hover:bg-[var(--color-surface-default-tertiary)] hover:text-[var(--color-content-default-brand-primary)] hover:scale-[1.02] active:bg-transparent active:text-[var(--color-content-default-brand-primary)] active:scale-[0.98] disabled:bg-[var(--color-surface-default-tertiary)] disabled:text-[var(--color-content-default-tertiary)] disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:scale-100 disabled:active:scale-100",home:"bg-transparent text-[var(--color-content-inverse-primary)] hover:bg-[var(--color-content-default-brand-accent)] hover:text-[var(--color-content-inverse-primary)] hover:scale-[1.02] active:bg-transparent active:text-[var(--color-content-inverse-primary)] active:scale-[0.98] disabled:bg-[var(--color-surface-default-tertiary)] disabled:text-[var(--color-content-default-tertiary)] disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:scale-100 disabled:active:scale-100"},g={xsmall:"active:outline-1 active:outline-[var(--color-content-default-primary)] focus:outline-1 focus:outline-[var(--color-content-default-primary)]",xsmallUseCases:"active:outline-1 active:outline-[var(--color-content-default-primary)] focus:outline-1 focus:outline-[var(--color-content-default-primary)]",default:"active:outline-1 active:outline-[var(--color-content-default-brand-primary)] focus:outline-1 focus:outline-[var(--color-content-default-brand-primary)]",homeMd:"active:outline-[1.5px] active:outline-[var(--color-content-default-brand-primary)] focus:outline-[1.5px] focus:outline-[var(--color-content-default-brand-primary)]",homeUseCases:"active:outline-[1.5px] active:outline-[var(--color-content-default-brand-primary)] focus:outline-[1.5px] focus:outline-[var(--color-content-default-brand-primary)]",large:"active:outline-[1.75px] active:outline-[var(--color-content-default-brand-primary)] focus:outline-[1.75px] focus:outline-[var(--color-content-default-brand-primary)]",largeUseCases:"active:outline-[1.75px] active:outline-[var(--color-content-default-brand-primary)] focus:outline-[1.75px] focus:outline-[var(--color-content-default-brand-primary)]",homeXlarge:"active:outline-[2px] active:outline-[var(--color-content-default-brand-primary)] focus:outline-[2px] focus:outline-[var(--color-content-default-brand-primary)]",xlarge:"active:outline-2 active:outline-[var(--color-content-default-brand-primary)] focus:outline-2 focus:outline-[var(--color-content-default-brand-primary)]"},y={xsmall:"active:outline-1 active:outline-[var(--color-content-default-primary)] focus:outline-1 focus:outline-[var(--color-content-default-primary)]",xsmallUseCases:"active:outline-1 active:outline-[var(--color-content-default-primary)] focus:outline-1 focus:outline-[var(--color-content-default-primary)]",default:"active:outline-[1.5px] active:outline-[var(--color-content-default-primary)] focus:outline-[1.5px] focus:outline-[var(--color-content-default-primary)]",homeMd:"active:outline-[1.5px] active:outline-[var(--color-content-default-primary)] focus:outline-[1.5px] focus:outline-[var(--color-content-default-primary)]",homeUseCases:"active:outline-[1.5px] active:outline-[var(--color-content-default-primary)] focus:outline-[1.5px] focus:outline-[var(--color-content-default-primary)]",largeUseCases:"active:outline-[1.75px] active:outline-[var(--color-content-default-primary)] focus:outline-[1.75px] focus:outline-[var(--color-content-default-primary)]",large:"active:outline-[1.75px] active:outline-[var(--color-content-default-primary)] focus:outline-[1.75px] focus:outline-[var(--color-content-default-primary)]",homeXlarge:"active:outline-[2px] active:outline-[var(--color-content-default-primary)] focus:outline-[2px] focus:outline-[var(--color-content-default-primary)]",xlarge:"active:outline-2 active:outline-[var(--color-content-default-primary)] focus:outline-2 focus:outline-[var(--color-content-default-primary)]"},b={default:"px-[var(--spacing-measures-spacing-016)] py-[var(--spacing-measures-spacing-016)] gap-[var(--spacing-scale-004)]",xsmall:"px-[var(--spacing-scale-004)] py-[var(--spacing-scale-002)] gap-[var(--spacing-scale-004)]",xsmallUseCases:"px-[var(--spacing-scale-002)] py-[var(--spacing-scale-002)] gap-[var(--spacing-scale-004)]",homeMd:"px-[var(--spacing-scale-008)] py-[var(--spacing-scale-008)] gap-[var(--spacing-scale-004)]",homeUseCases:"px-[var(--spacing-scale-002)] py-[var(--spacing-scale-008)] gap-[var(--spacing-scale-004)]",large:"px-[var(--spacing-scale-012)] py-[var(--spacing-scale-012)] gap-[var(--spacing-scale-004)] h-[44px]",largeUseCases:"px-[var(--spacing-scale-012)] py-[var(--spacing-scale-012)] gap-[var(--spacing-scale-004)] h-[44px]",homeXlarge:"px-[var(--spacing-scale-016)] py-[var(--spacing-scale-016)] gap-[var(--spacing-scale-004)] h-[44px]",xlLine truncated
+120
View File
@@ -0,0 +1,120 @@
import{j as e}from"./jsx-runtime-C_nHp4yK.js";import{M as a}from"./MenuBarItem-Dp8NM2fx.js";import"./iframe-D_aMTKb2.js";import"./preload-helper-DIZFD4sK.js";const u={title:"Components/MenuBarItem",component:a,parameters:{layout:"centered",docs:{description:{component:"A navigation menu item component with multiple variants, sizes, and states. Can render as a link or disabled span with full accessibility support. Includes focus states with keyboard navigation - use Tab key to test focus indicators."}}},argTypes:{variant:{control:{type:"select"},options:["default","home"],description:"The visual style variant of the menu item"},size:{control:{type:"select"},options:["xsmall","xsmallUseCases","homeMd","homeUseCases","large","largeUseCases","homeXlarge","xlarge"],description:"The size of the menu item"},disabled:{control:{type:"boolean"},description:"Whether the menu item is disabled"},href:{control:{type:"text"},description:"The link destination"},onClick:{action:"clicked"}},tags:["autodocs"]},n={args:{children:"Menu Item",size:"large"}},r={args:{children:"Menu Item",size:"large"},render:s=>e.jsx("div",{className:"space-y-4",children:e.jsxs("div",{className:"space-x-4",children:[e.jsx(a,{...s,variant:"default",children:"Default"}),e.jsx(a,{...s,variant:"home",children:"Home"})]})}),parameters:{docs:{description:{story:"Different visual variants of the menu item component."}}}},t={args:{children:"Menu Item",variant:"default"},render:s=>e.jsx("div",{className:"space-y-4",children:e.jsxs("div",{className:"space-x-4",children:[e.jsx(a,{...s,size:"xsmall",children:"XSmall"}),e.jsx(a,{...s,size:"large",children:"Large"}),e.jsx(a,{...s,size:"xlarge",children:"XLarge"})]})}),parameters:{docs:{description:{story:"Different sizes available for the menu item component."}}}},i={args:{children:"Menu Item",size:"large",variant:"default"},render:s=>e.jsx("div",{className:"space-y-4",children:e.jsxs("div",{className:"space-x-4",children:[e.jsx(a,{...s,children:"Normal"}),e.jsx(a,{...s,disabled:!0,children:"Disabled"})]})}),parameters:{docs:{description:{story:"Different states of the menu item component."}}}},l={args:{},render:()=>e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-white font-semibold mb-3",children:"Default Variant"}),e.jsxs("div",{className:"space-x-4",children:[e.jsx(a,{size:"xsmall",children:"XSmall"}),e.jsx(a,{size:"large",children:"Large"}),e.jsx(a,{size:"xlarge",children:"XLarge"})]})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-white font-semibold mb-3",children:"Home Variant"}),e.jsxs("div",{className:"space-x-4",children:[e.jsx(a,{variant:"home",size:"xsmall",children:"XSmall"}),e.jsx(a,{variant:"home",size:"large",children:"Large"}),e.jsx(a,{variant:"home",size:"xlarge",children:"XLarge"})]})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-white font-semibold mb-3",children:"Disabled States"}),e.jsxs("div",{className:"space-x-4",children:[e.jsx(a,{size:"large",disabled:!0,children:"Default Disabled"}),e.jsx(a,{variant:"home",size:"large",disabled:!0,children:"Home Disabled"})]})]})]}),parameters:{docs:{description:{story:"Complete overview of all menu item variants, sizes, and states."}}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
args: {
children: "Menu Item",
size: "large"
}
}`,...n.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
args: {
children: "Menu Item",
size: "large"
},
render: args => <div className="space-y-4">
<div className="space-x-4">
<MenuBarItem {...args} variant="default">
Default
</MenuBarItem>
<MenuBarItem {...args} variant="home">
Home
</MenuBarItem>
</div>
</div>,
parameters: {
docs: {
description: {
story: "Different visual variants of the menu item component."
}
}
}
}`,...r.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
args: {
children: "Menu Item",
variant: "default"
},
render: args => <div className="space-y-4">
<div className="space-x-4">
<MenuBarItem {...args} size="xsmall">
XSmall
</MenuBarItem>
<MenuBarItem {...args} size="large">
Large
</MenuBarItem>
<MenuBarItem {...args} size="xlarge">
XLarge
</MenuBarItem>
</div>
</div>,
parameters: {
docs: {
description: {
story: "Different sizes available for the menu item component."
}
}
}
}`,...t.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
args: {
children: "Menu Item",
size: "large",
variant: "default"
},
render: args => <div className="space-y-4">
<div className="space-x-4">
<MenuBarItem {...args}>Normal</MenuBarItem>
<MenuBarItem {...args} disabled>
Disabled
</MenuBarItem>
</div>
</div>,
parameters: {
docs: {
description: {
story: "Different states of the menu item component."
}
}
}
}`,...i.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
args: {},
render: () => <div className="space-y-6">
<div>
<h3 className="text-white font-semibold mb-3">Default Variant</h3>
<div className="space-x-4">
<MenuBarItem size="xsmall">XSmall</MenuBarItem>
<MenuBarItem size="large">Large</MenuBarItem>
<MenuBarItem size="xlarge">XLarge</MenuBarItem>
</div>
</div>
<div>
<h3 className="text-white font-semibold mb-3">Home Variant</h3>
<div className="space-x-4">
<MenuBarItem variant="home" size="xsmall">
XSmall
</MenuBarItem>
<MenuBarItem variant="home" size="large">
Large
</MenuBarItem>
<MenuBarItem variant="home" size="xlarge">
XLarge
</MenuBarItem>
</div>
</div>
<div>
<h3 className="text-white font-semibold mb-3">Disabled States</h3>
<div className="space-x-4">
<MenuBarItem size="large" disabled>
Default Disabled
</MenuBarItem>
<MenuBarItem variant="home" size="large" disabled>
Home Disabled
</MenuBarItem>
</div>
</div>
</div>,
parameters: {
docs: {
description: {
story: "Complete overview of all menu item variants, sizes, and states."
}
}
}
}`,...l.parameters?.docs?.source}}};const p=["Default","Variants","Sizes","States","AllVariants"];export{l as AllVariants,n as Default,t as Sizes,i as States,r as Variants,p as __namedExportsOrder,u as default};
+1
View File
@@ -0,0 +1 @@
import{j as e}from"./jsx-runtime-C_nHp4yK.js";import{S as t}from"./SectionNumber-Cptefv18.js";const r=({number:l,text:s,iconShape:o,iconColor:a})=>e.jsxs("div",{className:"bg-[var(--color-surface-inverse-primary)] rounded-[12px] p-5 shadow-lg flex flex-col gap-4 sm:p-8 sm:gap-8 sm:flex-row sm:items-center lg:p-8 lg:gap-0 lg:flex-row lg:items-stretch lg:relative lg:h-[238px]",children:[e.jsx("div",{className:"flex justify-end sm:justify-start sm:flex-shrink-0 lg:absolute lg:top-8 lg:right-8",children:e.jsx(t,{number:l})}),e.jsx("div",{className:"sm:flex-1 lg:absolute lg:bottom-8 lg:left-8 lg:right-16",children:e.jsx("p",{className:"font-bricolage-grotesque font-medium text-[24px] leading-[32px] sm:font-normal sm:leading-[24px] sm:text-[24px] lg:text-[24px] lg:leading-[24px] xl:text-[32px] xl:leading-[32px] text-[#141414]",children:s})})]});r.__docgenInfo={description:"",methods:[],displayName:"NumberedCard"};export{r as N};
@@ -0,0 +1,41 @@
import{j as e}from"./jsx-runtime-C_nHp4yK.js";import{N as o}from"./NumberedCard-ClCynPua.js";import"./iframe-D_aMTKb2.js";import"./preload-helper-DIZFD4sK.js";import"./SectionNumber-Cptefv18.js";const m={title:"Components/NumberedCard",component:o,parameters:{layout:"centered",docs:{description:{component:"Individual numbered card component that displays a step in a process with a numbered icon and descriptive text. Supports responsive layouts across different breakpoints."}}},argTypes:{number:{control:{type:"number",min:1,max:9},description:"The number to display on the card"},text:{control:{type:"text"},description:"The descriptive text for this step"},iconShape:{control:{type:"select"},options:["blob","gear","star"],description:"The shape of the icon background (currently not used, uses PNG images)"},iconColor:{control:{type:"select"},options:["green","purple","orange","blue"],description:"The color theme for the icon (currently not used, uses PNG images)"}},tags:["autodocs"]},t={args:{number:1,text:"Document how your community makes decisions",iconShape:"blob",iconColor:"green"}},r={args:{number:1,text:"Example card text",iconShape:"blob",iconColor:"green"},render:s=>e.jsxs("div",{className:"space-y-4",children:[e.jsx(o,{...s,number:1,text:"First step in the process"}),e.jsx(o,{...s,number:2,text:"Second step with different content"}),e.jsx(o,{...s,number:3,text:"Third and final step of the workflow"})]}),parameters:{docs:{description:{story:"Shows all three numbered cards with different content to demonstrate the visual hierarchy."}}}},n={args:{number:1,text:"This is a much longer piece of text that demonstrates how the card handles content that spans multiple lines and requires more space to display properly",iconShape:"blob",iconColor:"green"},parameters:{docs:{description:{story:"Demonstrates how the card handles longer text content across different breakpoints."}}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
args: {
number: 1,
text: "Document how your community makes decisions",
iconShape: "blob",
iconColor: "green"
}
}`,...t.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
args: {
number: 1,
text: "Example card text",
iconShape: "blob",
iconColor: "green"
},
render: args => <div className="space-y-4">
<NumberedCard {...args} number={1} text="First step in the process" />
<NumberedCard {...args} number={2} text="Second step with different content" />
<NumberedCard {...args} number={3} text="Third and final step of the workflow" />
</div>,
parameters: {
docs: {
description: {
story: "Shows all three numbered cards with different content to demonstrate the visual hierarchy."
}
}
}
}`,...r.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
args: {
number: 1,
text: "This is a much longer piece of text that demonstrates how the card handles content that spans multiple lines and requires more space to display properly",
iconShape: "blob",
iconColor: "green"
},
parameters: {
docs: {
description: {
story: "Demonstrates how the card handles longer text content across different breakpoints."
}
}
}
}`,...n.parameters?.docs?.source}}};const l=["Default","AllNumbers","LongText"];export{r as AllNumbers,t as Default,n as LongText,l as __namedExportsOrder,m as default};
@@ -0,0 +1,48 @@
import{j as e}from"./jsx-runtime-C_nHp4yK.js";import{N as m}from"./NumberedCard-ClCynPua.js";import{S as u}from"./SectionHeader-CadpOP1T.js";import{B as c}from"./Button-Z4hbXct5.js";import"./iframe-D_aMTKb2.js";import"./preload-helper-DIZFD4sK.js";import"./SectionNumber-Cptefv18.js";const l=({title:r,subtitle:a,cards:i})=>{const p={"@context":"https://schema.org","@type":"HowTo",name:r,description:a,step:i.map((o,t)=>({"@type":"HowToStep",position:t+1,name:o.text,text:o.text}))};return e.jsxs(e.Fragment,{children:[e.jsx("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(p)}}),e.jsx("section",{className:"bg-transparent py-[var(--spacing-scale-032)] px-[var(--spacing-scale-020)] sm:py-[var(--spacing-scale-048)] sm:px-[var(--spacing-scale-032)] lg:py-[var(--spacing-scale-064)] lg:px-[var(--spacing-scale-064)] xl:py-[var(--spacing-scale-076)] xl:px-[var(--spacing-scale-064)]",children:e.jsx("div",{className:"max-w-[var(--spacing-measures-max-width-lg)] mx-auto",children:e.jsxs("div",{className:"grid grid-cols-1 gap-y-[var(--spacing-scale-032)] lg:gap-y-[var(--spacing-scale-056)]",children:[e.jsx("div",{children:e.jsx(u,{title:r,subtitle:a,titleLg:"How CommunityRule helps"})}),e.jsx("div",{className:"grid grid-cols-1 gap-y-[var(--spacing-scale-024)] lg:grid-cols-3 lg:gap-[var(--spacing-scale-024)]",children:i.map((o,t)=>e.jsx(m,{number:t+1,text:o.text,iconShape:o.iconShape,iconColor:o.iconColor},t))}),e.jsxs("div",{className:"text-center sm:text-left lg:text-center",children:[e.jsx("div",{className:"block lg:hidden",children:e.jsx(c,{variant:"default",size:"large",children:"Create CommunityRule"})}),e.jsx("div",{className:"hidden lg:block",children:e.jsx(c,{variant:"outlined",size:"large",children:"See how it works"})})]})]})})})]})};l.__docgenInfo={description:"",methods:[],displayName:"NumberedCards"};const C={title:"Components/NumberedCards",component:l,parameters:{layout:"fullscreen",docs:{description:{component:"A component system for visually communicating multi-step workflows, processes, or value propositions. The component's modular design with NumberedCard and SectionNumber sub-components makes it ideal for explaining any sequential process while maintaining brand consistency and accessibility standards across the design system."}}},argTypes:{title:{control:{type:"text"},description:"The main title for the section"},subtitle:{control:{type:"text"},description:"The subtitle text below the main title"},cards:{control:{type:"object"},description:"Array of card objects with text, iconShape, and iconColor properties"}},tags:["autodocs"]},n={args:{title:"How CommunityRule works",subtitle:"Here's a quick overview of the process, from start to finish.",cards:[{text:"Document how your community makes decisions",iconShape:"blob",iconColor:"green"},{text:"Build an operating manual for a successful community",iconShape:"gear",iconColor:"purple"},{text:"Get a link to your manual for your group to review and evolve",iconShape:"star",iconColor:"orange"}]}},s={args:{title:"Our Process",subtitle:"Follow these simple steps to get started with your project.",cards:[{text:"Define your project requirements and goals",iconShape:"blob",iconColor:"green"},{text:"Collaborate with our team to create the perfect solution",iconShape:"gear",iconColor:"purple"},{text:"Launch and iterate based on user feedback",iconShape:"star",iconColor:"orange"},{text:"Scale and optimize for continued success",iconShape:"blob",iconColor:"blue"}]},parameters:{docs:{description:{story:"Example with custom content and four cards to show flexibility."}}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
args: {
title: "How CommunityRule works",
subtitle: "Here's a quick overview of the process, from start to finish.",
cards: [{
text: "Document how your community makes decisions",
iconShape: "blob",
iconColor: "green"
}, {
text: "Build an operating manual for a successful community",
iconShape: "gear",
iconColor: "purple"
}, {
text: "Get a link to your manual for your group to review and evolve",
iconShape: "star",
iconColor: "orange"
}]
}
}`,...n.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
args: {
title: "Our Process",
subtitle: "Follow these simple steps to get started with your project.",
cards: [{
text: "Define your project requirements and goals",
iconShape: "blob",
iconColor: "green"
}, {
text: "Collaborate with our team to create the perfect solution",
iconShape: "gear",
iconColor: "purple"
}, {
text: "Launch and iterate based on user feedback",
iconShape: "star",
iconColor: "orange"
}, {
text: "Scale and optimize for continued success",
iconShape: "blob",
iconColor: "blue"
}]
},
parameters: {
docs: {
description: {
story: "Example with custom content and four cards to show flexibility."
}
}
}
}`,...s.parameters?.docs?.source}}};const v=["Default","CustomContent"];export{s as CustomContent,n as Default,v as __namedExportsOrder,C as default};
+1
View File
@@ -0,0 +1 @@
import{j as e}from"./jsx-runtime-C_nHp4yK.js";const a=({title:l,subtitle:t,titleLg:x})=>e.jsxs("div",{className:"flex flex-col gap-1 w-full lg:flex-row lg:justify-between lg:items-start xl:gap-[var(--spacing-scale-024)]",children:[e.jsx("div",{className:"lg:w-[369px] lg:h-[120px] lg:flex lg:items-center xl:w-[452px] xl:h-[156px] xl:flex xl:items-center",children:e.jsxs("h2",{className:"font-bricolage-grotesque font-bold text-[28px] leading-[36px] sm:text-[32px] sm:leading-[40px] lg:text-[32px] lg:leading-[40px] lg:w-[369px] lg:pr-24 xl:text-[40px] xl:leading-[52px] xl:w-[452px] xl:pr-24 text-[var(--color-content-default-primary)]",children:[e.jsx("span",{className:"block lg:hidden",children:l}),e.jsx("span",{className:"hidden lg:block",children:x||l})]})}),e.jsx("div",{className:"lg:w-[928px] lg:h-[120px] lg:flex lg:items-center lg:justify-end xl:w-[763px] xl:h-[156px] xl:flex xl:items-center xl:justify-end",children:e.jsx("p",{className:"font-inter font-normal text-[18px] leading-[130%] sm:text-[18px] sm:leading-[32px] lg:text-[24px] lg:leading-[32px] xl:text-[32px] xl:leading-[40px] xl:text-right text-[#484848] sm:text-[var(--color-content-default-tertiary)] lg:text-[var(--color-content-default-tertiary)] xl:text-[var(--color-content-default-tertiary)] tracking-[0px]",children:t})})]});a.__docgenInfo={description:"",methods:[],displayName:"SectionHeader"};export{a as S};
@@ -0,0 +1,58 @@
import{S as n}from"./SectionHeader-CadpOP1T.js";import"./jsx-runtime-C_nHp4yK.js";import"./iframe-D_aMTKb2.js";import"./preload-helper-DIZFD4sK.js";const p={title:"Components/SectionHeader",component:n,parameters:{layout:"centered",docs:{description:{component:"A section header component that displays a title and subtitle with responsive typography and layout. Supports different title text for large breakpoints and maintains consistent spacing across all screen sizes."}}},argTypes:{title:{control:{type:"text"},description:"The main title text (used for xsm and sm breakpoints)"},subtitle:{control:{type:"text"},description:"The subtitle text below the main title"},titleLg:{control:{type:"text"},description:"The title text for lg and xl breakpoints (optional, falls back to title)"}},tags:["autodocs"]},e={args:{title:"How CommunityRule works",subtitle:"Here's a quick overview of the process, from start to finish.",titleLg:"How CommunityRule helps"}},t={args:{title:"Our Mission",subtitle:"We're dedicated to helping communities thrive through better decision-making processes and transparent governance structures.",titleLg:"Building Better Communities"},parameters:{docs:{description:{story:"Example with custom content to show the flexibility of the component."}}}},s={args:{title:"Complex Process",subtitle:"This is a much longer subtitle that demonstrates how the component handles extended text content across different breakpoints and layout configurations.",titleLg:"Complex Process Simplified"},parameters:{docs:{description:{story:"Demonstrates how the component handles longer subtitle text across different breakpoints."}}}},o={args:{title:"Responsive Design",subtitle:"Test the responsive behavior by resizing your browser window or using the viewport controls in Storybook.",titleLg:"Responsive Design Test"},parameters:{docs:{description:{story:"Test the responsive behavior by resizing your browser window or using the viewport controls in Storybook."}}}},r={args:{title:"Simple Header",subtitle:"This example doesn't specify a titleLg prop, so it will use the same title text across all breakpoints."},parameters:{docs:{description:{story:"Shows the component without a titleLg prop, demonstrating the fallback behavior."}}}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
args: {
title: "How CommunityRule works",
subtitle: "Here's a quick overview of the process, from start to finish.",
titleLg: "How CommunityRule helps"
}
}`,...e.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
args: {
title: "Our Mission",
subtitle: "We're dedicated to helping communities thrive through better decision-making processes and transparent governance structures.",
titleLg: "Building Better Communities"
},
parameters: {
docs: {
description: {
story: "Example with custom content to show the flexibility of the component."
}
}
}
}`,...t.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
args: {
title: "Complex Process",
subtitle: "This is a much longer subtitle that demonstrates how the component handles extended text content across different breakpoints and layout configurations.",
titleLg: "Complex Process Simplified"
},
parameters: {
docs: {
description: {
story: "Demonstrates how the component handles longer subtitle text across different breakpoints."
}
}
}
}`,...s.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
args: {
title: "Responsive Design",
subtitle: "Test the responsive behavior by resizing your browser window or using the viewport controls in Storybook.",
titleLg: "Responsive Design Test"
},
parameters: {
docs: {
description: {
story: "Test the responsive behavior by resizing your browser window or using the viewport controls in Storybook."
}
}
}
}`,...o.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
args: {
title: "Simple Header",
subtitle: "This example doesn't specify a titleLg prop, so it will use the same title text across all breakpoints."
},
parameters: {
docs: {
description: {
story: "Shows the component without a titleLg prop, demonstrating the fallback behavior."
}
}
}
}`,...r.parameters?.docs?.source}}};const m=["Default","CustomContent","LongSubtitle","ResponsiveTest","WithoutTitleLg"];export{t as CustomContent,e as Default,s as LongSubtitle,o as ResponsiveTest,r as WithoutTitleLg,m as __namedExportsOrder,p as default};
+1
View File
@@ -0,0 +1 @@
import{j as e}from"./jsx-runtime-C_nHp4yK.js";const a=({number:t})=>{const s=r=>{switch(r){case 1:return"/assets/SectionNumber_1.png";case 2:return"/assets/SectionNumber_2.png";case 3:return"/assets/SectionNumber_3.png";default:return"/assets/SectionNumber_1.png"}};return e.jsxs("div",{className:"relative size-[40px] overflow-visible -rotate-[15deg]",children:[e.jsx("img",{src:s(t),alt:`Section ${t}`,className:"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 size-[47.37px] max-w-none"}),e.jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:e.jsx("span",{className:"text-[var(--font-size-body-small)] font-[var(--font-weight-bold)] text-[var(--color-content-inverse-primary)]",children:t})})]})};a.__docgenInfo={description:"",methods:[],displayName:"SectionNumber"};export{a as S};
@@ -0,0 +1,41 @@
import{j as e}from"./jsx-runtime-C_nHp4yK.js";import{S as r}from"./SectionNumber-Cptefv18.js";import"./iframe-D_aMTKb2.js";import"./preload-helper-DIZFD4sK.js";const u={title:"Components/SectionNumber",component:r,parameters:{layout:"centered",docs:{description:{component:"A numbered icon component that displays a number overlaid on a PNG background image. The component uses different PNG images for numbers 1, 2, and 3, with the image extending beyond the 40px container size."}}},argTypes:{number:{control:{type:"number",min:1,max:3},description:"The number to display (1, 2, or 3)"}},tags:["autodocs"]},n={args:{number:1}},s={args:{number:2}},o={args:{number:3}},a={render:()=>e.jsxs("div",{className:"flex space-x-4",children:[e.jsx(r,{number:1}),e.jsx(r,{number:2}),e.jsx(r,{number:3})]}),parameters:{docs:{description:{story:"Shows all three numbered icons side by side to demonstrate the different PNG backgrounds."}}}},t={render:()=>e.jsx("div",{className:"bg-gray-100 p-8 rounded-lg",children:e.jsxs("div",{className:"flex space-x-4",children:[e.jsx(r,{number:1}),e.jsx(r,{number:2}),e.jsx(r,{number:3})]})}),parameters:{docs:{description:{story:"Shows the numbered icons on a background to demonstrate how the PNG images extend beyond the container."}}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
args: {
number: 1
}
}`,...n.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
args: {
number: 2
}
}`,...s.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
args: {
number: 3
}
}`,...o.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
render: () => <div className="flex space-x-4">
<SectionNumber number={1} />
<SectionNumber number={2} />
<SectionNumber number={3} />
</div>,
parameters: {
docs: {
description: {
story: "Shows all three numbered icons side by side to demonstrate the different PNG backgrounds."
}
}
}
}`,...a.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
render: () => <div className="bg-gray-100 p-8 rounded-lg">
<div className="flex space-x-4">
<SectionNumber number={1} />
<SectionNumber number={2} />
<SectionNumber number={3} />
</div>
</div>,
parameters: {
docs: {
description: {
story: "Shows the numbered icons on a background to demonstrate how the PNG images extend beyond the container."
}
}
}
}`,...t.parameters?.docs?.source}}};const b=["NumberOne","NumberTwo","NumberThree","AllNumbers","WithBackground"];export{a as AllNumbers,n as NumberOne,o as NumberThree,s as NumberTwo,t as WithBackground,b as __namedExportsOrder,u as default};
Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

+15
View File
@@ -0,0 +1,15 @@
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_18586_27811)">
<mask id="mask0_18586_27811" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="28" height="28">
<path d="M27.2 0.399994L0 0.399994L0 27.6H27.2V0.399994Z" fill="white"/>
</mask>
<g mask="url(#mask0_18586_27811)">
<path d="M13.6 24.0284C3.31356 32.6244 -5.02436 24.2865 3.57164 14C-5.02436 3.71355 3.31356 -4.62436 13.6 3.97164C23.8845 -4.62436 32.2244 3.71355 23.6284 14C32.2244 24.2786 23.8845 32.6244 13.6 24.0284Z" fill="black"/>
</g>
</g>
<defs>
<clipPath id="clip0_18586_27811">
<rect width="27.2" height="27.2" fill="white" transform="translate(0 0.399994)"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 752 B

+3
View File
@@ -0,0 +1,3 @@
<svg width="105" height="42" viewBox="0 0 105 42" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.0492 10.0151C12.0492 4.49227 7.57203 0 2.04918 0H0V53H105V42.0635H44.0492C26.3761 42.0635 12.0492 27.6882 12.0492 10.0151Z" fill="#FEFCC9"/>
</svg>

After

Width:  |  Height:  |  Size: 259 B

+3
View File
@@ -0,0 +1,3 @@
<svg width="61" height="25" viewBox="0 0 61 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7 0H0V31.5H61V25H31C17.7452 25 7 14.2548 7 1V0Z" fill="#FEFCC9"/>
</svg>

After

Width:  |  Height:  |  Size: 179 B

+3
View File
@@ -0,0 +1,3 @@
<svg width="105" height="42" viewBox="0 0 105 42" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.0492 10.0151C12.0492 4.49227 7.57203 0 2.04918 0H0V53H105V42.0635H44.0492C26.3761 42.0635 12.0492 27.6882 12.0492 10.0151Z" fill="#FEFCC9"/>
</svg>

After

Width:  |  Height:  |  Size: 259 B

+3
View File
@@ -0,0 +1,3 @@
<svg width="61" height="19" viewBox="0 0 61 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7 0H0V24H61V19.0476H23C14.1634 19.0476 7 11.8842 7 3.04761V0Z" fill="#FEFCC9"/>
</svg>

After

Width:  |  Height:  |  Size: 193 B

+30
View File
@@ -0,0 +1,30 @@
import{g as MT}from"./iframe-D_aMTKb2.js";var mi={exports:{}};/*! axe v4.10.3
* Copyright (c) 2015 - 2025 Deque Systems, Inc.
*
* Your use of this Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/.
*
* This entire copyright notice must appear in every copy of this file you
* distribute or in any file that contains substantial portions of this source
* code.
*/var IT=mi.exports,xp;function PT(){return xp||(xp=1,function(hi){(function Qu(E){var jt=E,L=E.document,x=x||{};x.version="4.10.3",O(hi)==="object"&&hi.exports&&typeof Qu.toString=="function"&&(x.source="("+Qu.toString()+')(typeof window === "object" ? window : this);',hi.exports=x),typeof E.getComputedStyle=="function"&&(E.axe=x);function Jr(C){this.name="SupportError",this.cause=C.cause,this.message="`".concat(C.cause,"` - feature unsupported in your environment."),C.ruleId&&(this.ruleId=C.ruleId,this.message+=" Skipping ".concat(this.ruleId," rule.")),this.stack=new Error().stack}Jr.prototype=Object.create(Error.prototype),Jr.prototype.constructor=Jr;var Ep=["node"],Ap=["relatedNodes"],Cp=["node"],Fp=["variant"],Tp=["matches"],Rp=["chromium"],Sp=["noImplicit"],kp=["noPresentational"],Op=["precision","format","inGamut"],Mp=["space"],Ip=["algorithm"],Pp=["method"],Np=["maxDeltaE","deltaEMethod","steps","maxSteps"],Lp=["node"],Bp=["environmentData"],qp=["environmentData"],jp=["environmentData"],zp=["environmentData"],Vp=["environmentData"];function Hp(C){return ns(C)||rs(C)||Va(C)||as()}function $p(C,k,j){return(k=os(k))in C?Object.defineProperty(C,k,{value:j,enumerable:!0,configurable:!0,writable:!0}):C[k]=j,C}function Up(C,k,j){if(gi())return Reflect.construct.apply(null,arguments);var J=[null];J.push.apply(J,k);var Te=new(C.bind.apply(C,J));return Te}function vi(C,k,j){return k=za(k),Gp(C,gi()?Reflect.construct(k,j||[],za(C).constructor):k.apply(C,j))}function Gp(C,k){if(k&&(O(k)=="object"||typeof k=="function"))return k;if(k!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return Wp(C)}function Wp(C){if(C===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return C}function gi(){try{var C=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch{}return(gi=function(){return!!C})()}function za(C){return za=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(k){return k.__proto__||Object.getPrototypeOf(k)},za(C)}function bi(C,k){if(typeof k!="function"&&k!==null)throw new TypeError("Super expression must either be null or a function");C.prototype=Object.create(k&&k.prototype,{constructor:{value:C,writable:!0,configurable:!0}}),Object.defineProperty(C,"prototype",{writable:!1}),k&&yi(C,k)}function yi(C,k){return yi=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(j,J){return j.__proto__=J,j},yi(C,k)}function Xt(C,k,j){ts(C,k),k.set(C,j)}function es(C,k){ts(C,k),k.add(C)}function ts(C,k){if(k.has(C))throw new TypeError("Cannot initialize the same private elements twice on an object")}function wt(C,k){return C.get(Tr(C,k))}function at(C,k,j){return C.set(Tr(C,k),j),j}function Tr(C,k,j){if(typeof C=="function"?C===k:C.has(k))return arguments.length<3?k:j;throw new TypeError("Private element is not present on this object")}function qe(C,k){if(C==null)return{};var j,J,Te=Yp(C,k);if(Object.getOwnPropertySymbols){var Pe=Object.getOwnPropertySymbols(C);for(J=0;J<Pe.length;J++)j=Pe[J],k.includes(j)||{}.propertyIsEnumerable.call(C,j)&&(Te[j]=C[j])}return Te}function Yp(C,k){if(C==null)return{};var j={};for(var J in C)if({}.hasOwnProperty.call(C,J)){if(k.includes(J))continue;j[J]=C[J]}return j}function ne(C){return Xp(C)||rs(C)||Va(C)||Kp()}function Kp(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function rs(C){if(typeof Symbol<"u"&&C[Symbol.iterator]!=null||C["@@iterator"]!=null)return Array.from(C)}function Xp(C){if(Array.isArray(C))return wi(C)}function de(){return de=Object.assign?Object.assign.bind():function(C){for(var k=1;k<arguments.length;k++){var j=arguments[k];for(var J in j)({}).hasOwnProperty.call(j,J)&&(C[J]=j[J])}return C},de.apply(null,arguments)}function $(C,k){return ns(C)||Zp(C,k)||Va(C,k)||as()}function as(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Zp(C,k){var j=C==null?null:typeof Symbol<"u"&&C[Symbol.iterator]||C["@@iterator"];if(j!=null){var J,Te,Pe,Ke,pt=[],He=!0,tt=!1;try{if(Pe=(j=j.call(C)).next,k===0){if(Object(j)!==j)return;He=!1}else for(;!(He=(J=Pe.call(j)).done)&&(pt.push(J.value),pt.length!==k);He=!0);}catch(Qr){tt=!0,Te=Qr}finally{try{if(!He&&j.return!=null&&(Ke=j.return(),Object(Ke)!==Ke))return}finally{if(tt)throw Te}}return pt}}function ns(C){if(Array.isArray(C))return C}function Tt(C,k){if(!(C instanceof k))throw new TypeError("Cannot call a class as a function")}function is(C,k){for(var j=0;j<k.length;j++){var J=k[j];J.enumerable=J.enumerable||!1,J.configurable=!0,"value"in J&&(J.writable=!0),Object.defineProperty(C,os(J.key),J)}}function Rt(C,k,j){return k&&is(C.prototype,k),j&&is(C,j),Object.defineProperty(C,"prototype",{writable:!1}),C}function os(C){var k=Jp(C,"string");return O(k)=="symbol"?k:k+""}function Jp(C,k){if(O(C)!="object"||!C)return C;var j=C[Symbol.toPrimitive];if(j!==void 0){var J=j.call(C,k);if(O(J)!="object")return J;throw new TypeError("@@toPrimitive must return a primitive value.")}return(k==="string"?String:Number)(C)}function Ce(C,k){var j=typeof Symbol<"u"&&C[Symbol.iterator]||C["@@iterator"];if(!j){if(Array.isArray(C)||(j=Va(C))||k){j&&(C=j);var J=0,Te=function(){};return{s:Te,n:function(){return J>=C.length?{done:!0}:{done:!1,value:C[J++]}},e:function(tt){throw tt},f:Te}}throw new TypeError(`Invalid attempt to iterate non-iterable instance.
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var Pe,Ke=!0,pt=!1;return{s:function(){j=j.call(C)},n:function(){var tt=j.next();return Ke=tt.done,tt},e:function(tt){pt=!0,Pe=tt},f:function(){try{Ke||j.return==null||j.return()}finally{if(pt)throw Pe}}}}function Va(C,k){if(C){if(typeof C=="string")return wi(C,k);var j={}.toString.call(C).slice(8,-1);return j==="Object"&&C.constructor&&(j=C.constructor.name),j==="Map"||j==="Set"?Array.from(C):j==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(j)?wi(C,k):void 0}}function wi(C,k){(k==null||k>C.length)&&(k=C.length);for(var j=0,J=Array(k);j<k;j++)J[j]=C[j];return J}function O(C){"@babel/helpers - typeof";return O=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(k){return typeof k}:function(k){return k&&typeof Symbol=="function"&&k.constructor===Symbol&&k!==Symbol.prototype?"symbol":typeof k},O(C)}(function(C,k,j,J,Te,Pe,Ke,pt,He,tt,Qr){var Qp=Object.create,ea=Object.defineProperty,em=Object.getPrototypeOf,tm=Object.prototype.hasOwnProperty,rm=Object.getOwnPropertyNames,am=Object.getOwnPropertyDescriptor,nm=function(t,r,a){return r in t?ea(t,r,{enumerable:!0,configurable:!0,writable:!0,value:a}):t[r]=a},im=function(t){return ea(t,"__esModule",{value:!0})},y=function(t,r){return function(){return r||t((r={exports:{}}).exports,r),r.exports}},Dt=function(t,r){for(var a in r)ea(t,a,{get:r[a],enumerable:!0})},om=function(t,r,a){if(r&&O(r)==="object"||typeof r=="function"){var n=Ce(rm(r)),i;try{var o=function(){var s=i.value;!tm.call(t,s)&&s!=="default"&&ea(t,s,{get:function(){return r[s]},enumerable:!(a=am(r,s))||a.enumerable})};for(n.s();!(i=n.n()).done;)o()}catch(u){n.e(u)}finally{n.f()}}return t},ot=function(t){return om(im(ea(t!=null?Qp(em(t)):{},"default",t&&t.__esModule&&"default"in t?{get:function(){return t.default},enumerable:!0}:{value:t,enumerable:!0})),t)},us=function(t,r,a){return nm(t,O(r)!=="symbol"?r+"":r,a),a},um=y(function(e,t){t.exports=function(){}}),cr=y(function(e,t){var r=um()();t.exports=function(a){return a!==r&&a!==null}}),ss=y(function(e,t){var r=cr(),a=Array.prototype.forEach,n=Object.create,i=function(u,s){var l;for(l in u)s[l]=u[l]};t.exports=function(o){var u=n(null);return a.call(arguments,function(s){r(s)&&i(Object(s),u)}),u}}),sm=y(function(e,t){t.exports=function(){var r=Math.sign;return typeof r!="function"?!1:r(10)===1&&r(-20)===-1}}),lm=y(function(e,t){t.exports=function(r){return r=Number(r),isNaN(r)||r===0?r:r>0?1:-1}}),cm=y(function(e,t){t.exports=sm()()?Math.sign:lm()}),dm=y(function(e,t){var r=cm(),a=Math.abs,n=Math.floor;t.exports=function(i){return isNaN(i)?0:(i=Number(i),i===0||!isFinite(i)?i:r(i)*n(a(i)))}}),dr=y(function(e,t){var r=dm(),a=Math.max;t.exports=function(n){return a(0,r(n))}}),ls=y(function(e,t){var r=dr();t.exports=function(a,n,i){var o;return isNaN(a)?(o=n,o>=0?i&&o?o-1:o:1):a===!1?!1:r(a)}}),Zt=y(function(e,t){t.exports=function(r){if(typeof r!="function")throw new TypeError(r+" is not a function");return r}}),Rr=y(function(e,t){var r=cr();t.exports=function(a){if(!r(a))throw new TypeError("Cannot use null or undefined");return a}}),fm=y(function(e,t){var r=Zt(),a=Rr(),n=Function.prototype.bind,i=Function.prototype.call,o=Object.keys,u=Object.prototype.propertyIsEnumerable;t.exports=function(s,l){return function(c,d){var f,p=arguments[2],m=arguments[3];return c=Object(a(c)),r(d),f=o(c),m&&f.sort(typeof m=="function"?n.call(m,c):void 0),typeof s!="function"&&(s=f[s]),i.call(s,f,function(h,v){return u.call(c,h)?i.call(d,p,c[h],h,c,v):l})}}}),Ha=y(function(e,t){t.exports=fm()("forEach")}),fr=y(function(){}),pm=y(function(e,t){t.exports=function(){var r=Object.assign,a;return typeof r!="function"?!1:(a={foo:"raz"},r(a,{bar:"dwa"},{trzy:"trzy"}),a.foo+a.bar+a.trzy==="razdwatrzy")}}),mm=y(function(e,t){t.exports=function(){try{return Object.keys("primitive"),!0}catch{return!1}}}),hm=y(function(e,t){var r=cr(),a=Object.keys;t.exports=function(n){return a(r(n)?Object(n):n)}}),vm=y(function(e,t){t.exports=mm()()?Object.keys:hm()}),gm=y(function(e,t){var r=vm(),a=Rr(),n=Math.max;t.exports=function(i,o){var u,s,l=n(arguments.length,2),c;for(i=Object(a(i)),c=function(f){try{i[f]=o[f]}catch(p){u||(u=p)}},s=1;s<l;++s)o=arguments[s],r(o).forEach(c);if(u!==void 0)throw u;return i}}),cs=y(function(e,t){t.exports=pm()()?Object.assign:gm()}),bm=y(function(e,t){var r=cr(),a={function:!0,object:!0};t.exports=function(n){return r(n)&&a[O(n)]||!1}}),ym=y(function(e,t){var r=cs(),a=bm(),n=cr(),i=Error.captureStackTrace;t.exports=function(o){var u=new Error(o),s=arguments[1],l=arguments[2];return n(l)||a(s)&&(l=s,s=null),n(l)&&r(u,l),n(s)&&(u.code=s),i&&i(u,t.exports),u}}),ds=y(function(e,t){var r=Rr(),a=Object.defineProperty,n=Object.getOwnPropertyDescriptor,i=Object.getOwnPropertyNames,o=Object.getOwnPropertySymbols;t.exports=function(u,s){var l,c=Object(r(s));if(u=Object(r(u)),i(c).forEach(function(d){try{a(u,d,n(s,d))}catch(f){l=f}}),typeof o=="function"&& Line truncated
Consider to rely on 'then' or 'done' mode instead.`);R&&(delete c[p],d[p]=F,l.emit("setasync",p,R))},b=function(){v=!0,c[p]&&(delete c[p],delete f[p],l.delete(p))},D=s;if(D||(D="then"),D==="then"){var w=function(){i(b)};h=h.then(function(_){i(g.bind(this,_))},w),typeof h.finally=="function"&&h.finally(w)}else if(D==="done"){if(typeof h.done!="function")throw new Error("Memoizee error: Retrieved promise does not implement 'done' in 'done' mode");h.done(g,b)}else if(D==="done:finally"){if(typeof h.done!="function")throw new Error("Memoizee error: Retrieved promise does not implement 'done' in 'done:finally' mode");if(typeof h.finally!="function")throw new Error("Memoizee error: Retrieved promise does not implement 'finally' in 'done:finally' mode");h.done(g),h.finally(b)}}),l.on("get",function(p,m,h){var v;if(c[p]){++c[p];return}v=f[p];var g=function(){l.emit("getasync",p,m,h)};n(v)?typeof v.done=="function"?v.done(g):v.then(function(){i(g)}):g()}),l.on("delete",function(p){if(delete f[p],c[p]){delete c[p];return}if(hasOwnProperty.call(d,p)){var m=d[p];delete d[p],l.emit("deleteasync",p,[m])}}),l.on("clear",function(){var p=d;d=o(null),c=o(null),f=o(null),l.emit("clearasync",e(p,function(m){return[m]}))})}}),sh=y(function(){var e=Zt(),t=Ha(),r=fr(),a=Function.prototype.apply;r.dispose=function(n,i,o){var u;if(e(n),o.async&&r.async||o.promise&&r.promise){i.on("deleteasync",u=function(l,c){a.call(n,null,c)}),i.on("clearasync",function(s){t(s,function(l,c){u(c,l)})});return}i.on("delete",u=function(l,c){n(c)}),i.on("clear",function(s){t(s,function(l,c){u(c,l)})})}}),lh=y(function(e,t){t.exports=2147483647}),ch=y(function(e,t){var r=dr(),a=lh();t.exports=function(n){if(n=r(n),n>a)throw new TypeError(n+" exceeds maximum possible timeout");return n}}),dh=y(function(){var e=Di(),t=Ha(),r=xi(),a=gs(),n=ch(),i=fr(),o=Function.prototype,u=Math.max,s=Math.min,l=Object.create;i.maxAge=function(c,d,f){var p,m,h,v;c=n(c),c&&(p=l(null),m=f.async&&i.async||f.promise&&i.promise?"async":"",d.on("set"+m,function(g){p[g]=setTimeout(function(){d.delete(g)},c),typeof p[g].unref=="function"&&p[g].unref(),v&&(v[g]&&v[g]!=="nextTick"&&clearTimeout(v[g]),v[g]=setTimeout(function(){delete v[g]},h),typeof v[g].unref=="function"&&v[g].unref())}),d.on("delete"+m,function(g){clearTimeout(p[g]),delete p[g],v&&(v[g]!=="nextTick"&&clearTimeout(v[g]),delete v[g])}),f.preFetch&&(f.preFetch===!0||isNaN(f.preFetch)?h=.333:h=u(s(Number(f.preFetch),1),0),h&&(v={},h=(1-h)*c,d.on("get"+m,function(g,b,D){v[g]||(v[g]="nextTick",r(function(){var w;v[g]==="nextTick"&&(delete v[g],d.delete(g),f.async&&(b=e(b),b.push(o)),w=d.memoized.apply(D,b),f.promise&&a(w)&&(typeof w.done=="function"?w.done(o,o):w.then(o,o)))}))}))),d.on("clear"+m,function(){t(p,function(g){clearTimeout(g)}),p={},v&&(t(v,function(g){g!=="nextTick"&&clearTimeout(g)}),v={})}))}}),fh=y(function(e,t){var r=dr(),a=Object.create,n=Object.prototype.hasOwnProperty;t.exports=function(i){var o=0,u=1,s=a(null),l=a(null),c=0,d;return i=r(i),{hit:function(p){var m=l[p],h=++c;if(s[h]=p,l[p]=h,!m)return++o,o<=i?void 0:(p=s[u],d(p),p);if(delete s[m],u===m)for(;!n.call(s,++u););},delete:d=function(p){var m=l[p];if(m&&(delete s[m],delete l[p],--o,u===m)){if(!o){c=0,u=1;return}for(;!n.call(s,++u););}},clear:function(){o=0,u=1,s=a(null),l=a(null),c=0}}}}),ph=y(function(){var e=dr(),t=fh(),r=fr();r.max=function(a,n,i){var o,u,s;a=e(a),a&&(u=t(a),o=i.async&&r.async||i.promise&&r.promise?"async":"",n.on("set"+o,s=function(c){c=u.hit(c),c!==void 0&&n.delete(c)}),n.on("get"+o,s),n.on("delete"+o,u.delete),n.on("clear"+o,u.clear))}}),mh=y(function(){var e=pr(),t=fr(),r=Object.create,a=Object.defineProperties;t.refCounter=function(n,i,o){var u,s;u=r(null),s=o.async&&t.async||o.promise&&t.promise?"async":"",i.on("set"+s,function(l,c){u[l]=c||1}),i.on("get"+s,function(l){++u[l]}),i.on("delete"+s,function(l){delete u[l]}),i.on("clear"+s,function(){u={}}),a(i.memoized,{deleteRef:e(function(){var l=i.get(arguments);return l===null||!u[l]?null:--u[l]?!1:(i.delete(l),!0)}),getRefCount:e(function(){var l=i.get(arguments);return l===null||!u[l]?0:u[l]})})}}),bs=y(function(e,t){var r=ss(),a=ls(),n=Gm();t.exports=function(i){var o=r(arguments[1]),u;return o.normalizer||(u=o.length=a(o.length,i.length,o.async),u!==0&&(o.primitive?u===!1?o.normalizer=Wm():u>1&&(o.normalizer=Ym()(u)):u===!1?o.normalizer=Jm()():u===1?o.normalizer=Qm()():o.normalizer=eh()(u))),o.async&&th(),o.promise&&uh(),o.dispose&&sh(),o.maxAge&&dh(),o.max&&ph(),o.refCounter&&mh(),n(i,o)}}),ys=y(function(e){Object.defineProperty(e,"__esModule",{value:!0});function t(o){return o>="a"&&o<="z"||o>="A"&&o<="Z"||o==="-"||o==="_"}e.isIdentStart=t;function r(o){return o>="a"&&o<="z"||o>="A"&&o<="Z"||o>="0"&&o<="9"||o==="-"||o==="_"}e.isIdent=r;function a(o){return o>="a"&&o<="f"||o>="A"&&o<="F"||o>="0"&&o<="9"}e.isHex=a;function n(o){for(var u=o.length,s="",l=0;l<u;){var c=o.charAt(l);if(e.identSpecialChars[c])s+="\\"+c;else if(c==="_"||c==="-"||c>="A"&&c<="Z"||c>= Line truncated
`,r:"\r",t:" ",f:"\f","\\":"\\","'":"'"},e.doubleQuotesEscapeChars={n:`
`,r:"\r",t:" ",f:"\f","\\":"\\",'"':'"'}}),hh=y(function(e){Object.defineProperty(e,"__esModule",{value:!0});var t=ys();function r(a,n,i,o,u,s){var l=a.length,c="";function d(b,D){var w="";for(n++,c=a.charAt(n);n<l;){if(c===b)return n++,w;if(c==="\\"){n++,c=a.charAt(n);var _=void 0;if(c===b)w+=b;else if((_=D[c])!==void 0)w+=_;else if(t.isHex(c)){var F=c;for(n++,c=a.charAt(n);t.isHex(c);)F+=c,n++,c=a.charAt(n);c===" "&&(n++,c=a.charAt(n)),w+=String.fromCharCode(parseInt(F,16));continue}else w+=c}else w+=c;n++,c=a.charAt(n)}return w}function f(){var b="";for(c=a.charAt(n);n<l;){if(t.isIdent(c))b+=c;else if(c==="\\"){if(n++,n>=l)throw Error("Expected symbol but end of file reached.");if(c=a.charAt(n),t.identSpecialChars[c])b+=c;else if(t.isHex(c)){var D=c;for(n++,c=a.charAt(n);t.isHex(c);)D+=c,n++,c=a.charAt(n);c===" "&&(n++,c=a.charAt(n)),b+=String.fromCharCode(parseInt(D,16));continue}else b+=c}else return b;n++,c=a.charAt(n)}return b}function p(){c=a.charAt(n);for(var b=!1;c===" "||c===" "||c===`
`||c==="\r"||c==="\f";)b=!0,n++,c=a.charAt(n);return b}function m(){var b=h();if(n<l)throw Error('Rule expected but "'+a.charAt(n)+'" found.');return b}function h(){var b=v();if(!b)return null;var D=b;for(c=a.charAt(n);c===",";){if(n++,p(),D.type!=="selectors"&&(D={type:"selectors",selectors:[b]}),b=v(),!b)throw Error('Rule expected after ",".');D.selectors.push(b)}return D}function v(){p();var b={type:"ruleSet"},D=g();if(!D)return null;for(var w=b;D&&(D.type="rule",w.rule=D,w=D,p(),c=a.charAt(n),!(n>=l||c===","||c===")"));)if(u[c]){var _=c;if(n++,p(),D=g(),!D)throw Error('Rule expected after "'+_+'".');D.nestingOperator=_}else D=g(),D&&(D.nestingOperator=null);return b}function g(){for(var b=null;n<l;)if(c=a.charAt(n),c==="*")n++,(b=b||{}).tagName="*";else if(t.isIdentStart(c)||c==="\\")(b=b||{}).tagName=f();else if(c===".")n++,b=b||{},(b.classNames=b.classNames||[]).push(f());else if(c==="#")n++,(b=b||{}).id=f();else if(c==="["){n++,p();var D={name:f()};if(p(),c==="]")n++;else{var w="";if(o[c]&&(w=c,n++,c=a.charAt(n)),n>=l)throw Error('Expected "=" but end of file reached.');if(c!=="=")throw Error('Expected "=" but "'+c+'" found.');D.operator=w+"=",n++,p();var _="";if(D.valueType="string",c==='"')_=d('"',t.doubleQuotesEscapeChars);else if(c==="'")_=d("'",t.singleQuoteEscapeChars);else if(s&&c==="$")n++,_=f(),D.valueType="substitute";else{for(;n<l&&c!=="]";)_+=c,n++,c=a.charAt(n);_=_.trim()}if(p(),n>=l)throw Error('Expected "]" but end of file reached.');if(c!=="]")throw Error('Expected "]" but "'+c+'" found.');n++,D.value=_}b=b||{},(b.attrs=b.attrs||[]).push(D)}else if(c===":"){n++;var F=f(),R={name:F};if(c==="("){n++;var I="";if(p(),i[F]==="selector")R.valueType="selector",I=h();else{if(R.valueType=i[F]||"string",c==='"')I=d('"',t.doubleQuotesEscapeChars);else if(c==="'")I=d("'",t.singleQuoteEscapeChars);else if(s&&c==="$")n++,I=f(),R.valueType="substitute";else{for(;n<l&&c!==")";)I+=c,n++,c=a.charAt(n);I=I.trim()}p()}if(n>=l)throw Error('Expected ")" but end of file reached.');if(c!==")")throw Error('Expected ")" but "'+c+'" found.');n++,R.value=I}b=b||{},(b.pseudos=b.pseudos||[]).push(R)}else break;return b}return m()}e.parseCssSelector=r}),vh=y(function(e){Object.defineProperty(e,"__esModule",{value:!0});var t=ys();function r(a){var n="";switch(a.type){case"ruleSet":for(var i=a.rule,o=[];i;)i.nestingOperator&&o.push(i.nestingOperator),o.push(r(i)),i=i.rule;n=o.join(" ");break;case"selectors":n=a.selectors.map(r).join(", ");break;case"rule":a.tagName&&(a.tagName==="*"?n="*":n=t.escapeIdentifier(a.tagName)),a.id&&(n+="#"+t.escapeIdentifier(a.id)),a.classNames&&(n+=a.classNames.map(function(u){return"."+t.escapeIdentifier(u)}).join("")),a.attrs&&(n+=a.attrs.map(function(u){return"operator"in u?u.valueType==="substitute"?"["+t.escapeIdentifier(u.name)+u.operator+"$"+u.value+"]":"["+t.escapeIdentifier(u.name)+u.operator+t.escapeStr(u.value)+"]":"["+t.escapeIdentifier(u.name)+"]"}).join("")),a.pseudos&&(n+=a.pseudos.map(function(u){return u.valueType?u.valueType==="selector"?":"+t.escapeIdentifier(u.name)+"("+r(u.value)+")":u.valueType==="substitute"?":"+t.escapeIdentifier(u.name)+"($"+u.value+")":u.valueType==="numeric"?":"+t.escapeIdentifier(u.name)+"("+u.value+")":":"+t.escapeIdentifier(u.name)+"("+t.escapeIdentifier(u.value)+")":":"+t.escapeIdentifier(u.name)}).join(""));break;default:throw Error('Unknown entity type: "'+a.type+'".')}return n}e.renderEntity=r}),ws=y(function(e){Object.defineProperty(e,"__esModule",{value:!0});var t=hh(),r=vh(),a=function(){function n(){this.pseudos={},this.attrEqualityMods={},this.ruleNestingOperators={},this.substitutesEnabled=!1}return n.prototype.registerSelectorPseudos=function(){for(var i=[],o=0;o<arguments.length;o++)i[o]=arguments[o];for(var u=0,s=i;u<s.length;u++){var l=s[u];this.pseudos[l]="selector"}return this},n.prototype.unregisterSelectorPseudos=function(){for(var i=[],o=0;o<arguments.length;o++)i[o]=arguments[o];for(var u=0,s=i;u<s.length;u++){var l=s[u];delete this.pseudos[l]}return this},n.prototype.registerNumericPseudos=function(){for(var i=[],o=0;o<arguments.length;o++)i[o]=arguments[o];for(var u=0,s=i;u<s.length;u++){var l=s[u];this.pseudos[l]="numeric"}return this},n.prototype.unregisterNumericPseudos=function(){for(var i=[],o=0;o<arguments.length;o++)i[o]=arguments[o];for(var u=0,s=i;u<s.length;u++){var l=s[u];delete this.pseudos[l]}return this},n.prototype.registerNestingOperators=function(){for(var i=[],o=0;o<arguments.length;o++)i[o]=arguments[o];for(var u=0,s=i;u<s.length;u++){var l=s[u];this.ruleNestingOperators[l]=!0}return this},n.prototype.unregisterNestingOperators=function(){for(var i=[],o=0;o<arguments.length;o++)i[o]=arguments[o];for(var u=0,s=i;u<s.length;u++){var l=s[u];delete this.ruleNestingOperators[l]}return this},n.prototype.registerAttrEqualityMods=function(){for(var i=[],o=0;o<arguments.length;o++)i[o]=arguments[o];for(var u=0,s=i;u<s.length;u++){var l=s[u];this.attrEqualityMods[l]=!0}return this},n.prototype.unregisterAttrEq Line truncated
`+e.stack.replace(e.message,"")),new a(t)}function vl(){var e="axeAPI",t="";return typeof x<"u"&&x._audit&&x._audit.application&&(e=x._audit.application),typeof x<"u"&&(t=x.version),e+"."+t}function eo(e){bl(e),me(E.parent===e,"Source of the response must be the parent window.")}function gl(e){bl(e),me(e.parent===E,"Respondable target must be a frame in the current window")}function bl(e){me(E!==e,"Messages can not be sent to the same window.")}var un={};function Ag(e,t){var r=arguments.length>2&&arguments[2]!==void 0?arguments[2]:!0;me(!un[e],"A replyHandler already exists for this message channel."),un[e]={replyHandler:t,sendToParent:r}}function Cg(e){return un[e]}function Fg(e){delete un[e]}var sn=[];function to(){var e="".concat(br(),":").concat(br());return sn.includes(e)?to():(sn.push(e),e)}function Tg(e){return sn.includes(e)?!1:(sn.push(e),!0)}function ro(e,t,r,a){if(r?eo(e):gl(e),t.message instanceof Error&&!r)return x.log(t.message),!1;var n=Dg(de({messageId:to()},t)),i=x._audit.allowedOrigins;return!i||!i.length?!1:(typeof a=="function"&&Ag(t.channelId,a,r),i.forEach(function(o){try{e.postMessage(n,o)}catch(u){throw u instanceof e.DOMException?new Error('allowedOrigins value "'.concat(o,'" is not a valid origin')):u}}),!0)}function Rg(e,t,r){if(!e.parent!==E)return x.log(t);try{ro(e,{topic:null,channelId:r,message:t,messageId:to(),keepalive:!0},!0)}catch(a){return x.log(a)}}function yl(e,t){var r=arguments.length>2&&arguments[2]!==void 0?arguments[2]:!0;return function(n,i,o){var u={channelId:t,message:n,keepalive:i};ro(e,u,r,o)}}function Sg(e){var t=x._audit.allowedOrigins;return t&&t.includes("*")||t.includes(e)}function kg(e,t){var r=e.origin,a=e.data,n=e.source;try{var i=_g(a)||{},o=i.channelId,u=i.message,s=i.messageId;if(!Sg(r)||!Tg(s))return;if(u instanceof Error&&n.parent!==E)return x.log(u),!1;try{if(i.topic){var l=yl(n,o);eo(n),t(i,l)}else Og(n,i)}catch(c){Rg(n,c,o)}}catch(c){return x.log(c),!1}}function Og(e,t){var r=t.channelId,a=t.message,n=t.keepalive,i=Cg(r)||{},o=i.replyHandler,u=i.sendToParent;if(o){u?eo(e):gl(e);var s=yl(e,r,u);!n&&r&&Fg(r);try{o(a,n,s)}catch(l){x.log(l),s(l,n)}}}var Mg={open:function(t){if(typeof E.addEventListener=="function"){var r=function(n){kg(n,t)};return E.addEventListener("message",r,!1),function(){E.removeEventListener("message",r,!1)}}},post:function(t,r,a){return typeof E.addEventListener!="function"?!1:ro(t,r,!1,a)}};function wl(e){e.updateMessenger(Mg)}var ln,Dl,ao={};function Et(e,t,r,a,n){var i={topic:t,message:r,channelId:"".concat(br(),":").concat(br()),keepalive:a};return Dl(e,i,n)}function Ig(e,t){var r=e.topic,a=e.message,n=e.keepalive,i=ao[r];if(i)try{i(a,n,t)}catch(o){x.log(o),t(o,n)}}Et.updateMessenger=function(t){var r=t.open,a=t.post;me(typeof r=="function","open callback must be a function"),me(typeof a=="function","post callback must be a function"),ln&&ln();var n=r(Ig);n?(me(typeof n=="function","open callback must return a cleanup function"),ln=n):ln=null,Dl=a},Et.subscribe=function(t,r){me(typeof r=="function","Subscriber callback must be a function"),me(!ao[t],"Topic ".concat(t," is already registered to.")),ao[t]=r},Et.isInFrame=function(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:E;return!!t.frameElement},wl(Et);function _l(e,t,r,a){var n,i,o=e.contentWindow,u=(n=(i=t.options)===null||i===void 0?void 0:i.pingWaitTime)!==null&&n!==void 0?n:500;if(!o){vr("Frame does not have a content window",e),r(null);return}if(u===0){xl(e,t,r,a);return}var s=setTimeout(function(){s=setTimeout(function(){t.debug?a(El("No response from frame",e)):r(null)},0)},u);Et(o,"axe.ping",null,void 0,function(){clearTimeout(s),xl(e,t,r,a)})}function xl(e,t,r,a){var n,i,o=(n=(i=t.options)===null||i===void 0?void 0:i.frameWaitTime)!==null&&n!==void 0?n:6e4,u=e.contentWindow,s=setTimeout(function(){a(El("Axe in frame timed out",e))},o);Et(u,"axe.start",t,void 0,function(l){clearTimeout(s),l instanceof Error?a(l):r(l)})}function El(e,t){var r;return x._tree&&(r=Hi(t)),new Error(e+": "+(r||t))}var ca=null,da={update:function(t){me(O(t)==="object","serializer must be an object"),ca=t},toSpec:function(t){return da.dqElmToSpec(new Ht(t))},dqElmToSpec:function(t,r){var a;return t instanceof Ht?(r&&(t=Pg(t,r)),typeof((a=ca)===null||a===void 0?void 0:a.toSpec)=="function"?ca.toSpec(t):t.toJSON()):t},mergeSpecs:function(t,r){var a;return typeof((a=ca)===null||a===void 0?void 0:a.mergeSpecs)=="function"?ca.mergeSpecs(t,r):Ht.mergeSpecs(t,r)},mapRawResults:function(t){return t.map(function(r){return de({},r,{nodes:da.mapRawNodeResults(r.nodes)})})},mapRawNodeResults:function(t){return t?.map(function(r){var a=r.node,n=qe(r,Ep);n.node=da.dqElmToSpec(a);for(var i=0,o=["any","all","none"];i<o.length;i++){var u=o[i];n[u]=n[u].map(function(s){var l=s.relatedNodes,c=qe(s,Ap);return c.relatedNodes=l.map(da.dqElmToSpec),c})}return n})}},ht=da;function Pg(e,t){var r=e.fromFrame,a=t.ancestry,n=t.xpath,i=t.selectors!==!1||r;return e=new Ht(e.element,t,{source:e. Line truncated
`).replace(/\u00A0/g," ").replace(/[\s]{2,}/g," ").trim():""}var re=ey,pc=function(){return ue.get("sectioningContentSelector",function(){return Eo("sectioning").map(function(t){return"".concat(t,":not([role])")}).join(", ")+" , [role=article], [role=complementary], [role=navigation], [role=region]"})},mc=function(){return ue.get("sectioningContentPlusMainSelector",function(){return pc()+" , main:not([role]), [role=main]"})};function Co(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},r=t.checkTitle,a=r===void 0?!1:r;return!!(re(ga(e))||re(ba(e))||a&&e?.props.nodeType===1&&re(e.attr("title")))}var ty={a:function(t){return t.hasAttr("href")?"link":null},area:function(t){return t.hasAttr("href")?"link":null},article:"article",aside:function(t){return ut(t.parent,pc())&&!Co(t,{checkTitle:!0})?null:"complementary"},body:"document",button:"button",datalist:"listbox",dd:"definition",dfn:"term",details:"group",dialog:"dialog",dt:"term",fieldset:"group",figure:"figure",footer:function(t){var r=ut(t,mc());return r?null:"contentinfo"},form:function(t){return Co(t)?"form":null},h1:"heading",h2:"heading",h3:"heading",h4:"heading",h5:"heading",h6:"heading",header:function(t){var r=ut(t,mc());return r?null:"banner"},hr:"separator",img:function(t){var r=t.hasAttr("alt")&&!t.attr("alt"),a=Dr().find(function(n){return t.hasAttr(n)});return r&&!a&&!Ne(t)?"presentation":"img"},input:function(t){var r;if(t.hasAttr("list")){var a=Ot(t.actualNode,"list").filter(function(n){return!!n})[0];r=a&&a.nodeName.toLowerCase()==="datalist"}switch(t.props.type){case"checkbox":return"checkbox";case"number":return"spinbutton";case"radio":return"radio";case"range":return"slider";case"search":return r?"combobox":"searchbox";case"button":case"image":case"reset":case"submit":return"button";case"text":case"tel":case"url":case"email":case"":return r?"combobox":"textbox";default:return"textbox"}},li:"listitem",main:"main",math:"math",menu:"list",meter:"meter",nav:"navigation",ol:"list",optgroup:"group",option:"option",output:"status",progress:"progressbar",search:"search",section:function(t){return Co(t)?"region":null},select:function(t){return t.hasAttr("multiple")||parseInt(t.attr("size"))>1?"listbox":"combobox"},summary:"button",table:"table",tbody:"rowgroup",td:function(t){var r=ut(t,"table"),a=De(r);return["grid","treegrid"].includes(a)?"gridcell":"cell"},textarea:"textbox",tfoot:"rowgroup",th:function(t){if(jr(t))return"columnheader";if(zr(t))return"rowheader"},thead:"rowgroup",tr:"row",ul:"list"},Fo=ty;function ry(e,t){var r=O(t);if(Array.isArray(t)&&typeof e<"u")return t.includes(e);if(r==="function")return!!t(e);if(e!=null){if(t instanceof RegExp)return t.test(e);if(/^\/.*\/$/.test(t)){var a=t.substring(1,t.length-1);return new RegExp(a).test(e)}}return t===e}var _r=ry;function ay(e,t){return _r(!!Ge(e),t)}var hc=ay;function ny(e,t){var r=O(t);if(r!=="object"||Array.isArray(t)||t instanceof RegExp)throw new Error("Expect matcher to be an object");return Object.keys(t).every(function(a){return _r(e(a),t[a])})}var To=ny;function iy(e,t){return e=we(e).vNode,To(function(r){return e.attr(r)},t)}var vc=iy;function gc(e,t){return!!t(e)}function oy(e,t){return _r(De(e),t)}var bc=oy;function uy(e,t){return _r(Mt(e),t)}var yc=uy;function sy(e,t){return e=we(e).vNode,_r(e.props.nodeName,t)}var wc=sy;function ly(e,t){return e=we(e).vNode,To(function(r){return e.props[r]},t)}var Dc=ly;function cy(e,t){return _r(ce(e),t)}var _c=cy,xc={hasAccessibleName:hc,attributes:vc,condition:gc,explicitRole:bc,implicitRole:yc,nodeName:wc,properties:Dc,semanticRole:_c};function Ec(e,t){return e=we(e).vNode,Array.isArray(t)?t.some(function(r){return Ec(e,r)}):typeof t=="string"?Gi(e,t):Object.keys(t).every(function(r){if(!xc[r])throw new Error('Unknown matcher type "'.concat(r,'"'));var a=xc[r],n=t[r];return a(e,n)})}var Ac=Ec;function dy(e,t){return Ac(e,t)}var lt=dy;lt.hasAccessibleName=hc,lt.attributes=vc,lt.condition=gc,lt.explicitRole=bc,lt.fromDefinition=Ac,lt.fromFunction=To,lt.fromPrimative=_r,lt.implicitRole=yc,lt.nodeName=wc,lt.properties=Dc,lt.semanticRole=_c;var ya=lt;function fy(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},r=t.noMatchAccessibleName,a=r===void 0?!1:r,n=he.htmlElms[e.props.nodeName];if(!n)return{};if(!n.variant)return n;var i=n.variant,o=qe(n,Fp);for(var u in i)if(!(!i.hasOwnProperty(u)||u==="default")){for(var s=i[u],l=s.matches,c=qe(s,Tp),d=Array.isArray(l)?l:[l],f=0;f<d.length&&a;f++)if(d[f].hasOwnProperty("hasAccessibleName"))return n;if(ya(e,l))for(var p in c)c.hasOwnProperty(p)&&(o[p]=c[p])}for(var m in i.default)i.default.hasOwnProperty(m)&&typeof o[m]>"u"&&(o[m]=i.default[m]);return o}var xr=fy;function py(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},r=t.chromium,a=e instanceof $e?e:le(e);if(e=a.actualNode,!a)throw new ReferenceError("Cannot get implicit role of a node outside the current scope.");var n=a.props.nodeName,i=Fo[n];if(!i&&r){var o=xr(a),u=o.chromiumRole;ret Line truncated
`)}var gu=$w;function bu(){var e=x._audit.data.incompleteFallbackMessage;return typeof e=="function"&&(e=e()),typeof e!="string"?"":e}var E1=se.resultGroups;function Ma(e,t){var r=x.utils.aggregateResult(e);return E1.forEach(function(a){t.resultTypes&&!t.resultTypes.includes(a)&&(r[a]||[]).forEach(function(n){Array.isArray(n.nodes)&&n.nodes.length>0&&(n.nodes=[n.nodes[0]])}),r[a]=(r[a]||[]).map(function(n){return n=Object.assign({},n),Array.isArray(n.nodes)&&n.nodes.length>0&&(n.nodes=n.nodes.map(function(i){if(O(i.node)==="object"){var o=A1(i.node,t);Object.assign(i,o)}return delete i.result,delete i.node,Uw(i,t),i})),E1.forEach(function(i){return delete n[i]}),delete n.pageLevel,delete n.result,n})}),r}function Uw(e,t){["any","all","none"].forEach(function(r){Array.isArray(e[r])&&e[r].filter(function(a){return Array.isArray(a.relatedNodes)}).forEach(function(a){a.relatedNodes=a.relatedNodes.map(function(n){return A1(n,t)})})})}function A1(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;e=ht.dqElmToSpec(e,t);var r={};if(x._audit.noHtml)r.html=null;else{var a;r.html=(a=e.source)!==null&&a!==void 0?a:"Undefined"}if(t.elementRef&&!e.fromFrame){var n;r.element=(n=e.element)!==null&&n!==void 0?n:null}if(t.selectors!==!1||e.fromFrame){var i;r.target=(i=e.selector)!==null&&i!==void 0?i:[":root"]}if(t.ancestry){var o;r.ancestry=(o=e.ancestry)!==null&&o!==void 0?o:[":root"]}if(t.xpath){var u;r.xpath=(u=e.xpath)!==null&&u!==void 0?u:["/"]}return r}var Gw=/\$\{\s?data\s?\}/g;function Kn(e,t){if(typeof t=="string")return e.replace(Gw,t);for(var r in t)if(t.hasOwnProperty(r)){var a=new RegExp("\\${\\s?data\\."+r+"\\s?}","g"),n=typeof t[r]>"u"?"":String(t[r]);e=e.replace(a,n)}return e}function C1(e,t){if(e){if(Array.isArray(t)){if(t.values=t.join(", "),typeof e.singular=="string"&&typeof e.plural=="string"){var r=t.length===1?e.singular:e.plural;return Kn(r,t)}return Kn(e,t)}if(typeof e=="string")return Kn(e,t);if(typeof t=="string"){var a=e[t];return Kn(a,t)}var n=e.default||bu();return t&&t.messageKey&&e[t.messageKey]&&(n=e[t.messageKey]),C1(n,t)}}var yu=C1;function Ww(e,t,r){var a=x._audit.data.checks[e];if(!a)throw new Error("Cannot get message for unknown check: ".concat(e,"."));if(!a.messages[t])throw new Error('Check "'.concat(e,'"" does not have a "').concat(t,'" message.'));return yu(a.messages[t],r)}var Yw=Ww;function Kw(e,t,r){var a=((r.rules&&r.rules[t]||{}).checks||{})[e.id],n=(r.checks||{})[e.id],i=e.enabled,o=e.options;return n&&(n.hasOwnProperty("enabled")&&(i=n.enabled),n.hasOwnProperty("options")&&(o=n.options)),a&&(a.hasOwnProperty("enabled")&&(i=a.enabled),a.hasOwnProperty("options")&&(o=a.options)),{enabled:i,options:o,absolutePaths:r.absolutePaths}}var Xn=Kw;function ur(){var e,t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:null,r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:E;return t&&O(t)==="object"?t:O(r)!=="object"?{}:{testEngine:{name:"axe-core",version:x.version},testRunner:{name:x._audit.brand},testEnvironment:Xw(r),timestamp:new Date().toISOString(),url:(e=r.location)===null||e===void 0?void 0:e.href}}function Xw(e){if(!e.navigator||O(e.navigator)!=="object")return{};var t=e.navigator,r=e.innerHeight,a=e.innerWidth,n=Zw(e)||{},i=n.angle,o=n.type;return{userAgent:t.userAgent,windowWidth:a,windowHeight:r,orientationAngle:i,orientationType:o}}function Zw(e){var t=e.screen;return t.orientation||t.msOrientation||t.mozOrientation}function F1(e,t){var r=t.focusable,a=t.page;return{node:e,include:[],exclude:[],initiator:!1,focusable:r&&Jw(e),size:Qw(e),page:a}}function Jw(e){var t=Lt(e.getAttribute("tabindex"));return t===null||t>=0}function Qw(e){var t=parseInt(e.getAttribute("width"),10),r=parseInt(e.getAttribute("height"),10);if(isNaN(t)||isNaN(r)){var a=e.getBoundingClientRect();t=isNaN(t)?a.width:t,r=isNaN(r)?a.height:r}return{width:t,height:r}}function eD(e){if(Du(e)){var t=" must be used inside include or exclude. It should not be on the same object.";sr(!Nt(e,"fromFrames"),"fromFrames"+t),sr(!Nt(e,"fromShadowDom"),"fromShadowDom"+t)}else if(Jn(e))e={include:e,exclude:[]};else return{include:[L],exclude:[]};var r=T1(e.include);r.length===0&&r.push(L);var a=T1(e.exclude);return{include:r,exclude:a}}function T1(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[],t=[];wu(e)||(e=[e]);for(var r=0;r<e.length;r++){var a=tD(e[r]);a&&t.push(a)}return t}function tD(e){return e instanceof E.Node?e:typeof e=="string"?[e]:(_u(e)?(aD(e),e=e.fromFrames):Qn(e)&&(e=[e]),rD(e))}function rD(e){if(Array.isArray(e)){var t=[],r=Ce(e),a;try{for(r.s();!(a=r.n()).done;){var n=a.value;if(Qn(n)&&(nD(n),n=n.fromShadowDom),typeof n!="string"&&!iD(n))return;t.push(n)}}catch(i){r.e(i)}finally{r.f()}return t}}function aD(e){sr(Array.isArray(e.fromFrames),"fromFrames property must be an array"),sr(e.fromFrames.every(function(t){return!Nt(t,"fromFrames")}),"Invalid context; fromFrames selector must be appended, rather than nested") Line truncated
See: https://github.com/dequelabs/axe-core/blob/master/doc/context.md`))}function R1(e,t){for(var r=[],a=0,n=e[t].length;a<n;a++){var i=e[t][a];if(i instanceof E.Node)i.documentElement instanceof E.Node?r.push(e.flatTree[0]):r.push(le(i));else if(i&&i.length)if(i.length>1)oD(e,t,i);else{var o=Su(i[0]);r.push.apply(r,ne(o.map(function(u){return le(u)})))}}return r.filter(function(u){return u})}function oD(e,t,r){e.frames=e.frames||[];var a=r.shift(),n=Su(a);n.forEach(function(i){var o=e.frames.find(function(u){return u.node===i});o||(o=F1(i,e),e.frames.push(o)),o[t].push(r)})}function Zn(e,t){var r,a,n,i,o=this;e=$t(e),this.frames=[],this.page=typeof((r=e)===null||r===void 0?void 0:r.page)=="boolean"?e.page:void 0,this.initiator=typeof((a=e)===null||a===void 0?void 0:a.initiator)=="boolean"?e.initiator:!0,this.focusable=typeof((n=e)===null||n===void 0?void 0:n.focusable)=="boolean"?e.focusable:!0,this.size=O((i=e)===null||i===void 0?void 0:i.size)==="object"?e.size:{},e=eD(e),this.flatTree=t??hu(cD(e)),this.exclude=e.exclude,this.include=e.include,this.include=R1(this,"include"),this.exclude=R1(this,"exclude"),Ru("frame, iframe",this).forEach(function(u){Eu(u,o)&&uD(o,u.actualNode)}),typeof this.page>"u"&&(this.page=sD(this),this.frames.forEach(function(u){u.page=o.page})),lD(this),Array.isArray(this.include)||(this.include=Array.from(this.include)),this.include.sort(Cu)}function uD(e,t){!Re(t)||fa(e.frames,"node",t)||e.frames.push(F1(t,e))}function sD(e){var t=e.include;return t.length===1&&t[0].actualNode===L.documentElement}function lD(e){if(e.include.length===0&&e.frames.length===0){var t=Et.isInFrame()?"frame":"page";throw new Error("No elements found for include in "+t+" Context")}}function cD(e){for(var t=e.include,r=e.exclude,a=Array.from(t).concat(Array.from(r)),n=0;n<a.length;n++){var i=a[n];if(i instanceof E.Element)return i.ownerDocument.documentElement;if(i instanceof E.Document)return i.documentElement}return L.documentElement}function dD(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};if(t.iframes===!1)return[];var r=new Zn(e),a=r.frames;return a.map(function(n){var i=n.node,o=qe(n,Lp);o.initiator=!1;var u=an(i);return{frameSelector:u,frameContext:o}})}function S1(e){var t=x._audit.rules.find(function(r){var a=r.id;return a===e});if(!t)throw new Error("Cannot find rule by id: ".concat(e));return t}function fD(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:0,r=e.scrollWidth>e.clientWidth+t,a=e.scrollHeight>e.clientHeight+t;if(r||a){var n=E.getComputedStyle(e),i=k1(n,"overflow-x"),o=k1(n,"overflow-y");if(r&&i||a&&o)return{elm:e,top:e.scrollTop,left:e.scrollLeft}}}function k1(e,t){var r=e.getPropertyValue(t);return["scroll","auto"].includes(r)}var Yt=Fe(fD);function O1(e){return Array.from(e.children||e.childNodes||[]).reduce(function(t,r){var a=Yt(r);return a&&t.push(a),t.concat(O1(r))},[])}function pD(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:E,t=e.document.documentElement,r=[e.pageXOffset!==void 0?{elm:e,top:e.pageYOffset,left:e.pageXOffset}:{elm:t,top:t.scrollTop,left:t.scrollLeft}];return r.concat(O1(L.body))}var mD=pD;function hD(){return $t(he)}function vD(e){if(!e)throw new Error("axe.utils.getStyleSheetFactory should be invoked with an argument");return function(t){var r=t.data,a=t.isCrossOrigin,n=a===void 0?!1:a,i=t.shadowId,o=t.root,u=t.priority,s=t.isLink,l=s===void 0?!1:s,c=e.createElement("style");if(l){var d=e.createTextNode('@import "'.concat(r.href,'"'));c.appendChild(d)}else c.appendChild(e.createTextNode(r));return e.head.appendChild(c),{sheet:c.sheet,isCrossOrigin:n,shadowId:i,root:o,priority:u}}}var M1=vD,dt;function gD(e){if(dt&&dt.parentNode)return dt.styleSheet===void 0?dt.appendChild(L.createTextNode(e)):dt.styleSheet.cssText+=e,dt;if(e){var t=L.head||L.getElementsByTagName("head")[0];return dt=L.createElement("style"),dt.type="text/css",dt.styleSheet===void 0?dt.appendChild(L.createTextNode(e)):dt.styleSheet.cssText=e,t.appendChild(dt),dt}}var bD=gD;function wu(e){return!!e&&O(e)==="object"&&typeof e.length=="number"&&!(e instanceof E.Node)}function Nt(e,t){return!e||O(e)!=="object"?!1:Object.prototype.hasOwnProperty.call(e,t)}function I1(e){return Du(e)||Jn(e)}function Du(e){return["include","exclude"].some(function(t){return Nt(e,t)&&Jn(e[t])})}function Jn(e){return typeof e=="string"||e instanceof E.Node||_u(e)||Qn(e)||wu(e)}function _u(e){return Nt(e,"fromFrames")}function Qn(e){return Nt(e,"fromShadowDom")}function P1(e,t){var r=le(e);if(e.nodeType===9)return!1;if(e.nodeType===11&&(e=e.host),r&&r._isHidden!==null)return r._isHidden;var a=E.getComputedStyle(e,null);if(!a||!e.parentNode||a.getPropertyValue("display")==="none"||!t&&a.getPropertyValue("visibility")==="hidden"||e.getAttribute("aria-hidden")==="true")return!0;var n=e.assignedSlot?e.assignedSlot:e.parentNode,i=P1(n,!0);return r&&(r._isHidden=i),i}var yD=P1;function wD(e){var t,r,a=(t=(r=e.props)===null||r===void 0?void 0:r.nodeName)!==null&&t!==void Line truncated
[aria-controls~="`).concat(o,'"][role~="combobox"]:not(select)'));return Array.from(s).some(yf)}var yf=function(t){return t&&ce(t)==="combobox"};function V_(e){for(;e=e.parent;)if(ce(e,{noPresentational:!0})!==null)return e;return null}function H_(e){return e=le(e),An(e)}var wf=H_;function $_(e){var t=he.ariaRoles[e];return!t||!Array.isArray(t.requiredAttrs)?[]:ne(t.requiredAttrs)}var Df=$_;function U_(e){var t=he.ariaRoles[e];return!t||!Array.isArray(t.requiredContext)?null:ne(t.requiredContext)}var Bu=U_;function G_(e){var t=he.ariaRoles[e];return!t||!Array.isArray(t.requiredOwned)?null:ne(t.requiredOwned)}var qu=G_;function W_(e,t){e=e instanceof $e?e:le(e);var r,a,n=e.attr(t),i=he.ariaAttrs[t];if(!i||i.allowEmpty&&(!n||n.trim()===""))return!0;switch(i.type){case"boolean":return["true","false"].includes(n.toLowerCase());case"nmtoken":return typeof n=="string"&&i.values.includes(n.toLowerCase());case"nmtokens":return a=Ze(n),a.reduce(function(s,l){return s&&i.values.includes(l)},a.length!==0);case"idref":try{var o=Xe(e.actualNode);return!!(n&&o.getElementById(n))}catch{throw new TypeError("Cannot resolve id references for partial DOM")}case"idrefs":return Ot(e,t).some(function(s){return!!s});case"string":return n.trim()!=="";case"decimal":return r=n.match(/^[-+]?([0-9]*)\.?([0-9]*)$/),!!(r&&(r[1]||r[2]));case"int":var u=typeof i.minValue<"u"?i.minValue:-1/0;return/^[-+]?[0-9]+$/.test(n)&&parseInt(n)>=u}}var _f=W_;function Y_(e){var t=he.ariaAttrs[e];return!!t}var oi=Y_;function K_(e){var t=[],r=Mu(e),a=Wt(e);return r.forEach(function(n){if(Fn(n)&&cf(n)&&!wf(n)){var i=ai(n,a).some(function(o){return o!==null&&!!Fn(o)});i||t.push(n)}}),t.length?(this.relatedNodes(t),!1):!0}var X_=K_;function Z_(e,t){var r=e.getAttribute("scope").toLowerCase();return t.values.indexOf(r)!==-1}var J_=Z_,Q_=ex;function ex(e,t,r){if(r.children!==void 0){var a=r.attr("summary"),n=r.children.find(tx),i=n?re(tr(n)):!1;return!i||!a?!1:re(a).toLowerCase()===re(i).toLowerCase()}}function tx(e){return e.props.nodeName==="caption"}function rx(e){return td(L)?e.nodeName.toUpperCase()==="TH":!0}var ax=rx;function nx(e){var t=Wt(e),r=t[0];return t.length<=1||r.length<=1||e.rows.length<=1?!0:r.reduce(function(a,n,i){return a||n!==r[i+1]&&r[i+1]!==void 0},!1)}var ix=nx;function ox(e,t,r){if(r.children){var a=r.children.find(function(i){var o=i.props;return o.nodeName==="title"});if(!a)return this.data({messageKey:"noTitle"}),!1;try{var n=tr(a,{includeHidden:!0}).trim();if(n==="")return this.data({messageKey:"emptyTitle"}),!1}catch{return}return!0}}var ux=ox,xf={};Dt(xf,{getAriaRolesByType:function(){return Ur},getAriaRolesSupportingNameFromContent:function(){return Nu},getElementSpec:function(){return xr},getElementsByContentType:function(){return Eo},getGlobalAriaAttrs:function(){return Dr},implicitHtmlRoles:function(){return Fo}});function sx(e,t,r){var a=De(r);if(["presentation","none"].includes(a)&&["iframe","frame"].includes(r.props.nodeName)&&r.hasAttr("title"))return this.data({messageKey:"iframe",nodeName:r.props.nodeName}),!1;var n=ce(r);if(["presentation","none"].includes(n))return this.data({role:n}),!0;if(!["presentation","none"].includes(a))return!1;var i=Dr().some(function(s){return r.hasAttr(s)}),o=Ne(r),u;return i&&!o?u="globalAria":!i&&o?u="focusable":u="both",this.data({messageKey:u,role:n}),!1}function lx(e,t,r){var a=r.props.nodeName,n=(r.attr("type")||"").toLowerCase(),i=r.attr("value");return i&&this.data({messageKey:"has-label"}),a==="input"&&["submit","reset"].includes(n)?i===null:!1}var cx=lx;function dx(e){return st(e)}var fx=dx;function px(e,t){var r=t.cssProperty,a=t.absoluteValues,n=t.minValue,i=t.maxValue,o=t.normalValue,u=o===void 0?0:o,s=t.noImportant,l=t.multiLineOnly;if(!s&&e.style.getPropertyPriority(r)!=="important"||l&&!nd(e))return!0;var c={};typeof n=="number"&&(c.minValue=n),typeof i=="number"&&(c.maxValue=i);var d=e.style.getPropertyValue(r);if(["inherit","unset","revert","revert-layer"].includes(d))return this.data(de({value:d},c)),!0;var f=mx(e,{absoluteValues:a,cssProperty:r,normalValue:u});if(this.data(de({value:f},c)),typeof f=="number")return(typeof n!="number"||f>=n)&&(typeof i!="number"||f<=i)}function mx(e,t){var r=t.cssProperty,a=t.absoluteValues,n=t.normalValue,i=E.getComputedStyle(e),o=i.getPropertyValue(r);if(o==="normal")return n;var u=parseFloat(o);if(a)return u;var s=parseFloat(i.getPropertyValue("font-size")),l=Math.round(u/s*100)/100;return isNaN(l)?o:l}function hx(e,t,r){var a=r.props.nodeName;return["img","input","area"].includes(a)?r.hasAttr("alt"):!1}var vx=hx;function gx(){}var bx=gx;function yx(){var e=L.title;return!!re(e)}var wx=yx;function Dx(e,t){var r=t.cssProperties.filter(function(a){if(e.style.getPropertyPriority(a)==="important")return a});return r.length>0?(this.data(r),!1):!0}var _x=Dx;function xx(e,t,r){try{return!!re(ga(r))}catch{return}}var Ex=xx;function Ax(e,t,r){return!!re(ba(r))}var Cx=Ax;function Fx(e){var t=e.getAttribute("id").trim();if(!t)return!0;vaLine truncated
`+Te.split(`
`).join(`
`);return j}},none:{failureMessage:function(k){var j="Fix all of the following:",J=k;if(J)for(var Te,Pe=-1,Ke=J.length-1;Pe<Ke;)Te=J[Pe+=1],j+=`
`+Te.split(`
`).join(`
`);return j}}},incompleteFallbackMessage:"axe couldn't tell the reason. Time to break out the element inspector!"},rules:[{id:"accesskeys",impact:"serious",selector:"[accesskey]",excludeHidden:!1,tags:["cat.keyboard","best-practice"],all:[],any:[],none:["accesskeys"]},{id:"area-alt",impact:"critical",selector:"map area[href]",excludeHidden:!1,tags:["cat.text-alternatives","wcag2a","wcag244","wcag412","section508","section508.22.a","TTv5","TT6.a","EN-301-549","EN-9.2.4.4","EN-9.4.1.2","ACT"],actIds:["c487ae"],all:[],any:[{options:{attribute:"alt"},id:"non-empty-alt"},"aria-label","aria-labelledby",{options:{attribute:"title"},id:"non-empty-title"}],none:[]},{id:"aria-allowed-attr",impact:"critical",matches:"aria-allowed-attr-matches",tags:["cat.aria","wcag2a","wcag412","EN-301-549","EN-9.4.1.2"],actIds:["5c01ea"],all:[{options:{validTreeRowAttrs:["aria-posinset","aria-setsize","aria-expanded","aria-level"]},id:"aria-allowed-attr"}],any:[],none:["aria-unsupported-attr"]},{id:"aria-allowed-role",impact:"minor",excludeHidden:!1,selector:"[role]",matches:"aria-allowed-role-matches",tags:["cat.aria","best-practice"],all:[],any:[{options:{allowImplicit:!0,ignoredTags:[]},id:"aria-allowed-role"}],none:[]},{id:"aria-braille-equivalent",reviewOnFail:!0,impact:"serious",selector:"[aria-brailleroledescription], [aria-braillelabel]",tags:["cat.aria","wcag2a","wcag412","EN-301-549","EN-9.4.1.2"],all:["braille-roledescription-equivalent","braille-label-equivalent"],any:[],none:[]},{id:"aria-command-name",impact:"serious",selector:'[role="link"], [role="button"], [role="menuitem"]',matches:"no-naming-method-matches",tags:["cat.aria","wcag2a","wcag412","TTv5","TT6.a","EN-301-549","EN-9.4.1.2","ACT"],actIds:["97a4e1"],all:[],any:["has-visible-text","aria-label","aria-labelledby",{options:{attribute:"title"},id:"non-empty-title"}],none:[]},{id:"aria-conditional-attr",impact:"serious",matches:"aria-allowed-attr-matches",tags:["cat.aria","wcag2a","wcag412","EN-301-549","EN-9.4.1.2"],actIds:["5c01ea"],all:[{options:{invalidTableRowAttrs:["aria-posinset","aria-setsize","aria-expanded","aria-level"]},id:"aria-conditional-attr"}],any:[],none:[]},{id:"aria-deprecated-role",impact:"minor",selector:"[role]",matches:"no-empty-role-matches",tags:["cat.aria","wcag2a","wcag412","EN-301-549","EN-9.4.1.2"],actIds:["674b10"],all:[],any:[],none:["deprecatedrole"]},{id:"aria-dialog-name",impact:"serious",selector:'[role="dialog"], [role="alertdialog"]',matches:"no-naming-method-matches",tags:["cat.aria","best-practice"],all:[],any:["aria-label","aria-labelledby",{options:{attribute:"title"},id:"non-empty-title"}],none:[]},{id:"aria-hidden-body",impact:"critical",selector:"body",excludeHidden:!1,matches:"is-initiator-matches",tags:["cat.aria","wcag2a","wcag131","wcag412","EN-301-549","EN-9.1.3.1","EN-9.4.1.2"],all:[],any:["aria-hidden-body"],none:[]},{id:"aria-hidden-focus",impact:"serious",selector:'[aria-hidden="true"]',matches:"aria-hidden-focus-matches",excludeHidden:!1,tags:["cat.name-role-value","wcag2a","wcag412","TTv5","TT6.a","EN-301-549","EN-9.4.1.2"],actIds:["6cfa84"],all:["focusable-modal-open","focusable-disabled","focusable-not-tabbable"],any:[],none:[]},{id:"aria-input-field-name",impact:"serious",selector:'[role="combobox"], [role="listbox"], [role="searchbox"], [role="slider"], [role="spinbutton"], [role="textbox"]',matches:"no-naming-method-matches",tags:["cat.aria","wcag2a","wcag412","TTv5","TT5.c","EN-301-549","EN-9.4.1.2","ACT"],actIds:["e086e5"],all:[],any:["aria-label","aria-labelledby",{options:{attribute:"title"},id:"non-empty-title"}],none:["no-implicit-explicit-label"]},{id:"aria-meter-name",impact:"serious",selector:'[role="meter"]',matches:"no-naming-method-matches",tags:["cat.aria","wcag2a","wcag111","EN-301-549","EN-9.1.1.1"],all:[],any:["aria-label","aria-labelledby",{options:{attribute:"title"},id:"non-empty-title"}],none:[]},{id:"aria-progressbar-name",impact:"serious",selector:'[role="progressbar"]',matches:"no-naming-method-matches",tags:["cat.aria","wcag2a","wcag111","EN-301-549","EN-9.1.1.1"],all:[],any:["aria-label","aria-labelledby",{options:{attribute:"title"},id:"non-empty-title"}],none:[]},{id:"aria-prohibited-attr",impact:"serious",matches:"aria-allowed-attr-matches",tags:["cat.aria","wcag2a","wcag412","EN-301-549","EN-9.4.1.2"],actIds:["5c01ea"],all:[],any:[],none:[{options:{elementsAllowedAriaLabel:["applet","input"]},id:"aria-prohibited-attr"}]},{id:"aria-required-attr",impact:"critical",selector:"[role]",tags:["cat.aria","wcag2a","wcag412","EN-301-549","EN-9.4.1.2"],actIds:["4e8ab6"],all:[],any:["aria-required-attr"],none:[]},{id:"aria-required-children",impact:"critical",selector:"[role]",matches:"aria-required-children-matches",tags:["cat.aria","wcag2a","wcag131","EN-301-549","EN-9.1.3.1"],actIds:["bc4a75","ff89c9"],all:[],any:[{options:{reviewEmpty:["doc-bibliography","doc-endnotes","grid","list","listbox","menu","menubar","table","tablist","tree","treegrid","rowgroup"]},id:"aria-required-ch Line truncated
+1
View File
@@ -0,0 +1 @@
/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-lg:.5rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--spacing-scale-000:0px;--spacing-scale-001:1px;--spacing-scale-002:2px;--spacing-scale-003:3px;--spacing-scale-004:4px;--spacing-scale-006:6px;--spacing-scale-008:8px;--spacing-scale-010:10px;--spacing-scale-012:12px;--spacing-scale-016:16px;--spacing-scale-020:20px;--spacing-scale-024:24px;--spacing-scale-032:32px;--spacing-scale-040:40px;--spacing-scale-048:48px;--spacing-scale-056:56px;--spacing-scale-060:60px;--spacing-scale-064:64px;--spacing-scale-076:76px;--spacing-scale-096:96px;--spacing-scale-120:120px;--spacing-measures-spacing-004:var(--spacing-scale-004);--spacing-measures-spacing-008:var(--spacing-scale-008);--spacing-measures-spacing-010:var(--spacing-scale-010);--spacing-measures-spacing-012:var(--spacing-scale-012);--spacing-measures-spacing-016:var(--spacing-scale-016);--spacing-measures-spacing-024:var(--spacing-scale-024);--spacing-measures-spacing-032:var(--spacing-scale-032);--spacing-measures-spacing-040:var(--spacing-scale-040);--spacing-measures-spacing-048:var(--spacing-scale-048);--spacing-measures-spacing-060:var(--spacing-scale-060);--spacing-measures-spacing-064:var(--spacing-scale-064);--spacing-measures-spacing-096:var(--spacing-scale-096);--spacing-measures-spacing-120:var(--spacing-scale-120);--radius-measures-radius-full:var(--spacing-scale-120);--color-community-yellow-100:oklch(98.48% .055 105.21);--color-community-yellow-400:oklch(84.34% .097 101.09);--color-community-yellow-500:oklch(76.71% .094 100.01);--color-community-yellow-800:oklch(42.89% .054 98.59);--color-community-yellow-900:oklch(30.32% .036 99.23);--color-community-orange-300:oklch(69.29% .124 217.83);--color-community-orange-400:oklch(50.04% .102 233.41);--color-yellow-opacity-100:oklch(30.32% .036 99.23/.1);--color-yellow-opacity-300:oklch(55.29% .069 98.1/.3);--color-yellow-opacity-400:oklch(66.85% .083 99.46/.4);--color-yellow-opacity-700:oklch(90.22% .095 102.92/.7);--color-opacity-000:oklch(97.31% 0 263.28/0);--color-opacity-200:oklch(91.28% 0 263.28/.5);--color-opacity-300:oklch(84.21% 0 263.28/.5);--color-gray-000:oklch(100% 0 263.28);--color-gray-100:oklch(92.19% 0 263.28);--color-gray-200:oklch(86.38% 0 263.28);--color-gray-300:oklch(76.99% 0 263.28);--color-gray-60Line truncated
File diff suppressed because it is too large. Load diff
+1
View File
@@ -0,0 +1 @@
import{R as e}from"./iframe-D_aMTKb2.js";import"./preload-helper-DIZFD4sK.js";const o={},c=e.createContext(o);function u(n){const t=e.useContext(c);return e.useMemo(function(){return typeof n=="function"?n(t):{...t,...n}},[t,n])}function r(n){let t;return n.disableParentContext?t=typeof n.components=="function"?n.components(o):n.components||o:t=u(n.components),e.createElement(c.Provider,{value:t},n.children)}export{r as MDXProvider,u as useMDXComponents};
+1
View File
@@ -0,0 +1 @@
import{b as r}from"./iframe-D_aMTKb2.js";var s=r();export{s as j};
+14
View File
@@ -0,0 +1,14 @@
var _e=(e=0)=>t=>`\x1B[${t+e}m`,Ee=(e=0)=>t=>`\x1B[${38+e};5;${t}m`,he=(e=0)=>(t,n,i)=>`\x1B[${38+e};2;${t};${n};${i}m`,P={modifier:{reset:[0,0],bold:[1,22],dim:[2,22],italic:[3,23],underline:[4,24],overline:[53,55],inverse:[7,27],hidden:[8,28],strikethrough:[9,29]},color:{black:[30,39],red:[31,39],green:[32,39],yellow:[33,39],blue:[34,39],magenta:[35,39],cyan:[36,39],white:[37,39],blackBright:[90,39],gray:[90,39],grey:[90,39],redBright:[91,39],greenBright:[92,39],yellowBright:[93,39],blueBright:[94,39],magentaBright:[95,39],cyanBright:[96,39],whiteBright:[97,39]},bgColor:{bgBlack:[40,49],bgRed:[41,49],bgGreen:[42,49],bgYellow:[43,49],bgBlue:[44,49],bgMagenta:[45,49],bgCyan:[46,49],bgWhite:[47,49],bgBlackBright:[100,49],bgGray:[100,49],bgGrey:[100,49],bgRedBright:[101,49],bgGreenBright:[102,49],bgYellowBright:[103,49],bgBlueBright:[104,49],bgMagentaBright:[105,49],bgCyanBright:[106,49],bgWhiteBright:[107,49]}};Object.keys(P.modifier);var Ie=Object.keys(P.color),we=Object.keys(P.bgColor);[...Ie,...we];function je(){let e=new Map;for(let[t,n]of Object.entries(P)){for(let[i,c]of Object.entries(n))P[i]={open:`\x1B[${c[0]}m`,close:`\x1B[${c[1]}m`},n[i]=P[i],e.set(c[0],c[1]);Object.defineProperty(P,t,{value:n,enumerable:!1})}return Object.defineProperty(P,"codes",{value:e,enumerable:!1}),P.color.close="\x1B[39m",P.bgColor.close="\x1B[49m",P.color.ansi=_e(),P.color.ansi256=Ee(),P.color.ansi16m=he(),P.bgColor.ansi=_e(10),P.bgColor.ansi256=Ee(10),P.bgColor.ansi16m=he(10),Object.defineProperties(P,{rgbToAnsi256:{value(t,n,i){return t===n&&n===i?t<8?16:t>248?231:Math.round((t-8)/247*24)+232:16+36*Math.round(t/255*5)+6*Math.round(n/255*5)+Math.round(i/255*5)},enumerable:!1},hexToRgb:{value(t){let n=/[a-f\d]{6}|[a-f\d]{3}/i.exec(t.toString(16));if(!n)return[0,0,0];let[i]=n;i.length===3&&(i=[...i].map(_=>_+_).join(""));let c=Number.parseInt(i,16);return[c>>16&255,c>>8&255,c&255]},enumerable:!1},hexToAnsi256:{value:t=>P.rgbToAnsi256(...P.hexToRgb(t)),enumerable:!1},ansi256ToAnsi:{value(t){if(t<8)return 30+t;if(t<16)return 90+(t-8);let n,i,c;if(t>=232)n=((t-232)*10+8)/255,i=n,c=n;else{t-=16;let u=t%36;n=Math.floor(t/36)/5,i=Math.floor(u/6)/5,c=u%6/5}let _=Math.max(n,i,c)*2;if(_===0)return 30;let p=30+(Math.round(c)<<2|Math.round(i)<<1|Math.round(n));return _===2&&(p+=60),p},enumerable:!1},rgbToAnsi:{value:(t,n,i)=>P.ansi256ToAnsi(P.rgbToAnsi256(t,n,i)),enumerable:!1},hexToAnsi:{value:t=>P.ansi256ToAnsi(P.hexToAnsi256(t)),enumerable:!1}}),P}var Be=je(),x=Be,Oe=(()=>{if(!("navigator"in globalThis))return 0;if(globalThis.navigator.userAgentData){let e=navigator.userAgentData.brands.find(({brand:t})=>t==="Chromium");if(e&&e.version>93)return 3}return/\b(Chrome|Chromium)\//.test(globalThis.navigator.userAgent)?1:0})(),Te=Oe!==0&&{level:Oe},Le={stdout:Te,stderr:Te},De=Le;function Fe(e,t,n){let i=e.indexOf(t);if(i===-1)return e;let c=t.length,_=0,p="";do p+=e.slice(_,i)+t+n,_=i+c,i=e.indexOf(t,_);while(i!==-1);return p+=e.slice(_),p}function ke(e,t,n,i){let c=0,_="";do{let p=e[i-1]==="\r";_+=e.slice(c,p?i-1:i)+t+(p?`\r
`:`
`)+n,c=i+1,i=e.indexOf(`
`,c)}while(i!==-1);return _+=e.slice(c),_}var{stdout:Se,stderr:Me}=De,de=Symbol("GENERATOR"),V=Symbol("STYLER"),J=Symbol("IS_EMPTY"),Ae=["ansi","ansi","ansi256","ansi16m"],H=Object.create(null),Ye=(e,t={})=>{if(t.level&&!(Number.isInteger(t.level)&&t.level>=0&&t.level<=3))throw new Error("The `level` option should be an integer from 0 to 3");let n=Se?Se.level:0;e.level=t.level===void 0?n:t.level},ze=e=>{let t=(...n)=>n.join(" ");return Ye(t,e),Object.setPrototypeOf(t,X.prototype),t};function X(e){return ze(e)}Object.setPrototypeOf(X.prototype,Function.prototype);for(let[e,t]of Object.entries(x))H[e]={get(){let n=ie(this,pe(t.open,t.close,this[V]),this[J]);return Object.defineProperty(this,e,{value:n}),n}};H.visible={get(){let e=ie(this,this[V],!0);return Object.defineProperty(this,"visible",{value:e}),e}};var fe=(e,t,n,...i)=>e==="rgb"?t==="ansi16m"?x[n].ansi16m(...i):t==="ansi256"?x[n].ansi256(x.rgbToAnsi256(...i)):x[n].ansi(x.rgbToAnsi(...i)):e==="hex"?fe("rgb",t,n,...x.hexToRgb(...i)):x[n][e](...i),Ue=["rgb","hex","ansi256"];for(let e of Ue){H[e]={get(){let{level:n}=this;return function(...i){let c=pe(fe(e,Ae[n],"color",...i),x.color.close,this[V]);return ie(this,c,this[J])}}};let t="bg"+e[0].toUpperCase()+e.slice(1);H[t]={get(){let{level:n}=this;return function(...i){let c=pe(fe(e,Ae[n],"bgColor",...i),x.bgColor.close,this[V]);return ie(this,c,this[J])}}}}var xe=Object.defineProperties(()=>{},{...H,level:{enumerable:!0,get(){return this[de].level},set(e){this[de].level=e}}}),pe=(e,t,n)=>{let i,c;return n===void 0?(i=e,c=t):(i=n.openAll+e,c=t+n.closeAll),{open:e,close:t,openAll:i,closeAll:c,parent:n}},ie=(e,t,n)=>{let i=(...c)=>Ge(i,c.length===1?""+c[0]:c.join(" "));return Object.setPrototypeOf(i,xe),i[de]=e,i[V]=t,i[J]=n,i},Ge=(e,t)=>{if(e.level<=0||!t)return e[J]?"":t;let n=e[V];if(n===void 0)return t;let{openAll:i,closeAll:c}=n;if(t.includes("\x1B"))for(;n!==void 0;)t=Fe(t,n.close,n.open),n=n.parent;let _=t.indexOf(`
`);return _!==-1&&(t=ke(t,c,i,_)),i+t+c};Object.defineProperties(X.prototype,H);var qe=X();X({level:Me?Me.level:0});var W=qe,We=Object.create,Pe=Object.defineProperty,Ve=Object.getOwnPropertyDescriptor,Re=Object.getOwnPropertyNames,He=Object.getPrototypeOf,Ke=Object.prototype.hasOwnProperty,F=(e,t)=>function(){return t||(0,e[Re(e)[0]])((t={exports:{}}).exports,t),t.exports},Je=(e,t,n,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let c of Re(t))!Ke.call(e,c)&&c!==n&&Pe(e,c,{get:()=>t[c],enumerable:!(i=Ve(t,c))||i.enumerable});return e},Xe=(e,t,n)=>(n=e!=null?We(He(e)):{},Je(Pe(n,"default",{value:e,enumerable:!0}),e)),Ne=F({"node_modules/pretty-format/node_modules/ansi-styles/index.js"(e,t){var n=10,i=(p=0)=>u=>`\x1B[${38+p};5;${u}m`,c=(p=0)=>(u,y,o)=>`\x1B[${38+p};2;${u};${y};${o}m`;function _(){let p=new Map,u={modifier:{reset:[0,0],bold:[1,22],dim:[2,22],italic:[3,23],underline:[4,24],overline:[53,55],inverse:[7,27],hidden:[8,28],strikethrough:[9,29]},color:{black:[30,39],red:[31,39],green:[32,39],yellow:[33,39],blue:[34,39],magenta:[35,39],cyan:[36,39],white:[37,39],blackBright:[90,39],redBright:[91,39],greenBright:[92,39],yellowBright:[93,39],blueBright:[94,39],magentaBright:[95,39],cyanBright:[96,39],whiteBright:[97,39]},bgColor:{bgBlack:[40,49],bgRed:[41,49],bgGreen:[42,49],bgYellow:[43,49],bgBlue:[44,49],bgMagenta:[45,49],bgCyan:[46,49],bgWhite:[47,49],bgBlackBright:[100,49],bgRedBright:[101,49],bgGreenBright:[102,49],bgYellowBright:[103,49],bgBlueBright:[104,49],bgMagentaBright:[105,49],bgCyanBright:[106,49],bgWhiteBright:[107,49]}};u.color.gray=u.color.blackBright,u.bgColor.bgGray=u.bgColor.bgBlackBright,u.color.grey=u.color.blackBright,u.bgColor.bgGrey=u.bgColor.bgBlackBright;for(let[y,o]of Object.entries(u)){for(let[m,s]of Object.entries(o))u[m]={open:`\x1B[${s[0]}m`,close:`\x1B[${s[1]}m`},o[m]=u[m],p.set(s[0],s[1]);Object.defineProperty(u,y,{value:o,enumerable:!1})}return Object.defineProperty(u,"codes",{value:p,enumerable:!1}),u.color.close="\x1B[39m",u.bgColor.close="\x1B[49m",u.color.ansi256=i(),u.color.ansi16m=c(),u.bgColor.ansi256=i(n),u.bgColor.ansi16m=c(n),Object.defineProperties(u,{rgbToAnsi256:{value:(y,o,m)=>y===o&&o===m?y<8?16:y>248?231:Math.round((y-8)/247*24)+232:16+36*Math.round(y/255*5)+6*Math.round(o/255*5)+Math.round(m/255*5),enumerable:!1},hexToRgb:{value:y=>{let o=/(?<colorString>[a-f\d]{6}|[a-f\d]{3})/i.exec(y.toString(16));if(!o)return[0,0,0];let{colorString:m}=o.groups;m.length===3&&(m=m.split("").map(l=>l+l).join(""));let s=Number.parseInt(m,16);return[s>>16&255,s>>8&255,s&255]},enumerable:!1},hexToAnsi256:{value:y=>u.rgbToAnsi256(...u.hexToRgb(y)),enumerable:!1}}),u}Object.defineProperty(t,"exports",{enumerable:!0,get:_})}}),oe=F({"node_modules/pretty-format/build/collections.js"(e){Object.defineProperty(e,"__esModule",{value:!0}),e.printIteratorEntries=n,e.printIteratorValues=i,e.printListItems=c,e.printObjectProperties=_;var t=(p,u)=>{let y=Object.keys(p).sort(u);return Object.getOwnPropertySymbols&&Object.getOwnPropertySymbols(p).forEach(o=>{Object.getOwnPropertyDescriptor(p,o).enumerable&&y.push(o)}),y};function n(p,u,y,o,m,s,l=": "){let a="",d=0,g=p.next();if(!g.done){a+=u.spacingOuter;let E=y+u.indent;for(;!g.done;){if(a+=E,d++===u.maxWidth){a+="…";break}let O=s(g.value[0],u,E,o,m),A=s(g.value[1],u,E,o,m);a+=O+l+A,g=p.next(),g.done?u.min||(a+=","):a+=`,${u.spacingInner}`}a+=u.spacingOuter+y}return a}function i(p,u,y,o,m,s){let l="",a=0,d=p.next();if(!d.done){l+=u.spacingOuter;let g=y+u.indent;for(;!d.done;){if(l+=g,a++===u.maxWidth){l+="…";break}l+=s(d.value,u,g,o,m),d=p.next(),d.done?u.min||(l+=","):l+=`,${u.spacingInner}`}l+=u.spacingOuter+y}return l}function c(p,u,y,o,m,s){let l="";if(p.length){l+=u.spacingOuter;let a=y+u.indent;for(let d=0;d<p.length;d++){if(l+=a,d===u.maxWidth){l+="…";break}d in p&&(l+=s(p[d],u,a,o,m)),d<p.length-1?l+=`,${u.spacingInner}`:u.min||(l+=",")}l+=u.spacingOuter+y}return l}function _(p,u,y,o,m,s){let l="",a=t(p,u.compareKeys);if(a.length){l+=u.spacingOuter;let d=y+u.indent;for(let g=0;g<a.length;g++){let E=a[g],O=s(E,u,d,o,m),A=s(p[E],u,d,o,m);l+=`${d+O}: ${A}`,g<a.length-1?l+=`,${u.spacingInner}`:u.min||(l+=",")}l+=u.spacingOuter+y}return l}}}),Ze=F({"node_modules/pretty-format/build/plugins/AsymmetricMatcher.js"(e){Object.defineProperty(e,"__esModule",{value:!0}),e.test=e.serialize=e.default=void 0;var t=oe(),n=globalThis["jest-symbol-do-not-touch"]||globalThis.Symbol,i=typeof n=="function"&&n.for?n.for("jest.asymmetricMatcher"):1267621,c=" ",_=(o,m,s,l,a,d)=>{let g=o.toString();if(g==="ArrayContaining"||g==="ArrayNotContaining")return++l>m.maxDepth?`[${g}]`:`${g+c}[${(0,t.printListItems)(o.sample,m,s,l,a,d)}]`;if(g==="ObjectContaining"||g==="ObjectNotContaining")return++l>m.maxDepth?`[${g}]`:`${g+c}{${(0,t.printObjectProperties)(o.sample,m,s,l,a,d)}}`;if(g==="StringMatching"||g==="StringNotMatching"||g==="StringContaining"||g==="StringNotContaining")return g+c+d(o.sample,m,s,l,a);if(typeof o.toAsymmetricMatcher!="fu Line truncated
`)!==-1&&(j=s.spacingOuter+E+j+s.spacingOuter+l),j=`{${j}}`),`${s.spacingInner+l+O.prop.open+A+O.prop.close}=${O.value.open}${j}${O.value.close}`}).join("")};e.printProps=i;var c=(o,m,s,l,a,d)=>o.map(g=>m.spacingOuter+s+(typeof g=="string"?_(g,m):d(g,m,s,l,a))).join("");e.printChildren=c;var _=(o,m)=>{let s=m.colors.content;return s.open+(0,t.default)(o)+s.close};e.printText=_;var p=(o,m)=>{let s=m.colors.comment;return`${s.open}<!--${(0,t.default)(o)}-->${s.close}`};e.printComment=p;var u=(o,m,s,l,a)=>{let d=l.colors.tag;return`${d.open}<${o}${m&&d.close+m+l.spacingOuter+a+d.open}${s?`>${d.close}${s}${l.spacingOuter}${a}${d.open}</${o}`:`${m&&!l.min?"":" "}/`}>${d.close}`};e.printElement=u;var y=(o,m)=>{let s=m.colors.tag;return`${s.open}<${o}${s.close} …${s.open} />${s.close}`};e.printElementAsLeaf=y}}),nt=F({"node_modules/pretty-format/build/plugins/DOMElement.js"(e){Object.defineProperty(e,"__esModule",{value:!0}),e.test=e.serialize=e.default=void 0;var t=ge(),n=1,i=3,c=8,_=11,p=/^((HTML|SVG)\w*)?Element$/,u=E=>{try{return typeof E.hasAttribute=="function"&&E.hasAttribute("is")}catch{return!1}},y=E=>{let O=E.constructor.name,{nodeType:A,tagName:I}=E,j=typeof I=="string"&&I.includes("-")||u(E);return A===n&&(p.test(O)||j)||A===i&&O==="Text"||A===c&&O==="Comment"||A===_&&O==="DocumentFragment"},o=E=>{var O;return(E==null||(O=E.constructor)===null||O===void 0?void 0:O.name)&&y(E)};e.test=o;function m(E){return E.nodeType===i}function s(E){return E.nodeType===c}function l(E){return E.nodeType===_}var a=(E,O,A,I,j,G)=>{if(m(E))return(0,t.printText)(E.data,O);if(s(E))return(0,t.printComment)(E.data,O);let B=l(E)?"DocumentFragment":E.tagName.toLowerCase();return++I>O.maxDepth?(0,t.printElementAsLeaf)(B,O):(0,t.printElement)(B,(0,t.printProps)(l(E)?[]:Array.from(E.attributes).map(Y=>Y.name).sort(),l(E)?{}:Array.from(E.attributes).reduce((Y,h)=>(Y[h.name]=h.value,Y),{}),O,A+O.indent,I,j,G),(0,t.printChildren)(Array.prototype.slice.call(E.childNodes||E.children),O,A+O.indent,I,j,G),O,A)};e.serialize=a;var d={serialize:a,test:o},g=d;e.default=g}}),lt=F({"node_modules/pretty-format/build/plugins/Immutable.js"(e){Object.defineProperty(e,"__esModule",{value:!0}),e.test=e.serialize=e.default=void 0;var t=oe(),n="@@__IMMUTABLE_ITERABLE__@@",i="@@__IMMUTABLE_LIST__@@",c="@@__IMMUTABLE_KEYED__@@",_="@@__IMMUTABLE_MAP__@@",p="@@__IMMUTABLE_ORDERED__@@",u="@@__IMMUTABLE_RECORD__@@",y="@@__IMMUTABLE_SEQ__@@",o="@@__IMMUTABLE_SET__@@",m="@@__IMMUTABLE_STACK__@@",s=h=>`Immutable.${h}`,l=h=>`[${h}]`,a=" ",d="…",g=(h,$,R,C,L,w,D)=>++C>$.maxDepth?l(s(D)):`${s(D)+a}{${(0,t.printIteratorEntries)(h.entries(),$,R,C,L,w)}}`;function E(h){let $=0;return{next(){if($<h._keys.length){let R=h._keys[$++];return{done:!1,value:[R,h.get(R)]}}return{done:!0,value:void 0}}}}var O=(h,$,R,C,L,w)=>{let D=s(h._name||"Record");return++C>$.maxDepth?l(D):`${D+a}{${(0,t.printIteratorEntries)(E(h),$,R,C,L,w)}}`},A=(h,$,R,C,L,w)=>{let D=s("Seq");return++C>$.maxDepth?l(D):h[c]?`${D+a}{${h._iter||h._object?(0,t.printIteratorEntries)(h.entries(),$,R,C,L,w):d}}`:`${D+a}[${h._iter||h._array||h._collection||h._iterable?(0,t.printIteratorValues)(h.values(),$,R,C,L,w):d}]`},I=(h,$,R,C,L,w,D)=>++C>$.maxDepth?l(s(D)):`${s(D)+a}[${(0,t.printIteratorValues)(h.values(),$,R,C,L,w)}]`,j=(h,$,R,C,L,w)=>h[_]?g(h,$,R,C,L,w,h[p]?"OrderedMap":"Map"):h[i]?I(h,$,R,C,L,w,"List"):h[o]?I(h,$,R,C,L,w,h[p]?"OrderedSet":"Set"):h[m]?I(h,$,R,C,L,w,"Stack"):h[y]?A(h,$,R,C,L,w):O(h,$,R,C,L,w);e.serialize=j;var G=h=>h&&(h[n]===!0||h[u]===!0);e.test=G;var B={serialize:j,test:G},Y=B;e.default=Y}}),at=F({"node_modules/react-is/cjs/react-is.development.js"(e){(function(){var t=Symbol.for("react.element"),n=Symbol.for("react.portal"),i=Symbol.for("react.fragment"),c=Symbol.for("react.strict_mode"),_=Symbol.for("react.profiler"),p=Symbol.for("react.provider"),u=Symbol.for("react.context"),y=Symbol.for("react.server_context"),o=Symbol.for("react.forward_ref"),m=Symbol.for("react.suspense"),s=Symbol.for("react.suspense_list"),l=Symbol.for("react.memo"),a=Symbol.for("react.lazy"),d=Symbol.for("react.offscreen"),g=!1,E=!1,O=!1,A=!1,I=!1,j;j=Symbol.for("react.module.reference");function G(f){return!!(typeof f=="string"||typeof f=="function"||f===i||f===_||I||f===c||f===m||f===s||A||f===d||g||E||O||typeof f=="object"&&f!==null&&(f.$$typeof===a||f.$$typeof===l||f.$$typeof===p||f.$$typeof===u||f.$$typeof===o||f.$$typeof===j||f.getModuleId!==void 0))}function B(f){if(typeof f=="object"&&f!==null){var N=f.$$typeof;switch(N){case t:var v=f.type;switch(v){case i:case _:case c:case m:case s:return v;default:var U=v&&v.$$typeof;switch(U){case y:case u:case o:case a:case l:case p:return U;default:return N}}case n:return N}}}var Y=u,h=p,$=t,R=o,C=i,L=a,w=l,D=n,z=_,K=c,Z=m,k=s,Q=!1,ee=!1;function ue(f){return Q||(Q=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")),!1}function te(f){return ee||(ee=!0,console.warn("The ReactIs.isConcurrentMode() alia Line truncated
${U}`)},{edgeSpacing:T.spacingOuter,min:T.min,spacing:T.spacingInner},T.colors)}catch(v){throw new I(v.message,v.stack)}if(typeof N!="string")throw new Error(`pretty-format: Plugin must return type "string" but instead returned "${typeof N}".`);return N}function D(r,b){for(let T=0;T<r.length;T++)try{if(r[T].test(b))return r[T]}catch(M){throw new I(M.message,M.stack)}return null}function z(r,b,T,M,S,f){let N=D(b.plugins,r);if(N!==null)return w(N,r,b,T,M,S);let v=R(r,b.printFunctionName,b.escapeRegex,b.escapeString);return v!==null?v:C(r,b,T,M,S,f)}var K={comment:"gray",content:"reset",prop:"yellow",tag:"cyan",value:"green"},Z=Object.keys(K),k={callToJSON:!0,compareKeys:void 0,escapeRegex:!1,escapeString:!0,highlight:!1,indent:2,maxDepth:1/0,maxWidth:1/0,min:!1,plugins:[],printBasicPrototype:!0,printFunctionName:!0,theme:K};e.DEFAULT_OPTIONS=k;function Q(r){if(Object.keys(r).forEach(b=>{if(!Object.prototype.hasOwnProperty.call(k,b))throw new Error(`pretty-format: Unknown option "${b}".`)}),r.min&&r.indent!==void 0&&r.indent!==0)throw new Error('pretty-format: Options "min" and "indent" cannot be used together.');if(r.theme!==void 0){if(r.theme===null)throw new Error('pretty-format: Option "theme" must not be null.');if(typeof r.theme!="object")throw new Error(`pretty-format: Option "theme" must be of type "object" but instead received "${typeof r.theme}".`)}}var ee=r=>Z.reduce((b,T)=>{let M=r.theme&&r.theme[T]!==void 0?r.theme[T]:K[T],S=M&&t.default[M];if(S&&typeof S.close=="string"&&typeof S.open=="string")b[T]=S;else throw new Error(`pretty-format: Option "theme" has a key "${T}" whose value "${M}" is undefined in ansi-styles.`);return b},Object.create(null)),ue=()=>Z.reduce((r,b)=>(r[b]={close:"",open:""},r),Object.create(null)),te=r=>{var b;return(b=r?.printFunctionName)!==null&&b!==void 0?b:k.printFunctionName},re=r=>{var b;return(b=r?.escapeRegex)!==null&&b!==void 0?b:k.escapeRegex},ne=r=>{var b;return(b=r?.escapeString)!==null&&b!==void 0?b:k.escapeString},le=r=>{var b,T,M,S,f,N,v;return{callToJSON:(b=r?.callToJSON)!==null&&b!==void 0?b:k.callToJSON,colors:r!=null&&r.highlight?ee(r):ue(),compareKeys:typeof r?.compareKeys=="function"?r.compareKeys:k.compareKeys,escapeRegex:re(r),escapeString:ne(r),indent:r!=null&&r.min?"":se((T=r?.indent)!==null&&T!==void 0?T:k.indent),maxDepth:(M=r?.maxDepth)!==null&&M!==void 0?M:k.maxDepth,maxWidth:(S=r?.maxWidth)!==null&&S!==void 0?S:k.maxWidth,min:(f=r?.min)!==null&&f!==void 0?f:k.min,plugins:(N=r?.plugins)!==null&&N!==void 0?N:k.plugins,printBasicPrototype:(v=r?.printBasicPrototype)!==null&&v!==void 0?v:!0,printFunctionName:te(r),spacingInner:r!=null&&r.min?" ":`
`,spacingOuter:r!=null&&r.min?"":`
`}};function se(r){return new Array(r+1).join(" ")}function ae(r,b){if(b&&(Q(b),b.plugins)){let M=D(b.plugins,r);if(M!==null)return w(M,r,le(b),"",0,[])}let T=R(r,te(b),re(b),ne(b));return T!==null?T:C(r,le(b),"",0,[])}var ce={AsymmetricMatcher:i.default,ConvertAnsi:c.default,DOMCollection:_.default,DOMElement:p.default,Immutable:u.default,ReactElement:y.default,ReactTestComponent:o.default};e.plugins=ce;var me=ae;e.default=me}}),be=Xe(st()),{AsymmetricMatcher:ct,DOMCollection:mt,DOMElement:dt,Immutable:ft,ReactElement:pt,ReactTestComponent:bt}=be.plugins,$e=[bt,pt,dt,mt,ft,ct],q=W.dim,Ce=W.green,ve=W.red,yt="·";function ye(e,t=10,n=10){let i=1e4,c;try{c=(0,be.format)(e,{maxDepth:t,maxWidth:n,min:!0,plugins:$e})}catch{c=(0,be.format)(e,{callToJSON:!1,maxDepth:t,maxWidth:n,min:!0,plugins:$e})}return c.length>=i&&t>1?ye(e,Math.floor(t/2),n):c.length>=i&&n>1?ye(e,t,Math.floor(n/2)):c}function gt(e){return e.replace(/\s+$/gm,t=>yt.repeat(t.length))}function _t(e){return ve(gt(ye(e)))}function Et(e,t="received",n="expected",i={}){let{comment:c="",expectedColor:_=Ce,isDirectExpectCall:p=!1,isNot:u=!1,promise:y="",receivedColor:o=ve,secondArgument:m="",secondArgumentColor:s=Ce}=i,l="",a="expect";return!p&&t!==""&&(l+=q(`${a}(`)+o(t),a=")"),y!==""&&(l+=q(`${a}.`)+y,a=""),u&&(l+=`${q(`${a}.`)}not`,a=""),e.includes(".")?a+=e:(l+=q(`${a}.`)+e,a=""),n===""?a+="()":(l+=q(`${a}(`)+_(n),m&&(l+=q(", ")+s(m)),a=")"),c!==""&&(a+=` // ${c}`),a!==""&&(l+=q(a)),l}function Ot(e){if(typeof e.violations>"u")throw new Error("No violations found in aXe results object");let t=ht(e.violations,e.toolOptions?e.toolOptions.impactLevels:[]);function n(p){if(p.length===0)return[];let u=`
`;return p.map(y=>y.nodes.map(o=>`Expected the HTML found at $('${o.target.join(", ")}') to have no violations:`+u+W.grey(o.html)+u+"Received:"+u+_t(`${y.help} (${y.id})`)+u+W.yellow(o.failureSummary)+u+(y.helpUrl?`You can find more information on this issue here:
${W.blue(y.helpUrl)}`:"")).join(u)).join(u+"────────"+u)}let i=n(t),c=i.length===0;function _(){if(!c)return Et(".toHaveNoViolations")+`
${i}`}return{actual:t,message:_,pass:c}}function ht(e,t){return t&&t.length>0?e.filter(n=>t.includes(n.impact)):e}export{Ot as toHaveNoViolations};
+1
View File
@@ -0,0 +1 @@
const p="modulepreload",v=function(l){return"/CommunityRuleStorybook/"+l},u={},E=function(d,c,y){let i=Promise.resolve();if(c&&c.length>0){let m=function(e){return Promise.all(e.map(o=>Promise.resolve(o).then(s=>({status:"fulfilled",value:s}),s=>({status:"rejected",reason:s}))))};document.getElementsByTagName("link");const r=document.querySelector("meta[property=csp-nonce]"),t=r?.nonce||r?.getAttribute("nonce");i=m(c.map(e=>{if(e=v(e),e in u)return;u[e]=!0;const o=e.endsWith(".css"),s=o?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${e}"]${s}`))return;const n=document.createElement("link");if(n.rel=o?"stylesheet":p,o||(n.as="script"),n.crossOrigin="",n.href=e,t&&n.setAttribute("nonce",t),document.head.appendChild(n),o)return new Promise((f,h)=>{n.addEventListener("load",f),n.addEventListener("error",()=>h(new Error(`Unable to preload CSS for ${e}`)))})}))}function a(r){const t=new Event("vite:preloadError",{cancelable:!0});if(t.payload=r,window.dispatchEvent(t),!t.defaultPrevented)throw r}return i.then(r=>{for(const t of r||[])t.status==="rejected"&&a(t.reason);return d().catch(a)})};export{E as _};
+25
View File
@@ -0,0 +1,25 @@
import{c as bd,a as gd,r as $c}from"./iframe-D_aMTKb2.js";import"./preload-helper-DIZFD4sK.js";var Jc={exports:{}},ce={},wc={exports:{}},Wc={};/**
* @license React
* scheduler.production.js
*
* Copyright (c) Meta Platforms, Inc. and affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/var rv;function zd(){return rv||(rv=1,function(o){function fl(g,A){var N=g.length;g.push(A);l:for(;0<N;){var p=N-1>>>1,J=g[p];if(0<fa(J,A))g[p]=A,g[N]=J,N=p;else break l}}function K(g){return g.length===0?null:g[0]}function S(g){if(g.length===0)return null;var A=g[0],N=g.pop();if(N!==A){g[0]=N;l:for(var p=0,J=g.length,bl=J>>>1;p<bl;){var W=2*(p+1)-1,Z=g[W],cl=W+1,aa=g[cl];if(0>fa(Z,N))cl<J&&0>fa(aa,Z)?(g[p]=aa,g[cl]=N,p=cl):(g[p]=Z,g[W]=N,p=W);else if(cl<J&&0>fa(aa,N))g[p]=aa,g[cl]=N,p=cl;else break l}}return A}function fa(g,A){var N=g.sortIndex-A.sortIndex;return N!==0?N:g.id-A.id}if(o.unstable_now=void 0,typeof performance=="object"&&typeof performance.now=="function"){var ca=performance;o.unstable_now=function(){return ca.now()}}else{var nt=Date,ie=nt.now();o.unstable_now=function(){return nt.now()-ie}}var Jl=[],wl=[],C=1,Tl=null,ll=3,ia=!1,Yl=!1,Oa=!1,Pa=!1,ve=typeof setTimeout=="function"?setTimeout:null,ft=typeof clearTimeout=="function"?clearTimeout:null,Gl=typeof setImmediate<"u"?setImmediate:null;function Ua(g){for(var A=K(wl);A!==null;){if(A.callback===null)S(wl);else if(A.startTime<=g)S(wl),A.sortIndex=A.expirationTime,fl(Jl,A);else break;A=K(wl)}}function lu(g){if(Oa=!1,Ua(g),!Yl)if(K(Jl)!==null)Yl=!0,la||(la=!0,Xl());else{var A=K(wl);A!==null&&ya(lu,A.startTime-g)}}var la=!1,va=-1,Wl=5,ct=-1;function ye(){return Pa?!0:!(o.unstable_now()-ct<Wl)}function Au(){if(Pa=!1,la){var g=o.unstable_now();ct=g;var A=!0;try{l:{Yl=!1,Oa&&(Oa=!1,ft(va),va=-1),ia=!0;var N=ll;try{a:{for(Ua(g),Tl=K(Jl);Tl!==null&&!(Tl.expirationTime>g&&ye());){var p=Tl.callback;if(typeof p=="function"){Tl.callback=null,ll=Tl.priorityLevel;var J=p(Tl.expirationTime<=g);if(g=o.unstable_now(),typeof J=="function"){Tl.callback=J,Ua(g),A=!0;break a}Tl===K(Jl)&&S(Jl),Ua(g)}else S(Jl);Tl=K(Jl)}if(Tl!==null)A=!0;else{var bl=K(wl);bl!==null&&ya(lu,bl.startTime-g),A=!1}}break l}finally{Tl=null,ll=N,ia=!1}A=void 0}}finally{A?Xl():la=!1}}}var Xl;if(typeof Gl=="function")Xl=function(){Gl(Au)};else if(typeof MessageChannel<"u"){var he=new MessageChannel,it=he.port2;he.port1.onmessage=Au,Xl=function(){it.postMessage(null)}}else Xl=function(){ve(Au,0)};function ya(g,A){va=ve(function(){g(o.unstable_now())},A)}o.unstable_IdlePriority=5,o.unstable_ImmediatePriority=1,o.unstable_LowPriority=4,o.unstable_NormalPriority=3,o.unstable_Profiling=null,o.unstable_UserBlockingPriority=2,o.unstable_cancelCallback=function(g){g.callback=null},o.unstable_forceFrameRate=function(g){0>g||125<g?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):Wl=0<g?Math.floor(1e3/g):5},o.unstable_getCurrentPriorityLevel=function(){return ll},o.unstable_next=function(g){switch(ll){case 1:case 2:case 3:var A=3;break;default:A=ll}var N=ll;ll=A;try{return g()}finally{ll=N}},o.unstable_requestPaint=function(){Pa=!0},o.unstable_runWithPriority=function(g,A){switch(g){case 1:case 2:case 3:case 4:case 5:break;default:g=3}var N=ll;ll=g;try{return A()}finally{ll=N}},o.unstable_scheduleCallback=function(g,A,N){var p=o.unstable_now();switch(typeof N=="object"&&N!==null?(N=N.delay,N=typeof N=="number"&&0<N?p+N:p):N=p,g){case 1:var J=-1;break;case 2:J=250;break;case 5:J=1073741823;break;case 4:J=1e4;break;default:J=5e3}return J=N+J,g={id:C++,callback:A,priorityLevel:g,startTime:N,expirationTime:J,sortIndex:-1},N>p?(g.sortIndex=N,fl(wl,g),K(Jl)===null&&g===K(wl)&&(Oa?(ft(va),va=-1):Oa=!0,ya(lu,N-p))):(g.sortIndex=J,fl(Jl,g),Yl||ia||(Yl=!0,la||(la=!0,Xl()))),g},o.unstable_shouldYield=ye,o.unstable_wrapCallback=function(g){var A=ll;return function(){var N=ll;ll=A;try{return g.apply(this,arguments)}finally{ll=N}}}}(Wc)),Wc}var pv;function Td(){return pv||(pv=1,wc.exports=zd()),wc.exports}/**
* @license React
* react-dom-client.production.js
*
* Copyright (c) Meta Platforms, Inc. and affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/var Jv;function Ad(){if(Jv)return ce;Jv=1;var o=Td(),fl=bd(),K=gd();function S(l){var a="https://react.dev/errors/"+l;if(1<arguments.length){a+="?args[]="+encodeURIComponent(arguments[1]);for(var u=2;u<arguments.length;u++)a+="&args[]="+encodeURIComponent(arguments[u])}return"Minified React error #"+l+"; visit "+a+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}function fa(l){return!(!l||l.nodeType!==1&&l.nodeType!==9&&l.nodeType!==11)}function ca(l){var a=l,u=l;if(l.alternate)for(;a.return;)a=a.return;else{l=a;do a=l,(a.flags&4098)!==0&&(u=a.return),l=a.return;while(l)}return a.tag===3?u:null}function nt(l){if(l.tag===13){var a=l.memoizedState;if(a===null&&(l=l.alternate,l!==null&&(a=l.memoizedState)),a!==null)return a.dehydrated}return null}function ie(l){if(ca(l)!==l)throw Error(S(188))}function Jl(l){var a=l.alternate;if(!a){if(a=ca(l),a===null)throw Error(S(188));return a!==l?null:l}for(var u=l,t=a;;){var e=u.return;if(e===null)break;var n=e.alternate;if(n===null){if(t=e.return,t!==null){u=t;continue}break}if(e.child===n.child){for(n=e.child;n;){if(n===u)return ie(e),l;if(n===t)return ie(e),a;n=n.sibling}throw Error(S(188))}if(u.return!==t.return)u=e,t=n;else{for(var f=!1,c=e.child;c;){if(c===u){f=!0,u=e,t=n;break}if(c===t){f=!0,t=e,u=n;break}c=c.sibling}if(!f){for(c=n.child;c;){if(c===u){f=!0,u=n,t=e;break}if(c===t){f=!0,t=n,u=e;break}c=c.sibling}if(!f)throw Error(S(189))}}if(u.alternate!==t)throw Error(S(190))}if(u.tag!==3)throw Error(S(188));return u.stateNode.current===u?l:a}function wl(l){var a=l.tag;if(a===5||a===26||a===27||a===6)return l;for(l=l.child;l!==null;){if(a=wl(l),a!==null)return a;l=l.sibling}return null}var C=Object.assign,Tl=Symbol.for("react.element"),ll=Symbol.for("react.transitional.element"),ia=Symbol.for("react.portal"),Yl=Symbol.for("react.fragment"),Oa=Symbol.for("react.strict_mode"),Pa=Symbol.for("react.profiler"),ve=Symbol.for("react.provider"),ft=Symbol.for("react.consumer"),Gl=Symbol.for("react.context"),Ua=Symbol.for("react.forward_ref"),lu=Symbol.for("react.suspense"),la=Symbol.for("react.suspense_list"),va=Symbol.for("react.memo"),Wl=Symbol.for("react.lazy"),ct=Symbol.for("react.offscreen"),ye=Symbol.for("react.memo_cache_sentinel"),Au=Symbol.iterator;function Xl(l){return l===null||typeof l!="object"?null:(l=Au&&l[Au]||l["@@iterator"],typeof l=="function"?l:null)}var he=Symbol.for("react.client.reference");function it(l){if(l==null)return null;if(typeof l=="function")return l.$$typeof===he?null:l.displayName||l.name||null;if(typeof l=="string")return l;switch(l){case Yl:return"Fragment";case ia:return"Portal";case Pa:return"Profiler";case Oa:return"StrictMode";case lu:return"Suspense";case la:return"SuspenseList"}if(typeof l=="object")switch(l.$$typeof){case Gl:return(l.displayName||"Context")+".Provider";case ft:return(l._context.displayName||"Context")+".Consumer";case Ua:var a=l.render;return l=l.displayName,l||(l=a.displayName||a.name||"",l=l!==""?"ForwardRef("+l+")":"ForwardRef"),l;case va:return a=l.displayName||null,a!==null?a:it(l.type)||"Memo";case Wl:a=l._payload,l=l._init;try{return it(l(a))}catch{}}return null}var ya=Array.isArray,g=fl.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,A=K.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,N={pending:!1,data:null,method:null,action:null},p=[],J=-1;function bl(l){return{current:l}}function W(l){0>J||(l.current=p[J],p[J]=null,J--)}function Z(l,a){J++,p[J]=l.current,l.current=a}var cl=bl(null),aa=bl(null),Na=bl(null),de=bl(null);function se(l,a){switch(Z(Na,a),Z(aa,l),Z(cl,null),a.nodeType){case 9:case 11:l=(l=a.documentElement)&&(l=l.namespaceURI)?zv(l):0;break;default:if(l=a.tagName,a=a.namespaceURI)a=zv(a),l=Tv(a,l);else switch(l){case"svg":l=1;break;case"math":l=2;break;default:l=0}}W(cl),Z(cl,l)}function ou(){W(cl),W(aa),W(Na)}function _n(l){l.memoizedState!==null&&Z(de,l);var a=cl.current,u=Tv(a,l.type);a!==u&&(Z(aa,l),Z(cl,u))}function me(l){aa.current===l&&(W(cl),W(aa)),de.current===l&&(W(de),ue._currentValue=N)}var Rn=Object.prototype.hasOwnProperty,qn=o.unstable_scheduleCallback,Bn=o.unstable_cancelCallback,Wv=o.unstable_shouldYield,$v=o.unstable_requestPaint,ua=o.unstable_now,Fv=o.unstable_getCurrentPriorityLevel,Fc=o.unstable_ImmediatePriority,kc=o.unstable_UserBlockingPriority,Se=o.unstable_NormalPriority,kv=o.unstable_LowPriority,Ic=o.unstable_IdlePriority,Iv=o.log,Pv=o.unstable_setDisableYieldValue,vt=null,Ul=null;function Ha(l){if(typeof Iv=="function"&&Pv(l),Ul&&typeof Ul.setStrictMode=="function")try{Ul.setStrictMode(vt,l)}catch{}}var Nl=Math.clz32?Math.clz32:uy,ly=Math.log,ay=Math.LN2;function uy(l){return l>>>=0,l===0?32:31-(ly(l)/ay|0)|0}var be=256,ge=4194304;function au(l){var a=l&42;if(a!==0)return a;switch(l&-l){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:return 64;case 128:return 128;case 256:case 512:case 1024:case 2048:case 4096:Line truncated
at`)?" (<anonymous>)":-1<u.stack.indexOf("@")?"@unknown:0:0":""}return`
`+Vn+l+vi}var xn=!1;function jn(l,a){if(!l||xn)return"";xn=!0;var u=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{var t={DetermineComponentFrameRoot:function(){try{if(a){var T=function(){throw Error()};if(Object.defineProperty(T.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(T,[])}catch(m){var s=m}Reflect.construct(l,[],T)}else{try{T.call()}catch(m){s=m}l.call(T.prototype)}}else{try{throw Error()}catch(m){s=m}(T=l())&&typeof T.catch=="function"&&T.catch(function(){})}}catch(m){if(m&&s&&typeof m.stack=="string")return[m.stack,s.stack]}return[null,null]}};t.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var e=Object.getOwnPropertyDescriptor(t.DetermineComponentFrameRoot,"name");e&&e.configurable&&Object.defineProperty(t.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});var n=t.DetermineComponentFrameRoot(),f=n[0],c=n[1];if(f&&c){var i=f.split(`
`),d=c.split(`
`);for(e=t=0;t<i.length&&!i[t].includes("DetermineComponentFrameRoot");)t++;for(;e<d.length&&!d[e].includes("DetermineComponentFrameRoot");)e++;if(t===i.length||e===d.length)for(t=i.length-1,e=d.length-1;1<=t&&0<=e&&i[t]!==d[e];)e--;for(;1<=t&&0<=e;t--,e--)if(i[t]!==d[e]){if(t!==1||e!==1)do if(t--,e--,0>e||i[t]!==d[e]){var b=`
`+i[t].replace(" at new "," at ");return l.displayName&&b.includes("<anonymous>")&&(b=b.replace("<anonymous>",l.displayName)),b}while(1<=t&&0<=e);break}}}finally{xn=!1,Error.prepareStackTrace=u}return(u=l?l.displayName||l.name:"")?mt(u):""}function yy(l){switch(l.tag){case 26:case 27:case 5:return mt(l.type);case 16:return mt("Lazy");case 13:return mt("Suspense");case 19:return mt("SuspenseList");case 0:case 15:return jn(l.type,!1);case 11:return jn(l.type.render,!1);case 1:return jn(l.type,!0);default:return""}}function yi(l){try{var a="";do a+=yy(l),l=l.return;while(l);return a}catch(u){return`
Error generating stack: `+u.message+`
`+u.stack}}function Ql(l){switch(typeof l){case"bigint":case"boolean":case"number":case"string":case"undefined":return l;case"object":return l;default:return""}}function hi(l){var a=l.type;return(l=l.nodeName)&&l.toLowerCase()==="input"&&(a==="checkbox"||a==="radio")}function hy(l){var a=hi(l)?"checked":"value",u=Object.getOwnPropertyDescriptor(l.constructor.prototype,a),t=""+l[a];if(!l.hasOwnProperty(a)&&typeof u<"u"&&typeof u.get=="function"&&typeof u.set=="function"){var e=u.get,n=u.set;return Object.defineProperty(l,a,{configurable:!0,get:function(){return e.call(this)},set:function(f){t=""+f,n.call(this,f)}}),Object.defineProperty(l,a,{enumerable:u.enumerable}),{getValue:function(){return t},setValue:function(f){t=""+f},stopTracking:function(){l._valueTracker=null,delete l[a]}}}}function oe(l){l._valueTracker||(l._valueTracker=hy(l))}function di(l){if(!l)return!1;var a=l._valueTracker;if(!a)return!0;var u=a.getValue(),t="";return l&&(t=hi(l)?l.checked?"true":"false":l.value),l=t,l!==u?(a.setValue(l),!0):!1}function Ee(l){if(l=l||(typeof document<"u"?document:void 0),typeof l>"u")return null;try{return l.activeElement||l.body}catch{return l.body}}var dy=/[\n"\\]/g;function Zl(l){return l.replace(dy,function(a){return"\\"+a.charCodeAt(0).toString(16)+" "})}function Kn(l,a,u,t,e,n,f,c){l.name="",f!=null&&typeof f!="function"&&typeof f!="symbol"&&typeof f!="boolean"?l.type=f:l.removeAttribute("type"),a!=null?f==="number"?(a===0&&l.value===""||l.value!=a)&&(l.value=""+Ql(a)):l.value!==""+Ql(a)&&(l.value=""+Ql(a)):f!=="submit"&&f!=="reset"||l.removeAttribute("value"),a!=null?Cn(l,f,Ql(a)):u!=null?Cn(l,f,Ql(u)):t!=null&&l.removeAttribute("value"),e==null&&n!=null&&(l.defaultChecked=!!n),e!=null&&(l.checked=e&&typeof e!="function"&&typeof e!="symbol"),c!=null&&typeof c!="function"&&typeof c!="symbol"&&typeof c!="boolean"?l.name=""+Ql(c):l.removeAttribute("name")}function si(l,a,u,t,e,n,f,c){if(n!=null&&typeof n!="function"&&typeof n!="symbol"&&typeof n!="boolean"&&(l.type=n),a!=null||u!=null){if(!(n!=="submit"&&n!=="reset"||a!=null))return;u=u!=null?""+Ql(u):"",a=a!=null?""+Ql(a):u,c||a===l.value||(l.value=a),l.defaultValue=a}t=t??e,t=typeof t!="function"&&typeof t!="symbol"&&!!t,l.checked=c?l.checked:!!t,l.defaultChecked=!!t,f!=null&&typeof f!="function"&&typeof f!="symbol"&&typeof f!="boolean"&&(l.name=f)}function Cn(l,a,u){a==="number"&&Ee(l.ownerDocument)===l||l.defaultValue===""+u||(l.defaultValue=""+u)}function Nu(l,a,u,t){if(l=l.options,a){a={};for(var e=0;e<u.length;e++)a["$"+u[e]]=!0;for(u=0;u<l.length;u++)e=a.hasOwnProperty("$"+l[u].value),l[u].selected!==e&&(l[u].selected=e),e&&t&&(l[u].defaultSelected=!0)}else{for(u=""+Ql(u),a=null,e=0;e<l.length;e++){if(l[e].value===u){l[e].selected=!0,t&&(l[e].defaultSelected=!0);return}a!==null||l[e].disabled||(a=l[e])}a!==null&&(a.selected=!0)}}function mi(l,a,u){if(a!=null&&(a=""+Ql(a),a!==l.value&&(l.value=a),u==null)){l.defaultValue!==a&&(l.defaultValue=a);return}l.defaultValue=u!=null?""+Ql(u):""}function Si(l,a,u,t){if(a==null){if(t!=null){if(u!=null)throw Error(S(92));if(ya(t)){if(1<t.length)throw Error(S(93));t=t[0]}u=t}u==null&&(u=""),a=u}u=Ql(a),l.defaultValue=u,t=l.textContent,t===u&&t!==""&&t!==null&&(l.value=t)}function Hu(l,a){if(a){var u=l.firstChild;if(u&&u===l.lastChild&&u.nodeType===3){u.nodeValue=a;return}}l.textContent=a}var sy=new Set("animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth boxFlex boxFlexGroup boxOrdinalGroup columnCount columns flex flexGrow flexPositive flexShrink flexNegative flexOrder gridArea gridRow gridRowEnd gridRowSpan gridRowStart gridColumn gridColumnEnd gridColumnSpan gridColumnStart fontWeight lineClamp lineHeight opacity order orphans scale tabSize widows zIndex zoom fillOpacity floodOpacity stopOpacity strokeDasharray strokeDashoffset strokeMiterlimit strokeOpacity strokeWidth MozAnimationIterationCount MozBoxFlex MozBoxFlexGroup MozLineClamp msAnimationIterationCount msFlex msZoom msFlexGrow msFlexNegative msFlexOrder msFlexPositive msFlexShrink msGridColumn msGridColumnSpan msGridRow msGridRowSpan WebkitAnimationIterationCount WebkitBoxFlex WebKitBoxFlexGroup WebkitBoxOrdinalGroup WebkitColumnCount WebkitColumns WebkitFlex WebkitFlexGrow WebkitFlexPositive WebkitFlexShrink WebkitLineClamp".split(" "));function bi(l,a,u){var t=a.indexOf("--")===0;u==null||typeof u=="boolean"||u===""?t?l.setProperty(a,""):a==="float"?l.cssFloat="":l[a]="":t?l.setProperty(a,u):typeof u!="number"||u===0||sy.has(a)?a==="float"?l.cssFloat=u:l[a]=(""+u).trim():l[a]=u+"px"}function gi(l,a,u){if(a!=null&&typeof a!="object")throw Error(S(62));if(l=l.style,u!=null){for(var t in u)!u.hasOwnProperty(t)||a!=null&&a.hasOwnProperty(t)||(t.indexOf("--")===0?l.setProperty(t,""):t==="float"?l.cssFloat="":l[t]="");for(var e in a)t=a[e],a.hasOwnProperty(e)&&u[e]!==t&&bi(l,e,t)}else for(var n in a)a.hasOwnProperty(n)&&bi(l,n,a[n])}function Ln(l){if(l.indexOf("-")===-1)return!1;switch(l){case"annotation-xml":case" Line truncated
`).replace(Vh,"")}function gv(l,a){return a=bv(a),bv(l)===a}function mn(){}function x(l,a,u,t,e,n){switch(u){case"children":typeof t=="string"?a==="body"||a==="textarea"&&t===""||Hu(l,t):(typeof t=="number"||typeof t=="bigint")&&a!=="body"&&Hu(l,""+t);break;case"className":Ae(l,"class",t);break;case"tabIndex":Ae(l,"tabindex",t);break;case"dir":case"role":case"viewBox":case"width":case"height":Ae(l,u,t);break;case"style":gi(l,t,n);break;case"data":if(a!=="object"){Ae(l,"data",t);break}case"src":case"href":if(t===""&&(a!=="a"||u!=="href")){l.removeAttribute(u);break}if(t==null||typeof t=="function"||typeof t=="symbol"||typeof t=="boolean"){l.removeAttribute(u);break}t=Me(""+t),l.setAttribute(u,t);break;case"action":case"formAction":if(typeof t=="function"){l.setAttribute(u,"javascript:throw new Error('A React form was unexpectedly submitted. If you called form.submit() manually, consider using form.requestSubmit() instead. If you\\'re trying to use event.stopPropagation() in a submit event handler, consider also calling event.preventDefault().')");break}else typeof n=="function"&&(u==="formAction"?(a!=="input"&&x(l,a,"name",e.name,e,null),x(l,a,"formEncType",e.formEncType,e,null),x(l,a,"formMethod",e.formMethod,e,null),x(l,a,"formTarget",e.formTarget,e,null)):(x(l,a,"encType",e.encType,e,null),x(l,a,"method",e.method,e,null),x(l,a,"target",e.target,e,null)));if(t==null||typeof t=="symbol"||typeof t=="boolean"){l.removeAttribute(u);break}t=Me(""+t),l.setAttribute(u,t);break;case"onClick":t!=null&&(l.onclick=mn);break;case"onScroll":t!=null&&q("scroll",l);break;case"onScrollEnd":t!=null&&q("scrollend",l);break;case"dangerouslySetInnerHTML":if(t!=null){if(typeof t!="object"||!("__html"in t))throw Error(S(61));if(u=t.__html,u!=null){if(e.children!=null)throw Error(S(60));l.innerHTML=u}}break;case"multiple":l.multiple=t&&typeof t!="function"&&typeof t!="symbol";break;case"muted":l.muted=t&&typeof t!="function"&&typeof t!="symbol";break;case"suppressContentEditableWarning":case"suppressHydrationWarning":case"defaultValue":case"defaultChecked":case"innerHTML":case"ref":break;case"autoFocus":break;case"xlinkHref":if(t==null||typeof t=="function"||typeof t=="boolean"||typeof t=="symbol"){l.removeAttribute("xlink:href");break}u=Me(""+t),l.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",u);break;case"contentEditable":case"spellCheck":case"draggable":case"value":case"autoReverse":case"externalResourcesRequired":case"focusable":case"preserveAlpha":t!=null&&typeof t!="function"&&typeof t!="symbol"?l.setAttribute(u,""+t):l.removeAttribute(u);break;case"inert":case"allowFullScreen":case"async":case"autoPlay":case"controls":case"default":case"defer":case"disabled":case"disablePictureInPicture":case"disableRemotePlayback":case"formNoValidate":case"hidden":case"loop":case"noModule":case"noValidate":case"open":case"playsInline":case"readOnly":case"required":case"reversed":case"scoped":case"seamless":case"itemScope":t&&typeof t!="function"&&typeof t!="symbol"?l.setAttribute(u,""):l.removeAttribute(u);break;case"capture":case"download":t===!0?l.setAttribute(u,""):t!==!1&&t!=null&&typeof t!="function"&&typeof t!="symbol"?l.setAttribute(u,t):l.removeAttribute(u);break;case"cols":case"rows":case"size":case"span":t!=null&&typeof t!="function"&&typeof t!="symbol"&&!isNaN(t)&&1<=t?l.setAttribute(u,t):l.removeAttribute(u);break;case"rowSpan":case"start":t==null||typeof t=="function"||typeof t=="symbol"||isNaN(t)?l.removeAttribute(u):l.setAttribute(u,t);break;case"popover":q("beforetoggle",l),q("toggle",l),Te(l,"popover",t);break;case"xlinkActuate":ha(l,"http://www.w3.org/1999/xlink","xlink:actuate",t);break;case"xlinkArcrole":ha(l,"http://www.w3.org/1999/xlink","xlink:arcrole",t);break;case"xlinkRole":ha(l,"http://www.w3.org/1999/xlink","xlink:role",t);break;case"xlinkShow":ha(l,"http://www.w3.org/1999/xlink","xlink:show",t);break;case"xlinkTitle":ha(l,"http://www.w3.org/1999/xlink","xlink:title",t);break;case"xlinkType":ha(l,"http://www.w3.org/1999/xlink","xlink:type",t);break;case"xmlBase":ha(l,"http://www.w3.org/XML/1998/namespace","xml:base",t);break;case"xmlLang":ha(l,"http://www.w3.org/XML/1998/namespace","xml:lang",t);break;case"xmlSpace":ha(l,"http://www.w3.org/XML/1998/namespace","xml:space",t);break;case"is":Te(l,"is",t);break;case"innerText":case"textContent":break;default:(!(2<u.length)||u[0]!=="o"&&u[0]!=="O"||u[1]!=="n"&&u[1]!=="N")&&(u=my.get(u)||u,Te(l,u,t))}}function _c(l,a,u,t,e,n){switch(u){case"style":gi(l,t,n);break;case"dangerouslySetInnerHTML":if(t!=null){if(typeof t!="object"||!("__html"in t))throw Error(S(61));if(u=t.__html,u!=null){if(e.children!=null)throw Error(S(60));l.innerHTML=u}}break;case"children":typeof t=="string"?Hu(l,t):(typeof t=="number"||typeof t=="bigint")&&Hu(l,""+t);break;case"onScroll":t!=null&&q("scroll",l);break;case"onScrollEnd":t!=null&&q("scrollend",l);break;case"onClick":t!=null&&(l.onclick=mn);break;case"suppressContentEditableWarning":case"suppressHydrationWarning":case"inn Line truncated
+46
View File
@@ -0,0 +1,46 @@
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<defs>
<mask id="active-mask">
<rect x="0" y="0" width="32" height="32" fill="#FFF" />
<path fill="#000" fill-rule="nonzero"
d="M25,15.3 C26.8630998,15.3 28.7261995,16.2284418 29.795607,18.0853254 L29.795607,18.0853254 L34.7484772,26.6853254 C35.2679728,27.5873604 35.5068948,28.5446245 35.509009,29.4780654 C35.5112408,30.4762222 35.243212,31.4466974 34.7610935,32.2926531 C34.2789749,33.1386087 33.5826171,33.8603071 32.7267084,34.3600412 C31.9262928,34.8273748 30.9864445,35.1 29.9528702,35.1 L29.9528702,35.1 L20.0471298,35.1 C19.0135555,35.1 18.0737072,34.8273748 17.2732916,34.3600412 C16.4173829,33.8603071 15.7210251,33.1386087 15.2389065,32.2926531 C14.756788,31.4466974 14.4887592,30.4762222 14.490991,29.4780654 C14.4931052,28.5446245 14.7320272,27.5873604 15.2515228,26.6853254 L15.2515228,26.6853254 L20.204393,18.0853254 C21.2738005,16.2284418 23.1369002,15.3 25,15.3 Z"
transform="rotate(90 25 25.2)" />
</mask>
<mask id="critical-mask">
<rect x="0" y="0" width="32" height="32" fill="#FFF" />
<path fill="#000" fill-rule="nonzero"
d="M23.9,14.6 C26.7442665,14.6 29.3192665,15.7528668 31.1831998,17.6168002 C33.0471332,19.4807335 34.2,22.0557335 34.2,24.9 C34.2,27.7442665 33.0471332,30.3192665 31.1831998,32.1831998 C29.3192665,34.0471332 26.7442665,35.2 23.9,35.2 C21.0557335,35.2 18.4807335,34.0471332 16.6168002,32.1831998 C14.7528668,30.3192665 13.6,27.7442665 13.6,24.9 C13.6,22.0557335 14.7528668,19.4807335 16.6168002,17.6168002 C18.4807335,15.7528668 21.0557335,14.6 23.9,14.6 Z" />
</mask>
<mask id="negative-mask">
<rect x="0" y="0" width="32" height="32" fill="#FFF" />
<path fill="#000" fill-rule="nonzero"
d="M28.2,14.8 C29.633165,14.8 31.06633,15.346734 32.159798,16.440202 C33.2414078,17.5218119 33.7880833,18.9357904 33.8,20.353376 C33.811544,21.7725108 33.2872104,23.1952877 32.2266806,24.2917914 L32.2266806,24.2917914 L31.7206,24.8006729 L32.159798,25.240202 C33.253266,26.33367 33.8,27.766835 33.8,29.2 C33.8,30.633165 33.253266,32.06633 32.159798,33.159798 C31.0781881,34.2414078 29.6642096,34.7880833 28.246624,34.8 C26.8274892,34.811544 25.4047123,34.2872104 24.3082086,33.2266806 L24.3082086,33.2266806 L23.7993271,32.7206 L23.359798,33.159798 C22.26633,34.253266 20.833165,34.8 19.4,34.8 C17.966835,34.8 16.53367,34.253266 15.440202,33.159798 C14.3585922,32.0781881 13.8119167,30.6642096 13.8,29.246624 C13.788456,27.8274892 14.3127896,26.4047123 15.3733194,25.3082086 L15.3733194,25.3082086 L15.8794,24.7993271 L15.440202,24.359798 C14.346734,23.26633 13.8,21.833165 13.8,20.4 C13.8,18.966835 14.346734,17.53367 15.440202,16.440202 C16.5218119,15.3585922 17.9357904,14.8119167 19.353376,14.8 C20.7725108,14.788456 22.1952877,15.3127896 23.2917914,16.3733194 L23.2917914,16.3733194 L23.8006729,16.8794 L24.240202,16.440202 C25.33367,15.346734 26.766835,14.8 28.2,14.8 Z" />
</mask>
<mask id="positive-mask">
<rect x="0" y="0" width="32" height="32" fill="#FFF" />
<path fill="#000" fill-rule="nonzero"
d="M29.7294207,16.9922805 C31.1625744,16.9866282 32.5979013,17.5276612 33.6957071,18.6167741 C34.7816077,19.6940761 35.3338993,21.1058704 35.351258,22.5233982 C35.3686336,23.9423122 34.8500808,25.3669976 33.7941627,26.4676563 L33.7941627,26.4676563 L27.1794488,33.1363075 C26.0960963,34.2283069 24.675298,34.7802389 23.2508341,34.7920857 C21.8249459,34.8039445 20.3953569,34.27469 19.296927,33.2041927 L19.296927,33.2041927 L15.7761737,29.656491 C14.6870608,28.5586851 14.1460279,27.1233582 14.1516801,25.6902046 C14.1574213,24.2570509 14.7098478,22.8260705 15.8076536,21.7369576 C16.7544861,20.7976225 17.9523748,20.2659173 19.1834383,20.1411672 C20.4372495,20.0141119 21.7255226,20.3088158 22.8178242,21.0249737 L22.8178242,21.0249737 L23.1781395,21.2667759 L25.7761737,18.648254 C26.8652867,17.5504481 28.2962671,16.9980217 29.7294207,16.9922805 Z" />
</mask>
<mask id="warning-mask">
<rect x="0" y="0" width="32" height="32" fill="#FFF" />
<path fill="#000" fill-rule="nonzero"
d="M23.8,14.8 C25.6808284,14.8 27.5616567,15.7284418 28.6412402,17.5853254 L28.6412402,17.5853254 L33.6412402,26.1853254 C34.1656792,27.0873604 34.4068747,28.0446245 34.409009,28.9780654 C34.4112621,29.9762222 34.1406828,30.9466974 33.6539766,31.7926531 C33.1672704,32.6386087 32.4642862,33.3603071 31.600233,33.8600412 C30.7922009,34.3273748 29.8434094,34.6 28.8,34.6 L28.8,34.6 L18.8,34.6 C17.7565906,34.6 16.8077991,34.3273748 15.999767,33.8600412 C15.1357138,33.3603071 14.4327296,32.6386087 13.9460234,31.7926531 C13.4593172,30.9466974 13.1887379,29.9762222 13.190991,28.9780654 C13.1931253,28.0446245 13.4343208,27.0873604 13.9587598,26.1853254 L13.9587598,26.1853254 L18.9587598,17.5853254 C20.0383433,15.7284418 21.9191716,14.8 23.8,14.8 Z" />
</mask>
<polygon id="active" fill="none" stroke="#029CFD" stroke-linejoin="round" stroke-width="2.8"
points="25 21 30 29.6 20 29.6" transform="rotate(90 25 25.3)" />
<circle id="critical" fill="none" cx="23.9" cy="24.9" r="4.7" stroke="#000" stroke-linejoin="round"
stroke-width="2.8" />
<path id="negative" fill="none" stroke="#F40" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.8"
d="M19.4,20.4 L28.2,29.2 M28.2,20.4 L19.4,29.2" />
<polyline id="positive" fill="none" stroke="#66BF3C" stroke-linecap="round" stroke-linejoin="round"
stroke-width="2.8" points="19.752 25.712 23.204 29.192 29.752 22.592" />
<polygon id="warning" fill="none" stroke="#FFAE00" stroke-linejoin="round" stroke-width="2.8"
points="23.8 20.4 28.8 29 18.8 29" />
</defs>
<g id="mask">
<use id="icon" />
</g>
<use id="status" />
</svg>

After

Width:  |  Height:  |  Size: 5.7 KiB

+1
View File
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none" fill-rule="evenodd"><path fill="#FF4785" fill-rule="nonzero" d="M3.19456517,29.5523576 L2.20116517,3.08035756 C2.16820317,2.206041 2.83853396,1.46497625 3.71176517,1.41035756 L26.2285652,0.00315756388 C26.6728415,-0.0246745074 27.1088544,0.132425741 27.4332785,0.437229126 C27.7577026,0.74203251 27.9415652,1.16741027 27.9415652,1.61255756 L27.9415652,30.4585576 C27.9415652,30.8987416 27.7615266,31.3197739 27.4433606,31.6239653 C27.1251947,31.9281568 26.6965078,32.0890657 26.2567652,32.0693576 L4.73376517,31.1027576 C3.89549138,31.0651477 3.22618762,30.3908861 3.19476517,29.5523576 L3.19456517,29.5523576 Z"/><path fill="#FFF" d="M24.4581652,0.113957564 L21.3591652,0.307557564 L21.2081652,3.94195756 C21.2043927,4.0349625 21.2546048,4.1217998 21.3370927,4.16492627 C21.4195807,4.20805273 21.5195442,4.19973049 21.5937652,4.14355756 L23.0057652,3.07275756 L24.1981652,4.01215756 C24.2717133,4.07021898 24.3722957,4.08025391 24.4558654,4.03786787 C24.539435,3.99548183 24.5907604,3.90840015 24.5873652,3.81475756 L24.4581652,0.113757564 L24.4581652,0.113957564 Z M22.0463652,12.2851576 C21.4791652,12.7257576 17.2533652,13.0265576 17.2533652,12.3991576 C17.3427652,10.0053576 16.2709652,9.90035756 15.6755652,9.90035756 C15.1099652,9.90035756 14.1575652,10.0713576 14.1575652,11.3537576 C14.1575652,12.6605576 15.5495652,13.3983576 17.1835652,14.2643576 C19.5049652,15.4943576 22.3143652,16.9831576 22.3143652,20.7295576 C22.3143652,24.3201576 19.3967652,26.3037576 15.6755652,26.3037576 C11.8353652,26.3037576 8.47936517,24.7499576 8.85836517,19.3633576 C9.00716517,18.7307576 13.8895652,18.8811576 13.8895652,19.3633576 C13.8299652,21.5861576 14.3359652,22.2399576 15.6161652,22.2399576 C16.5985652,22.2399576 17.0449652,21.6983576 17.0449652,20.7865576 C17.0449652,19.4065576 15.5945652,18.5919576 13.9259652,17.6551576 C11.6665652,16.3865576 9.00716517,14.8935576 9.00716517,11.4679576 C9.00716517,8.04835756 11.3591652,5.76855756 15.5565652,5.76855756 C19.7541652,5.76855756 22.0463652,8.01335756 22.0463652,12.2853576 L22.0463652,12.2851576 Z"/></g></svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

+1
View File
@@ -0,0 +1 @@
<svg fill="none" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 13.5V5.41a1 1 0 0 0-.3-.7L9.8.29A1 1 0 0 0 9.08 0H1.5v13.5A2.5 2.5 0 0 0 4 16h8a2.5 2.5 0 0 0 2.5-2.5m-1.5 0v-7H8v-5H3v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1M9.5 5V2.12L12.38 5zM5.13 5h-.62v1.25h2.12V5zm-.62 3h7.12v1.25H4.5zm.62 3h-.62v1.25h7.12V11z" clip-rule="evenodd" fill="#666" fill-rule="evenodd"/></svg>

After

Width:  |  Height:  |  Size: 391 B

+1
View File
@@ -0,0 +1 @@
<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.27 14.1a6.5 6.5 0 0 0 3.67-3.45q-1.24.21-2.7.34-.31 1.83-.97 3.1M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.48-1.52a7 7 0 0 1-.96 0H7.5a4 4 0 0 1-.84-1.32q-.38-.89-.63-2.08a40 40 0 0 0 3.92 0q-.25 1.2-.63 2.08a4 4 0 0 1-.84 1.31zm2.94-4.76q1.66-.15 2.95-.43a7 7 0 0 0 0-2.58q-1.3-.27-2.95-.43a18 18 0 0 1 0 3.44m-1.27-3.54a17 17 0 0 1 0 3.64 39 39 0 0 1-4.3 0 17 17 0 0 1 0-3.64 39 39 0 0 1 4.3 0m1.1-1.17q1.45.13 2.69.34a6.5 6.5 0 0 0-3.67-3.44q.65 1.26.98 3.1M8.48 1.5l.01.02q.41.37.84 1.31.38.89.63 2.08a40 40 0 0 0-3.92 0q.25-1.2.63-2.08a4 4 0 0 1 .85-1.32 7 7 0 0 1 .96 0m-2.75.4a6.5 6.5 0 0 0-3.67 3.44 29 29 0 0 1 2.7-.34q.31-1.83.97-3.1M4.58 6.28q-1.66.16-2.95.43a7 7 0 0 0 0 2.58q1.3.27 2.95.43a18 18 0 0 1 0-3.44m.17 4.71q-1.45-.12-2.69-.34a6.5 6.5 0 0 0 3.67 3.44q-.65-1.27-.98-3.1" fill="#666"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>

After

Width:  |  Height:  |  Size: 1.0 KiB

+687
View File
@@ -0,0 +1,687 @@
<!doctype html>
<!--suppress HtmlUnknownTarget -->
<html lang="en">
<head><script type="module" src="/vite-inject-mocker-entry.js"></script>
<meta charset="utf-8" />
<title>Storybook</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style>
@font-face {
font-family: 'Nunito Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('./sb-common-assets/nunito-sans-regular.woff2') format('woff2');
}
@font-face {
font-family: 'Nunito Sans';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url('./sb-common-assets/nunito-sans-italic.woff2') format('woff2');
}
@font-face {
font-family: 'Nunito Sans';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('./sb-common-assets/nunito-sans-bold.woff2') format('woff2');
}
@font-face {
font-family: 'Nunito Sans';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url('./sb-common-assets/nunito-sans-bold-italic.woff2') format('woff2');
}
</style>
<script>
window.CONFIG_TYPE = 'PRODUCTION';
window.LOGLEVEL = 'info';
window.FRAMEWORK_OPTIONS = {};
window.CHANNEL_OPTIONS = {};
window.FEATURES = {"argTypeTargetsV7":true,"legacyDecoratorFileOrder":false,"disallowImplicitActionsInRenderV8":true,"viewport":true,"highlight":true,"controls":true,"interactions":true,"actions":true,"backgrounds":true,"outline":true,"measure":true};
window.STORIES = [{"titlePrefix":"","directory":"./stories","files":"**/*.mdx","importPathMatcher":"^\\.[\\\\/](?:stories(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.mdx)$"},{"titlePrefix":"","directory":"./stories","files":"**/*.stories.@(js|jsx|mjs|ts|tsx)","importPathMatcher":"^\\.[\\\\/](?:stories(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|mjs|ts|tsx))$"}];
window.DOCS_OPTIONS = {"defaultName":"Docs"};
window.TAGS_OPTIONS = {"dev-only":{"excludeFromDocsStories":true},"docs-only":{"excludeFromSidebar":true},"test-only":{"excludeFromSidebar":true,"excludeFromDocsStories":true}};
// We do this so that "module && module.hot" etc. in Storybook source code
// doesn't fail (it will simply be disabled)
window.module = undefined;
window.global = window;
</script>
<base target="_parent" />
<style>
/* While we aren't showing the main block yet, but still preparing, we want everything the user has rendered, which may or may not be in #storybook-root, to be display none */
.sb-show-preparing-story:not(.sb-show-main) > :not(.sb-preparing-story) {
display: none;
}
.sb-show-preparing-docs:not(.sb-show-main) > :not(.sb-preparing-docs) {
display: none;
}
/* Hide our own blocks when we aren't supposed to be showing them */
:not(.sb-show-preparing-story) > .sb-preparing-story,
:not(.sb-show-preparing-docs) > .sb-preparing-docs,
:not(.sb-show-nopreview) > .sb-nopreview,
:not(.sb-show-errordisplay) > .sb-errordisplay {
display: none;
}
.sb-show-main.sb-main-centered {
margin: 0;
display: flex;
align-items: center;
min-height: 100vh;
}
.sb-show-main.sb-main-centered #storybook-root {
box-sizing: border-box;
margin: auto;
padding: 1rem;
max-height: 100%;
/* Hack for centering correctly in IE11 */
}
/* Vertical centering fix for IE11 */
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.sb-show-main.sb-main-centered:after {
content: '';
min-height: inherit;
font-size: 0;
}
}
.sb-show-main.sb-main-fullscreen {
margin: 0;
padding: 0;
display: block;
}
.sb-show-main.sb-main-padded {
margin: 0;
padding: 1rem;
display: block;
box-sizing: border-box;
}
.sb-wrapper {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
box-sizing: border-box;
padding: 40px;
font-family:
'Nunito Sans',
-apple-system,
'.SFNSText-Regular',
'San Francisco',
BlinkMacSystemFont,
'Segoe UI',
'Helvetica Neue',
Helvetica,
Arial,
sans-serif;
-webkit-font-smoothing: antialiased;
overflow: auto;
}
@media (max-width: 700px) {
.sb-wrapper {
padding: 20px;
}
}
@media (max-width: 500px) {
.sb-wrapper {
padding: 10px;
}
}
.sb-heading {
font-size: 14px;
font-weight: 600;
letter-spacing: 0.2px;
margin: 10px 0;
padding-right: 25px;
}
.sb-nopreview {
display: flex;
align-content: center;
justify-content: center;
box-sizing: border-box;
}
.sb-nopreview_main {
margin: auto;
padding: 30px;
border-radius: 10px;
background: rgba(0, 0, 0, 0.03);
}
.sb-nopreview_heading {
text-align: center;
}
.sb-errordisplay {
background: #f6f9fc;
color: black;
z-index: 999999;
width: 100vw;
min-height: 100vh;
box-sizing: border-box;
& ol {
padding-left: 18px;
margin: 0;
}
& h1 {
font-family: Nunito Sans;
font-size: 22px;
font-weight: 400;
line-height: 30px;
font-weight: normal;
margin: 0;
&::before {
content: '';
display: inline-block;
width: 12px;
height: 12px;
background: #ff4400;
border-radius: 50%;
margin-right: 8px;
}
}
& p,
& ol {
font-family: Nunito Sans;
font-size: 14px;
font-weight: 400;
line-height: 19px;
margin: 0;
}
& li + li {
margin: 0;
padding: 0;
padding-top: 12px;
}
& a {
color: currentColor;
}
}
.sb-errordisplay_main {
margin: auto;
padding: 24px;
display: flex;
box-sizing: border-box;
flex-direction: column;
min-height: 100%;
width: 100%;
border-radius: 6px;
background: white;
border: 1px solid #ff0000;
box-shadow: 0 0 64px rgba(0, 0, 0, 0.1);
gap: 24px;
}
.sb-errordisplay_code {
padding: 10px;
flex: 1;
background: #242424;
color: #c6c6c6;
box-sizing: border-box;
font-size: 14px;
font-weight: 400;
line-height: 19px;
border-radius: 4px;
font-family:
'Operator Mono', 'Fira Code Retina', 'Fira Code', 'FiraCode-Retina', 'Andale Mono',
'Lucida Console', Consolas, Monaco, monospace;
margin: 0;
overflow: auto;
}
.sb-errordisplay pre {
white-space: pre-wrap;
white-space: revert;
}
@-webkit-keyframes sb-rotate360 {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes sb-rotate360 {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes sb-glow {
0%,
100% {
opacity: 1;
}
50% {
opacity: 0.4;
}
}
@keyframes sb-glow {
0%,
100% {
opacity: 1;
}
50% {
opacity: 0.4;
}
}
/* We display the preparing loaders *over* the rendering story */
.sb-preparing-story,
.sb-preparing-docs {
background-color: white;
/* Maximum possible z-index. It would be better to use stacking contexts to ensure it's always
on top, but this isn't possible as it would require making CSS changes that could affect user code */
z-index: 2147483647;
}
.sb-loader {
-webkit-animation: sb-rotate360 0.7s linear infinite;
animation: sb-rotate360 0.7s linear infinite;
border-color: rgba(97, 97, 97, 0.29);
border-radius: 50%;
border-style: solid;
border-top-color: #646464;
border-width: 2px;
display: inline-block;
height: 32px;
left: 50%;
margin-left: -16px;
margin-top: -16px;
mix-blend-mode: difference;
overflow: hidden;
position: absolute;
top: 50%;
transition: all 200ms ease-out;
vertical-align: top;
width: 32px;
z-index: 4;
}
.sb-previewBlock {
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 4px;
box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px 0;
margin: 25px auto 40px;
max-width: 600px;
}
.sb-previewBlock_header {
align-items: center;
box-shadow: rgba(0, 0, 0, 0.1) 0 -1px 0 0 inset;
display: flex;
gap: 14px;
height: 40px;
padding: 0 12px;
}
.sb-previewBlock_icon {
-webkit-animation: sb-glow 1.5s ease-in-out infinite;
animation: sb-glow 1.5s ease-in-out infinite;
background: #e6e6e6;
height: 14px;
width: 14px;
}
.sb-previewBlock_icon:last-child {
margin-left: auto;
}
.sb-previewBlock_body {
-webkit-animation: sb-glow 1.5s ease-in-out infinite;
animation: sb-glow 1.5s ease-in-out infinite;
height: 182px;
position: relative;
}
.sb-argstableBlock {
border-collapse: collapse;
border-spacing: 0;
font-size: 13px;
line-height: 20px;
margin: 25px auto 40px;
max-width: 600px;
text-align: left;
width: 100%;
}
.sb-argstableBlock th:first-of-type,
.sb-argstableBlock td:first-of-type {
padding-left: 20px;
}
.sb-argstableBlock th:nth-of-type(2),
.sb-argstableBlock td:nth-of-type(2) {
width: 35%;
}
.sb-argstableBlock th:nth-of-type(3),
.sb-argstableBlock td:nth-of-type(3) {
width: 15%;
}
.sb-argstableBlock th:last-of-type,
.sb-argstableBlock td:last-of-type {
width: 25%;
padding-right: 20px;
}
.sb-argstableBlock th span,
.sb-argstableBlock td span {
-webkit-animation: sb-glow 1.5s ease-in-out infinite;
animation: sb-glow 1.5s ease-in-out infinite;
background-color: rgba(0, 0, 0, 0.1);
border-radius: 0;
box-shadow: none;
color: transparent;
}
.sb-argstableBlock th {
padding: 10px 15px;
}
.sb-argstableBlock-body {
border-radius: 4px;
box-shadow:
rgba(0, 0, 0, 0.1) 0 1px 3px 1px,
rgba(0, 0, 0, 0.065) 0 0 0 1px;
}
.sb-argstableBlock-body tr {
background: transparent;
overflow: hidden;
}
.sb-argstableBlock-body tr:not(:first-child) {
border-top: 1px solid #e6e6e6;
}
.sb-argstableBlock-body tr:first-child td:first-child {
border-top-left-radius: 4px;
}
.sb-argstableBlock-body tr:first-child td:last-child {
border-top-right-radius: 4px;
}
.sb-argstableBlock-body tr:last-child td:first-child {
border-bottom-left-radius: 4px;
}
.sb-argstableBlock-body tr:last-child td:last-child {
border-bottom-right-radius: 4px;
}
.sb-argstableBlock-body td {
background: #fff;
padding-bottom: 10px;
padding-top: 10px;
vertical-align: top;
}
.sb-argstableBlock-body td:not(:first-of-type) {
padding-left: 15px;
padding-right: 15px;
}
.sb-argstableBlock-body button {
-webkit-animation: sb-glow 1.5s ease-in-out infinite;
animation: sb-glow 1.5s ease-in-out infinite;
background-color: rgba(0, 0, 0, 0.1);
border: 0;
border-radius: 0;
box-shadow: none;
color: transparent;
display: inline;
font-size: 12px;
line-height: 1;
padding: 10px 16px;
}
.sb-argstableBlock-summary {
margin-top: 4px;
}
.sb-argstableBlock-code {
margin-right: 4px;
margin-bottom: 4px;
padding: 2px 5px;
}
.sb-sr-only,
.sb-hidden-until-focus:not(:focus) {
position: absolute;
width: 1px;
height: 1px;
padding: 0px;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: none;
}
.sb-hidden-until-focus {
opacity: 0;
transition: opacity 150ms ease-out;
}
.sb-hidden-until-focus:focus {
opacity: 1;
}
</style>
<script>
/* globals window */
try {
if (window.top !== window) {
window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.top.__REACT_DEVTOOLS_GLOBAL_HOOK__;
window.__VUE_DEVTOOLS_GLOBAL_HOOK__ = window.top.__VUE_DEVTOOLS_GLOBAL_HOOK__;
window.top.__VUE_DEVTOOLS_CONTEXT__ = window.document;
}
} catch (e) {
// eslint-disable-next-line no-console
console.warn('unable to connect to top frame for connecting dev tools');
}
</script>
<script type="module" crossorigin src="/CommunityRuleStorybook/assets/iframe-D_aMTKb2.js"></script>
<link rel="modulepreload" crossorigin href="/CommunityRuleStorybook/assets/preload-helper-DIZFD4sK.js">
<link rel="stylesheet" crossorigin href="/CommunityRuleStorybook/assets/iframe-7VPDhVZ9.css">
</head>
<body>
<div class="sb-preparing-story sb-wrapper">
<div class="sb-loader"></div>
</div>
<div class="sb-preparing-docs sb-wrapper">
<div class="sb-previewBlock">
<div class="sb-previewBlock_header">
<div class="sb-previewBlock_icon"></div>
<div class="sb-previewBlock_icon"></div>
<div class="sb-previewBlock_icon"></div>
<div class="sb-previewBlock_icon"></div>
</div>
<div class="sb-previewBlock_body">
<div class="sb-loader"></div>
</div>
</div>
<table aria-hidden="true" class="sb-argstableBlock">
<thead class="sb-argstableBlock-head">
<tr>
<th><span>Name</span></th>
<th><span>Description</span></th>
<th><span>Default</span></th>
<th><span>Control </span></th>
</tr>
</thead>
<tbody class="sb-argstableBlock-body">
<tr>
<td><span>propertyName</span><span title="Required">*</span></td>
<td>
<div><span>This is a short description</span></div>
<div class="sb-argstableBlock-summary">
<div><span class="sb-argstableBlock-code">summary</span></div>
</div>
</td>
<td>
<div><span class="sb-argstableBlock-code">defaultValue</span></div>
</td>
<td><button>Set string</button></td>
</tr>
<tr>
<td><span>propertyName</span><span>*</span></td>
<td>
<div><span>This is a short description</span></div>
<div class="sb-argstableBlock-summary">
<div><span class="sb-argstableBlock-code">summary</span></div>
</div>
</td>
<td>
<div><span class="sb-argstableBlock-code">defaultValue</span></div>
</td>
<td><button>Set string</button></td>
</tr>
<tr>
<td><span>propertyName</span><span>*</span></td>
<td>
<div><span>This is a short description</span></div>
<div class="sb-argstableBlock-summary">
<div><span class="sb-argstableBlock-code">summary</span></div>
</div>
</td>
<td>
<div><span class="sb-argstableBlock-code">defaultValue</span></div>
</td>
<td><button>Set string</button></td>
</tr>
</tbody>
</table>
</div>
<div class="sb-nopreview sb-wrapper">
<div class="sb-nopreview_main">
<h1 class="sb-nopreview_heading sb-heading">No Preview</h1>
<p>Sorry, but you either have no stories or none are selected somehow.</p>
<ul>
<li>Please check the Storybook config.</li>
<li>Try reloading the page.</li>
</ul>
<p>
If the problem persists, check the browser console, or the terminal you've run Storybook from.
</p>
</div>
</div>
<div class="sb-errordisplay sb-wrapper">
<div class="sb-errordisplay_main">
<h1 id="error-message"></h1>
<p>
The component failed to render properly, likely due to a configuration issue in Storybook.
Here are some common causes and how you can address them:
</p>
<ol>
<li>
<strong>Missing Context/Providers</strong>: You can use decorators to supply specific
contexts or providers, which are sometimes necessary for components to render correctly. For
detailed instructions on using decorators, please visit the
<a href="https://storybook.js.org/docs/writing-stories/decorators"
>Decorators documentation</a
>.
</li>
<li>
<strong>Misconfigured Webpack or Vite</strong>: Verify that Storybook picks up all necessary
settings for loaders, plugins, and other relevant parameters. You can find step-by-step
guides for configuring
<a href="https://storybook.js.org/docs/builders/webpack">Webpack</a> or
<a href="https://storybook.js.org/docs/builders/vite">Vite</a>
with Storybook.
</li>
<li>
<strong>Missing Environment Variables</strong>: Your Storybook may require specific
environment variables to function as intended. You can set up custom environment variables
as outlined in the
<a href="https://storybook.js.org/docs/configure/environment-variables"
>Environment Variables documentation</a
>.
</li>
</ol>
<pre class="sb-errordisplay_code"><code id="error-stack"></code></pre>
</div>
</div>
<div id="storybook-root"></div>
<div id="storybook-docs"></div>
<script>
function __onViteAppLoadingError(event) {
const hostname = globalThis.location.hostname;
if (hostname !== 'localhost' && globalThis.CONFIG_TYPE === 'DEVELOPMENT') {
const message = `Failed to load the Storybook preview file 'vite-app.js':
It looks like you're visiting the Storybook development server on another hostname than localhost: '${hostname}', but you haven't configured the necessary security features to support this.
Please re-run your Storybook development server with the '--host ${hostname}' flag, or manually configure your Vite allowedHosts configuration with viteFinal.
See:`;
const docs = [
'https://storybook.js.org/docs/api/cli-options#dev',
'https://storybook.js.org/docs/api/main-config/main-config-vite-final',
'https://vite.dev/config/server-options.html#server-allowedhosts',
];
console.error(`${message}\n${docs.map((doc) => `- ${doc}`).join('\n')}`);
document.getElementById('storybook-root').innerHTML =
`<p style="color: red; max-width: 70ch">${message.replaceAll(
'\n',
'<br/>'
)}<ul>${docs.map((doc) => `<li><a href='${doc}' target='_blank'>${doc}</a></li>`).join('')}<ul></p>`;
return;
}
}
</script>
</body>
</html>
+164
View File
@@ -0,0 +1,164 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>storybook - Storybook</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" type="image/svg+xml" href="./favicon.svg" />
<style>
@font-face {
font-family: 'Nunito Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('./sb-common-assets/nunito-sans-regular.woff2') format('woff2');
}
@font-face {
font-family: 'Nunito Sans';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url('./sb-common-assets/nunito-sans-italic.woff2') format('woff2');
}
@font-face {
font-family: 'Nunito Sans';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('./sb-common-assets/nunito-sans-bold.woff2') format('woff2');
}
@font-face {
font-family: 'Nunito Sans';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url('./sb-common-assets/nunito-sans-bold-italic.woff2') format('woff2');
}
</style>
<link href="./sb-manager/runtime.js" rel="modulepreload" />
<link href="./sb-addons/storybook-core-server-presets-0/common-manager-bundle.js" rel="modulepreload" />
<link href="./sb-addons/chromatic-com-storybook-1/manager-bundle.js" rel="modulepreload" />
<link href="./sb-addons/docs-2/manager-bundle.js" rel="modulepreload" />
<link href="./sb-addons/onboarding-3/manager-bundle.js" rel="modulepreload" />
<link href="./sb-addons/a11y-4/manager-bundle.js" rel="modulepreload" />
<link href="./sb-addons/vitest-5/manager-bundle.js" rel="modulepreload" />
<style>
#storybook-root[hidden] {
display: none !important;
}
</style>
</head>
<body>
<div id="root"></div>
<script>
window['FEATURES'] = {
"argTypeTargetsV7": true,
"legacyDecoratorFileOrder": false,
"disallowImplicitActionsInRenderV8": true,
"viewport": true,
"highlight": true,
"controls": true,
"interactions": true,
"actions": true,
"backgrounds": true,
"outline": true,
"measure": true
};
window['REFS'] = {};
window['LOGLEVEL'] = "info";
window['DOCS_OPTIONS'] = {
"defaultName": "Docs"
};
window['CONFIG_TYPE'] = "PRODUCTION";
window['TAGS_OPTIONS'] = {
"dev-only": {
"excludeFromDocsStories": true
},
"docs-only": {
"excludeFromSidebar": true
},
"test-only": {
"excludeFromSidebar": true,
"excludeFromDocsStories": true
}
};
window['STORYBOOK_RENDERER'] = "react";
window['STORYBOOK_BUILDER'] = "@storybook/builder-vite";
window['STORYBOOK_FRAMEWORK'] = "@storybook/nextjs-vite";
</script>
<script type="module">
import './sb-manager/globals-runtime.js';
import './sb-addons/storybook-core-server-presets-0/common-manager-bundle.js';
import './sb-addons/chromatic-com-storybook-1/manager-bundle.js';
import './sb-addons/docs-2/manager-bundle.js';
import './sb-addons/onboarding-3/manager-bundle.js';
import './sb-addons/a11y-4/manager-bundle.js';
import './sb-addons/vitest-5/manager-bundle.js';
import './sb-manager/runtime.js';
</script>
</body>
</html>
+1
View File
@@ -0,0 +1 @@
{"v":5,"entries":{"components-avatar--docs":{"id":"components-avatar--docs","title":"Components/Avatar","name":"Docs","importPath":"./stories/Avatar.stories.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-avatar--default":{"type":"story","id":"components-avatar--default","name":"Default","title":"Components/Avatar","importPath":"./stories/Avatar.stories.js","componentPath":"./app/components/Avatar.js","tags":["dev","test","autodocs"]},"components-avatar--sizes":{"type":"story","id":"components-avatar--sizes","name":"Sizes","title":"Components/Avatar","importPath":"./stories/Avatar.stories.js","componentPath":"./app/components/Avatar.js","tags":["dev","test","autodocs"]},"components-avatar--different-avatars":{"type":"story","id":"components-avatar--different-avatars","name":"Different Avatars","title":"Components/Avatar","importPath":"./stories/Avatar.stories.js","componentPath":"./app/components/Avatar.js","tags":["dev","test","autodocs"]},"components-avatar--all-sizes-with-different-avatars":{"type":"story","id":"components-avatar--all-sizes-with-different-avatars","name":"All Sizes With Different Avatars","title":"Components/Avatar","importPath":"./stories/Avatar.stories.js","componentPath":"./app/components/Avatar.js","tags":["dev","test","autodocs"]},"components-avatarcontainer--docs":{"id":"components-avatarcontainer--docs","title":"Components/AvatarContainer","name":"Docs","importPath":"./stories/AvatarContainer.stories.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-avatarcontainer--default":{"type":"story","id":"components-avatarcontainer--default","name":"Default","title":"Components/AvatarContainer","importPath":"./stories/AvatarContainer.stories.js","componentPath":"./app/components/AvatarContainer.js","tags":["dev","test","autodocs"]},"components-avatarcontainer--sizes":{"type":"story","id":"components-avatarcontainer--sizes","name":"Sizes","title":"Components/AvatarContainer","importPath":"./stories/AvatarContainer.stories.js","componentPath":"./app/components/AvatarContainer.js","tags":["dev","test","autodocs"]},"components-avatarcontainer--different-group-sizes":{"type":"story","id":"components-avatarcontainer--different-group-sizes","name":"Different Group Sizes","title":"Components/AvatarContainer","importPath":"./stories/AvatarContainer.stories.js","componentPath":"./app/components/AvatarContainer.js","tags":["dev","test","autodocs"]},"components-avatarcontainer--in-context":{"type":"story","id":"components-avatarcontainer--in-context","name":"In Context","title":"Components/AvatarContainer","importPath":"./stories/AvatarContainer.stories.js","componentPath":"./app/components/AvatarContainer.js","tags":["dev","test","autodocs"]},"components-button--docs":{"id":"components-button--docs","title":"Components/Button","name":"Docs","importPath":"./stories/Button.stories.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-button--default":{"type":"story","id":"components-button--default","name":"Default","title":"Components/Button","importPath":"./stories/Button.stories.js","componentPath":"./app/components/Button.js","tags":["dev","test","autodocs"]},"components-button--variants":{"type":"story","id":"components-button--variants","name":"Variants","title":"Components/Button","importPath":"./stories/Button.stories.js","componentPath":"./app/components/Button.js","tags":["dev","test","autodocs"]},"components-button--sizes":{"type":"story","id":"components-button--sizes","name":"Sizes","title":"Components/Button","importPath":"./stories/Button.stories.js","componentPath":"./app/components/Button.js","tags":["dev","test","autodocs"]},"components-button--states":{"type":"story","id":"components-button--states","name":"States","title":"Components/Button","importPath":"./stories/Button.stories.js","componentPath":"./app/components/Button.js","tags":["dev","test","autodocs"]},"components-button--all-variants":{"type":"story","id":"components-button--all-variants","name":"All Variants","title":"Components/Button","importPath":"./stories/Button.stories.js","componentPath":"./app/components/Button.js","tags":["dev","test","autodocs"]},"components-contentlockup--docs":{"id":"components-contentlockup--docs","title":"Components/ContentLockup","name":"Docs","importPath":"./stories/ContentLockup.stories.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-contentlockup--default":{"type":"story","id":"components-contentlockup--default","name":"Default","title":"Components/ContentLockup","importPath":"./stories/ContentLockup.stories.js","componentPath":"./app/components/ContentLockup.js","tags":["dev","test","autodocs"]},"components-contentlockup--long-description":{"type":"story","id":"components-contentlockup--long-description","name":"Long Description","title":"Components/ContentLockup","importPath":"./stories/ContentLockup.stories.js","componentPath":"./app/components/ConteLine truncated
+1
View File
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
+1
View File
@@ -0,0 +1 @@
{"generatedAt":1755714532484,"userSince":1754920905774,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"metaFramework":{"name":"Next","packageName":"next","version":"15.2.4"},"testPackages":{"@chromatic-com/storybook":"4.1.0","@storybook/addon-vitest":"9.1.2","@vitest/browser":"3.2.4","@vitest/coverage-v8":"3.2.4","playwright":"1.54.2","vitest":"3.2.4"},"hasRouterPackage":true,"packageManager":{"type":"npm","agent":"npm","nodeLinker":"node_modules"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/nextjs-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","portableStoriesFileCount":0,"applicationFileCount":1,"storybookVersion":"9.1.2","language":"javascript","storybookPackages":{"@storybook/addon-styling-webpack":{"version":"2.0.0"},"@storybook/addon-viewport":{"version":"9.0.8"},"@storybook/nextjs-vite":{"version":"9.1.2"},"eslint-plugin-storybook":{"version":"9.1.2"},"storybook":{"version":"9.1.2"}},"addons":{"@chromatic-com/storybook":{"version":"4.1.0"},"@storybook/addon-docs":{"version":"9.1.2"},"@storybook/addon-onboarding":{"version":"9.1.2"},"@storybook/addon-a11y":{"version":"9.1.2"},"@storybook/addon-vitest":{"version":"9.1.2"}}}
+5
View File
@@ -0,0 +1,5 @@
try{
(()=>{var kn=Object.defineProperty;var Se=(e,t)=>()=>(e&&(t=e(e=0)),t);var Nn=(e,t)=>{for(var a in t)kn(e,a,{get:t[a],enumerable:!0})};var O=Se(()=>{});var w=Se(()=>{});var k=Se(()=>{});var mt={};Nn(mt,{A:()=>Mn,ActionBar:()=>Ln,AddonPanel:()=>Fn,Badge:()=>le,Bar:()=>Hn,Blockquote:()=>Un,Button:()=>re,ClipboardCode:()=>Gn,Code:()=>Bn,DL:()=>zn,Div:()=>Wn,DocumentWrapper:()=>jn,EmptyTabContent:()=>Ce,ErrorFormatter:()=>Yn,FlexBar:()=>Vn,Form:()=>qn,H1:()=>Kn,H2:()=>Qn,H3:()=>Xn,H4:()=>Zn,H5:()=>Jn,H6:()=>ea,HR:()=>ta,IconButton:()=>ie,Img:()=>na,LI:()=>aa,Link:()=>Ie,ListItem:()=>ra,Loader:()=>oa,Modal:()=>la,OL:()=>ia,P:()=>ca,Placeholder:()=>sa,Pre:()=>ua,ProgressSpinner:()=>da,ResetWrapper:()=>ma,ScrollArea:()=>Oe,Separator:()=>fa,Spaced:()=>pa,Span:()=>ha,StorybookIcon:()=>ya,StorybookLogo:()=>ba,SyntaxHighlighter:()=>we,TT:()=>ga,TabBar:()=>Sa,TabButton:()=>va,TabWrapper:()=>Ea,Table:()=>Ia,Tabs:()=>xa,TabsState:()=>Ra,TooltipLinkList:()=>ke,TooltipMessage:()=>Aa,TooltipNote:()=>pe,UL:()=>$a,WithTooltip:()=>de,WithTooltipPure:()=>Ta,Zoom:()=>_a,codeCommon:()=>Ca,components:()=>Oa,createCopyToClipboardFunction:()=>wa,default:()=>Dn,getStoryHref:()=>ka,interleaveSeparators:()=>Na,nameSpaceClassNames:()=>Pa,resetComponents:()=>Da,withReset:()=>Ma});var Dn,Mn,Ln,Fn,le,Hn,Un,re,Gn,Bn,zn,Wn,jn,Ce,Yn,Vn,qn,Kn,Qn,Xn,Zn,Jn,ea,ta,ie,na,aa,Ie,ra,oa,la,ia,ca,sa,ua,da,ma,Oe,fa,pa,ha,ya,ba,we,ga,Sa,va,Ea,Ia,xa,Ra,ke,Aa,pe,$a,de,Ta,_a,Ca,Oa,wa,ka,Na,Pa,Da,Ma,Ne=Se(()=>{O();w();k();Dn=__STORYBOOK_COMPONENTS__,{A:Mn,ActionBar:Ln,AddonPanel:Fn,Badge:le,Bar:Hn,Blockquote:Un,Button:re,ClipboardCode:Gn,Code:Bn,DL:zn,Div:Wn,DocumentWrapper:jn,EmptyTabContent:Ce,ErrorFormatter:Yn,FlexBar:Vn,Form:qn,H1:Kn,H2:Qn,H3:Xn,H4:Zn,H5:Jn,H6:ea,HR:ta,IconButton:ie,Img:na,LI:aa,Link:Ie,ListItem:ra,Loader:oa,Modal:la,OL:ia,P:ca,Placeholder:sa,Pre:ua,ProgressSpinner:da,ResetWrapper:ma,ScrollArea:Oe,Separator:fa,Spaced:pa,Span:ha,StorybookIcon:ya,StorybookLogo:ba,SyntaxHighlighter:we,TT:ga,TabBar:Sa,TabButton:va,TabWrapper:Ea,Table:Ia,Tabs:xa,TabsState:Ra,TooltipLinkList:ke,TooltipMessage:Aa,TooltipNote:pe,UL:$a,WithTooltip:de,WithTooltipPure:Ta,Zoom:_a,codeCommon:Ca,components:Oa,createCopyToClipboardFunction:wa,getStoryHref:ka,interleaveSeparators:Na,nameSpaceClassNames:Pa,resetComponents:Da,withReset:Ma}=__STORYBOOK_COMPONENTS__});O();w();k();O();w();k();O();w();k();var o=__REACT__,{Children:P,Component:ri,Fragment:me,Profiler:oi,PureComponent:ct,StrictMode:li,Suspense:ii,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:ci,act:si,cloneElement:V,createContext:fe,createElement:m,createFactory:ui,createRef:st,forwardRef:L,isValidElement:U,lazy:di,memo:mi,startTransition:fi,unstable_act:pi,useCallback:R,useContext:ve,useDebugValue:hi,useDeferredValue:yi,useEffect:G,useId:ut,useImperativeHandle:bi,useInsertionEffect:gi,useLayoutEffect:Ee,useMemo:j,useReducer:dt,useRef:z,useState:H,useSyncExternalStore:Si,useTransition:vi,version:Ei}=__REACT__;Ne();O();w();k();var _i=__STORYBOOK_API__,{ActiveTabs:Ci,Consumer:Oi,ManagerContext:wi,Provider:ki,RequestResponseError:Ni,addons:xe,combineParameters:Pi,controlOrMetaKey:Di,controlOrMetaSymbol:Mi,eventMatchesShortcut:Li,eventToShortcut:Fi,experimental_MockUniversalStore:Hi,experimental_UniversalStore:Ui,experimental_getStatusStore:ft,experimental_getTestProviderStore:Gi,experimental_requestResponse:Bi,experimental_useStatusStore:pt,experimental_useTestProviderStore:zi,experimental_useUniversalStore:Wi,internal_fullStatusStore:ji,internal_fullTestProviderStore:Yi,internal_universalStatusStore:Vi,internal_universalTestProviderStore:qi,isMacLike:Ki,isShortcutTaken:Qi,keyToSymbol:Xi,merge:Zi,mockChannel:Ji,optionOrAltSymbol:ec,shortcutMatchesShortcut:tc,shortcutToHumanString:nc,types:Pe,useAddonState:De,useArgTypes:ac,useArgs:rc,useChannel:ht,useGlobalTypes:oc,useGlobals:yt,useParameter:bt,useSharedState:lc,useStoryPrepared:ic,useStorybookApi:Re,useStorybookState:gt}=__STORYBOOK_API__;O();w();k();var mc=__STORYBOOK_ICONS__,{AccessibilityAltIcon:fc,AccessibilityIcon:St,AccessibilityIgnoredIcon:pc,AddIcon:hc,AdminIcon:yc,AlertAltIcon:bc,AlertIcon:gc,AlignLeftIcon:Sc,AlignRightIcon:vc,AppleIcon:Ec,ArrowBottomLeftIcon:Ic,ArrowBottomRightIcon:xc,ArrowDownIcon:Rc,ArrowLeftIcon:Ac,ArrowRightIcon:$c,ArrowSolidDownIcon:Tc,ArrowSolidLeftIcon:_c,ArrowSolidRightIcon:Cc,ArrowSolidUpIcon:Oc,ArrowTopLeftIcon:wc,ArrowTopRightIcon:kc,ArrowUpIcon:Nc,AzureDevOpsIcon:Pc,BackIcon:Dc,BasketIcon:Mc,BatchAcceptIcon:Lc,BatchDenyIcon:Fc,BeakerIcon:Hc,BellIcon:Uc,BitbucketIcon:Gc,BoldIcon:Bc,BookIcon:zc,BookmarkHollowIcon:Wc,BookmarkIcon:jc,BottomBarIcon:Yc,BottomBarToggleIcon:Vc,BoxIcon:qc,BranchIcon:Kc,BrowserIcon:Qc,ButtonIcon:Xc,CPUIcon:Zc,CalendarIcon:Jc,CameraIcon:es,CameraStabilizeIcon:ts,CategoryIcon:ns,CertificateIcon:as,ChangedIcon:rs,ChatIcon:os,CheckIcon:vt,ChevronDownIcon:ls,ChevronLeftIcon:is,ChevronRightIcon:cs,ChevronSmallDownIcon:Et,ChevronSmallLeftIcon:ss,ChevronSmallRightIcon:us,ChevronSmallUpIcon:ds,ChevronUpIcLine truncated
${l}`),o.createElement(Bt,{language:"css",wrapLongLines:!0},`/* selector */
${c} {}`))}var ho={minor:"neutral",moderate:"warning",serious:"negative",critical:"critical"},yo={minor:"Minor",moderate:"Moderate",serious:"Serious",critical:"Critical"},bo=E.div(({theme:e})=>({display:"flex",flexDirection:"column",width:"100%",borderBottom:`1px solid ${e.appBorderColor}`,containerType:"inline-size",fontSize:e.typography.size.s2})),go=E(Et)({transition:"transform 0.1s ease-in-out"}),So=E.div(({theme:e})=>({display:"flex",justifyContent:"space-between",alignItems:"center",gap:6,padding:"6px 10px 6px 15px",minHeight:40,background:"none",color:"inherit",textAlign:"left",cursor:"pointer",width:"100%","&:hover":{color:e.color.secondary}})),vo=E.div(({theme:e})=>({display:"flex",alignItems:"baseline",flexGrow:1,fontSize:e.typography.size.s2,gap:8})),Eo=E.div(({theme:e})=>({display:"none",color:e.textMutedColor,fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,"@container (min-width: 800px)":{display:"block"}})),Io=E.div(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"center",color:e.textMutedColor,width:28,height:28})),Be=({items:e,empty:t,type:a,handleSelectionChange:n,selectedItems:r,toggleOpen:i})=>o.createElement(o.Fragment,null,e&&e.length?e.map(l=>{let c=`${a}.${l.id}`,d=`details:${c}`,s=r.get(c),f=je(l);return o.createElement(bo,{key:c},o.createElement(So,{onClick:u=>i(u,a,l),"data-active":!!s},o.createElement(vo,null,o.createElement("strong",null,f),o.createElement(Eo,null,l.id)),l.impact&&o.createElement(le,{status:a===W.PASS?"neutral":ho[l.impact]},yo[l.impact]),o.createElement(Io,null,l.nodes.length),o.createElement(ie,{onClick:u=>i(u,a,l),"aria-label":`${s?"Collapse":"Expand"} details for ${f}`,"aria-expanded":!!s,"aria-controls":d},o.createElement(go,{style:{transform:`rotate(${s?-180:0}deg)`}}))),s?o.createElement(po,{id:d,item:l,type:a,selection:s,handleSelectionChange:n}):o.createElement("div",{id:d}))}):o.createElement(Ce,{title:t})),Je=function(e,t){return Je=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(a,n){a.__proto__=n}||function(a,n){for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(a[r]=n[r])},Je(e,t)};function xo(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");Je(e,t);function a(){this.constructor=e}e.prototype=t===null?Object.create(t):(a.prototype=t.prototype,new a)}var et=function(){return et=Object.assign||function(e){for(var t,a=1,n=arguments.length;a<n;a++){t=arguments[a];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},et.apply(this,arguments)};function Ro(e,t){var a={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(a[n[r]]=e[n[r]]);return a}var Te=typeof globalThis<"u"?globalThis:typeof window<"u"||typeof window<"u"?window:typeof self<"u"?self:{};function Ao(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}var lt=Ao,$o=typeof Te=="object"&&Te&&Te.Object===Object&&Te,To=$o,_o=To,Co=typeof self=="object"&&self&&self.Object===Object&&self,Oo=_o||Co||Function("return this")(),vn=Oo,wo=vn,ko=function(){return wo.Date.now()},No=ko,Po=/\s/;function Do(e){for(var t=e.length;t--&&Po.test(e.charAt(t)););return t}var Mo=Do,Lo=Mo,Fo=/^\s+/;function Ho(e){return e&&e.slice(0,Lo(e)+1).replace(Fo,"")}var Uo=Ho,Go=vn,Bo=Go.Symbol,En=Bo,jt=En,In=Object.prototype,zo=In.hasOwnProperty,Wo=In.toString,he=jt?jt.toStringTag:void 0;function jo(e){var t=zo.call(e,he),a=e[he];try{e[he]=void 0;var n=!0}catch{}var r=Wo.call(e);return n&&(t?e[he]=a:delete e[he]),r}var Yo=jo,Vo=Object.prototype,qo=Vo.toString;function Ko(e){return qo.call(e)}var Qo=Ko,Yt=En,Xo=Yo,Zo=Qo,Jo="[object Null]",el="[object Undefined]",Vt=Yt?Yt.toStringTag:void 0;function tl(e){return e==null?e===void 0?el:Jo:Vt&&Vt in Object(e)?Xo(e):Zo(e)}var nl=tl;function al(e){return e!=null&&typeof e=="object"}var rl=al,ol=nl,ll=rl,il="[object Symbol]";function cl(e){return typeof e=="symbol"||ll(e)&&ol(e)==il}var sl=cl,ul=Uo,qt=lt,dl=sl,Kt=NaN,ml=/^[-+]0x[0-9a-f]+$/i,fl=/^0b[01]+$/i,pl=/^0o[0-7]+$/i,hl=parseInt;function yl(e){if(typeof e=="number")return e;if(dl(e))return Kt;if(qt(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=qt(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=ul(e);var a=fl.test(e);return a||pl.test(e)?hl(e.slice(2),a?2:8):ml.test(e)?Kt:+e}var bl=yl,gl=lt,ze=No,Qt=bl,Sl="Expected a function",vl=Math.max,El=Math.min;function Il(e,t,a){var n,r,i,l,c,d,s=0,f=!1,u=!1,p=!0;if(typeof e!="function")throw new TypeError(Sl);t=Qt(t)||0,gl(a)&&(f=!!a.leading,u="maxWait"in a,i=u?vl(Qt(a.maxWait)||0,t):i,p="trailing"in a?!!a.trailing:p);function b($){var x=n,F=r;return n=r=void 0,s=$,l=e.apply(F,x),l}function h($){return s=$,c=setTimeout(g,t),f?b($):l}function I($){var x=$-d,F=$-s,q=t-x;return u?El(q,i- Line truncated
}catch(e){ console.error("[Storybook] One of your manager-entries failed: " + import.meta.url, e); }
@@ -0,0 +1,356 @@
try{
(()=>{var Lt=(e=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(e,{get:(t,n)=>(typeof require<"u"?require:t)[n]}):e)(function(e){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')});var _e={NODE_ENV:"production",NODE_PATH:[],STORYBOOK:"true",PUBLIC_URL:"."};var a=__REACT__,{Children:_6,Component:Tt,Fragment:I6,Profiler:R6,PureComponent:B6,StrictMode:P6,Suspense:V6,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:H6,act:j6,cloneElement:D6,createContext:He,createElement:S,createFactory:z6,createRef:U6,forwardRef:W,isValidElement:wl,lazy:$6,memo:W6,startTransition:q6,unstable_act:G6,useCallback:K,useContext:Gt,useDebugValue:Y6,useDeferredValue:K6,useEffect:te,useId:J6,useImperativeHandle:Q6,useInsertionEffect:X6,useLayoutEffect:ef,useMemo:ft,useReducer:Cl,useRef:Ee,useState:Le,useSyncExternalStore:tf,useTransition:nf,version:af}=__REACT__;var sf=__STORYBOOK_TYPES__,{Addon_TypesEnum:Tr}=__STORYBOOK_TYPES__;var pf=__STORYBOOK_API__,{ActiveTabs:hf,Consumer:ff,ManagerContext:gf,Provider:vf,RequestResponseError:yf,addons:ga,combineParameters:bf,controlOrMetaKey:Ef,controlOrMetaSymbol:kf,eventMatchesShortcut:wf,eventToShortcut:Cf,experimental_MockUniversalStore:Sf,experimental_UniversalStore:xf,experimental_getStatusStore:va,experimental_getTestProviderStore:Sl,experimental_requestResponse:Nf,experimental_useStatusStore:xl,experimental_useTestProviderStore:Nl,experimental_useUniversalStore:Mf,internal_fullStatusStore:Ff,internal_fullTestProviderStore:Af,internal_universalStatusStore:Lf,internal_universalTestProviderStore:Tf,isMacLike:Zf,isShortcutTaken:Of,keyToSymbol:_f,merge:If,mockChannel:Rf,optionOrAltSymbol:Bf,shortcutMatchesShortcut:Pf,shortcutToHumanString:Vf,types:Hf,useAddonState:Ml,useArgTypes:jf,useArgs:Df,useChannel:ya,useGlobalTypes:Fl,useGlobals:Al,useParameter:Ll,useSharedState:zf,useStoryPrepared:Uf,useStorybookApi:Zt,useStorybookState:wn}=__STORYBOOK_API__;var Yf=__STORYBOOK_THEMING__,{CacheProvider:Kf,ClassNames:Jf,Global:Qf,ThemeProvider:Xf,background:e8,color:Cn,convert:t8,create:n8,createCache:a8,createGlobal:r8,createReset:i8,css:se,darken:l8,ensure:o8,ignoreSsrWarning:s8,isPropValid:d8,jsx:c8,keyframes:Ct,lighten:u8,styled:k,themes:m8,typography:p8,useTheme:Sn,withTheme:h8}=__STORYBOOK_THEMING__;var b8=__STORYBOOK_COMPONENTS__,{A:E8,ActionBar:k8,AddonPanel:w8,Badge:Tl,Bar:C8,Blockquote:S8,Button:xn,ClipboardCode:x8,Code:Zl,DL:N8,Div:M8,DocumentWrapper:F8,EmptyTabContent:A8,ErrorFormatter:L8,FlexBar:T8,Form:Z8,H1:O8,H2:_8,H3:I8,H4:R8,H5:B8,H6:P8,HR:V8,IconButton:Ol,Img:H8,LI:j8,Link:Ot,ListItem:D8,Loader:Zr,Modal:z8,OL:U8,P:$8,Placeholder:W8,Pre:q8,ProgressSpinner:_l,ResetWrapper:G8,ScrollArea:Y8,Separator:K8,Spaced:J8,Span:Q8,StorybookIcon:X8,StorybookLogo:e9,SyntaxHighlighter:t9,TT:n9,TabBar:a9,TabButton:r9,TabWrapper:i9,Table:l9,Tabs:o9,TabsState:s9,TooltipLinkList:Il,TooltipMessage:Rl,TooltipNote:ba,UL:d9,WithTooltip:ke,WithTooltipPure:c9,Zoom:u9,codeCommon:m9,components:p9,createCopyToClipboardFunction:h9,getStoryHref:f9,interleaveSeparators:g9,nameSpaceClassNames:v9,resetComponents:y9,withReset:b9}=__STORYBOOK_COMPONENTS__;var Nn=__REACT_DOM__,{__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:S9,createPortal:Ea,createRoot:x9,findDOMNode:N9,flushSync:M9,hydrate:F9,hydrateRoot:A9,render:L9,unmountComponentAtNode:Bl,unstable_batchedUpdates:T9,unstable_renderSubtreeIntoContainer:Pl,version:Z9}=__REACT_DOM__;var od='@keyframes Bc2PgW_ya{to{translate:0 var(--sh)}}@keyframes Bc2PgW_xa{to{translate:var(--xlp)0}}@keyframes Bc2PgW_r{50%{rotate:var(--hr)180deg}to{rotate:var(--r)360deg}}.Bc2PgW_c{z-index:1200;width:0;height:0;position:relative;overflow:visible}.Bc2PgW_p{animation:xa var(--dc)forwards cubic-bezier(var(--x1),var(--x2),var(--x3),var(--x4));animation-name:Bc2PgW_xa}.Bc2PgW_p>div{animation:ya var(--dc)forwards cubic-bezier(var(--y1),var(--y2),var(--y3),var(--y4));width:var(--w);height:var(--h);animation-name:Bc2PgW_ya;position:absolute;top:0;left:0}.Bc2PgW_p>div:before{content:"";background-color:var(--bgc);animation:r var(--rd)infinite linear;border-radius:var(--br);width:100%;height:100%;animation-name:Bc2PgW_r;display:block}',Vl="Bc2PgW_p",sd="Bc2PgW_c",Hl=["#FFC700","#FF0000","#2E3191","#41BBC7"],jl=3500,Dl=.5,zl=150,Ul="mix",$l=12,Wl="",ql=!0,Gl=800,Yl=1600;function dd(e,t={}){let{colors:n=Hl,duration:r=jl,force:i=Dl,particleCount:l=zl,particleShape:o=Ul,particleSize:s=$l,particleClass:d=Wl,destroyAfterDone:c=ql,stageHeight:u=Gl,stageWidth:m=Yl}=t;(function(f){if(document.querySelector("style[data-neoconfetti]"))return;let E=Or("style");E.dataset.neoconfetti="",E.textContent=f,_r(document.head,E)})(od),e.classList.add(sd),e.style.setProperty("--sh",u+"px");let p=[],v=[],g=()=>Mn(nt()*(hd-1)),y=(f,E)=>o!=="rectangles"&&(f==="circles"||fd(E));function w(f,E){let C=g(),Z=y(o,C),M=(X,oe)=>f.style.setProperty(X,oe+"");M("--xlp",Ir(ka(Xl(E,90)-180),0,180,-m/2,m/2)+"px"),M("--dc",r-Mn(1e3*nt())+"ms");let V=nt()<udLine truncated
`),n="",r=0,i=0,l=t.length-1,o=0;o<t.length;o++)xa.lastIndex=0,xa.test(t[o])&&(o&&(!r||xa.lastIndex<r)&&(r=xa.lastIndex),i=i||o,l=o);for(var s=i;s<=l;s++)s!==i&&(n+=`
`),n+=t[s].slice(r).replace(/\\"""/g,'"""');return n}function Q(){for(var e=0|ue.charCodeAt(G++);e===9||e===10||e===13||e===32||e===35||e===44||e===65279;e=0|ue.charCodeAt(G++))if(e===35)for(;(e=ue.charCodeAt(G++))!==10&&e!==13;);G--}var xs=/[_A-Za-z]\w*/y;function ut(){var e;if(e=Re(xs))return{kind:"Name",value:e}}var xu=/(?:null|true|false)/y,Ns=/\$[_A-Za-z]\w*/y,Nu=/-?\d+/y,Mu=/(?:\.\d+)?[eE][+-]?\d+|\.\d+/y,Fu=/\\/g,Au=/"""(?:"""|(?:[\s\S]*?[^\\])""")/y,Lu=/"(?:"|[^\r\n]*?[^\\]")/y;function ja(e){var t,n;if(n=Re(xu))t=n==="null"?{kind:"NullValue"}:{kind:"BooleanValue",value:n==="true"};else if(!e&&(n=Re(Ns)))t={kind:"Variable",name:{kind:"Name",value:n.slice(1)}};else if(n=Re(Nu)){var r=n;(n=Re(Mu))?t={kind:"FloatValue",value:r+n}:t={kind:"IntValue",value:r}}else if(n=Re(xs))t={kind:"EnumValue",value:n};else if(n=Re(Au))t={kind:"StringValue",value:Su(n.slice(3,-3)),block:!0};else if(n=Re(Lu))t={kind:"StringValue",value:Fu.test(n)?JSON.parse(n):n.slice(1,-1),block:!1};else if(t=function(i){var l;if(ue.charCodeAt(G)===91){G++,Q();for(var o=[];l=ja(i);)o.push(l);if(ue.charCodeAt(G++)!==93)throw ye("ListValue");return Q(),{kind:"ListValue",values:o}}}(e)||function(i){if(ue.charCodeAt(G)===123){G++,Q();for(var l=[],o;o=ut();){if(Q(),ue.charCodeAt(G++)!==58)throw ye("ObjectField");Q();var s=ja(i);if(!s)throw ye("ObjectField");l.push({kind:"ObjectField",name:o,value:s})}if(ue.charCodeAt(G++)!==125)throw ye("ObjectValue");return Q(),{kind:"ObjectValue",fields:l}}}(e))return t;return Q(),t}function Ms(e){var t=[];if(Q(),ue.charCodeAt(G)===40){G++,Q();for(var n;n=ut();){if(Q(),ue.charCodeAt(G++)!==58)throw ye("Argument");Q();var r=ja(e);if(!r)throw ye("Argument");t.push({kind:"Argument",name:n,value:r})}if(!t.length||ue.charCodeAt(G++)!==41)throw ye("Argument");Q()}return t}function on(e){var t=[];for(Q();ue.charCodeAt(G)===64;){G++;var n=ut();if(!n)throw ye("Directive");Q(),t.push({kind:"Directive",name:n,arguments:Ms(e)})}return t}function Tu(){var e=ut();if(e){Q();var t;if(ue.charCodeAt(G)===58){if(G++,Q(),t=e,!(e=ut()))throw ye("Field");Q()}return{kind:"Field",alias:t,name:e,arguments:Ms(!1),directives:on(!1),selectionSet:Er()}}}function Fs(){var e;if(Q(),ue.charCodeAt(G)===91){G++,Q();var t=Fs();if(!t||ue.charCodeAt(G++)!==93)throw ye("ListType");e={kind:"ListType",type:t}}else if(e=ut())e={kind:"NamedType",name:e};else throw ye("NamedType");return Q(),ue.charCodeAt(G)===33?(G++,Q(),{kind:"NonNullType",type:e}):e}var Zu=/on/y;function As(){if(Re(Zu)){Q();var e=ut();if(!e)throw ye("NamedType");return Q(),{kind:"NamedType",name:e}}}var Ou=/\.\.\./y;function _u(){if(Re(Ou)){Q();var e=G,t;if((t=ut())&&t.value!=="on")return{kind:"FragmentSpread",name:t,directives:on(!1)};G=e;var n=As(),r=on(!1),i=Er();if(!i)throw ye("InlineFragment");return{kind:"InlineFragment",typeCondition:n,directives:r,selectionSet:i}}}function Er(){var e;if(Q(),ue.charCodeAt(G)===123){G++,Q();for(var t=[];e=_u()||Tu();)t.push(e);if(!t.length||ue.charCodeAt(G++)!==125)throw ye("SelectionSet");return Q(),{kind:"SelectionSet",selections:t}}}var Iu=/fragment/y;function Ru(){if(Re(Iu)){Q();var e=ut();if(!e)throw ye("FragmentDefinition");Q();var t=As();if(!t)throw ye("FragmentDefinition");var n=on(!1),r=Er();if(!r)throw ye("FragmentDefinition");return{kind:"FragmentDefinition",name:e,typeCondition:t,directives:n,selectionSet:r}}}var Bu=/(?:query|mutation|subscription)/y;function Pu(){var e,t,n=[],r=[];(e=Re(Bu))&&(Q(),t=ut(),n=function(){var l,o=[];if(Q(),ue.charCodeAt(G)===40){for(G++,Q();l=Re(Ns);){if(Q(),ue.charCodeAt(G++)!==58)throw ye("VariableDefinition");var s=Fs(),d=void 0;if(ue.charCodeAt(G)===61&&(G++,Q(),!(d=ja(!0))))throw ye("VariableDefinition");Q(),o.push({kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:l.slice(1)}},type:s,defaultValue:d,directives:on(!0)})}if(ue.charCodeAt(G++)!==41)throw ye("VariableDefinition");Q()}return o}(),r=on(!1));var i=Er();if(i)return{kind:"OperationDefinition",operation:e||"query",name:t,variableDefinitions:n,directives:r,selectionSet:i}}function Vu(e,t){return ue=typeof e.body=="string"?e.body:e,G=0,function(){var n;Q();for(var r=[];n=Ru()||Pu();)r.push(n);return{kind:"Document",definitions:r}}()}function Hu(e){return JSON.stringify(e)}function ju(e){return`"""
`+e.replace(/"""/g,'\\"""')+`
"""`}var je=e=>!(!e||!e.length),Se={OperationDefinition(e){if(e.operation==="query"&&!e.name&&!je(e.variableDefinitions)&&!je(e.directives))return Se.SelectionSet(e.selectionSet);var t=e.operation;return e.name&&(t+=" "+e.name.value),je(e.variableDefinitions)&&(e.name||(t+=" "),t+="("+e.variableDefinitions.map(Se.VariableDefinition).join(", ")+")"),je(e.directives)&&(t+=" "+e.directives.map(Se.Directive).join(" ")),t+" "+Se.SelectionSet(e.selectionSet)},VariableDefinition(e){var t=Se.Variable(e.variable)+": "+De(e.type);return e.defaultValue&&(t+=" = "+De(e.defaultValue)),je(e.directives)&&(t+=" "+e.directives.map(Se.Directive).join(" ")),t},Field(e){var t=(e.alias?e.alias.value+": ":"")+e.name.value;if(je(e.arguments)){var n=e.arguments.map(Se.Argument),r=t+"("+n.join(", ")+")";t=r.length>80?t+`(
`+n.join(`
`).replace(/\n/g,`
`)+`
)`:r}return je(e.directives)&&(t+=" "+e.directives.map(Se.Directive).join(" ")),e.selectionSet?t+" "+Se.SelectionSet(e.selectionSet):t},StringValue:e=>e.block?ju(e.value):Hu(e.value),BooleanValue:e=>""+e.value,NullValue:e=>"null",IntValue:e=>e.value,FloatValue:e=>e.value,EnumValue:e=>e.value,Name:e=>e.value,Variable:e=>"$"+e.name.value,ListValue:e=>"["+e.values.map(De).join(", ")+"]",ObjectValue:e=>"{"+e.fields.map(Se.ObjectField).join(", ")+"}",ObjectField:e=>e.name.value+": "+De(e.value),Document:e=>je(e.definitions)?e.definitions.map(De).join(`
`):"",SelectionSet:e=>`{
`+e.selections.map(De).join(`
`).replace(/\n/g,`
`)+`
}`,Argument:e=>e.name.value+": "+De(e.value),FragmentSpread(e){var t="..."+e.name.value;return je(e.directives)&&(t+=" "+e.directives.map(Se.Directive).join(" ")),t},InlineFragment(e){var t="...";return e.typeCondition&&(t+=" on "+e.typeCondition.name.value),je(e.directives)&&(t+=" "+e.directives.map(Se.Directive).join(" ")),t+" "+De(e.selectionSet)},FragmentDefinition(e){var t="fragment "+e.name.value;return t+=" on "+e.typeCondition.name.value,je(e.directives)&&(t+=" "+e.directives.map(Se.Directive).join(" ")),t+" "+De(e.selectionSet)},Directive(e){var t="@"+e.name.value;return je(e.arguments)&&(t+="("+e.arguments.map(Se.Argument).join(", ")+")"),t},NamedType:e=>e.name.value,ListType:e=>"["+De(e.type)+"]",NonNullType:e=>De(e.type)+"!"};function De(e){return Se[e.kind]?Se[e.kind](e):""}var al=()=>{},Pe=al;function Je(e){return{tag:0,0:e}}function oa(e){return{tag:1,0:e}}var xo=()=>typeof Symbol=="function"&&Symbol.asyncIterator||"@@asyncIterator",Du=e=>e;function Ze(e){return t=>n=>{var r=Pe;t(i=>{i===0?n(0):i.tag===0?(r=i[0],n(i)):e(i[0])?n(i):r(0)})}}function wi(e){return t=>n=>t(r=>{r===0||r.tag===0?n(r):n(oa(e(r[0])))})}function Da(e){return t=>n=>{var r=[],i=Pe,l=!1,o=!1;t(s=>{o||(s===0?(o=!0,r.length||n(0)):s.tag===0?i=s[0]:(l=!1,function(d){var c=Pe;d(u=>{if(u===0){if(r.length){var m=r.indexOf(c);m>-1&&(r=r.slice()).splice(m,1),r.length||(o?n(0):l||(l=!0,i(0)))}}else u.tag===0?(r.push(c=u[0]),c(0)):r.length&&(n(u),c(0))})}(e(s[0])),l||(l=!0,i(0))))}),n(Je(s=>{if(s===1){o||(o=!0,i(1));for(var d=0,c=r,u=r.length;d<u;d++)c[d](1);r.length=0}else{!o&&!l?(l=!0,i(0)):l=!1;for(var m=0,p=r,v=r.length;m<v;m++)p[m](0)}}))}}function zu(e){return Da(Du)(e)}function qn(e){return zu(Wu(e))}function rl(e){return t=>n=>{var r=!1;t(i=>{if(!r)if(i===0)r=!0,n(0),e();else if(i.tag===0){var l=i[0];n(Je(o=>{o===1?(r=!0,l(1),e()):l(o)}))}else n(i)})}}function za(e){return t=>n=>{var r=!1;t(i=>{if(!r)if(i===0)r=!0,n(0);else if(i.tag===0){var l=i[0];n(Je(o=>{o===1&&(r=!0),l(o)}))}else e(i[0]),n(i)})}}function Ci(e){return t=>n=>t(r=>{r===0?n(0):r.tag===0?(n(r),e()):n(r)})}function Gn(e){var t=[],n=Pe,r=!1;return i=>{t.push(i),t.length===1&&e(l=>{if(l===0){for(var o=0,s=t,d=t.length;o<d;o++)s[o](0);t.length=0}else if(l.tag===0)n=l[0];else{r=!1;for(var c=0,u=t,m=t.length;c<m;c++)u[c](l)}}),i(Je(l=>{if(l===1){var o=t.indexOf(i);o>-1&&(t=t.slice()).splice(o,1),t.length||n(1)}else r||(r=!0,n(0))}))}}function No(e){return t=>n=>{var r=Pe,i=Pe,l=!1,o=!1,s=!1,d=!1;t(c=>{d||(c===0?(d=!0,s||n(0)):c.tag===0?r=c[0]:(s&&(i(1),i=Pe),l?l=!1:(l=!0,r(0)),function(u){s=!0,u(m=>{s&&(m===0?(s=!1,d?n(0):l||(l=!0,r(0))):m.tag===0?(o=!1,(i=m[0])(0)):(n(m),o?o=!1:i(0)))})}(e(c[0]))))}),n(Je(c=>{c===1?(d||(d=!0,r(1)),s&&(s=!1,i(1))):(!d&&!l&&(l=!0,r(0)),s&&!o&&(o=!0,i(0)))}))}}function kr(e){return t=>n=>{var r=Pe,i=!1,l=0;t(o=>{i||(o===0?(i=!0,n(0)):o.tag===0?e<=0?(i=!0,n(0),o[0](1)):r=o[0]:l++<e?(n(o),!i&&l>=e&&(i=!0,n(0),r(1))):n(o))}),n(Je(o=>{o===1&&!i?(i=!0,r(1)):o===0&&!i&&l<e&&r(0)}))}}function Ls(e){return t=>n=>{var r=Pe,i=Pe,l=!1;t(o=>{l||(o===0?(l=!0,i(1),n(0)):o.tag===0?(r=o[0],e(s=>{s===0||(s.tag===0?(i=s[0])(0):(l=!0,i(1),r(1),n(0)))})):n(o))}),n(Je(o=>{o===1&&!l?(l=!0,r(1),i(1)):l||r(0)}))}}function Ts(e,t){return n=>r=>{var i=Pe,l=!1;n(o=>{l||(o===0?(l=!0,r(0)):o.tag===0?(i=o[0],r(o)):e(o[0])?r(o):(l=!0,t&&r(o),r(0),i(1)))})}}function Uu(e){return t=>e()(t)}function Zs(e){return t=>{var n=e[xo()]&&e[xo()]()||e,r=!1,i=!1,l=!1,o;t(Je(async s=>{if(s===1)r=!0,n.return&&n.return();else if(i)l=!0;else{for(l=i=!0;l&&!r;)if((o=await n.next()).done)r=!0,n.return&&await n.return(),t(0);else try{l=!1,t(oa(o.value))}catch(d){if(n.throw)(r=!!(await n.throw(d)).done)&&t(0);else throw d}i=!1}}))}}function $u(e){return e[Symbol.asyncIterator]?Zs(e):t=>{var n=e[Symbol.iterator](),r=!1,i=!1,l=!1,o;t(Je(s=>{if(s===1)r=!0,n.return&&n.return();else if(i)l=!0;else{for(l=i=!0;l&&!r;)if((o=n.next()).done)r=!0,n.return&&n.return(),t(0);else try{l=!1,t(oa(o.value))}catch(d){if(n.throw)(r=!!n.throw(d).done)&&t(0);else throw d}i=!1}}))}}var Wu=$u;function jn(e){return t=>{var n=!1;t(Je(r=>{r===1?n=!0:n||(n=!0,t(oa(e)),t(0))}))}}function Os(e){return t=>{var n=!1,r=e({next(i){n||t(oa(i))},complete(){n||(n=!0,t(0))}});t(Je(i=>{i===1&&!n&&(n=!0,r())}))}}function Si(){var e,t;return{source:Gn(Os(n=>(e=n.next,t=n.complete,al))),next(n){e&&e(n)},complete(){t&&t()}}}function Mo(e){return Os(t=>(e.then(n=>{Promise.resolve(n).then(()=>{t.next(n),t.complete()})}),al))}function sn(e){return t=>{var n=Pe,r=!1;return t(i=>{i===0?r=!0:i.tag===0?(n=i[0])(0):r||(e(i[0]),n(0))}),{unsubscribe(){r||(r=!0,n(1))}}}}function qu(e){sn(t=>{})(e)}function il(e){return new Promise(t=>{var n=Pe,r;e(i=>{i===0?Promise.resolve(r).then(t):i.tag===0?(n=i[0])(0):(r=i[0],n(0))})})}var Gu=e=>e&&e.message&&(e.extensions||e.name==="GraphQLError")?e:typeof e=="object"&&e.message?new ki(e.message,e.nodes,e.source,e.positions,e.path,e,e.extensions||{}):new ki(e),ll=class extends Error{constructor(e Line truncated
`),l+=`[GraphQL] ${o.message}`;return l})(e.networkError,t);super(n),this.name="CombinedError",this.message=n,this.graphQLErrors=t,this.networkError=e.networkError,this.response=e.response}toString(){return this.message}},xi=(e,t)=>{for(var n=0|(t||5381),r=0,i=0|e.length;r<i;r++)n=(n<<5)+n+e.charCodeAt(r);return n},Pt=new Set,Fo=new WeakMap,Qt=e=>{if(e===null||Pt.has(e))return"null";if(typeof e!="object")return JSON.stringify(e)||"";if(e.toJSON)return Qt(e.toJSON());if(Array.isArray(e)){var t="[";for(var n of e)t.length>1&&(t+=","),t+=Qt(n)||"null";return t+="]"}else if($a!==dn&&e instanceof $a||Wa!==dn&&e instanceof Wa)return"null";var r=Object.keys(e).sort();if(!r.length&&e.constructor&&Object.getPrototypeOf(e).constructor!==Object.prototype.constructor){var i=Fo.get(e)||Math.random().toString(36).slice(2);return Fo.set(e,i),Qt({__key:i})}Pt.add(e);var l="{";for(var o of r){var s=Qt(e[o]);s&&(l.length>1&&(l+=","),l+=Qt(o)+":"+s)}return Pt.delete(e),l+="}"},Ni=(e,t,n)=>{if(!(n==null||typeof n!="object"||n.toJSON||Pt.has(n)))if(Array.isArray(n))for(var r=0,i=n.length;r<i;r++)Ni(e,`${t}.${r}`,n[r]);else if(n instanceof $a||n instanceof Wa)e.set(t,n);else{Pt.add(n);for(var l of Object.keys(n))Ni(e,`${t}.${l}`,n[l])}},Ua=e=>(Pt.clear(),Qt(e)),dn=class{},$a=typeof File<"u"?File:dn,Wa=typeof Blob<"u"?Blob:dn,Yu=/("{3}[\s\S]*"{3}|"(?:\\.|[^"])*")/g,Ku=/(?:#[^\n\r]+)?(?:[\r\n]+|$)/g,Ju=(e,t)=>t%2==0?e.replace(Ku,`
`):e,Ao=e=>e.split(Yu).map(Ju).join("").trim(),Lo=new Map,Ra=new Map,ol=e=>{var t;return typeof e=="string"?t=Ao(e):e.loc&&Ra.get(e.__key)===e?t=e.loc.source.body:(t=Lo.get(e)||Ao(De(e)),Lo.set(e,t)),typeof e!="string"&&!e.loc&&(e.loc={start:0,end:t.length,source:{body:t,name:"gql",locationOffset:{line:1,column:1}}}),t},To=e=>{var t=xi(ol(e));if(e.definitions){var n=_s(e);n&&(t=xi(`
# ${n}`,t))}return t},Qu=e=>{var t,n;return typeof e=="string"?(t=To(e),n=Ra.get(t)||Vu(e)):(t=e.__key||To(e),n=Ra.get(t)||e),n.loc||ol(n),n.__key=t,Ra.set(t,n),n},nn=(e,t,n)=>{var r=t||{},i=Qu(e),l=Ua(r),o=i.__key;return l!=="{}"&&(o=xi(l,o)),{key:o,query:i,variables:r,extensions:n}},_s=e=>{for(var t of e.definitions)if(t.kind===Cu.OPERATION_DEFINITION)return t.name?t.name.value:void 0},Zo=(e,t,n)=>{if(!("data"in t||"errors"in t&&Array.isArray(t.errors)))throw new Error("No Content");var r=e.kind==="subscription";return{operation:e,data:t.data,error:Array.isArray(t.errors)?new ll({graphQLErrors:t.errors,response:n}):void 0,extensions:t.extensions?{...t.extensions}:void 0,hasNext:t.hasNext==null?r:t.hasNext,stale:!1}},Mi=(e,t)=>{if(typeof e=="object"&&e!=null&&(!e.constructor||e.constructor===Object||Array.isArray(e))){e=Array.isArray(e)?[...e]:{...e};for(var n of Object.keys(t))e[n]=Mi(e[n],t[n]);return e}return t},Xu=(e,t,n,r)=>{var i=e.error?e.error.graphQLErrors:[],l=!!e.extensions||!!t.extensions,o={...e.extensions,...t.extensions},s=t.incremental;"path"in t&&(s=[t]);var d={data:e.data};if(s){var c=function(m){Array.isArray(m.errors)&&i.push(...m.errors),m.extensions&&(Object.assign(o,m.extensions),l=!0);var p="data",v=d,g=[];if(m.path)g=m.path;else if(r){var y=r.find(C=>C.id===m.id);m.subPath?g=[...y.path,...m.subPath]:g=y.path}for(var w=0,b=g.length;w<b;p=g[w++])v=v[p]=Array.isArray(v[p])?[...v[p]]:{...v[p]};if(m.items)for(var h=+p>=0?p:0,f=0,E=m.items.length;f<E;f++)v[h+f]=Mi(v[h+f],m.items[f]);else m.data!==void 0&&(v[p]=Mi(v[p],m.data))};for(var u of s)c(u)}else d.data=t.data||e.data,i=t.errors||i;return{operation:e.operation,data:d.data,error:i.length?new ll({graphQLErrors:i,response:n}):void 0,extensions:l?o:void 0,hasNext:t.hasNext!=null?t.hasNext:e.hasNext,stale:!1}},Is=(e,t,n)=>({operation:e,data:void 0,error:new ll({networkError:t,response:n}),extensions:void 0,hasNext:!1,stale:!1});function e2(e){return{query:e.extensions&&e.extensions.persistedQuery&&!e.extensions.persistedQuery.miss?void 0:ol(e.query),operationName:_s(e.query),variables:e.variables||void 0,extensions:e.extensions}}var t2=(e,t)=>{var n=e.kind==="query"&&e.context.preferGetMethod;if(!n||!t)return e.context.url;var r=new URL(e.context.url);for(var i in t){var l=t[i];l&&r.searchParams.set(i,typeof l=="object"?Ua(l):l)}var o=r.toString();return o.length>2047&&n!=="force"?(e.context.preferGetMethod=!1,e.context.url):o},n2=(e,t)=>{if(t&&!(e.kind==="query"&&e.context.preferGetMethod)){var n=Ua(t),r=(s=>{var d=new Map;return($a!==dn||Wa!==dn)&&(Pt.clear(),Ni(d,"variables",s)),d})(t.variables);if(r.size){var i=new FormData;i.append("operations",n),i.append("map",Ua({...[...r.keys()].map(s=>[s])}));var l=0;for(var o of r.values())i.append(""+l++,o);return i}return n}},a2=(e,t)=>{var n={accept:e.kind==="subscription"?"text/event-stream, multipart/mixed":"application/graphql-response+json, application/graphql+json, application/json, text/event-stream, multipart/mixed"},r=(typeof e.context.fetchOptions=="function"?e.context.fetchOptions():e.context.fetchOptions)||{};if(r.headers)for(var i in r.headers)n[i.toLowerCase()]=r.headers[i];var l=n2(e,t);return typeof l=="string"&&!n["content-type"]&&(n["content-type"]="application/json"),{...r,method:l?"POST":"GET",body:l,headers:n}},r2=typeof TextDecoder<"u"?new TextDecoder:null,i2=/boundary="?([^=";]+)"?/i,l2=/data: ?([^\n]+)/,Oo=e=>e.constructor.name==="Buffer"?e.toString():r2.decode(e);async function*_o(e){if(e.body[Symbol.asyncIterator])for await(var t of e.body)yield Oo(t);else{var n=e.body.getReader(),r;try{for(;!(r=await n.read()).done;)yield Oo(r.value)}finally{n.cancel()}}}async function*Io(e,t){var n="",r;for await(var i of e)for(n+=i;(r=n.indexOf(t))>-1;)yield n.slice(0,r),n=n.slice(r+t.length)}async function*o2(e,t,n){var r=!0,i=null,l;try{yield await Promise.resolve();var o=(l=await(e.context.fetch||fetch)(t,n)).headers.get("Content-Type")||"",s;/multipart\/mixed/i.test(o)?s=async function*(u,m){var p=u.match(i2),v="--"+(p?p[1]:"-"),g=!0,y;for await(var w of Io(_o(m),`\r
`+v)){if(g){g=!1;var b=w.indexOf(v);if(b>-1)w=w.slice(b+v.length);else continue}try{yield y=JSON.parse(w.slice(w.indexOf(`\r
\r
`)+4))}catch(h){if(!y)throw h}if(y&&y.hasNext===!1)break}y&&y.hasNext!==!1&&(yield{hasNext:!1})}(o,l):/text\/event-stream/i.test(o)?s=async function*(u){var m;for await(var p of Io(_o(u),`
`)){var v=p.match(l2);if(v){var g=v[1];try{yield m=JSON.parse(g)}catch(y){if(!m)throw y}if(m&&m.hasNext===!1)break}}m&&m.hasNext!==!1&&(yield{hasNext:!1})}(l):/text\//i.test(o)?s=async function*(u){var m=await u.text();try{var p=JSON.parse(m);yield p}catch{throw new Error(m)}}(l):s=async function*(u){yield JSON.parse(await u.text())}(l);var d;for await(var c of s)c.pending&&!i?d=c.pending:c.pending&&(d=[...d,...c.pending]),i=i?Xu(i,c,l,d):Zo(e,c,l),r=!1,yield i,r=!0;i||(yield i=Zo(e,{},l))}catch(u){if(!r)throw u;yield Is(e,l&&(l.status<200||l.status>=300)&&l.statusText?new Error(l.statusText):u,l)}}function s2(e,t,n){var r;return typeof AbortController<"u"&&(n.signal=(r=new AbortController).signal),rl(()=>{r&&r.abort()})(Ze(i=>!!i)(Zs(o2(e,t,n))))}var Fi=(e,t)=>{if(!e||typeof e!="object")return e;if(Array.isArray(e))return e.map(i=>Fi(i));if(e&&typeof e=="object"&&(t||"__typename"in e)){var n={};for(var r in e)r==="__typename"?Object.defineProperty(n,"__typename",{enumerable:!1,value:e.__typename}):n[r]=Fi(e[r]);return n}else return e};function Ro(e){var t=n=>e(n);return t.toPromise=()=>il(kr(1)(Ze(n=>!n.stale&&!n.hasNext)(t))),t.then=(n,r)=>t.toPromise().then(n,r),t.subscribe=n=>sn(n)(t),t}function qa(e,t,n){return{...t,kind:e,context:t.context?{...t.context,...n}:n||t.context}}var d2=()=>{},c2=({forward:e,dispatchDebug:t})=>n=>{var r=Da(l=>{var o=e2(l),s=t2(l,o),d=a2(l,o),c=Ls(Ze(u=>u.kind==="teardown"&&u.key===l.key)(n))(s2(l,s,d));return c})(Ze(l=>l.kind!=="teardown"&&(l.kind!=="subscription"||!!l.context.fetchSubscriptions))(n)),i=e(Ze(l=>l.kind==="teardown"||l.kind==="subscription"&&!l.context.fetchSubscriptions)(n));return qn([r,i])},u2=e=>({client:t,forward:n,dispatchDebug:r})=>e.reduceRight((i,l)=>l({client:t,forward(o){return Gn(i(Gn(o)))},dispatchDebug(o){}}),n),m2=({onOperation:e,onResult:t,onError:n})=>({forward:r})=>i=>Da(l=>{n&&l.error&&n(l.error,l.operation);var o=t&&t(l)||l;return"then"in o?Mo(o):jn(o)})(r(Da(l=>{var o=e&&e(l)||l;return"then"in o?Mo(o):jn(o)})(i))),p2=({dispatchDebug:e})=>t=>Ze(n=>!1)(t),h2=function e(t){var n=0,r=new Map,i=new Map,l=new Set,o=[],s={url:t.url,fetchSubscriptions:t.fetchSubscriptions,fetchOptions:t.fetchOptions,fetch:t.fetch,preferGetMethod:t.preferGetMethod,requestPolicy:t.requestPolicy||"cache-first"},d=Si();function c(h){(h.kind==="mutation"||h.kind==="teardown"||!l.has(h.key))&&(h.kind==="teardown"?l.delete(h.key):h.kind!=="mutation"&&l.add(h.key),d.next(h))}var u=!1;function m(h){if(h&&c(h),!u){for(u=!0;u&&(h=o.shift());)c(h);u=!1}}var p=h=>{var f=Ls(Ze(E=>E.kind==="teardown"&&E.key===h.key)(d.source))(Ze(E=>E.operation.kind===h.kind&&E.operation.key===h.key&&(!E.operation.context._instance||E.operation.context._instance===h.context._instance))(b));return t.maskTypename&&(f=wi(E=>({...E,data:Fi(E.data,!0)}))(f)),h.kind!=="query"?f=Ts(E=>!!E.hasNext,!0)(f):f=No(E=>{var C=jn(E);return E.stale||E.hasNext?C:qn([C,wi(()=>(E.stale=!0,E))(kr(1)(Ze(Z=>Z.key===h.key)(d.source)))])})(f),h.kind!=="mutation"?f=rl(()=>{l.delete(h.key),r.delete(h.key),i.delete(h.key),u=!1;for(var E=o.length-1;E>=0;E--)o[E].key===h.key&&o.splice(E,1);c(qa("teardown",h,h.context))})(za(E=>{if(E.stale){for(var C of o)if(C.key===E.operation.key){l.delete(C.key);break}}else E.hasNext||l.delete(h.key);r.set(h.key,E)})(f)):f=Ci(()=>{c(h)})(f),Gn(f)},v=this instanceof e?this:Object.create(e.prototype),g=Object.assign(v,{suspense:!!t.suspense,operations$:d.source,reexecuteOperation(h){if(h.kind==="teardown")m(h);else if(h.kind==="mutation"||i.has(h.key)){for(var f=!1,E=0;E<o.length;E++)f=f||o[E].key===h.key;f||l.delete(h.key),o.push(h),Promise.resolve().then(m)}},createRequestOperation(h,f,E){return E||(E={}),qa(h,f,{_instance:h==="mutation"?n=n+1|0:void 0,...s,...E,requestPolicy:E.requestPolicy||s.requestPolicy,suspense:E.suspense||E.suspense!==!1&&g.suspense})},executeRequestOperation(h){return h.kind==="mutation"?Ro(p(h)):Ro(Uu(()=>{var f=i.get(h.key);f||i.set(h.key,f=p(h)),f=Ci(()=>{m(h)})(f);var E=r.get(h.key);return h.kind==="query"&&E&&(E.stale||E.hasNext)?No(jn)(qn([f,Ze(C=>C===r.get(h.key))(jn(E))])):f}))},executeQuery(h,f){var E=g.createRequestOperation("query",h,f);return g.executeRequestOperation(E)},executeSubscription(h,f){var E=g.createRequestOperation("subscription",h,f);return g.executeRequestOperation(E)},executeMutation(h,f){var E=g.createRequestOperation("mutation",h,f);return g.executeRequestOperation(E)},readQuery(h,f,E){var C=null;return sn(Z=>{C=Z})(g.query(h,f,E)).unsubscribe(),C},query:(h,f,E)=>g.executeQuery(nn(h,f),E),subscription:(h,f,E)=>g.executeSubscription(nn(h,f),E),mutation:(h,f,E)=>g.executeMutation(nn(h,f),E)}),y=d2,w=u2(t.exchanges),b=Gn(w({client:g,dispatchDebug:y,forward:p2({dispatchDebug:y})})(d.source));return qu(b),g},f2={},wr=He(f2),g2=wr.Provider;wr.Consumer;wr.displayName="UrqlContext";var sl=()=>{var e=Gt(wr);return e},Ai={fetching:!1,stale:!1,error:void 0,data:void 0,extensions:void 0,operation:void 0},v2=(e,t)=>e===t||!(!e||!t||e.key!==t.key),$Line truncated
query VisualTestsProjectCountQuery {
viewer {
projectCount
accounts {
newProjectUrl
}
}
}
`),Um=({onBack:e,hasProjectId:t,setAccessToken:n,setCreatedProjectId:r,exchangeParameters:i})=>{let l=sl(),o=hs(),{user_code:s,verificationUrl:d}=i,c=Ee(),u=Ee(),m=Ee(),p=K(async y=>{if(y.message==="login"&&u.current?.(d),y.message==="grant")try{let w=await cc(i);if(!w)throw new Error("Failed to fetch an access token");c.current=w;let b=Ps(w),{data:h}=await l.query(zm,{},{fetchOptions:b});if(!h?.viewer)throw new Error("Failed to fetch initial project list");if(h.viewer.projectCount>0||t)n(c.current),m.current?.();else{if(!h.viewer.accounts[0])throw new Error("User has no accounts!");if(!h.viewer.accounts[0].newProjectUrl)throw new Error("Unexpected missing project URL");u.current?.(h.viewer.accounts[0].newProjectUrl)}}catch(w){o("Login Error",w)}y.message==="createdProject"&&(c.current?(n(c.current),r(`Project:${y.projectId}`),m.current?.()):o("Unexpected missing access token",new Error))},[d,i,l,t,n,o,r]),[v,g]=Gs(p);return u.current=v,m.current=g,a.createElement(pe,{footer:null,ignoreConfig:!0},a.createElement(nl,{onBack:e}),a.createElement(de,null,a.createElement(ne,null,a.createElement("div",null,a.createElement(le,null,"Verify your account"),a.createElement("div",null,a.createElement(j,{center:!0,muted:!0},"Check this verification code on Chromatic to grant access to your published Storybooks.")),a.createElement(Dm,null,s?.split("").map((y,w)=>a.createElement("li",{key:`${w}-${y}`},y.replace(/[^A-Z0-9]/,""))))),a.createElement(re,{variant:"solid",size:"medium",onClick:()=>v(d)},"Go to Chromatic"))))},Ys=e=>a.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},a.createElement("path",{d:"M5.06982 9.68493L7.99484 4.63927L14.5786 4.62406C14.5252 4.52043 14.4696 4.41742 14.4109 4.31532C12.372 0.768556 7.84405 -0.453864 4.29726 1.58495C3.24614 2.1892 2.39921 3.01211 1.78076 3.96327L5.06982 9.68493Z",fill:"#DB4437"}),a.createElement("path",{d:"M10.9276 9.68457L5.09539 9.6743L1.79036 3.98022C1.72727 4.07822 1.66591 4.17795 1.60682 4.27985C-0.445348 7.81892 0.759985 12.3515 4.29905 14.4037C5.34791 15.0118 6.48403 15.3338 7.617 15.3939L10.9276 9.68457Z",fill:"#0F9D58"}),a.createElement("path",{d:"M7.98649 4.61194L10.9032 9.66241L7.63525 15.3778C7.75167 15.3833 7.86871 15.3863 7.98649 15.3863C12.0775 15.3863 15.3939 12.0699 15.3939 7.97893C15.3939 6.76648 15.1025 5.62211 14.5861 4.61194L7.98649 4.61194Z",fill:"#FFCD40"}),a.createElement("path",{d:"M8.01367 4.6366V6.40005L14.613 4.6366H8.01367Z",fill:"url(#paint0_radial_466_21161)"}),a.createElement("path",{d:"M1.78198 4.00098L6.60102 8.8192L5.09764 9.687L1.78198 4.00098Z",fill:"url(#paint1_radial_466_21161)"}),a.createElement("path",{d:"M7.6626 15.4017L9.42689 8.81921L10.9303 9.68702L7.6626 15.4017Z",fill:"url(#paint2_radial_466_21161)"}),a.createElement("ellipse",{cx:"8.01347",cy:"8.00358",rx:"3.36699",ry:"3.36699",fill:"#F1F1F1"}),a.createElement("ellipse",{cx:"8.01367",cy:"8.00354",rx:"2.69361",ry:"2.6936",fill:"#4285F4"}),a.createElement("defs",null,a.createElement("radialGradient",{id:"paint0_radial_466_21161",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(7.69229 4.63226) scale(7.07721 1.89116)"},a.createElement("stop",{stopColor:"#3E2723",stopOpacity:"0.2"}),a.createElement("stop",{offset:"1",stopColor:"#3E2723",stopOpacity:"0.01"})),a.createElement("radialGradient",{id:"paint1_radial_466_21161",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(1.77445 4.00677) scale(6.56938 7.75127)"},a.createElement("stop",{stopColor:"#3E2723",stopOpacity:"0.2"}),a.createElement("stop",{offset:"1",stopColor:"#3E2723",stopOpacity:"0.01"})),a.createElement("radialGradient",{id:"paint2_radial_466_21161",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(8.00025 8.01489) scale(7.39644 14.8995)"},a.createElement("stop",{stopColor:"#263238",stopOpacity:"0.2"}),a.createElement("stop",{offset:"1",stopColor:"#263238",stopOpacity:"0.01"})))),Ks=e=>a.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},a.createElement("path",{d:"M14.9596 5.19849C14.6332 4.41337 13.9721 3.56574 13.453 3.29783C13.8755 4.12612 14.12 4.95699 14.2134 5.57708C14.2134 5.5783 14.2139 5.58133 14.2149 5.58958C13.3657 3.47293 11.9257 2.61943 10.7499 0.761053C10.6905 0.667084 10.631 0.572865 10.573 0.473553C10.5434 0.422834 10.5159 0.371004 10.4903 0.318178C10.4414 0.223861 10.4038 0.124166 10.378 0.0211155C10.3782 0.0162369 10.3765 0.0114673 10.3734 0.00774353C10.3702 0.0040198 10.3658 0.00161108 10.3609 0.000990505C10.3563 -0.000330168 10.3515 -0.000330168 10.3468 0.000990505C10.3458 0.0013655 10.3442 0.00258425 10.3431 0.00302175C10.3414 0.003678 10.3393 0.005178 10.3376 0.00614675C10.3384 0.00502175 10.3402 0.0024905 10.3407 0.00189675C8.45416 1.10677 7.81416 3.15068 7.75535 4.17327C7.00199 4.22506 6.28171 4.50262 5.68841 4.96977C5.62629 4.9173 5.56135 4.86827 5.49388 4.8229C5.3227 4.2240 Line truncated
0% {
transform: translate(0, 0);
}
4.41177% {
transform: translate(3px, 0);
}
8.82353% {
transform: translate(0, 0);
}
13.23529% {
transform: translate(3px, 0);
}
17.64706% {
transform: translate(0, 0);
}
22.05882% {
transform: translate(3px, 0);
}
26.47059% {
transform: translate(0, 0);
}
100% {
transform: translate(0, 0);
}
`,Yr=k(e4)(({theme:e})=>({background:e.base==="dark"?`color-mix(in srgb, ${e.color.positive}, transparent 50%)`:e.color.positive,color:"white",width:20,height:20,padding:4,borderRadius:"50%"})),Kr=k(t4)(({theme:e})=>({background:e.background.hoverable,color:e.color.secondary,width:20,height:20,padding:4,borderRadius:"50%",animation:`${n4} 3.72s ease infinite`,transformOrigin:"50% 50%"})),a4=k.ul({textAlign:"left",listStyleType:"none",margin:0,padding:0,li:{display:"flex",gap:10,padding:10,lineHeight:"20px"}}),Jr=k.div({width:"100%",display:"flex",flexDirection:"column",gap:8}),Na=k.pre(({theme:e})=>({margin:0,padding:"10px 12px",fontSize:"12px",background:e.background.content,border:`1px solid ${e.appBorderColor}`,borderRadius:4})),r4=({gitInfoError:e})=>{let t=e?.message.includes("git init"),n=t||e?.message.includes("one commit"),r=e?.message.includes("user.email");return Ve("Errors",t?"GitNotFound":"GitError"),a.createElement(pe,{footer:null},a.createElement(de,null,r?a.createElement(ne,null,a.createElement("div",null,a.createElement(le,null,"Configure your Git email"),a.createElement(j,{center:!0,muted:!0},"Chromatic requires Git to be configured with an email address to connect local builds to CI builds and link builds to user accounts.")),a.createElement(j,{center:!0,muted:!0},"Run this command to set an email address:"),a.createElement(Na,null,'git config user.email "you@example.com"'),a.createElement(j,{muted:!0,small:!0},a.createElement(Ne,{target:"_blank",href:"https://www.chromatic.com/docs/privacy-policy/",withArrow:!0,secondary:!0},"Privacy policy"))):a.createElement(ne,null,a.createElement("div",null,a.createElement(le,null,"Set up a Git repository"),a.createElement(j,{center:!0,muted:!0},"Chromatic requires Git to associate test results with commits and branches. Run these steps to get started:")),a.createElement(a4,null,a.createElement("li",null,t?a.createElement(Kr,null):a.createElement(Yr,null),a.createElement(Jr,null,a.createElement("span",null,"Initialize a Git repository"),t&&a.createElement(Na,null,"git init"))),a.createElement("li",null,n?a.createElement(Kr,null):a.createElement(Yr,null),a.createElement(Jr,null,a.createElement("span",null,"Stage all files"),n&&a.createElement(Na,null,"git add ."))),a.createElement("li",null,n?a.createElement(Kr,null):a.createElement(Yr,null),a.createElement(Jr,null,a.createElement("span",null,"Commit the changes"),n&&a.createElement(Na,null,'git commit -m "Initial commit"')))),a.createElement(Ne,{target:"_blank",href:"https://www.chromatic.com/docs/visual-tests-addon#git-addon",withArrow:!0,secondary:!0},"Visual tests requirements"))))},i4=k(Ji)(({theme:e})=>({width:40,height:40,padding:10,background:e.color.positive,borderRadius:"100%",color:"white"})),l4=k(Ne)(()=>({marginTop:5})),o4=Qe(`
query ProjectQuery($projectId: ID!) {
project(id: $projectId) {
id
name
webUrl
lastBuild {
branch
number
}
}
}
`),s4=({projectId:e,configFile:t,goToNext:n})=>{Ve("LinkProject","LinkedProject");let[{data:r,fetching:i,error:l}]=dl({query:o4,variables:{projectId:e}});return a.createElement(pe,{footer:a.createElement(br,null,a.createElement(Ue,null,r?.project?.lastBuild&&a.createElement(j,{style:{marginLeft:5}},"Last build: ",r.project.lastBuild.number," on branch"," ",r.project.lastBuild.branch)),a.createElement(Ue,{push:!0},a.createElement(yr,null)))},a.createElement(de,null,a.createElement(ne,null,i&&a.createElement("p",null,"Loading..."),l&&a.createElement("p",null,l.message),r?.project&&a.createElement(a.Fragment,null,a.createElement(i4,null),a.createElement("div",null,a.createElement(le,null,"Project linked!"),a.createElement(j,{center:!0,muted:!0,style:{maxWidth:500}},"The ",a.createElement(Te,null,"projectId")," for ",a.createElement("strong",null,r.project.name)," was added in"," ",a.createElement(Te,null,t)," to sync tests with Chromatic. Please commit this change to continue using this addon.")),a.createElement(bt,null,a.createElement(re,{variant:"solid",size:"medium",onClick:()=>n()},"Catch a UI change"),a.createElement(l4,{href:"https://www.chromatic.com/docs/cli",target:"_blank",withArrow:!0,secondary:!0},"What's a project ID?"))))))};function d4(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];var r=Array.from(typeof e=="string"?[e]:e);r[r.length-1]=r[r.length-1].replace(/\r?\n([\t ]*)$/,"");var i=r.reduce(function(s,d){var c=d.match(/\n([\t ]+|(?!\s).)/g);return c?s.concat(c.map(function(u){var m,p;return(p=(m=u.match(/[\t ]/g))===null||m===void 0?void 0:m.length)!==null&&p!==void 0?p:0})):s},[]);if(i.length){var l=new RegExp(`
[ ]{`+Math.min.apply(Math,i)+"}","g");r=r.map(function(s){return s.replace(l,`
`)})}r[0]=r[0].replace(/^\r?\n/,"");var o=r[0];return t.forEach(function(s,d){var c=o.match(/(?:^|\n)( *)$/),u=c?c[1]:"",m=s;typeof s=="string"&&s.includes(`
`)&&(m=String(s).split(`
`).map(function(p,v){return v===0?p:""+u+p}).join(`
`)),o+=m+r[d+1]}),o}var c4=k.div(({theme:e})=>({"&& > *":{margin:0},"&& pre":{color:e.base==="light"?e.color.darker:e.color.lighter,background:e.base==="light"?e.color.lightest:e.color.darkest,fontSize:"12px",lineHeight:"16px",textAlign:"left",padding:"15px !important"}})),u4="https://www.chromatic.com/docs/visual-tests-addon/#configure";function m4({projectId:e,configFile:t}){return Ve("LinkProject","LinkingProjectFailed"),a.createElement(pe,null,a.createElement(de,null,a.createElement(ne,null,a.createElement("div",null,a.createElement(le,null,"Add the project ID to your Chromatic config"),a.createElement(j,{center:!0,muted:!0},"The ",a.createElement(Te,null,"projectId")," will be used to sync tests with Chromatic. Please commit this change to continue using the addon. The file should be saved at"," ",a.createElement(Te,null,t),".")),a.createElement(c4,null,a.createElement(Te,null,d4`
{
"projectId": "${e}",
}
`)),a.createElement(Ne,{secondary:!0,withArrow:!0,target:"_blank",href:u4},"What's this for?"))))}var p4=Qe(`
query SelectProjectsQuery {
viewer {
accounts {
id
name
avatarUrl
newProjectUrl
projects {
id
name
webUrl
lastBuild {
branch
number
}
}
}
}
}
`),h4=({createdProjectId:e,setCreatedProjectId:t,onUpdateProject:n})=>{let r=a.useCallback(async i=>{await n(i)},[n]);return a.createElement(v4,{createdProjectId:e,setCreatedProjectId:t,onSelectProjectId:r})},Ma=k.div(({theme:e})=>({fontSize:`${e.typography.size.s1-1}px`,fontWeight:e.typography.weight.bold,color:e.base==="light"?e.color.dark:e.color.light,backgroundColor:"inherit",padding:"7px 15px",borderBottom:`1px solid ${e.appBorderColor}`,lineHeight:"18px",letterSpacing:"0.38em",textTransform:"uppercase"})),Ho=k.div({}),jo=k.div(({theme:e})=>({background:e.base==="light"?e.color.lighter:e.color.darker})),Do=k.div(({theme:e})=>({background:e.base==="light"?e.color.lightest:e.color.darkest,borderRadius:5,border:`1px solid ${e.appBorderColor}`,height:260,maxWidth:420,minWidth:260,width:"100%",overflow:"hidden",textAlign:"left",position:"relative",display:"flex","> *":{flex:1,display:"flex",flexDirection:"column",width:"50%"}})),Fa=k.div({height:"100%",overflowY:"auto"}),f4=k(ne)({width:"100%"}),g4=k(O5)({marginRight:10});function v4({createdProjectId:e,setCreatedProjectId:t,onSelectProjectId:n}){let[{data:r,fetching:i,error:l},o]=dl({query:p4});te(()=>{let h=setInterval(o,5e3);return()=>clearInterval(h)},[o]);let[s,d]=Be("selectedAccountId"),c=r?.viewer?.accounts.find(h=>h.id===s),u=K(h=>d(h.id),[d]);te(()=>{!s&&r?.viewer?.accounts&&u(r.viewer.accounts[0])},[r,s,u]);let[m,p]=Be("isSelectingProject",!1),v=K(h=>{p(!0),n(h.id);let f=setTimeout(()=>{p(!1)},1e3);return()=>clearTimeout(f)},[n,p]),g=K(async h=>{h.message==="createdProject"&&(o(),t(h.projectId))},[o,t]),[y,w]=Gs(g),b=e&&c?.projects?.find(h=>h?.id.endsWith(e));return te(()=>{b&&(w(),v(b))},[b,v,w]),Ve("LinkProject","LinkProject"),a.createElement(pe,null,a.createElement(de,null,a.createElement(f4,null,a.createElement("div",null,a.createElement(le,null,"Select a project"),a.createElement(j,{muted:!0},"Your tests will sync with this project.")),l&&a.createElement("p",null,l.message),!r&&i&&a.createElement(Do,null,a.createElement(Ho,null,a.createElement(Ma,null,"Accounts"),a.createElement(Fa,null,a.createElement(qe,{appearance:"secondary",isLoading:!0}),a.createElement(qe,{appearance:"secondary",isLoading:!0}),a.createElement(qe,{appearance:"secondary",isLoading:!0}),a.createElement(qe,{appearance:"secondary",isLoading:!0}),a.createElement(qe,{appearance:"secondary",isLoading:!0}))),a.createElement(jo,null,a.createElement(Ma,null,"Projects"),a.createElement(Fa,{"data-testid":"right-list"},a.createElement(qe,{appearance:"secondary",isLoading:!0}),a.createElement(qe,{appearance:"secondary",isLoading:!0}),a.createElement(qe,{appearance:"secondary",isLoading:!0})))),r?.viewer?.accounts&&a.createElement(Do,null,a.createElement(Ho,null,a.createElement(Ma,null,"Accounts"),a.createElement(Fa,{"data-testid":"left-list"},r.viewer.accounts?.map(h=>a.createElement(qe,{key:h.id,title:h.name,appearance:"secondary",left:a.createElement(g4,{src:h.avatarUrl??void 0,size:"tiny"}),onClick:()=>u(h),active:s===h.id})))),a.createElement(jo,null,a.createElement(Ma,null,"Projects"),a.createElement(Fa,{"data-testid":"right-list"},c&&a.createElement(qe,{isLink:!1,onClick:()=>{if(!c?.newProjectUrl)throw new Error("Unexpected missing `newProjectUrl` on account");y(c.newProjectUrl)},title:a.createElement(Ne,{isButton:!0,withArrow:!0},"Create new project")}),c?.projects?.map(h=>h&&a.createElement(qe,{appearance:"secondary",key:h.id,title:h.name,right:a.createElement(Ec,{"aria-label":h.name}),onClick:()=>v(h),disabled:m}))))))))}var y4=()=>a.createElement(pe,{footer:null},a.createElement(de,null,a.createElement(ne,null,a.createElement("div",null,a.createElement(le,null,"Visual tests"),a.createElement(j,{center:!0,muted:!0},"Visual tests only runs locally. To test this Storybook, clone it to your machine and run ",a.createElement(Te,null,"npx storybook dev"),"."))))),b4=({offline:e=!1})=>a.createElement(pe,{footer:null},a.createElement(de,null,a.createElement(ne,null,a.createElement("div",null,a.createElement(le,null,"Can't connect to Chromatic"),a.createElement(j,{center:!0,muted:!0},e?"You're offline. Double check your internet connection.":"We're having trouble connecting to the Chromatic API.")),!e&&a.createElement(Ne,{href:"https://status.chromatic.com",target:"_blank",rel:"noreferrer",withArrow:!0},"Chromatic API status")))),E4=()=>(Ve("Uninstalled","uninstalled"),a.createElement(pe,{footer:!1},a.createElement(de,null,a.createElement(ne,null,a.createElement("div",null,a.createElement(le,null,"Uninstall complete"),a.createElement(j,{center:!0,muted:!0},"Visual tests will vanish the next time you restart your Storybook.")))))),Qs={isRunning:!1,startBuild:()=>{},stopBuild:()=>{}},Xs=He(Qs),sa=()=>ht(Xs,"RunBuild"),k4=({children:e,watchState:t=Qs})=>a.createElement(Xs.Provider,{value:t},e),_i={PENDING:"status-value:warning",FAILED:"status-value:error",DENIED:"status-value:error",BROKEN:"status-value:error",IN_PROGRESS:"status-value:pending",ACCEPTED:"status-value:success",PASSED: Line truncated
@keyframes joyride-beacon-inner {
20% {
opacity: 0.9;
}
90% {
opacity: 0.7;
}
}
@keyframes joyride-beacon-outer {
0% {
transform: scale(1);
}
45% {
opacity: 0.7;
transform: scale(0.75);
}
100% {
opacity: 0.9;
transform: scale(1);
}
}
`)),t.appendChild(n)}componentDidMount(){let{shouldFocus:e}=this.props;setTimeout(()=>{O.domElement(this.beacon)&&e&&this.beacon.focus()},0)}componentWillUnmount(){let e=document.getElementById("joyride-beacon-animation");e?.parentNode&&e.parentNode.removeChild(e)}render(){let{beaconComponent:e,continuous:t,index:n,isLastStep:r,locale:i,onClickOrHover:l,size:o,step:s,styles:d}=this.props,c=O.string(i.open)?i.open:(0,s3.default)(i.open),u={"aria-label":c,onClick:l,onMouseEnter:l,ref:this.setBeaconRef,title:c},m;return e?m=S(e,{continuous:t,index:n,isLastStep:r,size:o,step:s,...u}):m=S("button",{key:"JoyrideBeacon",className:"react-joyride__beacon","data-test-id":"button-beacon",style:d.beacon,type:"button",...u},S("span",{style:d.beaconInner}),S("span",{style:d.beaconOuter})),m}};function Z3({styles:e}){return S("div",{key:"JoyrideSpotlight",className:"react-joyride__spotlight","data-test-id":"spotlight",style:e})}var O3=Z3,_3=class extends Tt{constructor(){super(...arguments),_(this,"isActive",!1),_(this,"resizeTimeout"),_(this,"scrollTimeout"),_(this,"scrollParent"),_(this,"state",{isScrolling:!1,mouseOverSpotlight:!1,showSpotlight:!0}),_(this,"handleMouseMove",e=>{let{mouseOverSpotlight:t}=this.state,{height:n,left:r,position:i,top:l,width:o}=this.spotlightStyles,s=i==="fixed"?e.clientY:e.pageY,d=i==="fixed"?e.clientX:e.pageX,c=s>=l&&s<=l+n,u=d>=r&&d<=r+o&&c;u!==t&&this.updateState({mouseOverSpotlight:u})}),_(this,"handleScroll",()=>{let{target:e}=this.props,t=Mt(e);if(this.scrollParent!==document){let{isScrolling:n}=this.state;n||this.updateState({isScrolling:!0,showSpotlight:!1}),clearTimeout(this.scrollTimeout),this.scrollTimeout=window.setTimeout(()=>{this.updateState({isScrolling:!1,showSpotlight:!0})},50)}else la(t,"sticky")&&this.updateState({})}),_(this,"handleResize",()=>{clearTimeout(this.resizeTimeout),this.resizeTimeout=window.setTimeout(()=>{this.isActive&&this.forceUpdate()},100)})}componentDidMount(){let{debug:e,disableScrolling:t,disableScrollParentFix:n=!1,target:r}=this.props,i=Mt(r);this.scrollParent=Mr(i??document.body,n,!0),this.isActive=!0,window.addEventListener("resize",this.handleResize)}componentDidUpdate(e){var t;let{lifecycle:n,spotlightClicks:r}=this.props,{changed:i}=lr(e,this.props);i("lifecycle",q.TOOLTIP)&&((t=this.scrollParent)==null||t.addEventListener("scroll",this.handleScroll,{passive:!0}),setTimeout(()=>{let{isScrolling:l}=this.state;l||this.updateState({showSpotlight:!0})},100)),(i("spotlightClicks")||i("disableOverlay")||i("lifecycle"))&&(r&&n===q.TOOLTIP?window.addEventListener("mousemove",this.handleMouseMove,!1):n!==q.TOOLTIP&&window.removeEventListener("mousemove",this.handleMouseMove))}componentWillUnmount(){var e;this.isActive=!1,window.removeEventListener("mousemove",this.handleMouseMove),window.removeEventListener("resize",this.handleResize),clearTimeout(this.resizeTimeout),clearTimeout(this.scrollTimeout),(e=this.scrollParent)==null||e.removeEventListener("scroll",this.handleScroll)}get spotlightStyles(){var e,t,n;let{showSpotlight:r}=this.state,{disableScrollParentFix:i=!1,spotlightClicks:l,spotlightPadding:o=0,styles:s,target:d}=this.props,c=Mt(d),u=A0(c),m=la(c),p=f3(c,o,i);return{...f1()?s.spotlightLegacy:s.spotlight,height:Math.round(((e=u?.height)!=null?e:0)+o*2),left:Math.round(((t=u?.left)!=null?t:0)-o),opacity:r?1:0,pointerEvents:l?"none":"auto",position:m?"fixed":"absolute",top:p,transition:"opacity 0.2s",width:Math.round(((n=u?.width)!=null?n:0)+o*2)}}updateState(e){this.isActive&&this.setState(t=>({...t,...e}))}render(){let{mouseOverSpotlight:e,showSpotlight:t}=this.state,{disableOverlay:n,disableOverlayClose:r,lifecycle:i,onClickOverlay:l,placement:o,styles:s}=this.props;if(n||i!==q.TOOLTIP)return null;let d=s.overlay;f1()&&(d=o==="center"?s.overlayLegacyCenter:s.overlayLegacy);let c={cursor:r?"default":"pointer",height:u3(),pointerEvents:e?"none":"auto",...d},u=o!=="center"&&t&&S(O3,{styles:this.spotlightStyles});if(L0()==="safari"){let{mixBlendMode:m,zIndex:p,...v}=c;u=S("div",{style:{...v}},u),delete c.backgroundColor}return S("div",{className:"react-joyride__overlay","data-test-id":"overlay",onClick:l,role:"presentation",style:c},u)}},I3=class extends Tt{constructor(){super(...arguments),_(this,"node",null)}componentDidMount(){let{id:e}=this.props;xt()&&(this.node=document.createElement("div"),this.node.id=e,document.body.appendChild(this.node),Zn||this.renderReact15())}componentDidUpdate(){xt()&&(Zn||this.renderReact15())}componentWillUnmount(){!xt()||!this.node||(Zn||Bl(this.node),this.node.parentNode===document.body&&(document.body.removeChild(this.node),this.node=null))}renderReact15(){if(!xt())return;let{children:e}=this.props;this.node&&Pl(this,e,this.node)}renderReact16(){if(!xt()||!Zn)return null;let{children:e}=this.props;return this.node?Ea(e,this.node):null}render(){return Zn?this.renderReact16():null}};function R3({styles:e,...t}){let{color:n,height:r,width:i,...l}=e;return a.createElement("button",{style:l,type:"button" Line truncated
query AddonVisualTestsBuild(
$projectId: ID!
$branch: String!
$gitUserEmailHash: String!
$repositoryOwnerName: String
$storyId: String!
$testStatuses: [TestStatus!]!
$selectedBuildId: ID!
$hasSelectedBuildId: Boolean!
) {
project(id: $projectId) {
name
manageUrl
account {
billingUrl
suspensionReason
}
features {
uiTests
}
lastBuildOnBranch: lastBuild(
branches: [$branch]
repositoryOwnerName: $repositoryOwnerName
localBuilds: { localBuildEmailHash: $gitUserEmailHash }
) {
...LastBuildOnBranchBuildFields
...SelectedBuildFields @skip(if: $hasSelectedBuildId)
}
lastBuild {
id
slug
branch
}
}
selectedBuild: build(id: $selectedBuildId) @include(if: $hasSelectedBuildId) {
...SelectedBuildFields
}
viewer {
preferences {
vtaOnboarding
}
projectMembership(projectId: $projectId) {
userCanReview: meetsAccessLevel(minimumAccessLevel: REVIEWER)
}
}
}
`),Y3=Qe(`
fragment LastBuildOnBranchBuildFields on Build {
__typename
id
status
committedAt
... on StartedBuild {
testsForStatus: tests(first: 1000, statuses: $testStatuses) {
nodes {
...StatusTestFields
}
}
testsForStory: tests(storyId: $storyId) {
nodes {
...LastBuildOnBranchTestFields
}
}
}
... on CompletedBuild {
result
testsForStatus: tests(first: 1000, statuses: $testStatuses) {
nodes {
...StatusTestFields
}
}
testsForStory: tests(storyId: $storyId) {
nodes {
...LastBuildOnBranchTestFields
}
}
}
}
`),K3=Qe(`
fragment SelectedBuildFields on Build {
__typename
id
number
branch
commit
committedAt
uncommittedHash
status
... on StartedBuild {
startedAt
testsForStory: tests(storyId: $storyId) {
nodes {
...StoryTestFields
}
}
}
... on CompletedBuild {
startedAt
testsForStory: tests(storyId: $storyId) {
nodes {
...StoryTestFields
}
}
}
}
`),I0=Qe(`
fragment StatusTestFields on Test {
id
status
result
story {
storyId
}
}
`),J3=Qe(`
fragment LastBuildOnBranchTestFields on Test {
status
result
}
`),Q3=Qe(`
fragment StoryTestFields on Test {
id
status
result
webUrl
comparisons {
id
result
browser {
id
key
name
version
}
captureDiff {
diffImage(signed: true) {
imageUrl
imageWidth
}
focusImage(signed: true) {
imageUrl
imageWidth
}
}
headCapture {
captureImage(signed: true) {
backgroundColor
imageUrl
imageWidth
imageHeight
thumbnailUrl
}
captureError {
kind
... on CaptureErrorInteractionFailure {
error
}
... on CaptureErrorJSError {
error
}
... on CaptureErrorFailedJS {
error
}
}
}
baseCapture {
captureImage(signed: true) {
imageUrl
imageWidth
imageHeight
}
}
}
mode {
name
globals
}
story {
storyId
name
component {
name
}
}
}
`),X3=Qe(`
mutation ReviewTest($input: ReviewTestInput!) {
reviewTest(input: $input) {
updatedTests {
id
status
}
userErrors {
... on UserError {
__typename
message
}
... on BuildSupersededError {
build {
id
}
}
... on TestUnreviewableError {
test {
id
}
}
}
}
}
`),e7=({projectId:e,storyId:t,gitInfo:n,selectedBuildInfo:r})=>{let[{data:i,error:l,operation:o},s]=dl({query:G3,variables:{projectId:e,storyId:t,testStatuses:Object.keys(_i),branch:n.branch||"",...n.slug?{repositoryOwnerName:n.slug.split("/",1)[0]}:{},gitUserEmailHash:n.userEmailHash,selectedBuildId:r?.buildId||"",hasSelectedBuildId:!!r}});te(()=>{let y=setInterval(s,5e3);return()=>clearInterval(y)},[s]);let d=o&&t&&o.variables.storyId!==t,c=an(Y3,i?.project?.lastBuildOnBranch),u=[...an(J3,c&&"testsForStory"in c&&c.testsForStory?c.testsForStory.nodes:[])],m=c?.committedAt>n.committedAt,p=!!c&&!m,v=!!c&&u.every(y=>y.status!=="IN_PROGRESS"),g=an(K3,i?.selectedBuild??(v?i?.project?.lastBuildOnBranch:void 0));return{account:i?.project?.account,features:i?.project?.features,manageUrl:i?.project?.manageUrl,hasData:!!i&&!d,hasProject:!!i?.project,hasSelectedBuild:g?.branch.split(":").at(-1)===n.branch,lastBuildOnBranch:c,lastBuildOnBranchIsNewer:m,lastBuildOnBranchIsReady:v,lastBuildOnBranchIsSelectable:p,selectedBuild:g,selectedBuildMatchesGit:g?.branch.split(":").at(-1)===n.branch&&g?.commit===n.commit&&g?.uncommittedHash===n.uncommittedHash,rerunQuery:s,queryError:l,userCanReview:!!i?.viewer?.projectMembership?.userCanReview,vtaOnboarding:i?.viewer?.preferences?.vtaOnboarding}},El=He(null),R0=He(null),t7=()=>ht(El,"Build"),B0=()=>{let{selectedBuild:e}=ht(El,"Build");if(!e)throw new Error("No selectedBuild on Build context");return e},Wt=()=>ht(R0,"Story"),ai=({children:e,watchState:t})=>{let n=!!t?.selectedBuild&&"testsForStory"in t.selectedBuild,r=t?.selectedBuild&&"testsForStory"in t.selectedBuild&&t.selectedBuild.testsForStory?.nodes,i=[...an(Q3,r||[])],l=bl(i),{toggleDiff:o}=vn();return te(()=>o(l.changeCount>0),[o,l.changeCount]),a.createElement(El.Provider,{value:ft(()=>t,[JSON.stringify(t?.selectedBuild)])},a.createElement(R0.Provider,{value:{hasTests:n,tests:i,summary:l,...q3(i)}},e))},n7=k.div({zIndex:9999,position:"fixed",top:0,left:"50%",width:"50%",height:"100%"}),a7=a.memo(function({timeToFade:e=5e3,colors:t=["#CA90FF","#FC521F","#66BF3C","#FF4785","#FFAE00","#1EA7FD"],...n}){return a.createElement(n7,null,a.createElement(no,{colors:t,particleCount:200,duration:e,stageHeight:window.innerHeight,stageWidth:window.innerWidth,destroyAfterDone:!0,...n}))}),r7=k.div(({theme:e})=>({background:e.base==="light"?e.color.lightest:"#292A2C",width:260,padding:15,borderRadius:5,boxShadow:"0px 0px 32px 0px #00000029"})),i7=k.div({display:"flex",flexDirection:"column",alignItems:"flex-start"}),l7=k.div(({theme:e})=>({fontSize:13,lineHeight:"18px",fontWeight:700,color:e.color.defaultText})),o7=k.div(({theme:e})=>({fontSize:13,lineHeight:"18px",textAlign:"start",color:e.color.defaultText,margin:0,marginTop:5})),s7=k.div({display:"flex",justifyContent:"flex-end",marginTop:15}),d7=({isLastStep:e,step:t,primaryProps:n,tooltipProps:r})=>a.createElement(r7,{...r},a.createElement(i7,null,t.title&&a.createElement(l7,null,t.title),a.createElement(o7,null,t.content)),(t.hideNextButton||t.hideBackButton)&&a.createElement(s7,{id:"buttonSkip"},!t.hideSkipButton&&!e&&a.createElement(re,{size:"medium",onClick:t.onSkipWalkthroughButtonClick,link:!0,style:{paddingRight:12,paddingLeft:12,marginRight:8}},"Skip"),!t.hideNextButton&&a.createElement(re,{...n,onClick:n.onClick,variant:"solid",...t.onNextButtonClick?{onClick:t.onNextButtonClick}:{}},t.nextButtonText||"Next"))),E1="setFilter",c7=({managerApi:e,skipWalkthrough:t,startWalkthrough:n,completeWalkthrough:r})=>{let i=Sn(),l=Wt(),o=l?.selectedTest?.result==="CHANGED",s=l?.selectedTest?.status!=="ACCEPTED",d=JSON.stringify(wn().layout),c=Ee(d);c.current!==d&&(window.dispatchEvent(new Event("resize")),c.current=d),te(()=>{n()}),te(()=>{e.getCurrentStoryData()?.type!=="story"&&e.jumpToStory(1),e.togglePanel(!0),e.togglePanelPosition("right"),e.setSelectedPanel(rn)},[e]);let[u,m]=Be("showConfetti",!1),[p,v]=Be("stepIndex",0),g=()=>v((y=0)=>y+1);return te(()=>{let y=document.getElementById("storybook-explorer-tree"),w=Array.from(y instanceof HTMLElement?y.children:[]).filter(b=>b instanceof HTMLElement).slice(1);return w.forEach(b=>b.style.display="none"),()=>w.forEach(b=>b.style.display="")},[]),te(()=>{let y=()=>{v(1),setTimeout(()=>{window.dispatchEvent(new Event("resize"))},100)};return e.on(lo,y),e.on(E1,y),()=>{e.off(lo,y),e.off(E1,y)}},[e,v]),te(()=>{l?.selectedTest?.status==="ACCEPTED"&&p===5&&(m(!0),v(6))},[l?.selectedTest?.status,u,m,p,v]),a.createElement(a.Fragment,null,u&&a.createElement(a7,null),a.createElement(D3,{steps:[{target:"#sidebar-bottom-wrapper",title:"Changes found",content:a.createElement(a.Fragment,null,"The visual tests addon will detect changes in all of your stories and allow you to review them before opening a pull request.",a.createElement("br",null),a.createElement("br",null),"Click the number at the bottom-right to only show stories with visual changes."),floaterProps:{target:"#warnings-found-filter",options:{preventOverflow:{boundariesElement:"windo Line truncated
"info info"
"actions actions"
"label controls"
`,gridTemplateColumns:"1fr fit-content(50%)",gridTemplateRows:"auto auto auto",borderBottom:`1px solid ${e.appBorderColor}`,"@container (min-width: 300px)":{gridTemplateAreas:`
"info actions"
"label controls"
`,gridTemplateColumns:"1fr auto",gridTemplateRows:"auto auto"},"@container (min-width: 800px)":{gridTemplateAreas:'"info label controls actions"',gridTemplateColumns:"auto 1fr auto auto",gridTemplateRows:"39px"}})),P1=k.div({display:"grid",gridTemplateAreas:`
"header"
"main"
"footer"
`,gridTemplateColumns:"1fr",gridTemplateRows:"auto 1fr auto",height:"100%","&[hidden]":{display:"none"}}),V1=k.div(({theme:e})=>({gridArea:"header",position:"sticky",zIndex:1,top:0,background:e.background.content,"@container (min-width: 800px)":{background:e.background.app}})),i6=k.div(({theme:e})=>({gridArea:"main",overflowY:"auto",maxHeight:"100%",background:e.background.content})),H1=k.div({gridArea:"footer",position:"sticky",zIndex:1,bottom:0}),l6=k.div(({children:e,theme:t})=>({display:"flex",alignItems:"center",border:`0px solid ${t.appBorderColor}`,borderTopWidth:1,borderBottomWidth:e?1:0,height:e?40:0,padding:e?"0 15px":0})),o6=k.div(({theme:e})=>({fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,color:e.color.defaultText,lineHeight:"18px",padding:15,whiteSpace:"pre-wrap",wordBreak:"break-word"})),oi=k.div(({theme:e})=>({background:e.background.hoverable,padding:"10px 15px",lineHeight:"18px",position:"relative",borderBottom:`1px solid ${e.appBorderColor}`})),s6=({isOutdated:e,isStarting:t,isBuildFailed:n,shouldSwitchToLastBuildOnBranch:r,switchToLastBuildOnBranch:i,hidden:l,storyId:o})=>{let{baselineImageVisible:s,diffVisible:d,focusVisible:c}=vr(),{toggleBaselineImage:u,toggleSettings:m,toggleWarnings:p}=vn(),v=B0(),g="startedAt"in v&&v.startedAt,y=Wt(),{tests:w}=y,b=a.useRef(o),h=a.useRef(y.selectedComparison?.id),f=a.useRef(v.id),{selectedTest:E,selectedComparison:C}=y,Z=w.every(({result:fe,status:ce})=>fe==="ADDED"&&ce!=="ACCEPTED"),M=!Z&&E?.result==="ADDED"&&E?.status!=="ACCEPTED",V=!Z&&C?.result==="ADDED"&&E?.result!=="ADDED"&&E?.status!=="ACCEPTED";te(()=>{(b.current!==o||h.current!==y.selectedComparison?.id||f.current!==v.id||Z||M||V)&&(u(!1),m(!1),p(!1)),h.current=y.selectedComparison?.id,b.current=o,f.current=v.id},[v.id,o,y,u,m,p,Z,M,V]);let D=a.createElement(r6,{tests:w,startedAt:g,isStarting:t,isBuildFailed:n,isOutdated:e,shouldSwitchToLastBuildOnBranch:r,switchToLastBuildOnBranch:i});if(t||!w.length)return a.createElement(P1,{hidden:l},a.createElement(V1,null,a.createElement(B1,null,D)),a.createElement(H1,null,a.createElement(L1,null)));let X=bl(w),{isInProgress:oe}=X,ve=C?.headCapture?.captureError&&"error"in C?.headCapture?.captureError&&C?.headCapture?.captureError?.error;return a.createElement(P1,{hidden:l},a.createElement(V1,null,a.createElement(B1,null,D,a.createElement(lh,{isOutdated:e}))),a.createElement(i6,null,oe&&a.createElement(Zr,null),!oe&&Z&&a.createElement(oi,null,a.createElement(j,null,"New story found. Accept this snapshot as a test baseline."," ",a.createElement(Ne,{withArrow:!0,href:"https://www.chromatic.com/docs/branching-and-baselines",target:"_blank"},"Learn more"))),!oe&&M&&a.createElement(oi,null,a.createElement(j,null,"New mode found. Accept this snapshot as a test baseline."," ",a.createElement(Ne,{withArrow:!0,href:"https://www.chromatic.com/docs/branching-and-baselines",target:"_blank"},"Learn more"))),!oe&&V&&a.createElement(oi,null,a.createElement(j,null,"New browser found. Accept this snapshot as a test baseline."," ",a.createElement(Ne,{withArrow:!0,href:"https://www.chromatic.com/docs/branching-and-baselines",target:"_blank"},"Learn more"))),!oe&&C&&a.createElement(G7,{key:C.id,componentName:E?.story?.component?.name,storyName:E?.story?.name,testUrl:E?.webUrl,comparisonResult:C.result??void 0,latestImage:C.headCapture?.captureImage??void 0,baselineImage:C.baseCapture?.captureImage??void 0,baselineImageVisible:s,diffImage:C.captureDiff?.diffImage??void 0,focusImage:C.captureDiff?.focusImage??void 0,diffVisible:d,focusVisible:c}),!oe&&ve&&a.createElement(a.Fragment,null,a.createElement(l6,null,a.createElement("b",null,"Error stack trace")),a.createElement(o6,null,ve.stack||ve.message))),a.createElement(H1,null,a.createElement(L1,null)))},d6=k(Tl)({padding:"4px 8px",margin:"0 6px"}),c6=({onClose:e})=>a.createElement(ys,null,a.createElement(Ei,null,a.createElement(Ha,null,"Warnings",a.createElement(d6,{status:"warning"},"2"),a.createElement(tl,{onClick:e},a.createElement(el,{"aria-label":"Close"}))),a.createElement("p",null,"It's essential that your components and stories render in a consistent fashion to prevent false positives. Two issues detected in this story may cause false positives."),a.createElement("p",null,a.createElement(re,{variant:"outline"},a.createElement(cs,null),"Docs"),a.createElement(re,{variant:"outline"},a.createElement(xc,null),"Get support"))));k.div(({theme:e})=>({color:e.color.warning,background:e.background.warning,padding:10,lineHeight:"18px",position:"relative"}));var u6=({branch:e,dismissBuildError:t,isOutdated:n,localBuildProgress:r,switchToLastBuildOnBranch:i,storyId:l})=>{let{settingsVisible:o,warningsVisible:s}=vr(),{toggleSettings:d,toggleWarnings:c}=vn(),{isRunning:u,startBuild:m,stopBuild:p}=sa(),{lastBuildOnBranch:v,lastBuildOnBranchIsReady:g,lastBuildOnBranchIsSelectable:y}=t7(),w=B0(),b=Wt(),{buildIsReviewable:h,userCanReview:f}=z0(),E=!!(!h&&g&&y&&i),C=v?.status==="IN_PROGRESS",Z=u||!h&&!E,M=r&&r? Line truncated
mutation UpdateUserPreferences($input: UserPreferencesInput!) {
updateUserPreferences(input: $input) {
updatedPreferences {
vtaOnboarding
}
}
}
`),f6=({lastBuildOnBranch:e,vtaOnboarding:t})=>{let n=Zt(),{notifications:r,storyId:i}=wn(),[l,o]=a.useState(!1),s=a.useCallback(()=>{o(!0),r.forEach(({id:h})=>n.clearNotification(h))},[n,r]),[d,c]=a.useState(!1),u=a.useCallback(()=>c(!0),[]),[m,p]=a.useState(!0);a.useEffect(()=>{if(n?.getUrlState?.().queryParams.vtaOnboarding==="true"){p(!1);return}t&&p(t==="COMPLETED"||t==="DISMISSED")},[n,t]);let[{fetching:v},g]=Rs(h6),y=a.useCallback(async h=>{await g({input:{vtaOnboarding:h?"COMPLETED":"DISMISSED"}}),p(!0),c(!1);let E=new URL(window.location.href);E.searchParams.has("vtaOnboarding")&&(E.searchParams.delete("vtaOnboarding"),window.history.replaceState({},"",E.href))},[g]),w=a.useMemo(()=>(e&&"testsForStatus"in e&&e.testsForStatus?.nodes&&an(I0,e.testsForStatus.nodes)||[]).some(h=>h?.status==="PENDING"&&h?.result==="CHANGED"&&h?.story?.storyId===i),[e,i]),b=!l&&!m&&!d;return{showOnboarding:b,showGuidedTour:!b&&!m,completeOnboarding:s,skipOnboarding:a.useCallback(()=>y(!1),[y]),completeWalkthrough:a.useCallback(()=>y(!0),[y]),skipWalkthrough:a.useCallback(()=>y(!1),[y]),startWalkthrough:u,lastBuildHasChangesForStory:w,isUpdating:v}},g6=({isOutdated:e,selectedBuildInfo:t,setSelectedBuildInfo:n,dismissBuildError:r,localBuildProgress:i,setOutdated:l,updateBuildStatus:o,projectId:s,gitInfo:d,storyId:c})=>{let u=Zt(),{addNotification:m,setOptions:p,togglePanel:v}=u,g=e7({projectId:s,storyId:c,gitInfo:d,selectedBuildInfo:t}),{account:y,features:w,manageUrl:b,hasData:h,hasProject:f,hasSelectedBuild:E,lastBuildOnBranch:C,lastBuildOnBranchIsReady:Z,lastBuildOnBranchIsSelectable:M,selectedBuild:V,selectedBuildMatchesGit:D,queryError:X,rerunQuery:oe,userCanReview:ve}=g,fe=K(({onDismiss:qt})=>{qt(),p({selectedPanel:rn}),v(!0)},[p,v]),ce=p6({buildIsReviewable:!!V&&V.id===C?.id,userCanReview:ve,onReviewSuccess:oe,onReviewError:(qt,ad)=>{qt instanceof Error&&m({id:`${U}/errorAccepting/${Date.now()}`,content:{headline:`Failed to ${ad.status==="ACCEPTED"?"accept":"unaccept"} changes`,subHeadline:qt.message},icon:a.createElement(ln,{color:Cn.negative}),duration:8e3,onClick:fe})}});te(()=>l(!D),[D,l]);let be=C&&"testsForStatus"in C&&C.testsForStatus?.nodes&&an(I0,C.testsForStatus.nodes),wt=M?C4(be||[]):[];te(()=>{o(wt)},[JSON.stringify(wt),o]),te(()=>{n(qt=>S4(qt,{shouldSwitchToLastBuildOnBranch:M&&Z,lastBuildOnBranchId:C?.id,storyId:c}))},[M,Z,C?.id,n,c]);let ge=K(()=>C?.id&&M&&n({buildId:C.id,storyId:c}),[n,M,C?.id,c]),{showOnboarding:kn,showGuidedTour:tt,completeOnboarding:J0,completeWalkthrough:Q0,skipOnboarding:X0,skipWalkthrough:ed,startWalkthrough:td,lastBuildHasChangesForStory:nd}=f6(g);return w&&!w.uiTests?a.createElement(x4,{manageUrl:b}):y?.suspensionReason?a.createElement(e0,{billingUrl:y.billingUrl,suspensionReason:y.suspensionReason}):kn&&f?a.createElement(a.Fragment,null,!h||X?a.createElement(a.Fragment,null):a.createElement(ai,{watchState:g},a.createElement(O7,{gitInfo:d,projectId:s,updateBuildStatus:o,dismissBuildError:r,localBuildProgress:i,showInitialBuildScreen:!V,onComplete:J0,onSkip:X0,lastBuildHasChangesForStory:nd}))):a.createElement(a.Fragment,null,!V||!E||!h||X?a.createElement(m6,{queryError:X,hasData:h,hasProject:f,hasSelectedBuild:E,branch:d.branch,dismissBuildError:r,localBuildProgress:i,...M&&{switchToLastBuildOnBranch:ge}}):a.createElement(U7,{watchState:ce},a.createElement(ai,{watchState:g},a.createElement(u6,{branch:d.branch,dismissBuildError:r,isOutdated:e,localBuildProgress:i,...C&&{lastBuildOnBranch:C},...M&&{switchToLastBuildOnBranch:ge},userCanReview:ve,storyId:c}))),tt&&a.createElement(ai,{watchState:{selectedBuild:V}},a.createElement(c7,{managerApi:u,skipWalkthrough:ed,startWalkthrough:td,completeWalkthrough:Q0})))},v6=e=>{let[t,n]=Be("selectedBuildInfo");return a.createElement(g6,{selectedBuildInfo:t,setSelectedBuildInfo:n,...e})},Y0=({localBuildProgress:e,accessToken:t})=>{let n=ya({}),r=Gt(hr),[i,l]=Le(!1),[o,s]=Le(!1),d=e?["initialize","build","upload"].includes(e?.currentStep):!1,c=e?!["aborted","complete","error","limited"].includes(e.currentStep):i,u=ft(()=>bi("startBuild",()=>{s(!1),l(!0),n(zd,{accessToken:t}),r?.({action:"startBuild"})},1e3,!1),[t,n,r]),m=ft(()=>bi("startBuild",()=>{d?(l(!1),n(Ud),r?.({action:"stopBuild"})):s(!0)},1e3,!1),[d,n,r]);return te(()=>{let p=i&&setTimeout(()=>l(!1),5e3);return()=>{p&&clearTimeout(p)}},[i]),{isDisallowed:o,isRunning:c,startBuild:u,stopBuild:m}},Jt=new Map,y6=()=>{let e=ya({[Jd]:t=>{let n=Jt.get(t.requestId);if(n)if(Jt.delete(t.requestId),"error"in t)n.reject(new Error(t.error));else{let{body:r,headers:i,status:l,statusText:o}=t.response,s=new Response(r,{headers:i,status:l,statusText:o});n.resolve(s)}}});return async(t,{signal:n,...r}={})=>{if(n?.aborted)return Promise.reject(n.reason);let i=Math.random().toString(36).slice(2);return n?.addEventListener("abort",()=>{e(Yd,{requestId:i}),Jt.get(i)?.reject(n.reason),Jt.delete(i)}),e(Kd,{requestId:i,input:t,init:r}),new Promise((l,o)=>{Jt.set(i,{resolve:l,reject:o}),setTimeout(()=>{o(ne Line truncated
}catch(e){ console.error("[Storybook] One of your manager-entries failed: " + import.meta.url, e); }
@@ -0,0 +1,40 @@
Bundled license information:
filesize/dist/filesize.esm.js:
/**
* filesize
*
* @copyright 2024 Jason Mulligan <jason.mulligan@avoidwork.com>
* @license BSD-3-Clause
* @version 10.1.6
*/
@chromatic-com/storybook/dist/manager.mjs:
/*! Bundled license information:
popper.js/dist/esm/popper.js:
(**!
* @fileOverview Kickass library to create and place poppers near their reference elements.
* @version 1.16.1
* @license
* Copyright (c) 2016 Federico Zivolo and contributors
*
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in all
* copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
* SOFTWARE.
*)
*/
+151
View File
@@ -0,0 +1,151 @@
try{
(()=>{var l=__REACT__,{Children:lt,Component:dt,Fragment:ft,Profiler:ct,PureComponent:mt,StrictMode:ht,Suspense:bt,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:gt,act:yt,cloneElement:vt,createContext:xt,createElement:St,createFactory:Tt,createRef:wt,forwardRef:Pt,isValidElement:_t,lazy:kt,memo:Ct,startTransition:Et,unstable_act:Rt,useCallback:It,useContext:Ot,useDebugValue:Ft,useDeferredValue:Ht,useEffect:G,useId:jt,useImperativeHandle:zt,useInsertionEffect:At,useLayoutEffect:Mt,useMemo:Bt,useReducer:Nt,useRef:Lt,useState:K,useSyncExternalStore:Dt,useTransition:$t,version:qt}=__REACT__;var Ut=__STORYBOOK_COMPONENTS__,{A:Zt,ActionBar:Jt,AddonPanel:U,Badge:Qt,Bar:Xt,Blockquote:Vt,Button:er,ClipboardCode:tr,Code:rr,DL:ar,Div:nr,DocumentWrapper:or,EmptyTabContent:sr,ErrorFormatter:ir,FlexBar:pr,Form:ur,H1:lr,H2:dr,H3:fr,H4:cr,H5:mr,H6:hr,HR:br,IconButton:gr,Img:yr,LI:vr,Link:xr,ListItem:Sr,Loader:Tr,Modal:wr,OL:Pr,P:_r,Placeholder:kr,Pre:Cr,ProgressSpinner:Er,ResetWrapper:Rr,ScrollArea:Ir,Separator:Or,Spaced:Fr,Span:Hr,StorybookIcon:jr,StorybookLogo:zr,SyntaxHighlighter:Z,TT:Ar,TabBar:Mr,TabButton:Br,TabWrapper:Nr,Table:Lr,Tabs:Dr,TabsState:$r,TooltipLinkList:qr,TooltipMessage:Wr,TooltipNote:Yr,UL:Gr,WithTooltip:Kr,WithTooltipPure:Ur,Zoom:Zr,codeCommon:Jr,components:Qr,createCopyToClipboardFunction:Xr,getStoryHref:Vr,interleaveSeparators:ea,nameSpaceClassNames:ta,resetComponents:ra,withReset:J}=__STORYBOOK_COMPONENTS__;var ia=__STORYBOOK_API__,{ActiveTabs:pa,Consumer:ua,ManagerContext:la,Provider:da,RequestResponseError:fa,addons:H,combineParameters:ca,controlOrMetaKey:ma,controlOrMetaSymbol:ha,eventMatchesShortcut:ba,eventToShortcut:ga,experimental_MockUniversalStore:ya,experimental_UniversalStore:va,experimental_getStatusStore:xa,experimental_getTestProviderStore:Sa,experimental_requestResponse:Ta,experimental_useStatusStore:wa,experimental_useTestProviderStore:Pa,experimental_useUniversalStore:_a,internal_fullStatusStore:ka,internal_fullTestProviderStore:Ca,internal_universalStatusStore:Ea,internal_universalTestProviderStore:Ra,isMacLike:Ia,isShortcutTaken:Oa,keyToSymbol:Fa,merge:Ha,mockChannel:ja,optionOrAltSymbol:za,shortcutMatchesShortcut:Aa,shortcutToHumanString:Ma,types:Q,useAddonState:Ba,useArgTypes:Na,useArgs:La,useChannel:X,useGlobalTypes:Da,useGlobals:$a,useParameter:V,useSharedState:qa,useStoryPrepared:Wa,useStorybookApi:Ya,useStorybookState:Ga}=__STORYBOOK_API__;var Qa=__STORYBOOK_THEMING__,{CacheProvider:Xa,ClassNames:Va,Global:en,ThemeProvider:ee,background:tn,color:rn,convert:te,create:an,createCache:nn,createGlobal:on,createReset:sn,css:pn,darken:un,ensure:ln,ignoreSsrWarning:j,isPropValid:dn,jsx:fn,keyframes:cn,lighten:mn,styled:x,themes:z,typography:hn,useTheme:A,withTheme:bn}=__STORYBOOK_THEMING__;var W="storybook/docs",le=`${W}/panel`,re="docs",ae=`${W}/snippet-rendered`;function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},d.apply(null,arguments)}function de(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function C(e,t){return C=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,a){return r.__proto__=a,r},C(e,t)}function fe(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,C(e,t)}function L(e){return L=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},L(e)}function ce(e){try{return Function.toString.call(e).indexOf("[native code]")!==-1}catch{return typeof e=="function"}}function oe(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch{}return(oe=function(){return!!e})()}function me(e,t,r){if(oe())return Reflect.construct.apply(null,arguments);var a=[null];a.push.apply(a,t);var n=new(e.bind.apply(e,a));return r&&C(n,r.prototype),n}function D(e){var t=typeof Map=="function"?new Map:void 0;return D=function(r){if(r===null||!ce(r))return r;if(typeof r!="function")throw new TypeError("Super expression must either be null or a function");if(t!==void 0){if(t.has(r))return t.get(r);t.set(r,a)}function a(){return me(r,arguments,L(this).constructor)}return a.prototype=Object.create(r.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}}),C(a,r)},D(e)}var he={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).
`,2:`Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }).
`,3:`Passed an incorrect argument to a color function, please pass a string representation of a color.
`,4:`Couldn't generate valid rgb string from %s, it returned %s.
`,5:`Couldn't parse the color string. Please provide the color as a string in hex, rgb, rgba, hsl or hsla notation.
`,6:`Passed invalid arguments to rgb, please pass multiple numbers e.g. rgb(255, 205, 100) or an object e.g. rgb({ red: 255, green: 205, blue: 100 }).
`,7:`Passed invalid arguments to rgba, please pass multiple numbers e.g. rgb(255, 205, 100, 0.75) or an object e.g. rgb({ red: 255, green: 205, blue: 100, alpha: 0.75 }).
`,8:`Passed invalid argument to toColorString, please pass a RgbColor, RgbaColor, HslColor or HslaColor object.
`,9:`Please provide a number of steps to the modularScale helper.
`,10:`Please pass a number or one of the predefined scales to the modularScale helper as the ratio.
`,11:`Invalid value passed as base to modularScale, expected number or em string but got "%s"
`,12:`Expected a string ending in "px" or a number passed as the first argument to %s(), got "%s" instead.
`,13:`Expected a string ending in "px" or a number passed as the second argument to %s(), got "%s" instead.
`,14:`Passed invalid pixel value ("%s") to %s(), please pass a value like "12px" or 12.
`,15:`Passed invalid base value ("%s") to %s(), please pass a value like "12px" or 12.
`,16:`You must provide a template to this method.
`,17:`You passed an unsupported selector state to this method.
`,18:`minScreen and maxScreen must be provided as stringified numbers with the same units.
`,19:`fromSize and toSize must be provided as stringified numbers with the same units.
`,20:`expects either an array of objects or a single object with the properties prop, fromSize, and toSize.
`,21:"expects the objects in the first argument array to have the properties `prop`, `fromSize`, and `toSize`.\n\n",22:"expects the first argument object to have the properties `prop`, `fromSize`, and `toSize`.\n\n",23:`fontFace expects a name of a font-family.
`,24:`fontFace expects either the path to the font file(s) or a name of a local copy.
`,25:`fontFace expects localFonts to be an array.
`,26:`fontFace expects fileFormats to be an array.
`,27:`radialGradient requries at least 2 color-stops to properly render.
`,28:`Please supply a filename to retinaImage() as the first argument.
`,29:`Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.
`,30:"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",31:`The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation
`,32:`To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])
To pass a single animation please supply them in simple values, e.g. animation('rotate', '2s')
`,33:`The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation
`,34:`borderRadius expects a radius value as a string or number as the second argument.
`,35:`borderRadius expects one of "top", "bottom", "left" or "right" as the first argument.
`,36:`Property must be a string value.
`,37:`Syntax Error at %s.
`,38:`Formula contains a function that needs parentheses at %s.
`,39:`Formula is missing closing parenthesis at %s.
`,40:`Formula has too many closing parentheses at %s.
`,41:`All values in a formula must have the same unit or be unitless.
`,42:`Please provide a number of steps to the modularScale helper.
`,43:`Please pass a number or one of the predefined scales to the modularScale helper as the ratio.
`,44:`Invalid value passed as base to modularScale, expected number or em/rem string but got %s.
`,45:`Passed invalid argument to hslToColorString, please pass a HslColor or HslaColor object.
`,46:`Passed invalid argument to rgbToColorString, please pass a RgbColor or RgbaColor object.
`,47:`minScreen and maxScreen must be provided as stringified numbers with the same units.
`,48:`fromSize and toSize must be provided as stringified numbers with the same units.
`,49:`Expects either an array of objects or a single object with the properties prop, fromSize, and toSize.
`,50:`Expects the objects in the first argument array to have the properties prop, fromSize, and toSize.
`,51:`Expects the first argument object to have the properties prop, fromSize, and toSize.
`,52:`fontFace expects either the path to the font file(s) or a name of a local copy.
`,53:`fontFace expects localFonts to be an array.
`,54:`fontFace expects fileFormats to be an array.
`,55:`fontFace expects a name of a font-family.
`,56:`linearGradient requries at least 2 color-stops to properly render.
`,57:`radialGradient requries at least 2 color-stops to properly render.
`,58:`Please supply a filename to retinaImage() as the first argument.
`,59:`Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.
`,60:"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",61:`Property must be a string value.
`,62:`borderRadius expects a radius value as a string or number as the second argument.
`,63:`borderRadius expects one of "top", "bottom", "left" or "right" as the first argument.
`,64:`The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation.
`,65:`To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s').
`,66:`The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation.
`,67:`You must provide a template to this method.
`,68:`You passed an unsupported selector state to this method.
`,69:`Expected a string ending in "px" or a number passed as the first argument to %s(), got %s instead.
`,70:`Expected a string ending in "px" or a number passed as the second argument to %s(), got %s instead.
`,71:`Passed invalid pixel value %s to %s(), please pass a value like "12px" or 12.
`,72:`Passed invalid base value %s to %s(), please pass a value like "12px" or 12.
`,73:`Please provide a valid CSS variable.
`,74:`CSS variable not found and no default was provided.
`,75:`important requires a valid style object, got a %s instead.
`,76:`fromSize and toSize must be provided as stringified numbers with the same units as minScreen and maxScreen.
`,77:`remToPx expects a value in "rem" but you provided it in "%s".
`,78:`base must be set in "px" or "%" but you set it in "%s".
`};function be(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];var a=t[0],n=[],o;for(o=1;o<t.length;o+=1)n.push(t[o]);return n.forEach(function(s){a=a.replace(/%[a-z]/,s)}),a}var b=function(e){fe(t,e);function t(r){for(var a,n=arguments.length,o=new Array(n>1?n-1:0),s=1;s<n;s++)o[s-1]=arguments[s];return a=e.call(this,be.apply(void 0,[he[r]].concat(o)))||this,de(a)}return t}(D(Error));function M(e){return Math.round(e*255)}function ge(e,t,r){return M(e)+","+M(t)+","+M(r)}function E(e,t,r,a){if(a===void 0&&(a=ge),t===0)return a(r,r,r);var n=(e%360+360)%360/60,o=(1-Math.abs(2*r-1))*t,s=o*(1-Math.abs(n%2-1)),i=0,p=0,u=0;n>=0&&n<1?(i=o,p=s):n>=1&&n<2?(i=s,p=o):n>=2&&n<3?(p=o,u=s):n>=3&&n<4?(p=s,u=o):n>=4&&n<5?(i=s,u=o):n>=5&&n<6&&(i=o,u=s);var h=r-o/2,m=i+h,f=p+h,w=u+h;return a(m,f,w)}var ne={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};function ye(e){if(typeof e!="string")return e;var t=e.toLowerCase();return ne[t]?"#"+ne[t]:e}var ve=/^#[a-fA-F0-9]{6}$/,xe=/^#[a-fA-F0-9]{8}$/,Se=/^#[a-fA-F0-9]{3}$/,Te=/^#[a-fA-F0-9]{4}$/,B=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,we=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,Pe=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,_e=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;function S(e){if(typeof e!="string")throw new b(3);var t=ye(e);if(t.match(ve))return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16)};if(t.match(xe)){var r=parseFloat((parseInt(""+t[7]+t[8],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16),alpha:r}}if(t.match(Se))return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16)};if(t.match(Te)){var a=parseFloat((parseInt(""+t[4]+t[4],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16),alpha:a}}var n=B.exec(t);if(n)return{red:parseInt(""+n[1],10),green:parseInt(""+n[2],10),blue:par Line truncated
}catch(e){ console.error("[Storybook] One of your manager-entries failed: " + import.meta.url, e); }
@@ -0,0 +1,127 @@
try{
(()=>{var So=Object.defineProperty;var pe=(e,t)=>()=>(e&&(t=e(e=0)),t);var wo=(e,t)=>{for(var n in t)So(e,n,{get:t[n],enumerable:!0})};var Z=pe(()=>{});var Q=pe(()=>{});var ee=pe(()=>{});var m,il,De,al,sl,ll,cl,vn,ul,pl,Wt,dl,V,fl,hl,En,Ht,On,ml,yl,gl,nt,bl,vl,El,se,Ol,Sl,wl,Tl,Il,Cl,Ut,ae,Pl,Rl,xl,Et=pe(()=>{Z();Q();ee();m=__REACT__,{Children:il,Component:De,Fragment:al,Profiler:sl,PureComponent:ll,StrictMode:cl,Suspense:vn,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:ul,act:pl,cloneElement:Wt,createContext:dl,createElement:V,createFactory:fl,createRef:hl,forwardRef:En,isValidElement:Ht,lazy:On,memo:ml,startTransition:yl,unstable_act:gl,useCallback:nt,useContext:bl,useDebugValue:vl,useDeferredValue:El,useEffect:se,useId:Ol,useImperativeHandle:Sl,useInsertionEffect:wl,useLayoutEffect:Tl,useMemo:Il,useReducer:Cl,useRef:Ut,useState:ae,useSyncExternalStore:Pl,useTransition:Rl,version:xl}=__REACT__});var Fe,kl,Ot,Ll,jl,Ml,Dl,Fl,Bl,Sn,Wl,wn,Hl,St=pe(()=>{Z();Q();ee();Fe=__REACT_DOM__,{__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:kl,createPortal:Ot,createRoot:Ll,findDOMNode:jl,flushSync:Ml,hydrate:Dl,hydrateRoot:Fl,render:Bl,unmountComponentAtNode:Sn,unstable_batchedUpdates:Wl,unstable_renderSubtreeIntoContainer:wn,version:Hl}=__REACT_DOM__});var wt,zt=pe(()=>{Z();Q();ee();wt="addon-controls"});var Kl,Jl,Xl,Zl,Ql,ec,tc,nc,rc,oc,ic,ac,sc,lc,cc,uc,pc,dc,fc,hc,mc,yc,gc,bc,vc,Ec,Tn,Oc,Sc,wc,Tc,Ic,Cc,Pc,Rc,xc,_c,Ac,Nc,kc,Lc,jc,Mc,Dc,Fc,Bc,Wc,Hc,Uc,In,zc,Gc,Yc,qc,$c,Vc,Kc,Jc,Gt=pe(()=>{Z();Q();ee();Kl=__STORYBOOK_CORE_EVENTS__,{ARGTYPES_INFO_REQUEST:Jl,ARGTYPES_INFO_RESPONSE:Xl,CHANNEL_CREATED:Zl,CHANNEL_WS_DISCONNECT:Ql,CONFIG_ERROR:ec,CREATE_NEW_STORYFILE_REQUEST:tc,CREATE_NEW_STORYFILE_RESPONSE:nc,CURRENT_STORY_WAS_SET:rc,DOCS_PREPARED:oc,DOCS_RENDERED:ic,FILE_COMPONENT_SEARCH_REQUEST:ac,FILE_COMPONENT_SEARCH_RESPONSE:sc,FORCE_REMOUNT:lc,FORCE_RE_RENDER:cc,GLOBALS_UPDATED:uc,NAVIGATE_URL:pc,PLAY_FUNCTION_THREW_EXCEPTION:dc,PRELOAD_ENTRIES:fc,PREVIEW_BUILDER_PROGRESS:hc,PREVIEW_KEYDOWN:mc,REGISTER_SUBSCRIPTION:yc,REQUEST_WHATS_NEW_DATA:gc,RESET_STORY_ARGS:bc,RESULT_WHATS_NEW_DATA:vc,SAVE_STORY_REQUEST:Ec,SAVE_STORY_RESPONSE:Tn,SELECT_STORY:Oc,SET_CONFIG:Sc,SET_CURRENT_STORY:wc,SET_FILTER:Tc,SET_GLOBALS:Ic,SET_INDEX:Cc,SET_STORIES:Pc,SET_WHATS_NEW_CACHE:Rc,SHARED_STATE_CHANGED:xc,SHARED_STATE_SET:_c,STORIES_COLLAPSE_ALL:Ac,STORIES_EXPAND_ALL:Nc,STORY_ARGS_UPDATED:kc,STORY_CHANGED:Lc,STORY_ERRORED:jc,STORY_FINISHED:Mc,STORY_HOT_UPDATED:Dc,STORY_INDEX_INVALIDATED:Fc,STORY_MISSING:Bc,STORY_PREPARED:Wc,STORY_RENDERED:Hc,STORY_RENDER_PHASE_CHANGED:Uc,STORY_SPECIFIED:In,STORY_THREW_EXCEPTION:zc,STORY_UNCHANGED:Gc,TELEMETRY_ERROR:Yc,TOGGLE_WHATS_NEW_NOTIFICATIONS:qc,UNHANDLED_ERRORS_WHILE_PLAYING:$c,UPDATE_GLOBALS:Vc,UPDATE_QUERY_PARAMS:Kc,UPDATE_STORY_ARGS:Jc}=__STORYBOOK_CORE_EVENTS__});var Vu,Ku,Ju,Xu,Zu,Qu,ep,Pn,tp,np,rp,op,ip,ap,sp,lp,Tt,cp,up,pp,dp,fp,hp,mp,Rn,yp,gp,bp,vp,Ep,ze,Op,Sp,wp,Tp,Ip,Cp,Pp,Rp,xp,_p,Ap,Np,xn,kp,Lp,jp,Mp,Dp,Fp,Bp,Wp,Hp,Up,zp,Gp,Yp,qp,$p,Vp,Kp,Jp,Xp,Zp,Qp,ed,_n=pe(()=>{Z();Q();ee();Vu=__STORYBOOK_COMPONENTS__,{A:Ku,ActionBar:Ju,AddonPanel:Xu,Badge:Zu,Bar:Qu,Blockquote:ep,Button:Pn,ClipboardCode:tp,Code:np,DL:rp,Div:op,DocumentWrapper:ip,EmptyTabContent:ap,ErrorFormatter:sp,FlexBar:lp,Form:Tt,H1:cp,H2:up,H3:pp,H4:dp,H5:fp,H6:hp,HR:mp,IconButton:Rn,Img:yp,LI:gp,Link:bp,ListItem:vp,Loader:Ep,Modal:ze,OL:Op,P:Sp,Placeholder:wp,Pre:Tp,ProgressSpinner:Ip,ResetWrapper:Cp,ScrollArea:Pp,Separator:Rp,Spaced:xp,Span:_p,StorybookIcon:Ap,StorybookLogo:Np,SyntaxHighlighter:xn,TT:kp,TabBar:Lp,TabButton:jp,TabWrapper:Mp,Table:Dp,Tabs:Fp,TabsState:Bp,TooltipLinkList:Wp,TooltipMessage:Hp,TooltipNote:Up,UL:zp,WithTooltip:Gp,WithTooltipPure:Yp,Zoom:qp,codeCommon:$p,components:Vp,createCopyToClipboardFunction:Kp,getStoryHref:Jp,interleaveSeparators:Xp,nameSpaceClassNames:Zp,resetComponents:Qp,withReset:ed}=__STORYBOOK_COMPONENTS__});var id,ad,sd,ld,Yt,cd,It,qt,ud,pd,dd,fd,hd,md,yd,gd,bd,vd,rt,Ed,J,An,Od,Nn,Sd,kn=pe(()=>{Z();Q();ee();id=__STORYBOOK_THEMING__,{CacheProvider:ad,ClassNames:sd,Global:ld,ThemeProvider:Yt,background:cd,color:It,convert:qt,create:ud,createCache:pd,createGlobal:dd,createReset:fd,css:hd,darken:md,ensure:yd,ignoreSsrWarning:gd,isPropValid:bd,jsx:vd,keyframes:rt,lighten:Ed,styled:J,themes:An,typography:Od,useTheme:Nn,withTheme:Sd}=__STORYBOOK_THEMING__});var Pd,Rd,xd,_d,Ad,Nd,kd,Ld,jd,Md,Dd,Fd,Bd,Wd,Hd,Ln,Ud,zd,Gd,Yd,qd,$d,Vd,Kd,Jd,Xd,Zd,Qd,ef,tf,nf,rf,of,af,sf,lf,cf,uf,pf,df,ff,hf,mf,yf,gf,bf,vf,Ef,Of,Sf,wf,Tf,If,Cf,Pf,Rf,xf,_f,Af,Nf,kf,Lf,jf,jn,Mf,Df,Ff,Bf,Wf,Hf,Uf,zf,Gf,Yf,qf,$f,Vf,Kf,Jf,Xf,Zf,Qf,eh,th,nh,rh,oh,ih,ah,sh,lh,ch,uh,ph,dh,fh,hh,mh,yh,gh,bh,vh,Eh,Oh,Sh,wh,Th,Ih,Ch,Ph,Rh,xh,_h,Ah,Nh,kh,Lh,jh,Mh,Dh,Fh,Bh,Wh,Hh,Uh,zh,Gh,Yh,qh,$h,Vh,Kh,Jh,Xh,Zh,Qh,em,tm,nm,rm,om,im,am,sm,lm,cm,um,pm,dm,fm,hm,mm,ym,gm,bm,vm,Em,Om,Sm,wm,Tm,Im,Cm,Pm,Rm,xm,_m,Am,Nm,km,Lm,jm,Mm,Dm,Fm,Bm,Wm,Hm,Um,zm,Gm,Ym,qm,$m,Vm,Km,Jm,Xm,Zm,Qm,ey,ty,ny,ry,oy,iy,ay,sy,ly,cy,uy,py,dy,fy,hy,my,yy,gy,by,vy,Ey,Oy,Line truncated
@keyframes pulsate {
0% {
box-shadow: rgba(2,156,253,1) 0 0 2px 1px, 0 0 0 0 rgba(2, 156, 253, 0.7), 0 0 0 0 rgba(2, 156, 253, 0.4);
}
50% {
box-shadow: rgba(2,156,253,1) 0 0 2px 1px, 0 0 0 20px rgba(2, 156, 253, 0), 0 0 0 40px rgba(2, 156, 253, 0);
}
100% {
box-shadow: rgba(2,156,253,1) 0 0 2px 1px, 0 0 0 0 rgba(2, 156, 253, 0), 0 0 0 0 rgba(2, 156, 253, 0);
}
}
`,o=document.createElement("style");o.id="sb-onboarding-pulsating-effect",o.innerHTML=r,document.head.appendChild(o)}else n.style.boxShadow="rgba(2,156,253,1) 0 0 2px 1px";return()=>{let r=document.querySelector("#sb-onboarding-pulsating-effect");r&&r.remove(),n&&(n.style.animation="",n.style.boxShadow="")}},[e,t]),null}function Dr(e){return t=>typeof t===e}function ei(e,t){let{length:n}=e;if(n!==t.length)return!1;for(let r=n;r--!==0;)if(!oe(e[r],t[r]))return!1;return!0}function ti(e,t){if(e.byteLength!==t.byteLength)return!1;let n=new DataView(e.buffer),r=new DataView(t.buffer),o=e.byteLength;for(;o--;)if(n.getUint8(o)!==r.getUint8(o))return!1;return!0}function ni(e,t){if(e.size!==t.size)return!1;for(let n of e.entries())if(!t.has(n[0]))return!1;for(let n of e.entries())if(!oe(n[1],t.get(n[0])))return!1;return!0}function ri(e,t){if(e.size!==t.size)return!1;for(let n of e.entries())if(!t.has(n[0]))return!1;return!0}function oe(e,t){if(e===t)return!0;if(e&&tr(e)&&t&&tr(t)){if(e.constructor!==t.constructor)return!1;if(Array.isArray(e)&&Array.isArray(t))return ei(e,t);if(e instanceof Map&&t instanceof Map)return ni(e,t);if(e instanceof Set&&t instanceof Set)return ri(e,t);if(ArrayBuffer.isView(e)&&ArrayBuffer.isView(t))return ti(e,t);if(er(e)&&er(t))return e.source===t.source&&e.flags===t.flags;if(e.valueOf!==Object.prototype.valueOf)return e.valueOf()===t.valueOf();if(e.toString!==Object.prototype.toString)return e.toString()===t.toString();let n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(let o=n.length;o--!==0;)if(!Object.prototype.hasOwnProperty.call(t,n[o]))return!1;for(let o=n.length;o--!==0;){let i=n[o];if(!(i==="_owner"&&e.$$typeof)&&!oe(e[i],t[i]))return!1}return!0}return Number.isNaN(e)&&Number.isNaN(t)?!0:e===t}function jt(e){let t=Object.prototype.toString.call(e).slice(8,-1);if(/HTML\w+Element/.test(t))return"HTMLElement";if(ai(t))return t}function fe(e){return t=>jt(t)===e}function ai(e){return oi.includes(e)}function Je(e){return t=>typeof t===e}function si(e){return ii.includes(e)}function C(e){if(e===null)return"null";switch(typeof e){case"bigint":return"bigint";case"boolean":return"boolean";case"number":return"number";case"string":return"string";case"symbol":return"symbol";case"undefined":return"undefined"}return C.array(e)?"Array":C.plainFunction(e)?"Function":jt(e)||"Object"}function ci(...e){return e.every(t=>_.string(t)||_.array(t)||_.plainObject(t))}function ui(e,t,n){return Fr(e,t)?[e,t].every(_.array)?!e.some(ar(n))&&t.some(ar(n)):[e,t].every(_.plainObject)?!Object.entries(e).some(ir(n))&&Object.entries(t).some(ir(n)):t===n:!1}function nr(e,t,n){let{actual:r,key:o,previous:i,type:a}=n,s=we(e,o),c=we(t,o),l=[s,c].every(_.number)&&(a==="increased"?s<c:s>c);return _.undefined(r)||(l=l&&c===r),_.undefined(i)||(l=l&&s===i),l}function rr(e,t,n){let{key:r,type:o,value:i}=n,a=we(e,r),s=we(t,r),c=o==="added"?a:s,l=o==="added"?s:a;if(!_.nullOrUndefined(i)){if(_.defined(c)){if(_.array(c)||_.plainObject(c))return ui(c,l,i)}else return oe(l,i);return!1}return[a,s].every(_.array)?!l.every(un(c)):[a,s].every(_.plainObject)?pi(Object.keys(c),Object.keys(l)):![a,s].every(p=>_.primitive(p)&&_.defined(p))&&(o==="added"?!_.defined(a)&&_.defined(s):_.defined(a)&&!_.defined(s))}function or(e,t,{key:n}={}){let r=we(e,n),o=we(t,n);if(!Fr(r,o))throw new TypeError("Inputs have different types");if(!ci(r,o))throw new TypeError("Inputs don't have length");return[r,o].every(_.plainObject)&&(r=Object.keys(r),o=Object.keys(o)),[r,o]}function ir(e){return([t,n])=>_.array(e)?oe(e,n)||e.some(r=>oe(r,n)||_.array(n)&&un(n)(r)):_.plainObject(e)&&e[t]?!!e[t]&&oe(e[t],n):oe(e,n)}function pi(e,t){return t.some(n=>!e.includes(n))}function ar(e){return t=>_.array(e)?e.some(n=>oe(n,t)||_.array(t)&&un(t)(n)):oe(e,t)}function ot(e,t){return _.array(e)?e.some(n=>oe(n,t)):oe(e,t)}function un(e){return t=>e.some(n=>oe(n,t))}function Fr(...e){return e.every(_.array)||e.every(_.number)||e.every(_.plainObject)||e.every(_.string)}function we(e,t){return _.plainObject(e)||_.array(e)?_.string(t)?t.split(".").reduce((n,r)=>n&&n[r],e):_.number(t)?e[t]:e:e}function At(e,t){if([e,t].some(_.nullOrUndefined))throw new Error("Missing required parameters");if(![e,t].every(n=>_.plainObject(n)||_.array(n)))throw new Error("Expected plain objects or array");return{added:(n,r)=>{try{return rr(e,t,{key:n,type:"added",value:r})}catch{return!1}},changed:(n,r,o)=>{try{let i=we(e,n),a=we(t,n),s=_.defined(r),c=_.defined(o);if(s||c){let l=c?ot(o,i):!ot(r,i),p=ot(r,a);return l&&p}return[i,a].every(_.array)||[i,a].every(_.plainObject)?!oe(i,a):i!==a}catch{return!1}},changedFrom:(n,r,o)=>{if(!_.defined(n))return!1;try{let i=we(e,n),a=we(t,n),s=_.defined(o);return ot(r,i)&&(s?ot(o,a):!s)}catch{return!1}},decreased:(n,r,o)=>{if(!_.defined(n))return!1;try{return nr(e,t,{key:n,actual:r,previous:o,type:"decreased"})}catch{return!1}},emptied:n=>{try{let[r,o]=or(e,t,{key:n});return!!r.length&&!o.length}catch{return!1}},filled:n=>{try{le Line truncated
`).length,U=[{key:"2:Controls",target:"#control-primary",title:"Interactive story playground",content:m.createElement(m.Fragment,null,"See how a story renders with different data and state without touching code. Try it out by toggling this button.",m.createElement(Qn,{targetSelector:"#control-primary",pulsating:!0})),offset:20,placement:"right",disableBeacon:!0,disableOverlay:!0,spotlightClicks:!0,onNextButtonClick:()=>{document.querySelector("#control-primary").click()}},{key:"3:SaveFromControls",target:'button[aria-label="Create new story with these settings"]',title:"Save your changes as a new story",content:m.createElement(m.Fragment,null,"Great! Storybook stories represent the key states of each of your components. After modifying a story, you can save your changes from here or reset it.",m.createElement(Qn,{targetSelector:"button[aria-label='Create new story with these settings']"})),offset:6,placement:"top",disableBeacon:!0,disableOverlay:!0,spotlightClicks:!0,onNextButtonClick:()=>{document.querySelector('button[aria-label="Create new story with these settings"]').click()},styles:{tooltip:{width:400}}},{key:"5:StoryCreated",target:'#storybook-explorer-tree [data-selected="true"]',title:"You just added your first story!",content:m.createElement(m.Fragment,null,"Well done! You just created your first story from the Storybook manager. This automatically added a few lines of code in"," ",m.createElement($s,null,h?.sourceFileName),".",v&&m.createElement(Yt,{theme:qt(An.dark)},m.createElement(Vs,null,m.createElement(xn,{language:"jsx",showLineNumbers:!0,startingLineNumber:w},v)))),offset:12,placement:"right",disableBeacon:!0,disableOverlay:!0,styles:{tooltip:{width:400}}}];return m.createElement(Yt,{theme:Ks},r&&m.createElement(Jo,null),i==="1:Intro"?m.createElement(qs,{onDismiss:()=>a("2:Controls")}):i==="6:IntentSurvey"?m.createElement(js,{onComplete:b,onDismiss:S}):m.createElement(Ps,{step:i,steps:U,onClose:S,onComplete:()=>a("6:IntentSurvey")}))}var Co,Ar,Po,Nr,Ro,xo,ue,_o,We,Ao,No,ko,cn,Lo,kr,jo,Lr,jr,Mo,Do,Fo,Bo,Dn,Wo,Fn,Bn,Wn,Hn,Un,zn,Gn,Yn,qn,$n,Vn,Uo,zo,Go,Kn,Ct,Ee,ct,Yo,$t,Vt,Jn,Ge,Kt,Xn,Mr,Zn,qo,$o,Ko,Jo,Jt,Xo,Zo,er,tr,Qo,oi,ii,li,_,di,Br,sr,Pt,Rt,O,pt,fi,yi,gi,lr,cr,Ei,Oi,Ve,ce,ji,eo,Xt,Zt,Vi,Ki,Mt,fr,on,Ji,Xi,Zi,le,ta,na,hr,mr,ra,an,la,ca,ua,k,Oa,Sa,wa,H,at,io,ao,Aa,co,uo,Na,La,ja,gn,Ma,Da,A,$,de,L,B,st,Ja,mo,Xa,Za,Qa,lt,Pr,go,xr,ns,is,as,ss,ls,cs,ps,fs,hs,ms,bo,ys,gs,bs,vs,Es,Os,Ss,ws,Ts,Is,Cs,xs,_s,As,Ns,ks,Ls,js,Ds,vo,Fs,Bs,Ws,Hs,Us,zs,Gs,Ys,_r,qs,$s,Vs,Ks,Oo=pe(()=>{Z();Q();ee();Et();Et();_n();zt();Gt();kn();St();St();Mn();Co=Object.create,Ar=Object.defineProperty,Po=Object.getOwnPropertyDescriptor,Nr=Object.getOwnPropertyNames,Ro=Object.getPrototypeOf,xo=Object.prototype.hasOwnProperty,ue=(e,t)=>function(){return t||(0,e[Nr(e)[0]])((t={exports:{}}).exports,t),t.exports},_o=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Nr(t))!xo.call(e,o)&&o!==n&&Ar(e,o,{get:()=>t[o],enumerable:!(r=Po(t,o))||r.enumerable});return e},We=(e,t,n)=>(n=e!=null?Co(Ro(e)):{},_o(t||!e||!e.__esModule?Ar(n,"default",{value:e,enumerable:!0}):n,e)),Ao=ue({"../../node_modules/scroll/index.js"(e,t){var n=new Error("Element already at target scroll position"),r=new Error("Scroll cancelled"),o=Math.min,i=Date.now;t.exports={left:a("scrollLeft"),top:a("scrollTop")};function a(l){return function(p,u,d,h){d=d||{},typeof d=="function"&&(h=d,d={}),typeof h!="function"&&(h=c);var f=i(),g=p[l],S=d.ease||s,b=isNaN(d.duration)?350:+d.duration,x=!1;return g===u?h(n,p[l]):requestAnimationFrame(v),y;function y(){x=!0}function v(w){if(x)return h(r,p[l]);var U=i(),I=o(1,(U-f)/b),z=S(I);p[l]=z*(u-g)+g,I<1?requestAnimationFrame(v):requestAnimationFrame(function(){h(null,p[l])})}}}function s(l){return .5*(1-Math.cos(Math.PI*l))}function c(){}}}),No=ue({"../../node_modules/scrollparent/scrollparent.js"(e,t){(function(n,r){typeof define=="function"&&define.amd?define([],r):typeof t=="object"&&t.exports?t.exports=r():n.Scrollparent=r()})(e,function(){function n(o){var i=getComputedStyle(o,null).getPropertyValue("overflow");return i.indexOf("scroll")>-1||i.indexOf("auto")>-1}function r(o){if(o instanceof HTMLElement||o instanceof SVGElement){for(var i=o.parentNode;i.parentNode;){if(n(i))return i;i=i.parentNode}return document.scrollingElement||document.documentElement}}return r})}}),ko=ue({"../../node_modules/react-innertext/index.js"(e,t){var n=function(i){return Object.prototype.hasOwnProperty.call(i,"props")},r=function(i,a){return i+o(a)},o=function(i){return i===null||typeof i=="boolean"||typeof i>"u"?"":typeof i=="number"?i.toString():typeof i=="string"?i:Array.isArray(i)?i.reduce(r,""):n(i)&&Object.prototype.hasOwnProperty.call(i.props,"children")?o(i.props.children):""};o.default=o,t.exports=o}}),cn=ue({"../../node_modules/deepmerge/dist/cjs.js"(e,t){var n=function(y){return r(y)&&!o(y)};function r(y){return!!y&&typeof y=="object"}function o(y){var v=Object.prototype.toString.call(y);return v==="[object Reg Line truncated
Valid keys: `+JSON.stringify(Object.keys(E),null," "));var ne=T(F,q,j,G,M+"."+q,o);if(ne)return ne}return null}return x(N)}function xe(E){switch(typeof E){case"number":case"string":case"undefined":return!0;case"boolean":return!E;case"object":if(Array.isArray(E))return E.every(xe);if(E===null||l(E))return!0;var N=h(E);if(N){var W=N.call(E),D;if(N!==E.entries){for(;!(D=W.next()).done;)if(!xe(D.value))return!1}else for(;!(D=W.next()).done;){var j=D.value;if(j&&!xe(j[1]))return!1}}else return!1;return!0;default:return!1}}function _e(E,N){return E==="symbol"?!0:N?N["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&N instanceof Symbol:!1}function ye(E){var N=typeof E;return Array.isArray(E)?"array":E instanceof RegExp?"object":_e(N,E)?"symbol":N}function Ae(E){if(typeof E>"u"||E===null)return""+E;var N=ye(E);if(N==="object"){if(E instanceof Date)return"date";if(E instanceof RegExp)return"regexp"}return N}function Bt(E){var N=Ae(E);switch(N){case"array":case"object":return"an "+N;case"boolean":case"date":case"regexp":return"a "+N;default:return N}}function vt(E){return!E.constructor||!E.constructor.name?f:E.constructor.name}return g.checkPropTypes=a,g.resetWarningCache=a.resetWarningCache,g.PropTypes=g,g}}}),Fo=ue({"../../node_modules/prop-types/index.js"(e,t){n=kr(),r=!0,t.exports=Do()(n.isElement,r);var n,r}}),Bo='@keyframes Bc2PgW_ya{to{translate:0 var(--sh)}}@keyframes Bc2PgW_xa{to{translate:var(--xlp)0}}@keyframes Bc2PgW_r{50%{rotate:var(--hr)180deg}to{rotate:var(--r)360deg}}.Bc2PgW_c{z-index:1200;width:0;height:0;position:relative;overflow:visible}.Bc2PgW_p{animation:xa var(--dc)forwards cubic-bezier(var(--x1),var(--x2),var(--x3),var(--x4));animation-name:Bc2PgW_xa}.Bc2PgW_p>div{animation:ya var(--dc)forwards cubic-bezier(var(--y1),var(--y2),var(--y3),var(--y4));width:var(--w);height:var(--h);animation-name:Bc2PgW_ya;position:absolute;top:0;left:0}.Bc2PgW_p>div:before{content:"";background-color:var(--bgc);animation:r var(--rd)infinite linear;border-radius:var(--br);width:100%;height:100%;animation-name:Bc2PgW_r;display:block}',Dn="Bc2PgW_p",Wo="Bc2PgW_c",Fn=["#FFC700","#FF0000","#2E3191","#41BBC7"],Bn=3500,Wn=.5,Hn=150,Un="mix",zn=12,Gn="",Yn=!0,qn=800,$n=1600;Vn=200,Uo=800,zo=.1,Go=.3,Kn=.5,Ct=Math.abs,Ee=Math.random,ct=Math.round,Yo=Math.max,$t=e=>document.createElement(e),Vt=(e,t)=>e.appendChild(t),Jn=(e,t)=>Array.from({length:e},(n,r)=>({color:t[r%t.length],degree:360*r/e})),Ge=(e,t=2)=>ct((e+Number.EPSILON)*10**t)/10**t,Kt=(e,t,n,r,o)=>(e-t)*(o-r)/(n-t)+r,Xn=(e,t)=>e+t>360?e+t-360:e+t,Mr=()=>Ee()>.5,Zn=Object.entries,qo=6,$o=e=>e!==1&&Mr();Ko=J.div({zIndex:9999,position:"fixed",top:0,left:"50%",width:"50%",height:"100%"}),Jo=m.memo(function({timeToFade:e=5e3,colors:t=["#CA90FF","#FC521F","#66BF3C","#FF4785","#FFAE00","#1EA7FD"],...n}){return m.createElement(Ko,null,m.createElement(Vo,{colors:t,particleCount:200,duration:5e3,stageHeight:window.innerHeight,stageWidth:window.innerWidth,destroyAfterDone:!0,...n}))});Jt="STORYBOOK_ADDON_ONBOARDING_CHANNEL";Xo=Dr("function"),Zo=e=>e===null,er=e=>Object.prototype.toString.call(e).slice(8,-1)==="RegExp",tr=e=>!Qo(e)&&!Zo(e)&&(Xo(e)||typeof e=="object"),Qo=Dr("undefined");oi=["Array","ArrayBuffer","AsyncFunction","AsyncGenerator","AsyncGeneratorFunction","Date","Error","Function","Generator","GeneratorFunction","HTMLElement","Map","Object","Promise","RegExp","Set","WeakMap","WeakSet"],ii=["bigint","boolean","null","number","string","symbol","undefined"];li=["innerHTML","ownerDocument","style","attributes","nodeValue"];C.array=Array.isArray;C.arrayOf=(e,t)=>!C.array(e)&&!C.function(t)?!1:e.every(n=>t(n));C.asyncGeneratorFunction=e=>jt(e)==="AsyncGeneratorFunction";C.asyncFunction=fe("AsyncFunction");C.bigint=Je("bigint");C.boolean=e=>e===!0||e===!1;C.date=fe("Date");C.defined=e=>!C.undefined(e);C.domElement=e=>C.object(e)&&!C.plainObject(e)&&e.nodeType===1&&C.string(e.nodeName)&&li.every(t=>t in e);C.empty=e=>C.string(e)&&e.length===0||C.array(e)&&e.length===0||C.object(e)&&!C.map(e)&&!C.set(e)&&Object.keys(e).length===0||C.set(e)&&e.size===0||C.map(e)&&e.size===0;C.error=fe("Error");C.function=Je("function");C.generator=e=>C.iterable(e)&&C.function(e.next)&&C.function(e.throw);C.generatorFunction=fe("GeneratorFunction");C.instanceOf=(e,t)=>!e||!t?!1:Object.getPrototypeOf(e)===t.prototype;C.iterable=e=>!C.nullOrUndefined(e)&&C.function(e[Symbol.iterator]);C.map=fe("Map");C.nan=e=>Number.isNaN(e);C.null=e=>e===null;C.nullOrUndefined=e=>C.null(e)||C.undefined(e);C.number=e=>Je("number")(e)&&!C.nan(e);C.numericString=e=>C.string(e)&&e.length>0&&!Number.isNaN(Number(e));C.object=e=>!C.nullOrUndefined(e)&&(C.function(e)||typeof e=="object");C.oneOf=(e,t)=>C.array(e)?e.indexOf(t)>-1:!1;C.plainFunction=fe("Function");C.plainObject=e=>{if(jt(e)!=="Object")return!1;let t=Object.getPrototypeOf(e);return t===null||t===Object.getPrototypeOf({})};C.primitive=e=>C.null(e)||si(typeof e);C.promise=fe("Promise");C.propertyOf=(e,t,n)=>{if(!C.object(e)||!t)return!1;let r=e Line truncated
@keyframes joyride-beacon-inner {
20% {
opacity: 0.9;
}
90% {
opacity: 0.7;
}
}
@keyframes joyride-beacon-outer {
0% {
transform: scale(1);
}
45% {
opacity: 0.7;
transform: scale(0.75);
}
100% {
opacity: 0.9;
transform: scale(1);
}
}
`)),t.appendChild(n)}componentDidMount(){let{shouldFocus:e}=this.props;_.domElement(this.beacon)||console.warn("beacon is not a valid DOM element"),setTimeout(()=>{_.domElement(this.beacon)&&e&&this.beacon.focus()},0)}componentWillUnmount(){let e=document.getElementById("joyride-beacon-animation");e?.parentNode&&e.parentNode.removeChild(e)}render(){let{beaconComponent:e,continuous:t,index:n,isLastStep:r,locale:o,onClickOrHover:i,size:a,step:s,styles:c}=this.props,l=Se(o.open),p={"aria-label":l,onClick:i,onMouseEnter:i,ref:this.setBeaconRef,title:l},u;return e?u=V(e,{continuous:t,index:n,isLastStep:r,size:a,step:s,...p}):u=V("button",{key:"JoyrideBeacon",className:"react-joyride__beacon","data-test-id":"button-beacon",style:c.beacon,type:"button",...p},V("span",{style:c.beaconInner}),V("span",{style:c.beaconOuter})),u}};ps=us;fs=ds,hs=class extends De{constructor(){super(...arguments),A(this,"handleClickBack",e=>{e.preventDefault();let{helpers:t}=this.props;t.prev()}),A(this,"handleClickClose",e=>{e.preventDefault();let{helpers:t}=this.props;t.close("button_close")}),A(this,"handleClickPrimary",e=>{e.preventDefault();let{continuous:t,helpers:n}=this.props;if(!t){n.close("button_primary");return}n.next()}),A(this,"handleClickSkip",e=>{e.preventDefault();let{helpers:t}=this.props;t.skip()}),A(this,"getElementsProps",()=>{let{continuous:e,index:t,isLastStep:n,setTooltipRef:r,size:o,step:i}=this.props,{back:a,close:s,last:c,next:l,nextLabelWithProgress:p,skip:u}=i.locale,d=Se(a),h=Se(s),f=Se(c),g=Se(l),S=Se(u),b=s,x=h;if(e){if(b=l,x=g,i.showProgress&&!n){let y=Se(p,{step:t+1,steps:o});b=ln(p,t+1,o),x=y}n&&(b=c,x=f)}return{backProps:{"aria-label":d,children:a,"data-action":"back",onClick:this.handleClickBack,role:"button",title:d},closeProps:{"aria-label":h,children:s,"data-action":"close",onClick:this.handleClickClose,role:"button",title:h},primaryProps:{"aria-label":x,children:b,"data-action":"primary",onClick:this.handleClickPrimary,role:"button",title:x},skipProps:{"aria-label":S,children:u,"data-action":"skip",onClick:this.handleClickSkip,role:"button",title:S},tooltipProps:{"aria-modal":!0,ref:r,role:"alertdialog"}}})}render(){let{continuous:e,index:t,isLastStep:n,setTooltipRef:r,size:o,step:i}=this.props,{beaconComponent:a,tooltipComponent:s,...c}=i,l;if(s){let p={...this.getElementsProps(),continuous:e,index:t,isLastStep:n,size:o,step:c,setTooltipRef:r};l=V(s,{...p})}else l=V(fs,{...this.getElementsProps(),continuous:e,index:t,isLastStep:n,size:o,step:i});return l}},ms=class extends De{constructor(){super(...arguments),A(this,"scope",null),A(this,"tooltip",null),A(this,"handleClickHoverBeacon",e=>{let{step:t,store:n}=this.props;e.type==="mouseenter"&&t.event!=="hover"||n.update({lifecycle:L.TOOLTIP})}),A(this,"setTooltipRef",e=>{this.tooltip=e}),A(this,"setPopper",(e,t)=>{var n;let{action:r,lifecycle:o,step:i,store:a}=this.props;t==="wrapper"?a.setPopper("beacon",e):a.setPopper("tooltip",e),a.getPopper("beacon")&&(a.getPopper("tooltip")||i.placement==="center")&&o===L.INIT&&a.update({action:r,lifecycle:L.READY}),(n=i.floaterProps)!=null&&n.getPopper&&i.floaterProps.getPopper(e,t)}),A(this,"renderTooltip",e=>{let{continuous:t,helpers:n,index:r,size:o,step:i}=this.props;return V(hs,{continuous:t,helpers:n,index:r,isLastStep:r+1===o,setTooltipRef:this.setTooltipRef,size:o,step:i,...e})})}componentDidMount(){let{debug:e,index:t}=this.props;Le({title:`step:${t}`,data:[{key:"props",value:this.props}],debug:e})}componentDidUpdate(e){var t;let{action:n,callback:r,continuous:o,controlled:i,debug:a,helpers:s,index:c,lifecycle:l,shouldScroll:p,status:u,step:d,store:h}=this.props,{changed:f,changedFrom:g}=At(e,this.props),S=s.info(),b=o&&n!==$.CLOSE&&(c>0||n===$.PREV),x=f("action")||f("index")||f("lifecycle")||f("status"),y=g("lifecycle",[L.TOOLTIP,L.INIT],L.INIT),v=f("action",[$.NEXT,$.PREV,$.SKIP,$.CLOSE]),w=i&&c===e.index;if(v&&(y||w)&&r({...S,index:e.index,lifecycle:L.COMPLETE,step:e.step,type:de.STEP_AFTER}),d.placement==="center"&&u===B.RUNNING&&f("index")&&n!==$.START&&l===L.INIT&&h.update({lifecycle:L.READY}),x){let U=Re(d.target),I=!!U;I&&Ha(U)?(g("status",B.READY,B.RUNNING)||g("lifecycle",L.INIT,L.READY))&&r({...S,step:d,type:de.STEP_BEFORE}):(console.warn(I?"Target not visible":"Target not mounted",d),r({...S,type:de.TARGET_NOT_FOUND,step:d}),i||h.update({index:c+(n===$.PREV?-1:1)}))}g("lifecycle",L.INIT,L.READY)&&h.update({lifecycle:Ir(d)||b?L.TOOLTIP:L.BEACON}),f("index")&&Le({title:`step:${l}`,data:[{key:"props",value:this.props}],debug:a}),f("lifecycle",L.BEACON)&&r({...S,step:d,type:de.BEACON}),f("lifecycle",L.TOOLTIP)&&(r({...S,step:d,type:de.TOOLTIP}),p&&this.tooltip&&(this.scope=new ls(this.tooltip,{selector:"[data-action=primary]"}),this.scope.setFocus())),g("lifecycle",[L.TOOLTIP,L.INIT],L.INIT)&&((t=this.scope)==null||t.removeScope(),h.cleanupPoppers())}componentWillUnmount(){var e;(e=this.scope)==null||e.removeScope()}get open(){let{lifecycle:e,step:t}=this.props;return Ir(t)||e===L.TOOL Line truncated
all: unset;
box-sizing: border-box;
border: 0;
border-radius: 0.25rem;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 0.75rem;
background: ${({theme:e,variant:t})=>t==="primary"?e.color.secondary:t==="secondary"?e.color.lighter:t==="outline"?"transparent":t==="white"?e.color.lightest:e.color.secondary};
color: ${({theme:e,variant:t})=>t==="primary"?e.color.lightest:t==="secondary"||t==="outline"?e.darkest:t==="white"?e.color.secondary:e.color.lightest};
box-shadow: ${({variant:e})=>e==="secondary"||e==="outline"?"#D9E8F2 0 0 0 1px inset":"none"};
height: 32px;
font-size: 0.8125rem;
font-weight: 700;
font-family: ${({theme:e})=>e.typography.fonts.base};
transition: background-color, box-shadow, color, opacity;
transition-duration: 0.16s;
transition-timing-function: ease-in-out;
text-decoration: none;
&:hover {
background-color: ${({theme:e,variant:t})=>t==="primary"?"#0b94eb":t==="secondary"?"#eef4f9":t==="outline"?"transparent":t==="white"?e.color.lightest:"#0b94eb"};
color: ${({theme:e,variant:t})=>t==="primary"?e.color.lightest:t==="secondary"||t==="outline"?e.darkest:t==="white"?e.color.darkest:e.color.lightest};
}
&:focus {
box-shadow: ${({variant:e})=>e==="primary"?"inset 0 0 0 1px rgba(0, 0, 0, 0.2)":e==="secondary"||e==="outline"?"inset 0 0 0 1px #0b94eb":e==="white"?"none":"inset 0 0 0 2px rgba(0, 0, 0, 0.1)"};
}
`,bs=En(function({children:e,onClick:t,variant:n="primary",...r},o){return m.createElement(gs,{ref:o,onClick:t,variant:n,...r},e)}),vs=J.div`
padding: 15px;
border-radius: 5px;
`,Es=J.div`
display: flex;
flex-direction: column;
align-items: flex-start;
`,Os=J.div`
display: flex;
align-items: center;
align-self: stretch;
justify-content: space-between;
margin: -5px -5px 5px 0;
`,Ss=J.div`
line-height: 18px;
font-weight: 700;
font-size: 14px;
margin: 5px 5px 5px 0;
`,ws=J.p`
font-size: 14px;
line-height: 18px;
text-align: start;
text-wrap: balance;
margin: 0;
margin-top: 5px;
`,Ts=J.div`
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 15px;
`,Is=J.span`
font-size: 13px;
`,Cs=({index:e,size:t,step:n,closeProps:r,primaryProps:o,tooltipProps:i})=>(se(()=>{let a=document.createElement("style");return a.id="#sb-onboarding-arrow-style",a.innerHTML=`
.__floater__arrow { container-type: size; }
.__floater__arrow span { background: ${It.secondary}; }
.__floater__arrow span::before, .__floater__arrow span::after {
content: '';
display: block;
width: 2px;
height: 2px;
background: ${It.secondary};
box-shadow: 0 0 0 2px ${It.secondary};
border-radius: 3px;
flex: 0 0 2px;
}
@container (min-height: 1px) {
.__floater__arrow span { flex-direction: column; }
}
`,document.head.appendChild(a),()=>{let s=document.querySelector("#sb-onboarding-arrow-style");s&&s.remove()}},[]),m.createElement(vs,{...i,style:n.styles?.tooltip},m.createElement(Es,null,m.createElement(Os,null,n.title&&m.createElement(Ss,null,n.title),m.createElement(Rn,{...r,onClick:r.onClick,variant:"solid"},m.createElement(jn,null))),m.createElement(ws,null,n.content)),m.createElement(Ts,{id:"buttonNext"},m.createElement(Is,null,e+1," of ",t),!n.hideNextButton&&m.createElement(bs,{...o,onClick:n.onNextButtonClick||o.onClick,variant:"white"},e+1===t?"Done":"Next"))));xs=J(ze.Content)(({theme:e})=>({fontSize:e.typography.size.s2,color:e.color.defaultText,gap:8})),_s=J.div({display:"grid",gridTemplateColumns:"1fr 1fr",gap:14,marginBottom:8}),As=J.div(({theme:e})=>({marginTop:8,marginBottom:2,fontWeight:e.typography.weight.bold})),Ns=J.label({display:"flex",gap:8,'&:has(input[type="checkbox"]:not(:disabled), input[type="radio"]:not(:disabled))':{cursor:"pointer"}}),ks=J(ze.Actions)({marginTop:8}),Ls=J(Tt.Checkbox)({margin:2}),js=({onComplete:e,onDismiss:t})=>{let[n,r]=ae(!1),[o,i]=ae({building:{label:"What are you building?",type:"checkbox",required:!0,options:en({"design-system":{label:"Design system"},"application-ui":{label:"Application UI"}}),values:{"design-system":!1,"application-ui":!1}},interest:{label:"Which of these are you interested in?",type:"checkbox",required:!0,options:en({"ui-documentation":{label:"Generating UI docs"},"functional-testing":{label:"Functional testing"},"accessibility-testing":{label:"Accessibility testing"},"visual-testing":{label:"Visual testing"},"ai-augmented-development":{label:"Building UI with AI"},"team-collaboration":{label:"Team collaboration"},"design-handoff":{label:"Design handoff"}}),values:{"ui-documentation":!1,"functional-testing":!1,"accessibility-testing":!1,"visual-testing":!1,"ai-augmented-development":!1,"team-collaboration":!1,"design-handoff":!1}},referrer:{label:"How did you discover Storybook?",type:"select",required:!0,options:en({"we-use-it-at-work":{label:"We use it at work"},"via-friend-or-colleague":{label:"Via friend or colleague"},"via-social-media":{label:"Via social media"},youtube:{label:"YouTube"},"web-search":{label:"Web Search"},"ai-agent":{label:"AI Agent (e.g. ChatGPT)"}}),values:{"we-use-it-at-work":!1,"via-friend-or-colleague":!1,"via-social-media":!1,youtube:!1,"web-search":!1,"ai-agent":!1}}}),a=(c,l,p)=>{let u=o[c];i(d=>{if(u.type==="checkbox"){let h={...u.values,[l]:!!p};return{...d,[c]:{...u,values:h}}}if(u.type==="select"){let h=Object.fromEntries(Object.entries(u.values).map(([f])=>[f,f===l]));return{...d,[c]:{...u,values:h}}}return d})},s=Object.values(o).every(c=>c.required?Object.values(c.values).some(l=>l===!0):!0);return m.createElement(ze,{defaultOpen:!0,width:420,onEscapeKeyDown:t},m.createElement(Tt,{onSubmit:c=>{s&&(c.preventDefault(),r(!0),e(Object.fromEntries(Object.entries(o).map(([l,p])=>[l,p.values]))))},id:"intent-survey-form"},m.createElement(xs,null,m.createElement(ze.Header,null,m.createElement(ze.Title,null,"Help improve Storybook")),Object.keys(o).map(c=>{let l=o[c];return m.createElement(m.Fragment,{key:c},m.createElement(As,null,l.label),l.type==="checkbox"&&m.createElement(_s,null,Object.entries(l.options).map(([p,u])=>{let d=`${c}:${p}`;return m.createElement("div",{key:d},m.createElement(Ns,{htmlFor:d},m.createElement(Ls,{name:d,id:d,checked:l.values[p],disabled:n,onChange:h=>a(c,p,h.target.checked)}),u.label))})),l.type==="select"&&m.createElement(Tt.Select,{name:c,id:c,value:Object.entries(l.values).find(([,p])=>p)?.[0]||"",required:l.required,disabled:n,onChange:p=>a(c,p.target.value)},m.createElement("option",{disabled:!0,hidden:!0,value:""},"Select an option..."),Object.entries(l.options).map(([p,u])=>m.createElement("option",{key:p,value:p},u.label))))}),m.createElement(ks,null,m.createElement(Pn,{disabled:n||!s,size:"medium",type:"submit",variant:"solid"},"Submit")))))};Ds=rt({from:{opacity:0},to:{opacity:1}}),vo=rt({from:{transform:"translate(0, 20px)",opacity:0},to:{transform:"translate(0, 0)",opacity:1}}),Fs=rt({from:{opacity:0,transform:"scale(0.8)"},to:{opacity:1,transform:"scale(1)"}}),Bs=rt({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Ws=J.div(({visible:e})=>({position:"fixed",top:0,left:0,right:0,bottom:0,display:"flex",opacity:e?1:0,alignItems:"center",justifyContent:"center",zIndex:1e3,transition:"opacity 1s 0.5s"})),Hs=J.div({position:"absolute",top:0,left:0,right:0,bottom:0,animation:`${Ds} 2s`,background:`
radial-gradient(90% 90%, #ff4785 0%, #db5698 30%, #1ea7fdcc 100%),
radial-gradient(circle, #ff4785 0%, transparent 80%),
radial-gradient(circle at 30% 40%, #fc521f99 0%, #fc521f66 20%, transparent 40%),
radial-gradient(circle at 75% 75%, #fc521f99 0%, #fc521f77 18%, transparent 30%)`,"&::before":{opacity:.5,background:`
radial-gradient(circle at 30% 40%, #fc521f99 0%, #fc521f66 10%, transparent 20%),
radial-gradient(circle at 75% 75%, #fc521f99 0%, #fc521f77 8%, transparent 20%)`,content:'""',position:"absolute",top:"-50vw",left:"-50vh",transform:"translate(-50%, -50%)",width:"calc(100vw + 100vh)",height:"calc(100vw + 100vh)",animation:`${Bs} 12s linear infinite`}}),Us=J.div(({visible:e})=>({position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",color:"white",textAlign:"center",width:"90vw",minWidth:290,maxWidth:410,opacity:e?1:0,transition:"opacity 0.5s",h1:{fontSize:45,fontWeight:"bold",animation:`${vo} 1.5s 1s backwards`}})),zs=J.div({display:"flex",marginTop:40,div:{display:"flex",flexBasis:"33.33%",flexDirection:"column",alignItems:"center",animation:`${vo} 1s backwards`,"&:nth-child(1)":{animationDelay:"2s"},"&:nth-child(2)":{animationDelay:"2.5s"},"&:nth-child(3)":{animationDelay:"3s"}},svg:{marginBottom:10}}),Gs=J.button({display:"inline-flex",position:"relative",alignItems:"center",justifyContent:"center",marginTop:40,width:48,height:48,padding:0,borderRadius:"50%",border:0,outline:"none",background:"rgba(255, 255, 255, 0.3)",cursor:"pointer",transition:"background 0.2s",animation:`${Fs} 1.5s 4s backwards`,"&:hover, &:focus":{background:"rgba(255, 255, 255, 0.4)"}}),Ys=J(Ln)({width:30,color:"white"}),_r=J.svg(({progress:e})=>({position:"absolute",top:-1,left:-1,width:"50px!important",height:"50px!important",transform:"rotate(-90deg)",color:"white",circle:{r:"24",cx:"25",cy:"25",fill:"transparent",stroke:e?"currentColor":"transparent",strokeWidth:"1",strokeLinecap:"round",strokeDasharray:Math.PI*48}})),qs=({onDismiss:e,duration:t=6e3})=>{let[n,r]=ae(-4e5/t),[o,i]=ae(!0),a=n>=100,s=nt(()=>{i(!1);let c=setTimeout(e,1500);return()=>clearTimeout(c)},[e]);return se(()=>{if(!t)return;let c=1e3/50,l=100/(t/c),p=setInterval(()=>r(u=>u+l),c);return()=>clearInterval(p)},[t]),se(()=>{a&&s()},[a,s]),m.createElement(Ws,{visible:o},m.createElement(Hs,null),m.createElement(Us,{visible:o},m.createElement("h1",null,"Meet your new frontend workshop"),m.createElement(zs,null,m.createElement("div",null,m.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"33",height:"32"},m.createElement("path",{d:"M4.06 0H32.5v28.44h-3.56V32H.5V3.56h3.56V0Zm21.33 7.11H4.06v21.33h21.33V7.11Z",fill:"currentColor"})),"Development"),m.createElement("div",null,m.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32"},m.createElement("path",{d:"M15.95 32c-1.85 0-3.1-1.55-3.1-3.54 0-1.1.45-2.78 1.35-5.03.9-2.3 1.35-4.51 1.35-6.81a22.21 22.21 0 0 0-5.1 3.67c-2.5 2.47-4.95 4.9-7.55 4.9-1.6 0-2.9-1.1-2.9-2.43 0-1.46 1.35-2.91 4.3-3.62 1.45-.36 3.1-.75 4.95-1.06 1.8-.31 3.8-1.02 5.9-2.08a23.77 23.77 0 0 0-6.1-2.12C5.3 13.18 2.3 12.6 1 11.28.35 10.6 0 9.9 0 9.14 0 7.82 1.2 6.8 2.95 6.8c2.65 0 5.75 3.1 7.95 5.3 1.1 1.1 2.65 2.21 4.65 3.27v-.57c0-1.77-.15-3.23-.55-4.3-.8-2.11-2.05-5.43-2.05-6.97 0-2.04 1.3-3.54 3.1-3.54 1.75 0 3.1 1.41 3.1 3.54 0 1.06-.45 2.78-1.35 5.12-.9 2.35-1.35 4.6-1.35 6.72 2.85-1.59 2.5-1.41 4.95-3.5 2.35-2.29 4-3.7 4.9-4.23.95-.58 1.9-.84 2.9-.84 1.6 0 2.8.97 2.8 2.34 0 1.5-1.25 2.78-4.15 3.62-1.4.4-3.05.75-4.9 1.1-1.9.36-3.9 1.07-6.1 2.13a23.3 23.3 0 0 0 5.95 2.08c3.65.7 6.75 1.32 8.15 2.6.7.67 1.05 1.33 1.05 2.08 0 1.33-1.2 2.43-2.95 2.43-2.95 0-6.75-4.15-8.2-5.61-.7-.7-2.2-1.72-4.4-2.96v.57c0 1.9.45 4.03 1.3 6.32.85 2.3 1.3 3.94 1.3 4.95 0 2.08-1.35 3.54-3.1 3.54Z",fill:"currentColor"})),"Testing"),m.createElement("div",null,m.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"33",height:"32"},m.createElement("path",{d:"M.5 16a16 16 0 1 1 32 0 16 16 0 0 1-32 0Zm16 12.44A12.44 12.44 0 0 1 4.3 13.53a8 8 0 1 0 9.73-9.73 12.44 12.44 0 1 1 2.47 24.64ZM12.06 16a4.44 4.44 0 1 1 0-8.89 4.44 4.44 0 0 1 0 8.89Z",fill:"currentColor",fillRule:"evenodd"})),"Documentation")),m.createElement(Gs,{onClick:s},m.createElement(Ys,null),m.createElement(_r,{xmlns:"http://www.w3.org/2000/svg"},m.createElement("circle",null)),m.createElement(_r,{xmlns:"http://www.w3.org/2000/svg",progress:!0},m.createElement("circle",{strokeDashoffset:Math.PI*48*(1-Math.max(0,Math.min(n,100))/100)})))))},$s=J.span(({theme:e})=>({display:"inline-flex",borderRadius:3,padding:"0 5px",marginBottom:-2,opacity:.8,fontFamily:e.typography.fonts.mono,fontSize:11,border:e.base==="dark"?e.color.darkest:e.color.lightest,color:e.base==="dark"?e.color.lightest:e.color.darkest,backgroundColor:e.base==="dark"?"black":e.color.light,boxSizing:"border-box",lineHeight:"17px"})),Vs=J.div(({theme:e})=>({background:e.background.content,borderRadius:3,marginTop:15,padding:10,fontSize:e.typography.size.s1,".linenumber":{opacity:.5}})),Ks=qt()});Z();Q();ee();Z();Q();ee();Et();St();zt();Gt();Z();Q();ee();var tu=__STORYBOOK_API__,{ActiveTabs:nu,Consumer:ru,ManagerContext:ou,Provider:iu,RequestResponseError:au,addons:Cn,combineParameters:su,controlOrMetaKey:lu,controlOrMetaSymbol:cu,eventMatchesShortcut:uu,eventToShortcut:pu,experimental_MockUniversalStore:du,experimental_UniversalStore:fu,experimental_getStatusS Line truncated
}catch(e){ console.error("[Storybook] One of your manager-entries failed: " + import.meta.url, e); }
@@ -0,0 +1,971 @@
try{
(()=>{var P1=Object.defineProperty;var Ke=(e=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(e,{get:(t,r)=>(typeof require<"u"?require:t)[r]}):e)(function(e){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')});var co=(e,t)=>()=>(e&&(t=e(e=0)),t);var N1=(e,t)=>{for(var r in t)P1(e,r,{get:t[r],enumerable:!0})};var te=co(()=>{});var re=co(()=>{});var ne=co(()=>{});var xc={};N1(xc,{A:()=>j1,ActionBar:()=>Cn,AddonPanel:()=>Dn,Badge:()=>gr,Bar:()=>Tn,Blockquote:()=>M1,Button:()=>Je,ClipboardCode:()=>$1,Code:()=>q1,DL:()=>U1,Div:()=>H1,DocumentWrapper:()=>V1,EmptyTabContent:()=>kn,ErrorFormatter:()=>z1,FlexBar:()=>Ai,Form:()=>$e,H1:()=>G1,H2:()=>W1,H3:()=>Y1,H4:()=>K1,H5:()=>X1,H6:()=>J1,HR:()=>Z1,IconButton:()=>ce,Img:()=>Q1,LI:()=>eE,Link:()=>Ze,ListItem:()=>tE,Loader:()=>rE,Modal:()=>It,OL:()=>nE,P:()=>xi,Placeholder:()=>oE,Pre:()=>aE,ProgressSpinner:()=>iE,ResetWrapper:()=>wi,ScrollArea:()=>Si,Separator:()=>Ci,Spaced:()=>sE,Span:()=>lE,StorybookIcon:()=>uE,StorybookLogo:()=>cE,SyntaxHighlighter:()=>On,TT:()=>dE,TabBar:()=>pE,TabButton:()=>mE,TabWrapper:()=>hE,Table:()=>fE,Tabs:()=>gE,TabsState:()=>yE,TooltipLinkList:()=>In,TooltipMessage:()=>bE,TooltipNote:()=>vt,UL:()=>EE,WithTooltip:()=>De,WithTooltipPure:()=>Di,Zoom:()=>Ti,codeCommon:()=>Qt,components:()=>vE,createCopyToClipboardFunction:()=>AE,default:()=>L1,getStoryHref:()=>xE,interleaveSeparators:()=>wE,nameSpaceClassNames:()=>SE,resetComponents:()=>CE,withReset:()=>er});var L1,j1,Cn,Dn,gr,Tn,M1,Je,$1,q1,U1,H1,V1,kn,z1,Ai,$e,G1,W1,Y1,K1,X1,J1,Z1,ce,Q1,eE,Ze,tE,rE,It,nE,xi,oE,aE,iE,wi,Si,Ci,sE,lE,uE,cE,On,dE,pE,mE,hE,fE,gE,yE,In,bE,vt,EE,De,Di,Ti,Qt,vE,AE,xE,wE,SE,CE,er,J=co(()=>{te();re();ne();L1=__STORYBOOK_COMPONENTS__,{A:j1,ActionBar:Cn,AddonPanel:Dn,Badge:gr,Bar:Tn,Blockquote:M1,Button:Je,ClipboardCode:$1,Code:q1,DL:U1,Div:H1,DocumentWrapper:V1,EmptyTabContent:kn,ErrorFormatter:z1,FlexBar:Ai,Form:$e,H1:G1,H2:W1,H3:Y1,H4:K1,H5:X1,H6:J1,HR:Z1,IconButton:ce,Img:Q1,LI:eE,Link:Ze,ListItem:tE,Loader:rE,Modal:It,OL:nE,P:xi,Placeholder:oE,Pre:aE,ProgressSpinner:iE,ResetWrapper:wi,ScrollArea:Si,Separator:Ci,Spaced:sE,Span:lE,StorybookIcon:uE,StorybookLogo:cE,SyntaxHighlighter:On,TT:dE,TabBar:pE,TabButton:mE,TabWrapper:hE,Table:fE,Tabs:gE,TabsState:yE,TooltipLinkList:In,TooltipMessage:bE,TooltipNote:vt,UL:EE,WithTooltip:De,WithTooltipPure:Di,Zoom:Ti,codeCommon:Qt,components:vE,createCopyToClipboardFunction:AE,getStoryHref:xE,interleaveSeparators:wE,nameSpaceClassNames:SE,resetComponents:CE,withReset:er}=__STORYBOOK_COMPONENTS__});te();re();ne();te();re();ne();te();re();ne();var c=__REACT__,{Children:po,Component:Et,Fragment:ft,Profiler:mI,PureComponent:hI,StrictMode:fI,Suspense:Ec,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:gI,act:yI,cloneElement:Pe,createContext:Lr,createElement:Y,createFactory:bI,createRef:EI,forwardRef:vc,isValidElement:vI,lazy:Ac,memo:Xe,startTransition:AI,unstable_act:xI,useCallback:Q,useContext:mo,useDebugValue:wI,useDeferredValue:SI,useEffect:X,useId:CI,useImperativeHandle:DI,useInsertionEffect:TI,useLayoutEffect:ho,useMemo:Me,useReducer:kI,useRef:ye,useState:z,useSyncExternalStore:OI,useTransition:II,version:RI}=__REACT__;J();te();re();ne();var jI=__STORYBOOK_ICONS__,{AccessibilityAltIcon:MI,AccessibilityIcon:$I,AccessibilityIgnoredIcon:qI,AddIcon:go,AdminIcon:UI,AlertAltIcon:HI,AlertIcon:VI,AlignLeftIcon:zI,AlignRightIcon:GI,AppleIcon:WI,ArrowBottomLeftIcon:YI,ArrowBottomRightIcon:KI,ArrowDownIcon:XI,ArrowLeftIcon:JI,ArrowRightIcon:ZI,ArrowSolidDownIcon:QI,ArrowSolidLeftIcon:eR,ArrowSolidRightIcon:tR,ArrowSolidUpIcon:rR,ArrowTopLeftIcon:nR,ArrowTopRightIcon:oR,ArrowUpIcon:aR,AzureDevOpsIcon:iR,BackIcon:sR,BasketIcon:lR,BatchAcceptIcon:uR,BatchDenyIcon:cR,BeakerIcon:dR,BellIcon:pR,BitbucketIcon:mR,BoldIcon:hR,BookIcon:fR,BookmarkHollowIcon:gR,BookmarkIcon:yR,BottomBarIcon:bR,BottomBarToggleIcon:ER,BoxIcon:vR,BranchIcon:AR,BrowserIcon:wc,ButtonIcon:xR,CPUIcon:wR,CalendarIcon:SR,CameraIcon:CR,CameraStabilizeIcon:DR,CategoryIcon:TR,CertificateIcon:kR,ChangedIcon:OR,ChatIcon:IR,CheckIcon:yo,ChevronDownIcon:bo,ChevronLeftIcon:RR,ChevronRightIcon:Sc,ChevronSmallDownIcon:Eo,ChevronSmallLeftIcon:BR,ChevronSmallRightIcon:_R,ChevronSmallUpIcon:Cc,ChevronUpIcon:Dc,ChromaticIcon:FR,ChromeIcon:PR,CircleHollowIcon:NR,CircleIcon:vo,ClearIcon:LR,CloseAltIcon:jR,CloseIcon:MR,CloudHollowIcon:$R,CloudIcon:qR,CogIcon:UR,CollapseIcon:HR,CommandIcon:VR,CommentAddIcon:zR,CommentIcon:GR,CommentsIcon:WR,CommitIcon:YR,CompassIcon:KR,ComponentDrivenIcon:XR,ComponentIcon:JR,ContrastIcon:ZR,ContrastIgnoredIcon:QR,ControlsIcon:eB,CopyIcon:tB,CreditIcon:rB,CrossIcon:nB,DashboardIcon:oB,DatabaseIcon:aB,DeleteIcon:iB,DiamondIcon:sB,DirectionIcon:lB,DiscordIcon:uB,DocChartIcon:cB,DocListIcon:dB,DocumentIcon:yr,DownloadIcon:pB,DragIcon:mB,EditIcon:hB,EllipsisIcon:fB,EmailIcon:gB,ExpandAltIcon:yB,ExpandIcon:bB,EyeCloseIcon:Tc,EyeIcon:kc,FaceHappyIcon:EB,FaceNeutralIcon:vB,FaceSadIcon:AB,FaLine truncated
[ ]{`+Math.min.apply(Math,o)+"}","g");n=n.map(function(s){return s.replace(a,`
`)})}n[0]=n[0].replace(/^\r?\n/,"");var i=n[0];return t.forEach(function(s,l){var u=i.match(/(?:^|\n)( *)$/),d=u?u[1]:"",m=s;typeof s=="string"&&s.includes(`
`)&&(m=String(s).split(`
`).map(function(p,f){return f===0?p:""+d+p}).join(`
`)),i+=m+n[l+1]}),i}Ae(ke,"dedent");function Li({code:e,category:t}){let r=String(e).padStart(4,"0");return`SB_${t}_${r}`}Ae(Li,"parseErrorCode");var Ed=class vd extends Error{constructor(t){super(vd.getFullMessage(t)),this.data={},this.fromStorybook=!0,this.category=t.category,this.documentation=t.documentation??!1,this.code=t.code}get fullErrorCode(){return Li({code:this.code,category:this.category})}get name(){let t=this.constructor.name;return`${this.fullErrorCode} (${t})`}static getFullMessage({documentation:t,code:r,category:n,message:o}){let a;return t===!0?a=`https://storybook.js.org/error/${Li({code:r,category:n})}`:typeof t=="string"?a=t:Array.isArray(t)&&(a=`
${t.map(i=>` - ${i}`).join(`
`)}`),`${o}${a!=null?`
More info: ${a}
`:""}`}};Ae(Ed,"StorybookError");var Te=Ed,TE=(e=>(e.BLOCKS="BLOCKS",e.DOCS_TOOLS="DOCS-TOOLS",e.PREVIEW_CLIENT_LOGGER="PREVIEW_CLIENT-LOGGER",e.PREVIEW_CHANNELS="PREVIEW_CHANNELS",e.PREVIEW_CORE_EVENTS="PREVIEW_CORE-EVENTS",e.PREVIEW_INSTRUMENTER="PREVIEW_INSTRUMENTER",e.PREVIEW_API="PREVIEW_API",e.PREVIEW_REACT_DOM_SHIM="PREVIEW_REACT-DOM-SHIM",e.PREVIEW_ROUTER="PREVIEW_ROUTER",e.PREVIEW_THEMING="PREVIEW_THEMING",e.RENDERER_HTML="RENDERER_HTML",e.RENDERER_PREACT="RENDERER_PREACT",e.RENDERER_REACT="RENDERER_REACT",e.RENDERER_SERVER="RENDERER_SERVER",e.RENDERER_SVELTE="RENDERER_SVELTE",e.RENDERER_VUE="RENDERER_VUE",e.RENDERER_VUE3="RENDERER_VUE3",e.RENDERER_WEB_COMPONENTS="RENDERER_WEB-COMPONENTS",e.FRAMEWORK_NEXTJS="FRAMEWORK_NEXTJS",e.ADDON_VITEST="ADDON_VITEST",e.ADDON_A11Y="ADDON_A11Y",e))(TE||{}),Ad=class extends Te{constructor(t){super({category:"PREVIEW_API",code:1,message:ke`
Couldn't find story matching id '${t.storyId}' after HMR.
- Did you just rename a story?
- Did you remove it from your CSF file?
- Are you sure a story with the id '${t.storyId}' exists?
- Please check the values in the stories field of your main.js config and see if they would match your CSF File.
- Also check the browser console and terminal for potential error messages.`}),this.data=t}};Ae(Ad,"MissingStoryAfterHmrError");var xd=Ad,wd=class extends Te{constructor(t){super({category:"PREVIEW_API",code:2,documentation:"https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#using-implicit-actions-during-rendering-is-deprecated-for-example-in-the-play-function",message:ke`
We detected that you use an implicit action arg while ${t.phase} of your story.
${t.deprecated?`
This is deprecated and won't work in Storybook 8 anymore.
`:""}
Please provide an explicit spy to your args like this:
import { fn } from 'storybook/test';
...
args: {
${t.name}: fn()
}`}),this.data=t}};Ae(wd,"ImplicitActionsDuringRendering");var Sd=wd,Cd=class extends Te{constructor(){super({category:"PREVIEW_API",code:3,message:ke`
Cannot call \`storyStore.extract()\` without calling \`storyStore.cacheAllCsfFiles()\` first.
You probably meant to call \`await preview.extract()\` which does the above for you.`})}};Ae(Cd,"CalledExtractOnStoreError");var Dd=Cd,Td=class extends Te{constructor(){super({category:"PREVIEW_API",code:4,message:ke`
Expected your framework's preset to export a \`renderToCanvas\` field.
Perhaps it needs to be upgraded for Storybook 7.0?`,documentation:"https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#mainjs-framework-field"})}};Ae(Td,"MissingRenderToCanvasError");var kd=Td,Od=class extends Te{constructor(t){super({category:"PREVIEW_API",code:5,message:ke`
Called \`Preview.${t.methodName}()\` before initialization.
The preview needs to load the story index before most methods can be called. If you want
to call \`${t.methodName}\`, try \`await preview.initializationPromise;\` first.
If you didn't call the above code, then likely it was called by an addon that needs to
do the above.`}),this.data=t}};Ae(Od,"CalledPreviewMethodBeforeInitializationError");var rt=Od,Id=class extends Te{constructor(t){super({category:"PREVIEW_API",code:6,message:ke`
Error fetching \`/index.json\`:
${t.text}
If you are in development, this likely indicates a problem with your Storybook process,
check the terminal for errors.
If you are in a deployed Storybook, there may have been an issue deploying the full Storybook
build.`}),this.data=t}};Ae(Id,"StoryIndexFetchError");var Rd=Id,Bd=class extends Te{constructor(t){super({category:"PREVIEW_API",code:7,message:ke`
Tried to render docs entry ${t.storyId} but it is a MDX file that has no CSF
references, or autodocs for a CSF file that some doesn't refer to itself.
This likely is an internal error in Storybook's indexing, or you've attached the
\`attached-mdx\` tag to an MDX file that is not attached.`}),this.data=t}};Ae(Bd,"MdxFileWithNoCsfReferencesError");var _d=Bd,Fd=class extends Te{constructor(){super({category:"PREVIEW_API",code:8,message:ke`
Couldn't find any stories in your Storybook.
- Please check your stories field of your main.js config: does it match correctly?
- Also check the browser console and terminal for error messages.`})}};Ae(Fd,"EmptyIndexError");var Pd=Fd,Nd=class extends Te{constructor(t){super({category:"PREVIEW_API",code:9,message:ke`
Couldn't find story matching '${t.storySpecifier}'.
- Are you sure a story with that id exists?
- Please check your stories field of your main.js config.
- Also check the browser console and terminal for error messages.`}),this.data=t}};Ae(Nd,"NoStoryMatchError");var Ld=Nd,jd=class extends Te{constructor(t){super({category:"PREVIEW_API",code:10,message:ke`
Couldn't find story matching id '${t.storyId}' after importing a CSF file.
The file was indexed as if the story was there, but then after importing the file in the browser
we didn't find the story. Possible reasons:
- You are using a custom story indexer that is misbehaving.
- You have a custom file loader that is removing or renaming exports.
Please check your browser console and terminal for errors that may explain the issue.`}),this.data=t}};Ae(jd,"MissingStoryFromCsfFileError");var Md=jd,$d=class extends Te{constructor(){super({category:"PREVIEW_API",code:11,message:ke`
Cannot access the Story Store until the index is ready.
It is not recommended to use methods directly on the Story Store anyway, in Storybook 9 we will
remove access to the store entirely`})}};Ae($d,"StoryStoreAccessedBeforeInitializationError");var qd=$d,Ud=class extends Te{constructor(t){super({category:"PREVIEW_API",code:12,message:ke`
Incorrect use of mount in the play function.
To use mount in the play function, you must satisfy the following two requirements:
1. You *must* destructure the mount property from the \`context\` (the argument passed to your play function).
This makes sure that Storybook does not start rendering the story before the play function begins.
2. Your Storybook framework or builder must be configured to transpile to ES2017 or newer.
This is because destructuring statements and async/await usages are otherwise transpiled away,
which prevents Storybook from recognizing your usage of \`mount\`.
Note that Angular is not supported. As async/await is transpiled to support the zone.js polyfill.
More info: https://storybook.js.org/docs/writing-tests/interaction-testing#run-code-before-the-component-gets-rendered
Received the following play function:
${t.playFunction}`}),this.data=t}};Ae(Ud,"MountMustBeDestructuredError");var qr=Ud,Hd=class extends Te{constructor(t){super({category:"PREVIEW_API",code:14,message:ke`
No render function available for storyId '${t.id}'
`}),this.data=t}};Ae(Hd,"NoRenderFunctionError");var Lo=Hd,Vd=class extends Te{constructor(){super({category:"PREVIEW_API",code:15,message:ke`
No component is mounted in your story.
This usually occurs when you destructure mount in the play function, but forget to call it.
For example:
async play({ mount, canvasElement }) {
// 👈 mount should be called: await mount();
const canvas = within(canvasElement);
const button = await canvas.findByRole('button');
await userEvent.click(button);
};
Make sure to either remove it or call mount in your play function.
`})}};Ae(Vd,"NoStoryMountedError");var zd=Vd,kE=class extends Te{constructor(t){super({category:"PREVIEW_API",code:16,message:`Status has typeId "${t.status.typeId}" but was added to store with typeId "${t.typeId}". Full status: ${JSON.stringify(t.status,null,2)}`}),this.data=t}};Ae(kE,"StatusTypeIdMismatchError");var OE=class extends Te{constructor(){super({category:"FRAMEWORK_NEXTJS",code:1,documentation:"https://storybook.js.org/docs/get-started/nextjs#faq",message:ke`
You are importing avif images, but you don't have sharp installed.
You have to install sharp in order to use image optimization features in Next.js.
`})}};Ae(OE,"NextJsSharpError");var IE=class extends Te{constructor(t){super({category:"FRAMEWORK_NEXTJS",code:2,message:ke`
Tried to access router mocks from "${t.importType}" but they were not created yet. You might be running code in an unsupported environment.
`}),this.data=t}};Ae(IE,"NextjsRouterMocksNotAvailable");var RE=class extends Te{constructor(t){super({category:"DOCS-TOOLS",code:1,documentation:"https://github.com/storybookjs/storybook/issues/26606",message:ke`
There was a failure when generating detailed ArgTypes in ${t.language} for:
${JSON.stringify(t.type,null,2)}
Storybook will fall back to use a generic type description instead.
This type is either not supported or it is a bug in the docgen generation in Storybook.
If you think this is a bug, please detail it as much as possible in the Github issue.
`}),this.data=t}};Ae(RE,"UnknownArgTypesError");var BE=class extends Te{constructor(t){super({category:"ADDON_VITEST",code:1,message:ke`
Encountered an unsupported value "${t.value}" when setting the viewport ${t.dimension} dimension.
The Storybook plugin only supports values in the following units:
- px, vh, vw, em, rem and %.
You can either change the viewport for this story to use one of the supported units or skip the test by adding '!test' to the story's tags per https://storybook.js.org/docs/writing-stories/tags
`}),this.data=t}};Ae(BE,"UnsupportedViewportDimensionError");var _E=class extends Te{constructor(){super({category:"ADDON_A11Y",code:1,documentation:"https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#a11y-addon-replace-element-parameter-with-context-parameter",message:'The "element" parameter in parameters.a11y has been removed. Use "context" instead.'})}};Ae(_E,"ElementA11yParameterError");te();re();ne();var FE=Object.create,os=Object.defineProperty,PE=Object.getOwnPropertyDescriptor,NE=Object.getOwnPropertyNames,LE=Object.getPrototypeOf,jE=Object.prototype.hasOwnProperty,w=(e,t)=>os(e,"name",{value:t,configurable:!0}),jo=(e=>typeof Ke<"u"?Ke:typeof Proxy<"u"?new Proxy(e,{get:(t,r)=>(typeof Ke<"u"?Ke:t)[r]}):e)(function(e){if(typeof Ke<"u")return Ke.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')}),Ne=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),ME=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of NE(t))!jE.call(e,o)&&o!==r&&os(e,o,{get:()=>t[o],enumerable:!(n=PE(t,o))||n.enumerable});return e},Jr=(e,t,r)=>(r=e!=null?FE(LE(e)):{},ME(t||!e||!e.__esModule?os(r,"default",{value:e,enumerable:!0}):r,e)),ip=Ne((e,t)=>{(function(r){if(typeof e=="object"&&typeof t<"u")t.exports=r();else if(typeof define=="function"&&define.amd)define([],r);else{var n;typeof window<"u"||typeof window<"u"?n=window:typeof self<"u"?n=self:n=this,n.memoizerific=r()}})(function(){var r,n,o;return w(function a(i,s,l){function u(p,f){if(!s[p]){if(!i[p]){var g=typeof jo=="function"&&jo;if(!f&&g)return g(p,!0);if(d)return d(p,!0);var y=new Error("Cannot find module '"+p+"'");throw y.code="MODULE_NOT_FOUND",y}var E=s[p]={exports:{}};i[p][0].call(E.exports,function(b){var x=i[p][1][b];return u(x||b)},E,E.exports,a,i,s,l)}return s[p].exports}w(u,"s");for(var d=typeof jo=="function"&&jo,m=0;m<l.length;m++)u(l[m]);return u},"e")({1:[function(a,i,s){i.exports=function(l){if(typeof Map!="function"||l){var u=a("./similar");return new u}else return new Map}},{"./similar":2}],2:[function(a,i,s){function l(){return this.list=[],this.lastItem=void 0,this.size=0,this}w(l,"Similar"),l.prototype.get=function(u){var d;if(this.lastItem&&this.isEqual(this.lastItem.key,u))return this.lastItem.val;if(d=this.indexOf(u),d>=0)return this.lastItem=this.list[d],this.list[d].val},l.prototype.set=function(u,d){var m;return this.lastItem&&this.isEqual(this.lastItem.key,u)?(this.lastItem.val=d,this):(m=this.indexOf(u),m>=0?(this.lastItem=this.list[m],this.list[m].val=d,this):(this.lastItem={key:u,val:d},this.list.push(this.lastItem),this.size++,this))},l.prototype.delete=function(u){var d;if(this.lastItem&&this.isEqual(this.lastItem.key,u)&&(this.lastItem=void 0),d=this.indexOf(u),d>=0)return this.size--,this.list.splice(d,1)[0]},l.prototype.has=function(u){var d;return this.lastItem&&this.isEqual(this.lastItem.key,u)?!0:(d=this.indexOf(u),d>=0?(this.lastItem=this.list[d],!0):!1)},l.prototype.forEach=function(u,d){var m;for(m=0;m<this.size;m++)u.call(d||this,this.list[m].val,this.list[m].key,this)},l.prototype.indexOf=function(u){var d;for(d=0;d<this.size;d++)if(this.isEqual(this.list[d].key,u))return d;return-1},l.prototype.isEqual=function(u,d){return u===d||u!==u&&d!==d},i.exports=l},{}],3:[function(a,i,s){var l=a("map-or-similar");i.exports=function(p){var f=new l(!1),g=[];return function(y){var E=w(function(){var b=f,x,S,T=arguments.length-1,_=Array(T+1),O=!0,k;if((E.numArgs||E.numArgs===0)&&E.numArgs!==T+1)throw new Error("Memoizerific functions should always be called with the same number of arguments");for(k=0;k<T;k++){if(_[k]={cacheItem:b,arg:arguments[k]},b.has(arguments[k])){b=b.get(arguments[k]);continue}O=!1,x=new l(!1),b.set(arguments[k],x),b=x}return O&&(b.has(arguments[T])?S=b.get(arguments[T]):O=!1),O||(S=y.apply(null,arguments),b.set(arguments[T],S)),p>0&&(_[T]={cacheItem:b,arg:arguments[T]},O?u(g,_):g.push(_),g.length>p&&d(g.shift())),E.wasMemoized=O,E.numArgs=T+1,S},"memoizerific");return E.limit=p,E.wasMemoized=!1,E.cache=f,E.lru=g,E}};function u(p,f){var g=p.length,y=f.length,E,b,x;for(b=0;b<g;b++){for(E=!0,x=0;x<y;x++)if(!m(p[b][x].arg,f[x].arg)){E=!1;break}if(E)break}p.push(p.splice(b,1)[0])}w(u,"moveToMostRecentLru");function d(p){var f=p.length,g=p[f-1],y,E;for(g.cacheItem.delete(g.arg),E=f-2;E>=0&&(g=p[E],y=g.cacheItem.get(g.arg),!y||!y.size);E--)g.cacheItem.delete(g.arg)}w(d,"removeCachedResult");function m(p,f){return p===f||p!==p&&f!==f}w(m,"isEqual")},{"map-or-similar":1}]},{},[3])(3)})}),sp=Ne(e=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.encodeString=n;var t=Array.from({length:256},(o,a)=>"%"+((a<16?"0":"")+a.toString(16)).toUpperCase()),r=new Int8Array([0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,1,1,1,1,0,0,1,1,0,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,1,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,1,0]);function n(o){let a=o. Line truncated
`,nexist:"\u2204",nexists:"\u2204",Nfr:"\u{1D511}",nfr:"\u{1D52B}",ngE:"\u2267\u0338",nge:"\u2271",ngeq:"\u2271",ngeqq:"\u2267\u0338",ngeqslant:"\u2A7E\u0338",nges:"\u2A7E\u0338",nGg:"\u22D9\u0338",ngsim:"\u2275",nGt:"\u226B\u20D2",ngt:"\u226F",ngtr:"\u226F",nGtv:"\u226B\u0338",nharr:"\u21AE",nhArr:"\u21CE",nhpar:"\u2AF2",ni:"\u220B",nis:"\u22FC",nisd:"\u22FA",niv:"\u220B",NJcy:"\u040A",njcy:"\u045A",nlarr:"\u219A",nlArr:"\u21CD",nldr:"\u2025",nlE:"\u2266\u0338",nle:"\u2270",nleftarrow:"\u219A",nLeftarrow:"\u21CD",nleftrightarrow:"\u21AE",nLeftrightarrow:"\u21CE",nleq:"\u2270",nleqq:"\u2266\u0338",nleqslant:"\u2A7D\u0338",nles:"\u2A7D\u0338",nless:"\u226E",nLl:"\u22D8\u0338",nlsim:"\u2274",nLt:"\u226A\u20D2",nlt:"\u226E",nltri:"\u22EA",nltrie:"\u22EC",nLtv:"\u226A\u0338",nmid:"\u2224",NoBreak:"\u2060",NonBreakingSpace:"\xA0",nopf:"\u{1D55F}",Nopf:"\u2115",Not:"\u2AEC",not:"\xAC",NotCongruent:"\u2262",NotCupCap:"\u226D",NotDoubleVerticalBar:"\u2226",NotElement:"\u2209",NotEqual:"\u2260",NotEqualTilde:"\u2242\u0338",NotExists:"\u2204",NotGreater:"\u226F",NotGreaterEqual:"\u2271",NotGreaterFullEqual:"\u2267\u0338",NotGreaterGreater:"\u226B\u0338",NotGreaterLess:"\u2279",NotGreaterSlantEqual:"\u2A7E\u0338",NotGreaterTilde:"\u2275",NotHumpDownHump:"\u224E\u0338",NotHumpEqual:"\u224F\u0338",notin:"\u2209",notindot:"\u22F5\u0338",notinE:"\u22F9\u0338",notinva:"\u2209",notinvb:"\u22F7",notinvc:"\u22F6",NotLeftTriangleBar:"\u29CF\u0338",NotLeftTriangle:"\u22EA",NotLeftTriangleEqual:"\u22EC",NotLess:"\u226E",NotLessEqual:"\u2270",NotLessGreater:"\u2278",NotLessLess:"\u226A\u0338",NotLessSlantEqual:"\u2A7D\u0338",NotLessTilde:"\u2274",NotNestedGreaterGreater:"\u2AA2\u0338",NotNestedLessLess:"\u2AA1\u0338",notni:"\u220C",notniva:"\u220C",notnivb:"\u22FE",notnivc:"\u22FD",NotPrecedes:"\u2280",NotPrecedesEqual:"\u2AAF\u0338",NotPrecedesSlantEqual:"\u22E0",NotReverseElement:"\u220C",NotRightTriangleBar:"\u29D0\u0338",NotRightTriangle:"\u22EB",NotRightTriangleEqual:"\u22ED",NotSquareSubset:"\u228F\u0338",NotSquareSubsetEqual:"\u22E2",NotSquareSuperset:"\u2290\u0338",NotSquareSupersetEqual:"\u22E3",NotSubset:"\u2282\u20D2",NotSubsetEqual:"\u2288",NotSucceeds:"\u2281",NotSucceedsEqual:"\u2AB0\u0338",NotSucceedsSlantEqual:"\u22E1",NotSucceedsTilde:"\u227F\u0338",NotSuperset:"\u2283\u20D2",NotSupersetEqual:"\u2289",NotTilde:"\u2241",NotTildeEqual:"\u2244",NotTildeFullEqual:"\u2247",NotTildeTilde:"\u2249",NotVerticalBar:"\u2224",nparallel:"\u2226",npar:"\u2226",nparsl:"\u2AFD\u20E5",npart:"\u2202\u0338",npolint:"\u2A14",npr:"\u2280",nprcue:"\u22E0",nprec:"\u2280",npreceq:"\u2AAF\u0338",npre:"\u2AAF\u0338",nrarrc:"\u2933\u0338",nrarr:"\u219B",nrArr:"\u21CF",nrarrw:"\u219D\u0338",nrightarrow:"\u219B",nRightarrow:"\u21CF",nrtri:"\u22EB",nrtrie:"\u22ED",nsc:"\u2281",nsccue:"\u22E1",nsce:"\u2AB0\u0338",Nscr:"\u{1D4A9}",nscr:"\u{1D4C3}",nshortmid:"\u2224",nshortparallel:"\u2226",nsim:"\u2241",nsime:"\u2244",nsimeq:"\u2244",nsmid:"\u2224",nspar:"\u2226",nsqsube:"\u22E2",nsqsupe:"\u22E3",nsub:"\u2284",nsubE:"\u2AC5\u0338",nsube:"\u2288",nsubset:"\u2282\u20D2",nsubseteq:"\u2288",nsubseteqq:"\u2AC5\u0338",nsucc:"\u2281",nsucceq:"\u2AB0\u0338",nsup:"\u2285",nsupE:"\u2AC6\u0338",nsupe:"\u2289",nsupset:"\u2283\u20D2",nsupseteq:"\u2289",nsupseteqq:"\u2AC6\u0338",ntgl:"\u2279",Ntilde:"\xD1",ntilde:"\xF1",ntlg:"\u2278",ntriangleleft:"\u22EA",ntrianglelefteq:"\u22EC",ntriangleright:"\u22EB",ntrianglerighteq:"\u22ED",Nu:"\u039D",nu:"\u03BD",num:"#",numero:"\u2116",numsp:"\u2007",nvap:"\u224D\u20D2",nvdash:"\u22AC",nvDash:"\u22AD",nVdash:"\u22AE",nVDash:"\u22AF",nvge:"\u2265\u20D2",nvgt:">\u20D2",nvHarr:"\u2904",nvinfin:"\u29DE",nvlArr:"\u2902",nvle:"\u2264\u20D2",nvlt:"<\u20D2",nvltrie:"\u22B4\u20D2",nvrArr:"\u2903",nvrtrie:"\u22B5\u20D2",nvsim:"\u223C\u20D2",nwarhk:"\u2923",nwarr:"\u2196",nwArr:"\u21D6",nwarrow:"\u2196",nwnear:"\u2927",Oacute:"\xD3",oacute:"\xF3",oast:"\u229B",Ocirc:"\xD4",ocirc:"\xF4",ocir:"\u229A",Ocy:"\u041E",ocy:"\u043E",odash:"\u229D",Odblac:"\u0150",odblac:"\u0151",odiv:"\u2A38",odot:"\u2299",odsold:"\u29BC",OElig:"\u0152",oelig:"\u0153",ofcir:"\u29BF",Ofr:"\u{1D512}",ofr:"\u{1D52C}",ogon:"\u02DB",Ograve:"\xD2",ograve:"\xF2",ogt:"\u29C1",ohbar:"\u29B5",ohm:"\u03A9",oint:"\u222E",olarr:"\u21BA",olcir:"\u29BE",olcross:"\u29BB",oline:"\u203E",olt:"\u29C0",Omacr:"\u014C",omacr:"\u014D",Omega:"\u03A9",omega:"\u03C9",Omicron:"\u039F",omicron:"\u03BF",omid:"\u29B6",ominus:"\u2296",Oopf:"\u{1D546}",oopf:"\u{1D560}",opar:"\u29B7",OpenCurlyDoubleQuote:"\u201C",OpenCurlyQuote:"\u2018",operp:"\u29B9",oplus:"\u2295",orarr:"\u21BB",Or:"\u2A54",or:"\u2228",ord:"\u2A5D",order:"\u2134",orderof:"\u2134",ordf:"\xAA",ordm:"\xBA",origof:"\u22B6",oror:"\u2A56",orslope:"\u2A57",orv:"\u2A5B",oS:"\u24C8",Oscr:"\u{1D4AA}",oscr:"\u2134",Oslash:"\xD8",oslash:"\xF8",osol:"\u2298",Otilde:"\xD5",otilde:"\xF5",otimesas:"\u2A36",Otimes:"\u2A37",otimes:"\u2297",Ouml:"\xD6",ouml:"\xF6",ovbar:"\u233D",OverBar:"\u203E",OverBrace:"\u23DE",OverBracket:"\u23B4 Line truncated
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var M=!0,q=!1,V;return{s:w(function(){D=D.call(v)},"s"),n:w(function(){var G=D.next();return M=G.done,G},"n"),e:w(function(G){q=!0,V=G},"e"),f:w(function(){try{!M&&D.return!=null&&D.return()}finally{if(q)throw V}},"f")}}w(a,"_createForOfIteratorHelper");function i(v,A){if(v){if(typeof v=="string")return s(v,A);var D=Object.prototype.toString.call(v).slice(8,-1);if(D==="Object"&&v.constructor&&(D=v.constructor.name),D==="Map"||D==="Set")return Array.from(v);if(D==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(D))return s(v,A)}}w(i,"_unsupportedIterableToArray");function s(v,A){(A==null||A>v.length)&&(A=v.length);for(var D=0,N=new Array(A);D<A;D++)N[D]=v[D];return N}w(s,"_arrayLikeToArray");var l=GE(),u={fg:"#FFF",bg:"#000",newline:!1,escapeXML:!1,stream:!1,colors:d()};function d(){var v={0:"#000",1:"#A00",2:"#0A0",3:"#A50",4:"#00A",5:"#A0A",6:"#0AA",7:"#AAA",8:"#555",9:"#F55",10:"#5F5",11:"#FF5",12:"#55F",13:"#F5F",14:"#5FF",15:"#FFF"};return x(0,5).forEach(function(A){x(0,5).forEach(function(D){x(0,5).forEach(function(N){return m(A,D,N,v)})})}),x(0,23).forEach(function(A){var D=A+232,N=p(A*10+8);v[D]="#"+N+N+N}),v}w(d,"getDefaultColors");function m(v,A,D,N){var F=16+v*36+A*6+D,M=v>0?v*40+55:0,q=A>0?A*40+55:0,V=D>0?D*40+55:0;N[F]=f([M,q,V])}w(m,"setStyleColor");function p(v){for(var A=v.toString(16);A.length<2;)A="0"+A;return A}w(p,"toHexString");function f(v){var A=[],D=a(v),N;try{for(D.s();!(N=D.n()).done;){var F=N.value;A.push(p(F))}}catch(M){D.e(M)}finally{D.f()}return"#"+A.join("")}w(f,"toColorHexString");function g(v,A,D,N){var F;return A==="text"?F=_(D,N):A==="display"?F=E(v,D,N):A==="xterm256Foreground"?F=B(v,N.colors[D]):A==="xterm256Background"?F=P(v,N.colors[D]):A==="rgb"&&(F=y(v,D)),F}w(g,"generateOutput");function y(v,A){A=A.substring(2).slice(0,-1);var D=+A.substr(0,2),N=A.substring(5).split(";"),F=N.map(function(M){return("0"+Number(M).toString(16)).substr(-2)}).join("");return k(v,(D===38?"color:#":"background-color:#")+F)}w(y,"handleRgb");function E(v,A,D){A=parseInt(A,10);var N={"-1":w(function(){return"<br/>"},"_"),0:w(function(){return v.length&&b(v)},"_"),1:w(function(){return O(v,"b")},"_"),3:w(function(){return O(v,"i")},"_"),4:w(function(){return O(v,"u")},"_"),8:w(function(){return k(v,"display:none")},"_"),9:w(function(){return O(v,"strike")},"_"),22:w(function(){return k(v,"font-weight:normal;text-decoration:none;font-style:normal")},"_"),23:w(function(){return L(v,"i")},"_"),24:w(function(){return L(v,"u")},"_"),39:w(function(){return B(v,D.fg)},"_"),49:w(function(){return P(v,D.bg)},"_"),53:w(function(){return k(v,"text-decoration:overline")},"_")},F;return N[A]?F=N[A]():4<A&&A<7?F=O(v,"blink"):29<A&&A<38?F=B(v,D.colors[A-30]):39<A&&A<48?F=P(v,D.colors[A-40]):89<A&&A<98?F=B(v,D.colors[8+(A-90)]):99<A&&A<108&&(F=P(v,D.colors[8+(A-100)])),F}w(E,"handleDisplay");function b(v){var A=v.slice(0);return v.length=0,A.reverse().map(function(D){return"</"+D+">"}).join("")}w(b,"resetStyles");function x(v,A){for(var D=[],N=v;N<=A;N++)D.push(N);return D}w(x,"range");function S(v){return function(A){return(v===null||A.category!==v)&&v!=="all"}}w(S,"notCategory");function T(v){v=parseInt(v,10);var A=null;return v===0?A="all":v===1?A="bold":2<v&&v<5?A="underline":4<v&&v<7?A="blink":v===8?A="hide":v===9?A="strike":29<v&&v<38||v===39||89<v&&v<98?A="foreground-color":(39<v&&v<48||v===49||99<v&&v<108)&&(A="background-color"),A}w(T,"categoryForCode");function _(v,A){return A.escapeXML?l.encodeXML(v):v}w(_,"pushText");function O(v,A,D){return D||(D=""),v.push(A),"<".concat(A).concat(D?' style="'.concat(D,'"'):"",">")}w(O,"pushTag");function k(v,A){return O(v,"span",A)}w(k,"pushStyle");function B(v,A){return O(v,"span","color:"+A)}w(B,"pushForegroundColor");function P(v,A){return O(v,"span","background-color:"+A)}w(P,"pushBackgroundColor");function L(v,A){var D;if(v.slice(-1)[0]===A&&(D=v.pop()),D)return"</"+A+">"}w(L,"closeTag");function j(v,A,D){var N=!1,F=3;function M(){return""}w(M,"remove");function q(me,ue){return D("xterm256Foreground",ue),""}w(q,"removeXterm256Foreground");function V(me,ue){return D("xterm256Background",ue),""}w(V,"removeXterm256Background");function G(me){return A.newline?D("display",-1):D("text",me),""}w(G,"newline");function se(me,ue){N=!0,ue.trim().length===0&&(ue="0"),ue=ue.trimRight(";").split(";");var ht=a(ue),Sn;try{for(ht.s();!(Sn=ht.n()).done;){var Ei=Sn.value;D("display",Ei)}}catch(vi){ht.e(vi)}finally{ht.f()}return""}w(se,"ansiMess");function pe(me){return D("text",me),""}w(pe,"realText");function ae(me){return D("rgb",me),""}w(ae,"rgb");var we=[{pattern:/^\x08+/,sub:M},{pattern:/^\x1b\[[012]?K/,sub:M},{pattern:/^\x1b\[\(B/,sub:M},{pattern:/^\x1b\[[34]8;2;\d+;\d+;\d+m/,sub:ae},{pattern:/^\x1b\[38;5;(\d+)m/,sub:q},{pattern:/^\x1b\[48;5;(\d+)m/,sub:V},{pattern:/^\n/,sub:G},{pattern:/^\r+\n/,sub:G},{pattern:/^\r/,sub:G},{pattern:/^\x1b\[((?:\d{1,3};?)+|)m/,sub:se},{patt Line truncated
Previous: ${o.deps}
Incoming: ${r}`),(r==null||o.deps==null||!JE(r,o.deps))&&(t(o),o.deps=r),o}throw ss()}w(gp,"useHook");function Pn(e,t,r){let{memoizedState:n}=gp(e,o=>{o.memoizedState=t()},r);return n}w(Pn,"useMemoLike");function us(e,t){return Pn("useMemo",e,t)}w(us,"useMemo");function Fn(e,t){return Pn("useCallback",()=>e,t)}w(Fn,"useCallback");function cs(e,t){return Pn(e,()=>({current:t}),[])}w(cs,"useRefLike");function ZE(e){return cs("useRef",e)}w(ZE,"useRef");function yp(){let e=ls();if(e!=null&&e.currentPhase!=="NONE")e.hasUpdates=!0;else try{ut.getChannel().emit(To)}catch{Z.warn("State updates of Storybook preview hooks work only in browser")}}w(yp,"triggerUpdate");function ds(e,t){let r=cs(e,typeof t=="function"?t():t),n=w(o=>{r.current=typeof o=="function"?o(r.current):o,yp()},"setState");return[r.current,n]}w(ds,"useStateLike");function QE(e){return ds("useState",e)}w(QE,"useState");function ev(e,t,r){let n=r!=null?()=>r(t):t,[o,a]=ds("useReducer",n);return[o,w(i=>a(s=>e(s,i)),"dispatch")]}w(ev,"useReducer");function Bt(e,t){let r=Wo(),n=Pn("useEffect",()=>({create:e}),t);r.currentEffects.includes(n)||r.currentEffects.push(n)}w(Bt,"useEffect");function tv(e,t=[]){let r=ut.getChannel();return Bt(()=>(Object.entries(e).forEach(([n,o])=>r.on(n,o)),()=>{Object.entries(e).forEach(([n,o])=>r.removeListener(n,o))}),[...Object.keys(e),...t]),Fn(r.emit.bind(r),[r])}w(tv,"useChannel");function Yo(){let{currentContext:e}=Wo();if(e==null)throw ss();return e}w(Yo,"useStoryContext");function rv(e,t){let{parameters:r}=Yo();if(e)return r[e]??t}w(rv,"useParameter");function nv(){let e=ut.getChannel(),{id:t,args:r}=Yo(),n=Fn(a=>e.emit(Po,{storyId:t,updatedArgs:a}),[e,t]),o=Fn(a=>e.emit(Oo,{storyId:t,argNames:a}),[e,t]);return[r,n,o]}w(nv,"useArgs");function ov(){let e=ut.getChannel(),{globals:t}=Yo(),r=Fn(n=>e.emit(Fo,{globals:n}),[e]);return[t,r]}w(ov,"useGlobals");var s6=w(({name:e,parameterName:t,wrapper:r,skipIfNoParametersOrOptions:n=!1})=>{let o=w(a=>(i,s)=>{let l=s.parameters&&s.parameters[t];return l&&l.disable||n&&!a&&!l?i(s):r(i,s,{options:a,parameters:l})},"decorator");return(...a)=>typeof a[0]=="function"?o()(...a):(...i)=>{if(i.length>1)return a.length>1?o(a)(...i):o(...a)(...i);throw new Error(`Passing stories directly into ${e}() is not allowed,
instead use addDecorator(${e}) and pass options with the '${t}' parameter`)}},"makeDecorator");function bp(){}w(bp,"noop");function Gi(e){return Object.getOwnPropertySymbols(e).filter(t=>Object.prototype.propertyIsEnumerable.call(e,t))}w(Gi,"getSymbols");function Wi(e){return e==null?e===void 0?"[object Undefined]":"[object Null]":Object.prototype.toString.call(e)}w(Wi,"getTag");var av="[object RegExp]",iv="[object String]",sv="[object Number]",lv="[object Boolean]",Yd="[object Arguments]",uv="[object Symbol]",cv="[object Date]",dv="[object Map]",pv="[object Set]",mv="[object Array]",hv="[object Function]",fv="[object ArrayBuffer]",$i="[object Object]",gv="[object Error]",yv="[object DataView]",bv="[object Uint8Array]",Ev="[object Uint8ClampedArray]",vv="[object Uint16Array]",Av="[object Uint32Array]",xv="[object BigUint64Array]",wv="[object Int8Array]",Sv="[object Int16Array]",Cv="[object Int32Array]",Dv="[object BigInt64Array]",Tv="[object Float32Array]",kv="[object Float64Array]";function xt(e){if(!e||typeof e!="object")return!1;let t=Object.getPrototypeOf(e);return t===null||t===Object.prototype||Object.getPrototypeOf(t)===null?Object.prototype.toString.call(e)==="[object Object]":!1}w(xt,"isPlainObject");function Gr(e,t){let r={},n=Object.keys(e);for(let o=0;o<n.length;o++){let a=n[o],i=e[a];r[a]=t(i,a,e)}return r}w(Gr,"mapValues");function Ep(e,t){let r={},n=Object.keys(e);for(let o=0;o<n.length;o++){let a=n[o],i=e[a];t(i,a)&&(r[a]=i)}return r}w(Ep,"pickBy");function vp(e,t){return e===t||Number.isNaN(e)&&Number.isNaN(t)}w(vp,"eq");function Ap(e,t,r){return Vr(e,t,void 0,void 0,void 0,void 0,r)}w(Ap,"isEqualWith");function Vr(e,t,r,n,o,a,i){let s=i(e,t,r,n,o,a);if(s!==void 0)return s;if(typeof e==typeof t)switch(typeof e){case"bigint":case"string":case"boolean":case"symbol":case"undefined":return e===t;case"number":return e===t||Object.is(e,t);case"function":return e===t;case"object":return zr(e,t,a,i)}return zr(e,t,a,i)}w(Vr,"isEqualWithImpl");function zr(e,t,r,n){if(Object.is(e,t))return!0;let o=Wi(e),a=Wi(t);if(o===Yd&&(o=$i),a===Yd&&(a=$i),o!==a)return!1;switch(o){case iv:return e.toString()===t.toString();case sv:{let l=e.valueOf(),u=t.valueOf();return vp(l,u)}case lv:case cv:case uv:return Object.is(e.valueOf(),t.valueOf());case av:return e.source===t.source&&e.flags===t.flags;case hv:return e===t}r=r??new Map;let i=r.get(e),s=r.get(t);if(i!=null&&s!=null)return i===t;r.set(e,t),r.set(t,e);try{switch(o){case dv:{if(e.size!==t.size)return!1;for(let[l,u]of e.entries())if(!t.has(l)||!Vr(u,t.get(l),l,e,t,r,n))return!1;return!0}case pv:{if(e.size!==t.size)return!1;let l=Array.from(e.values()),u=Array.from(t.values());for(let d=0;d<l.length;d++){let m=l[d],p=u.findIndex(f=>Vr(m,f,void 0,e,t,r,n));if(p===-1)return!1;u.splice(p,1)}return!0}case mv:case bv:case Ev:case vv:case Av:case xv:case wv:case Sv:case Cv:case Dv:case Tv:case kv:{if(typeof Buffer<"u"&&Buffer.isBuffer(e)!==Buffer.isBuffer(t)||e.length!==t.length)return!1;for(let l=0;l<e.length;l++)if(!Vr(e[l],t[l],l,e,t,r,n))return!1;return!0}case fv:return e.byteLength!==t.byteLength?!1:zr(new Uint8Array(e),new Uint8Array(t),r,n);case yv:return e.byteLength!==t.byteLength||e.byteOffset!==t.byteOffset?!1:zr(new Uint8Array(e),new Uint8Array(t),r,n);case gv:return e.name===t.name&&e.message===t.message;case $i:{if(!(zr(e.constructor,t.constructor,r,n)||xt(e)&&xt(t)))return!1;let l=[...Object.keys(e),...Gi(e)],u=[...Object.keys(t),...Gi(t)];if(l.length!==u.length)return!1;for(let d=0;d<l.length;d++){let m=l[d],p=e[m];if(!Object.hasOwn(t,m))return!1;let f=t[m];if(!Vr(p,f,m,e,t,r,n))return!1}return!0}default:return!1}}finally{r.delete(e),r.delete(t)}}w(zr,"areObjectsEqual");function xp(e,t){return Ap(e,t,bp)}w(xp,"isEqual");var qi=Jr(ip(),1);function wt(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];var n=Array.from(typeof e=="string"?[e]:e);n[n.length-1]=n[n.length-1].replace(/\r?\n([\t ]*)$/,"");var o=n.reduce(function(s,l){var u=l.match(/\n([\t ]+|(?!\s).)/g);return u?s.concat(u.map(function(d){var m,p;return(p=(m=d.match(/[\t ]/g))===null||m===void 0?void 0:m.length)!==null&&p!==void 0?p:0})):s},[]);if(o.length){var a=new RegExp(`
[ ]{`+Math.min.apply(Math,o)+"}","g");n=n.map(function(s){return s.replace(a,`
`)})}n[0]=n[0].replace(/^\r?\n/,"");var i=n[0];return t.forEach(function(s,l){var u=i.match(/(?:^|\n)( *)$/),d=u?u[1]:"",m=s;typeof s=="string"&&s.includes(`
`)&&(m=String(s).split(`
`).map(function(p,f){return f===0?p:""+d+p}).join(`
`)),i+=m+n[l+1]}),i}w(wt,"dedent");var Ur=Symbol("incompatible"),Yi=w((e,t)=>{let r=t.type;if(e==null||!r||t.mapping)return e;switch(r.name){case"string":return String(e);case"enum":return e;case"number":return Number(e);case"boolean":return String(e)==="true";case"array":return!r.value||!Array.isArray(e)?Ur:e.reduce((n,o,a)=>{let i=Yi(o,{type:r.value});return i!==Ur&&(n[a]=i),n},new Array(e.length));case"object":return typeof e=="string"||typeof e=="number"?e:!r.value||typeof e!="object"?Ur:Object.entries(e).reduce((n,[o,a])=>{let i=Yi(a,{type:r.value[o]});return i===Ur?n:Object.assign(n,{[o]:i})},{});default:return Ur}},"map"),Ov=w((e,t)=>Object.entries(e).reduce((r,[n,o])=>{if(!t[n])return r;let a=Yi(o,t[n]);return a===Ur?r:Object.assign(r,{[n]:a})},{}),"mapArgsToTypes"),Ki=w((e,t)=>Array.isArray(e)&&Array.isArray(t)?t.reduce((r,n,o)=>(r[o]=Ki(e[o],t[o]),r),[...e]).filter(r=>r!==void 0):!xt(e)||!xt(t)?t:Object.keys({...e,...t}).reduce((r,n)=>{if(n in t){let o=Ki(e[n],t[n]);o!==void 0&&(r[n]=o)}else r[n]=e[n];return r},{}),"combineArgs"),Iv=w((e,t)=>Object.entries(t).reduce((r,[n,{options:o}])=>{function a(){return n in e&&(r[n]=e[n]),r}if(w(a,"allowArg"),!o)return a();if(!Array.isArray(o))return yt.error(wt`
Invalid argType: '${n}.options' should be an array.
More info: https://storybook.js.org/docs/api/arg-types
`),a();if(o.some(m=>m&&["object","function"].includes(typeof m)))return yt.error(wt`
Invalid argType: '${n}.options' should only contain primitives. Use a 'mapping' for complex values.
More info: https://storybook.js.org/docs/writing-stories/args#mapping-to-complex-arg-values
`),a();let i=Array.isArray(e[n]),s=i&&e[n].findIndex(m=>!o.includes(m)),l=i&&s===-1;if(e[n]===void 0||o.includes(e[n])||l)return a();let u=i?`${n}[${s}]`:n,d=o.map(m=>typeof m=="string"?`'${m}'`:String(m)).join(", ");return yt.warn(`Received illegal value for '${u}'. Supported options: ${d}`),r},{}),"validateOptions"),Bn=Symbol("Deeply equal"),Uo=w((e,t)=>{if(typeof e!=typeof t)return t;if(xp(e,t))return Bn;if(Array.isArray(e)&&Array.isArray(t)){let r=t.reduce((n,o,a)=>{let i=Uo(e[a],o);return i!==Bn&&(n[a]=i),n},new Array(t.length));return t.length>=e.length?r:r.concat(new Array(e.length-t.length).fill(void 0))}return xt(e)&&xt(t)?Object.keys({...e,...t}).reduce((r,n)=>{let o=Uo(e?.[n],t?.[n]);return o===Bn?r:Object.assign(r,{[n]:o})},{}):t},"deepDiff"),wp="UNTARGETED";function Sp({args:e,argTypes:t}){let r={};return Object.entries(e).forEach(([n,o])=>{let{target:a=wp}=t[n]||{};r[a]=r[a]||{},r[a][n]=o}),r}w(Sp,"groupArgsByTarget");function Cp(e){return Object.keys(e).forEach(t=>e[t]===void 0&&delete e[t]),e}w(Cp,"deleteUndefined");var Dp=class{constructor(){this.initialArgsByStoryId={},this.argsByStoryId={}}get(t){if(!(t in this.argsByStoryId))throw new Error(`No args known for ${t} -- has it been rendered yet?`);return this.argsByStoryId[t]}setInitial(t){if(!this.initialArgsByStoryId[t.id])this.initialArgsByStoryId[t.id]=t.initialArgs,this.argsByStoryId[t.id]=t.initialArgs;else if(this.initialArgsByStoryId[t.id]!==t.initialArgs){let r=Uo(this.initialArgsByStoryId[t.id],this.argsByStoryId[t.id]);this.initialArgsByStoryId[t.id]=t.initialArgs,this.argsByStoryId[t.id]=t.initialArgs,r!==Bn&&this.updateFromDelta(t,r)}}updateFromDelta(t,r){let n=Iv(r,t.argTypes);this.argsByStoryId[t.id]=Ki(this.argsByStoryId[t.id],n)}updateFromPersisted(t,r){let n=Ov(r,t.argTypes);return this.updateFromDelta(t,n)}update(t,r){if(!(t in this.argsByStoryId))throw new Error(`No args known for ${t} -- has it been rendered yet?`);this.argsByStoryId[t]=Cp({...this.argsByStoryId[t],...r})}};w(Dp,"ArgsStore");var Rv=Dp,Tp=w((e={})=>Object.entries(e).reduce((t,[r,{defaultValue:n}])=>(typeof n<"u"&&(t[r]=n),t),{}),"getValuesFromArgTypes"),kp=class{constructor({globals:t={},globalTypes:r={}}){this.set({globals:t,globalTypes:r})}set({globals:t={},globalTypes:r={}}){let n=this.initialGlobals&&Uo(this.initialGlobals,this.globals);this.allowedGlobalNames=new Set([...Object.keys(t),...Object.keys(r)]);let o=Tp(r);this.initialGlobals={...o,...t},this.globals=this.initialGlobals,n&&n!==Bn&&this.updateFromPersisted(n)}filterAllowedGlobals(t){return Object.entries(t).reduce((r,[n,o])=>(this.allowedGlobalNames.has(n)?r[n]=o:Z.warn(`Attempted to set a global (${n}) that is not defined in initial globals or globalTypes`),r),{})}updateFromPersisted(t){let r=this.filterAllowedGlobals(t);this.globals={...this.globals,...r}}get(){return this.globals}update(t){this.globals={...this.globals,...this.filterAllowedGlobals(t)};for(let r in t)t[r]===void 0&&(this.globals[r]=this.initialGlobals[r])}};w(kp,"GlobalsStore");var Bv=kp,_v=Jr(ip(),1),Fv=(0,_v.default)(1)(e=>Object.values(e).reduce((t,r)=>(t[r.importPath]=t[r.importPath]||r,t),{})),Op=class{constructor({entries:t}={v:5,entries:{}}){this.entries=t}entryFromSpecifier(t){let r=Object.values(this.entries);if(t==="*")return r[0];if(typeof t=="string")return this.entries[t]?this.entries[t]:r.find(a=>a.id.startsWith(t));let{name:n,title:o}=t;return r.find(a=>a.name===n&&a.title===o)}storyIdToEntry(t){let r=this.entries[t];if(!r)throw new xd({storyId:t});return r}importPathToEntry(t){return Fv(this.entries)[t]}};w(Op,"StoryIndexStore");var Pv=Op,Nv=w(e=>typeof e=="string"?{name:e}:e,"normalizeType"),Lv=w(e=>typeof e=="string"?{type:e}:e,"normalizeControl"),jv=w((e,t)=>{let{type:r,control:n,...o}=e,a={name:t,...o};return r&&(a.type=Nv(r)),n?a.control=Lv(n):n===!1&&(a.control={disable:!0}),a},"normalizeInputType"),Ho=w(e=>Gr(e,jv),"normalizeInputTypes"),be=w(e=>Array.isArray(e)?e:e?[e]:[],"normalizeArrays"),Mv=wt`
CSF .story annotations deprecated; annotate story functions directly:
- StoryFn.story.name => StoryFn.storyName
- StoryFn.story.(parameters|decorators) => StoryFn.(parameters|decorators)
See https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#hoisted-csf-annotations for details and codemod.
`;function Vo(e,t,r){let n=t,o=typeof t=="function"?t:null,{story:a}=n;a&&(Z.debug("deprecated story",a),$r(Mv));let i=Jo(e),s=typeof n!="function"&&n.name||n.storyName||a?.name||i,l=[...be(n.decorators),...be(a?.decorators)],u={...a?.parameters,...n.parameters},d={...a?.args,...n.args},m={...a?.argTypes,...n.argTypes},p=[...be(n.loaders),...be(a?.loaders)],f=[...be(n.beforeEach),...be(a?.beforeEach)],g=[...be(n.afterEach),...be(a?.afterEach)],{render:y,play:E,tags:b=[],globals:x={}}=n,S=u.__id||Xo(r.id,i);return{moduleExport:t,id:S,name:s,tags:b,decorators:l,parameters:u,args:d,argTypes:Ho(m),loaders:p,beforeEach:f,afterEach:g,globals:x,...y&&{render:y},...o&&{userStoryFn:o},...E&&{play:E}}}w(Vo,"normalizeStory");function zo(e,t=e.title,r){let{id:n,argTypes:o}=e;return{id:Nn(n||t),...e,title:t,...o&&{argTypes:Ho(o)},parameters:{fileName:r,...e.parameters}}}w(zo,"normalizeComponentAnnotations");var $v=w(e=>{let{globals:t,globalTypes:r}=e;(t||r)&&Z.error("Global args/argTypes can only be set globally",JSON.stringify({globals:t,globalTypes:r}))},"checkGlobals"),qv=w(e=>{let{options:t}=e;t?.storySort&&Z.error("The storySort option parameter can only be set globally")},"checkStorySort"),Mo=w(e=>{e&&($v(e),qv(e))},"checkDisallowedParameters");function Ip(e,t,r){let{default:n,__namedExportsOrder:o,...a}=e,i=Object.values(a)[0];if(Ar(i)){let u=zo(i.meta.input,r,t);Mo(u.parameters);let d={meta:u,stories:{},moduleExports:e};return Object.keys(a).forEach(m=>{if(Xr(m,u)){let p=Vo(m,a[m].input,u);Mo(p.parameters),d.stories[p.id]=p}}),d.projectAnnotations=i.meta.preview.composed,d}let s=zo(n,r,t);Mo(s.parameters);let l={meta:s,stories:{},moduleExports:e};return Object.keys(a).forEach(u=>{if(Xr(u,s)){let d=Vo(u,a[u],s);Mo(d.parameters),l.stories[d.id]=d}}),l}w(Ip,"processCSFFile");function Rp(e){return e!=null&&Bp(e).includes("mount")}w(Rp,"mountDestructured");function Bp(e){let t=e.toString().match(/[^(]*\(([^)]*)/);if(!t)return[];let r=Xi(t[1]);if(!r.length)return[];let n=r[0];return n.startsWith("{")&&n.endsWith("}")?Xi(n.slice(1,-1).replace(/\s/g,"")).map(o=>o.replace(/:.*|=.*/g,"")):[]}w(Bp,"getUsedProps");function Xi(e){let t=[],r=[],n=0;for(let a=0;a<e.length;a++)if(e[a]==="{"||e[a]==="[")r.push(e[a]==="{"?"}":"]");else if(e[a]===r[r.length-1])r.pop();else if(!r.length&&e[a]===","){let i=e.substring(n,a).trim();i&&t.push(i),n=a+1}let o=e.substring(n).trim();return o&&t.push(o),t}w(Xi,"splitByComma");function _p(e,t,r){let n=r(e);return o=>t(n,o)}w(_p,"decorateStory");function Fp({componentId:e,title:t,kind:r,id:n,name:o,story:a,parameters:i,initialArgs:s,argTypes:l,...u}={}){return u}w(Fp,"sanitizeStoryContextUpdate");function Pp(e,t){let r={},n=w(a=>i=>{if(!r.value)throw new Error("Decorated function called without init");return r.value={...r.value,...Fp(i)},a(r.value)},"bindWithContext"),o=t.reduce((a,i)=>_p(a,i,n),e);return a=>(r.value=a,o(a))}w(Pp,"defaultDecorateStory");var Wr=w((...e)=>{let t={},r=e.filter(Boolean),n=r.reduce((o,a)=>(Object.entries(a).forEach(([i,s])=>{let l=o[i];Array.isArray(s)||typeof l>"u"?o[i]=s:xt(s)&&xt(l)?t[i]=!0:typeof s<"u"&&(o[i]=s)}),o),{});return Object.keys(t).forEach(o=>{let a=r.filter(Boolean).map(i=>i[o]).filter(i=>typeof i<"u");a.every(i=>xt(i))?n[o]=Wr(...a):n[o]=a[a.length-1]}),n},"combineParameters");function ps(e,t,r){let{moduleExport:n,id:o,name:a}=e||{},i=ms(e,t,r),s=w(async O=>{let k={};for(let B of[be(r.loaders),be(t.loaders),be(e.loaders)]){if(O.abortSignal.aborted)return k;let P=await Promise.all(B.map(L=>L(O)));Object.assign(k,...P)}return k},"applyLoaders"),l=w(async O=>{let k=new Array;for(let B of[...be(r.beforeEach),...be(t.beforeEach),...be(e.beforeEach)]){if(O.abortSignal.aborted)return k;let P=await B(O);P&&k.push(P)}return k},"applyBeforeEach"),u=w(async O=>{let k=[...be(r.afterEach),...be(t.afterEach),...be(e.afterEach)].reverse();for(let B of k){if(O.abortSignal.aborted)return;await B(O)}},"applyAfterEach"),d=w(O=>O.originalStoryFn(O.args,O),"undecoratedStoryFn"),{applyDecorators:m=Pp,runStep:p}=r,f=[...be(e?.decorators),...be(t?.decorators),...be(r?.decorators)],g=e?.userStoryFn||e?.render||t.render||r.render,y=XE(m)(d,f),E=w(O=>y(O),"unboundStoryFn"),b=e?.play??t?.play,x=Rp(b);if(!g&&!x)throw new Lo({id:o});let S=w(O=>async()=>(await O.renderToCanvas(),O.canvas),"defaultMount"),T=e.mount??t.mount??r.mount??S,_=r.testingLibraryRender;return{storyGlobals:{},...i,moduleExport:n,id:o,name:a,story:a,originalStoryFn:g,undecoratedStoryFn:d,unboundStoryFn:E,applyLoaders:s,applyBeforeEach:l,applyAfterEach:u,playFunction:b,runStep:p,mount:T,testingLibraryRender:_,renderToCanvas:r.renderToCanvas,usesMount:x}}w(ps,"prepareStory");function Np(e,t,r){return{...ms(void 0,e,t),moduleExport:r}}w(Np,"prepareMeta");function ms(e,t,r){let n=["dev","test"],o=H.DOCS_OPTIONS?.autodocs===!0?["autodocs"]:[],a=en(...n,...o,...r.tags??[],...t.tags??[],...e?.tags??[]),i=Wr(r.parameters,t.parameters,e?.parameters),{argTypesEnhancers:s=[],argsEnhancers:l=[]}=r,u=Wr(r.argTypes,t.a Line truncated
We've detected a cycle in arg '${t}'. Args should be JSON-serializable.
Consider using the mapping feature or fully custom args:
- Mapping: https://storybook.js.org/docs/writing-stories/args#mapping-to-complex-arg-values
- Custom args: https://storybook.js.org/docs/essentials/controls#fully-custom-args
`),{name:"other",value:"cyclic object"}):(r.add(e),Array.isArray(e)?{name:"array",value:e.length>0?Ji(e[0],t,new Set(r)):{name:"other",value:"unknown"}}:{name:"object",value:Gr(e,o=>Ji(o,t,new Set(r)))}):{name:"object",value:{}}},"inferType"),Lp=w(e=>{let{id:t,argTypes:r={},initialArgs:n={}}=e,o=Gr(n,(i,s)=>({name:s,type:Ji(i,`${t}.${s}`,new Set)})),a=Gr(r,(i,s)=>({name:s}));return Wr(o,a,r)},"inferArgTypes");Lp.secondPass=!0;var Kd=w((e,t)=>Array.isArray(t)?t.includes(e):e.match(t),"matches"),Uv=w((e,t,r)=>!t&&!r?e:e&&Ep(e,(n,o)=>{let a=n.name||o.toString();return!!(!t||Kd(a,t))&&(!r||!Kd(a,r))}),"filterArgTypes"),Hv=w((e,t,r)=>{let{type:n,options:o}=e;if(n){if(r.color&&r.color.test(t)){let a=n.name;if(a==="string")return{control:{type:"color"}};a!=="enum"&&Z.warn(`Addon controls: Control of type color only supports string, received "${a}" instead`)}if(r.date&&r.date.test(t))return{control:{type:"date"}};switch(n.name){case"array":return{control:{type:"object"}};case"boolean":return{control:{type:"boolean"}};case"string":return{control:{type:"text"}};case"number":return{control:{type:"number"}};case"enum":{let{value:a}=n;return{control:{type:a?.length<=5?"radio":"select"},options:a}}case"function":case"symbol":return null;default:return{control:{type:o?"select":"object"}}}}},"inferControl"),jp=w(e=>{let{argTypes:t,parameters:{__isArgsStory:r,controls:{include:n=null,exclude:o=null,matchers:a={}}={}}}=e;if(!r)return t;let i=Uv(t,n,o),s=Gr(i,(l,u)=>l?.type&&Hv(l,u.toString(),a));return Wr(s,i)},"inferControls");jp.secondPass=!0;function Go({argTypes:e,globalTypes:t,argTypesEnhancers:r,decorators:n,loaders:o,beforeEach:a,afterEach:i,initialGlobals:s,...l}){return{...e&&{argTypes:Ho(e)},...t&&{globalTypes:Ho(t)},decorators:be(n),loaders:be(o),beforeEach:be(a),afterEach:be(i),argTypesEnhancers:[...r||[],Lp,jp],initialGlobals:s,...l}}w(Go,"normalizeProjectAnnotations");var Vv=w(e=>async()=>{let t=[];for(let r of e){let n=await r();n&&t.unshift(n)}return async()=>{for(let r of t)await r()}},"composeBeforeAllHooks");function Mp(e){return async(t,r,n)=>{await e.reduceRight((o,a)=>async()=>a(t,o,n),async()=>r(n))()}}w(Mp,"composeStepRunners");function Yr(e,t){return e.map(r=>r.default?.[t]??r[t]).filter(Boolean)}w(Yr,"getField");function jt(e,t,r={}){return Yr(e,t).reduce((n,o)=>{let a=be(o);return r.reverseFileOrder?[...a,...n]:[...n,...a]},[])}w(jt,"getArrayField");function Rn(e,t){return Object.assign({},...Yr(e,t))}w(Rn,"getObjectField");function Hr(e,t){return Yr(e,t).pop()}w(Hr,"getSingletonField");function Kr(e){let t=jt(e,"argTypesEnhancers"),r=Yr(e,"runStep"),n=jt(e,"beforeAll");return{parameters:Wr(...Yr(e,"parameters")),decorators:jt(e,"decorators",{reverseFileOrder:!(H.FEATURES?.legacyDecoratorFileOrder??!1)}),args:Rn(e,"args"),argsEnhancers:jt(e,"argsEnhancers"),argTypes:Rn(e,"argTypes"),argTypesEnhancers:[...t.filter(o=>!o.secondPass),...t.filter(o=>o.secondPass)],initialGlobals:Rn(e,"initialGlobals"),globalTypes:Rn(e,"globalTypes"),loaders:jt(e,"loaders"),beforeAll:Vv(n),beforeEach:jt(e,"beforeEach"),afterEach:jt(e,"afterEach"),render:Hr(e,"render"),renderToCanvas:Hr(e,"renderToCanvas"),applyDecorators:Hr(e,"applyDecorators"),runStep:Mp(r),tags:jt(e,"tags"),mount:Hr(e,"mount"),testingLibraryRender:Hr(e,"testingLibraryRender")}}w(Kr,"composeConfigs");function fs(){try{return!!globalThis.__vitest_browser__||!!globalThis.window?.navigator?.userAgent?.match(/StorybookTestRunner/)}catch{return!1}}w(fs,"isTestEnvironment");function gs(e=!0){if(!("document"in globalThis&&"createElement"in globalThis.document))return()=>{};let t=document.createElement("style");t.textContent=`*, *:before, *:after {
animation: none !important;
}`,document.head.appendChild(t);let r=document.createElement("style");return r.textContent=`*, *:before, *:after {
animation-delay: 0s !important;
animation-direction: ${e?"reverse":"normal"} !important;
animation-play-state: paused !important;
transition: none !important;
}`,document.head.appendChild(r),document.body.clientHeight,document.head.removeChild(t),()=>{r.parentNode?.removeChild(r)}}w(gs,"pauseAnimations");async function ys(e){if(!("document"in globalThis&&"getAnimations"in globalThis.document&&"querySelectorAll"in globalThis.document))return;let t=!1;await Promise.race([new Promise(r=>{setTimeout(()=>{let n=[globalThis.document,...bs(globalThis.document)],o=w(async()=>{if(t||e?.aborted)return;let a=n.flatMap(i=>i?.getAnimations?.()||[]).filter(i=>i.playState==="running"&&!$p(i));a.length>0&&(await Promise.all(a.map(i=>i.finished)),await o())},"checkAnimationsFinished");o().then(r)},100)}),new Promise(r=>setTimeout(()=>{t=!0,r(void 0)},5e3))])}w(ys,"waitForAnimations");function bs(e){return[e,...e.querySelectorAll("*")].reduce((t,r)=>("shadowRoot"in r&&r.shadowRoot&&t.push(r.shadowRoot,...bs(r.shadowRoot)),t),[])}w(bs,"getShadowRoots");function $p(e){if(e instanceof CSSAnimation&&e.effect instanceof KeyframeEffect&&e.effect.target){let t=getComputedStyle(e.effect.target,e.effect.pseudoElement),r=t.animationName?.split(", ").indexOf(e.animationName);return t.animationIterationCount.split(", ")[r]==="infinite"}return!1}w($p,"isInfiniteAnimation");var qp=class{constructor(){this.reports=[]}async addReport(t){this.reports.push(t)}};w(qp,"ReporterAPI");var Up=qp;function Hp(e,t,r){return Ar(e)?{story:e.input,meta:e.meta.input,preview:e.meta.preview.composed}:{story:e,meta:t,preview:r}}w(Hp,"getCsfFactoryAnnotations");function zv(e){globalThis.defaultProjectAnnotations=e}w(zv,"setDefaultProjectAnnotations");var Gv="ComposedStory",Wv="Unnamed Story";function Vp(e){return e?Kr([e]):{}}w(Vp,"extractAnnotation");function Yv(e){let t=Array.isArray(e)?e:[e];return globalThis.globalProjectAnnotations=Kr([...Qr(),globalThis.defaultProjectAnnotations??{},Kr(t.map(Vp))]),globalThis.globalProjectAnnotations??{}}w(Yv,"setProjectAnnotations");var nr=[];function zp(e,t,r,n,o){if(e===void 0)throw new Error("Expected a story but received undefined.");t.title=t.title??Gv;let a=zo(t),i=o||e.storyName||e.story?.name||e.name||Wv,s=Vo(i,e,a),l=Go(Kr([n??globalThis.globalProjectAnnotations??{},r??{}])),u=ps(s,a,l),d={...Tp(l.globalTypes),...l.initialGlobals,...u.storyGlobals},m=new Up,p=w(()=>{let b=hs({hooks:new fp,globals:d,args:{...u.initialArgs},viewMode:"story",reporting:m,loaded:{},abortSignal:new AbortController().signal,step:w((x,S)=>u.runStep(x,S,b),"step"),canvasElement:null,canvas:{},userEvent:{},globalTypes:l.globalTypes,...u,context:null,mount:null});return b.parameters.__isPortableStory=!0,b.context=b,u.renderToCanvas&&(b.renderToCanvas=async()=>{let x=await u.renderToCanvas?.({componentId:u.componentId,title:u.title,id:u.id,name:u.name,tags:u.tags,showMain:w(()=>{},"showMain"),showError:w(S=>{throw new Error(`${S.title}
${S.description}`)},"showError"),showException:w(S=>{throw S},"showException"),forceRemount:!0,storyContext:b,storyFn:w(()=>u.unboundStoryFn(b),"storyFn"),unboundStoryFn:u.unboundStoryFn},b.canvasElement);x&&nr.push(x)}),b.mount=u.mount(b),b},"initializeContext"),f,g=w(async b=>{let x=p();return x.canvasElement??=globalThis?.document?.body,f&&(x.loaded=f.loaded),Object.assign(x,b),u.playFunction(x)},"play"),y=w(b=>{let x=p();return Object.assign(x,b),Gp(u,x)},"run"),E=u.playFunction?g:void 0;return Object.assign(w(function(b){let x=p();return f&&(x.loaded=f.loaded),x.args={...x.initialArgs,...b},u.unboundStoryFn(x)},"storyFn"),{id:u.id,storyName:i,load:w(async()=>{for(let x of[...nr].reverse())await x();nr.length=0;let b=p();b.loaded=await u.applyLoaders(b),nr.push(...(await u.applyBeforeEach(b)).filter(Boolean)),f=b},"load"),globals:d,args:u.initialArgs,parameters:u.parameters,argTypes:u.argTypes,play:E,run:y,reporting:m,tags:u.tags})}w(zp,"composeStory");var Kv=w((e,t,r,n)=>zp(e,t,r,{},n),"defaultComposeStory");function Xv(e,t,r=Kv){let{default:n,__esModule:o,__namedExportsOrder:a,...i}=e,s=n;return Object.entries(i).reduce((l,[u,d])=>{let{story:m,meta:p}=Hp(d);return!s&&p&&(s=p),Xr(u,s)?Object.assign(l,{[u]:r(m,s,t,u)}):l},{})}w(Xv,"composeStories");function Jv(e){return e.extend({mount:w(async({mount:t,page:r},n)=>{await n(async(o,...a)=>{if(!("__pw_type"in o)||"__pw_type"in o&&o.__pw_type!=="jsx")throw new Error(wt`
Portable stories in Playwright CT only work when referencing JSX elements.
Please use JSX format for your components such as:
instead of:
await mount(MyComponent, { props: { foo: 'bar' } })
do:
await mount(<MyComponent foo="bar"/>)
More info: https://storybook.js.org/docs/api/portable-stories-playwright
`);let{props:i,...s}=o;await r.evaluate(async u=>{let d=await globalThis.__pwUnwrapObject?.(u);return("__pw_type"in d?d.type:d)?.load?.()},s);let l=await t(o,...a);return await r.evaluate(async u=>{let d=await globalThis.__pwUnwrapObject?.(u),m="__pw_type"in d?d.type:d,p=document.querySelector("#root");return m?.play?.({canvasElement:p})},s),l})},"mount")})}w(Jv,"createPlaywrightTest");async function Gp(e,t){for(let a of[...nr].reverse())await a();if(nr.length=0,!t.canvasElement){let a=document.createElement("div");globalThis?.document?.body?.appendChild(a),t.canvasElement=a,nr.push(()=>{globalThis?.document?.body?.contains(a)&&globalThis?.document?.body?.removeChild(a)})}if(t.loaded=await e.applyLoaders(t),t.abortSignal.aborted)return;nr.push(...(await e.applyBeforeEach(t)).filter(Boolean));let r=e.playFunction,n=e.usesMount;if(n||await t.mount(),t.abortSignal.aborted)return;r&&(n||(t.mount=async()=>{throw new qr({playFunction:r.toString()})}),await r(t));let o;fs()?o=gs():await ys(t.abortSignal),await e.applyAfterEach(t),await o?.()}w(Gp,"runStory");var Xd=1e3,Zv=1e4,Wp=class{constructor(t,r,n){this.importFn=r,this.storyIndex=new Pv(t),this.projectAnnotations=Go(Kr([...Qr(),n]));let{initialGlobals:o,globalTypes:a}=this.projectAnnotations;this.args=new Rv,this.userGlobals=new Bv({globals:o,globalTypes:a}),this.hooks={},this.cleanupCallbacks={},this.processCSFFileWithCache=(0,qi.default)(Xd)(Ip),this.prepareMetaWithCache=(0,qi.default)(Xd)(Np),this.prepareStoryWithCache=(0,qi.default)(Zv)(ps)}setProjectAnnotations(t){this.projectAnnotations=Go(t);let{initialGlobals:r,globalTypes:n}=t;this.userGlobals.set({globals:r,globalTypes:n})}async onStoriesChanged({importFn:t,storyIndex:r}){t&&(this.importFn=t),r&&(this.storyIndex.entries=r.entries),this.cachedCSFFiles&&await this.cacheAllCSFFiles()}async storyIdToEntry(t){return this.storyIndex.storyIdToEntry(t)}async loadCSFFileByStoryId(t){let{importPath:r,title:n}=this.storyIndex.storyIdToEntry(t),o=await this.importFn(r);return this.processCSFFileWithCache(o,r,n)}async loadAllCSFFiles(){let t={};return Object.entries(this.storyIndex.entries).forEach(([r,{importPath:n}])=>{t[n]=r}),(await Promise.all(Object.entries(t).map(async([r,n])=>({importPath:r,csfFile:await this.loadCSFFileByStoryId(n)})))).reduce((r,{importPath:n,csfFile:o})=>(r[n]=o,r),{})}async cacheAllCSFFiles(){this.cachedCSFFiles=await this.loadAllCSFFiles()}preparedMetaFromCSFFile({csfFile:t}){let r=t.meta;return this.prepareMetaWithCache(r,this.projectAnnotations,t.moduleExports.default)}async loadStory({storyId:t}){let r=await this.loadCSFFileByStoryId(t);return this.storyFromCSFFile({storyId:t,csfFile:r})}storyFromCSFFile({storyId:t,csfFile:r}){let n=r.stories[t];if(!n)throw new Md({storyId:t});let o=r.meta,a=this.prepareStoryWithCache(n,o,r.projectAnnotations??this.projectAnnotations);return this.args.setInitial(a),this.hooks[a.id]=this.hooks[a.id]||new fp,a}componentStoriesFromCSFFile({csfFile:t}){return Object.keys(this.storyIndex.entries).filter(r=>!!t.stories[r]).map(r=>this.storyFromCSFFile({storyId:r,csfFile:t}))}async loadEntry(t){let r=await this.storyIdToEntry(t),n=r.type==="docs"?r.storiesImports:[],[o,...a]=await Promise.all([this.importFn(r.importPath),...n.map(i=>{let s=this.storyIndex.importPathToEntry(i);return this.loadCSFFileByStoryId(s.id)})]);return{entryExports:o,csfFiles:a}}getStoryContext(t,{forceInitialArgs:r=!1}={}){let n=this.userGlobals.get(),{initialGlobals:o}=this.userGlobals,a=new Up;return hs({...t,args:r?t.initialArgs:this.args.get(t.id),initialGlobals:o,globalTypes:this.projectAnnotations.globalTypes,userGlobals:n,reporting:a,globals:{...n,...t.storyGlobals},hooks:this.hooks[t.id]})}addCleanupCallbacks(t,...r){this.cleanupCallbacks[t.id]=(this.cleanupCallbacks[t.id]||[]).concat(r)}async cleanupStory(t){this.hooks[t.id].clean();let r=this.cleanupCallbacks[t.id];if(r)for(let n of[...r].reverse())await n();delete this.cleanupCallbacks[t.id]}extract(t={includeDocsOnly:!1}){let{cachedCSFFiles:r}=this;if(!r)throw new Dd;return Object.entries(this.storyIndex.entries).reduce((n,[o,{type:a,importPath:i}])=>{if(a==="docs")return n;let s=r[i],l=this.storyFromCSFFile({storyId:o,csfFile:s});return!t.includeDocsOnly&&l.parameters.docsOnly||(n[o]=Object.entries(l).reduce((u,[d,m])=>d==="moduleExport"||typeof m=="function"?u:Array.isArray(m)?Object.assign(u,{[d]:m.slice().sort()}):Object.assign(u,{[d]:m}),{args:l.initialArgs,globals:{...this.userGlobals.initialGlobals,...this.userGlobals.globals,...l.storyGlobals}})),n},{})}};w(Wp,"StoryStore");var Qv=Wp;function Yp(e){return e.startsWith("\\\\?\\")?e:e.replace(/\\/g,"/")}w(Yp,"slash");var eA=w(e=>{if(e.length===0)return e;let t=e[e.length-1],r=t?.replace(/(?:[.](?:story|stories))?([.][^.]+)$/i,"");if(e.length===1)return[r];let n=e[e.length-2];return r&&n&&r.toLowerCase()===n.toLowerCase()?[...e.slice(0,-2),r]:r&&(/^(story|stories)([.][^.]+)$/i.test(t)||/^index$/i.test(r))?e.slice(0,-1):[...e.slice(0,-1),r]},"sanitize Line truncated
CSF Auto-title received a numeric fileName. This typically happens when
webpack is mis-configured in production mode. To force webpack to produce
filenames, set optimization.moduleIds = "named" in your webpack config.
`);let i=Yp(String(e));if(o.exec(i)){if(!r){let s=i.replace(n,""),l=Zi([a,s]).split("/");return l=eA(l),l.join("/")}return a?Zi([a,r]):r}},"userOrAutoTitleFromSpecifier"),P6=w((e,t,r)=>{for(let n=0;n<t.length;n+=1){let o=tA(e,t[n],r);if(o)return o}return r||void 0},"userOrAutoTitle"),Jd=/\s*\/\s*/,rA=w((e={})=>(t,r)=>{if(t.title===r.title&&!e.includeNames)return 0;let n=e.method||"configure",o=e.order||[],a=t.title.trim().split(Jd),i=r.title.trim().split(Jd);e.includeNames&&(a.push(t.name),i.push(r.name));let s=0;for(;a[s]||i[s];){if(!a[s])return-1;if(!i[s])return 1;let l=a[s],u=i[s];if(l!==u){let m=o.indexOf(l),p=o.indexOf(u),f=o.indexOf("*");return m!==-1||p!==-1?(m===-1&&(f!==-1?m=f:m=o.length),p===-1&&(f!==-1?p=f:p=o.length),m-p):n==="configure"?0:l.localeCompare(u,e.locales?e.locales:void 0,{numeric:!0,sensitivity:"accent"})}let d=o.indexOf(l);d===-1&&(d=o.indexOf("*")),o=d!==-1&&Array.isArray(o[d+1])?o[d+1]:[],s+=1}return 0},"storySort"),nA=w((e,t,r)=>{if(t){let n;typeof t=="function"?n=t:n=rA(t),e.sort(n)}else e.sort((n,o)=>r.indexOf(n.importPath)-r.indexOf(o.importPath));return e},"sortStoriesCommon"),N6=w((e,t,r)=>{try{return nA(e,t,r)}catch(n){throw new Error(wt`
Error sorting stories with sort parameter ${t}:
> ${n.message}
Are you using a V6-style sort function in V7 mode?
More info: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#v7-style-story-sort
`)}},"sortStoriesV7"),Ko=new Error("prepareAborted"),{AbortController:Zd}=globalThis;function Qi(e){try{let{name:t="Error",message:r=String(e),stack:n}=e;return{name:t,message:r,stack:n}}catch{return{name:"Error",message:String(e)}}}w(Qi,"serializeError");var Kp=class{constructor(t,r,n,o,a,i,s={autoplay:!0,forceInitialArgs:!1},l){this.channel=t,this.store=r,this.renderToScreen=n,this.callbacks=o,this.id=a,this.viewMode=i,this.renderOptions=s,this.type="story",this.notYetRendered=!0,this.rerenderEnqueued=!1,this.disableKeyListeners=!1,this.teardownRender=w(()=>{},"teardownRender"),this.torndown=!1,this.abortController=new Zd,this.renderId=Date.now(),l&&(this.story=l,this.phase="preparing")}async runPhase(t,r,n){this.phase=r,this.channel.emit(gt,{newPhase:this.phase,renderId:this.renderId,storyId:this.id}),n&&(await n(),this.checkIfAborted(t))}checkIfAborted(t){return t.aborted?(this.phase="aborted",this.channel.emit(gt,{newPhase:this.phase,renderId:this.renderId,storyId:this.id}),!0):!1}async prepare(){if(await this.runPhase(this.abortController.signal,"preparing",async()=>{this.story=await this.store.loadStory({storyId:this.id})}),this.abortController.signal.aborted)throw await this.store.cleanupStory(this.story),Ko}isEqual(t){return!!(this.id===t.id&&this.story&&this.story===t.story)}isPreparing(){return["preparing"].includes(this.phase)}isPending(){return["loading","beforeEach","rendering","playing","afterEach"].includes(this.phase)}async renderToElement(t){return this.canvasElement=t,this.render({initial:!0,forceRemount:!0})}storyContext(){if(!this.story)throw new Error("Cannot call storyContext before preparing");let{forceInitialArgs:t}=this.renderOptions;return this.store.getStoryContext(this.story,{forceInitialArgs:t})}async render({initial:t=!1,forceRemount:r=!1}={}){let{canvasElement:n}=this;if(!this.story)throw new Error("cannot render when not prepared");let o=this.story;if(!n)throw new Error("cannot render when canvasElement is unset");let{id:a,componentId:i,title:s,name:l,tags:u,applyLoaders:d,applyBeforeEach:m,applyAfterEach:p,unboundStoryFn:f,playFunction:g,runStep:y}=o;r&&!t&&(this.cancelRender(),this.abortController=new Zd);let E=this.abortController.signal,b=!1,x=o.usesMount;try{let S={...this.storyContext(),viewMode:this.viewMode,abortSignal:E,canvasElement:n,loaded:{},step:w(($,v)=>y($,v,S),"step"),context:null,canvas:{},userEvent:{},renderToCanvas:w(async()=>{let $=await this.renderToScreen(T,n);this.teardownRender=$||(()=>{}),b=!0},"renderToCanvas"),mount:w(async(...$)=>{this.callbacks.showStoryDuringRender?.();let v=null;return await this.runPhase(E,"rendering",async()=>{v=await o.mount(S)(...$)}),x&&await this.runPhase(E,"playing"),v},"mount")};S.context=S;let T={componentId:i,title:s,kind:s,id:a,name:l,story:l,tags:u,...this.callbacks,showError:w($=>(this.phase="errored",this.callbacks.showError($)),"showError"),showException:w($=>(this.phase="errored",this.callbacks.showException($)),"showException"),forceRemount:r||this.notYetRendered,storyContext:S,storyFn:w(()=>f(S),"storyFn"),unboundStoryFn:f};if(await this.runPhase(E,"loading",async()=>{S.loaded=await d(S)}),E.aborted)return;let _=await m(S);if(this.store.addCleanupCallbacks(o,..._),this.checkIfAborted(E)||(!b&&!x&&await S.mount(),this.notYetRendered=!1,E.aborted))return;let O=this.story.parameters?.test?.dangerouslyIgnoreUnhandledErrors===!0,k=new Set,B=w($=>{$.error&&k.add($.error)},"onError"),P=w($=>{$.reason&&k.add($.reason)},"onUnhandledRejection");if(this.renderOptions.autoplay&&r&&g&&this.phase!=="errored"){window?.addEventListener?.("error",B),window?.addEventListener?.("unhandledrejection",P),this.disableKeyListeners=!0;try{if(x?await g(S):(S.mount=async()=>{throw new qr({playFunction:g.toString()})},await this.runPhase(E,"playing",async()=>g(S))),!b)throw new zd;this.checkIfAborted(E),!O&&k.size>0?await this.runPhase(E,"errored"):await this.runPhase(E,"played")}catch($){if(this.callbacks.showStoryDuringRender?.(),await this.runPhase(E,"errored",async()=>{this.channel.emit(ko,Qi($))}),this.story.parameters.throwPlayFunctionExceptions!==!1)throw $;console.error($)}if(!O&&k.size>0&&this.channel.emit(_o,Array.from(k).map(Qi)),this.disableKeyListeners=!1,window?.removeEventListener?.("unhandledrejection",P),window?.removeEventListener?.("error",B),E.aborted)return}await this.runPhase(E,"completing",async()=>{fs()?this.store.addCleanupCallbacks(o,gs()):await ys(E)}),await this.runPhase(E,"completed",async()=>{this.channel.emit(rr,a)}),this.phase!=="errored"&&await this.runPhase(E,"afterEach",async()=>{await p(S)});let L=!O&&k.size>0,j=S.reporting.reports.some($=>$.status==="failed"),U=L||j;await this.runPhase(E,"finished",async()=>this.channel.emit(Pi,{storyId:a,status:U?"error":"success",reporters:S.reporting.reports}))}catch(S){this.phase="errored",this.callbacks.showException(S),await this.runPhase(E,"finished",async()=>this.channel.emit(Pi,{storyId:a,status:"error",reporters:[]}))}this.rerenderEnqueued&&(this.rerende Line truncated
- Did you pass a component to the 'of' prop when the block only supports a story or a meta?
- ... or vice versa?
- Did you pass a story, CSF file or meta to the 'of' prop that is not indexed, ie. is not targeted by the 'stories' globs in the main configuration?`)}switch(n.type){case"component":return{...n,projectAnnotations:this.projectAnnotations};case"meta":return{...n,preparedMeta:this.store.preparedMetaFromCSFFile({csfFile:n.csfFile})};case"story":default:return n}}};w(Jp,"DocsContext");var Zp=Jp,Qp=class{constructor(t,r,n,o){this.channel=t,this.store=r,this.entry=n,this.callbacks=o,this.type="docs",this.subtype="csf",this.torndown=!1,this.disableKeyListeners=!1,this.preparing=!1,this.id=n.id,this.renderId=Date.now()}isPreparing(){return this.preparing}async prepare(){this.preparing=!0;let{entryExports:t,csfFiles:r=[]}=await this.store.loadEntry(this.id);if(this.torndown)throw Ko;let{importPath:n,title:o}=this.entry,a=this.store.processCSFFileWithCache(t,n,o),i=Object.keys(a.stories)[0];this.story=this.store.storyFromCSFFile({storyId:i,csfFile:a}),this.csfFiles=[a,...r],this.preparing=!1}isEqual(t){return!!(this.id===t.id&&this.story&&this.story===t.story)}docsContext(t){if(!this.csfFiles)throw new Error("Cannot render docs before preparing");let r=new Zp(this.channel,this.store,t,this.csfFiles);return this.csfFiles.forEach(n=>r.attachCSFFile(n)),r}async renderToElement(t,r){if(!this.story||!this.csfFiles)throw new Error("Cannot render docs before preparing");let n=this.docsContext(r),{docs:o}=this.story.parameters||{};if(!o)throw new Error("Cannot render a story in viewMode=docs if `@storybook/addon-docs` is not installed");let a=await o.renderer(),{render:i}=a,s=w(async()=>{try{await i(n,o,t),this.channel.emit(Do,this.id)}catch(l){this.callbacks.showException(l)}},"renderDocs");return this.rerender=async()=>s(),this.teardownRender=async({viewModeChanged:l})=>{!l||!t||a.unmount(t)},s()}async teardown({viewModeChanged:t}={}){this.teardownRender?.({viewModeChanged:t}),this.torndown=!0}};w(Qp,"CsfDocsRender");var Qd=Qp,em=class{constructor(t,r,n,o){this.channel=t,this.store=r,this.entry=n,this.callbacks=o,this.type="docs",this.subtype="mdx",this.torndown=!1,this.disableKeyListeners=!1,this.preparing=!1,this.id=n.id,this.renderId=Date.now()}isPreparing(){return this.preparing}async prepare(){this.preparing=!0;let{entryExports:t,csfFiles:r=[]}=await this.store.loadEntry(this.id);if(this.torndown)throw Ko;this.csfFiles=r,this.exports=t,this.preparing=!1}isEqual(t){return!!(this.id===t.id&&this.exports&&this.exports===t.exports)}docsContext(t){if(!this.csfFiles)throw new Error("Cannot render docs before preparing");return new Zp(this.channel,this.store,t,this.csfFiles)}async renderToElement(t,r){if(!this.exports||!this.csfFiles||!this.store.projectAnnotations)throw new Error("Cannot render docs before preparing");let n=this.docsContext(r),{docs:o}=this.store.projectAnnotations.parameters??{};if(!o)throw new Error("Cannot render a story in viewMode=docs if `@storybook/addon-docs` is not installed");let a={...o,page:this.exports.default},i=await o.renderer(),{render:s}=i,l=w(async()=>{try{await s(n,a,t),this.channel.emit(Do,this.id)}catch(u){this.callbacks.showException(u)}},"renderDocs");return this.rerender=async()=>l(),this.teardownRender=async({viewModeChanged:u}={})=>{!u||!t||(i.unmount(t),this.torndown=!0)},l()}async teardown({viewModeChanged:t}={}){this.teardownRender?.({viewModeChanged:t}),this.torndown=!0}};w(em,"MdxDocsRender");var ep=em,lA=globalThis;function tm(e){let t=e.composedPath&&e.composedPath()[0]||e.target;return/input|textarea/i.test(t.tagName)||t.getAttribute("contenteditable")!==null}w(tm,"focusInInput");var rm="attached-mdx",uA="unattached-mdx";function nm({tags:e}){return e?.includes(uA)||e?.includes(rm)}w(nm,"isMdxEntry");function qo(e){return e.type==="story"}w(qo,"isStoryRender");function om(e){return e.type==="docs"}w(om,"isDocsRender");function am(e){return om(e)&&e.subtype==="csf"}w(am,"isCsfDocsRender");var im=class extends iA{constructor(t,r,n,o){super(t,r,void 0,!1),this.importFn=t,this.getProjectAnnotations=r,this.selectionStore=n,this.view=o,this.initialize()}setupListeners(){super.setupListeners(),lA.onkeydown=this.onKeydown.bind(this),this.channel.on(Ro,this.onSetCurrentStory.bind(this)),this.channel.on(bd,this.onUpdateQueryParams.bind(this)),this.channel.on(ld,this.onPreloadStories.bind(this))}async setInitialGlobals(){if(!this.storyStoreValue)throw new rt({methodName:"setInitialGlobals"});let{globals:t}=this.selectionStore.selectionSpecifier||{};t&&this.storyStoreValue.userGlobals.updateFromPersisted(t),this.emitGlobals()}async initializeWithStoryIndex(t){return await super.initializeWithStoryIndex(t),this.selectSpecifiedStory()}async selectSpecifiedStory(){if(!this.storyStoreValue)throw new rt({methodName:"selectSpecifiedStory"});if(this.selectionStore.selection){await this.renderSelection();return}if(!this.selectionStore.selectionSpecifier){this.renderMissingStory();return}let{storySpecifier:t,args:r}=this.selectionStore.selectionSpecifier,n=this.storyStoreValue.storyInd Line truncated
Omitted potentially unsafe URL args.
More info: https://storybook.js.org/docs/writing-stories/args#setting-args-through-the-url
`),r),{})},"parseArgsParam"),{history:um,document:or}=H;function cm(e){let t=(e||"").match(/^\/story\/(.+)/);if(!t)throw new Error(`Invalid path '${e}', must start with '/story/'`);return t[1]}w(cm,"pathToId");var dm=w(({selection:e,extraParams:t})=>{let r=or?.location.search.slice(1),{path:n,selectedKind:o,selectedStory:a,...i}=(0,ts.parse)(r);return`?${(0,ts.stringify)({...i,...t,...e&&{id:e.storyId,viewMode:e.viewMode}})}`},"getQueryString"),hA=w(e=>{if(!e)return;let t=dm({selection:e}),{hash:r=""}=or.location;or.title=e.storyId,um.replaceState({},"",`${or.location.pathname}${t}${r}`)},"setPath"),fA=w(e=>e!=null&&typeof e=="object"&&Array.isArray(e)===!1,"isObject"),_n=w(e=>{if(e!==void 0){if(typeof e=="string")return e;if(Array.isArray(e))return _n(e[0]);if(fA(e))return _n(Object.values(e).filter(Boolean))}},"getFirstString"),gA=w(()=>{if(typeof or<"u"){let e=or.location.search.slice(1),t=(0,ts.parse)(e),r=typeof t.args=="string"?rp(t.args):void 0,n=typeof t.globals=="string"?rp(t.globals):void 0,o=_n(t.viewMode);(typeof o!="string"||!o.match(/docs|story/))&&(o="story");let a=_n(t.path),i=a?cm(a):_n(t.id);if(i)return{storySpecifier:i,args:r,globals:n,viewMode:o}}return null},"getSelectionSpecifierFromPath"),pm=class{constructor(){this.selectionSpecifier=gA()}setSelection(t){this.selection=t,hA(this.selection)}setQueryParams(t){let r=dm({extraParams:t}),{hash:n=""}=or.location;um.replaceState({},"",`${or.location.pathname}${r}${n}`)}};w(pm,"UrlStore");var yA=pm,bA=Jr(WE(),1),EA=Jr(is(),1),{document:qe}=H,np=100,mm=(e=>(e.MAIN="MAIN",e.NOPREVIEW="NOPREVIEW",e.PREPARING_STORY="PREPARING_STORY",e.PREPARING_DOCS="PREPARING_DOCS",e.ERROR="ERROR",e))(mm||{}),Hi={PREPARING_STORY:"sb-show-preparing-story",PREPARING_DOCS:"sb-show-preparing-docs",MAIN:"sb-show-main",NOPREVIEW:"sb-show-nopreview",ERROR:"sb-show-errordisplay"},Vi={centered:"sb-main-centered",fullscreen:"sb-main-fullscreen",padded:"sb-main-padded"},op=new bA.default({escapeXML:!0}),hm=class{constructor(){if(this.testing=!1,typeof qe<"u"){let{__SPECIAL_TEST_PARAMETER__:t}=(0,EA.parse)(qe.location.search.slice(1));switch(t){case"preparing-story":{this.showPreparingStory(),this.testing=!0;break}case"preparing-docs":{this.showPreparingDocs(),this.testing=!0;break}default:}}}prepareForStory(t){return this.showStory(),this.applyLayout(t.parameters.layout),qe.documentElement.scrollTop=0,qe.documentElement.scrollLeft=0,this.storyRoot()}storyRoot(){return qe.getElementById("storybook-root")}prepareForDocs(){return this.showMain(),this.showDocs(),this.applyLayout("fullscreen"),qe.documentElement.scrollTop=0,qe.documentElement.scrollLeft=0,this.docsRoot()}docsRoot(){return qe.getElementById("storybook-docs")}applyLayout(t="padded"){if(t==="none"){qe.body.classList.remove(this.currentLayoutClass),this.currentLayoutClass=null;return}this.checkIfLayoutExists(t);let r=Vi[t];qe.body.classList.remove(this.currentLayoutClass),qe.body.classList.add(r),this.currentLayoutClass=r}checkIfLayoutExists(t){Vi[t]||Z.warn(wt`
The desired layout: ${t} is not a valid option.
The possible options are: ${Object.keys(Vi).join(", ")}, none.
`)}showMode(t){clearTimeout(this.preparingTimeout),Object.keys(mm).forEach(r=>{r===t?qe.body.classList.add(Hi[r]):qe.body.classList.remove(Hi[r])})}showErrorDisplay({message:t="",stack:r=""}){let n=t,o=r,a=t.split(`
`);a.length>1&&([n]=a,o=a.slice(1).join(`
`).replace(/^\n/,"")),qe.getElementById("error-message").innerHTML=op.toHtml(n),qe.getElementById("error-stack").innerHTML=op.toHtml(o),this.showMode("ERROR")}showNoPreview(){this.testing||(this.showMode("NOPREVIEW"),this.storyRoot()?.setAttribute("hidden","true"),this.docsRoot()?.setAttribute("hidden","true"))}showPreparingStory({immediate:t=!1}={}){clearTimeout(this.preparingTimeout),t?this.showMode("PREPARING_STORY"):this.preparingTimeout=setTimeout(()=>this.showMode("PREPARING_STORY"),np)}showPreparingDocs({immediate:t=!1}={}){clearTimeout(this.preparingTimeout),t?this.showMode("PREPARING_DOCS"):this.preparingTimeout=setTimeout(()=>this.showMode("PREPARING_DOCS"),np)}showMain(){this.showMode("MAIN")}showDocs(){this.storyRoot().setAttribute("hidden","true"),this.docsRoot().removeAttribute("hidden")}showStory(){this.docsRoot().setAttribute("hidden","true"),this.storyRoot().removeAttribute("hidden")}showStoryDuringRender(){qe.body.classList.add(Hi.MAIN)}};w(hm,"WebView");var vA=hm,AA=class extends cA{constructor(t,r){super(t,r,new yA,new vA),this.importFn=t,this.getProjectAnnotations=r,H.__STORYBOOK_PREVIEW__=this}};w(AA,"PreviewWeb");var{document:vr}=H,xA=["application/javascript","application/ecmascript","application/x-ecmascript","application/x-javascript","text/ecmascript","text/javascript","text/javascript1.0","text/javascript1.1","text/javascript1.2","text/javascript1.3","text/javascript1.4","text/javascript1.5","text/jscript","text/livescript","text/x-ecmascript","text/x-javascript","module"],wA="script",ap="scripts-root";function ns(){let e=vr.createEvent("Event");e.initEvent("DOMContentLoaded",!0,!0),vr.dispatchEvent(e)}w(ns,"simulateDOMContentLoaded");function fm(e,t,r){let n=vr.createElement("script");n.type=e.type==="module"?"module":"text/javascript",e.src?(n.onload=t,n.onerror=t,n.src=e.src):n.textContent=e.innerText,r?r.appendChild(n):vr.head.appendChild(n),e.parentNode.removeChild(e),e.src||t()}w(fm,"insertScript");function Es(e,t,r=0){e[r](()=>{r++,r===e.length?t():Es(e,t,r)})}w(Es,"insertScriptsSequentially");function SA(e){let t=vr.getElementById(ap);t?t.innerHTML="":(t=vr.createElement("div"),t.id=ap,vr.body.appendChild(t));let r=Array.from(e.querySelectorAll(wA));if(r.length){let n=[];r.forEach(o=>{let a=o.getAttribute("type");(!a||xA.includes(a))&&n.push(i=>fm(o,i,t))}),n.length&&Es(n,ns,void 0)}else ns()}w(SA,"simulatePageLoad");var gm="storybook/docs",cP=`${gm}/panel`,CA=`${gm}/snippet-rendered`;async function DA(e,t){let r=t.parameters?.docs?.source?.transform,{id:n,unmappedArgs:o}=t,a=r&&e?r?.(e,t):e,i=a?await a:void 0;ut.getChannel().emit(CA,{id:n,source:i,args:o})}w(DA,"emitTransformCode");te();re();ne();var gP=__STORYBOOK_TEST__,{buildQueries:yP,clearAllMocks:ym,configure:bP,createEvent:EP,expect:vP,findAllByAltText:AP,findAllByDisplayValue:xP,findAllByLabelText:wP,findAllByPlaceholderText:SP,findAllByRole:CP,findAllByTestId:DP,findAllByText:TP,findAllByTitle:kP,findByAltText:OP,findByDisplayValue:IP,findByLabelText:RP,findByPlaceholderText:BP,findByRole:_P,findByTestId:FP,findByText:PP,findByTitle:NP,fireEvent:LP,fn:bm,getAllByAltText:jP,getAllByDisplayValue:MP,getAllByLabelText:$P,getAllByPlaceholderText:qP,getAllByRole:UP,getAllByTestId:HP,getAllByText:VP,getAllByTitle:zP,getByAltText:GP,getByDisplayValue:WP,getByLabelText:YP,getByPlaceholderText:KP,getByRole:XP,getByTestId:JP,getByText:ZP,getByTitle:QP,getConfig:eN,getDefaultNormalizer:tN,getElementError:rN,getNodeText:nN,getQueriesForElement:oN,getRoles:aN,getSuggestedQuery:iN,isInaccessible:sN,isMockFunction:Em,logDOM:lN,logRoles:uN,mocked:cN,mocks:dN,onMockCall:vm,prettyDOM:pN,prettyFormat:mN,queries:hN,queryAllByAltText:fN,queryAllByAttribute:gN,queryAllByDisplayValue:yN,queryAllByLabelText:bN,queryAllByPlaceholderText:EN,queryAllByRole:vN,queryAllByTestId:AN,queryAllByText:xN,queryAllByTitle:wN,queryByAltText:SN,queryByAttribute:CN,queryByDisplayValue:DN,queryByLabelText:TN,queryByPlaceholderText:kN,queryByRole:ON,queryByTestId:IN,queryByText:RN,queryByTitle:BN,queryHelpers:_N,resetAllMocks:Am,restoreAllMocks:xm,sb:FN,screen:PN,spyOn:NN,uninstrumentedUserEvent:wm,userEvent:LN,waitFor:jN,waitForElementToBeRemoved:MN,within:Sm}=__STORYBOOK_TEST__;te();re();ne();var TA=Object.defineProperty,C=(e,t)=>TA(e,"name",{value:t,configurable:!0}),kA={reset:[0,0],bold:[1,22,"\x1B[22m\x1B[1m"],dim:[2,22,"\x1B[22m\x1B[2m"],italic:[3,23],underline:[4,24],inverse:[7,27],hidden:[8,28],strikethrough:[9,29],black:[30,39],red:[31,39],green:[32,39],yellow:[33,39],blue:[34,39],magenta:[35,39],cyan:[36,39],white:[37,39],gray:[90,39],bgBlack:[40,49],bgRed:[41,49],bgGreen:[42,49],bgYellow:[43,49],bgBlue:[44,49],bgMagenta:[45,49],bgCyan:[46,49],bgWhite:[47,49],blackBright:[90,39],redBright:[91,39],greenBright:[92,39],yellowBright:[93,39],blueBright:[94,39],magentaBright:[95,39],cyanBright:[96,39],whiteBright:[97,39],bgBlackBright:[100,49],bgRedBright:[101,49],bgGreenBright:[102,49],bgYellowBright:[103,49],bgBlueBright:[104,49],bgMagentaBright:[ Line truncated
`)&&(m=r.spacingOuter+s+m+r.spacingOuter+n),m=`{${m}}`),`${r.spacingInner+n+l.prop.open+u+l.prop.close}=${l.value.open}${m}${l.value.close}`}).join("")}C(da,"printProps");function pa(e,t,r,n,o,a){return e.map(i=>t.spacingOuter+r+(typeof i=="string"?Zs(i,t):a(i,t,r,n,o))).join("")}C(pa,"printChildren");function Zs(e,t){let r=t.colors.content;return r.open+Js(e)+r.close}C(Zs,"printText");function eh(e,t){let r=t.colors.comment;return`${r.open}<!--${Js(e)}-->${r.close}`}C(eh,"printComment");function ma(e,t,r,n,o){let a=n.colors.tag;return`${a.open}<${e}${t&&a.close+t+n.spacingOuter+o+a.open}${r?`>${a.close}${r}${n.spacingOuter}${o}${a.open}</${e}`:`${t&&!n.min?"":" "}/`}>${a.close}`}C(ma,"printElement");function ha(e,t){let r=t.colors.tag;return`${r.open}<${e}${r.close} \u2026${r.open} />${r.close}`}C(ha,"printElementAsLeaf");var MA=1,th=3,rh=8,nh=11,$A=/^(?:(?:HTML|SVG)\w*)?Element$/;function oh(e){try{return typeof e.hasAttribute=="function"&&e.hasAttribute("is")}catch{return!1}}C(oh,"testHasAttribute");function ah(e){let t=e.constructor.name,{nodeType:r,tagName:n}=e,o=typeof n=="string"&&n.includes("-")||oh(e);return r===MA&&($A.test(t)||o)||r===th&&t==="Text"||r===rh&&t==="Comment"||r===nh&&t==="DocumentFragment"}C(ah,"testNode");var qA=C(e=>{var t;return(e==null||(t=e.constructor)===null||t===void 0?void 0:t.name)&&ah(e)},"test$3");function ih(e){return e.nodeType===th}C(ih,"nodeIsText");function sh(e){return e.nodeType===rh}C(sh,"nodeIsComment");function Qo(e){return e.nodeType===nh}C(Qo,"nodeIsFragment");var UA=C((e,t,r,n,o,a)=>{if(ih(e))return Zs(e.data,t);if(sh(e))return eh(e.data,t);let i=Qo(e)?"DocumentFragment":e.tagName.toLowerCase();return++n>t.maxDepth?ha(i,t):ma(i,da(Qo(e)?[]:Array.from(e.attributes,s=>s.name).sort(),Qo(e)?{}:[...e.attributes].reduce((s,l)=>(s[l.name]=l.value,s),{}),t,r+t.indent,n,o,a),pa(Array.prototype.slice.call(e.childNodes||e.children),t,r+t.indent,n,o,a),t,r)},"serialize$3"),HA={serialize:UA,test:qA},VA="@@__IMMUTABLE_ITERABLE__@@",zA="@@__IMMUTABLE_LIST__@@",GA="@@__IMMUTABLE_KEYED__@@",WA="@@__IMMUTABLE_MAP__@@",Cm="@@__IMMUTABLE_ORDERED__@@",YA="@@__IMMUTABLE_RECORD__@@",KA="@@__IMMUTABLE_SEQ__@@",XA="@@__IMMUTABLE_SET__@@",JA="@@__IMMUTABLE_STACK__@@",rn=C(e=>`Immutable.${e}`,"getImmutableName"),fa=C(e=>`[${e}]`,"printAsLeaf"),Un=" ",Dm="\u2026";function lh(e,t,r,n,o,a,i){return++n>t.maxDepth?fa(rn(i)):`${rn(i)+Un}{${sn(e.entries(),t,r,n,o,a)}}`}C(lh,"printImmutableEntries");function uh(e){let t=0;return{next(){if(t<e._keys.length){let r=e._keys[t++];return{done:!1,value:[r,e.get(r)]}}return{done:!0,value:void 0}}}}C(uh,"getRecordEntries");function ch(e,t,r,n,o,a){let i=rn(e._name||"Record");return++n>t.maxDepth?fa(i):`${i+Un}{${sn(uh(e),t,r,n,o,a)}}`}C(ch,"printImmutableRecord");function dh(e,t,r,n,o,a){let i=rn("Seq");return++n>t.maxDepth?fa(i):e[GA]?`${i+Un}{${e._iter||e._object?sn(e.entries(),t,r,n,o,a):Dm}}`:`${i+Un}[${e._iter||e._array||e._collection||e._iterable?ua(e.values(),t,r,n,o,a):Dm}]`}C(dh,"printImmutableSeq");function ea(e,t,r,n,o,a,i){return++n>t.maxDepth?fa(rn(i)):`${rn(i)+Un}[${ua(e.values(),t,r,n,o,a)}]`}C(ea,"printImmutableValues");var ZA=C((e,t,r,n,o,a)=>e[WA]?lh(e,t,r,n,o,a,e[Cm]?"OrderedMap":"Map"):e[zA]?ea(e,t,r,n,o,a,"List"):e[XA]?ea(e,t,r,n,o,a,e[Cm]?"OrderedSet":"Set"):e[JA]?ea(e,t,r,n,o,a,"Stack"):e[KA]?dh(e,t,r,n,o,a):ch(e,t,r,n,o,a),"serialize$2"),QA=C(e=>e&&(e[VA]===!0||e[YA]===!0),"test$2"),ex={serialize:ZA,test:QA};function Qs(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}C(Qs,"getDefaultExportFromCjs");var Tm={exports:{}},he={},km;function ph(){return km||(km=1,function(){function e(y){if(typeof y=="object"&&y!==null){var E=y.$$typeof;switch(E){case t:switch(y=y.type,y){case n:case a:case o:case u:case d:case f:return y;default:switch(y=y&&y.$$typeof,y){case s:case l:case p:case m:return y;case i:return y;default:return E}}case r:return E}}}C(e,"typeOf");var t=Symbol.for("react.transitional.element"),r=Symbol.for("react.portal"),n=Symbol.for("react.fragment"),o=Symbol.for("react.strict_mode"),a=Symbol.for("react.profiler"),i=Symbol.for("react.consumer"),s=Symbol.for("react.context"),l=Symbol.for("react.forward_ref"),u=Symbol.for("react.suspense"),d=Symbol.for("react.suspense_list"),m=Symbol.for("react.memo"),p=Symbol.for("react.lazy"),f=Symbol.for("react.view_transition"),g=Symbol.for("react.client.reference");he.ContextConsumer=i,he.ContextProvider=s,he.Element=t,he.ForwardRef=l,he.Fragment=n,he.Lazy=p,he.Memo=m,he.Portal=r,he.Profiler=a,he.StrictMode=o,he.Suspense=u,he.SuspenseList=d,he.isContextConsumer=function(y){return e(y)===i},he.isContextProvider=function(y){return e(y)===s},he.isElement=function(y){return typeof y=="object"&&y!==null&&y.$$typeof===t},he.isForwardRef=function(y){return e(y)===l},he.isFragment=function(y){return e(y)===n},he.isLazy=function(y){return e(y)===p},he.isMemo=function(y){return e(y)===m},he.isPortal=function(y){return e(y)===r},he.isProfiler=function(y){r Line truncated
${l}`)},{edgeSpacing:r.spacingOuter,min:r.min,spacing:r.spacingInner},r.colors)}catch(s){throw new wh(s.message,s.stack)}if(typeof i!="string")throw new TypeError(`pretty-format: Plugin must return type "string" but instead returned "${typeof i}".`);return i}C(nl,"printPlugin");function ol(e,t){for(let r of e)try{if(r.test(t))return r}catch(n){throw new wh(n.message,n.stack)}return null}C(ol,"findPlugin");function $t(e,t,r,n,o,a){let i=ol(t.plugins,e);if(i!==null)return nl(i,e,t,r,n,o);let s=tl(e,t.printFunctionName,t.escapeRegex,t.escapeString);return s!==null?s:rl(e,t,r,n,o,a)}C($t,"printer");var al={comment:"gray",content:"reset",prop:"yellow",tag:"cyan",value:"green"},kh=Object.keys(al),St={callToJSON:!0,compareKeys:void 0,escapeRegex:!1,escapeString:!0,highlight:!1,indent:2,maxDepth:Number.POSITIVE_INFINITY,maxWidth:Number.POSITIVE_INFINITY,min:!1,plugins:[],printBasicPrototype:!0,printFunctionName:!0,theme:al};function Oh(e){for(let t of Object.keys(e))if(!Object.prototype.hasOwnProperty.call(St,t))throw new Error(`pretty-format: Unknown option "${t}".`);if(e.min&&e.indent!==void 0&&e.indent!==0)throw new Error('pretty-format: Options "min" and "indent" cannot be used together.')}C(Oh,"validateOptions");function Ih(){return kh.reduce((e,t)=>{let r=al[t],n=r&&Ut[r];if(n&&typeof n.close=="string"&&typeof n.open=="string")e[t]=n;else throw new Error(`pretty-format: Option "theme" has a key "${t}" whose value "${r}" is undefined in ansi-styles.`);return e},Object.create(null))}C(Ih,"getColorsHighlight");function Rh(){return kh.reduce((e,t)=>(e[t]={close:"",open:""},e),Object.create(null))}C(Rh,"getColorsEmpty");function il(e){return e?.printFunctionName??St.printFunctionName}C(il,"getPrintFunctionName");function sl(e){return e?.escapeRegex??St.escapeRegex}C(sl,"getEscapeRegex");function ll(e){return e?.escapeString??St.escapeString}C(ll,"getEscapeString");function Rs(e){return{callToJSON:e?.callToJSON??St.callToJSON,colors:e?.highlight?Ih():Rh(),compareKeys:typeof e?.compareKeys=="function"||e?.compareKeys===null?e.compareKeys:St.compareKeys,escapeRegex:sl(e),escapeString:ll(e),indent:e?.min?"":Bh(e?.indent??St.indent),maxDepth:e?.maxDepth??St.maxDepth,maxWidth:e?.maxWidth??St.maxWidth,min:e?.min??St.min,plugins:e?.plugins??St.plugins,printBasicPrototype:e?.printBasicPrototype??!0,printFunctionName:il(e),spacingInner:e?.min?" ":`
`,spacingOuter:e?.min?"":`
`}}C(Rs,"getConfig");function Bh(e){return Array.from({length:e+1}).join(" ")}C(Bh,"createIndent");function Ct(e,t){if(t&&(Oh(t),t.plugins)){let n=ol(t.plugins,e);if(n!==null)return nl(n,e,Rs(t),"",0,[])}let r=tl(e,il(t),sl(t),ll(t));return r!==null?r:rl(e,Rs(t),"",0,[])}C(Ct,"format");var ul={AsymmetricMatcher:_A,DOMCollection:jA,DOMElement:HA,Immutable:ex,ReactElement:lx,ReactTestComponent:px,Error:yx},Fm={bold:["1","22"],dim:["2","22"],italic:["3","23"],underline:["4","24"],inverse:["7","27"],hidden:["8","28"],strike:["9","29"],black:["30","39"],red:["31","39"],green:["32","39"],yellow:["33","39"],blue:["34","39"],magenta:["35","39"],cyan:["36","39"],white:["37","39"],brightblack:["30;1","39"],brightred:["31;1","39"],brightgreen:["32;1","39"],brightyellow:["33;1","39"],brightblue:["34;1","39"],brightmagenta:["35;1","39"],brightcyan:["36;1","39"],brightwhite:["37;1","39"],grey:["90","39"]},bx={special:"cyan",number:"yellow",bigint:"yellow",boolean:"yellow",undefined:"grey",null:"bold",string:"green",symbol:"green",date:"magenta",regexp:"red"},nn="\u2026";function _h(e,t){let r=Fm[bx[t]]||Fm[t]||"";return r?`\x1B[${r[0]}m${String(e)}\x1B[${r[1]}m`:String(e)}C(_h,"colorise");function Fh({showHidden:e=!1,depth:t=2,colors:r=!1,customInspect:n=!0,showProxy:o=!1,maxArrayLength:a=1/0,breakLength:i=1/0,seen:s=[],truncate:l=1/0,stylize:u=String}={},d){let m={showHidden:!!e,depth:Number(t),colors:!!r,customInspect:!!n,showProxy:!!o,maxArrayLength:Number(a),breakLength:Number(i),truncate:Number(l),seen:s,inspect:d,stylize:u};return m.colors&&(m.stylize=_h),m}C(Fh,"normaliseOptions");function Ph(e){return e>="\uD800"&&e<="\uDBFF"}C(Ph,"isHighSurrogate");function Ht(e,t,r=nn){e=String(e);let n=r.length,o=e.length;if(n>t&&o>n)return r;if(o>t&&o>n){let a=t-n;return a>0&&Ph(e[a-1])&&(a=a-1),`${e.slice(0,a)}${r}`}return e}C(Ht,"truncate");function bt(e,t,r,n=", "){r=r||t.inspect;let o=e.length;if(o===0)return"";let a=t.truncate,i="",s="",l="";for(let u=0;u<o;u+=1){let d=u+1===e.length,m=u+2===e.length;l=`${nn}(${e.length-u})`;let p=e[u];t.truncate=a-i.length-(d?0:n.length);let f=s||r(p,t)+(d?"":n),g=i.length+f.length,y=g+l.length;if(d&&g>a&&i.length+l.length<=a||!d&&!m&&y>a||(s=d?"":r(e[u+1],t)+(m?"":n),!d&&m&&y>a&&g+s.length>a))break;if(i+=f,!d&&!m&&g+s.length>=a){l=`${nn}(${e.length-u-1})`;break}l=""}return`${i}${l}`}C(bt,"inspectList");function Nh(e){return e.match(/^[a-zA-Z_][a-zA-Z_0-9]*$/)?e:JSON.stringify(e).replace(/'/g,"\\'").replace(/\\"/g,'"').replace(/(^"|"$)/g,"'")}C(Nh,"quoteComplexKey");function on([e,t],r){return r.truncate-=2,typeof e=="string"?e=Nh(e):typeof e!="number"&&(e=`[${r.inspect(e,r)}]`),r.truncate-=e.length,t=r.inspect(t,r),`${e}: ${t}`}C(on,"inspectProperty");function Lh(e,t){let r=Object.keys(e).slice(e.length);if(!e.length&&!r.length)return"[]";t.truncate-=4;let n=bt(e,t);t.truncate-=n.length;let o="";return r.length&&(o=bt(r.map(a=>[a,e[a]]),t,on)),`[ ${n}${o?`, ${o}`:""} ]`}C(Lh,"inspectArray");var Ex=C(e=>typeof Buffer=="function"&&e instanceof Buffer?"Buffer":e[Symbol.toStringTag]?e[Symbol.toStringTag]:e.constructor.name,"getArrayName");function _t(e,t){let r=Ex(e);t.truncate-=r.length+4;let n=Object.keys(e).slice(e.length);if(!e.length&&!n.length)return`${r}[]`;let o="";for(let i=0;i<e.length;i++){let s=`${t.stylize(Ht(e[i],t.truncate),"number")}${i===e.length-1?"":", "}`;if(t.truncate-=s.length,e[i]!==e.length&&t.truncate<=3){o+=`${nn}(${e.length-e[i]+1})`;break}o+=s}let a="";return n.length&&(a=bt(n.map(i=>[i,e[i]]),t,on)),`${r}[ ${o}${a?`, ${a}`:""} ]`}C(_t,"inspectTypedArray");function jh(e,t){let r=e.toJSON();if(r===null)return"Invalid Date";let n=r.split("T"),o=n[0];return t.stylize(`${o}T${Ht(n[1],t.truncate-o.length-1)}`,"date")}C(jh,"inspectDate");function Bs(e,t){let r=e[Symbol.toStringTag]||"Function",n=e.name;return n?t.stylize(`[${r} ${Ht(n,t.truncate-11)}]`,"special"):t.stylize(`[${r}]`,"special")}C(Bs,"inspectFunction");function Mh([e,t],r){return r.truncate-=4,e=r.inspect(e,r),r.truncate-=e.length,t=r.inspect(t,r),`${e} => ${t}`}C(Mh,"inspectMapEntry");function $h(e){let t=[];return e.forEach((r,n)=>{t.push([n,r])}),t}C($h,"mapToEntries");function qh(e,t){return e.size===0?"Map{}":(t.truncate-=7,`Map{ ${bt($h(e),t,Mh)} }`)}C(qh,"inspectMap");var vx=Number.isNaN||(e=>e!==e);function _s(e,t){return vx(e)?t.stylize("NaN","number"):e===1/0?t.stylize("Infinity","number"):e===-1/0?t.stylize("-Infinity","number"):e===0?t.stylize(1/e===1/0?"+0":"-0","number"):t.stylize(Ht(String(e),t.truncate),"number")}C(_s,"inspectNumber");function Fs(e,t){let r=Ht(e.toString(),t.truncate-1);return r!==nn&&(r+="n"),t.stylize(r,"bigint")}C(Fs,"inspectBigInt");function Uh(e,t){let r=e.toString().split("/")[2],n=t.truncate-(2+r.length),o=e.source;return t.stylize(`/${Ht(o,n)}/${r}`,"regexp")}C(Uh,"inspectRegExp");function Hh(e){let t=[];return e.forEach(r=>{t.push(r)}),t}C(Hh,"arrayFromSet");function Vh(e,t){return e.size===0?"Set{}":(t.truncate-=7,`Set{ ${bt(Hh(e),t)} }`)}C(Vh,"inspectSet");var Line truncated
`)}C(ra,"inspectNodeCollection");function Jh(e,t){switch(e.nodeType){case 1:return cl(e,t);case 3:return t.inspect(e.data,t);default:return t.inspect(e,t)}}C(Jh,"inspectNode");function cl(e,t){let r=e.getAttributeNames(),n=e.tagName.toLowerCase(),o=t.stylize(`<${n}`,"special"),a=t.stylize(">","special"),i=t.stylize(`</${n}>`,"special");t.truncate-=n.length*2+5;let s="";r.length>0&&(s+=" ",s+=bt(r.map(d=>[d,e.getAttribute(d)]),t,Xh," ")),t.truncate-=s.length;let l=t.truncate,u=ra(e.children,t);return u&&u.length>l&&(u=`${nn}(${e.children.length})`),`${o}${s}${a}${u}${i}`}C(cl,"inspectHTML");var Dx=typeof Symbol=="function"&&typeof Symbol.for=="function",xs=Dx?Symbol.for("chai/inspect"):"@@chai/inspect",ws=Symbol.for("nodejs.util.inspect.custom"),Nm=new WeakMap,Lm={},jm={undefined:C((e,t)=>t.stylize("undefined","undefined"),"undefined"),null:C((e,t)=>t.stylize("null","null"),"null"),boolean:C((e,t)=>t.stylize(String(e),"boolean"),"boolean"),Boolean:C((e,t)=>t.stylize(String(e),"boolean"),"Boolean"),number:_s,Number:_s,bigint:Fs,BigInt:Fs,string:Ps,String:Ps,function:Bs,Function:Bs,symbol:Ns,Symbol:Ns,Array:Lh,Date:jh,Map:qh,Set:Vh,RegExp:Uh,Promise:Sx,WeakSet:C((e,t)=>t.stylize("WeakSet{\u2026}","special"),"WeakSet"),WeakMap:C((e,t)=>t.stylize("WeakMap{\u2026}","special"),"WeakMap"),Arguments:Yh,Int8Array:_t,Uint8Array:_t,Uint8ClampedArray:_t,Int16Array:_t,Uint16Array:_t,Int32Array:_t,Uint32Array:_t,Float32Array:_t,Float64Array:_t,Generator:C(()=>"","Generator"),DataView:C(()=>"","DataView"),ArrayBuffer:C(()=>"","ArrayBuffer"),Error:Kh,HTMLCollection:ra,NodeList:ra},Tx=C((e,t,r)=>xs in e&&typeof e[xs]=="function"?e[xs](t):ws in e&&typeof e[ws]=="function"?e[ws](t.depth,t):"inspect"in e&&typeof e.inspect=="function"?e.inspect(t.depth,t):"constructor"in e&&Nm.has(e.constructor)?Nm.get(e.constructor)(e,t):Lm[r]?Lm[r](e,t):"","inspectCustom"),kx=Object.prototype.toString;function na(e,t={}){let r=Fh(t,na),{customInspect:n}=r,o=e===null?"null":typeof e;if(o==="object"&&(o=kx.call(e).slice(8,-1)),o in jm)return jm[o](e,r);if(n&&e){let i=Tx(e,r,o);if(i)return typeof i=="string"?i:na(i,r)}let a=e?Object.getPrototypeOf(e):!1;return a===Object.prototype||a===null?$n(e,r):e&&typeof HTMLElement=="function"&&e instanceof HTMLElement?cl(e,r):"constructor"in e?e.constructor!==Object?Wh(e,r):$n(e,r):e===Object(e)?$n(e,r):r.stylize(String(e),o)}C(na,"inspect");var{AsymmetricMatcher:Ox,DOMCollection:Ix,DOMElement:Rx,Immutable:Bx,ReactElement:_x,ReactTestComponent:Fx}=ul,Mm=[Fx,_x,Rx,Ix,Bx,Ox];function an(e,t=10,{maxLength:r,...n}={}){let o=r??1e4,a;try{a=Ct(e,{maxDepth:t,escapeString:!1,plugins:Mm,...n})}catch{a=Ct(e,{callToJSON:!1,maxDepth:t,escapeString:!1,plugins:Mm,...n})}return a.length>=o&&t>1?an(e,Math.floor(Math.min(t,Number.MAX_SAFE_INTEGER)/2),{maxLength:r,...n}):a}C(an,"stringify");var Px=/%[sdjifoOc%]/g;function Zh(...e){if(typeof e[0]!="string"){let a=[];for(let i=0;i<e.length;i++)a.push(tn(e[i],{depth:0,colors:!1}));return a.join(" ")}let t=e.length,r=1,n=e[0],o=String(n).replace(Px,a=>{if(a==="%%")return"%";if(r>=t)return a;switch(a){case"%s":{let i=e[r++];return typeof i=="bigint"?`${i.toString()}n`:typeof i=="number"&&i===0&&1/i<0?"-0":typeof i=="object"&&i!==null?typeof i.toString=="function"&&i.toString!==Object.prototype.toString?i.toString():tn(i,{depth:0,colors:!1}):String(i)}case"%d":{let i=e[r++];return typeof i=="bigint"?`${i.toString()}n`:Number(i).toString()}case"%i":{let i=e[r++];return typeof i=="bigint"?`${i.toString()}n`:Number.parseInt(String(i)).toString()}case"%f":return Number.parseFloat(String(e[r++])).toString();case"%o":return tn(e[r++],{showHidden:!0,showProxy:!0});case"%O":return tn(e[r++]);case"%c":return r++,"";case"%j":try{return JSON.stringify(e[r++])}catch(i){let s=i.message;if(s.includes("circular structure")||s.includes("cyclic structures")||s.includes("cyclic object"))return"[Circular]";throw i}default:return a}});for(let a=e[r];r<t;a=e[++r])a===null||typeof a!="object"?o+=` ${a}`:o+=` ${tn(a)}`;return o}C(Zh,"format");function tn(e,t={}){return t.truncate===0&&(t.truncate=Number.POSITIVE_INFINITY),na(e,t)}C(tn,"inspect");function Qh(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}C(Qh,"getDefaultExportFromCjs");function ef(e){return e===Object.prototype||e===Function.prototype||e===RegExp.prototype}C(ef,"isFinalObj");function oa(e){return Object.prototype.toString.apply(e).slice(8,-1)}C(oa,"getType");function tf(e,t){let r=typeof t=="function"?t:n=>t.add(n);Object.getOwnPropertyNames(e).forEach(r),Object.getOwnPropertySymbols(e).forEach(r)}C(tf,"collectOwnProperties");function dl(e){let t=new Set;return ef(e)?[]:(tf(e,t),Array.from(t))}C(dl,"getOwnProperties");var rf={forceWritable:!1};function Ls(e,t=rf){return aa(e,new WeakMap,t)}C(Ls,"deepClone");function aa(e,t,r=rf){let n,o;if(t.has(e))return t.get(e);if(Array.isArray(e)){for(o=Array.from({length:n=e.length}),t.set(e,o);n--;)o[n]=aa(e[n],t,r);return o}if(Object.prototype.toString.caLine truncated
`)}C(pf,"joinAlignedDiffsNoExpand");function mf(e,t){return e.map((r,n,o)=>{let a=r[1],i=n===0||n===o.length-1;switch(r[0]){case Ue:return hl(a,i,t);case Le:return fl(a,i,t);default:return gl(a,i,t)}}).join(`
`)}C(mf,"joinAlignedDiffsExpand");var Ss=C(e=>e,"noColor"),hf=5,$x=0;function ff(){return{aAnnotation:"Expected",aColor:Ut.green,aIndicator:"-",bAnnotation:"Received",bColor:Ut.red,bIndicator:"+",changeColor:Ut.inverse,changeLineTrailingSpaceColor:Ss,commonColor:Ut.dim,commonIndicator:" ",commonLineTrailingSpaceColor:Ss,compareKeys:void 0,contextLines:hf,emptyFirstOrLastLinePlaceholder:"",expand:!1,includeChangeCounts:!1,omitAnnotationLines:!1,patchColor:Ut.yellow,printBasicPrototype:!1,truncateThreshold:$x,truncateAnnotation:"... Diff result is truncated",truncateAnnotationColor:Ss}}C(ff,"getDefaultOptions");function gf(e){return e&&typeof e=="function"?e:void 0}C(gf,"getCompareKeys");function yf(e){return typeof e=="number"&&Number.isSafeInteger(e)&&e>=0?e:hf}C(yf,"getContextLines");function ar(e={}){return{...ff(),...e,compareKeys:gf(e.compareKeys),contextLines:yf(e.contextLines)}}C(ar,"normalizeDiffOptions");function wr(e){return e.length===1&&e[0].length===0}C(wr,"isEmptyString");function bf(e){let t=0,r=0;return e.forEach(n=>{switch(n[0]){case Ue:t+=1;break;case Le:r+=1;break}}),{a:t,b:r}}C(bf,"countChanges");function Ef({aAnnotation:e,aColor:t,aIndicator:r,bAnnotation:n,bColor:o,bIndicator:a,includeChangeCounts:i,omitAnnotationLines:s},l){if(s)return"";let u="",d="";if(i){let f=String(l.a),g=String(l.b),y=n.length-e.length,E=" ".repeat(Math.max(0,y)),b=" ".repeat(Math.max(0,-y)),x=g.length-f.length,S=" ".repeat(Math.max(0,x)),T=" ".repeat(Math.max(0,-x));u=`${E} ${r} ${S}${f}`,d=`${b} ${a} ${T}${g}`}let m=`${r} ${e}${u}`,p=`${a} ${n}${d}`;return`${t(m)}
${o(p)}
`}C(Ef,"printAnnotation");function ya(e,t,r){return Ef(r,bf(e))+(r.expand?mf(e,r):pf(e,r))+(t?r.truncateAnnotationColor(`
${r.truncateAnnotation}`):"")}C(ya,"printDiffLines");function Hn(e,t,r){let n=ar(r),[o,a]=yl(wr(e)?[]:e,wr(t)?[]:t,n);return ya(o,a,n)}C(Hn,"diffLinesUnified");function vf(e,t,r,n,o){if(wr(e)&&wr(r)&&(e=[],r=[]),wr(t)&&wr(n)&&(t=[],n=[]),e.length!==r.length||t.length!==n.length)return Hn(e,t,o);let[a,i]=yl(r,n,o),s=0,l=0;return a.forEach(u=>{switch(u[0]){case Ue:u[1]=e[s],s+=1;break;case Le:u[1]=t[l],l+=1;break;default:u[1]=t[l],s+=1,l+=1}}),ya(a,i,ar(o))}C(vf,"diffLinesUnified2");function yl(e,t,r){let n=r?.truncateThreshold??!1,o=Math.max(Math.floor(r?.truncateThreshold??0),0),a=n?Math.min(e.length,o):e.length,i=n?Math.min(t.length,o):t.length,s=a!==e.length||i!==t.length,l=C((p,f)=>e[p]===t[f],"isCommon"),u=[],d=0,m=0;for(cf(a,i,l,C((p,f,g)=>{for(;d!==f;d+=1)u.push(new xe(Ue,e[d]));for(;m!==g;m+=1)u.push(new xe(Le,t[m]));for(;p!==0;p-=1,d+=1,m+=1)u.push(new xe(Se,t[m]))},"foundSubsequence"));d!==a;d+=1)u.push(new xe(Ue,e[d]));for(;m!==i;m+=1)u.push(new xe(Le,t[m]));return[u,s]}C(yl,"diffLinesRaw");function $s(e){if(e===void 0)return"undefined";if(e===null)return"null";if(Array.isArray(e))return"array";if(typeof e=="boolean")return"boolean";if(typeof e=="function")return"function";if(typeof e=="number")return"number";if(typeof e=="string")return"string";if(typeof e=="bigint")return"bigint";if(typeof e=="object"){if(e!=null){if(e.constructor===RegExp)return"regexp";if(e.constructor===Map)return"map";if(e.constructor===Set)return"set";if(e.constructor===Date)return"date"}return"object"}else if(typeof e=="symbol")return"symbol";throw new Error(`value of unknown type: ${e}`)}C($s,"getType");function qs(e){return e.includes(`\r
`)?`\r
`:`
`}C(qs,"getNewLineSymbol");function Af(e,t,r){let n=r?.truncateThreshold??!1,o=Math.max(Math.floor(r?.truncateThreshold??0),0),a=e.length,i=t.length;if(n){let p=e.includes(`
`),f=t.includes(`
`),g=qs(e),y=qs(t),E=p?`${e.split(g,o).join(g)}
`:e,b=f?`${t.split(y,o).join(y)}
`:t;a=E.length,i=b.length}let s=a!==e.length||i!==t.length,l=C((p,f)=>e[p]===t[f],"isCommon"),u=0,d=0,m=[];return cf(a,i,l,C((p,f,g)=>{u!==f&&m.push(new xe(Ue,e.slice(u,f))),d!==g&&m.push(new xe(Le,t.slice(d,g))),u=f+p,d=g+p,m.push(new xe(Se,t.slice(g,d)))},"foundSubsequence")),u!==a&&m.push(new xe(Ue,e.slice(u))),d!==i&&m.push(new xe(Le,t.slice(d))),[m,s]}C(Af,"diffStrings");function xf(e,t,r){return t.reduce((n,o)=>n+(o[0]===Se?o[1]:o[0]===e&&o[1].length!==0?r(o[1]):""),"")}C(xf,"concatenateRelevantDiffs");var wf=class{op;line;lines;changeColor;constructor(t,r){this.op=t,this.line=[],this.lines=[],this.changeColor=r}pushSubstring(t){this.pushDiff(new xe(this.op,t))}pushLine(){this.lines.push(this.line.length!==1?new xe(this.op,xf(this.op,this.line,this.changeColor)):this.line[0][0]===this.op?this.line[0]:new xe(this.op,this.line[0][1])),this.line.length=0}isLineEmpty(){return this.line.length===0}pushDiff(t){this.line.push(t)}align(t){let r=t[1];if(r.includes(`
`)){let n=r.split(`
`),o=n.length-1;n.forEach((a,i)=>{i<o?(this.pushSubstring(a),this.pushLine()):a.length!==0&&this.pushSubstring(a)})}else this.pushDiff(t)}moveLinesTo(t){this.isLineEmpty()||this.pushLine(),t.push(...this.lines),this.lines.length=0}};C(wf,"ChangeBuffer");var Vm=wf,Sf=class{deleteBuffer;insertBuffer;lines;constructor(t,r){this.deleteBuffer=t,this.insertBuffer=r,this.lines=[]}pushDiffCommonLine(t){this.lines.push(t)}pushDiffChangeLines(t){let r=t[1].length===0;(!r||this.deleteBuffer.isLineEmpty())&&this.deleteBuffer.pushDiff(t),(!r||this.insertBuffer.isLineEmpty())&&this.insertBuffer.pushDiff(t)}flushChangeLines(){this.deleteBuffer.moveLinesTo(this.lines),this.insertBuffer.moveLinesTo(this.lines)}align(t){let r=t[0],n=t[1];if(n.includes(`
`)){let o=n.split(`
`),a=o.length-1;o.forEach((i,s)=>{if(s===0){let l=new xe(r,i);this.deleteBuffer.isLineEmpty()&&this.insertBuffer.isLineEmpty()?(this.flushChangeLines(),this.pushDiffCommonLine(l)):(this.pushDiffChangeLines(l),this.flushChangeLines())}else s<a?this.pushDiffCommonLine(new xe(r,i)):i.length!==0&&this.pushDiffChangeLines(new xe(r,i))})}else this.pushDiffChangeLines(t)}getLines(){return this.flushChangeLines(),this.lines}};C(Sf,"CommonBuffer");var qx=Sf;function Cf(e,t){let r=new Vm(Ue,t),n=new Vm(Le,t),o=new qx(r,n);return e.forEach(a=>{switch(a[0]){case Ue:r.align(a);break;case Le:n.align(a);break;default:o.align(a)}}),o.getLines()}C(Cf,"getAlignedDiffs");function Df(e,t){if(t){let r=e.length-1;return e.some((n,o)=>n[0]===Se&&(o!==r||n[1]!==`
`))}return e.some(r=>r[0]===Se)}C(Df,"hasCommonDiff");function Tf(e,t,r){if(e!==t&&e.length!==0&&t.length!==0){let n=e.includes(`
`)||t.includes(`
`),[o,a]=bl(n?`${e}
`:e,n?`${t}
`:t,!0,r);if(Df(o,n)){let i=ar(r),s=Cf(o,i.changeColor);return ya(s,a,i)}}return Hn(e.split(`
`),t.split(`
`),r)}C(Tf,"diffStringsUnified");function bl(e,t,r,n){let[o,a]=Af(e,t,n);return r&&af(o),[o,a]}C(bl,"diffStringsRaw");function ia(e,t){let{commonColor:r}=ar(t);return r(e)}C(ia,"getCommonMessage");var{AsymmetricMatcher:Ux,DOMCollection:Hx,DOMElement:Vx,Immutable:zx,ReactElement:Gx,ReactTestComponent:Wx}=ul,kf=[Wx,Gx,Vx,Hx,zx,Ux,ul.Error],Us={maxDepth:20,plugins:kf},Of={callToJSON:!1,maxDepth:8,plugins:kf};function If(e,t,r){if(Object.is(e,t))return"";let n=$s(e),o=n,a=!1;if(n==="object"&&typeof e.asymmetricMatch=="function"){if(e.$$typeof!==Symbol.for("jest.asymmetricMatcher")||typeof e.getExpectedType!="function")return;o=e.getExpectedType(),a=o==="string"}if(o!==$s(t)){let i=function(S){return S.length<=E?S:`${S.slice(0,E)}...`};C(i,"truncate");let{aAnnotation:s,aColor:l,aIndicator:u,bAnnotation:d,bColor:m,bIndicator:p}=ar(r),f=sa(Of,r),g=Ct(e,f),y=Ct(t,f),E=1e5;g=i(g),y=i(y);let b=`${l(`${u} ${s}:`)}
${g}`,x=`${m(`${p} ${d}:`)}
${y}`;return`${b}
${x}`}if(!a)switch(n){case"string":return Hn(e.split(`
`),t.split(`
`),r);case"boolean":case"number":return Rf(e,t,r);case"map":return ta(Hs(e),Hs(t),r);case"set":return ta(Vs(e),Vs(t),r);default:return ta(e,t,r)}}C(If,"diff");function Rf(e,t,r){let n=Ct(e,Us),o=Ct(t,Us);return n===o?"":Hn(n.split(`
`),o.split(`
`),r)}C(Rf,"comparePrimitive");function Hs(e){return new Map(Array.from(e.entries()).sort())}C(Hs,"sortMap");function Vs(e){return new Set(Array.from(e.values()).sort())}C(Vs,"sortSet");function ta(e,t,r){let n,o=!1;try{let i=sa(Us,r);n=zs(e,t,i,r)}catch{o=!0}let a=ia(lf,r);if(n===void 0||n===a){let i=sa(Of,r);n=zs(e,t,i,r),n!==a&&!o&&(n=`${ia(jx,r)}
${n}`)}return n}C(ta,"compareObjects");function sa(e,t){let{compareKeys:r,printBasicPrototype:n,maxDepth:o}=ar(t);return{...e,compareKeys:r,printBasicPrototype:n,maxDepth:o??e.maxDepth}}C(sa,"getFormatOptions");function zs(e,t,r,n){let o={...r,indent:0},a=Ct(e,o),i=Ct(t,o);if(a===i)return ia(lf,n);{let s=Ct(e,r),l=Ct(t,r);return vf(s.split(`
`),l.split(`
`),a.split(`
`),i.split(`
`),n)}}C(zs,"getObjectsDifference");var zm=2e4;function Gs(e){return oa(e)==="Object"&&typeof e.asymmetricMatch=="function"}C(Gs,"isAsymmetricMatcher");function Ws(e,t){let r=oa(e),n=oa(t);return r===n&&(r==="Object"||r==="Array")}C(Ws,"isReplaceable");function Bf(e,t,r){let{aAnnotation:n,bAnnotation:o}=ar(r);if(typeof t=="string"&&typeof e=="string"&&t.length>0&&e.length>0&&t.length<=zm&&e.length<=zm&&t!==e){if(t.includes(`
`)||e.includes(`
`))return Tf(t,e,r);let[u]=bl(t,e,!0),d=u.some(g=>g[0]===Se),m=_f(n,o),p=m(n)+Pf(Ys(u,Ue,d)),f=m(o)+Ff(Ys(u,Le,d));return`${p}
${f}`}let a=Ls(t,{forceWritable:!0}),i=Ls(e,{forceWritable:!0}),{replacedExpected:s,replacedActual:l}=El(i,a);return If(s,l,r)}C(Bf,"printDiffOrStringify");function El(e,t,r=new WeakSet,n=new WeakSet){return e instanceof Error&&t instanceof Error&&typeof e.cause<"u"&&typeof t.cause>"u"?(delete e.cause,{replacedActual:e,replacedExpected:t}):Ws(e,t)?r.has(e)||n.has(t)?{replacedActual:e,replacedExpected:t}:(r.add(e),n.add(t),dl(t).forEach(o=>{let a=t[o],i=e[o];if(Gs(a))a.asymmetricMatch(i)&&(e[o]=a);else if(Gs(i))i.asymmetricMatch(a)&&(t[o]=i);else if(Ws(i,a)){let s=El(i,a,r,n);e[o]=s.replacedActual,t[o]=s.replacedExpected}}),{replacedActual:e,replacedExpected:t}):{replacedActual:e,replacedExpected:t}}C(El,"replaceAsymmetricMatcher");function _f(...e){let t=e.reduce((r,n)=>n.length>r?n.length:r,0);return r=>`${r}: ${" ".repeat(t-r.length)}`}C(_f,"getLabelPrinter");var Yx="\xB7";function vl(e){return e.replace(/\s+$/gm,t=>Yx.repeat(t.length))}C(vl,"replaceTrailingSpaces");function Ff(e){return Ut.red(vl(an(e)))}C(Ff,"printReceived");function Pf(e){return Ut.green(vl(an(e)))}C(Pf,"printExpected");function Ys(e,t,r){return e.reduce((n,o)=>n+(o[0]===Se?o[1]:o[0]===t?r?Ut.inverse(o[1]):o[1]:""),"")}C(Ys,"getCommonAndChangedSubstrings");var Kx="@@__IMMUTABLE_RECORD__@@",Xx="@@__IMMUTABLE_ITERABLE__@@";function Nf(e){return e&&(e[Xx]||e[Kx])}C(Nf,"isImmutable");var Jx=Object.getPrototypeOf({});function Ks(e){return e instanceof Error?`<unserializable>: ${e.message}`:typeof e=="string"?`<unserializable>: ${e}`:"<unserializable>"}C(Ks,"getUnserializableMessage");function qt(e,t=new WeakMap){if(!e||typeof e=="string")return e;if(e instanceof Error&&"toJSON"in e&&typeof e.toJSON=="function"){let r=e.toJSON();return r&&r!==e&&typeof r=="object"&&(typeof e.message=="string"&&jn(()=>r.message??(r.message=e.message)),typeof e.stack=="string"&&jn(()=>r.stack??(r.stack=e.stack)),typeof e.name=="string"&&jn(()=>r.name??(r.name=e.name)),e.cause!=null&&jn(()=>r.cause??(r.cause=qt(e.cause,t)))),qt(r,t)}if(typeof e=="function")return`Function<${e.name||"anonymous"}>`;if(typeof e=="symbol")return e.toString();if(typeof e!="object")return e;if(typeof Buffer<"u"&&e instanceof Buffer)return`<Buffer(${e.length}) ...>`;if(typeof Uint8Array<"u"&&e instanceof Uint8Array)return`<Uint8Array(${e.length}) ...>`;if(Nf(e))return qt(e.toJSON(),t);if(e instanceof Promise||e.constructor&&e.constructor.prototype==="AsyncFunction")return"Promise";if(typeof Element<"u"&&e instanceof Element)return e.tagName;if(typeof e.asymmetricMatch=="function")return`${e.toString()} ${Zh(e.sample)}`;if(typeof e.toJSON=="function")return qt(e.toJSON(),t);if(t.has(e))return t.get(e);if(Array.isArray(e)){let r=new Array(e.length);return t.set(e,r),e.forEach((n,o)=>{try{r[o]=qt(n,t)}catch(a){r[o]=Ks(a)}}),r}else{let r=Object.create(null);t.set(e,r);let n=e;for(;n&&n!==Jx;)Object.getOwnPropertyNames(n).forEach(o=>{if(!(o in r))try{r[o]=qt(e[o],t)}catch(a){delete r[o],r[o]=Ks(a)}}),n=Object.getPrototypeOf(n);return r}}C(qt,"serializeValue");function jn(e){try{return e()}catch{}}C(jn,"safe");function Lf(e){return e.replace(/__(vite_ssr_import|vi_import)_\d+__\./g,"")}C(Lf,"normalizeErrorMessage");function Al(e,t,r=new WeakSet){if(!e||typeof e!="object")return{message:String(e)};let n=e;(n.showDiff||n.showDiff===void 0&&n.expected!==void 0&&n.actual!==void 0)&&(n.diff=Bf(n.actual,n.expected,{...t,...n.diffOptions})),"expected"in n&&typeof n.expected!="string"&&(n.expected=an(n.expected,10)),"actual"in n&&typeof n.actual!="string"&&(n.actual=an(n.actual,10));try{typeof n.message=="string"&&(n.message=Lf(n.message))}catch{}try{!r.has(n)&&typeof n.cause=="object"&&(r.add(n),n.cause=Al(n.cause,t,r))}catch{}try{return qt(n)}catch(o){return qt(new Error(`Failed to fully serialize error: ${o?.message}
Inner error message: ${n?.message}`))}}C(Al,"processError");var Mt={CALL:"storybook/instrumenter/call",SYNC:"storybook/instrumenter/sync",START:"storybook/instrumenter/start",BACK:"storybook/instrumenter/back",GOTO:"storybook/instrumenter/goto",NEXT:"storybook/instrumenter/next",END:"storybook/instrumenter/end"},Cs=globalThis.__STORYBOOK_ADDONS_PREVIEW,Zx=(e=>(e.DONE="done",e.ERROR="error",e.ACTIVE="active",e.WAITING="waiting",e))(Zx||{}),Qx=new Error("This function ran after the play function completed. Did you forget to `await` it?"),Gm=C(e=>Object.prototype.toString.call(e)==="[object Object]","isObject"),ew=C(e=>Object.prototype.toString.call(e)==="[object Module]","isModule"),tw=C(e=>{if(!Gm(e)&&!ew(e))return!1;if(e.constructor===void 0)return!0;let t=e.constructor.prototype;return!!Gm(t)},"isInstrumentable"),rw=C(e=>{try{return new e.constructor}catch{return{}}},"construct"),Ds=C(()=>({renderPhase:"preparing",isDebugging:!1,isPlaying:!1,isLocked:!1,cursor:0,calls:[],shadowCalls:[],callRefsByResult:new Map,chainedCallIds:new Set,ancestors:[],playUntil:void 0,resolvers:{},syncTimeout:void 0}),"getInitialState"),Wm=C((e,t=!1)=>{let r=(t?e.shadowCalls:e.calls).filter(o=>o.retain);if(!r.length)return;let n=new Map(Array.from(e.callRefsByResult.entries()).filter(([,o])=>o.retain));return{cursor:r.length,calls:r,callRefsByResult:n}},"getRetainedState"),jf=class{constructor(){this.detached=!1,this.initialized=!1,this.state={},this.loadParentWindowState=C(()=>{try{this.state=H.window?.parent?.__STORYBOOK_ADDON_INTERACTIONS_INSTRUMENTER_STATE__||{}}catch{this.detached=!0}},"loadParentWindowState"),this.updateParentWindowState=C(()=>{try{H.window.parent.__STORYBOOK_ADDON_INTERACTIONS_INSTRUMENTER_STATE__=this.state}catch{this.detached=!0}},"updateParentWindowState"),this.loadParentWindowState();let t=C(({storyId:l,renderPhase:u,isPlaying:d=!0,isDebugging:m=!1})=>{let p=this.getState(l);this.setState(l,{...Ds(),...Wm(p,m),renderPhase:u||p.renderPhase,shadowCalls:m?p.shadowCalls:[],chainedCallIds:m?p.chainedCallIds:new Set,playUntil:m?p.playUntil:void 0,isPlaying:d,isDebugging:m}),this.sync(l)},"resetState"),r=C(l=>({storyId:u,playUntil:d})=>{this.getState(u).isDebugging||this.setState(u,({calls:p})=>({calls:[],shadowCalls:p.map(f=>({...f,status:"waiting"})),isDebugging:!0}));let m=this.getLog(u);this.setState(u,({shadowCalls:p})=>{if(d||!m.length)return{playUntil:d};let f=p.findIndex(g=>g.id===m[0].callId);return{playUntil:p.slice(0,f).filter(g=>g.interceptable&&!g.ancestors?.length).slice(-1)[0]?.id}}),l.emit(br,{storyId:u,isDebugging:!0})},"start"),n=C(l=>({storyId:u})=>{let d=this.getLog(u).filter(p=>!p.ancestors?.length),m=d.reduceRight((p,f,g)=>p>=0||f.status==="waiting"?p:g,-1);r(l)({storyId:u,playUntil:d[m-1]?.callId})},"back"),o=C(l=>({storyId:u,callId:d})=>{let{calls:m,shadowCalls:p,resolvers:f}=this.getState(u),g=m.find(({id:E})=>E===d),y=p.find(({id:E})=>E===d);if(!g&&y&&Object.values(f).length>0){let E=this.getLog(u).find(b=>b.status==="waiting")?.callId;y.id!==E&&this.setState(u,{playUntil:y.id}),Object.values(f).forEach(b=>b())}else r(l)({storyId:u,playUntil:d})},"goto"),a=C(l=>({storyId:u})=>{let{resolvers:d}=this.getState(u);if(Object.values(d).length>0)Object.values(d).forEach(m=>m());else{let m=this.getLog(u).find(p=>p.status==="waiting")?.callId;m?r(l)({storyId:u,playUntil:m}):i({storyId:u})}},"next"),i=C(({storyId:l})=>{this.setState(l,{playUntil:void 0,isDebugging:!1}),Object.values(this.getState(l).resolvers).forEach(u=>u())},"end"),s=C(({storyId:l,newPhase:u})=>{let{isDebugging:d}=this.getState(l);if(u==="preparing"&&d)return t({storyId:l,renderPhase:u});if(u==="playing")return t({storyId:l,renderPhase:u,isDebugging:d});u==="played"?this.setState(l,{renderPhase:u,isLocked:!1,isPlaying:!1,isDebugging:!1}):u==="errored"?this.setState(l,{renderPhase:u,isLocked:!1,isPlaying:!1}):u==="aborted"?this.setState(l,{renderPhase:u,isLocked:!0,isPlaying:!1}):this.setState(l,{renderPhase:u}),this.sync(l)},"renderPhaseChanged");Cs&&Cs.ready().then(()=>{this.channel=Cs.getChannel(),this.channel.on(br,t),this.channel.on(gt,s),this.channel.on(Ro,()=>{this.initialized?this.cleanup():this.initialized=!0}),this.channel.on(Mt.START,r(this.channel)),this.channel.on(Mt.BACK,n(this.channel)),this.channel.on(Mt.GOTO,o(this.channel)),this.channel.on(Mt.NEXT,a(this.channel)),this.channel.on(Mt.END,i)})}getState(t){return this.state[t]||Ds()}setState(t,r){if(t){let n=this.getState(t),o=typeof r=="function"?r(n):r;this.state={...this.state,[t]:{...n,...o}},this.updateParentWindowState()}}cleanup(){this.state=Object.entries(this.state).reduce((r,[n,o])=>{let a=Wm(o);return a&&(r[n]=Object.assign(Ds(),a)),r},{});let t={controlStates:{detached:this.detached,start:!1,back:!1,goto:!1,next:!1,end:!1},logItems:[]};this.channel?.emit(Mt.SYNC,t),this.updateParentWindowState()}getLog(t){let{calls:r,shadowCalls:n}=this.getState(t),o=[...n];r.forEach((i,s)=>{o[s]=i});let a=new Set;return o.reduceRight((i,s)=>(s.args.forEach(l=>{l? Line truncated
[ ]{`+Math.min.apply(Math,o)+"}","g");n=n.map(function(s){return s.replace(a,`
`)})}n[0]=n[0].replace(/^\r?\n/,"");var i=n[0];return t.forEach(function(s,l){var u=i.match(/(?:^|\n)( *)$/),d=u?u[1]:"",m=s;typeof s=="string"&&s.includes(`
`)&&(m=String(s).split(`
`).map(function(p,f){return f===0?p:""+d+p}).join(`
`)),i+=m+n[l+1]}),i}I(ka,"dedent");var yL=Symbol("incompatible"),bL=Symbol("Deeply equal"),xg="UNTARGETED";function wg({args:e,argTypes:t}){let r={};return Object.entries(e).forEach(([n,o])=>{let{target:a=xg}=t[n]||{};r[a]=r[a]||{},r[a][n]=o}),r}I(wg,"groupArgsByTarget");var bw=I((e={})=>Object.entries(e).reduce((t,[r,{defaultValue:n}])=>(typeof n<"u"&&(t[r]=n),t),{}),"getValuesFromArgTypes"),Ew=I(e=>typeof e=="string"?{name:e}:e,"normalizeType"),vw=I(e=>typeof e=="string"?{type:e}:e,"normalizeControl"),Aw=I((e,t)=>{let{type:r,control:n,...o}=e,a={name:t,...o};return r&&(a.type=Ew(r)),n?a.control=vw(n):n===!1&&(a.control={disable:!0}),a},"normalizeInputType"),wa=I(e=>dn(e,Aw),"normalizeInputTypes"),oe=I(e=>Array.isArray(e)?e:e?[e]:[],"normalizeArrays"),xw=ka`
CSF .story annotations deprecated; annotate story functions directly:
- StoryFn.story.name => StoryFn.storyName
- StoryFn.story.(parameters|decorators) => StoryFn.(parameters|decorators)
See https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#hoisted-csf-annotations for details and codemod.
`;function Sg(e,t,r){let n=t,o=typeof t=="function"?t:null,{story:a}=n;a&&(Z.debug("deprecated story",a),$r(xw));let i=Jo(e),s=typeof n!="function"&&n.name||n.storyName||a?.name||i,l=[...oe(n.decorators),...oe(a?.decorators)],u={...a?.parameters,...n.parameters},d={...a?.args,...n.args},m={...a?.argTypes,...n.argTypes},p=[...oe(n.loaders),...oe(a?.loaders)],f=[...oe(n.beforeEach),...oe(a?.beforeEach)],g=[...oe(n.afterEach),...oe(a?.afterEach)],{render:y,play:E,tags:b=[],globals:x={}}=n,S=u.__id||Xo(r.id,i);return{moduleExport:t,id:S,name:s,tags:b,decorators:l,parameters:u,args:d,argTypes:wa(m),loaders:p,beforeEach:f,afterEach:g,globals:x,...y&&{render:y},...o&&{userStoryFn:o},...E&&{play:E}}}I(Sg,"normalizeStory");function Cg(e,t=e.title,r){let{id:n,argTypes:o}=e;return{id:Nn(n||t),...e,title:t,...o&&{argTypes:wa(o)},parameters:{fileName:r,...e.parameters}}}I(Cg,"normalizeComponentAnnotations");function Dg(e){return e!=null&&Tg(e).includes("mount")}I(Dg,"mountDestructured");function Tg(e){let t=e.toString().match(/[^(]*\(([^)]*)/);if(!t)return[];let r=Dl(t[1]);if(!r.length)return[];let n=r[0];return n.startsWith("{")&&n.endsWith("}")?Dl(n.slice(1,-1).replace(/\s/g,"")).map(o=>o.replace(/:.*|=.*/g,"")):[]}I(Tg,"getUsedProps");function Dl(e){let t=[],r=[],n=0;for(let a=0;a<e.length;a++)if(e[a]==="{"||e[a]==="[")r.push(e[a]==="{"?"}":"]");else if(e[a]===r[r.length-1])r.pop();else if(!r.length&&e[a]===","){let i=e.substring(n,a).trim();i&&t.push(i),n=a+1}let o=e.substring(n).trim();return o&&t.push(o),t}I(Dl,"splitByComma");function kg(e,t,r){let n=r(e);return o=>t(n,o)}I(kg,"decorateStory");function Og({componentId:e,title:t,kind:r,id:n,name:o,story:a,parameters:i,initialArgs:s,argTypes:l,...u}={}){return u}I(Og,"sanitizeStoryContextUpdate");function Ig(e,t){let r={},n=I(a=>i=>{if(!r.value)throw new Error("Decorated function called without init");return r.value={...r.value,...Og(i)},a(r.value)},"bindWithContext"),o=t.reduce((a,i)=>kg(a,i,n),e);return a=>(r.value=a,o(a))}I(Ig,"defaultDecorateStory");var lr=I((...e)=>{let t={},r=e.filter(Boolean),n=r.reduce((o,a)=>(Object.entries(a).forEach(([i,s])=>{let l=o[i];Array.isArray(s)||typeof l>"u"?o[i]=s:Aa(s)&&Aa(l)?t[i]=!0:typeof s<"u"&&(o[i]=s)}),o),{});return Object.keys(t).forEach(o=>{let a=r.filter(Boolean).map(i=>i[o]).filter(i=>typeof i<"u");a.every(i=>Aa(i))?n[o]=lr(...a):n[o]=a[a.length-1]}),n},"combineParameters");function Rg(e,t,r){let{moduleExport:n,id:o,name:a}=e||{},i=Bg(e,t,r),s=I(async O=>{let k={};for(let B of[oe(r.loaders),oe(t.loaders),oe(e.loaders)]){if(O.abortSignal.aborted)return k;let P=await Promise.all(B.map(L=>L(O)));Object.assign(k,...P)}return k},"applyLoaders"),l=I(async O=>{let k=new Array;for(let B of[...oe(r.beforeEach),...oe(t.beforeEach),...oe(e.beforeEach)]){if(O.abortSignal.aborted)return k;let P=await B(O);P&&k.push(P)}return k},"applyBeforeEach"),u=I(async O=>{let k=[...oe(r.afterEach),...oe(t.afterEach),...oe(e.afterEach)].reverse();for(let B of k){if(O.abortSignal.aborted)return;await B(O)}},"applyAfterEach"),d=I(O=>O.originalStoryFn(O.args,O),"undecoratedStoryFn"),{applyDecorators:m=Ig,runStep:p}=r,f=[...oe(e?.decorators),...oe(t?.decorators),...oe(r?.decorators)],g=e?.userStoryFn||e?.render||t.render||r.render,y=yw(m)(d,f),E=I(O=>y(O),"unboundStoryFn"),b=e?.play??t?.play,x=Dg(b);if(!g&&!x)throw new Lo({id:o});let S=I(O=>async()=>(await O.renderToCanvas(),O.canvas),"defaultMount"),T=e.mount??t.mount??r.mount??S,_=r.testingLibraryRender;return{storyGlobals:{},...i,moduleExport:n,id:o,name:a,story:a,originalStoryFn:g,undecoratedStoryFn:d,unboundStoryFn:E,applyLoaders:s,applyBeforeEach:l,applyAfterEach:u,playFunction:b,runStep:p,mount:T,testingLibraryRender:_,renderToCanvas:r.renderToCanvas,usesMount:x}}I(Rg,"prepareStory");function Bg(e,t,r){let n=["dev","test"],o=H.DOCS_OPTIONS?.autodocs===!0?["autodocs"]:[],a=en(...n,...o,...r.tags??[],...t.tags??[],...e?.tags??[]),i=lr(r.parameters,t.parameters,e?.parameters),{argTypesEnhancers:s=[],argsEnhancers:l=[]}=r,u=lr(r.argTypes,t.argTypes,e?.argTypes);if(e){let b=e?.userStoryFn||e?.render||t.render||r.render;i.__isArgsStory=b&&b.length>0}let d={...r.args,...t.args,...e?.args},m={...t.globals,...e?.globals},p={componentId:t.id,title:t.title,kind:t.title,id:e?.id||t.id,name:e?.name||"__meta",story:e?.name||"__meta",component:t.component,subcomponents:t.subcomponents,tags:a,parameters:i,initialArgs:d,argTypes:u,storyGlobals:m};p.argTypes=s.reduce((b,x)=>x({...p,argTypes:b}),p.argTypes);let f={...d};p.initialArgs=[...l].reduce((b,x)=>({...b,...x({...p,initialArgs:b})}),f);let{name:g,story:y,...E}=p;return E}I(Bg,"preparePartialAnnotations");function _g(e){let{args:t}=e,r={...e,allArgs:void 0,argsByTarget:void 0};if(H.FEATURES?.argTypeTargetsV7){let a=wg(e);r={...e,allArgs:e.args,argsByTarget:a,args:a[xg]||{}}}let n=Object.entries(r.args).reduce((a,[i,s])=>{if(!r.argTypes[i]?.mapping)return a[i]=s,a;let l=I(u=>{let d=r.argTypes[i].mapping;return d&&u in d?d[u]:u},"mappingFn");return a[i] Line truncated
We've detected a cycle in arg '${t}'. Args should be JSON-serializable.
Consider using the mapping feature or fully custom args:
- Mapping: https://storybook.js.org/docs/writing-stories/args#mapping-to-complex-arg-values
- Custom args: https://storybook.js.org/docs/essentials/controls#fully-custom-args
`),{name:"other",value:"cyclic object"}):(r.add(e),Array.isArray(e)?{name:"array",value:e.length>0?Tl(e[0],t,new Set(r)):{name:"other",value:"unknown"}}:{name:"object",value:dn(e,o=>Tl(o,t,new Set(r)))}):{name:"object",value:{}}},"inferType"),Fg=I(e=>{let{id:t,argTypes:r={},initialArgs:n={}}=e,o=dn(n,(i,s)=>({name:s,type:Tl(i,`${t}.${s}`,new Set)})),a=dn(r,(i,s)=>({name:s}));return lr(o,a,r)},"inferArgTypes");Fg.secondPass=!0;var Hf=I((e,t)=>Array.isArray(t)?t.includes(e):e.match(t),"matches"),ww=I((e,t,r)=>!t&&!r?e:e&&Ag(e,(n,o)=>{let a=n.name||o.toString();return!!(!t||Hf(a,t))&&(!r||!Hf(a,r))}),"filterArgTypes"),Sw=I((e,t,r)=>{let{type:n,options:o}=e;if(n){if(r.color&&r.color.test(t)){let a=n.name;if(a==="string")return{control:{type:"color"}};a!=="enum"&&Z.warn(`Addon controls: Control of type color only supports string, received "${a}" instead`)}if(r.date&&r.date.test(t))return{control:{type:"date"}};switch(n.name){case"array":return{control:{type:"object"}};case"boolean":return{control:{type:"boolean"}};case"string":return{control:{type:"text"}};case"number":return{control:{type:"number"}};case"enum":{let{value:a}=n;return{control:{type:a?.length<=5?"radio":"select"},options:a}}case"function":case"symbol":return null;default:return{control:{type:o?"select":"object"}}}}},"inferControl"),Pg=I(e=>{let{argTypes:t,parameters:{__isArgsStory:r,controls:{include:n=null,exclude:o=null,matchers:a={}}={}}}=e;if(!r)return t;let i=ww(t,n,o),s=dn(i,(l,u)=>l?.type&&Sw(l,u.toString(),a));return lr(s,i)},"inferControls");Pg.secondPass=!0;function Bl({argTypes:e,globalTypes:t,argTypesEnhancers:r,decorators:n,loaders:o,beforeEach:a,afterEach:i,initialGlobals:s,...l}){return{...e&&{argTypes:wa(e)},...t&&{globalTypes:wa(t)},decorators:oe(n),loaders:oe(o),beforeEach:oe(a),afterEach:oe(i),argTypesEnhancers:[...r||[],Fg,Pg],initialGlobals:s,...l}}I(Bl,"normalizeProjectAnnotations");var Cw=I(e=>async()=>{let t=[];for(let r of e){let n=await r();n&&t.unshift(n)}return async()=>{for(let r of t)await r()}},"composeBeforeAllHooks");function Ng(e){return async(t,r,n)=>{await e.reduceRight((o,a)=>async()=>a(t,o,n),async()=>r(n))()}}I(Ng,"composeStepRunners");function pn(e,t){return e.map(r=>r.default?.[t]??r[t]).filter(Boolean)}I(pn,"getField");function zt(e,t,r={}){return pn(e,t).reduce((n,o)=>{let a=oe(o);return r.reverseFileOrder?[...a,...n]:[...n,...a]},[])}I(zt,"getArrayField");function Gn(e,t){return Object.assign({},...pn(e,t))}I(Gn,"getObjectField");function un(e,t){return pn(e,t).pop()}I(un,"getSingletonField");function _l(e){let t=zt(e,"argTypesEnhancers"),r=pn(e,"runStep"),n=zt(e,"beforeAll");return{parameters:lr(...pn(e,"parameters")),decorators:zt(e,"decorators",{reverseFileOrder:!(H.FEATURES?.legacyDecoratorFileOrder??!1)}),args:Gn(e,"args"),argsEnhancers:zt(e,"argsEnhancers"),argTypes:Gn(e,"argTypes"),argTypesEnhancers:[...t.filter(o=>!o.secondPass),...t.filter(o=>o.secondPass)],initialGlobals:Gn(e,"initialGlobals"),globalTypes:Gn(e,"globalTypes"),loaders:zt(e,"loaders"),beforeAll:Cw(n),beforeEach:zt(e,"beforeEach"),afterEach:zt(e,"afterEach"),render:un(e,"render"),renderToCanvas:un(e,"renderToCanvas"),applyDecorators:un(e,"applyDecorators"),runStep:Ng(r),tags:zt(e,"tags"),mount:un(e,"mount"),testingLibraryRender:un(e,"testingLibraryRender")}}I(_l,"composeConfigs");function Lg(){try{return!!globalThis.__vitest_browser__||!!globalThis.window?.navigator?.userAgent?.match(/StorybookTestRunner/)}catch{return!1}}I(Lg,"isTestEnvironment");function jg(e=!0){if(!("document"in globalThis&&"createElement"in globalThis.document))return()=>{};let t=document.createElement("style");t.textContent=`*, *:before, *:after {
animation: none !important;
}`,document.head.appendChild(t);let r=document.createElement("style");return r.textContent=`*, *:before, *:after {
animation-delay: 0s !important;
animation-direction: ${e?"reverse":"normal"} !important;
animation-play-state: paused !important;
transition: none !important;
}`,document.head.appendChild(r),document.body.clientHeight,document.head.removeChild(t),()=>{r.parentNode?.removeChild(r)}}I(jg,"pauseAnimations");async function Mg(e){if(!("document"in globalThis&&"getAnimations"in globalThis.document&&"querySelectorAll"in globalThis.document))return;let t=!1;await Promise.race([new Promise(r=>{setTimeout(()=>{let n=[globalThis.document,...Fl(globalThis.document)],o=I(async()=>{if(t||e?.aborted)return;let a=n.flatMap(i=>i?.getAnimations?.()||[]).filter(i=>i.playState==="running"&&!$g(i));a.length>0&&(await Promise.all(a.map(i=>i.finished)),await o())},"checkAnimationsFinished");o().then(r)},100)}),new Promise(r=>setTimeout(()=>{t=!0,r(void 0)},5e3))])}I(Mg,"waitForAnimations");function Fl(e){return[e,...e.querySelectorAll("*")].reduce((t,r)=>("shadowRoot"in r&&r.shadowRoot&&t.push(r.shadowRoot,...Fl(r.shadowRoot)),t),[])}I(Fl,"getShadowRoots");function $g(e){if(e instanceof CSSAnimation&&e.effect instanceof KeyframeEffect&&e.effect.target){let t=getComputedStyle(e.effect.target,e.effect.pseudoElement),r=t.animationName?.split(", ").indexOf(e.animationName);return t.animationIterationCount.split(", ")[r]==="infinite"}return!1}I($g,"isInfiniteAnimation");var qg=class{constructor(){this.reports=[]}async addReport(t){this.reports.push(t)}};I(qg,"ReporterAPI");var Dw=qg,Tw="ComposedStory",kw="Unnamed Story",sr=[];function Ug(e,t,r,n,o){if(e===void 0)throw new Error("Expected a story but received undefined.");t.title=t.title??Tw;let a=Cg(t),i=o||e.storyName||e.story?.name||e.name||kw,s=Sg(i,e,a),l=Bl(_l([n??globalThis.globalProjectAnnotations??{},r??{}])),u=Rg(s,a,l),d={...bw(l.globalTypes),...l.initialGlobals,...u.storyGlobals},m=new Dw,p=I(()=>{let b=_g({hooks:new fw,globals:d,args:{...u.initialArgs},viewMode:"story",reporting:m,loaded:{},abortSignal:new AbortController().signal,step:I((x,S)=>u.runStep(x,S,b),"step"),canvasElement:null,canvas:{},userEvent:{},globalTypes:l.globalTypes,...u,context:null,mount:null});return b.parameters.__isPortableStory=!0,b.context=b,u.renderToCanvas&&(b.renderToCanvas=async()=>{let x=await u.renderToCanvas?.({componentId:u.componentId,title:u.title,id:u.id,name:u.name,tags:u.tags,showMain:I(()=>{},"showMain"),showError:I(S=>{throw new Error(`${S.title}
${S.description}`)},"showError"),showException:I(S=>{throw S},"showException"),forceRemount:!0,storyContext:b,storyFn:I(()=>u.unboundStoryFn(b),"storyFn"),unboundStoryFn:u.unboundStoryFn},b.canvasElement);x&&sr.push(x)}),b.mount=u.mount(b),b},"initializeContext"),f,g=I(async b=>{let x=p();return x.canvasElement??=globalThis?.document?.body,f&&(x.loaded=f.loaded),Object.assign(x,b),u.playFunction(x)},"play"),y=I(b=>{let x=p();return Object.assign(x,b),Hg(u,x)},"run"),E=u.playFunction?g:void 0;return Object.assign(I(function(b){let x=p();return f&&(x.loaded=f.loaded),x.args={...x.initialArgs,...b},u.unboundStoryFn(x)},"storyFn"),{id:u.id,storyName:i,load:I(async()=>{for(let x of[...sr].reverse())await x();sr.length=0;let b=p();b.loaded=await u.applyLoaders(b),sr.push(...(await u.applyBeforeEach(b)).filter(Boolean)),f=b},"load"),globals:d,args:u.initialArgs,parameters:u.parameters,argTypes:u.argTypes,play:E,run:y,reporting:m,tags:u.tags})}I(Ug,"composeStory");async function Hg(e,t){for(let a of[...sr].reverse())await a();if(sr.length=0,!t.canvasElement){let a=document.createElement("div");globalThis?.document?.body?.appendChild(a),t.canvasElement=a,sr.push(()=>{globalThis?.document?.body?.contains(a)&&globalThis?.document?.body?.removeChild(a)})}if(t.loaded=await e.applyLoaders(t),t.abortSignal.aborted)return;sr.push(...(await e.applyBeforeEach(t)).filter(Boolean));let r=e.playFunction,n=e.usesMount;if(n||await t.mount(),t.abortSignal.aborted)return;r&&(n||(t.mount=async()=>{throw new qr({playFunction:r.toString()})}),await r(t));let o;Lg()?o=jg():await Mg(t.abortSignal),await e.applyAfterEach(t),await o?.()}I(Hg,"runStory");var Ow=!1,Sl="Invariant failed";function Sa(e,t){if(!e){if(Ow)throw new Error(Sl);var r=typeof t=="function"?t():t,n=r?"".concat(Sl,": ").concat(r):Sl;throw new Error(n)}}I(Sa,"invariant");var Vg={};hg(Vg,{argsEnhancers:()=>Nw});var Pl="storybook/actions",ML=`${Pl}/panel`,Iw=`${Pl}/action-event`,$L=`${Pl}/action-clear`,Rw={depth:10,clearOnStoryChange:!0,limit:50},zg=I((e,t)=>{let r=Object.getPrototypeOf(e);return!r||t(r)?r:zg(r,t)},"findProto"),Bw=I(e=>!!(typeof e=="object"&&e&&zg(e,t=>/^Synthetic(?:Base)?Event$/.test(t.constructor.name))&&typeof e.persist=="function"),"isReactSyntheticEvent"),_w=I(e=>{if(Bw(e)){let t=Object.create(e.constructor.prototype,Object.getOwnPropertyDescriptors(e));t.persist();let r=Object.getOwnPropertyDescriptor(t,"view"),n=r?.value;return typeof n=="object"&&n?.constructor.name==="Window"&&Object.defineProperty(t,"view",{...r,value:Object.create(n.constructor.prototype)}),t}return e},"serializeArg");function Oa(e,t={}){let r={...Rw,...t},n=I(function(...o){if(t.implicit){let m=("__STORYBOOK_PREVIEW__"in H?H.__STORYBOOK_PREVIEW__:void 0)?.storyRenders.find(p=>p.phase==="playing"||p.phase==="rendering");if(m){let p=!globalThis?.FEATURES?.disallowImplicitActionsInRenderV8,f=new Sd({phase:m.phase,name:e,deprecated:p});if(p)console.warn(f);else throw f}}let a=ut.getChannel(),i=Date.now().toString(36)+Math.random().toString(36).substring(2),s=5,l=o.map(_w),u=o.length>1?l:l[0],d={id:i,count:0,data:{name:e,args:u},options:{...r,maxDepth:s+(r.depth||3)}};a.emit(Iw,d)},"actionHandler");return n.isAction=!0,n.implicit=t.implicit,n}I(Oa,"action");var Gg=I((e,t)=>typeof t[e]>"u"&&!(e in t),"isInInitialArgs"),Fw=I(e=>{let{initialArgs:t,argTypes:r,id:n,parameters:{actions:o}}=e;if(!o||o.disable||!o.argTypesRegex||!r)return{};let a=new RegExp(o.argTypesRegex);return Object.entries(r).filter(([i])=>!!a.test(i)).reduce((i,[s,l])=>(Gg(s,t)&&(i[s]=Oa(s,{implicit:!0,id:n})),i),{})},"inferActionsFromArgTypesRegex"),Pw=I(e=>{let{initialArgs:t,argTypes:r,parameters:{actions:n}}=e;return n?.disable||!r?{}:Object.entries(r).filter(([o,a])=>!!a.action).reduce((o,[a,i])=>(Gg(a,t)&&(o[a]=Oa(typeof i.action=="string"?i.action:a)),o),{})},"addActionsFromArgTypes"),Nw=[Pw,Fw],Wg={};hg(Wg,{loaders:()=>jw});var Vf=!1,Lw=I(e=>{let{parameters:t}=e;t?.actions?.disable||Vf||(vm((r,n)=>{let o=r.getMockName();o!=="spy"&&(!/^next\/.*::/.test(o)||["next/router::useRouter()","next/navigation::useRouter()","next/navigation::redirect","next/cache::","next/headers::cookies().set","next/headers::cookies().delete","next/headers::headers().set","next/headers::headers().delete"].some(a=>o.startsWith(a)))&&Oa(o)(n)}),Vf=!0)},"logActionsWhenMockCalled"),jw=[Lw],zf=I(()=>({...Vg,...Wg}),"default"),Mw="storybook/background",Ca="backgrounds",HL={UPDATE:`${Mw}/update`},$w={light:{name:"light",value:"#F8F8F8"},dark:{name:"dark",value:"#333"}},{document:Dt}=globalThis,qw=I(()=>globalThis?.matchMedia?!!globalThis.matchMedia("(prefers-reduced-motion: reduce)")?.matches:!1,"isReduceMotionEnabled"),Gf=I(e=>{(Array.isArray(e)?e:[e]).forEach(Uw)},"clearStyles"),Uw=I(e=>{if(!Dt)return;let t=Dt.getElementById(e);t&&t.parentElement&&t.parentElement.removeChild(t)},"clearStyle"),Hw=I((e,t)=>{if(!Dt)return;let r=Dt.getElementById(e);if(r)r.innerHTML!==t&&(r.innerHTML=t);else{let n=Dt.createElement("style");n.setAttribute("id", Line truncated
${y} {
background: ${p} !important;
${Gw}
}`;if(!g){Gf(B);return}Vw(B,j,P)},[y,B,P,g,p]);let L=o==="docs"?`${Yf}-docs-${a}`:`${Yf}`;return Bt(()=>{if(!f){Gf(L);return}let j=[`${T*S}px ${T*S}px`,`${T*S}px ${T*S}px`,`${T}px ${T}px`,`${T}px ${T}px`].join(", "),U=`
${E} {
background-size: ${j} !important;
background-position: ${O}px ${k}px, ${O}px ${k}px, ${O}px ${k}px, ${O}px ${k}px !important;
background-blend-mode: difference !important;
background-image: linear-gradient(rgba(130, 130, 130, ${_}) 1px, transparent 1px),
linear-gradient(90deg, rgba(130, 130, 130, ${_}) 1px, transparent 1px),
linear-gradient(rgba(130, 130, 130, ${_/2}) 1px, transparent 1px),
linear-gradient(90deg, rgba(130, 130, 130, ${_/2}) 1px, transparent 1px) !important;
}
`;Hw(L,U)},[S,T,E,L,f,O,k,_]),e()},"withBackgroundAndGrid"),Yw=globalThis.FEATURES?.backgrounds?[Ww]:[],Kw={[Ca]:{grid:{cellSize:20,opacity:.5,cellAmount:5},disable:!1}},Xw={[Ca]:{value:void 0,grid:!1}},Kf=I(()=>({decorators:Yw,parameters:Kw,initialGlobals:Xw}),"default"),{step:Jw}=Vn({step:I(async(e,t,r)=>t(r),"step")},{intercept:!0}),Xf=I(()=>({parameters:{throwPlayFunctionExceptions:!1},runStep:Jw}),"default"),Ia="storybook/highlight",Zw=`${Ia}/add`,Qw=`${Ia}/remove`,eS=`${Ia}/reset`,tS=`${Ia}/scroll-into-view`,Jf=2147483647,ir=28,Zf={chevronLeft:["M9.10355 10.1464C9.29882 10.3417 9.29882 10.6583 9.10355 10.8536C8.90829 11.0488 8.59171 11.0488 8.39645 10.8536L4.89645 7.35355C4.70118 7.15829 4.70118 6.84171 4.89645 6.64645L8.39645 3.14645C8.59171 2.95118 8.90829 2.95118 9.10355 3.14645C9.29882 3.34171 9.29882 3.65829 9.10355 3.85355L5.95711 7L9.10355 10.1464Z"],chevronRight:["M4.89645 10.1464C4.70118 10.3417 4.70118 10.6583 4.89645 10.8536C5.09171 11.0488 5.40829 11.0488 5.60355 10.8536L9.10355 7.35355C9.29882 7.15829 9.29882 6.84171 9.10355 6.64645L5.60355 3.14645C5.40829 2.95118 5.09171 2.95118 4.89645 3.14645C4.70118 3.34171 4.70118 3.65829 4.89645 3.85355L8.04289 7L4.89645 10.1464Z"],info:["M7 5.5a.5.5 0 01.5.5v4a.5.5 0 01-1 0V6a.5.5 0 01.5-.5zM7 4.5A.75.75 0 107 3a.75.75 0 000 1.5z","M7 14A7 7 0 107 0a7 7 0 000 14zm0-1A6 6 0 107 1a6 6 0 000 12z"],shareAlt:["M2 1.004a1 1 0 00-1 1v10a1 1 0 001 1h10a1 1 0 001-1v-4.5a.5.5 0 00-1 0v4.5H2v-10h4.5a.5.5 0 000-1H2z","M7.354 7.357L12 2.711v1.793a.5.5 0 001 0v-3a.5.5 0 00-.5-.5h-3a.5.5 0 100 1h1.793L6.646 6.65a.5.5 0 10.708.707z"]},rS="svg,path,rect,circle,line,polyline,polygon,ellipse,text".split(","),Oe=I((e,t={},r)=>{let n=rS.includes(e)?document.createElementNS("http://www.w3.org/2000/svg",e):document.createElement(e);return Object.entries(t).forEach(([o,a])=>{/[A-Z]/.test(o)?(o==="onClick"&&(n.addEventListener("click",a),n.addEventListener("keydown",i=>{(i.key==="Enter"||i.key===" ")&&(i.preventDefault(),a())})),o==="onMouseEnter"&&n.addEventListener("mouseenter",a),o==="onMouseLeave"&&n.addEventListener("mouseleave",a)):n.setAttribute(o,a)}),r?.forEach(o=>{if(!(o==null||o===!1))try{n.appendChild(o)}catch{n.appendChild(document.createTextNode(String(o)))}}),n},"createElement"),ba=I(e=>Zf[e]&&Oe("svg",{width:"14",height:"14",viewBox:"0 0 14 14",xmlns:"http://www.w3.org/2000/svg"},Zf[e].map(t=>Oe("path",{fill:"currentColor","fill-rule":"evenodd","clip-rule":"evenodd",d:t}))),"createIcon"),nS=I(e=>{if("elements"in e){let{elements:n,color:o,style:a}=e;return{id:void 0,priority:0,selectors:n,styles:{outline:`2px ${a} ${o}`,outlineOffset:"2px",boxShadow:"0 0 0 6px rgba(255,255,255,0.6)"},menu:void 0}}let{menu:t,...r}=e;return{id:void 0,priority:0,styles:{outline:"2px dashed #029cfd"},...r,menu:Array.isArray(t)?t.every(Array.isArray)?t:[t]:void 0}},"normalizeOptions"),oS=I(e=>e instanceof Function,"isFunction"),zn=new Map,Sr=new Map,Ea=new Map,Vt=I(e=>{let t=Symbol();return Sr.set(t,[]),zn.set(t,e),{get:I(()=>zn.get(t),"get"),set:I(r=>{let n=zn.get(t),o=oS(r)?r(n):r;o!==n&&(zn.set(t,o),Sr.get(t)?.forEach(a=>{Ea.get(a)?.(),Ea.set(a,a(o))}))},"set"),subscribe:I(r=>(Sr.get(t)?.push(r),()=>{let n=Sr.get(t);n&&Sr.set(t,n.filter(o=>o!==r))}),"subscribe"),teardown:I(()=>{Sr.get(t)?.forEach(r=>{Ea.get(r)?.(),Ea.delete(r)}),Sr.delete(t),zn.delete(t)},"teardown")}},"useStore"),Qf=I(e=>{let t=document.getElementById("storybook-root"),r=new Map;for(let n of e){let{priority:o=0}=n;for(let a of n.selectors){let i=[...document.querySelectorAll(`:is(${a}):not([id^="storybook-"], [id^="storybook-"] *, [class^="sb-"], [class^="sb-"] *)`),...t?.querySelectorAll(a)||[]];for(let s of i){let l=r.get(s);(!l||l.priority<=o)&&r.set(s,{...n,priority:o,selectors:Array.from(new Set((l?.selectors||[]).concat(a)))})}}}return r},"mapElements"),aS=I(e=>Array.from(e.entries()).map(([t,{selectors:r,styles:n,hoverStyles:o,focusStyles:a,menu:i}])=>{let{top:s,left:l,width:u,height:d}=t.getBoundingClientRect(),{position:m}=getComputedStyle(t);return{element:t,selectors:r,styles:n,hoverStyles:o,focusStyles:a,menu:i,top:m==="fixed"?s:s+window.scrollY,left:m==="fixed"?l:l+window.scrollX,width:u,height:d}}).sort((t,r)=>r.width*r.height-t.width*t.height),"mapBoxes"),eg=I((e,t)=>{let r=e.getBoundingClientRect(),{x:n,y:o}=t;return r?.top&&r?.left&&n>=r.left&&n<=r.left+r.width&&o>=r.top&&o<=r.top+r.height},"isOverMenu"),tg=I((e,t,r)=>{if(!t||!r)return!1;let{left:n,top:o,width:a,height:i}=e;i<ir&&(o=o-Math.round((ir-i)/2),i=ir),a<ir&&(n=n-Math.round((ir-a)/2),a=ir),t.style.position==="fixed"&&(n+=window.scrollX,o+=window.scrollY);let{x:s,y:l}=r;return s>=n&&s<=n+a&&l>=o&&l<=o+i},"isTargeted"),iS=I((e,t,r={})=>{let{x:n,y:o}=t,{margin:a=5,topOffset:i=0,centered:s=!1}=r,{scrollX:l,scrollY:u,innerHeight:d,innerWidth:m}=window,p=Math.min(e.style.position==="fixed"?o-u:o,d-e.clientHeight-a-i+u),f=s?e.clientWidth/2:0,g=e.style.position==="fixed"?Math.max(Math.min(n-l,m-f-a),f+a):Math.max(Math.min(n,m-f-a+l),f Line truncated
#${Ee} {
position: absolute;
z-index: ${Jf};
width: 300px;
padding: 0px;
margin: 15px 0 0 0;
transform: translateX(-50%);
font-family: "Nunito Sans", -apple-system, ".SFNSText-Regular", "San Francisco", BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
background: white;
border: none;
border-radius: 6px;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05), 0 5px 15px 0 rgba(0, 0, 0, 0.1);
color: #2E3438;
}
#${Ee} ul {
list-style: none;
margin: 0;
padding: 0;
}
#${Ee} > ul {
max-height: 300px;
overflow-y: auto;
padding: 4px 0;
}
#${Ee} li {
padding: 0 4px;
margin: 0;
}
#${Ee} li > :not(ul) {
display: flex;
padding: 8px;
margin: 0;
align-items: center;
gap: 8px;
border-radius: 4px;
}
#${Ee} button {
width: 100%;
border: 0;
background: transparent;
color: inherit;
text-align: left;
font-family: inherit;
font-size: inherit;
}
#${Ee} button:focus-visible {
outline-color: #029CFD;
}
#${Ee} button:hover {
background: rgba(2, 156, 253, 0.07);
color: #029CFD;
cursor: pointer;
}
#${Ee} li code {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 16px;
font-size: 11px;
}
#${Ee} li svg {
flex-shrink: 0;
margin: 1px;
color: #73828C;
}
#${Ee} li > button:hover svg, #${Ee} li > button:focus-visible svg {
color: #029CFD;
}
#${Ee} .element-list li svg {
display: none;
}
#${Ee} li.selectable svg, #${Ee} li.selected svg {
display: block;
}
#${Ee} .menu-list {
border-top: 1px solid rgba(38, 85, 115, 0.15);
}
#${Ee} .menu-list > li:not(:last-child) {
padding-bottom: 4px;
margin-bottom: 4px;
border-bottom: 1px solid rgba(38, 85, 115, 0.15);
}
#${Ee} .menu-items, #${Ee} .menu-items li {
padding: 0;
}
#${Ee} .menu-item {
display: flex;
}
#${Ee} .menu-item-content {
display: flex;
flex-direction: column;
flex-grow: 1;
}
`]))}let B=d.get(),P=B?[B]:s.get();if(P.length&&(k.style.position=getComputedStyle(P[0].element).position==="fixed"?"fixed":"absolute",k.appendChild(Oe("ul",{class:"element-list"},P.map(j=>{let U=P.length>1&&!!j.menu?.some(A=>A.some(D=>!D.selectors||D.selectors.some(N=>j.selectors.includes(N)))),$=U?{class:"selectable",onClick:I(()=>d.set(j),"onClick"),onMouseEnter:I(()=>u.set(j),"onMouseEnter"),onMouseLeave:I(()=>u.set(void 0),"onMouseLeave")}:B?{class:"selected",onClick:I(()=>d.set(void 0),"onClick")}:{},v=U||B;return Oe("li",$,[Oe(v?"button":"div",v?{type:"button"}:{},[B?ba("chevronLeft"):null,Oe("code",{},[j.element.outerHTML]),U?ba("chevronRight"):null])])})))),d.get()||s.get().length===1){let j=d.get()||s.get()[0],U=j.menu?.filter($=>$.some(v=>!v.selectors||v.selectors.some(A=>j.selectors.includes(A))));U?.length&&k.appendChild(Oe("ul",{class:"menu-list"},U.map($=>Oe("li",{},[Oe("ul",{class:"menu-items"},$.map(({id:v,title:A,description:D,iconLeft:N,iconRight:F,clickEvent:M})=>{let q=M&&(()=>e.emit(M,v,lS(j)));return Oe("li",{},[Oe(q?"button":"div",q?{class:"menu-item",type:"button",onClick:q}:{class:"menu-item"},[N?ba(N):null,Oe("div",{class:"menu-item-content"},[Oe(D?"strong":"span",{},[A]),D&&Oe("span",{},[D])]),F?ba(F):null])])}))]))))}let L=a.get();L?(Object.assign(k.style,{display:"block",left:`${k.style.position==="fixed"?L.x-window.scrollX:L.x}px`,top:`${k.style.position==="fixed"?L.y-window.scrollY:L.y}px`}),rg(k),requestAnimationFrame(()=>iS(k,L,{topOffset:15,centered:!0}))):(sS(k),Object.assign(k.style,{display:"none"}))},"renderMenu");s.subscribe(E),d.subscribe(E);let b=I(k=>{let B=nS(k);r.set(P=>{let L=B.id?P.filter(j=>j.id!==B.id):P;return B.selectors?.length?[...L,B]:L})},"addHighlight"),x=I(k=>{k&&r.set(B=>B.filter(P=>P.id!==k))},"removeHighlight"),S=I(()=>{r.set([]),n.set(new Map),o.set([]),a.set(void 0),i.set(void 0),s.set([]),l.set([]),u.set(void 0),d.set(void 0)},"resetState"),T,_=I((k,B)=>{let P="scrollIntoView-highlight";clearTimeout(T),x(P);let L=t.querySelector(k);if(!L){console.warn(`Cannot scroll into view: ${k} not found`);return}L.scrollIntoView({behavior:"smooth",block:"center",...B});let j=`kf-${Math.random().toString(36).substring(2,15)}`;r.set(U=>[...U,{id:P,priority:1e3,selectors:[k],styles:{outline:"2px solid #1EA7FD",outlineOffset:"-1px",animation:`${j} 3s linear forwards`},keyframes:`@keyframes ${j} {
0% { outline: 2px solid #1EA7FD; }
20% { outline: 2px solid #1EA7FD00; }
40% { outline: 2px solid #1EA7FD; }
60% { outline: 2px solid #1EA7FD00; }
80% { outline: 2px solid #1EA7FD; }
100% { outline: 2px solid #1EA7FD00; }
}`}]),T=setTimeout(()=>x(P),3500)},"scrollIntoView"),O=I(k=>{requestAnimationFrame(()=>i.set({x:k.pageX,y:k.pageY}))},"onMouseMove");t.body.addEventListener("mousemove",O),e.on(Zw,b),e.on(Qw,x),e.on(eS,S),e.on(tS,_),e.on(gt,({newPhase:k})=>{k==="loading"&&S()})},"useHighlights");globalThis?.FEATURES?.highlight&&ut?.ready&&ut.ready().then(cS);var og=I(()=>({}),"default"),xa="storybook/measure-addon",JL=`${xa}/tool`,dS="measureEnabled",ZL={RESULT:`${xa}/result`,REQUEST:`${xa}/request`,CLEAR:`${xa}/clear`};function Nl(){let e=H.document.documentElement,t=Math.max(e.scrollHeight,e.offsetHeight);return{width:Math.max(e.scrollWidth,e.offsetWidth),height:t}}I(Nl,"getDocumentWidthAndHeight");function Yg(){let e=H.document.createElement("canvas");e.id="storybook-addon-measure";let t=e.getContext("2d");Sa(t!=null);let{width:r,height:n}=Nl();return Da(e,t,{width:r,height:n}),e.style.position="absolute",e.style.left="0",e.style.top="0",e.style.zIndex="2147483647",e.style.pointerEvents="none",H.document.body.appendChild(e),{canvas:e,context:t,width:r,height:n}}I(Yg,"createCanvas");function Da(e,t,{width:r,height:n}){e.style.width=`${r}px`,e.style.height=`${n}px`;let o=H.window.devicePixelRatio;e.width=Math.floor(r*o),e.height=Math.floor(n*o),t.scale(o,o)}I(Da,"setCanvasWidthAndHeight");var Ie={};function Kg(){Ie.canvas||(Ie=Yg())}I(Kg,"init");function Ll(){Ie.context&&Ie.context.clearRect(0,0,Ie.width??0,Ie.height??0)}I(Ll,"clear");function Xg(e){Ll(),e(Ie.context)}I(Xg,"draw");function Jg(){Sa(Ie.canvas,"Canvas should exist in the state."),Sa(Ie.context,"Context should exist in the state."),Da(Ie.canvas,Ie.context,{width:0,height:0});let{width:e,height:t}=Nl();Da(Ie.canvas,Ie.context,{width:e,height:t}),Ie.width=e,Ie.height=t}I(Jg,"rescale");function Zg(){Ie.canvas&&(Ll(),Ie.canvas.parentNode?.removeChild(Ie.canvas),Ie={})}I(Zg,"destroy");var ln={margin:"#f6b26b",border:"#ffe599",padding:"#93c47d",content:"#6fa8dc",text:"#232020"},Gt=6;function kl(e,{x:t,y:r,w:n,h:o,r:a}){t=t-n/2,r=r-o/2,n<2*a&&(a=n/2),o<2*a&&(a=o/2),e.beginPath(),e.moveTo(t+a,r),e.arcTo(t+n,r,t+n,r+o,a),e.arcTo(t+n,r+o,t,r+o,a),e.arcTo(t,r+o,t,r,a),e.arcTo(t,r,t+n,r,a),e.closePath()}I(kl,"roundedRect");function Qg(e,{padding:t,border:r,width:n,height:o,top:a,left:i}){let s=n-r.left-r.right-t.left-t.right,l=o-t.top-t.bottom-r.top-r.bottom,u=i+r.left+t.left,d=a+r.top+t.top;return e==="top"?u+=s/2:e==="right"?(u+=s,d+=l/2):e==="bottom"?(u+=s/2,d+=l):e==="left"?d+=l/2:e==="center"&&(u+=s/2,d+=l/2),{x:u,y:d}}I(Qg,"positionCoordinate");function e2(e,t,{margin:r,border:n,padding:o},a,i){let s=I(p=>0,"shift"),l=0,u=0,d=i?1:.5,m=i?a*2:0;return e==="padding"?s=I(p=>o[p]*d+m,"shift"):e==="border"?s=I(p=>o[p]+n[p]*d+m,"shift"):e==="margin"&&(s=I(p=>o[p]+n[p]+r[p]*d+m,"shift")),t==="top"?u=-s("top"):t==="right"?l=s("right"):t==="bottom"?u=s("bottom"):t==="left"&&(l=-s("left")),{offsetX:l,offsetY:u}}I(e2,"offset");function t2(e,t){return Math.abs(e.x-t.x)<Math.abs(e.w+t.w)/2&&Math.abs(e.y-t.y)<Math.abs(e.h+t.h)/2}I(t2,"collide");function r2(e,t,r){return e==="top"?t.y=r.y-r.h-Gt:e==="right"?t.x=r.x+r.w/2+Gt+t.w/2:e==="bottom"?t.y=r.y+r.h+Gt:e==="left"&&(t.x=r.x-r.w/2-Gt-t.w/2),{x:t.x,y:t.y}}I(r2,"overlapAdjustment");function jl(e,t,{x:r,y:n,w:o,h:a},i){return kl(e,{x:r,y:n,w:o,h:a,r:3}),e.fillStyle=`${ln[t]}dd`,e.fill(),e.strokeStyle=ln[t],e.stroke(),e.fillStyle=ln.text,e.fillText(i,r,n),kl(e,{x:r,y:n,w:o,h:a,r:3}),e.fillStyle=`${ln[t]}dd`,e.fill(),e.strokeStyle=ln[t],e.stroke(),e.fillStyle=ln.text,e.fillText(i,r,n),{x:r,y:n,w:o,h:a}}I(jl,"textWithRect");function Ml(e,t){e.font="600 12px monospace",e.textBaseline="middle",e.textAlign="center";let r=e.measureText(t),n=r.actualBoundingBoxAscent+r.actualBoundingBoxDescent,o=r.width+Gt*2,a=n+Gt*2;return{w:o,h:a}}I(Ml,"configureText");function n2(e,t,{type:r,position:n="center",text:o},a,i=!1){let{x:s,y:l}=Qg(n,t),{offsetX:u,offsetY:d}=e2(r,n,t,Gt+1,i);s+=u,l+=d;let{w:m,h:p}=Ml(e,o);if(a&&t2({x:s,y:l,w:m,h:p},a)){let f=r2(n,{x:s,y:l,w:m,h:p},a);s=f.x,l=f.y}return jl(e,r,{x:s,y:l,w:m,h:p},o)}I(n2,"drawLabel");function o2(e,{w:t,h:r}){let n=t*.5+Gt,o=r*.5+Gt;return{offsetX:(e.x==="left"?-1:1)*n,offsetY:(e.y==="top"?-1:1)*o}}I(o2,"floatingOffset");function a2(e,t,{type:r,text:n}){let{floatingAlignment:o,extremities:a}=t,i=a[o.x],s=a[o.y],{w:l,h:u}=Ml(e,n),{offsetX:d,offsetY:m}=o2(o,{w:l,h:u});return i+=d,s+=m,jl(e,r,{x:i,y:s,w:l,h:u},n)}I(a2,"drawFloatingLabel");function cn(e,t,r,n){let o=[];r.forEach((a,i)=>{let s=n&&a.position==="center"?a2(e,t,a):n2(e,t,a,o[i-1],n);o[i]=s})}I(cn,"drawStack");function i2(e,t,r,n){let o=r.reduce((a,i)=>(Object.prototype.hasOwnProperty.call(a,i.position)||(a[i.position]=[]),a[i.position]?.push(i),a),{});o.top&&cn(e,t,o.top,n),o.right&&cn(e,t,o.right,n),o.bottom&&cn(e,t,o.bottom,n),o.left&&cn(e,t,o.left,n),o.center&&cn(e,t,o.center,n)}I(i2,"labelStacks");var Ra={margin:"#f6b26ba8",border:"#ffe599a8",padding:"#93c47d8c",content:"#6fa8dca8"},ag=30;function ct(e){return parseInt(e.rep Line truncated
${e} body {
outline: 1px solid #2980b9 !important;
}
${e} article {
outline: 1px solid #3498db !important;
}
${e} nav {
outline: 1px solid #0088c3 !important;
}
${e} aside {
outline: 1px solid #33a0ce !important;
}
${e} section {
outline: 1px solid #66b8da !important;
}
${e} header {
outline: 1px solid #99cfe7 !important;
}
${e} footer {
outline: 1px solid #cce7f3 !important;
}
${e} h1 {
outline: 1px solid #162544 !important;
}
${e} h2 {
outline: 1px solid #314e6e !important;
}
${e} h3 {
outline: 1px solid #3e5e85 !important;
}
${e} h4 {
outline: 1px solid #449baf !important;
}
${e} h5 {
outline: 1px solid #c7d1cb !important;
}
${e} h6 {
outline: 1px solid #4371d0 !important;
}
${e} main {
outline: 1px solid #2f4f90 !important;
}
${e} address {
outline: 1px solid #1a2c51 !important;
}
${e} div {
outline: 1px solid #036cdb !important;
}
${e} p {
outline: 1px solid #ac050b !important;
}
${e} hr {
outline: 1px solid #ff063f !important;
}
${e} pre {
outline: 1px solid #850440 !important;
}
${e} blockquote {
outline: 1px solid #f1b8e7 !important;
}
${e} ol {
outline: 1px solid #ff050c !important;
}
${e} ul {
outline: 1px solid #d90416 !important;
}
${e} li {
outline: 1px solid #d90416 !important;
}
${e} dl {
outline: 1px solid #fd3427 !important;
}
${e} dt {
outline: 1px solid #ff0043 !important;
}
${e} dd {
outline: 1px solid #e80174 !important;
}
${e} figure {
outline: 1px solid #ff00bb !important;
}
${e} figcaption {
outline: 1px solid #bf0032 !important;
}
${e} table {
outline: 1px solid #00cc99 !important;
}
${e} caption {
outline: 1px solid #37ffc4 !important;
}
${e} thead {
outline: 1px solid #98daca !important;
}
${e} tbody {
outline: 1px solid #64a7a0 !important;
}
${e} tfoot {
outline: 1px solid #22746b !important;
}
${e} tr {
outline: 1px solid #86c0b2 !important;
}
${e} th {
outline: 1px solid #a1e7d6 !important;
}
${e} td {
outline: 1px solid #3f5a54 !important;
}
${e} col {
outline: 1px solid #6c9a8f !important;
}
${e} colgroup {
outline: 1px solid #6c9a9d !important;
}
${e} button {
outline: 1px solid #da8301 !important;
}
${e} datalist {
outline: 1px solid #c06000 !important;
}
${e} fieldset {
outline: 1px solid #d95100 !important;
}
${e} form {
outline: 1px solid #d23600 !important;
}
${e} input {
outline: 1px solid #fca600 !important;
}
${e} keygen {
outline: 1px solid #b31e00 !important;
}
${e} label {
outline: 1px solid #ee8900 !important;
}
${e} legend {
outline: 1px solid #de6d00 !important;
}
${e} meter {
outline: 1px solid #e8630c !important;
}
${e} optgroup {
outline: 1px solid #b33600 !important;
}
${e} option {
outline: 1px solid #ff8a00 !important;
}
${e} output {
outline: 1px solid #ff9619 !important;
}
${e} progress {
outline: 1px solid #e57c00 !important;
}
${e} select {
outline: 1px solid #e26e0f !important;
}
${e} textarea {
outline: 1px solid #cc5400 !important;
}
${e} details {
outline: 1px solid #33848f !important;
}
${e} summary {
outline: 1px solid #60a1a6 !important;
}
${e} command {
outline: 1px solid #438da1 !important;
}
${e} menu {
outline: 1px solid #449da6 !important;
}
${e} del {
outline: 1px solid #bf0000 !important;
}
${e} ins {
outline: 1px solid #400000 !important;
}
${e} img {
outline: 1px solid #22746b !important;
}
${e} iframe {
outline: 1px solid #64a7a0 !important;
}
${e} embed {
outline: 1px solid #98daca !important;
}
${e} object {
outline: 1px solid #00cc99 !important;
}
${e} param {
outline: 1px solid #37ffc4 !important;
}
${e} video {
outline: 1px solid #6ee866 !important;
}
${e} audio {
outline: 1px solid #027353 !important;
}
${e} source {
outline: 1px solid #012426 !important;
}
${e} canvas {
outline: 1px solid #a2f570 !important;
}
${e} track {
outline: 1px solid #59a600 !important;
}
${e} map {
outline: 1px solid #7be500 !important;
}
${e} area {
outline: 1px solid #305900 !important;
}
${e} a {
outline: 1px solid #ff62ab !important;
}
${e} em {
outline: 1px solid #800b41 !important;
}
${e} strong {
outline: 1px solid #ff1583 !important;
}
${e} i {
outline: 1px solid #803156 !important;
}
${e} b {
outline: 1px solid #cc1169 !important;
}
${e} u {
outline: 1px solid #ff0430 !important;
}
${e} s {
outline: 1px solid #f805e3 !important;
}
${e} small {
outline: 1px solid #d107b2 !important;
}
${e} abbr {
outline: 1px solid #4a0263 !important;
}
${e} q {
outline: 1px solid #240018 !important;
}
${e} cite {
outline: 1px solid #64003c !important;
}
${e} dfn {
outline: 1px solid #b4005a !important;
}
${e} sub {
outline: 1px solid #dba0c8 !important;
}
${e} sup {
outline: 1px solid #cc0256 !important;
}
${e} time {
outline: 1px solid #d6606d !important;
}
${e} code {
outline: 1px solid #e04251 !important;
}
${e} kbd {
outline: 1px solid #5e001f !important;
}
${e} samp {
outline: 1px solid #9c0033 !important;
}
${e} var {
outline: 1px solid #d90047 !important;
}
${e} mark {
outline: 1px solid #ff0053 !important;
}
${e} bdi {
outline: 1px solid #bf3668 !important;
}
${e} bdo {
outline: 1px solid #6f1400 !important;
}
${e} ruby {
outline: 1px solid #ff7b93 !important;
}
${e} rt {
outline: 1px solid #ff2f54 !important;
}
${e} rp {
outline: 1px solid #803e49 !important;
}
${e} span {
outline: 1px solid #cc2643 !important;
}
${e} br {
outline: 1px solid #db687d !important;
}
${e} wbr {
outline: 1px solid #db175b !important;
}`}I(g2,"outlineCSS");var bS=I((e,t)=>{let r=t.globals||{},n=[!0,"true"].includes(r[f2]),o=t.viewMode==="docs",a=us(()=>g2(o?'[data-story-block="true"]':".sb-show-main"),[t]);return Bt(()=>{let i=o?`addon-outline-docs-${t.id}`:"addon-outline";return n?yS(i,a):lg(i),()=>{lg(i)}},[n,a,t]),e()},"withOutline"),ES=globalThis.FEATURES?.outline?[bS]:[],vS={[f2]:!1},ug=I(()=>({decorators:ES,initialGlobals:vS}),"default"),AS=I(({parameters:e})=>{e?.test?.mockReset===!0?Am():e?.test?.clearMocks===!0?ym():e?.test?.restoreMocks!==!1&&xm()},"resetAllMocksLoader"),Il=I((e,t=0,r)=>{if(t>5||e==null)return e;if(Em(e))return r&&e.mockName(r),e;if(typeof e=="function"&&"isAction"in e&&e.isAction&&!("implicit"in e&&e.implicit)){let n=bm(e);return r&&n.mockName(r),n}if(Array.isArray(e)){t++;for(let n=0;n<e.length;n++)Object.getOwnPropertyDescriptor(e,n)?.writable&&(e[n]=Il(e[n],t));return e}if(typeof e=="object"&&e.constructor===Object){t++;for(let[n,o]of Object.entries(e))Object.getOwnPropertyDescriptor(e,n)?.writable&&(e[n]=Il(o,t,n));return e}return e},"traverseArgs"),xS=I(({initialArgs:e})=>{Il(e)},"nameSpiesAndWrapActionsInSpies"),cg=!1,wS=I(async e=>{globalThis.HTMLElement&&e.canvasElement instanceof globalThis.HTMLElement&&(e.canvas=Sm(e.canvasElement));let t=globalThis.window?.navigator?.clipboard;if(t){e.userEvent=Vn({userEvent:wm.setup()},{intercept:!0}).userEvent,Object.defineProperty(globalThis.window.navigator,"clipboard",{get:I(()=>t,"get"),configurable:!0});let r=HTMLElement.prototype.focus;cg||Object.defineProperties(HTMLElement.prototype,{focus:{configurable:!0,set:I(n=>{r=n,cg=!0},"set"),get:I(()=>r,"get")}})}},"enhanceContext"),dg=I(()=>({loaders:[AS,xS,wS]}),"default"),y2="storybook/viewport",SS="viewport",c8=`${y2}/panel`,d8=`${y2}/tool`,CS={[SS]:{value:void 0,isRotated:!1}},pg=I(()=>({initialGlobals:CS}),"default");function Qr(){return[(sg.default??sg)(),(Kf.default??Kf)(),(og.default??og)(),(ug.default??ug)(),(pg.default??pg)(),(zf.default??zf)(),(Xf.default??Xf)(),(dg.default??dg)()]}I(Qr,"getCoreAnnotations");function DS(e){let t,r={_tag:"Preview",input:e,get composed(){if(t)return t;let{addons:n,...o}=e;return t=Bl(_l([...Qr(),...n??[],o])),t},meta(n){return b2(n,this)}};return globalThis.globalProjectAnnotations=r.composed,r}I(DS,"definePreview");function Wt(e){return e}I(Wt,"definePreviewAddon");function TS(e){return e!=null&&typeof e=="object"&&"_tag"in e&&e?._tag==="Preview"}I(TS,"isPreview");function kS(e){return e!=null&&typeof e=="object"&&"_tag"in e&&e?._tag==="Meta"}I(kS,"isMeta");function b2(e,t){return{_tag:"Meta",input:e,preview:t,get composed(){throw new Error("Not implemented")},story(r={}){return $l(typeof r=="function"?{render:r}:r,this)}}}I(b2,"defineMeta");function Ar(e){return e!=null&&typeof e=="object"&&"_tag"in e&&e?._tag==="Story"}I(Ar,"isStory");function $l(e,t){let r,n=I(()=>(r||(r=Ug(e,t.input,void 0,t.preview.composed)),r),"compose");return{_tag:"Story",input:e,meta:t,__compose:n,get composed(){let o=n(),{args:a,argTypes:i,parameters:s,id:l,tags:u,globals:d,storyName:m}=o;return{args:a,argTypes:i,parameters:s,id:l,tags:u,name:m,globals:d}},get play(){return e.play??t.input?.play??(async()=>{})},get run(){return n().run??(async()=>{})},extend(o){return $l({...this.input,...o,args:{...this.input.args,...o.args},argTypes:lr(this.input.argTypes,o.argTypes),afterEach:[...oe(this.input?.afterEach??[]),...oe(o.afterEach??[])],beforeEach:[...oe(this.input?.beforeEach??[]),...oe(o.beforeEach??[])],decorators:[...oe(this.input?.decorators??[]),...oe(o.decorators??[])],globals:{...this.input.globals,...o.globals},loaders:[...oe(this.input?.loaders??[]),...oe(o.loaders??[])],parameters:lr(this.input.parameters,o.parameters),tags:en(...this.input.tags??[],...o.tags??[])},this.meta)}}}I($l,"defineStory");var Nn=I(e=>e.toLowerCase().replace(/[ ’–—―′¿'`~!@#$%^&*()_|+\-=?;:'",.<>\{\}\[\]\\\/]/gi,"-").replace(/-+/g,"-").replace(/^-+/,"").replace(/-+$/,""),"sanitize"),mg=I((e,t)=>{let r=Nn(e);if(r==="")throw new Error(`Invalid ${t} '${e}', must include alphanumeric characters`);return r},"sanitizeSafe"),Xo=I((e,t)=>`${mg(e,"kind")}${t?`--${mg(t,"name")}`:""}`,"toId"),Jo=I(e=>fg(e),"storyNameFromExport");function Rl(e,t){return Array.isArray(t)?t.includes(e):e.match(t)}I(Rl,"matches");function Xr(e,{includeStories:t,excludeStories:r}){return e!=="__esModule"&&(!t||Rl(e,t))&&(!r||!Rl(e,r))}I(Xr,"isExportStory");var p8=I((e,{rootSeparator:t,groupSeparator:r})=>{let[n,o]=e.split(t,2),a=(o||e).split(r).filter(i=>!!i);return{root:o?n:null,groups:a}},"parseKind"),en=I((...e)=>{let t=e.reduce((r,n)=>(n.startsWith("!")?r.delete(n.slice(1)):r.add(n),r),new Set);return Array.from(t)},"combineTags");J();J();J();J();J();J();J();J();J();J();J();J();J();J();J();J();J();J();J();J();J();J();J();J();J();J();J();J();J();J();J();J();J();J();J();J();J();var OS=Object.create,ci=Object.defineProperty,IS=Object.getOwnPropertyDescriptor,RS=Object.getOwnPropertyNames,BS=Object.getPrototypeOf,_S=Object.pr Line truncated
`,nexist:"\u2204",nexists:"\u2204",Nfr:"\u{1D511}",nfr:"\u{1D52B}",ngE:"\u2267\u0338",nge:"\u2271",ngeq:"\u2271",ngeqq:"\u2267\u0338",ngeqslant:"\u2A7E\u0338",nges:"\u2A7E\u0338",nGg:"\u22D9\u0338",ngsim:"\u2275",nGt:"\u226B\u20D2",ngt:"\u226F",ngtr:"\u226F",nGtv:"\u226B\u0338",nharr:"\u21AE",nhArr:"\u21CE",nhpar:"\u2AF2",ni:"\u220B",nis:"\u22FC",nisd:"\u22FA",niv:"\u220B",NJcy:"\u040A",njcy:"\u045A",nlarr:"\u219A",nlArr:"\u21CD",nldr:"\u2025",nlE:"\u2266\u0338",nle:"\u2270",nleftarrow:"\u219A",nLeftarrow:"\u21CD",nleftrightarrow:"\u21AE",nLeftrightarrow:"\u21CE",nleq:"\u2270",nleqq:"\u2266\u0338",nleqslant:"\u2A7D\u0338",nles:"\u2A7D\u0338",nless:"\u226E",nLl:"\u22D8\u0338",nlsim:"\u2274",nLt:"\u226A\u20D2",nlt:"\u226E",nltri:"\u22EA",nltrie:"\u22EC",nLtv:"\u226A\u0338",nmid:"\u2224",NoBreak:"\u2060",NonBreakingSpace:"\xA0",nopf:"\u{1D55F}",Nopf:"\u2115",Not:"\u2AEC",not:"\xAC",NotCongruent:"\u2262",NotCupCap:"\u226D",NotDoubleVerticalBar:"\u2226",NotElement:"\u2209",NotEqual:"\u2260",NotEqualTilde:"\u2242\u0338",NotExists:"\u2204",NotGreater:"\u226F",NotGreaterEqual:"\u2271",NotGreaterFullEqual:"\u2267\u0338",NotGreaterGreater:"\u226B\u0338",NotGreaterLess:"\u2279",NotGreaterSlantEqual:"\u2A7E\u0338",NotGreaterTilde:"\u2275",NotHumpDownHump:"\u224E\u0338",NotHumpEqual:"\u224F\u0338",notin:"\u2209",notindot:"\u22F5\u0338",notinE:"\u22F9\u0338",notinva:"\u2209",notinvb:"\u22F7",notinvc:"\u22F6",NotLeftTriangleBar:"\u29CF\u0338",NotLeftTriangle:"\u22EA",NotLeftTriangleEqual:"\u22EC",NotLess:"\u226E",NotLessEqual:"\u2270",NotLessGreater:"\u2278",NotLessLess:"\u226A\u0338",NotLessSlantEqual:"\u2A7D\u0338",NotLessTilde:"\u2274",NotNestedGreaterGreater:"\u2AA2\u0338",NotNestedLessLess:"\u2AA1\u0338",notni:"\u220C",notniva:"\u220C",notnivb:"\u22FE",notnivc:"\u22FD",NotPrecedes:"\u2280",NotPrecedesEqual:"\u2AAF\u0338",NotPrecedesSlantEqual:"\u22E0",NotReverseElement:"\u220C",NotRightTriangleBar:"\u29D0\u0338",NotRightTriangle:"\u22EB",NotRightTriangleEqual:"\u22ED",NotSquareSubset:"\u228F\u0338",NotSquareSubsetEqual:"\u22E2",NotSquareSuperset:"\u2290\u0338",NotSquareSupersetEqual:"\u22E3",NotSubset:"\u2282\u20D2",NotSubsetEqual:"\u2288",NotSucceeds:"\u2281",NotSucceedsEqual:"\u2AB0\u0338",NotSucceedsSlantEqual:"\u22E1",NotSucceedsTilde:"\u227F\u0338",NotSuperset:"\u2283\u20D2",NotSupersetEqual:"\u2289",NotTilde:"\u2241",NotTildeEqual:"\u2244",NotTildeFullEqual:"\u2247",NotTildeTilde:"\u2249",NotVerticalBar:"\u2224",nparallel:"\u2226",npar:"\u2226",nparsl:"\u2AFD\u20E5",npart:"\u2202\u0338",npolint:"\u2A14",npr:"\u2280",nprcue:"\u22E0",nprec:"\u2280",npreceq:"\u2AAF\u0338",npre:"\u2AAF\u0338",nrarrc:"\u2933\u0338",nrarr:"\u219B",nrArr:"\u21CF",nrarrw:"\u219D\u0338",nrightarrow:"\u219B",nRightarrow:"\u21CF",nrtri:"\u22EB",nrtrie:"\u22ED",nsc:"\u2281",nsccue:"\u22E1",nsce:"\u2AB0\u0338",Nscr:"\u{1D4A9}",nscr:"\u{1D4C3}",nshortmid:"\u2224",nshortparallel:"\u2226",nsim:"\u2241",nsime:"\u2244",nsimeq:"\u2244",nsmid:"\u2224",nspar:"\u2226",nsqsube:"\u22E2",nsqsupe:"\u22E3",nsub:"\u2284",nsubE:"\u2AC5\u0338",nsube:"\u2288",nsubset:"\u2282\u20D2",nsubseteq:"\u2288",nsubseteqq:"\u2AC5\u0338",nsucc:"\u2281",nsucceq:"\u2AB0\u0338",nsup:"\u2285",nsupE:"\u2AC6\u0338",nsupe:"\u2289",nsupset:"\u2283\u20D2",nsupseteq:"\u2289",nsupseteqq:"\u2AC6\u0338",ntgl:"\u2279",Ntilde:"\xD1",ntilde:"\xF1",ntlg:"\u2278",ntriangleleft:"\u22EA",ntrianglelefteq:"\u22EC",ntriangleright:"\u22EB",ntrianglerighteq:"\u22ED",Nu:"\u039D",nu:"\u03BD",num:"#",numero:"\u2116",numsp:"\u2007",nvap:"\u224D\u20D2",nvdash:"\u22AC",nvDash:"\u22AD",nVdash:"\u22AE",nVDash:"\u22AF",nvge:"\u2265\u20D2",nvgt:">\u20D2",nvHarr:"\u2904",nvinfin:"\u29DE",nvlArr:"\u2902",nvle:"\u2264\u20D2",nvlt:"<\u20D2",nvltrie:"\u22B4\u20D2",nvrArr:"\u2903",nvrtrie:"\u22B5\u20D2",nvsim:"\u223C\u20D2",nwarhk:"\u2923",nwarr:"\u2196",nwArr:"\u21D6",nwarrow:"\u2196",nwnear:"\u2927",Oacute:"\xD3",oacute:"\xF3",oast:"\u229B",Ocirc:"\xD4",ocirc:"\xF4",ocir:"\u229A",Ocy:"\u041E",ocy:"\u043E",odash:"\u229D",Odblac:"\u0150",odblac:"\u0151",odiv:"\u2A38",odot:"\u2299",odsold:"\u29BC",OElig:"\u0152",oelig:"\u0153",ofcir:"\u29BF",Ofr:"\u{1D512}",ofr:"\u{1D52C}",ogon:"\u02DB",Ograve:"\xD2",ograve:"\xF2",ogt:"\u29C1",ohbar:"\u29B5",ohm:"\u03A9",oint:"\u222E",olarr:"\u21BA",olcir:"\u29BE",olcross:"\u29BB",oline:"\u203E",olt:"\u29C0",Omacr:"\u014C",omacr:"\u014D",Omega:"\u03A9",omega:"\u03C9",Omicron:"\u039F",omicron:"\u03BF",omid:"\u29B6",ominus:"\u2296",Oopf:"\u{1D546}",oopf:"\u{1D560}",opar:"\u29B7",OpenCurlyDoubleQuote:"\u201C",OpenCurlyQuote:"\u2018",operp:"\u29B9",oplus:"\u2295",orarr:"\u21BB",Or:"\u2A54",or:"\u2228",ord:"\u2A5D",order:"\u2134",orderof:"\u2134",ordf:"\xAA",ordm:"\xBA",origof:"\u22B6",oror:"\u2A56",orslope:"\u2A57",orv:"\u2A5B",oS:"\u24C8",Oscr:"\u{1D4AA}",oscr:"\u2134",Oslash:"\xD8",oslash:"\xF8",osol:"\u2298",Otilde:"\xD5",otilde:"\xF5",otimesas:"\u2A36",Otimes:"\u2A37",otimes:"\u2297",Ouml:"\xD6",ouml:"\xF6",ovbar:"\u233D",OverBar:"\u203E",OverBrace:"\u23DE",OverBracket:"\u23B4 Line truncated
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var M=!0,q=!1,V;return{s:h(function(){D=D.call(v)},"s"),n:h(function(){var G=D.next();return M=G.done,G},"n"),e:h(function(G){q=!0,V=G},"e"),f:h(function(){try{!M&&D.return!=null&&D.return()}finally{if(q)throw V}},"f")}}h(a,"_createForOfIteratorHelper");function i(v,A){if(v){if(typeof v=="string")return s(v,A);var D=Object.prototype.toString.call(v).slice(8,-1);if(D==="Object"&&v.constructor&&(D=v.constructor.name),D==="Map"||D==="Set")return Array.from(v);if(D==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(D))return s(v,A)}}h(i,"_unsupportedIterableToArray");function s(v,A){(A==null||A>v.length)&&(A=v.length);for(var D=0,N=new Array(A);D<A;D++)N[D]=v[D];return N}h(s,"_arrayLikeToArray");var l=mC(),u={fg:"#FFF",bg:"#000",newline:!1,escapeXML:!1,stream:!1,colors:d()};function d(){var v={0:"#000",1:"#A00",2:"#0A0",3:"#A50",4:"#00A",5:"#A0A",6:"#0AA",7:"#AAA",8:"#555",9:"#F55",10:"#5F5",11:"#FF5",12:"#55F",13:"#F5F",14:"#5FF",15:"#FFF"};return x(0,5).forEach(function(A){x(0,5).forEach(function(D){x(0,5).forEach(function(N){return m(A,D,N,v)})})}),x(0,23).forEach(function(A){var D=A+232,N=p(A*10+8);v[D]="#"+N+N+N}),v}h(d,"getDefaultColors");function m(v,A,D,N){var F=16+v*36+A*6+D,M=v>0?v*40+55:0,q=A>0?A*40+55:0,V=D>0?D*40+55:0;N[F]=f([M,q,V])}h(m,"setStyleColor");function p(v){for(var A=v.toString(16);A.length<2;)A="0"+A;return A}h(p,"toHexString");function f(v){var A=[],D=a(v),N;try{for(D.s();!(N=D.n()).done;){var F=N.value;A.push(p(F))}}catch(M){D.e(M)}finally{D.f()}return"#"+A.join("")}h(f,"toColorHexString");function g(v,A,D,N){var F;return A==="text"?F=_(D,N):A==="display"?F=E(v,D,N):A==="xterm256Foreground"?F=B(v,N.colors[D]):A==="xterm256Background"?F=P(v,N.colors[D]):A==="rgb"&&(F=y(v,D)),F}h(g,"generateOutput");function y(v,A){A=A.substring(2).slice(0,-1);var D=+A.substr(0,2),N=A.substring(5).split(";"),F=N.map(function(M){return("0"+Number(M).toString(16)).substr(-2)}).join("");return k(v,(D===38?"color:#":"background-color:#")+F)}h(y,"handleRgb");function E(v,A,D){A=parseInt(A,10);var N={"-1":h(function(){return"<br/>"},"_"),0:h(function(){return v.length&&b(v)},"_"),1:h(function(){return O(v,"b")},"_"),3:h(function(){return O(v,"i")},"_"),4:h(function(){return O(v,"u")},"_"),8:h(function(){return k(v,"display:none")},"_"),9:h(function(){return O(v,"strike")},"_"),22:h(function(){return k(v,"font-weight:normal;text-decoration:none;font-style:normal")},"_"),23:h(function(){return L(v,"i")},"_"),24:h(function(){return L(v,"u")},"_"),39:h(function(){return B(v,D.fg)},"_"),49:h(function(){return P(v,D.bg)},"_"),53:h(function(){return k(v,"text-decoration:overline")},"_")},F;return N[A]?F=N[A]():4<A&&A<7?F=O(v,"blink"):29<A&&A<38?F=B(v,D.colors[A-30]):39<A&&A<48?F=P(v,D.colors[A-40]):89<A&&A<98?F=B(v,D.colors[8+(A-90)]):99<A&&A<108&&(F=P(v,D.colors[8+(A-100)])),F}h(E,"handleDisplay");function b(v){var A=v.slice(0);return v.length=0,A.reverse().map(function(D){return"</"+D+">"}).join("")}h(b,"resetStyles");function x(v,A){for(var D=[],N=v;N<=A;N++)D.push(N);return D}h(x,"range");function S(v){return function(A){return(v===null||A.category!==v)&&v!=="all"}}h(S,"notCategory");function T(v){v=parseInt(v,10);var A=null;return v===0?A="all":v===1?A="bold":2<v&&v<5?A="underline":4<v&&v<7?A="blink":v===8?A="hide":v===9?A="strike":29<v&&v<38||v===39||89<v&&v<98?A="foreground-color":(39<v&&v<48||v===49||99<v&&v<108)&&(A="background-color"),A}h(T,"categoryForCode");function _(v,A){return A.escapeXML?l.encodeXML(v):v}h(_,"pushText");function O(v,A,D){return D||(D=""),v.push(A),"<".concat(A).concat(D?' style="'.concat(D,'"'):"",">")}h(O,"pushTag");function k(v,A){return O(v,"span",A)}h(k,"pushStyle");function B(v,A){return O(v,"span","color:"+A)}h(B,"pushForegroundColor");function P(v,A){return O(v,"span","background-color:"+A)}h(P,"pushBackgroundColor");function L(v,A){var D;if(v.slice(-1)[0]===A&&(D=v.pop()),D)return"</"+A+">"}h(L,"closeTag");function j(v,A,D){var N=!1,F=3;function M(){return""}h(M,"remove");function q(me,ue){return D("xterm256Foreground",ue),""}h(q,"removeXterm256Foreground");function V(me,ue){return D("xterm256Background",ue),""}h(V,"removeXterm256Background");function G(me){return A.newline?D("display",-1):D("text",me),""}h(G,"newline");function se(me,ue){N=!0,ue.trim().length===0&&(ue="0"),ue=ue.trimRight(";").split(";");var ht=a(ue),Sn;try{for(ht.s();!(Sn=ht.n()).done;){var Ei=Sn.value;D("display",Ei)}}catch(vi){ht.e(vi)}finally{ht.f()}return""}h(se,"ansiMess");function pe(me){return D("text",me),""}h(pe,"realText");function ae(me){return D("rgb",me),""}h(ae,"rgb");var we=[{pattern:/^\x08+/,sub:M},{pattern:/^\x1b\[[012]?K/,sub:M},{pattern:/^\x1b\[\(B/,sub:M},{pattern:/^\x1b\[[34]8;2;\d+;\d+;\d+m/,sub:ae},{pattern:/^\x1b\[38;5;(\d+)m/,sub:q},{pattern:/^\x1b\[48;5;(\d+)m/,sub:V},{pattern:/^\n/,sub:G},{pattern:/^\r+\n/,sub:G},{pattern:/^\r/,sub:G},{pattern:/^\x1b\[((?:\d{1,3};?)+|)m/,sub:se},{patt Line truncated
`,2:`Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }).
`,3:`Passed an incorrect argument to a color function, please pass a string representation of a color.
`,4:`Couldn't generate valid rgb string from %s, it returned %s.
`,5:`Couldn't parse the color string. Please provide the color as a string in hex, rgb, rgba, hsl or hsla notation.
`,6:`Passed invalid arguments to rgb, please pass multiple numbers e.g. rgb(255, 205, 100) or an object e.g. rgb({ red: 255, green: 205, blue: 100 }).
`,7:`Passed invalid arguments to rgba, please pass multiple numbers e.g. rgb(255, 205, 100, 0.75) or an object e.g. rgb({ red: 255, green: 205, blue: 100, alpha: 0.75 }).
`,8:`Passed invalid argument to toColorString, please pass a RgbColor, RgbaColor, HslColor or HslaColor object.
`,9:`Please provide a number of steps to the modularScale helper.
`,10:`Please pass a number or one of the predefined scales to the modularScale helper as the ratio.
`,11:`Invalid value passed as base to modularScale, expected number or em string but got "%s"
`,12:`Expected a string ending in "px" or a number passed as the first argument to %s(), got "%s" instead.
`,13:`Expected a string ending in "px" or a number passed as the second argument to %s(), got "%s" instead.
`,14:`Passed invalid pixel value ("%s") to %s(), please pass a value like "12px" or 12.
`,15:`Passed invalid base value ("%s") to %s(), please pass a value like "12px" or 12.
`,16:`You must provide a template to this method.
`,17:`You passed an unsupported selector state to this method.
`,18:`minScreen and maxScreen must be provided as stringified numbers with the same units.
`,19:`fromSize and toSize must be provided as stringified numbers with the same units.
`,20:`expects either an array of objects or a single object with the properties prop, fromSize, and toSize.
`,21:"expects the objects in the first argument array to have the properties `prop`, `fromSize`, and `toSize`.\n\n",22:"expects the first argument object to have the properties `prop`, `fromSize`, and `toSize`.\n\n",23:`fontFace expects a name of a font-family.
`,24:`fontFace expects either the path to the font file(s) or a name of a local copy.
`,25:`fontFace expects localFonts to be an array.
`,26:`fontFace expects fileFormats to be an array.
`,27:`radialGradient requries at least 2 color-stops to properly render.
`,28:`Please supply a filename to retinaImage() as the first argument.
`,29:`Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.
`,30:"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",31:`The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation
`,32:`To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])
To pass a single animation please supply them in simple values, e.g. animation('rotate', '2s')
`,33:`The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation
`,34:`borderRadius expects a radius value as a string or number as the second argument.
`,35:`borderRadius expects one of "top", "bottom", "left" or "right" as the first argument.
`,36:`Property must be a string value.
`,37:`Syntax Error at %s.
`,38:`Formula contains a function that needs parentheses at %s.
`,39:`Formula is missing closing parenthesis at %s.
`,40:`Formula has too many closing parentheses at %s.
`,41:`All values in a formula must have the same unit or be unitless.
`,42:`Please provide a number of steps to the modularScale helper.
`,43:`Please pass a number or one of the predefined scales to the modularScale helper as the ratio.
`,44:`Invalid value passed as base to modularScale, expected number or em/rem string but got %s.
`,45:`Passed invalid argument to hslToColorString, please pass a HslColor or HslaColor object.
`,46:`Passed invalid argument to rgbToColorString, please pass a RgbColor or RgbaColor object.
`,47:`minScreen and maxScreen must be provided as stringified numbers with the same units.
`,48:`fromSize and toSize must be provided as stringified numbers with the same units.
`,49:`Expects either an array of objects or a single object with the properties prop, fromSize, and toSize.
`,50:`Expects the objects in the first argument array to have the properties prop, fromSize, and toSize.
`,51:`Expects the first argument object to have the properties prop, fromSize, and toSize.
`,52:`fontFace expects either the path to the font file(s) or a name of a local copy.
`,53:`fontFace expects localFonts to be an array.
`,54:`fontFace expects fileFormats to be an array.
`,55:`fontFace expects a name of a font-family.
`,56:`linearGradient requries at least 2 color-stops to properly render.
`,57:`radialGradient requries at least 2 color-stops to properly render.
`,58:`Please supply a filename to retinaImage() as the first argument.
`,59:`Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.
`,60:"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",61:`Property must be a string value.
`,62:`borderRadius expects a radius value as a string or number as the second argument.
`,63:`borderRadius expects one of "top", "bottom", "left" or "right" as the first argument.
`,64:`The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation.
`,65:`To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s').
`,66:`The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation.
`,67:`You must provide a template to this method.
`,68:`You passed an unsupported selector state to this method.
`,69:`Expected a string ending in "px" or a number passed as the first argument to %s(), got %s instead.
`,70:`Expected a string ending in "px" or a number passed as the second argument to %s(), got %s instead.
`,71:`Passed invalid pixel value %s to %s(), please pass a value like "12px" or 12.
`,72:`Passed invalid base value %s to %s(), please pass a value like "12px" or 12.
`,73:`Please provide a valid CSS variable.
`,74:`CSS variable not found and no default was provided.
`,75:`important requires a valid style object, got a %s instead.
`,76:`fromSize and toSize must be provided as stringified numbers with the same units as minScreen and maxScreen.
`,77:`remToPx expects a value in "rem" but you provided it in "%s".
`,78:`base must be set in "px" or "%" but you set it in "%s".
`};function Vy(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];var n=t[0],o=[],a;for(a=1;a<t.length;a+=1)o.push(t[a]);return o.forEach(function(i){n=n.replace(/%[a-z]/,i)}),n}h(Vy,"format");var at=function(e){qy(t,e);function t(r){for(var n,o=arguments.length,a=new Array(o>1?o-1:0),i=1;i<o;i++)a[i-1]=arguments[i];return n=e.call(this,Vy.apply(void 0,[CC[r]].concat(a)))||this,$y(n)}return h(t,"PolishedError"),t}(ni(Error));function Eu(e,t){return e.substr(-t.length)===t}h(Eu,"endsWith");var DC=/^([+-]?(?:\d+|\d*\.\d+))([a-z]*|%)$/;function vu(e){if(typeof e!="string")return e;var t=e.match(DC);return t?parseFloat(e):e}h(vu,"stripUnit");var TC=h(function(e){return function(t,r){r===void 0&&(r="16px");var n=t,o=r;if(typeof t=="string"){if(!Eu(t,"px"))throw new at(69,e,t);n=vu(t)}if(typeof r=="string"){if(!Eu(r,"px"))throw new at(70,e,r);o=vu(r)}if(typeof n=="string")throw new at(71,t,e);if(typeof o=="string")throw new at(72,r,e);return""+n/o+e}},"pxtoFactory"),zy=TC,M8=zy("em"),$8=zy("rem");function Ya(e){return Math.round(e*255)}h(Ya,"colorToInt");function Gy(e,t,r){return Ya(e)+","+Ya(t)+","+Ya(r)}h(Gy,"convertToInt");function xn(e,t,r,n){if(n===void 0&&(n=Gy),t===0)return n(r,r,r);var o=(e%360+360)%360/60,a=(1-Math.abs(2*r-1))*t,i=a*(1-Math.abs(o%2-1)),s=0,l=0,u=0;o>=0&&o<1?(s=a,l=i):o>=1&&o<2?(s=i,l=a):o>=2&&o<3?(l=a,u=i):o>=3&&o<4?(l=i,u=a):o>=4&&o<5?(s=i,u=a):o>=5&&o<6&&(s=a,u=i);var d=r-a/2,m=s+d,p=l+d,f=u+d;return n(m,p,f)}h(xn,"hslToRgb");var o0={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};function Wy(e){if(typeof e!="string")return e;var t=e.toLowerCase();return o0[t]?"#"+o0[t]:e}h(Wy,"nameToHex");var kC=/^#[a-fA-F0-9]{6}$/,OC=/^#[a-fA-F0-9]{8}$/,IC=/^#[a-fA-F0-9]{3}$/,RC=/^#[a-fA-F0-9]{4}$/,ru=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,BC=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,_C=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,FC=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;function Rr(e){if(typeof e!="string")throw new at(3);var t= Line truncated
`).match(o),m=!1;return{items:d.map(function(p,f){let g=a.exec(p)[0].length,y=new RegExp("^ {1,"+g+"}","gm"),E=p.replace(y,"").replace(a,""),b=f===d.length-1,x=E.indexOf(`
`)!==-1||b&&m;m=x;let S=l.inline,T=l.list,_;l.list=!0,x?(l.inline=!1,_=wn(E)+`
`):(l.inline=!0,_=wn(E));let O=s(_,l);return l.inline=S,l.list=T,O}),ordered:r,start:u}},render:h((i,s,l)=>e(i.ordered?"ol":"ul",{key:l.key,start:i.type===K.orderedList?i.start:void 0},i.items.map(function(u,d){return e("li",{key:d},s(u,l))})),"render")}}h(Su,"Ce");var tD=new RegExp(`^\\[((?:\\[[^\\]]*\\]|[^\\[\\]]|\\](?=[^\\[]*\\]))*)\\]\\(\\s*<?((?:\\([^)]*\\)|[^\\s\\\\]|\\\\.)*?)>?(?:\\s+['"]([\\s\\S]*?)['"])?\\s*\\)`),rD=/^!\[(.*?)\]\( *((?:\([^)]*\)|[^() ])*) *"?([^)"]*)?"?\)/,Db=[hb,fb,gb,yb,Eb,bb,Ab,Sb,Cb],nD=[...Db,/^[^\n]+(?: \n|\n{2,})/,xu,vb,wu];function wn(e){let t=e.length;for(;t>0&&e[t-1]<=" ";)t--;return e.slice(0,t)}h(wn,"ze");function yn(e){return e.replace(/[ÀÁÂÃÄÅàáâãä忯]/g,"a").replace(/[çÇ]/g,"c").replace(/[ðÐ]/g,"d").replace(/[ÈÉÊËéèêë]/g,"e").replace(/[ÏïÎîÍíÌì]/g,"i").replace(/[Ññ]/g,"n").replace(/[øØœŒÕõÔôÓóÒò]/g,"o").replace(/[ÜüÛûÚúÙù]/g,"u").replace(/[ŸÿÝý]/g,"y").replace(/[^a-z0-9- ]/gi,"").replace(/ /gi,"-").toLowerCase()}h(yn,"Le");function Tb(e){return $5.test(e)?"right":j5.test(e)?"center":M5.test(e)?"left":null}h(Tb,"Ae");function Cu(e,t,r,n){let o=r.inTable;r.inTable=!0;let a=[[]],i="";function s(){if(!i)return;let l=a[a.length-1];l.push.apply(l,t(i,r)),i=""}return h(s,"a"),e.trim().split(/(`[^`]*`|\\\||\|)/).filter(Boolean).forEach((l,u,d)=>{l.trim()==="|"&&(s(),n)?u!==0&&u!==d.length-1&&a.push([]):i+=l}),s(),r.inTable=o,a}h(Cu,"Oe");function kb(e,t,r){r.inline=!0;let n=e[2]?e[2].replace(L5,"").split("|").map(Tb):[],o=e[3]?function(i,s,l){return i.trim().split(`
`).map(function(u){return Cu(u,s,l,!0)})}(e[3],t,r):[],a=Cu(e[1],t,r,!!o.length);return r.inline=!1,o.length?{align:n,cells:o,header:a,type:K.table}:{children:a,type:K.paragraph}}h(kb,"Te");function Du(e,t){return e.align[t]==null?{}:{textAlign:e.align[t]}}h(Du,"Be");function Br(e){return e.inline=1,e}h(Br,"Me");function Yt(e){return Br(function(t,r){return r.inline?e.exec(t):null})}h(Yt,"Re");function Kt(e){return Br(function(t,r){return r.inline||r.simple?e.exec(t):null})}h(Kt,"Ie");function Ft(e){return function(t,r){return r.inline||r.simple?null:e.exec(t)}}h(Ft,"De");function bn(e){return Br(function(t){return e.exec(t)})}h(bn,"Ue");function Ob(e,t){if(t.inline||t.simple)return null;let r="";e.split(`
`).every(o=>(o+=`
`,!Db.some(a=>a.test(o))&&(r+=o,!!o.trim())));let n=wn(r);return n==""?null:[r,,n]}h(Ob,"Ne");var oD=/(javascript|vbscript|data(?!:image)):/i;function Ib(e){try{let t=decodeURIComponent(e).replace(/[^A-Za-z0-9/:]/g,"");if(oD.test(t))return null}catch{return null}return e}h(Ib,"He");function Tu(e){return e.replace(K5,"$1")}h(Tu,"Pe");function eo(e,t,r){let n=r.inline||!1,o=r.simple||!1;r.inline=!0,r.simple=!0;let a=e(t,r);return r.inline=n,r.simple=o,a}h(eo,"_e");function Rb(e,t,r){let n=r.inline||!1,o=r.simple||!1;r.inline=!1,r.simple=!0;let a=e(t,r);return r.inline=n,r.simple=o,a}h(Rb,"Fe");function Bb(e,t,r){let n=r.inline||!1;r.inline=!1;let o=e(t,r);return r.inline=n,o}h(Bb,"We");var nu=h((e,t,r)=>({children:eo(t,e[2],r)}),"Ge");function Xa(){return{}}h(Xa,"Ze");function Ja(){return null}h(Ja,"qe");function _b(...e){return e.filter(Boolean).join(" ")}h(_b,"Qe");function Za(e,t,r){let n=e,o=t.split(".");for(;o.length&&(n=n[o[0]],n!==void 0);)o.shift();return n||r}h(Za,"Ve");function Fb(e="",t={}){function r(p,f,...g){let y=Za(t.overrides,`${p}.props`,{});return t.createElement(function(E,b){let x=Za(b,E);return x?typeof x=="function"||typeof x=="object"&&"render"in x?x:Za(b,`${E}.component`,E):E}(p,t.overrides),mr({},f,y,{className:_b(f?.className,y.className)||void 0}),...g)}h(r,"u");function n(p){p=p.replace(w5,"");let f=!1;t.forceInline?f=!0:t.forceBlock||(f=P5.test(p)===!1);let g=u(l(f?p:`${wn(p).replace(W5,"")}
`,{inline:f}));for(;typeof g[g.length-1]=="string"&&!g[g.length-1].trim();)g.pop();if(t.wrapper===null)return g;let y=t.wrapper||(f?"span":"div"),E;if(g.length>1||t.forceWrapper)E=g;else{if(g.length===1)return E=g[0],typeof E=="string"?r("span",{key:"outer"},E):E;E=null}return t.createElement(y,{key:"outer"},E)}h(n,"Z");function o(p,f){let g=f.match(c5);return g?g.reduce(function(y,E){let b=E.indexOf("=");if(b!==-1){let x=function(O){return O.indexOf("-")!==-1&&O.match(D5)===null&&(O=O.replace(R5,function(k,B){return B.toUpperCase()})),O}(E.slice(0,b)).trim(),S=function(O){let k=O[0];return(k==='"'||k==="'")&&O.length>=2&&O[O.length-1]===k?O.slice(1,-1):O}(E.slice(b+1).trim()),T=s0[x]||x;if(T==="ref")return y;let _=y[T]=function(O,k,B,P){return k==="style"?function(L){let j=[],U="",$=!1,v=!1,A="";if(!L)return j;for(let N=0;N<L.length;N++){let F=L[N];if(F!=='"'&&F!=="'"||$||(v?F===A&&(v=!1,A=""):(v=!0,A=F)),F==="("&&U.endsWith("url")?$=!0:F===")"&&$&&($=!1),F!==";"||v||$)U+=F;else{let M=U.trim();if(M){let q=M.indexOf(":");if(q>0){let V=M.slice(0,q).trim(),G=M.slice(q+1).trim();j.push([V,G])}}U=""}}let D=U.trim();if(D){let N=D.indexOf(":");if(N>0){let F=D.slice(0,N).trim(),M=D.slice(N+1).trim();j.push([F,M])}}return j}(B).reduce(function(L,[j,U]){return L[j.replace(/(-[a-z])/g,$=>$[1].toUpperCase())]=P(U,O,j),L},{}):u5.indexOf(k)!==-1?P(B,O,k):(B.match(T5)&&(B=B.slice(1,B.length-1)),B==="true"||B!=="false"&&B)}(p,x,S,t.sanitizer);typeof _=="string"&&(xu.test(_)||wu.test(_))&&(y[T]=n(_.trim()))}else E!=="style"&&(y[s0[E]||E]=!0);return y},{}):null}h(o,"q"),t.overrides=t.overrides||{},t.sanitizer=t.sanitizer||Ib,t.slugify=t.slugify||yn,t.namedCodesToUnicode=t.namedCodesToUnicode?mr({},l0,t.namedCodesToUnicode):l0,t.createElement=t.createElement||Y;let a=[],i={},s={[K.blockQuote]:{match:Ft(hb),order:1,parse(p,f,g){let[,y,E]=p[0].replace(m5,"").match(h5);return{alert:y,children:f(E,g)}},render(p,f,g){let y={key:g.key};return p.alert&&(y.className="markdown-alert-"+t.slugify(p.alert.toLowerCase(),yn),p.children.unshift({attrs:{},children:[{type:K.text,text:p.alert}],noInnerParse:!0,type:K.htmlBlock,tag:"header"})),r("blockquote",y,f(p.children,g))}},[K.breakLine]:{match:bn(f5),order:1,parse:Xa,render:h((p,f,g)=>r("br",{key:g.key}),"render")},[K.breakThematic]:{match:Ft(g5),order:1,parse:Xa,render:h((p,f,g)=>r("hr",{key:g.key}),"render")},[K.codeBlock]:{match:Ft(gb),order:0,parse:h(p=>({lang:void 0,text:wn(p[0].replace(/^ {4}/gm,"")).replace(u0,"$1")}),"parse"),render:h((p,f,g)=>r("pre",{key:g.key},r("code",mr({},p.attrs,{className:p.lang?`lang-${p.lang}`:""}),p.text)),"render")},[K.codeFenced]:{match:Ft(fb),order:0,parse:h(p=>({attrs:o("code",p[3]||""),lang:p[2]||void 0,text:p[4],type:K.codeBlock}),"parse")},[K.codeInline]:{match:Kt(y5),order:3,parse:h(p=>({text:p[2].replace(u0,"$1")}),"parse"),render:h((p,f,g)=>r("code",{key:g.key},p.text),"render")},[K.footnote]:{match:Ft(v5),order:0,parse:h(p=>(a.push({footnote:p[2],identifier:p[1]}),{}),"parse"),render:Ja},[K.footnoteReference]:{match:Yt(A5),order:1,parse:h(p=>({target:`#${t.slugify(p[1],yn)}`,text:p[1]}),"parse"),render:h((p,f,g)=>r("a",{key:g.key,href:t.sanitizer(p.target,"a","href")},r("sup",{key:g.key},p.text)),"render")},[K.gfmTask]:{match:Yt(S5),order:1,parse:h(p=>({completed:p[1].toLowerCase()==="x"}),"parse"),render:h((p,f,g)=>r("input",{checked:p.completed,key:g.key,readOnly:!0,type:"checkbox"}),"render")},[K.heading]:{match:Ft(t.enforceAtxHeadings?bb:yb),order:1,parse:h((p,f,g)=>({children:eo(f,p[2],g),id:t.slugify(p[2],yn),level:p[1].length}),"parse"),render:h((p,f,g)=>r(`h${p.level}`,{id:p.id,key:g.key},f(p.children,g)),"render")},[K.headingSetext]:{match:Ft(Eb),order:0,parse:h((p,f,g)=>({children:eo(f,p[1],g),level:p[2]==="="?1:2,type:K.heading}),"parse")},[K.htmlBlock]:{match:bn(xu),order:1,parse(p,f,g){let[,y]=p[3].match(Y5),E=new RegExp(`^${y}`,"gm"),b=p[3].replace(E,""),x=(S=b,nD.some(B=>B.test(S))?Bb:eo);var S;let T=p[1].toLowerCase(),_=l5.indexOf(T)!==-1,O=(_?T:p[1]).trim(),k={attrs:o(O,p[2]),noInnerParse:_,tag:O};return g.inAnchor=g.inAnchor||T==="a",_?k.text=p[3]:k.children=x(f,b,g),g.inAnchor=!1,k},render:h((p,f,g)=>r(p.tag,mr({key:g.key},p.attrs),p.text||(p.children?f(p.children,g):"")),"render")},[K.htmlSelfClosing]:{match:bn(wu),order:1,parse(p){let f=p[1].trim();return{attrs:o(f,p[2]||""),tag:f}},render:h((p,f,g)=>r(p.tag,mr({},p.attrs,{key:g.key})),"render")},[K.htmlComment]:{match:bn(vb),order:1,parse:h(()=>({}),"parse"),render:Ja},[K.image]:{match:Kt(rD),order:1,parse:h(p=>({alt:p[1],target:Tu(p[2]),title:p[3]}),"parse"),render:h((p,f,g)=>r("img",{key:g.key,alt:p.alt||void 0,title:p.title||void 0,src:t.sanitizer(p.target,"img","src")}),"render")},[K.link]:{match:Yt(tD),order:3,parse:h((p,f,g)=>({children:Rb(f,p[1],g),target:Tu(p[2]),title:p[3]}),"parse"),render:h((p,f,g)=>r("a",{key:g.key,href:t.sanitizer(p.target,"a","href"),title:p.title},f(p.children,g)),"render")},[K.linkAngleBraceStyleDetector]:{match:Yt(I5),order:0,parse:h(p Line truncated
`,"render")},[K.paragraph]:{match:Br(Ob),order:3,parse:nu,render:h((p,f,g)=>r("p",{key:g.key},f(p.children,g)),"render")},[K.ref]:{match:Yt(B5),order:0,parse:h(p=>(i[p[1]]={target:p[2],title:p[4]},{}),"parse"),render:Ja},[K.refImage]:{match:Kt(_5),order:0,parse:h(p=>({alt:p[1]||void 0,ref:p[2]}),"parse"),render:h((p,f,g)=>i[p.ref]?r("img",{key:g.key,alt:p.alt,src:t.sanitizer(i[p.ref].target,"img","src"),title:i[p.ref].title}):null,"render")},[K.refLink]:{match:Yt(F5),order:0,parse:h((p,f,g)=>({children:f(p[1],g),fallbackChildren:p[0],ref:p[2]}),"parse"),render:h((p,f,g)=>i[p.ref]?r("a",{key:g.key,href:t.sanitizer(i[p.ref].target,"a","href"),title:i[p.ref].title},f(p.children,g)):r("span",{key:g.key},p.fallbackChildren),"render")},[K.table]:{match:Ft(Ab),order:1,parse:kb,render(p,f,g){let y=p;return r("table",{key:g.key},r("thead",null,r("tr",null,y.header.map(function(E,b){return r("th",{key:b,style:Du(y,b)},f(E,g))}))),r("tbody",null,y.cells.map(function(E,b){return r("tr",{key:b},E.map(function(x,S){return r("td",{key:S,style:Du(y,S)},f(x,g))}))})))}},[K.text]:{match:bn(G5),order:4,parse:h(p=>({text:p[0].replace(C5,(f,g)=>t.namedCodesToUnicode[g]?t.namedCodesToUnicode[g]:f)}),"parse"),render:h(p=>p.text,"render")},[K.textBolded]:{match:Kt(q5),order:2,parse:h((p,f,g)=>({children:f(p[2],g)}),"parse"),render:h((p,f,g)=>r("strong",{key:g.key},f(p.children,g)),"render")},[K.textEmphasized]:{match:Kt(U5),order:3,parse:h((p,f,g)=>({children:f(p[2],g)}),"parse"),render:h((p,f,g)=>r("em",{key:g.key},f(p.children,g)),"render")},[K.textEscaped]:{match:Kt(z5),order:1,parse:h(p=>({text:p[1],type:K.text}),"parse")},[K.textMarked]:{match:Kt(H5),order:3,parse:nu,render:h((p,f,g)=>r("mark",{key:g.key},f(p.children,g)),"render")},[K.textStrikethroughed]:{match:Kt(V5),order:3,parse:nu,render:h((p,f,g)=>r("del",{key:g.key},f(p.children,g)),"render")}};t.disableParsingRawHTML===!0&&(delete s[K.htmlBlock],delete s[K.htmlSelfClosing]);let l=function(p){let f=Object.keys(p);function g(y,E){let b,x,S=[],T="",_="";for(E.prevCapture=E.prevCapture||"";y;){let O=0;for(;O<f.length;){if(T=f[O],b=p[T],E.inline&&!b.match.inline){O++;continue}let k=b.match(y,E);if(k){_=k[0],E.prevCapture+=_,y=y.substring(_.length),x=b.parse(k,g,E),x.type==null&&(x.type=T),S.push(x);break}O++}}return E.prevCapture="",S}return h(g,"n"),f.sort(function(y,E){let b=p[y].order,x=p[E].order;return b!==x?b-x:y<E?-1:1}),function(y,E){return g(function(b){return b.replace(E5,`
`).replace(x5,"").replace(N5," ")}(y),E)}}(s),u=(d=function(p,f){return function(g,y,E){let b=p[g.type].render;return f?f(()=>b(g,y,E),g,y,E):b(g,y,E)}}(s,t.renderRule),h(function p(f,g={}){if(Array.isArray(f)){let y=g.key,E=[],b=!1;for(let x=0;x<f.length;x++){g.key=x;let S=p(f[x],g),T=typeof S=="string";T&&b?E[E.length-1]+=S:S!==null&&E.push(S),b=T}return g.key=y,E}return d(f,p,g)},"e"));var d;let m=n(e);return a.length?r("div",null,m,r("footer",{key:"footer"},a.map(function(p){return r("div",{id:t.slugify(p.identifier,yn),key:p.identifier},p.identifier,u(l(p.footnote,{inline:!0})))}))):m}h(Fb,"Xe");var aD=h(e=>{let{children:t="",options:r}=e,n=function(o,a){if(o==null)return{};var i,s,l={},u=Object.keys(o);for(s=0;s<u.length;s++)a.indexOf(i=u[s])>=0||(l[i]=o[i]);return l}(e,s5);return Pe(Fb(t,r),n)},"default");Ot();var iD=R.label(({theme:e})=>({lineHeight:"18px",alignItems:"center",marginBottom:8,display:"inline-block",position:"relative",whiteSpace:"nowrap",background:e.boolean.background,borderRadius:"3em",padding:1,'&[aria-disabled="true"]':{opacity:.5,input:{cursor:"not-allowed"}},input:{appearance:"none",width:"100%",height:"100%",position:"absolute",left:0,top:0,margin:0,padding:0,border:"none",background:"transparent",cursor:"pointer",borderRadius:"3em","&:focus":{outline:"none",boxShadow:`${e.color.secondary} 0 0 0 1px inset !important`},"@media (forced-colors: active)":{"&:focus":{outline:"1px solid highlight"}}},span:{textAlign:"center",fontSize:e.typography.size.s1,fontWeight:e.typography.weight.bold,lineHeight:"1",cursor:"pointer",display:"inline-block",padding:"7px 15px",transition:"all 100ms ease-out",userSelect:"none",borderRadius:"3em",color:de(.5,e.color.defaultText),background:"transparent","&:hover":{boxShadow:`${Zn(.3,e.appBorderColor)} 0 0 0 1px inset`},"&:active":{boxShadow:`${Zn(.05,e.appBorderColor)} 0 0 0 2px inset`,color:Zn(1,e.appBorderColor)},"&:first-of-type":{paddingRight:8},"&:last-of-type":{paddingLeft:8}},"input:checked ~ span:last-of-type, input:not(:checked) ~ span:first-of-type":{background:e.boolean.selectedBackground,boxShadow:e.base==="light"?`${Zn(.1,e.appBorderColor)} 0 0 2px`:`${e.appBorderColor} 0 0 0 1px`,color:e.color.defaultText,padding:"7px 15px","@media (forced-colors: active)":{textDecoration:"underline"}}})),sD=h(e=>e==="true","parse"),lD=h(({name:e,value:t,onChange:r,onBlur:n,onFocus:o,argType:a})=>{let i=Q(()=>r(!1),[r]),s=!!a?.table?.readonly;if(t===void 0)return c.createElement(Je,{variant:"outline",size:"medium",id:so(e),onClick:i,disabled:s},"Set boolean");let l=mt(e),u=typeof t=="string"?sD(t):t;return c.createElement(iD,{"aria-disabled":s,htmlFor:l,"aria-label":e},c.createElement("input",{id:l,type:"checkbox",onChange:d=>r(d.target.checked),checked:u,role:"switch",disabled:s,name:e,onBlur:n,onFocus:o}),c.createElement("span",{"aria-hidden":"true"},"False"),c.createElement("span",{"aria-hidden":"true"},"True"))},"BooleanControl");Ot();var uD=h(e=>{let[t,r,n]=e.split("-"),o=new Date;return o.setFullYear(parseInt(t,10),parseInt(r,10)-1,parseInt(n,10)),o},"parseDate"),cD=h(e=>{let[t,r]=e.split(":"),n=new Date;return n.setHours(parseInt(t,10)),n.setMinutes(parseInt(r,10)),n},"parseTime"),dD=h(e=>{let t=new Date(e),r=`000${t.getFullYear()}`.slice(-4),n=`0${t.getMonth()+1}`.slice(-2),o=`0${t.getDate()}`.slice(-2);return`${r}-${n}-${o}`},"formatDate"),pD=h(e=>{let t=new Date(e),r=`0${t.getHours()}`.slice(-2),n=`0${t.getMinutes()}`.slice(-2);return`${r}:${n}`},"formatTime"),c0=R($e.Input)(({readOnly:e})=>({opacity:e?.5:1})),mD=R.div(({theme:e})=>({flex:1,display:"flex",input:{marginLeft:10,flex:1,height:32,"&::-webkit-calendar-picker-indicator":{opacity:.5,height:12,filter:e.base==="light"?void 0:"invert(1)"}},"input:first-of-type":{marginLeft:0,flexGrow:4},"input:last-of-type":{flexGrow:3}})),hD=h(({name:e,value:t,onChange:r,onFocus:n,onBlur:o,argType:a})=>{let[i,s]=z(!0),l=ye(),u=ye(),d=!!a?.table?.readonly;X(()=>{i!==!1&&(l&&l.current&&(l.current.value=t?dD(t):""),u&&u.current&&(u.current.value=t?pD(t):""))},[t]);let m=h(g=>{if(!g.target.value)return r();let y=uD(g.target.value),E=new Date(t??"");E.setFullYear(y.getFullYear(),y.getMonth(),y.getDate());let b=E.getTime();b&&r(b),s(!!b)},"onDateChange"),p=h(g=>{if(!g.target.value)return r();let y=cD(g.target.value),E=new Date(t??"");E.setHours(y.getHours()),E.setMinutes(y.getMinutes());let b=E.getTime();b&&r(b),s(!!b)},"onTimeChange"),f=mt(e);return c.createElement(mD,null,c.createElement(c0,{type:"date",max:"9999-12-31",ref:l,id:`${f}-date`,name:`${f}-date`,readOnly:d,onChange:m,onFocus:n,onBlur:o}),c.createElement(c0,{type:"time",id:`${f}-time`,name:`${f}-time`,ref:u,onChange:p,readOnly:d,onFocus:n,onBlur:o}),i?null:c.createElement("div",null,"invalid"))},"DateControl");Ot();var fD=R.label({display:"flex"}),gD=h(e=>{let t=parseFloat(e);return Number.isNaN(t)?void 0:t},"parse"),yD=R($e.Input)(({readOnly:e})=>({opacity:e?.5:1})),bD=h(({name:e,value:t,onChange:r,min:n,max:o,step:a,onBlur:i,onFocus:s,argT Line truncated
${e.color.green} 0%, ${e.color.green} ${(n-t)/(r-t)*100}%,
${Nt(.02,e.input.background)} ${(n-t)/(r-t)*100}%,
${Nt(.02,e.input.background)} 100%)`:`linear-gradient(to right,
${e.color.green} 0%, ${e.color.green} ${(n-t)/(r-t)*100}%,
${Or(.02,e.input.background)} ${(n-t)/(r-t)*100}%,
${Or(.02,e.input.background)} 100%)`,boxShadow:`${e.appBorderColor} 0 0 0 1px inset`,borderRadius:6,width:"100%",height:6,cursor:o?"not-allowed":"pointer"},"&::-webkit-slider-thumb":{marginTop:"-6px",width:16,height:16,border:`1px solid ${Tt(e.appBorderColor,.2)}`,borderRadius:"50px",boxShadow:`0 1px 3px 0px ${Tt(e.appBorderColor,.2)}`,cursor:o?"not-allowed":"grab",appearance:"none",background:`${e.input.background}`,transition:"all 150ms ease-out","&:hover":{background:`${Nt(.05,e.input.background)}`,transform:"scale3d(1.1, 1.1, 1.1) translateY(-1px)",transition:"all 50ms ease-out"},"&:active":{background:`${e.input.background}`,transform:"scale3d(1, 1, 1) translateY(0px)",cursor:o?"not-allowed":"grab"}},"&:focus":{outline:"none","&::-webkit-slider-runnable-track":{borderColor:Tt(e.color.secondary,.4)},"&::-webkit-slider-thumb":{borderColor:e.color.secondary,boxShadow:`0 0px 5px 0px ${e.color.secondary}`}},"&::-moz-range-track":{background:e.base==="light"?`linear-gradient(to right,
${e.color.green} 0%, ${e.color.green} ${(n-t)/(r-t)*100}%,
${Nt(.02,e.input.background)} ${(n-t)/(r-t)*100}%,
${Nt(.02,e.input.background)} 100%)`:`linear-gradient(to right,
${e.color.green} 0%, ${e.color.green} ${(n-t)/(r-t)*100}%,
${Or(.02,e.input.background)} ${(n-t)/(r-t)*100}%,
${Or(.02,e.input.background)} 100%)`,boxShadow:`${e.appBorderColor} 0 0 0 1px inset`,borderRadius:6,width:"100%",height:6,cursor:o?"not-allowed":"pointer",outline:"none"},"&::-moz-range-thumb":{width:16,height:16,border:`1px solid ${Tt(e.appBorderColor,.2)}`,borderRadius:"50px",boxShadow:`0 1px 3px 0px ${Tt(e.appBorderColor,.2)}`,cursor:o?"not-allowed":"grap",background:`${e.input.background}`,transition:"all 150ms ease-out","&:hover":{background:`${Nt(.05,e.input.background)}`,transform:"scale3d(1.1, 1.1, 1.1) translateY(-1px)",transition:"all 50ms ease-out"},"&:active":{background:`${e.input.background}`,transform:"scale3d(1, 1, 1) translateY(0px)",cursor:"grabbing"}},"&::-ms-track":{background:e.base==="light"?`linear-gradient(to right,
${e.color.green} 0%, ${e.color.green} ${(n-t)/(r-t)*100}%,
${Nt(.02,e.input.background)} ${(n-t)/(r-t)*100}%,
${Nt(.02,e.input.background)} 100%)`:`linear-gradient(to right,
${e.color.green} 0%, ${e.color.green} ${(n-t)/(r-t)*100}%,
${Or(.02,e.input.background)} ${(n-t)/(r-t)*100}%,
${Or(.02,e.input.background)} 100%)`,boxShadow:`${e.appBorderColor} 0 0 0 1px inset`,color:"transparent",width:"100%",height:"6px",cursor:"pointer"},"&::-ms-fill-lower":{borderRadius:6},"&::-ms-fill-upper":{borderRadius:6},"&::-ms-thumb":{width:16,height:16,background:`${e.input.background}`,border:`1px solid ${Tt(e.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),Qb=R.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums","[aria-readonly=true] &":{opacity:.5}}),n3=R(Qb)(({numberOFDecimalsPlaces:e,max:t})=>({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),o3=R.div({display:"flex",alignItems:"center",width:"100%"});function e1(e){let t=e.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return t?Math.max(0,(t[1]?t[1].length:0)-(t[2]?+t[2]:0)):0}h(e1,"getNumberOfDecimalPlaces");var a3=h(({name:e,value:t,onChange:r,min:n=0,max:o=100,step:a=1,onBlur:i,onFocus:s,argType:l})=>{let u=h(f=>{r(gD(f.target.value))},"handleChange"),d=t!==void 0,m=Me(()=>e1(a),[a]),p=!!l?.table?.readonly;return c.createElement(o3,{"aria-readonly":p},c.createElement(Qb,null,n),c.createElement(r3,{id:mt(e),type:"range",disabled:p,onChange:u,name:e,min:n,max:o,step:a,onFocus:s,onBlur:i,value:t??n}),c.createElement(n3,{numberOFDecimalsPlaces:m,max:o},d?t.toFixed(m):"--"," / ",o))},"RangeControl");Ot();var i3=R.label({display:"flex"}),s3=R.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),l3=h(({name:e,value:t,onChange:r,onFocus:n,onBlur:o,maxLength:a,argType:i})=>{let s=h(f=>{r(f.target.value)},"handleChange"),l=!!i?.table?.readonly,[u,d]=z(!1),m=Q(()=>{r(""),d(!0)},[d]);if(t===void 0)return c.createElement(Je,{variant:"outline",size:"medium",disabled:l,id:so(e),onClick:m},"Set string");let p=typeof t=="string";return c.createElement(i3,null,c.createElement($e.Textarea,{id:mt(e),maxLength:a,onChange:s,disabled:l,size:"flex",placeholder:"Edit string...",autoFocus:u,valid:p?void 0:"error",name:e,value:p?t:"",onFocus:n,onBlur:o}),a&&c.createElement(s3,{isMaxed:t?.length===a},t?.length??0," / ",a))},"TextControl");Ot();var u3=R($e.Input)({padding:10});function t1(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}h(t1,"revokeOldUrls");var c3=h(({onChange:e,name:t,accept:r="image/*",value:n,argType:o})=>{let a=ye(null),i=o?.control?.readOnly;function s(l){if(!l.target.files)return;let u=Array.from(l.target.files).map(d=>URL.createObjectURL(d));e(u),t1(n||[])}return h(s,"handleFileChange"),X(()=>{n==null&&a.current&&(a.current.value="")},[n,t]),c.createElement(u3,{ref:a,id:mt(t),type:"file",name:t,multiple:!0,disabled:i,onChange:s,accept:r,size:"flex"})},"FilesControl"),d3=Ac(()=>Promise.resolve().then(()=>(lC(),Ny))),p3=h(e=>c.createElement(Ec,{fallback:c.createElement("div",null)},c.createElement(d3,{...e})),"ColorControl"),m3={array:b0,object:b0,boolean:lD,color:p3,date:hD,number:bD,check:fn,"inline-check":fn,radio:fn,"inline-radio":fn,select:fn,"multi-select":fn,range:a3,text:l3,file:c3},E0=h(()=>c.createElement(c.Fragment,null,"-"),"NoControl"),h3=h(({row:e,arg:t,updateArgs:r,isHovered:n})=>{let{key:o,control:a}=e,[i,s]=z(!1),[l,u]=z({value:t});X(()=>{i||u({value:t})},[i,t]);let d=Q(y=>(u({value:y}),r({[o]:y}),y),[r,o]),m=Q(()=>s(!1),[]),p=Q(()=>s(!0),[]);if(!a||a.disable){let y=a?.disable!==!0&&e?.type?.name!=="function";return n&&y?c.createElement(Ze,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):c.createElement(E0,null)}let f={name:o,argType:e,value:l.value,onChange:d,onBlur:m,onFocus:p},g=m3[a.type]||E0;return c.createElement(g,{...f,...a,controlType:a.type})},"ArgControl"),f3=R.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:Qt({theme:e}),div:{span:{fontWeight:"bold"}},"& code":{margin:0,display:"inline-block",fontSize:e.typography.size.s1}}})),g3=h(({tags:e})=>{let t=(e.params||[]).filter(a=>a.description),r=t.length!==0,n=e.deprecated!=null,o=e.returns!=null&&e.returns.description!=null;return!r&&!o&&!n?null:c.createElement(c.Fragment,null,c.createElement(f3,null,c.createElement("tbody",null,n&&c.createElement("tr",{key:"deprecated"},c.createElement("td",{colSpan:2},c.createElement("strong",null,"Deprecated"),": ",e.deprecated?.toString())),r&&t.map(a=>c.createElement("tr",{key:a.name},c.createElement("td",null,c.createElement("code",null,a.name)),c.createElement("td",null,a.description))),o&&c.createElement("tr",{key:"returns"},c Line truncated
`);return c.createElement("pre",{style:{margin:0,padding:"8px 10px 8px 36px",fontSize:At.size.s1,...t}},n.flatMap((o,a)=>{if(o.startsWith("expect(")){let m=R0(o,7),p=m?7+m.length:0,f=m&&o.slice(p).match(/\.(to|last|nth)[A-Z]\w+\(/);if(f){let g=p+(f.index??0)+f[0].length,y=R0(o,g);if(y)return["expect(",c.createElement(du,{key:`received_${m}`,value:m}),o.slice(p,g),c.createElement(pu,{key:`expected_${y}`,value:y}),o.slice(g+y.length),c.createElement("br",{key:`br${a}`})]}}if(o.match(/^\s*- /))return[c.createElement(pu,{key:o+a,value:o}),c.createElement("br",{key:`br${a}`})];if(o.match(/^\s*\+ /)||o.match(/^Received: $/))return[c.createElement(du,{key:o+a,value:o}),c.createElement("br",{key:`br${a}`})];let[,i,s]=o.match(/^(Expected|Received): (.*)$/)||[];if(i&&s)return i==="Expected"?["Expected: ",c.createElement(pu,{key:o+a,value:cu(s),parsed:!0}),c.createElement("br",{key:`br${a}`})]:["Received: ",c.createElement(du,{key:o+a,value:cu(s),parsed:!0}),c.createElement("br",{key:`br${a}`})];let[,l,u]=o.match(/(Expected number|Received number|Number) of calls: (\d+)$/i)||[];if(l&&u)return[`${l} of calls: `,c.createElement(_r,{key:o+a,value:Number(u)}),c.createElement("br",{key:`br${a}`})];let[,d]=o.match(/^Received has value: (.+)$/)||[];return d?["Received has value: ",c.createElement(_r,{key:o+a,value:cu(d)}),c.createElement("br",{key:`br${a}`})]:[c.createElement("span",{key:o+a,dangerouslySetInnerHTML:{__html:r.toHtml(o)}}),c.createElement("br",{key:`br${a}`})]}))},"MatcherResult"),lO=R.div({width:14,height:14,display:"flex",alignItems:"center",justifyContent:"center"}),R1=h(({status:e})=>{let t=Qe();switch(e){case"done":return c.createElement(yo,{color:t.color.positive,"data-testid":"icon-done"});case"error":return c.createElement(Uc,{color:t.color.negative,"data-testid":"icon-error"});case"active":return c.createElement(jc,{color:t.color.secondary,"data-testid":"icon-active"});case"waiting":return c.createElement(lO,{"data-testid":"icon-waiting"},c.createElement(vo,{color:de(.5,"#CCCCCC"),size:6}));default:return null}},"StatusIcon"),uO=R.div({fontFamily:At.fonts.mono,fontSize:At.size.s1,overflowWrap:"break-word",inlineSize:"calc( 100% - 40px )"}),cO=R("div",{shouldForwardProp:h(e=>!["call","pausedAt"].includes(e.toString()),"shouldForwardProp")})(({theme:e,call:t})=>({position:"relative",display:"flex",flexDirection:"column",borderBottom:`1px solid ${e.appBorderColor}`,fontFamily:At.fonts.base,fontSize:13,...t.status==="error"&&{backgroundColor:e.base==="dark"?de(.93,e.color.negative):e.background.warning},paddingLeft:(t.ancestors?.length??0)*20}),({theme:e,call:t,pausedAt:r})=>r===t.id&&{"&::before":{content:'""',position:"absolute",top:-5,zIndex:1,borderTop:"4.5px solid transparent",borderLeft:`7px solid ${e.color.warning}`,borderBottom:"4.5px solid transparent"},"&::after":{content:'""',position:"absolute",top:-1,zIndex:1,width:"100%",borderTop:`1.5px solid ${e.color.warning}`}}),dO=R.div(({theme:e,isInteractive:t})=>({display:"flex","&:hover":t?{}:{background:e.background.hoverable}})),pO=R("button",{shouldForwardProp:h(e=>!["call"].includes(e.toString()),"shouldForwardProp")})(({theme:e,disabled:t,call:r})=>({flex:1,display:"grid",background:"none",border:0,gridTemplateColumns:"15px 1fr",alignItems:"center",minHeight:40,margin:0,padding:"8px 15px",textAlign:"start",cursor:t||r.status==="error"?"default":"pointer","&:focus-visible":{outline:0,boxShadow:`inset 3px 0 0 0 ${r.status==="error"?e.color.warning:e.color.secondary}`,background:r.status==="error"?"transparent":e.background.hoverable},"& > div":{opacity:r.status==="waiting"?.5:1}})),mO=R.div({display:"flex",alignItems:"center",padding:6}),hO=R(ce)(({theme:e})=>({color:e.textMutedColor,margin:"0 3px"})),fO=R(vt)(({theme:e})=>({fontFamily:e.typography.fonts.base})),mu=R("div")(({theme:e})=>({padding:"8px 10px 8px 36px",fontSize:At.size.s1,color:e.color.defaultText,pre:{margin:0,padding:0}})),gO=R.span(({theme:e})=>({color:e.base==="dark"?"#5EC1FF":"#0271B6"})),yO=R.span(({theme:e})=>({color:e.base==="dark"?"#eee":"#444"})),bO=R.p(({theme:e})=>({color:e.base==="dark"?e.color.negative:e.color.negativeText,fontSize:e.typography.size.s2,maxWidth:500,textWrap:"balance"})),EO=h(({exception:e})=>{let t=yi();if(!e)return null;if(e.callId===Lt)return Y(mu,null,Y("pre",null,Y(gO,null,e.name,":")," ",Y(yO,null,e.message)),Y(bO,null,"The component failed to render properly. Automated component tests will not run until this is resolved. Check the full error message in Storybook\u2019s canvas to debug."));if(fc(e))return Y(B0,{...e});if(hc(e))return Y(mu,null,Y(B0,{message:`${e.message}${e.diff?`
${e.diff}`:""}`,style:{padding:0}}),Y("p",null,"See the full stack trace in the browser console."));let r=e.message.split(`
`),n=r.length>1;return Y(mu,null,Y("pre",{dangerouslySetInnerHTML:{__html:t.toHtml(r[0])}}),n&&Y("p",null,"See the full stack trace in the browser console."))},"Exception"),vO=h(({call:e,callsById:t,controls:r,controlStates:n,childCallIds:o,isHidden:a,isCollapsed:i,toggleCollapsed:s,pausedAt:l})=>{let[u,d]=z(!1),m=!n.goto||!e.interceptable||!!e.ancestors?.length;return a||e.id===Lt?null:Y(cO,{call:e,pausedAt:l},Y(dO,{isInteractive:m},Y(pO,{"aria-label":"Interaction step",call:e,onClick:()=>r.goto(e.id),disabled:m,onMouseEnter:()=>n.goto&&d(!0),onMouseLeave:()=>n.goto&&d(!1)},Y(R1,{status:u?"active":e.status}),Y(uO,{style:{marginLeft:6,marginBottom:1}},Y(bc,{call:e,callsById:t}))),Y(mO,null,(o?.length??0)>0&&Y(De,{hasChrome:!1,tooltip:Y(fO,{note:`${i?"Show":"Hide"} interactions`})},Y(hO,{onClick:s,"aria-label":i?"Expand interaction":"Collapse interaction"},i?Y(bo,null):Y(Dc,null))))),e.status==="error"&&e.exception?.callId===e.id&&Y(EO,{exception:e.exception}))},"Interaction"),AO={rendering:"mediumdark",playing:"warning",completed:"positive",errored:"negative",aborted:"purple"},xO={rendering:"Wait",playing:"Runs",completed:"Pass",errored:"Fail",aborted:"Bail"},wO=R.div(({theme:e,status:t})=>({display:"inline-block",padding:"4px 6px 4px 8px",borderRadius:"4px",backgroundColor:e.color[AO[t]],color:"white",fontFamily:At.fonts.base,textTransform:"uppercase",fontSize:At.size.s1,letterSpacing:3,fontWeight:At.weight.bold,minWidth:65,textAlign:"center"})),SO=h(({status:e})=>{let t=xO[e];return c.createElement(wO,{"aria-label":"Status of the test run",status:e},t)},"StatusBadge"),CO=R.div(({theme:e})=>({boxShadow:`${e.appBorderColor} 0 -1px 0 0 inset`,background:e.background.app,position:"sticky",top:0,zIndex:1})),DO=R.nav({height:40,display:"flex",alignItems:"center",justifyContent:"space-between",paddingLeft:15}),TO=R(Je)(({theme:e})=>({borderRadius:4,padding:6,color:e.textMutedColor,"&:not(:disabled)":{"&:hover,&:focus-visible":{color:e.color.secondary}}})),Jn=R(vt)(({theme:e})=>({fontFamily:e.typography.fonts.base})),no=R(ce)(({theme:e})=>({color:e.textMutedColor,margin:"0 3px"})),kO=R(Ci)({marginTop:0}),OO=R(xi)(({theme:e})=>({color:e.textMutedColor,justifyContent:"flex-end",textAlign:"right",whiteSpace:"nowrap",marginTop:"auto",marginBottom:1,paddingRight:15,fontSize:13})),_0=R.div({display:"flex",alignItems:"center"}),IO=R(no)({marginLeft:9}),RO=R(TO)({marginLeft:9,marginRight:9,marginBottom:1,lineHeight:"12px"}),BO=R(no)(({theme:e,animating:t,disabled:r})=>({opacity:r?.5:1,svg:{animation:t?`${e.animation.rotate360} 200ms ease-out`:void 0}})),_O=h(({controls:e,controlStates:t,status:r,storyFileName:n,onScrollToEnd:o})=>{let a=r==="errored"?"Scroll to error":"Scroll to end",i=Qe();return c.createElement(CO,null,c.createElement(Tn,{backgroundColor:i.background.app},c.createElement(DO,{"aria-label":"Component tests toolbar"},c.createElement(_0,null,c.createElement(SO,{status:r}),c.createElement(RO,{onClick:o,disabled:!o},a),c.createElement(kO,null),c.createElement(De,{trigger:"hover",hasChrome:!1,tooltip:c.createElement(Jn,{note:"Go to start"})},c.createElement(IO,{"aria-label":"Go to start",onClick:e.start,disabled:!t.start},c.createElement($c,null))),c.createElement(De,{trigger:"hover",hasChrome:!1,tooltip:c.createElement(Jn,{note:"Go back"})},c.createElement(no,{"aria-label":"Go back",onClick:e.back,disabled:!t.back},c.createElement(Lc,null))),c.createElement(De,{trigger:"hover",hasChrome:!1,tooltip:c.createElement(Jn,{note:"Go forward"})},c.createElement(no,{"aria-label":"Go forward",onClick:e.next,disabled:!t.next},c.createElement(Mc,null))),c.createElement(De,{trigger:"hover",hasChrome:!1,tooltip:c.createElement(Jn,{note:"Go to end"})},c.createElement(no,{"aria-label":"Go to end",onClick:e.end,disabled:!t.end},c.createElement(Ic,null))),c.createElement(De,{trigger:"hover",hasChrome:!1,tooltip:c.createElement(Jn,{note:"Rerun"})},c.createElement(BO,{"aria-label":"Rerun",onClick:e.rerun},c.createElement(Vc,null)))),n&&c.createElement(_0,null,c.createElement(OO,null,n)))))},"Subnav"),FO=R.div(({theme:{color:e,typography:t,background:r}})=>({textAlign:"start",padding:"11px 15px",fontSize:`${t.size.s2-1}px`,fontWeight:t.weight.regular,lineHeight:"1rem",background:r.app,borderBottom:`1px solid ${e.border}`,color:e.defaultText,backgroundClip:"padding-box",position:"relative",code:{fontSize:`${t.size.s1-1}px`,color:"inherit",margin:"0 0.2em",padding:"0 0.2em",background:"rgba(255, 255, 255, 0.8)",borderRadius:"2px",boxShadow:"0 0 0 1px rgba(0, 0, 0, 0.1)"}})),PO=h(({browserTestStatus:e})=>{let t=tt().getDocsUrl({subpath:ok,versioned:!0,renderer:!0}),[r,n]=e==="error"?["the CLI","this browser"]:["this browser","the CLI"];return c.createElement(FO,null,"This interaction test passed in ",r,", but the tests failed in ",n,"."," ",c.createElement(Ze,{href:t,target:"_blank",withArrow:!0},"Learn what could cause this"))},"TestDiscrepancyMessage"),NO=R.div(({theme:e})=>({height:"100%",background:e.background.content})),F0=R Line truncated
}catch(e){ console.error("[Storybook] One of your manager-entries failed: " + import.meta.url, e); }
@@ -0,0 +1,3 @@
try{
(()=>{var n=__REACT__,{Children:Lt,Component:Ut,Fragment:jt,Profiler:Mt,PureComponent:Nt,StrictMode:Ht,Suspense:Ft,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:Gt,act:$t,cloneElement:zt,createContext:Wt,createElement:Kt,createFactory:Yt,createRef:Vt,forwardRef:Zt,isValidElement:qt,lazy:Jt,memo:Qt,startTransition:Xt,unstable_act:en,useCallback:L,useContext:V,useDebugValue:tn,useDeferredValue:nn,useEffect:U,useId:on,useImperativeHandle:rn,useInsertionEffect:an,useLayoutEffect:ln,useMemo:Z,useReducer:cn,useRef:q,useState:R,useSyncExternalStore:sn,useTransition:un,version:dn}=__REACT__;var hn=__STORYBOOK_TYPES__,{Addon_TypesEnum:J}=__STORYBOOK_TYPES__;var Tn=__STORYBOOK_API__,{ActiveTabs:bn,Consumer:yn,ManagerContext:Cn,Provider:_n,RequestResponseError:An,addons:x,combineParameters:wn,controlOrMetaKey:On,controlOrMetaSymbol:Rn,eventMatchesShortcut:xn,eventToShortcut:Pn,experimental_MockUniversalStore:kn,experimental_UniversalStore:Q,experimental_getStatusStore:j,experimental_getTestProviderStore:X,experimental_requestResponse:Bn,experimental_useStatusStore:M,experimental_useTestProviderStore:ee,experimental_useUniversalStore:te,internal_fullStatusStore:Dn,internal_fullTestProviderStore:Ln,internal_universalStatusStore:Un,internal_universalTestProviderStore:jn,isMacLike:Mn,isShortcutTaken:Nn,keyToSymbol:Hn,merge:Fn,mockChannel:Gn,optionOrAltSymbol:$n,shortcutMatchesShortcut:zn,shortcutToHumanString:Wn,types:Kn,useAddonState:Yn,useArgTypes:Vn,useArgs:Zn,useChannel:qn,useGlobalTypes:Jn,useGlobals:Qn,useParameter:Xn,useSharedState:eo,useStoryPrepared:to,useStorybookApi:ne,useStorybookState:no}=__STORYBOOK_API__;var co=__STORYBOOK_COMPONENTS__,{A:so,ActionBar:io,AddonPanel:uo,Badge:mo,Bar:go,Blockquote:Io,Button:N,ClipboardCode:po,Code:ho,DL:fo,Div:vo,DocumentWrapper:So,EmptyTabContent:Eo,ErrorFormatter:To,FlexBar:bo,Form:P,H1:yo,H2:Co,H3:_o,H4:Ao,H5:wo,H6:Oo,HR:Ro,IconButton:f,Img:xo,LI:Po,Link:H,ListItem:k,Loader:ko,Modal:F,OL:Bo,P:Do,Placeholder:Lo,Pre:Uo,ProgressSpinner:oe,ResetWrapper:jo,ScrollArea:Mo,Separator:No,Spaced:Ho,Span:Fo,StorybookIcon:Go,StorybookLogo:$o,SyntaxHighlighter:zo,TT:Wo,TabBar:Ko,TabButton:Yo,TabWrapper:Vo,Table:Zo,Tabs:qo,TabsState:Jo,TooltipLinkList:Qo,TooltipMessage:Xo,TooltipNote:b,UL:er,WithTooltip:y,WithTooltipPure:tr,Zoom:nr,codeCommon:or,components:rr,createCopyToClipboardFunction:ar,getStoryHref:lr,interleaveSeparators:cr,nameSpaceClassNames:sr,resetComponents:ir,withReset:ur}=__STORYBOOK_COMPONENTS__;var pr=__STORYBOOK_ICONS__,{AccessibilityAltIcon:hr,AccessibilityIcon:fr,AccessibilityIgnoredIcon:vr,AddIcon:Sr,AdminIcon:Er,AlertAltIcon:Tr,AlertIcon:br,AlignLeftIcon:yr,AlignRightIcon:Cr,AppleIcon:_r,ArrowBottomLeftIcon:Ar,ArrowBottomRightIcon:wr,ArrowDownIcon:Or,ArrowLeftIcon:Rr,ArrowRightIcon:xr,ArrowSolidDownIcon:Pr,ArrowSolidLeftIcon:kr,ArrowSolidRightIcon:Br,ArrowSolidUpIcon:Dr,ArrowTopLeftIcon:Lr,ArrowTopRightIcon:Ur,ArrowUpIcon:jr,AzureDevOpsIcon:Mr,BackIcon:Nr,BasketIcon:Hr,BatchAcceptIcon:Fr,BatchDenyIcon:Gr,BeakerIcon:$r,BellIcon:zr,BitbucketIcon:Wr,BoldIcon:Kr,BookIcon:Yr,BookmarkHollowIcon:Vr,BookmarkIcon:Zr,BottomBarIcon:qr,BottomBarToggleIcon:Jr,BoxIcon:Qr,BranchIcon:Xr,BrowserIcon:ea,ButtonIcon:ta,CPUIcon:na,CalendarIcon:oa,CameraIcon:ra,CameraStabilizeIcon:aa,CategoryIcon:la,CertificateIcon:ca,ChangedIcon:sa,ChatIcon:ia,CheckIcon:ua,ChevronDownIcon:da,ChevronLeftIcon:ma,ChevronRightIcon:ga,ChevronSmallDownIcon:Ia,ChevronSmallLeftIcon:pa,ChevronSmallRightIcon:ha,ChevronSmallUpIcon:fa,ChevronUpIcon:va,ChromaticIcon:Sa,ChromeIcon:Ea,CircleHollowIcon:Ta,CircleIcon:ba,ClearIcon:ya,CloseAltIcon:Ca,CloseIcon:re,CloudHollowIcon:_a,CloudIcon:Aa,CogIcon:wa,CollapseIcon:Oa,CommandIcon:Ra,CommentAddIcon:xa,CommentIcon:Pa,CommentsIcon:ka,CommitIcon:Ba,CompassIcon:Da,ComponentDrivenIcon:La,ComponentIcon:Ua,ContrastIcon:ja,ContrastIgnoredIcon:Ma,ControlsIcon:Na,CopyIcon:Ha,CreditIcon:Fa,CrossIcon:Ga,DashboardIcon:$a,DatabaseIcon:za,DeleteIcon:Wa,DiamondIcon:Ka,DirectionIcon:Ya,DiscordIcon:Va,DocChartIcon:Za,DocListIcon:qa,DocumentIcon:Ja,DownloadIcon:Qa,DragIcon:Xa,EditIcon:el,EllipsisIcon:tl,EmailIcon:nl,ExpandAltIcon:ol,ExpandIcon:rl,EyeCloseIcon:al,EyeIcon:ae,FaceHappyIcon:ll,FaceNeutralIcon:cl,FaceSadIcon:sl,FacebookIcon:il,FailedIcon:ul,FastForwardIcon:dl,FigmaIcon:ml,FilterIcon:gl,FlagIcon:Il,FolderIcon:pl,FormIcon:hl,GDriveIcon:fl,GithubIcon:vl,GitlabIcon:Sl,GlobeIcon:El,GoogleIcon:Tl,GraphBarIcon:bl,GraphLineIcon:yl,GraphqlIcon:Cl,GridAltIcon:_l,GridIcon:Al,GrowIcon:wl,HeartHollowIcon:Ol,HeartIcon:Rl,HomeIcon:xl,HourglassIcon:Pl,InfoIcon:le,ItalicIcon:kl,JumpToIcon:Bl,KeyIcon:Dl,LightningIcon:Ll,LightningOffIcon:Ul,LinkBrokenIcon:jl,LinkIcon:Ml,LinkedinIcon:Nl,LinuxIcon:Hl,ListOrderedIcon:Fl,ListUnorderedIcon:Gl,LocationIcon:$l,LockIcon:zl,MarkdownIcon:Wl,MarkupIcon:Kl,MediumIcon:Yl,MemoryIcon:Vl,MenuIcon:Zl,MergeIcon:ql,MirrorIcon:Jl,MobileIcon:Ql,MoonIcon:Xl,NutIcon:ec,OutboxIcon:tc,OutlineIcon:nc,PaintBrushIcon:oc,PaperClipIcon:rc,ParagraphIcon:ac,PassedIcon:lc,PLine truncated
}catch(e){ console.error("[Storybook] One of your manager-entries failed: " + import.meta.url, e); }
+46
View File
@@ -0,0 +1,46 @@
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<defs>
<mask id="active-mask">
<rect x="0" y="0" width="32" height="32" fill="#FFF" />
<path fill="#000" fill-rule="nonzero"
d="M25,15.3 C26.8630998,15.3 28.7261995,16.2284418 29.795607,18.0853254 L29.795607,18.0853254 L34.7484772,26.6853254 C35.2679728,27.5873604 35.5068948,28.5446245 35.509009,29.4780654 C35.5112408,30.4762222 35.243212,31.4466974 34.7610935,32.2926531 C34.2789749,33.1386087 33.5826171,33.8603071 32.7267084,34.3600412 C31.9262928,34.8273748 30.9864445,35.1 29.9528702,35.1 L29.9528702,35.1 L20.0471298,35.1 C19.0135555,35.1 18.0737072,34.8273748 17.2732916,34.3600412 C16.4173829,33.8603071 15.7210251,33.1386087 15.2389065,32.2926531 C14.756788,31.4466974 14.4887592,30.4762222 14.490991,29.4780654 C14.4931052,28.5446245 14.7320272,27.5873604 15.2515228,26.6853254 L15.2515228,26.6853254 L20.204393,18.0853254 C21.2738005,16.2284418 23.1369002,15.3 25,15.3 Z"
transform="rotate(90 25 25.2)" />
</mask>
<mask id="critical-mask">
<rect x="0" y="0" width="32" height="32" fill="#FFF" />
<path fill="#000" fill-rule="nonzero"
d="M23.9,14.6 C26.7442665,14.6 29.3192665,15.7528668 31.1831998,17.6168002 C33.0471332,19.4807335 34.2,22.0557335 34.2,24.9 C34.2,27.7442665 33.0471332,30.3192665 31.1831998,32.1831998 C29.3192665,34.0471332 26.7442665,35.2 23.9,35.2 C21.0557335,35.2 18.4807335,34.0471332 16.6168002,32.1831998 C14.7528668,30.3192665 13.6,27.7442665 13.6,24.9 C13.6,22.0557335 14.7528668,19.4807335 16.6168002,17.6168002 C18.4807335,15.7528668 21.0557335,14.6 23.9,14.6 Z" />
</mask>
<mask id="negative-mask">
<rect x="0" y="0" width="32" height="32" fill="#FFF" />
<path fill="#000" fill-rule="nonzero"
d="M28.2,14.8 C29.633165,14.8 31.06633,15.346734 32.159798,16.440202 C33.2414078,17.5218119 33.7880833,18.9357904 33.8,20.353376 C33.811544,21.7725108 33.2872104,23.1952877 32.2266806,24.2917914 L32.2266806,24.2917914 L31.7206,24.8006729 L32.159798,25.240202 C33.253266,26.33367 33.8,27.766835 33.8,29.2 C33.8,30.633165 33.253266,32.06633 32.159798,33.159798 C31.0781881,34.2414078 29.6642096,34.7880833 28.246624,34.8 C26.8274892,34.811544 25.4047123,34.2872104 24.3082086,33.2266806 L24.3082086,33.2266806 L23.7993271,32.7206 L23.359798,33.159798 C22.26633,34.253266 20.833165,34.8 19.4,34.8 C17.966835,34.8 16.53367,34.253266 15.440202,33.159798 C14.3585922,32.0781881 13.8119167,30.6642096 13.8,29.246624 C13.788456,27.8274892 14.3127896,26.4047123 15.3733194,25.3082086 L15.3733194,25.3082086 L15.8794,24.7993271 L15.440202,24.359798 C14.346734,23.26633 13.8,21.833165 13.8,20.4 C13.8,18.966835 14.346734,17.53367 15.440202,16.440202 C16.5218119,15.3585922 17.9357904,14.8119167 19.353376,14.8 C20.7725108,14.788456 22.1952877,15.3127896 23.2917914,16.3733194 L23.2917914,16.3733194 L23.8006729,16.8794 L24.240202,16.440202 C25.33367,15.346734 26.766835,14.8 28.2,14.8 Z" />
</mask>
<mask id="positive-mask">
<rect x="0" y="0" width="32" height="32" fill="#FFF" />
<path fill="#000" fill-rule="nonzero"
d="M29.7294207,16.9922805 C31.1625744,16.9866282 32.5979013,17.5276612 33.6957071,18.6167741 C34.7816077,19.6940761 35.3338993,21.1058704 35.351258,22.5233982 C35.3686336,23.9423122 34.8500808,25.3669976 33.7941627,26.4676563 L33.7941627,26.4676563 L27.1794488,33.1363075 C26.0960963,34.2283069 24.675298,34.7802389 23.2508341,34.7920857 C21.8249459,34.8039445 20.3953569,34.27469 19.296927,33.2041927 L19.296927,33.2041927 L15.7761737,29.656491 C14.6870608,28.5586851 14.1460279,27.1233582 14.1516801,25.6902046 C14.1574213,24.2570509 14.7098478,22.8260705 15.8076536,21.7369576 C16.7544861,20.7976225 17.9523748,20.2659173 19.1834383,20.1411672 C20.4372495,20.0141119 21.7255226,20.3088158 22.8178242,21.0249737 L22.8178242,21.0249737 L23.1781395,21.2667759 L25.7761737,18.648254 C26.8652867,17.5504481 28.2962671,16.9980217 29.7294207,16.9922805 Z" />
</mask>
<mask id="warning-mask">
<rect x="0" y="0" width="32" height="32" fill="#FFF" />
<path fill="#000" fill-rule="nonzero"
d="M23.8,14.8 C25.6808284,14.8 27.5616567,15.7284418 28.6412402,17.5853254 L28.6412402,17.5853254 L33.6412402,26.1853254 C34.1656792,27.0873604 34.4068747,28.0446245 34.409009,28.9780654 C34.4112621,29.9762222 34.1406828,30.9466974 33.6539766,31.7926531 C33.1672704,32.6386087 32.4642862,33.3603071 31.600233,33.8600412 C30.7922009,34.3273748 29.8434094,34.6 28.8,34.6 L28.8,34.6 L18.8,34.6 C17.7565906,34.6 16.8077991,34.3273748 15.999767,33.8600412 C15.1357138,33.3603071 14.4327296,32.6386087 13.9460234,31.7926531 C13.4593172,30.9466974 13.1887379,29.9762222 13.190991,28.9780654 C13.1931253,28.0446245 13.4343208,27.0873604 13.9587598,26.1853254 L13.9587598,26.1853254 L18.9587598,17.5853254 C20.0383433,15.7284418 21.9191716,14.8 23.8,14.8 Z" />
</mask>
<polygon id="active" fill="none" stroke="#029CFD" stroke-linejoin="round" stroke-width="2.8"
points="25 21 30 29.6 20 29.6" transform="rotate(90 25 25.3)" />
<circle id="critical" fill="none" cx="23.9" cy="24.9" r="4.7" stroke="#000" stroke-linejoin="round"
stroke-width="2.8" />
<path id="negative" fill="none" stroke="#F40" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.8"
d="M19.4,20.4 L28.2,29.2 M28.2,20.4 L19.4,29.2" />
<polyline id="positive" fill="none" stroke="#66BF3C" stroke-linecap="round" stroke-linejoin="round"
stroke-width="2.8" points="19.752 25.712 23.204 29.192 29.752 22.592" />
<polygon id="warning" fill="none" stroke="#FFAE00" stroke-linejoin="round" stroke-width="2.8"
points="23.8 20.4 28.8 29 18.8 29" />
</defs>
<g id="mask">
<use id="icon" />
</g>
<use id="status" />
</svg>

After

Width:  |  Height:  |  Size: 5.7 KiB

+1
View File
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none" fill-rule="evenodd"><path fill="#FF4785" fill-rule="nonzero" d="M3.19456517,29.5523576 L2.20116517,3.08035756 C2.16820317,2.206041 2.83853396,1.46497625 3.71176517,1.41035756 L26.2285652,0.00315756388 C26.6728415,-0.0246745074 27.1088544,0.132425741 27.4332785,0.437229126 C27.7577026,0.74203251 27.9415652,1.16741027 27.9415652,1.61255756 L27.9415652,30.4585576 C27.9415652,30.8987416 27.7615266,31.3197739 27.4433606,31.6239653 C27.1251947,31.9281568 26.6965078,32.0890657 26.2567652,32.0693576 L4.73376517,31.1027576 C3.89549138,31.0651477 3.22618762,30.3908861 3.19476517,29.5523576 L3.19456517,29.5523576 Z"/><path fill="#FFF" d="M24.4581652,0.113957564 L21.3591652,0.307557564 L21.2081652,3.94195756 C21.2043927,4.0349625 21.2546048,4.1217998 21.3370927,4.16492627 C21.4195807,4.20805273 21.5195442,4.19973049 21.5937652,4.14355756 L23.0057652,3.07275756 L24.1981652,4.01215756 C24.2717133,4.07021898 24.3722957,4.08025391 24.4558654,4.03786787 C24.539435,3.99548183 24.5907604,3.90840015 24.5873652,3.81475756 L24.4581652,0.113757564 L24.4581652,0.113957564 Z M22.0463652,12.2851576 C21.4791652,12.7257576 17.2533652,13.0265576 17.2533652,12.3991576 C17.3427652,10.0053576 16.2709652,9.90035756 15.6755652,9.90035756 C15.1099652,9.90035756 14.1575652,10.0713576 14.1575652,11.3537576 C14.1575652,12.6605576 15.5495652,13.3983576 17.1835652,14.2643576 C19.5049652,15.4943576 22.3143652,16.9831576 22.3143652,20.7295576 C22.3143652,24.3201576 19.3967652,26.3037576 15.6755652,26.3037576 C11.8353652,26.3037576 8.47936517,24.7499576 8.85836517,19.3633576 C9.00716517,18.7307576 13.8895652,18.8811576 13.8895652,19.3633576 C13.8299652,21.5861576 14.3359652,22.2399576 15.6161652,22.2399576 C16.5985652,22.2399576 17.0449652,21.6983576 17.0449652,20.7865576 C17.0449652,19.4065576 15.5945652,18.5919576 13.9259652,17.6551576 C11.6665652,16.3865576 9.00716517,14.8935576 9.00716517,11.4679576 C9.00716517,8.04835756 11.3591652,5.76855756 15.5565652,5.76855756 C19.7541652,5.76855756 22.0463652,8.01335756 22.0463652,12.2853576 L22.0463652,12.2851576 Z"/></g></svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
+797
View File
@@ -0,0 +1,797 @@
import ESM_COMPAT_Module from "node:module";
import { fileURLToPath as ESM_COMPAT_fileURLToPath } from 'node:url';
import { dirname as ESM_COMPAT_dirname } from 'node:path';
const __filename = ESM_COMPAT_fileURLToPath(import.meta.url);
const __dirname = ESM_COMPAT_dirname(__filename);
const require = ESM_COMPAT_Module.createRequire(import.meta.url);
// src/manager/globals/exports.ts
var n = {
react: [
"Children",
"Component",
"Fragment",
"Profiler",
"PureComponent",
"StrictMode",
"Suspense",
"__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED",
"act",
"cloneElement",
"createContext",
"createElement",
"createFactory",
"createRef",
"forwardRef",
"isValidElement",
"lazy",
"memo",
"startTransition",
"unstable_act",
"useCallback",
"useContext",
"useDebugValue",
"useDeferredValue",
"useEffect",
"useId",
"useImperativeHandle",
"useInsertionEffect",
"useLayoutEffect",
"useMemo",
"useReducer",
"useRef",
"useState",
"useSyncExternalStore",
"useTransition",
"version"
],
"react-dom": [
"__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED",
"createPortal",
"createRoot",
"findDOMNode",
"flushSync",
"hydrate",
"hydrateRoot",
"render",
"unmountComponentAtNode",
"unstable_batchedUpdates",
"unstable_renderSubtreeIntoContainer",
"version"
],
"react-dom/client": ["createRoot", "hydrateRoot"],
"@storybook/icons": [
"AccessibilityAltIcon",
"AccessibilityIcon",
"AccessibilityIgnoredIcon",
"AddIcon",
"AdminIcon",
"AlertAltIcon",
"AlertIcon",
"AlignLeftIcon",
"AlignRightIcon",
"AppleIcon",
"ArrowBottomLeftIcon",
"ArrowBottomRightIcon",
"ArrowDownIcon",
"ArrowLeftIcon",
"ArrowRightIcon",
"ArrowSolidDownIcon",
"ArrowSolidLeftIcon",
"ArrowSolidRightIcon",
"ArrowSolidUpIcon",
"ArrowTopLeftIcon",
"ArrowTopRightIcon",
"ArrowUpIcon",
"AzureDevOpsIcon",
"BackIcon",
"BasketIcon",
"BatchAcceptIcon",
"BatchDenyIcon",
"BeakerIcon",
"BellIcon",
"BitbucketIcon",
"BoldIcon",
"BookIcon",
"BookmarkHollowIcon",
"BookmarkIcon",
"BottomBarIcon",
"BottomBarToggleIcon",
"BoxIcon",
"BranchIcon",
"BrowserIcon",
"ButtonIcon",
"CPUIcon",
"CalendarIcon",
"CameraIcon",
"CameraStabilizeIcon",
"CategoryIcon",
"CertificateIcon",
"ChangedIcon",
"ChatIcon",
"CheckIcon",
"ChevronDownIcon",
"ChevronLeftIcon",
"ChevronRightIcon",
"ChevronSmallDownIcon",
"ChevronSmallLeftIcon",
"ChevronSmallRightIcon",
"ChevronSmallUpIcon",
"ChevronUpIcon",
"ChromaticIcon",
"ChromeIcon",
"CircleHollowIcon",
"CircleIcon",
"ClearIcon",
"CloseAltIcon",
"CloseIcon",
"CloudHollowIcon",
"CloudIcon",
"CogIcon",
"CollapseIcon",
"CommandIcon",
"CommentAddIcon",
"CommentIcon",
"CommentsIcon",
"CommitIcon",
"CompassIcon",
"ComponentDrivenIcon",
"ComponentIcon",
"ContrastIcon",
"ContrastIgnoredIcon",
"ControlsIcon",
"CopyIcon",
"CreditIcon",
"CrossIcon",
"DashboardIcon",
"DatabaseIcon",
"DeleteIcon",
"DiamondIcon",
"DirectionIcon",
"DiscordIcon",
"DocChartIcon",
"DocListIcon",
"DocumentIcon",
"DownloadIcon",
"DragIcon",
"EditIcon",
"EllipsisIcon",
"EmailIcon",
"ExpandAltIcon",
"ExpandIcon",
"EyeCloseIcon",
"EyeIcon",
"FaceHappyIcon",
"FaceNeutralIcon",
"FaceSadIcon",
"FacebookIcon",
"FailedIcon",
"FastForwardIcon",
"FigmaIcon",
"FilterIcon",
"FlagIcon",
"FolderIcon",
"FormIcon",
"GDriveIcon",
"GithubIcon",
"GitlabIcon",
"GlobeIcon",
"GoogleIcon",
"GraphBarIcon",
"GraphLineIcon",
"GraphqlIcon",
"GridAltIcon",
"GridIcon",
"GrowIcon",
"HeartHollowIcon",
"HeartIcon",
"HomeIcon",
"HourglassIcon",
"InfoIcon",
"ItalicIcon",
"JumpToIcon",
"KeyIcon",
"LightningIcon",
"LightningOffIcon",
"LinkBrokenIcon",
"LinkIcon",
"LinkedinIcon",
"LinuxIcon",
"ListOrderedIcon",
"ListUnorderedIcon",
"LocationIcon",
"LockIcon",
"MarkdownIcon",
"MarkupIcon",
"MediumIcon",
"MemoryIcon",
"MenuIcon",
"MergeIcon",
"MirrorIcon",
"MobileIcon",
"MoonIcon",
"NutIcon",
"OutboxIcon",
"OutlineIcon",
"PaintBrushIcon",
"PaperClipIcon",
"ParagraphIcon",
"PassedIcon",
"PhoneIcon",
"PhotoDragIcon",
"PhotoIcon",
"PhotoStabilizeIcon",
"PinAltIcon",
"PinIcon",
"PlayAllHollowIcon",
"PlayBackIcon",
"PlayHollowIcon",
"PlayIcon",
"PlayNextIcon",
"PlusIcon",
"PointerDefaultIcon",
"PointerHandIcon",
"PowerIcon",
"PrintIcon",
"ProceedIcon",
"ProfileIcon",
"PullRequestIcon",
"QuestionIcon",
"RSSIcon",
"RedirectIcon",
"ReduxIcon",
"RefreshIcon",
"ReplyIcon",
"RepoIcon",
"RequestChangeIcon",
"RewindIcon",
"RulerIcon",
"SaveIcon",
"SearchIcon",
"ShareAltIcon",
"ShareIcon",
"ShieldIcon",
"SideBySideIcon",
"SidebarAltIcon",
"SidebarAltToggleIcon",
"SidebarIcon",
"SidebarToggleIcon",
"SpeakerIcon",
"StackedIcon",
"StarHollowIcon",
"StarIcon",
"StatusFailIcon",
"StatusIcon",
"StatusPassIcon",
"StatusWarnIcon",
"StickerIcon",
"StopAltHollowIcon",
"StopAltIcon",
"StopIcon",
"StorybookIcon",
"StructureIcon",
"SubtractIcon",
"SunIcon",
"SupportIcon",
"SweepIcon",
"SwitchAltIcon",
"SyncIcon",
"TabletIcon",
"ThumbsUpIcon",
"TimeIcon",
"TimerIcon",
"TransferIcon",
"TrashIcon",
"TwitterIcon",
"TypeIcon",
"UbuntuIcon",
"UndoIcon",
"UnfoldIcon",
"UnlockIcon",
"UnpinIcon",
"UploadIcon",
"UserAddIcon",
"UserAltIcon",
"UserIcon",
"UsersIcon",
"VSCodeIcon",
"VerifiedIcon",
"VideoIcon",
"WandIcon",
"WatchIcon",
"WindowsIcon",
"WrenchIcon",
"XIcon",
"YoutubeIcon",
"ZoomIcon",
"ZoomOutIcon",
"ZoomResetIcon",
"iconList"
],
"storybook/manager-api": [
"ActiveTabs",
"Consumer",
"ManagerContext",
"Provider",
"RequestResponseError",
"addons",
"combineParameters",
"controlOrMetaKey",
"controlOrMetaSymbol",
"eventMatchesShortcut",
"eventToShortcut",
"experimental_MockUniversalStore",
"experimental_UniversalStore",
"experimental_getStatusStore",
"experimental_getTestProviderStore",
"experimental_requestResponse",
"experimental_useStatusStore",
"experimental_useTestProviderStore",
"experimental_useUniversalStore",
"internal_fullStatusStore",
"internal_fullTestProviderStore",
"internal_universalStatusStore",
"internal_universalTestProviderStore",
"isMacLike",
"isShortcutTaken",
"keyToSymbol",
"merge",
"mockChannel",
"optionOrAltSymbol",
"shortcutMatchesShortcut",
"shortcutToHumanString",
"types",
"useAddonState",
"useArgTypes",
"useArgs",
"useChannel",
"useGlobalTypes",
"useGlobals",
"useParameter",
"useSharedState",
"useStoryPrepared",
"useStorybookApi",
"useStorybookState"
],
"storybook/theming": [
"CacheProvider",
"ClassNames",
"Global",
"ThemeProvider",
"background",
"color",
"convert",
"create",
"createCache",
"createGlobal",
"createReset",
"css",
"darken",
"ensure",
"ignoreSsrWarning",
"isPropValid",
"jsx",
"keyframes",
"lighten",
"styled",
"themes",
"typography",
"useTheme",
"withTheme"
],
"storybook/theming/create": ["create", "themes"],
"storybook/test": [
"buildQueries",
"clearAllMocks",
"configure",
"createEvent",
"expect",
"findAllByAltText",
"findAllByDisplayValue",
"findAllByLabelText",
"findAllByPlaceholderText",
"findAllByRole",
"findAllByTestId",
"findAllByText",
"findAllByTitle",
"findByAltText",
"findByDisplayValue",
"findByLabelText",
"findByPlaceholderText",
"findByRole",
"findByTestId",
"findByText",
"findByTitle",
"fireEvent",
"fn",
"getAllByAltText",
"getAllByDisplayValue",
"getAllByLabelText",
"getAllByPlaceholderText",
"getAllByRole",
"getAllByTestId",
"getAllByText",
"getAllByTitle",
"getByAltText",
"getByDisplayValue",
"getByLabelText",
"getByPlaceholderText",
"getByRole",
"getByTestId",
"getByText",
"getByTitle",
"getConfig",
"getDefaultNormalizer",
"getElementError",
"getNodeText",
"getQueriesForElement",
"getRoles",
"getSuggestedQuery",
"isInaccessible",
"isMockFunction",
"logDOM",
"logRoles",
"mocked",
"mocks",
"onMockCall",
"prettyDOM",
"prettyFormat",
"queries",
"queryAllByAltText",
"queryAllByAttribute",
"queryAllByDisplayValue",
"queryAllByLabelText",
"queryAllByPlaceholderText",
"queryAllByRole",
"queryAllByTestId",
"queryAllByText",
"queryAllByTitle",
"queryByAltText",
"queryByAttribute",
"queryByDisplayValue",
"queryByLabelText",
"queryByPlaceholderText",
"queryByRole",
"queryByTestId",
"queryByText",
"queryByTitle",
"queryHelpers",
"resetAllMocks",
"restoreAllMocks",
"sb",
"screen",
"spyOn",
"uninstrumentedUserEvent",
"userEvent",
"waitFor",
"waitForElementToBeRemoved",
"within"
],
"storybook/internal/channels": [
"Channel",
"HEARTBEAT_INTERVAL",
"HEARTBEAT_MAX_LATENCY",
"PostMessageTransport",
"WebsocketTransport",
"createBrowserChannel"
],
"storybook/internal/client-logger": ["deprecate", "logger", "once", "pretty"],
"storybook/internal/components": [
"A",
"ActionBar",
"AddonPanel",
"Badge",
"Bar",
"Blockquote",
"Button",
"ClipboardCode",
"Code",
"DL",
"Div",
"DocumentWrapper",
"EmptyTabContent",
"ErrorFormatter",
"FlexBar",
"Form",
"H1",
"H2",
"H3",
"H4",
"H5",
"H6",
"HR",
"IconButton",
"Img",
"LI",
"Link",
"ListItem",
"Loader",
"Modal",
"OL",
"P",
"Placeholder",
"Pre",
"ProgressSpinner",
"ResetWrapper",
"ScrollArea",
"Separator",
"Spaced",
"Span",
"StorybookIcon",
"StorybookLogo",
"SyntaxHighlighter",
"TT",
"TabBar",
"TabButton",
"TabWrapper",
"Table",
"Tabs",
"TabsState",
"TooltipLinkList",
"TooltipMessage",
"TooltipNote",
"UL",
"WithTooltip",
"WithTooltipPure",
"Zoom",
"codeCommon",
"components",
"createCopyToClipboardFunction",
"getStoryHref",
"interleaveSeparators",
"nameSpaceClassNames",
"resetComponents",
"withReset"
],
"storybook/internal/core-errors": [
"ARGTYPES_INFO_REQUEST",
"ARGTYPES_INFO_RESPONSE",
"CHANNEL_CREATED",
"CHANNEL_WS_DISCONNECT",
"CONFIG_ERROR",
"CREATE_NEW_STORYFILE_REQUEST",
"CREATE_NEW_STORYFILE_RESPONSE",
"CURRENT_STORY_WAS_SET",
"DOCS_PREPARED",
"DOCS_RENDERED",
"FILE_COMPONENT_SEARCH_REQUEST",
"FILE_COMPONENT_SEARCH_RESPONSE",
"FORCE_REMOUNT",
"FORCE_RE_RENDER",
"GLOBALS_UPDATED",
"NAVIGATE_URL",
"PLAY_FUNCTION_THREW_EXCEPTION",
"PRELOAD_ENTRIES",
"PREVIEW_BUILDER_PROGRESS",
"PREVIEW_KEYDOWN",
"REGISTER_SUBSCRIPTION",
"REQUEST_WHATS_NEW_DATA",
"RESET_STORY_ARGS",
"RESULT_WHATS_NEW_DATA",
"SAVE_STORY_REQUEST",
"SAVE_STORY_RESPONSE",
"SELECT_STORY",
"SET_CONFIG",
"SET_CURRENT_STORY",
"SET_FILTER",
"SET_GLOBALS",
"SET_INDEX",
"SET_STORIES",
"SET_WHATS_NEW_CACHE",
"SHARED_STATE_CHANGED",
"SHARED_STATE_SET",
"STORIES_COLLAPSE_ALL",
"STORIES_EXPAND_ALL",
"STORY_ARGS_UPDATED",
"STORY_CHANGED",
"STORY_ERRORED",
"STORY_FINISHED",
"STORY_HOT_UPDATED",
"STORY_INDEX_INVALIDATED",
"STORY_MISSING",
"STORY_PREPARED",
"STORY_RENDERED",
"STORY_RENDER_PHASE_CHANGED",
"STORY_SPECIFIED",
"STORY_THREW_EXCEPTION",
"STORY_UNCHANGED",
"TELEMETRY_ERROR",
"TOGGLE_WHATS_NEW_NOTIFICATIONS",
"UNHANDLED_ERRORS_WHILE_PLAYING",
"UPDATE_GLOBALS",
"UPDATE_QUERY_PARAMS",
"UPDATE_STORY_ARGS"
],
"storybook/internal/core-events": [
"ARGTYPES_INFO_REQUEST",
"ARGTYPES_INFO_RESPONSE",
"CHANNEL_CREATED",
"CHANNEL_WS_DISCONNECT",
"CONFIG_ERROR",
"CREATE_NEW_STORYFILE_REQUEST",
"CREATE_NEW_STORYFILE_RESPONSE",
"CURRENT_STORY_WAS_SET",
"DOCS_PREPARED",
"DOCS_RENDERED",
"FILE_COMPONENT_SEARCH_REQUEST",
"FILE_COMPONENT_SEARCH_RESPONSE",
"FORCE_REMOUNT",
"FORCE_RE_RENDER",
"GLOBALS_UPDATED",
"NAVIGATE_URL",
"PLAY_FUNCTION_THREW_EXCEPTION",
"PRELOAD_ENTRIES",
"PREVIEW_BUILDER_PROGRESS",
"PREVIEW_KEYDOWN",
"REGISTER_SUBSCRIPTION",
"REQUEST_WHATS_NEW_DATA",
"RESET_STORY_ARGS",
"RESULT_WHATS_NEW_DATA",
"SAVE_STORY_REQUEST",
"SAVE_STORY_RESPONSE",
"SELECT_STORY",
"SET_CONFIG",
"SET_CURRENT_STORY",
"SET_FILTER",
"SET_GLOBALS",
"SET_INDEX",
"SET_STORIES",
"SET_WHATS_NEW_CACHE",
"SHARED_STATE_CHANGED",
"SHARED_STATE_SET",
"STORIES_COLLAPSE_ALL",
"STORIES_EXPAND_ALL",
"STORY_ARGS_UPDATED",
"STORY_CHANGED",
"STORY_ERRORED",
"STORY_FINISHED",
"STORY_HOT_UPDATED",
"STORY_INDEX_INVALIDATED",
"STORY_MISSING",
"STORY_PREPARED",
"STORY_RENDERED",
"STORY_RENDER_PHASE_CHANGED",
"STORY_SPECIFIED",
"STORY_THREW_EXCEPTION",
"STORY_UNCHANGED",
"TELEMETRY_ERROR",
"TOGGLE_WHATS_NEW_NOTIFICATIONS",
"UNHANDLED_ERRORS_WHILE_PLAYING",
"UPDATE_GLOBALS",
"UPDATE_QUERY_PARAMS",
"UPDATE_STORY_ARGS"
],
"storybook/internal/manager-errors": [
"Category",
"ProviderDoesNotExtendBaseProviderError",
"StatusTypeIdMismatchError",
"UncaughtManagerError"
],
"storybook/internal/router": [
"BaseLocationProvider",
"DEEPLY_EQUAL",
"Link",
"Location",
"LocationProvider",
"Match",
"Route",
"buildArgsParam",
"deepDiff",
"getMatch",
"parsePath",
"queryFromLocation",
"stringifyQuery",
"useNavigate"
],
"storybook/internal/types": ["Addon_TypesEnum"],
"storybook/internal/manager-api": [
"ActiveTabs",
"Consumer",
"ManagerContext",
"Provider",
"RequestResponseError",
"addons",
"combineParameters",
"controlOrMetaKey",
"controlOrMetaSymbol",
"eventMatchesShortcut",
"eventToShortcut",
"experimental_MockUniversalStore",
"experimental_UniversalStore",
"experimental_getStatusStore",
"experimental_getTestProviderStore",
"experimental_requestResponse",
"experimental_useStatusStore",
"experimental_useTestProviderStore",
"experimental_useUniversalStore",
"internal_fullStatusStore",
"internal_fullTestProviderStore",
"internal_universalStatusStore",
"internal_universalTestProviderStore",
"isMacLike",
"isShortcutTaken",
"keyToSymbol",
"merge",
"mockChannel",
"optionOrAltSymbol",
"shortcutMatchesShortcut",
"shortcutToHumanString",
"types",
"useAddonState",
"useArgTypes",
"useArgs",
"useChannel",
"useGlobalTypes",
"useGlobals",
"useParameter",
"useSharedState",
"useStoryPrepared",
"useStorybookApi",
"useStorybookState"
],
"storybook/internal/theming": [
"CacheProvider",
"ClassNames",
"Global",
"ThemeProvider",
"background",
"color",
"convert",
"create",
"createCache",
"createGlobal",
"createReset",
"css",
"darken",
"ensure",
"ignoreSsrWarning",
"isPropValid",
"jsx",
"keyframes",
"lighten",
"styled",
"themes",
"typography",
"useTheme",
"withTheme"
],
"storybook/internal/theming/create": ["create", "themes"]
};
// src/manager/globals/globals.ts
var o = {
react: "__REACT__",
"react-dom": "__REACT_DOM__",
"react-dom/client": "__REACT_DOM_CLIENT__",
"@storybook/icons": "__STORYBOOK_ICONS__",
"storybook/manager-api": "__STORYBOOK_API__",
"storybook/test": "__STORYBOOK_TEST__",
"storybook/theming": "__STORYBOOK_THEMING__",
"storybook/theming/create": "__STORYBOOK_THEMING_CREATE__",
"storybook/internal/channels": "__STORYBOOK_CHANNELS__",
"storybook/internal/client-logger": "__STORYBOOK_CLIENT_LOGGER__",
"storybook/internal/components": "__STORYBOOK_COMPONENTS__",
"storybook/internal/core-errors": "__STORYBOOK_CORE_EVENTS__",
"storybook/internal/core-events": "__STORYBOOK_CORE_EVENTS__",
"storybook/internal/manager-errors": "__STORYBOOK_CORE_EVENTS_MANAGER_ERRORS__",
"storybook/internal/router": "__STORYBOOK_ROUTER__",
"storybook/internal/types": "__STORYBOOK_TYPES__",
// @deprecated TODO: delete in 9.1
"storybook/internal/manager-api": "__STORYBOOK_API__",
"storybook/internal/theming": "__STORYBOOK_THEMING__",
"storybook/internal/theming/create": "__STORYBOOK_THEMING_CREATE__"
}, r = Object.keys(o);
// src/manager/globals/globals-module-info.ts
var E = r.reduce(
(t, e) => (t[e] = {
type: "esm",
varName: o[e],
namedExports: n[e],
defaultExport: !0
}, t),
{}
);
export {
E as globalsModuleInfoMap
};
File diff suppressed because it is too large. Load diff
+34
View File
@@ -0,0 +1,34 @@
import ESM_COMPAT_Module from "node:module";
import { fileURLToPath as ESM_COMPAT_fileURLToPath } from 'node:url';
import { dirname as ESM_COMPAT_dirname } from 'node:path';
const __filename = ESM_COMPAT_fileURLToPath(import.meta.url);
const __dirname = ESM_COMPAT_dirname(__filename);
const require = ESM_COMPAT_Module.createRequire(import.meta.url);
// src/manager/globals/globals.ts
var _ = {
react: "__REACT__",
"react-dom": "__REACT_DOM__",
"react-dom/client": "__REACT_DOM_CLIENT__",
"@storybook/icons": "__STORYBOOK_ICONS__",
"storybook/manager-api": "__STORYBOOK_API__",
"storybook/test": "__STORYBOOK_TEST__",
"storybook/theming": "__STORYBOOK_THEMING__",
"storybook/theming/create": "__STORYBOOK_THEMING_CREATE__",
"storybook/internal/channels": "__STORYBOOK_CHANNELS__",
"storybook/internal/client-logger": "__STORYBOOK_CLIENT_LOGGER__",
"storybook/internal/components": "__STORYBOOK_COMPONENTS__",
"storybook/internal/core-errors": "__STORYBOOK_CORE_EVENTS__",
"storybook/internal/core-events": "__STORYBOOK_CORE_EVENTS__",
"storybook/internal/manager-errors": "__STORYBOOK_CORE_EVENTS_MANAGER_ERRORS__",
"storybook/internal/router": "__STORYBOOK_ROUTER__",
"storybook/internal/types": "__STORYBOOK_TYPES__",
// @deprecated TODO: delete in 9.1
"storybook/internal/manager-api": "__STORYBOOK_API__",
"storybook/internal/theming": "__STORYBOOK_THEMING__",
"storybook/internal/theming/create": "__STORYBOOK_THEMING_CREATE__"
}, o = Object.keys(_);
export {
o as globalPackages,
_ as globalsNameReferenceMap
};
File diff suppressed because it is too large. Load diff
+1
View File
@@ -0,0 +1 @@
<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1155 1000"><path d="m577.3 0 577.4 1000H0z" fill="#fff"/></svg>

After

Width:  |  Height:  |  Size: 128 B

+18
View File
@@ -0,0 +1,18 @@
import{_ as ye}from"./assets/preload-helper-DIZFD4sK.js";class se{registryByUrl=new Map;registryById=new Map;clear(){this.registryByUrl.clear(),this.registryById.clear()}keys(){return this.registryByUrl.keys()}add(e){this.registryByUrl.set(e.url,e),this.registryById.set(e.id,e)}register(e,t,r,i,s){const a=typeof e=="object"?e.type:e;if(typeof e=="object"){const o=e;if(o instanceof q||o instanceof O||o instanceof F||o instanceof C)throw new TypeError(`[vitest] Cannot register a mock that is already defined. Expected a JSON representation from \`MockedModule.toJSON\`, instead got "${o.type}". Use "registry.add()" to update a mock instead.`);if(o.type==="automock"){const l=q.fromJSON(o);return this.add(l),l}else if(o.type==="autospy"){const l=O.fromJSON(o);return this.add(l),l}else if(o.type==="redirect"){const l=C.fromJSON(o);return this.add(l),l}else throw o.type==="manual"?new Error("Cannot set serialized manual mock. Define a factory function manually with `ManualMockedModule.fromJSON()`."):new Error(`Unknown mock type: ${o.type}`)}if(typeof t!="string")throw new TypeError("[vitest] Mocks require a raw string.");if(typeof i!="string")throw new TypeError("[vitest] Mocks require a url string.");if(typeof r!="string")throw new TypeError("[vitest] Mocks require an id string.");if(a==="manual"){if(typeof s!="function")throw new TypeError("[vitest] Manual mocks require a factory function.");const o=new F(t,r,i,s);return this.add(o),o}else if(a==="automock"||a==="autospy"){const o=a==="automock"?new q(t,r,i):new O(t,r,i);return this.add(o),o}else if(a==="redirect"){if(typeof s!="string")throw new TypeError("[vitest] Redirect mocks require a redirect string.");const o=new C(t,r,i,s);return this.add(o),o}else throw new Error(`[vitest] Unknown mock type: ${a}`)}delete(e){this.registryByUrl.delete(e)}get(e){return this.registryByUrl.get(e)}getById(e){return this.registryById.get(e)}has(e){return this.registryByUrl.has(e)}}class q{type="automock";constructor(e,t,r){this.raw=e,this.id=t,this.url=r}static fromJSON(e){return new O(e.raw,e.id,e.url)}toJSON(){return{type:this.type,url:this.url,raw:this.raw,id:this.id}}}class O{type="autospy";constructor(e,t,r){this.raw=e,this.id=t,this.url=r}static fromJSON(e){return new O(e.raw,e.id,e.url)}toJSON(){return{type:this.type,url:this.url,id:this.id,raw:this.raw}}}class C{type="redirect";constructor(e,t,r,i){this.raw=e,this.id=t,this.url=r,this.redirect=i}static fromJSON(e){return new C(e.raw,e.id,e.url,e.redirect)}toJSON(){return{type:this.type,url:this.url,raw:this.raw,id:this.id,redirect:this.redirect}}}class F{cache;type="manual";constructor(e,t,r,i){this.raw=e,this.id=t,this.url=r,this.factory=i}async resolve(){if(this.cache)return this.cache;let e;try{e=await this.factory()}catch(t){const r=new Error('[vitest] There was an error when mocking a module. If you are using "vi.mock" factory, make sure there are no top level variables inside, since this call is hoisted to top of the file. Read more: https://vitest.dev/api/vi.html#vi-mock');throw r.cause=t,r}if(e===null||typeof e!="object"||Array.isArray(e))throw new TypeError(`[vitest] vi.mock("${this.raw}", factory?: () => unknown) is not returning an object. Did you mean to return an object with a "default" key?`);return this.cache=e}static fromJSON(e,t){return new F(e.raw,e.id,e.url,t)}toJSON(){return{type:this.type,url:this.url,id:this.id,raw:this.raw}}}function me(n,e,t={}){const r=new Array,i=new ge,s=(l,d,h)=>{try{return l[d]=h,!0}catch{return!1}},a=(l,d)=>{const h=D(l),g=h==="Module"||!!l.__esModule;for(const{key:w,descriptor:b}of K(l,g,n.globalConstructors)){if(!g&&b.get){try{Object.defineProperty(d,w,b)}catch{}continue}if(ve(w,h))continue;const m=l[w],c=i.getId(m);if(c!==void 0){r.push(()=>s(d,w,i.getMockedValue(c)));continue}const u=D(m);if(Array.isArray(m)){s(d,w,[]);continue}const x=u.includes("Function")&&typeof m=="function";if((!x||m._isMockFunction)&&u!=="Object"&&u!=="Module"){s(d,w,m);continue}if(s(d,w,x?m:{})){if(x){let _=function(){if(this instanceof d[w])for(const{key:I,descriptor:R}of K(this,!1,n.globalConstructors)){if(R.get)continue;const N=this[I];if(D(N).includes("Function")&&typeof N=="function"){const L=this[I],f=M(this,I).mockImplementation(L),$=f.mockReset;f.mockRestore=f.mockReset=()=>($.call(f),f.mockImplementation(L),f)}}};if(!n.spyOn)throw new Error("[@vitest/mocker] `spyOn` is not defined. This is a Vitest error. Please open a new issue with reproduction.");const M=n.spyOn,P=M(d,w);if(n.type==="automock"){P.mockImplementation(_);const I=P.mockReset;P.mockRestore=P.mockReset=()=>(I.call(P),P.mockImplementation(_),P)}Object.defineProperty(d[w],"length",{value:0})}i.track(m,d[w]),a(m,d[w])}}},o=t;a(e,o);for(const l of r)l();return o}class ge{idMap=new Map;mockedValueMap=new Map;getId(e){return this.idMap.get(e)}getMockedValue(e){return this.mockedValueMap.get(e)}track(e,t){const r=this.idMap.size;return this.idMap.set(e,r),this.mockedValueMap.set(r,t),r}}function D(n){return Object.prototype.toLine truncated
* @license React
* react-is.production.js
*
* Copyright (c) Meta Platforms, Inc. and affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/var Z;function Oe(){if(Z)return k;Z=1;var n=Symbol.for("react.transitional.element"),e=Symbol.for("react.portal"),t=Symbol.for("react.fragment"),r=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),s=Symbol.for("react.consumer"),a=Symbol.for("react.context"),o=Symbol.for("react.forward_ref"),l=Symbol.for("react.suspense"),d=Symbol.for("react.suspense_list"),h=Symbol.for("react.memo"),g=Symbol.for("react.lazy"),w=Symbol.for("react.view_transition"),b=Symbol.for("react.client.reference");function m(c){if(typeof c=="object"&&c!==null){var u=c.$$typeof;switch(u){case n:switch(c=c.type,c){case t:case i:case r:case l:case d:case w:return c;default:switch(c=c&&c.$$typeof,c){case a:case o:case g:case h:return c;case s:return c;default:return u}}case e:return u}}}return k.ContextConsumer=s,k.ContextProvider=a,k.Element=n,k.ForwardRef=o,k.Fragment=t,k.Lazy=g,k.Memo=h,k.Portal=e,k.Profiler=i,k.StrictMode=r,k.Suspense=l,k.SuspenseList=d,k.isContextConsumer=function(c){return m(c)===s},k.isContextProvider=function(c){return m(c)===a},k.isElement=function(c){return typeof c=="object"&&c!==null&&c.$$typeof===n},k.isForwardRef=function(c){return m(c)===o},k.isFragment=function(c){return m(c)===t},k.isLazy=function(c){return m(c)===g},k.isMemo=function(c){return m(c)===h},k.isPortal=function(c){return m(c)===e},k.isProfiler=function(c){return m(c)===i},k.isStrictMode=function(c){return m(c)===r},k.isSuspense=function(c){return m(c)===l},k.isSuspenseList=function(c){return m(c)===d},k.isValidElementType=function(c){return typeof c=="string"||typeof c=="function"||c===t||c===i||c===r||c===l||c===d||typeof c=="object"&&c!==null&&(c.$$typeof===g||c.$$typeof===h||c.$$typeof===a||c.$$typeof===s||c.$$typeof===o||c.$$typeof===b||c.getModuleId!==void 0)},k.typeOf=m,k}var G;function Ce(){return G||(G=1,U.exports=Oe()),U.exports}var ue=Ce(),Ne=le(ue),Le=ae({__proto__:null,default:Ne},[ue]),z={exports:{}},v={};/**
* @license React
* react-is.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/var Q;function Je(){if(Q)return v;Q=1;var n=Symbol.for("react.element"),e=Symbol.for("react.portal"),t=Symbol.for("react.fragment"),r=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),s=Symbol.for("react.provider"),a=Symbol.for("react.context"),o=Symbol.for("react.server_context"),l=Symbol.for("react.forward_ref"),d=Symbol.for("react.suspense"),h=Symbol.for("react.suspense_list"),g=Symbol.for("react.memo"),w=Symbol.for("react.lazy"),b=Symbol.for("react.offscreen"),m;m=Symbol.for("react.module.reference");function c(u){if(typeof u=="object"&&u!==null){var x=u.$$typeof;switch(x){case n:switch(u=u.type,u){case t:case i:case r:case d:case h:return u;default:switch(u=u&&u.$$typeof,u){case o:case a:case l:case w:case g:case s:return u;default:return x}}case e:return x}}}return v.ContextConsumer=a,v.ContextProvider=s,v.Element=n,v.ForwardRef=l,v.Fragment=t,v.Lazy=w,v.Memo=g,v.Portal=e,v.Profiler=i,v.StrictMode=r,v.Suspense=d,v.SuspenseList=h,v.isAsyncMode=function(){return!1},v.isConcurrentMode=function(){return!1},v.isContextConsumer=function(u){return c(u)===a},v.isContextProvider=function(u){return c(u)===s},v.isElement=function(u){return typeof u=="object"&&u!==null&&u.$$typeof===n},v.isForwardRef=function(u){return c(u)===l},v.isFragment=function(u){return c(u)===t},v.isLazy=function(u){return c(u)===w},v.isMemo=function(u){return c(u)===g},v.isPortal=function(u){return c(u)===e},v.isProfiler=function(u){return c(u)===i},v.isStrictMode=function(u){return c(u)===r},v.isSuspense=function(u){return c(u)===d},v.isSuspenseList=function(u){return c(u)===h},v.isValidElementType=function(u){return typeof u=="string"||typeof u=="function"||u===t||u===i||u===r||u===d||u===h||u===b||typeof u=="object"&&u!==null&&(u.$$typeof===w||u.$$typeof===g||u.$$typeof===s||u.$$typeof===a||u.$$typeof===l||u.$$typeof===m||u.getModuleId!==void 0)},v.typeOf=c,v}var ee;function Be(){return ee||(ee=1,z.exports=Je()),z.exports}var fe=Be(),Xe=le(fe),qe=ae({__proto__:null,default:Xe},[fe]);const Fe=["isAsyncMode","isConcurrentMode","isContextConsumer","isContextProvider","isElement","isForwardRef","isFragment","isLazy","isMemo","isPortal","isProfiler","isStrictMode","isSuspense","isSuspenseList","isValidElementType"];Object.fromEntries(Fe.map(n=>[n,e=>qe[n](e)||Le[n](e)]));let De=()=>"Promise{…}";try{const{getPromiseDetails:n,kPending:e,kRejected:t}=process.binding("util");Array.isArray(n(Promise.resolve()))&&(De=(r,i)=>{const[s,a]=n(r);return s===e?"Promise{<pending>}":`Promise${s===t?"!":""}{${i.inspect(a,i)}}`})}catch{}function Ue(n){const{message:e="$$stack trace error",stackTraceLimit:t=1}=n||{},r=Error.stackTraceLimit,i=Error.prepareStackTrace;Error.stackTraceLimit=t,Error.prepareStackTrace=o=>o.stack;const a=new Error(e).stack||"";return Error.prepareStackTrace=i,Error.stackTraceLimit=r,a}var V,te;function ze(){if(te)return V;te=1;var n,e,t,r,i,s,a,o,l,d,h,g,w,b,m,c,u,x,M;return w=/\/(?![*\/])(?:\[(?:(?![\]\\]).|\\.)*\]|(?![\/\\]).|\\.)*(\/[$_\u200C\u200D\p{ID_Continue}]*|\\)?/uy,g=/--|\+\+|=>|\.{3}|\??\.(?!\d)|(?:&&|\|\||\?\?|[+\-%&|^]|\*{1,2}|<{1,2}|>{1,3}|!=?|={1,2}|\/(?![\/*]))=?|[?~,:;[\](){}]/y,n=/(\x23?)(?=[$_\p{ID_Start}\\])(?:[$_\u200C\u200D\p{ID_Continue}]|\\u[\da-fA-F]{4}|\\u\{[\da-fA-F]+\})+/uy,m=/(['"])(?:(?!\1)[^\\\n\r]|\\(?:\r\n|[^]))*(\1)?/y,h=/(?:0[xX][\da-fA-F](?:_?[\da-fA-F])*|0[oO][0-7](?:_?[0-7])*|0[bB][01](?:_?[01])*)n?|0n|[1-9](?:_?\d)*n|(?:(?:0(?!\d)|0\d*[89]\d*|[1-9](?:_?\d)*)(?:\.(?:\d(?:_?\d)*)?)?|\.\d(?:_?\d)*)(?:[eE][+-]?\d(?:_?\d)*)?|0[0-7]+/y,c=/[`}](?:[^`\\$]|\\[^]|\$(?!\{))*(`|\$\{)?/y,M=/[\t\v\f\ufeff\p{Zs}]+/uy,o=/\r?\n|[\r\u2028\u2029]/y,l=/\/\*(?:[^*]|\*(?!\/))*(\*\/)?/y,b=/\/\/.*/y,t=/[<>.:={}]|\/(?![\/*])/y,e=/[$_\p{ID_Start}][$_\u200C\u200D\p{ID_Continue}-]*/uy,r=/(['"])(?:(?!\1)[^])*(\1)?/y,i=/[^<>{}]+/y,x=/^(?:[\/+-]|\.{3}|\?(?:InterpolationIn(?:JSX|Template)|NoLineTerminatorHere|NonExpressionParenEnd|UnaryIncDec))?$|[{}([,;<>=*%&|^!~?:]$/,u=/^(?:=>|[;\]){}]|else|\?(?:NoLineTerminatorHere|NonExpressionParenEnd))?$/,s=/^(?:await|case|default|delete|do|else|instanceof|new|return|throw|typeof|void|yield)$/,a=/^(?:return|throw|yield)$/,d=RegExp(o.source),V=function*(_,{jsx:P=!1}={}){var I,R,N,p,y,L,f,$,Y,T,J,S,B,E;for({length:L}=_,p=0,y="",E=[{tag:"JS"}],I=[],J=0,S=!1;p<L;){switch($=E[E.length-1],$.tag){case"JS":case"JSNonExpressionParen":case"InterpolationInTemplate":case"InterpolationInJSX":if(_[p]==="/"&&(x.test(y)||s.test(y))&&(w.lastIndex=p,f=w.exec(_))){p=w.lastIndex,y=f[0],S=!0,yield{type:"RegularExpressionLiteral",value:f[0],closed:f[1]!==void 0&&f[1]!=="\\"};continue}if(g.lastIndex=p,f=g.exec(_)){switch(B=f[0],Y=g.lastIndex,T=B,B){case"(":y==="?NonExpressionParenKeyword"&&E.push({tag:"JSNonExpressionParen",nesting:J}),J++,S=!1;break;case")":J--,S=!0,$.tag==="JSNonExpressionParen"&&J===$.nesting&&(E.pop(),T="?NonExpressionParenEnd",S=!1);break;case"{":g.lastIndex=0,N=!u.test(y)&&(x.test(y)||s.test(y)),I.push(N),S=!1;break;case"}":switch($.tag){case"InterpolationInTemplateLine truncated
`),r=t.findIndex(s=>s.includes(` at Object.${n}`)||s.includes(`${n}@`)),i=tt(t[r+1]);return i?.file||""}const{now:oe}=Date;class it{registry=new se;queue=new Set;mockedIds=new Set;constructor(e,t,r,i){this.interceptor=e,this.rpc=t,this.spyOn=r,this.config=i}async prepare(){this.queue.size&&await Promise.all([...this.queue.values()])}async resolveFactoryModule(e){const t=this.registry.get(e);if(!t||t.type!=="manual")throw new Error(`Mock ${e} wasn't registered. This is probably a Vitest error. Please, open a new issue with reproduction.`);return await t.resolve()}getFactoryModule(e){const t=this.registry.get(e);if(!t||t.type!=="manual")throw new Error(`Mock ${e} wasn't registered. This is probably a Vitest error. Please, open a new issue with reproduction.`);if(!t.cache)throw new Error(`Mock ${e} wasn't resolved. This is probably a Vitest error. Please, open a new issue with reproduction.`);return t.cache}async invalidate(){const e=Array.from(this.mockedIds);e.length&&(await this.rpc.invalidate(e),await this.interceptor.invalidate(),this.registry.clear())}async importActual(e,t){const r=await this.rpc.resolveId(e,t);if(r==null)throw new Error(`[vitest] Cannot resolve "${e}" imported from "${t}"`);const i=$e(r.id),s=new URL(r.url,location.href),a=`_vitest_original&ext${i}`,o=`${s.pathname}${s.search?`${s.search}&${a}`:`?${a}`}${s.hash}`;return this.wrapDynamicImport(()=>import(o)).then(l=>{if(!r.optimized||typeof l.default>"u")return l;const d=l.default;return d?.__esModule?d:{...typeof d=="object"&&!Array.isArray(d)||typeof d=="function"?d:{},default:d}})}async importMock(e,t){await this.prepare();const{resolvedId:r,resolvedUrl:i,redirectUrl:s}=await this.rpc.resolveMock(e,t,{mock:"auto"}),a=this.resolveMockPath(X(i));let o=this.registry.get(a);if(!o)if(s){const l=new URL(this.resolveMockPath(X(s)),location.href).toString();o=new C(e,r,a,l)}else o=new q(e,r,a);if(o.type==="manual")return await o.resolve();if(o.type==="automock"||o.type==="autospy"){const l=new URL(`/@id/${r}`,location.href),d=l.search?`${l.search}&t=${oe()}`:`?t=${oe()}`,h=await ye(()=>import(`${l.pathname}${d}&mock=${o.type}${l.hash}`),[]);return this.mockObject(h,o.type)}return import(o.redirect)}mockObject(e,t="automock"){return me({globalConstructors:{Object,Function,Array,Map,RegExp},spyOn:this.spyOn,type:t},e)}queueMock(e,t,r){const i=this.rpc.resolveMock(e,t,{mock:typeof r=="function"?"factory":r?.spy?"spy":"auto"}).then(async({redirectUrl:s,resolvedId:a,resolvedUrl:o,needsInterop:l,mockType:d})=>{const h=this.resolveMockPath(X(o));this.mockedIds.add(a);const g=typeof r=="function"?async()=>{const m=await r();return l?{default:m}:m}:void 0,w=typeof s=="string"?new URL(this.resolveMockPath(X(s)),location.href).toString():null;let b;d==="manual"?b=this.registry.register("manual",e,a,h,g):d==="autospy"?b=this.registry.register("autospy",e,a,h):d==="redirect"?b=this.registry.register("redirect",e,a,h,w):b=this.registry.register("automock",e,a,h),await this.interceptor.register(b)}).finally(()=>{this.queue.delete(i)});this.queue.add(i)}queueUnmock(e,t){const r=this.rpc.resolveId(e,t).then(async i=>{if(!i)return;const s=this.resolveMockPath(X(i.url));this.mockedIds.add(i.id),this.registry.delete(s),await this.interceptor.delete(s)}).finally(()=>{this.queue.delete(r)});this.queue.add(r)}wrapDynamicImport(e){return typeof e=="function"?new Promise((r,i)=>{this.prepare().finally(()=>{e().then(r,i)})}):e}resolveMockPath(e){const t=this.config,r=xe("/@fs/",t.root);return e.startsWith(t.root)?e.slice(t.root.length):e.startsWith(r)?e.slice(r.length):e}}const ot=/(\?|&)v=\w{8}/;function X(n){return n.replace(ot,"")}class st{mocks=new se;constructor(){}async register(e){this.mocks.add(e)}async delete(e){this.mocks.delete(e)}async invalidate(){this.mocks.clear()}}const W=n=>{switch(n){case"resolveId":return Promise.resolve({id:"",url:"",optimized:!1});case"resolveMock":return Promise.resolve({mockType:"dummy",resolvedId:"",resolvedUrl:"",redirectUrl:"",needsInterop:!1});case"invalidate":return Promise.resolve()}};class ct extends it{queueMock(){}}function at(n){const e=new ct(n("__vitest_mocker__"),{resolveId(t,r){return W("resolveId")},resolveMock(t,r,i){return W("resolveMock")},async invalidate(t){return W("invalidate")}},(...t)=>globalThis.__STORYBOOK_MODULE_TEST__.spyOn(...t),{root:""});return globalThis.__vitest_mocker__=e,nt({globalThisKey:"__vitest_mocker__"})}globalThis.__STORYBOOK_MOCKER__=at(()=>new st);
+1
View File
@@ -0,0 +1 @@
<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 2.5h13v10a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1zM0 1h16v11.5a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 0 12.5zm3.75 4.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5M7 4.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0m1.75.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5" fill="#666"/></svg>

After

Width:  |  Height:  |  Size: 385 B

+17 -16
View File
@@ -73,9 +73,9 @@ export const DifferentAvatars = {
render: (args) => (
<div className="space-y-4">
<div className="space-x-4">
<Avatar {...args} src="/assets/Avatar_1.png" alt="User 1" />
<Avatar {...args} src="/assets/Avatar_2.png" alt="User 2" />
<Avatar {...args} src="/assets/Avatar_3.png" alt="User 3" />
<Avatar {...args} src="assets/Avatar_1.png" alt="User 1" />
<Avatar {...args} src="assets/Avatar_2.png" alt="User 2" />
<Avatar {...args} src="assets/Avatar_3.png" alt="User 3" />
</div>
</div>
),
@@ -95,36 +95,36 @@ export const AllSizesWithDifferentAvatars = {
<div>
<h3 className="text-white font-semibold mb-3">Small Size</h3>
<div className="space-x-4">
<Avatar size="small" src="/assets/Avatar_1.png" alt="User 1" />
<Avatar size="small" src="/assets/Avatar_2.png" alt="User 2" />
<Avatar size="small" src="/assets/Avatar_3.png" alt="User 3" />
<Avatar size="small" src="assets/Avatar_1.png" alt="User 1" />
<Avatar size="small" src="assets/Avatar_2.png" alt="User 2" />
<Avatar size="small" src="assets/Avatar_3.png" alt="User 3" />
</div>
</div>
<div>
<h3 className="text-white font-semibold mb-3">Medium Size</h3>
<div className="space-x-4">
<Avatar size="medium" src="/assets/Avatar_1.png" alt="User 1" />
<Avatar size="medium" src="/assets/Avatar_2.png" alt="User 2" />
<Avatar size="medium" src="/assets/Avatar_3.png" alt="User 3" />
<Avatar size="medium" src="assets/Avatar_1.png" alt="User 1" />
<Avatar size="medium" src="assets/Avatar_2.png" alt="User 2" />
<Avatar size="medium" src="assets/Avatar_3.png" alt="User 3" />
</div>
</div>
<div>
<h3 className="text-white font-semibold mb-3">Large Size</h3>
<div className="space-x-4">
<Avatar size="large" src="/assets/Avatar_1.png" alt="User 1" />
<Avatar size="large" src="/assets/Avatar_2.png" alt="User 2" />
<Avatar size="large" src="/assets/Avatar_3.png" alt="User 3" />
<Avatar size="large" src="assets/Avatar_1.png" alt="User 1" />
<Avatar size="large" src="assets/Avatar_2.png" alt="User 2" />
<Avatar size="large" src="assets/Avatar_3.png" alt="User 3" />
</div>
</div>
<div>
<h3 className="text-white font-semibold mb-3">XLarge Size</h3>
<div className="space-x-4">
<Avatar size="xlarge" src="/assets/Avatar_1.png" alt="User 1" />
<Avatar size="xlarge" src="/assets/Avatar_2.png" alt="User 2" />
<Avatar size="xlarge" src="/assets/Avatar_3.png" alt="User 3" />
<Avatar size="xlarge" src="assets/Avatar_1.png" alt="User 1" />
<Avatar size="xlarge" src="assets/Avatar_2.png" alt="User 2" />
<Avatar size="xlarge" src="assets/Avatar_3.png" alt="User 3" />
</div>
</div>
</div>
@@ -132,7 +132,8 @@ export const AllSizesWithDifferentAvatars = {
parameters: {
docs: {
description: {
story: "Complete overview of all avatar sizes with different user images.",
story:
"Complete overview of all avatar sizes with different user images.",
},
},
},
+38 -38
View File
@@ -33,9 +33,9 @@ export const Default = {
},
render: (args) => (
<AvatarContainer {...args}>
<Avatar size={args.size} src="/assets/Avatar_1.png" alt="User 1" />
<Avatar size={args.size} src="/assets/Avatar_2.png" alt="User 2" />
<Avatar size={args.size} src="/assets/Avatar_3.png" alt="User 3" />
<Avatar size={args.size} src="assets/Avatar_1.png" alt="User 1" />
<Avatar size={args.size} src="assets/Avatar_2.png" alt="User 2" />
<Avatar size={args.size} src="assets/Avatar_3.png" alt="User 3" />
</AvatarContainer>
),
};
@@ -47,36 +47,36 @@ export const Sizes = {
<div>
<h3 className="text-white font-semibold mb-3">Small Size</h3>
<AvatarContainer size="small">
<Avatar size="small" src="/assets/Avatar_1.png" alt="User 1" />
<Avatar size="small" src="/assets/Avatar_2.png" alt="User 2" />
<Avatar size="small" src="/assets/Avatar_3.png" alt="User 3" />
<Avatar size="small" src="assets/Avatar_1.png" alt="User 1" />
<Avatar size="small" src="assets/Avatar_2.png" alt="User 2" />
<Avatar size="small" src="assets/Avatar_3.png" alt="User 3" />
</AvatarContainer>
</div>
<div>
<h3 className="text-white font-semibold mb-3">Medium Size</h3>
<AvatarContainer size="medium">
<Avatar size="medium" src="/assets/Avatar_1.png" alt="User 1" />
<Avatar size="medium" src="/assets/Avatar_2.png" alt="User 2" />
<Avatar size="medium" src="/assets/Avatar_3.png" alt="User 3" />
<Avatar size="medium" src="assets/Avatar_1.png" alt="User 1" />
<Avatar size="medium" src="assets/Avatar_2.png" alt="User 2" />
<Avatar size="medium" src="assets/Avatar_3.png" alt="User 3" />
</AvatarContainer>
</div>
<div>
<h3 className="text-white font-semibold mb-3">Large Size</h3>
<AvatarContainer size="large">
<Avatar size="large" src="/assets/Avatar_1.png" alt="User 1" />
<Avatar size="large" src="/assets/Avatar_2.png" alt="User 2" />
<Avatar size="large" src="/assets/Avatar_3.png" alt="User 3" />
<Avatar size="large" src="assets/Avatar_1.png" alt="User 1" />
<Avatar size="large" src="assets/Avatar_2.png" alt="User 2" />
<Avatar size="large" src="assets/Avatar_3.png" alt="User 3" />
</AvatarContainer>
</div>
<div>
<h3 className="text-white font-semibold mb-3">XLarge Size</h3>
<AvatarContainer size="xlarge">
<Avatar size="xlarge" src="/assets/Avatar_1.png" alt="User 1" />
<Avatar size="xlarge" src="/assets/Avatar_2.png" alt="User 2" />
<Avatar size="xlarge" src="/assets/Avatar_3.png" alt="User 3" />
<Avatar size="xlarge" src="assets/Avatar_1.png" alt="User 1" />
<Avatar size="xlarge" src="assets/Avatar_2.png" alt="User 2" />
<Avatar size="xlarge" src="assets/Avatar_3.png" alt="User 3" />
</AvatarContainer>
</div>
</div>
@@ -98,38 +98,38 @@ export const DifferentGroupSizes = {
<div>
<h3 className="text-white font-semibold mb-3">2 Users</h3>
<AvatarContainer size="large">
<Avatar size="large" src="/assets/Avatar_1.png" alt="User 1" />
<Avatar size="large" src="/assets/Avatar_2.png" alt="User 2" />
<Avatar size="large" src="assets/Avatar_1.png" alt="User 1" />
<Avatar size="large" src="assets/Avatar_2.png" alt="User 2" />
</AvatarContainer>
</div>
<div>
<h3 className="text-white font-semibold mb-3">3 Users</h3>
<AvatarContainer size="large">
<Avatar size="large" src="/assets/Avatar_1.png" alt="User 1" />
<Avatar size="large" src="/assets/Avatar_2.png" alt="User 2" />
<Avatar size="large" src="/assets/Avatar_3.png" alt="User 3" />
<Avatar size="large" src="assets/Avatar_1.png" alt="User 1" />
<Avatar size="large" src="assets/Avatar_2.png" alt="User 2" />
<Avatar size="large" src="assets/Avatar_3.png" alt="User 3" />
</AvatarContainer>
</div>
<div>
<h3 className="text-white font-semibold mb-3">4 Users</h3>
<AvatarContainer size="large">
<Avatar size="large" src="/assets/Avatar_1.png" alt="User 1" />
<Avatar size="large" src="/assets/Avatar_2.png" alt="User 2" />
<Avatar size="large" src="/assets/Avatar_3.png" alt="User 3" />
<Avatar size="large" src="/assets/Avatar_1.png" alt="User 4" />
<Avatar size="large" src="assets/Avatar_1.png" alt="User 1" />
<Avatar size="large" src="assets/Avatar_2.png" alt="User 2" />
<Avatar size="large" src="assets/Avatar_3.png" alt="User 3" />
<Avatar size="large" src="assets/Avatar_1.png" alt="User 4" />
</AvatarContainer>
</div>
<div>
<h3 className="text-white font-semibold mb-3">5 Users</h3>
<AvatarContainer size="large">
<Avatar size="large" src="/assets/Avatar_1.png" alt="User 1" />
<Avatar size="large" src="/assets/Avatar_2.png" alt="User 2" />
<Avatar size="large" src="/assets/Avatar_3.png" alt="User 3" />
<Avatar size="large" src="/assets/Avatar_1.png" alt="User 4" />
<Avatar size="large" src="/assets/Avatar_2.png" alt="User 5" />
<Avatar size="large" src="assets/Avatar_1.png" alt="User 1" />
<Avatar size="large" src="assets/Avatar_2.png" alt="User 2" />
<Avatar size="large" src="assets/Avatar_3.png" alt="User 3" />
<Avatar size="large" src="assets/Avatar_1.png" alt="User 4" />
<Avatar size="large" src="assets/Avatar_2.png" alt="User 5" />
</AvatarContainer>
</div>
</div>
@@ -158,9 +158,9 @@ export const InContext = {
<h3 className="text-white font-semibold mb-4">Team Members</h3>
<div className="flex items-center space-x-4">
<AvatarContainer size="medium">
<Avatar size="medium" src="/assets/Avatar_1.png" alt="User 1" />
<Avatar size="medium" src="/assets/Avatar_2.png" alt="User 2" />
<Avatar size="medium" src="/assets/Avatar_3.png" alt="User 3" />
<Avatar size="medium" src="assets/Avatar_1.png" alt="User 1" />
<Avatar size="medium" src="assets/Avatar_2.png" alt="User 2" />
<Avatar size="medium" src="assets/Avatar_3.png" alt="User 3" />
</AvatarContainer>
<span className="text-white">3 team members</span>
</div>
@@ -172,10 +172,10 @@ export const InContext = {
</h3>
<div className="flex items-center space-x-4">
<AvatarContainer size="large">
<Avatar size="large" src="/assets/Avatar_1.png" alt="User 1" />
<Avatar size="large" src="/assets/Avatar_2.png" alt="User 2" />
<Avatar size="large" src="/assets/Avatar_3.png" alt="User 3" />
<Avatar size="large" src="/assets/Avatar_1.png" alt="User 4" />
<Avatar size="large" src="assets/Avatar_1.png" alt="User 1" />
<Avatar size="large" src="assets/Avatar_2.png" alt="User 2" />
<Avatar size="large" src="assets/Avatar_3.png" alt="User 3" />
<Avatar size="large" src="assets/Avatar_1.png" alt="User 4" />
</AvatarContainer>
<span className="text-white">4 contributors</span>
</div>
@@ -185,8 +185,8 @@ export const InContext = {
<h3 className="text-white font-semibold mb-4">Small Team</h3>
<div className="flex items-center space-x-4">
<AvatarContainer size="small">
<Avatar size="small" src="/assets/Avatar_1.png" alt="User 1" />
<Avatar size="small" src="/assets/Avatar_2.png" alt="User 2" />
<Avatar size="small" src="assets/Avatar_1.png" alt="User 1" />
<Avatar size="small" src="assets/Avatar_2.png" alt="User 2" />
</AvatarContainer>
<span className="text-white">2 members</span>
</div>