@anoki/fse-ui 2.1.0-SNAPSHOT7 → 2.1.0-SNAPSHOT8

package/dist/index.cjs70.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs70.js","sources":["../src/components/ui/filters/CheckboxFilter/index.tsx"],"sourcesContent":["\"use client\";\r\nimport * as CheckboxRadix from \"@radix-ui/react-checkbox\";\r\nimport \"./CheckboxFilter.scss\";\r\nimport Balancer from \"react-wrap-balancer\";\r\nimport { Row } from \"@/components\";\r\nimport { PropsWithChildren, ReactNode } from \"react\";\r\nimport clsx from \"clsx\";\r\nimport { CheckIcon, CheckIconCircle } from \"@/icons\";\r\n\r\ntype CheckboxFilterProps = PropsWithChildren<{\r\n  id: string;\r\n  label?: ReactNode;\r\n  checked: boolean;\r\n  onChange: (checked: boolean) => void;\r\n  classNameText?: string;\r\n  canMultiple?: boolean;\r\n}>;\r\n\r\nexport const CheckboxFilter = ({\r\n  id,\r\n  label,\r\n  checked,\r\n  onChange,\r\n  classNameText = \"fs-6 fw-bold\",\r\n  canMultiple = true,\r\n}: CheckboxFilterProps) => {\r\n  const parser = new DOMParser();\r\n  const html = parser.parseFromString(`${label}`, \"text/html\");\r\n  const labelText = html?.body?.textContent || \"\";\r\n\r\n  return (\r\n    <Row alignItems=\"center\" gap=\"x16\">\r\n      <Row\r\n        as={\"label\"}\r\n        gap={\"x16\"}\r\n        alignItems={\"center\"}\r\n        py={\"x8\"}\r\n        htmlFor={id}\r\n        className=\"cursor-pointer w-full\"\r\n      >\r\n        <CheckboxRadix.Root\r\n          id={id}\r\n          checked={checked}\r\n          onCheckedChange={onChange}\r\n          className={clsx(\r\n            canMultiple ? \"ui-checkbox-filter-container\" : \"ui-checkbox-filter\",\r\n          )}\r\n          aria-label={labelText}\r\n        >\r\n          <CheckboxRadix.Indicator>\r\n            <div className=\"checkbox-container\">\r\n              {canMultiple ? (\r\n                <CheckIcon width={14} height={14} color=\"white\" />\r\n              ) : (\r\n                <CheckIconCircle width={14} height={14} color=\"white\" />\r\n              )}\r\n            </div>\r\n          </CheckboxRadix.Indicator>\r\n        </CheckboxRadix.Root>\r\n        {label && (\r\n          <Balancer\r\n            as=\"label\"\r\n            htmlFor={id}\r\n            className={clsx(classNameText, \"text-slate-20 cursor-pointer\")}\r\n          >\r\n            {label}\r\n          </Balancer>\r\n        )}\r\n      </Row>\r\n    </Row>\r\n  );\r\n};\r\n"],"names":["CheckboxFilter","id","label","checked","onChange","classNameText","canMultiple","html","labelText","_a","jsx","Row","jsxs","CheckboxRadix.Root","clsx","CheckboxRadix.Indicator","CheckIcon","CheckIconCircle","Balancer"],"mappings":"gVAkBaA,EAAiB,CAAC,CAC7B,GAAAC,EACA,MAAAC,EACA,QAAAC,EACA,SAAAC,EACA,cAAAC,EAAgB,eAChB,YAAAC,EAAc,EAChB,IAA2B,OAEzB,MAAMC,EADS,IAAI,UAAU,EACT,gBAAgB,GAAGL,CAAK,GAAI,WAAW,EACrDM,IAAYC,EAAAF,GAAA,YAAAA,EAAM,OAAN,YAAAE,EAAY,cAAe,GAE7C,OACGC,EAAA,kBAAA,IAAAC,EAAA,IAAA,CAAI,WAAW,SAAS,IAAI,MAC3B,SAAAC,EAAA,kBAAA,KAACD,EAAA,IAAA,CACC,GAAI,QACJ,IAAK,MACL,WAAY,SACZ,GAAI,KACJ,QAASV,EACT,UAAU,wBAEV,SAAA,CAAAS,EAAA,kBAAA,IAACG,EAAc,KAAd,CACC,GAAAZ,EACA,QAAAE,EACA,gBAAiBC,EACjB,UAAWU,EAAA,KACTR,EAAc,+BAAiC,oBACjD,EACA,aAAYE,EAEZ,SAAAE,EAAA,kBAAA,IAACK,EAAc,UAAd,CACC,SAAAL,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,qBACZ,SAAAJ,EACEI,EAAA,kBAAA,IAAAM,EAAA,UAAA,CAAU,MAAO,GAAI,OAAQ,GAAI,MAAM,OAAQ,CAAA,EAEhDN,EAAAA,kBAAAA,IAACO,EAAAA,gBAAgB,CAAA,MAAO,GAAI,OAAQ,GAAI,MAAM,OAAQ,CAAA,CAAA,CAE1D,CACF,CAAA,CAAA,CACF,EACCf,GACCQ,EAAA,kBAAA,IAACQ,EAAA,QAAA,CACC,GAAG,QACH,QAASjB,EACT,UAAWa,EAAAA,KAAKT,EAAe,8BAA8B,EAE5D,SAAAH,CAAA,CAAA,CACH,CAAA,CAAA,EAGN,CAEJ"}
+{"version":3,"file":"index.cjs70.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\";\nimport { CheckIcon, CheckIconCircle } from \"@/icons\";\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 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 ? (\n                <CheckIcon width={14} height={14} color=\"white\" />\n              ) : (\n                <CheckIconCircle width={14} height={14} color=\"white\" />\n              )}\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","html","labelText","_a","jsx","Row","jsxs","CheckboxRadix.Root","clsx","CheckboxRadix.Indicator","CheckIcon","CheckIconCircle","Balancer"],"mappings":"gVAkBaA,EAAiB,CAAC,CAC7B,GAAAC,EACA,MAAAC,EACA,QAAAC,EACA,SAAAC,EACA,cAAAC,EAAgB,eAChB,YAAAC,EAAc,EAChB,IAA2B,OAEzB,MAAMC,EADS,IAAI,UAAU,EACT,gBAAgB,GAAGL,CAAK,GAAI,WAAW,EACrDM,IAAYC,EAAAF,GAAA,YAAAA,EAAM,OAAN,YAAAE,EAAY,cAAe,GAE7C,OACGC,EAAA,kBAAA,IAAAC,EAAA,IAAA,CAAI,WAAW,SAAS,IAAI,MAC3B,SAAAC,EAAA,kBAAA,KAACD,EAAA,IAAA,CACC,GAAI,QACJ,IAAK,MACL,WAAY,SACZ,GAAI,KACJ,QAASV,EACT,UAAU,wBAEV,SAAA,CAAAS,EAAA,kBAAA,IAACG,EAAc,KAAd,CACC,GAAAZ,EACA,QAAAE,EACA,gBAAiBC,EACjB,UAAWU,EAAA,KACTR,EAAc,+BAAiC,oBACjD,EACA,aAAYE,EAEZ,SAAAE,EAAA,kBAAA,IAACK,EAAc,UAAd,CACC,SAAAL,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,qBACZ,SAAAJ,EACEI,EAAA,kBAAA,IAAAM,EAAA,UAAA,CAAU,MAAO,GAAI,OAAQ,GAAI,MAAM,OAAQ,CAAA,EAEhDN,EAAAA,kBAAAA,IAACO,EAAAA,gBAAgB,CAAA,MAAO,GAAI,OAAQ,GAAI,MAAM,OAAQ,CAAA,CAAA,CAE1D,CACF,CAAA,CAAA,CACF,EACCf,GACCQ,EAAA,kBAAA,IAACQ,EAAA,QAAA,CACC,GAAG,QACH,QAASjB,EACT,UAAWa,EAAAA,KAAKT,EAAe,8BAA8B,EAE5D,SAAAH,CAAA,CAAA,CACH,CAAA,CAAA,EAGN,CAEJ"}

package/dist/index.cjs71.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs71.js","sources":["../src/components/ui/CardUser/index.tsx"],"sourcesContent":["import { ColorKeys } from \"@/theme/colors\";\r\nimport { Avatar } from \"../Avatar\";\r\nimport \"./CardUser.scss\";\r\nimport { Col, Row } from \"@/components\";\r\nimport { HeadingLevel } from \"@/types/headings\";\r\n\r\ntype CardUserProps = {\r\n  titleTag?: HeadingLevel;\r\n  userName: string;\r\n  avatar?: {\r\n    initials: string;\r\n    bg?: ColorKeys;\r\n    textColor?: ColorKeys;\r\n  };\r\n  information?: {\r\n    label: string;\r\n    value: string;\r\n  }[];\r\n};\r\n\r\nexport const CardUser = ({\r\n  titleTag: TitleTag = \"h1\",\r\n  userName,\r\n  avatar,\r\n  information = [],\r\n}: CardUserProps) => {\r\n  return (\r\n    <Col\r\n      as={\"article\"}\r\n      bg={\"white\"}\r\n      br={\"x4\"}\r\n      p={\"x16\"}\r\n      gap={\"x16\"}\r\n      className=\"shadow md-p-x24 md-gap-x24\"\r\n    >\r\n      <Row as={\"header\"} gap={\"x16\"} alignItems={\"center\"}>\r\n        {avatar && (\r\n          <Avatar\r\n            textColor={avatar?.textColor ?? \"slate-20\"}\r\n            bg={avatar?.bg ?? \"lightblue-a01\"}\r\n            initials={avatar?.initials ?? \"\"}\r\n            className=\"ui-card-doctor-avatar\"\r\n            size=\"3\"\r\n          />\r\n        )}\r\n        <TitleTag className=\"fs-5 fw-semibold text-slate-20\">\r\n          {userName}\r\n        </TitleTag>\r\n      </Row>\r\n      <dl className=\"ui-card-user \">\r\n        {information.map(({ label, value }) => (\r\n          <div key={label}>\r\n            <dt className=\"fs-6 fw-bold text-slate-28\">{label}</dt>\r\n            <dd className=\"fs-6 fw-regular text-slate-28\">{value}</dd>\r\n          </div>\r\n        ))}\r\n      </dl>\r\n    </Col>\r\n  );\r\n};\r\n"],"names":["CardUser","TitleTag","userName","avatar","information","jsxs","Col","Row","jsx","Avatar","label","value"],"mappings":"iPAoBaA,EAAW,CAAC,CACvB,SAAUC,EAAW,KACrB,SAAAC,EACA,OAAAC,EACA,YAAAC,EAAc,CAAA,CAChB,IAEIC,EAAA,kBAAA,KAACC,EAAA,IAAA,CACC,GAAI,UACJ,GAAI,QACJ,GAAI,KACJ,EAAG,MACH,IAAK,MACL,UAAU,6BAEV,SAAA,CAAAD,yBAACE,EAAAA,KAAI,GAAI,SAAU,IAAK,MAAO,WAAY,SACxC,SAAA,CACCJ,GAAAK,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,WAAWN,GAAA,YAAAA,EAAQ,YAAa,WAChC,IAAIA,GAAA,YAAAA,EAAQ,KAAM,gBAClB,UAAUA,GAAA,YAAAA,EAAQ,WAAY,GAC9B,UAAU,wBACV,KAAK,GAAA,CACP,EAEDK,EAAA,kBAAA,IAAAP,EAAA,CAAS,UAAU,iCACjB,SACHC,CAAA,CAAA,CAAA,EACF,EACCM,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,gBACX,SAAYJ,EAAA,IAAI,CAAC,CAAE,MAAAM,EAAO,MAAAC,CACzB,IAAAN,EAAA,kBAAA,KAAC,MACC,CAAA,SAAA,CAACG,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,6BAA8B,SAAME,EAAA,EACjDF,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,gCAAiC,SAAMG,CAAA,CAAA,CAAA,CAF7C,EAAAD,CAGV,CACD,CACH,CAAA,CAAA,CAAA,CACF"}
+{"version":3,"file":"index.cjs71.js","sources":["../src/components/ui/CardUser/index.tsx"],"sourcesContent":["import { ColorKeys } from \"@/theme/colors\";\nimport { Avatar } from \"../Avatar\";\nimport \"./CardUser.scss\";\nimport { Col, Row } from \"@/components\";\nimport { HeadingLevel } from \"@/types/headings\";\n\ntype CardUserProps = {\n  titleTag?: HeadingLevel;\n  userName: string;\n  avatar?: {\n    initials: string;\n    bg?: ColorKeys;\n    textColor?: ColorKeys;\n  };\n  information?: {\n    label: string;\n    value: string;\n  }[];\n};\n\nexport const CardUser = ({\n  titleTag: TitleTag = \"h1\",\n  userName,\n  avatar,\n  information = [],\n}: CardUserProps) => {\n  return (\n    <Col\n      as={\"article\"}\n      bg={\"white\"}\n      br={\"x4\"}\n      p={\"x16\"}\n      gap={\"x16\"}\n      className=\"shadow md-p-x24 md-gap-x24\"\n    >\n      <Row as={\"header\"} gap={\"x16\"} alignItems={\"center\"}>\n        {avatar && (\n          <Avatar\n            textColor={avatar?.textColor ?? \"slate-20\"}\n            bg={avatar?.bg ?? \"lightblue-a01\"}\n            initials={avatar?.initials ?? \"\"}\n            className=\"ui-card-doctor-avatar\"\n            size=\"3\"\n          />\n        )}\n        <TitleTag className=\"fs-5 fw-semibold text-slate-20\">\n          {userName}\n        </TitleTag>\n      </Row>\n      <dl className=\"ui-card-user \">\n        {information.map(({ label, value }) => (\n          <div key={label}>\n            <dt className=\"fs-6 fw-bold text-slate-28\">{label}</dt>\n            <dd className=\"fs-6 fw-regular text-slate-28\">{value}</dd>\n          </div>\n        ))}\n      </dl>\n    </Col>\n  );\n};\n"],"names":["CardUser","TitleTag","userName","avatar","information","jsxs","Col","Row","jsx","Avatar","label","value"],"mappings":"iPAoBaA,EAAW,CAAC,CACvB,SAAUC,EAAW,KACrB,SAAAC,EACA,OAAAC,EACA,YAAAC,EAAc,CAAA,CAChB,IAEIC,EAAA,kBAAA,KAACC,EAAA,IAAA,CACC,GAAI,UACJ,GAAI,QACJ,GAAI,KACJ,EAAG,MACH,IAAK,MACL,UAAU,6BAEV,SAAA,CAAAD,yBAACE,EAAAA,KAAI,GAAI,SAAU,IAAK,MAAO,WAAY,SACxC,SAAA,CACCJ,GAAAK,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,WAAWN,GAAA,YAAAA,EAAQ,YAAa,WAChC,IAAIA,GAAA,YAAAA,EAAQ,KAAM,gBAClB,UAAUA,GAAA,YAAAA,EAAQ,WAAY,GAC9B,UAAU,wBACV,KAAK,GAAA,CACP,EAEDK,EAAA,kBAAA,IAAAP,EAAA,CAAS,UAAU,iCACjB,SACHC,CAAA,CAAA,CAAA,EACF,EACCM,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,gBACX,SAAYJ,EAAA,IAAI,CAAC,CAAE,MAAAM,EAAO,MAAAC,CACzB,IAAAN,EAAA,kBAAA,KAAC,MACC,CAAA,SAAA,CAACG,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,6BAA8B,SAAME,EAAA,EACjDF,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,gCAAiC,SAAMG,CAAA,CAAA,CAAA,CAF7C,EAAAD,CAGV,CACD,CACH,CAAA,CAAA,CAAA,CACF"}

package/dist/index.cjs73.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs73.js","sources":["../src/components/ui/Loader/index.tsx"],"sourcesContent":["import { Spinner } from \"@/icons\";\r\n\r\nexport const Loader = ({\r\n  loading = false,\r\n  className,\r\n}: {\r\n  loading?: boolean;\r\n  className?: string;\r\n}) => {\r\n  return <div className={className}>{loading ? <Spinner /> : null}</div>;\r\n};\r\n"],"names":["Loader","loading","className","jsx","Spinner"],"mappings":"oJAEaA,EAAS,CAAC,CACrB,QAAAC,EAAU,GACV,UAAAC,CACF,4BAIU,MAAI,CAAA,UAAAA,EAAuB,WAAWC,EAAAA,kBAAAA,IAAAC,EAAA,QAAA,EAAQ,EAAK,IAAK,CAAA"}
+{"version":3,"file":"index.cjs73.js","sources":["../src/components/ui/Loader/index.tsx"],"sourcesContent":["import { Spinner } from \"@/icons\";\n\nexport const Loader = ({\n  loading = false,\n  className,\n}: {\n  loading?: boolean;\n  className?: string;\n}) => {\n  return <div className={className}>{loading ? <Spinner /> : null}</div>;\n};\n"],"names":["Loader","loading","className","jsx","Spinner"],"mappings":"oJAEaA,EAAS,CAAC,CACrB,QAAAC,EAAU,GACV,UAAAC,CACF,4BAIU,MAAI,CAAA,UAAAA,EAAuB,WAAWC,EAAAA,kBAAAA,IAAAC,EAAA,QAAA,EAAQ,EAAK,IAAK,CAAA"}

