@prozorro/prozorro-ui 0.0.8 → 0.0.10-beta

package/dist/app/assets/PzInputNumber-CDixvL0g.css

@@ -0,0 +1 @@
+.pz-input-number[data-v-b9684845]{--pz-input-number-background: var(--pz-color-white);--pz-input-number-border: var(--pz-color-grey-30);--pz-input-number-text: var(--pz-color-text-primary);--pz-input-number-placeholder: var(--pz-color-grey-50);position:relative;display:block;color:var(--pz-input-number-text);font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-input-number-control[data-v-b9684845]{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-number-border);background-color:var(--pz-input-number-background);color:var(--pz-input-number-text);font:inherit}.pz-input-number-control[data-v-b9684845]:focus{outline:2px solid var(--pz-color-blue-30);outline-offset:0}.pz-input-number-control[data-v-b9684845]::placeholder{color:var(--pz-input-number-placeholder)}.pz-input-number-control[data-v-b9684845]:disabled{--pz-input-number-background: transparent;--pz-input-number-text: var(--pz-color-grey-40);--pz-input-number-placeholder: var(--pz-color-grey-40);cursor:default}.pz-input-number-readonly[data-v-b9684845]{display:block;margin:0;padding:0;color:var(--pz-color-text-secondary);-webkit-user-select:none;user-select:none}.pz-input-number-error[data-v-b9684845]{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-number.light .pz-input-number-control[data-v-b9684845]{padding-top:var(--pz-space-12);padding-bottom:var(--pz-space-12);border-color:var(--pz-color-blue-30)}.pz-input-number.error .pz-input-number-control[data-v-b9684845]{border-color:var(--pz-color-red-50)}

package/dist/app/assets/PzInputNumber.stories-DAQYW2cJ.js

@@ -0,0 +1,54 @@
+import{d as S,L,e as i,q as B,j as F,y as $,f as C,M as z,o as d,t as V,m as O,g as q,r,w as T}from"./iframe-Ckq2fQkL.js";import{_ as D,P as j}from"./PzText-BOcxbzaG.js";import{P as A}from"./PzLabel-jmQOAHGo.js";import{P as E}from"./PzNumberFormat-D5xYsZ3A.js";import"./preload-helper-C1FmrZbK.js";import"./lodash-CdDiHlzQ.js";import"./_commonjsHelpers-Cpj98o6Y.js";const U=["id","value","placeholder","disabled","required"],W=["id"],K={key:2,class:"pz-input-number-error"},p=S({name:"PzInputNumber",__name:"PzInputNumber",props:z({name:{},modelValue:{},label:{default:""},placeholder:{default:""},errorMessage:{default:""},type:{default:"integer"},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},isLightSkin:{type:Boolean,default:!1}},{modelValue:{},modelModifiers:{}}),emits:z(["focus","blur","update:modelValue"],["update:modelValue"]),setup(e,{emit:t}){const n=e,o=t,u=L(e,"modelValue"),c=q(()=>n.type==="integer"?0:void 0),s=q(()=>new E(u.value??null,c.value).number),b=l=>{const a=l.match(/^-?\d+(\.\d+)?/);return a?a[0]:l},f=l=>{const a=b(l.replace(/\s+/g,""));return a==="-"?a:a!==""?Number(a):null},y=l=>{var h;const a=l.target,g=isFinite(Number(l.key)),k=n.type==="decimal"&&/\./g.test(l.key)&&!/\./g.test(a.value),M=/-/g.test(l.key)&&!/-/g.test(a.value)&&!((h=a.value)!=null&&h.length);g||k||M||l.preventDefault()},I=l=>{const a=l.target;u.value=f(a.value)};return(l,a)=>(d(),i("div",{class:C(["pz-input-number",{light:e.isLightSkin,error:e.errorMessage,disabled:e.disabled}])},[B($(A),{label:e.label,for:e.name,required:e.required,disabled:e.disabled},{default:F(()=>[e.editable?(d(),i("input",{key:0,id:e.name,value:s.value,placeholder:e.placeholder,disabled:e.disabled,required:e.required,type:"text",class:"pz-input-number-control",onInput:I,onBlur:a[0]||(a[0]=g=>o("blur")),onFocus:a[1]||(a[1]=g=>o("focus")),onKeypress:y},null,40,U)):(d(),i("span",{key:1,id:e.name,class:"pz-input-number-readonly"},V(s.value),9,W)),e.errorMessage?(d(),i("span",K,V(e.errorMessage),1)):O("",!0)]),_:1},8,["label","for","required","disabled"])],2))}}),x=D(p,[["__scopeId","data-v-b9684845"]]);p.__docgenInfo=Object.assign({displayName:p.name??p.__name},{name:"PzInputNumber",exportName:"default",displayName:"PzInputNumber",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"modelValue",required:!0,type:{name:"PzInputNumberValue"}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"placeholder",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"errorMessage",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"type",required:!1,type:{name:"PzInputNumberType"},defaultValue:{func:!1,value:'"integer"'}},{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"}},{name:"isLightSkin",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"focus"},{name:"blur"},{name:"update:modelValue",type:{names:["PzInputNumberValue"]}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzInputNumber/PzInputNumber.vue"]});const v=15e5,R=e=>`<template>
+  <PzInputNumber
+    v-model="value"
+    ${[`name="${e.name}"`,e.label?`label="${e.label}"`:null,e.placeholder?`placeholder="${e.placeholder}"`:null,e.type&&e.type!=="integer"?`type="${e.type}"`: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.isLightSkin?':is-light-skin="true"':null].filter(n=>!!n).join(" ")}
+  />
+</template>`,G={title:"Components/Form/PzInputNumber",component:x,parameters:{docs:{description:{component:"Use `PzInputNumber` for numeric entry. It formats the displayed value via `PzNumberFormat`, accepts only digits (plus optional decimal separator and minus), and emits a `number | null` via `v-model`."},source:{transform:(e,t)=>R(t.args??G.args)}}},args:{name:"pz-input-number-story",label:"Сума",modelValue:"",placeholder:"Введіть число...",type:"integer",errorMessage:"",required:!1,disabled:!1,editable:!0,isLightSkin:!1},argTypes:{name:{control:"text",description:"Native input `id`/`name`."},label:{control:"text",description:"Label text shown above the input."},modelValue:{control:"text",description:"Current numeric value bound via `v-model` (required)."},placeholder:{control:"text",description:"Placeholder shown when the input is empty."},type:{control:"inline-radio",options:["integer","decimal"],description:"`integer` rounds to whole numbers; `decimal` allows one dot separator."},errorMessage:{control:"text",description:"Validation message shown below the input; enables error styling."},required:{control:"boolean",description:"Marks the field as required in the label."},disabled:{control:"boolean",description:"Disables the input and applies muted styling."},editable:{control:"boolean",description:"When false, renders the formatted value as readonly text instead of an input."},isLightSkin:{control:"boolean",description:"Enables the light alternate layout."}},render:e=>({components:{pzInputNumber:x,pzText:j},setup(){const t=r(e.modelValue??""),n=r(v),o=r(""),u=r(""),c=r(v),s=r(""),b=r(""),f=v;return T(()=>e.modelValue,y=>{t.value=y??""}),{args:e,value:t,sharedValue:n,defaultValue:o,decimalValue:u,formattedValue:c,requiredValue:s,errorValue:b,readonlyValue:f}},template:`
+      <div style="display: flex; flex-direction: column; gap: var(--pz-space-24); max-width: 480px;">
+        <section>
+          <pz-text variant="h4-bold">Component API</pz-text>
+          <div style="margin-top: var(--pz-space-16);">
+            <pz-input-number
+              v-model="value"
+              :name="args.name"
+              :label="args.label"
+              :placeholder="args.placeholder"
+              :type="args.type"
+              :error-message="args.errorMessage"
+              :required="args.required"
+              :disabled="args.disabled"
+              :editable="args.editable"
+              :is-light-skin="args.isLightSkin"
+            />
+          </div>
+        </section>
+
+        <section>
+          <pz-text variant="h4-bold">Two-way binding</pz-text>
+          <div style="display: flex; flex-direction: column; gap: var(--pz-space-8); margin-top: var(--pz-space-16);">
+            <pz-input-number v-model="sharedValue" name="two-way-a" label="Поле A" placeholder="Введіть число..." />
+            <pz-input-number v-model="sharedValue" name="two-way-b" label="Поле B (таке саме значення)" placeholder="Введіть число..." />
+            <pz-text variant="body-regular">Поточне значення: "{{ sharedValue }}"</pz-text>
+          </div>
+        </section>
+
+        <section style="display: flex; flex-direction: column; gap: var(--pz-space-16);">
+          <pz-text variant="h4-bold">States</pz-text>
+          <pz-input-number v-model="defaultValue" name="number-default" label="Ціле число" placeholder="Введіть число..." />
+          <pz-input-number v-model="decimalValue" name="number-decimal" label="З десятковою частиною" placeholder="0.00" type="decimal" />
+          <pz-input-number v-model="formattedValue" name="number-value" label="З форматуванням" />
+          <pz-input-number v-model="requiredValue" name="number-required" label="Обов'язкове" placeholder="Введіть число..." required />
+          <pz-input-number v-model="errorValue" name="number-error" label="Помилка" placeholder="Введіть число..." error-message="Введіть коректне число" />
+          <pz-input-number model-value="" name="number-disabled" label="Disabled" placeholder="Введіть число..." disabled />
+          <pz-input-number :model-value="readonlyValue" name="number-readonly" label="Readonly (editable: false)" :editable="false" />
+        </section>
+      </div>
+    `})},m={parameters:{docs:{description:{story:"Інтерактивний приклад числового інпуту. Нижче — перевірка two-way binding та базові стани: integer, decimal, форматування, required, помилка, disabled, readonly."}}}};var N,P,w;m.parameters={...m.parameters,docs:{...(N=m.parameters)==null?void 0:N.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "Інтерактивний приклад числового інпуту. Нижче — перевірка two-way binding та базові стани: integer, decimal, форматування, required, помилка, disabled, readonly."
+      }
+    }
+  }
+}`,...(w=(P=m.parameters)==null?void 0:P.docs)==null?void 0:w.source}}};const ee=["Playground"];export{m as Playground,ee as __namedExportsOrder,G as default};

package/dist/app/assets/PzKeyValue-RiKE-e9c.css

@@ -0,0 +1 @@
+.pz-key-value-story{display:grid;gap:var(--pz-space-24)}.pz-key-value-story-board{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-key-value-story-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--pz-space-16)}.pz-key-value-story-copy{display:grid;gap:var(--pz-space-8)}.pz-key-value-story-eyebrow,.pz-key-value-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-key-value-story-preview{padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 96%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent);--pz-key-value-title-width: 180px;--pz-key-value-title-box-width: 100%}.pz-key-value-story-gallery{display:grid;gap:var(--pz-space-24)}@media (width >= 1024px){.pz-key-value-story-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}.pz-key-value-story-tile{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 96%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent);--pz-key-value-title-width: 160px;--pz-key-value-title-box-width: 100%}.pz-key-value-story-tile-title{margin:0;color:var(--pz-color-text-primary);font-size:var(--pz-font-size-14);font-weight:700;line-height:1.5}.pz-key-value-story-tile-note{margin:0;color:var(--pz-color-text-secondary);font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-key-value-story-link{color:var(--pz-color-text-link);text-decoration:none}.pz-key-value-story-link:hover{color:var(--pz-color-text-link-hover);text-decoration:underline}.pz-key-value[data-v-d25bad20]{--pz-key-value-margin-bottom: var(--pz-space-24);--pz-key-value-item-margin-top: var(--pz-space-20);--pz-key-value-item-overall-margin-top: var(--pz-space-32);--pz-key-value-content-margin-inline-start: var(--pz-space-8);--pz-key-value-content-margin-block-start: var(--pz-space-8);margin-bottom:var(--pz-key-value-margin-bottom)}@media (max-width: 1023.98px){.pz-key-value[data-v-d25bad20]{--pz-key-value-margin-bottom: var(--pz-space-8)}}.pz-key-value[data-v-d25bad20]:empty{margin-bottom:0}.pz-key-value--clear .pz-key-value__title[data-v-d25bad20]:after{display:none}.pz-key-value__item[data-v-d25bad20]{display:flex;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-key-value__item+.pz-key-value__item[data-v-d25bad20]:not(.pz-key-value__item--overall){margin-top:var(--pz-key-value-item-margin-top)}.pz-key-value__item--overall[data-v-d25bad20]{margin-top:var(--pz-key-value-item-overall-margin-top)}@media (max-width: 1023.98px){.pz-key-value__item[data-v-d25bad20]{flex-direction:column}}.pz-key-value__item--overall .pz-key-value__link[data-v-d25bad20]{font-weight:600}.pz-key-value__title[data-v-d25bad20]{width:var(--pz-key-value-title-width);flex:0 0 var(--pz-key-value-title-width);max-width:100%;height:fit-content;position:relative;font-size:inherit;font-weight:600;margin:0;background-color:inherit}.pz-key-value__title-box[data-v-d25bad20]{position:relative;-webkit-box-decoration-break:clone;box-decoration-break:clone;width:var(--pz-key-value-title-box-width);max-width:100%;z-index:2;line-height:1.5;-webkit-hyphens:initial;hyphens:initial;display:inline}.pz-key-value__title[data-v-d25bad20]:after{content:"";display:inline-block;position:absolute;top:-5px;left:0;z-index:0;width:100%;height:100%;border-bottom:1px dotted var(--pz-color-stroke-grey)}@media (max-width: 1023.98px){.pz-key-value__title[data-v-d25bad20]{width:auto;flex:0 0 auto}.pz-key-value__title[data-v-d25bad20]:after{display:none}}.pz-key-value__content[data-v-d25bad20]{margin-left:var(--pz-key-value-content-margin-inline-start);font-size:inherit;white-space:pre-line;display:flex;justify-content:flex-end;flex-direction:column;line-height:1.5}@media (max-width: 1023.98px){.pz-key-value__content[data-v-d25bad20]{margin-left:0;margin-top:var(--pz-key-value-content-margin-block-start)}}.pz-key-value__link[data-v-d25bad20]{display:flex;align-items:center;font-weight:400;color:var(--pz-color-text-link);text-decoration:none}.pz-key-value__link[data-v-d25bad20]:hover{color:var(--pz-color-text-link-hover);text-decoration:underline}.pz-key-value__link span[data-v-d25bad20]{margin-left:var(--pz-space-4)}

package/dist/app/assets/PzKeyValue.stories-BrV9VQaC.js

@@ -0,0 +1,270 @@
+import{_ as oe,P as D}from"./PzText-BOcxbzaG.js";import{d as ie,h as le,e as d,F as R,s as ce,r as q,a2 as de,o as u,p as w,n as V,l as T,u as $,t as E,f as ue,m as pe}from"./iframe-Ckq2fQkL.js";import{g as ye}from"./_commonjsHelpers-Cpj98o6Y.js";import{i as fe,_ as me,a as S,b as ve,c as ge}from"./isArray-DPUC7i9_.js";import{l as c}from"./lodash-CdDiHlzQ.js";import{P as ke}from"./PzDomHandler-BU7iMNnt.js";import"./preload-helper-C1FmrZbK.js";var be=me,he=fe,ze="[object Symbol]";function xe(e){return typeof e=="symbol"||he(e)&&be(e)==ze}var _=xe,we=S,De=_,Se=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,_e=/^\w*$/;function Ce(e,t){if(we(e))return!1;var a=typeof e;return a=="number"||a=="symbol"||a=="boolean"||e==null||De(e)?!0:_e.test(e)||!Se.test(e)||t!=null&&e in Object(t)}var Pe=Ce,ne=ve,Ke="Expected a function";function C(e,t){if(typeof e!="function"||t!=null&&typeof t!="function")throw new TypeError(Ke);var a=function(){var n=arguments,s=t?t.apply(this,n):n[0],o=a.cache;if(o.has(s))return o.get(s);var l=e.apply(this,n);return a.cache=o.set(s,l)||o,l};return a.cache=new(C.Cache||ne),a}C.Cache=ne;var Re=C,qe=Re,Ve=500;function Te(e){var t=qe(e,function(n){return a.size===Ve&&a.clear(),n}),a=t.cache;return t}var $e=Te,Ee=$e,Ae=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,Ne=/\\(\\)?/g,Oe=Ee(function(e){var t=[];return e.charCodeAt(0)===46&&t.push(""),e.replace(Ae,function(a,n,s,o){t.push(s?o.replace(Ne,"$1"):n||a)}),t}),Ie=Oe;function Fe(e,t){for(var a=-1,n=e==null?0:e.length,s=Array(n);++a<n;)s[a]=t(e[a],a,e);return s}var Be=Fe,A=ge,Le=Be,Me=S,We=_,N=A?A.prototype:void 0,O=N?N.toString:void 0;function re(e){if(typeof e=="string")return e;if(Me(e))return Le(e,re)+"";if(We(e))return O?O.call(e):"";var t=e+"";return t=="0"&&1/e==-1/0?"-0":t}var Ge=re,Ue=Ge;function je(e){return e==null?"":Ue(e)}var Ze=je,He=S,Xe=Pe,Ye=Ie,Je=Ze;function Qe(e,t){return He(e)?e:Xe(e,t)?[e]:Ye(Je(e))}var et=Qe,tt=_;function at(e){if(typeof e=="string"||tt(e))return e;var t=e+"";return t=="0"&&1/e==-1/0?"-0":t}var nt=at,rt=et,st=nt;function ot(e,t){t=rt(t,e);for(var a=0,n=t.length;e!=null&&a<n;)e=e[st(t[a++])];return a&&a==n?e:void 0}var it=ot,lt=it;function ct(e,t,a){var n=e==null?void 0:lt(e,t);return n===void 0?a:n}var dt=ct;const ut=ye(dt),pt={ref:"componentRef",class:"pz-key-value"},k=ie({name:"PzKeyValue",__name:"PzKeyValue",props:{config:{},data:{},checkRequired:{type:Boolean,default:!0},flexDirection:{default:"column"},titleStyleClass:{default:""}},setup(e){const t=e,a=q([]),n=q("transparent"),s=de("componentRef");le(()=>{t.config.forEach(({key:r})=>{(!l(o(r))||!t.checkRequired)&&a.value.push(r)}),n.value=ke.getParentNearestBackground(s.value)});const o=r=>{const x=ut(c.pickBy(t.data,c.identity),r.split("-"),"");return l(x)?"":x},l=r=>c.isNumber(r)||c.isBoolean(r)?!1:c.isEmpty(r);return(r,x)=>(u(),d("div",pt,[(u(!0),d(R,null,ce(e.config,i=>(u(),d(R,null,[a.value.includes(i.key)?(u(),d("div",{key:i.id,class:"pz-key-value__item"},[w("h6",{class:ue(["pz-key-value__title",[e.titleStyleClass,i.labelStyleClass]])},[w("span",{class:"pz-key-value__title-box",style:V({backgroundColor:n.value})},[T(r.$slots,`${i.key}_label`,{data:i.labelKey},()=>[$(E(i.labelKey),1)],!0)],4)],2),w("div",{class:"pz-key-value__content",style:V({flexDirection:e.flexDirection})},[T(r.$slots,i.key,{data:o(i.key)},()=>[$(E(o(i.key)),1)],!0)],4)])):pe("",!0)],64))),256))],512))}}),b=oe(k,[["__scopeId","data-v-d25bad20"]]);k.__docgenInfo=Object.assign({displayName:k.name??k.__name},{name:"PzKeyValue",exportName:"default",displayName:"PzKeyValue",description:"",tags:{},props:[{name:"config",required:!0,type:{name:"Array",elements:[{name:"PzKeyValueViewListItem"}]}},{name:"data",required:!0,type:{name:"Record",elements:[{name:"string"},{name:"any"}]}},{name:"checkRequired",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"flexDirection",required:!1,type:{name:"PzKeyValueFlexDirection"},defaultValue:{func:!1,value:'"column"'}},{name:"titleStyleClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}}],slots:[{name:"`${item.key}_label`",scoped:!0,bindings:[{name:"name",title:"binding"},{name:"data",title:"binding"}]},{name:"item.key",scoped:!0,bindings:[{name:"name",title:"binding"},{name:"data",title:"binding"}]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzKeyValue/PzKeyValue.vue"]});const se=["column","column-reverse","row","row-reverse"],h=[{id:"tender-id",key:"id",labelKey:"Tender ID"},{id:"tender-title",key:"title",labelKey:"Title"},{id:"tender-customer",key:"customer-name",labelKey:"Customer"},{id:"tender-amount",key:"amount",labelKey:"Expected value"},{id:"tender-status",key:"status",labelKey:"Status"},{id:"tender-note",key:"note",labelKey:"Note"}],z={id:"UA-2026-04-17-000123-a",title:"Закупівля медичного обладнання для лікарні №3",customer:{name:'ТОВ "АДМІНІСТРАЦІЯ ЗАКУПІВЕЛЬ"'},amount:"1 250 000,00 UAH",status:"Awaiting offers",note:""},P=[{id:"bid-supplier",key:"supplier",labelKey:"Bidder"},{id:"bid-amount",key:"amount",labelKey:"Amount"},{id:"bid-discount",key:"discount",labelKey:"Discount"},{id:"bid-submitted",key:"submittedAt",labelKey:"Submitted"},{id:"bid-winner",key:"isWinner",labelKey:"Winner"}],K={supplier:'ТОВ "ЕКО ЦЕНТР ПРОЕКТ"',amount:"98 000,00 UAH",discount:0,submittedAt:"17.04.2026 12:39",isWinner:!0},yt=e=>`<template>
+  <PzKeyValue
+    ${[':config="config"',':data="data"',e.flexDirection&&e.flexDirection!=="column"?`flex-direction="${e.flexDirection}"`:null,e.checkRequired===!1?':check-required="false"':null,e.titleStyleClass?`title-style-class="${e.titleStyleClass}"`:null].filter(a=>!!a).join(`
+    `)}
+  />
+</template>`,ft={title:"Components/Display/PzKeyValue",component:b,parameters:{prototype:{caption:"Key-value list",note:"Presentational component for pairing labels with dynamic values. Filters empty fields by default and supports dot-notation lookups into the source data."},docs:{description:{component:"Use `PzKeyValue` to render a labelled list of values from a data object. Item order is driven by `config`; values resolve via dot-notation keys (via lodash `get`). Numbers and booleans are always rendered; empty strings/null/undefined are hidden when `checkRequired` is `true` (the default). Each item exposes a matching slot and a `<key>_label` slot for custom rendering."},source:{transform:(e,t)=>yt(t.args??ft.args)}}},args:{config:h,data:z,flexDirection:"column",checkRequired:!0,titleStyleClass:""},argTypes:{config:{control:!1,description:"Ordered list of `{ id, key, labelKey, labelStyleClass? }` entries describing each row.",table:{category:"Props"}},data:{control:!1,description:"Source object. Row values are resolved via lodash `get` on a dash-split key.",table:{category:"Props"}},flexDirection:{control:"inline-radio",options:se,description:"Applied as inline `flex-direction` on each value container.",table:{category:"Props"}},checkRequired:{control:"boolean",description:"When `true`, rows with empty strings / null / undefined are hidden. Numbers and booleans are always shown.",table:{category:"Props"}},titleStyleClass:{control:"text",description:"Extra class applied to every row title.",table:{category:"Props"}}},render:e=>({components:{pzKeyValue:b,pzText:D},setup(){return{args:e}},template:`
+      <section class="pz-key-value-story">
+        <section class="pz-key-value-story-board">
+          <div class="pz-key-value-story-header">
+            <div class="pz-key-value-story-copy">
+              <span class="pz-key-value-story-eyebrow">Component API</span>
+              <pz-text variant="h4-bold">Label / value rows for procurement details</pz-text>
+            </div>
+            <span class="pz-key-value-story-chip">{{ args.flexDirection }}</span>
+          </div>
+
+          <div class="pz-key-value-story-preview">
+            <pz-key-value
+              :config="args.config"
+              :data="args.data"
+              :flex-direction="args.flexDirection"
+              :check-required="args.checkRequired"
+              :title-style-class="args.titleStyleClass"
+            />
+          </div>
+        </section>
+      </section>
+    `})},p={},y={args:{config:h,data:z,flexDirection:"column",checkRequired:!0}},f={args:{config:P,data:K,flexDirection:"row",checkRequired:!0}},m={args:{config:h,data:z,flexDirection:"column",checkRequired:!1},parameters:{docs:{description:{story:"`checkRequired: false` renders every row from `config`, even when the corresponding value is empty."}}}},v={args:{config:P,data:K,flexDirection:"column",checkRequired:!0},render:e=>({components:{pzKeyValue:b,pzText:D},setup(){return{args:e}},template:`
+      <section class="pz-key-value-story">
+        <section class="pz-key-value-story-board">
+          <div class="pz-key-value-story-header">
+            <div class="pz-key-value-story-copy">
+              <span class="pz-key-value-story-eyebrow">Slots</span>
+              <pz-text variant="h4-bold">Override value rendering per key</pz-text>
+            </div>
+          </div>
+
+          <div class="pz-key-value-story-preview">
+            <pz-key-value
+              :config="args.config"
+              :data="args.data"
+              :flex-direction="args.flexDirection"
+              :check-required="args.checkRequired"
+            >
+              <template #supplier="{ data }">
+                <a
+                  href="#"
+                  class="pz-key-value-story-link"
+                >
+                  {{ data }}
+                </a>
+              </template>
+
+              <template #isWinner="{ data }">
+                <span>{{ data ? "Yes" : "No" }}</span>
+              </template>
+            </pz-key-value>
+          </div>
+        </section>
+      </section>
+    `}),parameters:{docs:{description:{story:"Each row exposes a slot named after its `key` and a `<key>_label` slot for the heading. Slot scope forwards the resolved value as `data`."}}}},g={render:()=>({components:{pzKeyValue:b,pzText:D},setup(){return{tenderConfig:h,tenderData:z,bidConfig:P,bidData:K,flexDirectionOptions:se}},template:`
+      <section class="pz-key-value-story">
+        <section class="pz-key-value-story-gallery">
+          <article
+            v-for="direction in flexDirectionOptions"
+            :key="direction"
+            class="pz-key-value-story-tile"
+          >
+            <div class="pz-key-value-story-copy">
+              <span class="pz-key-value-story-eyebrow">flex-direction</span>
+              <h4 class="pz-key-value-story-tile-title">{{ direction }}</h4>
+              <p class="pz-key-value-story-tile-note">Rendered with tender-style data.</p>
+            </div>
+
+            <pz-key-value
+              :config="tenderConfig"
+              :data="tenderData"
+              :flex-direction="direction"
+            />
+          </article>
+
+          <article class="pz-key-value-story-tile">
+            <div class="pz-key-value-story-copy">
+              <span class="pz-key-value-story-eyebrow">check-required false</span>
+              <h4 class="pz-key-value-story-tile-title">Always show rows</h4>
+              <p class="pz-key-value-story-tile-note">Empty note field is still rendered.</p>
+            </div>
+
+            <pz-key-value
+              :config="tenderConfig"
+              :data="tenderData"
+              :check-required="false"
+            />
+          </article>
+
+          <article class="pz-key-value-story-tile">
+            <div class="pz-key-value-story-copy">
+              <span class="pz-key-value-story-eyebrow">winner bid</span>
+              <h4 class="pz-key-value-story-tile-title">Falsy-preserving values</h4>
+              <p class="pz-key-value-story-tile-note">Zero discount and boolean winner stay visible.</p>
+            </div>
+
+            <pz-key-value
+              :config="bidConfig"
+              :data="bidData"
+            />
+          </article>
+        </section>
+      </section>
+    `}),parameters:{docs:{description:{story:"Reference board covering every `flexDirection` value, the `checkRequired: false` fallback, and numeric/boolean preservation."}}}};var I,F,B;p.parameters={...p.parameters,docs:{...(I=p.parameters)==null?void 0:I.docs,source:{originalSource:"{}",...(B=(F=p.parameters)==null?void 0:F.docs)==null?void 0:B.source}}};var L,M,W;y.parameters={...y.parameters,docs:{...(L=y.parameters)==null?void 0:L.docs,source:{originalSource:`{
+  args: {
+    config: tenderConfig,
+    data: tenderData,
+    flexDirection: "column",
+    checkRequired: true
+  }
+}`,...(W=(M=y.parameters)==null?void 0:M.docs)==null?void 0:W.source}}};var G,U,j;f.parameters={...f.parameters,docs:{...(G=f.parameters)==null?void 0:G.docs,source:{originalSource:`{
+  args: {
+    config: bidConfig,
+    data: bidData,
+    flexDirection: "row",
+    checkRequired: true
+  }
+}`,...(j=(U=f.parameters)==null?void 0:U.docs)==null?void 0:j.source}}};var Z,H,X;m.parameters={...m.parameters,docs:{...(Z=m.parameters)==null?void 0:Z.docs,source:{originalSource:`{
+  args: {
+    config: tenderConfig,
+    data: tenderData,
+    flexDirection: "column",
+    checkRequired: false
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "\`checkRequired: false\` renders every row from \`config\`, even when the corresponding value is empty."
+      }
+    }
+  }
+}`,...(X=(H=m.parameters)==null?void 0:H.docs)==null?void 0:X.source}}};var Y,J,Q;v.parameters={...v.parameters,docs:{...(Y=v.parameters)==null?void 0:Y.docs,source:{originalSource:`{
+  args: {
+    config: bidConfig,
+    data: bidData,
+    flexDirection: "column",
+    checkRequired: true
+  },
+  render: (args: PzKeyValueStoryArgs) => ({
+    components: {
+      pzKeyValue: PzKeyValue,
+      pzText: PzText
+    },
+    setup() {
+      return {
+        args
+      };
+    },
+    template: \`
+      <section class="pz-key-value-story">
+        <section class="pz-key-value-story-board">
+          <div class="pz-key-value-story-header">
+            <div class="pz-key-value-story-copy">
+              <span class="pz-key-value-story-eyebrow">Slots</span>
+              <pz-text variant="h4-bold">Override value rendering per key</pz-text>
+            </div>
+          </div>
+
+          <div class="pz-key-value-story-preview">
+            <pz-key-value
+              :config="args.config"
+              :data="args.data"
+              :flex-direction="args.flexDirection"
+              :check-required="args.checkRequired"
+            >
+              <template #supplier="{ data }">
+                <a
+                  href="#"
+                  class="pz-key-value-story-link"
+                >
+                  {{ data }}
+                </a>
+              </template>
+
+              <template #isWinner="{ data }">
+                <span>{{ data ? "Yes" : "No" }}</span>
+              </template>
+            </pz-key-value>
+          </div>
+        </section>
+      </section>
+    \`
+  }),
+  parameters: {
+    docs: {
+      description: {
+        story: "Each row exposes a slot named after its \`key\` and a \`<key>_label\` slot for the heading. Slot scope forwards the resolved value as \`data\`."
+      }
+    }
+  }
+}`,...(Q=(J=v.parameters)==null?void 0:J.docs)==null?void 0:Q.source}}};var ee,te,ae;g.parameters={...g.parameters,docs:{...(ee=g.parameters)==null?void 0:ee.docs,source:{originalSource:`{
+  render: () => ({
+    components: {
+      pzKeyValue: PzKeyValue,
+      pzText: PzText
+    },
+    setup() {
+      return {
+        tenderConfig,
+        tenderData,
+        bidConfig,
+        bidData,
+        flexDirectionOptions
+      };
+    },
+    template: \`
+      <section class="pz-key-value-story">
+        <section class="pz-key-value-story-gallery">
+          <article
+            v-for="direction in flexDirectionOptions"
+            :key="direction"
+            class="pz-key-value-story-tile"
+          >
+            <div class="pz-key-value-story-copy">
+              <span class="pz-key-value-story-eyebrow">flex-direction</span>
+              <h4 class="pz-key-value-story-tile-title">{{ direction }}</h4>
+              <p class="pz-key-value-story-tile-note">Rendered with tender-style data.</p>
+            </div>
+
+            <pz-key-value
+              :config="tenderConfig"
+              :data="tenderData"
+              :flex-direction="direction"
+            />
+          </article>
+
+          <article class="pz-key-value-story-tile">
+            <div class="pz-key-value-story-copy">
+              <span class="pz-key-value-story-eyebrow">check-required false</span>
+              <h4 class="pz-key-value-story-tile-title">Always show rows</h4>
+              <p class="pz-key-value-story-tile-note">Empty note field is still rendered.</p>
+            </div>
+
+            <pz-key-value
+              :config="tenderConfig"
+              :data="tenderData"
+              :check-required="false"
+            />
+          </article>
+
+          <article class="pz-key-value-story-tile">
+            <div class="pz-key-value-story-copy">
+              <span class="pz-key-value-story-eyebrow">winner bid</span>
+              <h4 class="pz-key-value-story-tile-title">Falsy-preserving values</h4>
+              <p class="pz-key-value-story-tile-note">Zero discount and boolean winner stay visible.</p>
+            </div>
+
+            <pz-key-value
+              :config="bidConfig"
+              :data="bidData"
+            />
+          </article>
+        </section>
+      </section>
+    \`
+  }),
+  parameters: {
+    docs: {
+      description: {
+        story: "Reference board covering every \`flexDirection\` value, the \`checkRequired: false\` fallback, and numeric/boolean preservation."
+      }
+    }
+  }
+}`,...(ae=(te=g.parameters)==null?void 0:te.docs)==null?void 0:ae.source}}};const xt=["Playground","ColumnLayout","RowLayout","WithoutRequiredFilter","CustomSlots","Gallery"];export{y as ColumnLayout,v as CustomSlots,g as Gallery,p as Playground,f as RowLayout,m as WithoutRequiredFilter,xt as __namedExportsOrder,ft as default};

