@fiscozen/checkbox 3.0.8 → 3.0.10

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,22 @@
1
1
  # @fiscozen/checkbox
2
2
 
3
+ ## 3.0.10
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies [1c2baef]
8
+ - @fiscozen/composables@1.1.0
9
+ - @fiscozen/tooltip@3.0.4
10
+ - @fiscozen/alert@3.0.5
11
+
12
+ ## 3.0.9
13
+
14
+ ### Patch Changes
15
+
16
+ - 63ad153: `FzCheckbox` and `FzCheckboxGroup` now set `text-core-black` on their root container and `mb-0` on their inner `<label>` as a baseline.
17
+ This makes the components environment-agnostic: hosts with Bootstrap reboot but without global Tailwind preflight no longer leak `body { color }` into descendant text, nor `label { margin-bottom: 0.5rem }` into the label spacing.
18
+ No changes to the public props.
19
+
3
20
  ## 3.0.8
4
21
 
5
22
  ### Patch Changes
package/dist/checkbox.css CHANGED
@@ -1,2 +1,2 @@
1
- .fz__tooltip__text[data-v-e4c0b632]{overflow-wrap:anywhere}.fz-icon-button-wrapper[data-v-84505903]>button{gap:0!important;min-width:0!important}.fz-icon-button-wrapper--backoffice[data-v-84505903]>button{padding-left:5px;padding-right:5px}.fz-icon-button-wrapper--frontoffice[data-v-84505903]>button{padding-left:11px;padding-right:11px}.fz-container[data-v-6d8c564e]{display:flex}.fz-container--vertical[data-v-6d8c564e]{flex-direction:column}.fz-container--horizontal[data-v-6d8c564e]{flex-flow:row}.fz-container.align-items-start[data-v-6d8c564e]{align-items:flex-start}.fz-container.align-items-center[data-v-6d8c564e]{align-items:center}.fz-container.align-items-end[data-v-6d8c564e]{align-items:flex-end}.fz-container.align-items-stretch[data-v-6d8c564e]{align-items:stretch}.fz-container.align-items-baseline[data-v-6d8c564e]{align-items:baseline}.fz-container--horizontal.layout-expand-first[data-v-6d8c564e]>:first-child,.fz-container--horizontal.layout-expand-all[data-v-6d8c564e]>*{flex-grow:1}.fz-container--horizontal.layout-expand-equal[data-v-6d8c564e]{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.fz-container--horizontal.layout-space-between[data-v-6d8c564e]{justify-content:space-between}.fz-container--horizontal.layout-expand-last[data-v-6d8c564e]>:last-child{flex-grow:1}.fz-container--vertical.gap-main-content-sm[data-v-6d8c564e]>p+p{margin-top:calc((0px - var(--main-content-sm,32px)) + var(--paragraph-gap,8px))}.fz-container--vertical.gap-main-content-base[data-v-6d8c564e]>p+p{margin-top:calc((0px - var(--main-content-base,48px)) + var(--paragraph-gap,8px))}.fz-container--vertical.gap-main-content-lg[data-v-6d8c564e]>p+p{margin-top:calc((0px - var(--main-content-lg,64px)) + var(--paragraph-gap,8px))}.fz-container--vertical.gap-section-content-none[data-v-6d8c564e]>p+p{margin-top:calc((0px - var(--section-content-none,0px)) + var(--paragraph-gap,8px))}.fz-container--vertical.gap-section-content-xs[data-v-6d8c564e]>p+p{margin-top:calc((0px - var(--section-content-xs,8px)) + var(--paragraph-gap,8px))}.fz-container--vertical.gap-section-content-sm[data-v-6d8c564e]>p+p{margin-top:calc((0px - var(--section-content-sm,16px)) + var(--paragraph-gap,8px))}.fz-container--vertical.gap-section-content-base[data-v-6d8c564e]>p+p{margin-top:calc((0px - var(--section-content-base,24px)) + var(--paragraph-gap,8px))}.fz-container--vertical.gap-section-content-lg[data-v-6d8c564e]>p+p{margin-top:calc((0px - var(--section-content-lg,32px)) + var(--paragraph-gap,8px))}.fz-container--horizontal[data-v-6d8c564e]>p+p{margin-top:0}.bg-semantic-info-50[data-v-b54c6f05]{background-color:#f3f7ff}.bg-semantic-error-50[data-v-b54c6f05]{background-color:#fef3f3}.bg-semantic-warning-50[data-v-b54c6f05]{background-color:#fff8f3}.bg-semantic-success-50[data-v-b54c6f05]{background-color:#f2f8f6}.fz-hidden-input[data-v-2b198cc9]{opacity:0;appearance:none;border:0;height:0;margin:0}.group[data-error]:hover:not([data-disabled]) .peer~label>div[data-v-2b198cc9],.group[data-error]:hover:not([data-disabled]) .peer~label[data-v-2b198cc9]{color:var(--semantic-error-300)!important}.group[data-emphasis]:hover:not([data-disabled]):not([data-error]) .peer~label>div[data-v-2b198cc9]{color:var(--blue-600)!important}.group:hover:not([data-emphasis]):not([data-error]):not([data-disabled]) .peer:checked~label>div[data-v-2b198cc9],.group:hover:not([data-emphasis]):not([data-error]):not([data-disabled]) .peer:indeterminate~label>div[data-v-2b198cc9]{color:var(--core-black)!important}.group:hover:not([data-emphasis]):not([data-error]):not([data-disabled]) .peer:not(:checked):not(:indeterminate)~label>div[data-v-2b198cc9]{color:var(--blue-600)!important}.fz-hidden-input[data-v-1a096df1]{opacity:0;appearance:none;border:0;height:0;margin:0}
1
+ .fz__tooltip__text[data-v-e4c0b632]{overflow-wrap:anywhere}.fz-icon-button-wrapper[data-v-84505903]>button{gap:0!important;min-width:0!important}.fz-icon-button-wrapper--backoffice[data-v-84505903]>button{padding-left:5px;padding-right:5px}.fz-icon-button-wrapper--frontoffice[data-v-84505903]>button{padding-left:11px;padding-right:11px}.fz-container[data-v-6d8c564e]{display:flex}.fz-container--vertical[data-v-6d8c564e]{flex-direction:column}.fz-container--horizontal[data-v-6d8c564e]{flex-flow:row}.fz-container.align-items-start[data-v-6d8c564e]{align-items:flex-start}.fz-container.align-items-center[data-v-6d8c564e]{align-items:center}.fz-container.align-items-end[data-v-6d8c564e]{align-items:flex-end}.fz-container.align-items-stretch[data-v-6d8c564e]{align-items:stretch}.fz-container.align-items-baseline[data-v-6d8c564e]{align-items:baseline}.fz-container--horizontal.layout-expand-first[data-v-6d8c564e]>:first-child,.fz-container--horizontal.layout-expand-all[data-v-6d8c564e]>*{flex-grow:1}.fz-container--horizontal.layout-expand-equal[data-v-6d8c564e]{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.fz-container--horizontal.layout-space-between[data-v-6d8c564e]{justify-content:space-between}.fz-container--horizontal.layout-expand-last[data-v-6d8c564e]>:last-child{flex-grow:1}.fz-container--vertical.gap-main-content-sm[data-v-6d8c564e]>p+p{margin-top:calc((0px - var(--main-content-sm,32px)) + var(--paragraph-gap,8px))}.fz-container--vertical.gap-main-content-base[data-v-6d8c564e]>p+p{margin-top:calc((0px - var(--main-content-base,48px)) + var(--paragraph-gap,8px))}.fz-container--vertical.gap-main-content-lg[data-v-6d8c564e]>p+p{margin-top:calc((0px - var(--main-content-lg,64px)) + var(--paragraph-gap,8px))}.fz-container--vertical.gap-section-content-none[data-v-6d8c564e]>p+p{margin-top:calc((0px - var(--section-content-none,0px)) + var(--paragraph-gap,8px))}.fz-container--vertical.gap-section-content-xs[data-v-6d8c564e]>p+p{margin-top:calc((0px - var(--section-content-xs,8px)) + var(--paragraph-gap,8px))}.fz-container--vertical.gap-section-content-sm[data-v-6d8c564e]>p+p{margin-top:calc((0px - var(--section-content-sm,16px)) + var(--paragraph-gap,8px))}.fz-container--vertical.gap-section-content-base[data-v-6d8c564e]>p+p{margin-top:calc((0px - var(--section-content-base,24px)) + var(--paragraph-gap,8px))}.fz-container--vertical.gap-section-content-lg[data-v-6d8c564e]>p+p{margin-top:calc((0px - var(--section-content-lg,32px)) + var(--paragraph-gap,8px))}.fz-container--horizontal[data-v-6d8c564e]>p+p{margin-top:0}.bg-semantic-info-50[data-v-b54c6f05]{background-color:#f3f7ff}.bg-semantic-error-50[data-v-b54c6f05]{background-color:#fef3f3}.bg-semantic-warning-50[data-v-b54c6f05]{background-color:#fff8f3}.bg-semantic-success-50[data-v-b54c6f05]{background-color:#f2f8f6}.fz-hidden-input[data-v-75e1292d]{opacity:0;appearance:none;border:0;height:0;margin:0}.group[data-error]:hover:not([data-disabled]) .peer~label>div[data-v-75e1292d],.group[data-error]:hover:not([data-disabled]) .peer~label[data-v-75e1292d]{color:var(--semantic-error-300)!important}.group[data-emphasis]:hover:not([data-disabled]):not([data-error]) .peer~label>div[data-v-75e1292d]{color:var(--blue-600)!important}.group:hover:not([data-emphasis]):not([data-error]):not([data-disabled]) .peer:checked~label>div[data-v-75e1292d],.group:hover:not([data-emphasis]):not([data-error]):not([data-disabled]) .peer:indeterminate~label>div[data-v-75e1292d]{color:var(--core-black)!important}.group:hover:not([data-emphasis]):not([data-error]):not([data-disabled]) .peer:not(:checked):not(:indeterminate)~label>div[data-v-75e1292d]{color:var(--blue-600)!important}.fz-hidden-input[data-v-1a096df1]{opacity:0;appearance:none;border:0;height:0;margin:0}
2
2
  /*$vite$:1*/
package/dist/checkbox.js CHANGED
@@ -990,6 +990,10 @@ var J = {
990
990
  value: "1024px",
991
991
  type: "sizing"
992
992
  },
993
+ desktop: {
994
+ value: "1200px",
995
+ type: "sizing"
996
+ },
993
997
  xl: {
994
998
  value: "1280px",
995
999
  type: "sizing"
@@ -2786,7 +2790,7 @@ var ge = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
2786
2790
  _: 3
2787
2791
  }, 8, ["id"]));
2788
2792
  }
2789
- }), Fe = { class: "flex justify-center flex-col w-fit gap-4" }, Ie = [
2793
+ }), Fe = { class: "flex justify-center flex-col w-fit gap-4 text-core-black" }, Ie = [
2790
2794
  "data-emphasis",
2791
2795
  "data-error",
2792
2796
  "data-disabled"
@@ -2802,7 +2806,7 @@ var ge = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
2802
2806
  "aria-describedby",
2803
2807
  "aria-labelledby",
2804
2808
  "aria-owns"
2805
- ], Re = ["id", "for"], ze = "w-0 h-0 peer fz-hidden-input", Be = "\n flex gap-6 items-start hover:cursor-pointer text-core-black\n peer-focus:[&_div]:after:border-1\n peer-focus:[&_div]:after:border-solid\n peer-focus:[&_div]:after:rounded-[2px]\n peer-focus:[&_div]:after:border-blue-200\n peer-focus:[&_div]:after:content-['']\n peer-focus:[&_div]:after:top-0\n peer-focus:[&_div]:after:left-0\n peer-focus:[&_div]:after:right-0\n peer-focus:[&_div]:after:bottom-0\n peer-focus:[&_div]:after:absolute\n", Ve = "relative", $ = /* @__PURE__ */ Z(/* @__PURE__ */ u({
2809
+ ], Re = ["id", "for"], ze = "w-0 h-0 peer fz-hidden-input", Be = "\n flex gap-6 items-start hover:cursor-pointer text-core-black mb-0\n peer-focus:[&_div]:after:border-1\n peer-focus:[&_div]:after:border-solid\n peer-focus:[&_div]:after:rounded-[2px]\n peer-focus:[&_div]:after:border-blue-200\n peer-focus:[&_div]:after:content-['']\n peer-focus:[&_div]:after:top-0\n peer-focus:[&_div]:after:left-0\n peer-focus:[&_div]:after:right-0\n peer-focus:[&_div]:after:bottom-0\n peer-focus:[&_div]:after:absolute\n", Ve = "relative", $ = /* @__PURE__ */ Z(/* @__PURE__ */ u({
2806
2810
  __name: "FzCheckbox",
2807
2811
  props: /* @__PURE__ */ f({
2808
2812
  label: {},
@@ -2913,7 +2917,7 @@ var ge = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
2913
2917
  w(n.$slots, "children", {}, void 0, !0)
2914
2918
  ]));
2915
2919
  }
2916
- }), [["__scopeId", "data-v-2b198cc9"]]), He = "@fiscozen/checkbox/CheckedSet", Ue = "flex flex-col justify-center gap-8 pl-24", We = /* @__PURE__ */ u({
2920
+ }), [["__scopeId", "data-v-75e1292d"]]), He = "@fiscozen/checkbox/CheckedSet", Ue = "flex flex-col justify-center gap-8 pl-24", We = /* @__PURE__ */ u({
2917
2921
  __name: "FzCheckboxGroupOption",
2918
2922
  props: /* @__PURE__ */ f({
2919
2923
  label: {},
@@ -3000,7 +3004,7 @@ var ge = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
3000
3004
  "aria-describedby",
3001
3005
  "aria-required",
3002
3006
  "aria-invalid"
3003
- ], Ye = "flex flex-col", Xe = "flex flex-col gap-10", Ze = "flex self-stretch", Qe = /* @__PURE__ */ u({
3007
+ ], Ye = "flex flex-col mb-0", Xe = "flex flex-col gap-10 text-core-black", Ze = "flex self-stretch", Qe = /* @__PURE__ */ u({
3004
3008
  __name: "FzCheckboxGroup",
3005
3009
  props: /* @__PURE__ */ f({
3006
3010
  label: {},
@@ -1,5 +1,5 @@
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=e=>e!==null&&(e.width>0||e.height>0),f={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}})},p=(e,t,n)=>{let r=f[e];return r?r(t,n):{position:{x:0,y:0},transform:{x:0,y:0}}},m={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}})},h=(e,t,n)=>{let r=m[e];return r?r(t,n):{position:{x:0,y:0},transform:{x:0,y:0}}},g=(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}},_=(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`}},v=e=>e.startsWith(`auto`),y=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}}),f={root:null,rootMargin:`0px`,threshold:1,...e.element.value.intersectionOptions},m=(0,t.ref)(new IntersectionObserver(()=>{},f)),y=()=>{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},b=e=>({element:e.element.getBoundingClientRect(),container:e.container.getBoundingClientRect(),opener:e.opener?.getBoundingClientRect()??null});return(0,t.onUnmounted)(()=>{m.value.disconnect()}),{float:s,rect:i,setPosition:(l=!1)=>(0,t.nextTick)(()=>{r.value=e.position?.value??`auto`;let t=y();if(!t)return;Object.assign(t.element.style,{position:`fixed`,top:`0px`,left:`0px`});let f=b(t);if(i.value=f.element,a.value=f.opener??void 0,o.value=f.container,t.opener&&!d(f.opener)){t.element.style.display=`none`;return}m.value.observe(t.element),m.value.observe(t.container),v(r.value)&&t.opener&&(r.value=_(r.value,t.container,t.element,t.opener,e.useViewport?.value??!1));let x=u(window.getComputedStyle(t.element)),S=t.opener&&f.opener?p(r.value,f.opener,x):h(r.value,f.container,f.element),C=g(c(f.element,S.position,S.transform.x,S.transform.y),f.element,f.container,S.transform);s.position.x=C.position.x,s.position.y=C.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 b(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 x={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`]}},S={$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`]},C={$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`]},w=S.safeColorNames,T=C.semanticColorNames,E={};w.forEach(e=>{let t=x.global[e];t&&Object.keys(t).forEach(n=>{let r=t[n]?.value;r&&(E[e]||(E[e]={}),E[e][n]=r)})});var D=x.global.semantic;D&&T.forEach(e=>{let t=D[e];t&&typeof t==`object`&&Object.keys(t).forEach(n=>{let r=t[n]?.value;if(r){let t=`semantic-${e}`;E[t]||(E[t]={}),E[t][n]=r}})});var O=Object.entries(x.global.breakpoint).reduce((e,[t,n])=>(e[t]=n.value,e),{}),ee=(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=b(`(max-width: ${O.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=y(h),_=()=>{u||!d||(u=!0,requestAnimationFrame(()=>{d&&i.isOpen&&g.setPosition(),u=!1}))};(0,t.onMounted)(()=>{d=!0});let v=()=>{_()},x=()=>{_()},S=()=>{window.addEventListener(`scroll`,v,!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`,v,!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)]))}}),te=[`aria-label`,`aria-describedby`,`tabindex`],ne=[`aria-hidden`],k=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()},k)}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 O(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)(ee),{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:O},[(0,t.renderSlot)(i.$slots,`default`,{},void 0,!0)],40,te)]),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,ne)]),_: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=[`fz-button`,`relative`,`rounded`,`flex`,`flex-shrink`,`items-center`,`justify-center`,`font-normal`,`!text-[16px]`,`!leading-[20px]`,`border-1`,`border-solid`,`border-transparent`,`appearance-none`,`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))}}),L=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`]]),R=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-6d8c564e`]]),z=[`aria-disabled`],B=[`href`,`target`,`rel`],V=(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,z)):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,B)):((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`]))}}}),H={class:`flex flex-1 flex-col`},U={key:0,class:`mb-0 leading-[20px]`},W=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 text-core-black`,...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)(()=>{let e=_.value;return[`font-normal`,`!leading-[20px]`,{"mt-8":i.title&&!u.value,"mb-16":e,"mb-0":!e}]}),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)(R),{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`,H,[e.title&&!u.value?(0,t.withDirectives)(((0,t.openBlock)(),(0,t.createElementBlock)(`p`,U,[(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)(R),{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)(V),{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)(L),{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-b54c6f05`]]),G=(0,t.defineComponent)({__name:`ErrorAlert`,props:{id:{}},setup(e){return(n,r)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(W),{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`]))}}),K={class:`flex justify-center flex-col w-fit gap-4`},q=[`data-emphasis`,`data-error`,`data-disabled`],J=[`id`,`disabled`,`required`,`value`,`aria-checked`,`aria-label`,`aria-required`,`aria-invalid`,`aria-describedby`,`aria-labelledby`,`aria-owns`],Y=[`id`,`for`],X=`w-0 h-0 peer fz-hidden-input`,re=`
2
- flex gap-6 items-start hover:cursor-pointer text-core-black
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=e=>e!==null&&(e.width>0||e.height>0),f={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}})},p=(e,t,n)=>{let r=f[e];return r?r(t,n):{position:{x:0,y:0},transform:{x:0,y:0}}},m={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}})},h=(e,t,n)=>{let r=m[e];return r?r(t,n):{position:{x:0,y:0},transform:{x:0,y:0}}},g=(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}},_=(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`}},v=e=>e.startsWith(`auto`),y=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}}),f={root:null,rootMargin:`0px`,threshold:1,...e.element.value.intersectionOptions},m=(0,t.ref)(new IntersectionObserver(()=>{},f)),y=()=>{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},b=e=>({element:e.element.getBoundingClientRect(),container:e.container.getBoundingClientRect(),opener:e.opener?.getBoundingClientRect()??null});return(0,t.onUnmounted)(()=>{m.value.disconnect()}),{float:s,rect:i,setPosition:(l=!1)=>(0,t.nextTick)(()=>{r.value=e.position?.value??`auto`;let t=y();if(!t)return;Object.assign(t.element.style,{position:`fixed`,top:`0px`,left:`0px`});let f=b(t);if(i.value=f.element,a.value=f.opener??void 0,o.value=f.container,t.opener&&!d(f.opener)){t.element.style.display=`none`;return}m.value.observe(t.element),m.value.observe(t.container),v(r.value)&&t.opener&&(r.value=_(r.value,t.container,t.element,t.opener,e.useViewport?.value??!1));let x=u(window.getComputedStyle(t.element)),S=t.opener&&f.opener?p(r.value,f.opener,x):h(r.value,f.container,f.element),C=g(c(f.element,S.position,S.transform.x,S.transform.y),f.element,f.container,S.transform);s.position.x=C.position.x,s.position.y=C.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 b(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 x={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`},desktop:{value:`1200px`,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`]}},S={$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`]},C={$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`]},w=S.safeColorNames,T=C.semanticColorNames,E={};w.forEach(e=>{let t=x.global[e];t&&Object.keys(t).forEach(n=>{let r=t[n]?.value;r&&(E[e]||(E[e]={}),E[e][n]=r)})});var D=x.global.semantic;D&&T.forEach(e=>{let t=D[e];t&&typeof t==`object`&&Object.keys(t).forEach(n=>{let r=t[n]?.value;if(r){let t=`semantic-${e}`;E[t]||(E[t]={}),E[t][n]=r}})});var O=Object.entries(x.global.breakpoint).reduce((e,[t,n])=>(e[t]=n.value,e),{}),ee=(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=b(`(max-width: ${O.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=y(h),_=()=>{u||!d||(u=!0,requestAnimationFrame(()=>{d&&i.isOpen&&g.setPosition(),u=!1}))};(0,t.onMounted)(()=>{d=!0});let v=()=>{_()},x=()=>{_()},S=()=>{window.addEventListener(`scroll`,v,!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`,v,!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)]))}}),te=[`aria-label`,`aria-describedby`,`tabindex`],ne=[`aria-hidden`],k=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()},k)}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 O(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)(ee),{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:O},[(0,t.renderSlot)(i.$slots,`default`,{},void 0,!0)],40,te)]),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,ne)]),_: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=[`fz-button`,`relative`,`rounded`,`flex`,`flex-shrink`,`items-center`,`justify-center`,`font-normal`,`!text-[16px]`,`!leading-[20px]`,`border-1`,`border-solid`,`border-transparent`,`appearance-none`,`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))}}),L=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`]]),R=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-6d8c564e`]]),z=[`aria-disabled`],B=[`href`,`target`,`rel`],V=(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,z)):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,B)):((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`]))}}}),H={class:`flex flex-1 flex-col`},U={key:0,class:`mb-0 leading-[20px]`},W=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 text-core-black`,...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)(()=>{let e=_.value;return[`font-normal`,`!leading-[20px]`,{"mt-8":i.title&&!u.value,"mb-16":e,"mb-0":!e}]}),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)(R),{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`,H,[e.title&&!u.value?(0,t.withDirectives)(((0,t.openBlock)(),(0,t.createElementBlock)(`p`,U,[(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)(R),{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)(V),{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)(L),{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-b54c6f05`]]),G=(0,t.defineComponent)({__name:`ErrorAlert`,props:{id:{}},setup(e){return(n,r)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(W),{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`]))}}),K={class:`flex justify-center flex-col w-fit gap-4 text-core-black`},q=[`data-emphasis`,`data-error`,`data-disabled`],J=[`id`,`disabled`,`required`,`value`,`aria-checked`,`aria-label`,`aria-required`,`aria-invalid`,`aria-describedby`,`aria-labelledby`,`aria-owns`],Y=[`id`,`for`],X=`w-0 h-0 peer fz-hidden-input`,re=`
2
+ flex gap-6 items-start hover:cursor-pointer text-core-black mb-0
3
3
  peer-focus:[&_div]:after:border-1
4
4
  peer-focus:[&_div]:after:border-solid
5
5
  peer-focus:[&_div]:after:rounded-[2px]
@@ -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
- `,ie=`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`,K,[(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)(X),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,J),[[t.vModelCheckbox,u.value]]),(0,t.createElementVNode)(`label`,{id:`${(0,t.unref)(l)}-label`,for:(0,t.unref)(l),class:(0,t.normalizeClass)([re,g.value])},[(0,t.createVNode)((0,t.unref)(n.FzIcon),{name:v.value,size:`md`,class:(0,t.normalizeClass)([ie,_.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,Y),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,q),e.error&&r.$slots.error?((0,t.openBlock)(),(0,t.createBlock)(G,{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=`@fiscozen/checkbox/CheckedSet`,ae=`flex flex-col justify-center gap-8 pl-24`,oe=(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)([ae,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`]))}}),se=[`id`],ce={key:0},le=[`id`],ue=[`id`,`aria-labelledby`,`aria-describedby`,`aria-required`,`aria-invalid`],de=`flex flex-col`,fe=`flex flex-col gap-10`,pe=`flex self-stretch`,$=(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)([fe,l.value])},[(0,t.createElementVNode)(`label`,{id:(0,t.unref)(i)+`-label`,class:(0,t.normalizeClass)([de,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`,ce,` *`)):(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,le)):(0,t.createCommentVNode)(``,!0)],10,se),(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([pe,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)(oe,(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,ue),e.error&&n.$slots.error?((0,t.openBlock)(),(0,t.createBlock)(G,{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))}}),me=[`id`,`value`,`disabled`,`checked`,`name`,`required`,`aria-checked`,`aria-required`,`aria-invalid`],he=[`for`],ge=[`title`],_e=[`src`,`alt`],ve={class:`flex flex-row w-full justify-between min-w-0`},ye={class:`justify-center flex flex-col w-full grow-0 min-w-0 gap-4`},be=`peer h-0 w-0 absolute fz-hidden-input`,xe=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)([be]),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,me),(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,_e)],10,ge)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,ve,[(0,t.createElementVNode)(`div`,ye,[(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,he)]))}}),[[`__scopeId`,`data-v-1a096df1`]]);e.FzCheckbox=Z,e.FzCheckboxCard=xe,e.FzCheckboxGroup=$,e.generateCheckboxId=i,e.generateGroupId=a});
13
+ `,ie=`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`,K,[(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)(X),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,J),[[t.vModelCheckbox,u.value]]),(0,t.createElementVNode)(`label`,{id:`${(0,t.unref)(l)}-label`,for:(0,t.unref)(l),class:(0,t.normalizeClass)([re,g.value])},[(0,t.createVNode)((0,t.unref)(n.FzIcon),{name:v.value,size:`md`,class:(0,t.normalizeClass)([ie,_.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,Y),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,q),e.error&&r.$slots.error?((0,t.openBlock)(),(0,t.createBlock)(G,{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-75e1292d`]]),Q=`@fiscozen/checkbox/CheckedSet`,ae=`flex flex-col justify-center gap-8 pl-24`,oe=(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)([ae,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`]))}}),se=[`id`],ce={key:0},le=[`id`],ue=[`id`,`aria-labelledby`,`aria-describedby`,`aria-required`,`aria-invalid`],de=`flex flex-col mb-0`,fe=`flex flex-col gap-10 text-core-black`,pe=`flex self-stretch`,$=(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)([fe,l.value])},[(0,t.createElementVNode)(`label`,{id:(0,t.unref)(i)+`-label`,class:(0,t.normalizeClass)([de,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`,ce,` *`)):(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,le)):(0,t.createCommentVNode)(``,!0)],10,se),(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([pe,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)(oe,(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,ue),e.error&&n.$slots.error?((0,t.openBlock)(),(0,t.createBlock)(G,{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))}}),me=[`id`,`value`,`disabled`,`checked`,`name`,`required`,`aria-checked`,`aria-required`,`aria-invalid`],he=[`for`],ge=[`title`],_e=[`src`,`alt`],ve={class:`flex flex-row w-full justify-between min-w-0`},ye={class:`justify-center flex flex-col w-full grow-0 min-w-0 gap-4`},be=`peer h-0 w-0 absolute fz-hidden-input`,xe=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)([be]),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,me),(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,_e)],10,ge)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,ve,[(0,t.createElementVNode)(`div`,ye,[(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,he)]))}}),[[`__scopeId`,`data-v-1a096df1`]]);e.FzCheckbox=Z,e.FzCheckboxCard=xe,e.FzCheckboxGroup=$,e.generateCheckboxId=i,e.generateGroupId=a});
package/package.json CHANGED
@@ -1,21 +1,21 @@
1
1
  {
2
2
  "name": "@fiscozen/checkbox",
3
- "version": "3.0.8",
3
+ "version": "3.0.10",
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.5",
10
11
  "@fiscozen/badge": "3.0.1",
11
- "@fiscozen/alert": "3.0.4",
12
- "@fiscozen/composables": "1.0.4",
13
- "@fiscozen/tooltip": "3.0.3"
12
+ "@fiscozen/tooltip": "3.0.4",
13
+ "@fiscozen/composables": "1.1.0"
14
14
  },
