@prozorro/prozorro-ui 0.0.8 → 0.0.10-beta

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

@@ -0,0 +1,62 @@
+import{r as i,w as l}from"./iframe-Ckq2fQkL.js";import{P as p}from"./PzText-BOcxbzaG.js";import{p as d}from"./configs-CZIaFchr.js";import{P as a}from"./PzCheckbox-DDIj_TyE.js";import"./preload-helper-C1FmrZbK.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=i(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,n;t.parameters={...t.parameters,docs:{...(s=t.parameters)==null?void 0:s.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "Інтерактивний приклад для перевірки основних props чекбокса. Нижче в gallery показані типові стани для checkbox і switch."
+      }
+    }
+  }
+}`,...(n=(r=t.parameters)==null?void 0:r.docs)==null?void 0:n.source}}};const z=["Playground"];export{t as Playground,z 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-KogRihCz.js

@@ -0,0 +1,115 @@
+import{d as P,e as b,F as V,s as C,o as d,i as w,j as G,l as T,u as _,t as S,A as O,y as F,r as m,w as L}from"./iframe-Ckq2fQkL.js";import{P as A}from"./PzLabel-jmQOAHGo.js";import{_ as $,P as q}from"./PzText-BOcxbzaG.js";import{p as B}from"./configs-CZIaFchr.js";import{P as I}from"./PzCheckbox-DDIj_TyE.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(c=>c!==e);i("update:modelValue",t)},f=(e,s)=>e.id??`${o.name??"pz-checkbox-group"}-${String(s+1)}`,r=(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,c)=>(d(),w(F(I),{id:r(t,c).id,key:r(t,c).id,name:o.name,value:t.value,variant:o.variant,label:t.label,disabled:r(t,c).disabled,"model-value":u(t.value),"onUpdate:modelValue":y=>z(t.value,y)},{default:G(()=>[T(e.$slots,"default",O({ref_for:!0},r(t,c)),()=>[_(S(t.label),1)],!0)]),_:2},1032,["id","name","value","variant","label","disabled","model-value","onUpdate:modelValue"]))),128))],8,N))}}),h=$(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"}],j=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>`},D={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)=>j(l.args??D.args)}}},args:{heading:"Назва поля",modelValue:["two"],options:x,name:"checkbox-group-story",variant:"checkbox",disabled:!1},argTypes:{variant:{control:"inline-radio",options:B,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:q},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 Q=["Playground"];export{n as Playground,Q as __namedExportsOrder,D 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-DqW3Mfem.js → PzDomHandler.stories-DAp97pdG.js}

@@ -1,14 +1,14 @@
-import{i as r,E as m}from"./iframe-XnrfGA2g.js";import{P as y}from"./PzText-LfRr6NF7.js";import"./preload-helper-C1FmrZbK.js";const u=["rgba(0, 0, 0, 0)","transparent","initial","inherit","revert","revert-layer","unset"];class o{static async copyToClipboard(t){if(navigator.clipboard)try{await navigator.clipboard.writeText(t);return}catch{}const e=document.createElement("textarea");e.value=t,e.setAttribute("readonly",""),e.style.position="absolute",e.style.left="-9999px",document.body.appendChild(e),e.select(),document.execCommand("copy"),document.body.removeChild(e)}static getParentNearestBackground(t){if(!t||typeof window>"u")return"#fff";const e=window.getComputedStyle(t).backgroundColor;return u.includes(e)?o.getParentNearestBackground(t.parentElement):e}}const h=2e3,z=a=>`<script setup lang="ts">
+import{r as e,h as m}from"./iframe-Ckq2fQkL.js";import{P as h}from"./PzText-BOcxbzaG.js";import{P as a}from"./PzDomHandler-BU7iMNnt.js";import"./preload-helper-C1FmrZbK.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);"}],T={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 v=["Documentation"];export{t as Documentation,v as __namedExportsOrder,T 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-CPjzWBvH.js → PzDropdown.stories-eClrzbYq.js}

@@ -1,4 +1,4 @@
-import{P as c}from"./PzBtn-Brjbpw1b.js";import{_ as l}from"./PzIcon-Don8TXO3.js";import{_ as m,P as u}from"./PzText-LfRr6NF7.js";import{d as z,j as w,w as r,k as b,o as y,r as p}from"./iframe-XnrfGA2g.js";import{k as g}from"./floating-vue-ydzBnlRK.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(()=>[p(t.$slots,"content",{},void 0,!0)]),default:r(()=>[p(t.$slots,"default",{},void 0,!0)]),_:3}))}}),s=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-Bz2NPCiD.js";import{_ as l}from"./PzIcon-DTWQGv5c.js";import{_ as m,P as u}from"./PzText-BOcxbzaG.js";import{d as z,i as w,j as r,y as b,o as y,l as p}from"./iframe-Ckq2fQkL.js";import{k as g}from"./floating-vue-D0dcONsr.js";import"./preload-helper-C1FmrZbK.js";const n=z({name:"PzDropdown",__name:"PzDropdown",setup(o){return(t,_)=>(y(),w(b(g),{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=m(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-Brjbpw1b.js";import{_ as l}from"./PzIcon-Don8TXO3.js"
       <button type="button" class="pz-dropdown-story-item pz-dropdown-story-item--danger">Видалити</button>
     </template>
   </PzDropdown>
-</template>`,_={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??_.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: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:l,pzText:u},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-Brjbpw1b.js";import{_ as l}from"./PzIcon-Don8TXO3.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 C=["Playground"];export{e as Playground,C 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)}

