Compare commits

...
Author SHA1 Message Date
Brandon Thomas 6bd46dc944 remove deps from package lock 2025-09-17 21:12:45 -04:00
Brandon Thomas 8f08c35cb4 remove storybook 2025-09-17 21:07:10 -04:00
Brandon Thomas 3e419fb1fa remove storybook 2025-09-17 20:24:09 -04:00
Brandon Thomas b793ed7d6f remove storybook 2025-09-17 20:23:21 -04:00
354 changed files with 0 additions and 8392 deletions
-13
View File
@@ -22,8 +22,6 @@
"start": "netlify serve",
"typecheck": "tsc",
"update:icons": "npm update @awesome.me/kit-fde2be5eb0",
"storybook": "storybook dev -p 6006",
"build-storybook": "storybook build",
"chromatic": "npx chromatic --project-token=chpt_0945f90d5d3626c",
"prepare": "husky",
"test": "jest"
@@ -83,17 +81,8 @@
"webm-writer": "^1.0.0"
},
"devDependencies": {
"@chromatic-com/storybook": "^1.3.5",
"@originjs/vite-plugin-commonjs": "^1.0.3",
"@remix-run/dev": "^2.8.1",
"@storybook/addon-actions": "^8.1.10",
"@storybook/addon-essentials": "^8.1.10",
"@storybook/addon-interactions": "^8.1.10",
"@storybook/addon-links": "^8.1.10",
"@storybook/blocks": "^8.1.10",
"@storybook/react": "^8.1.10",
"@storybook/react-vite": "^8.1.10",
"@storybook/test": "^8.1.10",
"@types/deep-equal": "^1.0.4",
"@types/jest": "^29.5.12",
"@types/react": "^19.0.0",
@@ -112,7 +101,6 @@
"eslint-plugin-jsx-a11y": "^6.7.1",
"eslint-plugin-react": "^7.33.2",
"eslint-plugin-react-hooks": "^4.6.0",
"eslint-plugin-storybook": "^0.8.0",
"husky": "^9.0.11",
"lint-staged": "^15.2.2",
"postcss": "^8.4.37",
@@ -120,7 +108,6 @@
"postcss-nesting": "^12.1.0",
"prettier": "^3.2.5",
"prettier-plugin-tailwindcss": "^0.5.12",
"storybook": "^8.1.10",
"tailwindcss": "^3.4.1",
"terser": "^5.30.3",
"ts-jest": "^29.1.4",
Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 45 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

@@ -1,10 +0,0 @@
import{j as o}from"./jsx-runtime-BnIj46N_.js";import{useMDXComponents as i}from"./index-DLsXyOuj.js";import{M as s,C as e}from"./index-s6jI7ZwD.js";import{B as a,P as p,S as m,A as c,W as h,a as f}from"./Button.stories-BCXHxjsf.js";import"./index-CsdIBAqE.js";import"./iframe-CPVGSZP9.js";import"../sb-preview/runtime.js";import"./index-5f0m1pej.js";import"./index-DYADbu9O.js";import"./index-CwJzlvYf.js";import"./index-DrFu-skq.js";import"./Button-CeLEige6.js";import"./index-BeLTwFsi.js";import"./index-MS7LKRHD.js";import"./bundle-mjs-Du4_Do6r.js";import"./decorator-BcxtDL0x.js";import"./v4-D8aEg3BZ.js";function r(n){const t={h1:"h1",p:"p",...i(),...n.components};return o.jsxs(o.Fragment,{children:[o.jsx(s,{of:a}),`
`,o.jsx(t.h1,{id:"button",children:"Button"}),`
`,o.jsx(t.p,{children:"A button denotes a possible action to be taken on behalf of the user."}),`
`,o.jsx(t.p,{children:"There are three types of Button: primary, secondary, action."}),`
`,o.jsx(e,{of:p}),`
`,o.jsx(e,{of:m}),`
`,o.jsx(e,{of:c}),`
`,o.jsx(t.p,{children:'It can be shown with an optional icon. If "iconFlip" is true, the icon shows after the "children", if false it shows before.'}),`
`,o.jsx(e,{of:h}),`
`,o.jsx(e,{of:f})]})}function X(n={}){const{wrapper:t}={...i(),...n.components};return t?o.jsx(t,{...n,children:o.jsx(r,{...n})}):r(n)}export{X as default};
@@ -1 +0,0 @@
import{j as t}from"./jsx-runtime-BnIj46N_.js";import{F as s}from"./index-BeLTwFsi.js";import{t as n}from"./bundle-mjs-Du4_Do6r.js";const y=({icon:e,children:i,className:o,htmlFor:l,variant:u="primary",disabled:a,iconFlip:r=!1,...c})=>{function m(f){switch(f){case"secondary":return"bg-brand-secondary hover:bg-brand-secondary-900 text-white focus-visible:outline-brand-secondary";case"action":return" bg-action hover:bg-action-500 text-white focus-visible:outline-action";case"primary":default:return"bg-brand-primary hover:bg-brand-primary-400 text-white focus-visible:outline-brand-primary-600"}}const d=n(a?"opacity-40 pointer-events-none":""),p=n("text-sm font-medium rounded-lg px-3 py-2 shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 transition-all duration-150 flex gap-2 items-center justify-center",m(u),o,d);return t.jsxs("button",{className:p,disabled:a,...c,htmlFor:l,children:[e&&!r?t.jsx(s,{icon:e}):null,i,e&&r?t.jsx(s,{icon:e}):null]})};y.__docgenInfo={description:"",methods:[],displayName:"Button",props:{icon:{required:!1,tsType:{name:"IconDefinition"},description:""},iconFlip:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},htmlFor:{required:!1,tsType:{name:"string"},description:""},variant:{required:!1,tsType:{name:"union",raw:'"primary" | "secondary" | "action"',elements:[{name:"literal",value:'"primary"'},{name:"literal",value:'"secondary"'},{name:"literal",value:'"action"'}]},description:"",defaultValue:{value:'"primary"',computed:!1}}},composes:["ButtonHTMLAttributes"]};export{y as B};
@@ -1,15 +0,0 @@
import{j as s}from"./jsx-runtime-BnIj46N_.js";import{B as r}from"./Button-CeLEige6.js";import{w as A}from"./decorator-BcxtDL0x.js";import{f as x}from"./index-BeLTwFsi.js";const F={component:r,parameters:{actions:{handles:["click"]}},decorators:[A]},e={render:()=>s.jsx(r,{variant:"primary",children:"Primary"})},o={render:()=>s.jsx(r,{variant:"secondary",children:"Secondary"})},a={render:()=>s.jsx(r,{variant:"action",children:"Action"})},n={render:()=>s.jsx(r,{variant:"secondary",iconFlip:!0,icon:x,children:"Icon Flip"})},t={render:()=>s.jsx(r,{variant:"secondary",icon:x,children:"Icon"})};var c,i,d;e.parameters={...e.parameters,docs:{...(c=e.parameters)==null?void 0:c.docs,source:{originalSource:`{
render: () => <Button variant="primary">Primary</Button>
}`,...(d=(i=e.parameters)==null?void 0:i.docs)==null?void 0:d.source}}};var p,m,u;o.parameters={...o.parameters,docs:{...(p=o.parameters)==null?void 0:p.docs,source:{originalSource:`{
render: () => <Button variant="secondary">Secondary</Button>
}`,...(u=(m=o.parameters)==null?void 0:m.docs)==null?void 0:u.source}}};var l,y,f;a.parameters={...a.parameters,docs:{...(l=a.parameters)==null?void 0:l.docs,source:{originalSource:`{
render: () => <Button variant="action">Action</Button>
}`,...(f=(y=a.parameters)==null?void 0:y.docs)==null?void 0:f.source}}};var B,S,h;n.parameters={...n.parameters,docs:{...(B=n.parameters)==null?void 0:B.docs,source:{originalSource:`{
render: () => <Button variant="secondary" iconFlip icon={faAngleLeft}>
Icon Flip
</Button>
}`,...(h=(S=n.parameters)==null?void 0:S.docs)==null?void 0:h.source}}};var v,g,j;t.parameters={...t.parameters,docs:{...(v=t.parameters)==null?void 0:v.docs,source:{originalSource:`{
render: () => <Button variant="secondary" icon={faAngleLeft}>
Icon
</Button>
}`,...(j=(g=t.parameters)==null?void 0:g.docs)==null?void 0:j.source}}};const I=["Primary","Secondary","Action","WithIconFlip","WithIconNoFlip"],L=Object.freeze(Object.defineProperty({__proto__:null,Action:a,Primary:e,Secondary:o,WithIconFlip:n,WithIconNoFlip:t,__namedExportsOrder:I,default:F},Symbol.toStringTag,{value:"Module"}));export{a as A,L as B,e as P,o as S,n as W,t as a};
File diff suppressed because one or more lines are too long
@@ -1 +0,0 @@
import{j as t}from"./jsx-runtime-BnIj46N_.js";import{F as c}from"./index-BeLTwFsi.js";import{t as p}from"./bundle-mjs-Du4_Do6r.js";const l=({icon:o,size:n,onClick:r,className:s,hoverFill:i=!1,disabled:e,...a})=>{const u=p("flex h-8 w-8 items-center justify-center rounded-lg transition-all duration-150",i?"bg-ui-controls-button hover:bg-ui-controls-button/[0.75]":"bg-transparent hover:bg-ui-panel/[0.4]",e&&"opacity-50 hover:bg-transparent",s);return t.jsx("button",{className:u,onClick:r,disabled:e,children:t.jsx(c,{icon:o,size:n,...a})})};l.__docgenInfo={description:"",methods:[],displayName:"ButtonIcon",props:{icon:{required:!0,tsType:{name:"IconDefinition"},description:""},onClick:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},className:{required:!1,tsType:{name:"string"},description:""},hoverFill:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:""}},composes:["FontAwesomeIconProps"]};export{l as B};
@@ -1,5 +0,0 @@
import{j as t}from"./jsx-runtime-BnIj46N_.js";import{useMDXComponents as e}from"./index-DLsXyOuj.js";import{M as i,C as s}from"./index-s6jI7ZwD.js";import{B as m,D as p}from"./ButtonIcon.stories-BZM73jOd.js";import"./index-CsdIBAqE.js";import"./iframe-CPVGSZP9.js";import"../sb-preview/runtime.js";import"./index-5f0m1pej.js";import"./index-DYADbu9O.js";import"./index-CwJzlvYf.js";import"./index-DrFu-skq.js";import"./ButtonIcon-B-9ySTN-.js";import"./index-BeLTwFsi.js";import"./index-MS7LKRHD.js";import"./bundle-mjs-Du4_Do6r.js";import"./decorator-BcxtDL0x.js";import"./v4-D8aEg3BZ.js";function r(o){const n={h1:"h1",p:"p",...e(),...o.components};return t.jsxs(t.Fragment,{children:[t.jsx(i,{of:m}),`
`,t.jsx(n.h1,{id:"buttonicon",children:"ButtonIcon"}),`
`,t.jsx(n.p,{children:"A button denotes a possible action to be taken on behalf of the user."}),`
`,t.jsx(n.p,{children:"This button shows only a single icon."}),`
`,t.jsx(s,{of:p})]})}function y(o={}){const{wrapper:n}={...e(),...o.components};return n?t.jsx(n,{...o,children:t.jsx(r,{...o})}):r(o)}export{y as default};
@@ -1,3 +0,0 @@
import{j as a}from"./jsx-runtime-BnIj46N_.js";import{B as n}from"./ButtonIcon-B-9ySTN-.js";import{w as s}from"./decorator-BcxtDL0x.js";import{f as c}from"./index-BeLTwFsi.js";const i={component:n,parameters:{actions:{handles:["click"]}},decorators:[s]},o={render:()=>a.jsx(n,{icon:c,onClick:()=>{}})};var e,t,r;o.parameters={...o.parameters,docs:{...(e=o.parameters)==null?void 0:e.docs,source:{originalSource:`{
render: () => <ButtonIcon icon={faAngleLeft} onClick={() => {}} />
}`,...(r=(t=o.parameters)==null?void 0:t.docs)==null?void 0:r.source}}};const m=["Default"],d=Object.freeze(Object.defineProperty({__proto__:null,Default:o,__namedExportsOrder:m,default:i},Symbol.toStringTag,{value:"Module"}));export{d as B,o as D};
@@ -1,5 +0,0 @@
import{j as t}from"./jsx-runtime-BnIj46N_.js";import{useMDXComponents as r}from"./index-DLsXyOuj.js";import{M as s,C as i}from"./index-s6jI7ZwD.js";import{B as m,D as p}from"./ButtonIconSelect.stories-DuPx4XGJ.js";import"./index-CsdIBAqE.js";import"./iframe-CPVGSZP9.js";import"../sb-preview/runtime.js";import"./index-5f0m1pej.js";import"./index-DYADbu9O.js";import"./index-CwJzlvYf.js";import"./index-DrFu-skq.js";import"./index-BeLTwFsi.js";import"./index-MS7LKRHD.js";import"./bundle-mjs-Du4_Do6r.js";import"./decorator-BcxtDL0x.js";import"./v4-D8aEg3BZ.js";function e(o){const n={h1:"h1",p:"p",...r(),...o.components};return t.jsxs(t.Fragment,{children:[t.jsx(s,{of:m}),`
`,t.jsx(n.h1,{id:"buttoniconselectstories",children:"ButtonIconSelectStories"}),`
`,t.jsx(n.p,{children:"A button denotes a possible action to be taken on behalf of the user."}),`
`,t.jsx(n.p,{children:"This button shows only a single icon."}),`
`,t.jsx(i,{of:p})]})}function g(o={}){const{wrapper:n}={...r(),...o.components};return n?t.jsx(n,{...o,children:t.jsx(e,{...o})}):e(o)}export{g as default};
@@ -1,11 +0,0 @@
import{j as t}from"./jsx-runtime-BnIj46N_.js";import{r as f}from"./index-CsdIBAqE.js";import{F as g,f as x,a as h}from"./index-BeLTwFsi.js";import{t as S}from"./bundle-mjs-Du4_Do6r.js";import{w as y}from"./decorator-BcxtDL0x.js";function r({options:a,onOptionChange:s}){const[p,m]=f.useState(a[0].value),u=e=>{m(e),s&&s(e)};return t.jsx("div",{className:"flex space-x-1",children:a.map(({value:e,icon:d,text:o})=>t.jsxs("button",{className:S("flex h-8 items-center justify-center rounded-lg border-2 text-sm transition-all duration-150",o?"h-auto w-auto gap-2 px-2.5 py-1":"w-8",p===e?"border-brand-primary bg-ui-panel/[0.3]":"border-transparent hover:bg-ui-panel/[0.4]"),onClick:()=>u(e),children:[t.jsx(g,{icon:d}),o&&t.jsx("span",{className:"text-sm font-medium",children:o})]},e))})}r.__docgenInfo={description:"",methods:[],displayName:"ButtonIconSelect",props:{options:{required:!0,tsType:{name:"Array",elements:[{name:"Option"}],raw:"Option[]"},description:""},onOptionChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(value: string) => void",signature:{arguments:[{type:{name:"string"},name:"value"}],return:{name:"void"}}},description:""}}};const b={component:r,parameters:{actions:{handles:["click"]}},decorators:[y]},n={render:()=>t.jsx(r,{onOptionChange:()=>{},options:[{value:"V1",icon:x,text:"Select 1"},{value:"V2",icon:h,text:"Select 2"}]})};var i,c,l;n.parameters={...n.parameters,docs:{...(i=n.parameters)==null?void 0:i.docs,source:{originalSource:`{
render: () => <ButtonIconSelect onOptionChange={() => {}} options={[{
value: "V1",
icon: faAngleLeft,
text: "Select 1"
}, {
value: "V2",
icon: faAngleRight,
text: "Select 2"
}]} />
}`,...(l=(c=n.parameters)==null?void 0:c.docs)==null?void 0:l.source}}};const j=["Default"],I=Object.freeze(Object.defineProperty({__proto__:null,Default:n,__namedExportsOrder:j,default:b},Symbol.toStringTag,{value:"Module"}));export{I as B,n as D};
@@ -1,9 +0,0 @@
import{j as t}from"./jsx-runtime-BnIj46N_.js";import{useMDXComponents as i}from"./index-DLsXyOuj.js";import{M as s,C as r}from"./index-s6jI7ZwD.js";import{B as a,P as m,S as p,W as c}from"./ButtonLink.stories-DgMmg8VK.js";import"./index-CsdIBAqE.js";import"./iframe-CPVGSZP9.js";import"../sb-preview/runtime.js";import"./index-5f0m1pej.js";import"./index-DYADbu9O.js";import"./index-CwJzlvYf.js";import"./index-DrFu-skq.js";import"./index-BeLTwFsi.js";import"./index-MS7LKRHD.js";import"./bundle-mjs-Du4_Do6r.js";import"./index-DJcxdOIY.js";import"./decorator-BcxtDL0x.js";import"./v4-D8aEg3BZ.js";function e(n){const o={h1:"h1",p:"p",...i(),...n.components};return t.jsxs(t.Fragment,{children:[t.jsx(s,{of:a}),`
`,t.jsx(o.h1,{id:"buttonlink",children:"ButtonLink"}),`
`,t.jsx(o.p,{children:"A button denotes a possible action to be taken on behalf of the user."}),`
`,t.jsx(o.p,{children:'The button label comes via "children".'}),`
`,t.jsx(o.p,{children:"There are three types of Button: primary, secondary, action."}),`
`,t.jsx(r,{of:m}),`
`,t.jsx(r,{of:p}),`
`,t.jsx(o.p,{children:"It can be shown with an optional icon."}),`
`,t.jsx(r,{of:c})]})}function X(n={}){const{wrapper:o}={...i(),...n.components};return o?t.jsx(o,{...n,children:t.jsx(e,{...n})}):e(n)}export{X as default};
@@ -1,58 +0,0 @@
import{j as b}from"./jsx-runtime-BnIj46N_.js";import{F as ve,f as ge}from"./index-BeLTwFsi.js";import{t as we}from"./bundle-mjs-Du4_Do6r.js";import{r as i}from"./index-CsdIBAqE.js";import"./index-5f0m1pej.js";import{N as ee,s as N,u as A,a as Le,b as D,c as I,d as W,D as te,i as re,m as V,e as ne,p as Pe,f as Se}from"./index-DJcxdOIY.js";import{_ as be}from"./iframe-CPVGSZP9.js";import{w as xe}from"./decorator-BcxtDL0x.js";/**
* React Router DOM v6.22.3
*
* Copyright (c) Remix Software Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE.md file in the root directory of this source tree.
*
* @license MIT
*/function T(){return T=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},T.apply(this,arguments)}function ae(e,r){if(e==null)return{};var t={},a=Object.keys(e),n,o;for(o=0;o<a.length;o++)n=a[o],!(r.indexOf(n)>=0)&&(t[n]=e[n]);return t}function ke(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}function Re(e,r){return e.button===0&&(!r||r==="_self")&&!ke(e)}const Ce=["onClick","relative","reloadDocument","replace","state","target","to","preventScrollReset","unstable_viewTransition"],Ee=["aria-current","caseSensitive","className","end","style","to","unstable_viewTransition","children"],_e="6";try{window.__reactRouterVersion=_e}catch{}const Ne=i.createContext({isTransitioning:!1}),Te=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u",Oe=/^(?:[a-z][a-z0-9+.-]*:|\/\/)/i,oe=i.forwardRef(function(r,t){let{onClick:a,relative:n,reloadDocument:o,replace:u,state:l,target:d,to:f,preventScrollReset:c,unstable_viewTransition:s}=r,m=ae(r,Ce),{basename:g}=i.useContext(ee),p,w=!1;if(typeof f=="string"&&Oe.test(f)&&(p=f,Te))try{let v=new URL(window.location.href),h=f.startsWith("//")?new URL(v.protocol+f):new URL(f),_=N(h.pathname,g);h.origin===v.origin&&_!=null?f=_+h.search+h.hash:w=!0}catch{}let P=A(f,{relative:n}),S=Fe(f,{replace:u,state:l,target:d,preventScrollReset:c,relative:n,unstable_viewTransition:s});function y(v){a&&a(v),v.defaultPrevented||S(v)}return i.createElement("a",T({},m,{href:p||P,onClick:w||o?a:y,ref:t,target:d}))}),Ue=i.forwardRef(function(r,t){let{"aria-current":a="page",caseSensitive:n=!1,className:o="",end:u=!1,style:l,to:d,unstable_viewTransition:f,children:c}=r,s=ae(r,Ee),m=I(d,{relative:s.relative}),g=D(),p=i.useContext(te),{navigator:w,basename:P}=i.useContext(ee),S=p!=null&&Ae(m)&&f===!0,y=w.encodeLocation?w.encodeLocation(m).pathname:m.pathname,v=g.pathname,h=p&&p.navigation&&p.navigation.location?p.navigation.location.pathname:null;n||(v=v.toLowerCase(),h=h?h.toLowerCase():null,y=y.toLowerCase()),h&&P&&(h=N(h,P)||h);const _=y!=="/"&&y.endsWith("/")?y.length-1:y.length;let O=v===y||!u&&v.startsWith(y)&&v.charAt(_)==="/",j=h!=null&&(h===y||!u&&h.startsWith(y)&&h.charAt(y.length)==="/"),U={isActive:O,isPending:j,isTransitioning:S},pe=O?a:void 0,B;typeof o=="function"?B=o(U):B=[o,O?"active":null,j?"pending":null,S?"transitioning":null].filter(Boolean).join(" ");let ye=typeof l=="function"?l(U):l;return i.createElement(oe,T({},s,{"aria-current":pe,className:B,ref:t,style:ye,to:d,unstable_viewTransition:f}),typeof c=="function"?c(U):c)});var F;(function(e){e.UseScrollRestoration="useScrollRestoration",e.UseSubmit="useSubmit",e.UseSubmitFetcher="useSubmitFetcher",e.UseFetcher="useFetcher",e.useViewTransitionState="useViewTransitionState"})(F||(F={}));var K;(function(e){e.UseFetcher="useFetcher",e.UseFetchers="useFetchers",e.UseScrollRestoration="useScrollRestoration"})(K||(K={}));function Be(e){let r=i.useContext(ne);return r||re(!1),r}function Fe(e,r){let{target:t,replace:a,state:n,preventScrollReset:o,relative:u,unstable_viewTransition:l}=r===void 0?{}:r,d=Le(),f=D(),c=I(e,{relative:u});return i.useCallback(s=>{if(Re(s,t)){s.preventDefault();let m=a!==void 0?a:W(f)===W(c);d(e,{replace:m,state:n,preventScrollReset:o,relative:u,unstable_viewTransition:l})}},[f,d,c,a,n,t,e,o,u,l])}function Ae(e,r){r===void 0&&(r={});let t=i.useContext(Ne);t==null&&re(!1);let{basename:a}=Be(F.useViewTransitionState),n=I(e,{relative:r.relative});if(!t.isTransitioning)return!1;let o=N(t.currentLocation.pathname,a)||t.currentLocation.pathname,u=N(t.nextLocation.pathname,a)||t.nextLocation.pathname;return V(n.pathname,u)!=null||V(n.pathname,o)!=null}/**
* @remix-run/react v2.8.1
*
* Copyright (c) Remix Software Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE.md file in the root directory of this source tree.
*
* @license MIT
*/function L(){return L=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},L.apply(this,arguments)}/**
* @remix-run/react v2.8.1
*
* Copyright (c) Remix Software Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE.md file in the root directory of this source tree.
*
* @license MIT
*/function M(e,r){if(e===!1||e===null||typeof e>"u")throw new Error(r)}async function De(e,r){if(e.id in r)return r[e.id];try{let t=await be(()=>import(e.module),[],import.meta.url);return r[e.id]=t,t}catch{return window.__remixContext.isSpaMode,window.location.reload(),new Promise(()=>{})}}/**
* @remix-run/react v2.8.1
*
* Copyright (c) Remix Software Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE.md file in the root directory of this source tree.
*
* @license MIT
*/function Ie(e){return e!=null&&typeof e.page=="string"}function Me(e){return e==null?!1:e.href==null?e.rel==="preload"&&typeof e.imageSrcSet=="string"&&typeof e.imageSizes=="string":typeof e.rel=="string"&&typeof e.href=="string"}async function je(e,r,t){let a=await Promise.all(e.map(async n=>{let o=await De(r.routes[n.route.id],t);return o.links?o.links():[]}));return $e(a.flat(1).filter(Me).filter(n=>n.rel==="stylesheet"||n.rel==="preload").map(n=>n.rel==="stylesheet"?{...n,rel:"prefetch",as:"style"}:{...n,rel:"prefetch"}))}function $(e,r,t,a,n,o){let u=se(e),l=(c,s)=>t[s]?c.route.id!==t[s].route.id:!0,d=(c,s)=>{var m;return t[s].pathname!==c.pathname||((m=t[s].route.path)===null||m===void 0?void 0:m.endsWith("*"))&&t[s].params["*"]!==c.params["*"]};return o==="data"&&n.search!==u.search?r.filter((c,s)=>{if(!a.routes[c.route.id].hasLoader)return!1;if(l(c,s)||d(c,s))return!0;if(c.route.shouldRevalidate){var g;let p=c.route.shouldRevalidate({currentUrl:new URL(n.pathname+n.search+n.hash,window.origin),currentParams:((g=t[0])===null||g===void 0?void 0:g.params)||{},nextUrl:new URL(e,window.origin),nextParams:c.params,defaultShouldRevalidate:!0});if(typeof p=="boolean")return p}return!0}):r.filter((c,s)=>{let m=a.routes[c.route.id];return(o==="assets"||m.hasLoader)&&(l(c,s)||d(c,s))})}function We(e,r,t){let a=se(e);return ie(r.filter(n=>t.routes[n.route.id].hasLoader).map(n=>{let{pathname:o,search:u}=a,l=new URLSearchParams(u);return l.set("_data",n.route.id),`${o}?${l}`}))}function Ve(e,r){return ie(e.map(t=>{let a=r.routes[t.route.id],n=[a.module];return a.imports&&(n=n.concat(a.imports)),n}).flat(1))}function ie(e){return[...new Set(e)]}function Ke(e){let r={},t=Object.keys(e).sort();for(let a of t)r[a]=e[a];return r}function $e(e,r){let t=new Set,a=new Set(r);return e.reduce((n,o)=>{if(r&&!Ie(o)&&o.as==="script"&&o.href&&a.has(o.href))return n;let l=JSON.stringify(Ke(o));return t.has(l)||(t.add(l),n.push({key:l,link:o})),n},[])}function se(e){let r=Pe(e);return r.search===void 0&&(r.search=""),r}/**
* @remix-run/react v2.8.1
*
* Copyright (c) Remix Software Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE.md file in the root directory of this source tree.
*
* @license MIT
*/function ze(){let e=i.useContext(ne);return M(e,"You must render this element inside a <DataRouterContext.Provider> element"),e}function He(){let e=i.useContext(te);return M(e,"You must render this element inside a <DataRouterStateContext.Provider> element"),e}const le=i.createContext(void 0);le.displayName="Remix";function ue(){let e=i.useContext(le);return M(e,"You must render this element inside a <Remix> element"),e}function ce(e,r){let[t,a]=i.useState(!1),[n,o]=i.useState(!1),{onFocus:u,onBlur:l,onMouseEnter:d,onMouseLeave:f,onTouchStart:c}=r,s=i.useRef(null);i.useEffect(()=>{if(e==="render"&&o(!0),e==="viewport"){let p=P=>{P.forEach(S=>{o(S.isIntersecting)})},w=new IntersectionObserver(p,{threshold:.5});return s.current&&w.observe(s.current),()=>{w.disconnect()}}},[e]);let m=()=>{e==="intent"&&a(!0)},g=()=>{e==="intent"&&(a(!1),o(!1))};return i.useEffect(()=>{if(t){let p=setTimeout(()=>{o(!0)},100);return()=>{clearTimeout(p)}}},[t]),[n,s,{onFocus:x(u,m),onBlur:x(l,g),onMouseEnter:x(d,m),onMouseLeave:x(f,g),onTouchStart:x(c,m)}]}const fe=/^(?:[a-z][a-z0-9+.-]*:|\/\/)/i;let Ye=i.forwardRef(({to:e,prefetch:r="none",...t},a)=>{let n=typeof e=="string"&&fe.test(e),o=A(e),[u,l,d]=ce(r,t);return i.createElement(i.Fragment,null,i.createElement(Ue,L({},t,d,{ref:he(a,l),to:e})),u&&!n?i.createElement(me,{page:o}):null)});Ye.displayName="NavLink";let de=i.forwardRef(({to:e,prefetch:r="none",...t},a)=>{let n=typeof e=="string"&&fe.test(e),o=A(e),[u,l,d]=ce(r,t);return i.createElement(i.Fragment,null,i.createElement(oe,L({},t,d,{ref:he(a,l),to:e})),u&&!n?i.createElement(me,{page:o}):null)});de.displayName="Link";function x(e,r){return t=>{e&&e(t),t.defaultPrevented||r(t)}}function me({page:e,...r}){let{router:t}=ze(),a=i.useMemo(()=>Se(t.routes,e,t.basename),[t.routes,e,t.basename]);return a?i.createElement(Ge,L({page:e,matches:a},r)):(console.warn(`Tried to prefetch ${e} but no routes matched.`),null)}function qe(e){let{manifest:r,routeModules:t}=ue(),[a,n]=i.useState([]);return i.useEffect(()=>{let o=!1;return je(e,r,t).then(u=>{o||n(u)}),()=>{o=!0}},[e,r,t]),a}function Ge({page:e,matches:r,...t}){let a=D(),{manifest:n}=ue(),{matches:o}=He(),u=i.useMemo(()=>$(e,r,o,n,a,"data"),[e,r,o,n,a]),l=i.useMemo(()=>$(e,r,o,n,a,"assets"),[e,r,o,n,a]),d=i.useMemo(()=>We(e,u,n),[u,e,n]),f=i.useMemo(()=>Ve(l,n),[l,n]),c=qe(l);return i.createElement(i.Fragment,null,d.map(s=>i.createElement("link",L({key:s,rel:"prefetch",as:"fetch",href:s},t))),f.map(s=>i.createElement("link",L({key:s,rel:"modulepreload",href:s},t))),c.map(({key:s,link:m})=>i.createElement("link",L({key:s},m))))}function he(...e){return r=>{e.forEach(t=>{typeof t=="function"?t(r):t!=null&&(t.current=r)})}}const E=({icon:e,children:r,className:t,variant:a="primary",...n})=>{function o(f){switch(f){case"secondary":return"bg-brand-secondary hover:bg-brand-secondary-900 text-white focus-visible:outline-brand-secondary";case"primary":default:return"bg-brand-primary hover:bg-brand-primary-400 text-white focus-visible:outline-brand-primary-600"}}const u="text-sm font-medium whitespace-nowrap rounded-lg px-3 py-2 shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 transition-all duration-150",l=o(a),d=we(u,l,t);return b.jsx(de,{...n,children:b.jsxs("button",{className:d,children:[e&&b.jsx(ve,{className:"mr-2",icon:e,size:"sm"}),r]})})};E.__docgenInfo={description:"",methods:[],displayName:"ButtonLink",props:{icon:{required:!1,tsType:{name:"IconDefinition"},description:""},variant:{required:!1,tsType:{name:"union",raw:'"primary" | "secondary"',elements:[{name:"literal",value:'"primary"'},{name:"literal",value:'"secondary"'}]},description:"",defaultValue:{value:'"primary"',computed:!1}}},composes:["LinkProps"]};const Xe={component:E,parameters:{actions:{handles:["click"]}},decorators:[xe]},k={render:()=>b.jsx(E,{to:"google.com",variant:"primary",children:"Primary"})},R={render:()=>b.jsx(E,{to:"google.com",variant:"secondary",children:"Secondary"})},C={render:()=>b.jsx(E,{to:"google.com",variant:"secondary",icon:ge,children:"Icon"})};var z,H,Y;k.parameters={...k.parameters,docs:{...(z=k.parameters)==null?void 0:z.docs,source:{originalSource:`{
render: () => <ButtonLink to="google.com" variant="primary">
Primary
</ButtonLink>
}`,...(Y=(H=k.parameters)==null?void 0:H.docs)==null?void 0:Y.source}}};var q,G,X;R.parameters={...R.parameters,docs:{...(q=R.parameters)==null?void 0:q.docs,source:{originalSource:`{
render: () => <ButtonLink to="google.com" variant="secondary">
Secondary
</ButtonLink>
}`,...(X=(G=R.parameters)==null?void 0:G.docs)==null?void 0:X.source}}};var J,Q,Z;C.parameters={...C.parameters,docs:{...(J=C.parameters)==null?void 0:J.docs,source:{originalSource:`{
render: () => <ButtonLink to="google.com" variant="secondary" icon={faAngleLeft}>
Icon
</ButtonLink>
}`,...(Z=(Q=C.parameters)==null?void 0:Q.docs)==null?void 0:Z.source}}};const Je=["Primary","Secondary","WithIcon"],it=Object.freeze(Object.defineProperty({__proto__:null,Primary:k,Secondary:R,WithIcon:C,__namedExportsOrder:Je,default:Xe},Symbol.toStringTag,{value:"Module"}));export{it as B,k as P,R as S,C as W};
File diff suppressed because one or more lines are too long
@@ -1,7 +0,0 @@
function __vite__mapDeps(indexes) {
if (!__vite__mapDeps.viteFileDeps) {
__vite__mapDeps.viteFileDeps = ["./index-DLsXyOuj.js","./index-CsdIBAqE.js"]
}
return indexes.map((i) => __vite__mapDeps.viteFileDeps[i])
}
import{_ as p}from"./iframe-CPVGSZP9.js";import{R as e,r as c}from"./index-CsdIBAqE.js";import{r as l,u}from"./react-18-Te5-Jngr.js";import{d as h,A as E,H as d,D as x}from"./index-s6jI7ZwD.js";import"../sb-preview/runtime.js";import"./index-5f0m1pej.js";import"./index-DYADbu9O.js";import"./index-CwJzlvYf.js";import"./index-DrFu-skq.js";var _={code:h,a:E,...d},D=class extends c.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(t){let{showException:r}=this.props;r(t)}render(){let{hasError:t}=this.state,{children:r}=this.props;return t?null:e.createElement(e.Fragment,null,r)}},F=class{constructor(){this.render=async(t,r,o)=>{let n={..._,...r==null?void 0:r.components},s=x;return new Promise((m,a)=>{p(()=>import("./index-DLsXyOuj.js"),__vite__mapDeps([0,1]),import.meta.url).then(({MDXProvider:i})=>l(e.createElement(D,{showException:a,key:Math.random()},e.createElement(i,{components:n},e.createElement(s,{context:t,docsParameter:r}))),o)).then(()=>m())})},this.unmount=t=>{u(t)}}};export{F as DocsRenderer,_ as defaultComponents};
@@ -1,8 +0,0 @@
import{j as t}from"./jsx-runtime-BnIj46N_.js";import{useMDXComponents as s}from"./index-DLsXyOuj.js";import{M as a,C as n}from"./index-s6jI7ZwD.js";import{F as i,a as m,M as p,B as h}from"./FilterButtons.stories-Qce2PUF8.js";import"./index-CsdIBAqE.js";import"./iframe-CPVGSZP9.js";import"../sb-preview/runtime.js";import"./index-5f0m1pej.js";import"./index-DYADbu9O.js";import"./index-CwJzlvYf.js";import"./index-DrFu-skq.js";import"./decorator-BcxtDL0x.js";import"./v4-D8aEg3BZ.js";function r(e){const o={h1:"h1",p:"p",...s(),...e.components};return t.jsxs(t.Fragment,{children:[t.jsx(a,{of:i}),`
`,t.jsx(o.h1,{id:"three-buttons-which-appear-at-the-top-of-some-of-the-media-tabs",children:"Three buttons which appear at the top of some of the media tabs."}),`
`,t.jsx(o.p,{children:"The value can be set to Featured"}),`
`,t.jsx(n,{of:m}),`
`,t.jsx(o.p,{children:"Mine"}),`
`,t.jsx(n,{of:p}),`
`,t.jsx(o.p,{children:"or Bookmarked"}),`
`,t.jsx(n,{of:h})]})}function w(e={}){const{wrapper:o}={...s(),...e.components};return o?t.jsx(o,{...e,children:t.jsx(r,{...e})}):r(e)}export{w as default};
@@ -1,7 +0,0 @@
import{j as a}from"./jsx-runtime-BnIj46N_.js";import{w as M}from"./decorator-BcxtDL0x.js";var n=(e=>(e[e.Featured=0]="Featured",e[e.Mine=1]="Mine",e[e.Bookmarked=2]="Bookmarked",e))(n||{});function s({onClick:e,value:l}){return a.jsx("div",{className:"flex gap-2 overflow-x-auto overflow-y-hidden px-4",children:Object.keys(n).filter(u=>isNaN(Number(u))).map((u,i)=>{const F=i===2;return a.jsx("button",{className:`filter-tab${l===i?" active":""}`,disabled:F,onClick:e,value:l,children:u},i)})})}s.__docgenInfo={description:"",methods:[],displayName:"FilterButtons",props:{onClick:{required:!0,tsType:{name:"signature",type:"function",raw:"(e: React.MouseEvent) => null",signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent"},name:"e"}],return:{name:"null"}}},description:""},value:{required:!0,tsType:{name:"Filters"},description:""}}};const g={component:s,parameters:{actions:{handles:["click"]}},decorators:[M]},r={render:()=>a.jsx(s,{onClick:()=>null,value:n.Featured})},t={render:()=>a.jsx(s,{onClick:()=>null,value:n.Mine})},o={render:()=>a.jsx(s,{onClick:()=>null,value:n.Bookmarked})};var c,d,m;r.parameters={...r.parameters,docs:{...(c=r.parameters)==null?void 0:c.docs,source:{originalSource:`{
render: () => <FilterButtons onClick={() => null} value={Filters.Featured} />
}`,...(m=(d=r.parameters)==null?void 0:d.docs)==null?void 0:m.source}}};var p,k,v;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:`{
render: () => <FilterButtons onClick={() => null} value={Filters.Mine} />
}`,...(v=(k=t.parameters)==null?void 0:k.docs)==null?void 0:v.source}}};var B,f,x;o.parameters={...o.parameters,docs:{...(B=o.parameters)==null?void 0:B.docs,source:{originalSource:`{
render: () => <FilterButtons onClick={() => null} value={Filters.Bookmarked} />
}`,...(x=(f=o.parameters)==null?void 0:f.docs)==null?void 0:x.source}}};const j=["Featured","Mine","Bookmarked"],y=Object.freeze(Object.defineProperty({__proto__:null,Bookmarked:o,Featured:r,Mine:t,__namedExportsOrder:j,default:g},Symbol.toStringTag,{value:"Module"}));export{o as B,y as F,t as M,r as a};
@@ -1,10 +0,0 @@
import{j as t}from"./jsx-runtime-BnIj46N_.js";import{useMDXComponents as e}from"./index-DLsXyOuj.js";import{M as s,C as r}from"./index-s6jI7ZwD.js";import{I as p,D as m,W as a,a as h,b as c}from"./Input.stories-DxQAdbSd.js";import"./index-CsdIBAqE.js";import"./iframe-CPVGSZP9.js";import"../sb-preview/runtime.js";import"./index-5f0m1pej.js";import"./index-DYADbu9O.js";import"./index-CwJzlvYf.js";import"./index-DrFu-skq.js";import"./bundle-mjs-Du4_Do6r.js";import"./index-BeLTwFsi.js";import"./index-MS7LKRHD.js";import"./utilities-FHh19gKC.js";import"./TransitionDialogue-BWOtE-kZ.js";import"./decorator-BcxtDL0x.js";import"./v4-D8aEg3BZ.js";function i(n){const o={h1:"h1",p:"p",...e(),...n.components};return t.jsxs(t.Fragment,{children:[t.jsx(s,{of:p}),`
`,t.jsx(o.h1,{id:"input-control",children:"Input control"}),`
`,t.jsx(o.p,{children:"Here is the input with placeholder"}),`
`,t.jsx(r,{of:m}),`
`,t.jsx(o.p,{children:"Here is the input with icon"}),`
`,t.jsx(r,{of:a}),`
`,t.jsx(o.p,{children:"Here is the input with label"}),`
`,t.jsx(r,{of:h}),`
`,t.jsx(o.p,{children:"Here is the input with error message"}),`
`,t.jsx(r,{of:c})]})}function _(n={}){const{wrapper:o}={...e(),...n.components};return o?t.jsx(o,{...n,children:t.jsx(i,{...n})}):i(n)}export{_ as default};
@@ -1,17 +0,0 @@
import{j as e}from"./jsx-runtime-BnIj46N_.js";import{R as k}from"./index-CsdIBAqE.js";import{t as u}from"./bundle-mjs-Du4_Do6r.js";import{F as H,b as M}from"./index-BeLTwFsi.js";import{L as R,k as f,H as U}from"./utilities-FHh19gKC.js";import{d as F,D as b,e as O}from"./TransitionDialogue-BWOtE-kZ.js";import{w as P}from"./decorator-BcxtDL0x.js";const r=k.forwardRef(({label:s,icon:c,inputClassName:S,className:W,id:i,isError:D,onBlur:l,onFocus:p,errorMessage:m,...q},L)=>e.jsxs("div",{className:u("flex flex-col",W),children:[s&&e.jsx(R,{htmlFor:i||f(s),children:s}),e.jsxs("div",{className:"relative w-full",children:[c&&e.jsx(H,{icon:c,className:"absolute h-5 pl-3 pt-2.5"}),e.jsx("input",{ref:L,id:i||(s?f(s):void 0),className:u("h-10 w-full rounded-md bg-brand-secondary px-3 py-2.5 text-white outline-none","outline-offset-0 transition-all duration-150 ease-in-out focus:outline-brand-primary",c&&"pl-12",D&&"outline-red focus:outline-red",S),onFocus:d=>{p&&p(d),F(b.INPUT)},onBlur:d=>{l&&l(d),O(b.INPUT)},...q}),m&&e.jsx(U,{className:"absolute z-10 text-red",children:m})]})]}));r.displayName="Input";r.__docgenInfo={description:"",methods:[],displayName:"Input",props:{inputClassName:{required:!1,tsType:{name:"string"},description:""},label:{required:!1,tsType:{name:"string"},description:""},icon:{required:!1,tsType:{name:"IconDefinition"},description:""},isError:{required:!1,tsType:{name:"boolean"},description:""},errorMessage:{required:!1,tsType:{name:"string"},description:""}}};const z={component:r,parameters:{actions:{handles:["change","blur","focus"]}},decorators:[P]},a={render:()=>e.jsx("div",{className:"bg-action p-8",children:e.jsx(r,{placeholder:"field placeholder"})})},o={render:()=>e.jsx("div",{className:"bg-action p-8",children:e.jsx(r,{icon:M})})},t={render:()=>e.jsx("div",{className:"bg-action p-8",children:e.jsx(r,{label:"Input label"})})},n={render:()=>e.jsx("div",{className:"bg-action p-8",children:e.jsx(r,{errorMessage:"Error message"})})};var h,g,x;a.parameters={...a.parameters,docs:{...(h=a.parameters)==null?void 0:h.docs,source:{originalSource:`{
render: () => <div className="bg-action p-8">
<Input placeholder="field placeholder" />
</div>
}`,...(x=(g=a.parameters)==null?void 0:g.docs)==null?void 0:x.source}}};var I,j,v;o.parameters={...o.parameters,docs:{...(I=o.parameters)==null?void 0:I.docs,source:{originalSource:`{
render: () => <div className="bg-action p-8">
<Input icon={faUser} />
</div>
}`,...(v=(j=o.parameters)==null?void 0:j.docs)==null?void 0:v.source}}};var N,y,w;t.parameters={...t.parameters,docs:{...(N=t.parameters)==null?void 0:N.docs,source:{originalSource:`{
render: () => <div className="bg-action p-8">
<Input label="Input label" />
</div>
}`,...(w=(y=t.parameters)==null?void 0:y.docs)==null?void 0:w.source}}};var T,_,E;n.parameters={...n.parameters,docs:{...(T=n.parameters)==null?void 0:T.docs,source:{originalSource:`{
render: () => <div className="bg-action p-8">
<Input errorMessage="Error message" />
</div>
}`,...(E=(_=n.parameters)==null?void 0:_.docs)==null?void 0:E.source}}};const A=["Default","WithIcon","WithLabel","WithError"],X=Object.freeze(Object.defineProperty({__proto__:null,Default:a,WithError:n,WithIcon:o,WithLabel:t,__namedExportsOrder:A,default:z},Symbol.toStringTag,{value:"Module"}));export{a as D,X as I,o as W,t as a,n as b};
@@ -1,10 +0,0 @@
import{j as t}from"./jsx-runtime-BnIj46N_.js";import{useMDXComponents as s}from"./index-DLsXyOuj.js";import{M as e,C as r}from"./index-s6jI7ZwD.js";import{P as a,E as m,F as p,M as x,L as c}from"./Pagination.stories-EXFQqFYE.js";import"./index-CsdIBAqE.js";import"./iframe-CPVGSZP9.js";import"../sb-preview/runtime.js";import"./index-5f0m1pej.js";import"./index-DYADbu9O.js";import"./index-CwJzlvYf.js";import"./index-DrFu-skq.js";import"./index-BeLTwFsi.js";import"./index-MS7LKRHD.js";import"./bundle-mjs-Du4_Do6r.js";import"./TransitionDialogue-BWOtE-kZ.js";import"./ButtonIcon-B-9ySTN-.js";import"./decorator-BcxtDL0x.js";import"./v4-D8aEg3BZ.js";function i(n){const o={h1:"h1",p:"p",...s(),...n.components};return t.jsxs(t.Fragment,{children:[t.jsx(e,{of:a}),`
`,t.jsx(o.h1,{id:"controls-for-pagination",children:"Controls for pagination."}),`
`,t.jsx(o.p,{children:"Here is what it looks like when empty"}),`
`,t.jsx(r,{of:m}),`
`,t.jsx(o.p,{children:"First Page"}),`
`,t.jsx(r,{of:p}),`
`,t.jsx(o.p,{children:"Middle"}),`
`,t.jsx(r,{of:x}),`
`,t.jsx(o.p,{children:"Last Page"}),`
`,t.jsx(r,{of:c})]})}function _(n={}){const{wrapper:o}={...s(),...n.components};return o?t.jsx(o,{...n,children:t.jsx(i,{...n})}):i(n)}export{_ as default};
@@ -1,17 +0,0 @@
import{j as e}from"./jsx-runtime-BnIj46N_.js";import{c as S,d as _}from"./index-BeLTwFsi.js";import{t as E}from"./bundle-mjs-Du4_Do6r.js";import"./TransitionDialogue-BWOtE-kZ.js";import{B as m}from"./ButtonIcon-B-9ySTN-.js";import{w as M}from"./decorator-BcxtDL0x.js";const r=({className:j,currentPage:s,totalPages:c,onPageChange:i})=>{const w=()=>{i(s-1)},C=()=>{i(s+1)};return e.jsxs("nav",{className:E("flex items-center justify-between border-gray-200 px-4",j),children:[e.jsx(m,{className:"text-gray-400 pt-2 -ml-2",icon:S,onClick:w,disabled:s===0,"aria-hidden":!0}),e.jsx("div",{className:"hidden md:flex",children:[...Array(c)].map((q,a)=>a===s?e.jsx("button",{className:"inline-flex items-center border-t-2 border-indigo-500 px-4 pt-2 text-sm font-medium text-indigo-600","aria-current":"page",onClick:()=>i(a),children:a+1},a):e.jsx("button",{className:"inline-flex items-center border-t-2 border-transparent px-4 pt-2 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700",onClick:()=>i(a),children:a+1},a))}),e.jsx(m,{className:"text-gray-400 pt-2 -mr-2",disabled:s===c-1,icon:_,onClick:C,"aria-hidden":!0})]})};r.__docgenInfo={description:"",methods:[],displayName:"Pagination",props:{className:{required:!0,tsType:{name:"string"},description:""},currentPage:{required:!0,tsType:{name:"number"},description:""},totalPages:{required:!0,tsType:{name:"number"},description:""},onPageChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(newPage:number)=>void",signature:{arguments:[{type:{name:"number"},name:"newPage"}],return:{name:"void"}}},description:""}}};const T={component:r,parameters:{actions:{handles:["pageChange"]}},decorators:[M]},n={render:()=>e.jsx("div",{className:"w-[300px] bg-brand-secondary-200",children:e.jsx(r,{className:"",currentPage:0,totalPages:0,onPageChange:()=>{}})})},t={render:()=>e.jsx("div",{className:"w-[300px] bg-brand-secondary-200",children:e.jsx(r,{className:"",currentPage:0,totalPages:5,onPageChange:()=>{}})})},o={render:()=>e.jsx("div",{className:"w-[300px] bg-brand-secondary-200",children:e.jsx(r,{className:"",currentPage:2,totalPages:5,onPageChange:()=>{}})})},d={render:()=>e.jsx("div",{className:"w-[300px] bg-brand-secondary-200",children:e.jsx(r,{className:"",currentPage:4,totalPages:5,onPageChange:()=>{}})})};var g,l,p;n.parameters={...n.parameters,docs:{...(g=n.parameters)==null?void 0:g.docs,source:{originalSource:`{
render: () => <div className="w-[300px] bg-brand-secondary-200">
<Pagination className="" currentPage={0} totalPages={0} onPageChange={() => {}} />
</div>
}`,...(p=(l=n.parameters)==null?void 0:l.docs)==null?void 0:p.source}}};var u,x,P;t.parameters={...t.parameters,docs:{...(u=t.parameters)==null?void 0:u.docs,source:{originalSource:`{
render: () => <div className="w-[300px] bg-brand-secondary-200">
<Pagination className="" currentPage={0} totalPages={5} onPageChange={() => {}} />
</div>
}`,...(P=(x=t.parameters)==null?void 0:x.docs)==null?void 0:P.source}}};var b,h,y;o.parameters={...o.parameters,docs:{...(b=o.parameters)==null?void 0:b.docs,source:{originalSource:`{
render: () => <div className="w-[300px] bg-brand-secondary-200">
<Pagination className="" currentPage={2} totalPages={5} onPageChange={() => {}} />
</div>
}`,...(y=(h=o.parameters)==null?void 0:h.docs)==null?void 0:y.source}}};var N,v,f;d.parameters={...d.parameters,docs:{...(N=d.parameters)==null?void 0:N.docs,source:{originalSource:`{
render: () => <div className="w-[300px] bg-brand-secondary-200">
<Pagination className="" currentPage={4} totalPages={5} onPageChange={() => {}} />
</div>
}`,...(f=(v=d.parameters)==null?void 0:v.docs)==null?void 0:f.source}}};const k=["Empty","FirstPage","Middle","LastPage"],R=Object.freeze(Object.defineProperty({__proto__:null,Empty:n,FirstPage:t,LastPage:d,Middle:o,__namedExportsOrder:k,default:T},Symbol.toStringTag,{value:"Module"}));export{n as E,t as F,d as L,o as M,R as P};
@@ -1,4 +0,0 @@
import{j as t}from"./jsx-runtime-BnIj46N_.js";import{useMDXComponents as i}from"./index-DLsXyOuj.js";import{M as e,C as s}from"./index-s6jI7ZwD.js";import{P as m,D as p}from"./Pill.stories-CJ80zgWu.js";import"./index-CsdIBAqE.js";import"./iframe-CPVGSZP9.js";import"../sb-preview/runtime.js";import"./index-5f0m1pej.js";import"./index-DYADbu9O.js";import"./index-CwJzlvYf.js";import"./index-DrFu-skq.js";import"./bundle-mjs-Du4_Do6r.js";function r(o){const n={h1:"h1",p:"p",...i(),...o.components};return t.jsxs(t.Fragment,{children:[t.jsx(e,{of:m}),`
`,t.jsx(n.h1,{id:"pill",children:"Pill"}),`
`,t.jsx(n.p,{children:"A pill is a container around the children."}),`
`,t.jsx(s,{of:p})]})}function P(o={}){const{wrapper:n}={...i(),...o.components};return n?t.jsx(n,{...o,children:t.jsx(r,{...o})}):r(o)}export{P as default};
@@ -1,3 +0,0 @@
import{j as a}from"./jsx-runtime-BnIj46N_.js";import{t as l}from"./bundle-mjs-Du4_Do6r.js";const r=({className:n,children:i})=>a.jsx("div",{className:l("w-fit rounded-md bg-brand-primary px-1.5 py-0.5 text-xs font-bold",n),children:i});r.__docgenInfo={description:"",methods:[],displayName:"Pill",props:{className:{required:!1,tsType:{name:"string"},description:""},children:{required:!0,tsType:{name:"ReactNode"},description:""}}};const d={component:r,parameters:{}},e={render:()=>a.jsx(r,{children:"A Pill"})};var t,s,o;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`{
render: () => <Pill>A Pill</Pill>
}`,...(o=(s=e.parameters)==null?void 0:s.docs)==null?void 0:o.source}}};const p=["Default"],u=Object.freeze(Object.defineProperty({__proto__:null,Default:e,__namedExportsOrder:p,default:d},Symbol.toStringTag,{value:"Module"}));export{e as D,u as P};
@@ -1,6 +0,0 @@
import{j as t}from"./jsx-runtime-BnIj46N_.js";import{useMDXComponents as i}from"./index-DLsXyOuj.js";import{M as a,C as e}from"./index-s6jI7ZwD.js";import{T as m,D as s,W as p}from"./Textarea.stories-DM9PTDF_.js";import"./index-CsdIBAqE.js";import"./iframe-CPVGSZP9.js";import"../sb-preview/runtime.js";import"./index-5f0m1pej.js";import"./index-DYADbu9O.js";import"./index-CwJzlvYf.js";import"./index-DrFu-skq.js";import"./bundle-mjs-Du4_Do6r.js";import"./utilities-FHh19gKC.js";import"./TransitionDialogue-BWOtE-kZ.js";import"./index-BeLTwFsi.js";import"./index-MS7LKRHD.js";import"./decorator-BcxtDL0x.js";import"./v4-D8aEg3BZ.js";function n(o){const r={h1:"h1",p:"p",...i(),...o.components};return t.jsxs(t.Fragment,{children:[t.jsx(a,{of:m}),`
`,t.jsx(r.h1,{id:"textarea-control",children:"Textarea control"}),`
`,t.jsx(r.p,{children:"Here is the Textarea with placeholder"}),`
`,t.jsx(e,{of:s}),`
`,t.jsx(r.p,{children:"Here is the Textarea with label"}),`
`,t.jsx(e,{of:p})]})}function _(o={}){const{wrapper:r}={...i(),...o.components};return r?t.jsx(r,{...o,children:t.jsx(n,{...o})}):n(o)}export{_ as default};
@@ -1,15 +0,0 @@
import{j as e}from"./jsx-runtime-BnIj46N_.js";import{t as h}from"./bundle-mjs-Du4_Do6r.js";import{L as g,k as l}from"./utilities-FHh19gKC.js";import{d as T,D as i,e as y}from"./TransitionDialogue-BWOtE-kZ.js";import{w as j}from"./decorator-BcxtDL0x.js";const s=({className:f,label:a,resize:v="vertical",id:n,...x})=>e.jsxs("div",{className:"flex flex-col",children:[a&&e.jsx(g,{htmlFor:n||l(a),children:a}),e.jsx("textarea",{id:n||(a?l(a):void 0),className:h("rounded-lg border border-ui-panel-border bg-ui-controls px-3 py-2",f),style:{outline:"2px solid transparent",transition:"outline-color 0.15s ease-in-out",resize:v},onFocus:r=>{T(i.INPUT),r.currentTarget.style.outlineColor="#e66462"},onBlur:r=>{y(i.INPUT),r.currentTarget.style.outlineColor="transparent"},onKeyDown:r=>r.stopPropagation(),...x})]});s.__docgenInfo={description:"",methods:[],displayName:"Textarea",props:{label:{required:!1,tsType:{name:"string"},description:""},resize:{required:!1,tsType:{name:"union",raw:`| "none"
| "both"
| "horizontal"
| "vertical"
| "block"
| "inline"
| undefined`,elements:[{name:"literal",value:'"none"'},{name:"literal",value:'"both"'},{name:"literal",value:'"horizontal"'},{name:"literal",value:'"vertical"'},{name:"literal",value:'"block"'},{name:"literal",value:'"inline"'},{name:"undefined"}]},description:"",defaultValue:{value:'"vertical"',computed:!1}}}};const N={component:s,parameters:{actions:{handles:["change","blur","focus"]}},decorators:[j]},o={render:()=>e.jsx("div",{className:"bg-action p-8",children:e.jsx(s,{placeholder:"field placeholder"})})},t={render:()=>e.jsx("div",{className:"bg-action p-8",children:e.jsx(s,{label:"Label"})})};var c,d,p;o.parameters={...o.parameters,docs:{...(c=o.parameters)==null?void 0:c.docs,source:{originalSource:`{
render: () => <div className="bg-action p-8">
<Textarea placeholder="field placeholder" />
</div>
}`,...(p=(d=o.parameters)==null?void 0:d.docs)==null?void 0:p.source}}};var m,u,b;t.parameters={...t.parameters,docs:{...(m=t.parameters)==null?void 0:m.docs,source:{originalSource:`{
render: () => <div className="bg-action p-8">
<Textarea label="Label" />
</div>
}`,...(b=(u=t.parameters)==null?void 0:u.docs)==null?void 0:b.source}}};const _=["Default","WithLabel"],S=Object.freeze(Object.defineProperty({__proto__:null,Default:o,WithLabel:t,__namedExportsOrder:_,default:N},Symbol.toStringTag,{value:"Module"}));export{o as D,S as T,t as W};
File diff suppressed because one or more lines are too long
@@ -1 +0,0 @@
import{W as e,W as h,b as l}from"./index-s6jI7ZwD.js";import"./iframe-CPVGSZP9.js";import"../sb-preview/runtime.js";import"./index-CsdIBAqE.js";import"./index-5f0m1pej.js";import"./index-DYADbu9O.js";import"./index-CwJzlvYf.js";import"./index-DrFu-skq.js";export{e as WithToolTipState,h as WithTooltip,l as WithTooltipPure};
File diff suppressed because one or more lines are too long
@@ -1 +0,0 @@
import{v as b}from"./v4-D8aEg3BZ.js";const{addons:v}=__STORYBOOK_MODULE_PREVIEW_API__,{global:d}=__STORYBOOK_MODULE_GLOBAL__,{ImplicitActionsDuringRendering:A}=__STORYBOOK_MODULE_CORE_EVENTS_PREVIEW_ERRORS__;var S="actions",I="storybook/actions",w=`${I}/action-event`,p={depth:10,clearOnStoryChange:!0,limit:50},f=(e,n)=>{let t=Object.getPrototypeOf(e);return!t||n(t)?t:f(t,n)},D=e=>!!(typeof e=="object"&&e&&f(e,n=>/^Synthetic(?:Base)?Event$/.test(n.constructor.name))&&typeof e.persist=="function"),j=e=>{if(D(e)){let n=Object.create(e.constructor.prototype,Object.getOwnPropertyDescriptors(e));n.persist();let t=Object.getOwnPropertyDescriptor(n,"view"),o=t==null?void 0:t.value;return typeof o=="object"&&(o==null?void 0:o.constructor.name)==="Window"&&Object.defineProperty(n,"view",{...t,value:Object.create(o.constructor.prototype)}),n}return e},P=()=>typeof crypto=="object"&&typeof crypto.getRandomValues=="function"?b():Date.now().toString(36)+Math.random().toString(36).substring(2);function B(e,n={}){let t={...p,...n},o=function(...i){var O,_;if(n.implicit){let E=(O="__STORYBOOK_PREVIEW__"in d?d.__STORYBOOK_PREVIEW__:void 0)==null?void 0:O.storyRenders.find(a=>a.phase==="playing"||a.phase==="rendering");if(E){let a=!((_=window==null?void 0:window.FEATURES)!=null&&_.disallowImplicitActionsInRenderV8),h=new A({phase:E.phase,name:e,deprecated:a});if(a)console.warn(h);else throw h}}let r=v.getChannel(),l=P(),s=5,c=i.map(j),m=i.length>1?c:c[0],R={id:l,count:0,data:{name:e,args:m},options:{...t,maxDepth:s+(t.depth||3),allowFunction:t.allowFunction||!1}};r.emit(w,R)};return o.isAction=!0,o.implicit=n.implicit,o}var L=(...e)=>{let n=p,t=e;t.length===1&&Array.isArray(t[0])&&([t]=t),t.length!==1&&typeof t[t.length-1]!="string"&&(n={...p,...t.pop()});let o=t[0];(t.length!==1||typeof o=="string")&&(o={},t.forEach(r=>{o[r]=r}));let i={};return Object.keys(o).forEach(r=>{i[r]=B(o[r],n)}),i};const{global:T}=__STORYBOOK_MODULE_GLOBAL__,{makeDecorator:M,useEffect:V}=__STORYBOOK_MODULE_PREVIEW_API__;var{document:g,Element:y}=T,K=/^(\S+)\s*(.*)$/,Y=y!=null&&!y.prototype.matches,N=Y?"msMatchesSelector":"matches",u=(e,n)=>{if(e[N](n))return!0;let t=e.parentElement;return t?u(t,n):!1},U=(e,...n)=>{let t=e(...n);return Object.entries(t).map(([o,i])=>{let[r,l,s]=o.match(K)||[];return{eventName:l,handler:c=>{(!s||u(c.target,s))&&i(c)}}})},W=(e,...n)=>{let t=g&&g.getElementById("storybook-root");V(()=>{if(t!=null){let o=U(e,...n);return o.forEach(({eventName:i,handler:r})=>t.addEventListener(i,r)),()=>o.forEach(({eventName:i,handler:r})=>t.removeEventListener(i,r))}},[t,e,n])},$=M({name:"withActions",parameterName:S,skipIfNoParametersOrOptions:!0,wrapper:(e,n,{parameters:t})=>(t!=null&&t.handles&&W(L,...t.handles),e(n))});export{$ as w};
@@ -1 +0,0 @@
import{R as n,r as i}from"./index-CsdIBAqE.js";import{u as m,r as h}from"./react-18-Te5-Jngr.js";import"./index-5f0m1pej.js";var u=Object.defineProperty,E=(e,r)=>{for(var t in r)u(e,t,{get:r[t],enumerable:!0})};const{global:_}=__STORYBOOK_MODULE_GLOBAL__;var f={};E(f,{parameters:()=>w,render:()=>v,renderToCanvas:()=>g});var v=(e,r)=>{let{id:t,component:o}=r;if(!o)throw new Error(`Unable to render story ${t} as the component annotation is missing from the default export`);return n.createElement(o,{...e})},{FRAMEWORK_OPTIONS:s}=_,x=class extends i.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidMount(){let{hasError:e}=this.state,{showMain:r}=this.props;e||r()}componentDidCatch(e){let{showException:r}=this.props;r(e)}render(){let{hasError:e}=this.state,{children:r}=this.props;return e?null:r}},c=s!=null&&s.strictMode?i.StrictMode:i.Fragment;async function g({storyContext:e,unboundStoryFn:r,showMain:t,showException:o,forceRemount:d},a){let p=n.createElement(x,{showMain:t,showException:o},n.createElement(r,{...e})),l=c?n.createElement(c,null,p):p;return d&&m(a),await h(l,a),()=>m(a)}var w={renderer:"react"};export{w as parameters,v as render,g as renderToCanvas};
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1 +0,0 @@
import{R as e}from"./index-CsdIBAqE.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 m(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{m as MDXProvider,u as useMDXComponents};
@@ -1 +0,0 @@
var j=Object.create,g=Object.defineProperty,A=Object.getOwnPropertyDescriptor,h=Object.getOwnPropertyNames,m=Object.getPrototypeOf,x=Object.prototype.hasOwnProperty,P=(r,e)=>()=>(e||r((e={exports:{}}).exports,e),e.exports),d=(r,e,i,u)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of h(e))!x.call(r,a)&&a!==i&&g(r,a,{get:()=>e[a],enumerable:!(u=A(e,a))||u.enumerable});return r},S=(r,e,i)=>(i=r!=null?j(m(r)):{},d(e||!r||!r.__esModule?g(i,"default",{value:r,enumerable:!0}):i,r)),U=P(r=>{Object.defineProperty(r,"__esModule",{value:!0}),r.isEqual=function(){var e=Object.prototype.toString,i=Object.getPrototypeOf,u=Object.getOwnPropertySymbols?function(a){return Object.keys(a).concat(Object.getOwnPropertySymbols(a))}:Object.keys;return function(a,c){return function f(t,n,o){var y,p,l,s=e.call(t),w=e.call(n);if(t===n)return!0;if(t==null||n==null)return!1;if(o.indexOf(t)>-1&&o.indexOf(n)>-1)return!0;if(o.push(t,n),s!=w||(y=u(t),p=u(n),y.length!=p.length||y.some(function(O){return!f(t[O],n[O],o)})))return!1;switch(s.slice(8,-1)){case"Symbol":return t.valueOf()==n.valueOf();case"Date":case"Number":return+t==+n||+t!=+t&&+n!=+n;case"RegExp":case"Function":case"String":case"Boolean":return""+t==""+n;case"Set":case"Map":y=t.entries(),p=n.entries();do if(!f((l=y.next()).value,p.next().value,o))return!1;while(!l.done);return!0;case"ArrayBuffer":t=new Uint8Array(t),n=new Uint8Array(n);case"DataView":t=new Uint8Array(t.buffer),n=new Uint8Array(n.buffer);case"Float32Array":case"Float64Array":case"Int8Array":case"Int16Array":case"Int32Array":case"Uint8Array":case"Uint16Array":case"Uint32Array":case"Uint8ClampedArray":case"Arguments":case"Array":if(t.length!=n.length)return!1;for(l=0;l<t.length;l++)if((l in t||l in n)&&(l in t!=l in n||!f(t[l],n[l],o)))return!1;return!0;case"Object":return f(i(t),i(n),o);default:return!1}}(a,c,[])}}()}),b=S(U()),v=r=>r.map(e=>typeof e<"u").filter(Boolean).length,q=(r,e)=>{let{exists:i,eq:u,neq:a,truthy:c}=r;if(v([i,u,a,c])>1)throw new Error(`Invalid conditional test ${JSON.stringify({exists:i,eq:u,neq:a})}`);if(typeof u<"u")return(0,b.isEqual)(e,u);if(typeof a<"u")return!(0,b.isEqual)(e,a);if(typeof i<"u"){let f=typeof e<"u";return i?f:!f}return typeof c>"u"||c?!!e:!e},E=(r,e,i)=>{if(!r.if)return!0;let{arg:u,global:a}=r.if;if(v([u,a])!==1)throw new Error(`Invalid conditional value ${JSON.stringify({arg:u,global:a})}`);let c=u?e[u]:i[a];return q(r.if,c)},I=r=>r.toLowerCase().replace(/[ ’–—―′¿'`~!@#$%^&*()_|+\-=?;:'",.<>\{\}\[\]\\\/]/gi,"-").replace(/-+/g,"-").replace(/^-+/,"").replace(/-+$/,"");export{I as O,E as P};
@@ -1,6 +0,0 @@
function l(o){for(var f=[],i=1;i<arguments.length;i++)f[i-1]=arguments[i];var n=Array.from(typeof o=="string"?[o]:o);n[n.length-1]=n[n.length-1].replace(/\r?\n([\t ]*)$/,"");var s=n.reduce(function(t,g){var a=g.match(/\n([\t ]+|(?!\s).)/g);return a?t.concat(a.map(function(u){var r,e;return(e=(r=u.match(/[\t ]/g))===null||r===void 0?void 0:r.length)!==null&&e!==void 0?e:0})):t},[]);if(s.length){var d=new RegExp(`
[ ]{`+Math.min.apply(Math,s)+"}","g");n=n.map(function(t){return t.replace(d,`
`)})}n[0]=n[0].replace(/^\r?\n/,"");var c=n[0];return f.forEach(function(t,g){var a=c.match(/(?:^|\n)( *)$/),u=a?a[1]:"",r=t;typeof t=="string"&&t.includes(`
`)&&(r=String(t).split(`
`).map(function(e,h){return h===0?e:""+u+e}).join(`
`)),c+=r+n[g+1]}),c}export{l as d};
@@ -1 +0,0 @@
import{g as c}from"./index-CsdIBAqE.js";var p={exports:{}},i="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",y=i,m=y;function n(){}function a(){}a.resetWarningCache=n;var T=function(){function e(f,h,l,P,g,s){if(s!==m){var o=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw o.name="Invariant Violation",o}}e.isRequired=e;function r(){return e}var t={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:r,element:e,elementType:e,instanceOf:r,node:e,objectOf:r,oneOf:r,oneOfType:r,shape:r,exact:r,checkPropTypes:a,resetWarningCache:n};return t.PropTypes=t,t};p.exports=T();var u=p.exports;const R=c(u);export{R as P};
File diff suppressed because one or more lines are too long
@@ -1,9 +0,0 @@
import{r as l}from"./index-CsdIBAqE.js";var f={exports:{}},n={};/**
* @license React
* react-jsx-runtime.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 u=l,m=Symbol.for("react.element"),x=Symbol.for("react.fragment"),y=Object.prototype.hasOwnProperty,a=u.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,v={key:!0,ref:!0,__self:!0,__source:!0};function i(t,r,p){var e,o={},s=null,_=null;p!==void 0&&(s=""+p),r.key!==void 0&&(s=""+r.key),r.ref!==void 0&&(_=r.ref);for(e in r)y.call(r,e)&&!v.hasOwnProperty(e)&&(o[e]=r[e]);if(t&&t.defaultProps)for(e in r=t.defaultProps,r)o[e]===void 0&&(o[e]=r[e]);return{$$typeof:m,type:t,key:s,ref:_,props:o,_owner:a.current}}n.Fragment=x;n.jsx=i;n.jsxs=i;f.exports=n;var d=f.exports;export{d as j};
@@ -1 +0,0 @@
import"./index-DYADbu9O.js";const{global:O}=__STORYBOOK_MODULE_GLOBAL__,{makeDecorator:E,addons:_}=__STORYBOOK_MODULE_PREVIEW_API__,{STORY_CHANGED:l,SELECT_STORY:L}=__STORYBOOK_MODULE_CORE_EVENTS__;var c="links",{document:i,HTMLElement:m}=O,v=e=>_.getChannel().emit(L,e),o=e=>{let{target:t}=e;if(!(t instanceof m))return;let s=t,{sbKind:a,sbStory:r}=s.dataset;(a||r)&&(e.preventDefault(),v({kind:a,story:r}))},n=!1,d=()=>{n||(n=!0,i.addEventListener("click",o))},k=()=>{n&&(n=!1,i.removeEventListener("click",o))},R=E({name:"withLinks",parameterName:c,wrapper:(e,t)=>(d(),_.getChannel().once(l,k),e(t))}),T=[R];export{T as decorators};
@@ -1 +0,0 @@
var e={viewport:"reset",viewportRotated:!1};export{e as globals};
@@ -1,396 +0,0 @@
import{d as $}from"./index-DrFu-skq.js";const{useMemo:x,useEffect:f}=__STORYBOOK_MODULE_PREVIEW_API__,{global:p}=__STORYBOOK_MODULE_GLOBAL__;var u=i=>{(Array.isArray(i)?i:[i]).forEach(r)},r=i=>{let t=typeof i=="string"?i:i.join(""),o=p.document.getElementById(t);o&&o.parentElement&&o.parentElement.removeChild(o)},b=(i,t)=>{let o=p.document.getElementById(i);if(o)o.innerHTML!==t&&(o.innerHTML=t);else{let n=p.document.createElement("style");n.setAttribute("id",i),n.innerHTML=t,p.document.head.appendChild(n)}},m="outline";function s(i){return $`
${i} body {
outline: 1px solid #2980b9 !important;
}
${i} article {
outline: 1px solid #3498db !important;
}
${i} nav {
outline: 1px solid #0088c3 !important;
}
${i} aside {
outline: 1px solid #33a0ce !important;
}
${i} section {
outline: 1px solid #66b8da !important;
}
${i} header {
outline: 1px solid #99cfe7 !important;
}
${i} footer {
outline: 1px solid #cce7f3 !important;
}
${i} h1 {
outline: 1px solid #162544 !important;
}
${i} h2 {
outline: 1px solid #314e6e !important;
}
${i} h3 {
outline: 1px solid #3e5e85 !important;
}
${i} h4 {
outline: 1px solid #449baf !important;
}
${i} h5 {
outline: 1px solid #c7d1cb !important;
}
${i} h6 {
outline: 1px solid #4371d0 !important;
}
${i} main {
outline: 1px solid #2f4f90 !important;
}
${i} address {
outline: 1px solid #1a2c51 !important;
}
${i} div {
outline: 1px solid #036cdb !important;
}
${i} p {
outline: 1px solid #ac050b !important;
}
${i} hr {
outline: 1px solid #ff063f !important;
}
${i} pre {
outline: 1px solid #850440 !important;
}
${i} blockquote {
outline: 1px solid #f1b8e7 !important;
}
${i} ol {
outline: 1px solid #ff050c !important;
}
${i} ul {
outline: 1px solid #d90416 !important;
}
${i} li {
outline: 1px solid #d90416 !important;
}
${i} dl {
outline: 1px solid #fd3427 !important;
}
${i} dt {
outline: 1px solid #ff0043 !important;
}
${i} dd {
outline: 1px solid #e80174 !important;
}
${i} figure {
outline: 1px solid #ff00bb !important;
}
${i} figcaption {
outline: 1px solid #bf0032 !important;
}
${i} table {
outline: 1px solid #00cc99 !important;
}
${i} caption {
outline: 1px solid #37ffc4 !important;
}
${i} thead {
outline: 1px solid #98daca !important;
}
${i} tbody {
outline: 1px solid #64a7a0 !important;
}
${i} tfoot {
outline: 1px solid #22746b !important;
}
${i} tr {
outline: 1px solid #86c0b2 !important;
}
${i} th {
outline: 1px solid #a1e7d6 !important;
}
${i} td {
outline: 1px solid #3f5a54 !important;
}
${i} col {
outline: 1px solid #6c9a8f !important;
}
${i} colgroup {
outline: 1px solid #6c9a9d !important;
}
${i} button {
outline: 1px solid #da8301 !important;
}
${i} datalist {
outline: 1px solid #c06000 !important;
}
${i} fieldset {
outline: 1px solid #d95100 !important;
}
${i} form {
outline: 1px solid #d23600 !important;
}
${i} input {
outline: 1px solid #fca600 !important;
}
${i} keygen {
outline: 1px solid #b31e00 !important;
}
${i} label {
outline: 1px solid #ee8900 !important;
}
${i} legend {
outline: 1px solid #de6d00 !important;
}
${i} meter {
outline: 1px solid #e8630c !important;
}
${i} optgroup {
outline: 1px solid #b33600 !important;
}
${i} option {
outline: 1px solid #ff8a00 !important;
}
${i} output {
outline: 1px solid #ff9619 !important;
}
${i} progress {
outline: 1px solid #e57c00 !important;
}
${i} select {
outline: 1px solid #e26e0f !important;
}
${i} textarea {
outline: 1px solid #cc5400 !important;
}
${i} details {
outline: 1px solid #33848f !important;
}
${i} summary {
outline: 1px solid #60a1a6 !important;
}
${i} command {
outline: 1px solid #438da1 !important;
}
${i} menu {
outline: 1px solid #449da6 !important;
}
${i} del {
outline: 1px solid #bf0000 !important;
}
${i} ins {
outline: 1px solid #400000 !important;
}
${i} img {
outline: 1px solid #22746b !important;
}
${i} iframe {
outline: 1px solid #64a7a0 !important;
}
${i} embed {
outline: 1px solid #98daca !important;
}
${i} object {
outline: 1px solid #00cc99 !important;
}
${i} param {
outline: 1px solid #37ffc4 !important;
}
${i} video {
outline: 1px solid #6ee866 !important;
}
${i} audio {
outline: 1px solid #027353 !important;
}
${i} source {
outline: 1px solid #012426 !important;
}
${i} canvas {
outline: 1px solid #a2f570 !important;
}
${i} track {
outline: 1px solid #59a600 !important;
}
${i} map {
outline: 1px solid #7be500 !important;
}
${i} area {
outline: 1px solid #305900 !important;
}
${i} a {
outline: 1px solid #ff62ab !important;
}
${i} em {
outline: 1px solid #800b41 !important;
}
${i} strong {
outline: 1px solid #ff1583 !important;
}
${i} i {
outline: 1px solid #803156 !important;
}
${i} b {
outline: 1px solid #cc1169 !important;
}
${i} u {
outline: 1px solid #ff0430 !important;
}
${i} s {
outline: 1px solid #f805e3 !important;
}
${i} small {
outline: 1px solid #d107b2 !important;
}
${i} abbr {
outline: 1px solid #4a0263 !important;
}
${i} q {
outline: 1px solid #240018 !important;
}
${i} cite {
outline: 1px solid #64003c !important;
}
${i} dfn {
outline: 1px solid #b4005a !important;
}
${i} sub {
outline: 1px solid #dba0c8 !important;
}
${i} sup {
outline: 1px solid #cc0256 !important;
}
${i} time {
outline: 1px solid #d6606d !important;
}
${i} code {
outline: 1px solid #e04251 !important;
}
${i} kbd {
outline: 1px solid #5e001f !important;
}
${i} samp {
outline: 1px solid #9c0033 !important;
}
${i} var {
outline: 1px solid #d90047 !important;
}
${i} mark {
outline: 1px solid #ff0053 !important;
}
${i} bdi {
outline: 1px solid #bf3668 !important;
}
${i} bdo {
outline: 1px solid #6f1400 !important;
}
${i} ruby {
outline: 1px solid #ff7b93 !important;
}
${i} rt {
outline: 1px solid #ff2f54 !important;
}
${i} rp {
outline: 1px solid #803e49 !important;
}
${i} span {
outline: 1px solid #cc2643 !important;
}
${i} br {
outline: 1px solid #db687d !important;
}
${i} wbr {
outline: 1px solid #db175b !important;
}`}var e=(i,t)=>{let{globals:o}=t,n=[!0,"true"].includes(o[m]),d=t.viewMode==="docs",l=x(()=>s(d?'[data-story-block="true"]':".sb-show-main"),[t]);return f(()=>{let a=d?`addon-outline-docs-${t.id}`:"addon-outline";return n?b(a,l):u(a),()=>{u(a)}},[n,l,t]),i()},g=[e],h={[m]:!1};export{g as decorators,h as globals};
@@ -1,7 +0,0 @@
function __vite__mapDeps(indexes) {
if (!__vite__mapDeps.viteFileDeps) {
__vite__mapDeps.viteFileDeps = ["./DocsRenderer-K4EAMTCU-CCuQDNgP.js","./iframe-CPVGSZP9.js","./index-CsdIBAqE.js","./react-18-Te5-Jngr.js","./index-5f0m1pej.js","./index-s6jI7ZwD.js","./index-DYADbu9O.js","./index-CwJzlvYf.js","./index-DrFu-skq.js"]
}
return indexes.map((i) => __vite__mapDeps.viteFileDeps[i])
}
import{_ as a}from"./iframe-CPVGSZP9.js";import"../sb-preview/runtime.js";const{global:s}=__STORYBOOK_MODULE_GLOBAL__;var _=Object.entries(s.TAGS_OPTIONS??{}).reduce((e,r)=>{let[t,o]=r;return o.excludeFromDocsStories&&(e[t]=!0),e},{}),d={docs:{renderer:async()=>{let{DocsRenderer:e}=await a(()=>import("./DocsRenderer-K4EAMTCU-CCuQDNgP.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8]),import.meta.url);return new e},stories:{filter:e=>{var r;return(e.tags||[]).filter(t=>_[t]).length===0&&!((r=e.parameters.docs)!=null&&r.disable)}}}};export{d as parameters};
@@ -1,7 +0,0 @@
const{global:r}=__STORYBOOK_MODULE_GLOBAL__,{addons:s}=__STORYBOOK_MODULE_PREVIEW_API__,{STORY_CHANGED:O}=__STORYBOOK_MODULE_CORE_EVENTS__;var i="storybook/highlight",d="storybookHighlight",g=`${i}/add`,E=`${i}/reset`,{document:l}=r,H=(e="#FF4785",t="dashed")=>`
outline: 2px ${t} ${e};
outline-offset: 2px;
box-shadow: 0 0 0 6px rgba(255,255,255,0.6);
`,I=e=>({outline:`2px dashed ${e}`,outlineOffset:2,boxShadow:"0 0 0 6px rgba(255,255,255,0.6)"}),_=s.getChannel(),T=e=>{let t=d;n();let o=Array.from(new Set(e.elements)),h=l.createElement("style");h.setAttribute("id",t),h.innerHTML=o.map(a=>`${a}{
${H(e.color,e.style)}
}`).join(" "),l.head.appendChild(h)},n=()=>{var o;let e=d,t=l.getElementById(e);t&&((o=t.parentNode)==null||o.removeChild(t))};_.on(O,n);_.on(E,n);_.on(g,T);export{I as highlightObject,H as highlightStyle};
@@ -1,20 +0,0 @@
import{d as E}from"./index-DrFu-skq.js";const{useMemo:f,useEffect:v}=__STORYBOOK_MODULE_PREVIEW_API__,{global:M}=__STORYBOOK_MODULE_GLOBAL__,{logger:h}=__STORYBOOK_MODULE_CLIENT_LOGGER__;var p="backgrounds",{document:l,window:B}=M,x=()=>B.matchMedia("(prefers-reduced-motion: reduce)").matches,O=(r,e=[],a)=>{if(r==="transparent")return"transparent";if(e.find(n=>n.value===r))return r;let d=e.find(n=>n.name===a);if(d)return d.value;if(a){let n=e.map(o=>o.name).join(", ");h.warn(E`
Backgrounds Addon: could not find the default color "${a}".
These are the available colors for your story based on your configuration:
${n}.
`)}return"transparent"},k=r=>{(Array.isArray(r)?r:[r]).forEach(S)},S=r=>{var a;let e=l.getElementById(r);e&&((a=e.parentElement)==null||a.removeChild(e))},w=(r,e)=>{let a=l.getElementById(r);if(a)a.innerHTML!==e&&(a.innerHTML=e);else{let d=l.createElement("style");d.setAttribute("id",r),d.innerHTML=e,l.head.appendChild(d)}},A=(r,e,a)=>{var n;let d=l.getElementById(r);if(d)d.innerHTML!==e&&(d.innerHTML=e);else{let o=l.createElement("style");o.setAttribute("id",r),o.innerHTML=e;let i=`addon-backgrounds-grid${a?`-docs-${a}`:""}`,t=l.getElementById(i);t?(n=t.parentElement)==null||n.insertBefore(o,t):l.head.appendChild(o)}},L=(r,e)=>{var c;let{globals:a,parameters:d}=e,n=(c=a[p])==null?void 0:c.value,o=d[p],i=f(()=>o.disable?"transparent":O(n,o.values,o.default),[o,n]),t=f(()=>i&&i!=="transparent",[i]),s=e.viewMode==="docs"?`#anchor--${e.id} .docs-story`:".sb-show-main",u=f(()=>`
${s} {
background: ${i} !important;
${x()?"":"transition: background-color 0.3s;"}
}
`,[i,s]);return v(()=>{let g=e.viewMode==="docs"?`addon-backgrounds-docs-${e.id}`:"addon-backgrounds-color";if(!t){k(g);return}A(g,u,e.viewMode==="docs"?e.id:null)},[t,u,e]),r()},T=(r,e)=>{var y;let{globals:a,parameters:d}=e,n=d[p].grid,o=((y=a[p])==null?void 0:y.grid)===!0&&n.disable!==!0,{cellAmount:i,cellSize:t,opacity:s}=n,u=e.viewMode==="docs",c=d.layout===void 0||d.layout==="padded"?16:0,g=n.offsetX??(u?20:c),m=n.offsetY??(u?20:c),$=f(()=>{let b=e.viewMode==="docs"?`#anchor--${e.id} .docs-story`:".sb-show-main",_=[`${t*i}px ${t*i}px`,`${t*i}px ${t*i}px`,`${t}px ${t}px`,`${t}px ${t}px`].join(", ");return`
${b} {
background-size: ${_} !important;
background-position: ${g}px ${m}px, ${g}px ${m}px, ${g}px ${m}px, ${g}px ${m}px !important;
background-blend-mode: difference !important;
background-image: linear-gradient(rgba(130, 130, 130, ${s}) 1px, transparent 1px),
linear-gradient(90deg, rgba(130, 130, 130, ${s}) 1px, transparent 1px),
linear-gradient(rgba(130, 130, 130, ${s/2}) 1px, transparent 1px),
linear-gradient(90deg, rgba(130, 130, 130, ${s/2}) 1px, transparent 1px) !important;
}
`},[t]);return v(()=>{let b=e.viewMode==="docs"?`addon-backgrounds-grid-docs-${e.id}`:"addon-backgrounds-grid";if(!o){k(b);return}w(b,$)},[o,$,e]),r()},I=[T,L],R={[p]:{grid:{cellSize:20,opacity:.5,cellAmount:5},values:[{name:"light",value:"#F8F8F8"},{name:"dark",value:"#333333"}]}},G={[p]:null};export{I as decorators,G as globals,R as parameters};
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1 +0,0 @@
import{v as u}from"./v4-D8aEg3BZ.js";const{addons:A}=__STORYBOOK_MODULE_PREVIEW_API__,{global:O}=__STORYBOOK_MODULE_GLOBAL__,{ImplicitActionsDuringRendering:b}=__STORYBOOK_MODULE_CORE_EVENTS_PREVIEW_ERRORS__;var T="storybook/actions",I=`${T}/action-event`,S={depth:10,clearOnStoryChange:!0,limit:50},m=(t,n)=>{let e=Object.getPrototypeOf(t);return!e||n(e)?e:m(e,n)},w=t=>!!(typeof t=="object"&&t&&m(t,n=>/^Synthetic(?:Base)?Event$/.test(n.constructor.name))&&typeof t.persist=="function"),D=t=>{if(w(t)){let n=Object.create(t.constructor.prototype,Object.getOwnPropertyDescriptors(t));n.persist();let e=Object.getOwnPropertyDescriptor(n,"view"),i=e==null?void 0:e.value;return typeof i=="object"&&(i==null?void 0:i.constructor.name)==="Window"&&Object.defineProperty(n,"view",{...e,value:Object.create(i.constructor.prototype)}),n}return t},j=()=>typeof crypto=="object"&&typeof crypto.getRandomValues=="function"?u():Date.now().toString(36)+Math.random().toString(36).substring(2);function l(t,n={}){let e={...S,...n},i=function(...o){var g,_;if(n.implicit){let d=(g="__STORYBOOK_PREVIEW__"in O?O.__STORYBOOK_PREVIEW__:void 0)==null?void 0:g.storyRenders.find(p=>p.phase==="playing"||p.phase==="rendering");if(d){let p=!((_=window==null?void 0:window.FEATURES)!=null&&_.disallowImplicitActionsInRenderV8),y=new b({phase:d.phase,name:t,deprecated:p});if(p)console.warn(y);else throw y}}let r=A.getChannel(),c=j(),a=5,s=o.map(D),R=o.length>1?s:s[0],h={id:c,count:0,data:{name:t,args:R},options:{...e,maxDepth:a+(e.depth||3),allowFunction:e.allowFunction||!1}};r.emit(I,h)};return i.isAction=!0,i.implicit=n.implicit,i}var E=(t,n)=>typeof n[t]>"u"&&!(t in n),P=t=>{let{initialArgs:n,argTypes:e,id:i,parameters:{actions:o}}=t;if(!o||o.disable||!o.argTypesRegex||!e)return{};let r=new RegExp(o.argTypesRegex);return Object.entries(e).filter(([c])=>!!r.test(c)).reduce((c,[a,s])=>(E(a,n)&&(c[a]=l(a,{implicit:!0,id:i})),c),{})},F=t=>{let{initialArgs:n,argTypes:e,parameters:{actions:i}}=t;return i!=null&&i.disable||!e?{}:Object.entries(e).filter(([o,r])=>!!r.action).reduce((o,[r,c])=>(E(r,n)&&(o[r]=l(typeof c.action=="string"?c.action:r)),o),{})},x=[F,P],f=Symbol.for("tinyspy:spy"),M=t=>{let{args:n,parameters:{actions:e}}=t;e!=null&&e.disable||Object.entries(n).filter(([,i])=>typeof i=="function"&&"_isMockFunction"in i&&i._isMockFunction).forEach(([i,o])=>{var c;let r=o.getMockImplementation()??(f in o?(c=o[f])==null?void 0:c.getOriginal():void 0);if((r==null?void 0:r._actionAttached)!==!0&&(r==null?void 0:r.isAction)!==!0){let a=(...s)=>(l(i)(...s),r==null?void 0:r(...s));a._actionAttached=!0,o.mockImplementation(a)}})},B=[M];export{x as argsEnhancers,B as loaders,f as tinySpyInternalState};
@@ -1 +0,0 @@
import{j as o}from"./jsx-runtime-BnIj46N_.js";import{M as t}from"./index-DJcxdOIY.js";import"./index-CsdIBAqE.js";const s={parameters:{controls:{matchers:{color:/(background|color)$/i,date:/Date$/i}}},decorators:[r=>o.jsx(t,{initialEntries:["/"],children:r()})]};export{s as default};
File diff suppressed because one or more lines are too long
@@ -1 +0,0 @@
import{R as c,r as n}from"./index-CsdIBAqE.js";import{r as m}from"./index-5f0m1pej.js";var a={},s=m;a.createRoot=s.createRoot,a.hydrateRoot=s.hydrateRoot;var o=new Map,R=({callback:e,children:t})=>{let r=n.useRef();return n.useLayoutEffect(()=>{r.current!==e&&(r.current=e,e())},[e]),t},p=async(e,t)=>{let r=await d(t);return new Promise(u=>{r.render(c.createElement(R,{callback:()=>u(null)},e))})},E=(e,t)=>{let r=o.get(e);r&&(r.unmount(),o.delete(e))},d=async e=>{let t=o.get(e);return t||(t=a.createRoot(e),o.set(e,t)),t};export{p as r,E as u};
@@ -1 +0,0 @@
import{S as g,c as n,s as u,a as c}from"./index-s6jI7ZwD.js";import"./iframe-CPVGSZP9.js";import"../sb-preview/runtime.js";import"./index-CsdIBAqE.js";import"./index-5f0m1pej.js";import"./index-DYADbu9O.js";import"./index-CwJzlvYf.js";import"./index-DrFu-skq.js";export{g as SyntaxHighlighter,n as createCopyToClipboardFunction,u as default,c as supportedLanguages};
@@ -1 +0,0 @@
import{j as t}from"./jsx-runtime-BnIj46N_.js";import{t as a}from"./bundle-mjs-Du4_Do6r.js";const o="text-white",n=({className:e,children:s,...r})=>t.jsx("label",{className:a(o,"mb-2 text-[15px] font-medium",e),...r,children:s}),i=({className:e,children:s})=>t.jsx("h6",{className:a(o,"text-sm font-normal",e),children:s});n.__docgenInfo={description:"",methods:[],displayName:"Label"};i.__docgenInfo={description:"",methods:[],displayName:"H6",props:{className:{required:!1,tsType:{name:"string"},description:""},children:{required:!0,tsType:{name:"ReactNode"},description:""}}};const c=e=>e.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[\s_]+/g,"-").toLowerCase();export{i as H,n as L,c as k};
@@ -1 +0,0 @@
let e;const p=new Uint8Array(16);function y(){if(!e&&(e=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!e))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return e(p)}const d=[];for(let n=0;n<256;++n)d.push((n+256).toString(16).slice(1));function r(n,t=0){return d[n[t+0]]+d[n[t+1]]+d[n[t+2]]+d[n[t+3]]+"-"+d[n[t+4]]+d[n[t+5]]+"-"+d[n[t+6]]+d[n[t+7]]+"-"+d[n[t+8]]+d[n[t+9]]+"-"+d[n[t+10]]+d[n[t+11]]+d[n[t+12]]+d[n[t+13]]+d[n[t+14]]+d[n[t+15]]}const m=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),o={randomUUID:m};function U(n,t,i){if(o.randomUUID&&!t&&!n)return o.randomUUID();n=n||{};const u=n.random||(n.rng||y)();if(u[6]=u[6]&15|64,u[8]=u[8]&63|128,t){i=i||0;for(let c=0;c<16;++c)t[i+c]=u[c];return t}return r(u)}export{U as v};
Binary file not shown.

Before

Width:  |  Height:  |  Size: 701 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

@@ -1,7 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="164" height="164">
<svg width="164" height="164" viewBox="0 0 164 164" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22.467 147.762 17.5 15.402a8.062 8.062 0 0 1 7.553-8.35L137.637.016a8.061 8.061 0 0 1 8.565 8.047v144.23a8.063 8.063 0 0 1-8.424 8.054l-107.615-4.833a8.062 8.062 0 0 1-7.695-7.752Z" fill="#FF4785"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="m128.785.57-15.495.968-.755 18.172a1.203 1.203 0 0 0 1.928 1.008l7.06-5.354 5.962 4.697a1.202 1.202 0 0 0 1.946-.987L128.785.569Zm-12.059 60.856c-2.836 2.203-23.965 3.707-23.965.57.447-11.969-4.912-12.494-7.889-12.494-2.828 0-7.59.855-7.59 7.267 0 6.534 6.96 10.223 15.13 14.553 11.607 6.15 25.654 13.594 25.654 32.326 0 17.953-14.588 27.871-33.194 27.871-19.201 0-35.981-7.769-34.086-34.702.744-3.163 25.156-2.411 25.156 0-.298 11.114 2.232 14.383 8.633 14.383 4.912 0 7.144-2.708 7.144-7.267 0-6.9-7.252-10.973-15.595-15.657C64.827 81.933 51.53 74.468 51.53 57.34c0-17.098 11.76-28.497 32.747-28.497 20.988 0 32.449 11.224 32.449 32.584Z" fill="#fff"></path>
</svg>
<style>@media (prefers-color-scheme: light) { :root { filter: none; } }</style>
</svg>

Before

Width:  |  Height:  |  Size: 1.3 KiB

@@ -1,498 +0,0 @@
<!doctype html>
<!--suppress HtmlUnknownTarget -->
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Storybook</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link
rel="prefetch"
href="./sb-common-assets/nunito-sans-regular.woff2"
as="font"
type="font/woff2"
crossorigin
/>
<link
rel="prefetch"
href="./sb-common-assets/nunito-sans-italic.woff2"
as="font"
type="font/woff2"
crossorigin
/>
<link
rel="prefetch"
href="./sb-common-assets/nunito-sans-bold.woff2"
as="font"
type="font/woff2"
crossorigin
/>
<link
rel="prefetch"
href="./sb-common-assets/nunito-sans-bold-italic.woff2"
as="font"
type="font/woff2"
crossorigin
/>
<link rel="stylesheet" href="./sb-common-assets/fonts.css" />
<script>
window.CONFIG_TYPE = 'PRODUCTION';
window.LOGLEVEL = 'info';
window.FRAMEWORK_OPTIONS = {"builder":{"viteConfigPath":"sb-vite.config.ts"}};
window.CHANNEL_OPTIONS = {};
window.FEATURES = {"argTypeTargetsV7":true,"legacyDecoratorFileOrder":false,"disallowImplicitActionsInRenderV8":true};
window.STORIES = [{"titlePrefix":"","directory":".","files":"**/*.mdx","importPathMatcher":"^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.mdx)$"},{"titlePrefix":"","directory":".","files":"**/*.stories.@(js|jsx|mjs|ts|tsx)","importPathMatcher":"^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|mjs|ts|tsx))$"}];
window.DOCS_OPTIONS = {"defaultName":"Docs","autodocs":"tag"};
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;
padding: 20px;
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;
}
.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;
}
.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 {
border: 20px solid rgb(187, 49, 49);
background: #222;
color: #fff;
z-index: 999999;
}
.sb-errordisplay_code {
padding: 10px;
background: #000;
color: #eee;
font-family: 'Operator Mono', 'Fira Code Retina', 'Fira Code', 'FiraCode-Retina', 'Andale Mono',
'Lucida Console', Consolas, Monaco, monospace;
}
.sb-errordisplay pre {
white-space: pre-wrap;
}
@-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;
}
</style>
<script>
/* globals window */
/* eslint-disable no-underscore-dangle */
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>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet"
/>
<script type="module" crossorigin src="./assets/iframe-CPVGSZP9.js"></script>
</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">
<pre id="error-message" class="sb-heading"></pre>
<pre class="sb-errordisplay_code"><code id="error-stack"></code></pre>
</div>
<div id="storybook-root"></div>
<div id="storybook-docs"></div>
</body>
</html>
@@ -1,167 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>@storybook/cli - Storybook</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link rel="icon" type="image/svg+xml" href="./favicon.svg" />
<link
rel="prefetch"
href="./sb-common-assets/nunito-sans-regular.woff2"
as="font"
type="font/woff2"
crossorigin
/>
<link
rel="prefetch"
href="./sb-common-assets/nunito-sans-bold.woff2"
as="font"
type="font/woff2"
crossorigin
/>
<link rel="stylesheet" href="./sb-common-assets/fonts.css" />
<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/onboarding-1/manager-bundle.js" rel="modulepreload" />
<link href="./sb-addons/links-2/manager-bundle.js" rel="modulepreload" />
<link href="./sb-addons/essentials-controls-3/manager-bundle.js" rel="modulepreload" />
<link href="./sb-addons/essentials-actions-4/manager-bundle.js" rel="modulepreload" />
<link href="./sb-addons/essentials-backgrounds-5/manager-bundle.js" rel="modulepreload" />
<link href="./sb-addons/essentials-viewport-6/manager-bundle.js" rel="modulepreload" />
<link href="./sb-addons/essentials-toolbars-7/manager-bundle.js" rel="modulepreload" />
<link href="./sb-addons/essentials-measure-8/manager-bundle.js" rel="modulepreload" />
<link href="./sb-addons/essentials-outline-9/manager-bundle.js" rel="modulepreload" />
<link href="./sb-addons/chromatic-com-storybook-10/manager-bundle.js" rel="modulepreload" />
<link href="./sb-addons/interactions-11/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
};
window['REFS'] = {};
window['LOGLEVEL'] = "info";
window['DOCS_OPTIONS'] = {
"defaultName": "Docs",
"autodocs": "tag"
};
window['CONFIG_TYPE'] = "PRODUCTION";
window['TAGS_OPTIONS'] = {
"dev-only": {
"excludeFromDocsStories": true
},
"docs-only": {
"excludeFromSidebar": true
},
"test-only": {
"excludeFromSidebar": true,
"excludeFromDocsStories": true
}
};
window['STORYBOOK_RENDERER'] = "@storybook/react";
window['STORYBOOK_BUILDER'] = "@storybook/builder-vite";
window['STORYBOOK_FRAMEWORK'] = "@storybook/react-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/onboarding-1/manager-bundle.js';
import './sb-addons/links-2/manager-bundle.js';
import './sb-addons/essentials-controls-3/manager-bundle.js';
import './sb-addons/essentials-actions-4/manager-bundle.js';
import './sb-addons/essentials-backgrounds-5/manager-bundle.js';
import './sb-addons/essentials-viewport-6/manager-bundle.js';
import './sb-addons/essentials-toolbars-7/manager-bundle.js';
import './sb-addons/essentials-measure-8/manager-bundle.js';
import './sb-addons/essentials-outline-9/manager-bundle.js';
import './sb-addons/chromatic-com-storybook-10/manager-bundle.js';
import './sb-addons/interactions-11/manager-bundle.js';
import './sb-manager/runtime.js';
</script>
<link href="./sb-preview/runtime.js" rel="prefetch" as="script" />
</body>
</html>
File diff suppressed because one or more lines are too long
@@ -1 +0,0 @@
{"generatedAt":1715708689591,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"packageManager":{"type":"npm","version":"10.4.0"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{"builder":{"viteConfigPath":"sb-vite.config.ts"}}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","storybookVersion":"8.0.10","storybookVersionSpecifier":"^8.0.10","language":"typescript","storybookPackages":{"@storybook/addon-actions":{"version":"8.0.10"},"@storybook/blocks":{"version":"8.0.10"},"@storybook/react":{"version":"8.0.10"},"@storybook/react-vite":{"version":"8.0.10"},"@storybook/test":{"version":"8.0.10"},"eslint-plugin-storybook":{"version":"0.8.0"},"storybook":{"version":"8.0.10"}},"addons":{"@storybook/addon-onboarding":{"version":"8.0.10"},"@storybook/addon-links":{"version":"8.0.10"},"@storybook/addon-essentials":{"version":"8.0.10"},"@chromatic-com/storybook":{"version":"1.3.5"},"@storybook/addon-interactions":{"version":"8.0.10"},"chromatic":{"version":"11.3.2","versionSpecifier":"^11.3.2"}}}
Binary file not shown.

Before

Width:  |  Height:  |  Size: 74 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 71 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 68 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 70 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 77 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 74 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 71 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 73 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 67 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 71 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 69 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 69 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 73 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 74 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 71 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 76 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 76 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 81 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 60 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 64 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 67 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 76 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 69 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 77 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 64 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

Some files were not shown because too many files have changed in this diff Show More