@prozorro/prozorro-ui 0.0.9-beta → 0.0.11-beta

package/dist/app/assets/{PzBtn-L_RpjK-U.css → PzBtn-DTsLZ9Cu.css}

@@ -1 +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}
+.pz-btn[data-v-b0376b3a]{--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-b0376b3a]:not(:disabled):hover,.pz-btn[data-v-b0376b3a]: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-b0376b3a]: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-b0376b3a]: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-b0376b3a]: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-b0376b3a]{--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-b0376b3a]{--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-b0376b3a]{--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-b0376b3a]{--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-b0376b3a]{--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-b0376b3a]{--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-b0376b3a]{--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-b0376b3a]{--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-b0376b3a]{--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-b0376b3a]{--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-b0376b3a]{--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-b0376b3a]{--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-b0376b3a],.pz-btn-suffix[data-v-b0376b3a]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.pz-btn-prefix[data-v-b0376b3a]:empty,.pz-btn-suffix[data-v-b0376b3a]:empty,.pz-btn-content[data-v-b0376b3a]:empty{display:none}.pz-btn-prefix[data-v-b0376b3a] .pz-icon,.pz-btn-suffix[data-v-b0376b3a] .pz-icon{--pz-icon-color: currentcolor}

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

@@ -0,0 +1 @@
+import{d as i,e as a,l as o,D as l,f as p,o as t}from"./iframe-DbWuH5mz.js";import{_ as u}from"./_plugin-vue_export-helper-DlAUqK2U.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-b0376b3a"]]);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/Actions/PzBtn/PzBtn.vue"]});export{z as P};

package/dist/app/assets/{PzBtn.stories-BRV1I_nf.js → PzBtn.stories-u2aA2xzz.js}

@@ -1,4 +1,4 @@
-import{_ as p}from"./PzIcon-Drlqf9PC.js";import{P as c}from"./PzText-Qtpayc5y.js";import{P as n}from"./PzBtn-B24JwTDl.js";import"./iframe-B7Bddli1.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>
+import{_ as p}from"./PzIcon-BNwLASSZ.js";import{P as c}from"./PzText-LkAZaPCW.js";import{P as n}from"./PzBtn-lJz7FmKO.js";import"./iframe-DbWuH5mz.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.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" />
@@ -81,4 +81,4 @@ ${o.join(`
           </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};
+    `})},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 P=["Playground"];export{a as Playground,P as __namedExportsOrder,u as default};

package/dist/app/assets/PzCheckbox-AjI7DN-X.css

