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

package/dist/app/assets/PzFileInput.stories-B4xxW_sF.js

@@ -0,0 +1,124 @@
+import{d as _,e as o,y,C as B,u as g,f as C,o as r,F as j,z as O,k as F,t as f,D as v,E as W,r as u,g as m,w as G}from"./iframe-DbWuH5mz.js";import{P as H}from"./PzText-LkAZaPCW.js";import{P as J}from"./PzBtn-lJz7FmKO.js";import{_ as M}from"./PzIcon-BNwLASSZ.js";import{P as K}from"./PzLabel-Coa549nk.js";import{a as S,b as I}from"./configs-CZIaFchr.js";import{_ as Q}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const X={key:0,class:"pz-file-input-list"},Y={class:"pz-file-input-item-body"},Z={class:"pz-file-input-item-name"},ee=["aria-label","onClick"],le={key:0,class:"pz-file-input-item-error-text"},ae={key:1,class:"pz-file-input-actions"},te=["id","name","multiple","accept","disabled"],se={class:"pz-file-input-helper"},ie={key:2,class:"pz-file-input-error"},V=_({name:"PzFileInput",__name:"PzFileInput",props:{name:{},modelValue:{default:()=>[]},label:{default:""},multiple:{type:Boolean,default:!1},extensions:{default:()=>[...I.acceptedExtensions]},maxFiles:{default:I.maxFiles},maxSizeBytes:{default:I.maxSizeBytes},textConfig:{default:()=>({...S})},errorMessage:{default:""},hasServerValidations:{type:Boolean,default:!1},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},editable:{type:Boolean,default:!0}},emits:["focus","blur","update:modelValue"],setup(e,{emit:d}){const a=e,c=d,b=u(null),p=m(()=>a.textConfig??S),n=m(()=>a.modelValue??[]),P=m(()=>n.value.length>0),z=m(()=>a.multiple?a.maxFiles:1),T=m(()=>n.value.length<z.value),L=m(()=>a.extensions.join(",")),R=t=>{if(a.hasServerValidations)return"";const l=t.name.toLowerCase();return a.extensions.some(s=>l.endsWith(s.toLowerCase()))?t.size>a.maxSizeBytes?p.value.fileTooLargeMessage:"":p.value.invalidExtensionMessage},q=m(()=>{const t={};return n.value.forEach((l,i)=>{const s=R(l);s&&(t[i]=s)}),t}),$=()=>{var t;(t=b.value)==null||t.click()},N=t=>{const l=t.target,i=l.files?Array.from(l.files):[];if(i.length===0)return;const s=n.value.slice();let x;if(a.multiple){const A=Math.max(z.value-s.length,0);x=s.concat(i.slice(0,A))}else x=i.slice(0,1);l.value="",c("update:modelValue",x)},U=t=>{const l=n.value.slice();l.splice(t,1),c("update:modelValue",l)};return(t,l)=>(r(),o("div",{class:C(["pz-file-input",{error:!!e.errorMessage,disabled:e.disabled}])},[y(g(K),{label:e.label,for:e.name,required:e.required,disabled:e.disabled},{default:B(()=>[P.value?(r(),o("ul",X,[(r(!0),o(j,null,O(n.value,(i,s)=>(r(),o("li",{key:`${i.name}-${s}`,class:C(["pz-file-input-item",{"is-error":!!q.value[s]}])},[F("span",Y,[y(g(M),{name:"description",size:"20",class:"pz-file-input-item-icon"}),F("span",Z,f(i.name),1),e.editable&&!e.disabled?(r(),o("button",{key:0,type:"button",class:"pz-file-input-item-remove","aria-label":p.value.removeButtonLabel,onClick:x=>U(s)},[y(g(M),{name:"close",size:"14"})],8,ee)):v("",!0)]),q.value[s]?(r(),o("span",le,f(q.value[s]),1)):v("",!0)],2))),128))])):v("",!0),e.editable&&T.value?(r(),o("div",ae,[y(g(J),{variant:"primary-outline",type:"button",disabled:e.disabled,onClick:$},{default:B(()=>[W(f(p.value.buttonLabel),1)]),_:1},8,["disabled"]),F("input",{id:e.name,ref_key:"fileInputRef",ref:b,class:"pz-file-input-native",type:"file",name:e.name,multiple:e.multiple,accept:L.value,disabled:e.disabled,onChange:N,onFocus:l[0]||(l[0]=i=>c("focus")),onBlur:l[1]||(l[1]=i=>c("blur"))},null,40,te)])):v("",!0),F("span",se,f(p.value.helperText),1),e.errorMessage?(r(),o("span",ie,f(e.errorMessage),1)):v("",!0)]),_:1},8,["label","for","required","disabled"])],2))}}),k=Q(V,[["__scopeId","data-v-92c1ba3c"]]);V.__docgenInfo=Object.assign({displayName:V.name??V.__name},{name:"PzFileInput",exportName:"default",displayName:"PzFileInput",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"modelValue",required:!1,type:{name:"PzFileInputValue"},defaultValue:{func:!1,value:"() => []"}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"multiple",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"extensions",required:!1,type:{name:"Array",elements:[{name:"string"}]},defaultValue:{func:!1,value:"() => [...pzFormDocumentUploadRules.acceptedExtensions]"}},{name:"maxFiles",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"pzFormDocumentUploadRules.maxFiles"}},{name:"maxSizeBytes",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"pzFormDocumentUploadRules.maxSizeBytes"}},{name:"textConfig",required:!1,type:{name:"PzFormFileInputTextConfig"},defaultValue:{func:!1,value:"() => ({ ...pzFormDocumentUploadTexts })"}},{name:"errorMessage",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"hasServerValidations",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"required",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"editable",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}}],events:[{name:"focus"},{name:"blur"},{name:"update:modelValue",type:{names:["PzFileInputValue"]}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzFileInput/PzFileInput.vue"]});const ne=e=>`<template>
+  <PzFileInput
+    v-model="files"
+    ${[`name="${e.name}"`,e.label?`label="${e.label}"`:null,e.multiple?':multiple="true"':null,e.required?':required="true"':null,e.disabled?':disabled="true"':null,e.editable===!1?':editable="false"':null,e.errorMessage?`error-message="${e.errorMessage}"`:null,e.hasServerValidations?':has-server-validations="true"':null].filter(a=>!!a).join(" ")}
+  />
+</template>`,oe={title:"Components/Form/PzFileInput",component:k,parameters:{docs:{description:{component:"Use `PzFileInput` to collect document uploads. Supports both single and multiple file modes via the `multiple` prop, validates files against configurable extensions/size/count, and renders a file list with per-file remove actions. All labels and messages are sourced from the shared `pzFormDocumentUploadTexts` config and can be overridden with `textConfig` for reuse across projects."},source:{transform:(e,d)=>ne(d.args??oe.args)}}},args:{name:"pz-file-input-story",label:"Документи",modelValue:[],multiple:!1,errorMessage:"",hasServerValidations:!1,required:!1,disabled:!1,editable:!0},argTypes:{name:{control:"text",description:"Native input `id`/`name`."},label:{control:"text",description:"Текст лейбла над полем."},multiple:{control:"boolean",description:"Коли `true`, дозволяє завантажувати декілька файлів (до `maxFiles`)."},errorMessage:{control:"text",description:"Зовнішнє повідомлення про помилку; вмикає error-стан для всього контролу."},hasServerValidations:{control:"boolean",description:"Прапорець, що сигналізує про наявність серверних помилок валідації; текст передається через `errorMessage`."},required:{control:"boolean",description:"Позначає поле як обов'язкове."},disabled:{control:"boolean",description:"Блокує взаємодію з контролом."},editable:{control:"boolean",description:"Коли `false`, приховує кнопки додавання та видалення — компонент працює у режимі прев'ю."}},render:e=>({components:{pzFileInput:k,pzText:H},setup(){const d=u(e.modelValue??[]),a=u([]),c=u([]),b=u([new File(["sample pdf content"],"tender-specification.pdf",{type:"application/pdf"}),new File(["sample doc content"],"proposal.docx",{type:"application/msword"})]),p=u([new File(["contract body"],"contract.pdf",{type:"application/pdf"})]),n=u([]),P=u([]);return G(()=>e.modelValue,z=>{d.value=z??[]}),{args:e,files:d,singleFiles:a,multipleFiles:c,preloadedFiles:b,readonlyFiles:p,errorFiles:n,customRulesFiles:P}},template:`
+      <div style="display: flex; flex-direction: column; gap: var(--pz-space-24); max-width: 560px;">
+        <section>
+          <pz-text variant="h4-bold">API компонента</pz-text>
+          <div style="margin-top: var(--pz-space-16);">
+            <pz-file-input
+              v-model="files"
+              :name="args.name"
+              :label="args.label"
+              :multiple="args.multiple"
+              :required="args.required"
+              :disabled="args.disabled"
+              :editable="args.editable"
+              :error-message="args.errorMessage"
+              :has-server-validations="args.hasServerValidations"
+            />
+          </div>
+        </section>
+
+        <section>
+          <pz-text variant="h4-bold">Один файл (multiple=false)</pz-text>
+          <div style="margin-top: var(--pz-space-16);">
+            <pz-file-input
+              v-model="singleFiles"
+              name="file-single"
+              label="Завантажте один документ"
+            />
+          </div>
+        </section>
+
+        <section>
+          <pz-text variant="h4-bold">Багато файлів (multiple=true)</pz-text>
+          <div style="margin-top: var(--pz-space-16);">
+            <pz-file-input
+              v-model="multipleFiles"
+              name="file-multiple"
+              label="Завантажте документи"
+              multiple
+            />
+          </div>
+        </section>
+
+        <section>
+          <pz-text variant="h4-bold">З попередньо завантаженими файлами</pz-text>
+          <div style="margin-top: var(--pz-space-16);">
+            <pz-file-input
+              v-model="preloadedFiles"
+              name="file-preloaded"
+              label="Прикріплені документи"
+              multiple
+            />
+          </div>
+        </section>
+
+        <section>
+          <pz-text variant="h4-bold">Стани</pz-text>
+          <div style="display: flex; flex-direction: column; gap: var(--pz-space-16); margin-top: var(--pz-space-16);">
+            <pz-file-input
+              v-model="errorFiles"
+              name="file-error"
+              label="Помилка"
+              error-message="Поле обов'язкове для заповнення"
+              required
+            />
+            <pz-file-input
+              v-model="preloadedFiles"
+              name="file-server-errors"
+              label="Серверна валідація"
+              multiple
+              :has-server-validations="true"
+              error-message="Файл tender.pdf: розмір перевищує ліміт сервера."
+            />
+            <pz-file-input
+              v-model="preloadedFiles"
+              name="file-disabled"
+              label="Недоступне поле"
+              multiple
+              disabled
+            />
+            <pz-file-input
+              v-model="readonlyFiles"
+              name="file-readonly"
+              label="Readonly (editable=false)"
+              :editable="false"
+            />
+          </div>
+        </section>
+
+        <section>
+          <pz-text variant="h4-bold">Власні обмеження</pz-text>
+          <div style="margin-top: var(--pz-space-16);">
+            <pz-file-input
+              v-model="customRulesFiles"
+              name="file-custom"
+              label="Лише PDF до 5 МБ, максимум 3 файли"
+              multiple
+              :extensions="['.pdf']"
+              :max-files="3"
+              :max-size-bytes="5 * 1024 * 1024"
+              :text-config="{
+                buttonLabel: 'Додати PDF',
+                helperText: 'Дозволено лише .pdf розміром до 5 МБ, до 3 файлів',
+                invalidExtensionMessage: 'Лише формат .pdf',
+                fileTooLargeMessage: 'Файл більший за 5 МБ',
+                removeButtonLabel: 'Видалити PDF',
+              }"
+            />
+          </div>
+        </section>
+      </div>
+    `})},h={parameters:{docs:{description:{story:"Інтерактивний приклад `PzFileInput` з базовими станами: single/multiple, readonly, disabled, помилки та власні обмеження з редагованими текстами."}}}};var D,w,E;h.parameters={...h.parameters,docs:{...(D=h.parameters)==null?void 0:D.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "Інтерактивний приклад \`PzFileInput\` з базовими станами: single/multiple, readonly, disabled, помилки та власні обмеження з редагованими текстами."
+      }
+    }
+  }
+}`,...(E=(w=h.parameters)==null?void 0:w.docs)==null?void 0:E.source}}};const be=["Playground"];export{h as Playground,be as __namedExportsOrder,oe as default};

