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

package/dist/app/assets/PzSelect.stories-5MWUfKeM.js

@@ -0,0 +1,292 @@
+import{r as t,w as S}from"./iframe-DbWuH5mz.js";import{_ as h}from"./PzIcon-BNwLASSZ.js";import{P as b}from"./PzText-LkAZaPCW.js";import{P as n}from"./PzSelect-CrTXtlds.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./index-LkANHSb5.js";import"./floating-vue-B4YMiR3n.js";import"./lodash-CdDiHlzQ.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./PzLabel-Coa549nk.js";const O=["field","inline"],i=[{label:"Option 0",value:0},{label:"Option 1",value:1},{label:"Option 2",value:2},{label:"Option 3",value:3},{label:"Option 4",value:4},{label:"Option 5",value:5},{label:"Option 6",value:6},{label:"Option 7",value:7},{label:"Option 8",value:8},{label:"Option 9",value:9}],V=[{label:"Чернетка",value:"draft"},{label:"Активний тендер",value:"active"},{label:"Архів",value:"archive"}],P=[{label:"Пропозиція з коротким формулюванням",value:"short"},{label:"Пропозиція з довшою назвою для перевірки перенесення і ширини меню",value:"long"},{label:"Недоступний варіант",value:"disabled",disabled:!0}],r=3,k=e=>`<template>
+  <PzSelect
+    v-model="value"
+    ${[`name="${e.name}"`,e.label?`label="${e.label}"`:null,e.placeholder?`placeholder="${e.placeholder}"`:null,e.variant!=="field"?`variant="${e.variant}"`:null,e.required?':required="true"':null,e.disabled?':disabled="true"':null].filter(a=>!!a).join(" ")}
+    :options="options"
+  />
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+
+const options = [
+  { label: "Option 0", value: 0 },
+  { label: "Option 1", value: 1 },
+  { label: "Option 2", value: 2 },
+];
+
+const value = ref(1);
+<\/script>`,C={title:"Components/Form/PzSelect",component:n,parameters:{prototype:{caption:"Select component",note:"Refactored from the old app-level select into a public `PzSelect` with two preserved visual variants: boxed field and inline trigger."},docs:{description:{component:"Use `PzSelect` for single-choice dropdowns backed by primitive `value`s. The component replaces the old `config`/`slug` naming with `options`/`value`, keeps the two existing visual treatments as `field` and `inline`, and sizes its menu from the trigger width with `@vueuse/core`. Supports a default scoped slot for custom option rendering and a named `#selected` slot for custom trigger display."},source:{transform:(e,l)=>k(l.args??C.args)}}},args:{name:"pz-select-story",label:"Select",modelValue:3,options:i,placeholder:"enter value",required:!1,disabled:!1,variant:"field",width:void 0},argTypes:{name:{control:"text",description:"Stable field name used to derive trigger and menu ids."},label:{control:"text",description:"Visible label. For `inline`, it is rendered on the left of the trigger."},options:{control:!1,description:"Array of options with `label`, `value`, and optional `disabled` or `id`."},modelValue:{control:!1,description:"Currently selected primitive option value."},placeholder:{control:"text",description:"Text shown when no option is selected."},variant:{control:"inline-radio",options:O,description:"Boxed field or compact inline trigger."},required:{control:"boolean",description:"Adds the required indicator to the label."},disabled:{control:"boolean",description:"Disables the trigger and prevents the menu from opening."},width:{control:"text",description:"Optional explicit width applied to the component root."}},render:e=>({components:{pzSelect:n,pzText:b,pzIcon:h},setup(){const l=t(e.modelValue),a=t(void 0),z=t(r),f=t("active"),y=t(r),g=t(void 0),x=t("active");return S(()=>e.modelValue,w=>{l.value=w}),{args:e,denseOptions:P,fieldValue:z,filterValue:f,inlineValue:a,procurementOptions:i,slotInlineValue:x,slotOptionValue:y,slotSelectedValue:g,statusOptions:V,value:l}},template:`
+      <div class="pz-select-story">
+        <section class="pz-select-story-board">
+          <div class="pz-select-story-header">
+            <div>
+              <span class="pz-select-story-eyebrow">Component API</span>
+              <pz-text variant="h4-bold">Single select with preserved inline and field presentations</pz-text>
+            </div>
+
+            <span class="pz-select-story-chip">value-based API</span>
+          </div>
+
+          <div class="pz-select-story-preview">
+            <div class="pz-select-story-stack">
+              <div class="pz-select-story-inline-row">
+                <pz-select
+                  v-model="value"
+                  :name="args.name + '-inline-demo'"
+                  label="Select:"
+                  placeholder="enter value"
+                  variant="inline"
+                  :options="args.options"
+                />
+
+                <span class="pz-select-story-value">value: {{ value ?? "" }}</span>
+              </div>
+
+              <pz-select
+                v-model="value"
+                :name="args.name"
+                :label="args.label"
+                :placeholder="args.placeholder"
+                :variant="args.variant"
+                :required="args.required"
+                :disabled="args.disabled"
+                :options="args.options"
+                :width="args.width"
+              />
+
+              <span class="pz-select-story-value">Current selected value: {{ value ?? "empty" }}</span>
+            </div>
+          </div>
+        </section>
+
+        <section class="pz-select-story-gallery">
+          <div class="pz-select-story-header">
+            <div>
+              <span class="pz-select-story-eyebrow">Patterns</span>
+              <pz-text variant="h4-bold">Usage example, density checks, and disabled state</pz-text>
+            </div>
+          </div>
+
+          <div class="pz-select-story-grid">
+            <article class="pz-select-story-card pz-select-story-inline-card">
+              <pz-select
+                v-model="inlineValue"
+                name="pz-select-inline-card"
+                label="Select:"
+                placeholder="enter value"
+                variant="inline"
+                :options="procurementOptions"
+              />
+
+              <span class="pz-select-story-note">
+                Inline mode keeps the label and trigger on one line, matching the compact filter pattern from the reference screenshots.
+              </span>
+            </article>
+
+            <article class="pz-select-story-card pz-select-story-field-card">
+              <pz-select
+                v-model="fieldValue"
+                name="pz-select-field-card"
+                label="Select"
+                placeholder="enter value"
+                :options="procurementOptions"
+              />
+
+              <span class="pz-select-story-note">
+                Field mode follows the rest of the form library: full-width trigger, muted placeholder, and dropdown width tied to the control.
+              </span>
+            </article>
+
+            <article class="pz-select-story-card">
+              <pz-text variant="body-semibold">Usage in a real filter row</pz-text>
+
+              <pz-select
+                v-model="filterValue"
+                name="pz-select-filter-card"
+                label="Статус:"
+                variant="inline"
+                :options="statusOptions"
+              />
+
+              <span class="pz-select-story-note">
+                A realistic example: compact inline select for page-level filters where the selected status should stay visible without a boxed field.
+              </span>
+            </article>
+
+            <article class="pz-select-story-card pz-select-story-disabled-card">
+              <pz-select
+                model-value="disabled"
+                name="pz-select-dense-card"
+                label="Варіант з довгими назвами"
+                placeholder="Оберіть значення"
+                :options="denseOptions"
+                disabled
+              />
+
+              <span class="pz-select-story-note">
+                Demonstrates long labels, disabled styling, and an unavailable option in the shared value-first option model.
+              </span>
+            </article>
+          </div>
+        </section>
+
+        <section class="pz-select-story-gallery">
+          <div class="pz-select-story-header">
+            <div>
+              <span class="pz-select-story-eyebrow">Slots</span>
+              <pz-text variant="h4-bold">Custom option and trigger rendering via scoped slots</pz-text>
+            </div>
+            <span class="pz-select-story-chip">scoped slots</span>
+          </div>
+
+          <div class="pz-select-story-grid">
+            <article class="pz-select-story-card">
+              <pz-text variant="body-semibold">#default slot — custom option row</pz-text>
+
+              <pz-select
+                v-model="slotOptionValue"
+                name="pz-select-slot-option"
+                label="With check icon"
+                placeholder="Choose an option"
+                :options="procurementOptions"
+              >
+                <template #default="{ option, selected }">
+                  <pz-icon v-if="selected" name="check" size="16" />
+                  <span style="flex:1">{{ option.label }}</span>
+                </template>
+              </pz-select>
+
+              <span class="pz-select-story-note">
+                The default slot receives <code>{ option, selected, disabled }</code> and replaces the option row content. Open the dropdown to see the checkmark next to the active item.
+              </span>
+            </article>
+
+            <article class="pz-select-story-card">
+              <pz-text variant="body-semibold">#selected slot — custom trigger text</pz-text>
+
+              <pz-select
+                v-model="slotSelectedValue"
+                name="pz-select-slot-selected"
+                label="With custom trigger"
+                placeholder="Choose a status"
+                :options="statusOptions"
+              >
+                <template #selected="{ option, placeholder }">
+                  <span v-if="option" style="font-weight:600">→ {{ option.label }}</span>
+                  <span v-else style="font-style:italic">{{ placeholder }}</span>
+                </template>
+              </pz-select>
+
+              <span class="pz-select-story-note">
+                The <code>#selected</code> slot receives <code>{ option, placeholder }</code> and controls the trigger button content. Here it renders an arrow prefix when a value is chosen and italic text when empty.
+              </span>
+            </article>
+
+            <article class="pz-select-story-card">
+              <pz-text variant="body-semibold">Both slots — inline variant</pz-text>
+
+              <div class="pz-select-story-inline-row">
+                <pz-select
+                  v-model="slotInlineValue"
+                  name="pz-select-slot-inline"
+                  label="Status:"
+                  variant="inline"
+                  :options="statusOptions"
+                >
+                  <template #selected="{ option, placeholder }">
+                    <span>{{ option ? '● ' + option.label : placeholder }}</span>
+                  </template>
+                  
+                  <template #default="{ option, selected }">
+                    <span style="flex:1">{{ option.label }}</span>
+                    <pz-icon v-if="selected" name="check" size="16" />
+                  </template>
+                </pz-select>
+              </div>
+
+              <span class="pz-select-story-note">
+                Both slots work in the inline variant. The <code>#selected</code> slot prepends a bullet to the active label; the <code>#default</code> slot adds a trailing checkmark inside the menu.
+              </span>
+            </article>
+          </div>
+        </section>
+      </div>
+    `})},o={parameters:{docs:{description:{story:"Interactive story for the refactored select. The preview shows the same `value` state in both variants, and the gallery documents filter usage, long labels, and disabled behavior."}}}},s={parameters:{docs:{description:{story:"PzSelect exposes a default scoped slot for each option row (`{ option, selected, disabled }`) and a named `#selected` slot for the trigger display (`{ option, placeholder }`). Both slots fall back to default rendering when unused."}}},render:()=>({components:{pzSelect:n,pzText:b,pzIcon:h},setup(){return{value:t(r),procurementOptions:i}},template:`
+      <div style="display:flex;flex-direction:column;gap:24px;max-width:320px">
+        <pz-text variant="body-semibold">Custom option slot + custom selected slot</pz-text>
+
+        <pz-select
+          v-model="value"
+          name="slots-demo"
+          label="Custom slots"
+          placeholder="Choose an option"
+          :options="procurementOptions"
+        >
+          <template #selected="{ option, placeholder }">
+            <span style="font-weight:600">{{ option ? option.label : placeholder }}</span>
+          </template>
+
+          <template #default="{ option, selected }">
+            <span style="flex:1">{{ option.label }}</span>
+            <pz-icon v-if="selected" name="check" size="16" />
+          </template>
+        </pz-select>
+
+        <span>Selected value: {{ value ?? "empty" }}</span>
+      </div>
+    `})};var p,c,d;o.parameters={...o.parameters,docs:{...(p=o.parameters)==null?void 0:p.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "Interactive story for the refactored select. The preview shows the same \`value\` state in both variants, and the gallery documents filter usage, long labels, and disabled behavior."
+      }
+    }
+  }
+}`,...(d=(c=o.parameters)==null?void 0:c.docs)==null?void 0:d.source}}};var u,m,v;s.parameters={...s.parameters,docs:{...(u=s.parameters)==null?void 0:u.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "PzSelect exposes a default scoped slot for each option row (\`{ option, selected, disabled }\`) and a named \`#selected\` slot for the trigger display (\`{ option, placeholder }\`). Both slots fall back to default rendering when unused."
+      }
+    }
+  },
+  render: () => ({
+    components: {
+      pzSelect: PzSelect,
+      pzText: PzText,
+      pzIcon: PzIcon
+    },
+    setup() {
+      const value = ref<PzFormSelectValue | undefined>(defaultFieldValue);
+      return {
+        value,
+        procurementOptions
+      };
+    },
+    template: \`
+      <div style="display:flex;flex-direction:column;gap:24px;max-width:320px">
+        <pz-text variant="body-semibold">Custom option slot + custom selected slot</pz-text>
+
+        <pz-select
+          v-model="value"
+          name="slots-demo"
+          label="Custom slots"
+          placeholder="Choose an option"
+          :options="procurementOptions"
+        >
+          <template #selected="{ option, placeholder }">
+            <span style="font-weight:600">{{ option ? option.label : placeholder }}</span>
+          </template>
+
+          <template #default="{ option, selected }">
+            <span style="flex:1">{{ option.label }}</span>
+            <pz-icon v-if="selected" name="check" size="16" />
+          </template>
+        </pz-select>
+
+        <span>Selected value: {{ value ?? "empty" }}</span>
+      </div>
+    \`
+  })
+}`,...(v=(m=s.parameters)==null?void 0:m.docs)==null?void 0:v.source}}};const j=["Playground","WithSlots"];export{o as Playground,s as WithSlots,j as __namedExportsOrder,C as default};