package/dist/index.cjs75.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs75.js","sources":["../src/components/ui/TableMobile/index.tsx"],"sourcesContent":["import {\r\n  ActionData,\r\n  ActionIconText,\r\n  Col,\r\n  ColumnConfig,\r\n  DoubleLineData,\r\n  Row,\r\n  TableRowData,\r\n} from \"@/components\";\r\nimport clsx from \"clsx\";\r\nimport \"./TableMobile.scss\";\r\nimport { Download, Info, TriangleDown, TriangleUp } from \"@/icons\";\r\nimport { ReactNode } from \"react\";\r\nimport * as React from \"react\";\r\nimport { CommonIconsType } from \"@/types/icons.ts\";\r\nimport { useState } from \"react\";\r\n\r\nexport type TableMobileProps = {\r\n  data: TableRowData[];\r\n  columns: ColumnConfig[];\r\n  pagination?: boolean;\r\n  resultsPerPage?: number;\r\n  totalResults?: number;\r\n  initialCurrentPage?: number;\r\n  serverSidePagination?: boolean;\r\n  totalItems?: number;\r\n  hasNextPage?: boolean;\r\n  hasPreviousPage?: boolean;\r\n  onNextPage?: () => void;\r\n  onPreviousPage?: () => void;\r\n  onPageChange?: (page: number) => void;\r\n  setCurrentPage?: (page: number) => void;\r\n  sortConfig?: { key: string; direction: \"asc\" | \"desc\" } | null;\r\n  onSortChange?: (key: string, direction: \"asc\" | \"desc\") => void;\r\n};\r\n\r\nexport const TableMobile = ({\r\n  data,\r\n  columns,\r\n  pagination = true,\r\n  resultsPerPage = 5,\r\n  totalResults,\r\n  initialCurrentPage = 1,\r\n  serverSidePagination = false,\r\n  totalItems,\r\n  hasNextPage,\r\n  hasPreviousPage,\r\n  onNextPage,\r\n  onPreviousPage,\r\n  onPageChange,\r\n  setCurrentPage: externalSetCurrentPage,\r\n  sortConfig = null,\r\n  onSortChange,\r\n}: TableMobileProps) => {\r\n  const [currentPage, setInternalCurrentPage] = useState(initialCurrentPage);\r\n  const handleSetCurrentPage = (page: number) => {\r\n    setInternalCurrentPage(page);\r\n    externalSetCurrentPage?.(page);\r\n  };\r\n\r\n  const sortedData = React.useMemo(() => {\r\n    if (!sortConfig) return data;\r\n\r\n    return [...data].sort((a, b) => {\r\n      const aValue = a[sortConfig.key];\r\n      const bValue = b[sortConfig.key];\r\n\r\n      const aText =\r\n        typeof aValue === \"object\" && \"firstLine\" in aValue\r\n          ? aValue.firstLine\r\n          : aValue;\r\n      const bText =\r\n        typeof bValue === \"object\" && \"firstLine\" in bValue\r\n          ? bValue.firstLine\r\n          : bValue;\r\n\r\n      if (aText < bText) {\r\n        return sortConfig.direction === \"asc\" ? -1 : 1;\r\n      }\r\n      if (aText > bText) {\r\n        return sortConfig.direction === \"asc\" ? 1 : -1;\r\n      }\r\n      return 0;\r\n    });\r\n  }, [data, sortConfig]);\r\n\r\n  const startIndex = serverSidePagination\r\n    ? 0\r\n    : (currentPage - 1) * resultsPerPage;\r\n  const endIndex = serverSidePagination\r\n    ? sortedData.length\r\n    : Math.min(startIndex + resultsPerPage, sortedData.length);\r\n  const currentPageData = sortedData.slice(startIndex, endIndex);\r\n\r\n  return (\r\n    <Col className={\"w-full h-full\"} gap={\"x16\"}>\r\n      {currentPageData.map((data, index) => (\r\n        <CardTable\r\n          columns={columns}\r\n          key={index}\r\n          data={data}\r\n          sortConfig={sortConfig}\r\n          onSortChange={onSortChange}\r\n        />\r\n      ))}\r\n\r\n      {pagination && (\r\n        <TableMobilePagination\r\n          currentPage={currentPage}\r\n          totalResults={totalResults || sortedData.length}\r\n          resultsPerPage={resultsPerPage}\r\n          setCurrentPage={handleSetCurrentPage}\r\n          onPageChange={onPageChange}\r\n          serverSide={serverSidePagination}\r\n          totalItems={totalItems}\r\n          hasNextPage={hasNextPage}\r\n          hasPreviousPage={hasPreviousPage}\r\n          onNextPage={onNextPage}\r\n          onPreviousPage={onPreviousPage}\r\n          currentResultsPerPage={\r\n            serverSidePagination ? sortedData.length : resultsPerPage\r\n          }\r\n          className=\"mt-x16\"\r\n        />\r\n      )}\r\n    </Col>\r\n  );\r\n};\r\n\r\nexport type CardTableProps = {\r\n  columns: ColumnConfig[];\r\n  data: TableRowData;\r\n  sortConfig: { key: string; direction: \"asc\" | \"desc\" } | null;\r\n  onSortChange?: (key: string, direction: \"asc\" | \"desc\") => void;\r\n};\r\n\r\nconst ActionContent: React.FC<{ data: ActionData }> = ({ data }) => {\r\n  if (data.type === \"link\" && data.link) {\r\n    return (\r\n      <a href={data.link} aria-label={data.ariaLabel}>\r\n        {data.label}\r\n      </a>\r\n    );\r\n  }\r\n  return (\r\n    <button onClick={data.action} aria-label={data.ariaLabel}>\r\n      {data.label}\r\n    </button>\r\n  );\r\n};\r\n\r\nexport const CardTable = ({\r\n  columns,\r\n  sortConfig,\r\n  data,\r\n  onSortChange,\r\n}: CardTableProps) => {\r\n  const renderColumnValue = (value: any): ReactNode => {\r\n    if (!value) return \"\";\r\n\r\n    if (typeof value === \"object\" && \"firstLine\" in value) {\r\n      const doubleLineValue = value as DoubleLineData;\r\n      return `${doubleLineValue.firstLine}${doubleLineValue.secondLine ? ` ${doubleLineValue.secondLine}` : \"\"}`;\r\n    }\r\n\r\n    if (typeof value === \"object\" && \"label\" in value && \"type\" in value) {\r\n      return <ActionContent data={value} />;\r\n    }\r\n\r\n    return value;\r\n  };\r\n\r\n  const renderIcon = (icon: React.ReactNode | CommonIconsType) => {\r\n    switch (icon) {\r\n      case \"info\":\r\n        return <Info />;\r\n      case \"download\":\r\n        return <Download />;\r\n      default:\r\n        return icon;\r\n    }\r\n  };\r\n\r\n  const handleSortClick = (key: string) => {\r\n    if (!onSortChange || !sortConfig) return;\r\n\r\n    const newDirection =\r\n      sortConfig.key === key\r\n        ? sortConfig.direction === \"asc\"\r\n          ? \"desc\"\r\n          : \"asc\"\r\n        : \"asc\";\r\n\r\n    onSortChange(key, newDirection);\r\n  };\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\"ui-card-table shadow br-x4 text-slate-28 fs-custom \")}\r\n    >\r\n      {columns.map((column, index) => {\r\n        if (!column.key || column.key === \"actionData\") {\r\n          return (\r\n            <Row\r\n              key={index}\r\n              p={\"x16\"}\r\n              className={\"ui-table-header\"}\r\n              justifyContent={\"space-between\"}\r\n            >\r\n              <Col justifyContent={\"end\"} gap={\"x4\"} className={\"w-full\"}>\r\n                <Row justifyContent={\"end\"} className=\"table-mobile-actions\">\r\n                  {renderColumnValue(data.actionData)}\r\n                </Row>\r\n              </Col>\r\n            </Row>\r\n          );\r\n        }\r\n\r\n        const columnValue = data[column.key];\r\n        const config = column;\r\n        const isSorted = sortConfig?.key === column.key;\r\n        const sortDirection = isSorted ? sortConfig.direction : null;\r\n\r\n        return (\r\n          <Row\r\n            key={index}\r\n            p={\"x16\"}\r\n            className={\"ui-table-header\"}\r\n            justifyContent={\"space-between\"}\r\n          >\r\n            <Col justifyContent={\"center\"} gap={\"x4\"} className={\"w-full\"}>\r\n              <ActionIconText\r\n                justifyContent={\"space-between\"}\r\n                alignItems={\"center\"}\r\n                icon={renderIcon(config.icon)}\r\n                noIcon={!renderIcon(config.icon)}\r\n                textLabel={config.label}\r\n                iconPosition={config.iconPosition}\r\n                popupInfo={config.popupInfo}\r\n                positionPopUp={\"left\"}\r\n                classNameText={\"fw-bold text-slate-28 fs-custom md-fs-6\"}\r\n              >\r\n                {config.sortable && (\r\n                  <span\r\n                    className=\"sort-indicator\"\r\n                    onClick={(e) => {\r\n                      e.stopPropagation();\r\n                      handleSortClick(column.key!);\r\n                    }}\r\n                  >\r\n                    <TriangleUp\r\n                      filled={isSorted && sortDirection === \"desc\"}\r\n                      className={clsx(\"sort-indicator__triangle\", {\r\n                        active: isSorted && sortDirection === \"desc\",\r\n                      })}\r\n                    />\r\n                    <TriangleDown\r\n                      filled={isSorted && sortDirection === \"asc\"}\r\n                      className={clsx(\"sort-indicator__triangle\", {\r\n                        active: isSorted && sortDirection === \"asc\",\r\n                      })}\r\n                    />\r\n                  </span>\r\n                )}\r\n              </ActionIconText>\r\n              <Row>{renderColumnValue(columnValue)}</Row>\r\n            </Col>\r\n          </Row>\r\n        );\r\n      })}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport type TableMobilePaginationProps = {\r\n  currentPage?: number;\r\n  totalResults?: number;\r\n  resultsPerPage: number;\r\n  setCurrentPage?: (page: number) => void;\r\n  onPageChange?: (page: number) => void;\r\n  className?: string;\r\n  serverSide?: boolean;\r\n  totalItems?: number;\r\n  hasNextPage?: boolean;\r\n  hasPreviousPage?: boolean;\r\n  onNextPage?: () => void;\r\n  onPreviousPage?: () => void;\r\n  currentResultsPerPage?: number;\r\n};\r\n\r\nexport const TableMobilePagination: React.FC<TableMobilePaginationProps> = ({\r\n  currentPage = 1,\r\n  totalResults = 0,\r\n  resultsPerPage,\r\n  setCurrentPage,\r\n  onPageChange,\r\n  className,\r\n  serverSide = false,\r\n  totalItems,\r\n  hasNextPage,\r\n  hasPreviousPage,\r\n  onNextPage,\r\n  onPreviousPage,\r\n  currentResultsPerPage = resultsPerPage,\r\n}) => {\r\n  const totalPages = serverSide\r\n    ? Math.ceil((totalItems || totalResults) / resultsPerPage)\r\n    : Math.ceil(totalResults / resultsPerPage);\r\n\r\n  const handlePageChange = (page: number) => {\r\n    setCurrentPage?.(page);\r\n    if (onPageChange) {\r\n      onPageChange(page);\r\n    }\r\n  };\r\n\r\n  const handleNextPage = () => {\r\n    const nextPage = currentPage + 1;\r\n    if (serverSide && onNextPage) {\r\n      onNextPage();\r\n    }\r\n    handlePageChange(nextPage);\r\n  };\r\n\r\n  const handlePreviousPage = () => {\r\n    const prevPage = currentPage - 1;\r\n    if (serverSide && onPreviousPage) {\r\n      onPreviousPage();\r\n    }\r\n    handlePageChange(prevPage);\r\n  };\r\n\r\n  const isNextDisabled = serverSide ? !hasNextPage : currentPage === totalPages;\r\n  const isPrevDisabled = serverSide ? !hasPreviousPage : currentPage === 1;\r\n\r\n  const getPageNumbers = () => {\r\n    const pages = [];\r\n    const maxVisiblePages = 5;\r\n\r\n    if (totalPages <= maxVisiblePages) {\r\n      for (let i = 1; i <= totalPages; i++) {\r\n        pages.push(i);\r\n      }\r\n    } else {\r\n      pages.push(1);\r\n\r\n      let start = Math.max(2, currentPage - 1);\r\n      let end = Math.min(totalPages - 1, currentPage + 1);\r\n\r\n      if (currentPage <= 3) {\r\n        end = 4;\r\n      } else if (currentPage >= totalPages - 2) {\r\n        start = totalPages - 3;\r\n      }\r\n\r\n      if (start > 2) {\r\n        pages.push(\"...\");\r\n      }\r\n\r\n      for (let i = start; i <= end; i++) {\r\n        pages.push(i);\r\n      }\r\n\r\n      if (end < totalPages - 1) {\r\n        pages.push(\"...\");\r\n      }\r\n\r\n      pages.push(totalPages);\r\n    }\r\n\r\n    return pages;\r\n  };\r\n\r\n  return (\r\n    <div className={clsx(\"pagination-mobile\", className)}>\r\n      <div className=\"pagination-mobile__info\">\r\n        Stai visualizzando{\" \"}\r\n        <span className=\"pagination-mobile__info__resultsPerPage\">\r\n          {serverSide\r\n            ? currentResultsPerPage\r\n            : currentPage === totalPages && totalResults % resultsPerPage !== 0\r\n              ? totalResults % resultsPerPage\r\n              : resultsPerPage}\r\n        </span>{\" \"}\r\n        di {serverSide ? totalItems || totalResults : totalResults} risultati\r\n      </div>\r\n      <div className=\"pagination-mobile__nav\">\r\n        <button\r\n          className={clsx(\r\n            \"pagination-mobile__button\",\r\n            isPrevDisabled && \"pagination-mobile__button--disabled\",\r\n          )}\r\n          onClick={handlePreviousPage}\r\n          disabled={isPrevDisabled}\r\n          aria-label=\"Previous page\"\r\n        >\r\n          <svg\r\n            className=\"pagination-mobile__button-arrow\"\r\n            viewBox=\"0 0 24 24\"\r\n            aria-hidden=\"true\"\r\n            role=\"presentation\"\r\n          >\r\n            <path d=\"M15 18l-6-6 6-6\" />\r\n          </svg>\r\n        </button>\r\n\r\n        {getPageNumbers().map((page, index) =>\r\n          page === \"...\" ? (\r\n            <span\r\n              key={`ellipsis-${index}`}\r\n              className=\"pagination-mobile__ellipsis\"\r\n            >\r\n              ...\r\n            </span>\r\n          ) : (\r\n            <button\r\n              key={page}\r\n              className={clsx(\r\n                \"pagination-mobile__button\",\r\n                currentPage === page && \"pagination-mobile__button--active\",\r\n              )}\r\n              onClick={() => handlePageChange(page as number)}\r\n              disabled={page === currentPage}\r\n            >\r\n              {page}\r\n            </button>\r\n          ),\r\n        )}\r\n\r\n        <button\r\n          className={clsx(\r\n            \"pagination-mobile__button\",\r\n            isNextDisabled && \"pagination-mobile__button--disabled\",\r\n          )}\r\n          onClick={handleNextPage}\r\n          disabled={isNextDisabled}\r\n          aria-label=\"Next page\"\r\n        >\r\n          <svg\r\n            className=\"pagination-mobile__button-arrow\"\r\n            viewBox=\"0 0 24 24\"\r\n            aria-hidden=\"true\"\r\n            role=\"presentation\"\r\n          >\r\n            <path d=\"M9 6l6 6-6 6\" />\r\n          </svg>\r\n        </button>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["TableMobile","data","columns","pagination","resultsPerPage","totalResults","initialCurrentPage","serverSidePagination","totalItems","hasNextPage","hasPreviousPage","onNextPage","onPreviousPage","onPageChange","externalSetCurrentPage","sortConfig","onSortChange","currentPage","setInternalCurrentPage","useState","handleSetCurrentPage","page","sortedData","React","a","b","aValue","bValue","aText","bText","startIndex","endIndex","currentPageData","jsxs","Col","index","jsx","CardTable","TableMobilePagination","ActionContent","renderColumnValue","value","doubleLineValue","renderIcon","icon","Info","Download","handleSortClick","key","newDirection","clsx","column","Row","columnValue","config","isSorted","sortDirection","ActionIconText","e","TriangleUp","TriangleDown","setCurrentPage","className","serverSide","currentResultsPerPage","totalPages","handlePageChange","handleNextPage","nextPage","handlePreviousPage","prevPage","isNextDisabled","isPrevDisabled","getPageNumbers","pages","i","start","end"],"mappings":"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"}
+{"version":3,"file":"index.cjs75.js","sources":["../src/components/ui/TableMobile/index.tsx"],"sourcesContent":["import {\n  ActionData,\n  ActionIconText,\n  Col,\n  ColumnConfig,\n  DoubleLineData,\n  Row,\n  TableRowData,\n} from \"@/components\";\nimport clsx from \"clsx\";\nimport \"./TableMobile.scss\";\nimport { Download, Info, TriangleDown, TriangleUp } from \"@/icons\";\nimport { ReactNode } from \"react\";\nimport * as React from \"react\";\nimport { CommonIconsType } from \"@/types/icons.ts\";\nimport { useState } from \"react\";\n\nexport type TableMobileProps = {\n  data: TableRowData[];\n  columns: ColumnConfig[];\n  pagination?: boolean;\n  resultsPerPage?: number;\n  totalResults?: number;\n  initialCurrentPage?: number;\n  serverSidePagination?: boolean;\n  totalItems?: number;\n  hasNextPage?: boolean;\n  hasPreviousPage?: boolean;\n  onNextPage?: () => void;\n  onPreviousPage?: () => void;\n  onPageChange?: (page: number) => void;\n  setCurrentPage?: (page: number) => void;\n  sortConfig?: { key: string; direction: \"asc\" | \"desc\" } | null;\n  onSortChange?: (key: string, direction: \"asc\" | \"desc\") => void;\n};\n\nexport const TableMobile = ({\n  data,\n  columns,\n  pagination = true,\n  resultsPerPage = 5,\n  totalResults,\n  initialCurrentPage = 1,\n  serverSidePagination = false,\n  totalItems,\n  hasNextPage,\n  hasPreviousPage,\n  onNextPage,\n  onPreviousPage,\n  onPageChange,\n  setCurrentPage: externalSetCurrentPage,\n  sortConfig = null,\n  onSortChange,\n}: TableMobileProps) => {\n  const [currentPage, setInternalCurrentPage] = useState(initialCurrentPage);\n  const handleSetCurrentPage = (page: number) => {\n    setInternalCurrentPage(page);\n    externalSetCurrentPage?.(page);\n  };\n\n  const sortedData = React.useMemo(() => {\n    if (!sortConfig) return data;\n\n    return [...data].sort((a, b) => {\n      const aValue = a[sortConfig.key];\n      const bValue = b[sortConfig.key];\n\n      const aText =\n        typeof aValue === \"object\" && \"firstLine\" in aValue\n          ? aValue.firstLine\n          : aValue;\n      const bText =\n        typeof bValue === \"object\" && \"firstLine\" in bValue\n          ? bValue.firstLine\n          : bValue;\n\n      if (aText < bText) {\n        return sortConfig.direction === \"asc\" ? -1 : 1;\n      }\n      if (aText > bText) {\n        return sortConfig.direction === \"asc\" ? 1 : -1;\n      }\n      return 0;\n    });\n  }, [data, sortConfig]);\n\n  const startIndex = serverSidePagination\n    ? 0\n    : (currentPage - 1) * resultsPerPage;\n  const endIndex = serverSidePagination\n    ? sortedData.length\n    : Math.min(startIndex + resultsPerPage, sortedData.length);\n  const currentPageData = sortedData.slice(startIndex, endIndex);\n\n  return (\n    <Col className={\"w-full h-full\"} gap={\"x16\"}>\n      {currentPageData.map((data, index) => (\n        <CardTable\n          columns={columns}\n          key={index}\n          data={data}\n          sortConfig={sortConfig}\n          onSortChange={onSortChange}\n        />\n      ))}\n\n      {pagination && (\n        <TableMobilePagination\n          currentPage={currentPage}\n          totalResults={totalResults || sortedData.length}\n          resultsPerPage={resultsPerPage}\n          setCurrentPage={handleSetCurrentPage}\n          onPageChange={onPageChange}\n          serverSide={serverSidePagination}\n          totalItems={totalItems}\n          hasNextPage={hasNextPage}\n          hasPreviousPage={hasPreviousPage}\n          onNextPage={onNextPage}\n          onPreviousPage={onPreviousPage}\n          currentResultsPerPage={\n            serverSidePagination ? sortedData.length : resultsPerPage\n          }\n          className=\"mt-x16\"\n        />\n      )}\n    </Col>\n  );\n};\n\nexport type CardTableProps = {\n  columns: ColumnConfig[];\n  data: TableRowData;\n  sortConfig: { key: string; direction: \"asc\" | \"desc\" } | null;\n  onSortChange?: (key: string, direction: \"asc\" | \"desc\") => void;\n};\n\nconst ActionContent: React.FC<{ data: ActionData }> = ({ data }) => {\n  if (data.type === \"link\" && data.link) {\n    return (\n      <a href={data.link} aria-label={data.ariaLabel}>\n        {data.label}\n      </a>\n    );\n  }\n  return (\n    <button onClick={data.action} aria-label={data.ariaLabel}>\n      {data.label}\n    </button>\n  );\n};\n\nexport const CardTable = ({\n  columns,\n  sortConfig,\n  data,\n  onSortChange,\n}: CardTableProps) => {\n  const renderColumnValue = (value: any): ReactNode => {\n    if (!value) return \"\";\n\n    if (typeof value === \"object\" && \"firstLine\" in value) {\n      const doubleLineValue = value as DoubleLineData;\n      return `${doubleLineValue.firstLine}${doubleLineValue.secondLine ? ` ${doubleLineValue.secondLine}` : \"\"}`;\n    }\n\n    if (typeof value === \"object\" && \"label\" in value && \"type\" in value) {\n      return <ActionContent data={value} />;\n    }\n\n    return value;\n  };\n\n  const renderIcon = (icon: React.ReactNode | CommonIconsType) => {\n    switch (icon) {\n      case \"info\":\n        return <Info />;\n      case \"download\":\n        return <Download />;\n      default:\n        return icon;\n    }\n  };\n\n  const handleSortClick = (key: string) => {\n    if (!onSortChange || !sortConfig) return;\n\n    const newDirection =\n      sortConfig.key === key\n        ? sortConfig.direction === \"asc\"\n          ? \"desc\"\n          : \"asc\"\n        : \"asc\";\n\n    onSortChange(key, newDirection);\n  };\n\n  return (\n    <div\n      className={clsx(\"ui-card-table shadow br-x4 text-slate-28 fs-custom \")}\n    >\n      {columns.map((column, index) => {\n        if (!column.key || column.key === \"actionData\") {\n          return (\n            <Row\n              key={index}\n              p={\"x16\"}\n              className={\"ui-table-header\"}\n              justifyContent={\"space-between\"}\n            >\n              <Col justifyContent={\"end\"} gap={\"x4\"} className={\"w-full\"}>\n                <Row justifyContent={\"end\"} className=\"table-mobile-actions\">\n                  {renderColumnValue(data.actionData)}\n                </Row>\n              </Col>\n            </Row>\n          );\n        }\n\n        const columnValue = data[column.key];\n        const config = column;\n        const isSorted = sortConfig?.key === column.key;\n        const sortDirection = isSorted ? sortConfig.direction : null;\n\n        return (\n          <Row\n            key={index}\n            p={\"x16\"}\n            className={\"ui-table-header\"}\n            justifyContent={\"space-between\"}\n          >\n            <Col justifyContent={\"center\"} gap={\"x4\"} className={\"w-full\"}>\n              <ActionIconText\n                justifyContent={\"space-between\"}\n                alignItems={\"center\"}\n                icon={renderIcon(config.icon)}\n                noIcon={!renderIcon(config.icon)}\n                textLabel={config.label}\n                iconPosition={config.iconPosition}\n                popupInfo={config.popupInfo}\n                positionPopUp={\"left\"}\n                classNameText={\"fw-bold text-slate-28 fs-custom md-fs-6\"}\n              >\n                {config.sortable && (\n                  <span\n                    className=\"sort-indicator\"\n                    onClick={(e) => {\n                      e.stopPropagation();\n                      handleSortClick(column.key!);\n                    }}\n                  >\n                    <TriangleUp\n                      filled={isSorted && sortDirection === \"desc\"}\n                      className={clsx(\"sort-indicator__triangle\", {\n                        active: isSorted && sortDirection === \"desc\",\n                      })}\n                    />\n                    <TriangleDown\n                      filled={isSorted && sortDirection === \"asc\"}\n                      className={clsx(\"sort-indicator__triangle\", {\n                        active: isSorted && sortDirection === \"asc\",\n                      })}\n                    />\n                  </span>\n                )}\n              </ActionIconText>\n              <Row>{renderColumnValue(columnValue)}</Row>\n            </Col>\n          </Row>\n        );\n      })}\n    </div>\n  );\n};\n\nexport type TableMobilePaginationProps = {\n  currentPage?: number;\n  totalResults?: number;\n  resultsPerPage: number;\n  setCurrentPage?: (page: number) => void;\n  onPageChange?: (page: number) => void;\n  className?: string;\n  serverSide?: boolean;\n  totalItems?: number;\n  hasNextPage?: boolean;\n  hasPreviousPage?: boolean;\n  onNextPage?: () => void;\n  onPreviousPage?: () => void;\n  currentResultsPerPage?: number;\n};\n\nexport const TableMobilePagination: React.FC<TableMobilePaginationProps> = ({\n  currentPage = 1,\n  totalResults = 0,\n  resultsPerPage,\n  setCurrentPage,\n  onPageChange,\n  className,\n  serverSide = false,\n  totalItems,\n  hasNextPage,\n  hasPreviousPage,\n  onNextPage,\n  onPreviousPage,\n  currentResultsPerPage = resultsPerPage,\n}) => {\n  const totalPages = serverSide\n    ? Math.ceil((totalItems || totalResults) / resultsPerPage)\n    : Math.ceil(totalResults / resultsPerPage);\n\n  const handlePageChange = (page: number) => {\n    setCurrentPage?.(page);\n    if (onPageChange) {\n      onPageChange(page);\n    }\n  };\n\n  const handleNextPage = () => {\n    const nextPage = currentPage + 1;\n    if (serverSide && onNextPage) {\n      onNextPage();\n    }\n    handlePageChange(nextPage);\n  };\n\n  const handlePreviousPage = () => {\n    const prevPage = currentPage - 1;\n    if (serverSide && onPreviousPage) {\n      onPreviousPage();\n    }\n    handlePageChange(prevPage);\n  };\n\n  const isNextDisabled = serverSide ? !hasNextPage : currentPage === totalPages;\n  const isPrevDisabled = serverSide ? !hasPreviousPage : currentPage === 1;\n\n  const getPageNumbers = () => {\n    const pages = [];\n    const maxVisiblePages = 5;\n\n    if (totalPages <= maxVisiblePages) {\n      for (let i = 1; i <= totalPages; i++) {\n        pages.push(i);\n      }\n    } else {\n      pages.push(1);\n\n      let start = Math.max(2, currentPage - 1);\n      let end = Math.min(totalPages - 1, currentPage + 1);\n\n      if (currentPage <= 3) {\n        end = 4;\n      } else if (currentPage >= totalPages - 2) {\n        start = totalPages - 3;\n      }\n\n      if (start > 2) {\n        pages.push(\"...\");\n      }\n\n      for (let i = start; i <= end; i++) {\n        pages.push(i);\n      }\n\n      if (end < totalPages - 1) {\n        pages.push(\"...\");\n      }\n\n      pages.push(totalPages);\n    }\n\n    return pages;\n  };\n\n  return (\n    <div className={clsx(\"pagination-mobile\", className)}>\n      <div className=\"pagination-mobile__info\">\n        Stai visualizzando{\" \"}\n        <span className=\"pagination-mobile__info__resultsPerPage\">\n          {serverSide\n            ? currentResultsPerPage\n            : currentPage === totalPages && totalResults % resultsPerPage !== 0\n              ? totalResults % resultsPerPage\n              : resultsPerPage}\n        </span>{\" \"}\n        di {serverSide ? totalItems || totalResults : totalResults} risultati\n      </div>\n      <div className=\"pagination-mobile__nav\">\n        <button\n          className={clsx(\n            \"pagination-mobile__button\",\n            isPrevDisabled && \"pagination-mobile__button--disabled\",\n          )}\n          onClick={handlePreviousPage}\n          disabled={isPrevDisabled}\n          aria-label=\"Previous page\"\n        >\n          <svg\n            className=\"pagination-mobile__button-arrow\"\n            viewBox=\"0 0 24 24\"\n            aria-hidden=\"true\"\n            role=\"presentation\"\n          >\n            <path d=\"M15 18l-6-6 6-6\" />\n          </svg>\n        </button>\n\n        {getPageNumbers().map((page, index) =>\n          page === \"...\" ? (\n            <span\n              key={`ellipsis-${index}`}\n              className=\"pagination-mobile__ellipsis\"\n            >\n              ...\n            </span>\n          ) : (\n            <button\n              key={page}\n              className={clsx(\n                \"pagination-mobile__button\",\n                currentPage === page && \"pagination-mobile__button--active\",\n              )}\n              onClick={() => handlePageChange(page as number)}\n              disabled={page === currentPage}\n            >\n              {page}\n            </button>\n          ),\n        )}\n\n        <button\n          className={clsx(\n            \"pagination-mobile__button\",\n            isNextDisabled && \"pagination-mobile__button--disabled\",\n          )}\n          onClick={handleNextPage}\n          disabled={isNextDisabled}\n          aria-label=\"Next page\"\n        >\n          <svg\n            className=\"pagination-mobile__button-arrow\"\n            viewBox=\"0 0 24 24\"\n            aria-hidden=\"true\"\n            role=\"presentation\"\n          >\n            <path d=\"M9 6l6 6-6 6\" />\n          </svg>\n        </button>\n      </div>\n    </div>\n  );\n};\n"],"names":["TableMobile","data","columns","pagination","resultsPerPage","totalResults","initialCurrentPage","serverSidePagination","totalItems","hasNextPage","hasPreviousPage","onNextPage","onPreviousPage","onPageChange","externalSetCurrentPage","sortConfig","onSortChange","currentPage","setInternalCurrentPage","useState","handleSetCurrentPage","page","sortedData","React","a","b","aValue","bValue","aText","bText","startIndex","endIndex","currentPageData","jsxs","Col","index","jsx","CardTable","TableMobilePagination","ActionContent","renderColumnValue","value","doubleLineValue","renderIcon","icon","Info","Download","handleSortClick","key","newDirection","clsx","column","Row","columnValue","config","isSorted","sortDirection","ActionIconText","e","TriangleUp","TriangleDown","setCurrentPage","className","serverSide","currentResultsPerPage","totalPages","handlePageChange","handleNextPage","nextPage","handlePreviousPage","prevPage","isNextDisabled","isPrevDisabled","getPageNumbers","pages","i","start","end"],"mappings":"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"}