package/dist/app/assets/{PzGrid.stories-v8QLnTB3.js → PzGrid.stories-DIiTYcYP.js}

@@ -1,4 +1,4 @@
-import{P as _}from"./PzText-Qtpayc5y.js";import{d as b,h as G,w as v,f as h,i as I,g as C,o as $,j as L}from"./iframe-B7Bddli1.js";import"./preload-helper-C1FmrZbK.js";const c=[1,2,3,4,5,6,8,12,"full"],T=["div","section","article","main","aside","header","footer","nav","ul","ol"],o=b({name:"PzGrid",__name:"PzGrid",props:{as:{default:"div"},container:{type:Boolean,default:!1},fluid:{type:Boolean,default:!1},grid:{type:Boolean,default:!0},fit:{type:Boolean,default:!1},dense:{type:Boolean,default:!1}},setup(t){const e=t,a=C(()=>[{"pz-container":e.container&&!e.fluid,"pz-container-fluid":e.container&&e.fluid,"pz-grid":e.grid,"pz-grid-fit":e.grid&&e.fit,"pz-grid-dense":e.grid&&e.dense}]);return(n,i)=>($(),G(I(e.as),{class:h(a.value)},{default:v(()=>[L(n.$slots,"default")]),_:3},8,["class"]))}});o.__docgenInfo=Object.assign({displayName:o.name??o.__name},{name:"PzGrid",exportName:"default",displayName:"PzGrid",description:"",tags:{},props:[{name:"as",required:!1,type:{name:"PzGridTag"},defaultValue:{func:!1,value:'"div"'}},{name:"container",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"fluid",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"grid",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"fit",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"dense",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],slots:[{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/PzGrid/PzGrid.vue"]});const u=b({name:"PzGridItem",__name:"PzGridItem",props:{as:{default:"div"},span:{default:void 0},sm:{default:void 0},md:{default:void 0},lg:{default:void 0},xl:{default:void 0},xxl:{default:void 0},start:{default:void 0},startSm:{default:void 0},startMd:{default:void 0},startLg:{default:void 0},startXl:{default:void 0},startXxl:{default:void 0}},setup(t){const e=t,a=(d,s)=>s?s==="full"?`pz-col-${d}full`:`pz-col-${d}${s}`:null,n=(d,s)=>s?`pz-start-${d}${s}`:null,i=C(()=>["pz-grid-item",a("",e.span),a("sm-",e.sm),a("md-",e.md),a("lg-",e.lg),a("xl-",e.xl),a("xxl-",e.xxl),n("",e.start),n("sm-",e.startSm),n("md-",e.startMd),n("lg-",e.startLg),n("xl-",e.startXl),n("xxl-",e.startXxl)]);return(d,s)=>($(),G(I(e.as),{class:h(i.value)},{default:v(()=>[L(d.$slots,"default")]),_:3},8,["class"]))}});u.__docgenInfo=Object.assign({displayName:u.name??u.__name},{name:"PzGridItem",exportName:"default",displayName:"PzGridItem",description:"",tags:{},props:[{name:"as",required:!1,type:{name:"PzGridTag"},defaultValue:{func:!1,value:'"div"'}},{name:"span",required:!1,type:{name:"PzGridColumnSpan"},defaultValue:{func:!1,value:"undefined"}},{name:"sm",required:!1,type:{name:"PzGridColumnSpan"},defaultValue:{func:!1,value:"undefined"}},{name:"md",required:!1,type:{name:"PzGridColumnSpan"},defaultValue:{func:!1,value:"undefined"}},{name:"lg",required:!1,type:{name:"PzGridColumnSpan"},defaultValue:{func:!1,value:"undefined"}},{name:"xl",required:!1,type:{name:"PzGridColumnSpan"},defaultValue:{func:!1,value:"undefined"}},{name:"xxl",required:!1,type:{name:"PzGridColumnSpan"},defaultValue:{func:!1,value:"undefined"}},{name:"start",required:!1,type:{name:"PzGridColumnStart"},defaultValue:{func:!1,value:"undefined"}},{name:"startSm",required:!1,type:{name:"PzGridColumnStart"},defaultValue:{func:!1,value:"undefined"}},{name:"startMd",required:!1,type:{name:"PzGridColumnStart"},defaultValue:{func:!1,value:"undefined"}},{name:"startLg",required:!1,type:{name:"PzGridColumnStart"},defaultValue:{func:!1,value:"undefined"}},{name:"startXl",required:!1,type:{name:"PzGridColumnStart"},defaultValue:{func:!1,value:"undefined"}},{name:"startXxl",required:!1,type:{name:"PzGridColumnStart"},defaultValue:{func:!1,value:"undefined"}}],slots:[{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/PzGrid/PzGridItem.vue"]});const f={as:"section",container:!0,grid:!0,fit:!1,dense:!1,fluid:!1,heroSpan:4,sidebarSpan:4,metricSpan:2},r={hero:{md:8,xl:7},sidebar:{md:4,xl:5},metric:{md:4,xl:3},nested:{span:4,md:8,xl:6},nestedItem:{span:4,md:4,xl:6}},q=(t,e,a)=>typeof e>"u"?null:typeof e=="boolean"?e===a?null:e?t:`:${t}="false"`:typeof e=="number"?e===a?null:`:${t}="${e}"`:e===a?null:`${t}="${e}"`,l=t=>t.map(([e,a,n])=>q(e,a,n)).filter(e=>!!e).map(e=>`    ${e}`).join(`
+import{P as _}from"./PzText-LkAZaPCW.js";import{d as b,A as G,C as v,f as h,B as I,g as C,o as $,l as L}from"./iframe-DbWuH5mz.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const c=[1,2,3,4,5,6,8,12,"full"],T=["div","section","article","main","aside","header","footer","nav","ul","ol"],o=b({name:"PzGrid",__name:"PzGrid",props:{as:{default:"div"},container:{type:Boolean,default:!1},fluid:{type:Boolean,default:!1},grid:{type:Boolean,default:!0},fit:{type:Boolean,default:!1},dense:{type:Boolean,default:!1}},setup(t){const e=t,a=C(()=>[{"pz-container":e.container&&!e.fluid,"pz-container-fluid":e.container&&e.fluid,"pz-grid":e.grid,"pz-grid-fit":e.grid&&e.fit,"pz-grid-dense":e.grid&&e.dense}]);return(n,i)=>($(),G(I(e.as),{class:h(a.value)},{default:v(()=>[L(n.$slots,"default")]),_:3},8,["class"]))}});o.__docgenInfo=Object.assign({displayName:o.name??o.__name},{name:"PzGrid",exportName:"default",displayName:"PzGrid",description:"",tags:{},props:[{name:"as",required:!1,type:{name:"PzGridTag"},defaultValue:{func:!1,value:'"div"'}},{name:"container",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"fluid",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"grid",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"fit",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"dense",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],slots:[{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Layouts/PzGrid/PzGrid.vue"]});const u=b({name:"PzGridItem",__name:"PzGridItem",props:{as:{default:"div"},span:{default:void 0},sm:{default:void 0},md:{default:void 0},lg:{default:void 0},xl:{default:void 0},xxl:{default:void 0},start:{default:void 0},startSm:{default:void 0},startMd:{default:void 0},startLg:{default:void 0},startXl:{default:void 0},startXxl:{default:void 0}},setup(t){const e=t,a=(d,s)=>s?s==="full"?`pz-col-${d}full`:`pz-col-${d}${s}`:null,n=(d,s)=>s?`pz-start-${d}${s}`:null,i=C(()=>["pz-grid-item",a("",e.span),a("sm-",e.sm),a("md-",e.md),a("lg-",e.lg),a("xl-",e.xl),a("xxl-",e.xxl),n("",e.start),n("sm-",e.startSm),n("md-",e.startMd),n("lg-",e.startLg),n("xl-",e.startXl),n("xxl-",e.startXxl)]);return(d,s)=>($(),G(I(e.as),{class:h(i.value)},{default:v(()=>[L(d.$slots,"default")]),_:3},8,["class"]))}});u.__docgenInfo=Object.assign({displayName:u.name??u.__name},{name:"PzGridItem",exportName:"default",displayName:"PzGridItem",description:"",tags:{},props:[{name:"as",required:!1,type:{name:"PzGridTag"},defaultValue:{func:!1,value:'"div"'}},{name:"span",required:!1,type:{name:"PzGridColumnSpan"},defaultValue:{func:!1,value:"undefined"}},{name:"sm",required:!1,type:{name:"PzGridColumnSpan"},defaultValue:{func:!1,value:"undefined"}},{name:"md",required:!1,type:{name:"PzGridColumnSpan"},defaultValue:{func:!1,value:"undefined"}},{name:"lg",required:!1,type:{name:"PzGridColumnSpan"},defaultValue:{func:!1,value:"undefined"}},{name:"xl",required:!1,type:{name:"PzGridColumnSpan"},defaultValue:{func:!1,value:"undefined"}},{name:"xxl",required:!1,type:{name:"PzGridColumnSpan"},defaultValue:{func:!1,value:"undefined"}},{name:"start",required:!1,type:{name:"PzGridColumnStart"},defaultValue:{func:!1,value:"undefined"}},{name:"startSm",required:!1,type:{name:"PzGridColumnStart"},defaultValue:{func:!1,value:"undefined"}},{name:"startMd",required:!1,type:{name:"PzGridColumnStart"},defaultValue:{func:!1,value:"undefined"}},{name:"startLg",required:!1,type:{name:"PzGridColumnStart"},defaultValue:{func:!1,value:"undefined"}},{name:"startXl",required:!1,type:{name:"PzGridColumnStart"},defaultValue:{func:!1,value:"undefined"}},{name:"startXxl",required:!1,type:{name:"PzGridColumnStart"},defaultValue:{func:!1,value:"undefined"}}],slots:[{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Layouts/PzGrid/PzGridItem.vue"]});const f={as:"section",container:!0,grid:!0,fit:!1,dense:!1,fluid:!1,heroSpan:4,sidebarSpan:4,metricSpan:2},r={hero:{md:8,xl:7},sidebar:{md:4,xl:5},metric:{md:4,xl:3},nested:{span:4,md:8,xl:6},nestedItem:{span:4,md:4,xl:6}},q=(t,e,a)=>typeof e>"u"?null:typeof e=="boolean"?e===a?null:e?t:`:${t}="false"`:typeof e=="number"?e===a?null:`:${t}="${e}"`:e===a?null:`${t}="${e}"`,l=t=>t.map(([e,a,n])=>q(e,a,n)).filter(e=>!!e).map(e=>`    ${e}`).join(`
 `),E=t=>{const e=l([["as",t.as,"div"],["container",t.container,!1],["grid",t.grid,!0],["fluid",t.fluid,!1],["fit",t.fit,!1],["dense",t.dense,!1]]),a=l([["span",t.heroSpan],["md",r.hero.md],["xl",r.hero.xl]]),n=l([["span",t.sidebarSpan],["md",r.sidebar.md],["xl",r.sidebar.xl]]),i=l([["span",t.metricSpan],["md",r.metric.md],["xl",r.metric.xl]]);return`<template>
   <PzGrid
 ${e}
@@ -58,7 +58,7 @@ ${i}
       </PzGrid>
     </PzGridItem>
   </PzGrid>
-</template>`},k={title:"Components/Layouts/PzGrid",component:o,parameters:{prototype:{caption:"Grid component",note:"Vue wrapper over the shared grid utility contract for container, grid, and responsive item spans."},docs:{description:{component:"Use `PzGrid` and `PzGridItem` when you want component-level layout composition instead of writing the emitted CSS utility classes directly."},source:{transform:(t,e)=>E(e.args??f)}}},args:f,argTypes:{as:{control:"select",options:T},container:{control:"boolean"},grid:{control:"boolean"},fluid:{control:"boolean"},fit:{control:"boolean"},dense:{control:"boolean"},heroSpan:{control:"select",options:c},sidebarSpan:{control:"select",options:c},metricSpan:{control:"select",options:c}},render:t=>({components:{pzGrid:o,pzGridItem:u,pzText:_},setup(){return{args:t,gridStoryExampleLayout:r}},template:`
+</template>`},B={title:"Components/Layouts/PzGrid",component:o,parameters:{prototype:{caption:"Grid component",note:"Vue wrapper over the shared grid utility contract for container, grid, and responsive item spans."},docs:{description:{component:"Use `PzGrid` and `PzGridItem` when you want component-level layout composition instead of writing the emitted CSS utility classes directly."},source:{transform:(t,e)=>E(e.args??f)}}},args:f,argTypes:{as:{control:"select",options:T},container:{control:"boolean"},grid:{control:"boolean"},fluid:{control:"boolean"},fit:{control:"boolean"},dense:{control:"boolean"},heroSpan:{control:"select",options:c},sidebarSpan:{control:"select",options:c},metricSpan:{control:"select",options:c}},render:t=>({components:{pzGrid:o,pzGridItem:u,pzText:_},setup(){return{args:t,gridStoryExampleLayout:r}},template:`
       <div class="pz-grid-story">
         <pz-grid class="pz-grid-story-board">
           <pz-grid-item
@@ -171,4 +171,4 @@ ${i}
     sidebarSpan: 4,
     metricSpan: 4
   }
-}`,...(S=(P=m.parameters)==null?void 0:P.docs)==null?void 0:S.source}}};const A=["ComponentApi","FitLayout"];export{p as ComponentApi,m as FitLayout,A as __namedExportsOrder,k as default};
+}`,...(S=(P=m.parameters)==null?void 0:P.docs)==null?void 0:S.source}}};const k=["ComponentApi","FitLayout"];export{p as ComponentApi,m as FitLayout,k as __namedExportsOrder,B as default};