package/dist/app/assets/PzSkeleton-Fcc0OCQj.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-DbWuH5mz.js";import{_ as d}from"./_plugin-vue_export-helper-DlAUqK2U.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-CYVQJkRt.css → PzSkeleton-i88RYFSk.css}

@@ -1 +1 @@
-.pz-skeleton[data-v-0e5c35ff]{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-0e5c35ff 1.6s linear infinite}.pz-skeleton--static[data-v-0e5c35ff]{animation:none}@keyframes pz-skeleton-shimmer-0e5c35ff{0%{background-position:200% 0}to{background-position:-200% 0}}
+.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-a9NDBt3Z.js → PzSkeleton.stories-q1l5sP1S.js}

@@ -1,4 +1,4 @@
-import{P as n}from"./PzText-Qtpayc5y.js";import{P as t}from"./PzSkeleton-DnpztBv3.js";import"./iframe-B7Bddli1.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:`
+import{P as r}from"./PzText-LkAZaPCW.js";import{P as t}from"./PzSkeleton-Fcc0OCQj.js";import"./iframe-DbWuH5mz.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const h={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:r},setup(){return{args:a}},template:`
       <div class="pz-skeleton-story">
         <section class="pz-skeleton-story-board">
           <div class="pz-skeleton-story-header">
@@ -36,4 +36,4 @@ import{P as n}from"./PzText-Qtpayc5y.js";import{P as t}from"./PzSkeleton-DnpztBv
           </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};
