@prozorro/prozorro-ui 0.0.6-beta → 0.0.8-beta

package/dist/app/assets/{Grid.stories-BxFJTZq8.js → Grid.stories-DCpTvq1h.js}

@@ -1,4 +1,4 @@
-import{P as a}from"./PzText-DlvXMwwn.js";import"./iframe-DDO2S8nh.js";import"./preload-helper-C1FmrZbK.js";const n=[{title:"Mobile",range:"< 768px",viewport:"375px frame",columns:4,gutter:"16px",margin:"16px",frame:"100%",className:"grid-foundation-demo-mobile"},{title:"Tablet",range:">= 768px",viewport:"768px frame",columns:8,gutter:"24px",margin:"32px",frame:"768px",className:"grid-foundation-demo-tablet"},{title:"Desktop",range:">= 1200px",viewport:"1440px frame",columns:12,gutter:"24px",margin:"80px",frame:"1440px",className:"grid-foundation-demo-desktop"}],d=[{name:".pz-container",type:"Layout",description:"Centered frame with responsive horizontal margins and a max width derived from grid tokens."},{name:".pz-container-fluid",type:"Layout",description:"Full-width container that keeps responsive side padding."},{name:".pz-grid",type:"Layout",description:"Responsive column grid using the active token set for columns and gutter."},{name:".pz-grid-fit",type:"Variant",description:"Auto-fit layout for equal cards when fixed column spans are not needed."},{name:".pz-col-1 ... .pz-col-12",type:"Span",description:"Column span utilities for the current layout context."},{name:".pz-col-md-* / .pz-col-xl-*",type:"Responsive span",description:"Breakpoint overrides for tablet and desktop layout changes."},{name:".pz-start-*",type:"Start",description:"Column start utilities for offset and alignment control."}],s=[{name:"@include pz-container",type:"Mixin",description:"Applies the container width and side padding contract inside component styles."},{name:"@include pz-grid",type:"Mixin",description:"Creates a grid that follows the active token-driven column and gap system."},{name:"@include pz-grid-span($span)",type:"Mixin",description:"Applies a specific column span without reaching for utility classes."}],p={title:"Foundation/Grid",parameters:{prototype:{caption:"Grid system",note:"Responsive layout foundation for containers, columns, spans, and offsets."},docs:{description:{component:"Grid system reference for `@prozorro/prozorro-ui`. The live Figma embed for node `14:221` was unavailable anonymously, so this implementation aligns the grid with the repository breakpoint model and documents the resulting library contract."}}},render:()=>({components:{pzText:a},setup(){return{breakpointSpecs:n,utilityRows:d,mixinRows:s}},template:`
+import{P as a}from"./PzText-LfRr6NF7.js";import"./iframe-XnrfGA2g.js";import"./preload-helper-C1FmrZbK.js";const n=[{title:"Mobile",range:"< 768px",viewport:"375px frame",columns:4,gutter:"16px",margin:"16px",frame:"100%",className:"grid-foundation-demo-mobile"},{title:"Tablet",range:">= 768px",viewport:"768px frame",columns:8,gutter:"24px",margin:"32px",frame:"768px",className:"grid-foundation-demo-tablet"},{title:"Desktop",range:">= 1200px",viewport:"1440px frame",columns:12,gutter:"24px",margin:"80px",frame:"1440px",className:"grid-foundation-demo-desktop"}],d=[{name:".pz-container",type:"Layout",description:"Centered frame with responsive horizontal margins and a max width derived from grid tokens."},{name:".pz-container-fluid",type:"Layout",description:"Full-width container that keeps responsive side padding."},{name:".pz-grid",type:"Layout",description:"Responsive column grid using the active token set for columns and gutter."},{name:".pz-grid-fit",type:"Variant",description:"Auto-fit layout for equal cards when fixed column spans are not needed."},{name:".pz-col-1 ... .pz-col-12",type:"Span",description:"Column span utilities for the current layout context."},{name:".pz-col-md-* / .pz-col-xl-*",type:"Responsive span",description:"Breakpoint overrides for tablet and desktop layout changes."},{name:".pz-start-*",type:"Start",description:"Column start utilities for offset and alignment control."}],s=[{name:"@include pz-container",type:"Mixin",description:"Applies the container width and side padding contract inside component styles."},{name:"@include pz-grid",type:"Mixin",description:"Creates a grid that follows the active token-driven column and gap system."},{name:"@include pz-grid-span($span)",type:"Mixin",description:"Applies a specific column span without reaching for utility classes."}],p={title:"Foundation/Grid",parameters:{prototype:{caption:"Grid system",note:"Responsive layout foundation for containers, columns, spans, and offsets."},docs:{description:{component:"Grid system reference for `@prozorro/prozorro-ui`. The live Figma embed for node `14:221` was unavailable anonymously, so this implementation aligns the grid with the repository breakpoint model and documents the resulting library contract."}}},render:()=>({components:{pzText:a},setup(){return{breakpointSpecs:n,utilityRows:d,mixinRows:s}},template:`
       <div class="grid-foundation">
         <section class="grid-foundation-board">
           <header class="grid-foundation-hero">

package/dist/app/assets/PzArrayClamp-K4ObvvOV.css

@@ -0,0 +1 @@
+.pz-array-clamp-story{display:grid;gap:24px}.pz-array-clamp-story-hero,.pz-array-clamp-story-card{border:1px solid color-mix(in srgb,var(--pz-color-grey-40) 58%,transparent);border-radius:28px;background:linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-40) 10%,var(--pz-color-white))),linear-gradient(135deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent),transparent 44%);box-shadow:0 18px 60px color-mix(in srgb,var(--pz-color-black-90) 8%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-array-clamp-story-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:20px;padding:clamp(22px,2vw,30px)}.pz-array-clamp-story-copy,.pz-array-clamp-story-preview,.pz-array-clamp-story-card{display:grid;gap:16px}.pz-array-clamp-story-preview,.pz-array-clamp-story-card{padding:clamp(20px,2vw,24px)}.pz-array-clamp-story-preview{align-content:start;border-radius:22px;background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent),transparent 30%),var(--pz-color-white);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pz-color-grey-40) 52%,transparent),0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 7%,transparent)}.pz-array-clamp-story-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.pz-array-clamp-story-label,.pz-array-clamp-story-eyebrow{display:inline-flex;align-items:center;width:fit-content;font-size:11px;font-weight:700;line-height:1;letter-spacing:.14em;text-transform:uppercase}.pz-array-clamp-story-label,.pz-array-clamp-story-eyebrow{color:var(--pz-color-text-link-hover)}.pz-array-clamp-story-custom-toggle{padding:0;border:0;background:transparent;color:var(--pz-color-text-link);cursor:pointer;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-array-clamp-story-custom-toggle:hover,.pz-array-clamp-story-custom-toggle:focus-visible{color:var(--pz-color-text-link-hover);outline:none}@media (width <= 1024px){.pz-array-clamp-story-hero,.pz-array-clamp-story-grid{grid-template-columns:1fr}}@media (width <= 640px){.pz-array-clamp-story-hero,.pz-array-clamp-story-preview,.pz-array-clamp-story-card{padding:20px;border-radius:22px}}.pz-array-clamp[data-v-82bfa0b2]{margin:0;padding:0;list-style:none;color:var(--pz-color-text-primary);font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-array-clamp__item[data-v-82bfa0b2]{margin:0;padding:0}.pz-array-clamp__toggle[data-v-82bfa0b2]{padding:0;border:0;background:transparent;color:var(--pz-color-text-link);cursor:pointer;transition:color .16s ease;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-array-clamp__toggle[data-v-82bfa0b2]:hover,.pz-array-clamp__toggle[data-v-82bfa0b2]:focus-visible{color:var(--pz-color-text-link-hover);outline:none}

package/dist/app/assets/PzArrayClamp.stories-DYjTyM_w.js

@@ -0,0 +1,148 @@
+import{d as q,i as x,L as E,e as n,F as D,I as F,r as v,h as O,g as r,o,J as U,t as C,y as j,f as J}from"./iframe-XnrfGA2g.js";import{_ as M,P as N}from"./PzText-LfRr6NF7.js";import"./preload-helper-C1FmrZbK.js";const R={class:"pz-array-clamp"},W={key:0,class:"pz-array-clamp__item"},G=3,i=q({name:"PzArrayClamp",__name:"PzArrayClamp",props:{list:{},count:{default:G},expanded:{type:Boolean,default:!1},expandLabel:{default:"Показати більше"},collapseLabel:{default:"Показати менше"},btnClass:{default:""}},emits:["update:expanded"],setup(e,{emit:t}){const a=e,m=t,u=x(a.expanded);E(()=>a.expanded,s=>{u.value=s});const l=r(()=>u.value),I=r(()=>l.value?a.list:a.list.slice(0,a.count)),g=r(()=>Math.max(a.list.length-a.count,0)),B=r(()=>g.value>0),z=()=>{const s=!l.value;u.value=s,m("update:expanded",s)};return(s,X)=>(o(),n("ul",R,[(o(!0),n(D,null,F(I.value,(y,f)=>(o(),n("li",{key:`${String(y)}-${f}`,class:"pz-array-clamp__item"},[v(s.$slots,"default",{item:y,index:f},()=>[U(C(y),1)],!0)]))),128)),B.value?(o(),n("li",W,[v(s.$slots,"toggle",{toggle:z,expanded:l.value,hiddenCount:g.value},()=>[j("button",{type:"button",class:J(["pz-array-clamp__toggle",a.btnClass]),onClick:z},C(l.value?a.collapseLabel:a.expandLabel),3)],!0)])):O("",!0)]))}}),b=M(i,[["__scopeId","data-v-82bfa0b2"]]);i.__docgenInfo=Object.assign({displayName:i.name??i.__name},{name:"PzArrayClamp",exportName:"default",displayName:"PzArrayClamp",description:"",tags:{},props:[{name:"list",required:!0,type:{name:"Array",elements:[{name:"unknown"}]}},{name:"count",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"DEFAULT_VISIBLE_COUNT"}},{name:"expanded",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"expandLabel",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"Показати більше"'}},{name:"collapseLabel",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"Показати менше"'}},{name:"btnClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}}],slots:[{name:"default",scoped:!0,bindings:[{name:"item",title:"binding"},{name:"index",title:"binding"}]},{name:"toggle",scoped:!0,bindings:[{name:"toggle",title:"binding"},{name:"expanded",title:"binding"},{name:"hidden-count",title:"binding"}]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/PzArrayClamp/PzArrayClamp.vue"]});const h=['251035-П29"','"7519 АК1"','"236-1701082"','"236-1702091"','"236-1115030"'],$=['ТОВ "Центральна ремонтна база"','ТОВ "Укрспецлогістика"','ДП "Технічний сервіс №17"','ТОВ "Промавтодеталь"'],H=e=>`<template>
+  <PzArrayClamp ${[`:list='${JSON.stringify(e.list,null,2)}'`,e.count!==3?`:count="${e.count}"`:null,e.expanded?':expanded="true"':null,e.expandLabel!=="Показати більше"?`expand-label="${e.expandLabel}"`:null,e.collapseLabel!=="Показати менше"?`collapse-label="${e.collapseLabel}"`:null].filter(m=>!!m).join(" ")} />
+</template>`,K=()=>`<template>
+  <PzArrayClamp :list="items" :count="2">
+    <template #default="{ item, index }">
+      <span>{{ index + 1 }}. {{ item }}</span>
+    </template>
+
+    <template #toggle="{ toggle, expanded, hiddenCount }">
+      <button type="button" class="custom-toggle" @click="toggle">
+        {{ expanded ? "Згорнути" : \`Ще \${hiddenCount} позиції\` }}
+      </button>
+    </template>
+  </PzArrayClamp>
+</template>`,Q={title:"Components/Text/PzArrayClamp",component:b,parameters:{prototype:{caption:"Array clamp component",note:"Compact vertical list for short repeated values. It stays close to the old array clamp prototype, but uses design-system text and link tokens plus controlled expand state."},docs:{description:{component:"Use `PzArrayClamp` to show a short list of repeated values with a link-like reveal action. Item text defaults to the `body-regular` style, and the component supports item and toggle slots for customization."},source:{transform:(e,t)=>H(t.args??Q.args)}}},args:{list:h,count:3,expanded:!1,expandLabel:"Показати більше",collapseLabel:"Показати менше",btnClass:"",title:"Compact values inside a table cell"},argTypes:{list:{control:"object",description:"Items rendered by the clamp."},count:{control:{type:"number",min:1,max:10,step:1},description:"Number of items visible before the list is expanded."},expanded:{control:"boolean",description:"Controlled expanded state."},expandLabel:{control:"text",description:"Default label shown while collapsed."},collapseLabel:{control:"text",description:"Default label shown while expanded."},btnClass:{control:"text",description:"Additional class names for the default toggle button."},title:{control:"text",description:"Story-only heading.",table:{category:"Story"}}},render:e=>({components:{pzArrayClamp:b,pzText:N},setup(){const t=x(!!e.expanded);return E(()=>e.expanded,a=>{t.value=!!a}),{args:e,expanded:t,supplierNames:$,tenderCodes:h}},template:`
+      <div class="pz-array-clamp-story">
+        <section class="pz-array-clamp-story-hero">
+          <div class="pz-array-clamp-story-copy">
+            <span class="pz-array-clamp-story-eyebrow">Body Regular by default</span>
+            <pz-text variant="h4-bold">{{ args.title }}</pz-text>
+            <pz-text variant="body-regular">
+              Designed for compact cells where repeated values should stay readable before expanding into the full list.
+            </pz-text>
+          </div>
+
+          <div class="pz-array-clamp-story-preview">
+            <span class="pz-array-clamp-story-label">Cell preview</span><pz-array-clamp
+              :list="args.list"
+              :count="args.count"
+              :expanded="expanded"
+              :expand-label="args.expandLabel"
+              :collapse-label="args.collapseLabel"
+              :btn-class="args.btnClass"
+              @update:expanded="expanded = $event"
+            />
+          </div>
+        </section>
+
+        <section class="pz-array-clamp-story-grid">
+          <article class="pz-array-clamp-story-card">
+            <span class="pz-array-clamp-story-label">Tender codes</span>
+            <pz-array-clamp :list="tenderCodes" :count="3" />
+          </article>
+
+          <article class="pz-array-clamp-story-card">
+            <span class="pz-array-clamp-story-label">Suppliers</span>
+            <pz-array-clamp :list="supplierNames" :count="2" />
+          </article>
+        </section>
+      </div>
+    `})},p={},d={args:{list:$,count:2,title:"Two visible suppliers"}},c={parameters:{docs:{source:{code:K()}}},render:()=>({components:{pzArrayClamp:b,pzText:N},setup(){return{expanded:x(!1),items:['"236-1701082"','"236-1702091"','"236-1115030"','"236-1302024"']}},template:`
+      <div class="pz-array-clamp-story">
+        <section class="pz-array-clamp-story-hero">
+          <div class="pz-array-clamp-story-copy">
+            <span class="pz-array-clamp-story-eyebrow">Slots</span>
+            <pz-text variant="h4-bold">Custom item and toggle rendering</pz-text>
+          </div>
+
+          <div class="pz-array-clamp-story-preview">
+            <div class="pz-array-clamp-story-cell">
+              <pz-array-clamp
+                :list="items"
+                :count="2"
+                :expanded="expanded"
+                @update:expanded="expanded = $event"
+              >
+                <template #default="{ item, index }">
+                  <span>{{ index + 1 }}. {{ item }}</span>
+                </template>
+
+                <template #toggle="{ toggle, expanded: isExpanded, hiddenCount }">
+                  <button
+                    type="button"
+                    class="pz-array-clamp-story-custom-toggle"
+                    @click="toggle"
+                  >
+                    {{ isExpanded ? "Згорнути" : "Ще " + hiddenCount + " позиції" }}
+                  </button>
+                </template>
+              </pz-array-clamp>
+            </div>
+          </div>
+        </section>
+      </div>
+    `})};var _,L,A;p.parameters={...p.parameters,docs:{...(_=p.parameters)==null?void 0:_.docs,source:{originalSource:"{}",...(A=(L=p.parameters)==null?void 0:L.docs)==null?void 0:A.source}}};var S,w,P;d.parameters={...d.parameters,docs:{...(S=d.parameters)==null?void 0:S.docs,source:{originalSource:`{
+  args: {
+    list: supplierNames,
+    count: 2,
+    title: "Two visible suppliers"
+  }
+}`,...(P=(w=d.parameters)==null?void 0:w.docs)==null?void 0:P.source}}};var T,V,k;c.parameters={...c.parameters,docs:{...(T=c.parameters)==null?void 0:T.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      source: {
+        code: buildSlotSource()
+      }
+    }
+  },
+  render: () => ({
+    components: {
+      pzArrayClamp: PzArrayClamp,
+      pzText: PzText
+    },
+    setup() {
+      const expanded = ref(false);
+      const items = ['"236-1701082"', '"236-1702091"', '"236-1115030"', '"236-1302024"'];
+      return {
+        expanded,
+        items
+      };
+    },
+    template: \`
+      <div class="pz-array-clamp-story">
+        <section class="pz-array-clamp-story-hero">
+          <div class="pz-array-clamp-story-copy">
+            <span class="pz-array-clamp-story-eyebrow">Slots</span>
+            <pz-text variant="h4-bold">Custom item and toggle rendering</pz-text>
+          </div>
+
+          <div class="pz-array-clamp-story-preview">
+            <div class="pz-array-clamp-story-cell">
+              <pz-array-clamp
+                :list="items"
+                :count="2"
+                :expanded="expanded"
+                @update:expanded="expanded = $event"
+              >
+                <template #default="{ item, index }">
+                  <span>{{ index + 1 }}. {{ item }}</span>
+                </template>
+
+                <template #toggle="{ toggle, expanded: isExpanded, hiddenCount }">
+                  <button
+                    type="button"
+                    class="pz-array-clamp-story-custom-toggle"
+                    @click="toggle"
+                  >
+                    {{ isExpanded ? "Згорнути" : "Ще " + hiddenCount + " позиції" }}
+                  </button>
+                </template>
+              </pz-array-clamp>
+            </div>
+          </div>
+        </section>
+      </div>
+    \`
+  })
+}`,...(k=(V=c.parameters)==null?void 0:V.docs)==null?void 0:k.source}}};const ae=["Playground","TwoVisibleItems","CustomSlots"];export{c as CustomSlots,p as Playground,d as TwoVisibleItems,ae as __namedExportsOrder,Q as default};

package/dist/app/assets/PzBreadcrumb-Dcs3weae.css

@@ -0,0 +1 @@
+@charset "UTF-8";.pz-breadcrumb-story{display:grid;gap:var(--pz-space-24)}.pz-breadcrumb-story-frame{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-24);background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent),transparent 36%),linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-20) 90%,var(--pz-color-white)))}.pz-breadcrumb-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-breadcrumb-story-eyebrow,.pz-breadcrumb-story-chip{display:inline-flex;align-items:center;width:fit-content;padding:var(--pz-space-8) var(--pz-space-16);border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 92%,var(--pz-color-white));color:var(--pz-color-text-link-hover);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pz-breadcrumb-story-surface{display:grid;gap:var(--pz-space-20);padding:var(--pz-space-24);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 98%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pz-color-grey-30) 60%,transparent)}.pz-breadcrumb-story-grid{display:grid;gap:var(--pz-space-16)}.pz-breadcrumb-story-card{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:var(--pz-space-20);padding:var(--pz-space-20);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 96%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent)}.pz-breadcrumb-story-copy{display:grid;align-content:start;gap:var(--pz-space-12)}.pz-breadcrumb-story-card-surface{display:grid;gap:var(--pz-space-12);padding:var(--pz-space-20);border-radius:var(--pz-space-16);background:color-mix(in srgb,var(--pz-color-background-frame) 96%,var(--pz-color-white))}@media (width <= 768px){.pz-breadcrumb-story-header{flex-direction:column}.pz-breadcrumb-story-card{grid-template-columns:1fr}}.pz-breadcrumb[data-v-121084ee]{--pz-breadcrumb-link-color: var(--pz-color-text-primary);--pz-breadcrumb-current-color: var(--pz-color-text-secondary);--pz-breadcrumb-separator-color: var(--pz-color-grey-60);width:100%}.pz-breadcrumb__list[data-v-121084ee]{display:flex;flex-wrap:wrap;align-items:center;gap:0;margin:0;padding:0;list-style:none}.pz-breadcrumb__item[data-v-121084ee]{display:inline-flex;align-items:center}.pz-breadcrumb__item[data-v-121084ee]:not(:first-child):before{content:"›";margin:0 10px;color:var(--pz-breadcrumb-separator-color);font-size:var(--pz-font-size-14);line-height:1}.pz-breadcrumb__link[data-v-121084ee]{color:var(--pz-breadcrumb-link-color);text-decoration:none;transition:color .16s ease;font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-breadcrumb__link[data-v-121084ee]:hover{color:var(--pz-color-text-link-hover)}.pz-breadcrumb__link--current[data-v-121084ee]{color:var(--pz-breadcrumb-current-color);pointer-events:none}

package/dist/app/assets/PzBreadcrumb.stories-b4V3GARM.js

@@ -0,0 +1,120 @@
+import{d as A,e as m,y as B,l as L,w as P,k as c,R as x,F,I as q,g as w,o as d,r as b,J as z,t as v,j as D,q as J,E,K as $}from"./iframe-XnrfGA2g.js";import{_ as U,P as O}from"./PzText-LfRr6NF7.js";import"./preload-helper-C1FmrZbK.js";const y={label:"Головна",to:"/"},W={class:"pz-breadcrumb","aria-label":"Breadcrumb"},H={class:"pz-breadcrumb__list"},K={class:"pz-breadcrumb__item"},G={key:0,class:"pz-breadcrumb__link pz-breadcrumb__link--current","aria-current":"page"},l=A({name:"PzBreadcrumb",__name:"PzBreadcrumb",props:{items:{}},setup(a){const n=J(),o=a,_=e=>typeof e!="string"?e:e.split("/").map(t=>{if(!t.startsWith(":"))return t;const r=n.params[t.slice(1)];return Array.isArray(r)?r.join("/"):r??t}).join("/"),V=w(()=>{const e=[];return n.matched.forEach(t=>{const r=t.meta,s=String(r.breadcrumb??r.name??t.name??"").trim();!s||t.path==="/"||e.push({label:s,to:_(t.path)})}),e}),f=w(()=>{var e;return(e=o.items)!=null&&e.length?o.items.map(t=>({...t,to:_(t.to)})):V.value}),g=e=>e===f.value.length-1;return(e,t)=>(d(),m("nav",W,[B("ul",H,[B("li",K,[L(c(x),{to:c(y).to,class:"pz-breadcrumb__link"},{default:P(()=>[b(e.$slots,"home",{data:c(y),index:-1,isCurrent:!1},()=>[z(v(c(y).label),1)],!0)]),_:3},8,["to"])]),(d(!0),m(F,null,q(f.value,(r,s)=>(d(),m("li",{key:`${r.label}-${s}`,class:"pz-breadcrumb__item"},[g(s)||!r.to?(d(),m("span",G,[b(e.$slots,"view",{data:r,isCurrent:g(s)||!r.to,index:s},()=>[z(v(r.label),1)],!0)])):(d(),D(c(x),{key:1,to:r.to,class:"pz-breadcrumb__link"},{default:P(()=>[b(e.$slots,"view",{data:r,isCurrent:!1,index:s},()=>[z(v(r.label),1)],!0)]),_:2},1032,["to"]))]))),128))])]))}}),h=U(l,[["__scopeId","data-v-121084ee"]]);l.__docgenInfo=Object.assign({displayName:l.name??l.__name},{name:"PzBreadcrumb",exportName:"default",displayName:"PzBreadcrumb",description:"",tags:{},props:[{name:"items",required:!1,type:{name:"Array",elements:[{name:"PzBreadcrumbItem"}]}}],slots:[{name:"home",scoped:!0,bindings:[{name:"data",title:"binding"},{name:"index",title:"binding"},{name:"is-current",title:"binding"}]},{name:"view",scoped:!0,bindings:[{name:"data",title:"binding"},{name:"is-current",title:"binding"},{name:"index",title:"binding"}]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/PzBreadcrumb/PzBreadcrumb.vue"]});const Q=[{label:"Тендери",to:"/breadcrumbs/tenders"},{label:"Транспорт",to:"/breadcrumbs/tenders/transport"},{label:"Автомобіль ВАЗ 21703"}],X=[{label:"Закупівлі",to:"/breadcrumbs/procedures"},{label:"Товари",to:"/breadcrumbs/procedures/products"},{label:"Легковий транспорт",to:"/breadcrumbs/procedures/products/cars"},{label:"Автомобіль ВАЗ 21703"}],Y=a=>{var o;return(o=a.items)!=null&&o.length?`<template>
+  <PzBreadcrumb :items='${JSON.stringify(a.items,null,2)}' />
+</template>`:`<template>
+  <PzBreadcrumb />
+</template>`},Z=()=>`<template>
+  <PzBreadcrumb>
+    <template #home="{ data }">
+      <strong>{{ data.label }}</strong>
+    </template>
+
+    <template #view="{ data, isCurrent }">
+      <span :style="{ opacity: isCurrent ? 0.7 : 1 }">{{ data.label }}</span>
+    </template>
+  </PzBreadcrumb>
+</template>`,ee={title:"Components/Navigation/PzBreadcrumb",component:h,parameters:{prototype:{caption:"Breadcrumb component",note:"This version stays close to the old app breadcrumb: the home crumb is rendered first, intermediate crumbs are links, the last crumb is plain text, and route-derived breadcrumbs come from vue-router metadata."},docs:{description:{component:"Use `PzBreadcrumb` with no props to derive crumbs from `route.matched` via `route.meta.breadcrumb` or `route.meta.name`. Pass `items` only when you need to override the route-derived trail."},source:{transform:(a,n)=>Y(n.args??ee.args)}}},args:{items:void 0},argTypes:{items:{control:"object",description:"Optional manual breadcrumb override. If omitted, the component reads crumbs from vue-router."}},render:a=>({components:{pzBreadcrumb:h,pzText:O},setup(){const n=$();return E(async()=>{await n.push("/breadcrumbs/tenders/transport/vaz-21703")}),{args:a,deepItems:X}},template:`
+      <div class="pz-breadcrumb-story">
+        <section class="pz-breadcrumb-story-frame">
+          <div class="pz-breadcrumb-story-header">
+            <div>
+              <span class="pz-breadcrumb-story-eyebrow">Vue Router</span>
+              <pz-text variant="h4-bold">Breadcrumb from route metadata</pz-text>
+            </div>
+            <span class="pz-breadcrumb-story-chip">node 111:2205</span>
+          </div>
+
+          <div class="pz-breadcrumb-story-surface">
+            <pz-breadcrumb :items="args.items" />
+          </div>
+        </section>
+
+        <section class="pz-breadcrumb-story-grid">
+          <article class="pz-breadcrumb-story-card">
+            <div class="pz-breadcrumb-story-copy">
+              <pz-text variant="body-semibold">Manual override</pz-text>
+              <pz-text variant="small-regular">
+                If items is passed, the component renders that list instead of reading vue-router.
+              </pz-text>
+            </div>
+
+            <div class="pz-breadcrumb-story-card-surface">
+              <pz-breadcrumb :items="deepItems" />
+            </div>
+          </article>
+        </section>
+      </div>
+    `})},i={},u={args:{items:Q}},p={parameters:{docs:{source:{code:Z()}}},render:()=>({components:{pzBreadcrumb:h,pzText:O},setup(){const a=$();return E(async()=>{await a.push("/breadcrumbs/tenders/transport/vaz-21703")}),{}},template:`
+      <div class="pz-breadcrumb-story">
+        <section class="pz-breadcrumb-story-frame">
+          <div class="pz-breadcrumb-story-header">
+            <div>
+              <span class="pz-breadcrumb-story-eyebrow">Slots</span>
+              <pz-text variant="h4-bold">Custom home and item content</pz-text>
+            </div>
+            <span class="pz-breadcrumb-story-chip">home + view</span>
+          </div>
+
+          <div class="pz-breadcrumb-story-surface">
+            <pz-breadcrumb>
+              <template #home="{ data }">
+                <span>{{ data.label }}</span>
+              </template>
+
+              <template #view="{ data, isCurrent }">
+                <span :style="{ opacity: isCurrent ? 0.65 : 1 }">{{ data.label }}</span>
+              </template>
+            </pz-breadcrumb>
+          </div>
+        </section>
+      </div>
+    `})};var C,S,k;i.parameters={...i.parameters,docs:{...(C=i.parameters)==null?void 0:C.docs,source:{originalSource:"{}",...(k=(S=i.parameters)==null?void 0:S.docs)==null?void 0:k.source}}};var I,R,N;u.parameters={...u.parameters,docs:{...(I=u.parameters)==null?void 0:I.docs,source:{originalSource:`{
+  args: {
+    items: manualItems
+  }
+}`,...(N=(R=u.parameters)==null?void 0:R.docs)==null?void 0:N.source}}};var T,M,j;p.parameters={...p.parameters,docs:{...(T=p.parameters)==null?void 0:T.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      source: {
+        code: buildSlotSource()
+      }
+    }
+  },
+  render: () => ({
+    components: {
+      pzBreadcrumb: PzBreadcrumb,
+      pzText: PzText
+    },
+    setup() {
+      const router = useRouter();
+      onMounted(async () => {
+        await router.push("/breadcrumbs/tenders/transport/vaz-21703");
+      });
+      return {};
+    },
+    template: \`
+      <div class="pz-breadcrumb-story">
+        <section class="pz-breadcrumb-story-frame">
+          <div class="pz-breadcrumb-story-header">
+            <div>
+              <span class="pz-breadcrumb-story-eyebrow">Slots</span>
+              <pz-text variant="h4-bold">Custom home and item content</pz-text>
+            </div>
+            <span class="pz-breadcrumb-story-chip">home + view</span>
+          </div>
+
+          <div class="pz-breadcrumb-story-surface">
+            <pz-breadcrumb>
+              <template #home="{ data }">
+                <span>{{ data.label }}</span>
+              </template>
+
+              <template #view="{ data, isCurrent }">
+                <span :style="{ opacity: isCurrent ? 0.65 : 1 }">{{ data.label }}</span>
+              </template>
+            </pz-breadcrumb>
+          </div>
+        </section>
+      </div>
+    \`
+  })
+}`,...(j=(M=p.parameters)==null?void 0:M.docs)==null?void 0:j.source}}};const se=["Playground","ManualItems","CustomSlots"];export{p as CustomSlots,u as ManualItems,i as Playground,se as __namedExportsOrder,ee as default};

package/dist/app/assets/PzBtn-Brjbpw1b.js

@@ -0,0 +1 @@
+import{d as i,e as a,r as o,h as l,f as p,o as t}from"./iframe-XnrfGA2g.js";import{_ as u}from"./PzText-LfRr6NF7.js";const d=["type","disabled"],f={key:0,class:"pz-btn-prefix"},m={key:1,class:"pz-btn-content"},c={key:2,class:"pz-btn-suffix"},s=i({name:"PzBtn",__name:"PzBtn",props:{variant:{default:"primary"},type:{default:"button"},disabled:{type:Boolean,default:!1}},setup(r){const n=r;return(e,b)=>(t(),a("button",{type:n.type,disabled:n.disabled,class:p(["pz-btn",`pz-btn--${n.variant}`])},[e.$slots.prefix?(t(),a("span",f,[o(e.$slots,"prefix",{},void 0,!0)])):l("",!0),e.$slots.default?(t(),a("span",m,[o(e.$slots,"default",{},void 0,!0)])):l("",!0),e.$slots.suffix?(t(),a("span",c,[o(e.$slots,"suffix",{},void 0,!0)])):l("",!0)],10,d))}}),z=u(s,[["__scopeId","data-v-1c1e8351"]]);s.__docgenInfo=Object.assign({displayName:s.name??s.__name},{name:"PzBtn",exportName:"default",displayName:"PzBtn",description:"",tags:{},props:[{name:"variant",required:!1,type:{name:"PzBtnVariant"},defaultValue:{func:!1,value:'"primary"'}},{name:"type",required:!1,type:{name:"PzBtnType"},defaultValue:{func:!1,value:'"button"'}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],slots:[{name:"prefix"},{name:"default"},{name:"suffix"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/PzBtn/PzBtn.vue"]});export{z as P};

package/dist/app/assets/PzBtn-CzokGN-c.css

@@ -0,0 +1 @@
+.pz-btn-story{display:grid;gap:var(--pz-space-24)}.pz-btn-story-board,.pz-btn-story-gallery{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 72%,transparent);border-radius:var(--pz-space-24);background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-20) 90%,var(--pz-color-white)));box-shadow:0 18px 48px color-mix(in srgb,var(--pz-color-black-90) 7%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-btn-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-btn-story-eyebrow,.pz-btn-story-chip{display:inline-flex;align-items:center;width:fit-content;padding:var(--pz-space-8) var(--pz-space-16);border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 92%,var(--pz-color-white));color:var(--pz-color-text-link-hover);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pz-btn-story-preview{display:grid;place-items:center;min-height:180px;padding:var(--pz-space-24);border:1px dashed color-mix(in srgb,var(--pz-color-grey-40) 70%,transparent);border-radius:var(--pz-space-20);background:linear-gradient(color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px);background-size:28px 28px}.pz-btn-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pz-space-16)}.pz-btn-story-card{display:grid;gap:var(--pz-space-12);padding:var(--pz-space-20);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 94%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent)}.pz-btn-story-row{display:flex;align-items:center;gap:var(--pz-space-12);flex-wrap:wrap}.pz-btn-story-label{margin:0;font-size:var(--pz-font-size-12);font-weight:600;color:var(--pz-color-text-secondary);text-transform:uppercase;letter-spacing:.08em}@media (width <= 768px){.pz-btn-story-grid{grid-template-columns:1fr}.pz-btn-story-header{flex-direction:column}}

package/dist/app/assets/PzBtn-L_RpjK-U.css

@@ -0,0 +1 @@
+.pz-btn[data-v-1c1e8351]{--pz-btn-color: var(--pz-color-white);--pz-btn-bg: transparent;--pz-btn-hover-color: var(--pz-color-white);--pz-btn-hover-bg: transparent;--pz-btn-border-color: transparent;--pz-btn-hover-border-color: transparent;--pz-btn-disabled-color: var(--pz-color-white);--pz-btn-disabled-bg: var(--pz-color-button-disabled);--pz-btn-disabled-border-color: var(--pz-color-button-disabled);--pz-btn-active-color: var(--pz-btn-color);--pz-btn-active-bg: var(--pz-btn-bg);--pz-btn-active-border-color: var(--pz-btn-border-color);--pz-btn-radius: var(--pz-space-4);--pz-btn-padding-block: var(--pz-space-8);--pz-btn-padding-inline: var(--pz-space-12);--pz-btn-gap: var(--pz-space-8);display:inline-flex;align-items:center;gap:var(--pz-btn-gap);padding:var(--pz-btn-padding-block) var(--pz-btn-padding-inline);border:1px solid var(--pz-btn-border-color);border-radius:var(--pz-btn-radius);background:var(--pz-btn-bg);color:var(--pz-btn-color);cursor:pointer;text-decoration:none;outline:none;transition:color .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease;font-size:var(--pz-font-size-14);font-weight:600;line-height:1.5}.pz-btn[data-v-1c1e8351]:not(:disabled):hover,.pz-btn[data-v-1c1e8351]:not(:disabled):focus-visible{color:var(--pz-btn-hover-color);background:var(--pz-btn-hover-bg);border-color:var(--pz-btn-hover-border-color)}.pz-btn[data-v-1c1e8351]:not(:disabled):active{color:var(--pz-btn-active-color);background:var(--pz-btn-active-bg);border-color:var(--pz-btn-active-border-color)}.pz-btn[data-v-1c1e8351]:not(:disabled):focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--pz-btn-hover-bg) 28%,transparent)}.pz-btn[data-v-1c1e8351]:disabled{color:var(--pz-btn-disabled-color);background:var(--pz-btn-disabled-bg);border-color:var(--pz-btn-disabled-border-color);cursor:not-allowed}.pz-btn--primary[data-v-1c1e8351]{--pz-btn-color: var(--pz-color-white);--pz-btn-bg: var(--pz-color-button-primary);--pz-btn-hover-color: var(--pz-color-white);--pz-btn-hover-bg: var(--pz-color-button-primary-hover);--pz-btn-border-color: var(--pz-color-button-primary);--pz-btn-hover-border-color: var(--pz-color-button-primary-hover)}.pz-btn--primary-outline[data-v-1c1e8351]{--pz-btn-color: var(--pz-color-button-primary);--pz-btn-bg: transparent;--pz-btn-hover-color: var(--pz-color-white);--pz-btn-hover-bg: var(--pz-color-button-primary-hover);--pz-btn-border-color: var(--pz-color-button-primary);--pz-btn-hover-border-color: var(--pz-color-button-primary-hover);--pz-btn-active-color: var(--pz-color-white);--pz-btn-active-bg: var(--pz-color-button-primary);--pz-btn-active-border-color: var(--pz-color-button-primary);--pz-btn-disabled-color: var(--pz-color-button-disabled);--pz-btn-disabled-bg: transparent;--pz-btn-disabled-border-color: var(--pz-color-button-disabled)}.pz-btn--danger[data-v-1c1e8351]{--pz-btn-color: var(--pz-color-white);--pz-btn-bg: var(--pz-color-button-danger);--pz-btn-hover-color: var(--pz-color-white);--pz-btn-hover-bg: var(--pz-color-button-danger-hover);--pz-btn-border-color: var(--pz-color-button-danger);--pz-btn-hover-border-color: var(--pz-color-button-danger-hover)}.pz-btn--danger-outline[data-v-1c1e8351]{--pz-btn-color: var(--pz-color-button-danger);--pz-btn-bg: transparent;--pz-btn-hover-color: var(--pz-color-white);--pz-btn-hover-bg: var(--pz-color-button-danger-hover);--pz-btn-border-color: var(--pz-color-button-danger);--pz-btn-hover-border-color: var(--pz-color-button-danger-hover);--pz-btn-disabled-color: var(--pz-color-button-disabled);--pz-btn-disabled-bg: transparent;--pz-btn-disabled-border-color: var(--pz-color-button-disabled)}.pz-btn--alert[data-v-1c1e8351]{--pz-btn-color: var(--pz-color-white);--pz-btn-bg: var(--pz-color-button-alert);--pz-btn-hover-color: var(--pz-color-white);--pz-btn-hover-bg: var(--pz-color-button-alert-hover);--pz-btn-border-color: var(--pz-color-button-alert);--pz-btn-hover-border-color: var(--pz-color-button-alert-hover)}.pz-btn--alert-outline[data-v-1c1e8351]{--pz-btn-color: var(--pz-color-button-alert);--pz-btn-bg: transparent;--pz-btn-hover-color: var(--pz-color-white);--pz-btn-hover-bg: var(--pz-color-button-alert-hover);--pz-btn-border-color: var(--pz-color-button-alert);--pz-btn-hover-border-color: var(--pz-color-button-alert-hover);--pz-btn-disabled-color: var(--pz-color-button-disabled);--pz-btn-disabled-bg: transparent;--pz-btn-disabled-border-color: var(--pz-color-button-disabled)}.pz-btn--success[data-v-1c1e8351]{--pz-btn-color: var(--pz-color-white);--pz-btn-bg: var(--pz-color-button-success);--pz-btn-hover-color: var(--pz-color-white);--pz-btn-hover-bg: var(--pz-color-button-success-hover);--pz-btn-border-color: var(--pz-color-button-success);--pz-btn-hover-border-color: var(--pz-color-button-success-hover)}.pz-btn--success-outline[data-v-1c1e8351]{--pz-btn-color: var(--pz-color-button-success);--pz-btn-bg: transparent;--pz-btn-hover-color: var(--pz-color-white);--pz-btn-hover-bg: var(--pz-color-button-success-hover);--pz-btn-border-color: var(--pz-color-button-success);--pz-btn-hover-border-color: var(--pz-color-button-success-hover);--pz-btn-disabled-color: var(--pz-color-button-disabled);--pz-btn-disabled-bg: transparent;--pz-btn-disabled-border-color: var(--pz-color-button-disabled)}.pz-btn--pink[data-v-1c1e8351]{--pz-btn-color: var(--pz-color-white);--pz-btn-bg: var(--pz-color-button-pink);--pz-btn-hover-color: var(--pz-color-white);--pz-btn-hover-bg: var(--pz-color-button-pink-hover);--pz-btn-border-color: var(--pz-color-button-pink);--pz-btn-hover-border-color: var(--pz-color-button-pink-hover)}.pz-btn--pink-outline[data-v-1c1e8351]{--pz-btn-color: var(--pz-color-button-pink);--pz-btn-bg: transparent;--pz-btn-hover-color: var(--pz-color-white);--pz-btn-hover-bg: var(--pz-color-button-pink-hover);--pz-btn-border-color: var(--pz-color-button-pink);--pz-btn-hover-border-color: var(--pz-color-button-pink-hover);--pz-btn-disabled-color: var(--pz-color-button-disabled);--pz-btn-disabled-bg: transparent;--pz-btn-disabled-border-color: var(--pz-color-button-disabled)}.pz-btn--link[data-v-1c1e8351]{--pz-btn-color: var(--pz-color-text-primary);--pz-btn-bg: transparent;--pz-btn-hover-color: var(--pz-color-text-link-hover);--pz-btn-hover-bg: transparent;--pz-btn-border-color: transparent;--pz-btn-hover-border-color: transparent;--pz-btn-disabled-color: var(--pz-color-button-disabled);--pz-btn-disabled-bg: transparent;--pz-btn-disabled-border-color: transparent;--pz-btn-radius: 0}.pz-btn--transparent[data-v-1c1e8351]{--pz-btn-color: var(--pz-color-text-link);--pz-btn-bg: transparent;--pz-btn-hover-color: var(--pz-color-text-link-hover);--pz-btn-hover-bg: transparent;--pz-btn-border-color: transparent;--pz-btn-hover-border-color: transparent;--pz-btn-disabled-color: var(--pz-color-button-disabled);--pz-btn-disabled-bg: transparent;--pz-btn-disabled-border-color: transparent;--pz-btn-padding-block: var(--pz-space-4);--pz-btn-padding-inline: 0}.pz-btn-prefix[data-v-1c1e8351],.pz-btn-suffix[data-v-1c1e8351]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.pz-btn-prefix[data-v-1c1e8351]:empty,.pz-btn-suffix[data-v-1c1e8351]:empty,.pz-btn-content[data-v-1c1e8351]:empty{display:none}.pz-btn-prefix[data-v-1c1e8351] .pz-icon,.pz-btn-suffix[data-v-1c1e8351] .pz-icon{--pz-icon-color: currentcolor}