package/dist/app/assets/PzLabel-BQF7sPao.css

@@ -0,0 +1 @@
+.pz-label[data-v-97ccbdea]{display:grid;gap:var(--pz-space-8);width:100%;color:var(--pz-color-text-primary)}.pz-label-caption[data-v-97ccbdea]{display:inline-flex;align-items:baseline;gap:var(--pz-space-4);width:fit-content;color:inherit;font-size:var(--pz-font-size-14);font-weight:600;line-height:1.5}.pz-label-required[data-v-97ccbdea]{color:var(--pz-color-red-50)}.pz-label-control[data-v-97ccbdea]{min-width:0}.pz-label.is-disabled[data-v-97ccbdea]{color:var(--pz-color-text-secondary)}

package/dist/app/assets/PzLabel-CNUgfkly.css

@@ -0,0 +1 @@
+.pz-label-story{display:grid;gap:var(--pz-space-24)}.pz-label-story-board,.pz-label-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-label-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-label-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-label-story-preview{display:grid;place-items:center;min-height:220px;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-label-story-field{width:min(100%,640px)}.pz-label-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pz-space-16)}.pz-label-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-label-story-rich-label{display:inline-flex;align-items:baseline;gap:var(--pz-space-8);flex-wrap:wrap}.pz-label-story-rich-label-note{color:var(--pz-color-text-secondary);font-size:var(--pz-font-size-12);font-weight:400}.pz-label-story-note{color:var(--pz-color-text-secondary);font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-label-story-input{width:100%;min-height:var(--pz-space-44);padding:var(--pz-space-12) var(--pz-space-16);border:1px solid var(--pz-color-grey-30);border-radius:var(--pz-space-4);background:var(--pz-color-background-primary);color:var(--pz-color-text-primary);font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-label-story-input::placeholder{color:var(--pz-color-grey-40)}.pz-label-story-input:focus-visible{outline:2px solid color-mix(in srgb,var(--pz-color-button-primary) 28%,transparent);outline-offset:2px;border-color:var(--pz-color-blue-30)}.pz-label-story-input:disabled{background:color-mix(in srgb,var(--pz-color-grey-20) 70%,var(--pz-color-white));color:var(--pz-color-text-secondary);cursor:not-allowed}@media (width <= 768px){.pz-label-story-grid{grid-template-columns:1fr}.pz-label-story-header{flex-direction:column}}

package/dist/app/assets/PzLabel-jmQOAHGo.js

@@ -0,0 +1 @@
+import{d as i,v as c,e as l,f,l as t,m as n,p,g as m,o as s,u as b,t as _}from"./iframe-Ckq2fQkL.js";import{_ as v}from"./PzText-BOcxbzaG.js";const z=["for"],y={key:0,class:"pz-label-required","aria-hidden":"true"},P={class:"pz-label-control"},a=i({name:"PzLabel",__name:"PzLabel",props:{label:{default:""},for:{default:void 0},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},setup(r){const e=r,d=c(),u=m(()=>!!(e.label||d.label));return(o,q)=>(s(),l("div",{class:f(["pz-label",{"is-disabled":e.disabled}])},[u.value?(s(),l("label",{key:0,class:"pz-label-caption",for:e.for},[t(o.$slots,"label",{},()=>[b(_(e.label),1)],!0),e.required?(s(),l("span",y," * ")):n("",!0)],8,z)):n("",!0),p("div",P,[t(o.$slots,"default",{},void 0,!0)])],2))}}),V=v(a,[["__scopeId","data-v-97ccbdea"]]);a.__docgenInfo=Object.assign({displayName:a.name??a.__name},{name:"PzLabel",exportName:"default",displayName:"PzLabel",description:"",tags:{},props:[{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"for",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"required",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],slots:[{name:"label"},{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzLabel/PzLabel.vue"]});export{V as P};

package/dist/app/assets/PzLabel.stories-DvN_0fOj.js

@@ -0,0 +1,119 @@
+import{P as d}from"./PzText-BOcxbzaG.js";import{P as r}from"./PzLabel-jmQOAHGo.js";import"./iframe-Ckq2fQkL.js";import"./preload-helper-C1FmrZbK.js";const n=e=>{const a=[e.label?`label="${e.label}"`:null,e.for?`for="${e.for}"`:null,e.required?':required="true"':null,e.disabled?':disabled="true"':null].filter(t=>!!t).join(" "),p=[e.for?`id="${e.for}"`:null,e.placeholder?`placeholder="${e.placeholder}"`:null,e.disabled?"disabled":null].filter(t=>!!t).join(" ");return`<template>
+  <PzLabel ${a}>
+    <input ${p} />
+  </PzLabel>
+</template>`},b={title:"Components/Form/PzLabel",component:r,parameters:{docs:{description:{component:"Use `PzLabel` to pair a form control with its caption. It keeps the public API intentionally small: text label via prop or named slot, a required marker, disabled tone, and a `for` attribute for explicit control association."},source:{transform:(e,a)=>n(a.args??b.args)}}},args:{label:"Назва поля",for:"pz-label-story-input",required:!0,disabled:!1,placeholder:"Введіть опис..."},argTypes:{label:{control:"text",description:"Label text shown above the form control."},for:{control:"text",description:"Matches the `id` of the associated control for explicit labeling."},required:{control:"boolean",description:"Adds the visual required indicator next to the label text."},disabled:{control:"boolean",description:"Applies disabled styling to the label. Disable the slotted control separately."},placeholder:{control:"text",description:"Story-only placeholder for the demo input.",table:{category:"Story"}}},render:e=>({components:{pzLabel:r,pzText:d},setup(){return{args:e}},template:`
+      <div class="pz-label-story">
+        <section class="pz-label-story-board">
+          <div class="pz-label-story-header">
+            <div>
+              <span class="pz-label-story-eyebrow">Component API</span>
+              <pz-text variant="h4-bold">Field caption wrapper</pz-text>
+            </div>
+          </div>
+
+          <div class="pz-label-story-preview">
+            <div class="pz-label-story-field">
+              <pz-label
+                :label="args.label"
+                :for="args.for"
+                :required="args.required"
+                :disabled="args.disabled"
+              >
+                <input
+                  :id="args.for"
+                  class="pz-label-story-input"
+                  :placeholder="args.placeholder"
+                  :disabled="args.disabled"
+                />
+              </pz-label>
+            </div>
+          </div>
+        </section>
+
+        <section class="pz-label-story-gallery">
+          <div class="pz-label-story-header">
+            <div>
+              <span class="pz-label-story-eyebrow">Usage</span>
+              <pz-text variant="h4-bold">Typical form labeling states</pz-text>
+            </div>
+          </div>
+
+          <div class="pz-label-story-grid">
+            <article class="pz-label-story-card">
+              <pz-label
+                label="Назва поля"
+                for="pz-label-story-default"
+              >
+                <input
+                  id="pz-label-story-default"
+                  class="pz-label-story-input"
+                  placeholder="Введіть опис..."
+                />
+              </pz-label>
+              <span class="pz-label-story-note">Стандартний label над контролом з явним зв’язком через for/id.</span>
+            </article>
+
+            <article class="pz-label-story-card">
+              <pz-label
+                label="Назва поля"
+                for="pz-label-story-required"
+                required
+              >
+                <input
+                  id="pz-label-story-required"
+                  class="pz-label-story-input"
+                  placeholder="Обов'язкове поле"
+                />
+              </pz-label>
+              <span class="pz-label-story-note">Показує required-маркер для полів, які не можна залишити порожніми.</span>
+            </article>
+
+            <article class="pz-label-story-card">
+              <pz-label
+                for="pz-label-story-slot"
+                required
+              >
+                <template #label>
+                  <span class="pz-label-story-rich-label">
+                    Контактна особа
+                    <span class="pz-label-story-rich-label-note">через label slot</span>
+                  </span>
+                </template>
+
+                <input
+                  id="pz-label-story-slot"
+                  class="pz-label-story-input"
+                  placeholder="Ім'я та прізвище"
+                />
+              </pz-label>
+              <span class="pz-label-story-note">Приклад label slot, коли в підпис треба додати додатковий текст або складнішу розмітку.</span>
+            </article>
+
+            <article class="pz-label-story-card">
+              <pz-label
+                label="Назва поля"
+                for="pz-label-story-disabled"
+                disabled
+              >
+                <input
+                  id="pz-label-story-disabled"
+                  class="pz-label-story-input"
+                  value="Недоступне поле"
+                  disabled
+                />
+              </pz-label>
+              <span class="pz-label-story-note">Disabled-стан приглушує і підпис, і сам control, але семантика label зберігається.</span>
+            </article>
+          </div>
+        </section>
+      </div>
+    `})},l={parameters:{docs:{description:{story:"Інтерактивний приклад wrapper-компонента для підпису поля. Gallery показує базовий label, required-модифікатор, slot-підпис і disabled-стан."}}}};var s,o,i;l.parameters={...l.parameters,docs:{...(s=l.parameters)==null?void 0:s.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "Інтерактивний приклад wrapper-компонента для підпису поля. Gallery показує базовий label, required-модифікатор, slot-підпис і disabled-стан."
+      }
+    }
+  }
+}`,...(i=(o=l.parameters)==null?void 0:o.docs)==null?void 0:i.source}}};const m=["Playground"];export{l as Playground,m as __namedExportsOrder,b as default};

package/dist/app/assets/{PzLink-CLsit3uW.css → PzLink-BzhNa3ur.css}

@@ -1 +1 @@
-.pz-link[data-v-568cb8cc]{--pz-link-color: var(--pz-color-text-link);--pz-link-hover-color: var(--pz-color-text-link-hover);--pz-link-background: transparent;--pz-link-hover-background: transparent;--pz-link-border-color: transparent;--pz-link-hover-border-color: transparent;--pz-link-disabled-border-color: transparent;--pz-link-content-decoration: none;--pz-link-hover-decoration: underline;--pz-link-radius: var(--pz-space-4);--pz-link-gap: var(--pz-space-8);--pz-link-padding-inline: 0;--pz-link-padding-block: 0;--pz-link-icon-size: var(--pz-font-size-16);--pz-link-font-style: normal;align-items:center;gap:var(--pz-link-gap);width:fit-content;padding:var(--pz-link-padding-block) var(--pz-link-padding-inline);border:1px solid var(--pz-link-border-color);border-radius:var(--pz-link-radius);background:var(--pz-link-background);color:var(--pz-link-color);cursor:pointer;text-decoration:none;overflow-wrap:break-word;font-style:var(--pz-link-font-style);-webkit-hyphens:auto;hyphens:auto;transition:color .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-link--inline[data-v-568cb8cc]{display:inline-flex}.pz-link--block[data-v-568cb8cc]{display:flex}.pz-link--bold[data-v-568cb8cc]{font-weight:600}.pz-link--italic[data-v-568cb8cc]{--pz-link-font-style: italic}.pz-link--line-through .pz-link-content[data-v-568cb8cc]{text-decoration:line-through}.pz-link--primary[data-v-568cb8cc]{--pz-link-color: var(--pz-color-text-link);--pz-link-hover-color: var(--pz-color-text-link-hover)}.pz-link--neutral[data-v-568cb8cc]{--pz-link-color: var(--pz-color-text-primary);--pz-link-hover-color: var(--pz-color-text-link-hover)}.pz-link--gray[data-v-568cb8cc]{--pz-link-color: var(--pz-color-grey-60);--pz-link-hover-color: var(--pz-color-text-link-hover)}.pz-link--button[data-v-568cb8cc]{--pz-link-color: var(--pz-color-button-primary);--pz-link-hover-color: var(--pz-color-white);--pz-link-background: transparent;--pz-link-hover-background: var(--pz-color-button-primary-hover);--pz-link-border-color: var(--pz-color-button-primary);--pz-link-hover-border-color: var(--pz-color-button-primary-hover);--pz-link-disabled-border-color: color-mix(in srgb, var(--pz-color-button-disabled) 60%, transparent);--pz-link-hover-decoration: none;--pz-link-radius: var(--pz-space-4);--pz-link-padding-inline: var(--pz-space-8);--pz-link-padding-block: var(--pz-space-4)}.pz-link--icon[data-v-568cb8cc]{--pz-link-color: var(--pz-color-icon-primary);--pz-link-hover-color: var(--pz-color-icon-hover);--pz-link-hover-decoration: none;--pz-link-icon-size: var(--pz-font-size-20)}.pz-link--icon-only[data-v-568cb8cc]{--pz-link-padding-inline: var(--pz-space-4);--pz-link-padding-block: var(--pz-space-4)}.pz-link--disabled[data-v-568cb8cc]{--pz-link-color: var(--pz-color-text-link-disabled);--pz-link-hover-color: var(--pz-color-text-link-disabled);--pz-link-border-color: var(--pz-link-disabled-border-color);cursor:default;pointer-events:none}.pz-link[data-v-568cb8cc]:hover,.pz-link[data-v-568cb8cc]:focus-visible{color:var(--pz-link-hover-color);border-color:var(--pz-link-hover-border-color);background:var(--pz-link-hover-background);outline:none}.pz-link[data-v-568cb8cc]:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--pz-link-hover-color) 18%,transparent)}.pz-link-prefix[data-v-568cb8cc],.pz-link-suffix[data-v-568cb8cc]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.pz-link-content[data-v-568cb8cc]{min-width:0;text-decoration:var(--pz-link-content-decoration)}.pz-link-prefix[data-v-568cb8cc]:empty,.pz-link-suffix[data-v-568cb8cc]:empty,.pz-link-content[data-v-568cb8cc]:empty{display:none}.pz-link:hover .pz-link-content[data-v-568cb8cc],.pz-link:focus-visible .pz-link-content[data-v-568cb8cc]{text-decoration:var(--pz-link-hover-decoration)}.pz-link-prefix[data-v-568cb8cc] .pz-icon,.pz-link-suffix[data-v-568cb8cc] .pz-icon{--pz-icon-size: var(--pz-link-icon-size);--pz-icon-color: currentcolor}
+.pz-link[data-v-2ff8892d]{--pz-link-color: var(--pz-color-text-link);--pz-link-hover-color: var(--pz-color-text-link-hover);--pz-link-background: transparent;--pz-link-hover-background: transparent;--pz-link-border-color: transparent;--pz-link-hover-border-color: transparent;--pz-link-disabled-border-color: transparent;--pz-link-content-decoration: none;--pz-link-hover-decoration: underline;--pz-link-radius: var(--pz-space-4);--pz-link-gap: var(--pz-space-8);--pz-link-padding-inline: 0;--pz-link-padding-block: 0;--pz-link-icon-size: var(--pz-font-size-16);--pz-link-font-style: normal;align-items:center;gap:var(--pz-link-gap);width:fit-content;padding:var(--pz-link-padding-block) var(--pz-link-padding-inline);border:1px solid var(--pz-link-border-color);border-radius:var(--pz-link-radius);background:var(--pz-link-background);color:var(--pz-link-color);cursor:pointer;text-decoration:none;overflow-wrap:break-word;font-style:var(--pz-link-font-style);-webkit-hyphens:auto;hyphens:auto;transition:color .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-link--inline[data-v-2ff8892d]{display:inline-flex}.pz-link--block[data-v-2ff8892d]{display:flex}.pz-link--bold[data-v-2ff8892d]{font-weight:600}.pz-link--italic[data-v-2ff8892d]{--pz-link-font-style: italic}.pz-link--line-through .pz-link-content[data-v-2ff8892d]{text-decoration:line-through}.pz-link--primary[data-v-2ff8892d]{--pz-link-color: var(--pz-color-text-link);--pz-link-hover-color: var(--pz-color-text-link-hover)}.pz-link--neutral[data-v-2ff8892d]{--pz-link-color: var(--pz-color-text-primary);--pz-link-hover-color: var(--pz-color-text-link-hover)}.pz-link--gray[data-v-2ff8892d]{--pz-link-color: var(--pz-color-grey-60);--pz-link-hover-color: var(--pz-color-text-link-hover)}.pz-link--button[data-v-2ff8892d]{--pz-link-color: var(--pz-color-button-primary);--pz-link-hover-color: var(--pz-color-white);--pz-link-background: transparent;--pz-link-hover-background: var(--pz-color-button-primary-hover);--pz-link-border-color: var(--pz-color-button-primary);--pz-link-hover-border-color: var(--pz-color-button-primary-hover);--pz-link-disabled-border-color: color-mix(in srgb, var(--pz-color-button-disabled) 60%, transparent);--pz-link-hover-decoration: none;--pz-link-radius: var(--pz-space-4);--pz-link-padding-inline: var(--pz-space-8);--pz-link-padding-block: var(--pz-space-4)}.pz-link--icon[data-v-2ff8892d]{--pz-link-color: var(--pz-color-icon-primary);--pz-link-hover-color: var(--pz-color-icon-hover);--pz-link-hover-decoration: none;--pz-link-icon-size: var(--pz-font-size-20)}.pz-link--icon-only[data-v-2ff8892d]{--pz-link-padding-inline: var(--pz-space-4);--pz-link-padding-block: var(--pz-space-4)}.pz-link--disabled[data-v-2ff8892d]{--pz-link-color: var(--pz-color-text-link-disabled);--pz-link-hover-color: var(--pz-color-text-link-disabled);--pz-link-border-color: var(--pz-link-disabled-border-color);cursor:default;pointer-events:none}.pz-link[data-v-2ff8892d]:hover,.pz-link[data-v-2ff8892d]:focus-visible{color:var(--pz-link-hover-color);border-color:var(--pz-link-hover-border-color);background:var(--pz-link-hover-background);outline:none}.pz-link[data-v-2ff8892d]:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--pz-link-hover-color) 18%,transparent)}.pz-link-prefix[data-v-2ff8892d],.pz-link-suffix[data-v-2ff8892d]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.pz-link-content[data-v-2ff8892d]{min-width:0;text-decoration:var(--pz-link-content-decoration)}.pz-link-prefix[data-v-2ff8892d]:empty,.pz-link-suffix[data-v-2ff8892d]:empty,.pz-link-content[data-v-2ff8892d]:empty{display:none}.pz-link:hover .pz-link-content[data-v-2ff8892d],.pz-link:focus-visible .pz-link-content[data-v-2ff8892d]{text-decoration:var(--pz-link-hover-decoration)}.pz-link-prefix[data-v-2ff8892d] .pz-icon,.pz-link-suffix[data-v-2ff8892d] .pz-icon{--pz-icon-size: var(--pz-link-icon-size);--pz-icon-color: currentcolor}

package/dist/app/assets/PzLink-CwtmibRx.js

@@ -0,0 +1 @@
+import{d as m,v as k,e as l,l as t,m as i,f as v,g as o,o as n}from"./iframe-Ckq2fQkL.js";import{_ as b}from"./PzText-BOcxbzaG.js";const z="noopener noreferrer",_=["href","target","rel","aria-disabled","tabindex"],y={key:0,class:"pz-link-prefix"},h={key:1,class:"pz-link-content"},g={key:2,class:"pz-link-suffix"},s=m({name:"PzLink",__name:"PzLink",props:{href:{},variant:{default:"primary"},target:{default:"_self"},rel:{default:void 0},disabled:{type:Boolean,default:!1},inline:{type:Boolean,default:!0},bold:{type:Boolean,default:!1},italic:{type:Boolean,default:!1},lineThrough:{type:Boolean,default:!1}},setup(r){const f=k(),e=r,u=o(()=>!!f.default),d=o(()=>e.rel?e.rel:e.target==="_blank"?z:void 0),p=o(()=>[`pz-link--${e.variant}`,{"pz-link--inline":e.inline,"pz-link--block":!e.inline,"pz-link--disabled":e.disabled,"pz-link--bold":e.bold,"pz-link--italic":e.italic,"pz-link--line-through":e.lineThrough,"pz-link--icon-only":e.variant==="icon"&&!u.value}]),c=a=>{e.disabled&&(a.preventDefault(),a.stopPropagation())};return(a,P)=>(n(),l("a",{href:e.href,target:e.target,rel:d.value,"aria-disabled":e.disabled||void 0,tabindex:e.disabled?-1:void 0,class:v(["pz-link",p.value]),onClick:c},[a.$slots.prefix?(n(),l("span",y,[t(a.$slots,"prefix",{},void 0,!0)])):i("",!0),a.$slots.default?(n(),l("span",h,[t(a.$slots,"default",{},void 0,!0)])):i("",!0),a.$slots.suffix?(n(),l("span",g,[t(a.$slots,"suffix",{},void 0,!0)])):i("",!0)],10,_))}}),q=b(s,[["__scopeId","data-v-2ff8892d"]]);s.__docgenInfo=Object.assign({displayName:s.name??s.__name},{name:"PzLink",exportName:"default",displayName:"PzLink",description:"",tags:{},props:[{name:"href",required:!0,type:{name:"string"}},{name:"variant",required:!1,type:{name:"PzLinkVariant"},defaultValue:{func:!1,value:'"primary"'}},{name:"target",required:!1,type:{name:"PzLinkTarget"},defaultValue:{func:!1,value:'"_self"'}},{name:"rel",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"inline",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"bold",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"italic",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"lineThrough",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],slots:[{name:"prefix"},{name:"default"},{name:"suffix"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Actions/PzLink/PzLink.vue"]});export{q as P};

package/dist/app/assets/{PzLink.stories-D1DLILnY.js → PzLink.stories-BnY0IvI7.js}

@@ -1,4 +1,4 @@
-import{_ as p}from"./PzIcon-Don8TXO3.js";import{P as c}from"./PzText-LfRr6NF7.js";import{P as o,p as d,a as f}from"./PzLink-BkfNrG4H.js";import"./iframe-XnrfGA2g.js";import"./preload-helper-C1FmrZbK.js";const u=[{variant:"primary",label:"Primary text link",suffix:"open_in_new"},{variant:"neutral",label:"Neutral navigation link"},{variant:"gray",label:"Gray meta link"},{variant:"button",label:"Button-like action",prefix:"description"},{variant:"icon",label:"Icon-led action",prefix:"launch"}],m=e=>{const t=[`href="${e.href}"`,e.variant!=="primary"?`variant="${e.variant}"`:null,e.target!=="_self"?`target="${e.target}"`:null,e.disabled?':disabled="true"':null,e.inline===!1?':inline="false"':null,e.bold?':bold="true"':null,e.italic?':italic="true"':null,e.lineThrough?':line-through="true"':null].filter(n=>!!n).join(" "),s=[e.showPrefix?`    <template #prefix>
+import{_ as p}from"./PzIcon-DTWQGv5c.js";import{P as c}from"./PzText-BOcxbzaG.js";import{p as d,a as f}from"./configs-DshpCAYO.js";import{P as o}from"./PzLink-CwtmibRx.js";import"./iframe-Ckq2fQkL.js";import"./preload-helper-C1FmrZbK.js";const m=[{variant:"primary",label:"Primary text link",suffix:"open_in_new"},{variant:"neutral",label:"Neutral navigation link"},{variant:"gray",label:"Gray meta link"},{variant:"button",label:"Button-like action",prefix:"description"},{variant:"icon",label:"Icon-led action",prefix:"launch"}],u=e=>{const t=[`href="${e.href}"`,e.variant!=="primary"?`variant="${e.variant}"`:null,e.target!=="_self"?`target="${e.target}"`:null,e.disabled?':disabled="true"':null,e.inline===!1?':inline="false"':null,e.bold?':bold="true"':null,e.italic?':italic="true"':null,e.lineThrough?':line-through="true"':null].filter(n=>!!n).join(" "),s=[e.showPrefix?`    <template #prefix>
       <PzIcon name="open_in_new" size="16" />
     </template>`:null,`    ${e.label}`,e.showSuffix?`    <template #suffix>
       <PzIcon name="arrow_forward" size="16" />
@@ -7,7 +7,7 @@ import{_ as p}from"./PzIcon-Don8TXO3.js";import{P as c}from"./PzText-LfRr6NF7.js
 ${s.join(`
 `)}
   </PzLink>
-</template>`},b={title:"Components/Actions/PzLink",component:o,parameters:{prototype:{caption:"Link component",note:"Figma node access was blocked in this environment, so this single public link primitive is inferred from the shared link, button, and icon tokens plus the legacy link variants you provided."},docs:{description:{component:"Use `PzLink` as the single public link primitive. It stays anchor-based, supports variant-driven visual treatments, and prefers slot composition for prefix or suffix icons instead of router-specific behavior."},source:{transform:(e,t)=>m(t.args??b.args)}}},args:{href:"https://prozorro.gov.ua",variant:"primary",target:"_blank",disabled:!1,inline:!0,bold:!1,italic:!1,lineThrough:!1,label:"Open procurement details",showPrefix:!0,showSuffix:!0},argTypes:{href:{control:"text",description:"Anchor href value."},variant:{control:"inline-radio",options:f,description:"Visual link treatment."},target:{control:"select",options:d,description:"Anchor target attribute."},disabled:{control:"boolean",description:"Prevents navigation and applies disabled styling."},inline:{control:"boolean",description:"Renders inline-flex or block flex layout."},bold:{control:"boolean",description:"Applies stronger text weight."},italic:{control:"boolean",description:"Applies italic text style."},lineThrough:{control:"boolean",description:"Adds line-through decoration to the content."},label:{control:"text",description:"Slot content preview text.",table:{category:"Slots"}},showPrefix:{control:"boolean",description:"Shows a prefix icon slot in the preview.",table:{category:"Slots"}},showSuffix:{control:"boolean",description:"Shows a suffix icon slot in the preview.",table:{category:"Slots"}}},render:e=>({components:{pzLink:o,pzIcon:p,pzText:c},setup(){return{args:e,linkReferenceItems:u}},template:`
+</template>`},b={title:"Components/Actions/PzLink",component:o,parameters:{prototype:{caption:"Link component",note:"Figma node access was blocked in this environment, so this single public link primitive is inferred from the shared link, button, and icon tokens plus the legacy link variants you provided."},docs:{description:{component:"Use `PzLink` as the single public link primitive. It stays anchor-based, supports variant-driven visual treatments, and prefers slot composition for prefix or suffix icons instead of router-specific behavior."},source:{transform:(e,t)=>u(t.args??b.args)}}},args:{href:"https://prozorro.gov.ua",variant:"primary",target:"_blank",disabled:!1,inline:!0,bold:!1,italic:!1,lineThrough:!1,label:"Open procurement details",showPrefix:!0,showSuffix:!0},argTypes:{href:{control:"text",description:"Anchor href value."},variant:{control:"inline-radio",options:f,description:"Visual link treatment."},target:{control:"select",options:d,description:"Anchor target attribute."},disabled:{control:"boolean",description:"Prevents navigation and applies disabled styling."},inline:{control:"boolean",description:"Renders inline-flex or block flex layout."},bold:{control:"boolean",description:"Applies stronger text weight."},italic:{control:"boolean",description:"Applies italic text style."},lineThrough:{control:"boolean",description:"Adds line-through decoration to the content."},label:{control:"text",description:"Slot content preview text.",table:{category:"Slots"}},showPrefix:{control:"boolean",description:"Shows a prefix icon slot in the preview.",table:{category:"Slots"}},showSuffix:{control:"boolean",description:"Shows a suffix icon slot in the preview.",table:{category:"Slots"}}},render:e=>({components:{pzLink:o,pzIcon:p,pzText:c},setup(){return{args:e,linkReferenceItems:m}},template:`
       <div class="pz-link-story">
         <section class="pz-link-story-board">
           <div class="pz-link-story-header">
@@ -96,4 +96,4 @@ ${s.join(`
           </div>
         </section>
       </div>
-    `})},i={};var r,a,l;i.parameters={...i.parameters,docs:{...(r=i.parameters)==null?void 0:r.docs,source:{originalSource:"{}",...(l=(a=i.parameters)==null?void 0:a.docs)==null?void 0:l.source}}};const g=["Playground"];export{i as Playground,g as __namedExportsOrder,b as default};
+    `})},i={};var r,a,l;i.parameters={...i.parameters,docs:{...(r=i.parameters)==null?void 0:r.docs,source:{originalSource:"{}",...(l=(a=i.parameters)==null?void 0:a.docs)==null?void 0:l.source}}};const y=["Playground"];export{i as Playground,y as __namedExportsOrder,b as default};

package/dist/app/assets/{PzModal-X71wpoOT.css → PzModal-Ck4FnyKm.css}

@@ -1 +1 @@
-.pz-modal-story{display:grid;gap:24px}.pz-modal-story-board{padding:clamp(24px,3vw,32px);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 42%);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-modal-story-copy{display:grid;gap:16px;max-width:560px}.pz-modal-story-eyebrow{display:inline-flex;width:fit-content;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pz-color-text-link-hover)}.pz-modal-story-trigger,.pz-modal-story-primary,.pz-modal-story-secondary{height:40px;padding:0 16px;border-radius:4px;cursor:pointer;transition:color .16s ease,background-color .16s ease,border-color .16s ease;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-modal-story-trigger,.pz-modal-story-primary{border:1px solid var(--pz-color-button-primary);background:var(--pz-color-button-primary);color:var(--pz-color-white)}.pz-modal-story-trigger:hover,.pz-modal-story-trigger:focus-visible,.pz-modal-story-primary:hover,.pz-modal-story-primary:focus-visible{background:var(--pz-color-button-primary-hover);border-color:var(--pz-color-button-primary-hover);outline:none}.pz-modal-story-secondary{border:1px solid color-mix(in srgb,var(--pz-color-grey-60) 56%,transparent);background:var(--pz-color-white);color:var(--pz-color-text-primary)}.pz-modal-story-secondary:hover,.pz-modal-story-secondary:focus-visible{border-color:var(--pz-color-text-link-hover);color:var(--pz-color-text-link-hover);outline:none}.pz-modal-story-content{display:grid;gap:20px}.pz-modal-story-paper{display:grid;gap:12px;padding:20px;border:1px solid color-mix(in srgb,var(--pz-color-grey-40) 56%,transparent);border-radius:6px;background:linear-gradient(180deg,#fff,#fbfcff)}.pz-modal-story-document-header{display:flex;align-items:center;gap:12px;min-width:0}.pz-modal-story-download{color:var(--pz-color-text-link);text-decoration:none;white-space:nowrap;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-modal-story-download:hover,.pz-modal-story-download:focus-visible{color:var(--pz-color-text-link-hover);outline:none}.pz-modal-story-document{min-height:72vh;padding:12px;background:#2f2f31}.pz-modal-story-document-frame{display:grid;place-items:center;min-height:calc(72vh - 24px);background:linear-gradient(90deg,#333 0 18%,transparent 18% 82%,#333 82% 100%),#f4f4f2}.pz-modal-story-document-sheet{width:min(100%,620px);aspect-ratio:.75;background:linear-gradient(rgba(0,0,0,.0705882353) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.031372549) 1px,transparent 1px),linear-gradient(180deg,#fff,#f6f6f4);background-size:100% 30px,28px 100%,100% 100%;box-shadow:0 18px 40px #00000026}@media (width <= 640px){.pz-modal-story-board{padding:20px;border-radius:22px}.pz-modal-story-document-header{flex-wrap:wrap;align-items:start}}.pz-modal[data-v-8dc1c00e]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100}.pz-modal-overlay[data-v-8dc1c00e]{display:grid;place-items:center;width:100%;height:100%;padding:clamp(12px,3vw,32px);background:color-mix(in srgb,var(--pz-color-black-90) 74%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pz-modal-dialog[data-v-8dc1c00e]{--pz-modal-width: min(720px, calc(100vw - 32px) );--pz-modal-padding: 8px;--pz-modal-radius: 3px;width:var(--pz-modal-width);max-width:100%;max-height:min(92vh,980px);overflow:auto;border:1px solid color-mix(in srgb,var(--pz-color-grey-40) 48%,transparent);border-radius:var(--pz-modal-radius);background:var(--pz-color-white);box-shadow:0 28px 80px color-mix(in srgb,var(--pz-color-black-90) 18%,transparent),0 6px 24px color-mix(in srgb,var(--pz-color-black-90) 10%,transparent)}.pz-modal-dialog--compact[data-v-8dc1c00e]{--pz-modal-width: min(520px, calc(100vw - 32px) )}.pz-modal-dialog--regular[data-v-8dc1c00e]{--pz-modal-width: min(720px, calc(100vw - 32px) )}.pz-modal-dialog--wide[data-v-8dc1c00e]{--pz-modal-width: min(1080px, calc(100vw - 32px) )}.pz-modal-dialog--fullscreen[data-v-8dc1c00e]{--pz-modal-width: calc(100vw - 24px) ;max-height:calc(100vh - 24px)}.pz-modal-header[data-v-8dc1c00e],.pz-modal-footer[data-v-8dc1c00e]{position:sticky;z-index:1;background:var(--pz-color-white)}.pz-modal-header[data-v-8dc1c00e]{top:0;display:flex;align-items:start;justify-content:end;gap:16px;padding:var(--pz-modal-padding)}.pz-modal-header--between[data-v-8dc1c00e]{justify-content:space-between}.pz-modal-footer[data-v-8dc1c00e]{bottom:0;display:flex;align-items:center;justify-content:end;gap:12px;padding:var(--pz-modal-padding)}.pz-modal-title[data-v-8dc1c00e]{min-width:0;padding-top:2px}.pz-modal-body[data-v-8dc1c00e]{padding:0 var(--pz-modal-padding) var(--pz-modal-padding);color:var(--pz-color-text-primary);overflow-wrap:anywhere;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-modal-close[data-v-8dc1c00e]{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:4px;background:transparent;color:var(--pz-color-text-link);cursor:pointer;transition:color .16s ease,background-color .16s ease}.pz-modal-close[data-v-8dc1c00e]:hover,.pz-modal-close[data-v-8dc1c00e]:focus-visible{color:var(--pz-color-text-link-hover);background:color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent);outline:none}@media (width <= 640px){.pz-modal-overlay[data-v-8dc1c00e]{padding:12px}.pz-modal-dialog[data-v-8dc1c00e]{--pz-modal-width: calc(100vw - 24px) ;--pz-modal-padding: 16px}.pz-modal-header[data-v-8dc1c00e]{gap:12px;padding-bottom:12px}.pz-modal-footer[data-v-8dc1c00e]{flex-wrap:wrap;justify-content:stretch}}
+.pz-modal-story{display:grid;gap:24px}.pz-modal-story-board{padding:clamp(24px,3vw,32px);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 42%);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-modal-story-copy{display:grid;gap:16px;max-width:560px}.pz-modal-story-eyebrow{display:inline-flex;width:fit-content;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pz-color-text-link-hover)}.pz-modal-story-trigger,.pz-modal-story-primary,.pz-modal-story-secondary{height:40px;padding:0 16px;border-radius:4px;cursor:pointer;transition:color .16s ease,background-color .16s ease,border-color .16s ease;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-modal-story-trigger,.pz-modal-story-primary{border:1px solid var(--pz-color-button-primary);background:var(--pz-color-button-primary);color:var(--pz-color-white)}.pz-modal-story-trigger:hover,.pz-modal-story-trigger:focus-visible,.pz-modal-story-primary:hover,.pz-modal-story-primary:focus-visible{background:var(--pz-color-button-primary-hover);border-color:var(--pz-color-button-primary-hover);outline:none}.pz-modal-story-secondary{border:1px solid color-mix(in srgb,var(--pz-color-grey-60) 56%,transparent);background:var(--pz-color-white);color:var(--pz-color-text-primary)}.pz-modal-story-secondary:hover,.pz-modal-story-secondary:focus-visible{border-color:var(--pz-color-text-link-hover);color:var(--pz-color-text-link-hover);outline:none}.pz-modal-story-content{display:grid;gap:20px}.pz-modal-story-paper{display:grid;gap:12px;padding:20px;border:1px solid color-mix(in srgb,var(--pz-color-grey-40) 56%,transparent);border-radius:6px;background:linear-gradient(180deg,#fff,#fbfcff)}.pz-modal-story-document-header{display:flex;align-items:center;gap:12px;min-width:0}.pz-modal-story-download{color:var(--pz-color-text-link);text-decoration:none;white-space:nowrap;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-modal-story-download:hover,.pz-modal-story-download:focus-visible{color:var(--pz-color-text-link-hover);outline:none}.pz-modal-story-document{min-height:72vh;padding:12px;background:#2f2f31}.pz-modal-story-document-frame{display:grid;place-items:center;min-height:calc(72vh - 24px);background:linear-gradient(90deg,#333 0 18%,transparent 18% 82%,#333 82% 100%),#f4f4f2}.pz-modal-story-document-sheet{width:min(100%,620px);aspect-ratio:.75;background:linear-gradient(rgba(0,0,0,.0705882353) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.031372549) 1px,transparent 1px),linear-gradient(180deg,#fff,#f6f6f4);background-size:100% 30px,28px 100%,100% 100%;box-shadow:0 18px 40px #00000026}@media (width <= 640px){.pz-modal-story-board{padding:20px;border-radius:22px}.pz-modal-story-document-header{flex-wrap:wrap;align-items:start}}.pz-modal[data-v-f841f3e6]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100}.pz-modal-overlay[data-v-f841f3e6]{display:grid;place-items:center;width:100%;height:100%;padding:clamp(12px,3vw,32px);background:color-mix(in srgb,var(--pz-color-black-90) 74%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pz-modal-dialog[data-v-f841f3e6]{--pz-modal-width: min(720px, calc(100vw - 32px) );--pz-modal-padding: 8px;--pz-modal-radius: 3px;width:var(--pz-modal-width);max-width:100%;max-height:min(92vh,980px);overflow:auto;border:1px solid color-mix(in srgb,var(--pz-color-grey-40) 48%,transparent);border-radius:var(--pz-modal-radius);background:var(--pz-color-white);box-shadow:0 28px 80px color-mix(in srgb,var(--pz-color-black-90) 18%,transparent),0 6px 24px color-mix(in srgb,var(--pz-color-black-90) 10%,transparent)}.pz-modal-dialog--compact[data-v-f841f3e6]{--pz-modal-width: min(520px, calc(100vw - 32px) )}.pz-modal-dialog--regular[data-v-f841f3e6]{--pz-modal-width: min(720px, calc(100vw - 32px) )}.pz-modal-dialog--wide[data-v-f841f3e6]{--pz-modal-width: min(1080px, calc(100vw - 32px) )}.pz-modal-dialog--fullscreen[data-v-f841f3e6]{--pz-modal-width: calc(100vw - 24px) ;max-height:calc(100vh - 24px)}.pz-modal-header[data-v-f841f3e6],.pz-modal-footer[data-v-f841f3e6]{position:sticky;z-index:1;background:var(--pz-color-white)}.pz-modal-header[data-v-f841f3e6]{top:0;display:flex;align-items:start;justify-content:end;gap:16px;padding:var(--pz-modal-padding)}.pz-modal-header--between[data-v-f841f3e6]{justify-content:space-between}.pz-modal-footer[data-v-f841f3e6]{bottom:0;display:flex;align-items:center;justify-content:end;gap:12px;padding:var(--pz-modal-padding)}.pz-modal-title[data-v-f841f3e6]{min-width:0;padding-top:2px}.pz-modal-body[data-v-f841f3e6]{padding:0 var(--pz-modal-padding) var(--pz-modal-padding);color:var(--pz-color-text-primary);overflow-wrap:anywhere;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-modal-close[data-v-f841f3e6]{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:4px;background:transparent;color:var(--pz-color-text-link);cursor:pointer;transition:color .16s ease,background-color .16s ease}.pz-modal-close[data-v-f841f3e6]:hover,.pz-modal-close[data-v-f841f3e6]:focus-visible{color:var(--pz-color-text-link-hover);background:color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent);outline:none}@media (width <= 640px){.pz-modal-overlay[data-v-f841f3e6]{padding:12px}.pz-modal-dialog[data-v-f841f3e6]{--pz-modal-width: calc(100vw - 24px) ;--pz-modal-padding: 16px}.pz-modal-header[data-v-f841f3e6]{gap:12px;padding-bottom:12px}.pz-modal-footer[data-v-f841f3e6]{flex-wrap:wrap;justify-content:stretch}}