+    `})},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 m=["Playground"];export{e as Playground,m as __namedExportsOrder,h 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-cmEVvisl.js

@@ -0,0 +1 @@
+import{d as o,A as r,C as u,f as l,B as c,g as i,o as p,k as d,l as m}from"./iframe-DbWuH5mz.js";import{_ as f}from"./_plugin-vue_export-helper-DlAUqK2U.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-Dzj8SM95.js → PzStatus.stories-CkZ6lYqY.js}

@@ -1,4 +1,4 @@
-import{P as l}from"./PzText-Qtpayc5y.js";import{P as s}from"./PzStatus-dVlplKB_.js";import"./iframe-B7Bddli1.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>
+import{P as l}from"./PzText-LkAZaPCW.js";import{P as s}from"./PzStatus-cmEVvisl.js";import"./iframe-DbWuH5mz.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.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">
@@ -92,4 +92,4 @@ import{P as l}from"./PzText-Qtpayc5y.js";import{P as s}from"./PzStatus-dVlplKB_.
           </div>
         </section>
       </div>
-    `})},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};
+    `})},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 f=["Playground"];export{a as Playground,f as __namedExportsOrder,m as default};

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

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

@@ -0,0 +1 @@
+import{d as _,o as a,e as t,f as D,k as d,t as z,A as b,u as h,D as y,l as v,F as i,E,g as H,G as L,z as p,n as g,I as F,C as q,J as A}from"./iframe-DbWuH5mz.js";import{l as x}from"./lodash-CdDiHlzQ.js";import{P as B}from"./PzInfoHint-CbH3ypH1.js";import{_ as P}from"./_plugin-vue_export-helper-DlAUqK2U.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=H(()=>x.get(u.data,u.column.key)||u.defaultValue);return(o,T)=>{var n;return a(),t("td",{class:D(["pz-table-data",{"pz-table-data--bold":e.isBold}])},[d("p",$,[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(i,{key:1},[E(z(s.value),1)],64))],!0)],2)}}}),w=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 S={class:"pz-table-head",scope:"col"},m=_({name:"PzTableHead",__name:"PzTableHead",props:{column:{}},setup(e){return(u,s)=>{var o;return a(),t("th",S,[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)])}}}),j=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:I},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(i,null,p(e.config,l=>(a(),b(j,{key:l.id,column:l,style:g(o(l))},null,8,["column","style"]))),128))])])):y("",!0),d("tbody",null,[(a(!0),t(i,null,p(e.data,(l,k)=>(a(),t("tr",{key:l.id??k,class:"pz-table__row"},[(a(!0),t(i,null,p(e.config,(r,V)=>(a(),b(w,{key:r.id,column:r,data:l,"default-value":e.defaultValue,"is-bold":e.isBoldFirstColumn&&V===0,style:g(o(r))},F({_:2},[T(r.key)?{name:"default",fn:q(N=>[v(n.$slots,r.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,I as a,j as b,w as c};

package/dist/app/assets/{PzTable.stories-DcKqkFYa.js → PzTable.stories-CGODSdZ2.js}

@@ -1,4 +1,4 @@
-import{P as T}from"./PzLink-BU7dMeUw.js";import{P}from"./PzTag-jiAX5zAj.js";import{P as l}from"./PzText-Qtpayc5y.js";import{P as a,a as i}from"./PzTable-BipugQuF.js";import"./iframe-B7Bddli1.js";import"./preload-helper-C1FmrZbK.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./PzInfoHint-DUCe-kk0.js";import"./PzIcon-Drlqf9PC.js";import"./PzHint-D62JWyEp.js";import"./floating-vue-BD2YJLen.js";const S=[{id:"name",name:"Назва",key:"name",colWidth:22},{id:"classification",name:"Класифікатор та його відповідний код",key:"classification",colWidth:30},{id:"quantity",name:"Кількість/Одиниці виміру",key:"quantity",colWidth:14},{id:"deliveryLocation",name:"Місце поставки",key:"deliveryLocation",colWidth:18},{id:"deliveryDate",name:"Дата поставки",key:"deliveryDate",colWidth:16}],k=[{id:"item-1",name:"Швидкозшивач пласт. E31509, 31511",classification:"ДК 021:2015: 30190000-7 — Офісне устаткування та приладдя різне",quantity:"100 штука",deliveryLocation:"79025, Україна, Львівська область, Львів, вул.Левандівська, будинок 17-В",deliveryDate:"до 30 грудня 2026"},{id:"item-2",name:"Ручка масляна, 0,7мм, PT-195, Piano",classification:"ДК 021:2015: 30190000-7 — Офісне устаткування та приладдя різне",quantity:"150 штука",deliveryLocation:"79025, Україна, Львівська область, Львів, вул.Левандівська, будинок 17-В",deliveryDate:"до 30 грудня 2026"},{id:"item-3",name:"Папка А4 КОШЕНЯ 34,527,51см, верт. 2 ручки",classification:"ДК 021:2015: 30190000-7 — Офісне устаткування та приладдя різне",quantity:"30 штука",deliveryLocation:"79025, Україна, Львівська область, Львів, вул.Левандівська, будинок 17-В",deliveryDate:"до 30 грудня 2026"}],w=[{id:"name",name:"Назва",key:"name",colWidth:18},{id:"classification",name:"Класифікатор та його відповідний код",key:"classification",colWidth:24},{id:"quantity",name:"Кількість/Одиниці виміру",key:"quantity",colWidth:14},{id:"price",name:"Ціна за одиницю",key:"price",colWidth:14},{id:"deliveryLocation",name:"Місце поставки",key:"deliveryLocation",colWidth:18},{id:"deliveryDate",name:"Дата поставки",key:"deliveryDate",colWidth:12}],x=k.map(t=>({...t,price:null})),W=[{id:"event",name:"Подія",key:"event",colWidth:18},{id:"type",name:"Тип",key:"type",colWidth:18},{id:"reason",name:"Підстава",key:"reason",colWidth:18},{id:"period",name:"Період, (днів)",key:"period",colWidth:16},{id:"daysType",name:"Тип днів",key:"daysType",colWidth:15},{id:"amount",name:"Розмір, (%)",key:"amount",colWidth:15}],C=[{id:"payment-1",event:"Оплата",type:"Пiсляоплата",reason:"поставка товару",period:10,daysType:"робочі",amount:100},{id:"payment-2",event:"Поставка",type:"Одноразова поставка",reason:"подання заявки",period:10,daysType:"робочі",amount:100}],L=[{id:"supplier",name:"Постачальник",key:"supplier",colWidth:28},{id:"contractId",name:"Договір",key:"contractId",colWidth:20},{id:"amount",name:"Сума",key:"amount",colWidth:18},{id:"status",name:"Статус",key:"statusLabel",colWidth:18},{id:"updatedAt",name:"Оновлено",key:"updatedAt",colWidth:16}],D=[{id:"contract-01",supplier:{name:"ТОВ «Офіс-Постач»",href:"https://prozorro.gov.ua"},contractId:"UA-2026-04-17-000001",amount:128340.5,status:"active",statusLabel:"Активний",updatedAt:"17.04.2026"},{id:"contract-02",supplier:{name:"ФОП Іваненко Ірина",href:"https://prozorro.gov.ua"},contractId:"UA-2026-04-17-000002",amount:68400,status:"hidden",statusLabel:"Очікує підтвердження",updatedAt:"16.04.2026"}],A=`<template>
+import{P as T}from"./PzLink-BlhtooDh.js";import{P}from"./PzTag-9D_K2A9q.js";import{P as l}from"./PzText-LkAZaPCW.js";import{P as a,a as i}from"./PzTable-wM00v3b7.js";import"./iframe-DbWuH5mz.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./lodash-CdDiHlzQ.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./PzInfoHint-CbH3ypH1.js";import"./PzIcon-BNwLASSZ.js";import"./PzHint-Djl4-X3l.js";import"./floating-vue-B4YMiR3n.js";import"./floating-vue-BXOYXd0R.js";const S=[{id:"name",name:"Назва",key:"name",colWidth:22},{id:"classification",name:"Класифікатор та його відповідний код",key:"classification",colWidth:30},{id:"quantity",name:"Кількість/Одиниці виміру",key:"quantity",colWidth:14},{id:"deliveryLocation",name:"Місце поставки",key:"deliveryLocation",colWidth:18},{id:"deliveryDate",name:"Дата поставки",key:"deliveryDate",colWidth:16}],k=[{id:"item-1",name:"Швидкозшивач пласт. E31509, 31511",classification:"ДК 021:2015: 30190000-7 — Офісне устаткування та приладдя різне",quantity:"100 штука",deliveryLocation:"79025, Україна, Львівська область, Львів, вул.Левандівська, будинок 17-В",deliveryDate:"до 30 грудня 2026"},{id:"item-2",name:"Ручка масляна, 0,7мм, PT-195, Piano",classification:"ДК 021:2015: 30190000-7 — Офісне устаткування та приладдя різне",quantity:"150 штука",deliveryLocation:"79025, Україна, Львівська область, Львів, вул.Левандівська, будинок 17-В",deliveryDate:"до 30 грудня 2026"},{id:"item-3",name:"Папка А4 КОШЕНЯ 34,527,51см, верт. 2 ручки",classification:"ДК 021:2015: 30190000-7 — Офісне устаткування та приладдя різне",quantity:"30 штука",deliveryLocation:"79025, Україна, Львівська область, Львів, вул.Левандівська, будинок 17-В",deliveryDate:"до 30 грудня 2026"}],w=[{id:"name",name:"Назва",key:"name",colWidth:18},{id:"classification",name:"Класифікатор та його відповідний код",key:"classification",colWidth:24},{id:"quantity",name:"Кількість/Одиниці виміру",key:"quantity",colWidth:14},{id:"price",name:"Ціна за одиницю",key:"price",colWidth:14},{id:"deliveryLocation",name:"Місце поставки",key:"deliveryLocation",colWidth:18},{id:"deliveryDate",name:"Дата поставки",key:"deliveryDate",colWidth:12}],x=k.map(t=>({...t,price:null})),W=[{id:"event",name:"Подія",key:"event",colWidth:18},{id:"type",name:"Тип",key:"type",colWidth:18},{id:"reason",name:"Підстава",key:"reason",colWidth:18},{id:"period",name:"Період, (днів)",key:"period",colWidth:16},{id:"daysType",name:"Тип днів",key:"daysType",colWidth:15},{id:"amount",name:"Розмір, (%)",key:"amount",colWidth:15}],C=[{id:"payment-1",event:"Оплата",type:"Пiсляоплата",reason:"поставка товару",period:10,daysType:"робочі",amount:100},{id:"payment-2",event:"Поставка",type:"Одноразова поставка",reason:"подання заявки",period:10,daysType:"робочі",amount:100}],L=[{id:"supplier",name:"Постачальник",key:"supplier",colWidth:28},{id:"contractId",name:"Договір",key:"contractId",colWidth:20},{id:"amount",name:"Сума",key:"amount",colWidth:18},{id:"status",name:"Статус",key:"statusLabel",colWidth:18},{id:"updatedAt",name:"Оновлено",key:"updatedAt",colWidth:16}],D=[{id:"contract-01",supplier:{name:"ТОВ «Офіс-Постач»",href:"https://prozorro.gov.ua"},contractId:"UA-2026-04-17-000001",amount:128340.5,status:"active",statusLabel:"Активний",updatedAt:"17.04.2026"},{id:"contract-02",supplier:{name:"ФОП Іваненко Ірина",href:"https://prozorro.gov.ua"},contractId:"UA-2026-04-17-000002",amount:68400,status:"hidden",statusLabel:"Очікує підтвердження",updatedAt:"16.04.2026"}],A=`<template>
   <PzTable
     :config="config"
     :data="data"
@@ -47,7 +47,7 @@ const data: PzTableRow[] = [
       </PzTag>
     </template>
   </PzTable>
-</template>`,O={title:"Components/Data/PzTable",component:a,parameters:{prototype:{caption:"PzTable",note:"Three-part table structure based on the original prototype, refined only where needed for tokens, docs, and Storybook examples."},docs:{description:{component:"Use `PzTable` for procurement-style tabular data. Configure columns through `config`, provide rows through `data`, and override cell rendering with named slots that match `column.key`."}}},args:{config:S,data:k,defaultValue:i,visibleHeader:!0,isBoldFirstColumn:!0},argTypes:{config:{control:!1,description:"Column configuration array. Use `name`, `key`, and optional `colWidth`, `mobileName`, `infoContent`, `slot`, and `isContentHtml`."},data:{control:!1,description:"Table rows resolved by `column.key`."},defaultValue:{control:"text",description:"Fallback content for empty cells."},visibleHeader:{control:"boolean",description:"Shows or hides the desktop header row."},isBoldFirstColumn:{control:"boolean",description:"Makes the first column semibold."}}},n={parameters:{docs:{source:{code:A}}},render:t=>({components:{pzTable:a,pzText:l},setup(){return{args:t}},template:`
+</template>`,K={title:"Components/Data/PzTable",component:a,parameters:{prototype:{caption:"PzTable",note:"Three-part table structure based on the original prototype, refined only where needed for tokens, docs, and Storybook examples."},docs:{description:{component:"Use `PzTable` for procurement-style tabular data. Configure columns through `config`, provide rows through `data`, and override cell rendering with named slots that match `column.key`."}}},args:{config:S,data:k,defaultValue:i,visibleHeader:!0,isBoldFirstColumn:!0},argTypes:{config:{control:!1,description:"Column configuration array. Use `name`, `key`, and optional `colWidth`, `mobileName`, `infoContent`, `slot`, and `isContentHtml`."},data:{control:!1,description:"Table rows resolved by `column.key`."},defaultValue:{control:"text",description:"Fallback content for empty cells."},visibleHeader:{control:"boolean",description:"Shows or hides the desktop header row."},isBoldFirstColumn:{control:"boolean",description:"Makes the first column semibold."}}},n={parameters:{docs:{source:{code:A}}},render:t=>({components:{pzTable:a,pzText:l},setup(){return{args:t}},template:`
       <div class="pz-table-story">
         <section class="pz-table-story-board">
           <div class="pz-table-story-header">
@@ -210,7 +210,7 @@ const data: PzTableRow[] = [
       </div>
     \`
   })
-}`,...(d=(p=n.parameters)==null?void 0:p.docs)==null?void 0:d.source}}};var u,m,y;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:`{
+}`,...(d=(p=n.parameters)==null?void 0:p.docs)==null?void 0:d.source}}};var m,u,y;o.parameters={...o.parameters,docs:{...(m=o.parameters)==null?void 0:m.docs,source:{originalSource:`{
   render: () => ({
     components: {
       pzTable: PzTable,
@@ -240,7 +240,7 @@ const data: PzTableRow[] = [
       </div>
     \`
   })
-}`,...(y=(m=o.parameters)==null?void 0:m.docs)==null?void 0:y.source}}};var b,z,v;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:`{
+}`,...(y=(u=o.parameters)==null?void 0:u.docs)==null?void 0:y.source}}};var b,z,v;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:`{
   render: () => ({
     components: {
       pzTable: PzTable,
@@ -350,4 +350,4 @@ const data: PzTableRow[] = [
       </div>
     \`
   })
-}`,...(f=(h=r.parameters)==null?void 0:h.docs)==null?void 0:f.source}}};const G=["Playground","ProcurementWithPrice","PaymentSchedule","CustomSlots"];export{r as CustomSlots,s as PaymentSchedule,n as Playground,o as ProcurementWithPrice,G as __namedExportsOrder,O as default};
+}`,...(f=(h=r.parameters)==null?void 0:h.docs)==null?void 0:f.source}}};const Q=["Playground","ProcurementWithPrice","PaymentSchedule","CustomSlots"];export{r as CustomSlots,s as PaymentSchedule,n as Playground,o as ProcurementWithPrice,Q as __namedExportsOrder,K as default};

package/dist/app/assets/{PzTabs-Cko9ewqz.css → PzTabs-Dqx9m4Y3.css}

@@ -1 +1 @@
-.pz-tabs-story{display:grid;gap:var(--pz-space-24)}.pz-tabs-story-gallery{display:grid;gap:var(--pz-space-16)}.pz-tabs-story-frame{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-24);background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent),transparent 36%),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-tabs-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-tabs-story-eyebrow,.pz-tabs-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-tabs-story-grid{display:grid;grid-template-columns:1fr;gap:var(--pz-space-16)}.pz-tabs-story-card{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:var(--pz-space-20);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) 96%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent)}.pz-tabs-story-card-surface{border-radius:var(--pz-space-16)}.pz-tabs-story-panel{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24)}.pz-tabs-story-copy,.pz-tabs-story-panel-head{display:grid;gap:var(--pz-space-12)}.pz-tabs-story-panel-head{padding-bottom:var(--pz-space-16);border-bottom:1px solid rgba(91,69,37,.16)}.pz-tabs-story-meta{display:inline-flex;align-items:center;gap:var(--pz-space-12);flex-wrap:wrap;color:#5b4525c7}.pz-tabs-story-bullet{width:4px;height:4px;border-radius:999px;background:currentcolor}.pz-tabs-story-tag{display:inline-flex;align-items:center;gap:var(--pz-space-8);padding:6px var(--pz-space-12);border:1px solid rgba(91,69,37,.18);border-radius:var(--pz-space-4);background:#fffcf4b8;color:#5b4525db;font-size:var(--pz-font-size-12);line-height:1}.pz-tabs-story-muted{color:var(--pz-color-text-secondary);text-decoration:line-through}.pz-tabs-story-stack{display:grid;gap:var(--pz-space-12)}.pz-tabs-story-poem{display:grid;gap:var(--pz-space-16)}.pz-tabs-story-stanza{display:grid;gap:var(--pz-space-4);padding-left:var(--pz-space-16);border-left:2px solid rgba(91,69,37,.14)}.pz-tabs-story-poem-line{color:#352512eb}.pz-tabs-story-note{color:#5b4525b8}.pz-tabs-story-example-copy{display:grid;align-content:start;gap:var(--pz-space-12)}.pz-tabs-story-example-surface{display:grid;gap:var(--pz-space-16)}.pz-tabs-story-kpi-list{display:grid;gap:1px;background:color-mix(in srgb,var(--pz-color-grey-30) 80%,transparent)}.pz-tabs-story-kpi{display:grid;grid-template-columns:auto 1fr;gap:var(--pz-space-12);align-items:center;padding:var(--pz-space-16);background:var(--pz-color-background-primary)}.pz-tabs-story-kpi-value{display:inline-flex;align-items:center;justify-content:center;min-width:64px;padding:var(--pz-space-8) var(--pz-space-12);border-radius:var(--pz-space-4);background:color-mix(in srgb,var(--pz-color-blue-10) 88%,var(--pz-color-white));color:var(--pz-color-text-link-hover);font-size:var(--pz-font-size-14);font-weight:700}.pz-tabs-story-narrow{width:min(100%,360px)}@media (width <= 768px){.pz-tabs-story-header{flex-direction:column}.pz-tabs-story-card{grid-template-columns:1fr}}.pz-tab[data-v-2cffa4a1]{width:100%}.pz-tabs[data-v-f64a88aa]{--pz-tabs-wrapper-bg: linear-gradient(180deg, rgb(249 242 223 / 100%) 0%, rgb(244 234 209 / 100%) 100%), radial-gradient(circle at top right, rgb(119 88 44 / 10%), transparent 36%);--pz-tabs-bg: var(--pz-color-background-frame);--pz-tabs-bg-active-tab: var(--pz-color-background-frame);--pz-tabs-color-active-tab: var(--pz-color-text-primary);--pz-tabs-item-font-weight: 600;--pz-tabs-wrapper-radius: 16px;--pz-tabs-inner-radius: 12px;--pz-tabs-wrapper-padding: 8px;display:grid;gap:0;width:100%;padding:var(--pz-tabs-wrapper-padding);border-radius:var(--pz-tabs-wrapper-radius);background:var(--pz-tabs-wrapper-bg);box-shadow:inset 0 0 0 1px #5b452514,0 10px 24px #3525120f}.pz-tabs--light[data-v-f64a88aa]{--pz-tabs-bg: var(--pz-color-background-primary);--pz-tabs-bg-active-tab: var(--pz-color-background-primary)}.pz-tabs__nav[data-v-f64a88aa]{display:flex;align-items:center;width:100%;margin:0;padding:0;list-style:none}@media (max-width: 1023.98px){.pz-tabs__nav[data-v-f64a88aa]{overflow-x:auto;scrollbar-color:var(--pz-color-grey-30) var(--pz-tabs-bg-active-tab)}}.pz-tabs__item[data-v-f64a88aa]{padding:12px 24px;border-radius:var(--pz-tabs-inner-radius) var(--pz-tabs-inner-radius) 0 0;color:var(--pz-color-text-link);cursor:pointer;font-size:var(--pz-font-size-14);font-weight:var(--pz-tabs-item-font-weight);transition:all .2s}@media (max-width: 1023.98px){.pz-tabs__item[data-v-f64a88aa]{display:list-item;white-space:nowrap}}.pz-tabs__item.active[data-v-f64a88aa]{color:var(--pz-tabs-color-active-tab);background-color:var(--pz-tabs-bg-active-tab)}@media (max-width: 1023.98px){.pz-tabs__item.active[data-v-f64a88aa]{--pz-tabs-item-font-weight: 700}}.pz-tabs__content[data-v-f64a88aa]{width:100%;border-radius:0 var(--pz-tabs-inner-radius) var(--pz-tabs-inner-radius) var(--pz-tabs-inner-radius);background-color:var(--pz-tabs-bg)}
+.pz-tabs-story{display:grid;gap:var(--pz-space-24)}.pz-tabs-story-gallery{display:grid;gap:var(--pz-space-16)}.pz-tabs-story-frame{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-24);background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent),transparent 36%),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-tabs-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-tabs-story-eyebrow,.pz-tabs-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-tabs-story-grid{display:grid;grid-template-columns:1fr;gap:var(--pz-space-16)}.pz-tabs-story-card{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:var(--pz-space-20);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) 96%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 5%,transparent)}.pz-tabs-story-card-surface{border-radius:var(--pz-space-16)}.pz-tabs-story-panel{display:grid;gap:var(--pz-space-16);padding:var(--pz-space-24)}.pz-tabs-story-copy,.pz-tabs-story-panel-head{display:grid;gap:var(--pz-space-12)}.pz-tabs-story-panel-head{padding-bottom:var(--pz-space-16);border-bottom:1px solid rgba(91,69,37,.16)}.pz-tabs-story-meta{display:inline-flex;align-items:center;gap:var(--pz-space-12);flex-wrap:wrap;color:#5b4525c7}.pz-tabs-story-bullet{width:4px;height:4px;border-radius:999px;background:currentcolor}.pz-tabs-story-tag{display:inline-flex;align-items:center;gap:var(--pz-space-8);padding:6px var(--pz-space-12);border:1px solid rgba(91,69,37,.18);border-radius:var(--pz-space-4);background:#fffcf4b8;color:#5b4525db;font-size:var(--pz-font-size-12);line-height:1}.pz-tabs-story-muted{color:var(--pz-color-text-secondary);text-decoration:line-through}.pz-tabs-story-stack{display:grid;gap:var(--pz-space-12)}.pz-tabs-story-poem{display:grid;gap:var(--pz-space-16)}.pz-tabs-story-stanza{display:grid;gap:var(--pz-space-4);padding-left:var(--pz-space-16);border-left:2px solid rgba(91,69,37,.14)}.pz-tabs-story-poem-line{color:#352512eb}.pz-tabs-story-note{color:#5b4525b8}.pz-tabs-story-example-copy{display:grid;align-content:start;gap:var(--pz-space-12)}.pz-tabs-story-example-surface{display:grid;gap:var(--pz-space-16)}.pz-tabs-story-kpi-list{display:grid;gap:1px;background:color-mix(in srgb,var(--pz-color-grey-30) 80%,transparent)}.pz-tabs-story-kpi{display:grid;grid-template-columns:auto 1fr;gap:var(--pz-space-12);align-items:center;padding:var(--pz-space-16);background:var(--pz-color-background-primary)}.pz-tabs-story-kpi-value{display:inline-flex;align-items:center;justify-content:center;min-width:64px;padding:var(--pz-space-8) var(--pz-space-12);border-radius:var(--pz-space-4);background:color-mix(in srgb,var(--pz-color-blue-10) 88%,var(--pz-color-white));color:var(--pz-color-text-link-hover);font-size:var(--pz-font-size-14);font-weight:700}.pz-tabs-story-narrow{width:min(100%,360px)}@media (width <= 768px){.pz-tabs-story-header{flex-direction:column}.pz-tabs-story-card{grid-template-columns:1fr}}.pz-tab[data-v-2374460d]{width:100%}.pz-tabs[data-v-88e033ce]{--pz-tabs-wrapper-bg: linear-gradient(180deg, rgb(249 242 223 / 100%) 0%, rgb(244 234 209 / 100%) 100%), radial-gradient(circle at top right, rgb(119 88 44 / 10%), transparent 36%);--pz-tabs-bg: var(--pz-color-background-frame);--pz-tabs-bg-active-tab: var(--pz-color-background-frame);--pz-tabs-color-active-tab: var(--pz-color-text-primary);--pz-tabs-item-font-weight: 600;--pz-tabs-wrapper-radius: 16px;--pz-tabs-inner-radius: 12px;--pz-tabs-wrapper-padding: 8px;display:grid;gap:0;width:100%;padding:var(--pz-tabs-wrapper-padding);border-radius:var(--pz-tabs-wrapper-radius);background:var(--pz-tabs-wrapper-bg);box-shadow:inset 0 0 0 1px #5b452514,0 10px 24px #3525120f}.pz-tabs--light[data-v-88e033ce]{--pz-tabs-bg: var(--pz-color-background-primary);--pz-tabs-bg-active-tab: var(--pz-color-background-primary)}.pz-tabs__nav[data-v-88e033ce]{display:flex;align-items:center;width:100%;margin:0;padding:0;list-style:none}@media (max-width: 1023.98px){.pz-tabs__nav[data-v-88e033ce]{overflow-x:auto;scrollbar-color:var(--pz-color-grey-30) var(--pz-tabs-bg-active-tab)}}.pz-tabs__item[data-v-88e033ce]{padding:12px 24px;border-radius:var(--pz-tabs-inner-radius) var(--pz-tabs-inner-radius) 0 0;color:var(--pz-color-text-link);cursor:pointer;font-size:var(--pz-font-size-14);font-weight:var(--pz-tabs-item-font-weight);transition:all .2s}@media (max-width: 1023.98px){.pz-tabs__item[data-v-88e033ce]{display:list-item;white-space:nowrap}}.pz-tabs__item.active[data-v-88e033ce]{color:var(--pz-tabs-color-active-tab);background-color:var(--pz-tabs-bg-active-tab)}@media (max-width: 1023.98px){.pz-tabs__item.active[data-v-88e033ce]{--pz-tabs-item-font-weight: 700}}.pz-tabs__content[data-v-88e033ce]{width:100%;border-radius:0 var(--pz-tabs-inner-radius) var(--pz-tabs-inner-radius) var(--pz-tabs-inner-radius);background-color:var(--pz-tabs-bg)}

package/dist/app/assets/{PzTabs.stories-BqU667nR.js → PzTabs.stories-C5h0sXNa.js}

@@ -1,4 +1,4 @@
-import{_ as q,P as T}from"./PzText-Qtpayc5y.js";import{d as M,S as f,L as J,U as Q,M as X,V as Y,W as G,e as m,j as F,r as Z,o as u,X as K,J as tt,l as _,F as at,p as st,n as et,f as S,P as nt,g as rt,t as pt,Y as P}from"./iframe-B7Bddli1.js";import"./preload-helper-C1FmrZbK.js";const ot=["","light"];var r=(t=>(t.INIT_TAB="init-tab",t.TABS_STATE="tabs-state",t.REMOVE_TAB="remove-tab",t))(r||{});const it={class:"pz-tab"},x=M({name:"PzTab",__name:"PzTab",props:{name:{default:"Tab"},selected:{type:Boolean,default:!1},id:{default:void 0}},setup(t){const a=t,p=K(),i=Z(!1),o=f(r.REMOVE_TAB,void 0),s=f(r.TABS_STATE,void 0),e=f(r.INIT_TAB,void 0),n={get id(){return a.id??`pz-tab-${(p==null?void 0:p.uid)??a.name}`},get name(){return a.name}};return J(()=>s==null?void 0:s.activeTab,z=>{i.value=a.name===z}),Q(()=>{e==null||e(n),i.value=a.selected}),X(()=>o==null?void 0:o(n)),(z,mt)=>Y((u(),m("div",it,[F(z.$slots,"default",{},void 0,!0)],512)),[[G,i.value]])}}),h=q(x,[["__scopeId","data-v-2cffa4a1"]]);x.__docgenInfo=Object.assign({displayName:x.name??x.__name},{name:"PzTab",exportName:"default",displayName:"PzTab",description:"",tags:{},props:[{name:"name",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"Tab"'}},{name:"selected",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"id",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"undefined"}}],slots:[{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/PzTabs/PzTab.vue"]});const lt={class:"pz-tabs__nav"},zt=["onClick"],bt={class:"pz-tabs__content"},g=M({name:"PzTabs",__name:"PzTabs",props:{skin:{default:""},maxWidth:{default:""}},setup(t){const a=nt({tabs:[],activeTab:""}),p=t,i=rt(()=>p.skin?`pz-tabs--${p.skin}`:"");P(r.TABS_STATE,a),P(r.INIT_TAB,s=>a.tabs.push(s)),P(r.REMOVE_TAB,s=>{a.tabs=a.tabs.filter(e=>e.id!==s.id),o()}),tt(()=>o());const o=()=>{var e;const[{name:s}={name:""}]=a.tabs.filter(({selected:n})=>n);a.activeTab=s||((e=a.tabs[0])==null?void 0:e.name)||""};return(s,e)=>(u(),m("div",{class:S(["pz-tabs",i.value]),style:et({maxWidth:t.maxWidth})},[_("ul",lt,[(u(!0),m(at,null,st(a.tabs,n=>(u(),m("li",{key:n.id,class:S(["pz-tabs__item",{active:a.activeTab===n.name}]),onClick:z=>a.activeTab=n.name||""},pt(n.name),11,zt))),128))]),_("div",bt,[F(s.$slots,"default",{},void 0,!0)])],6))}}),l=q(g,[["__scopeId","data-v-f64a88aa"]]);g.__docgenInfo=Object.assign({displayName:g.name??g.__name},{name:"PzTabs",exportName:"default",displayName:"PzTabs",description:"",tags:{},props:[{name:"skin",required:!1,type:{name:"PzTabsSkin"},defaultValue:{func:!1,value:'""'}},{name:"maxWidth",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}}],slots:[{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/PzTabs/PzTabs.vue"]});const dt=t=>[t.skin?`skin="${t.skin}"`:null,t.maxWidth?`max-width="${t.maxWidth}"`:null].filter(a=>!!a).join(" "),ct=t=>`<template>
+import{P as T}from"./PzText-LkAZaPCW.js";import{d as q,a4 as f,w as Q,a5 as Y,a0 as G,Y as J,a6 as X,e as m,l as F,r as Z,o as u,p as K,j as tt,k as _,F as at,z as st,n as et,f as k,h as nt,g as rt,t as pt,a7 as P}from"./iframe-DbWuH5mz.js";import{_ as M}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const ot=["","light"];var r=(t=>(t.INIT_TAB="init-tab",t.TABS_STATE="tabs-state",t.REMOVE_TAB="remove-tab",t))(r||{});const it={class:"pz-tab"},x=q({name:"PzTab",__name:"PzTab",props:{name:{default:"Tab"},selected:{type:Boolean,default:!1},id:{default:void 0}},setup(t){const a=t,p=K(),i=Z(!1),o=f(r.REMOVE_TAB,void 0),s=f(r.TABS_STATE,void 0),e=f(r.INIT_TAB,void 0),n={get id(){return a.id??`pz-tab-${(p==null?void 0:p.uid)??a.name}`},get name(){return a.name}};return Q(()=>s==null?void 0:s.activeTab,z=>{i.value=a.name===z}),Y(()=>{e==null||e(n),i.value=a.selected}),G(()=>o==null?void 0:o(n)),(z,mt)=>J((u(),m("div",it,[F(z.$slots,"default",{},void 0,!0)],512)),[[X,i.value]])}}),h=M(x,[["__scopeId","data-v-2374460d"]]);x.__docgenInfo=Object.assign({displayName:x.name??x.__name},{name:"PzTab",exportName:"default",displayName:"PzTab",description:"",tags:{},props:[{name:"name",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'"Tab"'}},{name:"selected",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"id",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"undefined"}}],slots:[{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Layouts/PzTabs/PzTab.vue"]});const lt={class:"pz-tabs__nav"},zt=["onClick"],bt={class:"pz-tabs__content"},g=q({name:"PzTabs",__name:"PzTabs",props:{skin:{default:""},maxWidth:{default:""}},setup(t){const a=nt({tabs:[],activeTab:""}),p=t,i=rt(()=>p.skin?`pz-tabs--${p.skin}`:"");P(r.TABS_STATE,a),P(r.INIT_TAB,s=>a.tabs.push(s)),P(r.REMOVE_TAB,s=>{a.tabs=a.tabs.filter(e=>e.id!==s.id),o()}),tt(()=>o());const o=()=>{var e;const[{name:s}={name:""}]=a.tabs.filter(({selected:n})=>n);a.activeTab=s||((e=a.tabs[0])==null?void 0:e.name)||""};return(s,e)=>(u(),m("div",{class:k(["pz-tabs",i.value]),style:et({maxWidth:t.maxWidth})},[_("ul",lt,[(u(!0),m(at,null,st(a.tabs,n=>(u(),m("li",{key:n.id,class:k(["pz-tabs__item",{active:a.activeTab===n.name}]),onClick:z=>a.activeTab=n.name||""},pt(n.name),11,zt))),128))]),_("div",bt,[F(s.$slots,"default",{},void 0,!0)])],6))}}),l=M(g,[["__scopeId","data-v-88e033ce"]]);g.__docgenInfo=Object.assign({displayName:g.name??g.__name},{name:"PzTabs",exportName:"default",displayName:"PzTabs",description:"",tags:{},props:[{name:"skin",required:!1,type:{name:"PzTabsSkin"},defaultValue:{func:!1,value:'""'}},{name:"maxWidth",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}}],slots:[{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Layouts/PzTabs/PzTabs.vue"]});const dt=t=>[t.skin?`skin="${t.skin}"`:null,t.maxWidth?`max-width="${t.maxWidth}"`:null].filter(a=>!!a).join(" "),ct=t=>`<template>
   <PzTabs ${dt(t)}>
     <PzTab name="${t.currentEditionLabel}" selected>
       Current content
@@ -19,7 +19,7 @@ import{_ as q,P as T}from"./PzText-Qtpayc5y.js";import{d as M,S as f,L as J,U as
       Questions content
     </PzTab>
   </PzTabs>
-</template>`,U=()=>`<template>
+</template>`,H=()=>`<template>
   <PzTabs>
     <PzTab name="Активні" selected>
       Active procedures
@@ -28,7 +28,7 @@ import{_ as q,P as T}from"./PzText-Qtpayc5y.js";import{d as M,S as f,L as J,U as
       Archive procedures
     </PzTab>
   </PzTabs>
-</template>`,H=()=>`<template>
+</template>`,U=()=>`<template>
   <PzTabs skin="light" max-width="360px">
     <PzTab name="Файли" selected>
       Files content
@@ -41,7 +41,7 @@ import{_ as q,P as T}from"./PzText-Qtpayc5y.js";import{d as M,S as f,L as J,U as
     </PzTab>
   </PzTabs>
 </template>`,vt=()=>`<template>
-${[R(),U(),H()].join(`
+${[R(),H(),U()].join(`
 
 `)}
 </template>`,yt={title:"Components/Layouts/PzTabs",component:l,parameters:{prototype:{caption:"Tabs component",note:"Renamed from the previous app-level tabs to the shared `PzTabs` and `PzTab` components. This version only switches local panel content and keeps the original tab props and behavior."},docs:{description:{component:"Use `PzTabs` with `PzTab` children when you need to switch content inside the same view. The API keeps the original `name`, `selected`, `id`, `skin`, and `maxWidth` properties from the legacy tabs."},source:{transform:(t,a)=>ct(a.args??yt.args)}}},args:{skin:"light",maxWidth:"840px",currentEditionLabel:"Остання редакція",historyLabel:"Історія змін"},argTypes:{skin:{control:{type:"inline-radio",labels:{"":"default",light:"light"}},options:ot,description:"Surface skin for the tabs container."},maxWidth:{control:"text",description:"Optional max-width applied to the navigation and content area."}},render:t=>({components:{pzTabs:l,pzTab:h,pzText:T},setup(){return{args:t}},template:`