package/dist/app/assets/PzBtn.stories-Bu5qPhtp.js

@@ -0,0 +1,84 @@
+import{_ as p}from"./PzIcon-Don8TXO3.js";import{P as c}from"./PzText-LfRr6NF7.js";import{P as n}from"./PzBtn-Brjbpw1b.js";import"./iframe-XnrfGA2g.js";import"./preload-helper-C1FmrZbK.js";const f=["primary","primary-outline","danger","danger-outline","alert","alert-outline","success","success-outline","pink","pink-outline","link","transparent"],b=["button","submit","reset"],m=[{variant:"primary",label:"Підтвердити",prefix:"check"},{variant:"primary-outline",label:"Редагувати",prefix:"edit"},{variant:"danger",label:"Видалити",prefix:"delete"},{variant:"danger-outline",label:"Скасувати",suffix:"close"},{variant:"alert",label:"Попередження",prefix:"warning"},{variant:"alert-outline",label:"Зверніть увагу"},{variant:"success",label:"Підтвердити",prefix:"check"},{variant:"success-outline",label:"Скасувати",suffix:"close"},{variant:"pink",label:"Відгук",prefix:"star"},{variant:"pink-outline",label:"Відгук",prefix:"star"},{variant:"link",label:"Перейти до деталей"},{variant:"transparent",label:"Показати більше"}],d=t=>{const e=[t.variant!=="primary"?`variant="${t.variant}"`:null,t.type!=="button"?`type="${t.type}"`:null,t.disabled?':disabled="true"':null].filter(i=>!!i).join(" "),o=[t.showPrefix?`    <template #prefix>
+      <PzIcon name="add" size="16" />
+    </template>`:null,`    ${t.label}`,t.showSuffix?`    <template #suffix>
+      <PzIcon name="arrow_forward" size="16" />
+    </template>`:null].filter(i=>!!i);return`<template>
+  ${e?`<PzBtn ${e}>`:"<PzBtn>"}
+${o.join(`
+`)}
+  </PzBtn>
+</template>`},u={title:"Components/Actions/PzBtn",component:n,parameters:{docs:{description:{component:"Use `PzBtn` for all button actions. Supports filled, outline, link, and transparent treatments via `variant`. Compose prefix or suffix icons through named slots."},source:{transform:(t,e)=>d(e.args??u.args)}}},args:{variant:"primary",type:"button",disabled:!1,label:"Підтвердити дію",showPrefix:!0,showSuffix:!1},argTypes:{variant:{control:"select",options:f,description:"Visual button treatment."},type:{control:"inline-radio",options:b,description:"Native button type attribute."},disabled:{control:"boolean",description:"Disables the button and applies reduced-opacity styling."},label:{control:"text",description:"Slot content preview text.",table:{category:"Slots"}},showPrefix:{control:"boolean",description:"Shows a prefix icon slot in the preview.",table:{category:"Slots"}},showSuffix:{control:"boolean",description:"Shows a suffix icon slot in the preview.",table:{category:"Slots"}}},render:t=>({components:{pzBtn:n,pzIcon:p,pzText:c},setup(){return{args:t,btnReferenceItems:m}},template:`
+      <div class="pz-btn-story">
+        <section class="pz-btn-story-board">
+          <div class="pz-btn-story-header">
+            <div>
+              <span class="pz-btn-story-eyebrow">Component API</span>
+              <pz-text variant="h4-bold">Interactive playground</pz-text>
+            </div>
+            <span class="pz-btn-story-chip">{{ args.variant }}</span>
+          </div>
+
+          <div class="pz-btn-story-preview">
+            <pz-btn
+              :variant="args.variant"
+              :type="args.type"
+              :disabled="args.disabled"
+            >
+              <template v-if="args.showPrefix" #prefix>
+                <pz-icon name="add" size="16" label="Button prefix icon" />
+              </template>
+
+              {{ args.label }}
+
+              <template v-if="args.showSuffix" #suffix>
+                <pz-icon name="arrow_forward" size="16" label="Button suffix icon" />
+              </template>
+            </pz-btn>
+          </div>
+        </section>
+
+        <section class="pz-btn-story-gallery">
+          <div class="pz-btn-story-header">
+            <div>
+              <span class="pz-btn-story-eyebrow">Variants</span>
+              <pz-text variant="h4-bold">All button treatments</pz-text>
+            </div>
+          </div>
+
+          <div class="pz-btn-story-grid">
+            <article
+              v-for="item in btnReferenceItems"
+              :key="item.variant"
+              class="pz-btn-story-card"
+            >
+              <p class="pz-btn-story-label">{{ item.variant }}</p>
+              <div class="pz-btn-story-row">
+                <pz-btn :variant="item.variant">
+                  <template v-if="item.prefix" #prefix>
+                    <pz-icon :name="item.prefix" size="16" :label="item.label + ' prefix'" />
+                  </template>
+
+                  {{ item.label }}
+
+                  <template v-if="item.suffix" #suffix>
+                    <pz-icon :name="item.suffix" size="16" :label="item.label + ' suffix'" />
+                  </template>
+                </pz-btn>
+
+                <pz-btn :variant="item.variant" disabled>
+                  <template v-if="item.prefix" #prefix>
+                    <pz-icon :name="item.prefix" size="16" :label="item.label + ' prefix disabled'" />
+                  </template>
+
+                  {{ item.label }}
+
+                  <template v-if="item.suffix" #suffix>
+                    <pz-icon :name="item.suffix" size="16" :label="item.label + ' suffix disabled'" />
+                  </template>
+                </pz-btn>
+              </div>
+            </article>
+          </div>
+        </section>
+      </div>
+    `})},a={};var r,s,l;a.parameters={...a.parameters,docs:{...(r=a.parameters)==null?void 0:r.docs,source:{originalSource:"{}",...(l=(s=a.parameters)==null?void 0:s.docs)==null?void 0:l.source}}};const w=["Playground"];export{a as Playground,w as __namedExportsOrder,u as default};

