@anoki/fse-ui 1.0.0-beta1.45.11 → 1.0.0-beta1.45.13

package/dist/index.cjs584.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs584.js","sources":["../node_modules/@radix-ui/themes/dist/esm/helpers/has-own-property.js"],"sourcesContent":["function e(n,r){return Object.prototype.hasOwnProperty.call(n,r)}export{e as hasOwnProperty};\n//# sourceMappingURL=has-own-property.js.map\n"],"names":["e","n","r"],"mappings":"gFAAA,SAASA,EAAEC,EAAEC,EAAE,CAAC,OAAO,OAAO,UAAU,eAAe,KAAKD,EAAEC,CAAC,CAAC","x_google_ignoreList":[0]}
+{"version":3,"file":"index.cjs584.js","sources":["../node_modules/react-remove-scroll-bar/dist/es2015/utils.js"],"sourcesContent":["export var zeroGap = {\n    left: 0,\n    top: 0,\n    right: 0,\n    gap: 0,\n};\nvar parse = function (x) { return parseInt(x || '', 10) || 0; };\nvar getOffset = function (gapMode) {\n    var cs = window.getComputedStyle(document.body);\n    var left = cs[gapMode === 'padding' ? 'paddingLeft' : 'marginLeft'];\n    var top = cs[gapMode === 'padding' ? 'paddingTop' : 'marginTop'];\n    var right = cs[gapMode === 'padding' ? 'paddingRight' : 'marginRight'];\n    return [parse(left), parse(top), parse(right)];\n};\nexport var getGapWidth = function (gapMode) {\n    if (gapMode === void 0) { gapMode = 'margin'; }\n    if (typeof window === 'undefined') {\n        return zeroGap;\n    }\n    var offsets = getOffset(gapMode);\n    var documentWidth = document.documentElement.clientWidth;\n    var windowWidth = window.innerWidth;\n    return {\n        left: offsets[0],\n        top: offsets[1],\n        right: offsets[2],\n        gap: Math.max(0, windowWidth - documentWidth + offsets[2] - offsets[0]),\n    };\n};\n"],"names":["zeroGap","parse","x","getOffset","gapMode","cs","left","top","right","getGapWidth","offsets","documentWidth","windowWidth"],"mappings":"gFAAU,IAACA,EAAU,CACjB,KAAM,EACN,IAAK,EACL,MAAO,EACP,IAAK,CACT,EACIC,EAAQ,SAAUC,EAAG,CAAE,OAAO,SAASA,GAAK,GAAI,EAAE,GAAK,CAAI,EAC3DC,EAAY,SAAUC,EAAS,CAC/B,IAAIC,EAAK,OAAO,iBAAiB,SAAS,IAAI,EAC1CC,EAAOD,EAAGD,IAAY,UAAY,cAAgB,YAAY,EAC9DG,EAAMF,EAAGD,IAAY,UAAY,aAAe,WAAW,EAC3DI,EAAQH,EAAGD,IAAY,UAAY,eAAiB,aAAa,EACrE,MAAO,CAACH,EAAMK,CAAI,EAAGL,EAAMM,CAAG,EAAGN,EAAMO,CAAK,CAAC,CACjD,EACWC,EAAc,SAAUL,EAAS,CAExC,GADIA,IAAY,SAAUA,EAAU,UAChC,OAAO,OAAW,IAClB,OAAOJ,EAEX,IAAIU,EAAUP,EAAUC,CAAO,EAC3BO,EAAgB,SAAS,gBAAgB,YACzCC,EAAc,OAAO,WACzB,MAAO,CACH,KAAMF,EAAQ,CAAC,EACf,IAAKA,EAAQ,CAAC,EACd,MAAOA,EAAQ,CAAC,EAChB,IAAK,KAAK,IAAI,EAAGE,EAAcD,EAAgBD,EAAQ,CAAC,EAAIA,EAAQ,CAAC,CAAC,CACzE,CACL","x_google_ignoreList":[0]}

