@anoki/fse-ui 1.0.724 → 1.0.726

package/dist/index.cjs69.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/CardNotification/CardNotification.css');const s=require("./index.cjs212.js");;/* empty css              */const w=require("react"),N=require("./index.cjs157.js"),g=require("./index.cjs149.js"),e=require("./index.cjs9.js"),t=require("./index.cjs25.js"),y=({type:c,onClickEdit:n,onClickRightManage:r,showExpired:d=!1,buttonMaxWidth:l,onClickGoToDetails:o,icon:i="calendar",variant:u="primary",onClickManage:x,date:j,title:m,showBadge:p=!1,text:h})=>{const a=u==="secondary",f=w.useMemo(()=>{if(i==="calendar")return s.jsxRuntimeExports.jsx(g.Calendar,{width:24,height:26,color:"slate-28"});if(i==="actions")return s.jsxRuntimeExports.jsx(N.Actions,{width:24,height:26,color:"slate-28"})},[i]),R=` ${a?"bg-lightblue-a03 ui-card-notifications-secondary":"bg-white"} shadow br-x4  `,b=` ui-card-notifications-icon base-row   ${a?"bg-white":"bg-lightblue-a03"}   `,E=` ${l?"w-full":"ui-card-notifications-button"}  `;return s.jsxRuntimeExports.jsxs("div",{className:R,children:[s.jsxRuntimeExports.jsxs(e.Row,{px:"x24",py:"x8",justifyContent:"space-between",children:[s.jsxRuntimeExports.jsxs("p",{className:"fs-7 fw-semibold",children:[" ",c]}),s.jsxRuntimeExports.jsx("p",{className:"fs-7 fw-semibold",children:j})]}),s.jsxRuntimeExports.jsx("div",{className:"ui-card-notifications-divider "}),s.jsxRuntimeExports.jsxs(e.Row,{pt:"x16",px:"x24",pb:"x24",gap:"x16",children:[s.jsxRuntimeExports.jsxs("div",{className:b,children:[p&&s.jsxRuntimeExports.jsx("div",{className:"ui-card-notifications-badge-container",children:s.jsxRuntimeExports.jsx("div",{className:"ui-card-notifications-badge"})}),f]}),s.jsxRuntimeExports.jsxs("div",{className:"w-full",children:[s.jsxRuntimeExports.jsxs("div",{className:"mb-x24",children:[s.jsxRuntimeExports.jsx("p",{className:"my-x8 fs-5 fw-semibold",children:m}),d&&s.jsxRuntimeExports.jsx(e.Row,{mb:"x8",children:s.jsxRuntimeExports.jsx("div",{className:"py-x4 px-x16  bg-status-error text-white rounded fw-semibold fs-7",children:"SCADUTO"})}),s.jsxRuntimeExports.jsx("p",{children:h})]}),x&&s.jsxRuntimeExports.jsx("div",{className:"base-row justify-content-center",children:s.jsxRuntimeExports.jsx(t.Button,{className:E,onClick:x,children:"Gestisci"})}),s.jsxRuntimeExports.jsxs(e.Row,{justifyContent:"flex-end",className:"w-full gap-x16",children:[r&&s.jsxRuntimeExports.jsx("div",{className:"base-row justify-content-center",children:s.jsxRuntimeExports.jsx(t.Button,{onClick:r,children:"Gestisci"})}),!!n&&s.jsxRuntimeExports.jsx(t.Button,{onClick:n,bg:"transparent",textColor:"primary",children:"Modifica"}),!!o&&s.jsxRuntimeExports.jsx(t.Button,{onClick:o,variant:"secondary",children:"Più dettagli"})]})]})]})]})};exports.CardNotification=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/CardNotification/CardNotification.css');const s=require("./index.cjs212.js");;/* empty css              */const g=require("react"),y=require("./index.cjs157.js"),v=require("./index.cjs149.js"),e=require("./index.cjs9.js"),t=require("./index.cjs25.js"),C=({type:c,onClickEdit:n,onClickRightManage:r,rightManageTitle:d="Gestisci",goToDetailsTitle:l="Più dettagli",showExpired:u=!1,buttonMaxWidth:j,onClickGoToDetails:o,icon:i="calendar",variant:m="primary",onClickManage:x,date:p,title:h,showBadge:f=!1,text:R})=>{const a=m==="secondary",b=g.useMemo(()=>{if(i==="calendar")return s.jsxRuntimeExports.jsx(v.Calendar,{width:24,height:26,color:"slate-28"});if(i==="actions")return s.jsxRuntimeExports.jsx(y.Actions,{width:24,height:26,color:"slate-28"})},[i]),E=` ${a?"bg-lightblue-a03 ui-card-notifications-secondary":"bg-white"} shadow br-x4  `,w=` ui-card-notifications-icon base-row   ${a?"bg-white":"bg-lightblue-a03"}   `,N=` ${j?"w-full":"ui-card-notifications-button"}  `;return s.jsxRuntimeExports.jsxs("div",{className:E,children:[s.jsxRuntimeExports.jsxs(e.Row,{px:"x24",py:"x8",justifyContent:"space-between",children:[s.jsxRuntimeExports.jsxs("p",{className:"fs-7 fw-semibold",children:[" ",c]}),s.jsxRuntimeExports.jsx("p",{className:"fs-7 fw-semibold",children:p})]}),s.jsxRuntimeExports.jsx("div",{className:"ui-card-notifications-divider "}),s.jsxRuntimeExports.jsxs(e.Row,{pt:"x16",px:"x24",pb:"x24",gap:"x16",children:[s.jsxRuntimeExports.jsxs("div",{className:w,children:[f&&s.jsxRuntimeExports.jsx("div",{className:"ui-card-notifications-badge-container",children:s.jsxRuntimeExports.jsx("div",{className:"ui-card-notifications-badge"})}),b]}),s.jsxRuntimeExports.jsxs("div",{className:"w-full",children:[s.jsxRuntimeExports.jsxs("div",{className:"mb-x24",children:[s.jsxRuntimeExports.jsx("p",{className:"my-x8 fs-5 fw-semibold",children:h}),u&&s.jsxRuntimeExports.jsx(e.Row,{mb:"x8",children:s.jsxRuntimeExports.jsx("div",{className:"py-x4 px-x16  bg-status-error text-white rounded fw-semibold fs-7",children:"SCADUTO"})}),s.jsxRuntimeExports.jsx("p",{children:R})]}),x&&s.jsxRuntimeExports.jsx("div",{className:"base-row justify-content-center",children:s.jsxRuntimeExports.jsx(t.Button,{className:N,onClick:x,children:"Gestisci"})}),s.jsxRuntimeExports.jsxs(e.Row,{justifyContent:"flex-end",className:"w-full gap-x16",children:[!!o&&s.jsxRuntimeExports.jsx(t.Button,{onClick:o,variant:"secondary",children:l}),r&&s.jsxRuntimeExports.jsx("div",{className:"base-row justify-content-center",children:s.jsxRuntimeExports.jsx(t.Button,{onClick:r,children:d})}),!!n&&s.jsxRuntimeExports.jsx(t.Button,{onClick:n,bg:"transparent",textColor:"primary",children:"Modifica"})]})]})]})]})};exports.CardNotification=C;
 //# sourceMappingURL=index.cjs69.js.map