package/dist/app/assets/PzDomHandler-CRMzxUFs.css

@@ -0,0 +1 @@
+.pz-dom-handler-story{padding:40px;max-width:1000px;margin:0 auto;font-family:var(--pz-font-family, sans-serif);color:var(--pz-color-text-primary, #2d3436)}.pz-dom-handler-story__header{margin-bottom:48px;border-bottom:1px solid #eee;padding-bottom:24px}.pz-dom-handler-story__section{margin-bottom:64px}.pz-dom-handler-story__title{margin-bottom:24px;display:block}.pz-dom-handler-story__methods{display:flex;flex-direction:column;gap:24px}.pz-dom-handler-story__method-card{border:1px solid #e0e0e0;padding:24px;border-radius:12px;background:#fff;box-shadow:0 2px 4px #00000005}.pz-dom-handler-story__method-signature{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;background:#f1f2f6;padding:4px 8px;border-radius:4px;font-size:14px;color:#d63031;display:inline-block;margin-bottom:12px}.pz-dom-handler-story__demo-box{padding:32px;background:#f9f9f9;border-radius:16px;border:1px solid #eee;margin-top:16px}.pz-dom-handler-story__bg-sample{padding:24px;border-radius:8px;margin-top:12px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.pz-dom-handler-story__input-row{display:flex;gap:12px;margin-top:12px}.pz-dom-handler-story__input{flex:1;padding:10px 16px;border:1px solid #dfe6e9;border-radius:8px;font-size:14px;outline:none}.pz-dom-handler-story__input:focus{border-color:#0984e3}.pz-dom-handler-story__button{padding:10px 24px;background:#0984e3;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:background .2s}.pz-dom-handler-story__button:hover{background:#074b83}.pz-dom-handler-story__button--copied{background:#00b894}.pz-dom-handler-story__button--copied:hover{background:#008f72}.pz-dom-handler-story__code-block{background:#f1f2f6;color:#2d3436;padding:20px;border-radius:8px;font-size:13px;line-height:1.6;overflow-x:auto;margin-top:12px}

package/dist/app/assets/PzDomHandler.stories-DqW3Mfem.js

@@ -0,0 +1,170 @@
+import{i as r,E as m}from"./iframe-XnrfGA2g.js";import{P as y}from"./PzText-LfRr6NF7.js";import"./preload-helper-C1FmrZbK.js";const u=["rgba(0, 0, 0, 0)","transparent","initial","inherit","revert","revert-layer","unset"];class o{static async copyToClipboard(t){if(navigator.clipboard)try{await navigator.clipboard.writeText(t);return}catch{}const e=document.createElement("textarea");e.value=t,e.setAttribute("readonly",""),e.style.position="absolute",e.style.left="-9999px",document.body.appendChild(e),e.select(),document.execCommand("copy"),document.body.removeChild(e)}static getParentNearestBackground(t){if(!t||typeof window>"u")return"#fff";const e=window.getComputedStyle(t).backgroundColor;return u.includes(e)?o.getParentNearestBackground(t.parentElement):e}}const h=2e3,z=a=>`<script setup lang="ts">
+import { PzDomHandler } from "@prozorro/prozorro-ui";
+
+const handleCopy = async (): Promise<void> => {
+  await PzDomHandler.copyToClipboard("${a.copyText}");
+};
+<\/script>
+
+<template>
+  <button type="button" @click="handleCopy">Copy to clipboard</button>
+</template>`,g=[{name:"copyToClipboard",signature:"PzDomHandler.copyToClipboard(str: string): Promise<void>",description:"Copies a string to the system clipboard using the modern Clipboard API with a textarea fallback.",params:"`str`: The text string to be copied.",example:'await PzDomHandler.copyToClipboard("Tender-ID-2024-001");'},{name:"getParentNearestBackground",signature:"PzDomHandler.getParentNearestBackground(el?: HTMLElement): string",description:"Recursively finds the nearest parent with a non-transparent background color.",params:"`el`: Starting element (optional).",example:"const bgColor = PzDomHandler.getParentNearestBackground(elementRef.value);"}],T={title:"Utilities/PzDomHandler",component:o,parameters:{layout:"fullscreen",docs:{description:{component:"Utility class for common DOM operations like clipboard interaction and visual styling discovery."}}},argTypes:{copyText:{control:"text",description:"Text used in the clipboard demo."}}},s={args:{copyText:"CPV-001: Building construction work"},render:a=>({components:{pzText:y},setup(){const t=r(a.copyText),e=r(!1),d=r(null),n=r(""),p=async()=>{await o.copyToClipboard(t.value),e.value=!0,setTimeout(()=>{e.value=!1},h)};return m(()=>{d.value&&(n.value=o.getParentNearestBackground(d.value))}),{textToCopy:t,isCopied:e,handleCopy:p,bgSampleRef:d,detectedBg:n,methodDocs:g}},template:`
+      <div class="pz-dom-handler-story">
+        <header class="pz-dom-handler-story__header">
+          <pzText weight="bold" size="large" tag="h1" class="pz-dom-handler-story__title">PzDomHandler Utility</pzText>
+          <pzText color="secondary">
+            A utility class providing essential DOM interaction methods used across the Prozorro UI library.
+          </pzText>
+        </header>
+
+        <section class="pz-dom-handler-story__section">
+          <pzText weight="bold" size="medium" tag="h2" class="pz-dom-handler-story__title">Methods Reference</pzText>
+          <div class="pz-dom-handler-story__methods">
+            <article v-for="method in methodDocs" :key="method.name" class="pz-dom-handler-story__method-card">
+              <code class="pz-dom-handler-story__method-signature">{{ method.signature }}</code>
+              <pzText size="small" style="display: block; margin-bottom: 12px;">{{ method.description }}</pzText>
+              <pzText size="small" color="secondary" style="display: block; margin-bottom: 8px;">
+                <strong>Parameter:</strong> {{ method.params }}
+              </pzText>
+              <pre class="pz-dom-handler-story__code-block">{{ method.example }}</pre>
+            </article>
+          </div>
+        </section>
+
+        <section class="pz-dom-handler-story__section">
+          <pzText weight="bold" size="medium" tag="h2" class="pz-dom-handler-story__title">Copy to Clipboard Demo</pzText>
+          <pzText size="small" color="secondary">
+            Test the clipboard functionality by entering text below and clicking the copy button.
+          </pzText>
+          <div class="pz-dom-handler-story__demo-box">
+            <div class="pz-dom-handler-story__input-row">
+              <input v-model="textToCopy" type="text" class="pz-dom-handler-story__input" />
+              <button 
+                type="button" 
+                class="pz-dom-handler-story__button"
+                :class="{ 'pz-dom-handler-story__button--copied': isCopied }"
+                @click="handleCopy"
+              >
+                {{ isCopied ? 'Copied!' : 'Copy Text' }}
+              </button>
+            </div>
+          </div>
+        </section>
+
+        <section class="pz-dom-handler-story__section">
+          <pzText weight="bold" size="medium" tag="h2" class="pz-dom-handler-story__title">Background Detection Demo</pzText>
+          <pzText size="small" color="secondary">
+            The helper identifies the nearest opaque background, which is useful for components that need to contrast with their environment.
+          </pzText>
+          <div class="pz-dom-handler-story__demo-box" style="background: #6c5ce7; border-color: #a29bfe;">
+             <div style="background: transparent; padding: 20px;">
+                <div ref="bgSampleRef" class="pz-dom-handler-story__bg-sample" style="background: transparent; border: 2px dashed #fff;">
+                  Detected Ancestor BG: {{ detectedBg }}
+                </div>
+             </div>
+          </div>
+        </section>
+      </div>
+    `}),parameters:{docs:{source:{code:z({copyText:"CPV-001: Building construction work"})}}}};var i,l,c;s.parameters={...s.parameters,docs:{...(i=s.parameters)==null?void 0:i.docs,source:{originalSource:`{
+  args: {
+    copyText: "CPV-001: Building construction work"
+  },
+  render: args => ({
+    components: {
+      pzText: PzText
+    },
+    setup() {
+      const textToCopy = ref(args.copyText);
+      const isCopied = ref(false);
+      const bgSampleRef = ref<HTMLElement | null>(null);
+      const detectedBg = ref("");
+      const handleCopy = async (): Promise<void> => {
+        await PzDomHandler.copyToClipboard(textToCopy.value);
+        isCopied.value = true;
+        setTimeout(() => {
+          isCopied.value = false;
+        }, PZ_DOM_HANDLER_COPY_FEEDBACK_DURATION);
+      };
+      onMounted(() => {
+        if (bgSampleRef.value) {
+          detectedBg.value = PzDomHandler.getParentNearestBackground(bgSampleRef.value);
+        }
+      });
+      return {
+        textToCopy,
+        isCopied,
+        handleCopy,
+        bgSampleRef,
+        detectedBg,
+        methodDocs
+      };
+    },
+    template: \`
+      <div class="pz-dom-handler-story">
+        <header class="pz-dom-handler-story__header">
+          <pzText weight="bold" size="large" tag="h1" class="pz-dom-handler-story__title">PzDomHandler Utility</pzText>
+          <pzText color="secondary">
+            A utility class providing essential DOM interaction methods used across the Prozorro UI library.
+          </pzText>
+        </header>
+
+        <section class="pz-dom-handler-story__section">
+          <pzText weight="bold" size="medium" tag="h2" class="pz-dom-handler-story__title">Methods Reference</pzText>
+          <div class="pz-dom-handler-story__methods">
+            <article v-for="method in methodDocs" :key="method.name" class="pz-dom-handler-story__method-card">
+              <code class="pz-dom-handler-story__method-signature">{{ method.signature }}</code>
+              <pzText size="small" style="display: block; margin-bottom: 12px;">{{ method.description }}</pzText>
+              <pzText size="small" color="secondary" style="display: block; margin-bottom: 8px;">
+                <strong>Parameter:</strong> {{ method.params }}
+              </pzText>
+              <pre class="pz-dom-handler-story__code-block">{{ method.example }}</pre>
+            </article>
+          </div>
+        </section>
+
+        <section class="pz-dom-handler-story__section">
+          <pzText weight="bold" size="medium" tag="h2" class="pz-dom-handler-story__title">Copy to Clipboard Demo</pzText>
+          <pzText size="small" color="secondary">
+            Test the clipboard functionality by entering text below and clicking the copy button.
+          </pzText>
+          <div class="pz-dom-handler-story__demo-box">
+            <div class="pz-dom-handler-story__input-row">
+              <input v-model="textToCopy" type="text" class="pz-dom-handler-story__input" />
+              <button 
+                type="button" 
+                class="pz-dom-handler-story__button"
+                :class="{ 'pz-dom-handler-story__button--copied': isCopied }"
+                @click="handleCopy"
+              >
+                {{ isCopied ? 'Copied!' : 'Copy Text' }}
+              </button>
+            </div>
+          </div>
+        </section>
+
+        <section class="pz-dom-handler-story__section">
+          <pzText weight="bold" size="medium" tag="h2" class="pz-dom-handler-story__title">Background Detection Demo</pzText>
+          <pzText size="small" color="secondary">
+            The helper identifies the nearest opaque background, which is useful for components that need to contrast with their environment.
+          </pzText>
+          <div class="pz-dom-handler-story__demo-box" style="background: #6c5ce7; border-color: #a29bfe;">
+             <div style="background: transparent; padding: 20px;">
+                <div ref="bgSampleRef" class="pz-dom-handler-story__bg-sample" style="background: transparent; border: 2px dashed #fff;">
+                  Detected Ancestor BG: {{ detectedBg }}
+                </div>
+             </div>
+          </div>
+        </section>
+      </div>
+    \`
+  }),
+  parameters: {
+    docs: {
+      source: {
+        code: buildSource({
+          copyText: "CPV-001: Building construction work"
+        })
+      }
+    }
+  }
+}`,...(c=(l=s.parameters)==null?void 0:l.docs)==null?void 0:c.source}}};const v=["Documentation"];export{s as Documentation,v as __namedExportsOrder,T as default};

package/dist/app/assets/PzDropdown-BnwR1ooa.css

@@ -0,0 +1 @@
+.pz-dropdown-story{display:grid;gap:20px;max-width:760px}.pz-dropdown-story-header{display:flex;justify-content:space-between;gap:16px;align-items:start}.pz-dropdown-story-eyebrow,.pz-dropdown-story-chip{display:inline-flex;align-items:center;width:fit-content;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 90%,var(--pz-color-white));color:var(--pz-color-text-link-hover);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pz-dropdown-story-preview,.pz-dropdown-story-note{padding:24px;border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 72%,transparent);border-radius:24px;background:linear-gradient(180deg,var(--pz-color-white),color-mix(in srgb,var(--pz-color-grey-20) 84%,var(--pz-color-white)));box-shadow:0 18px 60px color-mix(in srgb,var(--pz-color-black-90) 8%,transparent)}.pz-dropdown-story-menu{display:grid;gap:4px;min-width:184px}.pz-dropdown-story-item{display:inline-flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-radius:6px;background:transparent;color:var(--pz-color-text-primary);text-align:left;cursor:pointer;transition:background-color .14s ease,color .14s ease}.pz-dropdown-story-item:hover,.pz-dropdown-story-item:focus-visible{background:var(--pz-color-blue-10);outline:none}.pz-dropdown-story-item-danger{color:var(--pz-color-button-danger)}.pz-dropdown-story-item-danger:hover,.pz-dropdown-story-item-danger:focus-visible{background:var(--pz-color-red-30)}.pz-dropdown-story-note{max-width:66ch}.pz-dropdown[data-v-a2315284]{display:inline-flex;vertical-align:top}