@@ -314,7 +314,7 @@ ${[R(),U(),H()].join(`
           </div>
         </section>
       </div>
-    `})},c={parameters:{docs:{source:{code:U()}}},render:()=>({components:{pzTabs:l,pzTab:h,pzText:T},template:`
+    `})},c={parameters:{docs:{source:{code:H()}}},render:()=>({components:{pzTabs:l,pzTab:h,pzText:T},template:`
       <div class="pz-tabs-story">
         <section class="pz-tabs-story-frame">
           <div class="pz-tabs-story-header">
@@ -351,7 +351,7 @@ ${[R(),U(),H()].join(`
           </div>
         </section>
       </div>
-    `})},v={parameters:{docs:{source:{code:H()}}},render:()=>({components:{pzTabs:l,pzTab:h,pzText:T},template:`
+    `})},v={parameters:{docs:{source:{code:U()}}},render:()=>({components:{pzTabs:l,pzTab:h,pzText:T},template:`
       <div class="pz-tabs-story">
         <section class="pz-tabs-story-frame">
           <div class="pz-tabs-story-header">
@@ -400,7 +400,7 @@ ${[R(),U(),H()].join(`
           </div>
         </section>
       </div>
-    `})},y={parameters:{docs:{source:{code:vt()}}}};var k,w,E;b.parameters={...b.parameters,docs:{...(k=b.parameters)==null?void 0:k.docs,source:{originalSource:"{}",...(E=(w=b.parameters)==null?void 0:w.docs)==null?void 0:E.source}}};var A,B,C;d.parameters={...d.parameters,docs:{...(A=d.parameters)==null?void 0:A.docs,source:{originalSource:`{
+    `})},y={parameters:{docs:{source:{code:vt()}}}};var w,S,E;b.parameters={...b.parameters,docs:{...(w=b.parameters)==null?void 0:w.docs,source:{originalSource:"{}",...(E=(S=b.parameters)==null?void 0:S.docs)==null?void 0:E.source}}};var A,B,C;d.parameters={...d.parameters,docs:{...(A=d.parameters)==null?void 0:A.docs,source:{originalSource:`{
   parameters: {
     docs: {
       source: {
@@ -465,7 +465,7 @@ ${[R(),U(),H()].join(`
       </div>
     \`
   })
-}`,...(C=(B=d.parameters)==null?void 0:B.docs)==null?void 0:C.source}}};var W,N,D;c.parameters={...c.parameters,docs:{...(W=c.parameters)==null?void 0:W.docs,source:{originalSource:`{
+}`,...(C=(B=d.parameters)==null?void 0:B.docs)==null?void 0:C.source}}};var N,W,D;c.parameters={...c.parameters,docs:{...(N=c.parameters)==null?void 0:N.docs,source:{originalSource:`{
   parameters: {
     docs: {
       source: {
@@ -518,7 +518,7 @@ ${[R(),U(),H()].join(`
       </div>
     \`
   })
-}`,...(D=(N=c.parameters)==null?void 0:N.docs)==null?void 0:D.source}}};var $,I,L;v.parameters={...v.parameters,docs:{...($=v.parameters)==null?void 0:$.docs,source:{originalSource:`{
+}`,...(D=(W=c.parameters)==null?void 0:W.docs)==null?void 0:D.source}}};var $,I,L;v.parameters={...v.parameters,docs:{...($=v.parameters)==null?void 0:$.docs,source:{originalSource:`{
   parameters: {
     docs: {
       source: {
@@ -583,7 +583,7 @@ ${[R(),U(),H()].join(`
       </div>
     \`
   })
-}`,...(L=(I=v.parameters)==null?void 0:I.docs)==null?void 0:L.source}}};var V,O,j;y.parameters={...y.parameters,docs:{...(V=y.parameters)==null?void 0:V.docs,source:{originalSource:`{
+}`,...(L=(I=v.parameters)==null?void 0:I.docs)==null?void 0:L.source}}};var O,V,j;y.parameters={...y.parameters,docs:{...(O=y.parameters)==null?void 0:O.docs,source:{originalSource:`{
   parameters: {
     docs: {
       source: {
@@ -591,4 +591,4 @@ ${[R(),U(),H()].join(`
       }
     }
   }
-}`,...(j=(O=y.parameters)==null?void 0:O.docs)==null?void 0:j.source}}};const Tt=["Playground","ThreeTabs","DefaultSkin","ConstrainedWidth","Examples"];export{v as ConstrainedWidth,c as DefaultSkin,y as Examples,b as Playground,d as ThreeTabs,Tt as __namedExportsOrder,yt as default};
+}`,...(j=(V=y.parameters)==null?void 0:V.docs)==null?void 0:j.source}}};const ht=["Playground","ThreeTabs","DefaultSkin","ConstrainedWidth","Examples"];export{v as ConstrainedWidth,c as DefaultSkin,y as Examples,b as Playground,d as ThreeTabs,ht as __namedExportsOrder,yt as default};