@@ -0,0 +1 @@
+.pz-checkbox-story{display:grid;gap:var(--pz-space-24)}.pz-checkbox-story-board,.pz-checkbox-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) 7%,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) 92%,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-checkbox-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-checkbox-story-eyebrow{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-checkbox-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-checkbox-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pz-space-16)}.pz-checkbox-story-card{display:grid;gap:var(--pz-space-16);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-checkbox-story-note{color:var(--pz-color-text-secondary);font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}@media (width <= 768px){.pz-checkbox-story-grid{grid-template-columns:1fr}.pz-checkbox-story-header{flex-direction:column}}

package/dist/app/assets/PzCheckbox-BchdSe0N.css

@@ -0,0 +1 @@
+.pz-checkbox[data-v-17faa483]{--pz-checkbox-border-color: var(--pz-color-grey-60);--pz-checkbox-mark-color: var(--pz-color-white);--pz-checkbox-active-color: var(--pz-color-button-success);--pz-checkbox-label-color: var(--pz-color-text-primary);position:relative;display:inline-flex;align-items:flex-start;gap:var(--pz-space-12);max-width:100%;color:var(--pz-checkbox-label-color);cursor:pointer}.pz-checkbox-input[data-v-17faa483]{position:absolute;inline-size:1px;block-size:1px;margin:0;padding:0;border:0;opacity:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.pz-checkbox-control[data-v-17faa483]{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;inline-size:var(--pz-space-16);block-size:var(--pz-space-16);margin-top:2px;border:3px solid var(--pz-checkbox-border-color);border-radius:var(--pz-space-4);background:var(--pz-color-background-primary);color:transparent;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease}.pz-checkbox-input:focus-visible+.pz-checkbox-control[data-v-17faa483]{box-shadow:0 0 0 3px color-mix(in srgb,var(--pz-color-button-primary) 20%,transparent)}.pz-checkbox-input:checked+.pz-checkbox-control[data-v-17faa483]{border-color:var(--pz-checkbox-active-color);background:var(--pz-checkbox-active-color);color:var(--pz-checkbox-mark-color)}.pz-checkbox-icon[data-v-17faa483]{inline-size:12px;block-size:12px}.pz-checkbox-label[data-v-17faa483]{min-width:0;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-checkbox.switch .pz-checkbox-control[data-v-17faa483]{inline-size:40px;block-size:23px;margin-top:0;border-radius:999px;border-color:var(--pz-checkbox-active-color);background:var(--pz-color-background-primary);color:transparent}.pz-checkbox-thumb[data-v-17faa483]{position:absolute;inset-block-start:2px;inset-inline-start:2px;inline-size:14px;block-size:14px;border-radius:50%;background:var(--pz-checkbox-active-color);transition:transform .16s ease}.pz-checkbox.switch .pz-checkbox-input:checked+.pz-checkbox-control[data-v-17faa483]{background:var(--pz-color-background-primary);color:transparent}.pz-checkbox.switch .pz-checkbox-input:checked+.pz-checkbox-control .pz-checkbox-thumb[data-v-17faa483]{transform:translate(16px)}.pz-checkbox.disabled[data-v-17faa483]{--pz-checkbox-border-color: var(--pz-color-grey-40);--pz-checkbox-active-color: var(--pz-color-button-disabled);--pz-checkbox-label-color: var(--pz-color-text-secondary);cursor:not-allowed}.pz-checkbox.disabled .pz-checkbox-control[data-v-17faa483]{background:color-mix(in srgb,var(--pz-color-grey-20) 75%,var(--pz-color-white))}.pz-checkbox.disabled .pz-checkbox-input:focus-visible+.pz-checkbox-control[data-v-17faa483]{box-shadow:none}

package/dist/app/assets/PzCheckbox-xcF_sDjQ.js

@@ -0,0 +1 @@
+import{d as m,e as n,k as a,l as f,f as b,g as p,o,E as h,t as k}from"./iframe-DbWuH5mz.js";import{_ as v}from"./_plugin-vue_export-helper-DlAUqK2U.js";const x=["id","name","checked","disabled","value"],z={class:"pz-checkbox-control","aria-hidden":"true"},y={key:0,class:"pz-checkbox-icon",viewBox:"0 0 16 16",fill:"none"},V={key:1,class:"pz-checkbox-thumb"},g={class:"pz-checkbox-label"},l=m({name:"PzCheckbox",__name:"PzCheckbox",props:{name:{},label:{},id:{default:void 0},modelValue:{type:Boolean,default:!1},value:{type:[String,Number,Boolean],default:void 0},variant:{default:"checkbox"},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:c}){const s=e,u=c,i=p(()=>s.value===void 0?void 0:String(s.value)),r=({target:{checked:t}})=>u("update:modelValue",t);return(t,d)=>(o(),n("label",{class:b(["pz-checkbox",[{disabled:e.disabled},e.variant]])},[a("input",{id:e.id??e.name,name:e.name,checked:e.modelValue,disabled:e.disabled,value:i.value,type:"checkbox",class:"pz-checkbox-input",onChange:r},null,40,x),a("span",z,[e.variant==="checkbox"?(o(),n("svg",y,[...d[0]||(d[0]=[a("path",{d:"M4 8.25L6.75 11L12 5.75",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)])])):(o(),n("span",V))]),a("span",g,[f(t.$slots,"default",{},()=>[h(k(e.label),1)],!0)])],2))}}),q=v(l,[["__scopeId","data-v-17faa483"]]);l.__docgenInfo=Object.assign({displayName:l.name??l.__name},{name:"PzCheckbox",exportName:"default",displayName:"PzCheckbox",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"label",required:!0,type:{name:"string"}},{name:"id",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"modelValue",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"value",required:!1,type:{name:"PzFormCheckboxValue"},defaultValue:{func:!1,value:"undefined"}},{name:"variant",required:!1,type:{name:"PzFormCheckboxVariant"},defaultValue:{func:!1,value:'"checkbox"'}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],slots:[{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzCheckbox/PzCheckbox.vue"]});export{q as P};

package/dist/app/assets/PzCheckbox.stories-DeiqBONq.js

@@ -0,0 +1,62 @@
+import{r as n,w as l}from"./iframe-DbWuH5mz.js";import{P as p}from"./PzText-LkAZaPCW.js";import{p as d}from"./configs-CZIaFchr.js";import{P as a}from"./PzCheckbox-xcF_sDjQ.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const h=e=>`<template>
+  <PzCheckbox ${[e.variant!=="checkbox"?`variant="${e.variant}"`:null,e.id?`id="${e.id}"`:null,e.name?`name="${e.name}"`:null,e.disabled?':disabled="true"':null,e.modelValue?':model-value="true"':null].filter(c=>!!c).join(" ")}>
+    Text checkbox
+  </PzCheckbox>
+</template>`,b={title:"Components/Form/PzCheckbox",component:a,parameters:{docs:{description:{component:"Use `PzCheckbox` for single boolean choices. The component supports the standard checkbox presentation and the preserved `switch` variant while keeping the label API slot-based and lightweight."},source:{transform:(e,o)=>h(o.args??b.args)}}},args:{modelValue:!0,id:"pz-checkbox-story",name:"checkbox-story",variant:"checkbox",disabled:!1,label:"Text checkbox"},argTypes:{variant:{control:"inline-radio",options:d,description:"Selects the control presentation."},modelValue:{control:"boolean",description:"Checked state of the control."},disabled:{control:"boolean",description:"Disables the native checkbox and applies muted styling."},id:{control:"text",description:"Optional `id` for the native input."},name:{control:"text",description:"Optional `name` for the native input."},value:{control:"text",description:"Optional primitive input value, mainly useful in grouped or native form scenarios."},label:{control:"text",description:"Fallback text label when the default slot is not used.",table:{category:"Slots"}}},render:e=>({components:{pzCheckbox:a,pzText:p},setup(){const o=n(e.modelValue??!1);return l(()=>e.modelValue,c=>{o.value=c??!1}),{args:e,checked:o}},template:`
+      <div class="pz-checkbox-story">
+        <section class="pz-checkbox-story-board">
+          <div class="pz-checkbox-story-header">
+            <div>
+              <span class="pz-checkbox-story-eyebrow">Component API</span>
+              <pz-text variant="h4-bold">Single boolean control</pz-text>
+            </div>
+          </div>
+
+          <div class="pz-checkbox-story-preview">
+            <pz-checkbox
+              v-model="checked"
+              :id="args.id"
+              :name="args.name"
+              :value="args.value"
+              :variant="args.variant"
+              :disabled="args.disabled"
+            >
+              {{ args.label }}
+            </pz-checkbox>
+          </div>
+        </section>
+
+        <section class="pz-checkbox-story-gallery">
+          <div class="pz-checkbox-story-header">
+            <div>
+              <span class="pz-checkbox-story-eyebrow">States</span>
+              <pz-text variant="h4-bold">Checkbox and switch share the same API</pz-text>
+            </div>
+          </div>
+
+          <div class="pz-checkbox-story-grid">
+            <article class="pz-checkbox-story-card">
+              <pz-checkbox>Text checkbox</pz-checkbox>
+              <pz-checkbox :model-value="true">Text checkbox</pz-checkbox>
+              <pz-checkbox disabled>Disabled checkbox</pz-checkbox>
+              <span class="pz-checkbox-story-note">Базовий ряд показує unchecked, checked і disabled стани стандартного чекбокса.</span>
+            </article>
+
+            <article class="pz-checkbox-story-card">
+              <pz-checkbox variant="switch">Увімкнути сповіщення</pz-checkbox>
+              <pz-checkbox variant="switch" :model-value="true">Увімкнути сповіщення</pz-checkbox>
+              <pz-checkbox variant="switch" disabled>Disabled switch</pz-checkbox>
+              <span class="pz-checkbox-story-note">Ті самі стани, але у switch-представленні з ідентичним API.</span>
+            </article>
+          </div>
+        </section>
+      </div>
+    `})},t={parameters:{docs:{description:{story:"Інтерактивний приклад для перевірки основних props чекбокса. Нижче в gallery показані типові стани для checkbox і switch."}}}};var s,r,i;t.parameters={...t.parameters,docs:{...(s=t.parameters)==null?void 0:s.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "Інтерактивний приклад для перевірки основних props чекбокса. Нижче в gallery показані типові стани для checkbox і switch."
+      }
+    }
+  }
+}`,...(i=(r=t.parameters)==null?void 0:r.docs)==null?void 0:i.source}}};const y=["Playground"];export{t as Playground,y as __namedExportsOrder,b as default};

package/dist/app/assets/PzCheckboxGroup-BbrrL6mA.css

@@ -0,0 +1 @@
+.pz-checkbox-group-story{display:grid;gap:var(--pz-space-24)}.pz-checkbox-group-story-board,.pz-checkbox-group-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) 7%,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) 92%,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-checkbox-group-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-checkbox-group-story-eyebrow{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-checkbox-group-story-preview{display:grid;place-items:center;min-height:240px;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-checkbox-group-story-field{width:min(100%,640px)}.pz-checkbox-group-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--pz-space-16)}.pz-checkbox-group-story-card{display:grid;gap:var(--pz-space-16);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-checkbox-group-story-meta{color:var(--pz-color-text-secondary)}.pz-checkbox-group-story-note{color:var(--pz-color-text-secondary);font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}@media (width <= 960px){.pz-checkbox-group-story-grid{grid-template-columns:1fr}.pz-checkbox-group-story-header{flex-direction:column}}.pz-checkbox-group[data-v-7ed24052]{display:grid;gap:var(--pz-space-8)}

package/dist/app/assets/PzCheckboxGroup.stories-Dc1lNYrg.js

@@ -0,0 +1,115 @@
+import{d as P,e as b,F as V,z as C,o as d,A as w,C as G,l as T,E as _,t as S,J as O,u as F,r as m,w as L}from"./iframe-DbWuH5mz.js";import{P as A}from"./PzLabel-Coa549nk.js";import{P as $}from"./PzText-LkAZaPCW.js";import{p as q}from"./configs-CZIaFchr.js";import{P as B}from"./PzCheckbox-xcF_sDjQ.js";import{_ as I}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const N=["aria-disabled"],p=P({name:"PzCheckboxGroup",__name:"PzCheckboxGroup",props:{name:{},options:{default:()=>[]},modelValue:{default:()=>[]},disabled:{type:Boolean,default:!1},variant:{default:"checkbox"}},emits:["update:modelValue"],setup(a,{emit:l}){const o=a,i=l,u=e=>o.modelValue.includes(e),z=(e,s)=>{const t=s?[...o.modelValue,e]:o.modelValue.filter(r=>r!==e);i("update:modelValue",t)},f=(e,s)=>e.id??`${o.name??"pz-checkbox-group"}-${String(s+1)}`,c=(e,s)=>({option:e,value:e.value,checked:u(e.value),disabled:!!(o.disabled||e.disabled),id:f(e,s),name:o.name});return(e,s)=>(d(),b("div",{class:"pz-checkbox-group","aria-disabled":a.disabled,role:"group"},[(d(!0),b(V,null,C(a.options,(t,r)=>(d(),w(F(B),{id:c(t,r).id,key:c(t,r).id,name:o.name,value:t.value,variant:o.variant,label:t.label,disabled:c(t,r).disabled,"model-value":u(t.value),"onUpdate:modelValue":y=>z(t.value,y)},{default:G(()=>[T(e.$slots,"default",O({ref_for:!0},c(t,r)),()=>[_(S(t.label),1)],!0)]),_:2},1032,["id","name","value","variant","label","disabled","model-value","onUpdate:modelValue"]))),128))],8,N))}}),h=I(p,[["__scopeId","data-v-7ed24052"]]);p.__docgenInfo=Object.assign({displayName:p.name??p.__name},{name:"PzCheckboxGroup",exportName:"default",displayName:"PzCheckboxGroup",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"options",required:!0,type:{name:"Array",elements:[{name:"PzFormCheckboxOption"}]},defaultValue:{func:!1,value:"() => []"}},{name:"modelValue",required:!0,type:{name:"Array",elements:[{name:"PzFormCheckboxValue"}]},defaultValue:{func:!1,value:"() => []"}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"variant",required:!1,type:{name:"PzFormCheckboxVariant"},defaultValue:{func:!1,value:'"checkbox"'}}],slots:[{name:"default",scoped:!0,bindings:[]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzCheckboxGroup/PzCheckboxGroup.vue"]});const x=[{label:"Text checkbox",value:"one"},{label:"Text checkbox",value:"two"},{label:"Text checkbox",value:"three"},{label:"Text checkbox",value:"four"}],U=[{label:"Text checkbox",value:"alpha"},{label:"Text checkbox Text checkbox Text checkbox Text checkbox",value:"beta"},{label:"Text checkbox",value:"gamma"},{label:"Text checkbox",value:"delta"}],E=a=>{const l=a.variant!=="checkbox"?` variant="${a.variant}"`:"",o=a.disabled?' :disabled="true"':"";return`<template>
+  <PzLabel label="${a.heading}">
+    <PzCheckboxGroup
+      v-model="selectedValues"
+      :options="options"${l}${o}
+    >
+      <template #default="{ option, checked }">
+        {{ option.label }}{{ checked ? " (selected)" : "" }}
+      </template>
+    </PzCheckboxGroup>
+  </PzLabel>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+
+const options = [
+  { label: "Text checkbox", value: "one" },
+  { label: "Text checkbox", value: "two" },
+  { label: "Text checkbox", value: "three" },
+];
+
+const selectedValues = ref(["two"]);
+<\/script>`},j={title:"Components/Form/PzCheckboxGroup",component:h,parameters:{docs:{description:{component:"Use `PzCheckboxGroup` for multi-select lists backed by an array of primitive `value`s. The group composes `PzCheckbox`, keeps the preserved `switch` variant, and expects semantic `options` instead of the older `config` or `slug` prototype naming."},source:{transform:(a,l)=>E(l.args??j.args)}}},args:{heading:"Назва поля",modelValue:["two"],options:x,name:"checkbox-group-story",variant:"checkbox",disabled:!1},argTypes:{variant:{control:"inline-radio",options:q,description:"Applies the same checkbox or switch presentation to every item in the group."},disabled:{control:"boolean",description:"Disables every option in the group."},name:{control:"text",description:"Optional shared native input name."},heading:{control:"text",description:"Story-only label shown through `PzLabel` in the usage example.",table:{category:"Story"}},options:{control:!1,description:"Array of checkbox options with `label`, `value`, and optional `disabled`/`id`."},modelValue:{control:!1,description:"Selected option values."}},render:a=>({components:{pzCheckboxGroup:h,pzLabel:A,pzText:$},setup(){const l=m([...a.modelValue??[]]),o=m(["two"]);return L(()=>a.modelValue,i=>{l.value=[...i??[]]}),{args:a,checkboxOptions:x,longLabelOptions:U,selectedValues:l,slotSelectedValues:o}},template:`
+      <div class="pz-checkbox-group-story">
+        <section class="pz-checkbox-group-story-board">
+          <div class="pz-checkbox-group-story-header">
+            <div>
+              <span class="pz-checkbox-group-story-eyebrow">Usage</span>
+              <pz-text variant="h4-bold">Labeled multi-select group</pz-text>
+            </div>
+          </div>
+
+          <div class="pz-checkbox-group-story-preview">
+            <div class="pz-checkbox-group-story-field">
+              <pz-label :label="args.heading">
+                <pz-checkbox-group
+                  v-model="selectedValues"
+                  :options="args.options"
+                  :name="args.name"
+                  :variant="args.variant"
+                  :disabled="args.disabled"
+                />
+              </pz-label>
+            </div>
+          </div>
+        </section>
+
+        <section class="pz-checkbox-group-story-gallery">
+          <div class="pz-checkbox-group-story-header">
+            <div>
+              <span class="pz-checkbox-group-story-eyebrow">Patterns</span>
+              <pz-text variant="h4-bold">Spacing and long labels stay consistent</pz-text>
+            </div>
+          </div>
+
+          <div class="pz-checkbox-group-story-grid">
+            <article class="pz-checkbox-group-story-card">
+              <pz-checkbox-group
+                name="checkboxGroup-1"
+                :model-value="['two']"
+                :options="checkboxOptions"
+              />
+              <span class="pz-checkbox-group-story-note">Базовий multi-select список із чотирьох опцій і одним активним значенням.</span>
+            </article>
+
+            <article class="pz-checkbox-group-story-card">
+              <pz-checkbox-group
+                name="checkboxGroup-2"
+                :model-value="['beta']"
+                :options="longLabelOptions"
+              />
+              <span class="pz-checkbox-group-story-note">Перевіряє перенесення довгого label без зламу сітки та відступів.</span>
+            </article>
+
+            <article class="pz-checkbox-group-story-card">
+              <pz-checkbox-group
+                name="checkboxGroup-3"
+                v-model="slotSelectedValues"
+                :options="checkboxOptions"
+              >
+                <template #default="{ option, checked, value }">
+                  <span>
+                    {{ option.label }}
+                    <span class="pz-checkbox-group-story-meta">({{ value }}, {{ checked ? "checked" : "idle" }})</span>
+                  </span>
+                </template>
+              </pz-checkbox-group>
+              <span class="pz-checkbox-group-story-note">Демонструє slot API: у прикладі видно поточне value і реактивний checked стан кожної опції.</span>
+            </article>
+
+            <article class="pz-checkbox-group-story-card">
+              <pz-checkbox-group
+                name="checkboxGroup-4"
+                variant="switch"
+                :model-value="[true]"
+                :options="[
+                  { label: 'Обрати всі значення характеристики', value: false },
+                  { label: 'Обрати всі значення характеристики', value: true },
+                ]"
+              />
+              <span class="pz-checkbox-group-story-note">Показує, що група підтримує switch-варіант і може працювати з boolean values.</span>
+            </article>
+          </div>
+        </section>
+      </div>
+    `})},n={parameters:{docs:{description:{story:"Інтерактивний приклад групи чекбоксів із label wrapper. Gallery нижче пояснює базовий список, довгі тексти, slot customization і switch-режим."}}}};var k,v,g;n.parameters={...n.parameters,docs:{...(k=n.parameters)==null?void 0:k.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "Інтерактивний приклад групи чекбоксів із label wrapper. Gallery нижче пояснює базовий список, довгі тексти, slot customization і switch-режим."
+      }
+    }
+  }
+}`,...(g=(v=n.parameters)==null?void 0:v.docs)==null?void 0:g.source}}};const R=["Playground"];export{n as Playground,R as __namedExportsOrder,j as default};