package/dist/index.cjs76.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/InfoPopup/InfoPopup.css');const s=require("./index.cjs249.js");;/* empty css              */const u=require("./index.cjs250.js"),o=require("./index.cjs350.js"),c=require("./index.cjs351.js"),p=require("./index.cjs202.js"),j=require("./index.cjs163.js"),g=({title:n="Info",description:i,width:e="15.5rem",className:x="",positionPopUp:l="right",onClickCloseBtn:r,isOpen:a,ariaLabel:t})=>s.jsxRuntimeExports.jsxs(o.Root,{defaultOpen:!1,open:a,onOpenChange:r,modal:!1,children:[s.jsxRuntimeExports.jsx(o.Trigger,{className:"position-relative",children:s.jsxRuntimeExports.jsx(c.Button,{className:"ui-popup-trigger-button","aria-label":t||n,title:t||n,children:s.jsxRuntimeExports.jsx(p.Info,{color:"primary"})})}),s.jsxRuntimeExports.jsxs(o.Content,{className:u.clsx(x,"dialog"),side:l,tabIndex:-1,width:{initial:e,sm:e,xs:e,lg:e,md:e,xl:e},maxWidth:{initial:e,sm:e,xs:e,lg:e,md:e,xl:e},minWidth:{initial:e,sm:e,xs:e,lg:e,md:e,xl:e},style:{width:e},children:[s.jsxRuntimeExports.jsxs("div",{className:"header",children:[s.jsxRuntimeExports.jsx("h1",{id:"dialog-title",className:"title",children:n}),s.jsxRuntimeExports.jsx(o.Close,{className:"closeButton","aria-label":"Close dialog",onClick:m=>{m.stopPropagation(),r==null||r()},children:s.jsxRuntimeExports.jsx(j.Close,{className:"closeIcon",width:34,height:34})})]}),i&&s.jsxRuntimeExports.jsx("div",{id:"dialog-description",className:"content",children:i})]})]});exports.InfoPopup=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/InfoPopup/InfoPopup.css');const s=require("./index.cjs249.js");;/* empty css              */const u=require("./index.cjs250.js"),o=require("./index.cjs379.js"),c=require("./index.cjs380.js"),p=require("./index.cjs202.js"),j=require("./index.cjs163.js"),g=({title:n="Info",description:i,width:e="15.5rem",className:x="",positionPopUp:l="right",onClickCloseBtn:r,isOpen:a,ariaLabel:t})=>s.jsxRuntimeExports.jsxs(o.Root,{defaultOpen:!1,open:a,onOpenChange:r,modal:!1,children:[s.jsxRuntimeExports.jsx(o.Trigger,{className:"position-relative",children:s.jsxRuntimeExports.jsx(c.Button,{className:"ui-popup-trigger-button","aria-label":t||n,title:t||n,children:s.jsxRuntimeExports.jsx(p.Info,{color:"primary"})})}),s.jsxRuntimeExports.jsxs(o.Content,{className:u.clsx(x,"dialog"),side:l,tabIndex:-1,width:{initial:e,sm:e,xs:e,lg:e,md:e,xl:e},maxWidth:{initial:e,sm:e,xs:e,lg:e,md:e,xl:e},minWidth:{initial:e,sm:e,xs:e,lg:e,md:e,xl:e},style:{width:e},children:[s.jsxRuntimeExports.jsxs("div",{className:"header",children:[s.jsxRuntimeExports.jsx("h1",{id:"dialog-title",className:"title",children:n}),s.jsxRuntimeExports.jsx(o.Close,{className:"closeButton","aria-label":"Close dialog",onClick:m=>{m.stopPropagation(),r==null||r()},children:s.jsxRuntimeExports.jsx(j.Close,{className:"closeIcon",width:34,height:34})})]}),i&&s.jsxRuntimeExports.jsx("div",{id:"dialog-description",className:"content",children:i})]})]});exports.InfoPopup=g;
 //# sourceMappingURL=index.cjs76.js.map