package/dist/app/assets/PzTag-9D_K2A9q.js

@@ -0,0 +1 @@
+import{d as i,A as p,C as f,f as u,B as c,o as s,e as n,l as t,D as r,k as d}from"./iframe-DbWuH5mz.js";import{_ as m}from"./_plugin-vue_export-helper-DlAUqK2U.js";const g={key:0,class:"pz-tag-prefix"},_={class:"pz-tag-label"},z={key:1,class:"pz-tag-suffix"},a=i({name:"PzTag",__name:"PzTag",props:{variant:{default:"grey"},as:{default:"span"}},setup(l){const o=l;return(e,v)=>(s(),p(c(o.as),{class:u(["pz-tag",`pz-tag--${o.variant}`])},{default:f(()=>[e.$slots.prefix?(s(),n("span",g,[t(e.$slots,"prefix",{},void 0,!0)])):r("",!0),d("span",_,[t(e.$slots,"default",{},void 0,!0)]),e.$slots.suffix?(s(),n("span",z,[t(e.$slots,"suffix",{},void 0,!0)])):r("",!0)]),_:3},8,["class"]))}}),T=m(a,[["__scopeId","data-v-545f113d"]]);a.__docgenInfo=Object.assign({displayName:a.name??a.__name},{name:"PzTag",exportName:"default",displayName:"PzTag",description:"",tags:{},props:[{name:"variant",required:!1,type:{name:"PzTagVariant"},defaultValue:{func:!1,value:'"grey"'}},{name:"as",required:!1,type:{name:"PzTagTag"},defaultValue:{func:!1,value:'"span"'}}],slots:[{name:"prefix"},{name:"default"},{name:"suffix"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzTag/PzTag.vue"]});export{T as P};

package/dist/app/assets/PzTag-CKddmHDs.css

@@ -0,0 +1 @@
+.pz-tag[data-v-545f113d]{--pz-tag-background: var(--pz-color-tag-grey);--pz-tag-gap: var(--pz-space-4);display:inline-flex;align-items:center;gap:var(--pz-tag-gap);padding:4px 8px;border-radius:3px 12px 12px 3px;background:var(--pz-tag-background);color:var(--pz-tag-color);vertical-align:middle;font-size:var(--pz-font-size-12);font-weight:600;line-height:1.5}.pz-tag--grey[data-v-545f113d]{--pz-tag-background: var(--pz-color-tag-grey)}.pz-tag--grey-light[data-v-545f113d]{--pz-tag-background: var(--pz-color-tag-grey-light)}.pz-tag--blue[data-v-545f113d]{--pz-tag-background: var(--pz-color-tag-blue)}.pz-tag--green[data-v-545f113d]{--pz-tag-background: var(--pz-color-tag-green)}.pz-tag--red[data-v-545f113d]{--pz-tag-background: var(--pz-color-tag-red)}.pz-tag-prefix[data-v-545f113d],.pz-tag-suffix[data-v-545f113d]{display:inline-flex;align-items:center;justify-content:center}.pz-tag-label[data-v-545f113d]{min-width:0}.pz-tag-prefix[data-v-545f113d] .pz-icon,.pz-tag-suffix[data-v-545f113d] .pz-icon{--pz-icon-size: var(--pz-font-size-12);--pz-icon-color: currentcolor}

package/dist/app/assets/{PzTag.stories-bK1-c1pG.js → PzTag.stories-E9YuXCey.js}

@@ -1,4 +1,4 @@
-import{_ as c}from"./PzIcon-Drlqf9PC.js";import{P as g}from"./PzText-Qtpayc5y.js";import{P as o}from"./PzTag-jiAX5zAj.js";import"./iframe-B7Bddli1.js";import"./preload-helper-C1FmrZbK.js";const d=["grey","blue","green","red","grey-light"],m=["span","div","li"],f=[{variant:"grey",label:"Neutral"},{variant:"grey-light",label:"Neutral light"},{variant:"blue",label:"Information"},{variant:"green",label:"Verified"},{variant:"red",label:"Important"}],v=t=>{const a=[t.variant!=="grey"?`variant="${t.variant}"`:null,t.as!=="span"?`as="${t.as}"`:null].filter(p=>!!p).join(" "),n=t.showPrefix?`
+import{_ as c}from"./PzIcon-BNwLASSZ.js";import{P as g}from"./PzText-LkAZaPCW.js";import{P as o}from"./PzTag-9D_K2A9q.js";import"./iframe-DbWuH5mz.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const d=["grey","blue","green","red","grey-light"],m=["span","div","li"],f=[{variant:"grey",label:"Neutral"},{variant:"grey-light",label:"Neutral light"},{variant:"blue",label:"Information"},{variant:"green",label:"Verified"},{variant:"red",label:"Important"}],v=t=>{const a=[t.variant!=="grey"?`variant="${t.variant}"`:null,t.as!=="span"?`as="${t.as}"`:null].filter(p=>!!p).join(" "),n=t.showPrefix?`
     <template #prefix>
       <PzIcon name="sell" size="12" />
     </template>`:"",l=t.showSuffix?`
@@ -67,4 +67,4 @@ import{_ as c}from"./PzIcon-Drlqf9PC.js";import{P as g}from"./PzText-Qtpayc5y.js
           </div>
         </section>
       </div>
-    `})},e={};var s,r,i;e.parameters={...e.parameters,docs:{...(s=e.parameters)==null?void 0:s.docs,source:{originalSource:"{}",...(i=(r=e.parameters)==null?void 0:r.docs)==null?void 0:i.source}}};const w=["Playground"];export{e as Playground,w as __namedExportsOrder,z as default};
+    `})},e={};var s,r,i;e.parameters={...e.parameters,docs:{...(s=e.parameters)==null?void 0:s.docs,source:{originalSource:"{}",...(i=(r=e.parameters)==null?void 0:r.docs)==null?void 0:i.source}}};const P=["Playground"];export{e as Playground,P as __namedExportsOrder,z as default};