package/dist/index.cjs585.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function n(t,[e,a]){return Math.min(a,Math.max(e,t))}exports.clamp=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),c=require("./index.cjs586.js");function u(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const i=u(r);var a=function(){var e=c.stylesheetSingleton();return function(t,n){i.useEffect(function(){return e.add(t),function(){e.remove()}},[t&&n])}};exports.styleHookSingleton=a;
 //# sourceMappingURL=index.cjs585.js.map

package/dist/index.cjs585.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs585.js","sources":["../node_modules/@radix-ui/number/dist/index.mjs"],"sourcesContent":["// packages/core/number/src/number.ts\nfunction clamp(value, [min, max]) {\n  return Math.min(max, Math.max(min, value));\n}\nexport {\n  clamp\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["clamp","value","min","max"],"mappings":"gFACA,SAASA,EAAMC,EAAO,CAACC,EAAKC,CAAG,EAAG,CAChC,OAAO,KAAK,IAAIA,EAAK,KAAK,IAAID,EAAKD,CAAK,CAAC,CAC3C","x_google_ignoreList":[0]}
+{"version":3,"file":"index.cjs585.js","sources":["../node_modules/react-style-singleton/dist/es2015/hook.js"],"sourcesContent":["import * as React from 'react';\nimport { stylesheetSingleton } from './singleton';\n/**\n * creates a hook to control style singleton\n * @see {@link styleSingleton} for a safer component version\n * @example\n * ```tsx\n * const useStyle = styleHookSingleton();\n * ///\n * useStyle('body { overflow: hidden}');\n */\nexport var styleHookSingleton = function () {\n    var sheet = stylesheetSingleton();\n    return function (styles, isDynamic) {\n        React.useEffect(function () {\n            sheet.add(styles);\n            return function () {\n                sheet.remove();\n            };\n        }, [styles && isDynamic]);\n    };\n};\n"],"names":["styleHookSingleton","sheet","stylesheetSingleton","styles","isDynamic","React"],"mappings":"kaAWU,IAACA,EAAqB,UAAY,CACxC,IAAIC,EAAQC,EAAAA,oBAAqB,EACjC,OAAO,SAAUC,EAAQC,EAAW,CAChCC,EAAM,UAAU,UAAY,CACxB,OAAAJ,EAAM,IAAIE,CAAM,EACT,UAAY,CACfF,EAAM,OAAQ,CACjB,CACb,EAAW,CAACE,GAAUC,CAAS,CAAC,CAC3B,CACL","x_google_ignoreList":[0]}

package/dist/index.cjs586.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["gray","gold","bronze","brown","yellow","amber","orange","tomato","red","ruby","crimson","pink","plum","purple","violet","iris","indigo","blue","cyan","teal","jade","green","grass","lime","mint","sky"],o={color:{type:"enum",values:e,default:""}};exports.accentColorPropDef=o;exports.accentColors=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index.cjs587.js");function r(){if(!document)return null;var t=document.createElement("style");t.type="text/css";var e=o.getNonce();return e&&t.setAttribute("nonce",e),t}function l(t,e){t.styleSheet?t.styleSheet.cssText=e:t.appendChild(document.createTextNode(e))}function i(t){var e=document.head||document.getElementsByTagName("head")[0];e.appendChild(t)}var u=function(){var t=0,e=null;return{add:function(n){t==0&&(e=r())&&(l(e,n),i(e)),t++},remove:function(){t--,!t&&e&&(e.parentNode&&e.parentNode.removeChild(e),e=null)}}};exports.stylesheetSingleton=u;
 //# sourceMappingURL=index.cjs586.js.map

package/dist/index.cjs586.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs586.js","sources":["../node_modules/@radix-ui/themes/dist/esm/props/color.prop.js"],"sourcesContent":["const o=[\"gray\",\"gold\",\"bronze\",\"brown\",\"yellow\",\"amber\",\"orange\",\"tomato\",\"red\",\"ruby\",\"crimson\",\"pink\",\"plum\",\"purple\",\"violet\",\"iris\",\"indigo\",\"blue\",\"cyan\",\"teal\",\"jade\",\"green\",\"grass\",\"lime\",\"mint\",\"sky\"],e=[\"auto\",\"gray\",\"mauve\",\"slate\",\"sage\",\"olive\",\"sand\"],r={color:{type:\"enum\",values:o,default:void 0}},s={color:{type:\"enum\",values:o,default:\"\"}};export{s as accentColorPropDef,o as accentColors,r as colorPropDef,e as grayColors};\n//# sourceMappingURL=color.prop.js.map\n"],"names":["o","s"],"mappings":"gFAAK,MAACA,EAAE,CAAC,OAAO,OAAO,SAAS,QAAQ,SAAS,QAAQ,SAAS,SAAS,MAAM,OAAO,UAAU,OAAO,OAAO,SAAS,SAAS,OAAO,SAAS,OAAO,OAAO,OAAO,OAAO,QAAQ,QAAQ,OAAO,OAAO,KAAK,EAA0GC,EAAE,CAAC,MAAM,CAAC,KAAK,OAAO,OAAOD,EAAE,QAAQ,EAAE,CAAC","x_google_ignoreList":[0]}
+{"version":3,"file":"index.cjs586.js","sources":["../node_modules/react-style-singleton/dist/es2015/singleton.js"],"sourcesContent":["import { getNonce } from 'get-nonce';\nfunction makeStyleTag() {\n    if (!document)\n        return null;\n    var tag = document.createElement('style');\n    tag.type = 'text/css';\n    var nonce = getNonce();\n    if (nonce) {\n        tag.setAttribute('nonce', nonce);\n    }\n    return tag;\n}\nfunction injectStyles(tag, css) {\n    // @ts-ignore\n    if (tag.styleSheet) {\n        // @ts-ignore\n        tag.styleSheet.cssText = css;\n    }\n    else {\n        tag.appendChild(document.createTextNode(css));\n    }\n}\nfunction insertStyleTag(tag) {\n    var head = document.head || document.getElementsByTagName('head')[0];\n    head.appendChild(tag);\n}\nexport var stylesheetSingleton = function () {\n    var counter = 0;\n    var stylesheet = null;\n    return {\n        add: function (style) {\n            if (counter == 0) {\n                if ((stylesheet = makeStyleTag())) {\n                    injectStyles(stylesheet, style);\n                    insertStyleTag(stylesheet);\n                }\n            }\n            counter++;\n        },\n        remove: function () {\n            counter--;\n            if (!counter && stylesheet) {\n                stylesheet.parentNode && stylesheet.parentNode.removeChild(stylesheet);\n                stylesheet = null;\n            }\n        },\n    };\n};\n"],"names":["makeStyleTag","tag","nonce","getNonce","injectStyles","css","insertStyleTag","head","stylesheetSingleton","counter","stylesheet","style"],"mappings":"qHACA,SAASA,GAAe,CACpB,GAAI,CAAC,SACD,OAAO,KACX,IAAIC,EAAM,SAAS,cAAc,OAAO,EACxCA,EAAI,KAAO,WACX,IAAIC,EAAQC,EAAAA,SAAU,EACtB,OAAID,GACAD,EAAI,aAAa,QAASC,CAAK,EAE5BD,CACX,CACA,SAASG,EAAaH,EAAKI,EAAK,CAExBJ,EAAI,WAEJA,EAAI,WAAW,QAAUI,EAGzBJ,EAAI,YAAY,SAAS,eAAeI,CAAG,CAAC,CAEpD,CACA,SAASC,EAAeL,EAAK,CACzB,IAAIM,EAAO,SAAS,MAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC,EACnEA,EAAK,YAAYN,CAAG,CACxB,CACU,IAACO,EAAsB,UAAY,CACzC,IAAIC,EAAU,EACVC,EAAa,KACjB,MAAO,CACH,IAAK,SAAUC,EAAO,CACdF,GAAW,IACNC,EAAaV,OACdI,EAAaM,EAAYC,CAAK,EAC9BL,EAAeI,CAAU,GAGjCD,GACH,EACD,OAAQ,UAAY,CAChBA,IACI,CAACA,GAAWC,IACZA,EAAW,YAAcA,EAAW,WAAW,YAAYA,CAAU,EACrEA,EAAa,KAEpB,CACJ,CACL","x_google_ignoreList":[0]}

package/dist/index.cjs587.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t={highContrast:{type:"boolean",className:"rt-high-contrast",default:void 0}};exports.highContrastPropDef=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e=function(){if(typeof __webpack_nonce__<"u")return __webpack_nonce__};exports.getNonce=e;
 //# sourceMappingURL=index.cjs587.js.map

package/dist/index.cjs587.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs587.js","sources":["../node_modules/@radix-ui/themes/dist/esm/props/high-contrast.prop.js"],"sourcesContent":["const o={highContrast:{type:\"boolean\",className:\"rt-high-contrast\",default:void 0}};export{o as highContrastPropDef};\n//# sourceMappingURL=high-contrast.prop.js.map\n"],"names":["o"],"mappings":"gFAAK,MAACA,EAAE,CAAC,aAAa,CAAC,KAAK,UAAU,UAAU,mBAAmB,QAAQ,MAAM,CAAC","x_google_ignoreList":[0]}
+{"version":3,"file":"index.cjs587.js","sources":["../node_modules/get-nonce/dist/es2015/index.js"],"sourcesContent":["var currentNonce;\nexport var setNonce = function (nonce) {\n    currentNonce = nonce;\n};\nexport var getNonce = function () {\n    if (currentNonce) {\n        return currentNonce;\n    }\n    if (typeof __webpack_nonce__ !== 'undefined') {\n        return __webpack_nonce__;\n    }\n    return undefined;\n};\n"],"names":["getNonce"],"mappings":"gFAIU,IAACA,EAAW,UAAY,CAI9B,GAAI,OAAO,kBAAsB,IAC7B,OAAO,iBAGf","x_google_ignoreList":[0]}

package/dist/index.cjs6.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/Container/Container.css');const m=require("./index.cjs241.js"),p=require("./index.cjs243.js"),g=require("react"),x=require("./index.cjs272.js");;/* empty css              */const C=({as:s,children:n,className:t,display:r,justifyContent:c,alignItems:i,flexWrap:o,containerClass:a="ui-container",...e})=>{const u=s||"div",l=g.useMemo(()=>[...x.createSpacingClasses(e)].join(" "),[e]);return m.jsxRuntimeExports.jsx(u,{className:p.clsx(a,t,l),style:{display:r,justifyContent:c,alignItems:i,flexWrap:o},children:n})};exports.Container=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/Container/Container.css');const m=require("./index.cjs241.js"),p=require("./index.cjs243.js"),g=require("react"),x=require("./index.cjs271.js");;/* empty css              */const C=({as:s,children:n,className:t,display:r,justifyContent:c,alignItems:i,flexWrap:o,containerClass:a="ui-container",...e})=>{const u=s||"div",l=g.useMemo(()=>[...x.createSpacingClasses(e)].join(" "),[e]);return m.jsxRuntimeExports.jsx(u,{className:p.clsx(a,t,l),style:{display:r,justifyContent:c,alignItems:i,flexWrap:o},children:n})};exports.Container=C;
 //# sourceMappingURL=index.cjs6.js.map

