@fiscozen/checkbox 3.0.2 → 3.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/dist/checkbox.css +1 -1
  3. package/dist/checkbox.js +193 -190
  4. package/dist/checkbox.umd.cjs +2 -2
  5. package/dist/src/common.d.ts +6 -0
  6. package/package.json +7 -7
  7. package/src/__tests__/__snapshots__/FzCheckbox.spec.ts.snap +9 -9
  8. package/src/__tests__/__snapshots__/FzCheckboxCard.spec.ts.snap +1 -1
  9. package/src/__tests__/__snapshots__/FzCheckboxGroup.spec.ts.snap +12 -12
  10. package/src/common.ts +7 -2
  11. package/tsconfig.tsbuildinfo +1 -1
package/dist/checkbox.umd.cjs CHANGED
@@ -1,4 +1,4 @@
1
- (function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`),require(`@fiscozen/icons`)):typeof define==`function`&&define.amd?define([`exports`,`vue`,`@fiscozen/icons`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.FzCheckbox={},e.Vue,e._fiscozen_icons))})(this,function(e,t,n){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});function r(e){return`${e}-${Date.now()-16e11}-${Math.random().toString(36).slice(2,7)}`}function i(){return r(`fz-checkbox`)}function a(){return r(`fz-checkbox-group`)}var o=new DOMRect(0,0,window.innerWidth,window.innerHeight),s=(e,t,n,r,i)=>{let a=i?`bottom`:`right`,s=i?`bottom-start`:`right-start`;o.width=window.innerWidth,o.height=window.innerHeight,o.x=0,o.y=0;let c=e?e.getBoundingClientRect():o,l=t.getBoundingClientRect(),u=n.getBoundingClientRect(),d=(u.left-c.left-l.width)/c.width,f=(c.right-u.right-l.width)/c.width,p=(u.top-c.top-l.height)/c.height,m=(c.bottom-u.bottom-l.height)/c.height,h=[{key:`right`,space:f},{key:`top`,space:p},{key:`bottom`,space:m},{key:`left`,space:d}].sort((e,t)=>t.space-e.space);if(i&&(h=h.filter(e=>e.key===`top`||e.key===`bottom`)),a=h[0].key,!r){let e=(l.height-u.height)/2;switch(a){case`right`:case`left`:c.top>u.top-e&&(r=`end`),c.bottom<u.top-e&&(r=`start`);break;default:break}}return s=r?`${a}-${r}`:a,s},c=(e,t,n,r)=>({x:t.x+e.width*n/100,y:t.y+e.height*r/100}),l=e=>typeof e==`string`?document.querySelector(e):e,u=e=>({left:parseFloat(e.marginLeft),right:parseFloat(e.marginRight),top:parseFloat(e.marginTop),bottom:parseFloat(e.marginBottom)}),d={bottom:(e,t)=>({position:{x:e.left-t.left+e.width/2,y:e.bottom},transform:{x:-50,y:0}}),"bottom-start":(e,t)=>({position:{x:e.left-t.left,y:e.bottom},transform:{x:0,y:0}}),"bottom-end":(e,t)=>({position:{x:e.right+t.right,y:e.bottom},transform:{x:-100,y:0}}),top:(e,t)=>({position:{x:e.left-t.left+e.width/2,y:e.top-t.bottom},transform:{x:-50,y:-100}}),"top-start":(e,t)=>({position:{x:e.left-t.left,y:e.top-t.bottom},transform:{x:0,y:-100}}),"top-end":(e,t)=>({position:{x:e.right+t.right,y:e.top-t.bottom},transform:{x:-100,y:-100}}),left:(e,t)=>({position:{x:e.left-t.right,y:e.top-t.top+e.height/2},transform:{x:-100,y:-50}}),"left-start":(e,t)=>({position:{x:e.left-t.right,y:e.top-t.top},transform:{x:-100,y:0}}),"left-end":(e,t)=>({position:{x:e.left-t.right,y:e.bottom+t.bottom},transform:{x:-100,y:-100}}),right:(e,t)=>({position:{x:e.right+t.left,y:e.top-t.top+e.height/2},transform:{x:0,y:-50}}),"right-start":(e,t)=>({position:{x:e.right+t.left,y:e.top-t.top},transform:{x:0,y:0}}),"right-end":(e,t)=>({position:{x:e.right+t.left,y:e.bottom+t.bottom},transform:{x:0,y:-100}})},f=(e,t,n)=>{let r=d[e];return r?r(t,n):{position:{x:0,y:0},transform:{x:0,y:0}}},p={bottom:(e,t)=>({position:{x:e.left+e.width/2,y:e.bottom-t.height},transform:{x:-50,y:0}}),"bottom-start":(e,t)=>({position:{x:e.left,y:e.bottom-t.height},transform:{x:0,y:0}}),"bottom-end":(e,t)=>({position:{x:e.right-t.width,y:e.bottom-t.height},transform:{x:0,y:0}}),top:e=>({position:{x:e.left+e.width/2,y:e.top},transform:{x:-50,y:0}}),"top-start":e=>({position:{x:e.left,y:e.top},transform:{x:0,y:0}}),"top-end":(e,t)=>({position:{x:e.right-t.width,y:e.top},transform:{x:0,y:0}}),left:(e,t)=>({position:{x:e.left,y:e.top+(e.height-t.height)/2},transform:{x:0,y:0}}),"left-start":e=>({position:{x:e.left,y:e.top},transform:{x:0,y:0}}),"left-end":(e,t)=>({position:{x:e.left,y:e.bottom-t.height},transform:{x:0,y:0}}),right:(e,t)=>({position:{x:e.right-t.width,y:e.top+(e.height-t.height)/2},transform:{x:0,y:0}}),"right-start":(e,t)=>({position:{x:e.right-t.width,y:e.top},transform:{x:0,y:0}}),"right-end":(e,t)=>({position:{x:e.right-t.width,y:e.bottom-t.height},transform:{x:0,y:0}})},m=(e,t,n)=>{let r=p[e];return r?r(t,n):{position:{x:0,y:0},transform:{x:0,y:0}}},h=(e,t,n,r)=>{let i={...e},a={...r};if(e.x<n.left&&(i.x=n.left,a.x=0),e.x+t.width>n.right){let e=n.right-t.width;e>0&&(i.x=e),a.x=0}if(e.y<n.top&&(i.y=n.top,a.y=0),e.y+t.height>n.bottom){let e=n.bottom-t.height;e>0&&(i.y=e),a.y=0}return{position:i,transform:a}},g=(e,t,n,r,i)=>{let a=i?null:t;switch(e){case`auto`:return s(a,n,r);case`auto-vertical`:return s(a,n,r,void 0,!0);case`auto-start`:return s(a,n,r,`start`);case`auto-vertical-start`:return s(a,n,r,`start`,!0);case`auto-end`:return s(a,n,r,`end`);case`auto-vertical-end`:return s(a,n,r,`end`,!0);default:return`bottom-start`}},_=e=>e.startsWith(`auto`),v=e=>{let n=(0,t.ref)(`auto`),r=(0,t.ref)(),i=(0,t.ref)(),a=(0,t.ref)(),o=(0,t.ref)(),s=(0,t.reactive)({position:{x:0,y:0}}),d={root:null,rootMargin:`0px`,threshold:1,...e.element.value.intersectionOptions},p=(0,t.ref)(new IntersectionObserver(()=>{},d)),v=()=>{let t=l(e.element.value.domRef.value);return t?{element:t,container:e.container?.value?l(e.container.value.domRef.value)??document.body:document.body,opener:e.opener?.value?l(e.opener.value.domRef.value):null}:null},y=e=>({element:e.element.getBoundingClientRect(),container:e.container.getBoundingClientRect(),opener:e.opener?.getBoundingClientRect()??null});return(0,t.onUnmounted)(()=>{p.value.disconnect()}),{float:s,rect:i,setPosition:(l=!1)=>(0,t.nextTick)(()=>{r.value=e.position?.value??`auto`;let t=v();if(!t)return;Object.assign(t.element.style,{position:`fixed`,top:`0px`,left:`0px`});let d=y(t);i.value=d.element,a.value=d.opener??void 0,o.value=d.container,p.value.observe(t.element),p.value.observe(t.container),_(r.value)&&t.opener&&(r.value=g(r.value,t.container,t.element,t.opener,e.useViewport?.value??!1));let b=u(window.getComputedStyle(t.element)),x=t.opener&&d.opener?f(r.value,d.opener,b):m(r.value,d.container,d.element),S=h(c(d.element,x.position,x.transform.x,x.transform.y),d.element,d.container,x.transform);s.position.x=S.position.x,s.position.y=S.position.y,Object.assign(t.element.style,{top:`${s.position.y}px`,left:`${s.position.x}px`,position:`fixed`,display:`flex`}),i.value=t.element.getBoundingClientRect(),e.callback?.value&&!l&&e.callback.value(i,a,o,n,r)}),position:n,actualPosition:r,openerRect:a,containerRect:o}};function y(e){let n=window.matchMedia(e),r=(0,t.ref)(n.matches);function i(e){r.value=e.matches}return(0,t.onMounted)(()=>{n.addEventListener(`change`,i)}),(0,t.onUnmounted)(()=>{n.removeEventListener(`change`,i)}),(0,t.computed)(()=>r.value)}var b={global:{blue:{50:{value:`#eff1ff`,type:`color`},100:{value:`#dee2ff`,type:`color`},200:{value:`#bdc5ff`,type:`color`},300:{value:`#9ca8ff`,type:`color`},400:{value:`#7b8bff`,type:`color`},500:{value:`#5a6eff`,type:`color`},600:{value:`#4858cc`,type:`color`},700:{value:`#364299`,type:`color`},800:{value:`#242c66`,type:`color`},900:{value:`#1b214c`,type:`color`}},purple:{50:{value:`#f8f4ff`,type:`color`},100:{value:`#f0e9ff`,type:`color`},200:{value:`#e1d3ff`,type:`color`},300:{value:`#d2bdff`,type:`color`},400:{value:`#c3a7ff`,type:`color`},500:{value:`#b491ff`,type:`color`},600:{value:`#9074cc`,type:`color`},700:{value:`#6c5799`,type:`color`},800:{value:`#483a66`,type:`color`},900:{value:`#241d33`,type:`color`}},orange:{50:{value:`#fff2ef`,type:`color`},100:{value:`#ffe4de`,type:`color`},200:{value:`#ffc9bd`,type:`color`},300:{value:`#ffae9c`,type:`color`},400:{value:`#ff937b`,type:`color`},500:{value:`#ff785a`,type:`color`},600:{value:`#cc6048`,type:`color`},700:{value:`#994836`,type:`color`},800:{value:`#663024`,type:`color`},900:{value:`#331812`,type:`color`}},pink:{50:{value:`#fff5f5`,type:`color`},100:{value:`#ffe0e0`,type:`color`},200:{value:`#ffcbcb`,type:`color`},300:{value:`#ffc0c0`,type:`color`},400:{value:`#ffabab`,type:`color`},500:{value:`#ff9696`,type:`color`},600:{value:`#cc7878`,type:`color`},700:{value:`#995a5a`,type:`color`},800:{value:`#663c3c`,type:`color`},900:{value:`#331e1e`,type:`color`}},yellow:{50:{value:`#fffbf4`,type:`color`},100:{value:`#fff3de`,type:`color`},200:{value:`#ffebc8`,type:`color`},300:{value:`#ffe7bd`,type:`color`},400:{value:`#ffdfa7`,type:`color`},500:{value:`#ffd791`,type:`color`},600:{value:`#ccac74`,type:`color`},700:{value:`#998157`,type:`color`},800:{value:`#806c49`,type:`color`},900:{value:`#4c402b`,type:`color`}},semantic:{error:{50:{value:`#fef3f3`,type:`color`},100:{value:`#f8baba`,type:`color`},200:{value:`#f04242`,type:`color`},300:{value:`#aa2f2f`,type:`color`}},warning:{50:{value:`#fff8f3`,type:`color`},100:{value:`#ffdabd`,type:`color`},200:{value:`#ffae4f`,type:`color`},300:{value:`#b47b38`,type:`color`}},success:{50:{value:`#f2f8f6`,type:`color`},100:{value:`#b5d8ce`,type:`color`},200:{value:`#0fa88c`,type:`color`},300:{value:`#0b7763`,type:`color`}},info:{50:{value:`#f3f7ff`,type:`color`},100:{value:`#b4c8e1`,type:`color`},200:{value:`#4e9fff`,type:`color`},300:{value:`#3770b4`,type:`color`}}},background:{"white-smoke":{value:`#f7f6f3`,type:`color`},seashell:{value:`#f8ece7`,type:`color`},"pale-purple":{value:`#f2e6ff`,type:`color`},"alice-blue":{value:`#ecf2fc`,type:`color`}},grey:{100:{value:`#e9edf0`,type:`color`},200:{value:`#d1dde6`,type:`color`},300:{value:`#9da9b2`,type:`color`},400:{value:`#6e777e`,type:`color`},500:{value:`#596167`,type:`color`}},core:{white:{value:`#ffffff`,type:`color`},black:{value:`#2c282f`,type:`color`}},"font-sans":{"sharp-grotesk":{value:`"Sharp Grotesk", sans-serif`,type:`fontFamilies`},inter:{value:`"Inter", sans-serif`,type:`fontFamilies`}},font:{light:{value:`300`,type:`fontWeights`},normal:{value:`400`,type:`fontWeights`},medium:{value:`500`,type:`fontWeights`}},spacing:{0:{value:`0px`,type:`spacing`},1:{value:`1px`,type:`spacing`},2:{value:`2px`,type:`spacing`},4:{value:`4px`,type:`spacing`},6:{value:`6px`,type:`spacing`},8:{value:`8px`,type:`spacing`},10:{value:`10px`,type:`spacing`},12:{value:`12px`,type:`spacing`},14:{value:`14px`,type:`spacing`},16:{value:`16px`,type:`spacing`},20:{value:`20px`,type:`spacing`},24:{value:`24px`,type:`spacing`},28:{value:`28px`,type:`spacing`},32:{value:`32px`,type:`spacing`},36:{value:`36px`,type:`spacing`},40:{value:`40px`,type:`spacing`},44:{value:`44px`,type:`spacing`},48:{value:`48px`,type:`spacing`},56:{value:`56px`,type:`spacing`},64:{value:`64px`,type:`spacing`},80:{value:`80px`,type:`spacing`},96:{value:`96px`,type:`spacing`},112:{value:`112px`,type:`spacing`},128:{value:`128px`,type:`spacing`},144:{value:`144px`,type:`spacing`},160:{value:`160px`,type:`spacing`},176:{value:`176px`,type:`spacing`},192:{value:`192px`,type:`spacing`},208:{value:`208px`,type:`spacing`},224:{value:`224px`,type:`spacing`},240:{value:`240px`,type:`spacing`},256:{value:`256px`,type:`spacing`},288:{value:`288px`,type:`spacing`},320:{value:`320px`,type:`spacing`},384:{value:`384px`,type:`spacing`}},border:{0:{value:`0px`,type:`borderWidth`},1:{value:`1px`,type:`borderWidth`},2:{value:`2px`,type:`borderWidth`},4:{value:`4px`,type:`borderWidth`},8:{value:`8px`,type:`borderWidth`}},rounded:{none:{value:`0px`,type:`borderRadius`},sm:{value:`2px`,type:`borderRadius`},base:{value:`4px`,type:`borderRadius`},md:{value:`6px`,type:`borderRadius`},lg:{value:`8px`,type:`borderRadius`},xl:{value:`12px`,type:`borderRadius`},"2xl":{value:`16px`,type:`borderRadius`},"3xl":{value:`24px`,type:`borderRadius`},full:{value:`9999px`,type:`borderRadius`}},breakpoint:{xs:{value:`376px`,type:`sizing`},sm:{value:`640px`,type:`sizing`},md:{value:`768px`,type:`sizing`},lg:{value:`1024px`,type:`sizing`},xl:{value:`1280px`,type:`sizing`},"2xl":{value:`1440px`,type:`sizing`},"3xl":{value:`1536px`,type:`sizing`}},shadow:{none:{value:{color:`#000000`,type:`dropShadow`,x:`0`,y:`0`,blur:`0`,spread:`0`},type:`boxShadow`},sm:{value:{color:`#0000000d`,type:`dropShadow`,x:`0`,y:`1`,blur:`2`,spread:`0`},type:`boxShadow`},base:{value:[{color:`#0000000f`,type:`dropShadow`,x:`0`,y:`1`,blur:`2`,spread:`0`},{color:`#0000001a`,type:`dropShadow`,x:`0`,y:`1`,blur:`3`,spread:`0`}],type:`boxShadow`},md:{value:[{color:`#0000000f`,type:`dropShadow`,x:`0`,y:`2`,blur:`4`,spread:`-1`},{color:`#0000001a`,type:`dropShadow`,x:`0`,y:`4`,blur:`6`,spread:`-1`}],type:`boxShadow`},lg:{value:[{color:`#0000000d`,type:`dropShadow`,x:`0`,y:`4`,blur:`6`,spread:`-2`},{color:`#0000001a`,type:`dropShadow`,x:`0`,y:`10`,blur:`15`,spread:`-3`}],type:`boxShadow`},xl:{value:[{color:`#0000000a`,type:`dropShadow`,x:`0`,y:`10`,blur:`10`,spread:`-5`},{color:`#0000001a`,type:`dropShadow`,x:`0`,y:`20`,blur:`25`,spread:`-5`}],type:`boxShadow`},"2xl":{value:{color:`#00000040`,type:`dropShadow`,x:`0`,y:`25`,blur:`50`,spread:`-12`},type:`boxShadow`},inner:{value:{color:`#0000000f`,type:`innerShadow`,x:`0`,y:`2`,blur:`4`,spread:`0`},type:`boxShadow`}},underline:{value:`underline`,type:`textDecoration`},text:{xs:{value:`12px`,type:`fontSizes`},sm:{value:`14px`,type:`fontSizes`},base:{value:`16px`,type:`fontSizes`},lg:{value:`18px`,type:`fontSizes`},xl:{value:`20px`,type:`fontSizes`},"2xl":{value:`24px`,type:`fontSizes`},"3xl":{value:`30px`,type:`fontSizes`},"4xl":{value:`36px`,type:`fontSizes`},"5xl":{value:`48px`,type:`fontSizes`},"6xl":{value:`60px`,type:`fontSizes`},"7xl":{value:`72px`,type:`fontSizes`},"8xl":{value:`96px`,type:`fontSizes`},"9xl":{value:`128px`,type:`fontSizes`}},leading:{xs:{value:`16px`,type:`lineHeights`},sm:{value:`18px`,type:`lineHeights`},base:{value:`20px`,type:`lineHeights`},lg:{value:`24px`,type:`lineHeights`},xl:{value:`28px`,type:`lineHeights`},"2xl":{value:`32px`,type:`lineHeights`},"3xl":{value:`36px`,type:`lineHeights`},"4xl":{value:`40px`,type:`lineHeights`},"5xl":{value:`48px`,type:`lineHeights`},"6xl":{value:`60px`,type:`lineHeights`},"7xl":{value:`72px`,type:`lineHeights`},"8xl":{value:`96px`,type:`lineHeights`},"9xl":{value:`128px`,type:`lineHeights`}}},alias:{avatar:{initials:{"background-color":{value:`{core.black}`,type:`color`},color:{value:`{core.white}`,type:`color`},spacing:{value:`{spacing.32}`,type:`spacing`},"border-radius":{value:`{rounded.full}`,type:`borderRadius`},"font-family":{value:`{font-sans.inter}`,type:`fontFamilies`},"font-weight":{value:`{font.normal}`,type:`fontWeights`},"font-size":{value:`{text.sm}`,type:`fontSizes`},"line-height":{value:`{leading.sm}`,type:`lineHeights`}},image:{"border-radius":{value:`{rounded.full}`,type:`borderRadius`},sm:{value:`{spacing.16}`,type:`spacing`},md:{value:`{spacing.24}`,type:`spacing`},lg:{value:`{spacing.32}`,type:`spacing`},xl:{value:`{spacing.40}`,type:`spacing`}}},"nav-link":{spacing:{value:`{spacing.32}`,type:`spacing`},"border-radius":{value:`{rounded.base}`,type:`borderRadius`},"font-family":{value:`{font-sans.inter}`,type:`fontFamilies`},"font-weight":{value:`{font.medium}`,type:`fontWeights`},"line-height":{value:`{leading.sm}`,type:`lineHeights`},"font-size":{value:`{text.sm}`,type:`fontSizes`},"background-color":{default:{value:`none`,type:`color`},hover:{value:`{background.alice-blue}`,type:`color`},pressed:{value:`{background.alice-blue}`,type:`color`},focus:{value:`{background.alice-blue}`,type:`color`},disabled:{value:`none`,type:`color`}},color:{default:{value:`{grey.500}`,type:`color`},hover:{value:`{blue.500}`,type:`color`},pressed:{value:`{blue.500}`,type:`color`},focus:{value:`{blue.500}`,type:`color`},disabled:{value:`{grey.100}`,type:`color`}},border:{default:{value:`none`,type:`color`},hover:{value:`none`,type:`color`},pressed:{value:`none`,type:`color`},focus:{value:`{blue.500}`,type:`color`},disabled:{value:`none`,type:`color`}},"border-width":{default:{value:`none`,type:`borderWidth`},hover:{value:`none`,type:`borderWidth`},pressed:{value:`none`,type:`borderWidth`},focus:{value:`{border.1}`,type:`borderWidth`},disabled:{value:`none`,type:`borderWidth`}},"box-shadow":{default:{value:`{shadow.none}`,type:`boxShadow`},hover:{value:`{shadow.none}`,type:`boxShadow`},pressed:{value:`{shadow.inner}`,type:`boxShadow`},focus:{value:`none`,type:`boxShadow`},disabled:{value:`none`,type:`boxShadow`}}},"icon-button":{button:{sm:{value:`{spacing.28}`,type:`spacing`},md:{value:`{spacing.32}`,type:`spacing`},lg:{value:`{spacing.40}`,type:`spacing`}},icon:{sm:{value:`{spacing.16}`,type:`spacing`},md:{value:`{spacing.20}`,type:`spacing`}},primary:{"background-color":{default:{value:`{blue.500}`,type:`color`},hover:{value:`{blue.600}`,type:`color`},pressed:{value:`{blue.600}`,type:`color`},focus:{value:`{blue.500}`,type:`color`},disabled:{value:`{blue.200}`,type:`color`}},color:{default:{value:`{core.white}`,type:`color`},hover:{value:`{core.white}`,type:`color`},pressed:{value:`{core.white}`,type:`color`},focus:{value:`{core.white}`,type:`color`},disabled:{value:`{core.white}`,type:`color`}},border:{default:{value:`none`,type:`color`},hover:{value:`none`,type:`color`},pressed:{value:`none`,type:`color`},focus:{value:`{blue.600}`,type:`color`},disabled:{value:`none`,type:`color`}},"border-width":{default:{value:`none`,type:`borderWidth`},hover:{value:`none`,type:`borderWidth`},pressed:{value:`none`,type:`borderWidth`},focus:{value:`{border.1}`,type:`borderWidth`},disabled:{value:`none`,type:`borderWidth`}}},secondary:{"background-color":{default:{value:`none`,type:`color`},hover:{value:`{grey.100}`,type:`color`},pressed:{value:`{grey.100}`,type:`color`},focus:{value:`none`,type:`color`},disabled:{value:`none`,type:`color`}},color:{default:{value:`{grey.500}`,type:`color`},hover:{value:`{grey.500}`,type:`color`},pressed:{value:`{grey.500}`,type:`color`},focus:{value:`{grey.500}`,type:`color`},disabled:{value:`{grey.100}`,type:`color`}},border:{default:{value:`{grey.200}`,type:`color`},hover:{value:`{grey.200}`,type:`color`},pressed:{value:`{grey.200}`,type:`color`},focus:{value:`{blue.600}`,type:`color`},disabled:{value:`{grey.100}`,type:`color`}},"border-width":{value:`{border.1}`,type:`borderWidth`}},notification:{"background-color":{default:{value:`none`,type:`color`},hover:{value:`{grey.100}`,type:`color`},pressed:{value:`{grey.100}`,type:`color`}},color:{default:{value:`{grey.500}`,type:`color`},hover:{value:`{grey.500}`,type:`color`},pressed:{value:`{grey.500}`,type:`color`},focus:{value:`{grey.500}`,type:`color`},disabled:{value:`{grey.100}`,type:`color`}},border:{default:{value:`{grey.200}`,type:`color`},hover:{value:`{grey.200}`,type:`color`},pressed:{value:`{grey.200}`,type:`color`},focus:{value:`{grey.200}`,type:`color`},disabled:{value:`{grey.100}`,type:`color`}},"border-width":{value:`{border.1}`,type:`borderWidth`}},"notification-badge":{"background-color":{default:{value:`{blue.500}`,type:`color`},hover:{value:`{blue.500}`,type:`color`},pressed:{value:`{blue.500}`,type:`color`},focus:{value:`{blue.500}`,type:`color`},disabled:{value:`{grey.200}`,type:`color`}},border:{default:{value:`{core.white}`,type:`color`},hover:{value:`{core.white}`,type:`color`},pressed:{value:`{core.white}`,type:`color`},focus:{value:`{core.white}`,type:`color`},disabled:{value:`{core.white}`,type:`color`}},sm:{value:`{spacing.6}`,type:`spacing`},md:{value:`{spacing.8}`,type:`spacing`},lg:{value:`{spacing.10}`,type:`spacing`},"border-width":{value:`{border.1}`,type:`borderWidth`}},invisible:{"background-color":{default:{value:`none`,type:`color`},hover:{value:`{grey.100}`,type:`color`},pressed:{value:`{grey.100}`,type:`color`},focus:{value:`none`,type:`color`},disabled:{value:`none`,type:`color`}},color:{default:{value:`{grey.500}`,type:`color`},hover:{value:`{grey.500}`,type:`color`},pressed:{value:`{grey.500}`,type:`color`},focus:{value:`{grey.500}`,type:`color`},disabled:{value:`{grey.100}`,type:`color`}},border:{default:{value:`none`,type:`color`},hover:{value:`none`,type:`color`},pressed:{value:`none`,type:`color`},focus:{value:`{blue.600}`,type:`color`},disabled:{value:`{grey.100}`,type:`color`}},"border-width":{default:{value:`none`,type:`borderWidth`},hover:{value:`none`,type:`borderWidth`},pressed:{value:`none`,type:`borderWidth`},focus:{value:`{border.1}`,type:`borderWidth`},disabled:{value:`{border.1}`,type:`borderWidth`}}},"border-radius":{value:`{rounded.base}`,type:`borderRadius`},"box-shadow":{default:{value:`{shadow.none}`,type:`boxShadow`},hover:{value:`{shadow.none}`,type:`boxShadow`},pressed:{value:`{shadow.inner}`,type:`boxShadow`},focus:{value:`none`,type:`boxShadow`},disabled:{value:`none`,type:`boxShadow`}}},breadcrumbs:{color:{"previous-page":{value:`{blue.500}`,type:`color`},divider:{value:`{grey.300}`,type:`color`},"current-page":{value:`{grey.500}`,type:`color`}},"font-family":{value:`{font-sans.inter}`,type:`fontFamilies`},"font-weight":{value:`{font.normal}`,type:`fontWeights`},"line-height":{value:`{leading.sm}`,type:`lineHeights`},"font-size":{value:`{text.sm}`,type:`fontSizes`}},"main-content":{sm:{value:`{spacing.32}`,type:`spacing`},base:{value:`{spacing.48}`,type:`spacing`},lg:{value:`{spacing.64}`,type:`spacing`}},"section-content":{none:{value:`{spacing.0}`,type:`spacing`},xs:{value:`{spacing.8}`,type:`spacing`},sm:{value:`{spacing.16}`,type:`spacing`},base:{value:`{spacing.24}`,type:`spacing`},lg:{value:`{spacing.32}`,type:`spacing`}}},$themes:[],$metadata:{tokenSetOrder:[`global`,`alias`]}},x={$schema:`http://json-schema.org/draft-07/schema#`,description:`Lista dei colori da includere nella safelist di Tailwind. Per aggiungere un nuovo colore, aggiungi il suo nome qui e rigenera il build con 'pnpm run build'.`,safeColorNames:[`blue`,`purple`,`orange`,`pink`,`yellow`,`grey`,`core`]},S={$schema:`http://json-schema.org/draft-07/schema#`,description:`Lista dei colori semantici da includere nella safelist di Tailwind. Per aggiungere un nuovo colore semantico, aggiungi il suo nome qui e rigenera il build con 'pnpm run build'.`,semanticColorNames:[`error`,`warning`,`success`,`info`]},C=x.safeColorNames,w=S.semanticColorNames,T={};C.forEach(e=>{let t=b.global[e];t&&Object.keys(t).forEach(n=>{let r=t[n]?.value;r&&(T[e]||(T[e]={}),T[e][n]=r)})});var E=b.global.semantic;E&&w.forEach(e=>{let t=E[e];t&&typeof t==`object`&&Object.keys(t).forEach(n=>{let r=t[n]?.value;if(r){let t=`semantic-${e}`;T[t]||(T[t]={}),T[t][n]=r}})});var D=Object.entries(b.global.breakpoint).reduce((e,[t,n])=>(e[t]=n.value,e),{}),O=(0,t.defineComponent)({__name:`FzFloating`,props:{isOpen:{type:Boolean,default:!1},position:{default:`auto`},container:{},contentClass:{},openerClass:{},overrideContentClass:{type:Boolean},overrideOpener:{},teleport:{type:Boolean,default:!1},useViewport:{type:Boolean}},emits:[`fzfloating:setPosition`],setup(e,{expose:n,emit:r}){let i=e,a=r,o=(0,t.ref)(null),s=(0,t.ref)(null),c=(0,t.useSlots)(),l=y(`(max-width: ${D.xs})`),u=!1,d=!1,f=null,p=null,m={position:i.position,element:{domRef:o},container:{domRef:(0,t.toRef)(i.container||document.body)},opener:{domRef:(0,t.toRef)(null)},useViewport:i.useViewport,callback(...e){a(`fzfloating:setPosition`,...e)}},h=(0,t.toRefs)(m);c.opener&&(m.opener={domRef:s});let g=v(h),_=()=>{u||!d||(u=!0,requestAnimationFrame(()=>{d&&i.isOpen&&g.setPosition(),u=!1}))};(0,t.onMounted)(()=>{d=!0});let b=()=>{_()},x=()=>{_()},S=()=>{window.addEventListener(`scroll`,b,!0),window.addEventListener(`resize`,x),o.value&&!f&&(f=new ResizeObserver(()=>{_()}),f.observe(o.value)),s.value&&!p&&(p=new ResizeObserver(()=>{_()}),p.observe(s.value))},C=()=>{window.removeEventListener(`scroll`,b,!0),window.removeEventListener(`resize`,x),f&&=(f.disconnect(),null),p&&=(p.disconnect(),null)};(0,t.watch)(()=>i.position,()=>_()),(0,t.watch)(()=>i.isOpen,e=>{if(!e||!o.value||!d){C();return}S();let t=s.value?.getBoundingClientRect();o.value.style.position=`fixed`,o.value.style.top=`0px`,o.value.style.left=`0px`,o.value.style.transform=`none`,o.value.style.width=l.value?t?.width+`px`:`auto`,g.setPosition()}),(0,t.watch)(()=>i.overrideOpener,e=>{e&&h.opener&&h.opener.value&&(h.opener.value={domRef:e})}),(0,t.onBeforeUnmount)(()=>{d=!1,C()});let w=e=>e.startsWith(`bottom`)?`mt-4`:e.startsWith(`top`)?`mb-4`:e.startsWith(`left`)?`mr-4`:e.startsWith(`right`)?`ml-4`:`mt-4`,T=(0,t.computed)(()=>w(g.actualPosition?.value??i.position)),E=(0,t.computed)(()=>i.overrideContentClass?i.contentClass:[`bg-core-white fixed`,T.value,i.contentClass]);return n({setPosition:g.setPosition}),(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,null,[(0,t.renderSlot)(n.$slots,`opener-start`),(0,t.createElementVNode)(`div`,{ref_key:`opener`,ref:s,class:`inline-flex w-full sm:w-auto`},[(0,t.renderSlot)(n.$slots,`opener`,{isOpen:e.isOpen,floating:(0,t.unref)(g)})],512),(0,t.renderSlot)(n.$slots,`opener-end`),e.teleport?(0,t.createCommentVNode)(``,!0):(0,t.withDirectives)(((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,ref_key:`content`,ref:o,class:(0,t.normalizeClass)([`fz__floating__content w-full sm:w-auto`,E.value])},[(0,t.renderSlot)(n.$slots,`default`,{isOpen:e.isOpen,floating:(0,t.unref)(g)})],2)),[[t.vShow,n.$slots.default&&(!n.$slots.opener||n.$slots.opener&&e.isOpen)]]),e.teleport?((0,t.openBlock)(),(0,t.createBlock)(t.Teleport,{key:1,to:`body`},[(0,t.withDirectives)((0,t.createElementVNode)(`div`,{ref_key:`content`,ref:o,class:(0,t.normalizeClass)([`fz__floating__content`,E.value])},[(0,t.renderSlot)(n.$slots,`default`,{isOpen:e.isOpen,floating:(0,t.unref)(g)})],2),[[t.vShow,n.$slots.default&&(!n.$slots.opener||n.$slots.opener&&e.isOpen)]])])):(0,t.createCommentVNode)(``,!0)]))}}),k={xs:`backoffice`,sm:`backoffice`,md:`backoffice`,lg:`frontoffice`},A=[`disabled`,`aria-disabled`],j=(0,t.defineComponent)({__name:`FzButton`,props:{label:{},tooltip:{},variant:{default:`primary`},size:{},environment:{},disabled:{type:Boolean,default:!1},iconName:{},iconVariant:{},iconPosition:{default:`before`},containerClass:{},overrideContainerClass:{type:Boolean}},setup(e){let r=e,i=(0,t.useSlots)();(0,t.watch)(()=>r.tooltip,e=>{e&&console.warn(`[FzButton] The "tooltip" prop is deprecated and will be removed in a future version. Please use the FzTooltip component to wrap your button instead.`)},{immediate:!0}),(0,t.watch)(()=>r.size,e=>{if(e!==void 0){let t=k[e];r.environment&&r.environment!==t?console.warn(`[FzButton] Both "size" and "environment" props are provided. "environment=${r.environment}" will be used and "size=${e}" will be ignored. Please remove the deprecated "size" prop.`):console.warn(`[FzButton] The "size" prop is deprecated and will be removed in a future version. Please use environment="${t}" instead of size="${e}".`)}},{immediate:!0});let a=(0,t.computed)(()=>!r.disabled),o=(0,t.computed)(()=>{switch(r.variant){case`secondary`:return{"bg-core-white":!0,"text-grey-500":!0,"!border-grey-200":!0,"hover:bg-grey-100":a.value,"hover:!border-grey-200":a.value,"focus:bg-core-white":a.value,"focus:!border-blue-600":a.value,"disabled:bg-grey-50":!0,"disabled:text-grey-200":!0,"disabled:!border-grey-200":!0};case`invisible`:return{"bg-transparent":!0,"text-grey-500":!0,"!border-transparent":!0,"hover:bg-grey-100":a.value,"hover:!border-grey-100":a.value,"focus:bg-transparent":a.value,"focus:!border-blue-600":a.value,"disabled:bg-grey-50":!0,"disabled:text-grey-200":!0,"disabled:!border-grey-200":!0};case`danger`:return{"bg-semantic-error-200":!0,"text-core-white":!0,"hover:bg-semantic-error-300":a.value,"focus:bg-semantic-error-200":a.value,"focus:!border-semantic-error-300":a.value,"disabled:bg-semantic-error-100":!0};case`success`:return{"bg-semantic-success-200":!0,"text-core-white":!0,"hover:bg-semantic-success-300":a.value,"focus:bg-semantic-success-200":a.value,"focus:!border-semantic-success-300":a.value,"disabled:bg-semantic-success-100":!0};default:return{"bg-blue-500":!0,"text-core-white":!0,"hover:bg-blue-600":a.value,"focus:bg-blue-500":a.value,"focus:!border-blue-600":a.value,"disabled:bg-blue-200":!0}}}),s=(0,t.computed)(()=>r.environment?r.environment:r.size?k[r.size]:`frontoffice`),c=(0,t.computed)(()=>{let e=!!(r.label||i.default),t=!!r.iconName,n=r.overrideContainerClass&&t;return e&&t||n}),l=[`relative`,`rounded`,`flex`,`flex-shrink`,`items-center`,`justify-center`,`font-normal`,`!text-[16px]`,`!leading-[20px]`,`border-1`,`border-transparent`,`gap-8`],u=[`flex`,`items-center`,`justify-items-center`],d=(0,t.computed)(()=>{let e=s.value;return{"h-32":e===`backoffice`,"h-44":e===`frontoffice`,"px-12":!0,"min-w-96":!0,...o.value}}),f=(0,t.computed)(()=>r.overrideContainerClass?r.containerClass:[`truncate`,`font-normal`,`!text-[16px]`,`!leading-[20px]`,r.containerClass]);return(r,a)=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{type:`button`,disabled:e.disabled,"aria-disabled":e.disabled?`true`:`false`,class:(0,t.normalizeClass)([l,d.value])},[(0,t.unref)(i).before||c.value&&e.iconPosition===`before`?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)(u)},[(0,t.renderSlot)(r.$slots,`before`,{},()=>[e.iconName?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.FzIcon),{key:0,name:e.iconName,size:`md`,variant:e.iconVariant},null,8,[`name`,`variant`])):(0,t.createCommentVNode)(``,!0)])])):(0,t.createCommentVNode)(``,!0),e.label||(0,t.unref)(i).default?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:1,class:(0,t.normalizeClass)(f.value)},[(0,t.renderSlot)(r.$slots,`default`,{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(e.label),1)])],2)):(0,t.createCommentVNode)(``,!0),(0,t.unref)(i).after||c.value&&e.iconPosition===`after`?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:2,class:(0,t.normalizeClass)(u)},[(0,t.renderSlot)(r.$slots,`after`,{},()=>[e.iconName?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.FzIcon),{key:0,name:e.iconName,size:`md`,variant:e.iconVariant},null,8,[`name`,`variant`])):(0,t.createCommentVNode)(``,!0)])])):(0,t.createCommentVNode)(``,!0)],10,A))}}),ee=(0,t.defineComponent)({inheritAttrs:!1,__name:`FzIconButton`,props:{tooltip:{},variant:{default:`primary`},environment:{},size:{},disabled:{type:Boolean,default:!1},iconName:{},iconVariant:{default:`far`},iconSize:{},hasNotification:{type:Boolean,default:!1},ariaLabel:{}},setup(e){let n=e;(0,t.watch)(()=>n.tooltip,e=>{e&&console.warn(`[FzIconButton] The "tooltip" prop is deprecated and will be removed in a future version. Please use the FzTooltip component to wrap your button instead.`)},{immediate:!0}),(0,t.watch)(()=>n.size,e=>{if(e!==void 0){let t=k[e];n.environment&&n.environment!==t?console.warn(`[FzIconButton] Both "size" and "environment" props are provided. "environment=${n.environment}" will be used and "size=${e}" will be ignored. Please remove the deprecated "size" prop.`):console.warn(`[FzIconButton] The "size" prop is deprecated and will be removed in a future version. Please use environment="${t}" instead of size="${e}".`)}},{immediate:!0}),(0,t.watch)(()=>n.iconSize,e=>{e!==void 0&&console.warn(`[FzIconButton] The "iconSize" prop is deprecated and will be removed in a future version. Icon size has now a fixed dimension. Please remove the "iconSize" prop from your code.`)},{immediate:!0});let r=(0,t.computed)(()=>n.environment?n.environment:n.size?k[n.size]:`frontoffice`),i=(0,t.computed)(()=>{let e=n.ariaLabel||``;return n.hasNotification?`${e}, hai delle notifiche`:e}),a=(0,t.computed)(()=>{let e={"rounded-full":!0,"w-8":!0,"h-8":!0,absolute:!0,"-top-[2px]":!0,"-right-[2px]":!0};return n.disabled?n.variant===`primary`?{...e,"bg-orange-200":!0}:{...e,"bg-grey-200":!0}:n.variant===`primary`?{...e,"bg-orange-500":!0}:{...e,"bg-blue-500":!0}});return(e,o)=>((0,t.openBlock)(),(0,t.createElementBlock)(`span`,{class:(0,t.normalizeClass)([`fz-icon-button-wrapper`,`relative`,{"fz-icon-button-wrapper--backoffice":r.value===`backoffice`,"fz-icon-button-wrapper--frontoffice":r.value===`frontoffice`}])},[(0,t.createVNode)(j,(0,t.mergeProps)(e.$attrs,{disabled:n.disabled,environment:r.value,variant:n.variant,"aria-label":i.value,"icon-name":n.iconName,"icon-variant":n.iconVariant,"icon-position":`before`,overrideContainerClass:``}),null,16,[`disabled`,`environment`,`variant`,`aria-label`,`icon-name`,`icon-variant`]),n.hasNotification?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)(a.value),"aria-hidden":`true`},null,2)):(0,t.createCommentVNode)(``,!0)],2))}}),M=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},N=M(ee,[[`__scopeId`,`data-v-b4be112d`]]),P=M((0,t.defineComponent)({__name:`FzContainer`,props:{main:{type:Boolean,default:!1},gap:{default:`base`},tag:{default:`div`},alignItems:{default:void 0},horizontal:{type:Boolean,default:!1},layout:{}},setup(e){let n=e,r=(0,t.computed)(()=>n.alignItems??(n.horizontal?`center`:`stretch`));if(!n.horizontal&&`layout`in n){let e=n.layout;e&&e!==`default`&&console.error(`[FzContainer] The "layout" prop only works when horizontal is true. Current horizontal: ${n.horizontal}, layout: "${e}".`)}let i=(0,t.computed)(()=>{let e=n.main?`main-content`:`section-content`,t=[n.horizontal?`fz-container--horizontal`:`fz-container--vertical`,`gap-${e}-${n.gap}`,`align-items-${r.value}`];if(n.horizontal){let e=(`layout`in n?n.layout:void 0)||`default`;t.push(`layout-${e}`)}return t});return(e,r)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(n.tag),{class:(0,t.normalizeClass)([`fz-container`,i.value])},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,`default`,{},void 0,!0)]),_:3},8,[`class`]))}}),[[`__scopeId`,`data-v-8c40daeb`]]),F=[`aria-disabled`],te=[`href`,`target`,`rel`],I=(0,t.defineComponent)({__name:`FzLink`,props:{type:{default:`default`},linkStyle:{default:`default`},size:{default:`md`},disabled:{type:Boolean,default:!1},to:{},external:{type:Boolean,default:!1},replace:{type:Boolean,default:!1},target:{}},setup(e){let n=e;(0,t.watch)(()=>n.size===`xs`,e=>{e&&console.warn(`[FzLink] The size prop value "xs" is deprecated and will be removed in a future version. Please use "sm" instead. The component will automatically map "xs" to "sm" for now.`)},{immediate:!0}),(0,t.watch)(()=>n.size===`lg`,e=>{e&&console.warn(`[FzLink] The size prop value "lg" is deprecated and will be removed in a future version. Please use "md" instead. The component will automatically map "lg" to "md" for now.`)},{immediate:!0});let r=(0,t.computed)(()=>n.size===`xs`?`sm`:n.size===`lg`?`md`:n.size),i=(0,t.computed)(()=>[`border-1 border-transparent inline-block`,{"text-sm leading-xs":r.value===`sm`,"text-base leading-base":r.value===`md`,underline:n.linkStyle===`underline`}]),a=e=>e.type===`default`&&e.linkStyle===`underline`,o=e=>e.type===`default`&&e.linkStyle!==`underline`,s=e=>e.type===`danger`&&e.linkStyle===`underline`,c=e=>e.type===`danger`&&e.linkStyle!==`underline`,l=e=>e.type===`default`&&e.disabled,u=e=>e.type===`danger`&&e.disabled,d=(0,t.computed)(()=>{let e=[...i.value,`focus:outline-none`,`focus:border-solid`,`focus:no-underline`];switch(!0){case a(n):e.push(`text-blue-500`,`hover:text-blue-600`,`focus:text-blue-600`,`focus:border-blue-600`);break;case o(n):e.push(`text-blue-500`,`hover:text-blue-600`,`hover:underline`,`focus:text-blue-600`,`focus:border-blue-600`);break;case s(n):e.push(`text-semantic-error-200`,`hover:text-semantic-error-300`,`focus:text-semantic-error-300`,`focus:border-semantic-error-300`);break;case c(n):e.push(`text-semantic-error-200`,`hover:text-semantic-error-300`,`hover:underline`,`focus:text-semantic-error-300`,`focus:border-semantic-error-300`);break}return e}),f=(0,t.computed)(()=>{let e=[...i.value,`cursor-not-allowed`];switch(!0){case l(n):e.push(`text-blue-200`);break;case u(n):e.push(`text-semantic-error-100`);break}return e}),p=(0,t.computed)(()=>n.external?n.to:``),m=(0,t.computed)(()=>{if(n.external&&n.target===`_blank`)return`noopener noreferrer`});return(n,r)=>{let i=(0,t.resolveComponent)(`router-link`);return e.disabled?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,{key:0,class:(0,t.normalizeClass)(f.value),"aria-disabled":e.disabled?`true`:`false`,role:`link`,"aria-label":`Link disabled`},[(0,t.renderSlot)(n.$slots,`default`)],10,F)):e.external?((0,t.openBlock)(),(0,t.createElementBlock)(`a`,{key:1,href:p.value,class:(0,t.normalizeClass)(d.value),target:e.target,rel:m.value},[(0,t.renderSlot)(n.$slots,`default`)],10,te)):((0,t.openBlock)(),(0,t.createBlock)(i,{key:2,to:e.to,replace:e.replace,class:(0,t.normalizeClass)(d.value),target:e.target},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(n.$slots,`default`)]),_:3},8,[`to`,`replace`,`class`,`target`]))}}}),ne=[`aria-label`,`aria-describedby`,`tabindex`],re=[`aria-hidden`],L=100,R=`text-core-white max-w-[200px] p-8 text-sm leading-[16px] flex flex-row items-start justify-center`,z=M((0,t.defineComponent)({__name:`FzTooltip`,props:{position:{default:`auto`},status:{default:`neutral`},text:{},withIcon:{type:Boolean,default:!1},ariaLabel:{},interactive:{type:[Boolean,String],default:`auto`},_forceOpenForDesignReview:{type:Boolean,default:!1}},setup(e){let r=e,i=(0,t.useSlots)(),a=[j,N,I];function o(e){let t=e.type;return a.includes(t)}function s(e){if(o(e))return!0;if(typeof e.type==`symbol`){let t=e.children;if(Array.isArray(t))return t.some(e=>typeof e==`object`&&e&&`type`in e?s(e):!1)}return!1}let c=(0,t.computed)(()=>{if(!i.default)return!1;let e=i.default();return e.length===0?!1:e.some(e=>s(e))}),l={neutral:{icon:``,bgClass:`!bg-core-black`},informative:{icon:`circle-info`,bgClass:`bg-semantic-info-200`},alert:{icon:`triangle-exclamation`,bgClass:`bg-semantic-warning-200`},error:{icon:`circle-exclamation`,bgClass:`bg-semantic-error-200`},positive:{icon:`circle-check`,bgClass:`bg-semantic-success-200`}},u=(0,t.computed)(()=>l[r.status]?.icon||``),d=(0,t.computed)(()=>{let e=l[r.status]?.bgClass;return e?{[e]:!0}:{}}),f=`tooltip-${Date.now()}-${Math.random().toString(36).substring(2,9)}`,p=(0,t.ref)(!1),m=(0,t.ref)(!1),h=(0,t.ref)(!1),g=(0,t.ref)(null),_=(0,t.computed)(()=>r.withIcon&&r.status!==`neutral`),v=(0,t.computed)(()=>p.value?f:void 0),y=(0,t.computed)(()=>typeof r.interactive==`boolean`?r.interactive?void 0:0:c.value?void 0:0);function b(){(r.text||i.text)&&(p.value=!0)}function x(){r._forceOpenForDesignReview||(p.value=!1)}function S(){g.value&&=(clearTimeout(g.value),null),b()}function C(){g.value&&=(clearTimeout(g.value),null),g.value=setTimeout(()=>{!m.value&&!h.value&&x()},L)}function w(){m.value=!0,g.value&&=(clearTimeout(g.value),null)}function T(){m.value=!1,g.value&&=(clearTimeout(g.value),null),h.value||x()}function E(){h.value=!0,b()}function D(){h.value=!1,g.value&&=(clearTimeout(g.value),null),m.value||x()}function k(e){e.key===`Escape`&&x()}return(0,t.onMounted)(()=>{r._forceOpenForDesignReview&&b()}),(0,t.watch)(()=>r._forceOpenForDesignReview,e=>{e?b():x()}),(0,t.onUnmounted)(()=>{g.value&&clearTimeout(g.value)}),(i,a)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(O),{teleport:!0,"is-open":p.value,position:e.position,class:`fz__tooltip flex h-max`,contentClass:[`rounded`,d.value,`z-80`]},{opener:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`span`,{"aria-label":r.ariaLabel,"aria-describedby":v.value,tabindex:y.value,onMouseover:S,onMouseleave:C,onFocusin:E,onFocusout:D,onKeydown:k},[(0,t.renderSlot)(i.$slots,`default`,{},void 0,!0)],40,ne)]),default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`div`,{id:f,class:(0,t.normalizeClass)(R),role:`tooltip`,"aria-hidden":!p.value,onMouseenter:w,onMouseleave:T},[_.value?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.FzIcon),{key:0,size:`md`,name:u.value,class:(0,t.normalizeClass)([`mr-4`,`!w-[16px]`,`!h-[16px]`,`grow-0`,`shrink-0`,{"text-core-black":r.status===`alert`}]),"aria-hidden":!0},null,8,[`name`,`class`])):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`span`,{class:(0,t.normalizeClass)([`basis-0 grow shrink-0 break-normal fz__tooltip__text`,{"text-core-black":r.status===`alert`}])},[(0,t.renderSlot)(i.$slots,`text`,{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(r.text),1)],!0)],2)],40,re)]),_:3},8,[`is-open`,`position`,`contentClass`]))}}),[[`__scopeId`,`data-v-94597a6c`]]),B={class:`flex flex-col flex-1`},V={key:0,class:`leading-[20px]`},H=M((0,t.defineComponent)({__name:`FzAlert`,props:{tone:{},alertStyle:{default:`default`},showButtonAction:{type:Boolean,default:!0},buttonActionLabel:{},buttonActionTooltip:{},isDismissible:{type:Boolean},showLinkAction:{type:Boolean},linkActionLabel:{},linkActionLocation:{},linkActionTarget:{},linkActionExternal:{type:Boolean},size:{},environment:{default:`frontoffice`},title:{},defaultOpen:{type:Boolean,default:!0},variant:{}},emits:[`fzAlert:click`,`fzAlert:dismiss`],setup(e,{emit:r}){let i=e,a=r,o=(0,t.useSlots)(),s=(0,t.ref)(i.defaultOpen),c={info:`bg-semantic-info-50 border-semantic-info`,error:`bg-semantic-error-50 border-semantic-error`,danger:`bg-semantic-error-50 border-semantic-error`,warning:`bg-semantic-warning-50 border-semantic-warning`,success:`bg-semantic-success-50 border-semantic-success`},l={sm:`backoffice`,md:`frontoffice`,lg:`frontoffice`},u=(0,t.computed)(()=>T.value===`text`),d=(0,t.computed)(()=>[`flex select-none gap-12 rounded justify-between`,...u.value?[`bg-transparent`]:[c[i.tone]],...!u.value&&w.value===`backoffice`?[`p-6`]:[],...T.value===`accordion`?[`cursor-pointer`]:[]]),f=(0,t.computed)(()=>({info:`circle-info`,error:`circle-xmark`,danger:`triangle-exclamation`,warning:`triangle-exclamation`,success:`circle-check`})[i.tone]),p=(0,t.computed)(()=>[{info:`text-semantic-info`,error:`text-semantic-error`,danger:`text-semantic-error`,warning:`text-semantic-warning`,success:`text-semantic-success`}[i.tone]]),m=(0,t.computed)(()=>u.value&&w.value===`backoffice`?`sm`:`md`),h=(0,t.computed)(()=>u.value?``:w.value===`backoffice`?`p-6`:`p-12`),g=(0,t.computed)(()=>u.value?`xs`:`sm`),_=(0,t.computed)(()=>u.value||!(i.showButtonAction||i.showLinkAction||o.action)?!1:T.value===`background`?!0:s.value),v=(0,t.computed)(()=>[`font-normal`,`!leading-[20px]`,{"mt-8":i.title&&!u.value,"mb-16":_.value&&!u.value}]),y=(0,t.computed)(()=>s.value?`angle-up`:`angle-down`),b=(0,t.computed)(()=>{if(T.value===`accordion`)return y.value;if(i.isDismissible)return`xmark`}),x=(0,t.computed)(()=>u.value||T.value===`background`?!0:T.value===`accordion`?s.value:!0),S=(0,t.computed)(()=>x.value&&!!o.default);function C(e){e.stopPropagation(),a(`fzAlert:click`)}let w=(0,t.computed)(()=>i.size?l[i.size]:i.environment),T=(0,t.computed)(()=>i.variant?i.variant:[`default`,`simple`].includes(i.alertStyle)?`background`:`accordion`),E=(0,t.computed)(()=>!u.value&&(T.value===`accordion`||i.isDismissible)),D=()=>{T.value===`accordion`&&(s.value=!s.value),i.isDismissible&&a(`fzAlert:dismiss`)},O=()=>{!u.value&&T.value===`accordion`&&(s.value=!s.value)};return(r,i)=>{let a=(0,t.resolveDirective)(`bold`);return(0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)(d.value),onClick:O},[(0,t.createVNode)((0,t.unref)(P),{horizontal:``,gap:g.value,class:(0,t.normalizeClass)([`flex-1`,h.value]),alignItems:`start`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.FzIcon),{name:f.value,size:m.value,class:(0,t.normalizeClass)(p.value),"aria-hidden":`true`},null,8,[`name`,`size`,`class`]),(0,t.createElementVNode)(`div`,B,[e.title&&!u.value?(0,t.withDirectives)(((0,t.openBlock)(),(0,t.createElementBlock)(`p`,V,[(0,t.createTextVNode)((0,t.toDisplayString)(e.title),1)])),[[a]]):(0,t.createCommentVNode)(``,!0),S.value?((0,t.openBlock)(),(0,t.createElementBlock)(`p`,{key:1,class:(0,t.normalizeClass)(v.value)},[(0,t.renderSlot)(r.$slots,`default`,{},void 0,!0)],2)):(0,t.createCommentVNode)(``,!0),_.value?(0,t.renderSlot)(r.$slots,`action`,{key:2},()=>[(0,t.createVNode)((0,t.unref)(P),{horizontal:``,gap:`sm`},{default:(0,t.withCtx)(()=>[e.showButtonAction?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(j),{key:0,onClick:C,tooltip:e.buttonActionTooltip,environment:w.value,variant:`secondary`},{default:(0,t.withCtx)(()=>[(0,t.createTextVNode)((0,t.toDisplayString)(e.buttonActionLabel),1)]),_:1},8,[`tooltip`,`environment`])):(0,t.createCommentVNode)(``,!0),e.showLinkAction?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(I),{key:1,to:e.linkActionLocation,onClick:C,size:`md`,target:e.linkActionTarget,external:e.linkActionExternal},{default:(0,t.withCtx)(()=>[(0,t.createTextVNode)((0,t.toDisplayString)(e.linkActionLabel),1)]),_:1},8,[`to`,`target`,`external`])):(0,t.createCommentVNode)(``,!0)]),_:1})],!0):(0,t.createCommentVNode)(``,!0)])]),_:3},8,[`gap`,`class`]),E.value?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(N),{key:0,iconName:b.value,environment:w.value,variant:`invisible`,onClick:(0,t.withModifiers)(D,[`stop`])},null,8,[`iconName`,`environment`])):(0,t.createCommentVNode)(``,!0)],2)}}}),[[`__scopeId`,`data-v-3d1f9d4e`]]),U=(0,t.defineComponent)({__name:`ErrorAlert`,props:{id:{}},setup(e){return(n,r)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(H),{id:e.id,tone:`error`,variant:`text`,role:`alert`,"aria-live":`assertive`,"aria-atomic":`true`,size:`md`},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(n.$slots,`default`)]),_:3},8,[`id`]))}}),W={class:`flex justify-center flex-col w-fit gap-4`},G=[`data-emphasis`,`data-error`,`data-disabled`],K=[`id`,`disabled`,`required`,`value`,`aria-checked`,`aria-label`,`aria-required`,`aria-invalid`,`aria-describedby`,`aria-labelledby`,`aria-owns`],q=[`id`,`for`],J=`w-0 h-0 peer fz-hidden-input`,Y=`
1
+ (function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`),require(`@fiscozen/icons`)):typeof define==`function`&&define.amd?define([`exports`,`vue`,`@fiscozen/icons`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.FzCheckbox={},e.Vue,e._fiscozen_icons))})(this,function(e,t,n){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});function r(e){return`${e}-${Date.now()-16e11}-${Math.random().toString(36).slice(2,7)}`}function i(){return r(`fz-checkbox`)}function a(){return r(`fz-checkbox-group`)}var o=new DOMRect(0,0,window.innerWidth,window.innerHeight),s=(e,t,n,r,i)=>{let a=i?`bottom`:`right`,s=i?`bottom-start`:`right-start`;o.width=window.innerWidth,o.height=window.innerHeight,o.x=0,o.y=0;let c=e?e.getBoundingClientRect():o,l=t.getBoundingClientRect(),u=n.getBoundingClientRect(),d=(u.left-c.left-l.width)/c.width,f=(c.right-u.right-l.width)/c.width,p=(u.top-c.top-l.height)/c.height,m=(c.bottom-u.bottom-l.height)/c.height,h=[{key:`right`,space:f},{key:`top`,space:p},{key:`bottom`,space:m},{key:`left`,space:d}].sort((e,t)=>t.space-e.space);if(i&&(h=h.filter(e=>e.key===`top`||e.key===`bottom`)),a=h[0].key,!r){let e=(l.height-u.height)/2;switch(a){case`right`:case`left`:c.top>u.top-e&&(r=`end`),c.bottom<u.top-e&&(r=`start`);break;default:break}}return s=r?`${a}-${r}`:a,s},c=(e,t,n,r)=>({x:t.x+e.width*n/100,y:t.y+e.height*r/100}),l=e=>typeof e==`string`?document.querySelector(e):e,u=e=>({left:parseFloat(e.marginLeft),right:parseFloat(e.marginRight),top:parseFloat(e.marginTop),bottom:parseFloat(e.marginBottom)}),d={bottom:(e,t)=>({position:{x:e.left-t.left+e.width/2,y:e.bottom},transform:{x:-50,y:0}}),"bottom-start":(e,t)=>({position:{x:e.left-t.left,y:e.bottom},transform:{x:0,y:0}}),"bottom-end":(e,t)=>({position:{x:e.right+t.right,y:e.bottom},transform:{x:-100,y:0}}),top:(e,t)=>({position:{x:e.left-t.left+e.width/2,y:e.top-t.bottom},transform:{x:-50,y:-100}}),"top-start":(e,t)=>({position:{x:e.left-t.left,y:e.top-t.bottom},transform:{x:0,y:-100}}),"top-end":(e,t)=>({position:{x:e.right+t.right,y:e.top-t.bottom},transform:{x:-100,y:-100}}),left:(e,t)=>({position:{x:e.left-t.right,y:e.top-t.top+e.height/2},transform:{x:-100,y:-50}}),"left-start":(e,t)=>({position:{x:e.left-t.right,y:e.top-t.top},transform:{x:-100,y:0}}),"left-end":(e,t)=>({position:{x:e.left-t.right,y:e.bottom+t.bottom},transform:{x:-100,y:-100}}),right:(e,t)=>({position:{x:e.right+t.left,y:e.top-t.top+e.height/2},transform:{x:0,y:-50}}),"right-start":(e,t)=>({position:{x:e.right+t.left,y:e.top-t.top},transform:{x:0,y:0}}),"right-end":(e,t)=>({position:{x:e.right+t.left,y:e.bottom+t.bottom},transform:{x:0,y:-100}})},f=(e,t,n)=>{let r=d[e];return r?r(t,n):{position:{x:0,y:0},transform:{x:0,y:0}}},p={bottom:(e,t)=>({position:{x:e.left+e.width/2,y:e.bottom-t.height},transform:{x:-50,y:0}}),"bottom-start":(e,t)=>({position:{x:e.left,y:e.bottom-t.height},transform:{x:0,y:0}}),"bottom-end":(e,t)=>({position:{x:e.right-t.width,y:e.bottom-t.height},transform:{x:0,y:0}}),top:e=>({position:{x:e.left+e.width/2,y:e.top},transform:{x:-50,y:0}}),"top-start":e=>({position:{x:e.left,y:e.top},transform:{x:0,y:0}}),"top-end":(e,t)=>({position:{x:e.right-t.width,y:e.top},transform:{x:0,y:0}}),left:(e,t)=>({position:{x:e.left,y:e.top+(e.height-t.height)/2},transform:{x:0,y:0}}),"left-start":e=>({position:{x:e.left,y:e.top},transform:{x:0,y:0}}),"left-end":(e,t)=>({position:{x:e.left,y:e.bottom-t.height},transform:{x:0,y:0}}),right:(e,t)=>({position:{x:e.right-t.width,y:e.top+(e.height-t.height)/2},transform:{x:0,y:0}}),"right-start":(e,t)=>({position:{x:e.right-t.width,y:e.top},transform:{x:0,y:0}}),"right-end":(e,t)=>({position:{x:e.right-t.width,y:e.bottom-t.height},transform:{x:0,y:0}})},m=(e,t,n)=>{let r=p[e];return r?r(t,n):{position:{x:0,y:0},transform:{x:0,y:0}}},h=(e,t,n,r)=>{let i={...e},a={...r};if(e.x<n.left&&(i.x=n.left,a.x=0),e.x+t.width>n.right){let e=n.right-t.width;e>0&&(i.x=e),a.x=0}if(e.y<n.top&&(i.y=n.top,a.y=0),e.y+t.height>n.bottom){let e=n.bottom-t.height;e>0&&(i.y=e),a.y=0}return{position:i,transform:a}},g=(e,t,n,r,i)=>{let a=i?null:t;switch(e){case`auto`:return s(a,n,r);case`auto-vertical`:return s(a,n,r,void 0,!0);case`auto-start`:return s(a,n,r,`start`);case`auto-vertical-start`:return s(a,n,r,`start`,!0);case`auto-end`:return s(a,n,r,`end`);case`auto-vertical-end`:return s(a,n,r,`end`,!0);default:return`bottom-start`}},_=e=>e.startsWith(`auto`),v=e=>{let n=(0,t.ref)(`auto`),r=(0,t.ref)(),i=(0,t.ref)(),a=(0,t.ref)(),o=(0,t.ref)(),s=(0,t.reactive)({position:{x:0,y:0}}),d={root:null,rootMargin:`0px`,threshold:1,...e.element.value.intersectionOptions},p=(0,t.ref)(new IntersectionObserver(()=>{},d)),v=()=>{let t=l(e.element.value.domRef.value);return t?{element:t,container:e.container?.value?l(e.container.value.domRef.value)??document.body:document.body,opener:e.opener?.value?l(e.opener.value.domRef.value):null}:null},y=e=>({element:e.element.getBoundingClientRect(),container:e.container.getBoundingClientRect(),opener:e.opener?.getBoundingClientRect()??null});return(0,t.onUnmounted)(()=>{p.value.disconnect()}),{float:s,rect:i,setPosition:(l=!1)=>(0,t.nextTick)(()=>{r.value=e.position?.value??`auto`;let t=v();if(!t)return;Object.assign(t.element.style,{position:`fixed`,top:`0px`,left:`0px`});let d=y(t);i.value=d.element,a.value=d.opener??void 0,o.value=d.container,p.value.observe(t.element),p.value.observe(t.container),_(r.value)&&t.opener&&(r.value=g(r.value,t.container,t.element,t.opener,e.useViewport?.value??!1));let b=u(window.getComputedStyle(t.element)),x=t.opener&&d.opener?f(r.value,d.opener,b):m(r.value,d.container,d.element),S=h(c(d.element,x.position,x.transform.x,x.transform.y),d.element,d.container,x.transform);s.position.x=S.position.x,s.position.y=S.position.y,Object.assign(t.element.style,{top:`${s.position.y}px`,left:`${s.position.x}px`,position:`fixed`,display:`flex`}),i.value=t.element.getBoundingClientRect(),e.callback?.value&&!l&&e.callback.value(i,a,o,n,r)}),position:n,actualPosition:r,openerRect:a,containerRect:o}};function y(e){let n=window.matchMedia(e),r=(0,t.ref)(n.matches);function i(e){r.value=e.matches}return(0,t.onMounted)(()=>{n.addEventListener(`change`,i)}),(0,t.onUnmounted)(()=>{n.removeEventListener(`change`,i)}),(0,t.computed)(()=>r.value)}var b={global:{blue:{50:{value:`#eff1ff`,type:`color`},100:{value:`#dee2ff`,type:`color`},200:{value:`#bdc5ff`,type:`color`},300:{value:`#9ca8ff`,type:`color`},400:{value:`#7b8bff`,type:`color`},500:{value:`#5a6eff`,type:`color`},600:{value:`#4858cc`,type:`color`},700:{value:`#364299`,type:`color`},800:{value:`#242c66`,type:`color`},900:{value:`#1b214c`,type:`color`}},purple:{50:{value:`#f8f4ff`,type:`color`},100:{value:`#f0e9ff`,type:`color`},200:{value:`#e1d3ff`,type:`color`},300:{value:`#d2bdff`,type:`color`},400:{value:`#c3a7ff`,type:`color`},500:{value:`#b491ff`,type:`color`},600:{value:`#9074cc`,type:`color`},700:{value:`#6c5799`,type:`color`},800:{value:`#483a66`,type:`color`},900:{value:`#241d33`,type:`color`}},orange:{50:{value:`#fff2ef`,type:`color`},100:{value:`#ffe4de`,type:`color`},200:{value:`#ffc9bd`,type:`color`},300:{value:`#ffae9c`,type:`color`},400:{value:`#ff937b`,type:`color`},500:{value:`#ff785a`,type:`color`},600:{value:`#cc6048`,type:`color`},700:{value:`#994836`,type:`color`},800:{value:`#663024`,type:`color`},900:{value:`#331812`,type:`color`}},pink:{50:{value:`#fff5f5`,type:`color`},100:{value:`#ffe0e0`,type:`color`},200:{value:`#ffcbcb`,type:`color`},300:{value:`#ffc0c0`,type:`color`},400:{value:`#ffabab`,type:`color`},500:{value:`#ff9696`,type:`color`},600:{value:`#cc7878`,type:`color`},700:{value:`#995a5a`,type:`color`},800:{value:`#663c3c`,type:`color`},900:{value:`#331e1e`,type:`color`}},yellow:{50:{value:`#fffbf4`,type:`color`},100:{value:`#fff3de`,type:`color`},200:{value:`#ffebc8`,type:`color`},300:{value:`#ffe7bd`,type:`color`},400:{value:`#ffdfa7`,type:`color`},500:{value:`#ffd791`,type:`color`},600:{value:`#ccac74`,type:`color`},700:{value:`#998157`,type:`color`},800:{value:`#806c49`,type:`color`},900:{value:`#4c402b`,type:`color`}},semantic:{error:{50:{value:`#fef3f3`,type:`color`},100:{value:`#f8baba`,type:`color`},200:{value:`#f04242`,type:`color`},300:{value:`#aa2f2f`,type:`color`}},warning:{50:{value:`#fff8f3`,type:`color`},100:{value:`#ffdabd`,type:`color`},200:{value:`#ffae4f`,type:`color`},300:{value:`#b47b38`,type:`color`}},success:{50:{value:`#f2f8f6`,type:`color`},100:{value:`#b5d8ce`,type:`color`},200:{value:`#0fa88c`,type:`color`},300:{value:`#0b7763`,type:`color`}},info:{50:{value:`#f3f7ff`,type:`color`},100:{value:`#b4c8e1`,type:`color`},200:{value:`#4e9fff`,type:`color`},300:{value:`#3770b4`,type:`color`}}},background:{"white-smoke":{value:`#f7f6f3`,type:`color`},seashell:{value:`#f8ece7`,type:`color`},"pale-purple":{value:`#f2e6ff`,type:`color`},"alice-blue":{value:`#ecf2fc`,type:`color`}},grey:{100:{value:`#e9edf0`,type:`color`},200:{value:`#d1dde6`,type:`color`},300:{value:`#9da9b2`,type:`color`},400:{value:`#6e777e`,type:`color`},500:{value:`#596167`,type:`color`}},core:{white:{value:`#ffffff`,type:`color`},black:{value:`#2c282f`,type:`color`}},"font-sans":{"sharp-grotesk":{value:`"Sharp Grotesk", sans-serif`,type:`fontFamilies`},inter:{value:`"Inter", sans-serif`,type:`fontFamilies`}},font:{light:{value:`300`,type:`fontWeights`},normal:{value:`400`,type:`fontWeights`},medium:{value:`500`,type:`fontWeights`}},spacing:{0:{value:`0px`,type:`spacing`},1:{value:`1px`,type:`spacing`},2:{value:`2px`,type:`spacing`},4:{value:`4px`,type:`spacing`},6:{value:`6px`,type:`spacing`},8:{value:`8px`,type:`spacing`},10:{value:`10px`,type:`spacing`},12:{value:`12px`,type:`spacing`},14:{value:`14px`,type:`spacing`},16:{value:`16px`,type:`spacing`},20:{value:`20px`,type:`spacing`},24:{value:`24px`,type:`spacing`},28:{value:`28px`,type:`spacing`},32:{value:`32px`,type:`spacing`},36:{value:`36px`,type:`spacing`},40:{value:`40px`,type:`spacing`},44:{value:`44px`,type:`spacing`},48:{value:`48px`,type:`spacing`},56:{value:`56px`,type:`spacing`},64:{value:`64px`,type:`spacing`},80:{value:`80px`,type:`spacing`},96:{value:`96px`,type:`spacing`},112:{value:`112px`,type:`spacing`},128:{value:`128px`,type:`spacing`},144:{value:`144px`,type:`spacing`},160:{value:`160px`,type:`spacing`},176:{value:`176px`,type:`spacing`},192:{value:`192px`,type:`spacing`},208:{value:`208px`,type:`spacing`},224:{value:`224px`,type:`spacing`},240:{value:`240px`,type:`spacing`},256:{value:`256px`,type:`spacing`},288:{value:`288px`,type:`spacing`},320:{value:`320px`,type:`spacing`},384:{value:`384px`,type:`spacing`}},border:{0:{value:`0px`,type:`borderWidth`},1:{value:`1px`,type:`borderWidth`},2:{value:`2px`,type:`borderWidth`},4:{value:`4px`,type:`borderWidth`},8:{value:`8px`,type:`borderWidth`}},rounded:{none:{value:`0px`,type:`borderRadius`},sm:{value:`2px`,type:`borderRadius`},base:{value:`4px`,type:`borderRadius`},md:{value:`6px`,type:`borderRadius`},lg:{value:`8px`,type:`borderRadius`},xl:{value:`12px`,type:`borderRadius`},"2xl":{value:`16px`,type:`borderRadius`},"3xl":{value:`24px`,type:`borderRadius`},full:{value:`9999px`,type:`borderRadius`}},breakpoint:{xs:{value:`376px`,type:`sizing`},sm:{value:`640px`,type:`sizing`},md:{value:`768px`,type:`sizing`},lg:{value:`1024px`,type:`sizing`},xl:{value:`1280px`,type:`sizing`},"2xl":{value:`1440px`,type:`sizing`},"3xl":{value:`1536px`,type:`sizing`}},shadow:{none:{value:{color:`#000000`,type:`dropShadow`,x:`0`,y:`0`,blur:`0`,spread:`0`},type:`boxShadow`},sm:{value:{color:`#0000000d`,type:`dropShadow`,x:`0`,y:`1`,blur:`2`,spread:`0`},type:`boxShadow`},base:{value:[{color:`#0000000f`,type:`dropShadow`,x:`0`,y:`1`,blur:`2`,spread:`0`},{color:`#0000001a`,type:`dropShadow`,x:`0`,y:`1`,blur:`3`,spread:`0`}],type:`boxShadow`},md:{value:[{color:`#0000000f`,type:`dropShadow`,x:`0`,y:`2`,blur:`4`,spread:`-1`},{color:`#0000001a`,type:`dropShadow`,x:`0`,y:`4`,blur:`6`,spread:`-1`}],type:`boxShadow`},lg:{value:[{color:`#0000000d`,type:`dropShadow`,x:`0`,y:`4`,blur:`6`,spread:`-2`},{color:`#0000001a`,type:`dropShadow`,x:`0`,y:`10`,blur:`15`,spread:`-3`}],type:`boxShadow`},xl:{value:[{color:`#0000000a`,type:`dropShadow`,x:`0`,y:`10`,blur:`10`,spread:`-5`},{color:`#0000001a`,type:`dropShadow`,x:`0`,y:`20`,blur:`25`,spread:`-5`}],type:`boxShadow`},"2xl":{value:{color:`#00000040`,type:`dropShadow`,x:`0`,y:`25`,blur:`50`,spread:`-12`},type:`boxShadow`},inner:{value:{color:`#0000000f`,type:`innerShadow`,x:`0`,y:`2`,blur:`4`,spread:`0`},type:`boxShadow`}},underline:{value:`underline`,type:`textDecoration`},text:{xs:{value:`12px`,type:`fontSizes`},sm:{value:`14px`,type:`fontSizes`},base:{value:`16px`,type:`fontSizes`},lg:{value:`18px`,type:`fontSizes`},xl:{value:`20px`,type:`fontSizes`},"2xl":{value:`24px`,type:`fontSizes`},"3xl":{value:`30px`,type:`fontSizes`},"4xl":{value:`36px`,type:`fontSizes`},"5xl":{value:`48px`,type:`fontSizes`},"6xl":{value:`60px`,type:`fontSizes`},"7xl":{value:`72px`,type:`fontSizes`},"8xl":{value:`96px`,type:`fontSizes`},"9xl":{value:`128px`,type:`fontSizes`}},leading:{xs:{value:`16px`,type:`lineHeights`},sm:{value:`18px`,type:`lineHeights`},base:{value:`20px`,type:`lineHeights`},lg:{value:`24px`,type:`lineHeights`},xl:{value:`28px`,type:`lineHeights`},"2xl":{value:`32px`,type:`lineHeights`},"3xl":{value:`36px`,type:`lineHeights`},"4xl":{value:`40px`,type:`lineHeights`},"5xl":{value:`48px`,type:`lineHeights`},"6xl":{value:`60px`,type:`lineHeights`},"7xl":{value:`72px`,type:`lineHeights`},"8xl":{value:`96px`,type:`lineHeights`},"9xl":{value:`128px`,type:`lineHeights`}}},alias:{avatar:{initials:{"background-color":{value:`{core.black}`,type:`color`},color:{value:`{core.white}`,type:`color`},spacing:{value:`{spacing.32}`,type:`spacing`},"border-radius":{value:`{rounded.full}`,type:`borderRadius`},"font-family":{value:`{font-sans.inter}`,type:`fontFamilies`},"font-weight":{value:`{font.normal}`,type:`fontWeights`},"font-size":{value:`{text.sm}`,type:`fontSizes`},"line-height":{value:`{leading.sm}`,type:`lineHeights`}},image:{"border-radius":{value:`{rounded.full}`,type:`borderRadius`},sm:{value:`{spacing.16}`,type:`spacing`},md:{value:`{spacing.24}`,type:`spacing`},lg:{value:`{spacing.32}`,type:`spacing`},xl:{value:`{spacing.40}`,type:`spacing`}}},"nav-link":{spacing:{value:`{spacing.32}`,type:`spacing`},"border-radius":{value:`{rounded.base}`,type:`borderRadius`},"font-family":{value:`{font-sans.inter}`,type:`fontFamilies`},"font-weight":{value:`{font.medium}`,type:`fontWeights`},"line-height":{value:`{leading.sm}`,type:`lineHeights`},"font-size":{value:`{text.sm}`,type:`fontSizes`},"background-color":{default:{value:`none`,type:`color`},hover:{value:`{background.alice-blue}`,type:`color`},pressed:{value:`{background.alice-blue}`,type:`color`},focus:{value:`{background.alice-blue}`,type:`color`},disabled:{value:`none`,type:`color`}},color:{default:{value:`{grey.500}`,type:`color`},hover:{value:`{blue.500}`,type:`color`},pressed:{value:`{blue.500}`,type:`color`},focus:{value:`{blue.500}`,type:`color`},disabled:{value:`{grey.100}`,type:`color`}},border:{default:{value:`none`,type:`color`},hover:{value:`none`,type:`color`},pressed:{value:`none`,type:`color`},focus:{value:`{blue.500}`,type:`color`},disabled:{value:`none`,type:`color`}},"border-width":{default:{value:`none`,type:`borderWidth`},hover:{value:`none`,type:`borderWidth`},pressed:{value:`none`,type:`borderWidth`},focus:{value:`{border.1}`,type:`borderWidth`},disabled:{value:`none`,type:`borderWidth`}},"box-shadow":{default:{value:`{shadow.none}`,type:`boxShadow`},hover:{value:`{shadow.none}`,type:`boxShadow`},pressed:{value:`{shadow.inner}`,type:`boxShadow`},focus:{value:`none`,type:`boxShadow`},disabled:{value:`none`,type:`boxShadow`}}},"icon-button":{button:{sm:{value:`{spacing.28}`,type:`spacing`},md:{value:`{spacing.32}`,type:`spacing`},lg:{value:`{spacing.40}`,type:`spacing`}},icon:{sm:{value:`{spacing.16}`,type:`spacing`},md:{value:`{spacing.20}`,type:`spacing`}},primary:{"background-color":{default:{value:`{blue.500}`,type:`color`},hover:{value:`{blue.600}`,type:`color`},pressed:{value:`{blue.600}`,type:`color`},focus:{value:`{blue.500}`,type:`color`},disabled:{value:`{blue.200}`,type:`color`}},color:{default:{value:`{core.white}`,type:`color`},hover:{value:`{core.white}`,type:`color`},pressed:{value:`{core.white}`,type:`color`},focus:{value:`{core.white}`,type:`color`},disabled:{value:`{core.white}`,type:`color`}},border:{default:{value:`none`,type:`color`},hover:{value:`none`,type:`color`},pressed:{value:`none`,type:`color`},focus:{value:`{blue.600}`,type:`color`},disabled:{value:`none`,type:`color`}},"border-width":{default:{value:`none`,type:`borderWidth`},hover:{value:`none`,type:`borderWidth`},pressed:{value:`none`,type:`borderWidth`},focus:{value:`{border.1}`,type:`borderWidth`},disabled:{value:`none`,type:`borderWidth`}}},secondary:{"background-color":{default:{value:`none`,type:`color`},hover:{value:`{grey.100}`,type:`color`},pressed:{value:`{grey.100}`,type:`color`},focus:{value:`none`,type:`color`},disabled:{value:`none`,type:`color`}},color:{default:{value:`{grey.500}`,type:`color`},hover:{value:`{grey.500}`,type:`color`},pressed:{value:`{grey.500}`,type:`color`},focus:{value:`{grey.500}`,type:`color`},disabled:{value:`{grey.100}`,type:`color`}},border:{default:{value:`{grey.200}`,type:`color`},hover:{value:`{grey.200}`,type:`color`},pressed:{value:`{grey.200}`,type:`color`},focus:{value:`{blue.600}`,type:`color`},disabled:{value:`{grey.100}`,type:`color`}},"border-width":{value:`{border.1}`,type:`borderWidth`}},notification:{"background-color":{default:{value:`none`,type:`color`},hover:{value:`{grey.100}`,type:`color`},pressed:{value:`{grey.100}`,type:`color`}},color:{default:{value:`{grey.500}`,type:`color`},hover:{value:`{grey.500}`,type:`color`},pressed:{value:`{grey.500}`,type:`color`},focus:{value:`{grey.500}`,type:`color`},disabled:{value:`{grey.100}`,type:`color`}},border:{default:{value:`{grey.200}`,type:`color`},hover:{value:`{grey.200}`,type:`color`},pressed:{value:`{grey.200}`,type:`color`},focus:{value:`{grey.200}`,type:`color`},disabled:{value:`{grey.100}`,type:`color`}},"border-width":{value:`{border.1}`,type:`borderWidth`}},"notification-badge":{"background-color":{default:{value:`{blue.500}`,type:`color`},hover:{value:`{blue.500}`,type:`color`},pressed:{value:`{blue.500}`,type:`color`},focus:{value:`{blue.500}`,type:`color`},disabled:{value:`{grey.200}`,type:`color`}},border:{default:{value:`{core.white}`,type:`color`},hover:{value:`{core.white}`,type:`color`},pressed:{value:`{core.white}`,type:`color`},focus:{value:`{core.white}`,type:`color`},disabled:{value:`{core.white}`,type:`color`}},sm:{value:`{spacing.6}`,type:`spacing`},md:{value:`{spacing.8}`,type:`spacing`},lg:{value:`{spacing.10}`,type:`spacing`},"border-width":{value:`{border.1}`,type:`borderWidth`}},invisible:{"background-color":{default:{value:`none`,type:`color`},hover:{value:`{grey.100}`,type:`color`},pressed:{value:`{grey.100}`,type:`color`},focus:{value:`none`,type:`color`},disabled:{value:`none`,type:`color`}},color:{default:{value:`{grey.500}`,type:`color`},hover:{value:`{grey.500}`,type:`color`},pressed:{value:`{grey.500}`,type:`color`},focus:{value:`{grey.500}`,type:`color`},disabled:{value:`{grey.100}`,type:`color`}},border:{default:{value:`none`,type:`color`},hover:{value:`none`,type:`color`},pressed:{value:`none`,type:`color`},focus:{value:`{blue.600}`,type:`color`},disabled:{value:`{grey.100}`,type:`color`}},"border-width":{default:{value:`none`,type:`borderWidth`},hover:{value:`none`,type:`borderWidth`},pressed:{value:`none`,type:`borderWidth`},focus:{value:`{border.1}`,type:`borderWidth`},disabled:{value:`{border.1}`,type:`borderWidth`}}},"border-radius":{value:`{rounded.base}`,type:`borderRadius`},"box-shadow":{default:{value:`{shadow.none}`,type:`boxShadow`},hover:{value:`{shadow.none}`,type:`boxShadow`},pressed:{value:`{shadow.inner}`,type:`boxShadow`},focus:{value:`none`,type:`boxShadow`},disabled:{value:`none`,type:`boxShadow`}}},breadcrumbs:{color:{"previous-page":{value:`{blue.500}`,type:`color`},divider:{value:`{grey.300}`,type:`color`},"current-page":{value:`{grey.500}`,type:`color`}},"font-family":{value:`{font-sans.inter}`,type:`fontFamilies`},"font-weight":{value:`{font.normal}`,type:`fontWeights`},"line-height":{value:`{leading.sm}`,type:`lineHeights`},"font-size":{value:`{text.sm}`,type:`fontSizes`}},"main-content":{sm:{value:`{spacing.32}`,type:`spacing`},base:{value:`{spacing.48}`,type:`spacing`},lg:{value:`{spacing.64}`,type:`spacing`}},"section-content":{none:{value:`{spacing.0}`,type:`spacing`},xs:{value:`{spacing.8}`,type:`spacing`},sm:{value:`{spacing.16}`,type:`spacing`},base:{value:`{spacing.24}`,type:`spacing`},lg:{value:`{spacing.32}`,type:`spacing`}}},$themes:[],$metadata:{tokenSetOrder:[`global`,`alias`]}},x={$schema:`http://json-schema.org/draft-07/schema#`,description:`Lista dei colori da includere nella safelist di Tailwind. Per aggiungere un nuovo colore, aggiungi il suo nome qui e rigenera il build con 'pnpm run build'.`,safeColorNames:[`blue`,`purple`,`orange`,`pink`,`yellow`,`grey`,`core`]},S={$schema:`http://json-schema.org/draft-07/schema#`,description:`Lista dei colori semantici da includere nella safelist di Tailwind. Per aggiungere un nuovo colore semantico, aggiungi il suo nome qui e rigenera il build con 'pnpm run build'.`,semanticColorNames:[`error`,`warning`,`success`,`info`]},C=x.safeColorNames,w=S.semanticColorNames,T={};C.forEach(e=>{let t=b.global[e];t&&Object.keys(t).forEach(n=>{let r=t[n]?.value;r&&(T[e]||(T[e]={}),T[e][n]=r)})});var E=b.global.semantic;E&&w.forEach(e=>{let t=E[e];t&&typeof t==`object`&&Object.keys(t).forEach(n=>{let r=t[n]?.value;if(r){let t=`semantic-${e}`;T[t]||(T[t]={}),T[t][n]=r}})});var D=Object.entries(b.global.breakpoint).reduce((e,[t,n])=>(e[t]=n.value,e),{}),O=(0,t.defineComponent)({__name:`FzFloating`,props:{isOpen:{type:Boolean,default:!1},position:{default:`auto`},container:{},contentClass:{},openerClass:{},overrideContentClass:{type:Boolean},overrideOpener:{},teleport:{type:Boolean,default:!1},useViewport:{type:Boolean}},emits:[`fzfloating:setPosition`],setup(e,{expose:n,emit:r}){let i=e,a=r,o=(0,t.ref)(null),s=(0,t.ref)(null),c=(0,t.useSlots)(),l=y(`(max-width: ${D.xs})`),u=!1,d=!1,f=null,p=null,m={position:i.position,element:{domRef:o},container:{domRef:(0,t.toRef)(i.container||document.body)},opener:{domRef:(0,t.toRef)(null)},useViewport:i.useViewport,callback(...e){a(`fzfloating:setPosition`,...e)}},h=(0,t.toRefs)(m);c.opener&&(m.opener={domRef:s});let g=v(h),_=()=>{u||!d||(u=!0,requestAnimationFrame(()=>{d&&i.isOpen&&g.setPosition(),u=!1}))};(0,t.onMounted)(()=>{d=!0});let b=()=>{_()},x=()=>{_()},S=()=>{window.addEventListener(`scroll`,b,!0),window.addEventListener(`resize`,x),o.value&&!f&&(f=new ResizeObserver(()=>{_()}),f.observe(o.value)),s.value&&!p&&(p=new ResizeObserver(()=>{_()}),p.observe(s.value))},C=()=>{window.removeEventListener(`scroll`,b,!0),window.removeEventListener(`resize`,x),f&&=(f.disconnect(),null),p&&=(p.disconnect(),null)};(0,t.watch)(()=>i.position,()=>_()),(0,t.watch)(()=>i.isOpen,e=>{if(!e||!o.value||!d){C();return}S();let t=s.value?.getBoundingClientRect();o.value.style.position=`fixed`,o.value.style.top=`0px`,o.value.style.left=`0px`,o.value.style.transform=`none`,o.value.style.width=l.value?t?.width+`px`:`auto`,g.setPosition()}),(0,t.watch)(()=>i.overrideOpener,e=>{e&&h.opener&&h.opener.value&&(h.opener.value={domRef:e})}),(0,t.onBeforeUnmount)(()=>{d=!1,C()});let w=e=>e.startsWith(`bottom`)?`mt-4`:e.startsWith(`top`)?`mb-4`:e.startsWith(`left`)?`mr-4`:e.startsWith(`right`)?`ml-4`:`mt-4`,T=(0,t.computed)(()=>w(g.actualPosition?.value??i.position)),E=(0,t.computed)(()=>i.overrideContentClass?i.contentClass:[`bg-core-white fixed`,T.value,i.contentClass]);return n({setPosition:g.setPosition}),(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,null,[(0,t.renderSlot)(n.$slots,`opener-start`),(0,t.createElementVNode)(`div`,{ref_key:`opener`,ref:s,class:`inline-flex w-full sm:w-auto`},[(0,t.renderSlot)(n.$slots,`opener`,{isOpen:e.isOpen,floating:(0,t.unref)(g)})],512),(0,t.renderSlot)(n.$slots,`opener-end`),e.teleport?(0,t.createCommentVNode)(``,!0):(0,t.withDirectives)(((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,ref_key:`content`,ref:o,class:(0,t.normalizeClass)([`fz__floating__content w-full sm:w-auto`,E.value])},[(0,t.renderSlot)(n.$slots,`default`,{isOpen:e.isOpen,floating:(0,t.unref)(g)})],2)),[[t.vShow,n.$slots.default&&(!n.$slots.opener||n.$slots.opener&&e.isOpen)]]),e.teleport?((0,t.openBlock)(),(0,t.createBlock)(t.Teleport,{key:1,to:`body`},[(0,t.withDirectives)((0,t.createElementVNode)(`div`,{ref_key:`content`,ref:o,class:(0,t.normalizeClass)([`fz__floating__content`,E.value])},[(0,t.renderSlot)(n.$slots,`default`,{isOpen:e.isOpen,floating:(0,t.unref)(g)})],2),[[t.vShow,n.$slots.default&&(!n.$slots.opener||n.$slots.opener&&e.isOpen)]])])):(0,t.createCommentVNode)(``,!0)]))}}),ee=[`aria-label`,`aria-describedby`,`tabindex`],k=[`aria-hidden`],te=100,A=`text-core-white max-w-[200px] p-8 text-sm leading-[16px] flex flex-row items-start justify-center`,j=(0,t.defineComponent)({__name:`FzTooltip`,props:{position:{default:`auto`},status:{default:`neutral`},text:{},withIcon:{type:Boolean,default:!1},ariaLabel:{},interactive:{type:[Boolean,String],default:`auto`},_forceOpenForDesignReview:{type:Boolean,default:!1}},setup(e){let r=e,i=(0,t.useSlots)(),a=new Set([`@fiscozen/button/FzButton`,`@fiscozen/button/FzIconButton`,`@fiscozen/link/FzLink`]);function o(e){let t=e.type?.__fzKind;return typeof t==`string`&&a.has(t)}function s(e){if(o(e))return!0;if(typeof e.type==`symbol`){let t=e.children;if(Array.isArray(t))return t.some(e=>typeof e==`object`&&e&&`type`in e?s(e):!1)}return!1}let c=(0,t.computed)(()=>{if(!i.default)return!1;let e=i.default();return e.length===0?!1:e.some(e=>s(e))}),l={neutral:{icon:``,bgClass:`!bg-core-black`},informative:{icon:`circle-info`,bgClass:`bg-semantic-info-200`},alert:{icon:`triangle-exclamation`,bgClass:`bg-semantic-warning-200`},error:{icon:`circle-exclamation`,bgClass:`bg-semantic-error-200`},positive:{icon:`circle-check`,bgClass:`bg-semantic-success-200`}},u=(0,t.computed)(()=>l[r.status]?.icon||``),d=(0,t.computed)(()=>{let e=l[r.status]?.bgClass;return e?{[e]:!0}:{}}),f=`tooltip-${Date.now()}-${Math.random().toString(36).substring(2,9)}`,p=(0,t.ref)(!1),m=(0,t.ref)(!1),h=(0,t.ref)(!1),g=(0,t.ref)(null),_=(0,t.computed)(()=>r.withIcon&&r.status!==`neutral`),v=(0,t.computed)(()=>p.value?f:void 0),y=(0,t.computed)(()=>typeof r.interactive==`boolean`?r.interactive?void 0:0:c.value?void 0:0);function b(){(r.text||i.text)&&(p.value=!0)}function x(){r._forceOpenForDesignReview||(p.value=!1)}function S(){g.value&&=(clearTimeout(g.value),null),b()}function C(){g.value&&=(clearTimeout(g.value),null),g.value=setTimeout(()=>{!m.value&&!h.value&&x()},te)}function w(){m.value=!0,g.value&&=(clearTimeout(g.value),null)}function T(){m.value=!1,g.value&&=(clearTimeout(g.value),null),h.value||x()}function E(){h.value=!0,b()}function D(){h.value=!1,g.value&&=(clearTimeout(g.value),null),m.value||x()}function j(e){e.key===`Escape`&&x()}return(0,t.onMounted)(()=>{r._forceOpenForDesignReview&&b()}),(0,t.watch)(()=>r._forceOpenForDesignReview,e=>{e?b():x()}),(0,t.onUnmounted)(()=>{g.value&&clearTimeout(g.value)}),(i,a)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(O),{teleport:!0,"is-open":p.value,position:e.position,class:`fz__tooltip flex h-max`,contentClass:[`rounded`,d.value,`z-80`]},{opener:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`span`,{"aria-label":r.ariaLabel,"aria-describedby":v.value,tabindex:y.value,onMouseover:S,onMouseleave:C,onFocusin:E,onFocusout:D,onKeydown:j},[(0,t.renderSlot)(i.$slots,`default`,{},void 0,!0)],40,ee)]),default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`div`,{id:f,class:(0,t.normalizeClass)(A),role:`tooltip`,"aria-hidden":!p.value,onMouseenter:w,onMouseleave:T},[_.value?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.FzIcon),{key:0,size:`md`,name:u.value,class:(0,t.normalizeClass)([`mr-4`,`!w-[16px]`,`!h-[16px]`,`grow-0`,`shrink-0`,{"text-core-black":r.status===`alert`}]),"aria-hidden":!0},null,8,[`name`,`class`])):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`span`,{class:(0,t.normalizeClass)([`basis-0 grow shrink-0 break-normal fz__tooltip__text`,{"text-core-black":r.status===`alert`}])},[(0,t.renderSlot)(i.$slots,`text`,{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(r.text),1)],!0)],2)],40,k)]),_:3},8,[`is-open`,`position`,`contentClass`]))}}),M=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},N=M(j,[[`__scopeId`,`data-v-e4c0b632`]]),P={xs:`backoffice`,sm:`backoffice`,md:`backoffice`,lg:`frontoffice`},F=[`disabled`,`aria-disabled`],I=(0,t.defineComponent)({__fzKind:`@fiscozen/button/FzButton`,__name:`FzButton`,props:{label:{},tooltip:{},variant:{default:`primary`},size:{},environment:{},disabled:{type:Boolean,default:!1},iconName:{},iconVariant:{},iconPosition:{default:`before`},containerClass:{},overrideContainerClass:{type:Boolean}},setup(e){let r=e,i=(0,t.useSlots)();(0,t.watch)(()=>r.tooltip,e=>{e&&console.warn(`[FzButton] The "tooltip" prop is deprecated and will be removed in a future version. Please use the FzTooltip component to wrap your button instead.`)},{immediate:!0}),(0,t.watch)(()=>r.size,e=>{if(e!==void 0){let t=P[e];r.environment&&r.environment!==t?console.warn(`[FzButton] Both "size" and "environment" props are provided. "environment=${r.environment}" will be used and "size=${e}" will be ignored. Please remove the deprecated "size" prop.`):console.warn(`[FzButton] The "size" prop is deprecated and will be removed in a future version. Please use environment="${t}" instead of size="${e}".`)}},{immediate:!0});let a=(0,t.computed)(()=>!r.disabled),o=(0,t.computed)(()=>{switch(r.variant){case`secondary`:return{"bg-core-white":!0,"text-grey-500":!0,"!border-grey-200":!0,"hover:bg-grey-100":a.value,"hover:!border-grey-200":a.value,"focus:bg-core-white":a.value,"focus:!border-blue-600":a.value,"disabled:bg-grey-50":!0,"disabled:text-grey-200":!0,"disabled:!border-grey-200":!0};case`invisible`:return{"bg-transparent":!0,"text-grey-500":!0,"!border-transparent":!0,"hover:bg-grey-100":a.value,"hover:!border-grey-100":a.value,"focus:bg-transparent":a.value,"focus:!border-blue-600":a.value,"disabled:bg-grey-50":!0,"disabled:text-grey-200":!0,"disabled:!border-grey-200":!0};case`danger`:return{"bg-semantic-error-200":!0,"text-core-white":!0,"hover:bg-semantic-error-300":a.value,"focus:bg-semantic-error-200":a.value,"focus:!border-semantic-error-300":a.value,"disabled:bg-semantic-error-100":!0};case`success`:return{"bg-semantic-success-200":!0,"text-core-white":!0,"hover:bg-semantic-success-300":a.value,"focus:bg-semantic-success-200":a.value,"focus:!border-semantic-success-300":a.value,"disabled:bg-semantic-success-100":!0};default:return{"bg-blue-500":!0,"text-core-white":!0,"hover:bg-blue-600":a.value,"focus:bg-blue-500":a.value,"focus:!border-blue-600":a.value,"disabled:bg-blue-200":!0}}}),s=(0,t.computed)(()=>r.environment?r.environment:r.size?P[r.size]:`frontoffice`),c=(0,t.computed)(()=>{let e=!!(r.label||i.default),t=!!r.iconName,n=r.overrideContainerClass&&t;return e&&t||n}),l=[`relative`,`rounded`,`flex`,`flex-shrink`,`items-center`,`justify-center`,`font-normal`,`!text-[16px]`,`!leading-[20px]`,`border-1`,`border-transparent`,`gap-8`],u=[`flex`,`items-center`,`justify-items-center`],d=(0,t.computed)(()=>{let e=s.value;return{"h-32":e===`backoffice`,"h-44":e===`frontoffice`,"px-12":!0,"min-w-96":!0,...o.value}}),f=(0,t.computed)(()=>r.overrideContainerClass?r.containerClass:[`truncate`,`font-normal`,`!text-[16px]`,`!leading-[20px]`,r.containerClass]);return(r,a)=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{type:`button`,disabled:e.disabled,"aria-disabled":e.disabled?`true`:`false`,class:(0,t.normalizeClass)([l,d.value])},[(0,t.unref)(i).before||c.value&&e.iconPosition===`before`?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)(u)},[(0,t.renderSlot)(r.$slots,`before`,{},()=>[e.iconName?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.FzIcon),{key:0,name:e.iconName,size:`md`,variant:e.iconVariant},null,8,[`name`,`variant`])):(0,t.createCommentVNode)(``,!0)])])):(0,t.createCommentVNode)(``,!0),e.label||(0,t.unref)(i).default?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:1,class:(0,t.normalizeClass)(f.value)},[(0,t.renderSlot)(r.$slots,`default`,{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(e.label),1)])],2)):(0,t.createCommentVNode)(``,!0),(0,t.unref)(i).after||c.value&&e.iconPosition===`after`?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:2,class:(0,t.normalizeClass)(u)},[(0,t.renderSlot)(r.$slots,`after`,{},()=>[e.iconName?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.FzIcon),{key:0,name:e.iconName,size:`md`,variant:e.iconVariant},null,8,[`name`,`variant`])):(0,t.createCommentVNode)(``,!0)])])):(0,t.createCommentVNode)(``,!0)],10,F))}}),ne=M((0,t.defineComponent)({inheritAttrs:!1,__fzKind:`@fiscozen/button/FzIconButton`,__name:`FzIconButton`,props:{tooltip:{},variant:{default:`primary`},environment:{},size:{},disabled:{type:Boolean,default:!1},iconName:{},iconVariant:{default:`far`},iconSize:{},hasNotification:{type:Boolean,default:!1},ariaLabel:{}},setup(e){let n=e;(0,t.watch)(()=>n.tooltip,e=>{e&&console.warn(`[FzIconButton] The "tooltip" prop is deprecated and will be removed in a future version. Please use the FzTooltip component to wrap your button instead.`)},{immediate:!0}),(0,t.watch)(()=>n.size,e=>{if(e!==void 0){let t=P[e];n.environment&&n.environment!==t?console.warn(`[FzIconButton] Both "size" and "environment" props are provided. "environment=${n.environment}" will be used and "size=${e}" will be ignored. Please remove the deprecated "size" prop.`):console.warn(`[FzIconButton] The "size" prop is deprecated and will be removed in a future version. Please use environment="${t}" instead of size="${e}".`)}},{immediate:!0}),(0,t.watch)(()=>n.iconSize,e=>{e!==void 0&&console.warn(`[FzIconButton] The "iconSize" prop is deprecated and will be removed in a future version. Icon size has now a fixed dimension. Please remove the "iconSize" prop from your code.`)},{immediate:!0});let r=(0,t.computed)(()=>n.environment?n.environment:n.size?P[n.size]:`frontoffice`),i=(0,t.computed)(()=>{let e=n.ariaLabel||``;return n.hasNotification?`${e}, hai delle notifiche`:e}),a=(0,t.computed)(()=>{let e={"rounded-full":!0,"w-8":!0,"h-8":!0,absolute:!0,"-top-[2px]":!0,"-right-[2px]":!0};return n.disabled?n.variant===`primary`?{...e,"bg-orange-200":!0}:{...e,"bg-grey-200":!0}:n.variant===`primary`?{...e,"bg-orange-500":!0}:{...e,"bg-blue-500":!0}});return(e,o)=>((0,t.openBlock)(),(0,t.createElementBlock)(`span`,{class:(0,t.normalizeClass)([`fz-icon-button-wrapper`,`relative`,{"fz-icon-button-wrapper--backoffice":r.value===`backoffice`,"fz-icon-button-wrapper--frontoffice":r.value===`frontoffice`}])},[(0,t.createVNode)(I,(0,t.mergeProps)(e.$attrs,{disabled:n.disabled,environment:r.value,variant:n.variant,"aria-label":i.value,"icon-name":n.iconName,"icon-variant":n.iconVariant,"icon-position":`before`,overrideContainerClass:``}),null,16,[`disabled`,`environment`,`variant`,`aria-label`,`icon-name`,`icon-variant`]),n.hasNotification?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)(a.value),"aria-hidden":`true`},null,2)):(0,t.createCommentVNode)(``,!0)],2))}}),[[`__scopeId`,`data-v-84505903`]]),L=M((0,t.defineComponent)({__name:`FzContainer`,props:{main:{type:Boolean,default:!1},gap:{default:`base`},tag:{default:`div`},alignItems:{default:void 0},horizontal:{type:Boolean,default:!1},layout:{}},setup(e){let n=e,r=(0,t.computed)(()=>n.alignItems??(n.horizontal?`center`:`stretch`));if(!n.horizontal&&`layout`in n){let e=n.layout;e&&e!==`default`&&console.error(`[FzContainer] The "layout" prop only works when horizontal is true. Current horizontal: ${n.horizontal}, layout: "${e}".`)}let i=(0,t.computed)(()=>{let e=n.main?`main-content`:`section-content`,t=[n.horizontal?`fz-container--horizontal`:`fz-container--vertical`,`gap-${e}-${n.gap}`,`align-items-${r.value}`];if(n.horizontal){let e=(`layout`in n?n.layout:void 0)||`default`;t.push(`layout-${e}`)}return t});return(e,r)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(n.tag),{class:(0,t.normalizeClass)([`fz-container`,i.value])},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,`default`,{},void 0,!0)]),_:3},8,[`class`]))}}),[[`__scopeId`,`data-v-8c40daeb`]]),R=[`aria-disabled`],z=[`href`,`target`,`rel`],B=(0,t.defineComponent)({__fzKind:`@fiscozen/link/FzLink`,__name:`FzLink`,props:{type:{default:`default`},linkStyle:{default:`default`},size:{default:`md`},disabled:{type:Boolean,default:!1},to:{},external:{type:Boolean,default:!1},replace:{type:Boolean,default:!1},target:{}},setup(e){let n=e;(0,t.watch)(()=>n.size===`xs`,e=>{e&&console.warn(`[FzLink] The size prop value "xs" is deprecated and will be removed in a future version. Please use "sm" instead. The component will automatically map "xs" to "sm" for now.`)},{immediate:!0}),(0,t.watch)(()=>n.size===`lg`,e=>{e&&console.warn(`[FzLink] The size prop value "lg" is deprecated and will be removed in a future version. Please use "md" instead. The component will automatically map "lg" to "md" for now.`)},{immediate:!0});let r=(0,t.computed)(()=>n.size===`xs`?`sm`:n.size===`lg`?`md`:n.size),i=(0,t.computed)(()=>[`border-1 border-transparent inline-block`,{"text-sm leading-xs":r.value===`sm`,"text-base leading-base":r.value===`md`,underline:n.linkStyle===`underline`}]),a=e=>e.type===`default`&&e.linkStyle===`underline`,o=e=>e.type===`default`&&e.linkStyle!==`underline`,s=e=>e.type===`danger`&&e.linkStyle===`underline`,c=e=>e.type===`danger`&&e.linkStyle!==`underline`,l=e=>e.type===`default`&&e.disabled,u=e=>e.type===`danger`&&e.disabled,d=(0,t.computed)(()=>{let e=[...i.value,`focus:outline-none`,`focus:border-solid`,`focus:no-underline`];switch(!0){case a(n):e.push(`text-blue-500`,`hover:text-blue-600`,`focus:text-blue-600`,`focus:border-blue-600`);break;case o(n):e.push(`text-blue-500`,`hover:text-blue-600`,`hover:underline`,`focus:text-blue-600`,`focus:border-blue-600`);break;case s(n):e.push(`text-semantic-error-200`,`hover:text-semantic-error-300`,`focus:text-semantic-error-300`,`focus:border-semantic-error-300`);break;case c(n):e.push(`text-semantic-error-200`,`hover:text-semantic-error-300`,`hover:underline`,`focus:text-semantic-error-300`,`focus:border-semantic-error-300`);break}return e}),f=(0,t.computed)(()=>{let e=[...i.value,`cursor-not-allowed`];switch(!0){case l(n):e.push(`text-blue-200`);break;case u(n):e.push(`text-semantic-error-100`);break}return e}),p=(0,t.computed)(()=>n.external?n.to:``),m=(0,t.computed)(()=>{if(n.external&&n.target===`_blank`)return`noopener noreferrer`});return(n,r)=>{let i=(0,t.resolveComponent)(`router-link`);return e.disabled?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,{key:0,class:(0,t.normalizeClass)(f.value),"aria-disabled":e.disabled?`true`:`false`,role:`link`,"aria-label":`Link disabled`},[(0,t.renderSlot)(n.$slots,`default`)],10,R)):e.external?((0,t.openBlock)(),(0,t.createElementBlock)(`a`,{key:1,href:p.value,class:(0,t.normalizeClass)(d.value),target:e.target,rel:m.value},[(0,t.renderSlot)(n.$slots,`default`)],10,z)):((0,t.openBlock)(),(0,t.createBlock)(i,{key:2,to:e.to,replace:e.replace,class:(0,t.normalizeClass)(d.value),target:e.target},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(n.$slots,`default`)]),_:3},8,[`to`,`replace`,`class`,`target`]))}}}),V={class:`flex flex-col flex-1`},H={key:0,class:`leading-[20px]`},U=M((0,t.defineComponent)({__name:`FzAlert`,props:{tone:{},alertStyle:{default:`default`},showButtonAction:{type:Boolean,default:!0},buttonActionLabel:{},buttonActionTooltip:{},isDismissible:{type:Boolean},showLinkAction:{type:Boolean},linkActionLabel:{},linkActionLocation:{},linkActionTarget:{},linkActionExternal:{type:Boolean},size:{},environment:{default:`frontoffice`},title:{},defaultOpen:{type:Boolean,default:!0},variant:{}},emits:[`fzAlert:click`,`fzAlert:dismiss`],setup(e,{emit:r}){let i=e,a=r,o=(0,t.useSlots)(),s=(0,t.ref)(i.defaultOpen),c={info:`bg-semantic-info-50 border-semantic-info`,error:`bg-semantic-error-50 border-semantic-error`,danger:`bg-semantic-error-50 border-semantic-error`,warning:`bg-semantic-warning-50 border-semantic-warning`,success:`bg-semantic-success-50 border-semantic-success`},l={sm:`backoffice`,md:`frontoffice`,lg:`frontoffice`},u=(0,t.computed)(()=>T.value===`text`),d=(0,t.computed)(()=>[`flex select-none gap-12 rounded justify-between`,...u.value?[`bg-transparent`]:[c[i.tone]],...!u.value&&w.value===`backoffice`?[`p-6`]:[],...T.value===`accordion`?[`cursor-pointer`]:[]]),f=(0,t.computed)(()=>({info:`circle-info`,error:`circle-xmark`,danger:`triangle-exclamation`,warning:`triangle-exclamation`,success:`circle-check`})[i.tone]),p=(0,t.computed)(()=>[{info:`text-semantic-info`,error:`text-semantic-error`,danger:`text-semantic-error`,warning:`text-semantic-warning`,success:`text-semantic-success`}[i.tone]]),m=(0,t.computed)(()=>u.value&&w.value===`backoffice`?`sm`:`md`),h=(0,t.computed)(()=>u.value?``:w.value===`backoffice`?`p-6`:`p-12`),g=(0,t.computed)(()=>u.value?`xs`:`sm`),_=(0,t.computed)(()=>u.value||!(i.showButtonAction||i.showLinkAction||o.action)?!1:T.value===`background`?!0:s.value),v=(0,t.computed)(()=>[`font-normal`,`!leading-[20px]`,{"mt-8":i.title&&!u.value,"mb-16":_.value&&!u.value}]),y=(0,t.computed)(()=>s.value?`angle-up`:`angle-down`),b=(0,t.computed)(()=>{if(T.value===`accordion`)return y.value;if(i.isDismissible)return`xmark`}),x=(0,t.computed)(()=>u.value||T.value===`background`?!0:T.value===`accordion`?s.value:!0),S=(0,t.computed)(()=>x.value&&!!o.default);function C(e){e.stopPropagation(),a(`fzAlert:click`)}let w=(0,t.computed)(()=>i.size?l[i.size]:i.environment),T=(0,t.computed)(()=>i.variant?i.variant:[`default`,`simple`].includes(i.alertStyle)?`background`:`accordion`),E=(0,t.computed)(()=>!u.value&&(T.value===`accordion`||i.isDismissible)),D=()=>{T.value===`accordion`&&(s.value=!s.value),i.isDismissible&&a(`fzAlert:dismiss`)},O=()=>{!u.value&&T.value===`accordion`&&(s.value=!s.value)};return(r,i)=>{let a=(0,t.resolveDirective)(`bold`);return(0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)(d.value),onClick:O},[(0,t.createVNode)((0,t.unref)(L),{horizontal:``,gap:g.value,class:(0,t.normalizeClass)([`flex-1`,h.value]),alignItems:`start`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.FzIcon),{name:f.value,size:m.value,class:(0,t.normalizeClass)(p.value),"aria-hidden":`true`},null,8,[`name`,`size`,`class`]),(0,t.createElementVNode)(`div`,V,[e.title&&!u.value?(0,t.withDirectives)(((0,t.openBlock)(),(0,t.createElementBlock)(`p`,H,[(0,t.createTextVNode)((0,t.toDisplayString)(e.title),1)])),[[a]]):(0,t.createCommentVNode)(``,!0),S.value?((0,t.openBlock)(),(0,t.createElementBlock)(`p`,{key:1,class:(0,t.normalizeClass)(v.value)},[(0,t.renderSlot)(r.$slots,`default`,{},void 0,!0)],2)):(0,t.createCommentVNode)(``,!0),_.value?(0,t.renderSlot)(r.$slots,`action`,{key:2},()=>[(0,t.createVNode)((0,t.unref)(L),{horizontal:``,gap:`sm`},{default:(0,t.withCtx)(()=>[e.showButtonAction?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(I),{key:0,onClick:C,tooltip:e.buttonActionTooltip,environment:w.value,variant:`secondary`},{default:(0,t.withCtx)(()=>[(0,t.createTextVNode)((0,t.toDisplayString)(e.buttonActionLabel),1)]),_:1},8,[`tooltip`,`environment`])):(0,t.createCommentVNode)(``,!0),e.showLinkAction?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(B),{key:1,to:e.linkActionLocation,onClick:C,size:`md`,target:e.linkActionTarget,external:e.linkActionExternal},{default:(0,t.withCtx)(()=>[(0,t.createTextVNode)((0,t.toDisplayString)(e.linkActionLabel),1)]),_:1},8,[`to`,`target`,`external`])):(0,t.createCommentVNode)(``,!0)]),_:1})],!0):(0,t.createCommentVNode)(``,!0)])]),_:3},8,[`gap`,`class`]),E.value?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(ne),{key:0,iconName:b.value,environment:w.value,variant:`invisible`,onClick:(0,t.withModifiers)(D,[`stop`])},null,8,[`iconName`,`environment`])):(0,t.createCommentVNode)(``,!0)],2)}}}),[[`__scopeId`,`data-v-3d1f9d4e`]]),W=(0,t.defineComponent)({__name:`ErrorAlert`,props:{id:{}},setup(e){return(n,r)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(U),{id:e.id,tone:`error`,variant:`text`,role:`alert`,"aria-live":`assertive`,"aria-atomic":`true`,size:`md`},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(n.$slots,`default`)]),_:3},8,[`id`]))}}),G={class:`flex justify-center flex-col w-fit gap-4`},K=[`data-emphasis`,`data-error`,`data-disabled`],q=[`id`,`disabled`,`required`,`value`,`aria-checked`,`aria-label`,`aria-required`,`aria-invalid`,`aria-describedby`,`aria-labelledby`,`aria-owns`],J=[`id`,`for`],Y=`w-0 h-0 peer fz-hidden-input`,X=`
2
2
  flex gap-6 items-start hover:cursor-pointer text-core-black
3
3
  peer-focus:[&_div]:after:border-1
4
4
  peer-focus:[&_div]:after:border-solid
@@ -10,4 +10,4 @@
10
10
  peer-focus:[&_div]:after:right-0
11
11
  peer-focus:[&_div]:after:bottom-0
12
12
  peer-focus:[&_div]:after:absolute
13
- `,X=`relative`,Z=M((0,t.defineComponent)({__name:`FzCheckbox`,props:(0,t.mergeModels)({label:{},value:{type:[String,Number,Boolean]},size:{},indeterminate:{type:Boolean,default:!1},emphasis:{type:Boolean},disabled:{type:Boolean},error:{type:Boolean},required:{type:Boolean},standalone:{type:Boolean},tooltip:{},ariaOwns:{},checkboxId:{}},{modelValue:{type:[null,Boolean,Array],required:!0},modelModifiers:{}}),emits:(0,t.mergeModels)([`change`],[`update:modelValue`]),setup(e,{emit:r}){let a=e;(0,t.watch)(()=>a.size,e=>{e!==void 0&&console.warn(`[FzCheckbox] The "size" prop is deprecated and will be removed in a future version. Checkboxes now have a fixed size.`)},{immediate:!0});let o=Object.freeze({INDETERMINATE:`square-minus`,CHECKED:`square-check`,UNCHECKED:`square`}),s=Object.freeze({SOLID:`fas`,REGULAR:`far`}),c=(0,t.computed)(()=>a.value??a.label),l=a.checkboxId||i(),u=(0,t.useModel)(e,`modelValue`),d=r,f=(0,t.shallowRef)(null),p=(0,t.computed)(()=>u.value==null?!1:typeof u.value==`boolean`?u.value:u.value.includes(c.value)),m=(0,t.computed)(()=>a.disabled?`text-grey-300 [&_div]:text-grey-300`:a.error?`text-semantic-error-200 [&_div]:text-semantic-error-200 peer-checked:[&_div]:text-semantic-error-200 peer-indeterminate:[&_div]:text-semantic-error-200`:a.emphasis?`text-core-black [&_div]:text-blue-500 peer-checked:[&_div]:text-blue-500 peer-indeterminate:[&_div]:text-blue-500`:`text-core-black peer-checked:[&_div]:text-grey-500 peer-indeterminate:[&_div]:text-grey-500`),h=(0,t.computed)(()=>a.disabled?`text-grey-300`:a.error?`text-semantic-error-200`:a.emphasis?`text-blue-500`:`text-grey-400`),g=(0,t.computed)(()=>[`text-base`,m.value]),_=(0,t.computed)(()=>[h.value]),v=(0,t.computed)(()=>a.indeterminate?o.INDETERMINATE:p.value?o.CHECKED:o.UNCHECKED),y=(0,t.computed)(()=>a.indeterminate||p.value?s.SOLID:s.REGULAR);return(0,t.onMounted)(()=>{u.value!=null&&(typeof u.value==`boolean`?u.value&&f.value?.dispatchEvent(new Event(`change`)):u.value.includes(c.value)&&f.value?.dispatchEvent(new Event(`change`)))}),(r,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,W,[(0,t.createElementVNode)(`div`,{class:`flex items-start group`,"data-emphasis":e.emphasis||void 0,"data-error":e.error||void 0,"data-disabled":e.disabled||void 0},[(0,t.withDirectives)((0,t.createElementVNode)(`input`,{type:`checkbox`,id:(0,t.unref)(l),disabled:e.disabled,class:(0,t.normalizeClass)(J),required:e.required,value:e.value,onChange:i[0]||=e=>d(`change`,e),"onUpdate:modelValue":i[1]||=e=>u.value=e,"aria-checked":e.indeterminate?`mixed`:p.value,"aria-label":e.standalone?e.label:void 0,"aria-required":e.required?`true`:`false`,"aria-invalid":e.error?`true`:`false`,"aria-describedby":e.error&&r.$slots.error?`${(0,t.unref)(l)}-error`:void 0,"aria-labelledby":e.standalone?void 0:`${(0,t.unref)(l)}-label`,"aria-owns":a.ariaOwns,ref_key:`refCheckbox`,ref:f},null,40,K),[[t.vModelCheckbox,u.value]]),(0,t.createElementVNode)(`label`,{id:`${(0,t.unref)(l)}-label`,for:(0,t.unref)(l),class:(0,t.normalizeClass)([Y,g.value])},[(0,t.createVNode)((0,t.unref)(n.FzIcon),{name:v.value,size:`md`,class:(0,t.normalizeClass)([X,_.value]),variant:y.value,"aria-hidden":`true`},null,8,[`name`,`class`,`variant`]),e.standalone?(0,t.createCommentVNode)(``,!0):((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:0},[(0,t.createTextVNode)((0,t.toDisplayString)(e.label),1)],64))],10,q),e.tooltip?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(z),(0,t.mergeProps)({key:0},e.tooltip,{class:`ml-6`}),{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.FzIcon),{name:`info-circle`,size:`md`,class:`text-semantic-info`,role:`img`,"aria-label":`Informazioni aggiuntive`})]),_:1},16)):(0,t.createCommentVNode)(``,!0)],8,G),e.error&&r.$slots.error?((0,t.openBlock)(),(0,t.createBlock)(U,{key:0,id:`${(0,t.unref)(l)}-error`},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,`error`,{},void 0,!0)]),_:3},8,[`id`])):(0,t.createCommentVNode)(``,!0),(0,t.renderSlot)(r.$slots,`children`,{},void 0,!0)]))}}),[[`__scopeId`,`data-v-2b198cc9`]]),Q=Symbol(`FzCheckboxCheckedSet`),ie=`flex flex-col justify-center gap-8 pl-24`,ae=(0,t.defineComponent)({__name:`FzCheckboxGroupOption`,props:(0,t.mergeModels)({label:{},value:{type:[String,Number,Boolean]},indeterminate:{type:Boolean},emphasis:{type:Boolean},disabled:{type:Boolean},error:{type:Boolean},required:{type:Boolean},standalone:{type:Boolean},tooltip:{},ariaOwns:{},checkboxId:{},children:{}},{modelValue:{required:!0,default:[]},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let n=e,r=(0,t.computed)(()=>n.value??n.label),a=(0,t.useModel)(e,`modelValue`),o=i(),s=(0,t.computed)(()=>n.children?.map((e,t)=>`${o}-child-${t}`).join(` `)),c=(0,t.computed)(()=>[]),l=(0,t.computed)(()=>{if(!n.children)return!1;let e=n.children.filter(e=>a.value.includes(e.value??e.label)).length;return e>0&&e<n.children.length});function u(){n.children&&(n.children.filter(e=>a.value.includes(e.value??e.label)).length===n.children.length?a.value.includes(r.value)||(a.value=a.value.concat(r.value)):a.value.includes(r.value)&&(a.value=a.value.filter(e=>e!==r.value)))}function d(){n.children&&(a.value.includes(r.value)?a.value=a.value.concat(n.children?.map(e=>e.value??e.label).filter(e=>!a.value.includes(e))):a.value=a.value.filter(e=>!n.children?.map(e=>e.value??e.label).includes(e)))}return(r,i)=>((0,t.openBlock)(),(0,t.createBlock)(Z,{modelValue:a.value,"onUpdate:modelValue":i[1]||=e=>a.value=e,value:n.value,label:n.label,disabled:e.disabled,emphasis:e.emphasis,error:e.error,indeterminate:l.value,"aria-owns":e.children?.length?s.value:void 0,onChange:d},(0,t.createSlots)({_:2},[e.children?.length?{name:`children`,fn:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([ie,c.value])},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.children,(n,r)=>((0,t.openBlock)(),(0,t.createBlock)(Z,(0,t.mergeProps)({key:n.value?n.value.toString():n.label,modelValue:a.value,"onUpdate:modelValue":i[0]||=e=>a.value=e,disabled:e.disabled},{ref_for:!0},n,{emphasis:e.emphasis,error:e.error,"checkbox-id":`${(0,t.unref)(o)}-child-${r}`,onChange:u}),null,16,[`modelValue`,`disabled`,`emphasis`,`error`,`checkbox-id`]))),128))],2)]),key:`0`}:void 0]),1032,[`modelValue`,`value`,`label`,`disabled`,`emphasis`,`error`,`indeterminate`,`aria-owns`]))}}),oe=[`id`],se={key:0},ce=[`id`],le=[`id`,`aria-labelledby`,`aria-describedby`,`aria-required`,`aria-invalid`],ue=`flex flex-col`,de=`flex flex-col gap-10`,fe=`flex self-stretch`,pe=(0,t.defineComponent)({__name:`FzCheckboxGroup`,props:(0,t.mergeModels)({label:{},size:{},options:{},emphasis:{type:Boolean},disabled:{type:Boolean},error:{type:Boolean},required:{type:Boolean},horizontal:{type:Boolean}},{modelValue:{required:!0,default:[]},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let n=e,r=(0,t.useSlots)();(0,t.watch)(()=>n.size,e=>{e!==void 0&&console.warn(`[FzCheckboxGroup] The "size" prop is deprecated and will be removed in a future version. Checkboxes now have a fixed size.`)},{immediate:!0});let i=a(),o=(0,t.computed)(()=>[`text-sm`,n.disabled?`text-grey-400`:`text-grey-500`]),s=(0,t.useModel)(e,`modelValue`);(0,t.provide)(Q,{source:s,set:(0,t.computed)(()=>new Set(s.value))});let c=(0,t.computed)(()=>[`text-base`,`gap-6`,n.disabled?`text-grey-400`:`text-core-black`]),l=(0,t.computed)(()=>[`text-base`]),u=(0,t.computed)(()=>[`text-base`,n.horizontal?`gap-16`:`gap-8`,n.horizontal?`flex-row`:`flex-col`]),d=(0,t.computed)(()=>Array.isArray(n.options)&&n.options.length>0),f=(0,t.computed)(()=>({disabled:n.disabled,error:n.error,emphasis:n.emphasis,required:n.required})),p=(0,t.computed)(()=>{let e=[];return r.help&&e.push(`${i}-help`),n.error&&r.error&&e.push(`${i}-error`),e.length>0?e.join(` `):void 0});return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([de,l.value])},[(0,t.createElementVNode)(`label`,{id:(0,t.unref)(i)+`-label`,class:(0,t.normalizeClass)([ue,c.value])},[(0,t.createElementVNode)(`span`,null,[(0,t.createTextVNode)((0,t.toDisplayString)(e.label),1),e.required?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,se,` *`)):(0,t.createCommentVNode)(``,!0)]),n.$slots.help?((0,t.openBlock)(),(0,t.createElementBlock)(`p`,{key:0,id:(0,t.unref)(i)+`-help`,class:(0,t.normalizeClass)(o.value)},[(0,t.renderSlot)(n.$slots,`help`)],10,ce)):(0,t.createCommentVNode)(``,!0)],10,oe),(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([fe,u.value]),id:(0,t.unref)(i),role:`group`,"aria-labelledby":(0,t.unref)(i)+`-label`,"aria-describedby":p.value,"aria-required":e.required?`true`:`false`,"aria-invalid":e.error?`true`:`false`},[d.value?((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,{key:0},(0,t.renderList)(e.options,n=>((0,t.openBlock)(),(0,t.createBlock)(ae,(0,t.mergeProps)({key:n.value?n.value.toString():n.label,modelValue:s.value,"onUpdate:modelValue":r[0]||=e=>s.value=e,disabled:e.disabled},{ref_for:!0},n,{emphasis:e.emphasis,error:e.error}),null,16,[`modelValue`,`disabled`,`emphasis`,`error`]))),128)):(0,t.renderSlot)(n.$slots,`default`,{key:1,checkboxGroupProps:f.value})],10,le),e.error&&n.$slots.error?((0,t.openBlock)(),(0,t.createBlock)(U,{key:0,id:(0,t.unref)(i)+`-error`},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(n.$slots,`error`)]),_:3},8,[`id`])):(0,t.createCommentVNode)(``,!0)],2))}}),$=[`id`,`value`,`disabled`,`checked`,`name`,`required`,`aria-checked`,`aria-required`,`aria-invalid`],me=[`for`],he=[`title`],ge=[`src`,`alt`],_e={class:`flex flex-row w-full justify-between min-w-0`},ve={class:`justify-center flex flex-col w-full grow-0 min-w-0 gap-4`},ye=`peer h-0 w-0 absolute fz-hidden-input`,be=M((0,t.defineComponent)({__name:`FzCheckboxCard`,props:(0,t.mergeModels)({label:{},size:{},emphasis:{type:Boolean},disabled:{type:Boolean},error:{type:Boolean},required:{type:Boolean},value:{},title:{},subtitle:{},imageAlt:{},tooltip:{},tooltipStatus:{},hasCheckbox:{type:Boolean,default:!0},name:{},variant:{default:`horizontal`},imageUrl:{}},{modelValue:{required:!0,default:[]},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let r=e,a=(0,t.computed)(()=>r.value??r.label),o=i(),s=(0,t.useModel)(e,`modelValue`),c=(0,t.inject)(Q,null),l=(0,t.computed)(()=>s.value==null?!1:c&&c.source.value===s.value?c.set.value.has(a.value):s.value.includes(a.value));function u(){if(r.disabled)return;let e=s.value??[];l.value?s.value=e.filter(e=>e!==a.value):s.value=[...e,a.value]}let d=Object.freeze({CHECKED:`square-check`,UNCHECKED:`square`}),f=Object.freeze({SOLID:`fas`,REGULAR:`far`}),p=(0,t.computed)(()=>l.value?d.CHECKED:d.UNCHECKED),m=(0,t.computed)(()=>l.value?f.SOLID:f.REGULAR),h=(0,t.computed)(()=>r.disabled?`text-grey-300`:r.error?`text-semantic-error-200`:r.emphasis||l.value?`text-blue-500`:`text-grey-400`),g=(0,t.computed)(()=>r.variant===`vertical`||!!r.imageUrl),_=(0,t.computed)(()=>({"flex-col":r.variant===`vertical`,"flex-row":r.variant===`horizontal`,"pb-20":r.variant===`vertical`&&(!l.value||r.disabled),"pb-12":r.variant===`horizontal`&&(!l.value||r.disabled),"pb-[19px]":r.variant===`vertical`&&l.value&&!r.disabled,"pb-[11px]":r.variant===`horizontal`&&l.value&&!r.disabled,"pt-[11px]":l.value&&!r.disabled,"gap-20":r.variant===`vertical`,"gap-12":r.variant===`horizontal`,"border-2 px-[11px] border-blue-500":l.value&&!r.disabled,"border-1 border-grey-300":!l.value||r.disabled,"hover:bg-[#f9faff] peer-focus:outline peer-focus:bg-[#f9faff] peer-focus:outline-blue-200 peer-focus:outline-2 peer-checked:bg-[#f9faff]":!r.disabled}));return(i,s)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,null,[(0,t.createElementVNode)(`input`,{type:`checkbox`,id:(0,t.unref)(o),class:(0,t.normalizeClass)([ye]),value:a.value,disabled:e.disabled,checked:l.value,name:e.name,required:e.required,tabindex:`0`,"aria-checked":l.value,"aria-required":e.required?`true`:`false`,"aria-invalid":e.error?`true`:`false`,onChange:u},null,42,$),(0,t.createElementVNode)(`label`,{class:(0,t.normalizeClass)([`relative flex block rounded-lg border-solid pt-12 px-12 cursor-pointer w-full`,_.value]),for:(0,t.unref)(o)},[e.hasCheckbox?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.FzIcon),{key:0,name:p.value,size:`md`,class:(0,t.normalizeClass)([`shrink-0`,h.value,{"absolute top-[23px] left-[23px]":e.variant===`vertical`,"self-start":e.variant===`horizontal`}]),variant:m.value,"aria-hidden":`true`},null,8,[`name`,`class`,`variant`])):(0,t.createCommentVNode)(``,!0),g.value?((0,t.openBlock)(),(0,t.createElementBlock)(`picture`,{key:1,class:(0,t.normalizeClass)([`rounded overflow-hidden`,{"shrink-0 size-[58px]":e.variant===`horizontal`,"w-full aspect-[16/9]":e.variant===`vertical`,"opacity-30":r.disabled}]),title:e.imageAlt||``},[(0,t.createElementVNode)(`img`,{src:e.imageUrl,alt:e.imageAlt||``,class:`object-cover h-full w-full`},null,8,ge)],10,he)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,_e,[(0,t.createElementVNode)(`div`,ve,[(0,t.createElementVNode)(`p`,{class:(0,t.normalizeClass)([`font-medium break-words !m-0 !leading-[20px]`,{"text-grey-300":r.disabled}])},(0,t.toDisplayString)(e.title),3),e.subtitle?((0,t.openBlock)(),(0,t.createElementBlock)(`p`,{key:0,class:(0,t.normalizeClass)([`font-normal text-sm mt-4 break-words !m-0 !leading-[16px]`,{"text-grey-300":r.disabled,"text-grey-500":!r.disabled}])},(0,t.toDisplayString)(e.subtitle),3)):(0,t.createCommentVNode)(``,!0)]),e.tooltip?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(z),{key:0,class:(0,t.normalizeClass)({"self-center":r.variant===`horizontal`,"self-start":r.variant===`vertical`,"ml-8":r.variant===`vertical`,"ml-12":r.variant===`horizontal`}),disabled:r.disabled,text:e.tooltip,status:e.tooltipStatus||`neutral`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.FzIcon),{name:`circle-info`,variant:`far`,size:`md`,class:`text-semantic-info`})]),_:1},8,[`class`,`disabled`,`text`,`status`])):(0,t.createCommentVNode)(``,!0)])],10,me)]))}}),[[`__scopeId`,`data-v-1a096df1`]]);e.FzCheckbox=Z,e.FzCheckboxCard=be,e.FzCheckboxGroup=pe,e.generateCheckboxId=i,e.generateGroupId=a});
13
+ `,Z=`relative`,Q=M((0,t.defineComponent)({__name:`FzCheckbox`,props:(0,t.mergeModels)({label:{},value:{type:[String,Number,Boolean]},size:{},indeterminate:{type:Boolean,default:!1},emphasis:{type:Boolean},disabled:{type:Boolean},error:{type:Boolean},required:{type:Boolean},standalone:{type:Boolean},tooltip:{},ariaOwns:{},checkboxId:{}},{modelValue:{type:[null,Boolean,Array],required:!0},modelModifiers:{}}),emits:(0,t.mergeModels)([`change`],[`update:modelValue`]),setup(e,{emit:r}){let a=e;(0,t.watch)(()=>a.size,e=>{e!==void 0&&console.warn(`[FzCheckbox] The "size" prop is deprecated and will be removed in a future version. Checkboxes now have a fixed size.`)},{immediate:!0});let o=Object.freeze({INDETERMINATE:`square-minus`,CHECKED:`square-check`,UNCHECKED:`square`}),s=Object.freeze({SOLID:`fas`,REGULAR:`far`}),c=(0,t.computed)(()=>a.value??a.label),l=a.checkboxId||i(),u=(0,t.useModel)(e,`modelValue`),d=r,f=(0,t.shallowRef)(null),p=(0,t.computed)(()=>u.value==null?!1:typeof u.value==`boolean`?u.value:u.value.includes(c.value)),m=(0,t.computed)(()=>a.disabled?`text-grey-300 [&_div]:text-grey-300`:a.error?`text-semantic-error-200 [&_div]:text-semantic-error-200 peer-checked:[&_div]:text-semantic-error-200 peer-indeterminate:[&_div]:text-semantic-error-200`:a.emphasis?`text-core-black [&_div]:text-blue-500 peer-checked:[&_div]:text-blue-500 peer-indeterminate:[&_div]:text-blue-500`:`text-core-black peer-checked:[&_div]:text-grey-500 peer-indeterminate:[&_div]:text-grey-500`),h=(0,t.computed)(()=>a.disabled?`text-grey-300`:a.error?`text-semantic-error-200`:a.emphasis?`text-blue-500`:`text-grey-400`),g=(0,t.computed)(()=>[`text-base`,m.value]),_=(0,t.computed)(()=>[h.value]),v=(0,t.computed)(()=>a.indeterminate?o.INDETERMINATE:p.value?o.CHECKED:o.UNCHECKED),y=(0,t.computed)(()=>a.indeterminate||p.value?s.SOLID:s.REGULAR);return(0,t.onMounted)(()=>{u.value!=null&&(typeof u.value==`boolean`?u.value&&f.value?.dispatchEvent(new Event(`change`)):u.value.includes(c.value)&&f.value?.dispatchEvent(new Event(`change`)))}),(r,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,G,[(0,t.createElementVNode)(`div`,{class:`flex items-start group`,"data-emphasis":e.emphasis||void 0,"data-error":e.error||void 0,"data-disabled":e.disabled||void 0},[(0,t.withDirectives)((0,t.createElementVNode)(`input`,{type:`checkbox`,id:(0,t.unref)(l),disabled:e.disabled,class:(0,t.normalizeClass)(Y),required:e.required,value:e.value,onChange:i[0]||=e=>d(`change`,e),"onUpdate:modelValue":i[1]||=e=>u.value=e,"aria-checked":e.indeterminate?`mixed`:p.value,"aria-label":e.standalone?e.label:void 0,"aria-required":e.required?`true`:`false`,"aria-invalid":e.error?`true`:`false`,"aria-describedby":e.error&&r.$slots.error?`${(0,t.unref)(l)}-error`:void 0,"aria-labelledby":e.standalone?void 0:`${(0,t.unref)(l)}-label`,"aria-owns":a.ariaOwns,ref_key:`refCheckbox`,ref:f},null,40,q),[[t.vModelCheckbox,u.value]]),(0,t.createElementVNode)(`label`,{id:`${(0,t.unref)(l)}-label`,for:(0,t.unref)(l),class:(0,t.normalizeClass)([X,g.value])},[(0,t.createVNode)((0,t.unref)(n.FzIcon),{name:v.value,size:`md`,class:(0,t.normalizeClass)([Z,_.value]),variant:y.value,"aria-hidden":`true`},null,8,[`name`,`class`,`variant`]),e.standalone?(0,t.createCommentVNode)(``,!0):((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:0},[(0,t.createTextVNode)((0,t.toDisplayString)(e.label),1)],64))],10,J),e.tooltip?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(N),(0,t.mergeProps)({key:0},e.tooltip,{class:`ml-6`}),{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.FzIcon),{name:`info-circle`,size:`md`,class:`text-semantic-info`,role:`img`,"aria-label":`Informazioni aggiuntive`})]),_:1},16)):(0,t.createCommentVNode)(``,!0)],8,K),e.error&&r.$slots.error?((0,t.openBlock)(),(0,t.createBlock)(W,{key:0,id:`${(0,t.unref)(l)}-error`},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,`error`,{},void 0,!0)]),_:3},8,[`id`])):(0,t.createCommentVNode)(``,!0),(0,t.renderSlot)(r.$slots,`children`,{},void 0,!0)]))}}),[[`__scopeId`,`data-v-2b198cc9`]]),$=`@fiscozen/checkbox/CheckedSet`,re=`flex flex-col justify-center gap-8 pl-24`,ie=(0,t.defineComponent)({__name:`FzCheckboxGroupOption`,props:(0,t.mergeModels)({label:{},value:{type:[String,Number,Boolean]},indeterminate:{type:Boolean},emphasis:{type:Boolean},disabled:{type:Boolean},error:{type:Boolean},required:{type:Boolean},standalone:{type:Boolean},tooltip:{},ariaOwns:{},checkboxId:{},children:{}},{modelValue:{required:!0,default:[]},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let n=e,r=(0,t.computed)(()=>n.value??n.label),a=(0,t.useModel)(e,`modelValue`),o=i(),s=(0,t.computed)(()=>n.children?.map((e,t)=>`${o}-child-${t}`).join(` `)),c=(0,t.computed)(()=>[]),l=(0,t.computed)(()=>{if(!n.children)return!1;let e=n.children.filter(e=>a.value.includes(e.value??e.label)).length;return e>0&&e<n.children.length});function u(){n.children&&(n.children.filter(e=>a.value.includes(e.value??e.label)).length===n.children.length?a.value.includes(r.value)||(a.value=a.value.concat(r.value)):a.value.includes(r.value)&&(a.value=a.value.filter(e=>e!==r.value)))}function d(){n.children&&(a.value.includes(r.value)?a.value=a.value.concat(n.children?.map(e=>e.value??e.label).filter(e=>!a.value.includes(e))):a.value=a.value.filter(e=>!n.children?.map(e=>e.value??e.label).includes(e)))}return(r,i)=>((0,t.openBlock)(),(0,t.createBlock)(Q,{modelValue:a.value,"onUpdate:modelValue":i[1]||=e=>a.value=e,value:n.value,label:n.label,disabled:e.disabled,emphasis:e.emphasis,error:e.error,indeterminate:l.value,"aria-owns":e.children?.length?s.value:void 0,onChange:d},(0,t.createSlots)({_:2},[e.children?.length?{name:`children`,fn:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([re,c.value])},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.children,(n,r)=>((0,t.openBlock)(),(0,t.createBlock)(Q,(0,t.mergeProps)({key:n.value?n.value.toString():n.label,modelValue:a.value,"onUpdate:modelValue":i[0]||=e=>a.value=e,disabled:e.disabled},{ref_for:!0},n,{emphasis:e.emphasis,error:e.error,"checkbox-id":`${(0,t.unref)(o)}-child-${r}`,onChange:u}),null,16,[`modelValue`,`disabled`,`emphasis`,`error`,`checkbox-id`]))),128))],2)]),key:`0`}:void 0]),1032,[`modelValue`,`value`,`label`,`disabled`,`emphasis`,`error`,`indeterminate`,`aria-owns`]))}}),ae=[`id`],oe={key:0},se=[`id`],ce=[`id`,`aria-labelledby`,`aria-describedby`,`aria-required`,`aria-invalid`],le=`flex flex-col`,ue=`flex flex-col gap-10`,de=`flex self-stretch`,fe=(0,t.defineComponent)({__name:`FzCheckboxGroup`,props:(0,t.mergeModels)({label:{},size:{},options:{},emphasis:{type:Boolean},disabled:{type:Boolean},error:{type:Boolean},required:{type:Boolean},horizontal:{type:Boolean}},{modelValue:{required:!0,default:[]},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let n=e,r=(0,t.useSlots)();(0,t.watch)(()=>n.size,e=>{e!==void 0&&console.warn(`[FzCheckboxGroup] The "size" prop is deprecated and will be removed in a future version. Checkboxes now have a fixed size.`)},{immediate:!0});let i=a(),o=(0,t.computed)(()=>[`text-sm`,n.disabled?`text-grey-400`:`text-grey-500`]),s=(0,t.useModel)(e,`modelValue`);(0,t.provide)($,{source:s,set:(0,t.computed)(()=>new Set(s.value))});let c=(0,t.computed)(()=>[`text-base`,`gap-6`,n.disabled?`text-grey-400`:`text-core-black`]),l=(0,t.computed)(()=>[`text-base`]),u=(0,t.computed)(()=>[`text-base`,n.horizontal?`gap-16`:`gap-8`,n.horizontal?`flex-row`:`flex-col`]),d=(0,t.computed)(()=>Array.isArray(n.options)&&n.options.length>0),f=(0,t.computed)(()=>({disabled:n.disabled,error:n.error,emphasis:n.emphasis,required:n.required})),p=(0,t.computed)(()=>{let e=[];return r.help&&e.push(`${i}-help`),n.error&&r.error&&e.push(`${i}-error`),e.length>0?e.join(` `):void 0});return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([ue,l.value])},[(0,t.createElementVNode)(`label`,{id:(0,t.unref)(i)+`-label`,class:(0,t.normalizeClass)([le,c.value])},[(0,t.createElementVNode)(`span`,null,[(0,t.createTextVNode)((0,t.toDisplayString)(e.label),1),e.required?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,oe,` *`)):(0,t.createCommentVNode)(``,!0)]),n.$slots.help?((0,t.openBlock)(),(0,t.createElementBlock)(`p`,{key:0,id:(0,t.unref)(i)+`-help`,class:(0,t.normalizeClass)(o.value)},[(0,t.renderSlot)(n.$slots,`help`)],10,se)):(0,t.createCommentVNode)(``,!0)],10,ae),(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([de,u.value]),id:(0,t.unref)(i),role:`group`,"aria-labelledby":(0,t.unref)(i)+`-label`,"aria-describedby":p.value,"aria-required":e.required?`true`:`false`,"aria-invalid":e.error?`true`:`false`},[d.value?((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,{key:0},(0,t.renderList)(e.options,n=>((0,t.openBlock)(),(0,t.createBlock)(ie,(0,t.mergeProps)({key:n.value?n.value.toString():n.label,modelValue:s.value,"onUpdate:modelValue":r[0]||=e=>s.value=e,disabled:e.disabled},{ref_for:!0},n,{emphasis:e.emphasis,error:e.error}),null,16,[`modelValue`,`disabled`,`emphasis`,`error`]))),128)):(0,t.renderSlot)(n.$slots,`default`,{key:1,checkboxGroupProps:f.value})],10,ce),e.error&&n.$slots.error?((0,t.openBlock)(),(0,t.createBlock)(W,{key:0,id:(0,t.unref)(i)+`-error`},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(n.$slots,`error`)]),_:3},8,[`id`])):(0,t.createCommentVNode)(``,!0)],2))}}),pe=[`id`,`value`,`disabled`,`checked`,`name`,`required`,`aria-checked`,`aria-required`,`aria-invalid`],me=[`for`],he=[`title`],ge=[`src`,`alt`],_e={class:`flex flex-row w-full justify-between min-w-0`},ve={class:`justify-center flex flex-col w-full grow-0 min-w-0 gap-4`},ye=`peer h-0 w-0 absolute fz-hidden-input`,be=M((0,t.defineComponent)({__name:`FzCheckboxCard`,props:(0,t.mergeModels)({label:{},size:{},emphasis:{type:Boolean},disabled:{type:Boolean},error:{type:Boolean},required:{type:Boolean},value:{},title:{},subtitle:{},imageAlt:{},tooltip:{},tooltipStatus:{},hasCheckbox:{type:Boolean,default:!0},name:{},variant:{default:`horizontal`},imageUrl:{}},{modelValue:{required:!0,default:[]},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let r=e,a=(0,t.computed)(()=>r.value??r.label),o=i(),s=(0,t.useModel)(e,`modelValue`),c=(0,t.inject)($,null),l=(0,t.computed)(()=>s.value==null?!1:c&&c.source.value===s.value?c.set.value.has(a.value):s.value.includes(a.value));function u(){if(r.disabled)return;let e=s.value??[];l.value?s.value=e.filter(e=>e!==a.value):s.value=[...e,a.value]}let d=Object.freeze({CHECKED:`square-check`,UNCHECKED:`square`}),f=Object.freeze({SOLID:`fas`,REGULAR:`far`}),p=(0,t.computed)(()=>l.value?d.CHECKED:d.UNCHECKED),m=(0,t.computed)(()=>l.value?f.SOLID:f.REGULAR),h=(0,t.computed)(()=>r.disabled?`text-grey-300`:r.error?`text-semantic-error-200`:r.emphasis||l.value?`text-blue-500`:`text-grey-400`),g=(0,t.computed)(()=>r.variant===`vertical`||!!r.imageUrl),_=(0,t.computed)(()=>({"flex-col":r.variant===`vertical`,"flex-row":r.variant===`horizontal`,"pb-20":r.variant===`vertical`&&(!l.value||r.disabled),"pb-12":r.variant===`horizontal`&&(!l.value||r.disabled),"pb-[19px]":r.variant===`vertical`&&l.value&&!r.disabled,"pb-[11px]":r.variant===`horizontal`&&l.value&&!r.disabled,"pt-[11px]":l.value&&!r.disabled,"gap-20":r.variant===`vertical`,"gap-12":r.variant===`horizontal`,"border-2 px-[11px] border-blue-500":l.value&&!r.disabled,"border-1 border-grey-300":!l.value||r.disabled,"hover:bg-[#f9faff] peer-focus:outline peer-focus:bg-[#f9faff] peer-focus:outline-blue-200 peer-focus:outline-2 peer-checked:bg-[#f9faff]":!r.disabled}));return(i,s)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,null,[(0,t.createElementVNode)(`input`,{type:`checkbox`,id:(0,t.unref)(o),class:(0,t.normalizeClass)([ye]),value:a.value,disabled:e.disabled,checked:l.value,name:e.name,required:e.required,tabindex:`0`,"aria-checked":l.value,"aria-required":e.required?`true`:`false`,"aria-invalid":e.error?`true`:`false`,onChange:u},null,42,pe),(0,t.createElementVNode)(`label`,{class:(0,t.normalizeClass)([`relative flex block rounded-lg border-solid pt-12 px-12 cursor-pointer w-full`,_.value]),for:(0,t.unref)(o)},[e.hasCheckbox?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.FzIcon),{key:0,name:p.value,size:`md`,class:(0,t.normalizeClass)([`shrink-0`,h.value,{"absolute top-[23px] left-[23px]":e.variant===`vertical`,"self-start":e.variant===`horizontal`}]),variant:m.value,"aria-hidden":`true`},null,8,[`name`,`class`,`variant`])):(0,t.createCommentVNode)(``,!0),g.value?((0,t.openBlock)(),(0,t.createElementBlock)(`picture`,{key:1,class:(0,t.normalizeClass)([`rounded overflow-hidden`,{"shrink-0 size-[58px]":e.variant===`horizontal`,"w-full aspect-[16/9]":e.variant===`vertical`,"opacity-30":r.disabled}]),title:e.imageAlt||``},[(0,t.createElementVNode)(`img`,{src:e.imageUrl,alt:e.imageAlt||``,class:`object-cover h-full w-full`},null,8,ge)],10,he)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,_e,[(0,t.createElementVNode)(`div`,ve,[(0,t.createElementVNode)(`p`,{class:(0,t.normalizeClass)([`font-medium break-words !m-0 !leading-[20px]`,{"text-grey-300":r.disabled}])},(0,t.toDisplayString)(e.title),3),e.subtitle?((0,t.openBlock)(),(0,t.createElementBlock)(`p`,{key:0,class:(0,t.normalizeClass)([`font-normal text-sm mt-4 break-words !m-0 !leading-[16px]`,{"text-grey-300":r.disabled,"text-grey-500":!r.disabled}])},(0,t.toDisplayString)(e.subtitle),3)):(0,t.createCommentVNode)(``,!0)]),e.tooltip?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(N),{key:0,class:(0,t.normalizeClass)({"self-center":r.variant===`horizontal`,"self-start":r.variant===`vertical`,"ml-8":r.variant===`vertical`,"ml-12":r.variant===`horizontal`}),disabled:r.disabled,text:e.tooltip,status:e.tooltipStatus||`neutral`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.FzIcon),{name:`circle-info`,variant:`far`,size:`md`,class:`text-semantic-info`})]),_:1},8,[`class`,`disabled`,`text`,`status`])):(0,t.createCommentVNode)(``,!0)])],10,me)]))}}),[[`__scopeId`,`data-v-1a096df1`]]);e.FzCheckbox=Q,e.FzCheckboxCard=be,e.FzCheckboxGroup=fe,e.generateCheckboxId=i,e.generateGroupId=a});
package/dist/src/common.d.ts CHANGED
@@ -29,5 +29,11 @@ export interface CheckedSetProvision {
29
29
  * Provided by FzCheckboxGroup so child cards/checkboxes can do O(1) membership
30
30
  * checks instead of O(N) Array.includes scans — but only when the group's
31
31
  * model and the child's model reference the same array.
32
+ *
33
+ * Uses a namespaced primitive string rather than `Symbol(...)` so the key
34
+ * stays value-equal across module instances. This matters in Vite dev mode
35
+ * when consuming apps exclude `@fiscozen/*` packages from optimizeDeps and
36
+ * the same `.ts` file may be loaded as multiple module instances. The cast
37
+ * preserves the typed `InjectionKey<T>` API at provide/inject call sites.
32
38
  */
33
39
  export declare const CHECKED_SET_KEY: InjectionKey<CheckedSetProvision>;
package/package.json CHANGED
@@ -1,21 +1,21 @@
1
1
  {
2
2
  "name": "@fiscozen/checkbox",
3
- "version": "3.0.2",
3
+ "version": "3.0.3",
4
4
  "description": "Design System Checkbox and Checkbox Group component",
5
5
  "main": "src/index.ts",
6
6
  "type": "module",
7
7
  "keywords": [],
8
8
  "author": "Cristian Barraco",
9
9
  "dependencies": {
10
- "@fiscozen/alert": "3.0.0",
11
- "@fiscozen/composables": "1.0.3",
10
+ "@fiscozen/alert": "3.0.1",
12
11
  "@fiscozen/badge": "3.0.0",
13
- "@fiscozen/tooltip": "3.0.1"
12
+ "@fiscozen/composables": "1.0.3",
13
+ "@fiscozen/tooltip": "3.0.2"
14
14
  },
15
15
  "peerDependencies": {
16
16
  "tailwindcss": "^3.4.1",
17
17
  "vue": "^3.4.13",
18
- "@fiscozen/icons": "^1.0.1"
18
+ "@fiscozen/icons": "^1.0.4"
19
19
  },
20
20
  "devDependencies": {
21
21
  "@rushstack/eslint-patch": "^1.3.3",
@@ -34,8 +34,8 @@
34
34
  "vitest": "^4.1.1",
35
35
  "vue-tsc": "^2.2.12",
36
36
  "@fiscozen/eslint-config": "^0.1.0",
37
- "@fiscozen/tsconfig": "^0.1.0",
38
- "@fiscozen/prettier-config": "^0.1.0"
37
+ "@fiscozen/prettier-config": "^0.1.0",
38
+ "@fiscozen/tsconfig": "^0.1.0"
39
39
  },
40
40
  "license": "MIT",
41
41
  "scripts": {
package/src/__tests__/__snapshots__/FzCheckbox.spec.ts.snap CHANGED
@@ -30,7 +30,7 @@ exports[`FzCheckbox > Snapshots > should match snapshot - checked state 1`] = `
30
30
  Visual checkbox icon (replaces hidden native checkbox)
31
31
  aria-hidden because it's purely decorative - the native input conveys state
32
32
  @TODO: When FzIcon natively supports ariaHidden prop, remove aria-hidden as HTML attribute and use :aria-hidden as prop
33
- --><span data-v-79ecb611="" role="presentation" class="flex items-center justify-center w-[20px] h-[20px] relative text-grey-400" aria-hidden="true"><svg class="svg-inline--fa fa-square-check h-[16px]" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="square-check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path class="" fill="currentColor" d="M64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"></path></svg></span><!-- Label text (hidden in standalone mode for checkbox-only display) -->Test Checkbox
33
+ --><span data-v-79ecb611="" role="presentation" class="flex items-center justify-center shrink-0 w-[20px] h-[20px] relative text-grey-400" aria-hidden="true"><svg class="svg-inline--fa fa-square-check h-[16px]" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="square-check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path class="" fill="currentColor" d="M64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"></path></svg></span><!-- Label text (hidden in standalone mode for checkbox-only display) -->Test Checkbox
34
34
  </label>
35
35
  <!--
36
36
  Optional tooltip for additional context
@@ -76,7 +76,7 @@ exports[`FzCheckbox > Snapshots > should match snapshot - default state 1`] = `
76
76
  Visual checkbox icon (replaces hidden native checkbox)
77
77
  aria-hidden because it's purely decorative - the native input conveys state
78
78
  @TODO: When FzIcon natively supports ariaHidden prop, remove aria-hidden as HTML attribute and use :aria-hidden as prop
79
- --><span data-v-79ecb611="" role="presentation" class="flex items-center justify-center w-[20px] h-[20px] relative text-grey-400" aria-hidden="true"><svg class="svg-inline--fa fa-square h-[16px]" aria-hidden="true" focusable="false" data-prefix="far" data-icon="square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path class="" fill="currentColor" d="M384 80c8.8 0 16 7.2 16 16l0 320c0 8.8-7.2 16-16 16L64 432c-8.8 0-16-7.2-16-16L48 96c0-8.8 7.2-16 16-16l320 0zM64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32z"></path></svg></span><!-- Label text (hidden in standalone mode for checkbox-only display) -->Test Checkbox
79
+ --><span data-v-79ecb611="" role="presentation" class="flex items-center justify-center shrink-0 w-[20px] h-[20px] relative text-grey-400" aria-hidden="true"><svg class="svg-inline--fa fa-square h-[16px]" aria-hidden="true" focusable="false" data-prefix="far" data-icon="square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path class="" fill="currentColor" d="M384 80c8.8 0 16 7.2 16 16l0 320c0 8.8-7.2 16-16 16L64 432c-8.8 0-16-7.2-16-16L48 96c0-8.8 7.2-16 16-16l320 0zM64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32z"></path></svg></span><!-- Label text (hidden in standalone mode for checkbox-only display) -->Test Checkbox
80
80
  </label>
81
81
  <!--
82
82
  Optional tooltip for additional context
@@ -122,7 +122,7 @@ exports[`FzCheckbox > Snapshots > should match snapshot - disabled state 1`] = `
122
122
  Visual checkbox icon (replaces hidden native checkbox)
123
123
  aria-hidden because it's purely decorative - the native input conveys state
124
124
  @TODO: When FzIcon natively supports ariaHidden prop, remove aria-hidden as HTML attribute and use :aria-hidden as prop
125
- --><span data-v-79ecb611="" role="presentation" class="flex items-center justify-center w-[20px] h-[20px] relative text-grey-300" aria-hidden="true"><svg class="svg-inline--fa fa-square h-[16px]" aria-hidden="true" focusable="false" data-prefix="far" data-icon="square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path class="" fill="currentColor" d="M384 80c8.8 0 16 7.2 16 16l0 320c0 8.8-7.2 16-16 16L64 432c-8.8 0-16-7.2-16-16L48 96c0-8.8 7.2-16 16-16l320 0zM64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32z"></path></svg></span><!-- Label text (hidden in standalone mode for checkbox-only display) -->Test Checkbox
125
+ --><span data-v-79ecb611="" role="presentation" class="flex items-center justify-center shrink-0 w-[20px] h-[20px] relative text-grey-300" aria-hidden="true"><svg class="svg-inline--fa fa-square h-[16px]" aria-hidden="true" focusable="false" data-prefix="far" data-icon="square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path class="" fill="currentColor" d="M384 80c8.8 0 16 7.2 16 16l0 320c0 8.8-7.2 16-16 16L64 432c-8.8 0-16-7.2-16-16L48 96c0-8.8 7.2-16 16-16l320 0zM64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32z"></path></svg></span><!-- Label text (hidden in standalone mode for checkbox-only display) -->Test Checkbox
126
126
  </label>
127
127
  <!--
128
128
  Optional tooltip for additional context
@@ -168,7 +168,7 @@ exports[`FzCheckbox > Snapshots > should match snapshot - error state 1`] = `
168
168
  Visual checkbox icon (replaces hidden native checkbox)
169
169
  aria-hidden because it's purely decorative - the native input conveys state
170
170
  @TODO: When FzIcon natively supports ariaHidden prop, remove aria-hidden as HTML attribute and use :aria-hidden as prop
171
- --><span data-v-79ecb611="" role="presentation" class="flex items-center justify-center w-[20px] h-[20px] relative text-semantic-error-200" aria-hidden="true"><svg class="svg-inline--fa fa-square h-[16px]" aria-hidden="true" focusable="false" data-prefix="far" data-icon="square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path class="" fill="currentColor" d="M384 80c8.8 0 16 7.2 16 16l0 320c0 8.8-7.2 16-16 16L64 432c-8.8 0-16-7.2-16-16L48 96c0-8.8 7.2-16 16-16l320 0zM64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32z"></path></svg></span><!-- Label text (hidden in standalone mode for checkbox-only display) -->Test Checkbox
171
+ --><span data-v-79ecb611="" role="presentation" class="flex items-center justify-center shrink-0 w-[20px] h-[20px] relative text-semantic-error-200" aria-hidden="true"><svg class="svg-inline--fa fa-square h-[16px]" aria-hidden="true" focusable="false" data-prefix="far" data-icon="square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path class="" fill="currentColor" d="M384 80c8.8 0 16 7.2 16 16l0 320c0 8.8-7.2 16-16 16L64 432c-8.8 0-16-7.2-16-16L48 96c0-8.8 7.2-16 16-16l320 0zM64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32z"></path></svg></span><!-- Label text (hidden in standalone mode for checkbox-only display) -->Test Checkbox
172
172
  </label>
173
173
  <!--
174
174
  Optional tooltip for additional context
@@ -192,7 +192,7 @@ exports[`FzCheckbox > Snapshots > should match snapshot - error state 1`] = `
192
192
  would automatically get role="alert" and aria-live="assertive"
193
193
  -->
194
194
  <div data-v-9bf2fc2e="" data-v-79ecb611="" class="flex select-none gap-12 rounded justify-between bg-transparent" id="fz-checkbox-100000000001-2a84k-error" role="alert" aria-live="assertive" aria-atomic="true">
195
- <div data-v-da7f5873="" data-v-9bf2fc2e="" class="fz-container fz-container--horizontal gap-section-content-xs align-items-start layout-default flex-1"><span data-v-9bf2fc2e="" role="presentation" class="flex items-center justify-center w-[20px] h-[20px] text-semantic-error" aria-hidden="true"><svg class="svg-inline--fa fa-circle-xmark h-[16px]" aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-xmark" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="" fill="currentColor" d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c-9.4 9.4-9.4 24.6 0 33.9l47 47-47 47c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l47-47 47 47c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-47-47 47-47c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-47 47-47-47c-9.4-9.4-24.6-9.4-33.9 0z"></path></svg></span>
195
+ <div data-v-da7f5873="" data-v-9bf2fc2e="" class="fz-container fz-container--horizontal gap-section-content-xs align-items-start layout-default flex-1"><span data-v-9bf2fc2e="" role="presentation" class="flex items-center justify-center shrink-0 w-[20px] h-[20px] text-semantic-error" aria-hidden="true"><svg class="svg-inline--fa fa-circle-xmark h-[16px]" aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-xmark" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="" fill="currentColor" d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c-9.4 9.4-9.4 24.6 0 33.9l47 47-47 47c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l47-47 47 47c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-47-47 47-47c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-47 47-47-47c-9.4-9.4-24.6-9.4-33.9 0z"></path></svg></span>
196
196
  <div data-v-9bf2fc2e="" class="flex flex-col flex-1">
197
197
  <!--v-if-->
198
198
  <p data-v-9bf2fc2e="" class="font-normal !leading-[20px]">Error message</p>
@@ -238,7 +238,7 @@ exports[`FzCheckbox > Snapshots > should match snapshot - indeterminate state 1`
238
238
  Visual checkbox icon (replaces hidden native checkbox)
239
239
  aria-hidden because it's purely decorative - the native input conveys state
240
240
  @TODO: When FzIcon natively supports ariaHidden prop, remove aria-hidden as HTML attribute and use :aria-hidden as prop
241
- --><span data-v-79ecb611="" role="presentation" class="flex items-center justify-center w-[20px] h-[20px] relative text-grey-400" aria-hidden="true"><svg class="svg-inline--fa fa-square-minus h-[16px]" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="square-minus" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path class="" fill="currentColor" d="M64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32zm88 200l144 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-144 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z"></path></svg></span><!-- Label text (hidden in standalone mode for checkbox-only display) -->Test Checkbox
241
+ --><span data-v-79ecb611="" role="presentation" class="flex items-center justify-center shrink-0 w-[20px] h-[20px] relative text-grey-400" aria-hidden="true"><svg class="svg-inline--fa fa-square-minus h-[16px]" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="square-minus" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path class="" fill="currentColor" d="M64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32zm88 200l144 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-144 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z"></path></svg></span><!-- Label text (hidden in standalone mode for checkbox-only display) -->Test Checkbox
242
242
  </label>
243
243
  <!--
244
244
  Optional tooltip for additional context
@@ -284,7 +284,7 @@ exports[`FzCheckbox > Snapshots > should match snapshot - required 1`] = `
284
284
  Visual checkbox icon (replaces hidden native checkbox)
285
285
  aria-hidden because it's purely decorative - the native input conveys state
286
286
  @TODO: When FzIcon natively supports ariaHidden prop, remove aria-hidden as HTML attribute and use :aria-hidden as prop
287
- --><span data-v-79ecb611="" role="presentation" class="flex items-center justify-center w-[20px] h-[20px] relative text-grey-400" aria-hidden="true"><svg class="svg-inline--fa fa-square h-[16px]" aria-hidden="true" focusable="false" data-prefix="far" data-icon="square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path class="" fill="currentColor" d="M384 80c8.8 0 16 7.2 16 16l0 320c0 8.8-7.2 16-16 16L64 432c-8.8 0-16-7.2-16-16L48 96c0-8.8 7.2-16 16-16l320 0zM64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32z"></path></svg></span><!-- Label text (hidden in standalone mode for checkbox-only display) -->Test Checkbox
287
+ --><span data-v-79ecb611="" role="presentation" class="flex items-center justify-center shrink-0 w-[20px] h-[20px] relative text-grey-400" aria-hidden="true"><svg class="svg-inline--fa fa-square h-[16px]" aria-hidden="true" focusable="false" data-prefix="far" data-icon="square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path class="" fill="currentColor" d="M384 80c8.8 0 16 7.2 16 16l0 320c0 8.8-7.2 16-16 16L64 432c-8.8 0-16-7.2-16-16L48 96c0-8.8 7.2-16 16-16l320 0zM64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32z"></path></svg></span><!-- Label text (hidden in standalone mode for checkbox-only display) -->Test Checkbox
288
288
  </label>
289
289
  <!--
290
290
  Optional tooltip for additional context
@@ -330,7 +330,7 @@ exports[`FzCheckbox > Snapshots > should match snapshot - standalone mode 1`] =
330
330
  Visual checkbox icon (replaces hidden native checkbox)
331
331
  aria-hidden because it's purely decorative - the native input conveys state
332
332
  @TODO: When FzIcon natively supports ariaHidden prop, remove aria-hidden as HTML attribute and use :aria-hidden as prop
333
- --><span data-v-79ecb611="" role="presentation" class="flex items-center justify-center w-[20px] h-[20px] relative text-grey-400" aria-hidden="true"><svg class="svg-inline--fa fa-square h-[16px]" aria-hidden="true" focusable="false" data-prefix="far" data-icon="square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path class="" fill="currentColor" d="M384 80c8.8 0 16 7.2 16 16l0 320c0 8.8-7.2 16-16 16L64 432c-8.8 0-16-7.2-16-16L48 96c0-8.8 7.2-16 16-16l320 0zM64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32z"></path></svg></span><!-- Label text (hidden in standalone mode for checkbox-only display) -->
333
+ --><span data-v-79ecb611="" role="presentation" class="flex items-center justify-center shrink-0 w-[20px] h-[20px] relative text-grey-400" aria-hidden="true"><svg class="svg-inline--fa fa-square h-[16px]" aria-hidden="true" focusable="false" data-prefix="far" data-icon="square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path class="" fill="currentColor" d="M384 80c8.8 0 16 7.2 16 16l0 320c0 8.8-7.2 16-16 16L64 432c-8.8 0-16-7.2-16-16L48 96c0-8.8 7.2-16 16-16l320 0zM64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32z"></path></svg></span><!-- Label text (hidden in standalone mode for checkbox-only display) -->
334
334
  <!--v-if-->
335
335
  </label>
336
336
  <!--
@@ -377,7 +377,7 @@ exports[`FzCheckbox > Snapshots > should match snapshot - with emphasis 1`] = `
377
377
  Visual checkbox icon (replaces hidden native checkbox)
378
378
  aria-hidden because it's purely decorative - the native input conveys state
379
379
  @TODO: When FzIcon natively supports ariaHidden prop, remove aria-hidden as HTML attribute and use :aria-hidden as prop
380
- --><span data-v-79ecb611="" role="presentation" class="flex items-center justify-center w-[20px] h-[20px] relative text-blue-500" aria-hidden="true"><svg class="svg-inline--fa fa-square-check h-[16px]" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="square-check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path class="" fill="currentColor" d="M64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"></path></svg></span><!-- Label text (hidden in standalone mode for checkbox-only display) -->Test Checkbox
380
+ --><span data-v-79ecb611="" role="presentation" class="flex items-center justify-center shrink-0 w-[20px] h-[20px] relative text-blue-500" aria-hidden="true"><svg class="svg-inline--fa fa-square-check h-[16px]" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="square-check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path class="" fill="currentColor" d="M64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"></path></svg></span><!-- Label text (hidden in standalone mode for checkbox-only display) -->Test Checkbox
381
381
  </label>
382
382
  <!--
383
383
  Optional tooltip for additional context
package/src/__tests__/__snapshots__/FzCheckboxCard.spec.ts.snap CHANGED
@@ -1,7 +1,7 @@
1
1
  // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
2
 
3
3
  exports[`FzCheckboxCard > Rendering > should render correctly 1`] = `
4
- "<div data-v-7eaaa48f=""><input data-v-7eaaa48f="" type="checkbox" id="fz-checkbox-100000000001-2a84k" class="peer h-0 w-0 absolute fz-hidden-input" tabindex="0" aria-checked="false" aria-required="false" aria-invalid="false" value="Checkbox"><label data-v-7eaaa48f="" class="relative flex block rounded-lg border-solid pt-12 px-12 cursor-pointer w-full flex-row pb-12 gap-12 border-1 border-grey-300 hover:bg-[#f9faff] peer-focus:outline peer-focus:bg-[#f9faff] peer-focus:outline-blue-200 peer-focus:outline-2 peer-checked:bg-[#f9faff]" for="fz-checkbox-100000000001-2a84k"><span data-v-7eaaa48f="" role="presentation" class="flex items-center justify-center w-[20px] h-[20px] shrink-0 text-grey-400 self-start" aria-hidden="true"><svg class="svg-inline--fa fa-square h-[16px]" aria-hidden="true" focusable="false" data-prefix="far" data-icon="square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path class="" fill="currentColor" d="M384 80c8.8 0 16 7.2 16 16l0 320c0 8.8-7.2 16-16 16L64 432c-8.8 0-16-7.2-16-16L48 96c0-8.8 7.2-16 16-16l320 0zM64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32z"></path></svg></span>
4
+ "<div data-v-7eaaa48f=""><input data-v-7eaaa48f="" type="checkbox" id="fz-checkbox-100000000001-2a84k" class="peer h-0 w-0 absolute fz-hidden-input" tabindex="0" aria-checked="false" aria-required="false" aria-invalid="false" value="Checkbox"><label data-v-7eaaa48f="" class="relative flex block rounded-lg border-solid pt-12 px-12 cursor-pointer w-full flex-row pb-12 gap-12 border-1 border-grey-300 hover:bg-[#f9faff] peer-focus:outline peer-focus:bg-[#f9faff] peer-focus:outline-blue-200 peer-focus:outline-2 peer-checked:bg-[#f9faff]" for="fz-checkbox-100000000001-2a84k"><span data-v-7eaaa48f="" role="presentation" class="flex items-center justify-center shrink-0 w-[20px] h-[20px] shrink-0 text-grey-400 self-start" aria-hidden="true"><svg class="svg-inline--fa fa-square h-[16px]" aria-hidden="true" focusable="false" data-prefix="far" data-icon="square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path class="" fill="currentColor" d="M384 80c8.8 0 16 7.2 16 16l0 320c0 8.8-7.2 16-16 16L64 432c-8.8 0-16-7.2-16-16L48 96c0-8.8 7.2-16 16-16l320 0zM64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32z"></path></svg></span>
5
5
  <!--v-if-->
6
6
  <div data-v-7eaaa48f="" class="flex flex-row w-full justify-between min-w-0">
7
7
  <div data-v-7eaaa48f="" class="justify-center flex flex-col w-full grow-0 min-w-0 gap-4">