package/dist/index.cjs69.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs69.js","sources":["../src/components/ui/CardNotification/index.tsx"],"sourcesContent":["import \"./CardNotification.scss\";\nimport { useMemo } from \"react\";\nimport { Actions, Calendar } from \"@/icons\";\nimport { Button, Row } from \"@/components\";\n\ntype Variant = \"primary\" | \"secondary\";\n\ntype NotificationIcon = \"calendar\" | \"actions\";\n\ntype CardNotificationProps = {\n  type: string;\n  date: string;\n  icon: NotificationIcon;\n  showBadge?: boolean;\n  title: string;\n  text: string;\n  variant?: Variant;\n  onClickEdit?: () => void;\n  onClickManage?: () => void;\n  onClickGoToDetails?: () => void;\n  showExpired?: boolean;\n  buttonMaxWidth?: boolean;\n  onClickRightManage?: () => void;\n};\n\nexport const CardNotification = ({\n  type,\n  onClickEdit,\n  onClickRightManage,\n  showExpired = false,\n  buttonMaxWidth,\n  onClickGoToDetails,\n  icon = \"calendar\",\n  variant = \"primary\",\n  onClickManage,\n  date,\n  title,\n  showBadge = false,\n  text,\n}: CardNotificationProps) => {\n  const isSecondary = variant === \"secondary\";\n\n  const iconToRender = useMemo(() => {\n    if (icon === \"calendar\") {\n      return <Calendar width={24} height={26} color=\"slate-28\" />;\n    }\n    if (icon === \"actions\") {\n      return <Actions width={24} height={26} color=\"slate-28\" />;\n    }\n  }, [icon]);\n\n  const cardClasses = ` ${\n    isSecondary\n      ? \"bg-lightblue-a03 ui-card-notifications-secondary\"\n      : \"bg-white\"\n  } shadow br-x4  `;\n\n  const iconContainer = ` ui-card-notifications-icon base-row   ${\n    isSecondary ? \"bg-white\" : \"bg-lightblue-a03\"\n  }   `;\n\n  const manageButtonClasses = ` ${\n    buttonMaxWidth ? \"w-full\" : \"ui-card-notifications-button\"\n  }  `;\n\n  return (\n    <div className={cardClasses}>\n      <Row px={\"x24\"} py={\"x8\"} justifyContent={\"space-between\"}>\n        <p className={\"fs-7 fw-semibold\"}> {type}</p>\n        <p className={\"fs-7 fw-semibold\"}>{date}</p>\n      </Row>\n      <div className={\"ui-card-notifications-divider \"} />\n      <Row pt={\"x16\"} px={\"x24\"} pb={\"x24\"} gap={\"x16\"}>\n        <div className={iconContainer}>\n          {showBadge && (\n            <div className={\"ui-card-notifications-badge-container\"}>\n              <div className={\"ui-card-notifications-badge\"} />\n            </div>\n          )}\n          {iconToRender}\n        </div>\n        <div className={\"w-full\"}>\n          <div className={\"mb-x24\"}>\n            <p className={\"my-x8 fs-5 fw-semibold\"}>{title}</p>\n            {showExpired && (\n              <Row mb={\"x8\"}>\n                <div\n                  className={\n                    \"py-x4 px-x16  bg-status-error text-white rounded fw-semibold fs-7\"\n                  }\n                >\n                  SCADUTO\n                </div>\n              </Row>\n            )}\n            <p>{text}</p>\n          </div>\n\n          {onClickManage && (\n            <div className={\"base-row justify-content-center\"}>\n              <Button className={manageButtonClasses} onClick={onClickManage}>\n                Gestisci\n              </Button>\n            </div>\n          )}\n\n          <Row justifyContent={\"flex-end\"} className={\"w-full gap-x16\"}>\n            {onClickRightManage && (\n              <div className={\"base-row justify-content-center\"}>\n                <Button onClick={onClickRightManage}>Gestisci</Button>\n              </div>\n            )}\n\n            {!!onClickEdit && (\n              <Button\n                onClick={onClickEdit}\n                bg=\"transparent\"\n                textColor=\"primary\"\n              >\n                Modifica\n              </Button>\n            )}\n            {!!onClickGoToDetails && (\n              <Button onClick={onClickGoToDetails} variant={\"secondary\"}>\n                Più dettagli\n              </Button>\n            )}\n          </Row>\n        </div>\n      </Row>\n    </div>\n  );\n};\n"],"names":["CardNotification","type","onClickEdit","onClickRightManage","showExpired","buttonMaxWidth","onClickGoToDetails","icon","variant","onClickManage","date","title","showBadge","text","isSecondary","iconToRender","useMemo","Calendar","Actions","cardClasses","iconContainer","manageButtonClasses","jsxs","Row","jsx","Button"],"mappings":"oSAyBaA,EAAmB,CAAC,CAC/B,KAAAC,EACA,YAAAC,EACA,mBAAAC,EACA,YAAAC,EAAc,GACd,eAAAC,EACA,mBAAAC,EACA,KAAAC,EAAO,WACP,QAAAC,EAAU,UACV,cAAAC,EACA,KAAAC,EACA,MAAAC,EACA,UAAAC,EAAY,GACZ,KAAAC,CACF,IAA6B,CAC3B,MAAMC,EAAcN,IAAY,YAE1BO,EAAeC,EAAAA,QAAQ,IAAM,CACjC,GAAIT,IAAS,WACX,+BAAQU,WAAS,CAAA,MAAO,GAAI,OAAQ,GAAI,MAAM,WAAW,EAE3D,GAAIV,IAAS,UACX,+BAAQW,UAAQ,CAAA,MAAO,GAAI,OAAQ,GAAI,MAAM,WAAW,CAC1D,EACC,CAACX,CAAI,CAAC,EAEHY,EAAc,IAClBL,EACI,mDACA,UACN,kBAEMM,EAAgB,0CACpBN,EAAc,WAAa,kBAC7B,MAEMO,EAAsB,IAC1BhB,EAAiB,SAAW,8BAC9B,KAGE,OAAAiB,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAWH,EACd,SAAA,CAAAG,yBAACC,EAAAA,KAAI,GAAI,MAAO,GAAI,KAAM,eAAgB,gBACxC,SAAA,CAACD,EAAAA,kBAAAA,KAAA,IAAA,CAAE,UAAW,mBAAoB,SAAA,CAAA,IAAErB,CAAA,EAAK,EACxCuB,EAAA,kBAAA,IAAA,IAAA,CAAE,UAAW,mBAAqB,SAAKd,CAAA,CAAA,CAAA,EAC1C,EACAc,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAW,gCAAkC,CAAA,EAClDF,EAAAA,kBAAAA,KAACC,OAAI,GAAI,MAAO,GAAI,MAAO,GAAI,MAAO,IAAK,MACzC,SAAA,CAACD,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAWF,EACb,SAAA,CACCR,GAAAY,EAAAA,kBAAAA,IAAC,OAAI,UAAW,wCACd,iCAAC,MAAI,CAAA,UAAW,8BAA+B,CACjD,CAAA,EAEDT,CAAA,EACH,EACAO,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAW,SACd,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAW,SACd,SAAA,CAACE,EAAA,kBAAA,IAAA,IAAA,CAAE,UAAW,yBAA2B,SAAMb,EAAA,EAC9CP,GACCoB,EAAA,kBAAA,IAACD,EAAI,IAAA,CAAA,GAAI,KACP,SAAAC,EAAA,kBAAA,IAAC,MAAA,CACC,UACE,oEAEH,SAAA,SAAA,CAAA,EAGH,EAEFA,EAAAA,kBAAAA,IAAC,KAAG,SAAKX,CAAA,CAAA,CAAA,EACX,EAECJ,GACCe,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAW,kCACd,SAAAA,wBAACC,EAAAA,OAAO,CAAA,UAAWJ,EAAqB,QAASZ,EAAe,SAAA,UAEhE,CAAA,EACF,EAGDa,EAAA,kBAAA,KAAAC,EAAA,IAAA,CAAI,eAAgB,WAAY,UAAW,iBACzC,SAAA,CACCpB,GAAAqB,EAAA,kBAAA,IAAC,OAAI,UAAW,kCACd,iCAACC,EAAAA,OAAO,CAAA,QAAStB,EAAoB,SAAA,UAAA,CAAQ,CAC/C,CAAA,EAGD,CAAC,CAACD,GACDsB,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,QAASvB,EACT,GAAG,cACH,UAAU,UACX,SAAA,UAAA,CAED,EAED,CAAC,CAACI,GACDkB,wBAACC,EAAAA,QAAO,QAASnB,EAAoB,QAAS,YAAa,SAE3D,cAAA,CAAA,CAAA,CAEJ,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,EACF,CAEJ"}
+{"version":3,"file":"index.cjs69.js","sources":["../src/components/ui/CardNotification/index.tsx"],"sourcesContent":["import \"./CardNotification.scss\";\nimport { useMemo } from \"react\";\nimport { Actions, Calendar } from \"@/icons\";\nimport { Button, Row } from \"@/components\";\n\ntype Variant = \"primary\" | \"secondary\";\n\ntype NotificationIcon = \"calendar\" | \"actions\";\n\ntype CardNotificationProps = {\n  type: string;\n  date: string;\n  icon: NotificationIcon;\n  showBadge?: boolean;\n  title: string;\n  text: string;\n  variant?: Variant;\n  onClickEdit?: () => void;\n  onClickManage?: () => void;\n  onClickGoToDetails?: () => void;\n  showExpired?: boolean;\n  buttonMaxWidth?: boolean;\n  onClickRightManage?: () => void;\n  rightManageTitle?: string;\n  goToDetailsTitle?: string;\n};\n\nexport const CardNotification = ({\n  type,\n  onClickEdit,\n  onClickRightManage,\n  rightManageTitle = \"Gestisci\",\n  goToDetailsTitle = \"Più dettagli\",\n  showExpired = false,\n  buttonMaxWidth,\n  onClickGoToDetails,\n  icon = \"calendar\",\n  variant = \"primary\",\n  onClickManage,\n  date,\n  title,\n  showBadge = false,\n  text,\n}: CardNotificationProps) => {\n  const isSecondary = variant === \"secondary\";\n\n  const iconToRender = useMemo(() => {\n    if (icon === \"calendar\") {\n      return <Calendar width={24} height={26} color=\"slate-28\" />;\n    }\n    if (icon === \"actions\") {\n      return <Actions width={24} height={26} color=\"slate-28\" />;\n    }\n  }, [icon]);\n\n  const cardClasses = ` ${\n    isSecondary\n      ? \"bg-lightblue-a03 ui-card-notifications-secondary\"\n      : \"bg-white\"\n  } shadow br-x4  `;\n\n  const iconContainer = ` ui-card-notifications-icon base-row   ${\n    isSecondary ? \"bg-white\" : \"bg-lightblue-a03\"\n  }   `;\n\n  const manageButtonClasses = ` ${\n    buttonMaxWidth ? \"w-full\" : \"ui-card-notifications-button\"\n  }  `;\n\n  return (\n    <div className={cardClasses}>\n      <Row px={\"x24\"} py={\"x8\"} justifyContent={\"space-between\"}>\n        <p className={\"fs-7 fw-semibold\"}> {type}</p>\n        <p className={\"fs-7 fw-semibold\"}>{date}</p>\n      </Row>\n      <div className={\"ui-card-notifications-divider \"} />\n      <Row pt={\"x16\"} px={\"x24\"} pb={\"x24\"} gap={\"x16\"}>\n        <div className={iconContainer}>\n          {showBadge && (\n            <div className={\"ui-card-notifications-badge-container\"}>\n              <div className={\"ui-card-notifications-badge\"} />\n            </div>\n          )}\n          {iconToRender}\n        </div>\n        <div className={\"w-full\"}>\n          <div className={\"mb-x24\"}>\n            <p className={\"my-x8 fs-5 fw-semibold\"}>{title}</p>\n            {showExpired && (\n              <Row mb={\"x8\"}>\n                <div\n                  className={\n                    \"py-x4 px-x16  bg-status-error text-white rounded fw-semibold fs-7\"\n                  }\n                >\n                  SCADUTO\n                </div>\n              </Row>\n            )}\n            <p>{text}</p>\n          </div>\n\n          {onClickManage && (\n            <div className={\"base-row justify-content-center\"}>\n              <Button className={manageButtonClasses} onClick={onClickManage}>\n                Gestisci\n              </Button>\n            </div>\n          )}\n\n          <Row justifyContent={\"flex-end\"} className={\"w-full gap-x16\"}>\n            {!!onClickGoToDetails && (\n              <Button onClick={onClickGoToDetails} variant={\"secondary\"}>\n                {goToDetailsTitle}\n              </Button>\n            )}\n            {onClickRightManage && (\n              <div className={\"base-row justify-content-center\"}>\n                <Button onClick={onClickRightManage}>{rightManageTitle}</Button>\n              </div>\n            )}\n\n            {!!onClickEdit && (\n              <Button\n                onClick={onClickEdit}\n                bg=\"transparent\"\n                textColor=\"primary\"\n              >\n                Modifica\n              </Button>\n            )}\n          </Row>\n        </div>\n      </Row>\n    </div>\n  );\n};\n"],"names":["CardNotification","type","onClickEdit","onClickRightManage","rightManageTitle","goToDetailsTitle","showExpired","buttonMaxWidth","onClickGoToDetails","icon","variant","onClickManage","date","title","showBadge","text","isSecondary","iconToRender","useMemo","Calendar","Actions","cardClasses","iconContainer","manageButtonClasses","jsxs","Row","jsx","Button"],"mappings":"oSA2BaA,EAAmB,CAAC,CAC/B,KAAAC,EACA,YAAAC,EACA,mBAAAC,EACA,iBAAAC,EAAmB,WACnB,iBAAAC,EAAmB,eACnB,YAAAC,EAAc,GACd,eAAAC,EACA,mBAAAC,EACA,KAAAC,EAAO,WACP,QAAAC,EAAU,UACV,cAAAC,EACA,KAAAC,EACA,MAAAC,EACA,UAAAC,EAAY,GACZ,KAAAC,CACF,IAA6B,CAC3B,MAAMC,EAAcN,IAAY,YAE1BO,EAAeC,EAAAA,QAAQ,IAAM,CACjC,GAAIT,IAAS,WACX,+BAAQU,WAAS,CAAA,MAAO,GAAI,OAAQ,GAAI,MAAM,WAAW,EAE3D,GAAIV,IAAS,UACX,+BAAQW,UAAQ,CAAA,MAAO,GAAI,OAAQ,GAAI,MAAM,WAAW,CAC1D,EACC,CAACX,CAAI,CAAC,EAEHY,EAAc,IAClBL,EACI,mDACA,UACN,kBAEMM,EAAgB,0CACpBN,EAAc,WAAa,kBAC7B,MAEMO,EAAsB,IAC1BhB,EAAiB,SAAW,8BAC9B,KAGE,OAAAiB,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAWH,EACd,SAAA,CAAAG,yBAACC,EAAAA,KAAI,GAAI,MAAO,GAAI,KAAM,eAAgB,gBACxC,SAAA,CAACD,EAAAA,kBAAAA,KAAA,IAAA,CAAE,UAAW,mBAAoB,SAAA,CAAA,IAAEvB,CAAA,EAAK,EACxCyB,EAAA,kBAAA,IAAA,IAAA,CAAE,UAAW,mBAAqB,SAAKd,CAAA,CAAA,CAAA,EAC1C,EACAc,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAW,gCAAkC,CAAA,EAClDF,EAAAA,kBAAAA,KAACC,OAAI,GAAI,MAAO,GAAI,MAAO,GAAI,MAAO,IAAK,MACzC,SAAA,CAACD,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAWF,EACb,SAAA,CACCR,GAAAY,EAAAA,kBAAAA,IAAC,OAAI,UAAW,wCACd,iCAAC,MAAI,CAAA,UAAW,8BAA+B,CACjD,CAAA,EAEDT,CAAA,EACH,EACAO,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAW,SACd,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAW,SACd,SAAA,CAACE,EAAA,kBAAA,IAAA,IAAA,CAAE,UAAW,yBAA2B,SAAMb,EAAA,EAC9CP,GACCoB,EAAA,kBAAA,IAACD,EAAI,IAAA,CAAA,GAAI,KACP,SAAAC,EAAA,kBAAA,IAAC,MAAA,CACC,UACE,oEAEH,SAAA,SAAA,CAAA,EAGH,EAEFA,EAAAA,kBAAAA,IAAC,KAAG,SAAKX,CAAA,CAAA,CAAA,EACX,EAECJ,GACCe,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAW,kCACd,SAAAA,wBAACC,EAAAA,OAAO,CAAA,UAAWJ,EAAqB,QAASZ,EAAe,SAAA,UAEhE,CAAA,EACF,EAGDa,EAAA,kBAAA,KAAAC,EAAA,IAAA,CAAI,eAAgB,WAAY,UAAW,iBACzC,SAAA,CAAC,CAAA,CAACjB,GACAkB,wBAAAC,EAAAA,OAAA,CAAO,QAASnB,EAAoB,QAAS,YAC3C,SACHH,CAAA,CAAA,EAEDF,GACEuB,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAW,kCACd,iCAACC,EAAAA,OAAO,CAAA,QAASxB,EAAqB,SAAAC,CAAA,CAAiB,CACzD,CAAA,EAGD,CAAC,CAACF,GACDwB,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,QAASzB,EACT,GAAG,cACH,UAAU,UACX,SAAA,UAAA,CAAA,CAED,CAEJ,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,EACF,CAEJ"}

