@topjoao/top-design-system 0.1.0-beta.5 → 0.1.0-beta.6

package/README.md

@@ -33,7 +33,8 @@ O preset é independente dos ajustes de layout próprios do TopLicita; ele
 contém apenas tokens semânticos compartilháveis, como cores primárias, neutras,
 sucesso, alerta e erro.
 
-`style.css` contém somente os estilos de `TopButton` e `TopSelect`. Regras que
+`style.css` contém somente os estilos dos componentes públicos do Design System.
+Regras que
 alcançam o PrimeVue são encapsuladas pelas classes-raiz desses componentes;
 componentes PrimeVue usados diretamente pela aplicação consumidora não são
 sobrescritos pela biblioteca.
@@ -131,7 +132,95 @@ Exemplo
 
 O componente emite `click` sem payload e oferece o slot nomeado `icon`.
 
-## TopSelect
+## TopConfirmDialog
+
+Diálogo de confirmação baseado no `Dialog` do PrimeVue e nos botões do Design
+System. A visibilidade é controlada por `v-model`; a aplicação consumidora
+decide o que executar e quando encerrar após a confirmação.
+
+```vue
+<script setup lang="ts">
+import { ref } from 'vue'
+import { TopConfirmDialog } from '@topjoao/top-design-system'
+
+const showConfirm = ref(false)
+
+function excluirRegistro() {
+  // Execute a ação e feche o diálogo quando apropriado.
+  showConfirm.value = false
+}
+</script>
+
+<template>
+  <TopConfirmDialog
+    v-model="showConfirm"
+    title="Confirmar exclusão"
+    message="Deseja realmente excluir este registro?"
+    confirm-text="Excluir"
+    cancel-text="Cancelar"
+    @confirm="excluirRegistro"
+  />
+</template>
+```
+
+| Prop | Tipo | Padrão |
+|---|---|---|
+| `modelValue` | `boolean` | `false` |
+| `title` | `string` | `'Confirmar'` |
+| `message` | `string` | `''` |
+| `confirmText` / `cancelText` | `string` | `'Confirmar'` / `'Cancelar'` |
+| `loading` | `boolean` | `false` |
+| `loadingText` | `string` | `'Processando...'` |
+| `severity` | `'primary' \| 'danger'` | `'danger'` |
+| `icon` | `string` | `'pi pi-exclamation-triangle'` |
+
+Eventos: `update:modelValue`, `confirm`, `cancel` e `close`. O evento `confirm`
+não fecha automaticamente o diálogo, permitindo que a aplicação aguarde uma
+operação assíncrona. Os slots `message` e default permitem substituir a mensagem
+textual.
+
+## TopInputText
+
+Campo textual baseado no `InputText` do PrimeVue. O `v-model` é sempre
+`string`, inclusive para códigos, documentos e identificadores compostos
+somente por dígitos; por exemplo, `"001234"` preserva os zeros à esquerda.
+
+```vue
+<script setup lang="ts">
+import { ref } from 'vue'
+import { TopInputText } from '@topjoao/top-design-system'
+
+const codigo = ref('001234')
+</script>
+
+<template>
+  <TopInputText
+    id="codigo"
+    v-model="codigo"
+    label="Código"
+    placeholder="Digite o código"
+    required
+    maxlength="10"
+    autocomplete="off"
+  />
+</template>
+```
+
+| Prop | Tipo | Padrão |
+|---|---|---|
+| `modelValue` | `string` | `''` |
+| `label` | `string` | `''` |
+| `placeholder` | `string` | `''` |
+| `required` | `boolean` | `false` |
+| `error` | `string` | `''` |
+| `disabled` | `boolean` | `false` |
+| `readonly` | `boolean` | `false` |
+
+Atributos e eventos nativos adicionais, como `name`, `maxlength`,
+`autocomplete`, `inputmode`, `pattern`, `aria-*`, `data-*`, `focus` e `blur`,
+são repassados ao elemento `input` interno.
+
+## TopSelect
 
 Seletor pesquisável baseado no `AutoComplete` do PrimeVue. Ele é genérico: a
 aplicação fornece os itens, executa a busca e decide qualquer apresentação de