package/dist/app/assets/PzClamp-0zNrPrFL.css

@@ -0,0 +1 @@
+.pz-clamp[data-v-47cf5a9e]{font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-clamp__btn[data-v-47cf5a9e]{--pz-btn-padding-block: 0;--pz-btn-padding-inline: 0;margin-left:var(--pz-space-4)}

package/dist/app/assets/PzClamp.stories-ChyM4wQP.js

@@ -0,0 +1 @@
+import{d as f,A as i,C as s,u as l,o as r,L as y,E as _,t as g,D as C}from"./iframe-DbWuH5mz.js";import{y as P}from"./text-clamp.esm-BLa2P3lJ.js";import{P as b}from"./PzBtn-lJz7FmKO.js";import{_ as v}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const a=f({name:"PzClamp",__name:"PzClamp",props:{text:{},maxContentLines:{default:3},clampPostfix:{default:"... "},collapseText:{default:"collapse"},yetText:{default:"yet"}},setup(o){const e=o;return(T,q)=>(r(),i(l(P),{"auto-resize":"",text:e.text,"max-lines":e.maxContentLines,ellipsis:e.clampPostfix,class:"pz-clamp"},{after:s(({toggle:d,expanded:n,clamped:x})=>[x||n?(r(),i(l(b),{key:0,variant:"transparent",type:"button",class:"pz-clamp__btn",onClick:y(d,["stop"])},{default:s(()=>[_(g(n?e.collapseText:e.yetText),1)]),_:2},1032,["onClick"])):C("",!0)]),_:1},8,["text","max-lines","ellipsis"]))}}),m=v(a,[["__scopeId","data-v-47cf5a9e"]]);a.__docgenInfo=Object.assign({displayName:a.name??a.__name},{name:"PzClamp",exportName:"default",displayName:"PzClamp",description:"",tags:{},props:[{name:"text",required:!0,type:{name:"string"}},{name:"maxContentLines",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"3"}},{name:"clampPostfix",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"... "'}},{name:"collapseText",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"collapse"'}},{name:"yetText",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"yet"'}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzClamp/PzClamp.vue"]});const z="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.",w={title:"Components/Display/PzClamp",component:m,args:{text:z,maxContentLines:3,clampPostfix:"... ",collapseText:"collapse",yetText:"yet"},argTypes:{text:{control:"text",description:"Text content to display and clamp."},maxContentLines:{control:"number",description:"Maximum lines shown before clamping."},clampPostfix:{control:"text",description:"Ellipsis suffix at the clamp point."},collapseText:{control:"text",description:"Button label when content is expanded."},yetText:{control:"text",description:"Button label when content is clamped."}},render:o=>({components:{pzClamp:m},setup(){return{args:o}},template:'<pz-clamp v-bind="args" />'})},t={};var p,u,c;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:"{}",...(c=(u=t.parameters)==null?void 0:u.docs)==null?void 0:c.source}}};const B=["Playground"];export{t as Playground,B as __namedExportsOrder,w as default};

package/dist/app/assets/PzCopyToClipboard-DYvP-lFq.css

@@ -0,0 +1 @@
+.pz-copy-to-clipboard-story{display:grid;gap:var(--pz-space-20);max-width:560px;color:var(--pz-color-text-primary)}.pz-copy-to-clipboard-story-header,.pz-copy-to-clipboard-story-row{display:flex;align-items:center;justify-content:space-between;gap:var(--pz-space-16)}.pz-copy-to-clipboard-story-eyebrow{display:block;margin-bottom:var(--pz-space-4);color:var(--pz-color-text-secondary);text-transform:uppercase;font-size:var(--pz-font-size-12);font-weight:600;line-height:1.5}.pz-copy-to-clipboard-story-chip{padding:var(--pz-space-4) var(--pz-space-8);border:1px solid var(--pz-color-blue-30);border-radius:var(--pz-space-4);background:var(--pz-color-blue-10);color:var(--pz-color-text-link);font-size:var(--pz-font-size-12);font-weight:600;line-height:1.5}.pz-copy-to-clipboard-story-preview,.pz-copy-to-clipboard-story-examples{padding:var(--pz-space-20);border:1px solid var(--pz-color-grey-30);border-radius:var(--pz-space-8);background:var(--pz-color-background-primary)}.pz-copy-to-clipboard-story-examples{display:grid;gap:var(--pz-space-16)}.pz-copy-to-clipboard-story-row{padding-bottom:var(--pz-space-16);border-bottom:1px solid var(--pz-color-grey-30)}.pz-copy-to-clipboard-story-row:last-child{padding-bottom:0;border-bottom:0}.pz-copy-to-clipboard[data-v-b6d0efa4]{display:inline-flex;vertical-align:middle}.pz-copy-to-clipboard-button[data-v-b6d0efa4]{display:inline-flex;align-items:center;gap:var(--pz-space-4);max-width:100%;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left;font:inherit;transition:color .16s ease,box-shadow .16s ease}.pz-copy-to-clipboard-button[data-v-b6d0efa4]:hover,.pz-copy-to-clipboard-button[data-v-b6d0efa4]:focus-visible{color:var(--pz-color-text-link-hover)}.pz-copy-to-clipboard-button[data-v-b6d0efa4]:focus-visible{outline:2px solid var(--pz-color-blue-50);outline-offset:2px;border-radius:var(--pz-space-4)}.pz-copy-to-clipboard-content[data-v-b6d0efa4]{min-width:0}.pz-copy-to-clipboard-icon[data-v-b6d0efa4]{flex:0 0 auto}.pz-copy-to-clipboard--icon .pz-copy-to-clipboard-button[data-v-b6d0efa4]{justify-content:center;width:24px;height:24px;color:var(--pz-color-icon-primary)}.pz-copy-to-clipboard--icon .pz-copy-to-clipboard-content[data-v-b6d0efa4]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

package/dist/app/assets/PzCopyToClipboard.stories-BvTs8-Qo.js

@@ -0,0 +1,45 @@
+import{P}from"./PzText-LkAZaPCW.js";import{d as w,a0 as V,e as d,Y as k,u as A,f as u,k as I,l as q,A as S,D as _,r as B,o as i,E as N,t as O}from"./iframe-DbWuH5mz.js";import{O as U}from"./floating-vue-B4YMiR3n.js";import"./floating-vue-BXOYXd0R.js";import{P as D}from"./PzDomHandler-BU7iMNnt.js";import{_ as E}from"./PzIcon-BNwLASSZ.js";import{_ as $}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const j=["aria-label"],F={class:"pz-copy-to-clipboard-content"},r=w({name:"PzCopyToClipboard",__name:"PzCopyToClipboard",props:{content:{},popupText:{default:"Скопійовано"},label:{default:"Скопіювати в буфер обміну"},timeout:{default:1e3},placement:{default:"top"},variant:{default:"text"},buttonClass:{default:""},showIcon:{type:Boolean,default:!0},stopPropagation:{type:Boolean,default:!0}},emits:["copied","error"],setup(e,{emit:x}){const t=e,s=B(!1);let o;const l=x,C=()=>{s.value=!1,o=void 0},h=()=>{o&&clearTimeout(o),s.value=!0,o=setTimeout(C,t.timeout)},T=async p=>{t.stopPropagation&&p.stopPropagation();try{await D.copyToClipboard(t.content),h(),l("copied",t.content)}catch(c){l("error",c)}};return V(()=>{o&&clearTimeout(o)}),(p,c)=>(i(),d("span",{class:u(["pz-copy-to-clipboard",`pz-copy-to-clipboard--${e.variant}`])},[k((i(),d("button",{type:"button",class:u(["pz-copy-to-clipboard-button",e.buttonClass]),"aria-label":e.label,onClick:T},[I("span",F,[q(p.$slots,"default",{},()=>[N(O(e.content),1)],!0)]),e.showIcon||e.variant==="icon"?(i(),S(E,{key:0,class:"pz-copy-to-clipboard-icon",name:"content_copy",size:"16"})):_("",!0)],10,j)),[[A(U),{shown:s.value,content:e.popupText,placement:e.placement,theme:"dark-tooltip",triggers:[]}]])],2))}}),m=$(r,[["__scopeId","data-v-b6d0efa4"]]);r.__docgenInfo=Object.assign({displayName:r.name??r.__name},{name:"PzCopyToClipboard",exportName:"default",displayName:"PzCopyToClipboard",description:"",tags:{},props:[{name:"content",required:!0,type:{name:"string"}},{name:"popupText",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"Скопійовано"'}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"Скопіювати в буфер обміну"'}},{name:"timeout",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"1000"}},{name:"placement",required:!1,type:{name:"Placement"},defaultValue:{func:!1,value:'"top"'}},{name:"variant",required:!1,type:{name:"PzCopyToClipboardVariant"},defaultValue:{func:!1,value:'"text"'}},{name:"buttonClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"showIcon",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"stopPropagation",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}}],events:[{name:"copied",type:{names:["string"]}},{name:"error",type:{names:["unknown"]}}],slots:[{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Actions/PzCopyToClipboard/PzCopyToClipboard.vue"]});const Q={title:"Components/Actions/PzCopyToClipboard",component:m,args:{content:"UA-2026-05-07-000001-a",text:"UA-2026-05-07-000001-a",popupText:"Скопійовано",label:"Скопіювати ідентифікатор",timeout:1e3,placement:"top",variant:"text",buttonClass:"",showIcon:!0,stopPropagation:!0},argTypes:{content:{control:"text",description:"Value copied to the clipboard."},text:{control:"text",description:"Slot text shown in the preview.",table:{category:"Slots"}},popupText:{control:"text",description:"Tooltip text shown after a successful copy."},label:{control:"text",description:"Accessible button label."},timeout:{control:"number",description:"Tooltip visibility duration in milliseconds."},placement:{control:"select",options:["top","top-start","bottom","bottom-start"],description:"Tooltip placement relative to the trigger."},variant:{control:"inline-radio",options:["text","icon"],description:"Visual trigger treatment."},buttonClass:{control:"text",description:"Additional class applied to the native button."},showIcon:{control:"boolean",description:"Shows the copy icon next to text variants."},stopPropagation:{control:"boolean",description:"Stops click propagation before copying."}},render:e=>({components:{pzCopyToClipboard:m,pzText:P},setup(){return{args:e}},template:`
+      <section class="pz-copy-to-clipboard-story">
+        <div class="pz-copy-to-clipboard-story-header">
+          <div>
+            <span class="pz-copy-to-clipboard-story-eyebrow">Component API</span>
+            <pz-text variant="h4-bold">Copy trigger</pz-text>
+          </div>
+          <span class="pz-copy-to-clipboard-story-chip">{{ args.variant }}</span>
+        </div>
+
+        <div class="pz-copy-to-clipboard-story-preview">
+          <pz-copy-to-clipboard v-bind="args">
+            {{ args.text }}
+          </pz-copy-to-clipboard>
+        </div>
+
+        <div class="pz-copy-to-clipboard-story-examples">
+          <div class="pz-copy-to-clipboard-story-row">
+            <span>UA-2026-05-07-000001-a</span>
+            <pz-copy-to-clipboard
+              content="UA-2026-05-07-000001-a"
+              label="Скопіювати ідентифікатор закупівлі"
+              popup-text="Код скопійовано"
+              variant="icon"
+            />
+          </div>
+
+          <div class="pz-copy-to-clipboard-story-row">
+            <pz-copy-to-clipboard
+              content="prozorro@example.gov.ua"
+              popup-text="Email скопійовано"
+              label="Скопіювати email"
+              :show-icon="false"
+            >
+              prozorro@example.gov.ua
+            </pz-copy-to-clipboard>
+          </div>
+        </div>
+      </section>
+    `})},a={},n={args:{variant:"icon",text:"Copy"}};var y,b,f;a.parameters={...a.parameters,docs:{...(y=a.parameters)==null?void 0:y.docs,source:{originalSource:"{}",...(f=(b=a.parameters)==null?void 0:b.docs)==null?void 0:f.source}}};var v,g,z;n.parameters={...n.parameters,docs:{...(v=n.parameters)==null?void 0:v.docs,source:{originalSource:`{
+  args: {
+    variant: "icon",
+    text: "Copy"
+  }
+}`,...(z=(g=n.parameters)==null?void 0:g.docs)==null?void 0:z.source}}};const R=["Playground","IconOnly"];export{n as IconOnly,a as Playground,R as __namedExportsOrder,Q as default};

package/dist/app/assets/PzDate-DzxkQx_5.css

@@ -0,0 +1 @@
+.pz-date[data-v-da5ede55]{display:inline-flex;align-items:center;color:var(--pz-color-text-primary);font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-date__separator[data-v-da5ede55]{width:5px;height:5px;border-radius:50%;margin-inline:var(--pz-space-8);background-color:var(--pz-color-blue-50)}

package/dist/app/assets/PzDate.stories-CbNYXli-.js

@@ -0,0 +1,116 @@
+import{d as _,e as i,t as f,D as u,F as M,k as g,g as s,o as r}from"./iframe-DbWuH5mz.js";import{_ as T}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const w=["datetime"],H={key:0,class:"pz-date__date"},P={class:"pz-date__time"},d=2,o=_({name:"PzDate",__name:"PzDate",props:{date:{},format:{default:"DD MM YYYY HH:mm"}},setup(Y){const t=Y,l=s(()=>{if(!t.date)return null;const e=new Date(t.date.replace(" ","T"));return isNaN(e.getTime())?null:e}),p=s(()=>{const e=l.value;return e?t.format==="YYYY"?new Intl.DateTimeFormat("uk-UA",{year:"numeric"}).format(e):t.format==="MM YYYY"?new Intl.DateTimeFormat("uk-UA",{month:"long",year:"numeric"}).format(e):new Intl.DateTimeFormat("uk-UA",{day:"numeric",month:"long",year:"numeric"}).format(e):""}),m=s(()=>{const e=l.value;if(!e||t.format!=="DD MM YYYY HH:mm"&&t.format!=="DD MM YYYY HH:mm:ss")return"";const a=String(e.getHours()).padStart(d,"0"),c=String(e.getMinutes()).padStart(d,"0");if(t.format==="DD MM YYYY HH:mm:ss"){const z=String(e.getSeconds()).padStart(d,"0");return`${a}:${c}:${z}`}return`${a}:${c}`});return(e,a)=>(r(),i("time",{class:"pz-date",datetime:t.date},[p.value?(r(),i("span",H,f(p.value),1)):u("",!0),m.value?(r(),i(M,{key:1},[a[0]||(a[0]=g("i",{class:"pz-date__separator","aria-hidden":"true"},null,-1)),g("span",P,f(m.value),1)],64)):u("",!0)],8,w))}}),D=T(o,[["__scopeId","data-v-da5ede55"]]);o.__docgenInfo=Object.assign({displayName:o.name??o.__name},{name:"PzDate",exportName:"default",displayName:"PzDate",description:"",tags:{},props:[{name:"date",required:!0,type:{name:"string"}},{name:"format",required:!1,type:{name:"PzDateFormat"},defaultValue:{func:!1,value:'"DD MM YYYY HH:mm"'}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzDate/PzDate.vue"]});const h="2026-05-06T15:37:37.682718+03:00",k=["YYYY","MM YYYY","DD MM YYYY","DD MM YYYY HH:mm","DD MM YYYY HH:mm:ss"],S=["2026-01-15T10:00:00+02:00","2026-02-15T10:00:00+02:00","2026-03-15T10:00:00+02:00","2026-04-15T10:00:00+03:00","2026-05-15T10:00:00+03:00","2026-06-15T10:00:00+03:00","2026-07-15T10:00:00+03:00","2026-08-15T10:00:00+03:00","2026-09-15T10:00:00+03:00","2026-10-15T10:00:00+03:00","2026-11-15T10:00:00+02:00","2026-12-15T10:00:00+02:00"],N={title:"Components/Display/PzDate",component:D,parameters:{docs:{description:{component:"Renders an ISO 8601 datetime string as a localised Ukrainian date and time. Default output format: `6 травня 2026 • 15:37`. Uses `Intl.DateTimeFormat` with the `uk-UA` locale for correct genitive month names. When the format includes a time portion the date and time render as two visual blocks separated by a coloured dot."}}},args:{date:h}},n={parameters:{docs:{description:{story:"Every supported usage of `PzDate` rendered on one page: each format variant against the same source datetime, plus a gallery of all 12 Ukrainian genitive month names."}}},render:()=>({components:{pzDate:D},setup(){return{sampleDate:h,formats:k,monthDates:S}},template:`
+      <div style="display: flex; flex-direction: column; gap: 32px; font-family: inherit;">
+        <section>
+          <h3 style="margin: 0 0 12px; font-size: 14px; font-weight: 600; color: #242638;">Format variants</h3>
+          <p style="margin: 0 0 16px; font-size: 12px; color: #666;">
+            Same datetime ({{ sampleDate }}) rendered with each available <code>format</code> value.
+          </p>
+          <div style="display: flex; flex-direction: column; gap: 8px;">
+            <div
+              v-for="f in formats"
+              :key="f"
+              style="display: flex; align-items: center; gap: 16px;"
+            >
+              <code style="min-width: 220px; font-size: 12px; color: #666;">format="{{ f }}"</code>
+              <pz-date :date="sampleDate" :format="f" />
+            </div>
+          </div>
+        </section>
+
+        <section>
+          <h3 style="margin: 0 0 12px; font-size: 14px; font-weight: 600; color: #242638;">Month gallery</h3>
+          <p style="margin: 0 0 16px; font-size: 12px; color: #666;">
+            All 12 months in Ukrainian genitive form (default format <code>DD MM YYYY HH:mm</code>).
+          </p>
+          <div style="display: flex; flex-direction: column; gap: 8px;">
+            <pz-date v-for="d in monthDates" :key="d" :date="d" />
+          </div>
+        </section>
+
+        <section>
+          <h3 style="margin: 0 0 12px; font-size: 14px; font-weight: 600; color: #242638;">Edge cases</h3>
+          <div style="display: flex; flex-direction: column; gap: 8px;">
+            <div style="display: flex; align-items: center; gap: 16px;">
+              <code style="min-width: 220px; font-size: 12px; color: #666;">empty string</code>
+              <pz-date date="" />
+            </div>
+            <div style="display: flex; align-items: center; gap: 16px;">
+              <code style="min-width: 220px; font-size: 12px; color: #666;">invalid string</code>
+              <pz-date date="not-a-date" />
+            </div>
+            <div style="display: flex; align-items: center; gap: 16px;">
+              <code style="min-width: 220px; font-size: 12px; color: #666;">space separator</code>
+              <pz-date date="2026-05-06 15:37:37" />
+            </div>
+          </div>
+        </section>
+      </div>
+    `})};var y,x,v;n.parameters={...n.parameters,docs:{...(y=n.parameters)==null?void 0:y.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "Every supported usage of \`PzDate\` rendered on one page: each format variant against the same source datetime, plus a gallery of all 12 Ukrainian genitive month names."
+      }
+    }
+  },
+  render: () => ({
+    components: {
+      pzDate: PzDate
+    },
+    setup() {
+      return {
+        sampleDate: SAMPLE_DATE,
+        formats: FORMAT_OPTIONS,
+        monthDates: MONTH_DATES
+      };
+    },
+    template: \`
+      <div style="display: flex; flex-direction: column; gap: 32px; font-family: inherit;">
+        <section>
+          <h3 style="margin: 0 0 12px; font-size: 14px; font-weight: 600; color: #242638;">Format variants</h3>
+          <p style="margin: 0 0 16px; font-size: 12px; color: #666;">
+            Same datetime ({{ sampleDate }}) rendered with each available <code>format</code> value.
+          </p>
+          <div style="display: flex; flex-direction: column; gap: 8px;">
+            <div
+              v-for="f in formats"
+              :key="f"
+              style="display: flex; align-items: center; gap: 16px;"
+            >
+              <code style="min-width: 220px; font-size: 12px; color: #666;">format="{{ f }}"</code>
+              <pz-date :date="sampleDate" :format="f" />
+            </div>
+          </div>
+        </section>
+
+        <section>
+          <h3 style="margin: 0 0 12px; font-size: 14px; font-weight: 600; color: #242638;">Month gallery</h3>
+          <p style="margin: 0 0 16px; font-size: 12px; color: #666;">
+            All 12 months in Ukrainian genitive form (default format <code>DD MM YYYY HH:mm</code>).
+          </p>
+          <div style="display: flex; flex-direction: column; gap: 8px;">
+            <pz-date v-for="d in monthDates" :key="d" :date="d" />
+          </div>
+        </section>
+
+        <section>
+          <h3 style="margin: 0 0 12px; font-size: 14px; font-weight: 600; color: #242638;">Edge cases</h3>
+          <div style="display: flex; flex-direction: column; gap: 8px;">
+            <div style="display: flex; align-items: center; gap: 16px;">
+              <code style="min-width: 220px; font-size: 12px; color: #666;">empty string</code>
+              <pz-date date="" />
+            </div>
+            <div style="display: flex; align-items: center; gap: 16px;">
+              <code style="min-width: 220px; font-size: 12px; color: #666;">invalid string</code>
+              <pz-date date="not-a-date" />
+            </div>
+            <div style="display: flex; align-items: center; gap: 16px;">
+              <code style="min-width: 220px; font-size: 12px; color: #666;">space separator</code>
+              <pz-date date="2026-05-06 15:37:37" />
+            </div>
+          </div>
+        </section>
+      </div>
+    \`
+  })
+}`,...(v=(x=n.parameters)==null?void 0:x.docs)==null?void 0:v.source}}};const O=["Playground"];export{n as Playground,O as __namedExportsOrder,N as default};

package/dist/app/assets/PzDomHandler-BU7iMNnt.js

@@ -0,0 +1 @@
+const a=["rgba(0, 0, 0, 0)","transparent","initial","inherit","revert","revert-layer","unset"];class r{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 a.includes(e)?r.getParentNearestBackground(t.parentElement):e}}export{r as P};

package/dist/app/assets/{PzDomHandler.stories-C0SwIaVU.js → PzDomHandler.stories-CNFqxouB.js}

@@ -1,14 +1,14 @@
-import{r,J as m}from"./iframe-B7Bddli1.js";import{P as y}from"./PzText-Qtpayc5y.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{r as e,j as m}from"./iframe-DbWuH5mz.js";import{P as h}from"./PzText-LkAZaPCW.js";import{P as a}from"./PzDomHandler-BU7iMNnt.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const y=2e3,u=o=>`<script setup lang="ts">
 import { PzDomHandler } from "@prozorro/prozorro-ui";
 
 const handleCopy = async (): Promise<void> => {
-  await PzDomHandler.copyToClipboard("${a.copyText}");
+  await PzDomHandler.copyToClipboard("${o.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:`
+</template>`,z=[{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);"}],v={title:"Utilities/PzDomHandler",component:a,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."}}},t={args:{copyText:"CPV-001: Building construction work"},render:o=>({components:{pzText:h},setup(){const d=e(o.copyText),s=e(!1),r=e(null),n=e(""),p=async()=>{await a.copyToClipboard(d.value),s.value=!0,setTimeout(()=>{s.value=!1},y)};return m(()=>{r.value&&(n.value=a.getParentNearestBackground(r.value))}),{textToCopy:d,isCopied:s,handleCopy:p,bgSampleRef:r,detectedBg:n,methodDocs:z}},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>
@@ -65,7 +65,7 @@ const handleCopy = async (): Promise<void> => {
           </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:`{
+    `}),parameters:{docs:{source:{code:u({copyText:"CPV-001: Building construction work"})}}}};var i,l,c;t.parameters={...t.parameters,docs:{...(i=t.parameters)==null?void 0:i.docs,source:{originalSource:`{
   args: {
     copyText: "CPV-001: Building construction work"
   },
@@ -167,4 +167,4 @@ const handleCopy = async (): Promise<void> => {
       }
     }
   }
-}`,...(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};
+}`,...(c=(l=t.parameters)==null?void 0:l.docs)==null?void 0:c.source}}};const f=["Documentation"];export{t as Documentation,f as __namedExportsOrder,v as default};

