@prozorro/prozorro-ui 0.0.8 → 0.0.10-beta

package/dist/app/assets/PzTable.stories-C76ZN_A5.js

@@ -0,0 +1,353 @@
+import{P as T}from"./PzLink-CwtmibRx.js";import{P}from"./PzTag-DudHfisQ.js";import{P as l}from"./PzText-BOcxbzaG.js";import{P as a,a as i}from"./PzTable-CzfehTN7.js";import"./iframe-Ckq2fQkL.js";import"./preload-helper-C1FmrZbK.js";import"./lodash-CdDiHlzQ.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./PzInfoHint-C-UyP8PR.js";import"./PzIcon-DTWQGv5c.js";import"./PzHint-BhuDfy-l.js";import"./floating-vue-D0dcONsr.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"
+  />
+</template>
+
+<script setup lang="ts">
+import type { PzTableColumn, PzTableRow } from "@prozorro/prozorro-ui";
+
+const config: PzTableColumn[] = [
+  { 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 },
+];
+
+const data: PzTableRow[] = [
+  {
+    id: "item-1",
+    name: "Швидкозшивач пласт. E31509, 31511",
+    classification: "ДК 021:2015: 30190000-7 — Офісне устаткування та приладдя різне",
+    quantity: "100 штука",
+    deliveryLocation: "79025, Україна, Львівська область, Львів, вул.Левандівська, будинок 17-В",
+    deliveryDate: "до 30 грудня 2026",
+  },
+];
+<\/script>`,U=`<template>
+  <PzTable
+    :config="config"
+    :data="data"
+  >
+    <template #supplier="{ data }">
+      <PzLink :href="getSupplierHref(data.supplier)" bold>
+        {{ getSupplierName(data.supplier) }}
+      </PzLink>
+    </template>
+
+    <template #amount="{ value }">
+      {{ formatCurrency(value) }}
+    </template>
+
+    <template #statusLabel="{ data }">
+      <PzTag :variant="getStatusVariant(data.status)">
+        {{ data.statusLabel }}
+      </PzTag>
+    </template>
+  </PzTable>
+</template>`,G={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">
+            <div class="pz-table-story-copy">
+              <span class="pz-table-story-eyebrow">Component API</span>
+              <pz-text variant="h4-bold">Procurement table</pz-text>
+            </div>
+            <span class="pz-table-story-chip">{{ args.config.length }} columns</span>
+          </div>
+
+          <div class="pz-table-story-preview">
+            <pz-table v-bind="args" />
+          </div>
+        </section>
+
+        <section class="pz-table-story-grid">
+          <article class="pz-table-story-card">
+            <span class="pz-table-story-card-kicker">Technical notes</span>
+            <ul class="pz-table-story-list">
+              <li><code>config[].key</code> maps each cell to a row field.</li>
+              <li><code>config[].colWidth</code> keeps the desktop column proportions stable.</li>
+              <li>Named slots use the same name as <code>config[].key</code>, for example <code>#supplier</code> or <code>#statusLabel</code>.</li>
+              <li>Below the <code>lg</code> breakpoint the row stacks and uses mobile titles inside each cell.</li>
+            </ul>
+          </article>
+
+          <article class="pz-table-story-card">
+            <span class="pz-table-story-card-kicker">Behavior</span>
+            <ul class="pz-table-story-list">
+              <li>The first column can be emphasized through <code>isBoldFirstColumn</code>.</li>
+              <li><code>defaultValue</code> prevents empty cells from collapsing visually.</li>
+              <li>The component keeps semantic table markup on desktop.</li>
+              <li>Header hints are supported with the same <code>PzInfoHint</code> content model used elsewhere.</li>
+            </ul>
+          </article>
+        </section>
+      </div>
+    `})},o={render:()=>({components:{pzTable:a,pzText:l},setup(){return{procurementWithPriceConfig:w,procurementWithPriceData:x}},template:`
+      <div class="pz-table-story">
+        <section class="pz-table-story-board">
+          <div class="pz-table-story-copy">
+            <span class="pz-table-story-eyebrow">Usage example</span>
+            <pz-text variant="h4-bold">Same layout with an additional price column</pz-text>
+          </div>
+
+          <div class="pz-table-story-preview">
+            <pz-table
+              :config="procurementWithPriceConfig"
+              :data="procurementWithPriceData"
+            />
+          </div>
+        </section>
+      </div>
+    `})},s={render:()=>({components:{pzTable:a,pzText:l},setup(){return{paymentConfig:W,paymentData:C}},template:`
+      <div class="pz-table-story">
+        <section class="pz-table-story-board">
+          <div class="pz-table-story-copy">
+            <span class="pz-table-story-eyebrow">Usage example</span>
+            <pz-text variant="h4-bold">Compact payment schedule data</pz-text>
+          </div>
+
+          <div class="pz-table-story-preview">
+            <pz-table
+              :config="paymentConfig"
+              :data="paymentData"
+            />
+          </div>
+        </section>
+      </div>
+    `})},r={parameters:{docs:{source:{code:U}}},render:()=>({components:{pzLink:T,pzTable:a,pzTag:P,pzText:l},setup(){const t=e=>typeof e=="object"&&e!==null?e:{};return{contractsConfig:L,contractsData:D,formatCurrency:e=>typeof e!="number"?i:`${new Intl.NumberFormat("uk-UA").format(e)} грн`,getStatusVariant:e=>e==="active"?"green":e==="hidden"?"blue":"grey",getSupplierHref:e=>String(t(e).href??"#"),getSupplierName:e=>String(t(e).name??i)}},template:`
+      <div class="pz-table-story">
+        <section class="pz-table-story-board">
+          <div class="pz-table-story-copy">
+            <span class="pz-table-story-eyebrow">Usage example</span>
+            <pz-text variant="h4-bold">Custom cell slots</pz-text>
+          </div>
+
+          <div class="pz-table-story-preview">
+            <pz-table
+              :config="contractsConfig"
+              :data="contractsData"
+            >
+              <template #supplier="{ data }">
+                <div class="pz-table-story-cell-stack">
+                  <pz-link :href="getSupplierHref(data.supplier)" bold>
+                    {{ getSupplierName(data.supplier) }}
+                  </pz-link>
+                  <span class="pz-table-story-muted">Профіль постачальника</span>
+                </div>
+              </template>
+
+              <template #amount="{ value }">
+                {{ formatCurrency(value) }}
+              </template>
+
+              <template #statusLabel="{ data }">
+                <pz-tag :variant="getStatusVariant(data.status)">
+                  {{ data.statusLabel }}
+                </pz-tag>
+              </template>
+            </pz-table>
+          </div>
+        </section>
+      </div>
+    `})};var c,p,d;n.parameters={...n.parameters,docs:{...(c=n.parameters)==null?void 0:c.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      source: {
+        code: playgroundSource
+      }
+    }
+  },
+  render: (args: PzTableStoryArgs) => ({
+    components: {
+      pzTable: PzTable,
+      pzText: PzText
+    },
+    setup() {
+      return {
+        args
+      };
+    },
+    template: \`
+      <div class="pz-table-story">
+        <section class="pz-table-story-board">
+          <div class="pz-table-story-header">
+            <div class="pz-table-story-copy">
+              <span class="pz-table-story-eyebrow">Component API</span>
+              <pz-text variant="h4-bold">Procurement table</pz-text>
+            </div>
+            <span class="pz-table-story-chip">{{ args.config.length }} columns</span>
+          </div>
+
+          <div class="pz-table-story-preview">
+            <pz-table v-bind="args" />
+          </div>
+        </section>
+
+        <section class="pz-table-story-grid">
+          <article class="pz-table-story-card">
+            <span class="pz-table-story-card-kicker">Technical notes</span>
+            <ul class="pz-table-story-list">
+              <li><code>config[].key</code> maps each cell to a row field.</li>
+              <li><code>config[].colWidth</code> keeps the desktop column proportions stable.</li>
+              <li>Named slots use the same name as <code>config[].key</code>, for example <code>#supplier</code> or <code>#statusLabel</code>.</li>
+              <li>Below the <code>lg</code> breakpoint the row stacks and uses mobile titles inside each cell.</li>
+            </ul>
+          </article>
+
+          <article class="pz-table-story-card">
+            <span class="pz-table-story-card-kicker">Behavior</span>
+            <ul class="pz-table-story-list">
+              <li>The first column can be emphasized through <code>isBoldFirstColumn</code>.</li>
+              <li><code>defaultValue</code> prevents empty cells from collapsing visually.</li>
+              <li>The component keeps semantic table markup on desktop.</li>
+              <li>Header hints are supported with the same <code>PzInfoHint</code> content model used elsewhere.</li>
+            </ul>
+          </article>
+        </section>
+      </div>
+    \`
+  })
+}`,...(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,
+      pzText: PzText
+    },
+    setup() {
+      return {
+        procurementWithPriceConfig,
+        procurementWithPriceData
+      };
+    },
+    template: \`
+      <div class="pz-table-story">
+        <section class="pz-table-story-board">
+          <div class="pz-table-story-copy">
+            <span class="pz-table-story-eyebrow">Usage example</span>
+            <pz-text variant="h4-bold">Same layout with an additional price column</pz-text>
+          </div>
+
+          <div class="pz-table-story-preview">
+            <pz-table
+              :config="procurementWithPriceConfig"
+              :data="procurementWithPriceData"
+            />
+          </div>
+        </section>
+      </div>
+    \`
+  })
+}`,...(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,
+      pzText: PzText
+    },
+    setup() {
+      return {
+        paymentConfig,
+        paymentData
+      };
+    },
+    template: \`
+      <div class="pz-table-story">
+        <section class="pz-table-story-board">
+          <div class="pz-table-story-copy">
+            <span class="pz-table-story-eyebrow">Usage example</span>
+            <pz-text variant="h4-bold">Compact payment schedule data</pz-text>
+          </div>
+
+          <div class="pz-table-story-preview">
+            <pz-table
+              :config="paymentConfig"
+              :data="paymentData"
+            />
+          </div>
+        </section>
+      </div>
+    \`
+  })
+}`,...(v=(z=s.parameters)==null?void 0:z.docs)==null?void 0:v.source}}};var g,h,f;r.parameters={...r.parameters,docs:{...(g=r.parameters)==null?void 0:g.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      source: {
+        code: customSlotsSource
+      }
+    }
+  },
+  render: () => ({
+    components: {
+      pzLink: PzLink,
+      pzTable: PzTable,
+      pzTag: PzTag,
+      pzText: PzText
+    },
+    setup() {
+      const getSupplierRecord = (value: unknown): Record<string, unknown> => typeof value === "object" && value !== null ? value as Record<string, unknown> : {};
+      const getSupplierName = (value: unknown): string => String(getSupplierRecord(value).name ?? PZ_TABLE_DEFAULT_EMPTY_VALUE);
+      const getSupplierHref = (value: unknown): string => String(getSupplierRecord(value).href ?? "#");
+      const formatCurrency = (value: unknown): string => {
+        if (typeof value !== "number") {
+          return PZ_TABLE_DEFAULT_EMPTY_VALUE;
+        }
+        return \`\${new Intl.NumberFormat("uk-UA").format(value)} грн\`;
+      };
+      const getStatusVariant = (value: unknown): "green" | "blue" | "grey" => {
+        if (value === "active") {
+          return "green";
+        }
+        if (value === "hidden") {
+          return "blue";
+        }
+        return "grey";
+      };
+      return {
+        contractsConfig,
+        contractsData,
+        formatCurrency,
+        getStatusVariant,
+        getSupplierHref,
+        getSupplierName
+      };
+    },
+    template: \`
+      <div class="pz-table-story">
+        <section class="pz-table-story-board">
+          <div class="pz-table-story-copy">
+            <span class="pz-table-story-eyebrow">Usage example</span>
+            <pz-text variant="h4-bold">Custom cell slots</pz-text>
+          </div>
+
+          <div class="pz-table-story-preview">
+            <pz-table
+              :config="contractsConfig"
+              :data="contractsData"
+            >
+              <template #supplier="{ data }">
+                <div class="pz-table-story-cell-stack">
+                  <pz-link :href="getSupplierHref(data.supplier)" bold>
+                    {{ getSupplierName(data.supplier) }}
+                  </pz-link>
+                  <span class="pz-table-story-muted">Профіль постачальника</span>
+                </div>
+              </template>
+
+              <template #amount="{ value }">
+                {{ formatCurrency(value) }}
+              </template>
+
+              <template #statusLabel="{ data }">
+                <pz-tag :variant="getStatusVariant(data.status)">
+                  {{ data.statusLabel }}
+                </pz-tag>
+              </template>
+            </pz-table>
+          </div>
+        </section>
+      </div>
+    \`
+  })
+}`,...(f=(h=r.parameters)==null?void 0:h.docs)==null?void 0:f.source}}};const J=["Playground","ProcurementWithPrice","PaymentSchedule","CustomSlots"];export{r as CustomSlots,s as PaymentSchedule,n as Playground,o as ProcurementWithPrice,J as __namedExportsOrder,G 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-CEoVVF4Z.js → PzTabs.stories-DHf6EZU7.js}

@@ -1,4 +1,4 @@
-import{_ as q,P as T}from"./PzText-LfRr6NF7.js";import{d as M,S as f,L as Q,U as X,M as Y,V as G,W as J,e as m,r as F,i as Z,o as u,X as K,E as tt,y as _,F as at,I as st,n as et,f as S,P as nt,g as rt,t as pt,Y as P}from"./iframe-XnrfGA2g.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 Q(()=>s==null?void 0:s.activeTab,z=>{i.value=a.name===z}),X(()=>{e==null||e(n),i.value=a.selected}),Y(()=>o==null?void 0:o(n)),(z,mt)=>G((u(),m("div",it,[F(z.$slots,"default",{},void 0,!0)],512)),[[J,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{_ as q,P as T}from"./PzText-BOcxbzaG.js";import{d as F,Y as f,w as Q,Z as Y,T as Z,N as G,$ as J,e as m,l as M,r as X,o as u,a0 as K,h as tt,p as _,F as at,s as st,n as et,f as w,W as nt,g as rt,t as pt,a1 as P}from"./iframe-Ckq2fQkL.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=F({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=X(!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}),Z(()=>o==null?void 0:o(n)),(z,mt)=>G((u(),m("div",it,[M(z.$slots,"default",{},void 0,!0)],512)),[[J,i.value]])}}),h=q(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=F({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:w(["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:w(["pz-tabs__item",{active:a.activeTab===n.name}]),onClick:z=>a.activeTab=n.name||""},pt(n.name),11,zt))),128))]),_("div",bt,[M(s.$slots,"default",{},void 0,!0)])],6))}}),l=q(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-LfRr6NF7.js";import{d as M,S as f,L as Q,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-LfRr6NF7.js";import{d as M,S as f,L as Q,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-LfRr6NF7.js";import{d as M,S as f,L as Q,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 k,S,E;b.parameters={...b.parameters,docs:{...(k=b.parameters)==null?void 0:k.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,$;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:{...(I=v.parameters)==null?void 0:I.docs,source:{originalSource:`{
+}`,...($=(W=c.parameters)==null?void 0:W.docs)==null?void 0:$.source}}};var D,I,L;v.parameters={...v.parameters,docs:{...(D=v.parameters)==null?void 0:D.docs,source:{originalSource:`{
   parameters: {
     docs: {
       source: {
@@ -583,7 +583,7 @@ ${[R(),U(),H()].join(`
       </div>
     \`
   })
-}`,...(L=($=v.parameters)==null?void 0:$.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 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};

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-rwtmuhv6.css → PzTag-C_iRJRZc.css}

@@ -1 +1 @@
-.pz-tag-story{display:grid;gap:var(--pz-space-24)}.pz-tag-story-board,.pz-tag-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-tag-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-tag-story-eyebrow,.pz-tag-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-tag-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-tag-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pz-space-16)}.pz-tag-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-tag-story-row{display:flex;align-items:center;gap:var(--pz-space-8);flex-wrap:wrap}.pz-tag-story-code{margin:0;font-size:var(--pz-font-size-12);color:var(--pz-color-text-secondary)}@media (width <= 768px){.pz-tag-story-grid{grid-template-columns:1fr}.pz-tag-story-header{flex-direction:column}}.pz-tag[data-v-7a827d32]{--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-7a827d32]{--pz-tag-background: var(--pz-color-tag-grey)}.pz-tag--grey-light[data-v-7a827d32]{--pz-tag-background: var(--pz-color-tag-grey-light)}.pz-tag--blue[data-v-7a827d32]{--pz-tag-background: var(--pz-color-tag-blue)}.pz-tag--green[data-v-7a827d32]{--pz-tag-background: var(--pz-color-tag-green)}.pz-tag--red[data-v-7a827d32]{--pz-tag-background: var(--pz-color-tag-red)}.pz-tag-prefix[data-v-7a827d32],.pz-tag-suffix[data-v-7a827d32]{display:inline-flex;align-items:center;justify-content:center}.pz-tag-label[data-v-7a827d32]{min-width:0}.pz-tag-prefix[data-v-7a827d32] .pz-icon,.pz-tag-suffix[data-v-7a827d32] .pz-icon{--pz-icon-size: var(--pz-font-size-12);--pz-icon-color: currentcolor}
+.pz-tag-story{display:grid;gap:var(--pz-space-24)}.pz-tag-story-board,.pz-tag-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-tag-story-header{display:flex;align-items:start;justify-content:space-between;gap:var(--pz-space-16)}.pz-tag-story-eyebrow,.pz-tag-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-tag-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-tag-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pz-space-16)}.pz-tag-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-tag-story-row{display:flex;align-items:center;gap:var(--pz-space-8);flex-wrap:wrap}.pz-tag-story-code{margin:0;font-size:var(--pz-font-size-12);color:var(--pz-color-text-secondary)}@media (width <= 768px){.pz-tag-story-grid{grid-template-columns:1fr}.pz-tag-story-header{flex-direction:column}}

package/dist/app/assets/PzTag-DudHfisQ.js

@@ -0,0 +1 @@
+import{d as i,i as p,j as f,f as u,k as c,o as s,e as n,l as t,m as r,p as d}from"./iframe-Ckq2fQkL.js";import{_ as m}from"./PzText-BOcxbzaG.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.stories-B2WKURWu.js → PzTag.stories-BIrmr98f.js}

@@ -1,14 +1,14 @@
-import{_ as u}from"./PzIcon-Don8TXO3.js";import{_ as z,P as v}from"./PzText-LfRr6NF7.js";import{d as y,j as b,w as x,f as h,G as T,o as r,e as l,r as n,h as p,y as P}from"./iframe-XnrfGA2g.js";import"./preload-helper-C1FmrZbK.js";const _=["grey","blue","green","red","grey-light"],w=["span","div","li"],S={key:0,class:"pz-tag-prefix"},$={class:"pz-tag-label"},k={key:1,class:"pz-tag-suffix"},o=y({name:"PzTag",__name:"PzTag",props:{variant:{default:"grey"},as:{default:"span"}},setup(e){const t=e;return(a,i)=>(r(),b(T(t.as),{class:h(["pz-tag",`pz-tag--${t.variant}`])},{default:x(()=>[a.$slots.prefix?(r(),l("span",S,[n(a.$slots,"prefix",{},void 0,!0)])):p("",!0),P("span",$,[n(a.$slots,"default",{},void 0,!0)]),a.$slots.suffix?(r(),l("span",k,[n(a.$slots,"suffix",{},void 0,!0)])):p("",!0)]),_:3},8,["class"]))}}),c=z(o,[["__scopeId","data-v-7a827d32"]]);o.__docgenInfo=Object.assign({displayName:o.name??o.__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/PzTag/PzTag.vue"]});const I=[{variant:"grey",label:"Neutral"},{variant:"grey-light",label:"Neutral light"},{variant:"blue",label:"Information"},{variant:"green",label:"Verified"},{variant:"red",label:"Important"}],V=e=>{const t=[e.variant!=="grey"?`variant="${e.variant}"`:null,e.as!=="span"?`as="${e.as}"`:null].filter(f=>!!f).join(" "),a=e.showPrefix?`
+import{_ as c}from"./PzIcon-DTWQGv5c.js";import{P as g}from"./PzText-BOcxbzaG.js";import{P as o}from"./PzTag-DudHfisQ.js";import"./iframe-Ckq2fQkL.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?`
     <template #prefix>
       <PzIcon name="sell" size="12" />
-    </template>`:"",i=e.showSuffix?`
+    </template>`:"",l=t.showSuffix?`
     <template #suffix>
       <PzIcon name="close" size="12" />
     </template>`:"";return`<template>
-  <PzTag ${t}>${a}
-    ${e.label}${i}
+  <PzTag ${a}>${n}
+    ${t.label}${l}
   </PzTag>
-</template>`},C={title:"Components/Display/PzTag",component:c,parameters:{prototype:{caption:"Tag component",note:"Figma node access was blocked in this environment, so the tag styling is inferred from the existing tag token set and implemented as a compact slot-based pill."},docs:{description:{component:"Use `PzTag` for compact semantic labels. Variants map directly to the shared tag tokens, and optional prefix or suffix content should be composed through slots."},source:{transform:(e,t)=>V(t.args??C.args)}}},args:{variant:"blue",as:"span",label:"Open data",showPrefix:!0,showSuffix:!1},argTypes:{variant:{control:"inline-radio",options:_,description:"Semantic tag color variant."},as:{control:"select",options:w,description:"HTML tag used for the wrapper."},label:{control:"text",description:"Slot content preview text.",table:{category:"Slots"}},showPrefix:{control:"boolean",description:"Shows a composed prefix icon slot in the preview.",table:{category:"Slots"}},showSuffix:{control:"boolean",description:"Shows a composed suffix icon slot in the preview.",table:{category:"Slots"}}},render:e=>({components:{pzTag:c,pzText:v,pzIcon:u},setup(){return{args:e,tagReferenceItems:I}},template:`
+</template>`},z={title:"Components/Display/PzTag",component:o,parameters:{prototype:{caption:"Tag component",note:"Figma node access was blocked in this environment, so the tag styling is inferred from the existing tag token set and implemented as a compact slot-based pill."},docs:{description:{component:"Use `PzTag` for compact semantic labels. Variants map directly to the shared tag tokens, and optional prefix or suffix content should be composed through slots."},source:{transform:(t,a)=>v(a.args??z.args)}}},args:{variant:"blue",as:"span",label:"Open data",showPrefix:!0,showSuffix:!1},argTypes:{variant:{control:"inline-radio",options:d,description:"Semantic tag color variant."},as:{control:"select",options:m,description:"HTML tag used for the wrapper."},label:{control:"text",description:"Slot content preview text.",table:{category:"Slots"}},showPrefix:{control:"boolean",description:"Shows a composed prefix icon slot in the preview.",table:{category:"Slots"}},showSuffix:{control:"boolean",description:"Shows a composed suffix icon slot in the preview.",table:{category:"Slots"}}},render:t=>({components:{pzTag:o,pzText:g,pzIcon:c},setup(){return{args:t,tagReferenceItems:f}},template:`
       <div class="pz-tag-story">
         <section class="pz-tag-story-board">
           <div class="pz-tag-story-header">
@@ -67,4 +67,4 @@ import{_ as u}from"./PzIcon-Don8TXO3.js";import{_ as z,P as v}from"./PzText-LfRr
           </div>
         </section>
       </div>
-    `})},s={};var d,g,m;s.parameters={...s.parameters,docs:{...(d=s.parameters)==null?void 0:d.docs,source:{originalSource:"{}",...(m=(g=s.parameters)==null?void 0:g.docs)==null?void 0:m.source}}};const q=["Playground"];export{s as Playground,q as __namedExportsOrder,C 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 w=["Playground"];export{e as Playground,w as __namedExportsOrder,z as default};

package/dist/app/assets/{PzText-LfRr6NF7.js → PzText-BOcxbzaG.js}

@@ -1 +1 @@
-import{d as l,j as r,f as d,G as p,g as i,w as c,o as u,r as m}from"./iframe-XnrfGA2g.js";const t=l({name:"PzText",__name:"PzText",props:{variant:{},as:{default:void 0}},setup(e){const s={"h1-bold":"h1","h1-regular":"h1","h2-bold":"h2","h3-bold":"h3","h3-regular":"h3","h4-regular":"h4","h4-semibold":"h4","h4-bold":"h4",subtitle:"p","body-regular":"p","body-semibold":"p","body-bold":"p",capitalized:"span",hint:"span","line-through":"span","small-regular":"span","small-semibold":"span","small-bold":"span",link:"a",document:"p"},a=e,o=i(()=>a.as??s[a.variant]??"span");return(n,b)=>(u(),r(p(o.value),{class:d(["pz-text",`pz-text--${e.variant}`])},{default:c(()=>[m(n.$slots,"default",{},void 0,!0)]),_:3},8,["class"]))}}),h=(e,s)=>{const a=e.__vccOpts||e;for(const[o,n]of s)a[o]=n;return a},x=h(t,[["__scopeId","data-v-bd3b2150"]]);t.__docgenInfo=Object.assign({displayName:t.name??t.__name},{name:"PzText",exportName:"default",displayName:"PzText",description:"",tags:{},props:[{name:"variant",required:!0,type:{name:"PzTextVariant"}},{name:"as",required:!1,type:{name:"PzTextTag"},defaultValue:{func:!1,value:"undefined"}}],slots:[{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/PzText/PzText.vue"]});export{x as P,h as _};
+import{d as l,i as r,f as d,k as p,g as i,j as c,o as u,l as m}from"./iframe-Ckq2fQkL.js";const t=l({name:"PzText",__name:"PzText",props:{variant:{},as:{default:void 0}},setup(e){const s={"h1-bold":"h1","h1-regular":"h1","h2-bold":"h2","h3-bold":"h3","h3-regular":"h3","h4-regular":"h4","h4-semibold":"h4","h4-bold":"h4",subtitle:"p","body-regular":"p","body-semibold":"p","body-bold":"p",capitalized:"span",hint:"span","line-through":"span","small-regular":"span","small-semibold":"span","small-bold":"span",link:"a",document:"p"},a=e,o=i(()=>a.as??s[a.variant]??"span");return(n,b)=>(u(),r(p(o.value),{class:d(["pz-text",`pz-text--${e.variant}`])},{default:c(()=>[m(n.$slots,"default",{},void 0,!0)]),_:3},8,["class"]))}}),h=(e,s)=>{const a=e.__vccOpts||e;for(const[o,n]of s)a[o]=n;return a},x=h(t,[["__scopeId","data-v-ebeee9bc"]]);t.__docgenInfo=Object.assign({displayName:t.name??t.__name},{name:"PzText",exportName:"default",displayName:"PzText",description:"",tags:{},props:[{name:"variant",required:!0,type:{name:"PzTextVariant"}},{name:"as",required:!1,type:{name:"PzTextTag"},defaultValue:{func:!1,value:"undefined"}}],slots:[{name:"default"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Text/PzText/PzText.vue"]});export{x as P,h as _};

package/dist/app/assets/PzText-mQOOz4_d.css

@@ -0,0 +1 @@
+.pz-text[data-v-ebeee9bc]{margin:0;padding:0}.pz-text--h1-bold[data-v-ebeee9bc]{font-size:var(--pz-font-size-44);font-weight:700;line-height:1.5}@media (max-width: 575.98px){.pz-text--h1-bold[data-v-ebeee9bc]{font-size:var(--pz-font-size-24);font-weight:700;line-height:1.5}}.pz-text--h1-regular[data-v-ebeee9bc]{font-size:var(--pz-font-size-44);font-weight:400;line-height:1.5}@media (max-width: 575.98px){.pz-text--h1-regular[data-v-ebeee9bc]{font-size:var(--pz-font-size-24);font-weight:400;line-height:1.5}}.pz-text--h2-bold[data-v-ebeee9bc]{font-size:var(--pz-font-size-32);font-weight:700;line-height:1.5}@media (max-width: 575.98px){.pz-text--h2-bold[data-v-ebeee9bc]{font-size:var(--pz-font-size-20);font-weight:700;line-height:1.5}}.pz-text--h3-bold[data-v-ebeee9bc]{font-size:var(--pz-font-size-24);font-weight:700;line-height:1.5}@media (max-width: 575.98px){.pz-text--h3-bold[data-v-ebeee9bc]{font-size:var(--pz-font-size-18);font-weight:700;line-height:1.5}}.pz-text--h3-regular[data-v-ebeee9bc]{font-size:var(--pz-font-size-24);font-weight:400;line-height:1.5}@media (max-width: 575.98px){.pz-text--h3-regular[data-v-ebeee9bc]{font-size:var(--pz-font-size-18);font-weight:400;line-height:1.5}}.pz-text--h4-regular[data-v-ebeee9bc]{font-size:var(--pz-font-size-18);font-weight:400;line-height:1.5}@media (max-width: 575.98px){.pz-text--h4-regular[data-v-ebeee9bc]{font-size:var(--pz-font-size-16);font-weight:400;line-height:1.5}}.pz-text--h4-semibold[data-v-ebeee9bc]{font-size:var(--pz-font-size-18);font-weight:600;line-height:1.5}@media (max-width: 575.98px){.pz-text--h4-semibold[data-v-ebeee9bc]{font-size:var(--pz-font-size-16);font-weight:600;line-height:1.5}}.pz-text--h4-bold[data-v-ebeee9bc]{font-size:var(--pz-font-size-18);font-weight:700;line-height:1.5}@media (max-width: 575.98px){.pz-text--h4-bold[data-v-ebeee9bc]{font-size:var(--pz-font-size-16);font-weight:700;line-height:1.5}}.pz-text--subtitle[data-v-ebeee9bc]{font-size:var(--pz-font-size-16);font-weight:600;line-height:1.5}.pz-text--body-regular[data-v-ebeee9bc]{font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-text--body-semibold[data-v-ebeee9bc]{font-size:var(--pz-font-size-14);font-weight:600;line-height:1.5}.pz-text--body-bold[data-v-ebeee9bc]{font-size:var(--pz-font-size-14);font-weight:700;line-height:1.5}.pz-text--capitalized[data-v-ebeee9bc]{font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5;text-transform:uppercase;letter-spacing:.05em}.pz-text--hint[data-v-ebeee9bc]{font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5;color:var(--pz-color-text-secondary)}.pz-text--line-through[data-v-ebeee9bc]{font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5;text-decoration:line-through}.pz-text--small-regular[data-v-ebeee9bc]{font-size:var(--pz-font-size-12);font-weight:400;line-height:1.5}.pz-text--small-semibold[data-v-ebeee9bc]{font-size:var(--pz-font-size-12);font-weight:600;line-height:1.5}.pz-text--small-bold[data-v-ebeee9bc]{font-size:var(--pz-font-size-12);font-weight:700;line-height:1.5}.pz-text--link[data-v-ebeee9bc]{font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5;color:var(--pz-color-text-link);text-decoration:underline;cursor:pointer}.pz-text--link[data-v-ebeee9bc]:hover{color:var(--pz-color-text-link-hover)}.pz-text--document[data-v-ebeee9bc]{font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}

package/dist/app/assets/{PzText.stories-CJhqWJtS.js → PzText.stories-Cr6TBVe6.js}

@@ -1,4 +1,4 @@
-import{P as R}from"./PzText-LfRr6NF7.js";import"./iframe-XnrfGA2g.js";import"./preload-helper-C1FmrZbK.js";const De=["h1-bold","h1-regular","h2-bold","h3-bold","h3-regular","h4-regular","h4-semibold","h4-bold","subtitle","body-regular","body-semibold","body-bold","capitalized","hint","line-through","small-regular","small-semibold","small-bold","link","document"],Pe=["h1","h2","h3","h4","h5","h6","p","span","div","a","label"],$e=r=>r.split("-").map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(" "),we={title:"Components/Text/PzText",component:R,parameters:{prototype:{caption:"Text component",note:"Component-level playground for semantic tag overrides and text variant rendering."},docs:{description:{component:"Vue text primitive for rendering the shared typography variants. Use `Foundation/Typography` for the full type-scale reference and `Components/PzText` for the component API."},source:{transform:(r,e)=>{const a=e.args??{};return`<template>
+import{P as R}from"./PzText-BOcxbzaG.js";import"./iframe-Ckq2fQkL.js";import"./preload-helper-C1FmrZbK.js";const De=["h1-bold","h1-regular","h2-bold","h3-bold","h3-regular","h4-regular","h4-semibold","h4-bold","subtitle","body-regular","body-semibold","body-bold","capitalized","hint","line-through","small-regular","small-semibold","small-bold","link","document"],Pe=["h1","h2","h3","h4","h5","h6","p","span","div","a","label"],$e=r=>r.split("-").map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(" "),we={title:"Components/Text/PzText",component:R,parameters:{prototype:{caption:"Text component",note:"Component-level playground for semantic tag overrides and text variant rendering."},docs:{description:{component:"Vue text primitive for rendering the shared typography variants. Use `Foundation/Typography` for the full type-scale reference and `Components/Text/PzText` for the component API."},source:{transform:(r,e)=>{const a=e.args??{};return`<template>
   <PzText ${[a.variant?`variant="${a.variant}"`:null,a.as?`as="${a.as}"`:null,a.content?`content="${a.content}"`:null].filter(Boolean).join(" ")} />
 </template>`}}}},args:{variant:"body-regular",content:"Every procurement notice should stay readable across dense interfaces and long-form content."},argTypes:{variant:{control:"select",options:De,description:"Text style variant from the Design System."},as:{control:"select",options:Pe,description:"HTML tag to render. Defaults to a semantic tag based on variant."},content:{control:"text",description:"Text content.",table:{category:"Slots"}}},render:r=>({components:{pzText:R},setup(){const e=$e(r.variant);return{args:r,currentLabel:e}},template:`
       <section class="pz-text-demo">

package/dist/app/assets/{PzTextClamp-BnSHv0R0.css → PzTextClamp-Cdoumv-M.css}

@@ -1 +1 @@
-.pz-text-clamp-story{display:grid;gap:24px}.pz-text-clamp-story-hero,.pz-text-clamp-story-card{border:1px solid color-mix(in srgb,var(--pz-color-grey-40) 58%,transparent);border-radius:28px;background:linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-40) 10%,var(--pz-color-white))),linear-gradient(135deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent),transparent 42%);box-shadow:0 18px 60px color-mix(in srgb,var(--pz-color-black-90) 8%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-text-clamp-story-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);gap:20px;padding:clamp(22px,2vw,30px)}.pz-text-clamp-story-copy,.pz-text-clamp-story-preview,.pz-text-clamp-story-card{display:grid;gap:16px}.pz-text-clamp-story-preview,.pz-text-clamp-story-card{padding:clamp(20px,2vw,24px)}.pz-text-clamp-story-preview{align-content:start;border-radius:22px;background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent),transparent 30%),var(--pz-color-white);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pz-color-grey-40) 52%,transparent),0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 7%,transparent)}.pz-text-clamp-story-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.pz-text-clamp-story-card{min-height:220px}.pz-text-clamp-story-card-header{display:grid;gap:8px}.pz-text-clamp-story-eyebrow,.pz-text-clamp-story-kicker,.pz-text-clamp-story-chip{display:inline-flex;align-items:center;width:fit-content;font-size:11px;font-weight:700;line-height:1;letter-spacing:.14em;text-transform:uppercase}.pz-text-clamp-story-eyebrow,.pz-text-clamp-story-kicker{color:var(--pz-color-text-link-hover)}.pz-text-clamp-story-chip{padding:8px 12px;border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-50) 10%,transparent);color:var(--pz-color-text-link-hover)}.pz-text-clamp-story-custom-toggle{padding:8px 12px;border:1px solid color-mix(in srgb,var(--pz-color-blue-50) 20%,transparent);border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent);color:var(--pz-color-text-link-hover);cursor:pointer;transition:border-color .16s ease,background-color .16s ease,color .16s ease;font-size:var(--pz-font-size-12);font-weight:600;line-height:1.5}.pz-text-clamp-story-custom-toggle:hover,.pz-text-clamp-story-custom-toggle:focus-visible{border-color:color-mix(in srgb,var(--pz-color-text-link-hover) 24%,transparent);background:color-mix(in srgb,var(--pz-color-blue-50) 14%,transparent);outline:none}@media (width <= 1024px){.pz-text-clamp-story-hero,.pz-text-clamp-story-grid{grid-template-columns:1fr}}@media (width <= 640px){.pz-text-clamp-story-hero,.pz-text-clamp-story-preview,.pz-text-clamp-story-card{padding:20px;border-radius:22px}}.pz-text-clamp[data-v-17225f94]{color:var(--pz-color-text-primary);overflow-wrap:anywhere;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-text-clamp__toggle[data-v-17225f94]{padding:0;margin-inline-start:var(--pz-space-4);border:0;background:transparent;color:var(--pz-color-text-link);cursor:pointer;outline:none;transition:color .16s ease}.pz-text-clamp__toggle[data-v-17225f94]:hover,.pz-text-clamp__toggle[data-v-17225f94]:focus-visible{color:var(--pz-color-text-link-hover)}
+.pz-text-clamp-story{display:grid;gap:24px}.pz-text-clamp-story-hero,.pz-text-clamp-story-card{border:1px solid color-mix(in srgb,var(--pz-color-grey-40) 58%,transparent);border-radius:28px;background:linear-gradient(180deg,color-mix(in srgb,var(--pz-color-white) 98%,transparent),color-mix(in srgb,var(--pz-color-grey-40) 10%,var(--pz-color-white))),linear-gradient(135deg,color-mix(in srgb,var(--pz-color-blue-50) 4%,transparent),transparent 42%);box-shadow:0 18px 60px color-mix(in srgb,var(--pz-color-black-90) 8%,transparent),inset 0 1px color-mix(in srgb,var(--pz-color-white) 96%,transparent)}.pz-text-clamp-story-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);gap:20px;padding:clamp(22px,2vw,30px)}.pz-text-clamp-story-copy,.pz-text-clamp-story-preview,.pz-text-clamp-story-card{display:grid;gap:16px}.pz-text-clamp-story-preview,.pz-text-clamp-story-card{padding:clamp(20px,2vw,24px)}.pz-text-clamp-story-preview{align-content:start;border-radius:22px;background:radial-gradient(circle at top right,color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent),transparent 30%),var(--pz-color-white);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pz-color-grey-40) 52%,transparent),0 12px 32px color-mix(in srgb,var(--pz-color-black-90) 7%,transparent)}.pz-text-clamp-story-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.pz-text-clamp-story-card{min-height:220px}.pz-text-clamp-story-card-header{display:grid;gap:8px}.pz-text-clamp-story-eyebrow,.pz-text-clamp-story-kicker,.pz-text-clamp-story-chip{display:inline-flex;align-items:center;width:fit-content;font-size:11px;font-weight:700;line-height:1;letter-spacing:.14em;text-transform:uppercase}.pz-text-clamp-story-eyebrow,.pz-text-clamp-story-kicker{color:var(--pz-color-text-link-hover)}.pz-text-clamp-story-chip{padding:8px 12px;border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-50) 10%,transparent);color:var(--pz-color-text-link-hover)}.pz-text-clamp-story-custom-toggle{padding:8px 12px;border:1px solid color-mix(in srgb,var(--pz-color-blue-50) 20%,transparent);border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-50) 8%,transparent);color:var(--pz-color-text-link-hover);cursor:pointer;transition:border-color .16s ease,background-color .16s ease,color .16s ease;font-size:var(--pz-font-size-12);font-weight:600;line-height:1.5}.pz-text-clamp-story-custom-toggle:hover,.pz-text-clamp-story-custom-toggle:focus-visible{border-color:color-mix(in srgb,var(--pz-color-text-link-hover) 24%,transparent);background:color-mix(in srgb,var(--pz-color-blue-50) 14%,transparent);outline:none}@media (width <= 1024px){.pz-text-clamp-story-hero,.pz-text-clamp-story-grid{grid-template-columns:1fr}}@media (width <= 640px){.pz-text-clamp-story-hero,.pz-text-clamp-story-preview,.pz-text-clamp-story-card{padding:20px;border-radius:22px}}.pz-text-clamp[data-v-d9db4ec4]{color:var(--pz-color-text-primary);overflow-wrap:anywhere;font-size:var(--pz-font-size-14);font-weight:400;line-height:1.5}.pz-text-clamp__toggle[data-v-d9db4ec4]{padding:0;margin-inline-start:var(--pz-space-4);border:0;background:transparent;color:var(--pz-color-text-link);cursor:pointer;outline:none;transition:color .16s ease}.pz-text-clamp__toggle[data-v-d9db4ec4]:hover,.pz-text-clamp__toggle[data-v-d9db4ec4]:focus-visible{color:var(--pz-color-text-link-hover)}