@prozorro/prozorro-ui 0.0.8 → 0.0.10-beta

package/dist/app/assets/PzSearchResultItemLayout.stories-QRI-A0Zi.js

@@ -0,0 +1,112 @@
+import{_ as p,P as d}from"./PzText-BOcxbzaG.js";import{d as m,i as y,j as h,k as z,o as v,p as a,l}from"./iframe-Ckq2fQkL.js";import"./preload-helper-C1FmrZbK.js";const g={class:"pz-search-result-item-layout-surface"},b={class:"pz-search-result-item-layout-grid"},f={class:"pz-search-result-item-layout-main"},L={class:"pz-search-result-item-layout-aside"},o=m({name:"PzSearchResultItemLayout",__name:"PzSearchResultItemLayout",props:{as:{default:"li"}},setup(e){const t=e;return(s,R)=>(v(),y(z(t.as),{class:"pz-search-result-item-layout"},{default:h(()=>[a("div",g,[a("div",b,[a("div",f,[l(s.$slots,"first-col",{},void 0,!0)]),a("div",L,[l(s.$slots,"second-col",{},void 0,!0)])])])]),_:3}))}}),c=p(o,[["__scopeId","data-v-6b699261"]]);o.__docgenInfo=Object.assign({displayName:o.name??o.__name},{name:"PzSearchResultItemLayout",exportName:"default",displayName:"PzSearchResultItemLayout",description:"",tags:{},props:[{name:"as",required:!1,type:{name:"PzSearchResultItemLayoutTag"},defaultValue:{func:!1,value:'"li"'}}],slots:[{name:"first-col"},{name:"second-col"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Layouts/PzSearchResultItemLayout/PzSearchResultItemLayout.vue"]});const _=["li","article","div"],I=[{id:"tenders",eyebrow:"Procurement results",title:"Tender search",resultLabel:"Знайдено більше 10 000 закупівель",sortLabel:"за замовчуванням",cards:[{id:"tender-1",title:"Вогнегасник ВП-5(з)",status:"Завершена",organization:'ДЕРЖАВНА УСТАНОВА "ЛУЦЬКИЙ СЛІДЧИЙ ІЗОЛЯТОР" • Луцьк',identifier:"ID: UA-2026-04-16-007213-a",metrics:[{id:"budget",label:"Очікувана вартість",value:"4 830,00 UAH",accent:"success"}]},{id:"tender-2",title:'Електрична енергія, без розподілу (постачальник "останньої надії")',status:"Підготовка угоди",organization:"Ратнівський дитячий садок №2 Ратнівської селищної ради • Ковельський р-н, селище міського типу Ратне",identifier:"ID: UA-2026-04-16-007209-a",metrics:[{id:"budget",label:"Очікувана вартість",value:"54 741,16 UAH",accent:"success"}]}]},{id:"qualifications",eyebrow:"Selection results",title:"Framework selection search",resultLabel:"Знайдено 470 відборів",sortLabel:"за замовчуванням",cards:[{id:"selection-1",title:"33730000-6 Офтальмологічні вироби та коригувальні лінзи",status:"Активний до 5 бер. 23:00",organization:"",identifier:"ID: UA-F-2026-04-06-000001",metrics:[{id:"clarification",label:"Уточнення до:",value:"20 квіт. 23:00"},{id:"published",label:"Оголошено:",value:"6 квіт. 2026"}]},{id:"selection-2",title:"33650000-1 Загальні протиінфекційні засоби для системного застосування",status:"Активний до 13 лют. 23:00",organization:"",identifier:"ID: UA-F-2026-03-17-000001",metrics:[{id:"clarification",label:"Уточнення до:",value:"31 бер. 23:00"},{id:"published",label:"Оголошено:",value:"17 бер. 2026"}]}]},{id:"plans",eyebrow:"Planning results",title:"Annual plan search",resultLabel:"Знайдено більше 10 000 планів",sortLabel:"за замовчуванням",cards:[{id:"plan-1",title:"ДК 021:2015 по коду: 22460000-2 Рекламні матеріали, каталоги товарів та посібники",status:"22460000-2: Рекламні матеріали, каталоги товарів та посібники",organization:"Державний ліцей з посиленою військово-фізичною підготовкою «Слобожанський»",identifier:"ID: UA-P-2026-04-16-009442-a",metrics:[{id:"budget",label:"Планова сума закупівлі",value:"700,00 UAH",accent:"success"},{id:"date",label:"Планова дата",value:"березень 2026"}]},{id:"plan-2",title:"Членський внесок за 2026 рік",status:"98100000-4: Послуги членських організацій",organization:"Ганнівська сільська рада Новоукраїнського району Кіровоградської області",identifier:"ID: UA-P-2026-04-16-009435-a",metrics:[{id:"budget",label:"Планова сума закупівлі",value:"3 572,00 UAH",accent:"success"},{id:"date",label:"Планова дата",value:"квітень 2026"}]}]}],S=e=>`<template>
+  <PzSearchResultItemLayout ${[e.as&&e.as!=="li"?`as="${e.as}"`:null].filter(s=>!!s).join(" ")}>
+    <template #first-col>
+      <a href="#">Result title</a>
+      <p>Status or secondary line</p>
+      <p>Organization or supporting copy</p>
+      <p>ID: UA-000000-00-00-000000-a</p>
+    </template>
+
+    <template #second-col>
+      <div>
+        <span>Очікувана вартість</span>
+        <strong>4 830,00 UAH</strong>
+      </div>
+    </template>
+  </PzSearchResultItemLayout>
+</template>`,P={title:"Components/Layouts/PzSearchResultItemLayout",component:c,parameters:{prototype:{caption:"Search result item layout",note:"Search-list card shell for procurement, selection, and planning results. The component owns spacing, card surface, and responsive column rhythm while consumers compose the inner content through slots."},docs:{description:{component:"Use `PzSearchResultItemLayout` as a structural primitive for search results with a wide content area and a compact metrics column. Fill the content through the `first-col` and `second-col` slots."},source:{transform:(e,t)=>S(t.args??P.args)}}},args:{as:"li"},argTypes:{as:{control:"select",options:_,description:"HTML tag used for the outer wrapper."}},render:e=>({components:{pzSearchResultItemLayout:c,pzText:d},setup(){return{args:e,searchResultGroups:I}},template:`
+      <section class="pz-search-result-layout-story">
+        <div class="pz-search-result-layout-story-hero">
+          <div>
+            <span class="pz-search-result-layout-story-eyebrow">Component API</span>
+            <pz-text variant="h4-bold">Search results with an adaptive metrics rail</pz-text>
+          </div>
+          <span class="pz-search-result-layout-story-chip">{{ args.as }}</span>
+        </div>
+
+        <div class="pz-search-result-layout-story-board">
+          <section
+            v-for="group in searchResultGroups"
+            :key="group.id"
+            class="pz-search-result-layout-story-group"
+          >
+            <div class="pz-search-result-layout-story-group-header">
+              <div>
+                <span class="pz-search-result-layout-story-group-kicker">{{ group.eyebrow }}</span>
+                <pz-text variant="h4-bold">{{ group.title }}</pz-text>
+              </div>
+
+              <button
+                type="button"
+                class="pz-search-result-layout-story-sort"
+              >
+                Сортування:
+                <span>{{ group.sortLabel }}</span>
+              </button>
+            </div>
+
+            <p class="pz-search-result-layout-story-result-label">{{ group.resultLabel }}</p>
+
+            <component
+              :is="args.as === 'li' ? 'ul' : 'div'"
+              class="pz-search-result-layout-story-list"
+            >
+              <pz-search-result-item-layout
+                v-for="card in group.cards"
+                :key="card.id"
+                :as="args.as"
+              >
+                <template #first-col>
+                  <div class="pz-search-result-layout-story-main">
+                    <a
+                      href="#"
+                      class="pz-search-result-layout-story-title"
+                    >
+                      {{ card.title }}
+                    </a>
+
+                    <p class="pz-search-result-layout-story-status">{{ card.status }}</p>
+
+                    <p
+                      v-if="card.subtitle"
+                      class="pz-search-result-layout-story-subtitle"
+                    >
+                      {{ card.subtitle }}
+                    </p>
+
+                    <p
+                      v-if="card.organization"
+                      class="pz-search-result-layout-story-organization"
+                    >
+                      {{ card.organization }}
+                    </p>
+
+                    <p class="pz-search-result-layout-story-identifier">{{ card.identifier }}</p>
+                  </div>
+                </template>
+
+                <template #second-col>
+                  <div class="pz-search-result-layout-story-aside">
+                    <div
+                      v-for="metric in card.metrics"
+                      :key="metric.id"
+                      class="pz-search-result-layout-story-metric"
+                    >
+                      <span class="pz-search-result-layout-story-metric-label">{{ metric.label }}</span>
+                      <strong
+                        class="pz-search-result-layout-story-metric-value"
+                        :class="{
+                          'pz-search-result-layout-story-metric-value-success': metric.accent === 'success',
+                        }"
+                      >
+                        {{ metric.value }}
+                      </strong>
+                    </div>
+                  </div>
+                </template>
+              </pz-search-result-item-layout>
+            </component>
+          </section>
+        </div>
+      </section>
+    `})},r={};var i,u,n;r.parameters={...r.parameters,docs:{...(i=r.parameters)==null?void 0:i.docs,source:{originalSource:"{}",...(n=(u=r.parameters)==null?void 0:u.docs)==null?void 0:n.source}}};const x=["Playground"];export{r as Playground,x as __namedExportsOrder,P as default};

package/dist/app/assets/PzSkeleton-0INQyyC6.css

@@ -0,0 +1 @@
+.pz-skeleton-story{display:grid;gap:var(--pz-space-24)}.pz-skeleton-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)))}.pz-skeleton-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-skeleton-story-eyebrow,.pz-skeleton-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-skeleton-story-preview,.pz-skeleton-story-stack,.pz-skeleton-story-card{display:grid;gap:var(--pz-space-12)}.pz-skeleton-story-preview,.pz-skeleton-story-card{padding:var(--pz-space-20);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)}@media (width <= 768px){.pz-skeleton-story-header{flex-direction:column}}

package/dist/app/assets/PzSkeleton-BMyhdGXq.js

@@ -0,0 +1 @@
+import{d as s,e as l,n as o,f as r,g as i,o as u}from"./iframe-Ckq2fQkL.js";import{_ as d}from"./PzText-BOcxbzaG.js";const e=s({name:"PzSkeleton",__name:"PzSkeleton",props:{width:{default:"100%"},height:{default:"16px"},radius:{default:"8px"},animated:{type:Boolean,default:!0}},setup(t){const a=t,n=i(()=>({width:a.width,height:a.height,borderRadius:a.radius}));return(p,m)=>(u(),l("div",{class:r(["pz-skeleton",{"pz-skeleton--static":!t.animated}]),style:o(n.value),"aria-hidden":"true"},null,6))}}),h=d(e,[["__scopeId","data-v-f3a7d77e"]]);e.__docgenInfo=Object.assign({displayName:e.name??e.__name},{name:"PzSkeleton",exportName:"default",displayName:"PzSkeleton",description:"",tags:{},props:[{name:"width",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"100%"'}},{name:"height",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"16px"'}},{name:"radius",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"8px"'}},{name:"animated",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzSkeleton/PzSkeleton.vue"]});export{h as P};

package/dist/app/assets/PzSkeleton-i88RYFSk.css

@@ -0,0 +1 @@
+.pz-skeleton[data-v-f3a7d77e]{max-width:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--pz-color-grey-30) 82%,var(--pz-color-white)),color-mix(in srgb,var(--pz-color-white) 92%,var(--pz-color-grey-20)),color-mix(in srgb,var(--pz-color-grey-30) 82%,var(--pz-color-white)));background-size:200% 100%;animation:pz-skeleton-shimmer-f3a7d77e 1.6s linear infinite}.pz-skeleton--static[data-v-f3a7d77e]{animation:none}@keyframes pz-skeleton-shimmer-f3a7d77e{0%{background-position:200% 0}to{background-position:-200% 0}}

package/dist/app/assets/PzSkeleton.stories-Djp-bBqZ.js

@@ -0,0 +1,39 @@
+import{P as n}from"./PzText-BOcxbzaG.js";import{P as t}from"./PzSkeleton-BMyhdGXq.js";import"./iframe-Ckq2fQkL.js";import"./preload-helper-C1FmrZbK.js";const c={title:"Components/Display/PzSkeleton",component:t,parameters:{prototype:{caption:"PzSkeleton",note:"Reusable loading placeholder for lines, blocks, and lightweight preview cards. Used by `PzAccordion` as the default loading surface."},docs:{description:{component:"Use `PzSkeleton` for loading placeholders. Control its dimensions through `width`, `height`, and `radius`, and disable shimmer with `animated=false` when a static placeholder is preferred."}}},args:{width:"240px",height:"24px",radius:"8px",animated:!0},argTypes:{width:{control:"text",description:"Skeleton width."},height:{control:"text",description:"Skeleton height."},radius:{control:"text",description:"Border radius."},animated:{control:"boolean",description:"Enables the shimmer animation."}},render:a=>({components:{pzSkeleton:t,pzText:n},setup(){return{args:a}},template:`
+      <div class="pz-skeleton-story">
+        <section class="pz-skeleton-story-board">
+          <div class="pz-skeleton-story-header">
+            <div>
+              <span class="pz-skeleton-story-eyebrow">Component API</span>
+              <pz-text variant="h4-bold">Loading placeholder primitive</pz-text>
+            </div>
+            <span class="pz-skeleton-story-chip">{{ args.animated ? 'animated' : 'static' }}</span>
+          </div>
+
+          <div class="pz-skeleton-story-preview">
+            <pz-skeleton v-bind="args" />
+          </div>
+        </section>
+
+        <section class="pz-skeleton-story-board">
+          <div class="pz-skeleton-story-header">
+            <div>
+              <span class="pz-skeleton-story-eyebrow">Usage example</span>
+              <pz-text variant="h4-bold">Stacked text and card placeholders</pz-text>
+            </div>
+          </div>
+
+          <div class="pz-skeleton-story-stack">
+            <pz-skeleton width="180px" height="20px" />
+            <pz-skeleton width="320px" height="20px" />
+            <pz-skeleton width="260px" height="20px" />
+          </div>
+
+          <div class="pz-skeleton-story-card">
+            <pz-skeleton width="120px" height="18px" />
+            <pz-skeleton width="70%" height="16px" />
+            <pz-skeleton width="100%" height="16px" />
+            <pz-skeleton width="42%" height="16px" />
+          </div>
+        </section>
+      </div>
+    `})},e={};var s,o,i;e.parameters={...e.parameters,docs:{...(s=e.parameters)==null?void 0:s.docs,source:{originalSource:"{}",...(i=(o=e.parameters)==null?void 0:o.docs)==null?void 0:i.source}}};const h=["Playground"];export{e as Playground,h as __namedExportsOrder,c as default};

package/dist/app/assets/PzStatus-B5X_PK3m.css

@@ -0,0 +1 @@
+.pz-status[data-v-63f04bd2]{--pz-status-background: var(--pz-color-status-progress);display:inline-flex;align-items:center;justify-content:flex-start;gap:4px;max-width:100%;padding:2px 8px;border-radius:3px;background:var(--pz-status-background);color:var(--pz-color-white);box-sizing:border-box;vertical-align:middle;width:fit-content;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-status--inactive[data-v-63f04bd2]{--pz-status-background: var(--pz-color-status-inactive)}.pz-status--hidden[data-v-63f04bd2]{--pz-status-background: var(--pz-color-status-hidden)}.pz-status--active[data-v-63f04bd2]{--pz-status-background: var(--pz-color-status-active)}.pz-status--monitoring[data-v-63f04bd2]{--pz-status-background: var(--pz-color-status-monitoring)}.pz-status--disabled[data-v-63f04bd2]{--pz-status-background: var(--pz-color-status-disabled)}.pz-status--progress[data-v-63f04bd2]{--pz-status-background: var(--pz-color-status-progress)}.pz-status--auction-progress[data-v-63f04bd2]{--pz-status-background: var(--pz-gradient-status-auction-progress)}.pz-status--auction-waiting[data-v-63f04bd2]{--pz-status-background: var(--pz-gradient-status-auction-waiting)}.pz-status--auction-success[data-v-63f04bd2]{--pz-status-background: var(--pz-gradient-status-auction-success)}.pz-status--gradient[data-v-63f04bd2]{--pz-status-color: var(--pz-color-white)}.pz-status__label[data-v-63f04bd2]{min-width:0;white-space:normal;overflow-wrap:anywhere}

package/dist/app/assets/{PzStatus-DlvKjmG7.css → PzStatus-B_H5z0YP.css}

@@ -1 +1 @@
-.pz-status-story{display:grid;gap:var(--pz-space-24)}.pz-status-story-board,.pz-status-story-figma,.pz-status-story-gallery{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 72%,transparent);border-radius:var(--pz-space-24);background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-20) 90%,var(--pz-color-white)));box-shadow:0 18px 48px color-mix(in srgb,var(--pz-color-black-90) 7%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-status-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-status-story-eyebrow,.pz-status-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-status-story-preview{display:grid;place-items:center;min-height:180px;padding:var(--pz-space-24);border:1px dashed color-mix(in srgb,var(--pz-color-grey-40) 70%,transparent);border-radius:var(--pz-space-20);background:linear-gradient(color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px);background-size:28px 28px}.pz-status-story-reference{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(120px,.6fr) minmax(0,1fr);gap:var(--pz-space-24);align-items:start}.pz-status-story-column{display:grid;align-content:start;gap:var(--pz-space-20)}.pz-status-story-column-palette{justify-items:center;padding:var(--pz-space-8);border:1px dashed color-mix(in srgb,var(--pz-color-blue-50) 48%,transparent);border-radius:12px}.pz-status-story-caption{margin:0;color:var(--pz-color-text-primary);font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-status-story-wrap{inline-size:min(100%,232px)}.pz-status-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--pz-space-16)}.pz-status-story-card{display:grid;gap:var(--pz-space-12);padding:var(--pz-space-20);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 94%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent)}.pz-status-story-code{margin:0;font-size:var(--pz-font-size-12);color:var(--pz-color-text-secondary)}@media (width <= 1024px){.pz-status-story-reference{grid-template-columns:repeat(2,minmax(0,1fr))}.pz-status-story-column:last-child{grid-column:1/-1}.pz-status-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width <= 768px){.pz-status-story-reference,.pz-status-story-grid{grid-template-columns:1fr}.pz-status-story-column:last-child{grid-column:auto}.pz-status-story-header{flex-direction:column}}.pz-status[data-v-c3b8f015]{--pz-status-background: var(--pz-color-status-progress);display:inline-flex;align-items:center;justify-content:flex-start;gap:4px;max-width:100%;padding:2px 8px;border-radius:3px;background:var(--pz-status-background);color:var(--pz-color-white);box-sizing:border-box;vertical-align:middle;width:fit-content;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-status--inactive[data-v-c3b8f015]{--pz-status-background: var(--pz-color-status-inactive)}.pz-status--hidden[data-v-c3b8f015]{--pz-status-background: var(--pz-color-status-hidden)}.pz-status--active[data-v-c3b8f015]{--pz-status-background: var(--pz-color-status-active)}.pz-status--monitoring[data-v-c3b8f015]{--pz-status-background: var(--pz-color-status-monitoring)}.pz-status--disabled[data-v-c3b8f015]{--pz-status-background: var(--pz-color-status-disabled)}.pz-status--progress[data-v-c3b8f015]{--pz-status-background: var(--pz-color-status-progress)}.pz-status--auction-progress[data-v-c3b8f015]{--pz-status-background: var(--pz-gradient-status-auction-progress)}.pz-status--auction-waiting[data-v-c3b8f015]{--pz-status-background: var(--pz-gradient-status-auction-waiting)}.pz-status--auction-success[data-v-c3b8f015]{--pz-status-background: var(--pz-gradient-status-auction-success)}.pz-status--gradient[data-v-c3b8f015]{--pz-status-color: var(--pz-color-white)}.pz-status__label[data-v-c3b8f015]{min-width:0;white-space:normal;overflow-wrap:anywhere}
+.pz-status-story{display:grid;gap:var(--pz-space-24)}.pz-status-story-board,.pz-status-story-figma,.pz-status-story-gallery{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 72%,transparent);border-radius:var(--pz-space-24);background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-20) 90%,var(--pz-color-white)));box-shadow:0 18px 48px color-mix(in srgb,var(--pz-color-black-90) 7%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-status-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-status-story-eyebrow,.pz-status-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-status-story-preview{display:grid;place-items:center;min-height:180px;padding:var(--pz-space-24);border:1px dashed color-mix(in srgb,var(--pz-color-grey-40) 70%,transparent);border-radius:var(--pz-space-20);background:linear-gradient(color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent) 1px,transparent 1px);background-size:28px 28px}.pz-status-story-reference{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(120px,.6fr) minmax(0,1fr);gap:var(--pz-space-24);align-items:start}.pz-status-story-column{display:grid;align-content:start;gap:var(--pz-space-20)}.pz-status-story-column-palette{justify-items:center;padding:var(--pz-space-8);border:1px dashed color-mix(in srgb,var(--pz-color-blue-50) 48%,transparent);border-radius:12px}.pz-status-story-caption{margin:0;color:var(--pz-color-text-primary);font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-status-story-wrap{inline-size:min(100%,232px)}.pz-status-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--pz-space-16)}.pz-status-story-card{display:grid;gap:var(--pz-space-12);padding:var(--pz-space-20);border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 74%,transparent);border-radius:var(--pz-space-20);background:color-mix(in srgb,var(--pz-color-white) 94%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent)}.pz-status-story-code{margin:0;font-size:var(--pz-font-size-12);color:var(--pz-color-text-secondary)}@media (width <= 1024px){.pz-status-story-reference{grid-template-columns:repeat(2,minmax(0,1fr))}.pz-status-story-column:last-child{grid-column:1/-1}.pz-status-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width <= 768px){.pz-status-story-reference,.pz-status-story-grid{grid-template-columns:1fr}.pz-status-story-column:last-child{grid-column:auto}.pz-status-story-header{flex-direction:column}}

package/dist/app/assets/PzStatus-rctea0Gb.js

@@ -0,0 +1 @@
+import{d as o,i as r,j as u,f as l,k as c,g as i,o as p,p as d,l as m}from"./iframe-Ckq2fQkL.js";import{_ as f}from"./PzText-BOcxbzaG.js";const _=["auction-progress","auction-waiting","auction-success"],z={class:"pz-status__label"},a=o({name:"PzStatus",__name:"PzStatus",props:{variant:{default:"progress"},as:{default:"span"}},setup(t){const s=t,e=i(()=>[`pz-status--${s.variant}`,{"pz-status--gradient":_.includes(s.variant)}]);return(n,v)=>(p(),r(c(s.as),{class:l(["pz-status",e.value])},{default:u(()=>[d("span",z,[m(n.$slots,"default",{},void 0,!0)])]),_:3},8,["class"]))}}),g=f(a,[["__scopeId","data-v-63f04bd2"]]);a.__docgenInfo=Object.assign({displayName:a.name??a.__name},{name:"PzStatus",exportName:"default",displayName:"PzStatus",description:"",tags:{},props:[{name:"variant",required:!1,type:{name:"PzStatusVariant"},defaultValue:{func:!1,value:'"progress"'}},{name:"as",required:!1,type:{name:"PzStatusTag"},defaultValue:{func:!1,value:'"span"'}}],slots:[{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzStatus/PzStatus.vue"]});export{g as P};

package/dist/app/assets/{PzStatus.stories-u5QAVco_.js → PzStatus.stories-BZ2XwRJs.js}

@@ -1,6 +1,6 @@
-import{_ as d,P as p}from"./PzText-LfRr6NF7.js";import{d as u,j as v,w as m,f as z,G as g,g as b,o as y,y as f,r as h}from"./iframe-XnrfGA2g.js";import"./preload-helper-C1FmrZbK.js";const S=["inactive","hidden","active","monitoring","disabled","progress","auction-progress","auction-waiting","auction-success"],w=["span","div","li"],_=["auction-progress","auction-waiting","auction-success"],P={class:"pz-status__label"},e=u({name:"PzStatus",__name:"PzStatus",props:{variant:{default:"progress"},as:{default:"span"}},setup(t){const a=t,i=b(()=>[`pz-status--${a.variant}`,{"pz-status--gradient":_.includes(a.variant)}]);return(c,V)=>(y(),v(g(a.as),{class:z(["pz-status",i.value])},{default:m(()=>[f("span",P,[h(c.$slots,"default",{},void 0,!0)])]),_:3},8,["class"]))}}),n=d(e,[["__scopeId","data-v-c3b8f015"]]);e.__docgenInfo=Object.assign({displayName:e.name??e.__name},{name:"PzStatus",exportName:"default",displayName:"PzStatus",description:"",tags:{},props:[{name:"variant",required:!1,type:{name:"PzStatusVariant"},defaultValue:{func:!1,value:'"progress"'}},{name:"as",required:!1,type:{name:"PzStatusTag"},defaultValue:{func:!1,value:'"span"'}}],slots:[{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/PzStatus/PzStatus.vue"]});const x=[{id:"hidden-review",variant:"hidden",label:"Очікує розгляду"},{id:"monitoring-accepted",variant:"monitoring",label:"Прийнято до розгляду"},{id:"inactive-without-review",variant:"inactive",label:"Залишено без розгляду"},{id:"inactive-stopped",variant:"inactive",label:"Розгляд припинено"},{id:"inactive-rejected",variant:"inactive",label:"Відмовлено в задоволенні"},{id:"active-satisfied",variant:"active",label:"Задоволено"},{id:"inactive-withdrawn",variant:"inactive",label:"Відкликано"},{id:"inactive-cancelled",variant:"inactive",label:"Скасовано"},{id:"active-fixed",variant:"active",label:"Порушення усунуто"}],C=[{id:"palette-hidden",variant:"hidden",label:"Текст"},{id:"palette-inactive",variant:"inactive",label:"Текст"},{id:"palette-active",variant:"active",label:"Текст"},{id:"palette-monitoring",variant:"monitoring",label:"Текст"},{id:"palette-disabled",variant:"disabled",label:"Текст"}],I=t=>`<template>
-  <PzStatus ${[t.variant!=="progress"?`variant="${t.variant}"`:null,t.as!=="span"?`as="${t.as}"`:null].filter(i=>!!i).join(" ")}>${t.label}</PzStatus>
-</template>`,T={title:"Components/Display/PzStatus",component:n,parameters:{prototype:{caption:"Status component",note:"Aligned with Figma node 76:1113: compact filled badges with 3px radius, white label text, optional indicator, and multiline support."},docs:{description:{component:"Use `PzStatus` for semantic state labels. The component matches the design-system badge treatment from Figma and keeps semantic color variants, including gradient auction states."},source:{transform:(t,a)=>I(a.args??T.args)}}},args:{variant:"progress",as:"span",label:"Очікує розгляду"},argTypes:{variant:{control:"select",options:S,description:"Semantic status variant."},as:{control:"select",options:w,description:"HTML tag used for the wrapper."},label:{control:"text",description:"Slot content preview text.",table:{category:"Slots"}}},render:t=>({components:{pzStatus:n,pzText:p},setup(){return{args:t,statusReferenceItems:x,statusPaletteItems:C}},template:`
+import{P as l}from"./PzText-BOcxbzaG.js";import{P as s}from"./PzStatus-rctea0Gb.js";import"./iframe-Ckq2fQkL.js";import"./preload-helper-C1FmrZbK.js";const c=["inactive","hidden","active","monitoring","disabled","progress","auction-progress","auction-waiting","auction-success"],d=["span","div","li"],p=[{id:"hidden-review",variant:"hidden",label:"Очікує розгляду"},{id:"monitoring-accepted",variant:"monitoring",label:"Прийнято до розгляду"},{id:"inactive-without-review",variant:"inactive",label:"Залишено без розгляду"},{id:"inactive-stopped",variant:"inactive",label:"Розгляд припинено"},{id:"inactive-rejected",variant:"inactive",label:"Відмовлено в задоволенні"},{id:"active-satisfied",variant:"active",label:"Задоволено"},{id:"inactive-withdrawn",variant:"inactive",label:"Відкликано"},{id:"inactive-cancelled",variant:"inactive",label:"Скасовано"},{id:"active-fixed",variant:"active",label:"Порушення усунуто"}],v=[{id:"palette-hidden",variant:"hidden",label:"Текст"},{id:"palette-inactive",variant:"inactive",label:"Текст"},{id:"palette-active",variant:"active",label:"Текст"},{id:"palette-monitoring",variant:"monitoring",label:"Текст"},{id:"palette-disabled",variant:"disabled",label:"Текст"}],u=t=>`<template>
+  <PzStatus ${[t.variant!=="progress"?`variant="${t.variant}"`:null,t.as!=="span"?`as="${t.as}"`:null].filter(o=>!!o).join(" ")}>${t.label}</PzStatus>
+</template>`,m={title:"Components/Display/PzStatus",component:s,parameters:{prototype:{caption:"Status component",note:"Aligned with Figma node 76:1113: compact filled badges with 3px radius, white label text, optional indicator, and multiline support."},docs:{description:{component:"Use `PzStatus` for semantic state labels. The component matches the design-system badge treatment from Figma and keeps semantic color variants, including gradient auction states."},source:{transform:(t,i)=>u(i.args??m.args)}}},args:{variant:"progress",as:"span",label:"Очікує розгляду"},argTypes:{variant:{control:"select",options:c,description:"Semantic status variant."},as:{control:"select",options:d,description:"HTML tag used for the wrapper."},label:{control:"text",description:"Slot content preview text.",table:{category:"Slots"}}},render:t=>({components:{pzStatus:s,pzText:l},setup(){return{args:t,statusReferenceItems:p,statusPaletteItems:v}},template:`
       <div class="pz-status-story">
         <section class="pz-status-story-board">
           <div class="pz-status-story-header">
@@ -92,4 +92,4 @@ import{_ as d,P as p}from"./PzText-LfRr6NF7.js";import{d as u,j as v,w as m,f as
           </div>
         </section>
       </div>
-    `})},s={};var r,o,l;s.parameters={...s.parameters,docs:{...(r=s.parameters)==null?void 0:r.docs,source:{originalSource:"{}",...(l=(o=s.parameters)==null?void 0:o.docs)==null?void 0:l.source}}};const A=["Playground"];export{s as Playground,A as __namedExportsOrder,T as default};
+    `})},a={};var e,n,r;a.parameters={...a.parameters,docs:{...(e=a.parameters)==null?void 0:e.docs,source:{originalSource:"{}",...(r=(n=a.parameters)==null?void 0:n.docs)==null?void 0:r.source}}};const h=["Playground"];export{a as Playground,h as __namedExportsOrder,m as default};

package/dist/app/assets/PzTable-BNMYmoRd.css

@@ -0,0 +1 @@
+.pz-table-story{display:grid;gap:var(--pz-space-24)}.pz-table-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-table-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-table-story-copy,.pz-table-story-stack,.pz-table-story-card,.pz-table-story-cell-stack{display:grid;gap:var(--pz-space-12)}.pz-table-story-eyebrow,.pz-table-story-chip,.pz-table-story-card-kicker{display:inline-flex;align-items:center;width:fit-content;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pz-table-story-eyebrow,.pz-table-story-card-kicker{color:var(--pz-color-text-link-hover)}.pz-table-story-chip{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)}.pz-table-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-table-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pz-space-16)}.pz-table-story-card{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-table-story-list{display:grid;gap:var(--pz-space-8);margin:0;padding-left:var(--pz-space-20);color:var(--pz-color-text-primary);font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-table-story-muted{color:var(--pz-color-text-secondary);font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}@media (width <= 768px){.pz-table-story-grid{grid-template-columns:1fr}.pz-table-story-header{flex-direction:column}}@media (width <= 640px){.pz-table-story-board,.pz-table-story-preview,.pz-table-story-card{padding:var(--pz-space-20);border-radius:var(--pz-space-20)}}

package/dist/app/assets/PzTable-CzfehTN7.js

@@ -0,0 +1 @@
+import{d as _,o as a,e as t,f as H,p as d,t as z,i as b,y as h,m as y,l as v,F as r,u as D,g as E,v as L,s as p,n as g,z as F,j as q,A}from"./iframe-Ckq2fQkL.js";import{l as x}from"./lodash-CdDiHlzQ.js";import{P as B}from"./PzInfoHint-C-UyP8PR.js";import{_ as P}from"./PzText-BOcxbzaG.js";const $="—",I={class:"pz-table-data__title"},W=["innerHTML"],c=_({name:"PzTableData",__name:"PzTableData",props:{column:{},data:{default:void 0},defaultValue:{},isBold:{type:Boolean,default:!1}},setup(e){const u=e,s=E(()=>x.get(u.data,u.column.key)||u.defaultValue);return(o,T)=>{var n;return a(),t("td",{class:H(["pz-table-data",{"pz-table-data--bold":e.isBold}])},[d("p",I,[d("span",null,z(e.column.mobileName||e.column.name),1),(n=e.column.infoContent)!=null&&n.length?(a(),b(h(B),{key:0,"info-content":e.column.infoContent},null,8,["info-content"])):y("",!0)]),v(o.$slots,"default",{data:e.data,column:e.column,value:s.value},()=>[e.column.isContentHtml?(a(),t("span",{key:0,innerHTML:String(s.value)},null,8,W)):(a(),t(r,{key:1},[D(z(s.value),1)],64))],!0)],2)}}}),j=P(c,[["__scopeId","data-v-0c3a26db"]]);c.__docgenInfo=Object.assign({displayName:c.name??c.__name},{name:"PzTableData",exportName:"default",displayName:"PzTableData",description:"",tags:{},props:[{name:"column",required:!0,type:{name:"PzTableColumn"}},{name:"data",required:!1,type:{name:"PzTableRow"},defaultValue:{func:!1,value:"undefined"}},{name:"defaultValue",required:!0,type:{name:"string"}},{name:"isBold",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],slots:[{name:"default",scoped:!0,bindings:[{name:"data",title:"binding"},{name:"column",title:"binding"},{name:"value",title:"binding"}]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Data/PzTable/PzTableData.vue"]});const w={class:"pz-table-head",scope:"col"},m=_({name:"PzTableHead",__name:"PzTableHead",props:{column:{}},setup(e){return(u,s)=>{var o;return a(),t("th",w,[d("span",null,z(e.column.name),1),(o=e.column.infoContent)!=null&&o.length?(a(),b(h(B),{key:0,"info-content":e.column.infoContent,class:"pz-table-head__hint"},null,8,["info-content"])):y("",!0)])}}}),S=P(m,[["__scopeId","data-v-b0c91dea"]]);m.__docgenInfo=Object.assign({displayName:m.name??m.__name},{name:"PzTableHead",exportName:"default",displayName:"PzTableHead",description:"",tags:{},props:[{name:"column",required:!0,type:{name:"PzTableColumn"}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Data/PzTable/PzTableHead.vue"]});const M={class:"pz-table-wrap"},U={class:"pz-table"},O={key:0,class:"pz-table__head"},R={class:"pz-table__row pz-table__row--head"},Y=100,f=_({name:"PzTable",__name:"PzTable",props:{config:{},data:{},defaultValue:{default:$},visibleHeader:{type:Boolean,default:!0},isBoldFirstColumn:{type:Boolean,default:!0}},setup(e){const u=L(),s=e,o=({colWidth:n})=>({width:s.config.some(({colWidth:l})=>!!l)?`${n}%`:`${Math.floor(Y/s.config.length)}%`}),T=n=>!!u[n];return(n,C)=>(a(),t("div",M,[d("table",U,[e.visibleHeader?(a(),t("thead",O,[d("tr",R,[(a(!0),t(r,null,p(e.config,l=>(a(),b(S,{key:l.id,column:l,style:g(o(l))},null,8,["column","style"]))),128))])])):y("",!0),d("tbody",null,[(a(!0),t(r,null,p(e.data,(l,k)=>(a(),t("tr",{key:l.id??k,class:"pz-table__row"},[(a(!0),t(r,null,p(e.config,(i,V)=>(a(),b(j,{key:i.id,column:i,data:l,"default-value":e.defaultValue,"is-bold":e.isBoldFirstColumn&&V===0,style:g(o(i))},F({_:2},[T(i.key)?{name:"default",fn:q(N=>[v(n.$slots,i.key,A({ref_for:!0},N),void 0,!0)]),key:"0"}:void 0]),1032,["column","data","default-value","is-bold","style"]))),128))]))),128))])])]))}}),Q=P(f,[["__scopeId","data-v-d142680c"]]);f.__docgenInfo=Object.assign({displayName:f.name??f.__name},{name:"PzTable",exportName:"default",displayName:"PzTable",description:"",tags:{},props:[{name:"config",required:!0,type:{name:"Array",elements:[{name:"PzTableColumn"}]}},{name:"data",required:!0,type:{name:"Array",elements:[{name:"PzTableRow"}]}},{name:"defaultValue",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"PZ_TABLE_DEFAULT_EMPTY_VALUE"}},{name:"visibleHeader",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isBoldFirstColumn",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}}],slots:[{name:"column.key",scoped:!0,bindings:[{name:"name",title:"binding"}]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Data/PzTable/PzTable.vue"]});export{Q as P,$ as a,S as b,j as c};

package/dist/app/assets/PzTable-DFFqGC19.css

@@ -0,0 +1 @@
+.pz-table-data[data-v-0c3a26db]{padding:var(--pz-space-16) var(--pz-space-8);text-align:left;vertical-align:top;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}.pz-table-data[data-v-0c3a26db]:first-child{padding-left:0}.pz-table-data[data-v-0c3a26db]:last-child{padding-right:0}@media (max-width: 1023.98px){.pz-table-data[data-v-0c3a26db]{display:grid;gap:var(--pz-space-8);padding:0;width:auto!important;min-width:0;-webkit-hyphens:none;hyphens:none;overflow-wrap:break-word;word-break:normal}}.pz-table-data--bold[data-v-0c3a26db]{font-size:var(--pz-font-size-14);font-weight:600;line-height:1.5}.pz-table-data__title[data-v-0c3a26db]{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-8);margin:0;color:var(--pz-color-text-primary);font-size:var(--pz-font-size-14);font-weight:600;line-height:1.5}@media (min-width: 1024px){.pz-table-data__title[data-v-0c3a26db]{display:none}}.pz-table-head[data-v-b0c91dea]{padding:var(--pz-space-12) var(--pz-space-8) var(--pz-space-16);color:var(--pz-color-text-primary);text-align:left;vertical-align:top;font-size:var(--pz-font-size-14);font-weight:700;line-height:1.5}.pz-table-head[data-v-b0c91dea]:first-child{padding-left:0}.pz-table-head[data-v-b0c91dea]:last-child{padding-right:0}.pz-table-head__hint[data-v-b0c91dea]{margin-left:var(--pz-space-8);vertical-align:middle}.pz-table-wrap[data-v-d142680c]{width:100%;overflow-x:auto}.pz-table[data-v-d142680c]{width:100%;border-collapse:collapse;table-layout:fixed;color:var(--pz-color-text-primary);font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}@media (max-width: 1023.98px){.pz-table__head[data-v-d142680c]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}}.pz-table__row[data-v-d142680c]{border-bottom:1px solid var(--pz-color-stroke-grey)}@media (max-width: 1023.98px){.pz-table__row[data-v-d142680c]{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--pz-space-8);padding-block:var(--pz-space-16)}}