package/dist/index.cjs64.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs241.js"),i=require("./index.cjs271.js"),x=require("./index.cjs243.js"),u=({initials:e,bg:t,textColor:r,size:n="2",className:o})=>{const c=i.createColorClasses({bg:t,text:r}),a={1:"w-x64 h-x64 fs-5",2:"w-x48 h-x48 fs-6",3:"w-x32 h-x32 fs-7"},l=x.clsx("rounded-full base-row justify-content-center align-items-center p-x4",a[n],c,o);return s.jsxRuntimeExports.jsx("div",{className:l,"aria-hidden":"true",children:s.jsxRuntimeExports.jsx("span",{className:"fw-semibold",children:e})})};exports.Avatar=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs241.js"),i=require("./index.cjs273.js"),x=require("./index.cjs243.js"),u=({initials:e,bg:t,textColor:r,size:n="2",className:o})=>{const c=i.createColorClasses({bg:t,text:r}),a={1:"w-x64 h-x64 fs-5",2:"w-x48 h-x48 fs-6",3:"w-x32 h-x32 fs-7"},l=x.clsx("rounded-full base-row justify-content-center align-items-center p-x4",a[n],c,o);return s.jsxRuntimeExports.jsx("div",{className:l,"aria-hidden":"true",children:s.jsxRuntimeExports.jsx("span",{className:"fw-semibold",children:e})})};exports.Avatar=u;
 //# sourceMappingURL=index.cjs64.js.map