package/dist/app/assets/PzHint-CGRWH9yl.css

@@ -0,0 +1 @@
+.pz-hint[data-v-2a769765],.pz-hint-container[data-v-2a769765]{display:inline-flex;vertical-align:middle}

package/dist/app/assets/PzHint-Djl4-X3l.js

@@ -0,0 +1 @@
+import{d as r,e as o,y as p,C as n,f as s,u as i,o as m,l}from"./iframe-DbWuH5mz.js";import{V as u}from"./floating-vue-B4YMiR3n.js";import"./floating-vue-BXOYXd0R.js";import{_ as c}from"./_plugin-vue_export-helper-DlAUqK2U.js";const a=r({name:"PzHint",__name:"PzHint",props:{wrapperClass:{default:""},containerWrapperClass:{default:""},placement:{default:"top"},theme:{default:"tooltip"}},setup(e){return(t,f)=>(m(),o("span",{class:s(["pz-hint-container",e.containerWrapperClass])},[p(i(u),{class:s(["pz-hint",e.wrapperClass]),theme:e.theme,placement:e.placement},{popper:n(()=>[l(t.$slots,"content",{},void 0,!0)]),default:n(()=>[l(t.$slots,"default",{},void 0,!0)]),_:3},8,["class","theme","placement"])],2))}}),C=c(a,[["__scopeId","data-v-2a769765"]]);a.__docgenInfo=Object.assign({displayName:a.name??a.__name},{name:"PzHint",exportName:"default",displayName:"PzHint",description:"",tags:{},props:[{name:"wrapperClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"containerWrapperClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"placement",required:!1,type:{name:"Placement"},defaultValue:{func:!1,value:'"top"'}},{name:"theme",required:!1,type:{name:"PzHintTheme"},defaultValue:{func:!1,value:'"tooltip"'}}],slots:[{name:"default"},{name:"content"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Popups/PzHint/PzHint.vue"]});export{C as P};

package/dist/app/assets/{PzHint.stories-YkWa41IH.js → PzHint.stories-DqZpSfmZ.js}

@@ -1,4 +1,4 @@
-import{_ as i}from"./PzIcon-Drlqf9PC.js";import{P as l}from"./PzText-Qtpayc5y.js";import{P as r}from"./PzHint-D62JWyEp.js";import"./iframe-B7Bddli1.js";import"./preload-helper-C1FmrZbK.js";import"./floating-vue-BD2YJLen.js";const c=t=>`<template>
+import{_ as i}from"./PzIcon-BNwLASSZ.js";import{P as l}from"./PzText-LkAZaPCW.js";import{P as r}from"./PzHint-Djl4-X3l.js";import"./iframe-DbWuH5mz.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./floating-vue-B4YMiR3n.js";import"./floating-vue-BXOYXd0R.js";const c=t=>`<template>
   <PzHint
     ${[t.wrapperClass?`wrapper-class="${t.wrapperClass}"`:null,t.containerWrapperClass?`container-wrapper-class="${t.containerWrapperClass}"`:null,t.theme&&t.theme!=="tooltip"?`theme="${t.theme}"`:null,t.placement&&t.placement!=="top"?`placement="${t.placement}"`:null].filter(s=>!!s).join(`
     `)}
@@ -72,4 +72,4 @@ import{_ as i}from"./PzIcon-Drlqf9PC.js";import{P as l}from"./PzText-Qtpayc5y.js
           </div>
         </div>
       </section>
-    `})},e={};var n,p,a;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:"{}",...(a=(p=e.parameters)==null?void 0:p.docs)==null?void 0:a.source}}};const b=["Playground"];export{e as Playground,b as __namedExportsOrder,d as default};
+    `})},e={};var p,n,a;e.parameters={...e.parameters,docs:{...(p=e.parameters)==null?void 0:p.docs,source:{originalSource:"{}",...(a=(n=e.parameters)==null?void 0:n.docs)==null?void 0:a.source}}};const x=["Playground"];export{e as Playground,x as __namedExportsOrder,d as default};

package/dist/app/assets/{PzIcon-Drlqf9PC.js → PzIcon-BNwLASSZ.js}

@@ -1 +1 @@
-import{d as s,e as r,n as c,f as u,t as d,g as a,o as m}from"./iframe-B7Bddli1.js";const p=["role","aria-hidden","aria-label"],n=s({name:"PzIcon",__name:"PzIcon",props:{name:{},variant:{default:"outlined"},size:{default:"16"},label:{default:void 0}},setup(l){const e=l,o=a(()=>({"--pz-icon-size":`var(--pz-font-size-${e.size})`})),i=a(()=>e.label?"img":void 0),t=a(()=>e.label?void 0:"true");return(f,z)=>(m(),r("span",{class:u([{outlined:e.variant==="outlined"},"pz-icon pz-material-icon"]),style:c(o.value),role:i.value,"aria-hidden":t.value,"aria-label":e.label},d(e.name),15,p))}});n.__docgenInfo=Object.assign({displayName:n.name??n.__name},{name:"PzIcon",exportName:"default",displayName:"PzIcon",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"PzIconName"}},{name:"variant",required:!1,type:{name:"PzIconVariant"},defaultValue:{func:!1,value:'"outlined"'}},{name:"size",required:!1,type:{name:"PzIconSize"},defaultValue:{func:!1,value:'"16"'}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"undefined"}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/PzIcon/PzIcon.vue"]});export{n as _};
+import{d as t,e as r,t as c,n as u,f as d,g as a,o as m}from"./iframe-DbWuH5mz.js";const p=["role","aria-hidden","aria-label"],n=t({name:"PzIcon",__name:"PzIcon",props:{name:{},variant:{default:"outlined"},size:{default:"16"},label:{default:void 0}},setup(l){const e=l,o=a(()=>({"--pz-icon-size":`var(--pz-font-size-${e.size})`})),i=a(()=>e.label?"img":void 0),s=a(()=>e.label?void 0:"true");return(f,z)=>(m(),r("span",{class:d([{outlined:e.variant==="outlined"},"pz-icon pz-material-icon"]),style:u(o.value),role:i.value,"aria-hidden":s.value,"aria-label":e.label},c(e.name),15,p))}});n.__docgenInfo=Object.assign({displayName:n.name??n.__name},{name:"PzIcon",exportName:"default",displayName:"PzIcon",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"PzIconName"}},{name:"variant",required:!1,type:{name:"PzIconVariant"},defaultValue:{func:!1,value:'"outlined"'}},{name:"size",required:!1,type:{name:"PzIconSize"},defaultValue:{func:!1,value:'"16"'}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"undefined"}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzIcon/PzIcon.vue"]});export{n as _};

package/dist/app/assets/{PzIcon.stories-DAJBWawA.js → PzIcon.stories-CPbH32o0.js}

@@ -1,4 +1,4 @@
-import{P as c}from"./PzText-Qtpayc5y.js";import{_ as n}from"./PzIcon-Drlqf9PC.js";import"./iframe-B7Bddli1.js";import"./preload-helper-C1FmrZbK.js";const l=["filled","outlined"],p=["12","16","18","20","24","32","44"],d=[{name:"info",label:"Informational state",tone:"primary"},{name:"check_circle",label:"Successful outcome",tone:"success"},{name:"warning",label:"Attention required",tone:"alert"}],m=e=>`<template>
+import{P as c}from"./PzText-LkAZaPCW.js";import{_ as n}from"./PzIcon-BNwLASSZ.js";import"./iframe-DbWuH5mz.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const l=["filled","outlined"],p=["12","16","18","20","24","32","44"],d=[{name:"info",label:"Informational state",tone:"primary"},{name:"check_circle",label:"Successful outcome",tone:"success"},{name:"warning",label:"Attention required",tone:"alert"}],m=e=>`<template>
   <PzIcon ${[`name="${e.name}"`,e.variant!=="outlined"?`variant="${e.variant}"`:null,e.size!=="16"?`size="${e.size}"`:null,e.label?`label="${e.label}"`:null].filter(r=>!!r).join(" ")} />
 </template>`,z={title:"Components/Display/PzIcon",component:n,parameters:{prototype:{caption:"Icon component",note:"Material icon ligatures wrapped in a small Vue API with token-backed sizing and easy CSS overrides."},docs:{description:{component:"Use `PzIcon` for Material icons in design-system UI. The component keeps the API small, inherits custom classes and styles, and exposes CSS custom properties for size and color overrides. Find available icon names in the [Material Icons catalog](https://fonts.google.com/icons)."},source:{transform:(e,t)=>m(t.args??z.args)}}},args:{name:"account_balance",variant:"outlined",size:"24",label:"Procurement entity"},argTypes:{name:{control:"text",description:"Material icon ligature name."},variant:{control:"inline-radio",options:l,description:"Material icon font family variant."},size:{control:"select",options:p,description:"Token-backed font size for the icon."},label:{control:"text",description:"Accessible label. Leave empty for decorative icons."}},render:e=>({components:{pzIcon:n,pzText:c},setup(){return{args:e,iconReferenceItems:d}},template:`
       <div class="pz-icon-story">
@@ -60,4 +60,4 @@ import{P as c}from"./PzText-Qtpayc5y.js";import{_ as n}from"./PzIcon-Drlqf9PC.js
           </div>
         </section>
       </div>
-    `})},o={};var a,i,s;o.parameters={...o.parameters,docs:{...(a=o.parameters)==null?void 0:a.docs,source:{originalSource:"{}",...(s=(i=o.parameters)==null?void 0:i.docs)==null?void 0:s.source}}};const f=["Playground"];export{o as Playground,f as __namedExportsOrder,z as default};
+    `})},o={};var a,i,s;o.parameters={...o.parameters,docs:{...(a=o.parameters)==null?void 0:a.docs,source:{originalSource:"{}",...(s=(i=o.parameters)==null?void 0:i.docs)==null?void 0:s.source}}};const g=["Playground"];export{o as Playground,g as __namedExportsOrder,z as default};