package/dist/app/assets/PzFileInput.stories-Dg6-KAun.js

@@ -0,0 +1,124 @@
+import{d as A,e as o,q as y,j as B,y as g,f as M,o as r,F as _,s as O,p as F,t as f,m as v,u as W,r as u,g as m,w as G}from"./iframe-Ckq2fQkL.js";import{_ as H,P as J}from"./PzText-BOcxbzaG.js";import{P as K}from"./PzBtn-Bz2NPCiD.js";import{_ as C}from"./PzIcon-DTWQGv5c.js";import{P as Q}from"./PzLabel-jmQOAHGo.js";import{a as S,b as I}from"./configs-CZIaFchr.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=A({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),E=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 j=Math.max(z.value-s.length,0);x=s.concat(i.slice(0,j))}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:M(["pz-file-input",{error:!!e.errorMessage,disabled:e.disabled}])},[y(g(Q),{label:e.label,for:e.name,required:e.required,disabled:e.disabled},{default:B(()=>[P.value?(r(),o("ul",X,[(r(!0),o(_,null,O(n.value,(i,s)=>(r(),o("li",{key:`${i.name}-${s}`,class:M(["pz-file-input-item",{"is-error":!!q.value[s]}])},[F("span",Y,[y(g(C),{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(C),{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&&E.value?(r(),o("div",ae,[y(g(K),{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=H(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:J},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 w,D,T;h.parameters={...h.parameters,docs:{...(w=h.parameters)==null?void 0:w.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "Інтерактивний приклад \`PzFileInput\` з базовими станами: single/multiple, readonly, disabled, помилки та власні обмеження з редагованими текстами."
+      }
+    }
+  }
+}`,...(T=(D=h.parameters)==null?void 0:D.docs)==null?void 0:T.source}}};const ve=["Playground"];export{h as Playground,ve as __namedExportsOrder,oe as default};

package/dist/app/assets/{PzGrid.stories-C1Y3nz5O.js → PzGrid.stories-DLm_q1Lw.js}

