Compare commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
6bd46dc944 | ||
|
|
8f08c35cb4 | ||
|
|
3e419fb1fa | ||
|
|
b793ed7d6f |
@@ -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",
|
||||
|
||||
|
Before Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 45 KiB |
|
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};
|
||||
@@ -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};
|
||||
@@ -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};
|
||||
@@ -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};
|
||||
@@ -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};
|
||||
@@ -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};
|
||||
@@ -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};
|
||||
@@ -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};
|
||||
@@ -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};
|
||||
|
Before Width: | Height: | Size: 701 B |
|
Before Width: | Height: | Size: 1.6 KiB |
|
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>
|
||||
@@ -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"}}}
|
||||
|
Before Width: | Height: | Size: 74 KiB |
|
Before Width: | Height: | Size: 71 KiB |
|
Before Width: | Height: | Size: 68 KiB |
|
Before Width: | Height: | Size: 70 KiB |
|
Before Width: | Height: | Size: 77 KiB |
|
Before Width: | Height: | Size: 74 KiB |
|
Before Width: | Height: | Size: 71 KiB |
|
Before Width: | Height: | Size: 73 KiB |
|
Before Width: | Height: | Size: 67 KiB |
|
Before Width: | Height: | Size: 71 KiB |
|
Before Width: | Height: | Size: 69 KiB |
|
Before Width: | Height: | Size: 69 KiB |
|
Before Width: | Height: | Size: 73 KiB |
|
Before Width: | Height: | Size: 74 KiB |
|
Before Width: | Height: | Size: 71 KiB |
|
Before Width: | Height: | Size: 76 KiB |
|
Before Width: | Height: | Size: 76 KiB |
|
Before Width: | Height: | Size: 81 KiB |
|
Before Width: | Height: | Size: 60 KiB |
|
Before Width: | Height: | Size: 64 KiB |
|
Before Width: | Height: | Size: 67 KiB |
|
Before Width: | Height: | Size: 76 KiB |
|
Before Width: | Height: | Size: 69 KiB |
|
Before Width: | Height: | Size: 77 KiB |
|
Before Width: | Height: | Size: 64 KiB |
|
Before Width: | Height: | Size: 8.6 KiB |
|
Before Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 16 KiB |