package/dist/app/assets/{PzImage-BNrbMHP9.css → PzImage-ByW3gCC2.css}

@@ -1 +1 @@
-.pz-image-story{display:grid;gap:var(--pz-space-24)}.pz-image-story-hero,.pz-image-story-grid article{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-image-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-image-story-eyebrow,.pz-image-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-image-story-surface{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-image-story-surface .pz-image{--pz-image-radius: var(--pz-space-16);--pz-image-background: color-mix(in srgb, var(--pz-color-grey-20) 90%, var(--pz-color-white))}.pz-image-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pz-space-16)}.pz-image-story-crop-frame{display:grid;place-items:center;min-height:240px;overflow:hidden;border-radius:var(--pz-space-16);background:color-mix(in srgb,var(--pz-color-grey-20) 92%,var(--pz-color-white))}.pz-image-story-crop-frame .pz-image{height:100%;--pz-image-radius: var(--pz-space-16)}.pz-image-story-code{margin:0;font-size:var(--pz-font-size-12);color:var(--pz-color-text-secondary)}@media (width <= 768px){.pz-image-story-grid{grid-template-columns:1fr}.pz-image-story-header{flex-direction:column}}.pz-image[data-v-33d59ff0]{display:inline-block;width:100%;max-width:100%;height:auto;object-fit:var(--pz-image-fit, contain);border-radius:var(--pz-image-radius, 0);background:var(--pz-image-background, transparent);box-shadow:var(--pz-image-shadow, none);vertical-align:middle}
+.pz-image-story{display:grid;gap:var(--pz-space-24)}.pz-image-story-hero,.pz-image-story-grid article{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-image-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-image-story-eyebrow,.pz-image-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-image-story-surface{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-image-story-surface .pz-image{--pz-image-radius: var(--pz-space-16);--pz-image-background: color-mix(in srgb, var(--pz-color-grey-20) 90%, var(--pz-color-white))}.pz-image-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pz-space-16)}.pz-image-story-crop-frame{display:grid;place-items:center;min-height:240px;overflow:hidden;border-radius:var(--pz-space-16);background:color-mix(in srgb,var(--pz-color-grey-20) 92%,var(--pz-color-white))}.pz-image-story-crop-frame .pz-image{height:100%;--pz-image-radius: var(--pz-space-16)}.pz-image-story-code{margin:0;font-size:var(--pz-font-size-12);color:var(--pz-color-text-secondary)}@media (width <= 768px){.pz-image-story-grid{grid-template-columns:1fr}.pz-image-story-header{flex-direction:column}}.pz-image[data-v-d597634d]{display:inline-block;width:100%;max-width:100%;height:auto;object-fit:var(--pz-image-fit, contain);border-radius:var(--pz-image-radius, 0);background:var(--pz-image-background, transparent);box-shadow:var(--pz-image-shadow, none);vertical-align:middle}

package/dist/app/assets/{PzImage.stories-CuPnUuRv.js → PzImage.stories-DaDmEHw0.js}