package/dist/index.cjs69.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/filters/CheckboxFilter/CheckboxFilter.css');const e=require("./index.cjs241.js"),i=require("./index.cjs303.js");;/* empty css              */const p=require("./index.cjs253.js"),x=require("./index.cjs243.js"),c=require("./index.cjs9.js"),m=({id:t,label:s,checked:l,onChange:a,classNameText:h="fs-6 fw-bold",canMultiple:n=!0})=>{var o;const u=()=>e.jsxRuntimeExports.jsx("svg",{width:"14",height:"14",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:e.jsxRuntimeExports.jsx("path",{d:"M10 3L4.5 8.5L2 6",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),d=()=>e.jsxRuntimeExports.jsx("svg",{width:"14",height:"14",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:e.jsxRuntimeExports.jsx("path",{d:"M10 3L4.5 8.5L2 6",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),r=new DOMParser().parseFromString(`${s}`,"text/html"),j=((o=r==null?void 0:r.body)==null?void 0:o.textContent)||"";return e.jsxRuntimeExports.jsx(c.Row,{alignItems:"center",gap:"x16",children:e.jsxRuntimeExports.jsxs(c.Row,{as:"label",gap:"x16",alignItems:"center",py:"x8",htmlFor:t,className:"cursor-pointer w-full",children:[e.jsxRuntimeExports.jsx(i.Checkbox,{id:t,checked:l,onCheckedChange:a,className:x.clsx(n?"ui-checkbox-filter-container":"ui-checkbox-filter"),"aria-label":j,children:e.jsxRuntimeExports.jsx(i.CheckboxIndicator,{children:e.jsxRuntimeExports.jsx("div",{className:"checkbox-container",children:n?e.jsxRuntimeExports.jsx(u,{}):e.jsxRuntimeExports.jsx(d,{})})})}),s&&e.jsxRuntimeExports.jsx(p.default,{as:"label",htmlFor:t,className:x.clsx(h,"text-slate-20 cursor-pointer"),children:s})]})})};exports.CheckboxFilter=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/filters/CheckboxFilter/CheckboxFilter.css');const e=require("./index.cjs241.js"),i=require("./index.cjs303.js");;/* empty css              */const p=require("./index.cjs253.js"),x=require("./index.cjs243.js"),c=require("./index.cjs9.js"),m=({id:t,label:s,checked:l,onChange:a,classNameText:h="fs-6 fw-bold",canMultiple:n=!0})=>{var o;const u=()=>e.jsxRuntimeExports.jsx("svg",{width:"14",height:"14",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:e.jsxRuntimeExports.jsx("path",{d:"M10 3L4.5 8.5L2 6",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),d=()=>e.jsxRuntimeExports.jsx("svg",{width:"14",height:"14",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:e.jsxRuntimeExports.jsx("path",{d:"M10 3L4.5 8.5L2 6",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),r=new DOMParser().parseFromString(`${s}`,"text/html"),j=((o=r==null?void 0:r.body)==null?void 0:o.textContent)||"";return e.jsxRuntimeExports.jsx(c.Row,{alignItems:"center",gap:"x16",children:e.jsxRuntimeExports.jsxs(c.Row,{as:"label",gap:"x16",alignItems:"center",py:"x8",htmlFor:t,className:"cursor-pointer w-full",children:[e.jsxRuntimeExports.jsx(i.Root,{id:t,checked:l,onCheckedChange:a,className:x.clsx(n?"ui-checkbox-filter-container":"ui-checkbox-filter"),"aria-label":j,children:e.jsxRuntimeExports.jsx(i.Indicator,{children:e.jsxRuntimeExports.jsx("div",{className:"checkbox-container",children:n?e.jsxRuntimeExports.jsx(u,{}):e.jsxRuntimeExports.jsx(d,{})})})}),s&&e.jsxRuntimeExports.jsx(p.default,{as:"label",htmlFor:t,className:x.clsx(h,"text-slate-20 cursor-pointer"),children:s})]})})};exports.CheckboxFilter=m;
 //# sourceMappingURL=index.cjs69.js.map

package/dist/index.cjs69.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs69.js","sources":["../src/components/ui/filters/CheckboxFilter/index.tsx"],"sourcesContent":["\"use client\";\nimport * as CheckboxRadix from \"@radix-ui/react-checkbox\";\nimport \"./CheckboxFilter.scss\";\nimport Balancer from \"react-wrap-balancer\";\nimport { Row } from \"@/components\";\nimport { PropsWithChildren, ReactNode } from \"react\";\nimport clsx from \"clsx\";\n\ntype CheckboxFilterProps = PropsWithChildren<{\n  id: string;\n  label?: ReactNode;\n  checked: boolean;\n  onChange: (checked: boolean) => void;\n  classNameText?: string;\n  canMultiple?: boolean;\n}>;\n\nexport const CheckboxFilter = ({\n  id,\n  label,\n  checked,\n  onChange,\n  classNameText = \"fs-6 fw-bold\",\n  canMultiple = true,\n}: CheckboxFilterProps) => {\n  const CheckIcon = () => (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 12 12\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"M10 3L4.5 8.5L2 6\"\n        stroke=\"white\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n  const CheckIconCircle = () => (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 12 12\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"M10 3L4.5 8.5L2 6\"\n        stroke=\"white\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n\n  const parser = new DOMParser();\n  const html = parser.parseFromString(`${label}`, \"text/html\");\n  const labelText = html?.body?.textContent || \"\";\n\n  return (\n    <Row alignItems=\"center\" gap=\"x16\">\n      <Row\n        as={\"label\"}\n        gap={\"x16\"}\n        alignItems={\"center\"}\n        py={\"x8\"}\n        htmlFor={id}\n        className=\"cursor-pointer w-full\"\n      >\n        <CheckboxRadix.Root\n          id={id}\n          checked={checked}\n          onCheckedChange={onChange}\n          className={clsx(\n            canMultiple ? \"ui-checkbox-filter-container\" : \"ui-checkbox-filter\",\n          )}\n          aria-label={labelText}\n        >\n          <CheckboxRadix.Indicator>\n            <div className=\"checkbox-container\">\n              {canMultiple ? <CheckIcon /> : <CheckIconCircle />}\n            </div>\n          </CheckboxRadix.Indicator>\n        </CheckboxRadix.Root>\n        {label && (\n          <Balancer\n            as=\"label\"\n            htmlFor={id}\n            className={clsx(classNameText, \"text-slate-20 cursor-pointer\")}\n          >\n            {label}\n          </Balancer>\n        )}\n      </Row>\n    </Row>\n  );\n};\n"],"names":["CheckboxFilter","id","label","checked","onChange","classNameText","canMultiple","CheckIcon","jsx","CheckIconCircle","html","labelText","_a","Row","jsxs","CheckboxRadix.Root","clsx","CheckboxRadix.Indicator","Balancer"],"mappings":"kRAiBaA,EAAiB,CAAC,CAC7B,GAAAC,EACA,MAAAC,EACA,QAAAC,EACA,SAAAC,EACA,cAAAC,EAAgB,eAChB,YAAAC,EAAc,EAChB,IAA2B,OACzB,MAAMC,EAAY,IAChBC,EAAA,kBAAA,IAAC,MAAA,CACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,cAAY,OAEZ,SAAAA,EAAA,kBAAA,IAAC,OAAA,CACC,EAAE,oBACF,OAAO,QACP,YAAY,IACZ,cAAc,QACd,eAAe,OAAA,CAAA,CACjB,CACF,EAEIC,EAAkB,IACtBD,EAAA,kBAAA,IAAC,MAAA,CACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,cAAY,OAEZ,SAAAA,EAAA,kBAAA,IAAC,OAAA,CACC,EAAE,oBACF,OAAO,QACP,YAAY,IACZ,cAAc,QACd,eAAe,OAAA,CAAA,CACjB,CACF,EAIIE,EADS,IAAI,UAAU,EACT,gBAAgB,GAAGR,CAAK,GAAI,WAAW,EACrDS,IAAYC,EAAAF,GAAA,YAAAA,EAAM,OAAN,YAAAE,EAAY,cAAe,GAE7C,OACGJ,EAAA,kBAAA,IAAAK,EAAA,IAAA,CAAI,WAAW,SAAS,IAAI,MAC3B,SAAAC,EAAA,kBAAA,KAACD,EAAA,IAAA,CACC,GAAI,QACJ,IAAK,MACL,WAAY,SACZ,GAAI,KACJ,QAASZ,EACT,UAAU,wBAEV,SAAA,CAAAO,EAAA,kBAAA,IAACO,EAAc,SAAd,CACC,GAAAd,EACA,QAAAE,EACA,gBAAiBC,EACjB,UAAWY,EAAA,KACTV,EAAc,+BAAiC,oBACjD,EACA,aAAYK,EAEZ,SAACH,EAAAA,kBAAAA,IAAAS,EAAAA,kBAAA,CACC,iCAAC,MAAI,CAAA,UAAU,qBACZ,SAAAX,0BAAeC,EAAU,CAAA,CAAA,EAAMC,EAAAA,kBAAAA,IAAAC,EAAA,EAAgB,EAClD,CACF,CAAA,CAAA,CACF,EACCP,GACCM,EAAA,kBAAA,IAACU,EAAA,QAAA,CACC,GAAG,QACH,QAASjB,EACT,UAAWe,EAAAA,KAAKX,EAAe,8BAA8B,EAE5D,SAAAH,CAAA,CAAA,CACH,CAAA,CAAA,EAGN,CAEJ"}
+{"version":3,"file":"index.cjs69.js","sources":["../src/components/ui/filters/CheckboxFilter/index.tsx"],"sourcesContent":["\"use client\";\nimport * as CheckboxRadix from \"@radix-ui/react-checkbox\";\nimport \"./CheckboxFilter.scss\";\nimport Balancer from \"react-wrap-balancer\";\nimport { Row } from \"@/components\";\nimport { PropsWithChildren, ReactNode } from \"react\";\nimport clsx from \"clsx\";\n\ntype CheckboxFilterProps = PropsWithChildren<{\n  id: string;\n  label?: ReactNode;\n  checked: boolean;\n  onChange: (checked: boolean) => void;\n  classNameText?: string;\n  canMultiple?: boolean;\n}>;\n\nexport const CheckboxFilter = ({\n  id,\n  label,\n  checked,\n  onChange,\n  classNameText = \"fs-6 fw-bold\",\n  canMultiple = true,\n}: CheckboxFilterProps) => {\n  const CheckIcon = () => (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 12 12\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"M10 3L4.5 8.5L2 6\"\n        stroke=\"white\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n  const CheckIconCircle = () => (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 12 12\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"M10 3L4.5 8.5L2 6\"\n        stroke=\"white\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n\n  const parser = new DOMParser();\n  const html = parser.parseFromString(`${label}`, \"text/html\");\n  const labelText = html?.body?.textContent || \"\";\n\n  return (\n    <Row alignItems=\"center\" gap=\"x16\">\n      <Row\n        as={\"label\"}\n        gap={\"x16\"}\n        alignItems={\"center\"}\n        py={\"x8\"}\n        htmlFor={id}\n        className=\"cursor-pointer w-full\"\n      >\n        <CheckboxRadix.Root\n          id={id}\n          checked={checked}\n          onCheckedChange={onChange}\n          className={clsx(\n            canMultiple ? \"ui-checkbox-filter-container\" : \"ui-checkbox-filter\",\n          )}\n          aria-label={labelText}\n        >\n          <CheckboxRadix.Indicator>\n            <div className=\"checkbox-container\">\n              {canMultiple ? <CheckIcon /> : <CheckIconCircle />}\n            </div>\n          </CheckboxRadix.Indicator>\n        </CheckboxRadix.Root>\n        {label && (\n          <Balancer\n            as=\"label\"\n            htmlFor={id}\n            className={clsx(classNameText, \"text-slate-20 cursor-pointer\")}\n          >\n            {label}\n          </Balancer>\n        )}\n      </Row>\n    </Row>\n  );\n};\n"],"names":["CheckboxFilter","id","label","checked","onChange","classNameText","canMultiple","CheckIcon","jsx","CheckIconCircle","html","labelText","_a","Row","jsxs","CheckboxRadix.Root","clsx","CheckboxRadix.Indicator","Balancer"],"mappings":"kRAiBaA,EAAiB,CAAC,CAC7B,GAAAC,EACA,MAAAC,EACA,QAAAC,EACA,SAAAC,EACA,cAAAC,EAAgB,eAChB,YAAAC,EAAc,EAChB,IAA2B,OACzB,MAAMC,EAAY,IAChBC,EAAA,kBAAA,IAAC,MAAA,CACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,cAAY,OAEZ,SAAAA,EAAA,kBAAA,IAAC,OAAA,CACC,EAAE,oBACF,OAAO,QACP,YAAY,IACZ,cAAc,QACd,eAAe,OAAA,CAAA,CACjB,CACF,EAEIC,EAAkB,IACtBD,EAAA,kBAAA,IAAC,MAAA,CACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,cAAY,OAEZ,SAAAA,EAAA,kBAAA,IAAC,OAAA,CACC,EAAE,oBACF,OAAO,QACP,YAAY,IACZ,cAAc,QACd,eAAe,OAAA,CAAA,CACjB,CACF,EAIIE,EADS,IAAI,UAAU,EACT,gBAAgB,GAAGR,CAAK,GAAI,WAAW,EACrDS,IAAYC,EAAAF,GAAA,YAAAA,EAAM,OAAN,YAAAE,EAAY,cAAe,GAE7C,OACGJ,EAAA,kBAAA,IAAAK,EAAA,IAAA,CAAI,WAAW,SAAS,IAAI,MAC3B,SAAAC,EAAA,kBAAA,KAACD,EAAA,IAAA,CACC,GAAI,QACJ,IAAK,MACL,WAAY,SACZ,GAAI,KACJ,QAASZ,EACT,UAAU,wBAEV,SAAA,CAAAO,EAAA,kBAAA,IAACO,EAAc,KAAd,CACC,GAAAd,EACA,QAAAE,EACA,gBAAiBC,EACjB,UAAWY,EAAA,KACTV,EAAc,+BAAiC,oBACjD,EACA,aAAYK,EAEZ,SAACH,EAAAA,kBAAAA,IAAAS,EAAAA,UAAA,CACC,iCAAC,MAAI,CAAA,UAAU,qBACZ,SAAAX,0BAAeC,EAAU,CAAA,CAAA,EAAMC,EAAAA,kBAAAA,IAAAC,EAAA,EAAgB,EAClD,CACF,CAAA,CAAA,CACF,EACCP,GACCM,EAAA,kBAAA,IAACU,EAAA,QAAA,CACC,GAAG,QACH,QAASjB,EACT,UAAWe,EAAAA,KAAKX,EAAe,8BAA8B,EAE5D,SAAAH,CAAA,CAAA,CACH,CAAA,CAAA,EAGN,CAEJ"}

package/dist/index.cjs7.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index.cjs241.js"),o=require("react"),a=require("./index.cjs243.js"),u=require("./index.cjs272.js"),l=({as:e,className:n,style:t,...s})=>{const r=e||"div",c=o.useMemo(()=>[...u.createSpacingClasses(s)].join(" "),[s]);return i.jsxRuntimeExports.jsx(r,{className:a.clsx("base-grid",n,c),style:{...t},...s})};exports.GridContainer=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index.cjs241.js"),o=require("react"),a=require("./index.cjs243.js"),u=require("./index.cjs271.js"),l=({as:e,className:n,style:t,...s})=>{const r=e||"div",c=o.useMemo(()=>[...u.createSpacingClasses(s)].join(" "),[s]);return i.jsxRuntimeExports.jsx(r,{className:a.clsx("base-grid",n,c),style:{...t},...s})};exports.GridContainer=l;
 //# sourceMappingURL=index.cjs7.js.map

package/dist/index.cjs8.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./index.cjs241.js"),s=require("react"),x=require("./index.cjs243.js"),C=require("./index.cjs272.js"),j=({as:a,className:l,style:u,md:t,sm:e,xs:c,...o})=>{const m=a||"div",n=s.useMemo(()=>`col-grid-md-${t??"3"}`,[t]),r=s.useMemo(()=>e?`col-grid-sm-${e??"6"}`:"",[e]),i=s.useMemo(()=>`col-grid-${c??"12"}`,[c]),d=s.useMemo(()=>{const g=C.createSpacingClasses(o);return[i,r,n,...g].join(" ")},[n,o,r,i]);return p.jsxRuntimeExports.jsx(m,{className:x.clsx(l,d),style:{...u},...o})};exports.GridItem=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./index.cjs241.js"),s=require("react"),x=require("./index.cjs243.js"),C=require("./index.cjs271.js"),j=({as:a,className:l,style:u,md:t,sm:e,xs:c,...o})=>{const m=a||"div",n=s.useMemo(()=>`col-grid-md-${t??"3"}`,[t]),r=s.useMemo(()=>e?`col-grid-sm-${e??"6"}`:"",[e]),i=s.useMemo(()=>`col-grid-${c??"12"}`,[c]),d=s.useMemo(()=>{const g=C.createSpacingClasses(o);return[i,r,n,...g].join(" ")},[n,o,r,i]);return p.jsxRuntimeExports.jsx(m,{className:x.clsx(l,d),style:{...u},...o})};exports.GridItem=j;
 //# sourceMappingURL=index.cjs8.js.map

package/dist/index.cjs9.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("./index.cjs241.js"),m=require("react"),q=require("./index.cjs243.js"),x=require("./index.cjs272.js"),j=require("./index.cjs271.js"),R=require("./index.cjs274.js"),b=({as:e,className:o,display:c,justifyContent:r,alignItems:t,flexWrap:n,style:a,ref:l,...s})=>{const i=e||"div",u=m.useMemo(()=>{const p=x.createSpacingClasses(s),y=j.createColorClasses(s),g=R.createTypographyClasses(s);return[...p,...y,...g].join(" ")},[s]);return C.jsxRuntimeExports.jsx(i,{ref:l,className:q.clsx("base-row",o,u),style:{display:c,justifyContent:r,alignItems:t,flexWrap:n,...a},...s})};exports.Row=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("./index.cjs241.js"),m=require("react"),q=require("./index.cjs243.js"),x=require("./index.cjs271.js"),j=require("./index.cjs273.js"),R=require("./index.cjs274.js"),b=({as:e,className:o,display:c,justifyContent:r,alignItems:t,flexWrap:n,style:a,ref:l,...s})=>{const i=e||"div",u=m.useMemo(()=>{const p=x.createSpacingClasses(s),y=j.createColorClasses(s),g=R.createTypographyClasses(s);return[...p,...y,...g].join(" ")},[s]);return C.jsxRuntimeExports.jsx(i,{ref:l,className:q.clsx("base-row",o,u),style:{display:c,justifyContent:r,alignItems:t,flexWrap:n,...a},...s})};exports.Row=b;
 //# sourceMappingURL=index.cjs9.js.map

package/dist/index.d.ts

@@ -494,7 +494,7 @@ declare type CardAuthorProps = {
     readingMinuteLabel?: string;
 };
 
-export declare const CardBanner: ({ actions, description, title, link, firstStatusLabel, secondStatusLabel, }: Props_4) => JSX.Element;
+export declare const CardBanner: ({ actions, description, title, link, firstStatusLabel, secondStatusLabel, personalStatusLabel, }: Props_4) => JSX.Element;
 
 export declare const CardCategory: ({ image, title, titleTag: TitleTag, href, description, description2, isExternal, showIcon, goToLabel, asLink, asImage, className, classNameTitle, classNameDescription, classNameDescriptionTitle, handleOnClick, }: CardCategoryProps) => JSX.Element;
 
@@ -2072,6 +2072,7 @@ declare type Props_4 = {
     actions?: Array<ActionIconTextProps>;
     firstStatusLabel?: string;
     secondStatusLabel?: string;
+    personalStatusLabel?: string;
 };
 
 declare type Props_5 = {

package/dist/index.es10.js

@@ -1,8 +1,8 @@
 import { j as f } from "./index.es241.js";
 import { useMemo as x } from "react";
 import { clsx as y } from "./index.es243.js";
-import { createSpacingClasses as g } from "./index.es272.js";
-import { createColorClasses as j } from "./index.es271.js";
+import { createSpacingClasses as g } from "./index.es271.js";
+import { createColorClasses as j } from "./index.es273.js";
 import { createTypographyClasses as u } from "./index.es274.js";
 const M = ({
   as: o,

package/dist/index.es108.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es241.js";
 import './components/ui/DelegateCard/DelegateCard.css';/* empty css            */
 import { useRef as b } from "react";
-import { Checkbox as C, CheckboxIndicator as k } from "./index.es303.js";
+import { Root as N, Indicator as v } from "./index.es303.js";
 import { Row as l } from "./index.es9.js";
 import { Col as s } from "./index.es10.js";
 const O = ({
@@ -9,10 +9,10 @@ const O = ({
   isSelected: a,
   title: d,
   subtitle: x,
-  region: c,
+  region: o,
   relation: r,
   isMe: t = !1,
-  showRegion: o = !1,
+  showRegion: n = !1,
   setSelectedCard: h = () => {
   },
   className: p,
@@ -20,7 +20,7 @@ const O = ({
   labelRegion: m = "Regione di assistenza",
   labelRecord: j = "IL TUO FASCICOLO"
 }) => {
-  const w = b(null), u = (n) => n.charAt(0).toUpperCase() + n.slice(1), g = () => /* @__PURE__ */ e.jsx(
+  const w = b(null), u = (c) => c.charAt(0).toUpperCase() + c.slice(1), g = () => /* @__PURE__ */ e.jsx(
     "svg",
     {
       width: "14",
@@ -57,12 +57,12 @@ const O = ({
       style: { width: "100%" },
       children: [
         /* @__PURE__ */ e.jsx("div", { className: "mt-x4", children: /* @__PURE__ */ e.jsx(
-          C,
+          N,
           {
             id: i,
             checked: a,
             className: "ui-checkbox-filter",
-            children: /* @__PURE__ */ e.jsx(k, { children: /* @__PURE__ */ e.jsx(g, {}) })
+            children: /* @__PURE__ */ e.jsx(v, { children: /* @__PURE__ */ e.jsx(g, {}) })
           }
         ) }),
         /* @__PURE__ */ e.jsx(
@@ -76,7 +76,7 @@ const O = ({
                 s,
                 {
                   gap: "x4",
-                  pb: (t || !t && !r) && !o ? void 0 : "x16",
+                  pb: (t || !t && !r) && !n ? void 0 : "x16",
                   children: [
                     /* @__PURE__ */ e.jsx("h3", { className: "flex-1 text-decoration-none fs-4 md-fs-3 fw-semibold", children: d }),
                     /* @__PURE__ */ e.jsx("p", { className: "fs-6 fw-normal text-slate-28", children: x })
@@ -88,9 +88,9 @@ const O = ({
                   /* @__PURE__ */ e.jsx("div", { className: "fw-bold", children: f }),
                   /* @__PURE__ */ e.jsx("p", { children: r })
                 ] }),
-                o && c && /* @__PURE__ */ e.jsxs(s, { pr: "x104", gap: "x4", children: [
+                n && o && /* @__PURE__ */ e.jsxs(s, { pr: "x104", gap: "x4", children: [
                   /* @__PURE__ */ e.jsx("div", { className: "fw-bold", children: m }),
-                  /* @__PURE__ */ e.jsx("p", { children: u(c) })
+                  /* @__PURE__ */ e.jsx("p", { children: u(o) })
                 ] })
               ] }),
               t && /* @__PURE__ */ e.jsx(l, { className: "ui-fascicolo-label fs-7 fw-semibold", children: j })

package/dist/index.es136.js

@@ -1,31 +1,39 @@
 import { j as e } from "./index.es241.js";
 import { Col as n } from "./index.es10.js";
 import "./index.es.js";
-import { Divider as p } from "./index.es281.js";
+import { Divider as a } from "./index.es281.js";
 import './components/ui/CardBanner/CardBanner.css';/* empty css            */
 import { Row as x } from "./index.es9.js";
 import { ArrowLink as o } from "./index.es42.js";
-import { ActionIconText as a } from "./index.es67.js";
+import { ActionIconText as c } from "./index.es67.js";
 const b = ({
-  actions: r,
-  description: l,
-  title: t,
-  link: s,
+  actions: s,
+  description: m,
+  title: l,
+  link: r,
   firstStatusLabel: i,
-  secondStatusLabel: d
+  secondStatusLabel: t,
+  personalStatusLabel: d
 }) => /* @__PURE__ */ e.jsxs(n, { className: "ui-card-banner", py: "x24", children: [
   /* @__PURE__ */ e.jsxs(x, { gap: "x16", px: "x24", children: [
-    i && /* @__PURE__ */ e.jsx("div", { className: "px-x16 py-x4 bg-blue-15 rounded ", children: /* @__PURE__ */ e.jsx("span", { className: "text-white fs-7 fw-bold", children: i }) }),
-    d && /* @__PURE__ */ e.jsx("div", { className: "  px-x16 py-x4 bg-status-secondary rounded ", children: /* @__PURE__ */ e.jsx("span", { className: "text-white fs-7 fw-bold", children: d }) })
+    d && /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        className: "px-x16 py-x4 bg-status-secondary rounded text-white ",
+        children: /* @__PURE__ */ e.jsx("span", { className: "text-white fs-7 fw-semibold fs-7", children: d })
+      }
+    ),
+    i && /* @__PURE__ */ e.jsx("div", { className: "px-x16 py-x4 bg-primary rounded text-white ", children: /* @__PURE__ */ e.jsx("span", { className: "text-white fs-7 fw-semibold fs-7", children: i }) }),
+    t && /* @__PURE__ */ e.jsx("div", { className: "px-x16 py-x4 bg-status-warning rounded text-white ", children: /* @__PURE__ */ e.jsx("span", { className: "text-white fs-7 fw-semibold fs-7", children: t }) })
   ] }),
   /* @__PURE__ */ e.jsxs(n, { px: "x24", gap: "x16", children: [
-    /* @__PURE__ */ e.jsx("h3", { className: "title ", children: t }),
-    /* @__PURE__ */ e.jsx("p", { className: "description", children: l }),
-    !!s && /* @__PURE__ */ e.jsx(x, { justifyContent: "flex-end", children: /* @__PURE__ */ e.jsx(o, { href: s.link, isExternal: s.isExternal, children: s.title }) })
+    /* @__PURE__ */ e.jsx("h3", { className: "title", children: l }),
+    /* @__PURE__ */ e.jsx("p", { className: "description", children: m }),
+    !!r && /* @__PURE__ */ e.jsx(x, { justifyContent: "flex-end", children: /* @__PURE__ */ e.jsx(o, { href: r.link, isExternal: r.isExternal, children: r.title }) })
   ] }),
-  !!r && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(p, { bg: "border-divider", className: "my-x24" }),
-    /* @__PURE__ */ e.jsx(x, { justifyContent: "flex-end", gap: "x16", px: "x24", children: r == null ? void 0 : r.map((m) => /* @__PURE__ */ e.jsx(a, { ...m })) })
+  !!s && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(a, { bg: "border-divider", className: "my-x24" }),
+    /* @__PURE__ */ e.jsx(x, { justifyContent: "flex-end", gap: "x16", px: "x24", children: s == null ? void 0 : s.map((p) => /* @__PURE__ */ e.jsx(c, { ...p })) })
   ] })
 ] });
 export {

package/dist/index.es136.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es136.js","sources":["../src/components/ui/CardBanner/index.tsx"],"sourcesContent":["import { Link } from \"@anoki/fse-common/dist\";\nimport { Col } from \"../Col\";\nimport { ActionIconText, ActionIconTextProps, ArrowLink, Row } from \"@/index\";\nimport { Divider } from \"../Divider\";\nimport { ReactNode } from \"react\";\nimport \"./CardBanner.scss\";\n\ntype Props = {\n  title: string;\n  description: string | ReactNode;\n  link?: Link;\n  actions?: Array<ActionIconTextProps>;\n  firstStatusLabel?: string;\n  secondStatusLabel?: string;\n};\n\nexport const CardBanner = ({\n  actions,\n  description,\n  title,\n  link,\n  firstStatusLabel,\n  secondStatusLabel,\n}: Props) => {\n  return (\n    <Col className=\"ui-card-banner\" py=\"x24\">\n      <Row gap={\"x16\"} px=\"x24\">\n        {firstStatusLabel && (\n          <div className={\"px-x16 py-x4 bg-blue-15 rounded \"}>\n            <span className={\"text-white fs-7 fw-bold\"}>\n              {firstStatusLabel}\n            </span>\n          </div>\n        )}\n        {secondStatusLabel && (\n          <div className={\"  px-x16 py-x4 bg-status-secondary rounded \"}>\n            <span className={\"text-white fs-7 fw-bold\"}>\n              {secondStatusLabel}\n            </span>\n          </div>\n        )}\n      </Row>\n      <Col px=\"x24\" gap=\"x16\">\n        <h3 className=\"title \">{title}</h3>\n        <p className=\"description\">{description}</p>\n        {!!link && (\n          <Row justifyContent=\"flex-end\">\n            <ArrowLink href={link.link} isExternal={link.isExternal}>\n              {link.title}\n            </ArrowLink>\n          </Row>\n        )}\n      </Col>\n\n      {!!actions && (\n        <>\n          <Divider bg=\"border-divider\" className=\"my-x24\" />\n          <Row justifyContent=\"flex-end\" gap=\"x16\" px=\"x24\">\n            {actions?.map((action) => <ActionIconText {...action} />)}\n          </Row>\n        </>\n      )}\n    </Col>\n  );\n};\n"],"names":["CardBanner","actions","description","title","link","firstStatusLabel","secondStatusLabel","jsxs","Col","Row","jsx","ArrowLink","Fragment","Divider","action","ActionIconText"],"mappings":";;;;;;;;AAgBO,MAAMA,IAAa,CAAC;AAAA,EACzB,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,mBAAAC;AACF,MAEKC,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,WAAU,kBAAiB,IAAG,OACjC,UAAA;AAAA,EAAAD,gBAAAA,EAAA,KAACE,GAAI,EAAA,KAAK,OAAO,IAAG,OACjB,UAAA;AAAA,IACCJ,KAAAK,gBAAAA,EAAA,IAAC,SAAI,WAAW,oCACd,gCAAC,QAAK,EAAA,WAAW,2BACd,UAAAL,EAAA,CACH,EACF,CAAA;AAAA,IAEDC,KACEI,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAW,+CACd,gCAAC,QAAK,EAAA,WAAW,2BACd,UAAAJ,EACH,CAAA,EACF,CAAA;AAAA,EAAA,GAEJ;AAAA,EACCC,gBAAAA,EAAA,KAAAC,GAAA,EAAI,IAAG,OAAM,KAAI,OAChB,UAAA;AAAA,IAACE,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,UAAU,UAAMP,GAAA;AAAA,IAC7BO,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,eAAe,UAAYR,GAAA;AAAA,IACvC,CAAC,CAACE,KACAM,gBAAAA,EAAAA,IAAAD,GAAA,EAAI,gBAAe,YAClB,UAAAC,gBAAAA,EAAAA,IAACC,GAAU,EAAA,MAAMP,EAAK,MAAM,YAAYA,EAAK,YAC1C,UAAAA,EAAK,OACR,EACF,CAAA;AAAA,EAAA,GAEJ;AAAA,EAEC,CAAC,CAACH,KAECM,gBAAAA,EAAAA,KAAAK,EAAA,UAAA,EAAA,UAAA;AAAA,IAAAF,gBAAAA,EAAA,IAACG,GAAQ,EAAA,IAAG,kBAAiB,WAAU,UAAS;AAAA,0BAC/CJ,GAAI,EAAA,gBAAe,YAAW,KAAI,OAAM,IAAG,OACzC,UAASR,KAAA,gBAAAA,EAAA,IAAI,CAACa,MAAWJ,gBAAAA,EAAA,IAACK,KAAgB,GAAGD,EAAQ,CAAA,GACxD,CAAA;AAAA,EAAA,EACF,CAAA;AAAA,GAEJ;"}
+{"version":3,"file":"index.es136.js","sources":["../src/components/ui/CardBanner/index.tsx"],"sourcesContent":["import { Link } from \"@anoki/fse-common/dist\";\nimport { Col } from \"../Col\";\nimport { ActionIconText, ActionIconTextProps, ArrowLink, Row } from \"@/index\";\nimport { Divider } from \"../Divider\";\nimport { ReactNode } from \"react\";\nimport \"./CardBanner.scss\";\n\ntype Props = {\n  title: string;\n  description: string | ReactNode;\n  link?: Link;\n  actions?: Array<ActionIconTextProps>;\n  firstStatusLabel?: string;\n  secondStatusLabel?: string;\n  personalStatusLabel?: string;\n};\n\nexport const CardBanner = ({\n  actions,\n  description,\n  title,\n  link,\n  firstStatusLabel,\n  secondStatusLabel,\n  personalStatusLabel,\n}: Props) => {\n  return (\n    <Col className=\"ui-card-banner\" py=\"x24\">\n      <Row gap={\"x16\"} px=\"x24\">\n        {personalStatusLabel && (\n          <div\n            className={\"px-x16 py-x4 bg-status-secondary rounded text-white \"}\n          >\n            <span className={\"text-white fs-7 fw-semibold fs-7\"}>\n              {personalStatusLabel}\n            </span>\n          </div>\n        )}\n        {firstStatusLabel && (\n          <div className={\"px-x16 py-x4 bg-primary rounded text-white \"}>\n            <span className={\"text-white fs-7 fw-semibold fs-7\"}>\n              {firstStatusLabel}\n            </span>\n          </div>\n        )}\n        {secondStatusLabel && (\n          <div className={\"px-x16 py-x4 bg-status-warning rounded text-white \"}>\n            <span className={\"text-white fs-7 fw-semibold fs-7\"}>\n              {secondStatusLabel}\n            </span>\n          </div>\n        )}\n      </Row>\n      <Col px=\"x24\" gap=\"x16\">\n        <h3 className=\"title\">{title}</h3>\n        <p className=\"description\">{description}</p>\n        {!!link && (\n          <Row justifyContent=\"flex-end\">\n            <ArrowLink href={link.link} isExternal={link.isExternal}>\n              {link.title}\n            </ArrowLink>\n          </Row>\n        )}\n      </Col>\n\n      {!!actions && (\n        <>\n          <Divider bg=\"border-divider\" className=\"my-x24\" />\n          <Row justifyContent=\"flex-end\" gap=\"x16\" px=\"x24\">\n            {actions?.map((action) => <ActionIconText {...action} />)}\n          </Row>\n        </>\n      )}\n    </Col>\n  );\n};\n"],"names":["CardBanner","actions","description","title","link","firstStatusLabel","secondStatusLabel","personalStatusLabel","jsxs","Col","Row","jsx","ArrowLink","Fragment","Divider","action","ActionIconText"],"mappings":";;;;;;;;AAiBO,MAAMA,IAAa,CAAC;AAAA,EACzB,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,qBAAAC;AACF,MAEKC,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,WAAU,kBAAiB,IAAG,OACjC,UAAA;AAAA,EAAAD,gBAAAA,EAAA,KAACE,GAAI,EAAA,KAAK,OAAO,IAAG,OACjB,UAAA;AAAA,IACCH,KAAAI,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QAEX,UAACA,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAW,oCACd,UACHJ,EAAA,CAAA;AAAA,MAAA;AAAA,IACF;AAAA,IAEDF,KACEM,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAW,+CACd,gCAAC,QAAK,EAAA,WAAW,oCACd,UAAAN,EAAA,CACH,EACF,CAAA;AAAA,IAEDC,KACEK,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAW,sDACd,gCAAC,QAAK,EAAA,WAAW,oCACd,UAAAL,EACH,CAAA,EACF,CAAA;AAAA,EAAA,GAEJ;AAAA,EACCE,gBAAAA,EAAA,KAAAC,GAAA,EAAI,IAAG,OAAM,KAAI,OAChB,UAAA;AAAA,IAACE,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,SAAS,UAAMR,GAAA;AAAA,IAC5BQ,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,eAAe,UAAYT,GAAA;AAAA,IACvC,CAAC,CAACE,KACAO,gBAAAA,EAAAA,IAAAD,GAAA,EAAI,gBAAe,YAClB,UAAAC,gBAAAA,EAAAA,IAACC,GAAU,EAAA,MAAMR,EAAK,MAAM,YAAYA,EAAK,YAC1C,UAAAA,EAAK,OACR,EACF,CAAA;AAAA,EAAA,GAEJ;AAAA,EAEC,CAAC,CAACH,KAECO,gBAAAA,EAAAA,KAAAK,EAAA,UAAA,EAAA,UAAA;AAAA,IAAAF,gBAAAA,EAAA,IAACG,GAAQ,EAAA,IAAG,kBAAiB,WAAU,UAAS;AAAA,0BAC/CJ,GAAI,EAAA,gBAAe,YAAW,KAAI,OAAM,IAAG,OACzC,UAAST,KAAA,gBAAAA,EAAA,IAAI,CAACc,MAAWJ,gBAAAA,EAAA,IAACK,KAAgB,GAAGD,EAAQ,CAAA,GACxD,CAAA;AAAA,EAAA,EACF,CAAA;AAAA,GAEJ;"}

package/dist/index.es156.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es241.js";
 import { clsx as t } from "./index.es243.js";
-import { createColorClasses as e } from "./index.es271.js";
+import { createColorClasses as e } from "./index.es273.js";
 const n = ({
   width: a = 24,
   height: r = 24,

package/dist/index.es157.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es241.js";
 import { clsx as a } from "./index.es243.js";
-import { createColorClasses as i } from "./index.es271.js";
+import { createColorClasses as i } from "./index.es273.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es158.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es241.js";
 import { clsx as l } from "./index.es243.js";
-import { createColorClasses as a } from "./index.es271.js";
+import { createColorClasses as a } from "./index.es273.js";
 const x = ({
   width: C = 32,
   height: s = 32,

package/dist/index.es159.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es241.js";
 import { clsx as a } from "./index.es243.js";
-import { createColorClasses as l } from "./index.es271.js";
+import { createColorClasses as l } from "./index.es273.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es160.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es241.js";
 import { clsx as a } from "./index.es243.js";
-import { createColorClasses as i } from "./index.es271.js";
+import { createColorClasses as i } from "./index.es273.js";
 const p = ({
   width: r = 24,
   height: o = 24,

package/dist/index.es161.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es241.js";
 import { clsx as l } from "./index.es243.js";
-import { createColorClasses as a } from "./index.es271.js";
+import { createColorClasses as a } from "./index.es273.js";
 const p = ({
   width: o = 114,
   height: r = 115,

package/dist/index.es162.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es241.js";
 import { clsx as l } from "./index.es243.js";
-import { createColorClasses as c } from "./index.es271.js";
+import { createColorClasses as c } from "./index.es273.js";
 const m = ({
   width: s = 121,
   height: e = 121,

package/dist/index.es163.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es241.js";
 import { clsx as t } from "./index.es243.js";
-import { createColorClasses as e } from "./index.es271.js";
+import { createColorClasses as e } from "./index.es273.js";
 const f = ({
   width: m = 100,
   height: a = 100,

package/dist/index.es164.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es241.js";
 import { clsx as s } from "./index.es243.js";
-import { createColorClasses as a } from "./index.es271.js";
+import { createColorClasses as a } from "./index.es273.js";
 const V = ({
   width: l = 263,
   height: h = 40,

package/dist/index.es165.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es241.js";
 import { clsx as M } from "./index.es243.js";
-import { createColorClasses as t } from "./index.es271.js";
+import { createColorClasses as t } from "./index.es273.js";
 const i = ({
   width: v = 137,
   height: h = 40,

package/dist/index.es166.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es241.js";
 import { clsx as s } from "./index.es243.js";
-import { createColorClasses as r } from "./index.es271.js";
+import { createColorClasses as r } from "./index.es273.js";
 const a = ({
   width: v = 118,
   height: m = 40,

package/dist/index.es167.js

@@ -1,6 +1,6 @@
 import { j as h } from "./index.es241.js";
 import { clsx as c } from "./index.es243.js";
-import { createColorClasses as r } from "./index.es271.js";
+import { createColorClasses as r } from "./index.es273.js";
 const v = ({
   width: l = 44,
   height: s = 44,

package/dist/index.es168.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es241.js";
 import { clsx as t } from "./index.es243.js";
-import { createColorClasses as s } from "./index.es271.js";
+import { createColorClasses as s } from "./index.es273.js";
 const x = ({
   width: l = 101,
   height: a = 40,

package/dist/index.es169.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es241.js";
 import { clsx as M } from "./index.es243.js";
-import { createColorClasses as c } from "./index.es271.js";
+import { createColorClasses as c } from "./index.es273.js";
 const V = ({
   width: h = 181,
   height: v = 40,

package/dist/index.es170.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es241.js";
 import { clsx as s } from "./index.es243.js";
-import { createColorClasses as f } from "./index.es271.js";
+import { createColorClasses as f } from "./index.es273.js";
 const n = ({
   width: e = 75,
   height: c = 75,

package/dist/index.es171.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es241.js";
 import { clsx as o } from "./index.es243.js";
-import { createColorClasses as t } from "./index.es271.js";
+import { createColorClasses as t } from "./index.es273.js";
 const m = ({
   width: a = 75,
   height: s = 75,

package/dist/index.es172.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es241.js";
 import { clsx as a } from "./index.es243.js";
-import { createColorClasses as m } from "./index.es271.js";
+import { createColorClasses as m } from "./index.es273.js";
 const p = ({
   width: t = 24,
   height: o = 24,

package/dist/index.es173.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es241.js";
 import { clsx as i } from "./index.es243.js";
-import { createColorClasses as a } from "./index.es271.js";
+import { createColorClasses as a } from "./index.es273.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es174.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es241.js";
 import { clsx as c } from "./index.es243.js";
-import { createColorClasses as h } from "./index.es271.js";
+import { createColorClasses as h } from "./index.es273.js";
 const n = ({
   width: s = 32,
   height: o = 32,

package/dist/index.es175.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es241.js";
 import { clsx as l } from "./index.es243.js";
-import { createColorClasses as r } from "./index.es271.js";
+import { createColorClasses as r } from "./index.es273.js";
 const d = ({
   width: a = 32,
   height: h = 32,

package/dist/index.es176.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es241.js";
 import { clsx as r } from "./index.es243.js";
-import { createColorClasses as t } from "./index.es271.js";
+import { createColorClasses as t } from "./index.es273.js";
 const m = ({
   width: l = 32,
   height: c = 32,

package/dist/index.es177.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es241.js";
 import { clsx as m } from "./index.es243.js";
-import { createColorClasses as d } from "./index.es271.js";
+import { createColorClasses as d } from "./index.es273.js";
 const n = ({
   width: l = 32,
   height: h = 32,

package/dist/index.es178.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es241.js";
 import { clsx as t } from "./index.es243.js";
-import { createColorClasses as v } from "./index.es271.js";
+import { createColorClasses as v } from "./index.es273.js";
 const m = ({
   width: l = 32,
   height: e = 32,

package/dist/index.es182.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es241.js";
 import { clsx as t } from "./index.es243.js";
-import { createColorClasses as i } from "./index.es271.js";
+import { createColorClasses as i } from "./index.es273.js";
 const n = ({
   width: o = 32,
   height: a = 32,

package/dist/index.es183.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es241.js";
 import { clsx as t } from "./index.es243.js";
-import { createColorClasses as c } from "./index.es271.js";
+import { createColorClasses as c } from "./index.es273.js";
 const d = ({
   width: l = 32,
   height: s = 32,

package/dist/index.es184.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es241.js";
 import { clsx as a } from "./index.es243.js";
-import { createColorClasses as m } from "./index.es271.js";
+import { createColorClasses as m } from "./index.es273.js";
 const d = ({
   width: l = 24,
   height: e = 24,

package/dist/index.es186.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es241.js";
 import { clsx as t } from "./index.es243.js";
-import { createColorClasses as c } from "./index.es271.js";
+import { createColorClasses as c } from "./index.es273.js";
 const x = ({
   width: r = 32,
   height: s = 32,

package/dist/index.es187.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es241.js";
 import { clsx as a } from "./index.es243.js";
-import { createColorClasses as i } from "./index.es271.js";
+import { createColorClasses as i } from "./index.es273.js";
 const d = ({
   width: l = 24,
   height: s = 24,

package/dist/index.es188.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es241.js";
 import { clsx as a } from "./index.es243.js";
-import { createColorClasses as m } from "./index.es271.js";
+import { createColorClasses as m } from "./index.es273.js";
 const d = ({
   width: o = 24,
   height: r = 24,

package/dist/index.es189.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es241.js";
 import { clsx as i } from "./index.es243.js";
-import { createColorClasses as a } from "./index.es271.js";
+import { createColorClasses as a } from "./index.es273.js";
 const c = ({
   width: r = 24,
   height: s = 24,