@prozorro/prozorro-ui 0.0.2 → 0.0.5-beta
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/README.md +66 -28
- package/dist/app/assets/Color-FRDS63T2-Bo-vvTV8.js +1 -0
- package/dist/app/assets/DocsRenderer-LL677BLK-DxB60yOs.js +811 -0
- package/dist/app/assets/PzText-H75Z6Lud.css +1 -0
- package/dist/app/assets/PzText.stories-pNLs8FlM.js +239 -0
- package/dist/app/assets/WithTooltip-65CFNBJE-Ty2foy7t.js +9 -0
- package/dist/app/assets/formatter-EIJCOSYU-oeR5mOii.js +1 -0
- package/dist/app/assets/iframe-B_iz38fI.js +1107 -0
- package/dist/app/assets/{preview-DAxGvctC.css → iframe-CNIwQJJc.css} +1 -1
- package/dist/app/assets/preload-helper-C1FmrZbK.js +1 -0
- package/dist/app/assets/syntaxhighlighter-OH4MV7E3-Can2sBRZ.js +6 -0
- package/dist/app/favicon-wrapper.svg +46 -0
- package/dist/app/favicon.svg +1 -1
- package/dist/app/iframe.html +87 -48
- package/dist/app/index.html +27 -59
- package/dist/app/index.json +1 -1
- package/dist/app/project.json +1 -1
- package/dist/app/sb-addons/docs-1/manager-bundle.js +3 -0
- package/dist/app/sb-addons/storybook-core-server-presets-0/common-manager-bundle.js +630 -0
- package/dist/app/sb-common-assets/favicon-wrapper.svg +46 -0
- package/dist/app/sb-common-assets/favicon.svg +1 -1
- package/dist/app/sb-manager/globals-runtime.js +74601 -40067
- package/dist/app/sb-manager/globals.js +13 -37
- package/dist/app/sb-manager/manager-stores.js +23 -0
- package/dist/app/sb-manager/runtime.js +23779 -9749
- package/dist/app/vite-inject-mocker-entry.js +2 -0
- package/dist/components/PzText/PzText.vue.d.ts +20 -0
- package/dist/components/PzText/index.d.ts +2 -0
- package/dist/components/PzText/types.d.ts +6 -0
- package/dist/index.d.ts +1 -1
- package/dist/package.json +9 -7
- package/dist/prozorro-ui.cjs +1 -1
- package/dist/prozorro-ui.js +44 -27
- package/dist/style.css +1 -1
- package/package.json +9 -7
- package/src/styles/_reset.scss +26 -0
- package/src/styles/abstract/_mixins.scss +50 -0
- package/src/styles/abstract/_typography.scss +202 -0
- package/src/styles/abstract/_variables.scss +59 -0
- package/src/styles/main.scss +7 -0
- package/src/styles/vendors/_google-material-icons.scss +42 -0
- package/src/styles/vendors/_normalize.scss +338 -0
- package/dist/app/assets/Button-DK7ZxByB.css +0 -1
- package/dist/app/assets/Button.stories-kOkDzZSR.js +0 -16
- package/dist/app/assets/Color-YHDXOIA2-CflMuX2a.js +0 -1
- package/dist/app/assets/DocsRenderer-CFRXHY34-CT7H_f1J.js +0 -623
- package/dist/app/assets/entry-preview-D3bN2KnO.js +0 -1
- package/dist/app/assets/entry-preview-docs-uZNR0dmt.js +0 -16
- package/dist/app/assets/iframe-Dy8Zk0Zd.js +0 -211
- package/dist/app/assets/index-CYkJ7mS4.js +0 -1
- package/dist/app/assets/index-Dc4p7Je0.js +0 -11
- package/dist/app/assets/index-DrFu-skq.js +0 -6
- package/dist/app/assets/preview-B8lJiyuQ.js +0 -34
- package/dist/app/assets/preview-BBWR9nbA.js +0 -1
- package/dist/app/assets/preview-BWzBA1C2.js +0 -396
- package/dist/app/assets/preview-CQ2_cFel.js +0 -2
- package/dist/app/assets/preview-CvbIS5ZJ.js +0 -1
- package/dist/app/assets/preview-D-Qz4Vhp.js +0 -240
- package/dist/app/assets/preview-D7OYendf.js +0 -1
- package/dist/app/assets/preview-DD_OYowb.js +0 -1
- package/dist/app/assets/preview-DGUiP6tS.js +0 -7
- package/dist/app/assets/vue.esm-bundler-DwA03xYR.js +0 -37
- package/dist/app/sb-addons/essentials-actions-2/manager-bundle.js +0 -3
- package/dist/app/sb-addons/essentials-backgrounds-4/manager-bundle.js +0 -12
- package/dist/app/sb-addons/essentials-controls-1/manager-bundle.js +0 -405
- package/dist/app/sb-addons/essentials-docs-3/manager-bundle.js +0 -245
- package/dist/app/sb-addons/essentials-measure-7/manager-bundle.js +0 -3
- package/dist/app/sb-addons/essentials-outline-8/manager-bundle.js +0 -3
- package/dist/app/sb-addons/essentials-toolbars-6/manager-bundle.js +0 -3
- package/dist/app/sb-addons/essentials-viewport-5/manager-bundle.js +0 -3
- package/dist/app/sb-addons/interactions-9/manager-bundle.js +0 -222
- package/dist/app/sb-addons/storybook-core-core-server-presets-0/common-manager-bundle.js +0 -3
- package/dist/app/sb-manager/globals-module-info.js +0 -1052
- package/dist/components/Button/Button.vue.d.ts +0 -10
- package/dist/components/Button/index.d.ts +0 -2
- package/dist/components/Button/types.d.ts +0 -6
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pz-text-demo{display:grid;gap:20px;padding:clamp(20px,2vw,28px);border:1px solid rgba(194,216,222,.95);border-radius:28px;background:linear-gradient(180deg,#fffffffa,#f4f8f9f5),linear-gradient(135deg,rgba(1,77,168,.04),transparent 40%);box-shadow:0 20px 70px #2426381a,inset 0 1px #fffffffa}.pz-text-demo-header{display:flex;align-items:end;justify-content:space-between;gap:16px}.pz-text-demo-eyebrow,.pz-text-board-eyebrow,.pz-text-board-group-kicker,.pz-text-board-variant,.pz-text-board-chip{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.pz-text-demo-eyebrow,.pz-text-board-eyebrow,.pz-text-board-group-kicker{color:var(--blue)}.pz-text-demo-title,.pz-text-board-title,.pz-text-board-group-title{margin:0;color:var(--black)}.pz-text-demo-title{font-size:clamp(22px,2vw,28px);line-height:1.2}.pz-text-demo-spec,.pz-text-board-spec{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gray-900)}.pz-text-demo-surface{position:relative;padding:clamp(24px,3vw,44px);border-radius:22px;background:var(--white);box-shadow:inset 0 0 0 1px #d6dadebf,0 18px 40px #24263814}.pz-text-demo-surface:before{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(1,77,168,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(1,77,168,.04) 1px,transparent 1px);background-size:28px 28px;border-radius:inherit;content:"";-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.22),transparent 64%);mask-image:linear-gradient(180deg,rgba(0,0,0,.22),transparent 64%);pointer-events:none}.pz-text-board{display:grid;gap:22px}.pz-text-board-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:20px;align-items:stretch}.pz-text-board-hero-copy,.pz-text-board-hero-preview,.pz-text-board-group{padding:clamp(22px,2vw,30px);border:1px solid rgba(194,216,222,.92);border-radius:28px;background:linear-gradient(180deg,#fffffffa,#f4f8f9f5),linear-gradient(135deg,rgba(1,77,168,.04),transparent 38%);box-shadow:0 18px 60px #24263814,inset 0 1px #fffffff5}.pz-text-board-hero-copy{display:grid;align-content:center;gap:16px}.pz-text-board-title{font-size:clamp(32px,4vw,48px);line-height:1.05;max-width:12ch}.pz-text-board-description{margin:0;max-width:60ch;font-size:15px;line-height:1.7;color:var(--gray-500)}.pz-text-board-hero-preview{display:grid;align-content:start;gap:20px;background:radial-gradient(circle at top right,rgba(1,77,168,.08),transparent 28%),linear-gradient(180deg,#fffffffa,#f4f8f9f5)}.pz-text-board-chip{justify-self:start;padding:9px 12px;border-radius:999px;background:#014da814;color:var(--blue)}.pz-text-board-group{display:grid;gap:18px}.pz-text-board-group-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.pz-text-board-group-title{font-size:20px;line-height:1.35}.pz-text-board-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pz-text-board-card{display:grid;gap:16px;padding:18px;min-height:122px;border:1px solid rgba(214,218,222,.88);border-radius:22px;background:#fffffff0;box-shadow:0 12px 34px #2426380f}.pz-text-board-meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.pz-text-board-variant{color:var(--blue)}@media (width <= 1024px){.pz-text-board-hero,.pz-text-board-grid{grid-template-columns:1fr}}@media (width <= 640px){.pz-text-demo-header,.pz-text-board-meta{flex-direction:column;align-items:start}.pz-text-board-hero-copy,.pz-text-board-hero-preview,.pz-text-board-group,.pz-text-demo{padding:20px;border-radius:22px}}.pz-text[data-v-bd3b2150]{margin:0;padding:0}.pz-text--h1-bold[data-v-bd3b2150]{font-size:var(--size-xxl);font-weight:700;line-height:1.5}@media (max-width: 575.98px){.pz-text--h1-bold[data-v-bd3b2150]{font-size:var(--size-xl);font-weight:700;line-height:1.5}}.pz-text--h1-regular[data-v-bd3b2150]{font-size:var(--size-xxl);font-weight:400;line-height:1.5}@media (max-width: 575.98px){.pz-text--h1-regular[data-v-bd3b2150]{font-size:var(--size-xl);font-weight:400;line-height:1.5}}.pz-text--h2-bold[data-v-bd3b2150]{font-size:var(--size-xxlss);font-weight:700;line-height:1.5}@media (max-width: 575.98px){.pz-text--h2-bold[data-v-bd3b2150]{font-size:var(--size-xls);font-weight:700;line-height:1.5}}.pz-text--h3-bold[data-v-bd3b2150]{font-size:var(--size-xl);font-weight:700;line-height:1.5}@media (max-width: 575.98px){.pz-text--h3-bold[data-v-bd3b2150]{font-size:var(--size-l);font-weight:700;line-height:1.5}}.pz-text--h3-regular[data-v-bd3b2150]{font-size:var(--size-xl);font-weight:400;line-height:1.5}@media (max-width: 575.98px){.pz-text--h3-regular[data-v-bd3b2150]{font-size:var(--size-l);font-weight:400;line-height:1.5}}.pz-text--h4-regular[data-v-bd3b2150]{font-size:var(--size-l);font-weight:400;line-height:1.5}@media (max-width: 575.98px){.pz-text--h4-regular[data-v-bd3b2150]{font-size:var(--size-m);font-weight:400;line-height:1.5}}.pz-text--h4-semibold[data-v-bd3b2150]{font-size:var(--size-l);font-weight:600;line-height:1.5}@media (max-width: 575.98px){.pz-text--h4-semibold[data-v-bd3b2150]{font-size:var(--size-m);font-weight:600;line-height:1.5}}.pz-text--h4-bold[data-v-bd3b2150]{font-size:var(--size-l);font-weight:700;line-height:1.5}@media (max-width: 575.98px){.pz-text--h4-bold[data-v-bd3b2150]{font-size:var(--size-m);font-weight:700;line-height:1.5}}.pz-text--subtitle[data-v-bd3b2150]{font-size:var(--size-m);font-weight:600;line-height:1.5}.pz-text--body-regular[data-v-bd3b2150]{font-size:var(--size-s);font-weight:400;line-height:1.5}.pz-text--body-semibold[data-v-bd3b2150]{font-size:var(--size-s);font-weight:600;line-height:1.5}.pz-text--body-bold[data-v-bd3b2150]{font-size:var(--size-s);font-weight:700;line-height:1.5}.pz-text--capitalized[data-v-bd3b2150]{font-size:var(--size-s);font-weight:400;line-height:1.5;text-transform:uppercase;letter-spacing:.05em}.pz-text--hint[data-v-bd3b2150]{font-size:var(--size-s);font-weight:400;line-height:1.5;color:var(--gray-900)}.pz-text--line-through[data-v-bd3b2150]{font-size:var(--size-s);font-weight:400;line-height:1.5;text-decoration:line-through}.pz-text--small-regular[data-v-bd3b2150]{font-size:var(--size-xs);font-weight:400;line-height:1.5}.pz-text--small-semibold[data-v-bd3b2150]{font-size:var(--size-xs);font-weight:600;line-height:1.5}.pz-text--small-bold[data-v-bd3b2150]{font-size:var(--size-xs);font-weight:700;line-height:1.5}.pz-text--link[data-v-bd3b2150]{font-size:var(--size-s);font-weight:400;line-height:1.5;color:var(--blue-100);text-decoration:underline;cursor:pointer}.pz-text--link[data-v-bd3b2150]:hover{color:var(--blue)}.pz-text--document[data-v-bd3b2150]{font-size:var(--size-s);font-weight:400;line-height:1.5}
|
|
@@ -0,0 +1,239 @@
|
|
|
1
|
+
import{d as Ne,e as je,w as qe,r as Ee,n as Me,f as Ue,g as $e,o as We}from"./iframe-B_iz38fI.js";import"./preload-helper-C1FmrZbK.js";const R=Ne({name:"PzText",__name:"PzText",props:{variant:{},as:{default:void 0}},setup(e){const t={"h1-bold":"h1","h1-regular":"h1","h2-bold":"h2","h3-bold":"h3","h3-regular":"h3","h4-regular":"h4","h4-semibold":"h4","h4-bold":"h4",subtitle:"p","body-regular":"p","body-semibold":"p","body-bold":"p",capitalized:"span",hint:"span","line-through":"span","small-regular":"span","small-semibold":"span","small-bold":"span",link:"a",document:"p"},a=e,T=$e(()=>a.as??t[a.variant]??"span");return(k,Ye)=>(We(),je(Ue(T.value),{class:Me(["pz-text",`pz-text--${e.variant}`])},{default:qe(()=>[Ee(k.$slots,"default",{},void 0,!0)]),_:3},8,["class"]))}}),Je=(e,t)=>{const a=e.__vccOpts||e;for(const[T,k]of t)a[T]=k;return a},w=Je(R,[["__scopeId","data-v-bd3b2150"]]);R.__docgenInfo=Object.assign({displayName:R.name??R.__name},{name:"PzText",exportName:"default",displayName:"PzText",description:"",tags:{},props:[{name:"variant",required:!0,type:{name:"PzTextVariant"}},{name:"as",required:!1,type:{name:"PzTextTag"},defaultValue:{func:!1,value:"undefined"}}],slots:[{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/PzText/PzText.vue"]});const Ke=["h1-bold","h1-regular","h2-bold","h3-bold","h3-regular","h4-regular","h4-semibold","h4-bold","subtitle","body-regular","body-semibold","body-bold","capitalized","hint","line-through","small-regular","small-semibold","small-bold","link","document"],Qe=["h1","h2","h3","h4","h5","h6","p","span","div","a","label"],r=[{variant:"h1-bold",label:"Headline Bold 1",spec:"44px / 700 / 1.5"},{variant:"h1-regular",label:"Headline Regular 1",spec:"44px / 400 / 1.5"},{variant:"h2-bold",label:"Headline Bold 2",spec:"32px / 700 / 1.5"},{variant:"h3-bold",label:"Headline Bold 3",spec:"24px / 700 / 1.5"},{variant:"h3-regular",label:"Headline Regular 3",spec:"24px / 400 / 1.5"},{variant:"h4-regular",label:"Headline Regular 4",spec:"18px / 400 / 1.5"},{variant:"h4-semibold",label:"Headline Semibold 4",spec:"18px / 600 / 1.5"},{variant:"h4-bold",label:"Headline Bold 4",spec:"18px / 700 / 1.5"},{variant:"subtitle",label:"Subtitle",spec:"16px / 600 / 1.5"},{variant:"body-regular",label:"Body text regular",spec:"14px / 400 / 1.5"},{variant:"body-semibold",label:"Body text semibold",spec:"14px / 600 / 1.5"},{variant:"body-bold",label:"Body text bold",spec:"14px / 700 / 1.5"},{variant:"capitalized",label:"Capitalized text",spec:"14px / 400 / uppercase"},{variant:"hint",label:"Hint text",spec:"14px / 400 / muted"},{variant:"line-through",label:"Archived value",spec:"14px / 400 / strike"},{variant:"small-regular",label:"Small text regular",spec:"12px / 400 / 1.5"},{variant:"small-semibold",label:"Small text semibold",spec:"12px / 600 / 1.5"},{variant:"small-bold",label:"Small text bold",spec:"12px / 700 / 1.5"},{variant:"link",label:"Review procurement details",spec:"14px / 400 / underline"},{variant:"document",label:"Document text",spec:"14px / 400 / default"}],P=8,_=15,Xe=[{title:"Headlines",description:"Primary hierarchy for pages, sections and table headers.",items:r.slice(0,P)},{title:"Reading text",description:"Core editorial styles for descriptions, summaries and UI copy.",items:r.slice(P,_)},{title:"Utility styles",description:"Compact text styles for metadata, helpers and document references.",items:r.slice(_)}],aa={title:"Foundation/PzText",component:w,parameters:{prototype:{caption:"Typography review",note:"Prototype board for validating hierarchy, weight and semantics against the design-system text scale."}},args:{variant:"body-regular",content:"Every procurement notice should stay readable across dense interfaces and long-form content."},argTypes:{variant:{control:"select",options:Ke,description:"Text style variant from the Design System."},as:{control:"select",options:Qe,description:"HTML tag to render. Defaults to a semantic tag based on variant."},content:{control:"text",description:"Text content.",table:{category:"Slots"}}},render:e=>({components:{pzText:w},setup(){const t=r.find(a=>a.variant===e.variant)??r[0];return{args:e,currentSample:t}},template:`
|
|
2
|
+
<section class="pz-text-demo">
|
|
3
|
+
<div class="pz-text-demo-header">
|
|
4
|
+
<div>
|
|
5
|
+
<span class="pz-text-demo-eyebrow">Live preview</span>
|
|
6
|
+
<h2 class="pz-text-demo-title">{{ currentSample.label }}</h2>
|
|
7
|
+
</div>
|
|
8
|
+
<span class="pz-text-demo-spec">{{ currentSample.spec }}</span>
|
|
9
|
+
</div>
|
|
10
|
+
|
|
11
|
+
<div class="pz-text-demo-surface">
|
|
12
|
+
<pz-text :variant="args.variant" :as="args.as">{{ args.content }}</pz-text>
|
|
13
|
+
</div>
|
|
14
|
+
</section>
|
|
15
|
+
`})},n={name:"All variants",parameters:{prototype:{caption:"Typography prototype board",note:"Specimen sheet for reviewing the full Prozorro text scale in a single prototype canvas."}},render:e=>({components:{pzText:w},setup(){return{args:e,variantGroups:Xe}},template:`
|
|
16
|
+
<div class="pz-text-board">
|
|
17
|
+
<section class="pz-text-board-hero">
|
|
18
|
+
<div class="pz-text-board-hero-copy">
|
|
19
|
+
<span class="pz-text-board-eyebrow">Design system / Typography</span>
|
|
20
|
+
<h1 class="pz-text-board-title">Readable hierarchy for procurement interfaces</h1>
|
|
21
|
+
<p class="pz-text-board-description">
|
|
22
|
+
The board below mirrors a Figma-style specimen page: one live editable preview, followed by grouped text tokens with their size and weight metadata.
|
|
23
|
+
</p>
|
|
24
|
+
</div>
|
|
25
|
+
|
|
26
|
+
<div class="pz-text-board-hero-preview">
|
|
27
|
+
<span class="pz-text-board-chip">Interactive sample</span>
|
|
28
|
+
<pz-text :variant="args.variant" :as="args.as">{{ args.content }}</pz-text>
|
|
29
|
+
</div>
|
|
30
|
+
</section>
|
|
31
|
+
|
|
32
|
+
<section
|
|
33
|
+
v-for="group in variantGroups"
|
|
34
|
+
:key="group.title"
|
|
35
|
+
class="pz-text-board-group"
|
|
36
|
+
>
|
|
37
|
+
<header class="pz-text-board-group-header">
|
|
38
|
+
<div>
|
|
39
|
+
<span class="pz-text-board-group-kicker">{{ group.title }}</span>
|
|
40
|
+
<h2 class="pz-text-board-group-title">{{ group.description }}</h2>
|
|
41
|
+
</div>
|
|
42
|
+
</header>
|
|
43
|
+
|
|
44
|
+
<div class="pz-text-board-grid">
|
|
45
|
+
<article
|
|
46
|
+
v-for="sample in group.items"
|
|
47
|
+
:key="sample.variant"
|
|
48
|
+
class="pz-text-board-card"
|
|
49
|
+
>
|
|
50
|
+
<div class="pz-text-board-meta">
|
|
51
|
+
<span class="pz-text-board-variant">{{ sample.variant }}</span>
|
|
52
|
+
<span class="pz-text-board-spec">{{ sample.spec }}</span>
|
|
53
|
+
</div>
|
|
54
|
+
<pz-text :variant="sample.variant">{{ sample.label }}</pz-text>
|
|
55
|
+
</article>
|
|
56
|
+
</div>
|
|
57
|
+
</section>
|
|
58
|
+
</div>
|
|
59
|
+
`})},s={name:"H1 Bold",args:{variant:"h1-bold",content:"Headline Bold 1"}},o={name:"H1 Regular",args:{variant:"h1-regular",content:"Headline Regular 1"}},l={name:"H2 Bold",args:{variant:"h2-bold",content:"Headline Bold 2"}},i={name:"H3 Bold",args:{variant:"h3-bold",content:"Headline Bold 3"}},d={name:"H3 Regular",args:{variant:"h3-regular",content:"Headline Regular 3"}},c={name:"H4 Regular",args:{variant:"h4-regular",content:"Headline Regular 4"}},p={name:"H4 Semibold",args:{variant:"h4-semibold",content:"Headline Semibold 4"}},m={name:"H4 Bold",args:{variant:"h4-bold",content:"Headline Bold 4"}},u={args:{variant:"subtitle",content:"Subtitle"}},g={name:"Body Regular",args:{variant:"body-regular",content:"Body text regular"}},b={name:"Body Semibold",args:{variant:"body-semibold",content:"Body text semibold"}},v={name:"Body Bold",args:{variant:"body-bold",content:"Body text bold"}},h={args:{variant:"capitalized",content:"Capitalized text"}},x={args:{variant:"hint",content:"Hint text"}},y={name:"Line Through",args:{variant:"line-through",content:"Line through text"}},z={name:"Small Regular",args:{variant:"small-regular",content:"Small text regular"}},S={name:"Small Semibold",args:{variant:"small-semibold",content:"Small text semibold"}},H={name:"Small Bold",args:{variant:"small-bold",content:"Small text bold"}},B={name:"Link",args:{variant:"link",content:"Link text"}},f={args:{variant:"document",content:"Document text"}};var L,C,D;n.parameters={...n.parameters,docs:{...(L=n.parameters)==null?void 0:L.docs,source:{originalSource:`{
|
|
60
|
+
name: "All variants",
|
|
61
|
+
parameters: {
|
|
62
|
+
prototype: {
|
|
63
|
+
caption: "Typography prototype board",
|
|
64
|
+
note: "Specimen sheet for reviewing the full Prozorro text scale in a single prototype canvas."
|
|
65
|
+
}
|
|
66
|
+
},
|
|
67
|
+
render: args => ({
|
|
68
|
+
components: {
|
|
69
|
+
pzText: PzText
|
|
70
|
+
},
|
|
71
|
+
setup() {
|
|
72
|
+
return {
|
|
73
|
+
args,
|
|
74
|
+
variantGroups
|
|
75
|
+
};
|
|
76
|
+
},
|
|
77
|
+
template: \`
|
|
78
|
+
<div class="pz-text-board">
|
|
79
|
+
<section class="pz-text-board-hero">
|
|
80
|
+
<div class="pz-text-board-hero-copy">
|
|
81
|
+
<span class="pz-text-board-eyebrow">Design system / Typography</span>
|
|
82
|
+
<h1 class="pz-text-board-title">Readable hierarchy for procurement interfaces</h1>
|
|
83
|
+
<p class="pz-text-board-description">
|
|
84
|
+
The board below mirrors a Figma-style specimen page: one live editable preview, followed by grouped text tokens with their size and weight metadata.
|
|
85
|
+
</p>
|
|
86
|
+
</div>
|
|
87
|
+
|
|
88
|
+
<div class="pz-text-board-hero-preview">
|
|
89
|
+
<span class="pz-text-board-chip">Interactive sample</span>
|
|
90
|
+
<pz-text :variant="args.variant" :as="args.as">{{ args.content }}</pz-text>
|
|
91
|
+
</div>
|
|
92
|
+
</section>
|
|
93
|
+
|
|
94
|
+
<section
|
|
95
|
+
v-for="group in variantGroups"
|
|
96
|
+
:key="group.title"
|
|
97
|
+
class="pz-text-board-group"
|
|
98
|
+
>
|
|
99
|
+
<header class="pz-text-board-group-header">
|
|
100
|
+
<div>
|
|
101
|
+
<span class="pz-text-board-group-kicker">{{ group.title }}</span>
|
|
102
|
+
<h2 class="pz-text-board-group-title">{{ group.description }}</h2>
|
|
103
|
+
</div>
|
|
104
|
+
</header>
|
|
105
|
+
|
|
106
|
+
<div class="pz-text-board-grid">
|
|
107
|
+
<article
|
|
108
|
+
v-for="sample in group.items"
|
|
109
|
+
:key="sample.variant"
|
|
110
|
+
class="pz-text-board-card"
|
|
111
|
+
>
|
|
112
|
+
<div class="pz-text-board-meta">
|
|
113
|
+
<span class="pz-text-board-variant">{{ sample.variant }}</span>
|
|
114
|
+
<span class="pz-text-board-spec">{{ sample.spec }}</span>
|
|
115
|
+
</div>
|
|
116
|
+
<pz-text :variant="sample.variant">{{ sample.label }}</pz-text>
|
|
117
|
+
</article>
|
|
118
|
+
</div>
|
|
119
|
+
</section>
|
|
120
|
+
</div>
|
|
121
|
+
\`
|
|
122
|
+
})
|
|
123
|
+
}`,...(D=(C=n.parameters)==null?void 0:C.docs)==null?void 0:D.source}}};var V,A,I;s.parameters={...s.parameters,docs:{...(V=s.parameters)==null?void 0:V.docs,source:{originalSource:`{
|
|
124
|
+
name: "H1 Bold",
|
|
125
|
+
args: {
|
|
126
|
+
variant: "h1-bold",
|
|
127
|
+
content: "Headline Bold 1"
|
|
128
|
+
}
|
|
129
|
+
}`,...(I=(A=s.parameters)==null?void 0:A.docs)==null?void 0:I.source}}};var O,F,G;o.parameters={...o.parameters,docs:{...(O=o.parameters)==null?void 0:O.docs,source:{originalSource:`{
|
|
130
|
+
name: "H1 Regular",
|
|
131
|
+
args: {
|
|
132
|
+
variant: "h1-regular",
|
|
133
|
+
content: "Headline Regular 1"
|
|
134
|
+
}
|
|
135
|
+
}`,...(G=(F=o.parameters)==null?void 0:F.docs)==null?void 0:G.source}}};var N,j,q;l.parameters={...l.parameters,docs:{...(N=l.parameters)==null?void 0:N.docs,source:{originalSource:`{
|
|
136
|
+
name: "H2 Bold",
|
|
137
|
+
args: {
|
|
138
|
+
variant: "h2-bold",
|
|
139
|
+
content: "Headline Bold 2"
|
|
140
|
+
}
|
|
141
|
+
}`,...(q=(j=l.parameters)==null?void 0:j.docs)==null?void 0:q.source}}};var E,M,U;i.parameters={...i.parameters,docs:{...(E=i.parameters)==null?void 0:E.docs,source:{originalSource:`{
|
|
142
|
+
name: "H3 Bold",
|
|
143
|
+
args: {
|
|
144
|
+
variant: "h3-bold",
|
|
145
|
+
content: "Headline Bold 3"
|
|
146
|
+
}
|
|
147
|
+
}`,...(U=(M=i.parameters)==null?void 0:M.docs)==null?void 0:U.source}}};var $,W,J;d.parameters={...d.parameters,docs:{...($=d.parameters)==null?void 0:$.docs,source:{originalSource:`{
|
|
148
|
+
name: "H3 Regular",
|
|
149
|
+
args: {
|
|
150
|
+
variant: "h3-regular",
|
|
151
|
+
content: "Headline Regular 3"
|
|
152
|
+
}
|
|
153
|
+
}`,...(J=(W=d.parameters)==null?void 0:W.docs)==null?void 0:J.source}}};var K,Q,X;c.parameters={...c.parameters,docs:{...(K=c.parameters)==null?void 0:K.docs,source:{originalSource:`{
|
|
154
|
+
name: "H4 Regular",
|
|
155
|
+
args: {
|
|
156
|
+
variant: "h4-regular",
|
|
157
|
+
content: "Headline Regular 4"
|
|
158
|
+
}
|
|
159
|
+
}`,...(X=(Q=c.parameters)==null?void 0:Q.docs)==null?void 0:X.source}}};var Y,Z,ee;p.parameters={...p.parameters,docs:{...(Y=p.parameters)==null?void 0:Y.docs,source:{originalSource:`{
|
|
160
|
+
name: "H4 Semibold",
|
|
161
|
+
args: {
|
|
162
|
+
variant: "h4-semibold",
|
|
163
|
+
content: "Headline Semibold 4"
|
|
164
|
+
}
|
|
165
|
+
}`,...(ee=(Z=p.parameters)==null?void 0:Z.docs)==null?void 0:ee.source}}};var ae,te,re;m.parameters={...m.parameters,docs:{...(ae=m.parameters)==null?void 0:ae.docs,source:{originalSource:`{
|
|
166
|
+
name: "H4 Bold",
|
|
167
|
+
args: {
|
|
168
|
+
variant: "h4-bold",
|
|
169
|
+
content: "Headline Bold 4"
|
|
170
|
+
}
|
|
171
|
+
}`,...(re=(te=m.parameters)==null?void 0:te.docs)==null?void 0:re.source}}};var ne,se,oe;u.parameters={...u.parameters,docs:{...(ne=u.parameters)==null?void 0:ne.docs,source:{originalSource:`{
|
|
172
|
+
args: {
|
|
173
|
+
variant: "subtitle",
|
|
174
|
+
content: "Subtitle"
|
|
175
|
+
}
|
|
176
|
+
}`,...(oe=(se=u.parameters)==null?void 0:se.docs)==null?void 0:oe.source}}};var le,ie,de;g.parameters={...g.parameters,docs:{...(le=g.parameters)==null?void 0:le.docs,source:{originalSource:`{
|
|
177
|
+
name: "Body Regular",
|
|
178
|
+
args: {
|
|
179
|
+
variant: "body-regular",
|
|
180
|
+
content: "Body text regular"
|
|
181
|
+
}
|
|
182
|
+
}`,...(de=(ie=g.parameters)==null?void 0:ie.docs)==null?void 0:de.source}}};var ce,pe,me;b.parameters={...b.parameters,docs:{...(ce=b.parameters)==null?void 0:ce.docs,source:{originalSource:`{
|
|
183
|
+
name: "Body Semibold",
|
|
184
|
+
args: {
|
|
185
|
+
variant: "body-semibold",
|
|
186
|
+
content: "Body text semibold"
|
|
187
|
+
}
|
|
188
|
+
}`,...(me=(pe=b.parameters)==null?void 0:pe.docs)==null?void 0:me.source}}};var ue,ge,be;v.parameters={...v.parameters,docs:{...(ue=v.parameters)==null?void 0:ue.docs,source:{originalSource:`{
|
|
189
|
+
name: "Body Bold",
|
|
190
|
+
args: {
|
|
191
|
+
variant: "body-bold",
|
|
192
|
+
content: "Body text bold"
|
|
193
|
+
}
|
|
194
|
+
}`,...(be=(ge=v.parameters)==null?void 0:ge.docs)==null?void 0:be.source}}};var ve,he,xe;h.parameters={...h.parameters,docs:{...(ve=h.parameters)==null?void 0:ve.docs,source:{originalSource:`{
|
|
195
|
+
args: {
|
|
196
|
+
variant: "capitalized",
|
|
197
|
+
content: "Capitalized text"
|
|
198
|
+
}
|
|
199
|
+
}`,...(xe=(he=h.parameters)==null?void 0:he.docs)==null?void 0:xe.source}}};var ye,ze,Se;x.parameters={...x.parameters,docs:{...(ye=x.parameters)==null?void 0:ye.docs,source:{originalSource:`{
|
|
200
|
+
args: {
|
|
201
|
+
variant: "hint",
|
|
202
|
+
content: "Hint text"
|
|
203
|
+
}
|
|
204
|
+
}`,...(Se=(ze=x.parameters)==null?void 0:ze.docs)==null?void 0:Se.source}}};var He,Be,fe;y.parameters={...y.parameters,docs:{...(He=y.parameters)==null?void 0:He.docs,source:{originalSource:`{
|
|
205
|
+
name: "Line Through",
|
|
206
|
+
args: {
|
|
207
|
+
variant: "line-through",
|
|
208
|
+
content: "Line through text"
|
|
209
|
+
}
|
|
210
|
+
}`,...(fe=(Be=y.parameters)==null?void 0:Be.docs)==null?void 0:fe.source}}};var Re,Te,ke;z.parameters={...z.parameters,docs:{...(Re=z.parameters)==null?void 0:Re.docs,source:{originalSource:`{
|
|
211
|
+
name: "Small Regular",
|
|
212
|
+
args: {
|
|
213
|
+
variant: "small-regular",
|
|
214
|
+
content: "Small text regular"
|
|
215
|
+
}
|
|
216
|
+
}`,...(ke=(Te=z.parameters)==null?void 0:Te.docs)==null?void 0:ke.source}}};var we,Pe,_e;S.parameters={...S.parameters,docs:{...(we=S.parameters)==null?void 0:we.docs,source:{originalSource:`{
|
|
217
|
+
name: "Small Semibold",
|
|
218
|
+
args: {
|
|
219
|
+
variant: "small-semibold",
|
|
220
|
+
content: "Small text semibold"
|
|
221
|
+
}
|
|
222
|
+
}`,...(_e=(Pe=S.parameters)==null?void 0:Pe.docs)==null?void 0:_e.source}}};var Le,Ce,De;H.parameters={...H.parameters,docs:{...(Le=H.parameters)==null?void 0:Le.docs,source:{originalSource:`{
|
|
223
|
+
name: "Small Bold",
|
|
224
|
+
args: {
|
|
225
|
+
variant: "small-bold",
|
|
226
|
+
content: "Small text bold"
|
|
227
|
+
}
|
|
228
|
+
}`,...(De=(Ce=H.parameters)==null?void 0:Ce.docs)==null?void 0:De.source}}};var Ve,Ae,Ie;B.parameters={...B.parameters,docs:{...(Ve=B.parameters)==null?void 0:Ve.docs,source:{originalSource:`{
|
|
229
|
+
name: "Link",
|
|
230
|
+
args: {
|
|
231
|
+
variant: "link",
|
|
232
|
+
content: "Link text"
|
|
233
|
+
}
|
|
234
|
+
}`,...(Ie=(Ae=B.parameters)==null?void 0:Ae.docs)==null?void 0:Ie.source}}};var Oe,Fe,Ge;f.parameters={...f.parameters,docs:{...(Oe=f.parameters)==null?void 0:Oe.docs,source:{originalSource:`{
|
|
235
|
+
args: {
|
|
236
|
+
variant: "document",
|
|
237
|
+
content: "Document text"
|
|
238
|
+
}
|
|
239
|
+
}`,...(Ge=(Fe=f.parameters)==null?void 0:Fe.docs)==null?void 0:Ge.source}}};const ta=["AllVariants","H1Bold","H1Regular","H2Bold","H3Bold","H3Regular","H4Regular","H4Semibold","H4Bold","Subtitle","BodyRegular","BodySemibold","BodyBold","Capitalized","Hint","LineThroughStory","SmallRegular","SmallSemibold","SmallBold","LinkStory","Document"];export{n as AllVariants,v as BodyBold,g as BodyRegular,b as BodySemibold,h as Capitalized,f as Document,s as H1Bold,o as H1Regular,l as H2Bold,i as H3Bold,d as H3Regular,m as H4Bold,c as H4Regular,p as H4Semibold,x as Hint,y as LineThroughStory,B as LinkStory,H as SmallBold,z as SmallRegular,S as SmallSemibold,u as Subtitle,ta as __namedExportsOrder,aa as default};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import{R as U,r as b,s as Re,l as pe,b as Bt,_ as te,c as Pt,a as Mt,e as _t}from"./DocsRenderer-LL677BLK-DxB60yOs.js";import{b as We,c as ft}from"./iframe-B_iz38fI.js";import"./preload-helper-C1FmrZbK.js";var Ht=ft({"../../node_modules/react-fast-compare/index.js"(e,t){var r=typeof Element<"u",o=typeof Map=="function",n=typeof Set=="function",s=typeof ArrayBuffer=="function"&&!!ArrayBuffer.isView;function l(u,a){if(u===a)return!0;if(u&&a&&typeof u=="object"&&typeof a=="object"){if(u.constructor!==a.constructor)return!1;var i,f,p;if(Array.isArray(u)){if(i=u.length,i!=a.length)return!1;for(f=i;f--!==0;)if(!l(u[f],a[f]))return!1;return!0}var c;if(o&&u instanceof Map&&a instanceof Map){if(u.size!==a.size)return!1;for(c=u.entries();!(f=c.next()).done;)if(!a.has(f.value[0]))return!1;for(c=u.entries();!(f=c.next()).done;)if(!l(f.value[1],a.get(f.value[0])))return!1;return!0}if(n&&u instanceof Set&&a instanceof Set){if(u.size!==a.size)return!1;for(c=u.entries();!(f=c.next()).done;)if(!a.has(f.value[0]))return!1;return!0}if(s&&ArrayBuffer.isView(u)&&ArrayBuffer.isView(a)){if(i=u.length,i!=a.length)return!1;for(f=i;f--!==0;)if(u[f]!==a[f])return!1;return!0}if(u.constructor===RegExp)return u.source===a.source&&u.flags===a.flags;if(u.valueOf!==Object.prototype.valueOf&&typeof u.valueOf=="function"&&typeof a.valueOf=="function")return u.valueOf()===a.valueOf();if(u.toString!==Object.prototype.toString&&typeof u.toString=="function"&&typeof a.toString=="function")return u.toString()===a.toString();if(p=Object.keys(u),i=p.length,i!==Object.keys(a).length)return!1;for(f=i;f--!==0;)if(!Object.prototype.hasOwnProperty.call(a,p[f]))return!1;if(r&&u instanceof Element)return!1;for(f=i;f--!==0;)if(!((p[f]==="_owner"||p[f]==="__v"||p[f]==="__o")&&u.$$typeof)&&!l(u[p[f]],a[p[f]]))return!1;return!0}return u!==u&&a!==a}t.exports=function(u,a){try{return l(u,a)}catch(i){if((i.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw i}}}}),Nt=ft({"../../node_modules/warning/warning.js"(e,t){var r=function(){};t.exports=r}}),Vt=We(Mt(),1);const{deprecate:lt}=__STORYBOOK_MODULE_CLIENT_LOGGER__,{global:qt}=__STORYBOOK_MODULE_GLOBAL__;b.createContext();b.createContext();var Ke=function(e){return e.reduce(function(t,r){var o=r[0],n=r[1];return t[o]=n,t},{})},Je=typeof window<"u"&&window.document&&window.document.createElement?b.useLayoutEffect:b.useEffect,j="top",H="bottom",N="right",B="left",$e="auto",ye=[j,H,N,B],ie="start",ge="end",Ut="clippingParents",ct="viewport",ce="popper",zt="reference",Qe=ye.reduce(function(e,t){return e.concat([t+"-"+ie,t+"-"+ge])},[]),pt=[].concat(ye,[$e]).reduce(function(e,t){return e.concat([t,t+"-"+ie,t+"-"+ge])},[]),It="beforeRead",Yt="read",Xt="afterRead",Ft="beforeMain",Gt="main",Kt="afterMain",Jt="beforeWrite",Qt="write",Zt="afterWrite",er=[It,Yt,Xt,Ft,Gt,Kt,Jt,Qt,Zt];function I(e){return e?(e.nodeName||"").toLowerCase():null}function P(e){if(e==null)return window;if(e.toString()!=="[object Window]"){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function ne(e){var t=P(e).Element;return e instanceof t||e instanceof Element}function _(e){var t=P(e).HTMLElement;return e instanceof t||e instanceof HTMLElement}function je(e){if(typeof ShadowRoot>"u")return!1;var t=P(e).ShadowRoot;return e instanceof t||e instanceof ShadowRoot}function tr(e){var t=e.state;Object.keys(t.elements).forEach(function(r){var o=t.styles[r]||{},n=t.attributes[r]||{},s=t.elements[r];!_(s)||!I(s)||(Object.assign(s.style,o),Object.keys(n).forEach(function(l){var u=n[l];u===!1?s.removeAttribute(l):s.setAttribute(l,u===!0?"":u)}))})}function rr(e){var t=e.state,r={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,r.popper),t.styles=r,t.elements.arrow&&Object.assign(t.elements.arrow.style,r.arrow),function(){Object.keys(t.elements).forEach(function(o){var n=t.elements[o],s=t.attributes[o]||{},l=Object.keys(t.styles.hasOwnProperty(o)?t.styles[o]:r[o]),u=l.reduce(function(a,i){return a[i]="",a},{});!_(n)||!I(n)||(Object.assign(n.style,u),Object.keys(s).forEach(function(a){n.removeAttribute(a)}))})}}var dt={name:"applyStyles",enabled:!0,phase:"write",fn:tr,effect:rr,requires:["computeStyles"]};function z(e){return e.split("-")[0]}var re=Math.max,Te=Math.min,ae=Math.round;function ke(){var e=navigator.userAgentData;return e!=null&&e.brands&&Array.isArray(e.brands)?e.brands.map(function(t){return t.brand+"/"+t.version}).join(" "):navigator.userAgent}function vt(){return!/^((?!chrome|android).)*safari/i.test(ke())}function se(e,t,r){t===void 0&&(t=!1),r===void 0&&(r=!1);var o=e.getBoundingClientRect(),n=1,s=1;t&&_(e)&&(n=e.offsetWidth>0&&ae(o.width)/e.offsetWidth||1,s=e.offsetHeight>0&&ae(o.height)/e.offsetHeight||1);var l=ne(e)?P(e):window,u=l.visualViewport,a=!vt()&&r,i=(o.left+(a&&u?u.offsetLeft:0))/n,f=(o.top+(a&&u?u.offsetTop:0))/s,p=o.width/n,c=o.height/s;return{width:p,height:c,top:f,right:i+p,bottom:f+c,left:i,x:i,y:f}}function Be(e){var t=se(e),r=e.offsetWidth,o=e.offsetHeight;return Math.abs(t.width-r)<=1&&(r=t.width),Math.abs(t.height-o)<=1&&(o=t.height),{x:e.offsetLeft,y:e.offsetTop,width:r,height:o}}function mt(e,t){var r=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(r&&je(r)){var o=t;do{if(o&&e.isSameNode(o))return!0;o=o.parentNode||o.host}while(o)}return!1}function F(e){return P(e).getComputedStyle(e)}function nr(e){return["table","td","th"].indexOf(I(e))>=0}function K(e){return((ne(e)?e.ownerDocument:e.document)||window.document).documentElement}function Le(e){return I(e)==="html"?e:e.assignedSlot||e.parentNode||(je(e)?e.host:null)||K(e)}function Ze(e){return!_(e)||F(e).position==="fixed"?null:e.offsetParent}function or(e){var t=/firefox/i.test(ke()),r=/Trident/i.test(ke());if(r&&_(e)){var o=F(e);if(o.position==="fixed")return null}var n=Le(e);for(je(n)&&(n=n.host);_(n)&&["html","body"].indexOf(I(n))<0;){var s=F(n);if(s.transform!=="none"||s.perspective!=="none"||s.contain==="paint"||["transform","perspective"].indexOf(s.willChange)!==-1||t&&s.willChange==="filter"||t&&s.filter&&s.filter!=="none")return n;n=n.parentNode}return null}function be(e){for(var t=P(e),r=Ze(e);r&&nr(r)&&F(r).position==="static";)r=Ze(r);return r&&(I(r)==="html"||I(r)==="body"&&F(r).position==="static")?t:r||or(e)||t}function Pe(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function de(e,t,r){return re(e,Te(t,r))}function ir(e,t,r){var o=de(e,t,r);return o>r?r:o}function gt(){return{top:0,right:0,bottom:0,left:0}}function ht(e){return Object.assign({},gt(),e)}function yt(e,t){return t.reduce(function(r,o){return r[o]=e,r},{})}var ar=function(e,t){return e=typeof e=="function"?e(Object.assign({},t.rects,{placement:t.placement})):e,ht(typeof e!="number"?e:yt(e,ye))};function sr(e){var t,r=e.state,o=e.name,n=e.options,s=r.elements.arrow,l=r.modifiersData.popperOffsets,u=z(r.placement),a=Pe(u),i=[B,N].indexOf(u)>=0,f=i?"height":"width";if(!(!s||!l)){var p=ar(n.padding,r),c=Be(s),v=a==="y"?j:B,g=a==="y"?H:N,d=r.rects.reference[f]+r.rects.reference[a]-l[a]-r.rects.popper[f],O=l[a]-r.rects.reference[a],E=be(s),C=E?a==="y"?E.clientHeight||0:E.clientWidth||0:0,k=d/2-O/2,m=p[v],w=C-c[f]-p[g],y=C/2-c[f]/2+k,T=de(m,y,w),S=a;r.modifiersData[o]=(t={},t[S]=T,t.centerOffset=T-y,t)}}function ur(e){var t=e.state,r=e.options,o=r.element,n=o===void 0?"[data-popper-arrow]":o;n!=null&&(typeof n=="string"&&(n=t.elements.popper.querySelector(n),!n)||mt(t.elements.popper,n)&&(t.elements.arrow=n))}var fr={name:"arrow",enabled:!0,phase:"main",fn:sr,effect:ur,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function ue(e){return e.split("-")[1]}var lr={top:"auto",right:"auto",bottom:"auto",left:"auto"};function cr(e,t){var r=e.x,o=e.y,n=t.devicePixelRatio||1;return{x:ae(r*n)/n||0,y:ae(o*n)/n||0}}function et(e){var t,r=e.popper,o=e.popperRect,n=e.placement,s=e.variation,l=e.offsets,u=e.position,a=e.gpuAcceleration,i=e.adaptive,f=e.roundOffsets,p=e.isFixed,c=l.x,v=c===void 0?0:c,g=l.y,d=g===void 0?0:g,O=typeof f=="function"?f({x:v,y:d}):{x:v,y:d};v=O.x,d=O.y;var E=l.hasOwnProperty("x"),C=l.hasOwnProperty("y"),k=B,m=j,w=window;if(i){var y=be(r),T="clientHeight",S="clientWidth";if(y===P(r)&&(y=K(r),F(y).position!=="static"&&u==="absolute"&&(T="scrollHeight",S="scrollWidth")),y=y,n===j||(n===B||n===N)&&s===ge){m=H;var x=p&&y===w&&w.visualViewport?w.visualViewport.height:y[T];d-=x-o.height,d*=a?1:-1}if(n===B||(n===j||n===H)&&s===ge){k=N;var R=p&&y===w&&w.visualViewport?w.visualViewport.width:y[S];v-=R-o.width,v*=a?1:-1}}var L=Object.assign({position:u},i&&lr),$=f===!0?cr({x:v,y:d},P(r)):{x:v,y:d};if(v=$.x,d=$.y,a){var W;return Object.assign({},L,(W={},W[m]=C?"0":"",W[k]=E?"0":"",W.transform=(w.devicePixelRatio||1)<=1?"translate("+v+"px, "+d+"px)":"translate3d("+v+"px, "+d+"px, 0)",W))}return Object.assign({},L,(t={},t[m]=C?d+"px":"",t[k]=E?v+"px":"",t.transform="",t))}function pr(e){var t=e.state,r=e.options,o=r.gpuAcceleration,n=o===void 0?!0:o,s=r.adaptive,l=s===void 0?!0:s,u=r.roundOffsets,a=u===void 0?!0:u,i={placement:z(t.placement),variation:ue(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:n,isFixed:t.options.strategy==="fixed"};t.modifiersData.popperOffsets!=null&&(t.styles.popper=Object.assign({},t.styles.popper,et(Object.assign({},i,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:l,roundOffsets:a})))),t.modifiersData.arrow!=null&&(t.styles.arrow=Object.assign({},t.styles.arrow,et(Object.assign({},i,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:a})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})}var bt={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:pr,data:{}},Ee={passive:!0};function dr(e){var t=e.state,r=e.instance,o=e.options,n=o.scroll,s=n===void 0?!0:n,l=o.resize,u=l===void 0?!0:l,a=P(t.elements.popper),i=[].concat(t.scrollParents.reference,t.scrollParents.popper);return s&&i.forEach(function(f){f.addEventListener("scroll",r.update,Ee)}),u&&a.addEventListener("resize",r.update,Ee),function(){s&&i.forEach(function(f){f.removeEventListener("scroll",r.update,Ee)}),u&&a.removeEventListener("resize",r.update,Ee)}}var wt={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:dr,data:{}},vr={left:"right",right:"left",bottom:"top",top:"bottom"};function Se(e){return e.replace(/left|right|bottom|top/g,function(t){return vr[t]})}var mr={start:"end",end:"start"};function tt(e){return e.replace(/start|end/g,function(t){return mr[t]})}function Me(e){var t=P(e),r=t.pageXOffset,o=t.pageYOffset;return{scrollLeft:r,scrollTop:o}}function _e(e){return se(K(e)).left+Me(e).scrollLeft}function gr(e,t){var r=P(e),o=K(e),n=r.visualViewport,s=o.clientWidth,l=o.clientHeight,u=0,a=0;if(n){s=n.width,l=n.height;var i=vt();(i||!i&&t==="fixed")&&(u=n.offsetLeft,a=n.offsetTop)}return{width:s,height:l,x:u+_e(e),y:a}}function hr(e){var t,r=K(e),o=Me(e),n=(t=e.ownerDocument)==null?void 0:t.body,s=re(r.scrollWidth,r.clientWidth,n?n.scrollWidth:0,n?n.clientWidth:0),l=re(r.scrollHeight,r.clientHeight,n?n.scrollHeight:0,n?n.clientHeight:0),u=-o.scrollLeft+_e(e),a=-o.scrollTop;return F(n||r).direction==="rtl"&&(u+=re(r.clientWidth,n?n.clientWidth:0)-s),{width:s,height:l,x:u,y:a}}function He(e){var t=F(e),r=t.overflow,o=t.overflowX,n=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+n+o)}function xt(e){return["html","body","#document"].indexOf(I(e))>=0?e.ownerDocument.body:_(e)&&He(e)?e:xt(Le(e))}function ve(e,t){var r;t===void 0&&(t=[]);var o=xt(e),n=o===((r=e.ownerDocument)==null?void 0:r.body),s=P(o),l=n?[s].concat(s.visualViewport||[],He(o)?o:[]):o,u=t.concat(l);return n?u:u.concat(ve(Le(l)))}function De(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function yr(e,t){var r=se(e,!1,t==="fixed");return r.top=r.top+e.clientTop,r.left=r.left+e.clientLeft,r.bottom=r.top+e.clientHeight,r.right=r.left+e.clientWidth,r.width=e.clientWidth,r.height=e.clientHeight,r.x=r.left,r.y=r.top,r}function rt(e,t,r){return t===ct?De(gr(e,r)):ne(t)?yr(t,r):De(hr(K(e)))}function br(e){var t=ve(Le(e)),r=["absolute","fixed"].indexOf(F(e).position)>=0,o=r&&_(e)?be(e):e;return ne(o)?t.filter(function(n){return ne(n)&&mt(n,o)&&I(n)!=="body"}):[]}function wr(e,t,r,o){var n=t==="clippingParents"?br(e):[].concat(t),s=[].concat(n,[r]),l=s[0],u=s.reduce(function(a,i){var f=rt(e,i,o);return a.top=re(f.top,a.top),a.right=Te(f.right,a.right),a.bottom=Te(f.bottom,a.bottom),a.left=re(f.left,a.left),a},rt(e,l,o));return u.width=u.right-u.left,u.height=u.bottom-u.top,u.x=u.left,u.y=u.top,u}function Ot(e){var t=e.reference,r=e.element,o=e.placement,n=o?z(o):null,s=o?ue(o):null,l=t.x+t.width/2-r.width/2,u=t.y+t.height/2-r.height/2,a;switch(n){case j:a={x:l,y:t.y-r.height};break;case H:a={x:l,y:t.y+t.height};break;case N:a={x:t.x+t.width,y:u};break;case B:a={x:t.x-r.width,y:u};break;default:a={x:t.x,y:t.y}}var i=n?Pe(n):null;if(i!=null){var f=i==="y"?"height":"width";switch(s){case ie:a[i]=a[i]-(t[f]/2-r[f]/2);break;case ge:a[i]=a[i]+(t[f]/2-r[f]/2);break}}return a}function he(e,t){t===void 0&&(t={});var r=t,o=r.placement,n=o===void 0?e.placement:o,s=r.strategy,l=s===void 0?e.strategy:s,u=r.boundary,a=u===void 0?Ut:u,i=r.rootBoundary,f=i===void 0?ct:i,p=r.elementContext,c=p===void 0?ce:p,v=r.altBoundary,g=v===void 0?!1:v,d=r.padding,O=d===void 0?0:d,E=ht(typeof O!="number"?O:yt(O,ye)),C=c===ce?zt:ce,k=e.rects.popper,m=e.elements[g?C:c],w=wr(ne(m)?m:m.contextElement||K(e.elements.popper),a,f,l),y=se(e.elements.reference),T=Ot({reference:y,element:k,placement:n}),S=De(Object.assign({},k,T)),x=c===ce?S:y,R={top:w.top-x.top+E.top,bottom:x.bottom-w.bottom+E.bottom,left:w.left-x.left+E.left,right:x.right-w.right+E.right},L=e.modifiersData.offset;if(c===ce&&L){var $=L[n];Object.keys(R).forEach(function(W){var V=[N,H].indexOf(W)>=0?1:-1,h=[j,H].indexOf(W)>=0?"y":"x";R[W]+=$[h]*V})}return R}function xr(e,t){t===void 0&&(t={});var r=t,o=r.placement,n=r.boundary,s=r.rootBoundary,l=r.padding,u=r.flipVariations,a=r.allowedAutoPlacements,i=a===void 0?pt:a,f=ue(o),p=f?u?Qe:Qe.filter(function(g){return ue(g)===f}):ye,c=p.filter(function(g){return i.indexOf(g)>=0});c.length===0&&(c=p);var v=c.reduce(function(g,d){return g[d]=he(e,{placement:d,boundary:n,rootBoundary:s,padding:l})[z(d)],g},{});return Object.keys(v).sort(function(g,d){return v[g]-v[d]})}function Or(e){if(z(e)===$e)return[];var t=Se(e);return[tt(e),t,tt(t)]}function Er(e){var t=e.state,r=e.options,o=e.name;if(!t.modifiersData[o]._skip){for(var n=r.mainAxis,s=n===void 0?!0:n,l=r.altAxis,u=l===void 0?!0:l,a=r.fallbackPlacements,i=r.padding,f=r.boundary,p=r.rootBoundary,c=r.altBoundary,v=r.flipVariations,g=v===void 0?!0:v,d=r.allowedAutoPlacements,O=t.options.placement,E=z(O),C=E===O,k=a||(C||!g?[Se(O)]:Or(O)),m=[O].concat(k).reduce(function(Z,X){return Z.concat(z(X)===$e?xr(t,{placement:X,boundary:f,rootBoundary:p,padding:i,flipVariations:g,allowedAutoPlacements:d}):X)},[]),w=t.rects.reference,y=t.rects.popper,T=new Map,S=!0,x=m[0],R=0;R<m.length;R++){var L=m[R],$=z(L),W=ue(L)===ie,V=[j,H].indexOf($)>=0,h=V?"width":"height",A=he(t,{placement:L,boundary:f,rootBoundary:p,altBoundary:c,padding:i}),D=V?W?N:B:W?H:j;w[h]>y[h]&&(D=Se(D));var Y=Se(D),q=[];if(s&&q.push(A[$]<=0),u&&q.push(A[D]<=0,A[Y]<=0),q.every(function(Z){return Z})){x=L,S=!1;break}T.set(L,q)}if(S)for(var J=g?3:1,Q=function(Z){var X=m.find(function(xe){var le=T.get(xe);if(le)return le.slice(0,Z).every(function(oe){return oe})});if(X)return x=X,"break"},fe=J;fe>0;fe--){var we=Q(fe);if(we==="break")break}t.placement!==x&&(t.modifiersData[o]._skip=!0,t.placement=x,t.reset=!0)}}var Sr={name:"flip",enabled:!0,phase:"main",fn:Er,requiresIfExists:["offset"],data:{_skip:!1}};function nt(e,t,r){return r===void 0&&(r={x:0,y:0}),{top:e.top-t.height-r.y,right:e.right-t.width+r.x,bottom:e.bottom-t.height+r.y,left:e.left-t.width-r.x}}function ot(e){return[j,N,H,B].some(function(t){return e[t]>=0})}function Tr(e){var t=e.state,r=e.name,o=t.rects.reference,n=t.rects.popper,s=t.modifiersData.preventOverflow,l=he(t,{elementContext:"reference"}),u=he(t,{altBoundary:!0}),a=nt(l,o),i=nt(u,n,s),f=ot(a),p=ot(i);t.modifiersData[r]={referenceClippingOffsets:a,popperEscapeOffsets:i,isReferenceHidden:f,hasPopperEscaped:p},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":f,"data-popper-escaped":p})}var Rr={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:Tr};function Lr(e,t,r){var o=z(e),n=[B,j].indexOf(o)>=0?-1:1,s=typeof r=="function"?r(Object.assign({},t,{placement:e})):r,l=s[0],u=s[1];return l=l||0,u=(u||0)*n,[B,N].indexOf(o)>=0?{x:u,y:l}:{x:l,y:u}}function Cr(e){var t=e.state,r=e.options,o=e.name,n=r.offset,s=n===void 0?[0,0]:n,l=pt.reduce(function(f,p){return f[p]=Lr(p,t.rects,s),f},{}),u=l[t.placement],a=u.x,i=u.y;t.modifiersData.popperOffsets!=null&&(t.modifiersData.popperOffsets.x+=a,t.modifiersData.popperOffsets.y+=i),t.modifiersData[o]=l}var Ar={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:Cr};function kr(e){var t=e.state,r=e.name;t.modifiersData[r]=Ot({reference:t.rects.reference,element:t.rects.popper,placement:t.placement})}var Et={name:"popperOffsets",enabled:!0,phase:"read",fn:kr,data:{}};function Dr(e){return e==="x"?"y":"x"}function Wr(e){var t=e.state,r=e.options,o=e.name,n=r.mainAxis,s=n===void 0?!0:n,l=r.altAxis,u=l===void 0?!1:l,a=r.boundary,i=r.rootBoundary,f=r.altBoundary,p=r.padding,c=r.tether,v=c===void 0?!0:c,g=r.tetherOffset,d=g===void 0?0:g,O=he(t,{boundary:a,rootBoundary:i,padding:p,altBoundary:f}),E=z(t.placement),C=ue(t.placement),k=!C,m=Pe(E),w=Dr(m),y=t.modifiersData.popperOffsets,T=t.rects.reference,S=t.rects.popper,x=typeof d=="function"?d(Object.assign({},t.rects,{placement:t.placement})):d,R=typeof x=="number"?{mainAxis:x,altAxis:x}:Object.assign({mainAxis:0,altAxis:0},x),L=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,$={x:0,y:0};if(y){if(s){var W,V=m==="y"?j:B,h=m==="y"?H:N,A=m==="y"?"height":"width",D=y[m],Y=D+O[V],q=D-O[h],J=v?-S[A]/2:0,Q=C===ie?T[A]:S[A],fe=C===ie?-S[A]:-T[A],we=t.elements.arrow,Z=v&&we?Be(we):{width:0,height:0},X=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:gt(),xe=X[V],le=X[h],oe=de(0,T[A],Z[A]),Ct=k?T[A]/2-J-oe-xe-R.mainAxis:Q-oe-xe-R.mainAxis,At=k?-T[A]/2+J+oe+le+R.mainAxis:fe+oe+le+R.mainAxis,Ce=t.elements.arrow&&be(t.elements.arrow),kt=Ce?m==="y"?Ce.clientTop||0:Ce.clientLeft||0:0,Ve=(W=L==null?void 0:L[m])!=null?W:0,Dt=D+Ct-Ve-kt,Wt=D+At-Ve,qe=de(v?Te(Y,Dt):Y,D,v?re(q,Wt):q);y[m]=qe,$[m]=qe-D}if(u){var Ue,$t=m==="x"?j:B,jt=m==="x"?H:N,ee=y[w],Oe=w==="y"?"height":"width",ze=ee+O[$t],Ie=ee-O[jt],Ae=[j,B].indexOf(E)!==-1,Ye=(Ue=L==null?void 0:L[w])!=null?Ue:0,Xe=Ae?ze:ee-T[Oe]-S[Oe]-Ye+R.altAxis,Fe=Ae?ee+T[Oe]+S[Oe]-Ye-R.altAxis:Ie,Ge=v&&Ae?ir(Xe,ee,Fe):de(v?Xe:ze,ee,v?Fe:Ie);y[w]=Ge,$[w]=Ge-ee}t.modifiersData[o]=$}}var $r={name:"preventOverflow",enabled:!0,phase:"main",fn:Wr,requiresIfExists:["offset"]};function jr(e){return{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}function Br(e){return e===P(e)||!_(e)?Me(e):jr(e)}function Pr(e){var t=e.getBoundingClientRect(),r=ae(t.width)/e.offsetWidth||1,o=ae(t.height)/e.offsetHeight||1;return r!==1||o!==1}function Mr(e,t,r){r===void 0&&(r=!1);var o=_(t),n=_(t)&&Pr(t),s=K(t),l=se(e,n,r),u={scrollLeft:0,scrollTop:0},a={x:0,y:0};return(o||!o&&!r)&&((I(t)!=="body"||He(s))&&(u=Br(t)),_(t)?(a=se(t,!0),a.x+=t.clientLeft,a.y+=t.clientTop):s&&(a.x=_e(s))),{x:l.left+u.scrollLeft-a.x,y:l.top+u.scrollTop-a.y,width:l.width,height:l.height}}function _r(e){var t=new Map,r=new Set,o=[];e.forEach(function(s){t.set(s.name,s)});function n(s){r.add(s.name);var l=[].concat(s.requires||[],s.requiresIfExists||[]);l.forEach(function(u){if(!r.has(u)){var a=t.get(u);a&&n(a)}}),o.push(s)}return e.forEach(function(s){r.has(s.name)||n(s)}),o}function Hr(e){var t=_r(e);return er.reduce(function(r,o){return r.concat(t.filter(function(n){return n.phase===o}))},[])}function Nr(e){var t;return function(){return t||(t=new Promise(function(r){Promise.resolve().then(function(){t=void 0,r(e())})})),t}}function Vr(e){var t=e.reduce(function(r,o){var n=r[o.name];return r[o.name]=n?Object.assign({},n,o,{options:Object.assign({},n.options,o.options),data:Object.assign({},n.data,o.data)}):o,r},{});return Object.keys(t).map(function(r){return t[r]})}var it={placement:"bottom",modifiers:[],strategy:"absolute"};function at(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return!t.some(function(o){return!(o&&typeof o.getBoundingClientRect=="function")})}function Ne(e){e===void 0&&(e={});var t=e,r=t.defaultModifiers,o=r===void 0?[]:r,n=t.defaultOptions,s=n===void 0?it:n;return function(l,u,a){a===void 0&&(a=s);var i={placement:"bottom",orderedModifiers:[],options:Object.assign({},it,s),modifiersData:{},elements:{reference:l,popper:u},attributes:{},styles:{}},f=[],p=!1,c={state:i,setOptions:function(d){var O=typeof d=="function"?d(i.options):d;g(),i.options=Object.assign({},s,i.options,O),i.scrollParents={reference:ne(l)?ve(l):l.contextElement?ve(l.contextElement):[],popper:ve(u)};var E=Hr(Vr([].concat(o,i.options.modifiers)));return i.orderedModifiers=E.filter(function(C){return C.enabled}),v(),c.update()},forceUpdate:function(){if(!p){var d=i.elements,O=d.reference,E=d.popper;if(at(O,E)){i.rects={reference:Mr(O,be(E),i.options.strategy==="fixed"),popper:Be(E)},i.reset=!1,i.placement=i.options.placement,i.orderedModifiers.forEach(function(S){return i.modifiersData[S.name]=Object.assign({},S.data)});for(var C=0;C<i.orderedModifiers.length;C++){if(i.reset===!0){i.reset=!1,C=-1;continue}var k=i.orderedModifiers[C],m=k.fn,w=k.options,y=w===void 0?{}:w,T=k.name;typeof m=="function"&&(i=m({state:i,options:y,name:T,instance:c})||i)}}}},update:Nr(function(){return new Promise(function(d){c.forceUpdate(),d(i)})}),destroy:function(){g(),p=!0}};if(!at(l,u))return c;c.setOptions(a).then(function(d){!p&&a.onFirstUpdate&&a.onFirstUpdate(d)});function v(){i.orderedModifiers.forEach(function(d){var O=d.name,E=d.options,C=E===void 0?{}:E,k=d.effect;if(typeof k=="function"){var m=k({state:i,name:O,instance:c,options:C}),w=function(){};f.push(m||w)}})}function g(){f.forEach(function(d){return d()}),f=[]}return c}}Ne();var qr=[wt,Et,bt,dt];Ne({defaultModifiers:qr});var Ur=[wt,Et,bt,dt,Ar,Sr,$r,fr,Rr],zr=Ne({defaultModifiers:Ur}),Ir=We(Ht()),Yr=[],Xr=function(e,t,r){r===void 0&&(r={});var o=b.useRef(null),n={onFirstUpdate:r.onFirstUpdate,placement:r.placement||"bottom",strategy:r.strategy||"absolute",modifiers:r.modifiers||Yr},s=b.useState({styles:{popper:{position:n.strategy,left:"0",top:"0"},arrow:{position:"absolute"}},attributes:{}}),l=s[0],u=s[1],a=b.useMemo(function(){return{name:"updateState",enabled:!0,phase:"write",fn:function(p){var c=p.state,v=Object.keys(c.elements);_t.flushSync(function(){u({styles:Ke(v.map(function(g){return[g,c.styles[g]||{}]})),attributes:Ke(v.map(function(g){return[g,c.attributes[g]]}))})})},requires:["computeStyles"]}},[]),i=b.useMemo(function(){var p={onFirstUpdate:n.onFirstUpdate,placement:n.placement,strategy:n.strategy,modifiers:[].concat(n.modifiers,[a,{name:"applyStyles",enabled:!1}])};return(0,Ir.default)(o.current,p)?o.current||p:(o.current=p,p)},[n.onFirstUpdate,n.placement,n.strategy,n.modifiers,a]),f=b.useRef();return Je(function(){f.current&&f.current.setOptions(i)},[i]),Je(function(){if(!(e==null||t==null)){var p=r.createPopper||zr,c=p(e,t,i);return f.current=c,function(){c.destroy(),f.current=null}}},[e,t,r.createPopper]),{state:f.current?f.current.state:null,styles:l.styles,attributes:l.attributes,update:f.current?f.current.update:null,forceUpdate:f.current?f.current.forceUpdate:null}};We(Nt());function St(e){var t=b.useRef(e);return t.current=e,b.useCallback(function(){return t.current},[])}var Fr=function(){};function Gr(e){var t=e.initial,r=e.value,o=e.onChange,n=o===void 0?Fr:o;if(t===void 0&&r===void 0)throw new TypeError('Either "value" or "initial" variable must be set. Now both are undefined');var s=b.useState(t),l=s[0],u=s[1],a=St(l),i=b.useCallback(function(p){var c=a(),v=typeof p=="function"?p(c):p;typeof v.persist=="function"&&v.persist(),u(v),typeof n=="function"&&n(v)},[a,n]),f=r!==void 0;return[f?r:l,f?n:i]}function Tt(e,t){return e===void 0&&(e=0),t===void 0&&(t=0),function(){return{width:0,height:0,top:t,right:e,bottom:t,left:e,x:0,y:0,toJSON:function(){return null}}}}var Kr=["styles","attributes"],st={getBoundingClientRect:Tt()},ut={closeOnOutsideClick:!0,closeOnTriggerHidden:!1,defaultVisible:!1,delayHide:0,delayShow:0,followCursor:!1,interactive:!1,mutationObserverOptions:{attributes:!0,childList:!0,subtree:!0},offset:[0,6],trigger:"hover"};function Jr(e,t){var r,o,n;e===void 0&&(e={}),t===void 0&&(t={});var s=Object.keys(ut).reduce(function(h,A){var D;return te({},h,(D={},D[A]=h[A]!==void 0?h[A]:ut[A],D))},e),l=b.useMemo(function(){return[{name:"offset",options:{offset:s.offset}}]},Array.isArray(s.offset)?s.offset:[]),u=te({},t,{placement:t.placement||s.placement,modifiers:t.modifiers||l}),a=b.useState(null),i=a[0],f=a[1],p=b.useState(null),c=p[0],v=p[1],g=Gr({initial:s.defaultVisible,value:s.visible,onChange:s.onVisibleChange}),d=g[0],O=g[1],E=b.useRef();b.useEffect(function(){return function(){return clearTimeout(E.current)}},[]);var C=Xr(s.followCursor?st:i,c,u),k=C.styles,m=C.attributes,w=Pt(C,Kr),y=w.update,T=St({visible:d,triggerRef:i,tooltipRef:c,finalConfig:s}),S=b.useCallback(function(h){return Array.isArray(s.trigger)?s.trigger.includes(h):s.trigger===h},Array.isArray(s.trigger)?s.trigger:[s.trigger]),x=b.useCallback(function(){clearTimeout(E.current),E.current=window.setTimeout(function(){return O(!1)},s.delayHide)},[s.delayHide,O]),R=b.useCallback(function(){clearTimeout(E.current),E.current=window.setTimeout(function(){return O(!0)},s.delayShow)},[s.delayShow,O]),L=b.useCallback(function(){T().visible?x():R()},[T,x,R]);b.useEffect(function(){if(T().finalConfig.closeOnOutsideClick){var h=function(A){var D,Y=T(),q=Y.tooltipRef,J=Y.triggerRef,Q=(A.composedPath==null||(D=A.composedPath())==null?void 0:D[0])||A.target;Q instanceof Node&&q!=null&&J!=null&&!q.contains(Q)&&!J.contains(Q)&&x()};return document.addEventListener("mousedown",h),function(){return document.removeEventListener("mousedown",h)}}},[T,x]),b.useEffect(function(){if(!(i==null||!S("click")))return i.addEventListener("click",L),function(){return i.removeEventListener("click",L)}},[i,S,L]),b.useEffect(function(){if(!(i==null||!S("double-click")))return i.addEventListener("dblclick",L),function(){return i.removeEventListener("dblclick",L)}},[i,S,L]),b.useEffect(function(){if(!(i==null||!S("right-click"))){var h=function(A){A.preventDefault(),L()};return i.addEventListener("contextmenu",h),function(){return i.removeEventListener("contextmenu",h)}}},[i,S,L]),b.useEffect(function(){if(!(i==null||!S("focus")))return i.addEventListener("focus",R),i.addEventListener("blur",x),function(){i.removeEventListener("focus",R),i.removeEventListener("blur",x)}},[i,S,R,x]),b.useEffect(function(){if(!(i==null||!S("hover")))return i.addEventListener("mouseenter",R),i.addEventListener("mouseleave",x),function(){i.removeEventListener("mouseenter",R),i.removeEventListener("mouseleave",x)}},[i,S,R,x]),b.useEffect(function(){if(!(c==null||!S("hover")||!T().finalConfig.interactive))return c.addEventListener("mouseenter",R),c.addEventListener("mouseleave",x),function(){c.removeEventListener("mouseenter",R),c.removeEventListener("mouseleave",x)}},[c,S,R,x,T]);var $=w==null||(r=w.state)==null||(o=r.modifiersData)==null||(n=o.hide)==null?void 0:n.isReferenceHidden;b.useEffect(function(){s.closeOnTriggerHidden&&$&&x()},[s.closeOnTriggerHidden,x,$]),b.useEffect(function(){if(!s.followCursor||i==null)return;function h(A){var D=A.clientX,Y=A.clientY;st.getBoundingClientRect=Tt(D,Y),y==null||y()}return i.addEventListener("mousemove",h),function(){return i.removeEventListener("mousemove",h)}},[s.followCursor,i,y]),b.useEffect(function(){if(!(c==null||y==null||s.mutationObserverOptions==null)){var h=new MutationObserver(y);return h.observe(c,s.mutationObserverOptions),function(){return h.disconnect()}}},[s.mutationObserverOptions,c,y]);var W=function(h){return h===void 0&&(h={}),te({},h,{style:te({},h.style,k.popper)},m.popper,{"data-popper-interactive":s.interactive})},V=function(h){return h===void 0&&(h={}),te({},h,m.arrow,{style:te({},h.style,k.arrow),"data-popper-arrow":!0})};return te({getArrowProps:V,getTooltipProps:W,setTooltipRef:v,setTriggerRef:f,tooltipRef:c,triggerRef:i,visible:d},w)}var{document:me}=qt,M=(0,Vt.default)(1e3)((e,t,r,o=0)=>t.split("-")[0]===e?r:o),G=8,Qr=Re.div({position:"absolute",borderStyle:"solid"},({placement:e})=>{let t=0,r=0;switch(!0){case(e.startsWith("left")||e.startsWith("right")):{r=8;break}case(e.startsWith("top")||e.startsWith("bottom")):{t=8;break}}return{transform:`translate3d(${t}px, ${r}px, 0px)`}},({theme:e,color:t,placement:r})=>({bottom:`${M("top",r,`${G*-1}px`,"auto")}`,top:`${M("bottom",r,`${G*-1}px`,"auto")}`,right:`${M("left",r,`${G*-1}px`,"auto")}`,left:`${M("right",r,`${G*-1}px`,"auto")}`,borderBottomWidth:`${M("top",r,"0",G)}px`,borderTopWidth:`${M("bottom",r,"0",G)}px`,borderRightWidth:`${M("left",r,"0",G)}px`,borderLeftWidth:`${M("right",r,"0",G)}px`,borderTopColor:M("top",r,e.color[t]||t||e.base==="light"?pe(e.background.app):e.background.app,"transparent"),borderBottomColor:M("bottom",r,e.color[t]||t||e.base==="light"?pe(e.background.app):e.background.app,"transparent"),borderLeftColor:M("left",r,e.color[t]||t||e.base==="light"?pe(e.background.app):e.background.app,"transparent"),borderRightColor:M("right",r,e.color[t]||t||e.base==="light"?pe(e.background.app):e.background.app,"transparent")})),Zr=Re.div(({hidden:e})=>({display:e?"none":"inline-block",zIndex:2147483647,colorScheme:"light dark"}),({theme:e,color:t,hasChrome:r})=>r?{background:t&&e.color[t]||t||e.base==="light"?pe(e.background.app):e.background.app,filter:`
|
|
2
|
+
drop-shadow(0px 5px 5px rgba(0,0,0,0.05))
|
|
3
|
+
drop-shadow(0 1px 3px rgba(0,0,0,0.1))
|
|
4
|
+
`,borderRadius:e.appBorderRadius+2,fontSize:e.typography.size.s1}:{}),Rt=U.forwardRef(({placement:e="top",hasChrome:t=!0,children:r,arrowProps:o={},tooltipRef:n,color:s,withArrows:l,...u},a)=>U.createElement(Zr,{"data-testid":"tooltip",hasChrome:t,ref:a,...u,color:s},t&&l&&U.createElement(Qr,{placement:e,...o,color:s}),r));Rt.displayName="Tooltip";var en=Re.div`
|
|
5
|
+
display: inline-block;
|
|
6
|
+
cursor: ${e=>{var t;return e.trigger==="hover"||(t=e.trigger)!=null&&t.includes("hover")?"default":"pointer"}};
|
|
7
|
+
`,tn=Re.g`
|
|
8
|
+
cursor: ${e=>{var t;return e.trigger==="hover"||(t=e.trigger)!=null&&t.includes("hover")?"default":"pointer"}};
|
|
9
|
+
`,Lt=({svg:e=!1,trigger:t="click",closeOnOutsideClick:r=!1,placement:o="top",modifiers:n=[{name:"preventOverflow",options:{padding:8}},{name:"offset",options:{offset:[8,8]}},{name:"arrow",options:{padding:8}}],hasChrome:s=!0,defaultVisible:l=!1,withArrows:u,offset:a,tooltip:i,children:f,closeOnTriggerHidden:p,mutationObserverOptions:c,delayHide:v=t==="hover"?200:0,visible:g,interactive:d,delayShow:O=t==="hover"?400:0,strategy:E,followCursor:C,onVisibleChange:k,portalContainer:m,...w})=>{let y=e?tn:en,{getArrowProps:T,getTooltipProps:S,setTooltipRef:x,setTriggerRef:R,visible:L,state:$}=Jr({trigger:t,placement:o,defaultVisible:l,delayHide:v,interactive:d,closeOnOutsideClick:r,closeOnTriggerHidden:p,onVisibleChange:k,delayShow:O,followCursor:C,mutationObserverOptions:c,visible:g,offset:a},{modifiers:n,strategy:E}),W=(typeof m=="string"?me.querySelector(m):m)||me.body,V=L?U.createElement(Rt,{placement:$==null?void 0:$.placement,ref:x,hasChrome:s,arrowProps:T(),withArrows:u,...S()},typeof i=="function"?i({onHide:()=>k(!1)}):i):null;return U.createElement(U.Fragment,null,U.createElement(y,{trigger:t,ref:R,...w},f),L&&Bt.createPortal(V,W))},rn=({startOpen:e=!1,onVisibleChange:t,...r})=>{let[o,n]=b.useState(e),s=b.useCallback(l=>{t&&t(l)===!1||n(l)},[t]);return b.useEffect(()=>{let l=()=>s(!1),u=f=>{f.key==="Escape"&&l()};me.addEventListener("keydown",u,!1);let a=Array.from(me.getElementsByTagName("iframe")),i=[];return a.forEach(f=>{let p=()=>{try{f.contentWindow.document&&(f.contentWindow.document.addEventListener("click",l),i.push(()=>{try{f.contentWindow.document.removeEventListener("click",l)}catch{}}))}catch{}};p(),f.addEventListener("load",p),i.push(()=>{f.removeEventListener("load",p)})}),()=>{me.removeEventListener("keydown",u),i.forEach(f=>{f()})}}),U.createElement(Lt,{...r,visible:o,onVisibleChange:s})},sn=e=>(lt("WithTooltipPure is deprecated and will be removed in Storybook 11. Please use WithTooltip instead."),U.createElement(Lt,{"data-deprecated":"WithTooltipPure",...e})),un=e=>(lt("WithToolTipState is deprecated and will be removed in Storybook 11. Please use WithTooltip instead."),U.createElement(rn,{"data-deprecated":"WithToolTipState",...e}));export{Rt as Tooltip,un as WithToolTipState,rn as WithTooltip,sn as WithTooltipPure};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{d as i,a as m}from"./DocsRenderer-LL677BLK-DxB60yOs.js";import{b as a}from"./iframe-B_iz38fI.js";import"./preload-helper-C1FmrZbK.js";var o=a(m(),1),d=(0,o.default)(2)(async(e,r)=>e===!1?r:i(r));export{d as formatter};
|