@@ -222,10 +311,10 @@ publicado.
 npm run storybook
 ```
 
-Abra `http://localhost:6006` para acessar as histórias de `TopButton` e
-`TopSelect`. Use o botão de contraste na barra superior para alternar o preview
-entre tema claro e escuro. Para gerar a versão estática da documentação,
-execute:
+Abra `http://localhost:6006` para acessar as histórias de `TopButton`,
+`TopConfirmDialog`, `TopInputText` e `TopSelect`. Use o botão de contraste na
+barra superior para alternar o preview entre tema claro e escuro. Para gerar a
+versão estática da documentação, execute:
 
 ```bash
 npm run build-storybook

package/dist/TopToast-CXhVkVWT.cjs

@@ -0,0 +1,2 @@
+var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,s)=>(s=n==null?{}:e(i(n)),o(r||!n||!n.__esModule||!a.call(n,`default`)?t(s,`default`,{value:n,enumerable:!0}):s,n));let c=require("vue"),l=require("primevue/button");l=s(l,1);let u=require("primevue/tooltip");u=s(u,1);let d=require("tailwind-merge"),f=require("primevue/dialog");f=s(f,1);let p=require("primevue/inputtext");p=s(p,1);let m=require("primevue/autocomplete");m=s(m,1);let h=require("primevue/toast");h=s(h,1);var g={class:`top-button top-solutions-component h-fit w-fit rounded-[12px] bg-transparent`},_=(0,c.defineComponent)({__name:`TopButton`,props:{tooltip:{default:``},tooltipClass:{default:`text-xs`},label:{default:``},icon:{default:``},loading:{type:Boolean,default:!1},class:{default:``},outlined:{type:Boolean,default:!1},secondary:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},unstyled:{type:Boolean,default:!1},type:{default:`button`}},emits:[`click`],setup(e,{emit:t}){let n=(0,c.useSlots)(),r=(0,c.computed)(()=>!!n.icon),i=e,a=t,o=(0,c.computed)(()=>{let e=i.unstyled?``:i.secondary?`rounded-[10px] border px-3 py-2 font-bold dark:!border-zinc-500 dark:!bg-zinc-700 dark:!text-zinc-100 dark:hover:!bg-zinc-600`:i.outlined?`shrink-0 rounded-[10px] border-primary-800 px-3 py-2 text-primary-800 hover:bg-primary-50 dark:!border-primary-200 dark:!bg-transparent dark:!text-primary-100 dark:hover:!bg-primary-900`:`rounded-[10px] !border-primary-900 bg-primary-900 px-3 py-2 font-bold text-white hover:!border-primary-800 hover:bg-primary-800 dark:!text-white`;return(0,d.twMerge)(e,i.class)});return(t,n)=>((0,c.openBlock)(),(0,c.createElementBlock)(`span`,g,[(0,c.withDirectives)(((0,c.openBlock)(),(0,c.createBlock)((0,c.unref)(l.default),{type:e.type,label:e.label,disabled:e.disabled||e.loading,icon:r.value?void 0:e.icon||void 0,loading:e.loading,outlined:e.outlined||e.secondary,severity:e.secondary?`secondary`:void 0,class:(0,c.normalizeClass)(o.value),pt:{root:{class:o.value}},onClick:n[0]||=e=>a(`click`)},(0,c.createSlots)({_:2},[r.value?{name:`icon`,fn:(0,c.withCtx)(()=>[(0,c.renderSlot)(t.$slots,`icon`)]),key:`0`}:void 0]),1032,[`type`,`label`,`disabled`,`icon`,`loading`,`outlined`,`severity`,`class`,`pt`])),[[(0,c.unref)(u.default),{value:e.tooltip,class:e.tooltipClass},void 0,{top:!0}]])]))}}),v={primary:{50:`#EEF9FF`,100:`#DFF4FF`,200:`#C5E6F8`,300:`#8EC4DF`,400:`#66ACD1`,500:`#2488BC`,600:`#036DA3`,700:`#1B5783`,800:`#02466B`,900:`#052F4A`,950:`#0C192D`},secondary:{50:`#FAFAFA`,100:`#F4F4F5`,200:`#E9E9E9`,300:`#D8D8D8`,400:`#B8B8B8`,500:`#8E8E8E`,600:`#676767`,700:`#4B4B4B`,800:`#343434`,900:`#1C1917`,950:`#0C0A09`},success:{50:`#FAFFFA`,100:`#F4FBF6`,200:`#DFF6DE`,300:`#CBE3CA`,400:`#A3CCA1`,500:`#6BA968`,600:`#358F30`,700:`#2C7B27`,800:`#1E631A`,900:`#10430D`,950:`#062804`},warn:{50:`#FFF7ED`,100:`#FDF3D8`,200:`#FDE9B2`,300:`#FDD566`,400:`#FFB900`,500:`#FFA515`,600:`#FD9024`,700:`#DD781F`,800:`#BC4E00`,900:`#A42D02`,950:`#792202`},danger:{50:`#F8E6E4`,100:`#FFDDD9`,200:`#EEC1BC`,300:`#E3938C`,400:`#E3675C`,500:`#DC3F32`,600:`#CF150E`,700:`#B10404`,800:`#820907`,900:`#5D0803`,950:`#450501`}},y=[`aria-label`,`disabled`],b={class:`flex flex-col items-center gap-2 pt-2`},x={class:`text-base font-bold text-secondary-900 dark:text-zinc-100`},S={class:`text-sm leading-5 text-secondary-700 dark:text-zinc-300`},C={class:`mt-2 flex w-full items-center justify-center gap-3`},w=(0,c.defineComponent)({__name:`TopConfirmDialog`,props:{modelValue:{type:Boolean,default:!1},title:{default:`Confirmar`},message:{default:``},confirmText:{default:`Confirmar`},cancelText:{default:`Cancelar`},loading:{type:Boolean,default:!1},loadingText:{default:`Processando...`},severity:{default:`danger`},icon:{default:`pi pi-exclamation-triangle`}},emits:[`update:modelValue`,`confirm`,`cancel`,`close`],setup(e,{emit:t}){let n=e,r=t,i=(0,c.computed)({get:()=>n.modelValue,set:e=>{!e&&n.loading||r(`update:modelValue`,e)}}),a=(0,c.computed)(()=>({"--top-confirm-dialog-accent":n.severity===`danger`?v.danger[600]:v.primary[800],"--top-confirm-dialog-accent-hover":n.severity===`danger`?v.danger[700]:v.primary[700]})),o=(0,c.computed)(()=>[`px-3 py-2 text-sm`,n.severity===`danger`?`top-confirm-dialog__confirm--danger`:``].filter(Boolean).join(` `));function s(){n.loading||r(`confirm`)}function l(){n.loading||(r(`cancel`),i.value=!1)}function u(){n.loading||(i.value=!1)}return(t,n)=>((0,c.openBlock)(),(0,c.createBlock)((0,c.unref)(f.default),{visible:i.value,"onUpdate:visible":n[0]||=e=>i.value=e,modal:``,closable:!1,"close-on-escape":!e.loading,"dismissable-mask":!1,draggable:!1,"show-header":!1,style:{width:`500px`,maxWidth:`calc(100vw - 2rem)`},"aria-label":e.title,pt:{root:{class:`top-confirm-dialog top-solutions-component`},content:{class:`p-6`},footer:{class:`hidden`}},onHide:n[1]||=e=>r(`close`)},{default:(0,c.withCtx)(()=>[(0,c.createElementVNode)(`div`,{class:`relative flex flex-col items-center gap-4 text-center`,style:(0,c.normalizeStyle)(a.value)},[(0,c.createElementVNode)(`button`,{type:`button`,class:`absolute right-[-0.25rem] top-[-0.5rem] flex size-8 items-center justify-center rounded-full border-0 bg-transparent p-0 text-secondary-700 outline-none transition-colors hover:bg-secondary-200 focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 dark:text-zinc-200 dark:hover:bg-zinc-700`,"aria-label":e.cancelText,disabled:e.loading,onClick:u},[...n[2]||=[(0,c.createElementVNode)(`i`,{class:`pi pi-times text-lg`,"aria-hidden":`true`},null,-1)]],8,y),(0,c.createElementVNode)(`div`,b,[(0,c.createElementVNode)(`i`,{class:(0,c.normalizeClass)([e.icon,`top-confirm-dialog__icon text-[40px]`]),"aria-hidden":`true`},null,2),(0,c.createElementVNode)(`p`,x,(0,c.toDisplayString)(e.title),1)]),(0,c.createElementVNode)(`div`,S,[(0,c.renderSlot)(t.$slots,`message`,{},()=>[(0,c.renderSlot)(t.$slots,`default`,{},()=>[(0,c.createTextVNode)((0,c.toDisplayString)(e.message),1)])])]),(0,c.createElementVNode)(`div`,C,[(0,c.createVNode)(_,{label:e.cancelText,secondary:``,disabled:e.loading,class:`px-3 py-2 text-sm`,onClick:l},null,8,[`label`,`disabled`]),(0,c.createVNode)(_,{label:e.loading?e.loadingText:e.confirmText,loading:e.loading,class:(0,c.normalizeClass)(o.value),onClick:s},null,8,[`label`,`loading`,`class`])])],4)]),_:3},8,[`visible`,`close-on-escape`,`aria-label`]))}}),T={class:`top-input-text top-solutions-component flex w-full flex-col gap-1`},E=[`for`],D={key:0,"aria-hidden":`true`,class:`text-red-600 dark:text-red-400`},O=[`id`],k=(0,c.defineComponent)({inheritAttrs:!1,__name:`TopInputText`,props:{modelValue:{default:``},label:{default:``},placeholder:{default:``},required:{type:Boolean,default:!1},error:{default:``},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1}},emits:[`update:modelValue`],setup(e,{emit:t}){let n=e,r=t,i=(0,c.useAttrs)(),a=(0,c.useId)(),o=(0,c.computed)(()=>i.id===void 0||i.id===null||i.id===``?a:String(i.id)),s=(0,c.computed)(()=>`${o.value}-error`),l=(0,c.computed)(()=>{if(n.error)return!0;let e=i[`aria-invalid`];return typeof e==`boolean`||e===`true`||e===`false`||e===`grammar`||e===`spelling`?e:void 0}),u=(0,c.computed)(()=>{let e=i[`aria-describedby`],t=[typeof e==`string`?e:``,n.error?s.value:``].filter(Boolean);return t.length?t.join(` `):void 0});function d(e){r(`update:modelValue`,e??``)}return(t,n)=>((0,c.openBlock)(),(0,c.createElementBlock)(`div`,T,[e.label?((0,c.openBlock)(),(0,c.createElementBlock)(`label`,{key:0,for:o.value,class:`text-xs font-bold text-secondary-800 dark:text-zinc-200`},[(0,c.createTextVNode)((0,c.toDisplayString)(e.label)+` `,1),e.required?((0,c.openBlock)(),(0,c.createElementBlock)(`span`,D,`*`)):(0,c.createCommentVNode)(``,!0)],8,E)):(0,c.createCommentVNode)(``,!0),(0,c.createVNode)((0,c.unref)(p.default),(0,c.mergeProps)(t.$attrs,{id:o.value,"model-value":e.modelValue,type:`text`,placeholder:e.placeholder,required:e.required,disabled:e.disabled,readonly:e.readonly,invalid:!!e.error,"aria-invalid":l.value,"aria-describedby":u.value,fluid:``,class:`top-input-text__control h-[40px] w-full rounded-[10px] border border-secondary-600 px-3 py-2 text-xs text-secondary-900 enabled:hover:border-secondary-700 read-only:cursor-default read-only:bg-secondary-50 disabled:cursor-not-allowed dark:border-zinc-600 dark:bg-zinc-800 dark:text-zinc-100 dark:placeholder:text-zinc-400 dark:enabled:hover:border-zinc-500 dark:read-only:bg-zinc-800`,"onUpdate:modelValue":d}),null,16,[`id`,`model-value`,`placeholder`,`required`,`disabled`,`readonly`,`invalid`,`aria-invalid`,`aria-describedby`]),e.error?((0,c.openBlock)(),(0,c.createElementBlock)(`span`,{key:1,id:s.value,class:`text-[11px] text-red-600 dark:text-red-400`,role:`alert`},(0,c.toDisplayString)(e.error),9,O)):(0,c.createCommentVNode)(``,!0)]))}}),A={class:`pointer-events-none absolute left-3 top-2 iconetop z-10 text-primary-800 dark:text-primary-500`},j={key:0,class:`pi pi-spin pi-spinner`},M={key:1,class:`pi pi-search`},N={key:1,class:`flex items-center gap-1 !text-sm`},P={class:`flex items-center gap-2 rounded-[9px] bg-primary-500 px-2 py-1 text-white`},F=[`onClick`],I={class:`line-clamp-1 max-w-[300px] overflow-hidden text-ellipsis`},L={key:1,class:`flex min-h-[100px] flex-col items-center justify-center gap-2 py-2`},R={key:0,class:`text-xs font-medium text-primary-600`},z={key:2,class:`text-xs text-secondary-500`},B={key:1},V={key:1,class:`flex items-center gap-2 font-semibold`},H={key:1,class:`flex w-full min-w-0 items-start gap-2 overflow-hidden px-2 py-3 text-sm`,style:{"white-space":`normal`}},U=[`title`],W={key:0,class:`top-select-option-prefix whitespace-nowrap font-bold text-primary-800 dark:text-primary-100`},G={key:0,class:`rounded-sm bg-primary-200 p-0 font-bold text-black dark:bg-cyan-700 dark:text-white`},K={key:0,class:`rounded-sm bg-primary-200 p-0 font-bold text-black dark:bg-cyan-700 dark:text-white`},q=(0,c.defineComponent)({__name:`TopSelect`,props:{modelValue:{default:null},options:{default:()=>[]},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},placeholder:{default:`Pesquisar...`},optionLabel:{type:[String,Function],default:`label`},optionKey:{default:`id`},optionPrefix:{default:``},showOptionPrefix:{type:Boolean,default:!1},showSelectedPrefix:{type:Boolean,default:!1},panelWidth:{default:null},scrollHeight:{default:`250px`},invalid:{type:Boolean,default:!1},showTooltip:{type:Boolean,default:!0},optionGroupLabel:{default:null},optionGroupChildren:{default:null},minQueryLength:{default:1},emptyMessage:{default:`Nenhum resultado encontrado.`},loadingMessage:{default:`Carregando...`},showLoadingMessage:{type:Boolean,default:!0},multiple:{type:Boolean,default:!1},forceSelection:{type:Boolean,default:!0},closeOnSelect:{type:Boolean,default:!1}},emits:[`update:modelValue`,`search`,`loadMore`,`clear`,`select`,`change`],setup(e,{expose:t,emit:n}){let r=e,i=n,a=(0,c.useSlots)(),o=m.default,s=(0,c.ref)(``),l=(0,c.ref)(!1),d=(0,c.ref)(null),f=`top-select-${Math.random().toString(36).slice(2)}`,p=null,h=(0,c.computed)({get:()=>r.modelValue,set:e=>i(`update:modelValue`,e)});function g(e,t){return e==null?``:String(typeof e==`object`?e[t]??``:e)}function _(e){return e==null?``:typeof r.optionLabel==`function`?r.optionLabel(e):g(e,r.optionLabel)}function v(e){return r.optionPrefix?g(e,r.optionPrefix):``}function y(e,t=r.showSelectedPrefix){let n=_(e),i=v(e);return t&&i?`${i} - ${n}`:n}function b(e){let t=s.value;if(!t)return[{text:e,highlighted:!1}];let n=t.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`),r=RegExp(`(${n})`,`gi`);return e.split(r).filter(Boolean).map(e=>({text:e,highlighted:e.toLowerCase()===t.toLowerCase()}))}function x(){d.value?.hide?.()}function S(){typeof window>`u`||window.dispatchEvent(new CustomEvent(`top-select:close-others`,{detail:{instanceId:f}}))}function C(e){e.detail?.instanceId!==f&&x()}function w(){if(r.disabled||p){x();return}l.value=!0,S()}function T(){r.closeOnSelect&&(l.value=!1,x(),(0,c.nextTick)(x),p&&clearTimeout(p),p=setTimeout(()=>{x(),p=null},200))}return t({hideDropdown:x}),(0,c.onMounted)(()=>window.addEventListener(`top-select:close-others`,C)),(0,c.onBeforeUnmount)(()=>{window.removeEventListener(`top-select:close-others`,C),p&&clearTimeout(p)}),(0,c.watch)(()=>r.disabled,e=>{e&&(l.value=!1,x())}),(0,c.watch)(()=>r.options,()=>{l.value||x()}),(t,n)=>((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{class:(0,c.normalizeClass)([`top-select top-solutions-component relative w-full`,{"pointer-events-none":e.disabled}]),onFocusin:w},[(0,c.createElementVNode)(`span`,A,[(0,c.renderSlot)(t.$slots,`icon`,{loading:e.loading},()=>[e.loading?((0,c.openBlock)(),(0,c.createElementBlock)(`i`,j)):((0,c.openBlock)(),(0,c.createElementBlock)(`i`,M))])]),(0,c.createVNode)((0,c.unref)(o),{ref_key:`autocompleteRef`,ref:d,modelValue:h.value,"onUpdate:modelValue":n[0]||=e=>h.value=e,"option-group-label":e.optionGroupLabel??void 0,"option-group-children":e.optionGroupChildren??void 0,suggestions:e.options,"data-key":e.optionKey,"option-label":e=>y(e),placeholder:e.placeholder,multiple:e.multiple,"min-length":e.minQueryLength,disabled:e.disabled,delay:500,"show-clear":!e.multiple&&!e.disabled,dropdown:``,"dropdown-mode":`current`,"complete-on-focus":!1,invalid:e.invalid,fluid:``,"force-selection":e.forceSelection,"input-class":`text-xs`,"virtual-scroller-options":{lazy:!0,onLazyLoad:e=>i(`loadMore`,e),itemSize:84,showLoader:!0,scrollHeight:e.scrollHeight},pt:{root:{class:[`w-full text-xs`,e.multiple?`h-auto`:`h-[40px]`].join(` `)},pcInputText:{root:{class:`w-full h-auto text-xs dark:text-zinc-100 border border-secondary-600 rounded-[10px] !pl-9 min-h-[36px] dark:border-zinc-600 dark:!bg-zinc-800`}},input:{class:[`w-full h-auto text-xs dark:text-zinc-100`,e.multiple?`border-0 bg-transparent py-1 !shadow-none outline-none ring-0 dark:!bg-transparent`:`border border-secondary-600 rounded-[10px] !pl-9 min-h-[36px] dark:border-zinc-600 dark:!bg-zinc-600`].join(` `)},inputMultiple:{class:[`rounded-[10px] pl-9 min-h-[40px] dark:border-zinc-600 dark:text-zinc-100`,e.disabled?`dark:!bg-zinc-700 dark:!text-zinc-400`:`dark:!bg-zinc-800`].join(` `)},inputChip:{class:`py-0`},token:{class:`bg-primary-100 text-primary-900 rounded-md gap-2 px-2 my-1 dark:bg-primary-900 dark:text-primary-100`},removeTokenIcon:{class:`text-primary-900 w-3 h-3 cursor-pointer dark:text-primary-100`},panel:{class:`top-select-panel top-solutions-component max-w-[85vw] overflow-hidden h-fit shadow-xl`},listContainer:{class:`max-w-full overflow-x-hidden`,style:{overflowX:`hidden`,maxWidth:e.panelWidth??`85vw`,...e.panelWidth?{width:e.panelWidth}:{}}},list:{class:`max-w-full overflow-x-hidden`},option:{class:`max-w-full overflow-hidden min-h-[84px]`},placeholder:{class:`!text-xs`}},"search-message":` `,onClear:n[1]||=e=>{s.value=``,i(`clear`)},onItemSelect:n[2]||=e=>{s.value=``,i(`select`,e),T()},onComplete:n[3]||=t=>{if(e.disabled){x();return}s.value=t.query??``,S(),i(`search`,{...t,query:s.value})},onChange:n[4]||=e=>i(`change`,e)},(0,c.createSlots)({chip:(0,c.withCtx)(e=>[(0,c.unref)(a).chip?(0,c.renderSlot)(t.$slots,`chip`,(0,c.normalizeProps)((0,c.guardReactiveProps)(e)),void 0,void 0,0):((0,c.openBlock)(),(0,c.createElementBlock)(`div`,N,[(0,c.createElementVNode)(`div`,P,[(0,c.createElementVNode)(`i`,{class:`pi pi-times-circle shrink-0 cursor-pointer rounded-full hover:bg-primary-800`,onClick:t=>e.removeCallback(t)},null,8,F),(0,c.withDirectives)(((0,c.openBlock)(),(0,c.createElementBlock)(`span`,I,[(0,c.createTextVNode)((0,c.toDisplayString)(y(e.value)),1)])),[[(0,c.unref)(u.default),y(e.value),void 0,{top:!0}]])])]))]),empty:(0,c.withCtx)(()=>[(0,c.unref)(a).empty?(0,c.renderSlot)(t.$slots,`empty`,{},void 0,void 0,0):e.loading?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,L,[n[5]||=(0,c.createElementVNode)(`span`,{class:`pi pi-spin pi-spinner text-2xl text-primary-600`},null,-1),e.showLoadingMessage?((0,c.openBlock)(),(0,c.createElementBlock)(`span`,R,(0,c.toDisplayString)(e.loadingMessage),1)):(0,c.createCommentVNode)(``,!0)])):((0,c.openBlock)(),(0,c.createElementBlock)(`span`,z,(0,c.toDisplayString)(e.emptyMessage),1))]),"selected-item":(0,c.withCtx)(e=>[(0,c.unref)(a)[`selected-item`]?(0,c.renderSlot)(t.$slots,`selected-item`,(0,c.normalizeProps)((0,c.guardReactiveProps)(e)),void 0,void 0,0):e.item?((0,c.openBlock)(),(0,c.createElementBlock)(`span`,B,(0,c.toDisplayString)(y(e.item)),1)):(0,c.createCommentVNode)(``,!0)]),optiongroup:(0,c.withCtx)(n=>[(0,c.unref)(a)[`option-group`]?(0,c.renderSlot)(t.$slots,`option-group`,(0,c.normalizeProps)((0,c.guardReactiveProps)(n)),void 0,void 0,0):((0,c.openBlock)(),(0,c.createElementBlock)(`div`,V,[n.option.icon?((0,c.openBlock)(),(0,c.createElementBlock)(`i`,{key:0,class:(0,c.normalizeClass)(n.option.icon)},null,2)):(0,c.createCommentVNode)(``,!0),(0,c.createElementVNode)(`span`,null,(0,c.toDisplayString)(n.option[e.optionGroupLabel??`label`]),1)]))]),option:(0,c.withCtx)(r=>[(0,c.unref)(a).option?(0,c.renderSlot)(t.$slots,`option`,(0,c.mergeProps)(r,{label:_(r.option),prefix:v(r.option),query:s.value}),void 0,void 0,0):(0,c.withDirectives)(((0,c.openBlock)(),(0,c.createElementBlock)(`div`,H,[(0,c.createElementVNode)(`span`,{class:`top-select-option-label line-clamp-2 min-w-0 flex-1 text-secondary-700 dark:text-zinc-200`,title:_(r.option)},[e.showOptionPrefix&&v(r.option)?((0,c.openBlock)(),(0,c.createElementBlock)(`span`,W,[((0,c.openBlock)(!0),(0,c.createElementBlock)(c.Fragment,null,(0,c.renderList)(b(v(r.option)),(e,t)=>((0,c.openBlock)(),(0,c.createElementBlock)(c.Fragment,{key:t},[e.highlighted?((0,c.openBlock)(),(0,c.createElementBlock)(`mark`,G,(0,c.toDisplayString)(e.text),1)):((0,c.openBlock)(),(0,c.createElementBlock)(c.Fragment,{key:1},[(0,c.createTextVNode)((0,c.toDisplayString)(e.text),1)],64))],64))),128)),n[6]||=(0,c.createElementVNode)(`span`,{class:`font-bold text-secondary-500 dark:text-zinc-400`},`\xA0-\xA0`,-1)])):(0,c.createCommentVNode)(``,!0),((0,c.openBlock)(!0),(0,c.createElementBlock)(c.Fragment,null,(0,c.renderList)(b(_(r.option)),(e,t)=>((0,c.openBlock)(),(0,c.createElementBlock)(c.Fragment,{key:t},[e.highlighted?((0,c.openBlock)(),(0,c.createElementBlock)(`mark`,K,(0,c.toDisplayString)(e.text),1)):((0,c.openBlock)(),(0,c.createElementBlock)(c.Fragment,{key:1},[(0,c.createTextVNode)((0,c.toDisplayString)(e.text),1)],64))],64))),128))],8,U)])),[[(0,c.unref)(u.default),e.showTooltip?_(r.option):null,void 0,{top:!0}]])]),_:2},[(0,c.unref)(a).footer?{name:`footer`,fn:(0,c.withCtx)(e=>[(0,c.renderSlot)(t.$slots,`footer`,(0,c.normalizeProps)((0,c.guardReactiveProps)(e)))]),key:`0`}:void 0]),1032,[`modelValue`,`option-group-label`,`option-group-children`,`suggestions`,`data-key`,`option-label`,`placeholder`,`multiple`,`min-length`,`disabled`,`show-clear`,`invalid`,`force-selection`,`virtual-scroller-options`,`pt`])],34))}}),J={class:`top-toast__content`},Y={class:`top-toast__detail`},X=[`onClick`],Z={key:0,class:`top-toast__footer`},Q=(0,c.defineComponent)({__name:`TopToast`,props:{baseZIndex:{default:3e4}},setup(e){function t(e){return e.data?.footer}function n(e){return e.data?.action}function r(e){n(e)?.onClick?.()}function i(e){return t(e)!==void 0}function a(e){return!!n(e)}function o(e,t){return`top-toast__${t}--${e.severity??`info`}`}return(s,l)=>((0,c.openBlock)(),(0,c.createBlock)((0,c.unref)(h.default),{position:`top-right`,"base-z-index":e.baseZIndex},{message:(0,c.withCtx)(e=>[(0,c.createElementVNode)(`div`,J,[(0,c.createElementVNode)(`div`,{class:(0,c.normalizeClass)([`top-toast__summary`,o(e.message,`summary`)])},(0,c.toDisplayString)(e.message.summary),3),(0,c.createElementVNode)(`div`,Y,(0,c.toDisplayString)(e.message.detail),1),a(e.message)?(0,c.renderSlot)(s.$slots,`action`,{action:n(e.message),message:e.message,run:()=>r(e.message)},()=>[n(e.message)?((0,c.openBlock)(),(0,c.createElementBlock)(`button`,{key:0,class:(0,c.normalizeClass)([`top-toast__action`,o(e.message,`action`)]),type:`button`,onClick:t=>r(e.message)},[n(e.message)?.icon?((0,c.openBlock)(),(0,c.createElementBlock)(`i`,{key:0,class:(0,c.normalizeClass)(n(e.message)?.icon),"aria-hidden":`true`},null,2)):(0,c.createCommentVNode)(``,!0),(0,c.createTextVNode)(` `+(0,c.toDisplayString)(n(e.message)?.label),1)],10,X)):(0,c.createCommentVNode)(``,!0)],void 0,0):(0,c.createCommentVNode)(``,!0),i(e.message)?(0,c.renderSlot)(s.$slots,`footer`,{message:e.message,footer:t(e.message)},()=>[t(e.message)===void 0?(0,c.createCommentVNode)(``,!0):((0,c.openBlock)(),(0,c.createElementBlock)(`div`,Z,(0,c.toDisplayString)(t(e.message)),1))],void 0,1):(0,c.createCommentVNode)(``,!0)])]),_:3},8,[`base-z-index`]))}});Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return q}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return k}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return Q}});
+//# sourceMappingURL=TopToast-CXhVkVWT.cjs.map