@@ -1,4 +1,4 @@
-import{P as _}from"./PzText-LfRr6NF7.js";import{d as b,j as G,w as v,f as h,G as I,g as C,o as $,r as L}from"./iframe-XnrfGA2g.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-BOcxbzaG.js";import{d as b,i as G,j as v,f as h,k as I,g as C,o as $,l as L}from"./iframe-Ckq2fQkL.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}

package/dist/app/assets/PzHint-BhuDfy-l.js

@@ -0,0 +1 @@
+import{d as p,e as i,q as m,j as n,f as l,y as c,o as u,l as r}from"./iframe-Ckq2fQkL.js";import{H as o,V as f}from"./floating-vue-D0dcONsr.js";import{_ as d}from"./PzText-BOcxbzaG.js";const t=o.themes??{};t["dark-tooltip"]||(t["dark-tooltip"]={$extend:"tooltip"});o.themes=t;const a=p({name:"PzHint",__name:"PzHint",props:{wrapperClass:{default:""},containerWrapperClass:{default:""},placement:{default:"top"},theme:{default:"tooltip"}},setup(e){return(s,h)=>(u(),i("span",{class:l(["pz-hint-container",e.containerWrapperClass])},[m(c(f),{class:l(["pz-hint",e.wrapperClass]),theme:e.theme,placement:e.placement},{popper:n(()=>[r(s.$slots,"content",{},void 0,!0)]),default:n(()=>[r(s.$slots,"default",{},void 0,!0)]),_:3},8,["class","theme","placement"])],2))}}),v=d(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{v as P};

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.stories-B6l3Ocr8.js → PzHint.stories-C2oiTVIN.js}

@@ -1,4 +1,4 @@
-import{_ as i}from"./PzIcon-Don8TXO3.js";import{P as l}from"./PzText-LfRr6NF7.js";import{P as r}from"./PzHint-BwKGDkUu.js";import"./iframe-XnrfGA2g.js";import"./preload-helper-C1FmrZbK.js";import"./floating-vue-ydzBnlRK.js";const c=t=>`<template>
+import{_ as i}from"./PzIcon-DTWQGv5c.js";import{P as l}from"./PzText-BOcxbzaG.js";import{P as r}from"./PzHint-BhuDfy-l.js";import"./iframe-Ckq2fQkL.js";import"./preload-helper-C1FmrZbK.js";import"./floating-vue-D0dcONsr.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(`
     `)}

package/dist/app/assets/{PzIcon-Don8TXO3.js → PzIcon-DTWQGv5c.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-XnrfGA2g.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,n as c,f as u,t as d,g as a,o as m}from"./iframe-Ckq2fQkL.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:u([{outlined:e.variant==="outlined"},"pz-icon pz-material-icon"]),style:c(o.value),role:i.value,"aria-hidden":s.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/Display/PzIcon/PzIcon.vue"]});export{n as _};

package/dist/app/assets/{PzIcon.stories-DE4e2be_.js → PzIcon.stories-CT6OA9PM.js}

@@ -1,4 +1,4 @@
-import{P as c}from"./PzText-LfRr6NF7.js";import{_ as n}from"./PzIcon-Don8TXO3.js";import"./iframe-XnrfGA2g.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-BOcxbzaG.js";import{_ as n}from"./PzIcon-DTWQGv5c.js";import"./iframe-Ckq2fQkL.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>
   <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">

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-DoGwhzIO.js → PzImage.stories-BJL_3ef9.js}

@@ -1,6 +1,6 @@
-import{_ as l,P as p}from"./PzText-LfRr6NF7.js";import{d,e as g,n as m,g as u,o as f}from"./iframe-XnrfGA2g.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{_ as l,P as p}from"./PzText-BOcxbzaG.js";import{d,e as g,n as m,g as u,o as z}from"./iframe-Ckq2fQkL.js";import"./preload-helper-C1FmrZbK.js";const f=["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)=>(z(),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-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:`
+</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:f,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">
         <section class="pz-image-story-hero">
           <div class="pz-image-story-header">

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)}