package/dist/index.cjs76.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs76.js","sources":["../src/components/ui/InfoPopup/index.tsx"],"sourcesContent":["import { PropsWithChildren } from \"react\";\r\nimport \"./InfoPopup.scss\";\r\nimport { Close, Info } from \"@/icons\";\r\nimport { Button, Popover } from \"@radix-ui/themes\";\r\nimport clsx from \"clsx\";\r\nimport React from \"react\";\r\n\r\nexport type InfoPopupProps = PropsWithChildren<{\r\n  title: string;\r\n  description: string | React.ReactNode;\r\n  isOpen?: boolean;\r\n  onClickCloseBtn?: () => void;\r\n  className?: string;\r\n  positionPopUp?: \"right\" | \"top\" | \"bottom\" | \"left\" | undefined;\r\n  width?: string;\r\n  ariaLabel?: string;\r\n}>;\r\n\r\nexport const InfoPopup = ({\r\n  title = \"Info\",\r\n  description,\r\n  width = \"15.5rem\",\r\n  className = \"\",\r\n  positionPopUp = \"right\",\r\n  onClickCloseBtn,\r\n  isOpen,\r\n  ariaLabel,\r\n}: InfoPopupProps) => {\r\n  return (\r\n    <Popover.Root\r\n      defaultOpen={false}\r\n      open={isOpen}\r\n      onOpenChange={onClickCloseBtn}\r\n      modal={false}\r\n    >\r\n      <Popover.Trigger className=\"position-relative\">\r\n        <Button\r\n          className=\"ui-popup-trigger-button\"\r\n          aria-label={ariaLabel || title}\r\n          title={ariaLabel || title}\r\n        >\r\n          <Info color=\"primary\" />\r\n        </Button>\r\n      </Popover.Trigger>\r\n      <Popover.Content\r\n        className={clsx(className, \"dialog\")}\r\n        side={positionPopUp}\r\n        tabIndex={-1}\r\n        width={{\r\n          initial: width,\r\n          sm: width,\r\n          xs: width,\r\n          lg: width,\r\n          md: width,\r\n          xl: width,\r\n        }}\r\n        maxWidth={{\r\n          initial: width,\r\n          sm: width,\r\n          xs: width,\r\n          lg: width,\r\n          md: width,\r\n          xl: width,\r\n        }}\r\n        minWidth={{\r\n          initial: width,\r\n          sm: width,\r\n          xs: width,\r\n          lg: width,\r\n          md: width,\r\n          xl: width,\r\n        }}\r\n        style={{ width: width }}\r\n      >\r\n        <div className=\"header\">\r\n          <h1 id=\"dialog-title\" className=\"title\">\r\n            {title}\r\n          </h1>\r\n\r\n          <Popover.Close\r\n            className=\"closeButton\"\r\n            aria-label=\"Close dialog\"\r\n            onClick={(e) => {\r\n              e.stopPropagation();\r\n              onClickCloseBtn?.();\r\n            }}\r\n          >\r\n            <Close className=\"closeIcon\" width={34} height={34} />\r\n          </Popover.Close>\r\n        </div>\r\n        {description && (\r\n          <div id=\"dialog-description\" className=\"content\">\r\n            {description}\r\n          </div>\r\n        )}\r\n      </Popover.Content>\r\n    </Popover.Root>\r\n  );\r\n};\r\n"],"names":["InfoPopup","title","description","width","className","positionPopUp","onClickCloseBtn","isOpen","ariaLabel","jsxs","Popover.Root","jsx","Popover.Trigger","Button","Info","Popover.Content","clsx","Popover.Close","e","Close"],"mappings":"mTAkBaA,EAAY,CAAC,CACxB,MAAAC,EAAQ,OACR,YAAAC,EACA,MAAAC,EAAQ,UACR,UAAAC,EAAY,GACZ,cAAAC,EAAgB,QAChB,gBAAAC,EACA,OAAAC,EACA,UAAAC,CACF,IAEIC,EAAA,kBAAA,KAACC,EAAQ,KAAR,CACC,YAAa,GACb,KAAMH,EACN,aAAcD,EACd,MAAO,GAEP,SAAA,CAAAK,EAAAA,kBAAAA,IAACC,EAAAA,QAAA,CAAgB,UAAU,oBACzB,SAAAD,EAAA,kBAAA,IAACE,EAAA,OAAA,CACC,UAAU,0BACV,aAAYL,GAAaP,EACzB,MAAOO,GAAaP,EAEpB,SAAAU,EAAAA,kBAAAA,IAACG,EAAAA,KAAK,CAAA,MAAM,SAAU,CAAA,CAAA,CAAA,EAE1B,EACAL,EAAA,kBAAA,KAACM,EAAQ,QAAR,CACC,UAAWC,EAAAA,KAAKZ,EAAW,QAAQ,EACnC,KAAMC,EACN,SAAU,GACV,MAAO,CACL,QAASF,EACT,GAAIA,EACJ,GAAIA,EACJ,GAAIA,EACJ,GAAIA,EACJ,GAAIA,CACN,EACA,SAAU,CACR,QAASA,EACT,GAAIA,EACJ,GAAIA,EACJ,GAAIA,EACJ,GAAIA,EACJ,GAAIA,CACN,EACA,SAAU,CACR,QAASA,EACT,GAAIA,EACJ,GAAIA,EACJ,GAAIA,EACJ,GAAIA,EACJ,GAAIA,CACN,EACA,MAAO,CAAE,MAAAA,CAAa,EAEtB,SAAA,CAACM,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,SACb,SAAA,CAAAE,wBAAC,KAAG,CAAA,GAAG,eAAe,UAAU,QAC7B,SACHV,EAAA,EAEAU,EAAA,kBAAA,IAACM,EAAQ,MAAR,CACC,UAAU,cACV,aAAW,eACX,QAAUC,GAAM,CACdA,EAAE,gBAAgB,EACAZ,GAAA,MAAAA,GACpB,EAEA,iCAACa,EAAM,MAAA,CAAA,UAAU,YAAY,MAAO,GAAI,OAAQ,EAAI,CAAA,CAAA,CAAA,CACtD,EACF,EACCjB,GACES,EAAAA,kBAAAA,IAAA,MAAA,CAAI,GAAG,qBAAqB,UAAU,UACpC,SACHT,CAAA,CAAA,CAAA,CAAA,CAAA,CAEJ,CAAA,CACF"}
+{"version":3,"file":"index.cjs76.js","sources":["../src/components/ui/InfoPopup/index.tsx"],"sourcesContent":["import { PropsWithChildren } from \"react\";\nimport \"./InfoPopup.scss\";\nimport { Close, Info } from \"@/icons\";\nimport { Button, Popover } from \"@radix-ui/themes\";\nimport clsx from \"clsx\";\nimport React from \"react\";\n\nexport type InfoPopupProps = PropsWithChildren<{\n  title: string;\n  description: string | React.ReactNode;\n  isOpen?: boolean;\n  onClickCloseBtn?: () => void;\n  className?: string;\n  positionPopUp?: \"right\" | \"top\" | \"bottom\" | \"left\" | undefined;\n  width?: string;\n  ariaLabel?: string;\n}>;\n\nexport const InfoPopup = ({\n  title = \"Info\",\n  description,\n  width = \"15.5rem\",\n  className = \"\",\n  positionPopUp = \"right\",\n  onClickCloseBtn,\n  isOpen,\n  ariaLabel,\n}: InfoPopupProps) => {\n  return (\n    <Popover.Root\n      defaultOpen={false}\n      open={isOpen}\n      onOpenChange={onClickCloseBtn}\n      modal={false}\n    >\n      <Popover.Trigger className=\"position-relative\">\n        <Button\n          className=\"ui-popup-trigger-button\"\n          aria-label={ariaLabel || title}\n          title={ariaLabel || title}\n        >\n          <Info color=\"primary\" />\n        </Button>\n      </Popover.Trigger>\n      <Popover.Content\n        className={clsx(className, \"dialog\")}\n        side={positionPopUp}\n        tabIndex={-1}\n        width={{\n          initial: width,\n          sm: width,\n          xs: width,\n          lg: width,\n          md: width,\n          xl: width,\n        }}\n        maxWidth={{\n          initial: width,\n          sm: width,\n          xs: width,\n          lg: width,\n          md: width,\n          xl: width,\n        }}\n        minWidth={{\n          initial: width,\n          sm: width,\n          xs: width,\n          lg: width,\n          md: width,\n          xl: width,\n        }}\n        style={{ width: width }}\n      >\n        <div className=\"header\">\n          <h1 id=\"dialog-title\" className=\"title\">\n            {title}\n          </h1>\n\n          <Popover.Close\n            className=\"closeButton\"\n            aria-label=\"Close dialog\"\n            onClick={(e) => {\n              e.stopPropagation();\n              onClickCloseBtn?.();\n            }}\n          >\n            <Close className=\"closeIcon\" width={34} height={34} />\n          </Popover.Close>\n        </div>\n        {description && (\n          <div id=\"dialog-description\" className=\"content\">\n            {description}\n          </div>\n        )}\n      </Popover.Content>\n    </Popover.Root>\n  );\n};\n"],"names":["InfoPopup","title","description","width","className","positionPopUp","onClickCloseBtn","isOpen","ariaLabel","jsxs","Popover.Root","jsx","Popover.Trigger","Button","Info","Popover.Content","clsx","Popover.Close","e","Close"],"mappings":"mTAkBaA,EAAY,CAAC,CACxB,MAAAC,EAAQ,OACR,YAAAC,EACA,MAAAC,EAAQ,UACR,UAAAC,EAAY,GACZ,cAAAC,EAAgB,QAChB,gBAAAC,EACA,OAAAC,EACA,UAAAC,CACF,IAEIC,EAAA,kBAAA,KAACC,EAAQ,KAAR,CACC,YAAa,GACb,KAAMH,EACN,aAAcD,EACd,MAAO,GAEP,SAAA,CAAAK,EAAAA,kBAAAA,IAACC,EAAAA,QAAA,CAAgB,UAAU,oBACzB,SAAAD,EAAA,kBAAA,IAACE,EAAA,OAAA,CACC,UAAU,0BACV,aAAYL,GAAaP,EACzB,MAAOO,GAAaP,EAEpB,SAAAU,EAAAA,kBAAAA,IAACG,EAAAA,KAAK,CAAA,MAAM,SAAU,CAAA,CAAA,CAAA,EAE1B,EACAL,EAAA,kBAAA,KAACM,EAAQ,QAAR,CACC,UAAWC,EAAAA,KAAKZ,EAAW,QAAQ,EACnC,KAAMC,EACN,SAAU,GACV,MAAO,CACL,QAASF,EACT,GAAIA,EACJ,GAAIA,EACJ,GAAIA,EACJ,GAAIA,EACJ,GAAIA,CACN,EACA,SAAU,CACR,QAASA,EACT,GAAIA,EACJ,GAAIA,EACJ,GAAIA,EACJ,GAAIA,EACJ,GAAIA,CACN,EACA,SAAU,CACR,QAASA,EACT,GAAIA,EACJ,GAAIA,EACJ,GAAIA,EACJ,GAAIA,EACJ,GAAIA,CACN,EACA,MAAO,CAAE,MAAAA,CAAa,EAEtB,SAAA,CAACM,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,SACb,SAAA,CAAAE,wBAAC,KAAG,CAAA,GAAG,eAAe,UAAU,QAC7B,SACHV,EAAA,EAEAU,EAAA,kBAAA,IAACM,EAAQ,MAAR,CACC,UAAU,cACV,aAAW,eACX,QAAUC,GAAM,CACdA,EAAE,gBAAgB,EACAZ,GAAA,MAAAA,GACpB,EAEA,iCAACa,EAAM,MAAA,CAAA,UAAU,YAAY,MAAO,GAAI,OAAQ,EAAI,CAAA,CAAA,CAAA,CACtD,EACF,EACCjB,GACES,EAAAA,kBAAAA,IAAA,MAAA,CAAI,GAAG,qBAAqB,UAAU,UACpC,SACHT,CAAA,CAAA,CAAA,CAAA,CAAA,CAEJ,CAAA,CACF"}