15
15
  "peerDependencies": {
16
16
  "tailwindcss": "^3.4.1",
17
17
  "vue": "^3.4.13",
18
- "@fiscozen/icons": "^1.0.5"
18
+ "@fiscozen/icons": "^1.0.6"
19
19
  },
20
20
  "devDependencies": {
21
21
  "@rushstack/eslint-patch": "^1.3.3",
@@ -135,7 +135,7 @@ const staticInputClass: string = "w-0 h-0 peer fz-hidden-input";
135
135
  * Items aligned to start (top) for proper alignment with long multi-line labels.
136
136
  */
137
137
  const staticLabelClass: string = `
138
- flex gap-6 items-start hover:cursor-pointer text-core-black
138
+ flex gap-6 items-start hover:cursor-pointer text-core-black mb-0
139
139
  peer-focus:[&_div]:after:border-1
140
140
  peer-focus:[&_div]:after:border-solid
141
141
  peer-focus:[&_div]:after:rounded-[2px]
@@ -297,7 +297,7 @@ onMounted(() => {
297
297
 
298
298
  <template>
299
299
  <!-- Root container: vertical layout with consistent spacing -->
300
- <div class="flex justify-center flex-col w-fit gap-4">
300
+ <div class="flex justify-center flex-col w-fit gap-4 text-core-black">
301
301
  <!-- Checkbox row: input + label + optional tooltip, aligned to top for long labels -->
302
302
  <!-- Hover effects are handled in CSS using data attributes -->
303
303
  <div
@@ -85,10 +85,10 @@ const checkedSet = computed(() => new Set(model.value));
85
85
  provide(CHECKED_SET_KEY, { source: model, set: checkedSet });
86
86
 
87
87
  /** Base layout for the label element */
88
- const staticLabeldClass: string = "flex flex-col";
88
+ const staticLabeldClass: string = "flex flex-col mb-0";
89
89
 
90
90
  /** Base layout for the root container */
91
- const staticContainerClass: string = "flex flex-col gap-10";
91
+ const staticContainerClass: string = "flex flex-col gap-10 text-core-black";
92
92
 
93
93
  /** Base layout for the checkboxes container */
94
94
  const staticSlotContainerClass: string = "flex self-stretch";
@@ -520,6 +520,23 @@ describe("FzCheckbox", () => {
520
520
  expect(label.classes()).toContain("items-start");
521
521
  });
522
522
 
523
+ it("should be environment-agnostic: text-core-black on root and mb-0 on label", async () => {
524
+ const wrapper = mount(FzCheckbox, {
525
+ props: {
526
+ label: "Test Checkbox",
527
+ value: "test",
528
+ modelValue: false,
529
+ },
530
+ });
531
+ await wrapper.vm.$nextTick();
532
+ // text-core-black on the root container so descendant text does not
533
+ // inherit a host body color (e.g. Bootstrap `body { color: #212529 }`).
534
+ expect(wrapper.find("div").classes()).toContain("text-core-black");
535
+ // mb-0 on the label so it does not pick up Bootstrap reboot's
536
+ // `label { margin-bottom: 0.5rem }` in hosts without Tailwind preflight.
537
+ expect(wrapper.find("label").classes()).toContain("mb-0");
538
+ });
539
+
523
540
  it("should apply emphasis classes when emphasis prop is true", async () => {
524
541
  const wrapper = mount(FzCheckbox, {
525
542
  props: {
@@ -527,6 +527,23 @@ describe("FzCheckboxGroup", () => {
527
527
  expect(container.classes()).toContain("self-stretch");
528
528
  });
529
529
 
530
+ it("should be environment-agnostic: text-core-black on root and mb-0 on group label", async () => {
531
+ const wrapper = mount(FzCheckboxGroup, {
532
+ props: {
533
+ label: "Test Checkbox Group",
534
+ modelValue: [],
535
+ options: [{ label: "Option 1", value: "option1" }],
536
+ },
537
+ });
538
+ await wrapper.vm.$nextTick();
539
+ // text-core-black on the root container so descendant text does not
540
+ // inherit a host body color (e.g. Bootstrap `body { color: #212529 }`).
541
+ expect(wrapper.find("div").classes()).toContain("text-core-black");
542
+ // mb-0 on the group label so it does not pick up Bootstrap reboot's
543
+ // `label { margin-bottom: 0.5rem }` in hosts without Tailwind preflight.
544
+ expect(wrapper.find("label").classes()).toContain("mb-0");
545
+ });
546
+
530
547
  it("should apply horizontal layout classes when horizontal is true", async () => {
531
548
  const wrapper = mount(FzCheckboxGroup, {
532
549
  props: {