package/dist/index.cjs7.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index.cjs212.js"),o=require("react"),a=require("./index.cjs214.js"),u=require("./index.cjs227.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.cjs212.js"),o=require("react"),a=require("./index.cjs214.js"),u=require("./index.cjs228.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.cjs212.js"),s=require("react"),x=require("./index.cjs214.js"),C=require("./index.cjs227.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.cjs212.js"),s=require("react"),x=require("./index.cjs214.js"),C=require("./index.cjs228.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.cjs212.js"),m=require("react"),q=require("./index.cjs214.js"),x=require("./index.cjs227.js"),j=require("./index.cjs229.js"),R=require("./index.cjs230.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.cjs212.js"),m=require("react"),q=require("./index.cjs214.js"),x=require("./index.cjs228.js"),j=require("./index.cjs227.js"),R=require("./index.cjs230.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.cjs94.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/CardFile/CardFile.css');const e=require("./index.cjs212.js");;/* empty css              */const o=require("./index.cjs25.js"),l=require("./index.cjs36.js"),d=require("./index.cjs214.js"),a=require("./index.cjs159.js"),c=require("./index.cjs164.js"),p=require("./index.cjs132.js");var x=(t=>(t.DOWNLOAD="download",t.GOTO="goto",t.EXTERNAL="external",t))(x||{});function j({title:t,description:i,issued_at:n,file:r,action:s}){return e.jsxRuntimeExports.jsxs("div",{className:"card-file shadow rounded h-100 w-100 bg-white",children:[e.jsxRuntimeExports.jsxs("div",{className:"top-container p-x16",children:[e.jsxRuntimeExports.jsx("div",{className:"icon-wrapper",children:e.jsxRuntimeExports.jsx(a.File,{height:27,width:27})}),e.jsxRuntimeExports.jsxs("div",{className:"content-container",children:[e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx("h4",{className:"card-file-title text-primary mt-x8",children:t}),r&&e.jsxRuntimeExports.jsxs("p",{className:"file-type",children:[`${r.type} | `,r.size]})]}),!!i&&e.jsxRuntimeExports.jsx("p",{className:"description text-secondary",children:i}),n&&e.jsxRuntimeExports.jsx("p",{className:"description text-secondary",children:n})]})]}),e.jsxRuntimeExports.jsx("div",{className:d.clsx("card-file-footer py-x12 px-x16",s.type),children:s.type==="download"?e.jsxRuntimeExports.jsxs(o.Button,{className:"bg-transparent download-button",asLink:"a",target:"_blank",href:s.link.link,children:[e.jsxRuntimeExports.jsx(c.Download,{}),s.link.title]}):s.type==="goto"?e.jsxRuntimeExports.jsx(l.ArrowLink,{href:s.link.link,children:s.link.title}):e.jsxRuntimeExports.jsx(p.ExternalLink,{color:"primary",height:32,width:32})})]})}exports.CardFile=j;exports.CardFileActionTypeEnum=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/CardFile/CardFile.css');const e=require("./index.cjs212.js");;/* empty css              */const o=require("./index.cjs25.js"),l=require("./index.cjs36.js"),d=require("./index.cjs214.js"),a=require("./index.cjs159.js"),c=require("./index.cjs164.js"),p=require("./index.cjs132.js");var x=(t=>(t.DOWNLOAD="download",t.GOTO="goto",t.EXTERNAL="external",t))(x||{});function j({title:t,description:i,issued_at:n,file:r,action:s}){return e.jsxRuntimeExports.jsxs("div",{className:"card-file shadow rounded h-100 w-100 bg-white",children:[e.jsxRuntimeExports.jsxs("div",{className:"top-container p-x16",children:[e.jsxRuntimeExports.jsx("div",{className:"icon-wrapper",children:e.jsxRuntimeExports.jsx(a.File,{height:27,width:27})}),e.jsxRuntimeExports.jsxs("div",{className:"content-container",children:[e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx("h4",{className:"card-file-title text-primary mt-x8",children:t}),r&&e.jsxRuntimeExports.jsxs("p",{className:"file-type",children:[`${r.type} | `,r.size]})]}),i&&e.jsxRuntimeExports.jsx("p",{className:"description text-secondary",children:i}),n&&e.jsxRuntimeExports.jsx("p",{className:"description text-secondary",children:n})]})]}),e.jsxRuntimeExports.jsx("div",{className:d.clsx("card-file-footer py-x12 px-x16",s.type),children:s.type==="download"?e.jsxRuntimeExports.jsxs(o.Button,{className:"bg-transparent download-button",asLink:"a",target:"_blank",href:s.link.link,children:[e.jsxRuntimeExports.jsx(c.Download,{}),s.link.title]}):s.type==="goto"?e.jsxRuntimeExports.jsx(l.ArrowLink,{href:s.link.link,children:s.link.title}):e.jsxRuntimeExports.jsx(p.ExternalLink,{color:"primary",height:32,width:32})})]})}exports.CardFile=j;exports.CardFileActionTypeEnum=x;
 //# sourceMappingURL=index.cjs94.js.map