@@ -1,4 +1,4 @@
-import{_ as l,P as p}from"./PzText-Qtpayc5y.js";import{d,e as g,n as m,g as u,o as f}from"./iframe-B7Bddli1.js";import"./preload-helper-C1FmrZbK.js";const z=["contain","cover","fill","none","scale-down"],y=["eager","lazy"],v=["auto","async","sync"],h=["src","alt","loading","decoding"],i=d({name:"PzImage",__name:"PzImage",props:{src:{},alt:{},fit:{default:"contain"},loading:{default:void 0},decoding:{default:"async"}},setup(e){const a=e,o=u(()=>({"--pz-image-fit":a.fit}));return(P,b)=>(f(),g("img",{class:"pz-image",src:a.src,alt:a.alt,loading:a.loading,decoding:a.decoding,style:m(o.value)},null,12,h))}}),s=l(i,[["__scopeId","data-v-33d59ff0"]]);i.__docgenInfo=Object.assign({displayName:i.name??i.__name},{name:"PzImage",exportName:"default",displayName:"PzImage",description:"",tags:{},props:[{name:"src",required:!0,type:{name:"string"}},{name:"alt",required:!0,type:{name:"string"}},{name:"fit",required:!1,type:{name:"PzImageFit"},defaultValue:{func:!1,value:'"contain"'}},{name:"loading",required:!1,type:{name:"PzImageLoading"},defaultValue:{func:!1,value:"undefined"}},{name:"decoding",required:!1,type:{name:"PzImageDecoding"},defaultValue:{func:!1,value:'"async"'}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/PzImage/PzImage.vue"]});const I=e=>`<template>
+import{P as p}from"./PzText-LkAZaPCW.js";import{d as l,e as d,n as g,g as m,o as u}from"./iframe-DbWuH5mz.js";import{_ as f}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const z=["contain","cover","fill","none","scale-down"],y=["eager","lazy"],v=["auto","async","sync"],h=["src","alt","loading","decoding"],i=l({name:"PzImage",__name:"PzImage",props:{src:{},alt:{},fit:{default:"contain"},loading:{default:void 0},decoding:{default:"async"}},setup(e){const a=e,o=m(()=>({"--pz-image-fit":a.fit}));return(P,b)=>(u(),d("img",{class:"pz-image",src:a.src,alt:a.alt,loading:a.loading,decoding:a.decoding,style:g(o.value)},null,12,h))}}),s=f(i,[["__scopeId","data-v-d597634d"]]);i.__docgenInfo=Object.assign({displayName:i.name??i.__name},{name:"PzImage",exportName:"default",displayName:"PzImage",description:"",tags:{},props:[{name:"src",required:!0,type:{name:"string"}},{name:"alt",required:!0,type:{name:"string"}},{name:"fit",required:!1,type:{name:"PzImageFit"},defaultValue:{func:!1,value:'"contain"'}},{name:"loading",required:!1,type:{name:"PzImageLoading"},defaultValue:{func:!1,value:"undefined"}},{name:"decoding",required:!1,type:{name:"PzImageDecoding"},defaultValue:{func:!1,value:'"async"'}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzImage/PzImage.vue"]});const I=e=>`<template>
   <PzImage ${[`src="${e.src}"`,`alt="${e.alt}"`,e.fit!=="contain"?`fit="${e.fit}"`:null,e.loading?`loading="${e.loading}"`:null,e.decoding!=="async"?`decoding="${e.decoding}"`:null].filter(o=>!!o).join(" ")} />
 </template>`,_={title:"Components/Display/PzImage",component:s,parameters:{prototype:{caption:"Image component",note:"Minimal image primitive with basic responsive defaults and CSS custom properties for easy visual overrides."},docs:{description:{component:"Use `PzImage` when you want a predictable image primitive with responsive defaults. Styling remains easy to customize through inherited classes, inline styles, and the `--pz-image-*` custom properties."},source:{transform:(e,a)=>I(a.args??_.args)}}},args:{src:"/prozorro_logo.png",alt:"Prozorro logotype",fit:"contain",loading:"lazy",decoding:"async"},argTypes:{src:{control:"text",description:"Image source URL."},alt:{control:"text",description:"Alternative text for the image."},fit:{control:"select",options:z,description:"Object-fit behavior for framed image layouts."},loading:{control:"inline-radio",options:y,description:"Native browser loading hint."},decoding:{control:"inline-radio",options:v,description:"Native image decoding mode."}},render:e=>({components:{pzImage:s,pzText:p},setup(){return{args:e}},template:`
       <div class="pz-image-story">
@@ -54,4 +54,4 @@ import{_ as l,P as p}from"./PzText-Qtpayc5y.js";import{d,e as g,n as m,g as u,o
           </article>
         </section>
       </div>
-    `})},t={};var n,r,c;t.parameters={...t.parameters,docs:{...(n=t.parameters)==null?void 0:n.docs,source:{originalSource:"{}",...(c=(r=t.parameters)==null?void 0:r.docs)==null?void 0:c.source}}};const O=["Playground"];export{t as Playground,O as __namedExportsOrder,_ as default};
+    `})},t={};var n,r,c;t.parameters={...t.parameters,docs:{...(n=t.parameters)==null?void 0:n.docs,source:{originalSource:"{}",...(c=(r=t.parameters)==null?void 0:r.docs)==null?void 0:c.source}}};const $=["Playground"];export{t as Playground,$ as __namedExportsOrder,_ as default};

package/dist/app/assets/PzImageInput-BPKv0nfg.css

@@ -0,0 +1 @@
+.pz-image-input[data-v-cdfa2165]{--pz-image-input-text: var(--pz-color-text-primary);--pz-image-input-helper: var(--pz-color-text-secondary);--pz-image-input-error: var(--pz-color-red-50);--pz-image-input-preview-border: var(--pz-color-grey-30);--pz-image-input-preview-size: 120px;display:block;color:var(--pz-image-input-text);font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-image-input-wrap[data-v-cdfa2165]{display:block}.pz-image-input-preview[data-v-cdfa2165]{display:inline-flex;align-items:flex-start;gap:var(--pz-space-16);margin-top:var(--pz-space-8)}.pz-image-input-preview-img[data-v-cdfa2165]{width:var(--pz-image-input-preview-size);height:var(--pz-image-input-preview-size);border-radius:var(--pz-space-4);border:1px solid var(--pz-image-input-preview-border);background-color:var(--pz-color-white);object-fit:cover}.pz-image-input-preview-edit[data-v-cdfa2165]{display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:var(--pz-color-text-primary);cursor:pointer}.pz-image-input-preview-edit[data-v-cdfa2165]:focus-visible{outline:2px solid var(--pz-color-blue-30);outline-offset:2px}.pz-image-input-native[data-v-cdfa2165]{display:none}.pz-image-input-helper[data-v-cdfa2165]{display:block;margin-top:var(--pz-space-8);color:var(--pz-image-input-helper);font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-image-input-error[data-v-cdfa2165]{display:block;margin-top:var(--pz-space-8);color:var(--pz-image-input-error);font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-image-input.disabled[data-v-cdfa2165]{--pz-image-input-text: var(--pz-color-grey-40);--pz-image-input-helper: var(--pz-color-grey-40)}.pz-image-input.error .pz-image-input-preview-img[data-v-cdfa2165]{border-color:var(--pz-image-input-error)}

package/dist/app/assets/PzImageInput.stories-CqBH8e63.js

@@ -0,0 +1,109 @@
+import{d as H,w as E,e as b,y as q,C,u as V,f as G,g as u,o as f,k as z,A as J,E as K,t as P,D as y,r as s}from"./iframe-DbWuH5mz.js";import{P as Q}from"./PzText-LkAZaPCW.js";import{P as X}from"./PzBtn-lJz7FmKO.js";import{_ as Y}from"./PzIcon-BNwLASSZ.js";import{P as Z}from"./PzLabel-Coa549nk.js";import{c as B,d as x}from"./configs-CZIaFchr.js";import{_ as ee}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const ae={class:"pz-image-input-wrap"},te={key:1,class:"pz-image-input-preview"},le=["src","alt"],ie=["aria-label"],ne=["id","name","accept","disabled"],re={class:"pz-image-input-helper"},se={key:0,class:"pz-image-input-error"},I=H({name:"PzImageInput",__name:"PzImageInput",props:{name:{},modelValue:{default:null},label:{default:""},extensions:{default:()=>[...x.acceptedExtensions]},maxSizeBytes:{default:x.maxSizeBytes},imageWidth:{default:x.imageWidth},imageHeight:{default:x.imageHeight},textConfig:{default:()=>({...B})},previewUrl:{default:""},errorMessage:{default:""},hasServerValidations:{type:Boolean,default:!1},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},editable:{type:Boolean,default:!0}},emits:["focus","blur","update:modelValue"],setup(e,{emit:o}){const a=e,m=o,v=s(null),p=s(""),c=s(""),d=u(()=>a.textConfig??B),S=u(()=>a.modelValue instanceof File),M=u(()=>!!a.previewUrl),U=u(()=>S.value||M.value),j=u(()=>p.value||a.previewUrl||""),T=u(()=>a.extensions.join(",")),w=u(()=>a.errorMessage||c.value);E(()=>a.modelValue,t=>{t instanceof File||(p.value="")});const F=()=>{var t;(t=v.value)==null||t.click()},A=(t,l,n)=>new Promise(i=>{if(!l&&!n){i(!0);return}const r=URL.createObjectURL(t),g=new Image;g.onload=()=>{URL.revokeObjectURL(r);const W=!l||g.naturalWidth===l,_=!n||g.naturalHeight===n;i(W&&_)},g.onerror=()=>{URL.revokeObjectURL(r),i(!1)},g.src=r}),N=t=>new Promise((l,n)=>{const i=new FileReader;i.onload=()=>{l(typeof i.result=="string"?i.result:"")},i.onerror=()=>n(i.error),i.readAsDataURL(t)}),$=async t=>{if(a.hasServerValidations)return"";const l=t.name.toLowerCase();return a.extensions.some(r=>l.endsWith(r.toLowerCase()))?t.size>a.maxSizeBytes?d.value.fileTooLargeMessage:await A(t,a.imageWidth,a.imageHeight)?"":d.value.invalidDimensionsMessage:d.value.invalidExtensionMessage},O=async t=>{var r;const l=t.target,n=(r=l.files)==null?void 0:r[0];if(l.value="",c.value="",!n)return;const i=await $(n);if(i){c.value=i,p.value="",a.modelValue instanceof File&&m("update:modelValue",null);return}p.value=await N(n),m("update:modelValue",n)};return(t,l)=>(f(),b("div",{class:G(["pz-image-input",{error:!!w.value,disabled:e.disabled}])},[q(V(Z),{label:e.label,for:e.name,required:e.required,disabled:e.disabled},{default:C(()=>[z("div",ae,[e.editable&&!U.value?(f(),J(V(X),{key:0,variant:"primary-outline",type:"button",disabled:e.disabled,onClick:F},{default:C(()=>[K(P(d.value.buttonLabel),1)]),_:1},8,["disabled"])):y("",!0),U.value?(f(),b("div",te,[z("img",{src:j.value,alt:e.label||d.value.buttonLabel,class:"pz-image-input-preview-img"},null,8,le),e.editable&&!e.disabled?(f(),b("button",{key:0,type:"button",class:"pz-image-input-preview-edit","aria-label":d.value.editButtonLabel,onClick:F},[q(V(Y),{name:"edit",size:"16"})],8,ie)):y("",!0)])):y("",!0),z("input",{id:e.name,ref_key:"imageInputRef",ref:v,class:"pz-image-input-native",type:"file",name:e.name,accept:T.value,disabled:e.disabled||!e.editable,onChange:O,onFocus:l[0]||(l[0]=n=>m("focus")),onBlur:l[1]||(l[1]=n=>m("blur"))},null,40,ne)]),z("span",re,P(d.value.helperText),1),w.value?(f(),b("span",se,P(w.value),1)):y("",!0)]),_:1},8,["label","for","required","disabled"])],2))}}),D=ee(I,[["__scopeId","data-v-cdfa2165"]]);I.__docgenInfo=Object.assign({displayName:I.name??I.__name},{name:"PzImageInput",exportName:"default",displayName:"PzImageInput",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"modelValue",required:!1,type:{name:"PzImageInputValue"},defaultValue:{func:!1,value:"null"}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"extensions",required:!1,type:{name:"Array",elements:[{name:"string"}]},defaultValue:{func:!1,value:"() => [...pzFormImageUploadRules.acceptedExtensions]"}},{name:"maxSizeBytes",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"pzFormImageUploadRules.maxSizeBytes"}},{name:"imageWidth",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"pzFormImageUploadRules.imageWidth"}},{name:"imageHeight",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"pzFormImageUploadRules.imageHeight"}},{name:"textConfig",required:!1,type:{name:"PzFormImageInputTextConfig"},defaultValue:{func:!1,value:"() => ({ ...pzFormImageUploadTexts })"}},{name:"previewUrl",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"errorMessage",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"hasServerValidations",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"required",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"editable",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}}],events:[{name:"focus"},{name:"blur"},{name:"update:modelValue",type:{names:["PzImageInputValue"]}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzImageInput/PzImageInput.vue"]});const oe=e=>`<template>
+  <PzImageInput
+    v-model="image"
+    ${[`name="${e.name}"`,e.label?`label="${e.label}"`:null,e.previewUrl?`preview-url="${e.previewUrl}"`:null,e.required?':required="true"':null,e.disabled?':disabled="true"':null,e.editable===!1?':editable="false"':null,e.errorMessage?`error-message="${e.errorMessage}"`:null,e.hasServerValidations?':has-server-validations="true"':null].filter(a=>!!a).join(" ")}
+  />
+</template>`,de="data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20800%20800'%3E%3Crect%20width%3D'800'%20height%3D'800'%20fill%3D'%23E7F1FF'%2F%3E%3Ctext%20x%3D'50%25'%20y%3D'50%25'%20dominant-baseline%3D'middle'%20text-anchor%3D'middle'%20fill%3D'%231B4DAF'%20font-family%3D'Arial'%20font-size%3D'96'%3EPreview%20800%C3%97800%3C%2Ftext%3E%3C%2Fsvg%3E",ue={title:"Components/Form/PzImageInput",component:D,parameters:{docs:{description:{component:"Use `PzImageInput` to collect a single image. It validates the picked file against extension, size and expected dimensions (defaults 800×800 px, .png/.jpg/.jpeg, up to 1 МБ) and renders a preview with a replace action. Pass `previewUrl` to pre-fill the preview from an existing URL and `textConfig` to override the labels/messages for reuse in other projects."},source:{transform:(e,o)=>oe(o.args??ue.args)}}},args:{name:"pz-image-input-story",label:"Логотип",modelValue:null,previewUrl:"",errorMessage:"",hasServerValidations:!1,required:!1,disabled:!1,editable:!0},argTypes:{name:{control:"text",description:"Native input `id`/`name`."},label:{control:"text",description:"Текст лейбла над полем."},previewUrl:{control:"text",description:"URL існуючого зображення для попереднього перегляду."},errorMessage:{control:"text",description:"Зовнішнє повідомлення про помилку; вмикає error-стан."},hasServerValidations:{control:"boolean",description:"Прапорець, що сигналізує про наявність серверних помилок валідації; текст передається через `errorMessage`."},required:{control:"boolean",description:"Позначає поле як обов'язкове."},disabled:{control:"boolean",description:"Блокує взаємодію з контролом."},editable:{control:"boolean",description:"Коли `false`, приховує кнопки додавання та редагування — компонент працює у режимі прев'ю."}},render:e=>({components:{pzImageInput:D,pzText:Q},setup(){const o=s(e.modelValue??null),a=s(null),m=s(null),v=s(null),p=s(null);return E(()=>e.modelValue,c=>{o.value=c??null}),{args:e,image:o,defaultImage:a,errorImage:m,disabledImage:v,customImage:p,samplePreviewUrl:de}},template:`
+      <div style="display: flex; flex-direction: column; gap: var(--pz-space-24); max-width: 560px;">
+        <section>
+          <pz-text variant="h4-bold">API компонента</pz-text>
+          <div style="margin-top: var(--pz-space-16);">
+            <pz-image-input
+              v-model="image"
+              :name="args.name"
+              :label="args.label"
+              :preview-url="args.previewUrl"
+              :required="args.required"
+              :disabled="args.disabled"
+              :editable="args.editable"
+              :error-message="args.errorMessage"
+              :has-server-validations="args.hasServerValidations"
+            />
+          </div>
+        </section>
+
+        <section>
+          <pz-text variant="h4-bold">Порожній стан</pz-text>
+          <div style="margin-top: var(--pz-space-16);">
+            <pz-image-input
+              v-model="defaultImage"
+              name="image-default"
+              label="Завантажте зображення"
+            />
+          </div>
+        </section>
+
+        <section>
+          <pz-text variant="h4-bold">З попередньо завантаженим зображенням</pz-text>
+          <div style="margin-top: var(--pz-space-16);">
+            <pz-image-input
+              name="image-preview"
+              label="Логотип організації"
+              :preview-url="samplePreviewUrl"
+            />
+          </div>
+        </section>
+
+        <section>
+          <pz-text variant="h4-bold">Стани</pz-text>
+          <div style="display: flex; flex-direction: column; gap: var(--pz-space-16); margin-top: var(--pz-space-16);">
+            <pz-image-input
+              v-model="errorImage"
+              name="image-error"
+              label="Помилка"
+              error-message="Поле обов'язкове для заповнення"
+              required
+            />
+            <pz-image-input
+              name="image-server-errors"
+              label="Серверна валідація"
+              :preview-url="samplePreviewUrl"
+              :has-server-validations="true"
+              error-message="Сервер відхилив зображення: розмір перевищує ліміт."
+            />
+            <pz-image-input
+              v-model="disabledImage"
+              name="image-disabled"
+              label="Недоступне поле"
+              disabled
+            />
+            <pz-image-input
+              name="image-readonly"
+              label="Readonly (editable=false)"
+              :preview-url="samplePreviewUrl"
+              :editable="false"
+            />
+          </div>
+        </section>
+
+        <section>
+          <pz-text variant="h4-bold">Власні обмеження</pz-text>
+          <div style="margin-top: var(--pz-space-16);">
+            <pz-image-input
+              v-model="customImage"
+              name="image-custom"
+              label="PNG/JPG, до 2 МБ, будь-який розмір"
+              :max-size-bytes="2 * 1024 * 1024"
+              :image-width="0"
+              :image-height="0"
+              :text-config="{
+                buttonLabel: 'Завантажити банер',
+                helperText: 'Допустимі формати .png, .jpg, .jpeg до 2 МБ',
+                invalidExtensionMessage: 'Підтримуються лише .png, .jpg, .jpeg',
+                fileTooLargeMessage: 'Файл перевищує 2 МБ',
+                invalidDimensionsMessage: 'Некоректні розміри зображення',
+                editButtonLabel: 'Замінити банер',
+              }"
+            />
+          </div>
+        </section>
+      </div>
+    `})},h={parameters:{docs:{description:{story:"Інтерактивний приклад `PzImageInput` з порожнім станом, прев'ю з `previewUrl`, readonly, disabled, помилками та власними правилами валідації."}}}};var L,R,k;h.parameters={...h.parameters,docs:{...(L=h.parameters)==null?void 0:L.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "Інтерактивний приклад \`PzImageInput\` з порожнім станом, прев'ю з \`previewUrl\`, readonly, disabled, помилками та власними правилами валідації."
+      }
+    }
+  }
+}`,...(k=(R=h.parameters)==null?void 0:R.docs)==null?void 0:k.source}}};const ye=["Playground"];export{h as Playground,ye as __namedExportsOrder,ue as default};

package/dist/app/assets/{PzInfoBlockLayout-5bxpq9bJ.css → PzInfoBlockLayout-DbFWjWZn.css}

@@ -1 +1 @@
-.pz-info-block-layout-story{display:grid;gap:var(--pz-space-24)}.pz-info-block-layout-story-hero,.pz-info-block-layout-story-group{padding:var(--pz-space-24);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 46%);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-info-block-layout-story-group-muted{background:linear-gradient(180deg,color-mix(in srgb,#dbe8e2 72%,var(--pz-color-white)),color-mix(in srgb,#edf4f0 86%,var(--pz-color-white))),linear-gradient(135deg,color-mix(in srgb,#6f9a8e 8%,transparent),transparent 44%)}.pz-info-block-layout-story-hero,.pz-info-block-layout-story-group-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-info-block-layout-story-board,.pz-info-block-layout-story-gallery,.pz-info-block-layout-story-stack{display:grid;gap:var(--pz-space-24)}.pz-info-block-layout-story-surface{padding:clamp(24px,3vw,36px);border:1px solid color-mix(in srgb,var(--pz-color-grey-40) 54%,transparent);border-radius:28px;background:color-mix(in srgb,var(--pz-color-white) 96%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--pz-color-white) 98%,transparent),0 20px 60px color-mix(in srgb,var(--pz-color-black-90) 8%,transparent)}.pz-info-block-layout-story-eyebrow,.pz-info-block-layout-story-group-kicker,.pz-info-block-layout-story-chip{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.pz-info-block-layout-story-eyebrow,.pz-info-block-layout-story-group-kicker{color:var(--pz-color-text-link-hover)}.pz-info-block-layout-story-chip{padding:10px 14px;border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-50) 10%,transparent);color:var(--pz-color-text-link-hover)}.pz-info-block-layout-story-badge{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;padding-inline:10px;border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-50) 14%,transparent);color:var(--pz-color-text-link-hover);font-size:13px;font-weight:700}.pz-info-block-layout-story-helper-link{display:inline-flex;align-items:start;gap:var(--pz-space-8);color:var(--pz-color-text-secondary);font-size:clamp(16px,1.35vw,18px);font-style:italic;line-height:1.45;text-decoration:none}.pz-info-block-layout-story-helper-link:hover{color:var(--pz-color-text-link-hover)}.pz-info-block-layout-story-helper-link .pz-icon{margin-top:2px;--pz-icon-color: currentcolor}.pz-info-block-layout-story-info-list{display:grid;gap:var(--pz-space-20)}.pz-info-block-layout-story-info-row{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(0,1fr);gap:24px;align-items:start}.pz-info-block-layout-story-info-label{display:flex;align-items:center;gap:12px;min-width:0;color:var(--pz-color-text-primary);font-size:14px;font-weight:700;line-height:1.45}.pz-info-block-layout-story-info-label:after{flex:1;min-width:24px;border-bottom:1px dotted color-mix(in srgb,var(--pz-color-grey-40) 90%,transparent);content:""}.pz-info-block-layout-story-info-value{display:grid;gap:6px;min-width:0;color:var(--pz-color-text-primary);font-size:clamp(15px,1.25vw,17px);line-height:1.45}.pz-info-block-layout-story-inline-link{color:var(--pz-color-text-link);text-decoration:none}.pz-info-block-layout-story-inline-link:hover{color:var(--pz-color-text-link-hover);text-decoration:underline}.pz-info-block-layout-story-table-wrap{overflow-x:auto}.pz-info-block-layout-story-table{width:100%;border-collapse:collapse}.pz-info-block-layout-story-table th,.pz-info-block-layout-story-table td{padding:18px 14px;text-align:left;vertical-align:top;color:var(--pz-color-text-primary);font-size:14px;line-height:1.45}.pz-info-block-layout-story-table th{font-size:13px;font-weight:700}.pz-info-block-layout-story-table thead tr{border-bottom:1px solid color-mix(in srgb,var(--pz-color-grey-40) 64%,transparent)}.pz-info-block-layout-story-table tbody tr+tr{border-top:1px solid color-mix(in srgb,var(--pz-color-grey-40) 48%,transparent)}@media (width <= 1024px){.pz-info-block-layout-story-hero,.pz-info-block-layout-story-group-header,.pz-info-block-layout-story-info-row{grid-template-columns:1fr;flex-direction:column}.pz-info-block-layout-story-info-label:after{display:none}}@media (width <= 640px){.pz-info-block-layout-story-hero,.pz-info-block-layout-story-group,.pz-info-block-layout-story-surface{padding:20px;border-radius:22px}.pz-info-block-layout-story-helper-link{font-size:16px}.pz-info-block-layout-story-table th,.pz-info-block-layout-story-table td{padding:14px 10px;font-size:13px}}.pz-info-block-layout[data-v-976b9034]{--pz-info-block-layout-content-margin-top: var(--pz-space-24);min-width:0}.pz-info-block-layout-header[data-v-976b9034]{display:flex;flex-direction:column;align-items:start;gap:var(--pz-space-16)}@media (min-width: 1024px){.pz-info-block-layout-header[data-v-976b9034]{flex-direction:row;justify-content:space-between}}.pz-info-block-layout-actions[data-v-976b9034]{min-width:0;flex-shrink:0}.pz-info-block-layout-helper[data-v-976b9034]{min-width:0;margin-top:var(--pz-space-12)}.pz-info-block-layout-content[data-v-976b9034]{min-width:0;margin-top:var(--pz-info-block-layout-content-margin-top)}.pz-info-block-layout-content.tight[data-v-976b9034]{--pz-info-block-layout-content-margin-top: var(--pz-space-12)}@media (min-width: 1024px){.pz-info-block-layout-content.tight[data-v-976b9034]{--pz-info-block-layout-content-margin-top: var(--pz-space-20)}}
+.pz-info-block-layout-story{display:grid;gap:var(--pz-space-24)}.pz-info-block-layout-story-hero,.pz-info-block-layout-story-group{padding:var(--pz-space-24);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 46%);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-info-block-layout-story-group-muted{background:linear-gradient(180deg,color-mix(in srgb,#dbe8e2 72%,var(--pz-color-white)),color-mix(in srgb,#edf4f0 86%,var(--pz-color-white))),linear-gradient(135deg,color-mix(in srgb,#6f9a8e 8%,transparent),transparent 44%)}.pz-info-block-layout-story-hero,.pz-info-block-layout-story-group-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-info-block-layout-story-board,.pz-info-block-layout-story-gallery,.pz-info-block-layout-story-stack{display:grid;gap:var(--pz-space-24)}.pz-info-block-layout-story-surface{padding:clamp(24px,3vw,36px);border:1px solid color-mix(in srgb,var(--pz-color-grey-40) 54%,transparent);border-radius:28px;background:color-mix(in srgb,var(--pz-color-white) 96%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--pz-color-white) 98%,transparent),0 20px 60px color-mix(in srgb,var(--pz-color-black-90) 8%,transparent)}.pz-info-block-layout-story-eyebrow,.pz-info-block-layout-story-group-kicker,.pz-info-block-layout-story-chip{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.pz-info-block-layout-story-eyebrow,.pz-info-block-layout-story-group-kicker{color:var(--pz-color-text-link-hover)}.pz-info-block-layout-story-chip{padding:10px 14px;border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-50) 10%,transparent);color:var(--pz-color-text-link-hover)}.pz-info-block-layout-story-badge{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;padding-inline:10px;border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-50) 14%,transparent);color:var(--pz-color-text-link-hover);font-size:13px;font-weight:700}.pz-info-block-layout-story-helper-link{display:inline-flex;align-items:start;gap:var(--pz-space-8);color:var(--pz-color-text-secondary);font-size:clamp(16px,1.35vw,18px);font-style:italic;line-height:1.45;text-decoration:none}.pz-info-block-layout-story-helper-link:hover{color:var(--pz-color-text-link-hover)}.pz-info-block-layout-story-helper-link .pz-icon{margin-top:2px;--pz-icon-color: currentcolor}.pz-info-block-layout-story-info-list{display:grid;gap:var(--pz-space-20)}.pz-info-block-layout-story-info-row{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(0,1fr);gap:24px;align-items:start}.pz-info-block-layout-story-info-label{display:flex;align-items:center;gap:12px;min-width:0;color:var(--pz-color-text-primary);font-size:14px;font-weight:700;line-height:1.45}.pz-info-block-layout-story-info-label:after{flex:1;min-width:24px;border-bottom:1px dotted color-mix(in srgb,var(--pz-color-grey-40) 90%,transparent);content:""}.pz-info-block-layout-story-info-value{display:grid;gap:6px;min-width:0;color:var(--pz-color-text-primary);font-size:clamp(15px,1.25vw,17px);line-height:1.45}.pz-info-block-layout-story-inline-link{color:var(--pz-color-text-link);text-decoration:none}.pz-info-block-layout-story-inline-link:hover{color:var(--pz-color-text-link-hover);text-decoration:underline}.pz-info-block-layout-story-table-wrap{overflow-x:auto}.pz-info-block-layout-story-table{width:100%;border-collapse:collapse}.pz-info-block-layout-story-table th,.pz-info-block-layout-story-table td{padding:18px 14px;text-align:left;vertical-align:top;color:var(--pz-color-text-primary);font-size:14px;line-height:1.45}.pz-info-block-layout-story-table th{font-size:13px;font-weight:700}.pz-info-block-layout-story-table thead tr{border-bottom:1px solid color-mix(in srgb,var(--pz-color-grey-40) 64%,transparent)}.pz-info-block-layout-story-table tbody tr+tr{border-top:1px solid color-mix(in srgb,var(--pz-color-grey-40) 48%,transparent)}@media (width <= 1024px){.pz-info-block-layout-story-hero,.pz-info-block-layout-story-group-header,.pz-info-block-layout-story-info-row{grid-template-columns:1fr;flex-direction:column}.pz-info-block-layout-story-info-label:after{display:none}}@media (width <= 640px){.pz-info-block-layout-story-hero,.pz-info-block-layout-story-group,.pz-info-block-layout-story-surface{padding:20px;border-radius:22px}.pz-info-block-layout-story-helper-link{font-size:16px}.pz-info-block-layout-story-table th,.pz-info-block-layout-story-table td{padding:14px 10px;font-size:13px}}.pz-info-block-layout[data-v-ad6e2a06]{--pz-info-block-layout-content-margin-top: var(--pz-space-24);min-width:0}.pz-info-block-layout-header[data-v-ad6e2a06]{display:flex;flex-direction:column;align-items:start;gap:var(--pz-space-16)}@media (min-width: 1024px){.pz-info-block-layout-header[data-v-ad6e2a06]{flex-direction:row;justify-content:space-between}}.pz-info-block-layout-actions[data-v-ad6e2a06]{min-width:0;flex-shrink:0}.pz-info-block-layout-helper[data-v-ad6e2a06]{min-width:0;margin-top:var(--pz-space-12)}.pz-info-block-layout-content[data-v-ad6e2a06]{min-width:0;margin-top:var(--pz-info-block-layout-content-margin-top)}.pz-info-block-layout-content.tight[data-v-ad6e2a06]{--pz-info-block-layout-content-margin-top: var(--pz-space-12)}@media (min-width: 1024px){.pz-info-block-layout-content.tight[data-v-ad6e2a06]{--pz-info-block-layout-content-margin-top: var(--pz-space-20)}}

package/dist/app/assets/{PzInfoBlockLayout.stories-Bv_9N16u.js → PzInfoBlockLayout.stories-9CCtPFO-.js}

@@ -1,4 +1,4 @@
-import{_ as b}from"./PzIcon-Drlqf9PC.js";import{P as f,_ as h}from"./PzText-Qtpayc5y.js";import{d as k,e as s,l as r,m as z,w,s as g,j as t,k as c,f as x,o as l,q as _,t as I}from"./iframe-B7Bddli1.js";import"./preload-helper-C1FmrZbK.js";const C={class:"pz-info-block-layout"},P={class:"pz-info-block-layout-header"},T={key:0,class:"pz-info-block-layout-actions"},B={key:0,class:"pz-info-block-layout-helper"},i=k({name:"PzInfoBlockLayout",__name:"PzInfoBlockLayout",props:{title:{},titleClass:{default:""},mode:{default:""}},setup(e){return(o,n)=>(l(),s("section",C,[r("div",P,[z(g(f),{variant:"h4-bold"},{default:w(()=>[t(o.$slots,"title",{},()=>[_(I(e.title),1)],!0)]),_:3}),o.$slots.right_section?(l(),s("div",T,[t(o.$slots,"right_section",{},void 0,!0)])):c("",!0)]),o.$slots.heading?(l(),s("div",B,[t(o.$slots,"heading",{},void 0,!0)])):c("",!0),r("div",{class:x(["pz-info-block-layout-content",{mode:e.mode}])},[t(o.$slots,"default",{},void 0,!0)],2)]))}}),d=h(i,[["__scopeId","data-v-976b9034"]]);i.__docgenInfo=Object.assign({displayName:i.name??i.__name},{name:"PzInfoBlockLayout",exportName:"default",displayName:"PzInfoBlockLayout",description:"",tags:{},props:[{name:"title",required:!1,type:{name:"string"}},{name:"titleClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"mode",required:!1,type:{name:"PzInfoBlockLayoutMode"},defaultValue:{func:!1,value:'""'}},{name:"spacing",defaultValue:{func:!1,value:"undefined"}}],slots:[{name:"title"},{name:"right_section"},{name:"heading"},{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/PzInfoBlockLayout/PzInfoBlockLayout.vue"]});const A=["","tight"],L=[{id:"preview-name",label:"Name",parts:[{id:"preview-name-text",text:"Test Division Organization (AUTOMATION)"}]},{id:"preview-code",label:"EDRPOU code",parts:[{id:"preview-code-text",text:"60100000"}]},{id:"preview-location",label:"Location",parts:[{id:"preview-location-text",text:"00601, Україна, м. Київ, Вулиця, будинок, квартира"}]}],R=[{id:"customer-name",label:"Name",parts:[{id:"customer-name-text",text:"Test Division Organization (AUTOMATION)"}]},{id:"customer-edrpou",label:"EDRPOU code",parts:[{id:"customer-edrpou-text",text:"60100000"}]},{id:"customer-location",label:"Location",parts:[{id:"customer-location-text",text:"00601, Україна, м. Київ, Вулиця, будинок, квартира"}]},{id:"customer-category",label:"Category",parts:[{id:"customer-category-text",text:"A legal entity that operates in one or more specific business areas"}]},{id:"customer-contact",label:"Contact person",parts:[{id:"customer-contact-name",text:"divisionAdminSNMD divisionAdminFNMD"},{id:"customer-contact-phone",text:"380500000000",href:"tel:+380500000000"},{id:"customer-contact-mail",text:"divisionAdmin@division.com",href:"mailto:divisionAdmin@division.com"}]}],N=[{id:"purchase-subject",label:"Type of subject of purchase",parts:[{id:"purchase-subject-text",text:"services"}]},{id:"purchase-code",label:"Classifier and its corresponding code",parts:[{id:"purchase-code-text",text:"ДК 021:2015: 33190000-8 — Медичне обладнання та вироби медичного призначення різні"}]}],O=[{id:"purchase-name",label:"Name"},{id:"purchase-classifier",label:"Classifier and code"},{id:"purchase-quantity",label:"Quantity/Units of measurement"},{id:"purchase-location",label:"Delivery location"},{id:"purchase-date",label:"Delivery date"}],S=[{id:"purchase-row-1",cells:["i-9d86f099 Летіти гроші яблуко боєць благати заклад.","ДК 021:2015: 33193100-0 — Автомобілі для інвалідів та інвалідні візки","3.51879 кубічний метр на годину","69446, Україна, Київська область, Фастів, Улюблений, 66","from 9 June 2026 to 14 June 2026"]},{id:"purchase-row-2",cells:["i-0fb3a80e Постійний якесь білизна розводити мета виконувати.","ДК 021:2015: 33196200-2 — Пристрої для людей з обмеженими можливостями","15.97218 гігагерц","89498, Україна, Чернівецька область, Чернівці, Курінна, 131","from 9 June 2026 to 14 June 2026"]}],$=[{id:"delivery-event",label:"Подія"},{id:"delivery-type",label:"Тип"},{id:"delivery-basis",label:"Підстава"},{id:"delivery-period",label:"Період, (днів)"},{id:"delivery-day-type",label:"Тип днів"},{id:"delivery-amount",label:"Розмір, (%)"}],D=[{id:"delivery-row-1",cells:["Financing","Postpayments","signing the contract","306","calendar","100"]},{id:"delivery-row-2",cells:["Delivery","Recurring delivery","submitting payment","67","calendar","100"]}],j=e=>{const o=[`title="${e.title}"`,e.titleClass?`title-class="${e.titleClass}"`:null,e.mode?`mode="${e.mode}"`:null].filter(v=>!!v).join(`
+import{_ as b}from"./PzIcon-BNwLASSZ.js";import{P as f}from"./PzText-LkAZaPCW.js";import{d as h,e as s,k as r,y as k,C as z,u as w,l as t,D as c,f as g,o as l,E as x,t as _}from"./iframe-DbWuH5mz.js";import{_ as I}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const C={class:"pz-info-block-layout"},P={class:"pz-info-block-layout-header"},T={key:0,class:"pz-info-block-layout-actions"},B={key:0,class:"pz-info-block-layout-helper"},i=h({name:"PzInfoBlockLayout",__name:"PzInfoBlockLayout",props:{title:{},titleClass:{default:""},mode:{default:""}},setup(e){return(o,n)=>(l(),s("section",C,[r("div",P,[k(w(f),{variant:"h4-bold"},{default:z(()=>[t(o.$slots,"title",{},()=>[x(_(e.title),1)],!0)]),_:3}),o.$slots.right_section?(l(),s("div",T,[t(o.$slots,"right_section",{},void 0,!0)])):c("",!0)]),o.$slots.heading?(l(),s("div",B,[t(o.$slots,"heading",{},void 0,!0)])):c("",!0),r("div",{class:g(["pz-info-block-layout-content",{mode:e.mode}])},[t(o.$slots,"default",{},void 0,!0)],2)]))}}),d=I(i,[["__scopeId","data-v-ad6e2a06"]]);i.__docgenInfo=Object.assign({displayName:i.name??i.__name},{name:"PzInfoBlockLayout",exportName:"default",displayName:"PzInfoBlockLayout",description:"",tags:{},props:[{name:"title",required:!1,type:{name:"string"}},{name:"titleClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"mode",required:!1,type:{name:"PzInfoBlockLayoutMode"},defaultValue:{func:!1,value:'""'}},{name:"spacing",defaultValue:{func:!1,value:"undefined"}}],slots:[{name:"title"},{name:"right_section"},{name:"heading"},{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Layouts/PzInfoBlockLayout/PzInfoBlockLayout.vue"]});const L=["","tight"],A=[{id:"preview-name",label:"Name",parts:[{id:"preview-name-text",text:"Test Division Organization (AUTOMATION)"}]},{id:"preview-code",label:"EDRPOU code",parts:[{id:"preview-code-text",text:"60100000"}]},{id:"preview-location",label:"Location",parts:[{id:"preview-location-text",text:"00601, Україна, м. Київ, Вулиця, будинок, квартира"}]}],R=[{id:"customer-name",label:"Name",parts:[{id:"customer-name-text",text:"Test Division Organization (AUTOMATION)"}]},{id:"customer-edrpou",label:"EDRPOU code",parts:[{id:"customer-edrpou-text",text:"60100000"}]},{id:"customer-location",label:"Location",parts:[{id:"customer-location-text",text:"00601, Україна, м. Київ, Вулиця, будинок, квартира"}]},{id:"customer-category",label:"Category",parts:[{id:"customer-category-text",text:"A legal entity that operates in one or more specific business areas"}]},{id:"customer-contact",label:"Contact person",parts:[{id:"customer-contact-name",text:"divisionAdminSNMD divisionAdminFNMD"},{id:"customer-contact-phone",text:"380500000000",href:"tel:+380500000000"},{id:"customer-contact-mail",text:"divisionAdmin@division.com",href:"mailto:divisionAdmin@division.com"}]}],N=[{id:"purchase-subject",label:"Type of subject of purchase",parts:[{id:"purchase-subject-text",text:"services"}]},{id:"purchase-code",label:"Classifier and its corresponding code",parts:[{id:"purchase-code-text",text:"ДК 021:2015: 33190000-8 — Медичне обладнання та вироби медичного призначення різні"}]}],O=[{id:"purchase-name",label:"Name"},{id:"purchase-classifier",label:"Classifier and code"},{id:"purchase-quantity",label:"Quantity/Units of measurement"},{id:"purchase-location",label:"Delivery location"},{id:"purchase-date",label:"Delivery date"}],D=[{id:"purchase-row-1",cells:["i-9d86f099 Летіти гроші яблуко боєць благати заклад.","ДК 021:2015: 33193100-0 — Автомобілі для інвалідів та інвалідні візки","3.51879 кубічний метр на годину","69446, Україна, Київська область, Фастів, Улюблений, 66","from 9 June 2026 to 14 June 2026"]},{id:"purchase-row-2",cells:["i-0fb3a80e Постійний якесь білизна розводити мета виконувати.","ДК 021:2015: 33196200-2 — Пристрої для людей з обмеженими можливостями","15.97218 гігагерц","89498, Україна, Чернівецька область, Чернівці, Курінна, 131","from 9 June 2026 to 14 June 2026"]}],S=[{id:"delivery-event",label:"Подія"},{id:"delivery-type",label:"Тип"},{id:"delivery-basis",label:"Підстава"},{id:"delivery-period",label:"Період, (днів)"},{id:"delivery-day-type",label:"Тип днів"},{id:"delivery-amount",label:"Розмір, (%)"}],$=[{id:"delivery-row-1",cells:["Financing","Postpayments","signing the contract","306","calendar","100"]},{id:"delivery-row-2",cells:["Delivery","Recurring delivery","submitting payment","67","calendar","100"]}],H=e=>{const o=[`title="${e.title}"`,e.titleClass?`title-class="${e.titleClass}"`:null,e.mode?`mode="${e.mode}"`:null].filter(v=>!!v).join(`
     `),n=e.showHelper?`
     <template #heading>
       <a href="#" class="custom-helper-link">
@@ -23,7 +23,7 @@ import{_ as b}from"./PzIcon-Drlqf9PC.js";import{P as f,_ as h}from"./PzText-Qtpa
       </div>
     </div>
   </PzInfoBlockLayout>
-</template>`},H={title:"Components/Layouts/PzInfoBlockLayout",component:d,parameters:{prototype:{caption:"Info block layout",note:"Section-level layout for procurement detail pages. It owns heading rhythm, helper/action slots, and content spacing while inner rows, tables, and business semantics stay outside the component."},docs:{description:{component:"Use `PzInfoBlockLayout` as a generic information section shell. It provides a title row, optional right-side actions through `right_section`, optional helper content through `heading`, and a content area with default or tight spacing."},source:{transform:(e,o)=>j(o.args??H.args)}}},args:{title:"Customer information",titleClass:"",mode:"",showActions:!1,showHelper:!0,helperText:"How to check the customer before participating in the tender"},argTypes:{title:{control:"text",description:"Primary section heading."},titleClass:{control:"text",description:"Additional class for the title element."},mode:{control:"inline-radio",options:A,description:"Content spacing mode. Use `tight` for denser sections."},showActions:{control:"boolean",description:"Shows the `right_section` slot in the live preview.",table:{category:"Slots"}},showHelper:{control:"boolean",description:"Shows the `heading` slot in the live preview.",table:{category:"Slots"}},helperText:{control:"text",description:"Helper link copy used in the live preview.",table:{category:"Slots"}}},render:e=>({components:{pzIcon:b,pzInfoBlockLayout:d,pzText:f},setup(){return{args:e,customerInfoRows:R,deliveryColumns:$,deliveryRows:D,previewRows:L,purchaseColumns:O,purchaseInfoRows:N,purchaseRows:S}},template:`
+</template>`},U={title:"Components/Layouts/PzInfoBlockLayout",component:d,parameters:{prototype:{caption:"Info block layout",note:"Section-level layout for procurement detail pages. It owns heading rhythm, helper/action slots, and content spacing while inner rows, tables, and business semantics stay outside the component."},docs:{description:{component:"Use `PzInfoBlockLayout` as a generic information section shell. It provides a title row, optional right-side actions through `right_section`, optional helper content through `heading`, and a content area with default or tight spacing."},source:{transform:(e,o)=>H(o.args??U.args)}}},args:{title:"Customer information",titleClass:"",mode:"",showActions:!1,showHelper:!0,helperText:"How to check the customer before participating in the tender"},argTypes:{title:{control:"text",description:"Primary section heading."},titleClass:{control:"text",description:"Additional class for the title element."},mode:{control:"inline-radio",options:L,description:"Content spacing mode. Use `tight` for denser sections."},showActions:{control:"boolean",description:"Shows the `right_section` slot in the live preview.",table:{category:"Slots"}},showHelper:{control:"boolean",description:"Shows the `heading` slot in the live preview.",table:{category:"Slots"}},helperText:{control:"text",description:"Helper link copy used in the live preview.",table:{category:"Slots"}}},render:e=>({components:{pzIcon:b,pzInfoBlockLayout:d,pzText:f},setup(){return{args:e,customerInfoRows:R,deliveryColumns:S,deliveryRows:$,previewRows:A,purchaseColumns:O,purchaseInfoRows:N,purchaseRows:D}},template:`
       <section class="pz-info-block-layout-story">
         <div class="pz-info-block-layout-story-hero">
           <div>
@@ -245,4 +245,4 @@ import{_ as b}from"./PzIcon-Drlqf9PC.js";import{P as f,_ as h}from"./PzText-Qtpa
           </section>
         </div>
       </section>
-    `})},a={};var p,u,y;a.parameters={...a.parameters,docs:{...(p=a.parameters)==null?void 0:p.docs,source:{originalSource:"{}",...(y=(u=a.parameters)==null?void 0:u.docs)==null?void 0:y.source}}};const E=["Playground"];export{a as Playground,E as __namedExportsOrder,H as default};
+    `})},a={};var p,u,y;a.parameters={...a.parameters,docs:{...(p=a.parameters)==null?void 0:p.docs,source:{originalSource:"{}",...(y=(u=a.parameters)==null?void 0:u.docs)==null?void 0:y.source}}};const J=["Playground"];export{a as Playground,J as __namedExportsOrder,U as default};

package/dist/app/assets/PzInfoHint-CWG8xkDj.css

@@ -0,0 +1 @@
+.pz-info-hint-trigger[data-v-d7b247cb]{display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;cursor:pointer}.pz-info-hint-trigger[data-v-d7b247cb]:focus-visible{outline:2px solid var(--pz-color-blue-50);outline-offset:2px;border-radius:999px}.pz-info-hint-icon[data-v-d7b247cb]{display:block}

package/dist/app/assets/PzInfoHint-CbH3ypH1.js

@@ -0,0 +1 @@
+import{d as i,A as p,C as r,o as n,k as s,y as c,e as o,z as m,t as l,E as f,F as u}from"./iframe-DbWuH5mz.js";import{_ as d}from"./PzIcon-BNwLASSZ.js";import{P as _}from"./PzHint-Djl4-X3l.js";import{_ as z}from"./_plugin-vue_export-helper-DlAUqK2U.js";const P={type:"button","aria-label":"Information",class:"pz-info-hint-trigger"},a=i({name:"PzInfoHint",__name:"PzInfoHint",props:{infoContent:{},wrapperClass:{default:""},containerWrapperClass:{default:""},placement:{default:"top"}},setup(e){return(C,y)=>(n(),p(_,{"wrapper-class":e.wrapperClass,"container-wrapper-class":e.containerWrapperClass,placement:e.placement,theme:"dark-tooltip"},{content:r(()=>[(n(!0),o(u,null,m(e.infoContent,t=>(n(),o("p",{key:t.id},[s("b",null,l(t.title??""),1),f(" "+l(t.text??""),1)]))),128))]),default:r(()=>[s("button",P,[c(d,{name:"help",size:"16",class:"pz-info-hint-icon"})])]),_:1},8,["wrapper-class","container-wrapper-class","placement"]))}}),h=z(a,[["__scopeId","data-v-d7b247cb"]]);a.__docgenInfo=Object.assign({displayName:a.name??a.__name},{name:"PzInfoHint",exportName:"default",displayName:"PzInfoHint",description:"",tags:{},props:[{name:"infoContent",required:!0,type:{name:"Array",elements:[{name:"PzInfoHintContent"}]}},{name:"wrapperClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"containerWrapperClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"placement",required:!1,type:{name:"Placement"},defaultValue:{func:!1,value:'"top"'}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Popups/PzInfoHint/PzInfoHint.vue"]});export{h as P};

package/dist/app/assets/{PzInfoHint.stories-8e7rIcBj.js → PzInfoHint.stories-jwokRQkS.js}

@@ -1,11 +1,11 @@
-import{P as a}from"./PzText-Qtpayc5y.js";import{P as e}from"./PzInfoHint-DUCe-kk0.js";import"./iframe-B7Bddli1.js";import"./preload-helper-C1FmrZbK.js";import"./PzIcon-Drlqf9PC.js";import"./PzHint-D62JWyEp.js";import"./floating-vue-BD2YJLen.js";const o=[{id:"deadline",title:"Deadline",text:"Shown in local time and aligned with the procurement schedule."},{id:"contact",title:"Contact",text:"Responsible contact details stay visible near the request label."}],p=()=>`<template>
+import{P as a}from"./PzText-LkAZaPCW.js";import{P as e}from"./PzInfoHint-CbH3ypH1.js";import"./iframe-DbWuH5mz.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./PzIcon-BNwLASSZ.js";import"./PzHint-Djl4-X3l.js";import"./floating-vue-B4YMiR3n.js";import"./floating-vue-BXOYXd0R.js";const o=[{id:"deadline",title:"Deadline",text:"Shown in local time and aligned with the procurement schedule."},{id:"contact",title:"Contact",text:"Responsible contact details stay visible near the request label."}],p=()=>`<template>
   <PzInfoHint
     :info-content="[
       { id: 'deadline', title: 'Deadline', text: 'Shown in local time and aligned with the procurement schedule.' },
       { id: 'contact', title: 'Contact', text: 'Responsible contact details stay visible near the request label.' },
     ]"
   />
-</template>`,y={title:"Components/Popups/PzInfoHint",component:e,parameters:{prototype:{caption:"Info hint component",note:"Specialized helper that composes the shared tooltip shell with the design-system help icon and structured info rows."},docs:{description:{component:"Use `PzInfoHint` for structured helper text that needs a consistent help icon. It renders each row from `infoContent` inside the shared `PzHint` wrapper and defaults to the dark tooltip theme."},source:{transform:p}}},args:{infoContent:o,wrapperClass:"",containerWrapperClass:"",placement:"top"},argTypes:{infoContent:{control:!1,description:"Structured rows shown inside the popper.",table:{category:"Slots"}},wrapperClass:{control:"text",description:"Additional class applied to the popper wrapper."},containerWrapperClass:{control:"text",description:"Additional class applied to the outer trigger container."},placement:{control:"select",options:["top","top-start"],description:"Tooltip placement relative to the trigger."}},render:s=>({components:{pzInfoHint:e,pzText:a},setup(){return{args:s,infoHintItems:o}},template:`
+</template>`,g={title:"Components/Popups/PzInfoHint",component:e,parameters:{prototype:{caption:"Info hint component",note:"Specialized helper that composes the shared tooltip shell with the design-system help icon and structured info rows."},docs:{description:{component:"Use `PzInfoHint` for structured helper text that needs a consistent help icon. It renders each row from `infoContent` inside the shared `PzHint` wrapper and defaults to the dark tooltip theme."},source:{transform:p}}},args:{infoContent:o,wrapperClass:"",containerWrapperClass:"",placement:"top"},argTypes:{infoContent:{control:!1,description:"Structured rows shown inside the popper.",table:{category:"Slots"}},wrapperClass:{control:"text",description:"Additional class applied to the popper wrapper."},containerWrapperClass:{control:"text",description:"Additional class applied to the outer trigger container."},placement:{control:"select",options:["top","top-start"],description:"Tooltip placement relative to the trigger."}},render:s=>({components:{pzInfoHint:e,pzText:a},setup(){return{args:s,infoHintItems:o}},template:`
       <section class="pz-info-hint-story">
         <div class="pz-info-hint-story-header">
           <div>
@@ -35,4 +35,4 @@ import{P as a}from"./PzText-Qtpayc5y.js";import{P as e}from"./PzInfoHint-DUCe-kk
           </article>
         </div>
       </section>
-    `})},t={};var n,i,r;t.parameters={...t.parameters,docs:{...(n=t.parameters)==null?void 0:n.docs,source:{originalSource:"{}",...(r=(i=t.parameters)==null?void 0:i.docs)==null?void 0:r.source}}};const z=["Playground"];export{t as Playground,z as __namedExportsOrder,y as default};
+    `})},t={};var n,i,r;t.parameters={...t.parameters,docs:{...(n=t.parameters)==null?void 0:n.docs,source:{originalSource:"{}",...(r=(i=t.parameters)==null?void 0:i.docs)==null?void 0:r.source}}};const w=["Playground"];export{t as Playground,w as __namedExportsOrder,g as default};

package/dist/app/assets/PzInput-DWypQ6XY.css

@@ -0,0 +1 @@
+.pz-input[data-v-7696acd3]{--pz-input-background: var(--pz-color-white);--pz-input-border: var(--pz-color-grey-30);--pz-input-text: var(--pz-color-text-primary);--pz-input-placeholder: var(--pz-color-grey-50);--pz-input-icon-color: var(--pz-color-grey-50);position:relative;display:block;color:var(--pz-input-text);font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-input-wrap[data-v-7696acd3]{position:relative;display:block}.pz-input-control[data-v-7696acd3]{display:block;width:100%;padding:var(--pz-space-8) var(--pz-space-12);border-radius:var(--pz-space-4);border:1px solid var(--pz-input-border);background-color:var(--pz-input-background);color:var(--pz-input-text);font:inherit}.pz-input-control[data-v-7696acd3]:focus{outline:2px solid var(--pz-color-blue-30);outline-offset:0}.pz-input-control[data-v-7696acd3]::placeholder{color:var(--pz-input-placeholder)}.pz-input-control[data-v-7696acd3]:disabled{--pz-input-background: transparent;--pz-input-text: var(--pz-color-grey-40);--pz-input-placeholder: var(--pz-color-grey-40);cursor:default}.pz-input-control--with-icon[data-v-7696acd3]{padding-right:var(--pz-space-32)}.pz-input-control--counted[data-v-7696acd3]{padding-right:var(--pz-space-60)}.pz-input-readonly[data-v-7696acd3]{display:block;margin:0;padding:0;color:var(--pz-color-text-secondary);-webkit-user-select:none;user-select:none}.pz-input-icon[data-v-7696acd3]{position:absolute;bottom:var(--pz-space-8);right:var(--pz-space-4);font-size:var(--pz-font-size-20);color:var(--pz-input-icon-color)}.pz-input-counter[data-v-7696acd3]{position:absolute;top:50%;right:var(--pz-space-8);transform:translateY(-50%);color:var(--pz-input-icon-color);font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-input-error[data-v-7696acd3]{display:block;margin-top:var(--pz-space-8);color:var(--pz-color-red-50);font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-input.light .pz-input-control[data-v-7696acd3]{padding-top:var(--pz-space-12);padding-bottom:var(--pz-space-12);border-color:var(--pz-color-blue-30)}.pz-input.error .pz-input-control[data-v-7696acd3]{border-color:var(--pz-color-red-50)}