package/dist/index.cjs77.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs77.js","sources":["../src/components/ui/CardNotification/index.tsx"],"sourcesContent":["import \"./CardNotification.scss\";\r\nimport { useMemo } from \"react\";\r\nimport { Actions, Calendar } from \"@/icons\";\r\nimport { Button, Row } from \"@/components\";\r\n\r\ntype Variant = \"primary\" | \"secondary\";\r\n\r\ntype NotificationIcon = \"calendar\" | \"actions\";\r\n\r\ntype CardNotificationProps = {\r\n  type: string;\r\n  date: string;\r\n  icon: NotificationIcon;\r\n  showBadge?: boolean;\r\n  title: string;\r\n  text: string;\r\n  variant?: Variant;\r\n  onClickEdit?: () => void;\r\n  onClickManage?: () => void;\r\n  onClickGoToDetails?: () => void;\r\n  showExpired?: boolean;\r\n  buttonMaxWidth?: boolean;\r\n  onClickRightManage?: () => void;\r\n  rightManageTitle?: string;\r\n  goToDetailsTitle?: string;\r\n};\r\n\r\nexport const CardNotification = ({\r\n  type,\r\n  onClickEdit,\r\n  onClickRightManage,\r\n  rightManageTitle = \"Gestisci\",\r\n  goToDetailsTitle = \"Più dettagli\",\r\n  showExpired = false,\r\n  buttonMaxWidth,\r\n  onClickGoToDetails,\r\n  icon = \"calendar\",\r\n  variant = \"primary\",\r\n  onClickManage,\r\n  date,\r\n  title,\r\n  showBadge = false,\r\n  text,\r\n}: CardNotificationProps) => {\r\n  const isSecondary = variant === \"secondary\";\r\n\r\n  const iconToRender = useMemo(() => {\r\n    if (icon === \"calendar\") {\r\n      return <Calendar width={24} height={26} color=\"slate-28\" />;\r\n    }\r\n    if (icon === \"actions\") {\r\n      return <Actions width={24} height={26} color=\"slate-28\" />;\r\n    }\r\n  }, [icon]);\r\n\r\n  const cardClasses = ` ${\r\n    isSecondary\r\n      ? \"bg-lightblue-a03 ui-card-notifications-secondary\"\r\n      : \"bg-white\"\r\n  } shadow br-x4  `;\r\n\r\n  const iconContainer = ` ui-card-notifications-icon base-row   ${\r\n    isSecondary ? \"bg-white\" : \"bg-lightblue-a03\"\r\n  }   `;\r\n\r\n  const manageButtonClasses = ` ${\r\n    buttonMaxWidth ? \"w-full\" : \"ui-card-notifications-button\"\r\n  }  `;\r\n\r\n  return (\r\n    <div className={cardClasses}>\r\n      <Row px={\"x24\"} py={\"x8\"} justifyContent={\"space-between\"}>\r\n        <p className={\"fs-7 fw-semibold\"}> {type}</p>\r\n        <p className={\"fs-7 fw-semibold\"}>{date}</p>\r\n      </Row>\r\n      <div className={\"ui-card-notifications-divider \"} />\r\n      <Row pt={\"x16\"} px={\"x24\"} pb={\"x24\"} gap={\"x16\"}>\r\n        <div className={iconContainer}>\r\n          {showBadge && (\r\n            <div className={\"ui-card-notifications-badge-container\"}>\r\n              <div className={\"ui-card-notifications-badge\"} />\r\n            </div>\r\n          )}\r\n          {iconToRender}\r\n        </div>\r\n        <div className={\"w-full\"}>\r\n          <div className={\"mb-x24\"}>\r\n            <p className={\"my-x8 fs-5 fw-semibold\"}>{title}</p>\r\n            {showExpired && (\r\n              <Row mb={\"x8\"}>\r\n                <div\r\n                  className={\r\n                    \"py-x4 px-x16  bg-status-error text-white rounded fw-semibold fs-7\"\r\n                  }\r\n                >\r\n                  SCADUTO\r\n                </div>\r\n              </Row>\r\n            )}\r\n            <p>{text}</p>\r\n          </div>\r\n\r\n          {onClickManage && (\r\n            <div className={\"base-row justify-content-center\"}>\r\n              <Button className={manageButtonClasses} onClick={onClickManage}>\r\n                Gestisci\r\n              </Button>\r\n            </div>\r\n          )}\r\n\r\n          <Row justifyContent={\"flex-end\"} className={\"w-full gap-x16\"}>\r\n            {!!onClickGoToDetails && (\r\n              <Button onClick={onClickGoToDetails} variant={\"secondary\"}>\r\n                {goToDetailsTitle}\r\n              </Button>\r\n            )}\r\n            {onClickRightManage && (\r\n              <div className={\"base-row justify-content-center\"}>\r\n                <Button onClick={onClickRightManage}>{rightManageTitle}</Button>\r\n              </div>\r\n            )}\r\n\r\n            {!!onClickEdit && (\r\n              <Button\r\n                onClick={onClickEdit}\r\n                bg=\"transparent\"\r\n                textColor=\"primary\"\r\n              >\r\n                Modifica\r\n              </Button>\r\n            )}\r\n          </Row>\r\n        </div>\r\n      </Row>\r\n    </div>\r\n  );\r\n};\r\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"}
+{"version":3,"file":"index.cjs77.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.cjs78.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs78.js","sources":["../src/components/ui/DatePicker/index.tsx"],"sourcesContent":["// src/components/ui/Button/index.tsx\r\nimport { DateTime } from \"luxon\";\r\nimport \"./DatePicker.scss\";\r\nimport clsx from \"clsx\";\r\nimport { useEffect, useRef } from \"react\";\r\n\r\ntype DatePickerProps = {\r\n  label: string;\r\n  value?: Date | null;\r\n  maxValue?: Date;\r\n  minValue?: Date;\r\n  className?: string;\r\n  disabled?: boolean;\r\n  onClick?: () => void;\r\n  onChange: (date: Date) => void;\r\n  error?: string;\r\n  required?: boolean;\r\n  id?: string;\r\n  autoComplete?: \"off\";\r\n};\r\n\r\nexport const DatePicker = ({\r\n  label,\r\n  value,\r\n  maxValue,\r\n  minValue,\r\n  className,\r\n  disabled,\r\n  onClick,\r\n  onChange,\r\n  error,\r\n  required = false,\r\n  id,\r\n  autoComplete = \"off\",\r\n}: DatePickerProps) => {\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n  const inputId =\r\n    id || `datepicker-${label.toLowerCase().replace(/\\s+/g, \"-\")}`;\r\n\r\n  useEffect(() => {\r\n    if (error && inputRef.current) {\r\n      inputRef.current.setAttribute(\"aria-invalid\", \"true\");\r\n      inputRef.current.setAttribute(\"aria-describedby\", `${inputId}-error`);\r\n    } else if (inputRef.current) {\r\n      inputRef.current.setAttribute(\"aria-invalid\", \"false\");\r\n      inputRef.current.removeAttribute(\"aria-describedby\");\r\n    }\r\n  }, [error, inputId]);\r\n\r\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n    if (e.key === \"Enter\" && !disabled) {\r\n      onClick?.();\r\n    }\r\n  };\r\n\r\n  const formattedValue = value\r\n    ? DateTime.fromJSDate(value).toFormat(\"yyyy-MM-dd\")\r\n    : \"\";\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\"datepicker-container\", className)}\r\n      role=\"group\"\r\n      aria-labelledby={`${inputId}-label`}\r\n      aria-describedby={error ? `${inputId}-error` : undefined}\r\n    >\r\n      <label\r\n        id={`${inputId}-label`}\r\n        htmlFor={inputId}\r\n        className=\"datepicker-label fs-7\"\r\n      >\r\n        {label}\r\n        {required && (\r\n          <span className=\"text-error ml-1\" aria-hidden=\"true\">\r\n            *\r\n          </span>\r\n        )}\r\n      </label>\r\n      <input\r\n        ref={inputRef}\r\n        id={inputId}\r\n        type=\"date\"\r\n        className=\"datepicker-input fs-6\"\r\n        disabled={disabled}\r\n        value={formattedValue}\r\n        max={\r\n          maxValue\r\n            ? DateTime.fromJSDate(maxValue).toFormat(\"yyyy-MM-dd\")\r\n            : undefined\r\n        }\r\n        min={\r\n          minValue\r\n            ? DateTime.fromJSDate(minValue).toFormat(\"yyyy-MM-dd\")\r\n            : undefined\r\n        }\r\n        onClick={() => onClick?.()}\r\n        onChange={(e) => {\r\n          const newDate = new Date(e.target.value);\r\n          if (!isNaN(newDate.getTime())) {\r\n            onChange(newDate);\r\n          }\r\n        }}\r\n        onKeyDown={handleKeyDown}\r\n        aria-required={required}\r\n        aria-disabled={disabled}\r\n        aria-label={label}\r\n        aria-invalid={!!error}\r\n        aria-describedby={error ? `${inputId}-error` : undefined}\r\n        autoComplete={autoComplete}\r\n      />\r\n      {error && (\r\n        <div\r\n          id={`${inputId}-error`}\r\n          className=\"datepicker-error\"\r\n          role=\"alert\"\r\n          aria-live=\"polite\"\r\n        >\r\n          {error}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["DatePicker","label","value","maxValue","minValue","className","disabled","onClick","onChange","error","required","id","autoComplete","inputRef","useRef","inputId","useEffect","handleKeyDown","e","formattedValue","DateTime","jsxs","clsx","jsx","newDate"],"mappings":"oQAqBaA,EAAa,CAAC,CACzB,MAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,UAAAC,EACA,SAAAC,EACA,QAAAC,EACA,SAAAC,EACA,MAAAC,EACA,SAAAC,EAAW,GACX,GAAAC,EACA,aAAAC,EAAe,KACjB,IAAuB,CACf,MAAAC,EAAWC,SAAyB,IAAI,EACxCC,EACJJ,GAAM,cAAcV,EAAM,YAAc,EAAA,QAAQ,OAAQ,GAAG,CAAC,GAE9De,EAAAA,UAAU,IAAM,CACVP,GAASI,EAAS,SACXA,EAAA,QAAQ,aAAa,eAAgB,MAAM,EACpDA,EAAS,QAAQ,aAAa,mBAAoB,GAAGE,CAAO,QAAQ,GAC3DF,EAAS,UACTA,EAAA,QAAQ,aAAa,eAAgB,OAAO,EAC5CA,EAAA,QAAQ,gBAAgB,kBAAkB,EACrD,EACC,CAACJ,EAAOM,CAAO,CAAC,EAEb,MAAAE,EAAiBC,GAA6C,CAC9DA,EAAE,MAAQ,SAAW,CAACZ,IACdC,GAAA,MAAAA,IAEd,EAEMY,EAAiBjB,EACnBkB,UAAS,WAAWlB,CAAK,EAAE,SAAS,YAAY,EAChD,GAGF,OAAAmB,EAAA,kBAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,KAAK,uBAAwBjB,CAAS,EACjD,KAAK,QACL,kBAAiB,GAAGU,CAAO,SAC3B,mBAAkBN,EAAQ,GAAGM,CAAO,SAAW,OAE/C,SAAA,CAAAM,EAAA,kBAAA,KAAC,QAAA,CACC,GAAI,GAAGN,CAAO,SACd,QAASA,EACT,UAAU,wBAET,SAAA,CAAAd,EACAS,GACEa,EAAAA,kBAAAA,IAAA,OAAA,CAAK,UAAU,kBAAkB,cAAY,OAAO,SAErD,GAAA,CAAA,CAAA,CAAA,CAEJ,EACAA,EAAA,kBAAA,IAAC,QAAA,CACC,IAAKV,EACL,GAAIE,EACJ,KAAK,OACL,UAAU,wBACV,SAAAT,EACA,MAAOa,EACP,IACEhB,EACIiB,EAAAA,QAAS,WAAWjB,CAAQ,EAAE,SAAS,YAAY,EACnD,OAEN,IACEC,EACIgB,EAAAA,QAAS,WAAWhB,CAAQ,EAAE,SAAS,YAAY,EACnD,OAEN,QAAS,IAAMG,GAAA,YAAAA,IACf,SAAWW,GAAM,CACf,MAAMM,EAAU,IAAI,KAAKN,EAAE,OAAO,KAAK,EAClC,MAAMM,EAAQ,QAAS,CAAA,GAC1BhB,EAASgB,CAAO,CAEpB,EACA,UAAWP,EACX,gBAAeP,EACf,gBAAeJ,EACf,aAAYL,EACZ,eAAc,CAAC,CAACQ,EAChB,mBAAkBA,EAAQ,GAAGM,CAAO,SAAW,OAC/C,aAAAH,CAAA,CACF,EACCH,GACCc,EAAA,kBAAA,IAAC,MAAA,CACC,GAAI,GAAGR,CAAO,SACd,UAAU,mBACV,KAAK,QACL,YAAU,SAET,SAAAN,CAAA,CAAA,CACH,CAAA,CAEJ,CAEJ"}
+{"version":3,"file":"index.cjs78.js","sources":["../src/components/ui/DatePicker/index.tsx"],"sourcesContent":["// src/components/ui/Button/index.tsx\nimport { DateTime } from \"luxon\";\nimport \"./DatePicker.scss\";\nimport clsx from \"clsx\";\nimport { useEffect, useRef } from \"react\";\n\ntype DatePickerProps = {\n  label: string;\n  value?: Date | null;\n  maxValue?: Date;\n  minValue?: Date;\n  className?: string;\n  disabled?: boolean;\n  onClick?: () => void;\n  onChange: (date: Date) => void;\n  error?: string;\n  required?: boolean;\n  id?: string;\n  autoComplete?: \"off\";\n};\n\nexport const DatePicker = ({\n  label,\n  value,\n  maxValue,\n  minValue,\n  className,\n  disabled,\n  onClick,\n  onChange,\n  error,\n  required = false,\n  id,\n  autoComplete = \"off\",\n}: DatePickerProps) => {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const inputId =\n    id || `datepicker-${label.toLowerCase().replace(/\\s+/g, \"-\")}`;\n\n  useEffect(() => {\n    if (error && inputRef.current) {\n      inputRef.current.setAttribute(\"aria-invalid\", \"true\");\n      inputRef.current.setAttribute(\"aria-describedby\", `${inputId}-error`);\n    } else if (inputRef.current) {\n      inputRef.current.setAttribute(\"aria-invalid\", \"false\");\n      inputRef.current.removeAttribute(\"aria-describedby\");\n    }\n  }, [error, inputId]);\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === \"Enter\" && !disabled) {\n      onClick?.();\n    }\n  };\n\n  const formattedValue = value\n    ? DateTime.fromJSDate(value).toFormat(\"yyyy-MM-dd\")\n    : \"\";\n\n  return (\n    <div\n      className={clsx(\"datepicker-container\", className)}\n      role=\"group\"\n      aria-labelledby={`${inputId}-label`}\n      aria-describedby={error ? `${inputId}-error` : undefined}\n    >\n      <label\n        id={`${inputId}-label`}\n        htmlFor={inputId}\n        className=\"datepicker-label fs-7\"\n      >\n        {label}\n        {required && (\n          <span className=\"text-error ml-1\" aria-hidden=\"true\">\n            *\n          </span>\n        )}\n      </label>\n      <input\n        ref={inputRef}\n        id={inputId}\n        type=\"date\"\n        className=\"datepicker-input fs-6\"\n        disabled={disabled}\n        value={formattedValue}\n        max={\n          maxValue\n            ? DateTime.fromJSDate(maxValue).toFormat(\"yyyy-MM-dd\")\n            : undefined\n        }\n        min={\n          minValue\n            ? DateTime.fromJSDate(minValue).toFormat(\"yyyy-MM-dd\")\n            : undefined\n        }\n        onClick={() => onClick?.()}\n        onChange={(e) => {\n          const newDate = new Date(e.target.value);\n          if (!isNaN(newDate.getTime())) {\n            onChange(newDate);\n          }\n        }}\n        onKeyDown={handleKeyDown}\n        aria-required={required}\n        aria-disabled={disabled}\n        aria-label={label}\n        aria-invalid={!!error}\n        aria-describedby={error ? `${inputId}-error` : undefined}\n        autoComplete={autoComplete}\n      />\n      {error && (\n        <div\n          id={`${inputId}-error`}\n          className=\"datepicker-error\"\n          role=\"alert\"\n          aria-live=\"polite\"\n        >\n          {error}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["DatePicker","label","value","maxValue","minValue","className","disabled","onClick","onChange","error","required","id","autoComplete","inputRef","useRef","inputId","useEffect","handleKeyDown","e","formattedValue","DateTime","jsxs","clsx","jsx","newDate"],"mappings":"oQAqBaA,EAAa,CAAC,CACzB,MAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,UAAAC,EACA,SAAAC,EACA,QAAAC,EACA,SAAAC,EACA,MAAAC,EACA,SAAAC,EAAW,GACX,GAAAC,EACA,aAAAC,EAAe,KACjB,IAAuB,CACf,MAAAC,EAAWC,SAAyB,IAAI,EACxCC,EACJJ,GAAM,cAAcV,EAAM,YAAc,EAAA,QAAQ,OAAQ,GAAG,CAAC,GAE9De,EAAAA,UAAU,IAAM,CACVP,GAASI,EAAS,SACXA,EAAA,QAAQ,aAAa,eAAgB,MAAM,EACpDA,EAAS,QAAQ,aAAa,mBAAoB,GAAGE,CAAO,QAAQ,GAC3DF,EAAS,UACTA,EAAA,QAAQ,aAAa,eAAgB,OAAO,EAC5CA,EAAA,QAAQ,gBAAgB,kBAAkB,EACrD,EACC,CAACJ,EAAOM,CAAO,CAAC,EAEb,MAAAE,EAAiBC,GAA6C,CAC9DA,EAAE,MAAQ,SAAW,CAACZ,IACdC,GAAA,MAAAA,IAEd,EAEMY,EAAiBjB,EACnBkB,UAAS,WAAWlB,CAAK,EAAE,SAAS,YAAY,EAChD,GAGF,OAAAmB,EAAA,kBAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,KAAK,uBAAwBjB,CAAS,EACjD,KAAK,QACL,kBAAiB,GAAGU,CAAO,SAC3B,mBAAkBN,EAAQ,GAAGM,CAAO,SAAW,OAE/C,SAAA,CAAAM,EAAA,kBAAA,KAAC,QAAA,CACC,GAAI,GAAGN,CAAO,SACd,QAASA,EACT,UAAU,wBAET,SAAA,CAAAd,EACAS,GACEa,EAAAA,kBAAAA,IAAA,OAAA,CAAK,UAAU,kBAAkB,cAAY,OAAO,SAErD,GAAA,CAAA,CAAA,CAAA,CAEJ,EACAA,EAAA,kBAAA,IAAC,QAAA,CACC,IAAKV,EACL,GAAIE,EACJ,KAAK,OACL,UAAU,wBACV,SAAAT,EACA,MAAOa,EACP,IACEhB,EACIiB,EAAAA,QAAS,WAAWjB,CAAQ,EAAE,SAAS,YAAY,EACnD,OAEN,IACEC,EACIgB,EAAAA,QAAS,WAAWhB,CAAQ,EAAE,SAAS,YAAY,EACnD,OAEN,QAAS,IAAMG,GAAA,YAAAA,IACf,SAAWW,GAAM,CACf,MAAMM,EAAU,IAAI,KAAKN,EAAE,OAAO,KAAK,EAClC,MAAMM,EAAQ,QAAS,CAAA,GAC1BhB,EAASgB,CAAO,CAEpB,EACA,UAAWP,EACX,gBAAeP,EACf,gBAAeJ,EACf,aAAYL,EACZ,eAAc,CAAC,CAACQ,EAChB,mBAAkBA,EAAQ,GAAGM,CAAO,SAAW,OAC/C,aAAAH,CAAA,CACF,EACCH,GACCc,EAAA,kBAAA,IAAC,MAAA,CACC,GAAI,GAAGR,CAAO,SACd,UAAU,mBACV,KAAK,QACL,YAAU,SAET,SAAAN,CAAA,CAAA,CACH,CAAA,CAEJ,CAEJ"}

package/dist/index.cjs79.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs79.js","sources":["../src/components/ui/DatePickerRange/index.tsx"],"sourcesContent":["// src/components/ui/Button/index.tsx\r\nimport clsx from \"clsx\";\r\nimport { useEffect, useRef } from \"react\";\r\nimport { DatePicker } from \"../DatePicker\";\r\nimport { Row } from \"@/components\";\r\n\r\ntype DatePickerRangeProps = {\r\n  label?: string;\r\n  startDateLabel?: string;\r\n  endDateLabel?: string;\r\n  startDate?: Date;\r\n  endDate?: Date;\r\n  className?: string;\r\n  disabled?: boolean;\r\n  required?: boolean;\r\n  error?: string;\r\n  onStartDateChange: (date: Date) => void;\r\n  onEndDateChange: (date: Date) => void;\r\n  onStartDateClick?: () => void;\r\n  onEndDateClick?: () => void;\r\n};\r\n\r\nexport const DatePickerRange = ({\r\n  label,\r\n  startDateLabel = \"Start Date\",\r\n  endDateLabel = \"End Date\",\r\n  startDate,\r\n  endDate,\r\n  className,\r\n  disabled = false,\r\n  required = false,\r\n  error,\r\n  onStartDateChange,\r\n  onEndDateChange,\r\n  onStartDateClick,\r\n  onEndDateClick,\r\n}: DatePickerRangeProps) => {\r\n  const containerRef = useRef<HTMLDivElement>(null);\r\n  // we need to generate a unique id for the container and manage errors\r\n  const containerId = label\r\n    ? `datepicker-range-${label.toLowerCase().replace(/\\s+/g, \"-\")}`\r\n    : \"datepicker-range\";\r\n\r\n  useEffect(() => {\r\n    if (error && containerRef.current) {\r\n      containerRef.current.setAttribute(\"aria-invalid\", \"true\");\r\n      containerRef.current.setAttribute(\r\n        \"aria-describedby\",\r\n        `${containerId}-error`,\r\n      );\r\n    } else if (containerRef.current) {\r\n      containerRef.current.setAttribute(\"aria-invalid\", \"false\");\r\n      containerRef.current.removeAttribute(\"aria-describedby\");\r\n    }\r\n  }, [error, containerId]);\r\n\r\n  const handleStartDateChange = (date: Date) => {\r\n    // Ensure end date is not before start date\r\n    if (endDate && date > endDate) {\r\n      onStartDateChange(date);\r\n      onEndDateChange(date);\r\n    } else {\r\n      onStartDateChange(date);\r\n    }\r\n  };\r\n\r\n  const handleEndDateChange = (date: Date) => {\r\n    // Ensure start date is not after end date\r\n    if (startDate && date < startDate) {\r\n      onStartDateChange(date);\r\n      onEndDateChange(date);\r\n    } else {\r\n      onEndDateChange(date);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div\r\n      ref={containerRef}\r\n      className={clsx(\"base-col gap-x8\", className)}\r\n      role=\"group\"\r\n      aria-labelledby={label ? `${containerId}-label` : undefined}\r\n      aria-describedby={error ? `${containerId}-error` : undefined}\r\n    >\r\n      {label && (\r\n        <label id={`${containerId}-label`} className=\"text-sm text-dark\">\r\n          {label}\r\n          {required && (\r\n            <span className=\"text-error ml-1\" aria-hidden=\"true\">\r\n              *\r\n            </span>\r\n          )}\r\n        </label>\r\n      )}\r\n\r\n      <Row gap={\"x16\"} role=\"group\">\r\n        <DatePicker\r\n          label={startDateLabel}\r\n          value={startDate}\r\n          maxValue={endDate}\r\n          disabled={disabled}\r\n          required={required}\r\n          onChange={handleStartDateChange}\r\n          onClick={onStartDateClick}\r\n          className=\"flex-1\"\r\n        />\r\n\r\n        <DatePicker\r\n          label={endDateLabel}\r\n          value={endDate}\r\n          minValue={startDate}\r\n          disabled={disabled}\r\n          required={required}\r\n          onChange={handleEndDateChange}\r\n          onClick={onEndDateClick}\r\n          className=\"flex-1\"\r\n        />\r\n      </Row>\r\n\r\n      {error && (\r\n        <div\r\n          id={`${containerId}-error`}\r\n          className=\"text-sm text-error\"\r\n          role=\"alert\"\r\n          aria-live=\"polite\"\r\n        >\r\n          {error}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["DatePickerRange","label","startDateLabel","endDateLabel","startDate","endDate","className","disabled","required","error","onStartDateChange","onEndDateChange","onStartDateClick","onEndDateClick","containerRef","useRef","containerId","useEffect","handleStartDateChange","date","handleEndDateChange","jsxs","clsx","jsx","Row","DatePicker"],"mappings":"kOAsBaA,EAAkB,CAAC,CAC9B,MAAAC,EACA,eAAAC,EAAiB,aACjB,aAAAC,EAAe,WACf,UAAAC,EACA,QAAAC,EACA,UAAAC,EACA,SAAAC,EAAW,GACX,SAAAC,EAAW,GACX,MAAAC,EACA,kBAAAC,EACA,gBAAAC,EACA,iBAAAC,EACA,eAAAC,CACF,IAA4B,CACpB,MAAAC,EAAeC,SAAuB,IAAI,EAE1CC,EAAcf,EAChB,oBAAoBA,EAAM,cAAc,QAAQ,OAAQ,GAAG,CAAC,GAC5D,mBAEJgB,EAAAA,UAAU,IAAM,CACVR,GAASK,EAAa,SACXA,EAAA,QAAQ,aAAa,eAAgB,MAAM,EACxDA,EAAa,QAAQ,aACnB,mBACA,GAAGE,CAAW,QAChB,GACSF,EAAa,UACTA,EAAA,QAAQ,aAAa,eAAgB,OAAO,EAC5CA,EAAA,QAAQ,gBAAgB,kBAAkB,EACzD,EACC,CAACL,EAAOO,CAAW,CAAC,EAEjB,MAAAE,EAAyBC,GAAe,CAExCd,GAAWc,EAAOd,GACpBK,EAAkBS,CAAI,EACtBR,EAAgBQ,CAAI,GAEpBT,EAAkBS,CAAI,CAE1B,EAEMC,EAAuBD,GAAe,CAEtCf,GAAae,EAAOf,GACtBM,EAAkBS,CAAI,EACtBR,EAAgBQ,CAAI,CAIxB,EAGE,OAAAE,EAAA,kBAAA,KAAC,MAAA,CACC,IAAKP,EACL,UAAWQ,EAAAA,KAAK,kBAAmBhB,CAAS,EAC5C,KAAK,QACL,kBAAiBL,EAAQ,GAAGe,CAAW,SAAW,OAClD,mBAAkBP,EAAQ,GAAGO,CAAW,SAAW,OAElD,SAAA,CAAAf,4BACE,QAAM,CAAA,GAAI,GAAGe,CAAW,SAAU,UAAU,oBAC1C,SAAA,CAAAf,EACAO,GACEe,EAAAA,kBAAAA,IAAA,OAAA,CAAK,UAAU,kBAAkB,cAAY,OAAO,SAErD,GAAA,CAAA,CAAA,EAEJ,EAGDF,EAAA,kBAAA,KAAAG,EAAA,IAAA,CAAI,IAAK,MAAO,KAAK,QACpB,SAAA,CAAAD,EAAA,kBAAA,IAACE,EAAA,WAAA,CACC,MAAOvB,EACP,MAAOE,EACP,SAAUC,EACV,SAAAE,EACA,SAAAC,EACA,SAAUU,EACV,QAASN,EACT,UAAU,QAAA,CACZ,EAEAW,EAAA,kBAAA,IAACE,EAAA,WAAA,CACC,MAAOtB,EACP,MAAOE,EACP,SAAUD,EACV,SAAAG,EACA,SAAAC,EACA,SAAUY,EACV,QAASP,EACT,UAAU,QAAA,CAAA,CACZ,EACF,EAECJ,GACCc,EAAA,kBAAA,IAAC,MAAA,CACC,GAAI,GAAGP,CAAW,SAClB,UAAU,qBACV,KAAK,QACL,YAAU,SAET,SAAAP,CAAA,CAAA,CACH,CAAA,CAEJ,CAEJ"}
+{"version":3,"file":"index.cjs79.js","sources":["../src/components/ui/DatePickerRange/index.tsx"],"sourcesContent":["// src/components/ui/Button/index.tsx\nimport clsx from \"clsx\";\nimport { useEffect, useRef } from \"react\";\nimport { DatePicker } from \"../DatePicker\";\nimport { Row } from \"@/components\";\n\ntype DatePickerRangeProps = {\n  label?: string;\n  startDateLabel?: string;\n  endDateLabel?: string;\n  startDate?: Date;\n  endDate?: Date;\n  className?: string;\n  disabled?: boolean;\n  required?: boolean;\n  error?: string;\n  onStartDateChange: (date: Date) => void;\n  onEndDateChange: (date: Date) => void;\n  onStartDateClick?: () => void;\n  onEndDateClick?: () => void;\n};\n\nexport const DatePickerRange = ({\n  label,\n  startDateLabel = \"Start Date\",\n  endDateLabel = \"End Date\",\n  startDate,\n  endDate,\n  className,\n  disabled = false,\n  required = false,\n  error,\n  onStartDateChange,\n  onEndDateChange,\n  onStartDateClick,\n  onEndDateClick,\n}: DatePickerRangeProps) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  // we need to generate a unique id for the container and manage errors\n  const containerId = label\n    ? `datepicker-range-${label.toLowerCase().replace(/\\s+/g, \"-\")}`\n    : \"datepicker-range\";\n\n  useEffect(() => {\n    if (error && containerRef.current) {\n      containerRef.current.setAttribute(\"aria-invalid\", \"true\");\n      containerRef.current.setAttribute(\n        \"aria-describedby\",\n        `${containerId}-error`,\n      );\n    } else if (containerRef.current) {\n      containerRef.current.setAttribute(\"aria-invalid\", \"false\");\n      containerRef.current.removeAttribute(\"aria-describedby\");\n    }\n  }, [error, containerId]);\n\n  const handleStartDateChange = (date: Date) => {\n    // Ensure end date is not before start date\n    if (endDate && date > endDate) {\n      onStartDateChange(date);\n      onEndDateChange(date);\n    } else {\n      onStartDateChange(date);\n    }\n  };\n\n  const handleEndDateChange = (date: Date) => {\n    // Ensure start date is not after end date\n    if (startDate && date < startDate) {\n      onStartDateChange(date);\n      onEndDateChange(date);\n    } else {\n      onEndDateChange(date);\n    }\n  };\n\n  return (\n    <div\n      ref={containerRef}\n      className={clsx(\"base-col gap-x8\", className)}\n      role=\"group\"\n      aria-labelledby={label ? `${containerId}-label` : undefined}\n      aria-describedby={error ? `${containerId}-error` : undefined}\n    >\n      {label && (\n        <label id={`${containerId}-label`} className=\"text-sm text-dark\">\n          {label}\n          {required && (\n            <span className=\"text-error ml-1\" aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n\n      <Row gap={\"x16\"} role=\"group\">\n        <DatePicker\n          label={startDateLabel}\n          value={startDate}\n          maxValue={endDate}\n          disabled={disabled}\n          required={required}\n          onChange={handleStartDateChange}\n          onClick={onStartDateClick}\n          className=\"flex-1\"\n        />\n\n        <DatePicker\n          label={endDateLabel}\n          value={endDate}\n          minValue={startDate}\n          disabled={disabled}\n          required={required}\n          onChange={handleEndDateChange}\n          onClick={onEndDateClick}\n          className=\"flex-1\"\n        />\n      </Row>\n\n      {error && (\n        <div\n          id={`${containerId}-error`}\n          className=\"text-sm text-error\"\n          role=\"alert\"\n          aria-live=\"polite\"\n        >\n          {error}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["DatePickerRange","label","startDateLabel","endDateLabel","startDate","endDate","className","disabled","required","error","onStartDateChange","onEndDateChange","onStartDateClick","onEndDateClick","containerRef","useRef","containerId","useEffect","handleStartDateChange","date","handleEndDateChange","jsxs","clsx","jsx","Row","DatePicker"],"mappings":"kOAsBaA,EAAkB,CAAC,CAC9B,MAAAC,EACA,eAAAC,EAAiB,aACjB,aAAAC,EAAe,WACf,UAAAC,EACA,QAAAC,EACA,UAAAC,EACA,SAAAC,EAAW,GACX,SAAAC,EAAW,GACX,MAAAC,EACA,kBAAAC,EACA,gBAAAC,EACA,iBAAAC,EACA,eAAAC,CACF,IAA4B,CACpB,MAAAC,EAAeC,SAAuB,IAAI,EAE1CC,EAAcf,EAChB,oBAAoBA,EAAM,cAAc,QAAQ,OAAQ,GAAG,CAAC,GAC5D,mBAEJgB,EAAAA,UAAU,IAAM,CACVR,GAASK,EAAa,SACXA,EAAA,QAAQ,aAAa,eAAgB,MAAM,EACxDA,EAAa,QAAQ,aACnB,mBACA,GAAGE,CAAW,QAChB,GACSF,EAAa,UACTA,EAAA,QAAQ,aAAa,eAAgB,OAAO,EAC5CA,EAAA,QAAQ,gBAAgB,kBAAkB,EACzD,EACC,CAACL,EAAOO,CAAW,CAAC,EAEjB,MAAAE,EAAyBC,GAAe,CAExCd,GAAWc,EAAOd,GACpBK,EAAkBS,CAAI,EACtBR,EAAgBQ,CAAI,GAEpBT,EAAkBS,CAAI,CAE1B,EAEMC,EAAuBD,GAAe,CAEtCf,GAAae,EAAOf,GACtBM,EAAkBS,CAAI,EACtBR,EAAgBQ,CAAI,CAIxB,EAGE,OAAAE,EAAA,kBAAA,KAAC,MAAA,CACC,IAAKP,EACL,UAAWQ,EAAAA,KAAK,kBAAmBhB,CAAS,EAC5C,KAAK,QACL,kBAAiBL,EAAQ,GAAGe,CAAW,SAAW,OAClD,mBAAkBP,EAAQ,GAAGO,CAAW,SAAW,OAElD,SAAA,CAAAf,4BACE,QAAM,CAAA,GAAI,GAAGe,CAAW,SAAU,UAAU,oBAC1C,SAAA,CAAAf,EACAO,GACEe,EAAAA,kBAAAA,IAAA,OAAA,CAAK,UAAU,kBAAkB,cAAY,OAAO,SAErD,GAAA,CAAA,CAAA,EAEJ,EAGDF,EAAA,kBAAA,KAAAG,EAAA,IAAA,CAAI,IAAK,MAAO,KAAK,QACpB,SAAA,CAAAD,EAAA,kBAAA,IAACE,EAAA,WAAA,CACC,MAAOvB,EACP,MAAOE,EACP,SAAUC,EACV,SAAAE,EACA,SAAAC,EACA,SAAUU,EACV,QAASN,EACT,UAAU,QAAA,CACZ,EAEAW,EAAA,kBAAA,IAACE,EAAA,WAAA,CACC,MAAOtB,EACP,MAAOE,EACP,SAAUD,EACV,SAAAG,EACA,SAAAC,EACA,SAAUY,EACV,QAASP,EACT,UAAU,QAAA,CAAA,CACZ,EACF,EAECJ,GACCc,EAAA,kBAAA,IAAC,MAAA,CACC,GAAI,GAAGP,CAAW,SAClB,UAAU,qBACV,KAAK,QACL,YAAU,SAET,SAAAP,CAAA,CAAA,CACH,CAAA,CAEJ,CAEJ"}

package/dist/index.cjs8.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./index.cjs249.js"),s=require("react"),x=require("./index.cjs250.js"),C=require("./index.cjs251.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.cjs249.js"),s=require("react"),x=require("./index.cjs250.js"),C=require("./index.cjs282.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.cjs8.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs8.js","sources":["../src/components/ui/GridItem/index.tsx"],"sourcesContent":["import { ElementType, ComponentPropsWithoutRef, useMemo } from \"react\";\r\nimport clsx from \"clsx\";\r\nimport { createSpacingClasses, SpacingProps } from \"@theme/spacing.ts\";\r\n\r\ntype BreakpointSpace =\r\n  | 1\r\n  | 2\r\n  | 3\r\n  | 4\r\n  | 5\r\n  | 6\r\n  | 7\r\n  | 8\r\n  | 9\r\n  | 10\r\n  | 11\r\n  | 12\r\n  | \"1\"\r\n  | \"2\"\r\n  | \"3\"\r\n  | \"4\"\r\n  | \"5\"\r\n  | \"6\"\r\n  | \"7\"\r\n  | \"8\"\r\n  | \"9\"\r\n  | \"10\"\r\n  | \"11\"\r\n  | \"12\";\r\n\r\ntype PolymorphicProps<E extends ElementType> = {\r\n  as?: E;\r\n  md?: BreakpointSpace;\r\n  sm?: BreakpointSpace;\r\n  xs?: BreakpointSpace;\r\n} & SpacingProps &\r\n  Omit<ComponentPropsWithoutRef<E>, keyof SpacingProps>;\r\n\r\nexport const GridItem = <E extends ElementType = \"div\">({\r\n  as,\r\n  className,\r\n  style,\r\n  md,\r\n  sm,\r\n  xs,\r\n  ...rest\r\n}: PolymorphicProps<E>) => {\r\n  const Component = as || \"div\";\r\n\r\n  const mdClass = useMemo(() => `col-grid-md-${md ?? \"3\"}`, [md]);\r\n  const smClass = useMemo(() => (sm ? `col-grid-sm-${sm ?? \"6\"}` : \"\"), [sm]);\r\n  const xsClass = useMemo(() => `col-grid-${xs ?? \"12\"}`, [xs]);\r\n\r\n  const classNames = useMemo(() => {\r\n    const spacingClasses = createSpacingClasses(rest);\r\n    return [xsClass, smClass, mdClass, ...spacingClasses].join(\" \");\r\n  }, [mdClass, rest, smClass, xsClass]);\r\n\r\n  return (\r\n    <Component\r\n      className={clsx(className, classNames)}\r\n      style={{\r\n        ...style,\r\n      }}\r\n      {...rest}\r\n    />\r\n  );\r\n};\r\n"],"names":["GridItem","as","className","style","md","sm","xs","rest","Component","mdClass","useMemo","smClass","xsClass","classNames","spacingClasses","createSpacingClasses","jsx","clsx"],"mappings":"sMAsCaA,EAAW,CAAgC,CACtD,GAAAC,EACA,UAAAC,EACA,MAAAC,EACA,GAAAC,EACA,GAAAC,EACA,GAAAC,EACA,GAAGC,CACL,IAA2B,CACzB,MAAMC,EAAYP,GAAM,MAElBQ,EAAUC,UAAQ,IAAM,eAAeN,GAAM,GAAG,GAAI,CAACA,CAAE,CAAC,EACxDO,EAAUD,EAAAA,QAAQ,IAAOL,EAAK,eAAeA,GAAM,GAAG,GAAK,GAAK,CAACA,CAAE,CAAC,EACpEO,EAAUF,UAAQ,IAAM,YAAYJ,GAAM,IAAI,GAAI,CAACA,CAAE,CAAC,EAEtDO,EAAaH,EAAAA,QAAQ,IAAM,CACzB,MAAAI,EAAiBC,uBAAqBR,CAAI,EACzC,MAAA,CAACK,EAASD,EAASF,EAAS,GAAGK,CAAc,EAAE,KAAK,GAAG,GAC7D,CAACL,EAASF,EAAMI,EAASC,CAAO,CAAC,EAGlC,OAAAI,EAAA,kBAAA,IAACR,EAAA,CACC,UAAWS,EAAAA,KAAKf,EAAWW,CAAU,EACrC,MAAO,CACL,GAAGV,CACL,EACC,GAAGI,CAAA,CACN,CAEJ"}
+{"version":3,"file":"index.cjs8.js","sources":["../src/components/ui/GridItem/index.tsx"],"sourcesContent":["import { ElementType, ComponentPropsWithoutRef, useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport { createSpacingClasses, SpacingProps } from \"@theme/spacing.ts\";\n\ntype BreakpointSpace =\n  | 1\n  | 2\n  | 3\n  | 4\n  | 5\n  | 6\n  | 7\n  | 8\n  | 9\n  | 10\n  | 11\n  | 12\n  | \"1\"\n  | \"2\"\n  | \"3\"\n  | \"4\"\n  | \"5\"\n  | \"6\"\n  | \"7\"\n  | \"8\"\n  | \"9\"\n  | \"10\"\n  | \"11\"\n  | \"12\";\n\ntype PolymorphicProps<E extends ElementType> = {\n  as?: E;\n  md?: BreakpointSpace;\n  sm?: BreakpointSpace;\n  xs?: BreakpointSpace;\n} & SpacingProps &\n  Omit<ComponentPropsWithoutRef<E>, keyof SpacingProps>;\n\nexport const GridItem = <E extends ElementType = \"div\">({\n  as,\n  className,\n  style,\n  md,\n  sm,\n  xs,\n  ...rest\n}: PolymorphicProps<E>) => {\n  const Component = as || \"div\";\n\n  const mdClass = useMemo(() => `col-grid-md-${md ?? \"3\"}`, [md]);\n  const smClass = useMemo(() => (sm ? `col-grid-sm-${sm ?? \"6\"}` : \"\"), [sm]);\n  const xsClass = useMemo(() => `col-grid-${xs ?? \"12\"}`, [xs]);\n\n  const classNames = useMemo(() => {\n    const spacingClasses = createSpacingClasses(rest);\n    return [xsClass, smClass, mdClass, ...spacingClasses].join(\" \");\n  }, [mdClass, rest, smClass, xsClass]);\n\n  return (\n    <Component\n      className={clsx(className, classNames)}\n      style={{\n        ...style,\n      }}\n      {...rest}\n    />\n  );\n};\n"],"names":["GridItem","as","className","style","md","sm","xs","rest","Component","mdClass","useMemo","smClass","xsClass","classNames","spacingClasses","createSpacingClasses","jsx","clsx"],"mappings":"sMAsCaA,EAAW,CAAgC,CACtD,GAAAC,EACA,UAAAC,EACA,MAAAC,EACA,GAAAC,EACA,GAAAC,EACA,GAAAC,EACA,GAAGC,CACL,IAA2B,CACzB,MAAMC,EAAYP,GAAM,MAElBQ,EAAUC,UAAQ,IAAM,eAAeN,GAAM,GAAG,GAAI,CAACA,CAAE,CAAC,EACxDO,EAAUD,EAAAA,QAAQ,IAAOL,EAAK,eAAeA,GAAM,GAAG,GAAK,GAAK,CAACA,CAAE,CAAC,EACpEO,EAAUF,UAAQ,IAAM,YAAYJ,GAAM,IAAI,GAAI,CAACA,CAAE,CAAC,EAEtDO,EAAaH,EAAAA,QAAQ,IAAM,CACzB,MAAAI,EAAiBC,uBAAqBR,CAAI,EACzC,MAAA,CAACK,EAASD,EAASF,EAAS,GAAGK,CAAc,EAAE,KAAK,GAAG,GAC7D,CAACL,EAASF,EAAMI,EAASC,CAAO,CAAC,EAGlC,OAAAI,EAAA,kBAAA,IAACR,EAAA,CACC,UAAWS,EAAAA,KAAKf,EAAWW,CAAU,EACrC,MAAO,CACL,GAAGV,CACL,EACC,GAAGI,CAAA,CACN,CAEJ"}

package/dist/index.cjs80.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs80.js","sources":["../src/components/ui/NotificationsSettingsHeader/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { Info } from \"@/icons\";\r\nimport { ActionIconText } from \"../ActionIconText\";\r\nimport \"./NotificationsSettingsHeader.scss\";\r\n\r\ntype TableHeaderProps = {\r\n  className?: string;\r\n  showEmail?: boolean;\r\n  showSms?: boolean;\r\n};\r\n\r\nexport const notificationsSettingsHeaderId = (columnKey: string) =>\r\n  `notifications-settings-header-${columnKey}`;\r\n\r\nexport const NotificationsSettingsHeader = ({\r\n  className,\r\n  showEmail = false,\r\n  showSms = false,\r\n  ...props\r\n}: TableHeaderProps) => {\r\n  const allColumns = [\r\n    {\r\n      label: \"Categoria notifica\",\r\n      noIcon: true,\r\n      isFlex: true,\r\n      key: \"category\",\r\n      alwaysVisible: true,\r\n    },\r\n    {\r\n      label: \"SMS\",\r\n      fixedWidth: true,\r\n      key: \"sms\",\r\n      visible: showSms,\r\n      popupInfo: {\r\n        title: \"SMS\",\r\n        description: \"SMS come metodo di notifica\",\r\n        isOpen: false,\r\n        onClickCloseBtn: () => {},\r\n        ariaLabel: \"Informazioni SMS\",\r\n      },\r\n    },\r\n    {\r\n      label: \"Email\",\r\n      fixedWidth: true,\r\n      key: \"email\",\r\n      visible: showEmail,\r\n      popupInfo: {\r\n        title: \"Email\",\r\n        description: \"Email come metodo di notifica\",\r\n        isOpen: false,\r\n        onClickCloseBtn: () => {},\r\n        ariaLabel: \"Informazioni Email\",\r\n      },\r\n    },\r\n  ];\r\n\r\n  const visibleColumns = allColumns.filter(\r\n    (column) => column.alwaysVisible || column.visible,\r\n  );\r\n\r\n  return (\r\n    <div>\r\n      <div className={clsx(className)} {...props}>\r\n        <table className=\"w-full flex\" role=\"table\">\r\n          <thead>\r\n            <tr className=\"w-full flex\">\r\n              {visibleColumns.map((column, index) => {\r\n                const headerId = notificationsSettingsHeaderId(column.key);\r\n                return (\r\n                  <th\r\n                    key={headerId}\r\n                    id={headerId}\r\n                    scope=\"col\"\r\n                    aria-colindex={index + 1}\r\n                    data-column-key={column.key}\r\n                    className={clsx(\r\n                      \"table-header-divider-cell w-full\",\r\n                      column.isFlex ? \"flex-1\" : \"flex-none\",\r\n                    )}\r\n                  >\r\n                    <div\r\n                      className={clsx(\r\n                        \"table__cell--header--content\",\r\n                        column.fixedWidth ? \"table-header-fixed-width \" : \"\",\r\n                      )}\r\n                    >\r\n                      <div>\r\n                        <ActionIconText\r\n                          classNameText={\"text-grey-black\"}\r\n                          noIcon={column.noIcon}\r\n                          icon={<Info />}\r\n                          textLabel={column.label}\r\n                          iconPosition={\"right\"}\r\n                          popupInfo={column.popupInfo}\r\n                          positionPopUp={\r\n                            visibleColumns.length === index + 1\r\n                              ? \"left\"\r\n                              : \"right\"\r\n                          }\r\n                        />\r\n                      </div>\r\n                    </div>\r\n                  </th>\r\n                );\r\n              })}\r\n            </tr>\r\n          </thead>\r\n          <tbody>\r\n            <tr className=\"sr-only\">\r\n              {visibleColumns.map((column, index) => {\r\n                const headerId = notificationsSettingsHeaderId(column.key);\r\n                return (\r\n                  <td\r\n                    key={`${headerId}-data`}\r\n                    headers={headerId}\r\n                    aria-colindex={index + 1}\r\n                  >\r\n                    {/* Empty data cell for accessibility */}\r\n                  </td>\r\n                );\r\n              })}\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n      <div className={\"table-header-divider\"} />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default NotificationsSettingsHeader;\r\n\r\n\r\n\r\n"],"names":["notificationsSettingsHeaderId","columnKey","NotificationsSettingsHeader","className","showEmail","showSms","props","visibleColumns","column","jsx","clsx","jsxs","index","headerId","ActionIconText","Info"],"mappings":"gRAWaA,EAAiCC,GAC5C,iCAAiCA,CAAS,GAE/BC,EAA8B,CAAC,CAC1C,UAAAC,EACA,UAAAC,EAAY,GACZ,QAAAC,EAAU,GACV,GAAGC,CACL,IAAwB,CAqCtB,MAAMC,EApCa,CACjB,CACE,MAAO,qBACP,OAAQ,GACR,OAAQ,GACR,IAAK,WACL,cAAe,EACjB,EACA,CACE,MAAO,MACP,WAAY,GACZ,IAAK,MACL,QAASF,EACT,UAAW,CACT,MAAO,MACP,YAAa,8BACb,OAAQ,GACR,gBAAiB,IAAM,CAAC,EACxB,UAAW,kBAAA,CAEf,EACA,CACE,MAAO,QACP,WAAY,GACZ,IAAK,QACL,QAASD,EACT,UAAW,CACT,MAAO,QACP,YAAa,gCACb,OAAQ,GACR,gBAAiB,IAAM,CAAC,EACxB,UAAW,oBAAA,CACb,CAEJ,EAEkC,OAC/BI,GAAWA,EAAO,eAAiBA,EAAO,OAC7C,EAEA,gCACG,MACC,CAAA,SAAA,CAAAC,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAWC,EAAAA,KAAKP,CAAS,EAAI,GAAGG,EACnC,SAAAK,EAAA,kBAAA,KAAC,QAAM,CAAA,UAAU,cAAc,KAAK,QAClC,SAAA,CAACF,EAAAA,kBAAAA,IAAA,QAAA,CACC,iCAAC,KAAG,CAAA,UAAU,cACX,SAAeF,EAAA,IAAI,CAACC,EAAQI,IAAU,CAC/B,MAAAC,EAAWb,EAA8BQ,EAAO,GAAG,EAEvD,OAAAC,EAAA,kBAAA,IAAC,KAAA,CAEC,GAAII,EACJ,MAAM,MACN,gBAAeD,EAAQ,EACvB,kBAAiBJ,EAAO,IACxB,UAAWE,EAAA,KACT,mCACAF,EAAO,OAAS,SAAW,WAC7B,EAEA,SAAAC,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWC,EAAA,KACT,+BACAF,EAAO,WAAa,4BAA8B,EACpD,EAEA,iCAAC,MACC,CAAA,SAAAC,EAAA,kBAAA,IAACK,EAAA,eAAA,CACC,cAAe,kBACf,OAAQN,EAAO,OACf,6BAAOO,EAAK,KAAA,EAAA,EACZ,UAAWP,EAAO,MAClB,aAAc,QACd,UAAWA,EAAO,UAClB,cACED,EAAe,SAAWK,EAAQ,EAC9B,OACA,OAAA,CAAA,CAGV,CAAA,CAAA,CAAA,CACF,EA/BKC,CAgCP,CAAA,CAEH,EACH,CACF,CAAA,EACAJ,EAAAA,kBAAAA,IAAC,QACC,CAAA,SAAAA,EAAA,kBAAA,IAAC,KAAG,CAAA,UAAU,UACX,SAAeF,EAAA,IAAI,CAACC,EAAQI,IAAU,CAC/B,MAAAC,EAAWb,EAA8BQ,EAAO,GAAG,EAEvD,OAAAC,EAAA,kBAAA,IAAC,KAAA,CAEC,QAASI,EACT,gBAAeD,EAAQ,CAAA,EAFlB,GAAGC,CAAQ,OAKlB,CAEH,CAAA,CACH,CAAA,CACF,CAAA,CAAA,CAAA,CACF,CACF,CAAA,EACAJ,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAW,sBAAwB,CAAA,CAAA,EAC1C,CAEJ"}
+{"version":3,"file":"index.cjs80.js","sources":["../src/components/ui/NotificationsSettingsHeader/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { Info } from \"@/icons\";\nimport { ActionIconText } from \"../ActionIconText\";\nimport \"./NotificationsSettingsHeader.scss\";\n\ntype TableHeaderProps = {\n  className?: string;\n  showEmail?: boolean;\n  showSms?: boolean;\n};\n\nexport const notificationsSettingsHeaderId = (columnKey: string) =>\n  `notifications-settings-header-${columnKey}`;\n\nexport const NotificationsSettingsHeader = ({\n  className,\n  showEmail = false,\n  showSms = false,\n  ...props\n}: TableHeaderProps) => {\n  const allColumns = [\n    {\n      label: \"Categoria notifica\",\n      noIcon: true,\n      isFlex: true,\n      key: \"category\",\n      alwaysVisible: true,\n    },\n    {\n      label: \"SMS\",\n      fixedWidth: true,\n      key: \"sms\",\n      visible: showSms,\n      popupInfo: {\n        title: \"SMS\",\n        description: \"SMS come metodo di notifica\",\n        isOpen: false,\n        onClickCloseBtn: () => {},\n        ariaLabel: \"Informazioni SMS\",\n      },\n    },\n    {\n      label: \"Email\",\n      fixedWidth: true,\n      key: \"email\",\n      visible: showEmail,\n      popupInfo: {\n        title: \"Email\",\n        description: \"Email come metodo di notifica\",\n        isOpen: false,\n        onClickCloseBtn: () => {},\n        ariaLabel: \"Informazioni Email\",\n      },\n    },\n  ];\n\n  const visibleColumns = allColumns.filter(\n    (column) => column.alwaysVisible || column.visible,\n  );\n\n  return (\n    <div>\n      <div className={clsx(className)} {...props}>\n        <table className=\"w-full flex\" role=\"table\">\n          <thead>\n            <tr className=\"w-full flex\">\n              {visibleColumns.map((column, index) => {\n                const headerId = notificationsSettingsHeaderId(column.key);\n                return (\n                  <th\n                    key={headerId}\n                    id={headerId}\n                    scope=\"col\"\n                    aria-colindex={index + 1}\n                    data-column-key={column.key}\n                    className={clsx(\n                      \"table-header-divider-cell w-full\",\n                      column.isFlex ? \"flex-1\" : \"flex-none\",\n                    )}\n                  >\n                    <div\n                      className={clsx(\n                        \"table__cell--header--content\",\n                        column.fixedWidth ? \"table-header-fixed-width \" : \"\",\n                      )}\n                    >\n                      <div>\n                        <ActionIconText\n                          classNameText={\"text-grey-black\"}\n                          noIcon={column.noIcon}\n                          icon={<Info />}\n                          textLabel={column.label}\n                          iconPosition={\"right\"}\n                          popupInfo={column.popupInfo}\n                          positionPopUp={\n                            visibleColumns.length === index + 1\n                              ? \"left\"\n                              : \"right\"\n                          }\n                        />\n                      </div>\n                    </div>\n                  </th>\n                );\n              })}\n            </tr>\n          </thead>\n          <tbody>\n            <tr className=\"sr-only\">\n              {visibleColumns.map((column, index) => {\n                const headerId = notificationsSettingsHeaderId(column.key);\n                return (\n                  <td\n                    key={`${headerId}-data`}\n                    headers={headerId}\n                    aria-colindex={index + 1}\n                  >\n                    {/* Empty data cell for accessibility */}\n                  </td>\n                );\n              })}\n            </tr>\n          </tbody>\n        </table>\n      </div>\n      <div className={\"table-header-divider\"} />\n    </div>\n  );\n};\n\nexport default NotificationsSettingsHeader;\n\n\n\n"],"names":["notificationsSettingsHeaderId","columnKey","NotificationsSettingsHeader","className","showEmail","showSms","props","visibleColumns","column","jsx","clsx","jsxs","index","headerId","ActionIconText","Info"],"mappings":"gRAWaA,EAAiCC,GAC5C,iCAAiCA,CAAS,GAE/BC,EAA8B,CAAC,CAC1C,UAAAC,EACA,UAAAC,EAAY,GACZ,QAAAC,EAAU,GACV,GAAGC,CACL,IAAwB,CAqCtB,MAAMC,EApCa,CACjB,CACE,MAAO,qBACP,OAAQ,GACR,OAAQ,GACR,IAAK,WACL,cAAe,EACjB,EACA,CACE,MAAO,MACP,WAAY,GACZ,IAAK,MACL,QAASF,EACT,UAAW,CACT,MAAO,MACP,YAAa,8BACb,OAAQ,GACR,gBAAiB,IAAM,CAAC,EACxB,UAAW,kBAAA,CAEf,EACA,CACE,MAAO,QACP,WAAY,GACZ,IAAK,QACL,QAASD,EACT,UAAW,CACT,MAAO,QACP,YAAa,gCACb,OAAQ,GACR,gBAAiB,IAAM,CAAC,EACxB,UAAW,oBAAA,CACb,CAEJ,EAEkC,OAC/BI,GAAWA,EAAO,eAAiBA,EAAO,OAC7C,EAEA,gCACG,MACC,CAAA,SAAA,CAAAC,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAWC,EAAAA,KAAKP,CAAS,EAAI,GAAGG,EACnC,SAAAK,EAAA,kBAAA,KAAC,QAAM,CAAA,UAAU,cAAc,KAAK,QAClC,SAAA,CAACF,EAAAA,kBAAAA,IAAA,QAAA,CACC,iCAAC,KAAG,CAAA,UAAU,cACX,SAAeF,EAAA,IAAI,CAACC,EAAQI,IAAU,CAC/B,MAAAC,EAAWb,EAA8BQ,EAAO,GAAG,EAEvD,OAAAC,EAAA,kBAAA,IAAC,KAAA,CAEC,GAAII,EACJ,MAAM,MACN,gBAAeD,EAAQ,EACvB,kBAAiBJ,EAAO,IACxB,UAAWE,EAAA,KACT,mCACAF,EAAO,OAAS,SAAW,WAC7B,EAEA,SAAAC,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWC,EAAA,KACT,+BACAF,EAAO,WAAa,4BAA8B,EACpD,EAEA,iCAAC,MACC,CAAA,SAAAC,EAAA,kBAAA,IAACK,EAAA,eAAA,CACC,cAAe,kBACf,OAAQN,EAAO,OACf,6BAAOO,EAAK,KAAA,EAAA,EACZ,UAAWP,EAAO,MAClB,aAAc,QACd,UAAWA,EAAO,UAClB,cACED,EAAe,SAAWK,EAAQ,EAC9B,OACA,OAAA,CAAA,CAGV,CAAA,CAAA,CAAA,CACF,EA/BKC,CAgCP,CAAA,CAEH,EACH,CACF,CAAA,EACAJ,EAAAA,kBAAAA,IAAC,QACC,CAAA,SAAAA,EAAA,kBAAA,IAAC,KAAG,CAAA,UAAU,UACX,SAAeF,EAAA,IAAI,CAACC,EAAQI,IAAU,CAC/B,MAAAC,EAAWb,EAA8BQ,EAAO,GAAG,EAEvD,OAAAC,EAAA,kBAAA,IAAC,KAAA,CAEC,QAASI,EACT,gBAAeD,EAAQ,CAAA,EAFlB,GAAGC,CAAQ,OAKlB,CAEH,CAAA,CACH,CAAA,CACF,CAAA,CAAA,CAAA,CACF,CACF,CAAA,EACAJ,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAW,sBAAwB,CAAA,CAAA,EAC1C,CAEJ"}

package/dist/index.cjs81.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/InfoModal/InfoModal.css');const s=require("./index.cjs249.js"),e=require("./index.cjs300.js");;/* empty css              */const n=require("./index.cjs9.js"),l=require("./index.cjs186.js"),a=require("./index.cjs163.js"),c=({open:o,setOpen:i,id:t="",title:r,text:x})=>s.jsxRuntimeExports.jsx(e.Root,{open:o,onOpenChange:i,children:s.jsxRuntimeExports.jsx(e.Portal,{children:s.jsxRuntimeExports.jsx("div",{className:"ui-info-modal",children:s.jsxRuntimeExports.jsx(e.Content,{className:"shadow br-x4 ui-info-modal-body",id:t,children:s.jsxRuntimeExports.jsx("div",{className:"bg-lightblue-a03 ui-info-modal-container shadow br-x4",children:s.jsxRuntimeExports.jsxs(n.Row,{p:"x20",gap:"x16",children:[s.jsxRuntimeExports.jsxs("div",{className:"ui-info-modal-icon base-row bg-lightblue-a03",children:[s.jsxRuntimeExports.jsx("div",{className:"ui-info-modal-badge-container",children:s.jsxRuntimeExports.jsx("div",{className:"ui-info-modal-badge"})}),s.jsxRuntimeExports.jsx(n.Row,{className:"ui-info-modal-action-container",alignItems:"center",justifyContent:"center",children:s.jsxRuntimeExports.jsx(l.Actions,{width:24,height:26,color:"slate-28"})})]}),s.jsxRuntimeExports.jsxs("div",{className:"w-full",children:[s.jsxRuntimeExports.jsx("p",{className:"my-x8 fs-5 fw-semibold",children:r}),s.jsxRuntimeExports.jsx("p",{children:x})]}),s.jsxRuntimeExports.jsx(a.Close,{className:"cursor-pointer",onClick:()=>i(!1),width:32,height:32,color:"slate-28"})]})})})})})});exports.InfoModal=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/InfoModal/InfoModal.css');const s=require("./index.cjs249.js"),e=require("./index.cjs330.js");;/* empty css              */const n=require("./index.cjs9.js"),l=require("./index.cjs186.js"),a=require("./index.cjs163.js"),c=({open:o,setOpen:i,id:t="",title:r,text:x})=>s.jsxRuntimeExports.jsx(e.Root,{open:o,onOpenChange:i,children:s.jsxRuntimeExports.jsx(e.Portal,{children:s.jsxRuntimeExports.jsx("div",{className:"ui-info-modal",children:s.jsxRuntimeExports.jsx(e.Content,{className:"shadow br-x4 ui-info-modal-body",id:t,children:s.jsxRuntimeExports.jsx("div",{className:"bg-lightblue-a03 ui-info-modal-container shadow br-x4",children:s.jsxRuntimeExports.jsxs(n.Row,{p:"x20",gap:"x16",children:[s.jsxRuntimeExports.jsxs("div",{className:"ui-info-modal-icon base-row bg-lightblue-a03",children:[s.jsxRuntimeExports.jsx("div",{className:"ui-info-modal-badge-container",children:s.jsxRuntimeExports.jsx("div",{className:"ui-info-modal-badge"})}),s.jsxRuntimeExports.jsx(n.Row,{className:"ui-info-modal-action-container",alignItems:"center",justifyContent:"center",children:s.jsxRuntimeExports.jsx(l.Actions,{width:24,height:26,color:"slate-28"})})]}),s.jsxRuntimeExports.jsxs("div",{className:"w-full",children:[s.jsxRuntimeExports.jsx("p",{className:"my-x8 fs-5 fw-semibold",children:r}),s.jsxRuntimeExports.jsx("p",{children:x})]}),s.jsxRuntimeExports.jsx(a.Close,{className:"cursor-pointer",onClick:()=>i(!1),width:32,height:32,color:"slate-28"})]})})})})})});exports.InfoModal=c;
 //# sourceMappingURL=index.cjs81.js.map

package/dist/index.cjs81.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs81.js","sources":["../src/components/ui/InfoModal/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as Dialog from \"@radix-ui/react-dialog\";\r\nimport { Row } from \"@/components\";\r\nimport { Actions, Close } from \"@/icons\";\r\nimport \"./InfoModal.scss\";\r\n\r\ntype InfoModalProps = {\r\n  open: boolean;\r\n  setOpen: (open: boolean) => void;\r\n  id?: string;\r\n  title: string;\r\n  text: string;\r\n};\r\n\r\nconst InfoModal = ({ open, setOpen, id = \"\", title, text }: InfoModalProps) => {\r\n  return (\r\n    <Dialog.Root open={open} onOpenChange={setOpen}>\r\n      <Dialog.Portal>\r\n        <div className=\"ui-info-modal\">\r\n          <Dialog.Content className=\"shadow br-x4 ui-info-modal-body\" id={id}>\r\n            <div className=\"bg-lightblue-a03 ui-info-modal-container shadow br-x4\">\r\n              <Row p={\"x20\"} gap=\"x16\">\r\n                <div className=\"ui-info-modal-icon base-row bg-lightblue-a03\">\r\n                  <div className=\"ui-info-modal-badge-container\">\r\n                    <div className=\"ui-info-modal-badge\" />\r\n                  </div>\r\n                  <Row\r\n                    className=\"ui-info-modal-action-container\"\r\n                    alignItems=\"center\"\r\n                    justifyContent=\"center\"\r\n                  >\r\n                    <Actions width={24} height={26} color=\"slate-28\" />\r\n                  </Row>\r\n                </div>\r\n                <div className=\"w-full\">\r\n                  <p className=\"my-x8 fs-5 fw-semibold\">{title}</p>\r\n                  <p>{text}</p>\r\n                </div>\r\n                <Close\r\n                  className=\"cursor-pointer\"\r\n                  onClick={() => setOpen(false)}\r\n                  width={32}\r\n                  height={32}\r\n                  color=\"slate-28\"\r\n                />\r\n              </Row>\r\n            </div>\r\n          </Dialog.Content>\r\n        </div>\r\n      </Dialog.Portal>\r\n    </Dialog.Root>\r\n  );\r\n};\r\n\r\nexport { InfoModal };\r\n"],"names":["InfoModal","open","setOpen","id","title","text","jsx","Dialog.Root","Dialog.Portal","Dialog.Content","jsxs","Row","Actions","Close"],"mappings":"kRAeMA,EAAY,CAAC,CAAE,KAAAC,EAAM,QAAAC,EAAS,GAAAC,EAAK,GAAI,MAAAC,EAAO,KAAAC,KAE/CC,EAAAA,kBAAAA,IAAAC,EAAAA,KAAA,CAAY,KAAAN,EAAY,aAAcC,EACrC,SAAAI,EAAA,kBAAA,IAACE,EAAO,OAAP,CACC,SAAAF,EAAAA,kBAAAA,IAAC,OAAI,UAAU,gBACb,SAACA,wBAAAG,EAAAA,QAAA,CAAe,UAAU,kCAAkC,GAAAN,EAC1D,SAACG,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,wDACb,SAACI,EAAAA,kBAAAA,KAAAC,EAAAA,IAAA,CAAI,EAAG,MAAO,IAAI,MACjB,SAAA,CAACD,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,+CACb,SAAA,CAAAJ,EAAAA,kBAAAA,IAAC,OAAI,UAAU,gCACb,iCAAC,MAAI,CAAA,UAAU,sBAAsB,CACvC,CAAA,EACAA,EAAA,kBAAA,IAACK,EAAA,IAAA,CACC,UAAU,iCACV,WAAW,SACX,eAAe,SAEf,iCAACC,EAAQ,QAAA,CAAA,MAAO,GAAI,OAAQ,GAAI,MAAM,UAAW,CAAA,CAAA,CAAA,CACnD,EACF,EACAF,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,SACb,SAAA,CAACJ,EAAA,kBAAA,IAAA,IAAA,CAAE,UAAU,yBAA0B,SAAMF,EAAA,EAC7CE,EAAAA,kBAAAA,IAAC,KAAG,SAAKD,CAAA,CAAA,CAAA,EACX,EACAC,EAAA,kBAAA,IAACO,EAAA,MAAA,CACC,UAAU,iBACV,QAAS,IAAMX,EAAQ,EAAK,EAC5B,MAAO,GACP,OAAQ,GACR,MAAM,UAAA,CAAA,CACR,CAAA,CACF,CACF,CAAA,CAAA,CACF,CACF,CAAA,CAAA,CACF,CACF,CAAA"}
+{"version":3,"file":"index.cjs81.js","sources":["../src/components/ui/InfoModal/index.tsx"],"sourcesContent":["\"use client\";\n\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport { Row } from \"@/components\";\nimport { Actions, Close } from \"@/icons\";\nimport \"./InfoModal.scss\";\n\ntype InfoModalProps = {\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  id?: string;\n  title: string;\n  text: string;\n};\n\nconst InfoModal = ({ open, setOpen, id = \"\", title, text }: InfoModalProps) => {\n  return (\n    <Dialog.Root open={open} onOpenChange={setOpen}>\n      <Dialog.Portal>\n        <div className=\"ui-info-modal\">\n          <Dialog.Content className=\"shadow br-x4 ui-info-modal-body\" id={id}>\n            <div className=\"bg-lightblue-a03 ui-info-modal-container shadow br-x4\">\n              <Row p={\"x20\"} gap=\"x16\">\n                <div className=\"ui-info-modal-icon base-row bg-lightblue-a03\">\n                  <div className=\"ui-info-modal-badge-container\">\n                    <div className=\"ui-info-modal-badge\" />\n                  </div>\n                  <Row\n                    className=\"ui-info-modal-action-container\"\n                    alignItems=\"center\"\n                    justifyContent=\"center\"\n                  >\n                    <Actions width={24} height={26} color=\"slate-28\" />\n                  </Row>\n                </div>\n                <div className=\"w-full\">\n                  <p className=\"my-x8 fs-5 fw-semibold\">{title}</p>\n                  <p>{text}</p>\n                </div>\n                <Close\n                  className=\"cursor-pointer\"\n                  onClick={() => setOpen(false)}\n                  width={32}\n                  height={32}\n                  color=\"slate-28\"\n                />\n              </Row>\n            </div>\n          </Dialog.Content>\n        </div>\n      </Dialog.Portal>\n    </Dialog.Root>\n  );\n};\n\nexport { InfoModal };\n"],"names":["InfoModal","open","setOpen","id","title","text","jsx","Dialog.Root","Dialog.Portal","Dialog.Content","jsxs","Row","Actions","Close"],"mappings":"kRAeMA,EAAY,CAAC,CAAE,KAAAC,EAAM,QAAAC,EAAS,GAAAC,EAAK,GAAI,MAAAC,EAAO,KAAAC,KAE/CC,EAAAA,kBAAAA,IAAAC,EAAAA,KAAA,CAAY,KAAAN,EAAY,aAAcC,EACrC,SAAAI,EAAA,kBAAA,IAACE,EAAO,OAAP,CACC,SAAAF,EAAAA,kBAAAA,IAAC,OAAI,UAAU,gBACb,SAACA,wBAAAG,EAAAA,QAAA,CAAe,UAAU,kCAAkC,GAAAN,EAC1D,SAACG,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,wDACb,SAACI,EAAAA,kBAAAA,KAAAC,EAAAA,IAAA,CAAI,EAAG,MAAO,IAAI,MACjB,SAAA,CAACD,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,+CACb,SAAA,CAAAJ,EAAAA,kBAAAA,IAAC,OAAI,UAAU,gCACb,iCAAC,MAAI,CAAA,UAAU,sBAAsB,CACvC,CAAA,EACAA,EAAA,kBAAA,IAACK,EAAA,IAAA,CACC,UAAU,iCACV,WAAW,SACX,eAAe,SAEf,iCAACC,EAAQ,QAAA,CAAA,MAAO,GAAI,OAAQ,GAAI,MAAM,UAAW,CAAA,CAAA,CAAA,CACnD,EACF,EACAF,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,SACb,SAAA,CAACJ,EAAA,kBAAA,IAAA,IAAA,CAAE,UAAU,yBAA0B,SAAMF,EAAA,EAC7CE,EAAAA,kBAAAA,IAAC,KAAG,SAAKD,CAAA,CAAA,CAAA,EACX,EACAC,EAAA,kBAAA,IAACO,EAAA,MAAA,CACC,UAAU,iBACV,QAAS,IAAMX,EAAQ,EAAK,EAC5B,MAAO,GACP,OAAQ,GACR,MAAM,UAAA,CAAA,CACR,CAAA,CACF,CACF,CAAA,CAAA,CACF,CACF,CAAA,CAAA,CACF,CACF,CAAA"}

