@chem-po/web-demo 0.0.2 → 0.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/Color-YHDXOIA2-DWRr93aM.js +1 -0
- package/dist/assets/DocsRenderer-CFRXHY34-D0gfqDQU.js +575 -0
- package/dist/assets/ExampleItemView-C7wLqYnj.js +1 -0
- package/dist/assets/FirebaseList.stories-CcgPPh8J.js +5 -0
- package/dist/assets/MobileFrame.stories-LQM_KmWY.js +13 -0
- package/dist/assets/Playground.stories-BWtnuY6m.js +1 -0
- package/dist/assets/chunk-XP5HYGXS-BpfKkqn7.js +1 -0
- package/dist/assets/entry-preview-Dtem_WmJ.js +2 -0
- package/dist/assets/entry-preview-docs-DJtt7OkJ.js +46 -0
- package/dist/assets/iframe-rmaPNljy.js +211 -0
- package/dist/assets/index-ChEI-nsM.js +1 -0
- package/dist/assets/index-Ci6h_Amb.js +240 -0
- package/dist/assets/index-DRjF_FHU.js +9 -0
- package/dist/assets/index-DrFu-skq.js +6 -0
- package/dist/assets/index-DxqO1ZJV.js +615 -0
- package/dist/assets/index-FTTXbSiM.js +8 -0
- package/dist/assets/index-iW6a2TEn.js +24 -0
- package/dist/assets/index-xnLS8IQ8.js +3601 -0
- package/dist/assets/jsx-runtime-DiklIkkE.js +9 -0
- package/dist/assets/list-WXUHTQch.js +10 -0
- package/dist/assets/preview-B8lJiyuQ.js +34 -0
- package/dist/assets/preview-BWzBA1C2.js +396 -0
- package/dist/assets/preview-CPX9RCe3.js +1 -0
- package/dist/assets/preview-CvbIS5ZJ.js +1 -0
- package/dist/assets/preview-D6hsmN8L.js +2 -0
- package/dist/assets/preview-DD_OYowb.js +1 -0
- package/dist/assets/preview-DGUiP6tS.js +7 -0
- package/dist/assets/preview-DHQbi4pV.js +1 -0
- package/dist/assets/preview-DuTa5VuS.js +295 -0
- package/dist/assets/preview-ik5anPOD.js +1 -0
- package/dist/assets/react-18-BPkW-q1l.js +1 -0
- package/dist/assets/test-utils-DNRP7T0w.js +9 -0
- package/dist/assets/tiny-invariant-CopsF_GD.js +1 -0
- package/dist/favicon.svg +1 -0
- package/dist/icons/Soundcloud_logo.svg +53 -0
- package/dist/icons/description.svg +1 -0
- package/dist/icons/explore.svg +1 -0
- package/dist/icons/facebook.svg +17 -0
- package/dist/icons/google.svg +1 -0
- package/dist/icons/grid_view.svg +1 -0
- package/dist/icons/home.svg +1 -0
- package/dist/icons/image.svg +1 -0
- package/dist/icons/instagram.svg +1 -0
- package/dist/icons/list.svg +1 -0
- package/dist/icons/open_in_full.svg +1 -0
- package/dist/icons/pdf.svg +23 -0
- package/dist/icons/soundcloud-logo.svg +2 -0
- package/dist/icons/soundcloud.svg +17 -0
- package/dist/icons/tune.svg +1 -0
- package/dist/icons/twitch.svg +11 -0
- package/dist/icons/twitter.svg +4 -0
- package/dist/icons/youtube.svg +20 -0
- package/dist/icons/zip.svg +1 -0
- package/dist/iframe.html +696 -0
- package/dist/index.html +193 -0
- package/dist/index.json +1 -0
- package/dist/nunito-sans-bold-italic.woff2 +0 -0
- package/dist/nunito-sans-bold.woff2 +0 -0
- package/dist/nunito-sans-italic.woff2 +0 -0
- package/dist/nunito-sans-regular.woff2 +0 -0
- package/dist/project.json +1 -0
- package/dist/sb-addons/chromatic-com-storybook-10/manager-bundle.js +331 -0
- package/dist/sb-addons/chromatic-com-storybook-10/manager-bundle.js.LEGAL.txt +51 -0
- package/dist/sb-addons/essentials-actions-3/manager-bundle.js +3 -0
- package/dist/sb-addons/essentials-backgrounds-5/manager-bundle.js +12 -0
- package/dist/sb-addons/essentials-controls-2/manager-bundle.js +402 -0
- package/dist/sb-addons/essentials-docs-4/manager-bundle.js +242 -0
- package/dist/sb-addons/essentials-measure-8/manager-bundle.js +3 -0
- package/dist/sb-addons/essentials-outline-9/manager-bundle.js +3 -0
- package/dist/sb-addons/essentials-toolbars-7/manager-bundle.js +3 -0
- package/dist/sb-addons/essentials-viewport-6/manager-bundle.js +3 -0
- package/dist/sb-addons/interactions-11/manager-bundle.js +222 -0
- package/dist/sb-addons/links-1/manager-bundle.js +3 -0
- package/dist/sb-addons/remix-react-router-12/manager-bundle.js +7 -0
- package/dist/sb-addons/storybook-core-core-server-presets-0/common-manager-bundle.js +3 -0
- package/dist/sb-common-assets/favicon.svg +1 -0
- package/dist/sb-common-assets/nunito-sans-bold-italic.woff2 +0 -0
- package/dist/sb-common-assets/nunito-sans-bold.woff2 +0 -0
- package/dist/sb-common-assets/nunito-sans-italic.woff2 +0 -0
- package/dist/sb-common-assets/nunito-sans-regular.woff2 +0 -0
- package/dist/sb-manager/globals-module-info.js +1051 -0
- package/dist/sb-manager/globals-runtime.js +41591 -0
- package/dist/sb-manager/globals.js +48 -0
- package/dist/sb-manager/runtime.js +12048 -0
- package/package.json +6 -7
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import{r as i}from"./index-DRjF_FHU.js";var f={exports:{}},n={};/**
|
|
2
|
+
* @license React
|
|
3
|
+
* react-jsx-runtime.production.min.js
|
|
4
|
+
*
|
|
5
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
6
|
+
*
|
|
7
|
+
* This source code is licensed under the MIT license found in the
|
|
8
|
+
* LICENSE file in the root directory of this source tree.
|
|
9
|
+
*/var l=i,m=Symbol.for("react.element"),x=Symbol.for("react.fragment"),y=Object.prototype.hasOwnProperty,a=l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,v={key:!0,ref:!0,__self:!0,__source:!0};function u(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=u;n.jsxs=u;f.exports=n;var d=f.exports;export{d as j};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import{r,a as X}from"./index-DRjF_FHU.js";import{R as Y}from"./index-iW6a2TEn.js";import{c as $,l as z,R as N,D as J,a as K,u as ee,b as te,d as re,C as I,B as ae,F as y,e as B,T as R,Z as ne}from"./index-DxqO1ZJV.js";import{j as s}from"./jsx-runtime-DiklIkkE.js";import{e as ie,E as oe,a as se,g as W,b as le}from"./ExampleItemView-C7wLqYnj.js";/**
|
|
2
|
+
* React Router DOM v6.30.0
|
|
3
|
+
*
|
|
4
|
+
* Copyright (c) Remix Software Inc.
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the MIT license found in the
|
|
7
|
+
* LICENSE.md file in the root directory of this source tree.
|
|
8
|
+
*
|
|
9
|
+
* @license MIT
|
|
10
|
+
*/function C(e){return e===void 0&&(e=""),new URLSearchParams(typeof e=="string"||Array.isArray(e)||e instanceof URLSearchParams?e:Object.keys(e).reduce((n,t)=>{let a=e[t];return n.concat(Array.isArray(a)?a.map(i=>[t,i]):[[t,a]])},[]))}function ce(e,n){let t=C(e);return n&&n.forEach((a,i)=>{t.has(i)||n.getAll(i).forEach(u=>{t.append(i,u)})}),t}const ue="6";try{window.__reactRouterVersion=ue}catch{}const fe=r.createContext({isTransitioning:!1}),de=r.createContext(new Map),pe="startTransition",P=X[pe],he="flushSync",A=Y[he];function me(e){P?P(e):e()}function b(e){A?A(e):e()}class ve{constructor(){this.status="pending",this.promise=new Promise((n,t)=>{this.resolve=a=>{this.status==="pending"&&(this.status="resolved",n(a))},this.reject=a=>{this.status==="pending"&&(this.status="rejected",t(a))}})}}function Fe(e){let{fallbackElement:n,router:t,future:a}=e,[i,u]=r.useState(t.state),[l,d]=r.useState(),[f,p]=r.useState({isTransitioning:!1}),[c,w]=r.useState(),[g,T]=r.useState(),[S,k]=r.useState(),F=r.useRef(new Map),{v7_startTransition:_}=a||{},E=r.useCallback(o=>{_?me(o):o()},[_]),V=r.useCallback((o,m)=>{let{deletedFetchers:h,flushSync:U,viewTransitionOpts:v}=m;o.fetchers.forEach((x,Q)=>{x.data!==void 0&&F.current.set(Q,x.data)}),h.forEach(x=>F.current.delete(x));let q=t.window==null||t.window.document==null||typeof t.window.document.startViewTransition!="function";if(!v||q){U?b(()=>u(o)):E(()=>u(o));return}if(U){b(()=>{g&&(c&&c.resolve(),g.skipTransition()),p({isTransitioning:!0,flushSync:!0,currentLocation:v.currentLocation,nextLocation:v.nextLocation})});let x=t.window.document.startViewTransition(()=>{b(()=>u(o))});x.finished.finally(()=>{b(()=>{w(void 0),T(void 0),d(void 0),p({isTransitioning:!1})})}),b(()=>T(x));return}g?(c&&c.resolve(),g.skipTransition(),k({state:o,currentLocation:v.currentLocation,nextLocation:v.nextLocation})):(d(o),p({isTransitioning:!0,flushSync:!1,currentLocation:v.currentLocation,nextLocation:v.nextLocation}))},[t.window,g,c,F,E]);r.useLayoutEffect(()=>t.subscribe(V),[t,V]),r.useEffect(()=>{f.isTransitioning&&!f.flushSync&&w(new ve)},[f]),r.useEffect(()=>{if(c&&l&&t.window){let o=l,m=c.promise,h=t.window.document.startViewTransition(async()=>{E(()=>u(o)),await m});h.finished.finally(()=>{w(void 0),T(void 0),d(void 0),p({isTransitioning:!1})}),T(h)}},[E,l,c,t.window]),r.useEffect(()=>{c&&l&&i.location.key===l.location.key&&c.resolve()},[c,g,i.location,l]),r.useEffect(()=>{!f.isTransitioning&&S&&(d(S.state),p({isTransitioning:!0,flushSync:!1,currentLocation:S.currentLocation,nextLocation:S.nextLocation}),k(void 0))},[f.isTransitioning,S]),r.useEffect(()=>{},[]);let L=r.useMemo(()=>({createHref:t.createHref,encodeLocation:t.encodeLocation,go:o=>t.navigate(o),push:(o,m,h)=>t.navigate(o,{state:m,preventScrollReset:h==null?void 0:h.preventScrollReset}),replace:(o,m,h)=>t.navigate(o,{replace:!0,state:m,preventScrollReset:h==null?void 0:h.preventScrollReset})}),[t]),j=t.basename||"/",G=r.useMemo(()=>({router:t,navigator:L,static:!1,basename:j}),[t,L,j]),Z=r.useMemo(()=>({v7_relativeSplatPath:t.future.v7_relativeSplatPath}),[t.future.v7_relativeSplatPath]);return r.useEffect(()=>z(a,t.future),[a,t.future]),r.createElement(r.Fragment,null,r.createElement(J.Provider,{value:G},r.createElement(K.Provider,{value:i},r.createElement(de.Provider,{value:F.current},r.createElement(fe.Provider,{value:f},r.createElement(N,{basename:j,location:i.location,navigationType:i.historyAction,navigator:L,future:Z},i.initialized||t.future.v7_partialHydration?r.createElement(xe,{routes:t.routes,future:t.future,state:i}):n))))),null)}const xe=r.memo(we);function we(e){let{routes:n,future:t,state:a}=e;return re(n,void 0,a,t)}function Ee(e){let{basename:n,children:t,future:a,window:i}=e,u=r.useRef();u.current==null&&(u.current=$({window:i,v5Compat:!0}));let l=u.current,[d,f]=r.useState({action:l.action,location:l.location}),{v7_startTransition:p}=a||{},c=r.useCallback(w=>{p&&P?P(()=>f(w)):f(w)},[f,p]);return r.useLayoutEffect(()=>l.listen(c),[l,c]),r.useEffect(()=>z(a),[a]),r.createElement(N,{basename:n,children:t,location:d.location,navigationType:d.action,navigator:l,future:a})}var M;(function(e){e.UseScrollRestoration="useScrollRestoration",e.UseSubmit="useSubmit",e.UseSubmitFetcher="useSubmitFetcher",e.UseFetcher="useFetcher",e.useViewTransitionState="useViewTransitionState"})(M||(M={}));var D;(function(e){e.UseFetcher="useFetcher",e.UseFetchers="useFetchers",e.UseScrollRestoration="useScrollRestoration"})(D||(D={}));function Pe(e){let n=r.useRef(C(e)),t=r.useRef(!1),a=ee(),i=r.useMemo(()=>ce(a.search,t.current?null:n.current),[a.search]),u=te(),l=r.useCallback((d,f)=>{const p=C(typeof d=="function"?d(i):d);t.current=!0,u("?"+p,f)},[u,i]);return[i,l]}const H={height:80,width:80,shape:"circle",noFullView:!0,background:"#00000055"},O=({item:e,colorMode:n})=>s.jsx(y,{align:"flex-end",h:"100%",w:"100%",children:s.jsxs(y,{boxShadow:"md",h:"95%",position:"relative",top:"2.5%",borderRadius:3,bg:W(e.colors,n),transition:"background 500ms",px:5,gap:4,w:"100%",align:"center",children:[s.jsxs(I,{h:"80px",w:"80px",borderRadius:"full",children:[e.file?s.jsx(B,{imageOptions:H,value:e.file}):null,s.jsx(R,{fontSize:"3xl",fontWeight:600,fontFamily:"fonts.heading",color:"white",textShadow:"1px 1px 5px #000000ee",pos:"absolute",children:e.number})]}),s.jsxs(y,{flex:1,minW:0,flexFlow:"column",children:[s.jsx(R,{isTruncated:!0,fontSize:"xl",children:e.title}),s.jsx(ne,{noLabel:!0,field:le,value:e.option}),s.jsx(R,{opacity:e.notes?1:.7,children:e.notes??"No notes"})]})]})}),ge=({item:e,colorMode:n})=>s.jsx(y,{align:"center",h:"100%",w:"100%",children:s.jsxs(y,{boxShadow:"md",h:"95%",borderRadius:3,align:"center",transition:"background 500ms",bg:W(e.colors,n),_dark:{bg:"#444"},px:5,w:"100%",gap:4,children:[s.jsxs(I,{borderRadius:"full",bg:"blackAlpha.200",children:[e.file?s.jsx(B,{imageOptions:H,value:e.file}):null,s.jsx(R,{fontSize:"3xl",fontWeight:600,fontFamily:"fonts.heading",color:"white",textShadow:"1px 1px 5px #000000ee",pos:"absolute",children:e.number})]}),s.jsx(R,{fontSize:"xl",children:e.title})]})}),Le={defaultSort:{direction:"asc",key:"title"},baseQuery:{collection:se,filters:[],limit:3,search:{paths:[{prop:"title"},{prop:"option",transform:"lowercase"}],query:null},sort:null},storagePath:"example-list",access:{create:"user",update:"owner",delete:"owner"},searchPath:[{prop:"title"},{prop:"option",transform:"lowercase"}],filterPresets:[{type:"filterGroup",label:"Fruits",filters:[{nativeFilter:{key:"option",operator:"in",value:"potato"},label:"🍌"},{nativeFilter:{key:"option",operator:"in",value:"apple"},label:"🍎"},{nativeFilter:{key:"option",operator:"in",value:"orange"},label:"🍊"},{nativeFilter:{key:"option",operator:"in",value:"cherry"},label:"🍒"},{nativeFilter:{key:"option",operator:"in",value:"lemon"},label:"🍋"}]},{type:"filterGroup",label:"Colors",RenderFilter:({active:e,preset:{label:n}})=>s.jsx(I,{borderRadius:4,p:1,w:"28px",h:"28px",overflow:"hidden",fontSize:"xs",children:s.jsx(ae,{opacity:e?1:.75,transform:`scale(${e?2:.5})`,transition:"all 300ms",h:"100%",w:"100%",borderRadius:"full",bg:n})}),filters:[{nativeFilter:{key:"colors",operator:"array-contains-any",value:"red"},label:"red"},{nativeFilter:{key:"colors",operator:"array-contains-any",value:"green"},label:"green"},{nativeFilter:{key:"colors",operator:"array-contains-any",value:"blue"},label:"blue"}]}],previewHeight:220,itemName:"example item",ItemPreview:O,mobile:{ItemPreview:ge,previewHeight:100},ItemView:oe,grid:{default:!0,layout:"toggle",rowHeight:250,columnWidth:300,ItemPreview:O},sortPresets:[{label:"Title",key:"title",defaultDirection:"asc"},{label:"#",key:"number",defaultDirection:"asc"}],field:ie};export{Ee as B,Fe as R,Le as t,Pe as u};
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import{d as P}from"./index-DrFu-skq.js";const{useEffect:_,useMemo:h}=__STORYBOOK_MODULE_PREVIEW_API__,{global:j}=__STORYBOOK_MODULE_GLOBAL__,{logger:X}=__STORYBOOK_MODULE_CLIENT_LOGGER__;var p="backgrounds",U={light:{name:"light",value:"#F8F8F8"},dark:{name:"dark",value:"#333"}},{document:b,window:O}=j,D=()=>{var r;return!!((r=O==null?void 0:O.matchMedia("(prefers-reduced-motion: reduce)"))!=null&&r.matches)},A=r=>{(Array.isArray(r)?r:[r]).forEach(N)},N=r=>{var t;let e=b.getElementById(r);e&&((t=e.parentElement)==null||t.removeChild(e))},F=(r,e)=>{let t=b.getElementById(r);if(t)t.innerHTML!==e&&(t.innerHTML=e);else{let o=b.createElement("style");o.setAttribute("id",r),o.innerHTML=e,b.head.appendChild(o)}},Y=(r,e,t)=>{var a;let o=b.getElementById(r);if(o)o.innerHTML!==e&&(o.innerHTML=e);else{let d=b.createElement("style");d.setAttribute("id",r),d.innerHTML=e;let i=`addon-backgrounds-grid${t?`-docs-${t}`:""}`,n=b.getElementById(i);n?(a=n.parentElement)==null||a.insertBefore(d,n):b.head.appendChild(d)}},W={cellSize:100,cellAmount:10,opacity:.8},w="addon-backgrounds",R="addon-backgrounds-grid",q=D()?"":"transition: background-color 0.3s;",J=(r,e)=>{let{globals:t,parameters:o,viewMode:a,id:d}=e,{options:i=U,disable:n,grid:s=W}=o[p]||{},c=t[p]||{},u=c.value,l=u?i[u]:void 0,$=(l==null?void 0:l.value)||"transparent",f=c.grid||!1,y=!!l&&!n,m=a==="docs"?`#anchor--${d} .docs-story`:".sb-show-main",E=a==="docs"?`#anchor--${d} .docs-story`:".sb-show-main",H=o.layout===void 0||o.layout==="padded",L=a==="docs"?20:H?16:0,{cellAmount:k,cellSize:g,opacity:x,offsetX:v=L,offsetY:S=L}=s,B=a==="docs"?`${w}-docs-${d}`:`${w}-color`,G=a==="docs"?d:null;_(()=>{let M=`
|
|
2
|
+
${m} {
|
|
3
|
+
background: ${$} !important;
|
|
4
|
+
${q}
|
|
5
|
+
}`;if(!y){A(B);return}Y(B,M,G)},[m,B,G,y,$]);let T=a==="docs"?`${R}-docs-${d}`:`${R}`;return _(()=>{if(!f){A(T);return}let M=[`${g*k}px ${g*k}px`,`${g*k}px ${g*k}px`,`${g}px ${g}px`,`${g}px ${g}px`].join(", "),K=`
|
|
6
|
+
${E} {
|
|
7
|
+
background-size: ${M} !important;
|
|
8
|
+
background-position: ${v}px ${S}px, ${v}px ${S}px, ${v}px ${S}px, ${v}px ${S}px !important;
|
|
9
|
+
background-blend-mode: difference !important;
|
|
10
|
+
background-image: linear-gradient(rgba(130, 130, 130, ${x}) 1px, transparent 1px),
|
|
11
|
+
linear-gradient(90deg, rgba(130, 130, 130, ${x}) 1px, transparent 1px),
|
|
12
|
+
linear-gradient(rgba(130, 130, 130, ${x/2}) 1px, transparent 1px),
|
|
13
|
+
linear-gradient(90deg, rgba(130, 130, 130, ${x/2}) 1px, transparent 1px) !important;
|
|
14
|
+
}
|
|
15
|
+
`;F(T,K)},[k,g,E,T,f,v,S,x]),r()},Q=(r,e=[],t)=>{if(r==="transparent")return"transparent";if(e.find(a=>a.value===r)||r)return r;let o=e.find(a=>a.name===t);if(o)return o.value;if(t){let a=e.map(d=>d.name).join(", ");X.warn(P`
|
|
16
|
+
Backgrounds Addon: could not find the default color "${t}".
|
|
17
|
+
These are the available colors for your story based on your configuration:
|
|
18
|
+
${a}.
|
|
19
|
+
`)}return"transparent"},Z=(r,e)=>{var u;let{globals:t,parameters:o}=e,a=(u=t[p])==null?void 0:u.value,d=o[p],i=h(()=>d.disable?"transparent":Q(a,d.values,d.default),[d,a]),n=h(()=>i&&i!=="transparent",[i]),s=e.viewMode==="docs"?`#anchor--${e.id} .docs-story`:".sb-show-main",c=h(()=>`
|
|
20
|
+
${s} {
|
|
21
|
+
background: ${i} !important;
|
|
22
|
+
${D()?"":"transition: background-color 0.3s;"}
|
|
23
|
+
}
|
|
24
|
+
`,[i,s]);return _(()=>{let l=e.viewMode==="docs"?`addon-backgrounds-docs-${e.id}`:"addon-backgrounds-color";if(!n){A(l);return}Y(l,c,e.viewMode==="docs"?e.id:null)},[n,c,e]),r()},V=(r,e)=>{var y;let{globals:t,parameters:o}=e,a=o[p].grid,d=((y=t[p])==null?void 0:y.grid)===!0&&a.disable!==!0,{cellAmount:i,cellSize:n,opacity:s}=a,c=e.viewMode==="docs",u=o.layout===void 0||o.layout==="padded"?16:0,l=a.offsetX??(c?20:u),$=a.offsetY??(c?20:u),f=h(()=>{let m=e.viewMode==="docs"?`#anchor--${e.id} .docs-story`:".sb-show-main",E=[`${n*i}px ${n*i}px`,`${n*i}px ${n*i}px`,`${n}px ${n}px`,`${n}px ${n}px`].join(", ");return`
|
|
25
|
+
${m} {
|
|
26
|
+
background-size: ${E} !important;
|
|
27
|
+
background-position: ${l}px ${$}px, ${l}px ${$}px, ${l}px ${$}px, ${l}px ${$}px !important;
|
|
28
|
+
background-blend-mode: difference !important;
|
|
29
|
+
background-image: linear-gradient(rgba(130, 130, 130, ${s}) 1px, transparent 1px),
|
|
30
|
+
linear-gradient(90deg, rgba(130, 130, 130, ${s}) 1px, transparent 1px),
|
|
31
|
+
linear-gradient(rgba(130, 130, 130, ${s/2}) 1px, transparent 1px),
|
|
32
|
+
linear-gradient(90deg, rgba(130, 130, 130, ${s/2}) 1px, transparent 1px) !important;
|
|
33
|
+
}
|
|
34
|
+
`},[n]);return _(()=>{let m=e.viewMode==="docs"?`addon-backgrounds-grid-docs-${e.id}`:"addon-backgrounds-grid";if(!d){A(m);return}F(m,f)},[d,f,e]),r()},C,ae=(C=globalThis.FEATURES)!=null&&C.backgroundsStoryGlobals?[J]:[V,Z],I,oe={[p]:{grid:{cellSize:20,opacity:.5,cellAmount:5},disable:!1,...!((I=globalThis.FEATURES)!=null&&I.backgroundsStoryGlobals)&&{values:Object.values(U)}}},ee={[p]:{value:void 0,grid:!1}},z,de=(z=globalThis.FEATURES)!=null&&z.backgroundsStoryGlobals?ee:{[p]:null};export{ae as decorators,de as initialGlobals,oe as parameters};
|
|
@@ -0,0 +1,396 @@
|
|
|
1
|
+
import{d as $}from"./index-DrFu-skq.js";const{useMemo:x,useEffect:f}=__STORYBOOK_MODULE_PREVIEW_API__,{global:p}=__STORYBOOK_MODULE_GLOBAL__;var m="outline",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)}};function s(i){return $`
|
|
2
|
+
${i} body {
|
|
3
|
+
outline: 1px solid #2980b9 !important;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
${i} article {
|
|
7
|
+
outline: 1px solid #3498db !important;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
${i} nav {
|
|
11
|
+
outline: 1px solid #0088c3 !important;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
${i} aside {
|
|
15
|
+
outline: 1px solid #33a0ce !important;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
${i} section {
|
|
19
|
+
outline: 1px solid #66b8da !important;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
${i} header {
|
|
23
|
+
outline: 1px solid #99cfe7 !important;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
${i} footer {
|
|
27
|
+
outline: 1px solid #cce7f3 !important;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
${i} h1 {
|
|
31
|
+
outline: 1px solid #162544 !important;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
${i} h2 {
|
|
35
|
+
outline: 1px solid #314e6e !important;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
${i} h3 {
|
|
39
|
+
outline: 1px solid #3e5e85 !important;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
${i} h4 {
|
|
43
|
+
outline: 1px solid #449baf !important;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
${i} h5 {
|
|
47
|
+
outline: 1px solid #c7d1cb !important;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
${i} h6 {
|
|
51
|
+
outline: 1px solid #4371d0 !important;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
${i} main {
|
|
55
|
+
outline: 1px solid #2f4f90 !important;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
${i} address {
|
|
59
|
+
outline: 1px solid #1a2c51 !important;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
${i} div {
|
|
63
|
+
outline: 1px solid #036cdb !important;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
${i} p {
|
|
67
|
+
outline: 1px solid #ac050b !important;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
${i} hr {
|
|
71
|
+
outline: 1px solid #ff063f !important;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
${i} pre {
|
|
75
|
+
outline: 1px solid #850440 !important;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
${i} blockquote {
|
|
79
|
+
outline: 1px solid #f1b8e7 !important;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
${i} ol {
|
|
83
|
+
outline: 1px solid #ff050c !important;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
${i} ul {
|
|
87
|
+
outline: 1px solid #d90416 !important;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
${i} li {
|
|
91
|
+
outline: 1px solid #d90416 !important;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
${i} dl {
|
|
95
|
+
outline: 1px solid #fd3427 !important;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
${i} dt {
|
|
99
|
+
outline: 1px solid #ff0043 !important;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
${i} dd {
|
|
103
|
+
outline: 1px solid #e80174 !important;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
${i} figure {
|
|
107
|
+
outline: 1px solid #ff00bb !important;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
${i} figcaption {
|
|
111
|
+
outline: 1px solid #bf0032 !important;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
${i} table {
|
|
115
|
+
outline: 1px solid #00cc99 !important;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
${i} caption {
|
|
119
|
+
outline: 1px solid #37ffc4 !important;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
${i} thead {
|
|
123
|
+
outline: 1px solid #98daca !important;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
${i} tbody {
|
|
127
|
+
outline: 1px solid #64a7a0 !important;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
${i} tfoot {
|
|
131
|
+
outline: 1px solid #22746b !important;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
${i} tr {
|
|
135
|
+
outline: 1px solid #86c0b2 !important;
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
${i} th {
|
|
139
|
+
outline: 1px solid #a1e7d6 !important;
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
${i} td {
|
|
143
|
+
outline: 1px solid #3f5a54 !important;
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
${i} col {
|
|
147
|
+
outline: 1px solid #6c9a8f !important;
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
${i} colgroup {
|
|
151
|
+
outline: 1px solid #6c9a9d !important;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
${i} button {
|
|
155
|
+
outline: 1px solid #da8301 !important;
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
${i} datalist {
|
|
159
|
+
outline: 1px solid #c06000 !important;
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
${i} fieldset {
|
|
163
|
+
outline: 1px solid #d95100 !important;
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
${i} form {
|
|
167
|
+
outline: 1px solid #d23600 !important;
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
${i} input {
|
|
171
|
+
outline: 1px solid #fca600 !important;
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
${i} keygen {
|
|
175
|
+
outline: 1px solid #b31e00 !important;
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
${i} label {
|
|
179
|
+
outline: 1px solid #ee8900 !important;
|
|
180
|
+
}
|
|
181
|
+
|
|
182
|
+
${i} legend {
|
|
183
|
+
outline: 1px solid #de6d00 !important;
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
${i} meter {
|
|
187
|
+
outline: 1px solid #e8630c !important;
|
|
188
|
+
}
|
|
189
|
+
|
|
190
|
+
${i} optgroup {
|
|
191
|
+
outline: 1px solid #b33600 !important;
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
${i} option {
|
|
195
|
+
outline: 1px solid #ff8a00 !important;
|
|
196
|
+
}
|
|
197
|
+
|
|
198
|
+
${i} output {
|
|
199
|
+
outline: 1px solid #ff9619 !important;
|
|
200
|
+
}
|
|
201
|
+
|
|
202
|
+
${i} progress {
|
|
203
|
+
outline: 1px solid #e57c00 !important;
|
|
204
|
+
}
|
|
205
|
+
|
|
206
|
+
${i} select {
|
|
207
|
+
outline: 1px solid #e26e0f !important;
|
|
208
|
+
}
|
|
209
|
+
|
|
210
|
+
${i} textarea {
|
|
211
|
+
outline: 1px solid #cc5400 !important;
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
${i} details {
|
|
215
|
+
outline: 1px solid #33848f !important;
|
|
216
|
+
}
|
|
217
|
+
|
|
218
|
+
${i} summary {
|
|
219
|
+
outline: 1px solid #60a1a6 !important;
|
|
220
|
+
}
|
|
221
|
+
|
|
222
|
+
${i} command {
|
|
223
|
+
outline: 1px solid #438da1 !important;
|
|
224
|
+
}
|
|
225
|
+
|
|
226
|
+
${i} menu {
|
|
227
|
+
outline: 1px solid #449da6 !important;
|
|
228
|
+
}
|
|
229
|
+
|
|
230
|
+
${i} del {
|
|
231
|
+
outline: 1px solid #bf0000 !important;
|
|
232
|
+
}
|
|
233
|
+
|
|
234
|
+
${i} ins {
|
|
235
|
+
outline: 1px solid #400000 !important;
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
${i} img {
|
|
239
|
+
outline: 1px solid #22746b !important;
|
|
240
|
+
}
|
|
241
|
+
|
|
242
|
+
${i} iframe {
|
|
243
|
+
outline: 1px solid #64a7a0 !important;
|
|
244
|
+
}
|
|
245
|
+
|
|
246
|
+
${i} embed {
|
|
247
|
+
outline: 1px solid #98daca !important;
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
${i} object {
|
|
251
|
+
outline: 1px solid #00cc99 !important;
|
|
252
|
+
}
|
|
253
|
+
|
|
254
|
+
${i} param {
|
|
255
|
+
outline: 1px solid #37ffc4 !important;
|
|
256
|
+
}
|
|
257
|
+
|
|
258
|
+
${i} video {
|
|
259
|
+
outline: 1px solid #6ee866 !important;
|
|
260
|
+
}
|
|
261
|
+
|
|
262
|
+
${i} audio {
|
|
263
|
+
outline: 1px solid #027353 !important;
|
|
264
|
+
}
|
|
265
|
+
|
|
266
|
+
${i} source {
|
|
267
|
+
outline: 1px solid #012426 !important;
|
|
268
|
+
}
|
|
269
|
+
|
|
270
|
+
${i} canvas {
|
|
271
|
+
outline: 1px solid #a2f570 !important;
|
|
272
|
+
}
|
|
273
|
+
|
|
274
|
+
${i} track {
|
|
275
|
+
outline: 1px solid #59a600 !important;
|
|
276
|
+
}
|
|
277
|
+
|
|
278
|
+
${i} map {
|
|
279
|
+
outline: 1px solid #7be500 !important;
|
|
280
|
+
}
|
|
281
|
+
|
|
282
|
+
${i} area {
|
|
283
|
+
outline: 1px solid #305900 !important;
|
|
284
|
+
}
|
|
285
|
+
|
|
286
|
+
${i} a {
|
|
287
|
+
outline: 1px solid #ff62ab !important;
|
|
288
|
+
}
|
|
289
|
+
|
|
290
|
+
${i} em {
|
|
291
|
+
outline: 1px solid #800b41 !important;
|
|
292
|
+
}
|
|
293
|
+
|
|
294
|
+
${i} strong {
|
|
295
|
+
outline: 1px solid #ff1583 !important;
|
|
296
|
+
}
|
|
297
|
+
|
|
298
|
+
${i} i {
|
|
299
|
+
outline: 1px solid #803156 !important;
|
|
300
|
+
}
|
|
301
|
+
|
|
302
|
+
${i} b {
|
|
303
|
+
outline: 1px solid #cc1169 !important;
|
|
304
|
+
}
|
|
305
|
+
|
|
306
|
+
${i} u {
|
|
307
|
+
outline: 1px solid #ff0430 !important;
|
|
308
|
+
}
|
|
309
|
+
|
|
310
|
+
${i} s {
|
|
311
|
+
outline: 1px solid #f805e3 !important;
|
|
312
|
+
}
|
|
313
|
+
|
|
314
|
+
${i} small {
|
|
315
|
+
outline: 1px solid #d107b2 !important;
|
|
316
|
+
}
|
|
317
|
+
|
|
318
|
+
${i} abbr {
|
|
319
|
+
outline: 1px solid #4a0263 !important;
|
|
320
|
+
}
|
|
321
|
+
|
|
322
|
+
${i} q {
|
|
323
|
+
outline: 1px solid #240018 !important;
|
|
324
|
+
}
|
|
325
|
+
|
|
326
|
+
${i} cite {
|
|
327
|
+
outline: 1px solid #64003c !important;
|
|
328
|
+
}
|
|
329
|
+
|
|
330
|
+
${i} dfn {
|
|
331
|
+
outline: 1px solid #b4005a !important;
|
|
332
|
+
}
|
|
333
|
+
|
|
334
|
+
${i} sub {
|
|
335
|
+
outline: 1px solid #dba0c8 !important;
|
|
336
|
+
}
|
|
337
|
+
|
|
338
|
+
${i} sup {
|
|
339
|
+
outline: 1px solid #cc0256 !important;
|
|
340
|
+
}
|
|
341
|
+
|
|
342
|
+
${i} time {
|
|
343
|
+
outline: 1px solid #d6606d !important;
|
|
344
|
+
}
|
|
345
|
+
|
|
346
|
+
${i} code {
|
|
347
|
+
outline: 1px solid #e04251 !important;
|
|
348
|
+
}
|
|
349
|
+
|
|
350
|
+
${i} kbd {
|
|
351
|
+
outline: 1px solid #5e001f !important;
|
|
352
|
+
}
|
|
353
|
+
|
|
354
|
+
${i} samp {
|
|
355
|
+
outline: 1px solid #9c0033 !important;
|
|
356
|
+
}
|
|
357
|
+
|
|
358
|
+
${i} var {
|
|
359
|
+
outline: 1px solid #d90047 !important;
|
|
360
|
+
}
|
|
361
|
+
|
|
362
|
+
${i} mark {
|
|
363
|
+
outline: 1px solid #ff0053 !important;
|
|
364
|
+
}
|
|
365
|
+
|
|
366
|
+
${i} bdi {
|
|
367
|
+
outline: 1px solid #bf3668 !important;
|
|
368
|
+
}
|
|
369
|
+
|
|
370
|
+
${i} bdo {
|
|
371
|
+
outline: 1px solid #6f1400 !important;
|
|
372
|
+
}
|
|
373
|
+
|
|
374
|
+
${i} ruby {
|
|
375
|
+
outline: 1px solid #ff7b93 !important;
|
|
376
|
+
}
|
|
377
|
+
|
|
378
|
+
${i} rt {
|
|
379
|
+
outline: 1px solid #ff2f54 !important;
|
|
380
|
+
}
|
|
381
|
+
|
|
382
|
+
${i} rp {
|
|
383
|
+
outline: 1px solid #803e49 !important;
|
|
384
|
+
}
|
|
385
|
+
|
|
386
|
+
${i} span {
|
|
387
|
+
outline: 1px solid #cc2643 !important;
|
|
388
|
+
}
|
|
389
|
+
|
|
390
|
+
${i} br {
|
|
391
|
+
outline: 1px solid #db687d !important;
|
|
392
|
+
}
|
|
393
|
+
|
|
394
|
+
${i} wbr {
|
|
395
|
+
outline: 1px solid #db175b !important;
|
|
396
|
+
}`}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()},h=[e],g={[m]:!1};export{h as decorators,g as initialGlobals};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{i as S}from"./tiny-invariant-CopsF_GD.js";const{useEffect:T}=__STORYBOOK_MODULE_PREVIEW_API__,{global:u}=__STORYBOOK_MODULE_GLOBAL__;var j="measureEnabled";function Y(){let e=u.document.documentElement,t=Math.max(e.scrollHeight,e.offsetHeight);return{width:Math.max(e.scrollWidth,e.offsetWidth),height:t}}function K(){let e=u.document.createElement("canvas");e.id="storybook-addon-measure";let t=e.getContext("2d");S(t!=null);let{width:o,height:l}=Y();return A(e,t,{width:o,height:l}),e.style.position="absolute",e.style.left="0",e.style.top="0",e.style.zIndex="2147483647",e.style.pointerEvents="none",u.document.body.appendChild(e),{canvas:e,context:t,width:o,height:l}}function A(e,t,{width:o,height:l}){e.style.width=`${o}px`,e.style.height=`${l}px`;let i=u.window.devicePixelRatio;e.width=Math.floor(o*i),e.height=Math.floor(l*i),t.scale(i,i)}var h={};function G(){h.canvas||(h=K())}function H(){h.context&&h.context.clearRect(0,0,h.width??0,h.height??0)}function U(e){H(),e(h.context)}function V(){S(h.canvas),S(h.context),A(h.canvas,h.context,{width:0,height:0});let{width:e,height:t}=Y();A(h.canvas,h.context,{width:e,height:t}),h.width=e,h.height=t}function Z(){var e;h.canvas&&(H(),(e=h.canvas.parentNode)==null||e.removeChild(h.canvas),h={})}var w={margin:"#f6b26b",border:"#ffe599",padding:"#93c47d",content:"#6fa8dc",text:"#232020"},c=6;function W(e,{x:t,y:o,w:l,h:i,r:n}){t=t-l/2,o=o-i/2,l<2*n&&(n=l/2),i<2*n&&(n=i/2),e.beginPath(),e.moveTo(t+n,o),e.arcTo(t+l,o,t+l,o+i,n),e.arcTo(t+l,o+i,t,o+i,n),e.arcTo(t,o+i,t,o,n),e.arcTo(t,o,t+l,o,n),e.closePath()}function J(e,{padding:t,border:o,width:l,height:i,top:n,left:r}){let f=l-o.left-o.right-t.left-t.right,a=i-t.top-t.bottom-o.top-o.bottom,s=r+o.left+t.left,m=n+o.top+t.top;return e==="top"?s+=f/2:e==="right"?(s+=f,m+=a/2):e==="bottom"?(s+=f/2,m+=a):e==="left"?m+=a/2:e==="center"&&(s+=f/2,m+=a/2),{x:s,y:m}}function Q(e,t,{margin:o,border:l,padding:i},n,r){let f=d=>0,a=0,s=0,m=r?1:.5,g=r?n*2:0;return e==="padding"?f=d=>i[d]*m+g:e==="border"?f=d=>i[d]+l[d]*m+g:e==="margin"&&(f=d=>i[d]+l[d]+o[d]*m+g),t==="top"?s=-f("top"):t==="right"?a=f("right"):t==="bottom"?s=f("bottom"):t==="left"&&(a=-f("left")),{offsetX:a,offsetY:s}}function x(e,t){return Math.abs(e.x-t.x)<Math.abs(e.w+t.w)/2&&Math.abs(e.y-t.y)<Math.abs(e.h+t.h)/2}function tt(e,t,o){return e==="top"?t.y=o.y-o.h-c:e==="right"?t.x=o.x+o.w/2+c+t.w/2:e==="bottom"?t.y=o.y+o.h+c:e==="left"&&(t.x=o.x-o.w/2-c-t.w/2),{x:t.x,y:t.y}}function X(e,t,{x:o,y:l,w:i,h:n},r){return W(e,{x:o,y:l,w:i,h:n,r:3}),e.fillStyle=`${w[t]}dd`,e.fill(),e.strokeStyle=w[t],e.stroke(),e.fillStyle=w.text,e.fillText(r,o,l),W(e,{x:o,y:l,w:i,h:n,r:3}),e.fillStyle=`${w[t]}dd`,e.fill(),e.strokeStyle=w[t],e.stroke(),e.fillStyle=w.text,e.fillText(r,o,l),{x:o,y:l,w:i,h:n}}function C(e,t){e.font="600 12px monospace",e.textBaseline="middle",e.textAlign="center";let o=e.measureText(t),l=o.actualBoundingBoxAscent+o.actualBoundingBoxDescent,i=o.width+c*2,n=l+c*2;return{w:i,h:n}}function et(e,t,{type:o,position:l="center",text:i},n,r=!1){let{x:f,y:a}=J(l,t),{offsetX:s,offsetY:m}=Q(o,l,t,c+1,r);f+=s,a+=m;let{w:g,h:d}=C(e,i);if(n&&x({x:f,y:a,w:g,h:d},n)){let M=tt(l,{x:f,y:a,w:g},n);f=M.x,a=M.y}return X(e,o,{x:f,y:a,w:g,h:d},i)}function ot(e,{w:t,h:o}){let l=t*.5+c,i=o*.5+c;return{offsetX:(e.x==="left"?-1:1)*l,offsetY:(e.y==="top"?-1:1)*i}}function it(e,t,{type:o,text:l}){let{floatingAlignment:i,extremities:n}=t,r=n[i.x],f=n[i.y],{w:a,h:s}=C(e,l),{offsetX:m,offsetY:g}=ot(i,{w:a,h:s});return r+=m,f+=g,X(e,o,{x:r,y:f,w:a,h:s},l)}function E(e,t,o,l){let i=[];o.forEach((n,r)=>{let f=l&&n.position==="center"?it(e,t,n):et(e,t,n,i[r-1],l);i[r]=f})}function lt(e,t,o,l){let i=o.reduce((n,r)=>{var f;return Object.prototype.hasOwnProperty.call(n,r.position)||(n[r.position]=[]),(f=n[r.position])==null||f.push(r),n},{});i.top&&E(e,t,i.top,l),i.right&&E(e,t,i.right,l),i.bottom&&E(e,t,i.bottom,l),i.left&&E(e,t,i.left,l),i.center&&E(e,t,i.center,l)}var L={margin:"#f6b26ba8",border:"#ffe599a8",padding:"#93c47d8c",content:"#6fa8dca8"},B=30;function p(e){return parseInt(e.replace("px",""),10)}function b(e){return Number.isInteger(e)?e:e.toFixed(2)}function P(e){return e.filter(t=>t.text!==0&&t.text!=="0")}function nt(e){let t={top:u.window.scrollY,bottom:u.window.scrollY+u.window.innerHeight,left:u.window.scrollX,right:u.window.scrollX+u.window.innerWidth},o={top:Math.abs(t.top-e.top),bottom:Math.abs(t.bottom-e.bottom),left:Math.abs(t.left-e.left),right:Math.abs(t.right-e.right)};return{x:o.left>o.right?"left":"right",y:o.top>o.bottom?"top":"bottom"}}function ft(e){let t=u.getComputedStyle(e),{top:o,left:l,right:i,bottom:n,width:r,height:f}=e.getBoundingClientRect(),{marginTop:a,marginBottom:s,marginLeft:m,marginRight:g,paddingTop:d,paddingBottom:M,paddingLeft:k,paddingRight:F,borderBottomWidth:D,borderTopWidth:I,borderLeftWidth:$,borderRightWidth:N}=t;o=o+u.window.scrollY,l=l+u.window.scrollX,n=n+u.window.scrollY,i=i+u.window.scrollX;let y={top:p(a),bottom:p(s),left:p(m),right:p(g)},q={top:p(d),bottom:p(M),left:p(k),right:p(F)},z={top:p(I),bottom:p(D),left:p($),right:p(N)},_={top:o-y.top,bottom:n+y.bottom,left:l-y.left,right:i+y.right};return{margin:y,padding:q,border:z,top:o,left:l,bottom:n,right:i,width:r,height:f,extremities:_,floatingAlignment:nt(_)}}function rt(e,{margin:t,width:o,height:l,top:i,left:n,bottom:r,right:f}){let a=l+t.bottom+t.top;e.fillStyle=L.margin,e.fillRect(n,i-t.top,o,t.top),e.fillRect(f,i-t.top,t.right,a),e.fillRect(n,r,o,t.bottom),e.fillRect(n-t.left,i-t.top,t.left,a);let s=[{type:"margin",text:b(t.top),position:"top"},{type:"margin",text:b(t.right),position:"right"},{type:"margin",text:b(t.bottom),position:"bottom"},{type:"margin",text:b(t.left),position:"left"}];return P(s)}function at(e,{padding:t,border:o,width:l,height:i,top:n,left:r,bottom:f,right:a}){let s=l-o.left-o.right,m=i-t.top-t.bottom-o.top-o.bottom;e.fillStyle=L.padding,e.fillRect(r+o.left,n+o.top,s,t.top),e.fillRect(a-t.right-o.right,n+t.top+o.top,t.right,m),e.fillRect(r+o.left,f-t.bottom-o.bottom,s,t.bottom),e.fillRect(r+o.left,n+t.top+o.top,t.left,m);let g=[{type:"padding",text:t.top,position:"top"},{type:"padding",text:t.right,position:"right"},{type:"padding",text:t.bottom,position:"bottom"},{type:"padding",text:t.left,position:"left"}];return P(g)}function st(e,{border:t,width:o,height:l,top:i,left:n,bottom:r,right:f}){let a=l-t.top-t.bottom;e.fillStyle=L.border,e.fillRect(n,i,o,t.top),e.fillRect(n,r-t.bottom,o,t.bottom),e.fillRect(n,i+t.top,t.left,a),e.fillRect(f-t.right,i+t.top,t.right,a);let s=[{type:"border",text:t.top,position:"top"},{type:"border",text:t.right,position:"right"},{type:"border",text:t.bottom,position:"bottom"},{type:"border",text:t.left,position:"left"}];return P(s)}function ht(e,{padding:t,border:o,width:l,height:i,top:n,left:r}){let f=l-o.left-o.right-t.left-t.right,a=i-t.top-t.bottom-o.top-o.bottom;return e.fillStyle=L.content,e.fillRect(r+o.left+t.left,n+o.top+t.top,f,a),[{type:"content",position:"center",text:`${b(f)} x ${b(a)}`}]}function mt(e){return t=>{if(e&&t){let o=ft(e),l=rt(t,o),i=at(t,o),n=st(t,o),r=ht(t,o),f=o.width<=B*3||o.height<=B;lt(t,o,[...r,...i,...n,...l],f)}}}function ut(e){U(mt(e))}var dt=(e,t)=>{let o=u.document.elementFromPoint(e,t),l=i=>{if(i&&i.shadowRoot){let n=i.shadowRoot.elementFromPoint(e,t);return i.isEqualNode(n)?i:n.shadowRoot?l(n):n}return i};return l(o)||o},O,v={x:0,y:0};function R(e,t){O=dt(e,t),ut(O)}var gt=(e,t)=>{let{measureEnabled:o}=t.globals;return T(()=>{let l=i=>{window.requestAnimationFrame(()=>{i.stopPropagation(),v.x=i.clientX,v.y=i.clientY})};return document.addEventListener("pointermove",l),()=>{document.removeEventListener("pointermove",l)}},[]),T(()=>{let l=n=>{window.requestAnimationFrame(()=>{n.stopPropagation(),R(n.clientX,n.clientY)})},i=()=>{window.requestAnimationFrame(()=>{V()})};return t.viewMode==="story"&&o&&(document.addEventListener("pointerover",l),G(),window.addEventListener("resize",i),R(v.x,v.y)),()=>{window.removeEventListener("resize",i),Z()}},[o,t.viewMode]),e()},ct=[gt],wt={[j]:!1};export{ct as decorators,wt as initialGlobals};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var o="viewport",a={[o]:{value:void 0,isRotated:!1}},t={viewport:"reset",viewportRotated:!1},e,l=(e=globalThis.FEATURES)!=null&&e.viewportStoryGlobals?a:t;export{l as initialGlobals};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./DocsRenderer-CFRXHY34-D0gfqDQU.js","./iframe-rmaPNljy.js","./index-DRjF_FHU.js","./jsx-runtime-DiklIkkE.js","./index-iW6a2TEn.js","./index-FTTXbSiM.js","./index-DrFu-skq.js","./react-18-BPkW-q1l.js"])))=>i.map(i=>d[i]);
|
|
2
|
+
import{_ as a}from"./iframe-rmaPNljy.js";var i=Object.defineProperty,s=(e,r)=>{for(var t in r)i(e,t,{get:r[t],enumerable:!0})},_={};s(_,{parameters:()=>d});var p=Object.entries(globalThis.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-CFRXHY34-D0gfqDQU.js").then(r=>r.D),__vite__mapDeps([0,1,2,3,4,5,6,7]),import.meta.url);return new e},stories:{filter:e=>{var r;return(e.tags||[]).filter(t=>p[t]).length===0&&!((r=e.parameters.docs)!=null&&r.disable)}}}};export{d as parameters};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
let p;const S=new Uint8Array(16);function A(){if(!p&&(p=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!p))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return p(S)}const o=[];for(let e=0;e<256;++e)o.push((e+256).toString(16).slice(1));function D(e,t=0){return o[e[t+0]]+o[e[t+1]]+o[e[t+2]]+o[e[t+3]]+"-"+o[e[t+4]]+o[e[t+5]]+"-"+o[e[t+6]]+o[e[t+7]]+"-"+o[e[t+8]]+o[e[t+9]]+"-"+o[e[t+10]]+o[e[t+11]]+o[e[t+12]]+o[e[t+13]]+o[e[t+14]]+o[e[t+15]]}const I=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),h={randomUUID:I};function f(e,t,r){if(h.randomUUID&&!e)return h.randomUUID();e=e||{};const n=e.random||(e.rng||A)();return n[6]=n[6]&15|64,n[8]=n[8]&63|128,D(n)}const{addons:v}=__STORYBOOK_MODULE_PREVIEW_API__,{ImplicitActionsDuringRendering:U}=__STORYBOOK_MODULE_CORE_EVENTS_PREVIEW_ERRORS__,{global:d}=__STORYBOOK_MODULE_GLOBAL__;var w="storybook/actions",j=`${w}/action-event`,V={depth:10,clearOnStoryChange:!0,limit:50},E=(e,t)=>{let r=Object.getPrototypeOf(e);return!r||t(r)?r:E(r,t)},C=e=>!!(typeof e=="object"&&e&&E(e,t=>/^Synthetic(?:Base)?Event$/.test(t.constructor.name))&&typeof e.persist=="function"),K=e=>{if(C(e)){let t=Object.create(e.constructor.prototype,Object.getOwnPropertyDescriptors(e));t.persist();let r=Object.getOwnPropertyDescriptor(t,"view"),n=r==null?void 0:r.value;return typeof n=="object"&&(n==null?void 0:n.constructor.name)==="Window"&&Object.defineProperty(t,"view",{...r,value:Object.create(n.constructor.prototype)}),t}return e},L=()=>typeof crypto=="object"&&typeof crypto.getRandomValues=="function"?f():Date.now().toString(36)+Math.random().toString(36).substring(2);function _(e,t={}){let r={...V,...t},n=function(...s){var g,O;if(t.implicit){let y=(g="__STORYBOOK_PREVIEW__"in d?d.__STORYBOOK_PREVIEW__:void 0)==null?void 0:g.storyRenders.find(l=>l.phase==="playing"||l.phase==="rendering");if(y){let l=!((O=globalThis==null?void 0:globalThis.FEATURES)!=null&&O.disallowImplicitActionsInRenderV8),R=new U({phase:y.phase,name:e,deprecated:l});if(l)console.warn(R);else throw R}}let i=v.getChannel(),c=L(),a=5,u=s.map(K),b=s.length>1?u:u[0],x={id:c,count:0,data:{name:e,args:b},options:{...r,maxDepth:a+(r.depth||3),allowFunction:r.allowFunction||!1}};i.emit(j,x)};return n.isAction=!0,n.implicit=t.implicit,n}var T=(e,t)=>typeof t[e]>"u"&&!(e in t),B=e=>{let{initialArgs:t,argTypes:r,id:n,parameters:{actions:s}}=e;if(!s||s.disable||!s.argTypesRegex||!r)return{};let i=new RegExp(s.argTypesRegex);return Object.entries(r).filter(([c])=>!!i.test(c)).reduce((c,[a,u])=>(T(a,t)&&(c[a]=_(a,{implicit:!0,id:n})),c),{})},M=e=>{let{initialArgs:t,argTypes:r,parameters:{actions:n}}=e;return n!=null&&n.disable||!r?{}:Object.entries(r).filter(([s,i])=>!!i.action).reduce((s,[i,c])=>(T(i,t)&&(s[i]=_(typeof c.action=="string"?c.action:i)),s),{})},Y=[M,B],m=!1,P=e=>{let{parameters:{actions:t}}=e;if(!(t!=null&&t.disable)&&!m&&"__STORYBOOK_TEST_ON_MOCK_CALL__"in d&&typeof d.__STORYBOOK_TEST_ON_MOCK_CALL__=="function"){let r=d.__STORYBOOK_TEST_ON_MOCK_CALL__;r((n,s)=>{let i=n.getMockName();i!=="spy"&&(!/^next\/.*::/.test(i)||["next/router::useRouter()","next/navigation::useRouter()","next/navigation::redirect","next/cache::","next/headers::cookies().set","next/headers::cookies().delete","next/headers::headers().set","next/headers::headers().delete"].some(c=>i.startsWith(c)))&&_(i)(s)}),m=!0}},N=[P];export{Y as argsEnhancers,N as loaders};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
const{STORY_CHANGED:r}=__STORYBOOK_MODULE_CORE_EVENTS__,{addons:s}=__STORYBOOK_MODULE_PREVIEW_API__,{global:O}=__STORYBOOK_MODULE_GLOBAL__;var d="storybook/highlight",i="storybookHighlight",g=`${d}/add`,E=`${d}/reset`,{document:l}=O,H=(e="#FF4785",t="dashed")=>`
|
|
2
|
+
outline: 2px ${t} ${e};
|
|
3
|
+
outline-offset: 2px;
|
|
4
|
+
box-shadow: 0 0 0 6px rgba(255,255,255,0.6);
|
|
5
|
+
`,h=s.getChannel(),T=e=>{let t=i;n();let o=Array.from(new Set(e.elements)),_=l.createElement("style");_.setAttribute("id",t),_.innerHTML=o.map(a=>`${a}{
|
|
6
|
+
${H(e.color,e.style)}
|
|
7
|
+
}`).join(" "),l.head.appendChild(_)},n=()=>{var o;let e=i,t=l.getElementById(e);t&&((o=t.parentNode)==null||o.removeChild(t))};h.on(r,n);h.on(E,n);h.on(g,T);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const{makeDecorator:O,addons:_}=__STORYBOOK_MODULE_PREVIEW_API__,{STORY_CHANGED:l,SELECT_STORY:E}=__STORYBOOK_MODULE_CORE_EVENTS__,{global:L}=__STORYBOOK_MODULE_GLOBAL__;var c="links",{document:s,HTMLElement:v}=L,d=e=>_.getChannel().emit(E,e),i=e=>{let{target:t}=e;if(!(t instanceof v))return;let o=t,{sbKind:a,sbStory:r}=o.dataset;(a||r)&&(e.preventDefault(),d({kind:a,story:r}))},n=!1,m=()=>{n||(n=!0,s.addEventListener("click",i))},k=()=>{n&&(n=!1,s.removeEventListener("click",i))},R=O({name:"withLinks",parameterName:c,wrapper:(e,t)=>(m(),_.getChannel().once(l,k),e(t))}),S=[R];export{S as decorators};
|