package/dist/app/assets/{PzDropdown-BnwR1ooa.css → PzDropdown-Bi4TxZrx.css}

@@ -1 +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}
+.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-59c57e64]{display:inline-flex;vertical-align:top}

package/dist/app/assets/{PzDropdown.stories-gi6eGhLV.js → PzDropdown.stories-BIwEAqmm.js}

@@ -1,4 +1,4 @@
-import{P as c}from"./PzBtn-B24JwTDl.js";import{_ as l}from"./PzIcon-Drlqf9PC.js";import{_ as m,P as u}from"./PzText-Qtpayc5y.js";import{d as z,h as w,w as r,s as b,o as y,j as s}from"./iframe-B7Bddli1.js";import{k as g}from"./floating-vue-BD2YJLen.js";import"./preload-helper-C1FmrZbK.js";const n=z({name:"PzDropdown",__name:"PzDropdown",setup(o){return(t,P)=>(y(),w(b(g),{class:"pz-dropdown",theme:"dropdown"},{popper:r(()=>[s(t.$slots,"content",{},void 0,!0)]),default:r(()=>[s(t.$slots,"default",{},void 0,!0)]),_:3}))}}),p=m(n,[["__scopeId","data-v-a2315284"]]);n.__docgenInfo=Object.assign({displayName:n.name??n.__name},{name:"PzDropdown",exportName:"default",displayName:"PzDropdown",description:"",tags:{},slots:[{name:"default"},{name:"content"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/PzDropdown/PzDropdown.vue"]});const f=[{icon:"edit",label:"Редагувати"},{icon:"content_copy",label:"Створити копію"},{icon:"archive",label:"Архівувати"},{icon:"delete",label:"Видалити",danger:!0}],v=o=>`<template>
+import{P as c}from"./PzBtn-lJz7FmKO.js";import{_ as m}from"./PzIcon-BNwLASSZ.js";import{P as l}from"./PzText-LkAZaPCW.js";import{d as u,A as z,C as r,u as w,o as b,l as p}from"./iframe-DbWuH5mz.js";import{k as y}from"./floating-vue-B4YMiR3n.js";import{_ as g}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const n=u({name:"PzDropdown",__name:"PzDropdown",setup(o){return(t,_)=>(b(),z(w(y),{class:"pz-dropdown",theme:"dropdown"},{popper:r(()=>[p(t.$slots,"content",{},void 0,!0)]),default:r(()=>[p(t.$slots,"default",{},void 0,!0)]),_:3}))}}),s=g(n,[["__scopeId","data-v-59c57e64"]]);n.__docgenInfo=Object.assign({displayName:n.name??n.__name},{name:"PzDropdown",exportName:"default",displayName:"PzDropdown",description:"",tags:{},slots:[{name:"default"},{name:"content"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Popups/PzDropdown/PzDropdown.vue"]});const f=[{icon:"edit",label:"Редагувати"},{icon:"content_copy",label:"Створити копію"},{icon:"archive",label:"Архівувати"},{icon:"delete",label:"Видалити",danger:!0}],v=o=>`<template>
   <PzDropdown>
     <PzBtn variant="primary-outline">
       ${o.triggerLabel??"Дії"}
@@ -14,7 +14,7 @@ import{P as c}from"./PzBtn-B24JwTDl.js";import{_ as l}from"./PzIcon-Drlqf9PC.js"
       <button type="button" class="pz-dropdown-story-item pz-dropdown-story-item--danger">Видалити</button>
     </template>
   </PzDropdown>
-</template>`,_={title:"Components/Popups/PzDropdown",component:p,parameters:{prototype:{caption:"Dropdown component",note:"Action menu wrapper powered by floating-vue with a shared popper theme and the same trigger/content slot API as the old app-level dropdown."},docs:{description:{component:"Use `PzDropdown` for compact action menus or contextual choices. It keeps the trigger in the default slot and renders the menu body in the `content` slot."},source:{transform:(o,t)=>v(t.args??_.args)}}},args:{triggerLabel:"Дії"},argTypes:{triggerLabel:{control:"text",description:"Trigger label shown on the dropdown button.",table:{category:"Slots"}}},render:o=>({components:{pzBtn:c,pzDropdown:p,pzIcon:l,pzText:u},setup(){return{args:o,dropdownItems:f}},template:`
+</template>`,P={title:"Components/Popups/PzDropdown",component:s,parameters:{prototype:{caption:"Dropdown component",note:"Action menu wrapper powered by floating-vue with a shared popper theme and the same trigger/content slot API as the old app-level dropdown."},docs:{description:{component:"Use `PzDropdown` for compact action menus or contextual choices. It keeps the trigger in the default slot and renders the menu body in the `content` slot."},source:{transform:(o,t)=>v(t.args??P.args)}}},args:{triggerLabel:"Дії"},argTypes:{triggerLabel:{control:"text",description:"Trigger label shown on the dropdown button.",table:{category:"Slots"}}},render:o=>({components:{pzBtn:c,pzDropdown:s,pzIcon:m,pzText:l},setup(){return{args:o,dropdownItems:f}},template:`
       <section class="pz-dropdown-story">
         <div class="pz-dropdown-story-header">
           <div>
@@ -56,4 +56,4 @@ import{P as c}from"./PzBtn-B24JwTDl.js";import{_ as l}from"./PzIcon-Drlqf9PC.js"
           </pz-text>
         </div>
       </section>
-    `})},e={};var a,d,i;e.parameters={...e.parameters,docs:{...(a=e.parameters)==null?void 0:a.docs,source:{originalSource:"{}",...(i=(d=e.parameters)==null?void 0:d.docs)==null?void 0:i.source}}};const C=["Playground"];export{e as Playground,C as __namedExportsOrder,_ as default};
+    `})},e={};var a,d,i;e.parameters={...e.parameters,docs:{...(a=e.parameters)==null?void 0:a.docs,source:{originalSource:"{}",...(i=(d=e.parameters)==null?void 0:d.docs)==null?void 0:i.source}}};const S=["Playground"];export{e as Playground,S as __namedExportsOrder,P as default};

package/dist/app/assets/PzFileInput-BLs8VTxo.css

@@ -0,0 +1 @@
+.pz-file-input[data-v-92c1ba3c]{--pz-file-input-text: var(--pz-color-text-primary);--pz-file-input-helper: var(--pz-color-text-secondary);--pz-file-input-icon: var(--pz-color-blue-50);--pz-file-input-item-color: var(--pz-color-blue-50);--pz-file-input-error: var(--pz-color-red-50);display:block;color:var(--pz-file-input-text);font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-file-input-list[data-v-92c1ba3c]{display:flex;flex-direction:column;gap:var(--pz-space-8);margin:0;padding:0;list-style:none}.pz-file-input-item[data-v-92c1ba3c]{display:flex;flex-direction:column;gap:var(--pz-space-4);color:var(--pz-file-input-item-color);font-size:var(--pz-font-size-14);font-weight:600;line-height:1.5}.pz-file-input-item-body[data-v-92c1ba3c]{display:inline-flex;align-items:center;gap:var(--pz-space-8)}.pz-file-input-item-icon[data-v-92c1ba3c]{flex-shrink:0;color:var(--pz-file-input-icon)}.pz-file-input-item-name[data-v-92c1ba3c]{overflow-wrap:anywhere}.pz-file-input-item-remove[data-v-92c1ba3c]{display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:var(--pz-color-text-secondary);cursor:pointer;transition:color .16s ease}.pz-file-input-item-remove[data-v-92c1ba3c]:hover{color:var(--pz-color-button-danger-hover)}.pz-file-input-item-remove[data-v-92c1ba3c]:focus-visible{outline:2px solid var(--pz-color-blue-30);outline-offset:2px}.pz-file-input-item-error-text[data-v-92c1ba3c]{color:var(--pz-file-input-error);font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-file-input-item.is-error[data-v-92c1ba3c]{--pz-file-input-item-color: var(--pz-file-input-error);--pz-file-input-icon: var(--pz-file-input-error)}.pz-file-input-actions[data-v-92c1ba3c]{display:flex;align-items:center;gap:var(--pz-space-8);margin-top:var(--pz-space-8)}.pz-file-input-native[data-v-92c1ba3c]{display:none}.pz-file-input-helper[data-v-92c1ba3c]{display:block;margin-top:var(--pz-space-8);color:var(--pz-file-input-helper);font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-file-input-error[data-v-92c1ba3c]{display:block;margin-top:var(--pz-space-8);color:var(--pz-file-input-error);font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-file-input.disabled[data-v-92c1ba3c]{--pz-file-input-text: var(--pz-color-grey-40);--pz-file-input-item-color: var(--pz-color-grey-40);--pz-file-input-icon: var(--pz-color-grey-40);--pz-file-input-helper: var(--pz-color-grey-40)}