package/dist/TopToast-CXhVkVWT.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopToast-CXhVkVWT.cjs","names":["$attrs"],"sources":["../src/components/TopButton.vue","../src/components/TopButton.vue","../src/tokens/colors.ts","../src/components/TopConfirmDialog.vue","../src/components/TopConfirmDialog.vue","../src/components/TopInputText.vue","../src/components/TopInputText.vue","../src/components/TopSelect.vue","../src/components/TopSelect.vue","../src/components/TopToast.vue","../src/components/TopToast.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, useSlots } from 'vue'\r\nimport Button from 'primevue/button'\r\nimport vTooltip from 'primevue/tooltip'\r\nimport { twMerge } from 'tailwind-merge'\r\n\r\nconst slots = useSlots()\r\nconst outrosIcones = computed(() => Boolean(slots.icon))\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    tooltip?: string\r\n    tooltipClass?: string\r\n    label?: string\r\n    icon?: string\r\n    loading?: boolean\r\n    class?: string\r\n    outlined?: boolean\r\n    secondary?: boolean\r\n    disabled?: boolean\r\n    unstyled?: boolean\r\n    type?: 'button' | 'submit' | 'reset'\r\n  }>(),\r\n  {\r\n    tooltip: '',\r\n    tooltipClass: 'text-xs',\r\n    label: '',\r\n    icon: '',\r\n    loading: false,\r\n    class: '',\r\n    outlined: false,\r\n    secondary: false,\r\n    disabled: false,\r\n    unstyled: false,\r\n    type: 'button',\r\n  },\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  click: []\r\n}>()\r\n\r\nconst buttonClasses = computed(() => {\r\n  const baseClasses = !props.unstyled\r\n    ? props.secondary\r\n      ? 'rounded-[10px] border px-3 py-2 font-bold dark:!border-zinc-500 dark:!bg-zinc-700 dark:!text-zinc-100 dark:hover:!bg-zinc-600'\r\n      : props.outlined\r\n        ? 'shrink-0 rounded-[10px] border-primary-800 px-3 py-2 text-primary-800 hover:bg-primary-50 dark:!border-primary-200 dark:!bg-transparent dark:!text-primary-100 dark:hover:!bg-primary-900'\r\n        : 'rounded-[10px] !border-primary-900 bg-primary-900 px-3 py-2 font-bold text-white hover:!border-primary-800 hover:bg-primary-800 dark:!text-white'\r\n    : ''\r\n\r\n  return twMerge(baseClasses, props.class)\r\n})\r\n</script>\r\n\r\n<template>\r\n  <span class=\"top-button top-solutions-component h-fit w-fit rounded-[12px] bg-transparent\">\r\n    <Button\r\n      v-tooltip.top=\"{\r\n        value: tooltip,\r\n        class: tooltipClass,\r\n      }\"\r\n      :type=\"type\"\r\n      :label=\"label\"\r\n      :disabled=\"disabled || loading\"\r\n      :icon=\"outrosIcones ? undefined : icon || undefined\"\r\n      :loading=\"loading\"\r\n      :outlined=\"outlined || secondary\"\r\n      :severity=\"secondary ? 'secondary' : undefined\"\r\n      :class=\"buttonClasses\"\r\n      :pt=\"{\r\n        root: { class: buttonClasses },\r\n      }\"\r\n      @click=\"emit('click')\"\r\n    >\r\n      <template v-if=\"outrosIcones\" #icon>\r\n        <slot name=\"icon\" />\r\n      </template>\r\n    </Button>\r\n  </span>\r\n</template>\r\n\r\n<style>\r\n.top-button {\r\n  width: fit-content;\r\n  height: fit-content;\r\n  border-radius: 12px;\r\n  background-color: transparent;\r\n}\r\n</style>\r\n","<script setup lang=\"ts\">\r\nimport { computed, useSlots } from 'vue'\r\nimport Button from 'primevue/button'\r\nimport vTooltip from 'primevue/tooltip'\r\nimport { twMerge } from 'tailwind-merge'\r\n\r\nconst slots = useSlots()\r\nconst outrosIcones = computed(() => Boolean(slots.icon))\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    tooltip?: string\r\n    tooltipClass?: string\r\n    label?: string\r\n    icon?: string\r\n    loading?: boolean\r\n    class?: string\r\n    outlined?: boolean\r\n    secondary?: boolean\r\n    disabled?: boolean\r\n    unstyled?: boolean\r\n    type?: 'button' | 'submit' | 'reset'\r\n  }>(),\r\n  {\r\n    tooltip: '',\r\n    tooltipClass: 'text-xs',\r\n    label: '',\r\n    icon: '',\r\n    loading: false,\r\n    class: '',\r\n    outlined: false,\r\n    secondary: false,\r\n    disabled: false,\r\n    unstyled: false,\r\n    type: 'button',\r\n  },\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  click: []\r\n}>()\r\n\r\nconst buttonClasses = computed(() => {\r\n  const baseClasses = !props.unstyled\r\n    ? props.secondary\r\n      ? 'rounded-[10px] border px-3 py-2 font-bold dark:!border-zinc-500 dark:!bg-zinc-700 dark:!text-zinc-100 dark:hover:!bg-zinc-600'\r\n      : props.outlined\r\n        ? 'shrink-0 rounded-[10px] border-primary-800 px-3 py-2 text-primary-800 hover:bg-primary-50 dark:!border-primary-200 dark:!bg-transparent dark:!text-primary-100 dark:hover:!bg-primary-900'\r\n        : 'rounded-[10px] !border-primary-900 bg-primary-900 px-3 py-2 font-bold text-white hover:!border-primary-800 hover:bg-primary-800 dark:!text-white'\r\n    : ''\r\n\r\n  return twMerge(baseClasses, props.class)\r\n})\r\n</script>\r\n\r\n<template>\r\n  <span class=\"top-button top-solutions-component h-fit w-fit rounded-[12px] bg-transparent\">\r\n    <Button\r\n      v-tooltip.top=\"{\r\n        value: tooltip,\r\n        class: tooltipClass,\r\n      }\"\r\n      :type=\"type\"\r\n      :label=\"label\"\r\n      :disabled=\"disabled || loading\"\r\n      :icon=\"outrosIcones ? undefined : icon || undefined\"\r\n      :loading=\"loading\"\r\n      :outlined=\"outlined || secondary\"\r\n      :severity=\"secondary ? 'secondary' : undefined\"\r\n      :class=\"buttonClasses\"\r\n      :pt=\"{\r\n        root: { class: buttonClasses },\r\n      }\"\r\n      @click=\"emit('click')\"\r\n    >\r\n      <template v-if=\"outrosIcones\" #icon>\r\n        <slot name=\"icon\" />\r\n      </template>\r\n    </Button>\r\n  </span>\r\n</template>\r\n\r\n<style>\r\n.top-button {\r\n  width: fit-content;\r\n  height: fit-content;\r\n  border-radius: 12px;\r\n  background-color: transparent;\r\n}\r\n</style>\r\n","export const colors = {\n  primary: {\n    50: '#EEF9FF',\n    100: '#DFF4FF',\n    200: '#C5E6F8',\n    300: '#8EC4DF',\n    400: '#66ACD1',\n    500: '#2488BC',\n    600: '#036DA3',\n    700: '#1B5783',\n    800: '#02466B',\n    900: '#052F4A',\n    950: '#0C192D',\n  },\n  secondary: {\n    50: '#FAFAFA',\n    100: '#F4F4F5',\n    200: '#E9E9E9',\n    300: '#D8D8D8',\n    400: '#B8B8B8',\n    500: '#8E8E8E',\n    600: '#676767',\n    700: '#4B4B4B',\n    800: '#343434',\n    900: '#1C1917',\n    950: '#0C0A09',\n  },\n  success: {\n    50: '#FAFFFA',\n    100: '#F4FBF6',\n    200: '#DFF6DE',\n    300: '#CBE3CA',\n    400: '#A3CCA1',\n    500: '#6BA968',\n    600: '#358F30',\n    700: '#2C7B27',\n    800: '#1E631A',\n    900: '#10430D',\n    950: '#062804',\n  },\n  warn: {\n    50: '#FFF7ED',\n    100: '#FDF3D8',\n    200: '#FDE9B2',\n    300: '#FDD566',\n    400: '#FFB900',\n    500: '#FFA515',\n    600: '#FD9024',\n    700: '#DD781F',\n    800: '#BC4E00',\n    900: '#A42D02',\n    950: '#792202',\n  },\n  danger: {\n    50: '#F8E6E4',\n    100: '#FFDDD9',\n    200: '#EEC1BC',\n    300: '#E3938C',\n    400: '#E3675C',\n    500: '#DC3F32',\n    600: '#CF150E',\n    700: '#B10404',\n    800: '#820907',\n    900: '#5D0803',\n    950: '#450501',\n  },\n} as const\n","<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport Dialog from 'primevue/dialog'\r\nimport { colors } from '../tokens/colors'\r\nimport TopButton from './TopButton.vue'\r\n\r\ntype ConfirmDialogSeverity = 'primary' | 'danger'\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    modelValue?: boolean\r\n    title?: string\r\n    message?: string\r\n    confirmText?: string\r\n    cancelText?: string\r\n    loading?: boolean\r\n    loadingText?: string\r\n    severity?: ConfirmDialogSeverity\r\n    icon?: string\r\n  }>(),\r\n  {\r\n    modelValue: false,\r\n    title: 'Confirmar',\r\n    message: '',\r\n    confirmText: 'Confirmar',\r\n    cancelText: 'Cancelar',\r\n    loading: false,\r\n    loadingText: 'Processando...',\r\n    severity: 'danger',\r\n    icon: 'pi pi-exclamation-triangle',\r\n  },\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  'update:modelValue': [value: boolean]\r\n  confirm: []\r\n  cancel: []\r\n  close: []\r\n}>()\r\n\r\nconst visibleProxy = computed({\r\n  get: () => props.modelValue,\r\n  set: (value: boolean) => {\r\n    if (!value && props.loading) return\r\n    emit('update:modelValue', value)\r\n  },\r\n})\r\n\r\nconst accentStyle = computed<Record<string, string>>(() => ({\r\n  '--top-confirm-dialog-accent':\r\n    props.severity === 'danger' ? colors.danger[600] : colors.primary[800],\r\n  '--top-confirm-dialog-accent-hover':\r\n    props.severity === 'danger' ? colors.danger[700] : colors.primary[700],\r\n}))\r\n\r\nconst confirmButtonClass = computed(() =>\r\n  [\r\n    'px-3 py-2 text-sm',\r\n    props.severity === 'danger' ? 'top-confirm-dialog__confirm--danger' : '',\r\n  ]\r\n    .filter(Boolean)\r\n    .join(' '),\r\n)\r\n\r\nfunction confirm() {\r\n  if (props.loading) return\r\n  emit('confirm')\r\n}\r\n\r\nfunction cancel() {\r\n  if (props.loading) return\r\n  emit('cancel')\r\n  visibleProxy.value = false\r\n}\r\n\r\nfunction close() {\r\n  if (props.loading) return\r\n  visibleProxy.value = false\r\n}\r\n</script>\r\n\r\n<template>\r\n  <Dialog\r\n    v-model:visible=\"visibleProxy\"\r\n    modal\r\n    :closable=\"false\"\r\n    :close-on-escape=\"!loading\"\r\n    :dismissable-mask=\"false\"\r\n    :draggable=\"false\"\r\n    :show-header=\"false\"\r\n    :style=\"{ width: '500px', maxWidth: 'calc(100vw - 2rem)' }\"\r\n    :aria-label=\"title\"\r\n    :pt=\"{\r\n      root: { class: 'top-confirm-dialog top-solutions-component' },\r\n      content: { class: 'p-6' },\r\n      footer: { class: 'hidden' },\r\n    }\"\r\n    @hide=\"emit('close')\"\r\n  >\r\n    <div\r\n      class=\"relative flex flex-col items-center gap-4 text-center\"\r\n      :style=\"accentStyle\"\r\n    >\r\n      <button\r\n        type=\"button\"\r\n        class=\"absolute right-[-0.25rem] top-[-0.5rem] flex size-8 items-center justify-center rounded-full border-0 bg-transparent p-0 text-secondary-700 outline-none transition-colors hover:bg-secondary-200 focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 dark:text-zinc-200 dark:hover:bg-zinc-700\"\r\n        :aria-label=\"cancelText\"\r\n        :disabled=\"loading\"\r\n        @click=\"close\"\r\n      >\r\n        <i class=\"pi pi-times text-lg\" aria-hidden=\"true\" />\r\n      </button>\r\n\r\n      <div class=\"flex flex-col items-center gap-2 pt-2\">\r\n        <i\r\n          :class=\"[icon, 'top-confirm-dialog__icon text-[40px]']\"\r\n          aria-hidden=\"true\"\r\n        />\r\n        <p class=\"text-base font-bold text-secondary-900 dark:text-zinc-100\">\r\n          {{ title }}\r\n        </p>\r\n      </div>\r\n\r\n      <div class=\"text-sm leading-5 text-secondary-700 dark:text-zinc-300\">\r\n        <slot name=\"message\">\r\n          <slot>{{ message }}</slot>\r\n        </slot>\r\n      </div>\r\n\r\n      <div class=\"mt-2 flex w-full items-center justify-center gap-3\">\r\n        <TopButton\r\n          :label=\"cancelText\"\r\n          secondary\r\n          :disabled=\"loading\"\r\n          class=\"px-3 py-2 text-sm\"\r\n          @click=\"cancel\"\r\n        />\r\n        <TopButton\r\n          :label=\"loading ? loadingText : confirmText\"\r\n          :loading=\"loading\"\r\n          :class=\"confirmButtonClass\"\r\n          @click=\"confirm\"\r\n        />\r\n      </div>\r\n    </div>\r\n  </Dialog>\r\n</template>\r\n\r\n<style>\r\n.top-confirm-dialog {\r\n  border-radius: 10px;\r\n  box-shadow: 0 4px 4px rgb(0 0 0 / 25%);\r\n}\r\n\r\n.top-confirm-dialog__icon {\r\n  color: var(--top-confirm-dialog-accent);\r\n}\r\n\r\n.top-confirm-dialog__confirm--danger {\r\n  border-color: var(--top-confirm-dialog-accent) !important;\r\n  background-color: var(--top-confirm-dialog-accent) !important;\r\n}\r\n\r\n.top-confirm-dialog__confirm--danger:hover {\r\n  border-color: var(--top-confirm-dialog-accent-hover) !important;\r\n  background-color: var(--top-confirm-dialog-accent-hover) !important;\r\n}\r\n</style>\r\n","<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport Dialog from 'primevue/dialog'\r\nimport { colors } from '../tokens/colors'\r\nimport TopButton from './TopButton.vue'\r\n\r\ntype ConfirmDialogSeverity = 'primary' | 'danger'\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    modelValue?: boolean\r\n    title?: string\r\n    message?: string\r\n    confirmText?: string\r\n    cancelText?: string\r\n    loading?: boolean\r\n    loadingText?: string\r\n    severity?: ConfirmDialogSeverity\r\n    icon?: string\r\n  }>(),\r\n  {\r\n    modelValue: false,\r\n    title: 'Confirmar',\r\n    message: '',\r\n    confirmText: 'Confirmar',\r\n    cancelText: 'Cancelar',\r\n    loading: false,\r\n    loadingText: 'Processando...',\r\n    severity: 'danger',\r\n    icon: 'pi pi-exclamation-triangle',\r\n  },\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  'update:modelValue': [value: boolean]\r\n  confirm: []\r\n  cancel: []\r\n  close: []\r\n}>()\r\n\r\nconst visibleProxy = computed({\r\n  get: () => props.modelValue,\r\n  set: (value: boolean) => {\r\n    if (!value && props.loading) return\r\n    emit('update:modelValue', value)\r\n  },\r\n})\r\n\r\nconst accentStyle = computed<Record<string, string>>(() => ({\r\n  '--top-confirm-dialog-accent':\r\n    props.severity === 'danger' ? colors.danger[600] : colors.primary[800],\r\n  '--top-confirm-dialog-accent-hover':\r\n    props.severity === 'danger' ? colors.danger[700] : colors.primary[700],\r\n}))\r\n\r\nconst confirmButtonClass = computed(() =>\r\n  [\r\n    'px-3 py-2 text-sm',\r\n    props.severity === 'danger' ? 'top-confirm-dialog__confirm--danger' : '',\r\n  ]\r\n    .filter(Boolean)\r\n    .join(' '),\r\n)\r\n\r\nfunction confirm() {\r\n  if (props.loading) return\r\n  emit('confirm')\r\n}\r\n\r\nfunction cancel() {\r\n  if (props.loading) return\r\n  emit('cancel')\r\n  visibleProxy.value = false\r\n}\r\n\r\nfunction close() {\r\n  if (props.loading) return\r\n  visibleProxy.value = false\r\n}\r\n</script>\r\n\r\n<template>\r\n  <Dialog\r\n    v-model:visible=\"visibleProxy\"\r\n    modal\r\n    :closable=\"false\"\r\n    :close-on-escape=\"!loading\"\r\n    :dismissable-mask=\"false\"\r\n    :draggable=\"false\"\r\n    :show-header=\"false\"\r\n    :style=\"{ width: '500px', maxWidth: 'calc(100vw - 2rem)' }\"\r\n    :aria-label=\"title\"\r\n    :pt=\"{\r\n      root: { class: 'top-confirm-dialog top-solutions-component' },\r\n      content: { class: 'p-6' },\r\n      footer: { class: 'hidden' },\r\n    }\"\r\n    @hide=\"emit('close')\"\r\n  >\r\n    <div\r\n      class=\"relative flex flex-col items-center gap-4 text-center\"\r\n      :style=\"accentStyle\"\r\n    >\r\n      <button\r\n        type=\"button\"\r\n        class=\"absolute right-[-0.25rem] top-[-0.5rem] flex size-8 items-center justify-center rounded-full border-0 bg-transparent p-0 text-secondary-700 outline-none transition-colors hover:bg-secondary-200 focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 dark:text-zinc-200 dark:hover:bg-zinc-700\"\r\n        :aria-label=\"cancelText\"\r\n        :disabled=\"loading\"\r\n        @click=\"close\"\r\n      >\r\n        <i class=\"pi pi-times text-lg\" aria-hidden=\"true\" />\r\n      </button>\r\n\r\n      <div class=\"flex flex-col items-center gap-2 pt-2\">\r\n        <i\r\n          :class=\"[icon, 'top-confirm-dialog__icon text-[40px]']\"\r\n          aria-hidden=\"true\"\r\n        />\r\n        <p class=\"text-base font-bold text-secondary-900 dark:text-zinc-100\">\r\n          {{ title }}\r\n        </p>\r\n      </div>\r\n\r\n      <div class=\"text-sm leading-5 text-secondary-700 dark:text-zinc-300\">\r\n        <slot name=\"message\">\r\n          <slot>{{ message }}</slot>\r\n        </slot>\r\n      </div>\r\n\r\n      <div class=\"mt-2 flex w-full items-center justify-center gap-3\">\r\n        <TopButton\r\n          :label=\"cancelText\"\r\n          secondary\r\n          :disabled=\"loading\"\r\n          class=\"px-3 py-2 text-sm\"\r\n          @click=\"cancel\"\r\n        />\r\n        <TopButton\r\n          :label=\"loading ? loadingText : confirmText\"\r\n          :loading=\"loading\"\r\n          :class=\"confirmButtonClass\"\r\n          @click=\"confirm\"\r\n        />\r\n      </div>\r\n    </div>\r\n  </Dialog>\r\n</template>\r\n\r\n<style>\r\n.top-confirm-dialog {\r\n  border-radius: 10px;\r\n  box-shadow: 0 4px 4px rgb(0 0 0 / 25%);\r\n}\r\n\r\n.top-confirm-dialog__icon {\r\n  color: var(--top-confirm-dialog-accent);\r\n}\r\n\r\n.top-confirm-dialog__confirm--danger {\r\n  border-color: var(--top-confirm-dialog-accent) !important;\r\n  background-color: var(--top-confirm-dialog-accent) !important;\r\n}\r\n\r\n.top-confirm-dialog__confirm--danger:hover {\r\n  border-color: var(--top-confirm-dialog-accent-hover) !important;\r\n  background-color: var(--top-confirm-dialog-accent-hover) !important;\r\n}\r\n</style>\r\n","<script setup lang=\"ts\">\r\nimport { computed, useAttrs, useId } from 'vue'\r\nimport InputText from 'primevue/inputtext'\r\n\r\ndefineOptions({ inheritAttrs: false })\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    modelValue?: string\r\n    label?: string\r\n    placeholder?: string\r\n    required?: boolean\r\n    error?: string\r\n    disabled?: boolean\r\n    readonly?: boolean\r\n  }>(),\r\n  {\r\n    modelValue: '',\r\n    label: '',\r\n    placeholder: '',\r\n    required: false,\r\n    error: '',\r\n    disabled: false,\r\n    readonly: false,\r\n  },\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  'update:modelValue': [value: string]\r\n}>()\r\n\r\nconst attrs = useAttrs()\r\nconst generatedId = useId()\r\n\r\nconst inputId = computed(() =>\r\n  attrs.id === undefined || attrs.id === null || attrs.id === ''\r\n    ? generatedId\r\n    : String(attrs.id),\r\n)\r\nconst errorId = computed(() => `${inputId.value}-error`)\r\nconst ariaInvalid = computed<\r\n  boolean | 'true' | 'false' | 'grammar' | 'spelling' | undefined\r\n>(() => {\r\n  if (props.error) return true\r\n\r\n  const value = attrs['aria-invalid']\r\n  return typeof value === 'boolean' ||\r\n    value === 'true' ||\r\n    value === 'false' ||\r\n    value === 'grammar' ||\r\n    value === 'spelling'\r\n    ? value\r\n    : undefined\r\n})\r\nconst describedBy = computed(() => {\r\n  const externalDescription = attrs['aria-describedby']\r\n  const ids = [\r\n    typeof externalDescription === 'string' ? externalDescription : '',\r\n    props.error ? errorId.value : '',\r\n  ].filter(Boolean)\r\n\r\n  return ids.length ? ids.join(' ') : undefined\r\n})\r\n\r\nfunction updateModelValue(value: string | undefined) {\r\n  emit('update:modelValue', value ?? '')\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div class=\"top-input-text top-solutions-component flex w-full flex-col gap-1\">\r\n    <label\r\n      v-if=\"label\"\r\n      :for=\"inputId\"\r\n      class=\"text-xs font-bold text-secondary-800 dark:text-zinc-200\"\r\n    >\r\n      {{ label }}\r\n      <span v-if=\"required\" aria-hidden=\"true\" class=\"text-red-600 dark:text-red-400\">*</span>\r\n    </label>\r\n\r\n    <InputText\r\n      v-bind=\"$attrs\"\r\n      :id=\"inputId\"\r\n      :model-value=\"modelValue\"\r\n      type=\"text\"\r\n      :placeholder=\"placeholder\"\r\n      :required=\"required\"\r\n      :disabled=\"disabled\"\r\n      :readonly=\"readonly\"\r\n      :invalid=\"Boolean(error)\"\r\n      :aria-invalid=\"ariaInvalid\"\r\n      :aria-describedby=\"describedBy\"\r\n      fluid\r\n      class=\"top-input-text__control h-[40px] w-full rounded-[10px] border border-secondary-600 px-3 py-2 text-xs text-secondary-900 enabled:hover:border-secondary-700 read-only:cursor-default read-only:bg-secondary-50 disabled:cursor-not-allowed dark:border-zinc-600 dark:bg-zinc-800 dark:text-zinc-100 dark:placeholder:text-zinc-400 dark:enabled:hover:border-zinc-500 dark:read-only:bg-zinc-800\"\r\n      @update:model-value=\"updateModelValue\"\r\n    />\r\n\r\n    <span\r\n      v-if=\"error\"\r\n      :id=\"errorId\"\r\n      class=\"text-[11px] text-red-600 dark:text-red-400\"\r\n      role=\"alert\"\r\n    >\r\n      {{ error }}\r\n    </span>\r\n  </div>\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport { computed, useAttrs, useId } from 'vue'\r\nimport InputText from 'primevue/inputtext'\r\n\r\ndefineOptions({ inheritAttrs: false })\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    modelValue?: string\r\n    label?: string\r\n    placeholder?: string\r\n    required?: boolean\r\n    error?: string\r\n    disabled?: boolean\r\n    readonly?: boolean\r\n  }>(),\r\n  {\r\n    modelValue: '',\r\n    label: '',\r\n    placeholder: '',\r\n    required: false,\r\n    error: '',\r\n    disabled: false,\r\n    readonly: false,\r\n  },\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  'update:modelValue': [value: string]\r\n}>()\r\n\r\nconst attrs = useAttrs()\r\nconst generatedId = useId()\r\n\r\nconst inputId = computed(() =>\r\n  attrs.id === undefined || attrs.id === null || attrs.id === ''\r\n    ? generatedId\r\n    : String(attrs.id),\r\n)\r\nconst errorId = computed(() => `${inputId.value}-error`)\r\nconst ariaInvalid = computed<\r\n  boolean | 'true' | 'false' | 'grammar' | 'spelling' | undefined\r\n>(() => {\r\n  if (props.error) return true\r\n\r\n  const value = attrs['aria-invalid']\r\n  return typeof value === 'boolean' ||\r\n    value === 'true' ||\r\n    value === 'false' ||\r\n    value === 'grammar' ||\r\n    value === 'spelling'\r\n    ? value\r\n    : undefined\r\n})\r\nconst describedBy = computed(() => {\r\n  const externalDescription = attrs['aria-describedby']\r\n  const ids = [\r\n    typeof externalDescription === 'string' ? externalDescription : '',\r\n    props.error ? errorId.value : '',\r\n  ].filter(Boolean)\r\n\r\n  return ids.length ? ids.join(' ') : undefined\r\n})\r\n\r\nfunction updateModelValue(value: string | undefined) {\r\n  emit('update:modelValue', value ?? '')\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div class=\"top-input-text top-solutions-component flex w-full flex-col gap-1\">\r\n    <label\r\n      v-if=\"label\"\r\n      :for=\"inputId\"\r\n      class=\"text-xs font-bold text-secondary-800 dark:text-zinc-200\"\r\n    >\r\n      {{ label }}\r\n      <span v-if=\"required\" aria-hidden=\"true\" class=\"text-red-600 dark:text-red-400\">*</span>\r\n    </label>\r\n\r\n    <InputText\r\n      v-bind=\"$attrs\"\r\n      :id=\"inputId\"\r\n      :model-value=\"modelValue\"\r\n      type=\"text\"\r\n      :placeholder=\"placeholder\"\r\n      :required=\"required\"\r\n      :disabled=\"disabled\"\r\n      :readonly=\"readonly\"\r\n      :invalid=\"Boolean(error)\"\r\n      :aria-invalid=\"ariaInvalid\"\r\n      :aria-describedby=\"describedBy\"\r\n      fluid\r\n      class=\"top-input-text__control h-[40px] w-full rounded-[10px] border border-secondary-600 px-3 py-2 text-xs text-secondary-900 enabled:hover:border-secondary-700 read-only:cursor-default read-only:bg-secondary-50 disabled:cursor-not-allowed dark:border-zinc-600 dark:bg-zinc-800 dark:text-zinc-100 dark:placeholder:text-zinc-400 dark:enabled:hover:border-zinc-500 dark:read-only:bg-zinc-800\"\r\n      @update:model-value=\"updateModelValue\"\r\n    />\r\n\r\n    <span\r\n      v-if=\"error\"\r\n      :id=\"errorId\"\r\n      class=\"text-[11px] text-red-600 dark:text-red-400\"\r\n      role=\"alert\"\r\n    >\r\n      {{ error }}\r\n    </span>\r\n  </div>\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, useSlots, watch } from 'vue'\r\nimport AutoComplete from 'primevue/autocomplete'\r\nimport vTooltip from 'primevue/tooltip'\r\n\r\ntype SelectOption = Record<string, unknown> | string | number\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    modelValue?: SelectOption | SelectOption[] | null\r\n    options?: SelectOption[]\r\n    loading?: boolean\r\n    disabled?: boolean\r\n    placeholder?: string\r\n    optionLabel?: string | ((option: SelectOption) => string)\r\n    optionKey?: string\r\n    optionPrefix?: string\r\n    showOptionPrefix?: boolean\r\n    showSelectedPrefix?: boolean\r\n    panelWidth?: string | null\r\n    scrollHeight?: string\r\n    invalid?: boolean\r\n    showTooltip?: boolean\r\n    optionGroupLabel?: string | null\r\n    optionGroupChildren?: string | null\r\n    minQueryLength?: number\r\n    emptyMessage?: string\r\n    loadingMessage?: string\r\n    showLoadingMessage?: boolean\r\n    multiple?: boolean\r\n    forceSelection?: boolean\r\n    closeOnSelect?: boolean\r\n  }>(),\r\n  {\r\n    modelValue: null,\r\n    options: () => [],\r\n    loading: false,\r\n    disabled: false,\r\n    placeholder: 'Pesquisar...',\r\n    optionLabel: 'label',\r\n    optionKey: 'id',\r\n    optionPrefix: '',\r\n    showOptionPrefix: false,\r\n    showSelectedPrefix: false,\r\n    panelWidth: null,\r\n    scrollHeight: '250px',\r\n    invalid: false,\r\n    showTooltip: true,\r\n    optionGroupLabel: null,\r\n    optionGroupChildren: null,\r\n    minQueryLength: 1,\r\n    emptyMessage: 'Nenhum resultado encontrado.',\r\n    loadingMessage: 'Carregando...',\r\n    showLoadingMessage: true,\r\n    multiple: false,\r\n    forceSelection: true,\r\n    closeOnSelect: false,\r\n  },\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  'update:modelValue': [value: SelectOption | SelectOption[] | null]\r\n  search: [event: { originalEvent: Event; query: string }]\r\n  loadMore: [event: unknown]\r\n  clear: []\r\n  select: [event: unknown]\r\n  change: [event: unknown]\r\n}>()\r\n\r\nconst slots = useSlots()\r\n// PrimeVue's slot types omit selected-item even though the runtime component supports it.\r\nconst TopAutoComplete = AutoComplete as any\r\nconst query = ref('')\r\nconst focused = ref(false)\r\nconst autocompleteRef = ref<{ hide?: () => void } | null>(null)\r\nconst instanceId = `top-select-${Math.random().toString(36).slice(2)}`\r\nlet closeTimer: ReturnType<typeof setTimeout> | null = null\r\n\r\nconst valueProxy = computed({\r\n  get: () => props.modelValue,\r\n  set: (value) => emit('update:modelValue', value),\r\n})\r\n\r\nfunction readOptionValue(option: SelectOption | null | undefined, key: string) {\r\n  if (option === null || option === undefined) return ''\r\n  if (typeof option !== 'object') return String(option)\r\n  return String(option[key] ?? '')\r\n}\r\n\r\nfunction getOptionLabel(option: SelectOption | null | undefined) {\r\n  if (option === null || option === undefined) return ''\r\n  if (typeof props.optionLabel === 'function') return props.optionLabel(option)\r\n  return readOptionValue(option, props.optionLabel)\r\n}\r\n\r\nfunction getOptionPrefix(option: SelectOption | null | undefined) {\r\n  return props.optionPrefix ? readOptionValue(option, props.optionPrefix) : ''\r\n}\r\n\r\nfunction formatOptionLabel(option: SelectOption | null | undefined, includePrefix = props.showSelectedPrefix) {\r\n  const label = getOptionLabel(option)\r\n  const prefix = getOptionPrefix(option)\r\n  return includePrefix && prefix ? `${prefix} - ${label}` : label\r\n}\r\n\r\nfunction getHighlightedParts(value: string) {\r\n  const searchTerm = query.value\r\n  if (!searchTerm) return [{ text: value, highlighted: false }]\r\n\r\n  const escapedQuery = searchTerm.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')\r\n  const regex = new RegExp(`(${escapedQuery})`, 'gi')\r\n  return value.split(regex).filter(Boolean).map((part) => ({\r\n    text: part,\r\n    highlighted: part.toLowerCase() === searchTerm.toLowerCase(),\r\n  }))\r\n}\r\n\r\nfunction hideDropdown() {\r\n  autocompleteRef.value?.hide?.()\r\n}\r\n\r\nfunction closeOtherDropdowns() {\r\n  if (typeof window === 'undefined') return\r\n  window.dispatchEvent(new CustomEvent('top-select:close-others', { detail: { instanceId } }))\r\n}\r\n\r\nfunction handleOtherDropdownClosing(event: Event) {\r\n  const customEvent = event as CustomEvent<{ instanceId?: string }>\r\n  if (customEvent.detail?.instanceId !== instanceId) hideDropdown()\r\n}\r\n\r\nfunction handleFocusIn() {\r\n  if (props.disabled || closeTimer) {\r\n    hideDropdown()\r\n    return\r\n  }\r\n  focused.value = true\r\n  closeOtherDropdowns()\r\n}\r\n\r\nfunction closeAfterSelection() {\r\n  if (!props.closeOnSelect) return\r\n  focused.value = false\r\n  hideDropdown()\r\n  nextTick(hideDropdown)\r\n  if (closeTimer) clearTimeout(closeTimer)\r\n  closeTimer = setTimeout(() => {\r\n    hideDropdown()\r\n    closeTimer = null\r\n  }, 200)\r\n}\r\n\r\ndefineExpose({ hideDropdown })\r\n\r\nonMounted(() => window.addEventListener('top-select:close-others', handleOtherDropdownClosing))\r\nonBeforeUnmount(() => {\r\n  window.removeEventListener('top-select:close-others', handleOtherDropdownClosing)\r\n  if (closeTimer) clearTimeout(closeTimer)\r\n})\r\n\r\nwatch(() => props.disabled, (disabled) => {\r\n  if (disabled) {\r\n    focused.value = false\r\n    hideDropdown()\r\n  }\r\n})\r\n\r\nwatch(() => props.options, () => {\r\n  if (!focused.value) hideDropdown()\r\n})\r\n</script>\r\n\r\n<template>\r\n  <div class=\"top-select top-solutions-component relative w-full\" :class=\"{ 'pointer-events-none': disabled }\" @focusin=\"handleFocusIn\">\r\n    <span class=\"pointer-events-none absolute left-3 top-2 iconetop z-10 text-primary-800 dark:text-primary-500\">\r\n      <slot name=\"icon\" :loading=\"loading\">\r\n        <i v-if=\"loading\" class=\"pi pi-spin pi-spinner\" />\r\n        <i v-else class=\"pi pi-search\" />\r\n      </slot>\r\n    </span>\r\n\r\n    <TopAutoComplete\r\n      ref=\"autocompleteRef\"\r\n      v-model=\"valueProxy\"\r\n      :option-group-label=\"optionGroupLabel ?? undefined\"\r\n      :option-group-children=\"optionGroupChildren ?? undefined\"\r\n      :suggestions=\"options\"\r\n      :data-key=\"optionKey\"\r\n      :option-label=\"(option: SelectOption) => formatOptionLabel(option)\"\r\n      :placeholder=\"placeholder\"\r\n      :multiple=\"multiple\"\r\n      :min-length=\"minQueryLength\"\r\n      :disabled=\"disabled\"\r\n      :delay=\"500\"\r\n      :show-clear=\"!multiple && !disabled\"\r\n      dropdown\r\n      dropdown-mode=\"current\"\r\n      :complete-on-focus=\"false\"\r\n      :invalid=\"invalid\"\r\n      fluid\r\n      :force-selection=\"forceSelection\"\r\n      input-class=\"text-xs\"\r\n      :virtual-scroller-options=\"{\r\n        lazy: true,\r\n        onLazyLoad: (event: unknown) => emit('loadMore', event),\r\n        itemSize: 84,\r\n        showLoader: true,\r\n        scrollHeight,\r\n      }\"\r\n      :pt=\"{\r\n        root: { class: ['w-full text-xs', multiple ? 'h-auto' : 'h-[40px]'].join(' ') },\r\n        pcInputText: {\r\n          root: {\r\n            class: 'w-full h-auto text-xs dark:text-zinc-100 border border-secondary-600 rounded-[10px] !pl-9 min-h-[36px] dark:border-zinc-600 dark:!bg-zinc-800',\r\n          },\r\n        },\r\n        input: { class: ['w-full h-auto text-xs dark:text-zinc-100', multiple ? 'border-0 bg-transparent py-1 !shadow-none outline-none ring-0 dark:!bg-transparent' : 'border border-secondary-600 rounded-[10px] !pl-9 min-h-[36px] dark:border-zinc-600 dark:!bg-zinc-600'].join(' ') },\r\n        inputMultiple: { class: ['rounded-[10px] pl-9 min-h-[40px] dark:border-zinc-600 dark:text-zinc-100', disabled ? 'dark:!bg-zinc-700 dark:!text-zinc-400' : 'dark:!bg-zinc-800'].join(' ') },\r\n        inputChip: { class: 'py-0' },\r\n        token: { class: 'bg-primary-100 text-primary-900 rounded-md gap-2 px-2 my-1 dark:bg-primary-900 dark:text-primary-100' },\r\n        removeTokenIcon: { class: 'text-primary-900 w-3 h-3 cursor-pointer dark:text-primary-100' },\r\n        panel: { class: 'top-select-panel top-solutions-component max-w-[85vw] overflow-hidden h-fit shadow-xl' },\r\n        listContainer: { class: 'max-w-full overflow-x-hidden', style: { overflowX: 'hidden', maxWidth: panelWidth ?? '85vw', ...(panelWidth ? { width: panelWidth } : {}) } },\r\n        list: { class: 'max-w-full overflow-x-hidden' }, option: { class: 'max-w-full overflow-hidden min-h-[84px]' }, placeholder: { class: '!text-xs' },\r\n      }\"\r\n      search-message=\" \"\r\n      @clear=\"query = ''; emit('clear')\"\r\n      @item-select=\"(event: unknown) => { query = ''; emit('select', event); closeAfterSelection() }\"\r\n      @complete=\"(event: { originalEvent: Event; query?: string }) => { if (disabled) { hideDropdown(); return }; query = event.query ?? ''; closeOtherDropdowns(); emit('search', { ...event, query: query }) }\"\r\n      @change=\"(event: unknown) => emit('change', event)\"\r\n    >\r\n      <template #chip=\"slotProps\">\r\n        <slot v-if=\"slots.chip\" name=\"chip\" v-bind=\"slotProps\" />\r\n        <div v-else class=\"flex items-center gap-1 !text-sm\">\r\n          <div class=\"flex items-center gap-2 rounded-[9px] bg-primary-500 px-2 py-1 text-white\">\r\n            <i class=\"pi pi-times-circle shrink-0 cursor-pointer rounded-full hover:bg-primary-800\" @click=\"slotProps.removeCallback($event)\" />\r\n            <span v-tooltip.top=\"formatOptionLabel(slotProps.value)\" class=\"line-clamp-1 max-w-[300px] overflow-hidden text-ellipsis\">{{ formatOptionLabel(slotProps.value) }}</span>\r\n          </div>\r\n        </div>\r\n      </template>\r\n\r\n      <template #empty>\r\n        <slot v-if=\"slots.empty\" name=\"empty\" />\r\n        <div v-else-if=\"loading\" class=\"flex min-h-[100px] flex-col items-center justify-center gap-2 py-2\">\r\n          <span class=\"pi pi-spin pi-spinner text-2xl text-primary-600\" />\r\n          <span v-if=\"showLoadingMessage\" class=\"text-xs font-medium text-primary-600\">{{ loadingMessage }}</span>\r\n        </div>\r\n        <span v-else class=\"text-xs text-secondary-500\">{{ emptyMessage }}</span>\r\n      </template>\r\n\r\n      <template #selected-item=\"slotProps\">\r\n        <slot v-if=\"slots['selected-item']\" name=\"selected-item\" v-bind=\"slotProps\" />\r\n        <span v-else-if=\"slotProps.item\">{{ formatOptionLabel(slotProps.item) }}</span>\r\n      </template>\r\n\r\n      <template #optiongroup=\"slotProps\">\r\n        <slot v-if=\"slots['option-group']\" name=\"option-group\" v-bind=\"slotProps\" />\r\n        <div v-else class=\"flex items-center gap-2 font-semibold\">\r\n          <i v-if=\"slotProps.option.icon\" :class=\"slotProps.option.icon\" />\r\n          <span>{{ slotProps.option[optionGroupLabel ?? 'label'] }}</span>\r\n        </div>\r\n      </template>\r\n\r\n      <template #option=\"slotProps\">\r\n        <slot v-if=\"slots.option\" name=\"option\" v-bind=\"slotProps\" :label=\"getOptionLabel(slotProps.option)\" :prefix=\"getOptionPrefix(slotProps.option)\" :query=\"query\" />\r\n        <div v-else v-tooltip.top=\"showTooltip ? getOptionLabel(slotProps.option) : null\" class=\"flex w-full min-w-0 items-start gap-2 overflow-hidden px-2 py-3 text-sm\" style=\"white-space: normal\">\r\n          <span class=\"top-select-option-label line-clamp-2 min-w-0 flex-1 text-secondary-700 dark:text-zinc-200\" :title=\"getOptionLabel(slotProps.option)\">\r\n            <span v-if=\"showOptionPrefix && getOptionPrefix(slotProps.option)\" class=\"top-select-option-prefix whitespace-nowrap font-bold text-primary-800 dark:text-primary-100\">\r\n              <template v-for=\"(part, index) in getHighlightedParts(getOptionPrefix(slotProps.option))\" :key=\"index\"><mark v-if=\"part.highlighted\" class=\"rounded-sm bg-primary-200 p-0 font-bold text-black dark:bg-cyan-700 dark:text-white\">{{ part.text }}</mark><template v-else>{{ part.text }}</template></template><span class=\"font-bold text-secondary-500 dark:text-zinc-400\">&nbsp;-&nbsp;</span>\r\n            </span>\r\n            <template v-for=\"(part, index) in getHighlightedParts(getOptionLabel(slotProps.option))\" :key=\"index\"><mark v-if=\"part.highlighted\" class=\"rounded-sm bg-primary-200 p-0 font-bold text-black dark:bg-cyan-700 dark:text-white\">{{ part.text }}</mark><template v-else>{{ part.text }}</template></template>\r\n          </span>\r\n        </div>\r\n      </template>\r\n\r\n      <template v-if=\"slots.footer\" #footer=\"slotProps\"><slot name=\"footer\" v-bind=\"slotProps\" /></template>\r\n    </TopAutoComplete>\r\n  </div>\r\n</template>\r\n\r\n<style>\r\n.top-select {\r\n  position: relative;\r\n  width: 100%;\r\n}\r\n\r\n.top-select .p-inputtext.p-component.p-inputtext-fluid.p-autocomplete-input {\r\n  padding-left: 35px !important;\r\n  border-radius: 10px 0 0 10px !important;\r\n}\r\n\r\n.top-select .p-autocomplete-dropdown {\r\n  border-radius: 0 10px 10px 0 !important;\r\n}\r\n\r\n.top-select-option-prefix {\r\n  color: var(--top-primary-800) !important;\r\n}\r\n\r\n.dark .top-select-option-prefix {\r\n  color: var(--top-primary-100) !important;\r\n}\r\n\r\n.top-select-option-label {\r\n  min-width: 0;\r\n  flex: 1;\r\n  display: -webkit-box;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-line-clamp: 2;\r\n  line-clamp: 2;\r\n  overflow: hidden;\r\n  overflow-wrap: anywhere;\r\n}\r\n\r\n.top-select-panel,\r\n.top-select-panel .p-virtualscroller,\r\n.top-select-panel .p-autocomplete-list-container,\r\n.top-select-panel .p-autocomplete-list { overflow-x: hidden !important; }\r\n.top-select-panel .p-autocomplete-option { max-width: 100%; }\r\n</style>\r\n","<script setup lang=\"ts\">\r\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, useSlots, watch } from 'vue'\r\nimport AutoComplete from 'primevue/autocomplete'\r\nimport vTooltip from 'primevue/tooltip'\r\n\r\ntype SelectOption = Record<string, unknown> | string | number\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    modelValue?: SelectOption | SelectOption[] | null\r\n    options?: SelectOption[]\r\n    loading?: boolean\r\n    disabled?: boolean\r\n    placeholder?: string\r\n    optionLabel?: string | ((option: SelectOption) => string)\r\n    optionKey?: string\r\n    optionPrefix?: string\r\n    showOptionPrefix?: boolean\r\n    showSelectedPrefix?: boolean\r\n    panelWidth?: string | null\r\n    scrollHeight?: string\r\n    invalid?: boolean\r\n    showTooltip?: boolean\r\n    optionGroupLabel?: string | null\r\n    optionGroupChildren?: string | null\r\n    minQueryLength?: number\r\n    emptyMessage?: string\r\n    loadingMessage?: string\r\n    showLoadingMessage?: boolean\r\n    multiple?: boolean\r\n    forceSelection?: boolean\r\n    closeOnSelect?: boolean\r\n  }>(),\r\n  {\r\n    modelValue: null,\r\n    options: () => [],\r\n    loading: false,\r\n    disabled: false,\r\n    placeholder: 'Pesquisar...',\r\n    optionLabel: 'label',\r\n    optionKey: 'id',\r\n    optionPrefix: '',\r\n    showOptionPrefix: false,\r\n    showSelectedPrefix: false,\r\n    panelWidth: null,\r\n    scrollHeight: '250px',\r\n    invalid: false,\r\n    showTooltip: true,\r\n    optionGroupLabel: null,\r\n    optionGroupChildren: null,\r\n    minQueryLength: 1,\r\n    emptyMessage: 'Nenhum resultado encontrado.',\r\n    loadingMessage: 'Carregando...',\r\n    showLoadingMessage: true,\r\n    multiple: false,\r\n    forceSelection: true,\r\n    closeOnSelect: false,\r\n  },\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  'update:modelValue': [value: SelectOption | SelectOption[] | null]\r\n  search: [event: { originalEvent: Event; query: string }]\r\n  loadMore: [event: unknown]\r\n  clear: []\r\n  select: [event: unknown]\r\n  change: [event: unknown]\r\n}>()\r\n\r\nconst slots = useSlots()\r\n// PrimeVue's slot types omit selected-item even though the runtime component supports it.\r\nconst TopAutoComplete = AutoComplete as any\r\nconst query = ref('')\r\nconst focused = ref(false)\r\nconst autocompleteRef = ref<{ hide?: () => void } | null>(null)\r\nconst instanceId = `top-select-${Math.random().toString(36).slice(2)}`\r\nlet closeTimer: ReturnType<typeof setTimeout> | null = null\r\n\r\nconst valueProxy = computed({\r\n  get: () => props.modelValue,\r\n  set: (value) => emit('update:modelValue', value),\r\n})\r\n\r\nfunction readOptionValue(option: SelectOption | null | undefined, key: string) {\r\n  if (option === null || option === undefined) return ''\r\n  if (typeof option !== 'object') return String(option)\r\n  return String(option[key] ?? '')\r\n}\r\n\r\nfunction getOptionLabel(option: SelectOption | null | undefined) {\r\n  if (option === null || option === undefined) return ''\r\n  if (typeof props.optionLabel === 'function') return props.optionLabel(option)\r\n  return readOptionValue(option, props.optionLabel)\r\n}\r\n\r\nfunction getOptionPrefix(option: SelectOption | null | undefined) {\r\n  return props.optionPrefix ? readOptionValue(option, props.optionPrefix) : ''\r\n}\r\n\r\nfunction formatOptionLabel(option: SelectOption | null | undefined, includePrefix = props.showSelectedPrefix) {\r\n  const label = getOptionLabel(option)\r\n  const prefix = getOptionPrefix(option)\r\n  return includePrefix && prefix ? `${prefix} - ${label}` : label\r\n}\r\n\r\nfunction getHighlightedParts(value: string) {\r\n  const searchTerm = query.value\r\n  if (!searchTerm) return [{ text: value, highlighted: false }]\r\n\r\n  const escapedQuery = searchTerm.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')\r\n  const regex = new RegExp(`(${escapedQuery})`, 'gi')\r\n  return value.split(regex).filter(Boolean).map((part) => ({\r\n    text: part,\r\n    highlighted: part.toLowerCase() === searchTerm.toLowerCase(),\r\n  }))\r\n}\r\n\r\nfunction hideDropdown() {\r\n  autocompleteRef.value?.hide?.()\r\n}\r\n\r\nfunction closeOtherDropdowns() {\r\n  if (typeof window === 'undefined') return\r\n  window.dispatchEvent(new CustomEvent('top-select:close-others', { detail: { instanceId } }))\r\n}\r\n\r\nfunction handleOtherDropdownClosing(event: Event) {\r\n  const customEvent = event as CustomEvent<{ instanceId?: string }>\r\n  if (customEvent.detail?.instanceId !== instanceId) hideDropdown()\r\n}\r\n\r\nfunction handleFocusIn() {\r\n  if (props.disabled || closeTimer) {\r\n    hideDropdown()\r\n    return\r\n  }\r\n  focused.value = true\r\n  closeOtherDropdowns()\r\n}\r\n\r\nfunction closeAfterSelection() {\r\n  if (!props.closeOnSelect) return\r\n  focused.value = false\r\n  hideDropdown()\r\n  nextTick(hideDropdown)\r\n  if (closeTimer) clearTimeout(closeTimer)\r\n  closeTimer = setTimeout(() => {\r\n    hideDropdown()\r\n    closeTimer = null\r\n  }, 200)\r\n}\r\n\r\ndefineExpose({ hideDropdown })\r\n\r\nonMounted(() => window.addEventListener('top-select:close-others', handleOtherDropdownClosing))\r\nonBeforeUnmount(() => {\r\n  window.removeEventListener('top-select:close-others', handleOtherDropdownClosing)\r\n  if (closeTimer) clearTimeout(closeTimer)\r\n})\r\n\r\nwatch(() => props.disabled, (disabled) => {\r\n  if (disabled) {\r\n    focused.value = false\r\n    hideDropdown()\r\n  }\r\n})\r\n\r\nwatch(() => props.options, () => {\r\n  if (!focused.value) hideDropdown()\r\n})\r\n</script>\r\n\r\n<template>\r\n  <div class=\"top-select top-solutions-component relative w-full\" :class=\"{ 'pointer-events-none': disabled }\" @focusin=\"handleFocusIn\">\r\n    <span class=\"pointer-events-none absolute left-3 top-2 iconetop z-10 text-primary-800 dark:text-primary-500\">\r\n      <slot name=\"icon\" :loading=\"loading\">\r\n        <i v-if=\"loading\" class=\"pi pi-spin pi-spinner\" />\r\n        <i v-else class=\"pi pi-search\" />\r\n      </slot>\r\n    </span>\r\n\r\n    <TopAutoComplete\r\n      ref=\"autocompleteRef\"\r\n      v-model=\"valueProxy\"\r\n      :option-group-label=\"optionGroupLabel ?? undefined\"\r\n      :option-group-children=\"optionGroupChildren ?? undefined\"\r\n      :suggestions=\"options\"\r\n      :data-key=\"optionKey\"\r\n      :option-label=\"(option: SelectOption) => formatOptionLabel(option)\"\r\n      :placeholder=\"placeholder\"\r\n      :multiple=\"multiple\"\r\n      :min-length=\"minQueryLength\"\r\n      :disabled=\"disabled\"\r\n      :delay=\"500\"\r\n      :show-clear=\"!multiple && !disabled\"\r\n      dropdown\r\n      dropdown-mode=\"current\"\r\n      :complete-on-focus=\"false\"\r\n      :invalid=\"invalid\"\r\n      fluid\r\n      :force-selection=\"forceSelection\"\r\n      input-class=\"text-xs\"\r\n      :virtual-scroller-options=\"{\r\n        lazy: true,\r\n        onLazyLoad: (event: unknown) => emit('loadMore', event),\r\n        itemSize: 84,\r\n        showLoader: true,\r\n        scrollHeight,\r\n      }\"\r\n      :pt=\"{\r\n        root: { class: ['w-full text-xs', multiple ? 'h-auto' : 'h-[40px]'].join(' ') },\r\n        pcInputText: {\r\n          root: {\r\n            class: 'w-full h-auto text-xs dark:text-zinc-100 border border-secondary-600 rounded-[10px] !pl-9 min-h-[36px] dark:border-zinc-600 dark:!bg-zinc-800',\r\n          },\r\n        },\r\n        input: { class: ['w-full h-auto text-xs dark:text-zinc-100', multiple ? 'border-0 bg-transparent py-1 !shadow-none outline-none ring-0 dark:!bg-transparent' : 'border border-secondary-600 rounded-[10px] !pl-9 min-h-[36px] dark:border-zinc-600 dark:!bg-zinc-600'].join(' ') },\r\n        inputMultiple: { class: ['rounded-[10px] pl-9 min-h-[40px] dark:border-zinc-600 dark:text-zinc-100', disabled ? 'dark:!bg-zinc-700 dark:!text-zinc-400' : 'dark:!bg-zinc-800'].join(' ') },\r\n        inputChip: { class: 'py-0' },\r\n        token: { class: 'bg-primary-100 text-primary-900 rounded-md gap-2 px-2 my-1 dark:bg-primary-900 dark:text-primary-100' },\r\n        removeTokenIcon: { class: 'text-primary-900 w-3 h-3 cursor-pointer dark:text-primary-100' },\r\n        panel: { class: 'top-select-panel top-solutions-component max-w-[85vw] overflow-hidden h-fit shadow-xl' },\r\n        listContainer: { class: 'max-w-full overflow-x-hidden', style: { overflowX: 'hidden', maxWidth: panelWidth ?? '85vw', ...(panelWidth ? { width: panelWidth } : {}) } },\r\n        list: { class: 'max-w-full overflow-x-hidden' }, option: { class: 'max-w-full overflow-hidden min-h-[84px]' }, placeholder: { class: '!text-xs' },\r\n      }\"\r\n      search-message=\" \"\r\n      @clear=\"query = ''; emit('clear')\"\r\n      @item-select=\"(event: unknown) => { query = ''; emit('select', event); closeAfterSelection() }\"\r\n      @complete=\"(event: { originalEvent: Event; query?: string }) => { if (disabled) { hideDropdown(); return }; query = event.query ?? ''; closeOtherDropdowns(); emit('search', { ...event, query: query }) }\"\r\n      @change=\"(event: unknown) => emit('change', event)\"\r\n    >\r\n      <template #chip=\"slotProps\">\r\n        <slot v-if=\"slots.chip\" name=\"chip\" v-bind=\"slotProps\" />\r\n        <div v-else class=\"flex items-center gap-1 !text-sm\">\r\n          <div class=\"flex items-center gap-2 rounded-[9px] bg-primary-500 px-2 py-1 text-white\">\r\n            <i class=\"pi pi-times-circle shrink-0 cursor-pointer rounded-full hover:bg-primary-800\" @click=\"slotProps.removeCallback($event)\" />\r\n            <span v-tooltip.top=\"formatOptionLabel(slotProps.value)\" class=\"line-clamp-1 max-w-[300px] overflow-hidden text-ellipsis\">{{ formatOptionLabel(slotProps.value) }}</span>\r\n          </div>\r\n        </div>\r\n      </template>\r\n\r\n      <template #empty>\r\n        <slot v-if=\"slots.empty\" name=\"empty\" />\r\n        <div v-else-if=\"loading\" class=\"flex min-h-[100px] flex-col items-center justify-center gap-2 py-2\">\r\n          <span class=\"pi pi-spin pi-spinner text-2xl text-primary-600\" />\r\n          <span v-if=\"showLoadingMessage\" class=\"text-xs font-medium text-primary-600\">{{ loadingMessage }}</span>\r\n        </div>\r\n        <span v-else class=\"text-xs text-secondary-500\">{{ emptyMessage }}</span>\r\n      </template>\r\n\r\n      <template #selected-item=\"slotProps\">\r\n        <slot v-if=\"slots['selected-item']\" name=\"selected-item\" v-bind=\"slotProps\" />\r\n        <span v-else-if=\"slotProps.item\">{{ formatOptionLabel(slotProps.item) }}</span>\r\n      </template>\r\n\r\n      <template #optiongroup=\"slotProps\">\r\n        <slot v-if=\"slots['option-group']\" name=\"option-group\" v-bind=\"slotProps\" />\r\n        <div v-else class=\"flex items-center gap-2 font-semibold\">\r\n          <i v-if=\"slotProps.option.icon\" :class=\"slotProps.option.icon\" />\r\n          <span>{{ slotProps.option[optionGroupLabel ?? 'label'] }}</span>\r\n        </div>\r\n      </template>\r\n\r\n      <template #option=\"slotProps\">\r\n        <slot v-if=\"slots.option\" name=\"option\" v-bind=\"slotProps\" :label=\"getOptionLabel(slotProps.option)\" :prefix=\"getOptionPrefix(slotProps.option)\" :query=\"query\" />\r\n        <div v-else v-tooltip.top=\"showTooltip ? getOptionLabel(slotProps.option) : null\" class=\"flex w-full min-w-0 items-start gap-2 overflow-hidden px-2 py-3 text-sm\" style=\"white-space: normal\">\r\n          <span class=\"top-select-option-label line-clamp-2 min-w-0 flex-1 text-secondary-700 dark:text-zinc-200\" :title=\"getOptionLabel(slotProps.option)\">\r\n            <span v-if=\"showOptionPrefix && getOptionPrefix(slotProps.option)\" class=\"top-select-option-prefix whitespace-nowrap font-bold text-primary-800 dark:text-primary-100\">\r\n              <template v-for=\"(part, index) in getHighlightedParts(getOptionPrefix(slotProps.option))\" :key=\"index\"><mark v-if=\"part.highlighted\" class=\"rounded-sm bg-primary-200 p-0 font-bold text-black dark:bg-cyan-700 dark:text-white\">{{ part.text }}</mark><template v-else>{{ part.text }}</template></template><span class=\"font-bold text-secondary-500 dark:text-zinc-400\">&nbsp;-&nbsp;</span>\r\n            </span>\r\n            <template v-for=\"(part, index) in getHighlightedParts(getOptionLabel(slotProps.option))\" :key=\"index\"><mark v-if=\"part.highlighted\" class=\"rounded-sm bg-primary-200 p-0 font-bold text-black dark:bg-cyan-700 dark:text-white\">{{ part.text }}</mark><template v-else>{{ part.text }}</template></template>\r\n          </span>\r\n        </div>\r\n      </template>\r\n\r\n      <template v-if=\"slots.footer\" #footer=\"slotProps\"><slot name=\"footer\" v-bind=\"slotProps\" /></template>\r\n    </TopAutoComplete>\r\n  </div>\r\n</template>\r\n\r\n<style>\r\n.top-select {\r\n  position: relative;\r\n  width: 100%;\r\n}\r\n\r\n.top-select .p-inputtext.p-component.p-inputtext-fluid.p-autocomplete-input {\r\n  padding-left: 35px !important;\r\n  border-radius: 10px 0 0 10px !important;\r\n}\r\n\r\n.top-select .p-autocomplete-dropdown {\r\n  border-radius: 0 10px 10px 0 !important;\r\n}\r\n\r\n.top-select-option-prefix {\r\n  color: var(--top-primary-800) !important;\r\n}\r\n\r\n.dark .top-select-option-prefix {\r\n  color: var(--top-primary-100) !important;\r\n}\r\n\r\n.top-select-option-label {\r\n  min-width: 0;\r\n  flex: 1;\r\n  display: -webkit-box;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-line-clamp: 2;\r\n  line-clamp: 2;\r\n  overflow: hidden;\r\n  overflow-wrap: anywhere;\r\n}\r\n\r\n.top-select-panel,\r\n.top-select-panel .p-virtualscroller,\r\n.top-select-panel .p-autocomplete-list-container,\r\n.top-select-panel .p-autocomplete-list { overflow-x: hidden !important; }\r\n.top-select-panel .p-autocomplete-option { max-width: 100%; }\r\n</style>\r\n","<script setup lang=\"ts\">\r\nimport Toast from 'primevue/toast'\r\nimport type { ToastMessageOptions } from 'primevue/toast'\r\n\r\nexport type TopToastFooter = string | number\r\n\r\nexport type TopToastAction = {\r\n  label: string\r\n  icon?: string\r\n  onClick?: () => void\r\n}\r\n\r\nexport type TopToastData = {\r\n  footer?: TopToastFooter\r\n  action?: TopToastAction\r\n}\r\n\r\ntype TopToastMessage = ToastMessageOptions & {\r\n  data?: TopToastData\r\n}\r\n\r\nwithDefaults(\r\n  defineProps<{\r\n    baseZIndex?: number\r\n  }>(),\r\n  {\r\n    baseZIndex: 30000,\r\n  },\r\n)\r\n\r\nfunction footerOf(message: TopToastMessage): TopToastFooter | undefined {\r\n  return message.data?.footer\r\n}\r\n\r\nfunction actionOf(message: TopToastMessage) {\r\n  return message.data?.action\r\n}\r\n\r\nfunction runAction(message: TopToastMessage) {\r\n  actionOf(message)?.onClick?.()\r\n}\r\n\r\nfunction hasFooter(message: TopToastMessage) {\r\n  return footerOf(message) !== undefined\r\n}\r\n\r\nfunction hasAction(message: TopToastMessage) {\r\n  return Boolean(actionOf(message))\r\n}\r\n\r\nfunction severityClass(message: TopToastMessage, element: 'summary' | 'detail' | 'action') {\r\n  const severity = message.severity ?? 'info'\r\n  return `top-toast__${element}--${severity}`\r\n}\r\n</script>\r\n\r\n<template>\r\n  <Toast position=\"top-right\" :base-z-index=\"baseZIndex\">\r\n    <template #message=\"slotProps\">\r\n      <div class=\"top-toast__content\">\r\n        <div :class=\"['top-toast__summary', severityClass(slotProps.message, 'summary')]\">{{ slotProps.message.summary }}</div>\r\n        <div class=\"top-toast__detail\">{{ slotProps.message.detail }}</div>\r\n        <slot\r\n          v-if=\"hasAction(slotProps.message)\"\r\n          name=\"action\"\r\n          :action=\"actionOf(slotProps.message)\"\r\n          :message=\"slotProps.message\"\r\n          :run=\"() => runAction(slotProps.message)\"\r\n        >\r\n          <button\r\n            v-if=\"actionOf(slotProps.message)\"\r\n            :class=\"['top-toast__action', severityClass(slotProps.message, 'action')]\"\r\n            type=\"button\"\r\n            @click=\"runAction(slotProps.message)\"\r\n          >\r\n            <i v-if=\"actionOf(slotProps.message)?.icon\" :class=\"actionOf(slotProps.message)?.icon\" aria-hidden=\"true\" />\r\n            {{ actionOf(slotProps.message)?.label }}\r\n          </button>\r\n        </slot>\r\n        <slot\r\n          v-if=\"hasFooter(slotProps.message)\"\r\n          name=\"footer\"\r\n          :message=\"slotProps.message\"\r\n          :footer=\"footerOf(slotProps.message)\"\r\n        >\r\n          <div v-if=\"footerOf(slotProps.message) !== undefined\" class=\"top-toast__footer\">\r\n            {{ footerOf(slotProps.message) }}\r\n          </div>\r\n        </slot>\r\n      </div>\r\n    </template>\r\n  </Toast>\r\n\r\n</template>\r\n\r\n<style>\r\n.top-toast__content { display: flex; width: 100%; flex-direction: column; gap: .5rem; }\r\n.top-toast__summary { font-weight: 600; }\r\n.top-toast__detail { font-size: .875rem; }\r\n.top-toast__footer { margin-top: .25rem; border-top: 1px solid #9ca3af; padding-top: .5rem; color: #6b7280; font-size: .75rem; }\r\n.top-toast__action { display: inline-flex; align-items: center; align-self: flex-start; gap: .5rem; border: 0; border-radius: 10px; padding: .25rem .75rem; color: #fff; font-size: .875rem; cursor: pointer; }\r\n.top-toast__summary--success, .top-toast__detail--success { color: #047857; }\r\n.top-toast__summary--error, .top-toast__detail--error { color: #dc2626; }\r\n.top-toast__summary--warn, .top-toast__detail--warn { color: #b45309; }\r\n.top-toast__summary--info, .top-toast__detail--info { color: #036da3; }\r\n.top-toast__summary--secondary, .top-toast__detail--secondary { color: #52525b; }\r\n.top-toast__summary--contrast, .top-toast__detail--contrast { color: #18181b; }\r\n.top-toast__action--success { background: #059669; }\r\n.top-toast__action--success:hover { background: #047857; }\r\n.top-toast__action--error { background: #dc2626; }\r\n.top-toast__action--error:hover { background: #b91c1c; }\r\n.top-toast__action--warn { background: #d97706; }\r\n.top-toast__action--warn:hover { background: #b45309; }\r\n.top-toast__action--info { background: #036da3; }\r\n.top-toast__action--info:hover { background: #02466b; }\r\n.top-toast__action--secondary { background: #52525b; }\r\n.top-toast__action--secondary:hover { background: #3f3f46; }\r\n.top-toast__action--contrast { background: #18181b; }\r\n.top-toast__action--contrast:hover { background: #000; }\r\n</style>\r\n","<script setup lang=\"ts\">\r\nimport Toast from 'primevue/toast'\r\nimport type { ToastMessageOptions } from 'primevue/toast'\r\n\r\nexport type TopToastFooter = string | number\r\n\r\nexport type TopToastAction = {\r\n  label: string\r\n  icon?: string\r\n  onClick?: () => void\r\n}\r\n\r\nexport type TopToastData = {\r\n  footer?: TopToastFooter\r\n  action?: TopToastAction\r\n}\r\n\r\ntype TopToastMessage = ToastMessageOptions & {\r\n  data?: TopToastData\r\n}\r\n\r\nwithDefaults(\r\n  defineProps<{\r\n    baseZIndex?: number\r\n  }>(),\r\n  {\r\n    baseZIndex: 30000,\r\n  },\r\n)\r\n\r\nfunction footerOf(message: TopToastMessage): TopToastFooter | undefined {\r\n  return message.data?.footer\r\n}\r\n\r\nfunction actionOf(message: TopToastMessage) {\r\n  return message.data?.action\r\n}\r\n\r\nfunction runAction(message: TopToastMessage) {\r\n  actionOf(message)?.onClick?.()\r\n}\r\n\r\nfunction hasFooter(message: TopToastMessage) {\r\n  return footerOf(message) !== undefined\r\n}\r\n\r\nfunction hasAction(message: TopToastMessage) {\r\n  return Boolean(actionOf(message))\r\n}\r\n\r\nfunction severityClass(message: TopToastMessage, element: 'summary' | 'detail' | 'action') {\r\n  const severity = message.severity ?? 'info'\r\n  return `top-toast__${element}--${severity}`\r\n}\r\n</script>\r\n\r\n<template>\r\n  <Toast position=\"top-right\" :base-z-index=\"baseZIndex\">\r\n    <template #message=\"slotProps\">\r\n      <div class=\"top-toast__content\">\r\n        <div :class=\"['top-toast__summary', severityClass(slotProps.message, 'summary')]\">{{ slotProps.message.summary }}</div>\r\n        <div class=\"top-toast__detail\">{{ slotProps.message.detail }}</div>\r\n        <slot\r\n          v-if=\"hasAction(slotProps.message)\"\r\n          name=\"action\"\r\n          :action=\"actionOf(slotProps.message)\"\r\n          :message=\"slotProps.message\"\r\n          :run=\"() => runAction(slotProps.message)\"\r\n        >\r\n          <button\r\n            v-if=\"actionOf(slotProps.message)\"\r\n            :class=\"['top-toast__action', severityClass(slotProps.message, 'action')]\"\r\n            type=\"button\"\r\n            @click=\"runAction(slotProps.message)\"\r\n          >\r\n            <i v-if=\"actionOf(slotProps.message)?.icon\" :class=\"actionOf(slotProps.message)?.icon\" aria-hidden=\"true\" />\r\n            {{ actionOf(slotProps.message)?.label }}\r\n          </button>\r\n        </slot>\r\n        <slot\r\n          v-if=\"hasFooter(slotProps.message)\"\r\n          name=\"footer\"\r\n          :message=\"slotProps.message\"\r\n          :footer=\"footerOf(slotProps.message)\"\r\n        >\r\n          <div v-if=\"footerOf(slotProps.message) !== undefined\" class=\"top-toast__footer\">\r\n            {{ footerOf(slotProps.message) }}\r\n          </div>\r\n        </slot>\r\n      </div>\r\n    </template>\r\n  </Toast>\r\n\r\n</template>\r\n\r\n<style>\r\n.top-toast__content { display: flex; width: 100%; flex-direction: column; gap: .5rem; }\r\n.top-toast__summary { font-weight: 600; }\r\n.top-toast__detail { font-size: .875rem; }\r\n.top-toast__footer { margin-top: .25rem; border-top: 1px solid #9ca3af; padding-top: .5rem; color: #6b7280; font-size: .75rem; }\r\n.top-toast__action { display: inline-flex; align-items: center; align-self: flex-start; gap: .5rem; border: 0; border-radius: 10px; padding: .25rem .75rem; color: #fff; font-size: .875rem; cursor: pointer; }\r\n.top-toast__summary--success, .top-toast__detail--success { color: #047857; }\r\n.top-toast__summary--error, .top-toast__detail--error { color: #dc2626; }\r\n.top-toast__summary--warn, .top-toast__detail--warn { color: #b45309; }\r\n.top-toast__summary--info, .top-toast__detail--info { color: #036da3; }\r\n.top-toast__summary--secondary, .top-toast__detail--secondary { color: #52525b; }\r\n.top-toast__summary--contrast, .top-toast__detail--contrast { color: #18181b; }\r\n.top-toast__action--success { background: #059669; }\r\n.top-toast__action--success:hover { background: #047857; }\r\n.top-toast__action--error { background: #dc2626; }\r\n.top-toast__action--error:hover { background: #b91c1c; }\r\n.top-toast__action--warn { background: #d97706; }\r\n.top-toast__action--warn:hover { background: #b45309; }\r\n.top-toast__action--info { background: #036da3; }\r\n.top-toast__action--info:hover { background: #02466b; }\r\n.top-toast__action--secondary { background: #52525b; }\r\n.top-toast__action--secondary:hover { background: #3f3f46; }\r\n.top-toast__action--contrast { background: #18181b; }\r\n.top-toast__action--contrast:hover { background: #000; }\r\n</style>\r\n"],"mappings":"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"}