package/dist/index.cjs82.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs82.js","sources":["../src/components/ui/DoctorSkeleton/index.tsx"],"sourcesContent":["import \"./DoctorSkeleton.scss\";\r\n\r\nexport const DoctorSkeleton = () => {\r\n  return (\r\n    <div className=\"doctor-skeleton-container\">\r\n      {/* Doctor header with title and buttons */}\r\n      <div className=\"doctor-skeleton-header-row\">\r\n        <div className=\"doctor-skeleton-doctor-name pulse\"></div>\r\n        <div className=\"doctor-skeleton-actions\">\r\n          <div className=\"doctor-skeleton-action-storico pulse\"></div>\r\n          <div className=\"doctor-skeleton-action-scegli pulse\"></div>\r\n          <div className=\"doctor-skeleton-action-cambia pulse\"></div>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Divider */}\r\n      <div className=\"doctor-skeleton-divider\"></div>\r\n\r\n      {/* Info fields in 3-column layout */}\r\n      <div className=\"doctor-skeleton-info-grid\">\r\n        {/* Column 1: Anno di nascita */}\r\n        <div className=\"doctor-skeleton-info-column\">\r\n          <div className=\"doctor-skeleton-info-label pulse\"></div>\r\n          <div className=\"doctor-skeleton-info-value pulse\"></div>\r\n        </div>\r\n\r\n        {/* Column 2: Distretto */}\r\n        <div className=\"doctor-skeleton-info-column\">\r\n          <div className=\"doctor-skeleton-info-label pulse\"></div>\r\n          <div className=\"doctor-skeleton-info-value-long pulse\"></div>\r\n        </div>\r\n\r\n        {/* Column 3: Specializzazione */}\r\n        <div className=\"doctor-skeleton-info-column\">\r\n          <div className=\"doctor-skeleton-info-label pulse\"></div>\r\n          <div className=\"doctor-skeleton-info-value pulse\"></div>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Selection date in separate row */}\r\n      <div className=\"doctor-skeleton-selection-date\">\r\n        <div className=\"doctor-skeleton-info-label pulse\"></div>\r\n        <div className=\"doctor-skeleton-info-value pulse\"></div>\r\n      </div>\r\n\r\n      {/* Tabs */}\r\n      <div className=\"doctor-skeleton-tabs-container\">\r\n        <div className=\"doctor-skeleton-tab-active pulse\"></div>\r\n        <div className=\"doctor-skeleton-tab-divider\"></div>\r\n      </div>\r\n\r\n      {/* Office address */}\r\n      <div className=\"doctor-skeleton-office\">\r\n        <div className=\"doctor-skeleton-office-title pulse\"></div>\r\n\r\n        {/* Contact info and schedule in two columns */}\r\n        <div className=\"doctor-skeleton-office-grid\">\r\n          {/* Left column - Contact info */}\r\n          <div className=\"doctor-skeleton-contact-column\">\r\n            <div className=\"doctor-skeleton-contact-item\">\r\n              <div className=\"doctor-skeleton-contact-label pulse\"></div>\r\n              <div className=\"doctor-skeleton-contact-value pulse\"></div>\r\n            </div>\r\n            <div className=\"doctor-skeleton-contact-item\">\r\n              <div className=\"doctor-skeleton-contact-label pulse\"></div>\r\n              <div className=\"doctor-skeleton-contact-value pulse\"></div>\r\n            </div>\r\n          </div>\r\n\r\n          {/* Right column - Schedule */}\r\n          <div className=\"doctor-skeleton-schedule-column\">\r\n            <div className=\"doctor-skeleton-schedule-title pulse\"></div>\r\n            <div className=\"doctor-skeleton-schedule-grid\">\r\n              {/* Row 1 */}\r\n              <div className=\"doctor-skeleton-schedule-day\">\r\n                <div className=\"doctor-skeleton-day-label pulse\"></div>\r\n                <div className=\"doctor-skeleton-day-hours pulse\"></div>\r\n              </div>\r\n              <div className=\"doctor-skeleton-schedule-day\">\r\n                <div className=\"doctor-skeleton-day-label pulse\"></div>\r\n                <div className=\"doctor-skeleton-day-hours pulse\"></div>\r\n              </div>\r\n\r\n              {/* Row 2 */}\r\n              <div className=\"doctor-skeleton-schedule-day\">\r\n                <div className=\"doctor-skeleton-day-label pulse\"></div>\r\n                <div className=\"doctor-skeleton-day-hours pulse\"></div>\r\n              </div>\r\n              <div className=\"doctor-skeleton-schedule-day\">\r\n                <div className=\"doctor-skeleton-day-label pulse\"></div>\r\n                <div className=\"doctor-skeleton-day-hours pulse\"></div>\r\n              </div>\r\n\r\n              {/* Row 3 */}\r\n              <div className=\"doctor-skeleton-schedule-day\">\r\n                <div className=\"doctor-skeleton-day-label pulse\"></div>\r\n                <div className=\"doctor-skeleton-day-hours pulse\"></div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["DoctorSkeleton","jsxs","jsx"],"mappings":"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"}
+{"version":3,"file":"index.cjs82.js","sources":["../src/components/ui/DoctorSkeleton/index.tsx"],"sourcesContent":["import \"./DoctorSkeleton.scss\";\n\nexport const DoctorSkeleton = () => {\n  return (\n    <div className=\"doctor-skeleton-container\">\n      {/* Doctor header with title and buttons */}\n      <div className=\"doctor-skeleton-header-row\">\n        <div className=\"doctor-skeleton-doctor-name pulse\"></div>\n        <div className=\"doctor-skeleton-actions\">\n          <div className=\"doctor-skeleton-action-storico pulse\"></div>\n          <div className=\"doctor-skeleton-action-scegli pulse\"></div>\n          <div className=\"doctor-skeleton-action-cambia pulse\"></div>\n        </div>\n      </div>\n\n      {/* Divider */}\n      <div className=\"doctor-skeleton-divider\"></div>\n\n      {/* Info fields in 3-column layout */}\n      <div className=\"doctor-skeleton-info-grid\">\n        {/* Column 1: Anno di nascita */}\n        <div className=\"doctor-skeleton-info-column\">\n          <div className=\"doctor-skeleton-info-label pulse\"></div>\n          <div className=\"doctor-skeleton-info-value pulse\"></div>\n        </div>\n\n        {/* Column 2: Distretto */}\n        <div className=\"doctor-skeleton-info-column\">\n          <div className=\"doctor-skeleton-info-label pulse\"></div>\n          <div className=\"doctor-skeleton-info-value-long pulse\"></div>\n        </div>\n\n        {/* Column 3: Specializzazione */}\n        <div className=\"doctor-skeleton-info-column\">\n          <div className=\"doctor-skeleton-info-label pulse\"></div>\n          <div className=\"doctor-skeleton-info-value pulse\"></div>\n        </div>\n      </div>\n\n      {/* Selection date in separate row */}\n      <div className=\"doctor-skeleton-selection-date\">\n        <div className=\"doctor-skeleton-info-label pulse\"></div>\n        <div className=\"doctor-skeleton-info-value pulse\"></div>\n      </div>\n\n      {/* Tabs */}\n      <div className=\"doctor-skeleton-tabs-container\">\n        <div className=\"doctor-skeleton-tab-active pulse\"></div>\n        <div className=\"doctor-skeleton-tab-divider\"></div>\n      </div>\n\n      {/* Office address */}\n      <div className=\"doctor-skeleton-office\">\n        <div className=\"doctor-skeleton-office-title pulse\"></div>\n\n        {/* Contact info and schedule in two columns */}\n        <div className=\"doctor-skeleton-office-grid\">\n          {/* Left column - Contact info */}\n          <div className=\"doctor-skeleton-contact-column\">\n            <div className=\"doctor-skeleton-contact-item\">\n              <div className=\"doctor-skeleton-contact-label pulse\"></div>\n              <div className=\"doctor-skeleton-contact-value pulse\"></div>\n            </div>\n            <div className=\"doctor-skeleton-contact-item\">\n              <div className=\"doctor-skeleton-contact-label pulse\"></div>\n              <div className=\"doctor-skeleton-contact-value pulse\"></div>\n            </div>\n          </div>\n\n          {/* Right column - Schedule */}\n          <div className=\"doctor-skeleton-schedule-column\">\n            <div className=\"doctor-skeleton-schedule-title pulse\"></div>\n            <div className=\"doctor-skeleton-schedule-grid\">\n              {/* Row 1 */}\n              <div className=\"doctor-skeleton-schedule-day\">\n                <div className=\"doctor-skeleton-day-label pulse\"></div>\n                <div className=\"doctor-skeleton-day-hours pulse\"></div>\n              </div>\n              <div className=\"doctor-skeleton-schedule-day\">\n                <div className=\"doctor-skeleton-day-label pulse\"></div>\n                <div className=\"doctor-skeleton-day-hours pulse\"></div>\n              </div>\n\n              {/* Row 2 */}\n              <div className=\"doctor-skeleton-schedule-day\">\n                <div className=\"doctor-skeleton-day-label pulse\"></div>\n                <div className=\"doctor-skeleton-day-hours pulse\"></div>\n              </div>\n              <div className=\"doctor-skeleton-schedule-day\">\n                <div className=\"doctor-skeleton-day-label pulse\"></div>\n                <div className=\"doctor-skeleton-day-hours pulse\"></div>\n              </div>\n\n              {/* Row 3 */}\n              <div className=\"doctor-skeleton-schedule-day\">\n                <div className=\"doctor-skeleton-day-label pulse\"></div>\n                <div className=\"doctor-skeleton-day-hours pulse\"></div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["DoctorSkeleton","jsxs","jsx"],"mappings":"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"}

package/dist/index.cjs83.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs83.js","sources":["../src/components/ui/InfoCardSkeleton/index.tsx"],"sourcesContent":["import \"./InfoCardSkeleton.scss\";\r\n\r\nexport const InfoCardSkeleton = () => {\r\n  return (\r\n    <div className=\"data-banner-skeleton pulse\">\r\n      <div className=\"data-banner-skeleton-content\">\r\n        {/*<div className=\"data-banner-skeleton-text pulse\"></div>*/}\r\n        {/*<div className=\"data-banner-skeleton-link pulse\"></div>*/}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["InfoCardSkeleton","jsx"],"mappings":"kJAEO,MAAMA,EAAmB,IAE5BC,wBAAC,OAAI,UAAU,6BACb,iCAAC,MAAI,CAAA,UAAU,+BAGf,CACF,CAAA"}
+{"version":3,"file":"index.cjs83.js","sources":["../src/components/ui/InfoCardSkeleton/index.tsx"],"sourcesContent":["import \"./InfoCardSkeleton.scss\";\n\nexport const InfoCardSkeleton = () => {\n  return (\n    <div className=\"data-banner-skeleton pulse\">\n      <div className=\"data-banner-skeleton-content\">\n        {/*<div className=\"data-banner-skeleton-text pulse\"></div>*/}\n        {/*<div className=\"data-banner-skeleton-link pulse\"></div>*/}\n      </div>\n    </div>\n  );\n};\n"],"names":["InfoCardSkeleton","jsx"],"mappings":"kJAEO,MAAMA,EAAmB,IAE5BC,wBAAC,OAAI,UAAU,6BACb,iCAAC,MAAI,CAAA,UAAU,+BAGf,CACF,CAAA"}

package/dist/index.cjs84.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs84.js","sources":["../src/components/ui/TableSkeleton/index.tsx"],"sourcesContent":["import \"./TableSkeleton.scss\";\r\n\r\nexport const TableSkeleton = () => {\r\n  return (\r\n    <div className=\"family-doctor-skeleton\">\r\n      {/* Section title */}\r\n      <div className=\"family-doctor-skeleton-title pulse\"></div>\r\n\r\n      {/* Card content */}\r\n      <div className=\"family-doctor-skeleton-card\">\r\n        {/* Avatar and doctor info */}\r\n        <div className=\"family-doctor-skeleton-header\">\r\n          <div className=\"family-doctor-skeleton-avatar pulse\"></div>\r\n          <div className=\"family-doctor-skeleton-info\">\r\n            <div className=\"family-doctor-skeleton-name pulse\"></div>\r\n            <div className=\"family-doctor-skeleton-dash pulse\"></div>\r\n          </div>\r\n        </div>\r\n\r\n        {/* Two-column layout for contact and schedule */}\r\n        <div className=\"family-doctor-skeleton-content\">\r\n          {/* Left column - Contact info */}\r\n          <div className=\"family-doctor-skeleton-left-column\">\r\n            {/* Phone */}\r\n            <div className=\"family-doctor-skeleton-field\">\r\n              <div className=\"family-doctor-skeleton-label pulse\"></div>\r\n              <div className=\"family-doctor-skeleton-value pulse\"></div>\r\n            </div>\r\n\r\n            {/* Email */}\r\n            <div className=\"family-doctor-skeleton-field\">\r\n              <div className=\"family-doctor-skeleton-label pulse\"></div>\r\n              <div className=\"family-doctor-skeleton-dash-value pulse\"></div>\r\n            </div>\r\n\r\n            {/* Address */}\r\n            <div className=\"family-doctor-skeleton-field\">\r\n              <div className=\"family-doctor-skeleton-label pulse\"></div>\r\n              <div className=\"family-doctor-skeleton-value pulse\"></div>\r\n            </div>\r\n\r\n            {/* Change doctor button */}\r\n            <div className=\"family-doctor-skeleton-button pulse\"></div>\r\n          </div>\r\n\r\n          {/* Right column - Schedule */}\r\n          <div className=\"family-doctor-skeleton-right-column\">\r\n            <div className=\"family-doctor-skeleton-schedule-title pulse\"></div>\r\n            <div className=\"family-doctor-skeleton-schedule\">\r\n              {/* Row 1: Monday and Thursday */}\r\n              <div className=\"family-doctor-skeleton-schedule-column\">\r\n                <div className=\"family-doctor-skeleton-day\">\r\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\r\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\r\n                </div>\r\n\r\n                <div className=\"family-doctor-skeleton-day\">\r\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\r\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\r\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\r\n                </div>\r\n              </div>\r\n\r\n              {/* Row 2: Tuesday and Friday */}\r\n              <div className=\"family-doctor-skeleton-schedule-column\">\r\n                <div className=\"family-doctor-skeleton-day\">\r\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\r\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\r\n                </div>\r\n\r\n                <div className=\"family-doctor-skeleton-day\">\r\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\r\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\r\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\r\n                </div>\r\n              </div>\r\n\r\n              {/* Row 3: Wednesday */}\r\n              <div className=\"family-doctor-skeleton-schedule-column\">\r\n                <div className=\"family-doctor-skeleton-day\">\r\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\r\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["TableSkeleton","jsxs","jsx"],"mappings":"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"}
+{"version":3,"file":"index.cjs84.js","sources":["../src/components/ui/TableSkeleton/index.tsx"],"sourcesContent":["import \"./TableSkeleton.scss\";\n\nexport const TableSkeleton = () => {\n  return (\n    <div className=\"family-doctor-skeleton\">\n      {/* Section title */}\n      <div className=\"family-doctor-skeleton-title pulse\"></div>\n\n      {/* Card content */}\n      <div className=\"family-doctor-skeleton-card\">\n        {/* Avatar and doctor info */}\n        <div className=\"family-doctor-skeleton-header\">\n          <div className=\"family-doctor-skeleton-avatar pulse\"></div>\n          <div className=\"family-doctor-skeleton-info\">\n            <div className=\"family-doctor-skeleton-name pulse\"></div>\n            <div className=\"family-doctor-skeleton-dash pulse\"></div>\n          </div>\n        </div>\n\n        {/* Two-column layout for contact and schedule */}\n        <div className=\"family-doctor-skeleton-content\">\n          {/* Left column - Contact info */}\n          <div className=\"family-doctor-skeleton-left-column\">\n            {/* Phone */}\n            <div className=\"family-doctor-skeleton-field\">\n              <div className=\"family-doctor-skeleton-label pulse\"></div>\n              <div className=\"family-doctor-skeleton-value pulse\"></div>\n            </div>\n\n            {/* Email */}\n            <div className=\"family-doctor-skeleton-field\">\n              <div className=\"family-doctor-skeleton-label pulse\"></div>\n              <div className=\"family-doctor-skeleton-dash-value pulse\"></div>\n            </div>\n\n            {/* Address */}\n            <div className=\"family-doctor-skeleton-field\">\n              <div className=\"family-doctor-skeleton-label pulse\"></div>\n              <div className=\"family-doctor-skeleton-value pulse\"></div>\n            </div>\n\n            {/* Change doctor button */}\n            <div className=\"family-doctor-skeleton-button pulse\"></div>\n          </div>\n\n          {/* Right column - Schedule */}\n          <div className=\"family-doctor-skeleton-right-column\">\n            <div className=\"family-doctor-skeleton-schedule-title pulse\"></div>\n            <div className=\"family-doctor-skeleton-schedule\">\n              {/* Row 1: Monday and Thursday */}\n              <div className=\"family-doctor-skeleton-schedule-column\">\n                <div className=\"family-doctor-skeleton-day\">\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\n                </div>\n\n                <div className=\"family-doctor-skeleton-day\">\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\n                </div>\n              </div>\n\n              {/* Row 2: Tuesday and Friday */}\n              <div className=\"family-doctor-skeleton-schedule-column\">\n                <div className=\"family-doctor-skeleton-day\">\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\n                </div>\n\n                <div className=\"family-doctor-skeleton-day\">\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\n                </div>\n              </div>\n\n              {/* Row 3: Wednesday */}\n              <div className=\"family-doctor-skeleton-schedule-column\">\n                <div className=\"family-doctor-skeleton-day\">\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["TableSkeleton","jsxs","jsx"],"mappings":"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"}