package/dist/index.cjs94.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs94.js","sources":["../src/components/ui/CardFile/index.tsx"],"sourcesContent":["import \"./CardFile.scss\";\nimport { GetValues, Link } from \"@anoki/fse-common\";\nimport { Download, ExternalLink, File } from \"@/icons\";\nimport { Button } from \"../Button\";\nimport { ArrowLink } from \"../ArrowLink\";\nimport clsx from \"clsx\";\n\nexport enum CardFileActionTypeEnum {\n  DOWNLOAD = \"download\",\n  GOTO = \"goto\",\n  EXTERNAL = \"external\",\n}\n\nexport type CardFileActionTypeTypes = GetValues<typeof CardFileActionTypeEnum>;\n\nexport type CardFileProps = {\n  title: string;\n  description?: string;\n  issued_at: string;\n  file?: {\n    type: string;\n    size: string;\n  };\n  action: {\n    type: CardFileActionTypeTypes;\n    link: Link;\n  };\n};\n\nexport function CardFile({\n  title,\n  description,\n  issued_at,\n  file,\n  action,\n}: CardFileProps) {\n  return (\n    <div className=\"card-file shadow rounded h-100 w-100 bg-white\">\n      <div className=\"top-container p-x16\">\n        <div className=\"icon-wrapper\">\n          <File height={27} width={27} />\n        </div>\n        <div className=\"content-container\">\n          <div>\n            <h4 className=\"card-file-title text-primary mt-x8\">{title}</h4>\n            {file && (\n              <p className=\"file-type\">\n                {`${file.type} | `}\n                {file.size}\n              </p>\n            )}\n          </div>\n          {!!description && (\n            <p className=\"description text-secondary\">{description}</p>\n          )}\n          {issued_at && (\n            <p className=\"description text-secondary\">{issued_at}</p>\n          )}\n        </div>\n      </div>\n      <div className={clsx(\"card-file-footer py-x12 px-x16\", action.type)}>\n        {action.type === \"download\" ? (\n          <Button\n            className=\"bg-transparent download-button\"\n            asLink={\"a\"}\n            target={\"_blank\"}\n            href={action.link.link}\n          >\n            <Download />\n            {action.link.title}\n          </Button>\n        ) : action.type === \"goto\" ? (\n          <ArrowLink href={action.link.link}>{action.link.title}</ArrowLink>\n        ) : (\n          <ExternalLink color=\"primary\" height={32} width={32} />\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["CardFileActionTypeEnum","CardFile","title","description","issued_at","file","action","jsxs","jsx","File","clsx","Button","Download","ArrowLink","ExternalLink"],"mappings":"gVAOY,IAAAA,GAAAA,IACVA,EAAA,SAAW,WACXA,EAAA,KAAO,OACPA,EAAA,SAAW,WAHDA,IAAAA,GAAA,CAAA,CAAA,EAsBL,SAASC,EAAS,CACvB,MAAAC,EACA,YAAAC,EACA,UAAAC,EACA,KAAAC,EACA,OAAAC,CACF,EAAkB,CAEd,OAAAC,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAU,gDACb,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,sBACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,eACb,SAAAA,EAAA,kBAAA,IAACC,QAAK,OAAQ,GAAI,MAAO,EAAA,CAAI,CAC/B,CAAA,EACAF,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,oBACb,SAAA,CAAAA,yBAAC,MACC,CAAA,SAAA,CAACC,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,qCAAsC,SAAMN,EAAA,EACzDG,GACCE,EAAA,kBAAA,KAAC,IAAE,CAAA,UAAU,YACV,SAAA,CAAA,GAAGF,EAAK,IAAI,MACZA,EAAK,IAAA,CACR,CAAA,CAAA,EAEJ,EACC,CAAC,CAACF,2BACA,IAAE,CAAA,UAAU,6BAA8B,SAAYA,EAAA,EAExDC,GACCI,EAAA,kBAAA,IAAC,IAAE,CAAA,UAAU,6BAA8B,SAAUJ,CAAA,CAAA,CAAA,CAEzD,CAAA,CAAA,EACF,EACAI,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAWE,EAAAA,KAAK,iCAAkCJ,EAAO,IAAI,EAC/D,SAAOA,EAAA,OAAS,WACfC,EAAA,kBAAA,KAACI,EAAA,OAAA,CACC,UAAU,iCACV,OAAQ,IACR,OAAQ,SACR,KAAML,EAAO,KAAK,KAElB,SAAA,CAAAE,EAAA,kBAAA,IAACI,EAAS,SAAA,EAAA,EACTN,EAAO,KAAK,KAAA,CAAA,CACf,EACEA,EAAO,OAAS,+BACjBO,EAAU,UAAA,CAAA,KAAMP,EAAO,KAAK,KAAO,SAAAA,EAAO,KAAK,MAAM,0BAErDQ,EAAAA,aAAa,CAAA,MAAM,UAAU,OAAQ,GAAI,MAAO,EAAI,CAAA,CAEzD,CAAA,CAAA,EACF,CAEJ"}
+{"version":3,"file":"index.cjs94.js","sources":["../src/components/ui/CardFile/index.tsx"],"sourcesContent":["import \"./CardFile.scss\";\nimport { GetValues, Link } from \"@anoki/fse-common\";\nimport { Download, ExternalLink, File } from \"@/icons\";\nimport { Button } from \"../Button\";\nimport { ArrowLink } from \"../ArrowLink\";\nimport clsx from \"clsx\";\n\nexport enum CardFileActionTypeEnum {\n  DOWNLOAD = \"download\",\n  GOTO = \"goto\",\n  EXTERNAL = \"external\",\n}\n\nexport type CardFileActionTypeTypes = GetValues<typeof CardFileActionTypeEnum>;\n\nexport type CardFileProps = {\n  title: string;\n  description?: string;\n  issued_at: string;\n  file?: {\n    type: string;\n    size: string;\n  };\n  action: {\n    type: CardFileActionTypeTypes;\n    link: Link;\n  };\n};\n\nexport function CardFile({\n  title,\n  description,\n  issued_at,\n  file,\n  action,\n}: CardFileProps) {\n  return (\n    <div className=\"card-file shadow rounded h-100 w-100 bg-white\">\n      <div className=\"top-container p-x16\">\n        <div className=\"icon-wrapper\">\n          <File height={27} width={27} />\n        </div>\n        <div className=\"content-container\">\n          <div>\n            <h4 className=\"card-file-title text-primary mt-x8\">{title}</h4>\n            {file && (\n              <p className=\"file-type\">\n                {`${file.type} | `}\n                {file.size}\n              </p>\n            )}\n          </div>\n          {description && (\n            <p className=\"description text-secondary\">{description}</p>\n          )}\n          {issued_at && (\n            <p className=\"description text-secondary\">{issued_at}</p>\n          )}\n        </div>\n      </div>\n      <div className={clsx(\"card-file-footer py-x12 px-x16\", action.type)}>\n        {action.type === \"download\" ? (\n          <Button\n            className=\"bg-transparent download-button\"\n            asLink={\"a\"}\n            target={\"_blank\"}\n            href={action.link.link}\n          >\n            <Download />\n            {action.link.title}\n          </Button>\n        ) : action.type === \"goto\" ? (\n          <ArrowLink href={action.link.link}>{action.link.title}</ArrowLink>\n        ) : (\n          <ExternalLink color=\"primary\" height={32} width={32} />\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["CardFileActionTypeEnum","CardFile","title","description","issued_at","file","action","jsxs","jsx","File","clsx","Button","Download","ArrowLink","ExternalLink"],"mappings":"gVAOY,IAAAA,GAAAA,IACVA,EAAA,SAAW,WACXA,EAAA,KAAO,OACPA,EAAA,SAAW,WAHDA,IAAAA,GAAA,CAAA,CAAA,EAsBL,SAASC,EAAS,CACvB,MAAAC,EACA,YAAAC,EACA,UAAAC,EACA,KAAAC,EACA,OAAAC,CACF,EAAkB,CAEd,OAAAC,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAU,gDACb,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,sBACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,eACb,SAAAA,EAAA,kBAAA,IAACC,QAAK,OAAQ,GAAI,MAAO,EAAA,CAAI,CAC/B,CAAA,EACAF,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,oBACb,SAAA,CAAAA,yBAAC,MACC,CAAA,SAAA,CAACC,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,qCAAsC,SAAMN,EAAA,EACzDG,GACCE,EAAA,kBAAA,KAAC,IAAE,CAAA,UAAU,YACV,SAAA,CAAA,GAAGF,EAAK,IAAI,MACZA,EAAK,IAAA,CACR,CAAA,CAAA,EAEJ,EACCF,GACCK,EAAA,kBAAA,IAAC,IAAE,CAAA,UAAU,6BAA8B,SAAYL,EAAA,EAExDC,GACCI,EAAA,kBAAA,IAAC,IAAE,CAAA,UAAU,6BAA8B,SAAUJ,CAAA,CAAA,CAAA,CAEzD,CAAA,CAAA,EACF,EACAI,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAWE,EAAAA,KAAK,iCAAkCJ,EAAO,IAAI,EAC/D,SAAOA,EAAA,OAAS,WACfC,EAAA,kBAAA,KAACI,EAAA,OAAA,CACC,UAAU,iCACV,OAAQ,IACR,OAAQ,SACR,KAAML,EAAO,KAAK,KAElB,SAAA,CAAAE,EAAA,kBAAA,IAACI,EAAS,SAAA,EAAA,EACTN,EAAO,KAAK,KAAA,CAAA,CACf,EACEA,EAAO,OAAS,+BACjBO,EAAU,UAAA,CAAA,KAAMP,EAAO,KAAK,KAAO,SAAAA,EAAO,KAAK,MAAM,0BAErDQ,EAAAA,aAAa,CAAA,MAAM,UAAU,OAAQ,GAAI,MAAO,EAAI,CAAA,CAEzD,CAAA,CAAA,EACF,CAEJ"}

package/dist/index.d.ts

@@ -553,7 +553,7 @@ declare type CardMapProps = {
     addressLabel?: string;
 };
 
-export declare const CardNotification: ({ type, onClickEdit, onClickRightManage, showExpired, buttonMaxWidth, onClickGoToDetails, icon, variant, onClickManage, date, title, showBadge, text, }: CardNotificationProps) => JSX.Element;
+export declare const CardNotification: ({ type, onClickEdit, onClickRightManage, rightManageTitle, goToDetailsTitle, showExpired, buttonMaxWidth, onClickGoToDetails, icon, variant, onClickManage, date, title, showBadge, text, }: CardNotificationProps) => JSX.Element;
 
 declare type CardNotificationProps = {
     type: string;
@@ -569,6 +569,8 @@ declare type CardNotificationProps = {
     showExpired?: boolean;
     buttonMaxWidth?: boolean;
     onClickRightManage?: () => void;
+    rightManageTitle?: string;
+    goToDetailsTitle?: string;
 };
 
 export declare const CardOpeningHours: ({ title, titleTag: TitleTag, openingHours, weekDaysMap, openLabel, todayLabel, closeLabel, open24Label, opensSoonLabel, opensAtLabel, opensTomorrowLabel, opensOnLabel, atLabel, closesAtLabel, }: CardOpeningHoursProps) => JSX.Element;

package/dist/index.es10.js

@@ -1,8 +1,8 @@
 import { j as f } from "./index.es212.js";
 import { useMemo as x } from "react";
 import { clsx as y } from "./index.es214.js";
-import { createSpacingClasses as g } from "./index.es227.js";
-import { createColorClasses as j } from "./index.es229.js";
+import { createSpacingClasses as g } from "./index.es228.js";
+import { createColorClasses as j } from "./index.es227.js";
 import { createTypographyClasses as u } from "./index.es230.js";
 const M = ({
   as: o,

package/dist/index.es100.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es212.js";
 import './components/ui/DelegateCard/DelegateCard.css';/* empty css            */
 import { useRef as w } from "react";
-import { Checkbox as u, CheckboxIndicator as b } from "./index.es255.js";
+import { Root as u, Indicator as g } from "./index.es255.js";
 import { Row as t } from "./index.es9.js";
 import { Col as l } from "./index.es10.js";
 const y = ({
@@ -59,7 +59,7 @@ const y = ({
             id: a,
             checked: i,
             className: "ui-checkbox-filter",
-            children: /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsx(j, {}) })
+            children: /* @__PURE__ */ e.jsx(g, { children: /* @__PURE__ */ e.jsx(j, {}) })
           }
         ),
         /* @__PURE__ */ e.jsxs(

package/dist/index.es124.js

@@ -1,44 +1,45 @@
-import { j as s } from "./index.es212.js";
+import { j as i } from "./index.es212.js";
 import './sections/Documents/Documents.css';/* empty css            */
 import { CardFile as a } from "./index.es94.js";
-import { Section as o } from "./index.es47.js";
-const j = ({
-  title: l,
-  description: r,
-  items: e = [],
-  colorTitle: t = "primary",
-  fontSizeTitle: c = "2"
-}) => /* @__PURE__ */ s.jsxs(o, { className: "ui-document-section", children: [
-  /* @__PURE__ */ s.jsx("div", { className: "ui-document-items-section-title", children: /* @__PURE__ */ s.jsx(
-    o.Title,
+import { Section as e } from "./index.es47.js";
+const x = ({
+  title: r,
+  description: c,
+  items: o = [],
+  colorTitle: l = "primary",
+  fontSizeTitle: n = "2"
+}) => /* @__PURE__ */ i.jsxs(e, { className: "ui-document-section", children: [
+  /* @__PURE__ */ i.jsx("div", { className: "ui-document-items-section-title", children: /* @__PURE__ */ i.jsx(
+    e.Title,
     {
-      fs: c,
+      fs: n,
       mdFs: "2",
       as: "h3",
-      color: t,
-      children: l
+      color: l,
+      children: r
     }
   ) }),
-  r && /* @__PURE__ */ s.jsx(o.Description, { className: "ui-document-section-description mb-x40", children: r }),
-  /* @__PURE__ */ s.jsx(
+  c && /* @__PURE__ */ i.jsx(e.Description, { className: "ui-document-section-description mb-x40", children: c }),
+  /* @__PURE__ */ i.jsx(
     "ul",
     {
       role: "list",
-      "aria-label": `Lista di ${l}`,
+      "aria-label": `Lista di ${r}`,
       className: "list-style-none ui-document-items-layout",
-      children: e == null ? void 0 : e.map((i, n) => /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
+      children: o == null ? void 0 : o.map((s, t) => /* @__PURE__ */ i.jsx("li", { children: /* @__PURE__ */ i.jsx(
         a,
         {
-          action: i == null ? void 0 : i.action,
-          issued_at: i.issued_at,
-          title: i.title,
-          file: i.file
+          action: s == null ? void 0 : s.action,
+          issued_at: s.issued_at,
+          title: s.title,
+          file: s.file,
+          description: s.description
         }
-      ) }, n))
+      ) }, t))
     }
   )
 ] });
 export {
-  j as Documents
+  x as Documents
 };
 //# sourceMappingURL=index.es124.js.map

package/dist/index.es124.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es124.js","sources":["../src/sections/Documents/index.tsx"],"sourcesContent":["import { CardFile, CardFileProps, Section } from \"@/components\";\nimport \"./Documents.scss\";\nimport { TypographyKeys } from \"@theme/typography.ts\";\nimport { ColorKeys } from \"@theme/colors.ts\";\nimport { ReactNode } from \"react\";\n\ntype Props = {\n  title?: string;\n  description?: string | ReactNode;\n  items: CardFileProps[];\n  colorTitle?: ColorKeys;\n  fontSizeTitle?: TypographyKeys;\n};\n\nexport const Documents = ({\n  title,\n  description,\n  items = [],\n  colorTitle = \"primary\",\n  fontSizeTitle = \"2\",\n}: Props) => {\n  return (\n    <Section className=\"ui-document-section\">\n      <div className=\"ui-document-items-section-title\">\n        <Section.Title\n          fs={fontSizeTitle}\n          mdFs={\"2\"}\n          as={\"h3\"}\n          color={colorTitle}\n        >\n          {title}\n        </Section.Title>\n      </div>\n      {description && (\n        <Section.Description className=\"ui-document-section-description mb-x40\">\n          {description}\n        </Section.Description>\n      )}\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`list-style-none ui-document-items-layout`}\n      >\n        {items?.map((item, index) => {\n          return (\n            <li key={index}>\n              <CardFile\n                action={item?.action}\n                issued_at={item.issued_at}\n                title={item.title}\n                file={item.file}\n              />\n            </li>\n          );\n        })}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["Documents","title","description","items","colorTitle","fontSizeTitle","jsxs","Section","jsx","item","index","CardFile"],"mappings":";;;;AAcO,MAAMA,IAAY,CAAC;AAAA,EACxB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,YAAAC,IAAa;AAAA,EACb,eAAAC,IAAgB;AAClB,MAEIC,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,uBACjB,UAAA;AAAA,EAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,mCACb,UAAAA,gBAAAA,EAAA;AAAA,IAACD,EAAQ;AAAA,IAAR;AAAA,MACC,IAAIF;AAAA,MACJ,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,OAAOD;AAAA,MAEN,UAAAH;AAAA,IAAA;AAAA,EAAA,GAEL;AAAA,EACCC,KACEM,gBAAAA,EAAAA,IAAAD,EAAQ,aAAR,EAAoB,WAAU,0CAC5B,UACHL,GAAA;AAAA,EAEFM,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,YAAYP,CAAK;AAAA,MAC7B,WAAW;AAAA,MAEV,UAAOE,KAAA,gBAAAA,EAAA,IAAI,CAACM,GAAMC,4BAEd,MACC,EAAA,UAAAF,gBAAAA,EAAA;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,QAAQF,KAAA,gBAAAA,EAAM;AAAA,UACd,WAAWA,EAAK;AAAA,UAChB,OAAOA,EAAK;AAAA,UACZ,MAAMA,EAAK;AAAA,QAAA;AAAA,WALNC,CAOT;AAAA,IAEH;AAAA,EAAA;AACH,GACF;"}
+{"version":3,"file":"index.es124.js","sources":["../src/sections/Documents/index.tsx"],"sourcesContent":["import { CardFile, CardFileProps, Section } from \"@/components\";\nimport \"./Documents.scss\";\nimport { TypographyKeys } from \"@theme/typography.ts\";\nimport { ColorKeys } from \"@theme/colors.ts\";\nimport { ReactNode } from \"react\";\n\ntype Props = {\n  title?: string;\n  description?: string | ReactNode;\n  items: CardFileProps[];\n  colorTitle?: ColorKeys;\n  fontSizeTitle?: TypographyKeys;\n};\n\nexport const Documents = ({\n  title,\n  description,\n  items = [],\n  colorTitle = \"primary\",\n  fontSizeTitle = \"2\",\n}: Props) => {\n  return (\n    <Section className=\"ui-document-section\">\n      <div className=\"ui-document-items-section-title\">\n        <Section.Title\n          fs={fontSizeTitle}\n          mdFs={\"2\"}\n          as={\"h3\"}\n          color={colorTitle}\n        >\n          {title}\n        </Section.Title>\n      </div>\n      {description && (\n        <Section.Description className=\"ui-document-section-description mb-x40\">\n          {description}\n        </Section.Description>\n      )}\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`list-style-none ui-document-items-layout`}\n      >\n        {items?.map((item, index) => {\n          return (\n            <li key={index}>\n              <CardFile\n                action={item?.action}\n                issued_at={item.issued_at}\n                title={item.title}\n                file={item.file}\n                description={item.description}\n              />\n            </li>\n          );\n        })}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["Documents","title","description","items","colorTitle","fontSizeTitle","jsxs","Section","jsx","item","index","CardFile"],"mappings":";;;;AAcO,MAAMA,IAAY,CAAC;AAAA,EACxB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,YAAAC,IAAa;AAAA,EACb,eAAAC,IAAgB;AAClB,MAEIC,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,uBACjB,UAAA;AAAA,EAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,mCACb,UAAAA,gBAAAA,EAAA;AAAA,IAACD,EAAQ;AAAA,IAAR;AAAA,MACC,IAAIF;AAAA,MACJ,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,OAAOD;AAAA,MAEN,UAAAH;AAAA,IAAA;AAAA,EAAA,GAEL;AAAA,EACCC,KACEM,gBAAAA,EAAAA,IAAAD,EAAQ,aAAR,EAAoB,WAAU,0CAC5B,UACHL,GAAA;AAAA,EAEFM,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,YAAYP,CAAK;AAAA,MAC7B,WAAW;AAAA,MAEV,UAAOE,KAAA,gBAAAA,EAAA,IAAI,CAACM,GAAMC,4BAEd,MACC,EAAA,UAAAF,gBAAAA,EAAA;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,QAAQF,KAAA,gBAAAA,EAAM;AAAA,UACd,WAAWA,EAAK;AAAA,UAChB,OAAOA,EAAK;AAAA,UACZ,MAAMA,EAAK;AAAA,UACX,aAAaA,EAAK;AAAA,QAAA;AAAA,WANbC,CAQT;AAAA,IAEH;AAAA,EAAA;AACH,GACF;"}

package/dist/index.es130.js

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

package/dist/index.es131.js

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

package/dist/index.es132.js

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

package/dist/index.es133.js

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

package/dist/index.es134.js

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

package/dist/index.es135.js

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

package/dist/index.es136.js

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

package/dist/index.es137.js

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

package/dist/index.es138.js

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

package/dist/index.es139.js

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

package/dist/index.es140.js

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

package/dist/index.es141.js

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

package/dist/index.es142.js

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

package/dist/index.es143.js

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

package/dist/index.es144.js

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

package/dist/index.es145.js

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

package/dist/index.es146.js

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

package/dist/index.es147.js

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

package/dist/index.es148.js

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

package/dist/index.es149.js

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

package/dist/index.es150.js

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

package/dist/index.es151.js

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

package/dist/index.es152.js

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

package/dist/index.es156.js

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

package/dist/index.es157.js

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

package/dist/index.es158.js

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

package/dist/index.es160.js

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

package/dist/index.es161.js

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

package/dist/index.es162.js

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

package/dist/index.es163.js

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

package/dist/index.es164.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es212.js";
 import { clsx as r } from "./index.es214.js";
-import { createColorClasses as i } from "./index.es229.js";
+import { createColorClasses as i } from "./index.es227.js";
 const h = ({
   width: l = 24,
   height: o = 24,

package/dist/index.es165.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es212.js";
 import { clsx as l } from "./index.es214.js";
-import { createColorClasses as i } from "./index.es229.js";
+import { createColorClasses as i } from "./index.es227.js";
 const a = ({
   width: r = 24,
   height: t = 24,

package/dist/index.es166.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es212.js";
 import { clsx as i } from "./index.es214.js";
-import { createColorClasses as m } from "./index.es229.js";
+import { createColorClasses as m } from "./index.es227.js";
 const p = ({
   width: r = 16,
   height: s = 29,

package/dist/index.es167.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es212.js";
 import { clsx as c } from "./index.es214.js";
-import { createColorClasses as i } from "./index.es229.js";
+import { createColorClasses as i } from "./index.es227.js";
 const d = ({
   width: r = 24,
   height: e = 24,

package/dist/index.es168.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es212.js";
 import { clsx as l } from "./index.es214.js";
-import { createColorClasses as x } from "./index.es229.js";
+import { createColorClasses as x } from "./index.es227.js";
 const m = ({
   width: s = 24,
   height: t = 32,

package/dist/index.es170.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es212.js";
 import { clsx as l } from "./index.es214.js";
-import { createColorClasses as i } from "./index.es229.js";
+import { createColorClasses as i } from "./index.es227.js";
 const x = ({
   width: s = 24,
   height: t = 24,

package/dist/index.es171.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es212.js";
 import { clsx as i } from "./index.es214.js";
-import { createColorClasses as c } from "./index.es229.js";
+import { createColorClasses as c } from "./index.es227.js";
 const f = ({
   width: s = 13,
   height: o = 9,

package/dist/index.es172.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es212.js";
 import { clsx as i } from "./index.es214.js";
-import { createColorClasses as c } from "./index.es229.js";
+import { createColorClasses as c } from "./index.es227.js";
 const f = ({
   width: s = 13,
   height: o = 9,