@anoki/fse-ui 1.0.428 → 1.0.430

package/dist/index.cjs65.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs65.js","sources":["../src/components/ui/Table/index.tsx"],"sourcesContent":["import * as React from \"react\";\nimport clsx from \"clsx\";\nimport \"./Table.scss\";\nimport { Download, Info, TriangleDown, TriangleUp } from \"@/icons\";\nimport { ActionIconText } from \"../ActionIconText\";\nimport { CommonIconsType } from \"@/types/icons\";\nimport { InfoPopupProps } from \"../InfoPopup\";\n\n// per le celle che vanno renderizzate su due righe\nexport interface DoubleLineData {\n  firstLine: string;\n  secondLine: string;\n}\n\n//per le celle che renderizzano un link o un bottone\nexport interface ActionData {\n  label: string;\n  ariaLabel: string;\n  type: \"link\" | \"button\";\n  link?: string;\n  action?: () => void;\n}\n\nexport interface ColumnConfig {\n  label: string;\n  ariaLabel: string;\n  sortable: boolean;\n  action?: () => void;\n  iconAction?: () => void;\n  popupInfo?: InfoPopupProps;\n  icon?: React.ReactNode | CommonIconsType;\n  iconPosition?: \"left\" | \"right\";\n  key?: string;\n  type?: \"string\" | \"date\" | \"number\";\n}\n\nexport interface TableRowData {\n  [key: string]: string | DoubleLineData | ActionData;\n}\n\nexport interface TableHeaderProps\n  extends React.HTMLAttributes<HTMLTableSectionElement> {\n  className?: string;\n  children?: React.ReactNode;\n}\n\nexport interface TableBodyProps\n  extends React.HTMLAttributes<HTMLTableSectionElement> {\n  className?: string;\n  children?: React.ReactNode;\n}\n\nexport interface TableRowProps\n  extends React.HTMLAttributes<HTMLTableRowElement> {\n  className?: string;\n  children?: React.ReactNode;\n}\n\nexport interface TableHeadProps\n  extends React.ThHTMLAttributes<HTMLTableCellElement> {\n  className?: string;\n  children?: React.ReactNode;\n}\n\nexport interface TableCellBaseProps\n  extends Omit<React.TdHTMLAttributes<HTMLTableCellElement>, \"content\"> {\n  type?: \"double-line\" | \"action\";\n}\n\nexport interface TableCellProps extends TableCellBaseProps {\n  content: string | DoubleLineData | ActionData;\n}\n\nexport interface PaginationProps {\n  currentPage: number;\n  totalResults: number;\n  resultsPerPage: number;\n  setCurrentPage: (page: number) => void;\n  onPageChange?: (page: number) => void;\n  className?: string;\n}\n\nexport interface TableProps\n  extends React.TableHTMLAttributes<HTMLTableElement> {\n  className?: string;\n  columns: ColumnConfig[];\n  data: TableRowData[];\n  pagination?: boolean;\n  initialCurrentPage?: number;\n  resultsPerPage?: number;\n  defaultSortDirection?: \"asc\" | \"desc\";\n}\n\nconst Table = React.forwardRef<HTMLTableElement, TableProps>(\n  (\n    {\n      className,\n      columns,\n      data,\n      pagination,\n      initialCurrentPage = 1,\n      resultsPerPage = 10,\n      defaultSortDirection = \"desc\",\n      ...props\n    },\n    ref,\n  ) => {\n    const [sortConfig, setSortConfig] = React.useState<{\n      key: string;\n      direction: \"asc\" | \"desc\";\n    }>({\n      key: columns[0].key || columns[0].label,\n      direction: defaultSortDirection,\n    });\n    const [currentPage, setCurrentPage] = React.useState(initialCurrentPage);\n\n    const sortedData = React.useMemo(() => {\n      return [...data].sort((a, b) => {\n        const aValue = a[sortConfig.key];\n        const bValue = b[sortConfig.key];\n        const column = columns.find(\n          (col) => (col.key || col.label) === sortConfig.key,\n        );\n\n        if (typeof aValue === \"string\" && typeof bValue === \"string\") {\n          if (column?.type === \"date\") {\n            // Convert Italian date format (DD/MM/YYYY - HH:mm) to Date object\n            const parseDate = (dateStr: string) => {\n              const [datePart, timePart] = dateStr.split(\" - \");\n              const [day, month, year] = datePart.split(\"/\").map(Number);\n              const [hours, minutes] = timePart.split(\":\").map(Number);\n              return new Date(year, month - 1, day, hours, minutes);\n            };\n\n            const dateA = parseDate(aValue);\n            const dateB = parseDate(bValue);\n            return sortConfig.direction === \"asc\"\n              ? dateA.getTime() - dateB.getTime()\n              : dateB.getTime() - dateA.getTime();\n          }\n\n          if (column?.type === \"number\") {\n            const numA = parseFloat(aValue);\n            const numB = parseFloat(bValue);\n            return sortConfig.direction === \"asc\" ? numA - numB : numB - numA;\n          }\n\n          return sortConfig.direction === \"asc\"\n            ? aValue.localeCompare(bValue)\n            : bValue.localeCompare(aValue);\n        }\n\n        if (isDoubleLineData(aValue) && isDoubleLineData(bValue)) {\n          return sortConfig.direction === \"asc\"\n            ? aValue.firstLine.localeCompare(bValue.firstLine)\n            : bValue.firstLine.localeCompare(aValue.firstLine);\n        }\n\n        return 0;\n      });\n    }, [data, sortConfig, columns]);\n\n    const handleSort = (columnKey: string) => {\n      setSortConfig((currentSort) => ({\n        key: columnKey,\n        direction:\n          currentSort.key === columnKey && currentSort.direction === \"asc\"\n            ? \"desc\"\n            : \"asc\",\n      }));\n    };\n\n    const startIndex = pagination ? (currentPage - 1) * resultsPerPage : 0;\n    const endIndex = pagination\n      ? Math.min(startIndex + resultsPerPage, sortedData.length)\n      : sortedData.length;\n    const currentPageData = sortedData.slice(startIndex, endIndex);\n\n    return (\n      <div className=\"position-relative w-full\">\n        <table\n          ref={ref}\n          className={clsx(\"table\", className)}\n          role=\"table\"\n          {...props}\n        >\n          <TableHeader className=\"table__header\">\n            <TableRow>\n              {columns.map((column, index) => (\n                <TableHead\n                  key={`${column.label}-${index}`}\n                  config={column}\n                  sortConfig={sortConfig}\n                  onSort={() =>\n                    column.sortable && handleSort(column.key || column.label)\n                  }\n                />\n              ))}\n            </TableRow>\n          </TableHeader>\n          <TableBody className=\"table__body\">\n            {currentPageData.map((row, rowIndex) => (\n              <TableRow key={rowIndex} className=\"table__row\">\n                {Object.entries(row).map(([key, value], cellIndex) => {\n                  if (!value) return null;\n\n                  if (key === \"actionData\" && isActionData(value)) {\n                    return (\n                      <TableCell\n                        key={`${key}-${cellIndex}`}\n                        content={value}\n                        type=\"action\"\n                      />\n                    );\n                  }\n                  if (isDoubleLineData(value)) {\n                    return (\n                      <TableCell\n                        key={`${key}-${cellIndex}`}\n                        content={value}\n                        type=\"double-line\"\n                      />\n                    );\n                  }\n                  if (typeof value === \"string\") {\n                    return (\n                      <TableCell key={`${key}-${cellIndex}`} content={value} />\n                    );\n                  }\n                  return null;\n                })}\n              </TableRow>\n            ))}\n          </TableBody>\n        </table>\n        {pagination && (\n          <Pagination\n            currentPage={currentPage}\n            totalResults={sortedData.length}\n            resultsPerPage={resultsPerPage}\n            setCurrentPage={setCurrentPage}\n          />\n        )}\n      </div>\n    );\n  },\n);\nTable.displayName = \"Table\";\n\nconst TableHeader = React.forwardRef<HTMLTableSectionElement, TableHeaderProps>(\n  ({ className, children, ...props }, ref) => (\n    <thead\n      ref={ref}\n      className={clsx(\"[&_tr]:border-b-0\", className)}\n      {...props}\n    >\n      {children}\n    </thead>\n  ),\n);\nTableHeader.displayName = \"TableHeader\";\n\nconst TableBody = React.forwardRef<HTMLTableSectionElement, TableBodyProps>(\n  ({ className, children, ...props }, ref) => (\n    <tbody\n      ref={ref}\n      className={clsx(\"[&_tr:last-child]:border-0\", className)}\n      {...props}\n    >\n      {children}\n    </tbody>\n  ),\n);\nTableBody.displayName = \"TableBody\";\n\nconst TableRow = React.forwardRef<HTMLTableRowElement, TableRowProps>(\n  ({ className, children, ...props }, ref) => (\n    <tr\n      ref={ref}\n      className={clsx(\n        \"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </tr>\n  ),\n);\nTableRow.displayName = \"TableRow\";\n\nconst TableHead = React.forwardRef<\n  HTMLTableCellElement,\n  TableHeadProps & {\n    config: ColumnConfig;\n    sortConfig: { key: string; direction: \"asc\" | \"desc\" };\n    onSort?: () => void;\n  }\n>(({ className, config, sortConfig, onSort, ...props }, ref) => {\n  const isSorted = sortConfig.key === (config.key || config.label);\n  const sortDirection = isSorted ? sortConfig.direction : null;\n\n  const getAriaSortValue = (): \"ascending\" | \"descending\" => {\n    return sortDirection === \"asc\" ? \"ascending\" : \"descending\";\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  return (\n    <th\n      ref={ref}\n      className={clsx(\n        \"table__cell table__cell--header\",\n        {\n          \"table__cell--sortable\": config.sortable,\n          \"table__cell--action\": config.action,\n        },\n        className,\n      )}\n      onClick={config.sortable ? onSort : config.action}\n      aria-label={config.ariaLabel}\n      aria-sort={isSorted ? getAriaSortValue() : undefined}\n      {...props}\n    >\n      <div className=\"table__cell--header--content\">\n        <div>\n          <ActionIconText\n            icon={renderIcon(config.icon)}\n            textLabel={config.label}\n            iconPosition={config.iconPosition}\n            handleIconAction={() => {\n              config.iconAction;\n            }}\n            popupInfo={config.popupInfo}\n          />\n        </div>\n        {config.sortable && (\n          <span className=\"sort-indicator\">\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      </div>\n    </th>\n  );\n});\nTableHead.displayName = \"TableHead\";\n\nconst DoubleLineContent: React.FC<{ data: DoubleLineData }> = ({ data }) => (\n  <>\n    <div className=\"table__cell--firstLine\">{data.firstLine}</div>\n    <div className=\"table__cell--secondLine\">{data.secondLine}</div>\n  </>\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\n// check if we are rendering a double line data\nconst isDoubleLineData = (\n  content: TableCellProps[\"content\"],\n): content is DoubleLineData => {\n  return (\n    typeof content === \"object\" &&\n    content !== null &&\n    \"firstLine\" in content &&\n    \"secondLine\" in content\n  );\n};\n\n// check if we are rendering an action data\nconst isActionData = (\n  content: TableCellProps[\"content\"],\n): content is ActionData => {\n  return (\n    typeof content === \"object\" &&\n    content !== null &&\n    \"label\" in content &&\n    \"type\" in content\n  );\n};\n\nconst TableCellContent: React.FC<{ content: TableCellProps[\"content\"] }> = ({\n  content,\n}) => {\n  if (typeof content === \"string\") {\n    return <>{content}</>;\n  }\n  if (isDoubleLineData(content)) {\n    return <DoubleLineContent data={content} />;\n  }\n  if (isActionData(content)) {\n    return <ActionContent data={content} />;\n  }\n  return null;\n};\n\nconst TableCell = React.forwardRef<HTMLTableCellElement, TableCellProps>(\n  ({ className, content, type, ...props }, ref) => (\n    <td\n      ref={ref}\n      className={clsx(\n        \"table__cell\",\n        {\n          \"table__cell--double-line\": type === \"double-line\",\n          \"table__cell--action\": type === \"action\",\n        },\n        className,\n      )}\n      {...props}\n    >\n      <TableCellContent content={content} />\n    </td>\n  ),\n);\nTableCell.displayName = \"TableCell\";\n\nconst Pagination: React.FC<PaginationProps> = ({\n  currentPage = 1,\n  totalResults,\n  resultsPerPage,\n  setCurrentPage,\n  className,\n}) => {\n  const totalPages = Math.ceil(totalResults / resultsPerPage);\n\n  return (\n    <div className={clsx(\"pagination\", className)}>\n      <div className=\"pagination__info\">\n        Stai visualizzando{\" \"}\n        <span className=\"pagination__info__resultsPerPage\">\n          {resultsPerPage}\n        </span>{\" \"}\n        di {totalResults} risultati\n      </div>\n      <div className=\"pagination__nav\">\n        <button\n          className={clsx(\n            \"pagination__button\",\n            currentPage === 1 && \"pagination__button--disabled\",\n          )}\n          onClick={() => setCurrentPage(currentPage - 1)}\n          disabled={currentPage === 1}\n          aria-label=\"Previous page\"\n        >\n          <svg className=\"pagination__button-arrow\" viewBox=\"0 0 24 24\">\n            <path d=\"M15 18l-6-6 6-6\" />\n          </svg>\n        </button>\n        {Array.from({ length: totalPages }, (_, i) => i + 1).map((page) => (\n          <button\n            key={page}\n            className={clsx(\n              \"pagination__button\",\n              currentPage === page && \"pagination__button--active\",\n            )}\n            onClick={() => setCurrentPage(page)}\n          >\n            {page}\n          </button>\n        ))}\n        <button\n          className={clsx(\n            \"pagination__button\",\n            currentPage === totalPages && \"pagination__button--disabled\",\n          )}\n          onClick={() => setCurrentPage(currentPage + 1)}\n          disabled={currentPage === totalPages}\n          aria-label=\"Next page\"\n        >\n          <svg className=\"pagination__button-arrow\" viewBox=\"0 0 24 24\">\n            <path d=\"M9 6l6 6-6 6\" />\n          </svg>\n        </button>\n      </div>\n    </div>\n  );\n};\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableHead,\n  TableRow,\n  TableCell,\n  Pagination,\n};\n"],"names":["Table","React","className","columns","data","pagination","initialCurrentPage","resultsPerPage","defaultSortDirection","props","ref","sortConfig","setSortConfig","currentPage","setCurrentPage","sortedData","a","b","aValue","bValue","column","col","parseDate","dateStr","datePart","timePart","day","month","year","hours","minutes","dateA","dateB","numA","numB","isDoubleLineData","handleSort","columnKey","currentSort","startIndex","endIndex","currentPageData","jsxs","clsx","jsx","TableHeader","TableRow","index","TableHead","TableBody","row","rowIndex","key","value","cellIndex","isActionData","TableCell","Pagination","children","config","onSort","isSorted","sortDirection","getAriaSortValue","renderIcon","icon","Info","Download","ActionIconText","TriangleUp","TriangleDown","DoubleLineContent","Fragment","ActionContent","content","TableCellContent","type","totalResults","totalPages","_","i","page"],"mappings":"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"}
+{"version":3,"file":"index.cjs65.js","sources":["../src/components/ui/Table/index.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport clsx from \"clsx\";\r\nimport \"./Table.scss\";\r\nimport { Download, Info, TriangleDown, TriangleUp } from \"@/icons\";\r\nimport { ActionIconText } from \"../ActionIconText\";\r\nimport { CommonIconsType } from \"@/types/icons\";\r\nimport { InfoPopupProps } from \"../InfoPopup\";\r\n\r\n// per le celle che vanno renderizzate su due righe\r\nexport interface DoubleLineData {\r\n  firstLine: string;\r\n  secondLine: string;\r\n}\r\n\r\n//per le celle che renderizzano un link o un bottone\r\nexport interface ActionData {\r\n  label: string;\r\n  ariaLabel: string;\r\n  type: \"link\" | \"button\";\r\n  link?: string;\r\n  action?: () => void;\r\n}\r\n\r\nexport interface ColumnConfig {\r\n  label: string;\r\n  ariaLabel: string;\r\n  sortable: boolean;\r\n  action?: () => void;\r\n  iconAction?: () => void;\r\n  popupInfo?: InfoPopupProps;\r\n  icon?: React.ReactNode | CommonIconsType;\r\n  iconPosition?: \"left\" | \"right\";\r\n  key?: string;\r\n  type?: \"string\" | \"date\" | \"number\";\r\n}\r\n\r\nexport interface TableRowData {\r\n  [key: string]: string | DoubleLineData | ActionData;\r\n}\r\n\r\nexport interface TableHeaderProps\r\n  extends React.HTMLAttributes<HTMLTableSectionElement> {\r\n  className?: string;\r\n  children?: React.ReactNode;\r\n}\r\n\r\nexport interface TableBodyProps\r\n  extends React.HTMLAttributes<HTMLTableSectionElement> {\r\n  className?: string;\r\n  children?: React.ReactNode;\r\n}\r\n\r\nexport interface TableRowProps\r\n  extends React.HTMLAttributes<HTMLTableRowElement> {\r\n  className?: string;\r\n  children?: React.ReactNode;\r\n}\r\n\r\nexport interface TableHeadProps\r\n  extends React.ThHTMLAttributes<HTMLTableCellElement> {\r\n  className?: string;\r\n  children?: React.ReactNode;\r\n}\r\n\r\nexport interface TableCellBaseProps\r\n  extends Omit<React.TdHTMLAttributes<HTMLTableCellElement>, \"content\"> {\r\n  type?: \"double-line\" | \"action\";\r\n}\r\n\r\nexport interface TableCellProps extends TableCellBaseProps {\r\n  content: string | DoubleLineData | ActionData;\r\n}\r\n\r\nexport interface PaginationProps {\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}\r\n\r\nexport interface TableProps\r\n  extends React.TableHTMLAttributes<HTMLTableElement> {\r\n  className?: string;\r\n  columns: ColumnConfig[];\r\n  data: TableRowData[];\r\n  pagination?: boolean;\r\n  initialCurrentPage?: number;\r\n  resultsPerPage?: number;\r\n  defaultSortDirection?: \"asc\" | \"desc\";\r\n}\r\n\r\nconst Table = React.forwardRef<HTMLTableElement, TableProps>(\r\n  (\r\n    {\r\n      className,\r\n      columns,\r\n      data,\r\n      pagination,\r\n      initialCurrentPage = 1,\r\n      resultsPerPage = 10,\r\n      defaultSortDirection = \"desc\",\r\n      ...props\r\n    },\r\n    ref,\r\n  ) => {\r\n    const [sortConfig, setSortConfig] = React.useState<{\r\n      key: string;\r\n      direction: \"asc\" | \"desc\";\r\n    }>({\r\n      key: columns[0].key || columns[0].label,\r\n      direction: defaultSortDirection,\r\n    });\r\n    const [currentPage, setCurrentPage] = React.useState(initialCurrentPage);\r\n\r\n    const sortedData = React.useMemo(() => {\r\n      return [...data].sort((a, b) => {\r\n        const aValue = a[sortConfig.key];\r\n        const bValue = b[sortConfig.key];\r\n        const column = columns.find(\r\n          (col) => (col.key || col.label) === sortConfig.key,\r\n        );\r\n\r\n        if (typeof aValue === \"string\" && typeof bValue === \"string\") {\r\n          if (column?.type === \"date\") {\r\n            // Convert Italian date format (DD/MM/YYYY - HH:mm) to Date object\r\n            const parseDate = (dateStr: string) => {\r\n              const [datePart, timePart] = dateStr.split(\" - \");\r\n              const [day, month, year] = datePart.split(\"/\").map(Number);\r\n              const [hours, minutes] = timePart.split(\":\").map(Number);\r\n              return new Date(year, month - 1, day, hours, minutes);\r\n            };\r\n\r\n            const dateA = parseDate(aValue);\r\n            const dateB = parseDate(bValue);\r\n            return sortConfig.direction === \"asc\"\r\n              ? dateA.getTime() - dateB.getTime()\r\n              : dateB.getTime() - dateA.getTime();\r\n          }\r\n\r\n          if (column?.type === \"number\") {\r\n            const numA = parseFloat(aValue);\r\n            const numB = parseFloat(bValue);\r\n            return sortConfig.direction === \"asc\" ? numA - numB : numB - numA;\r\n          }\r\n\r\n          return sortConfig.direction === \"asc\"\r\n            ? aValue.localeCompare(bValue)\r\n            : bValue.localeCompare(aValue);\r\n        }\r\n\r\n        if (isDoubleLineData(aValue) && isDoubleLineData(bValue)) {\r\n          return sortConfig.direction === \"asc\"\r\n            ? aValue.firstLine.localeCompare(bValue.firstLine)\r\n            : bValue.firstLine.localeCompare(aValue.firstLine);\r\n        }\r\n\r\n        return 0;\r\n      });\r\n    }, [data, sortConfig, columns]);\r\n\r\n    const handleSort = (columnKey: string) => {\r\n      setSortConfig((currentSort) => ({\r\n        key: columnKey,\r\n        direction:\r\n          currentSort.key === columnKey && currentSort.direction === \"asc\"\r\n            ? \"desc\"\r\n            : \"asc\",\r\n      }));\r\n    };\r\n\r\n    const startIndex = pagination ? (currentPage - 1) * resultsPerPage : 0;\r\n    const endIndex = pagination\r\n      ? Math.min(startIndex + resultsPerPage, sortedData.length)\r\n      : sortedData.length;\r\n    const currentPageData = sortedData.slice(startIndex, endIndex);\r\n\r\n    return (\r\n      <div className=\"position-relative w-full\">\r\n        <table\r\n          ref={ref}\r\n          className={clsx(\"table\", className)}\r\n          role=\"table\"\r\n          {...props}\r\n        >\r\n          <TableHeader className=\"table__header\">\r\n            <TableRow>\r\n              {columns.map((column, index) => (\r\n                <TableHead\r\n                  key={`${column.label}-${index}`}\r\n                  config={column}\r\n                  sortConfig={sortConfig}\r\n                  onSort={() =>\r\n                    column.sortable && handleSort(column.key || column.label)\r\n                  }\r\n                />\r\n              ))}\r\n            </TableRow>\r\n          </TableHeader>\r\n          <TableBody className=\"table__body\">\r\n            {currentPageData.map((row, rowIndex) => (\r\n              <TableRow key={rowIndex} className=\"table__row\">\r\n                {Object.entries(row).map(([key, value], cellIndex) => {\r\n                  if (!value) return null;\r\n\r\n                  if (key === \"actionData\" && isActionData(value)) {\r\n                    return (\r\n                      <TableCell\r\n                        key={`${key}-${cellIndex}`}\r\n                        content={value}\r\n                        type=\"action\"\r\n                      />\r\n                    );\r\n                  }\r\n                  if (isDoubleLineData(value)) {\r\n                    return (\r\n                      <TableCell\r\n                        key={`${key}-${cellIndex}`}\r\n                        content={value}\r\n                        type=\"double-line\"\r\n                      />\r\n                    );\r\n                  }\r\n                  if (typeof value === \"string\") {\r\n                    return (\r\n                      <TableCell key={`${key}-${cellIndex}`} content={value} />\r\n                    );\r\n                  }\r\n                  return null;\r\n                })}\r\n              </TableRow>\r\n            ))}\r\n          </TableBody>\r\n        </table>\r\n        {pagination && (\r\n          <Pagination\r\n            currentPage={currentPage}\r\n            totalResults={sortedData.length}\r\n            resultsPerPage={resultsPerPage}\r\n            setCurrentPage={setCurrentPage}\r\n          />\r\n        )}\r\n      </div>\r\n    );\r\n  },\r\n);\r\nTable.displayName = \"Table\";\r\n\r\nconst TableHeader = React.forwardRef<HTMLTableSectionElement, TableHeaderProps>(\r\n  ({ className, children, ...props }, ref) => (\r\n    <thead\r\n      ref={ref}\r\n      className={clsx(\"[&_tr]:border-b-0\", className)}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </thead>\r\n  ),\r\n);\r\nTableHeader.displayName = \"TableHeader\";\r\n\r\nconst TableBody = React.forwardRef<HTMLTableSectionElement, TableBodyProps>(\r\n  ({ className, children, ...props }, ref) => (\r\n    <tbody\r\n      ref={ref}\r\n      className={clsx(\"[&_tr:last-child]:border-0\", className)}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </tbody>\r\n  ),\r\n);\r\nTableBody.displayName = \"TableBody\";\r\n\r\nconst TableRow = React.forwardRef<HTMLTableRowElement, TableRowProps>(\r\n  ({ className, children, ...props }, ref) => (\r\n    <tr\r\n      ref={ref}\r\n      className={clsx(\r\n        \"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </tr>\r\n  ),\r\n);\r\nTableRow.displayName = \"TableRow\";\r\n\r\nconst TableHead = React.forwardRef<\r\n  HTMLTableCellElement,\r\n  TableHeadProps & {\r\n    config: ColumnConfig;\r\n    sortConfig: { key: string; direction: \"asc\" | \"desc\" };\r\n    onSort?: () => void;\r\n  }\r\n>(({ className, config, sortConfig, onSort, ...props }, ref) => {\r\n  const isSorted = sortConfig.key === (config.key || config.label);\r\n  const sortDirection = isSorted ? sortConfig.direction : null;\r\n\r\n  const getAriaSortValue = (): \"ascending\" | \"descending\" => {\r\n    return sortDirection === \"asc\" ? \"ascending\" : \"descending\";\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  return (\r\n    <th\r\n      ref={ref}\r\n      className={clsx(\r\n        \"table__cell table__cell--header\",\r\n        {\r\n          \"table__cell--sortable\": config.sortable,\r\n          \"table__cell--action\": config.action,\r\n        },\r\n        className,\r\n      )}\r\n      onClick={config.sortable ? onSort : config.action}\r\n      aria-label={config.ariaLabel}\r\n      aria-sort={isSorted ? getAriaSortValue() : undefined}\r\n      {...props}\r\n    >\r\n      <div className=\"table__cell--header--content\">\r\n        <div>\r\n          <ActionIconText\r\n            icon={renderIcon(config.icon)}\r\n            textLabel={config.label}\r\n            iconPosition={config.iconPosition}\r\n            handleIconAction={() => {\r\n              config.iconAction;\r\n            }}\r\n            popupInfo={config.popupInfo}\r\n          />\r\n        </div>\r\n        {config.sortable && (\r\n          <span className=\"sort-indicator\">\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      </div>\r\n    </th>\r\n  );\r\n});\r\nTableHead.displayName = \"TableHead\";\r\n\r\nconst DoubleLineContent: React.FC<{ data: DoubleLineData }> = ({ data }) => (\r\n  <>\r\n    <div className=\"table__cell--firstLine\">{data.firstLine}</div>\r\n    <div className=\"table__cell--secondLine\">{data.secondLine}</div>\r\n  </>\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\n// check if we are rendering a double line data\r\nconst isDoubleLineData = (\r\n  content: TableCellProps[\"content\"],\r\n): content is DoubleLineData => {\r\n  return (\r\n    typeof content === \"object\" &&\r\n    content !== null &&\r\n    \"firstLine\" in content &&\r\n    \"secondLine\" in content\r\n  );\r\n};\r\n\r\n// check if we are rendering an action data\r\nconst isActionData = (\r\n  content: TableCellProps[\"content\"],\r\n): content is ActionData => {\r\n  return (\r\n    typeof content === \"object\" &&\r\n    content !== null &&\r\n    \"label\" in content &&\r\n    \"type\" in content\r\n  );\r\n};\r\n\r\nconst TableCellContent: React.FC<{ content: TableCellProps[\"content\"] }> = ({\r\n  content,\r\n}) => {\r\n  if (typeof content === \"string\") {\r\n    return <>{content}</>;\r\n  }\r\n  if (isDoubleLineData(content)) {\r\n    return <DoubleLineContent data={content} />;\r\n  }\r\n  if (isActionData(content)) {\r\n    return <ActionContent data={content} />;\r\n  }\r\n  return null;\r\n};\r\n\r\nconst TableCell = React.forwardRef<HTMLTableCellElement, TableCellProps>(\r\n  ({ className, content, type, ...props }, ref) => (\r\n    <td\r\n      ref={ref}\r\n      className={clsx(\r\n        \"table__cell\",\r\n        {\r\n          \"table__cell--double-line\": type === \"double-line\",\r\n          \"table__cell--action\": type === \"action\",\r\n        },\r\n        className,\r\n      )}\r\n      {...props}\r\n    >\r\n      <TableCellContent content={content} />\r\n    </td>\r\n  ),\r\n);\r\nTableCell.displayName = \"TableCell\";\r\n\r\nconst Pagination: React.FC<PaginationProps> = ({\r\n  currentPage = 1,\r\n  totalResults,\r\n  resultsPerPage,\r\n  setCurrentPage,\r\n  className,\r\n}) => {\r\n  const totalPages = Math.ceil(totalResults / resultsPerPage);\r\n\r\n  return (\r\n    <div className={clsx(\"pagination\", className)}>\r\n      <div className=\"pagination__info\">\r\n        Stai visualizzando{\" \"}\r\n        <span className=\"pagination__info__resultsPerPage\">\r\n          {resultsPerPage}\r\n        </span>{\" \"}\r\n        di {totalResults} risultati\r\n      </div>\r\n      <div className=\"pagination__nav\">\r\n        <button\r\n          className={clsx(\r\n            \"pagination__button\",\r\n            currentPage === 1 && \"pagination__button--disabled\",\r\n          )}\r\n          onClick={() => setCurrentPage(currentPage - 1)}\r\n          disabled={currentPage === 1}\r\n          aria-label=\"Previous page\"\r\n        >\r\n          <svg className=\"pagination__button-arrow\" viewBox=\"0 0 24 24\">\r\n            <path d=\"M15 18l-6-6 6-6\" />\r\n          </svg>\r\n        </button>\r\n        {Array.from({ length: totalPages }, (_, i) => i + 1).map((page) => (\r\n          <button\r\n            key={page}\r\n            className={clsx(\r\n              \"pagination__button\",\r\n              currentPage === page && \"pagination__button--active\",\r\n            )}\r\n            onClick={() => setCurrentPage(page)}\r\n          >\r\n            {page}\r\n          </button>\r\n        ))}\r\n        <button\r\n          className={clsx(\r\n            \"pagination__button\",\r\n            currentPage === totalPages && \"pagination__button--disabled\",\r\n          )}\r\n          onClick={() => setCurrentPage(currentPage + 1)}\r\n          disabled={currentPage === totalPages}\r\n          aria-label=\"Next page\"\r\n        >\r\n          <svg className=\"pagination__button-arrow\" viewBox=\"0 0 24 24\">\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\r\nexport {\r\n  Table,\r\n  TableHeader,\r\n  TableBody,\r\n  TableHead,\r\n  TableRow,\r\n  TableCell,\r\n  Pagination,\r\n};\r\n"],"names":["Table","React","className","columns","data","pagination","initialCurrentPage","resultsPerPage","defaultSortDirection","props","ref","sortConfig","setSortConfig","currentPage","setCurrentPage","sortedData","a","b","aValue","bValue","column","col","parseDate","dateStr","datePart","timePart","day","month","year","hours","minutes","dateA","dateB","numA","numB","isDoubleLineData","handleSort","columnKey","currentSort","startIndex","endIndex","currentPageData","jsxs","clsx","jsx","TableHeader","TableRow","index","TableHead","TableBody","row","rowIndex","key","value","cellIndex","isActionData","TableCell","Pagination","children","config","onSort","isSorted","sortDirection","getAriaSortValue","renderIcon","icon","Info","Download","ActionIconText","TriangleUp","TriangleDown","DoubleLineContent","Fragment","ActionContent","content","TableCellContent","type","totalResults","totalPages","_","i","page"],"mappings":"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"}

package/dist/index.cjs66.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/InfoPopup/InfoPopup.css');const t=require("./index.cjs161.js"),i=require("react"),n=require("./index.cjs163.js");;/* empty css              */const m=require("./index.cjs101.js"),p=({title:d="Info",description:o,isOpen:s=!1,onClickCloseBtn:e,className:l=""})=>{const u=i.useRef(null),a=i.useRef(null);return i.useEffect(()=>{var c;const r=x=>{x.key==="Escape"&&s&&(e==null||e())};return s?(a.current=document.activeElement,(c=u.current)==null||c.focus(),document.addEventListener("keydown",r)):a.current&&a.current.focus(),()=>{document.removeEventListener("keydown",r)}},[s,e]),s?t.jsxRuntimeExports.jsx("div",{className:n.clsx("popupContainer",s?"open":"close",l),onClick:r=>{r.stopPropagation()},children:t.jsxRuntimeExports.jsxs("div",{ref:u,role:"dialog","aria-modal":"true","aria-labelledby":"dialog-title","aria-describedby":"dialog-description",className:n.clsx("dialog"),tabIndex:-1,children:[t.jsxRuntimeExports.jsxs("div",{className:"header",children:[t.jsxRuntimeExports.jsx("h3",{id:"dialog-title",className:"title",children:d}),t.jsxRuntimeExports.jsx("button",{onClick:r=>{r.stopPropagation(),e==null||e()},className:"closeButton","aria-label":"Close dialog",children:t.jsxRuntimeExports.jsx(m.Close,{className:"closeIcon"})})]}),o&&t.jsxRuntimeExports.jsx("div",{id:"dialog-description",className:"content",children:o})]})}):null};exports.InfoPopup=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/InfoPopup/InfoPopup.css');const t=require("./index.cjs161.js"),i=require("react"),n=require("./index.cjs162.js");;/* empty css              */const m=require("./index.cjs101.js"),p=({title:d="Info",description:o,isOpen:s=!1,onClickCloseBtn:e,className:l=""})=>{const u=i.useRef(null),a=i.useRef(null);return i.useEffect(()=>{var c;const r=x=>{x.key==="Escape"&&s&&(e==null||e())};return s?(a.current=document.activeElement,(c=u.current)==null||c.focus(),document.addEventListener("keydown",r)):a.current&&a.current.focus(),()=>{document.removeEventListener("keydown",r)}},[s,e]),s?t.jsxRuntimeExports.jsx("div",{className:n.clsx("popupContainer",s?"open":"close",l),onClick:r=>{r.stopPropagation()},children:t.jsxRuntimeExports.jsxs("div",{ref:u,role:"dialog","aria-modal":"true","aria-labelledby":"dialog-title","aria-describedby":"dialog-description",className:n.clsx("dialog"),tabIndex:-1,children:[t.jsxRuntimeExports.jsxs("div",{className:"header",children:[t.jsxRuntimeExports.jsx("h3",{id:"dialog-title",className:"title",children:d}),t.jsxRuntimeExports.jsx("button",{onClick:r=>{r.stopPropagation(),e==null||e()},className:"closeButton","aria-label":"Close dialog",children:t.jsxRuntimeExports.jsx(m.Close,{className:"closeIcon"})})]}),o&&t.jsxRuntimeExports.jsx("div",{id:"dialog-description",className:"content",children:o})]})}):null};exports.InfoPopup=p;
 //# sourceMappingURL=index.cjs66.js.map

package/dist/index.cjs66.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs66.js","sources":["../src/components/ui/InfoPopup/index.tsx"],"sourcesContent":["import { useEffect, useRef, PropsWithChildren } from \"react\";\nimport clsx from \"clsx\";\nimport \"./InfoPopup.scss\";\nimport { Close } from \"@/icons\";\n\nexport type InfoPopupProps = PropsWithChildren<{\n  title: string;\n  description: string | React.ReactNode;\n  isOpen: boolean;\n  onClickCloseBtn?: () => void;\n  className?: string;\n}>;\n\nexport const InfoPopup = ({\n  title = \"Info\",\n  description,\n  isOpen = false,\n  onClickCloseBtn,\n  className = \"\",\n}: InfoPopupProps) => {\n  const dialogRef = useRef<HTMLDivElement>(null);\n  const previousActiveElement = useRef<HTMLElement | null>(null);\n\n  useEffect(() => {\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\" && isOpen) {\n        onClickCloseBtn?.();\n      }\n    };\n\n    if (isOpen) {\n      previousActiveElement.current = document.activeElement as HTMLElement;\n      dialogRef.current?.focus();\n      document.addEventListener(\"keydown\", handleEscape);\n    } else if (previousActiveElement.current) {\n      previousActiveElement.current.focus();\n    }\n\n    return () => {\n      document.removeEventListener(\"keydown\", handleEscape);\n    };\n  }, [isOpen, onClickCloseBtn]);\n\n  if (!isOpen) return null;\n\n  return (\n    <div\n      className={clsx(\"popupContainer\", isOpen ? \"open\" : \"close\", className)}\n      onClick={(e) => {\n        e.stopPropagation();\n      }}\n    >\n      <div\n        ref={dialogRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby=\"dialog-title\"\n        aria-describedby=\"dialog-description\"\n        className={clsx(\"dialog\")}\n        tabIndex={-1}\n      >\n        <div className=\"header\">\n          <h3 id=\"dialog-title\" className=\"title\">\n            {title}\n          </h3>\n          <button\n            onClick={(e) => {\n              e.stopPropagation();\n              onClickCloseBtn?.();\n            }}\n            className=\"closeButton\"\n            aria-label=\"Close dialog\"\n          >\n            <Close className=\"closeIcon\" />\n          </button>\n        </div>\n        {description && (\n          <div id=\"dialog-description\" className=\"content\">\n            {description}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["InfoPopup","title","description","isOpen","onClickCloseBtn","className","dialogRef","useRef","previousActiveElement","useEffect","handleEscape","event","_a","jsx","clsx","e","jsxs","Close"],"mappings":"yOAaaA,EAAY,CAAC,CACxB,MAAAC,EAAQ,OACR,YAAAC,EACA,OAAAC,EAAS,GACT,gBAAAC,EACA,UAAAC,EAAY,EACd,IAAsB,CACd,MAAAC,EAAYC,SAAuB,IAAI,EACvCC,EAAwBD,SAA2B,IAAI,EAsBzD,OApBJE,EAAAA,UAAU,IAAM,OACR,MAAAC,EAAgBC,GAAyB,CACzCA,EAAM,MAAQ,UAAYR,IACVC,GAAA,MAAAA,IAEtB,EAEA,OAAID,GACFK,EAAsB,QAAU,SAAS,eACzCI,EAAAN,EAAU,UAAV,MAAAM,EAAmB,QACV,SAAA,iBAAiB,UAAWF,CAAY,GACxCF,EAAsB,SAC/BA,EAAsB,QAAQ,MAAM,EAG/B,IAAM,CACF,SAAA,oBAAoB,UAAWE,CAAY,CACtD,CAAA,EACC,CAACP,EAAQC,CAAe,CAAC,EAEvBD,EAGHU,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWC,EAAK,KAAA,iBAAkBX,EAAS,OAAS,QAASE,CAAS,EACtE,QAAUU,GAAM,CACdA,EAAE,gBAAgB,CACpB,EAEA,SAAAC,EAAA,kBAAA,KAAC,MAAA,CACC,IAAKV,EACL,KAAK,SACL,aAAW,OACX,kBAAgB,eAChB,mBAAiB,qBACjB,UAAWQ,OAAK,QAAQ,EACxB,SAAU,GAEV,SAAA,CAACE,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,SACb,SAAA,CAAAH,wBAAC,KAAG,CAAA,GAAG,eAAe,UAAU,QAC7B,SACHZ,EAAA,EACAY,EAAA,kBAAA,IAAC,SAAA,CACC,QAAUE,GAAM,CACdA,EAAE,gBAAgB,EACAX,GAAA,MAAAA,GACpB,EACA,UAAU,cACV,aAAW,eAEX,SAAAS,EAAAA,kBAAAA,IAACI,EAAAA,MAAM,CAAA,UAAU,WAAY,CAAA,CAAA,CAAA,CAC/B,EACF,EACCf,GACEW,EAAAA,kBAAAA,IAAA,MAAA,CAAI,GAAG,qBAAqB,UAAU,UACpC,SACHX,CAAA,CAAA,CAAA,CAAA,CAAA,CAEJ,CACF,EAvCkB,IAyCtB"}
+{"version":3,"file":"index.cjs66.js","sources":["../src/components/ui/InfoPopup/index.tsx"],"sourcesContent":["import { useEffect, useRef, PropsWithChildren } from \"react\";\r\nimport clsx from \"clsx\";\r\nimport \"./InfoPopup.scss\";\r\nimport { Close } from \"@/icons\";\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}>;\r\n\r\nexport const InfoPopup = ({\r\n  title = \"Info\",\r\n  description,\r\n  isOpen = false,\r\n  onClickCloseBtn,\r\n  className = \"\",\r\n}: InfoPopupProps) => {\r\n  const dialogRef = useRef<HTMLDivElement>(null);\r\n  const previousActiveElement = useRef<HTMLElement | null>(null);\r\n\r\n  useEffect(() => {\r\n    const handleEscape = (event: KeyboardEvent) => {\r\n      if (event.key === \"Escape\" && isOpen) {\r\n        onClickCloseBtn?.();\r\n      }\r\n    };\r\n\r\n    if (isOpen) {\r\n      previousActiveElement.current = document.activeElement as HTMLElement;\r\n      dialogRef.current?.focus();\r\n      document.addEventListener(\"keydown\", handleEscape);\r\n    } else if (previousActiveElement.current) {\r\n      previousActiveElement.current.focus();\r\n    }\r\n\r\n    return () => {\r\n      document.removeEventListener(\"keydown\", handleEscape);\r\n    };\r\n  }, [isOpen, onClickCloseBtn]);\r\n\r\n  if (!isOpen) return null;\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\"popupContainer\", isOpen ? \"open\" : \"close\", className)}\r\n      onClick={(e) => {\r\n        e.stopPropagation();\r\n      }}\r\n    >\r\n      <div\r\n        ref={dialogRef}\r\n        role=\"dialog\"\r\n        aria-modal=\"true\"\r\n        aria-labelledby=\"dialog-title\"\r\n        aria-describedby=\"dialog-description\"\r\n        className={clsx(\"dialog\")}\r\n        tabIndex={-1}\r\n      >\r\n        <div className=\"header\">\r\n          <h3 id=\"dialog-title\" className=\"title\">\r\n            {title}\r\n          </h3>\r\n          <button\r\n            onClick={(e) => {\r\n              e.stopPropagation();\r\n              onClickCloseBtn?.();\r\n            }}\r\n            className=\"closeButton\"\r\n            aria-label=\"Close dialog\"\r\n          >\r\n            <Close className=\"closeIcon\" />\r\n          </button>\r\n        </div>\r\n        {description && (\r\n          <div id=\"dialog-description\" className=\"content\">\r\n            {description}\r\n          </div>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["InfoPopup","title","description","isOpen","onClickCloseBtn","className","dialogRef","useRef","previousActiveElement","useEffect","handleEscape","event","_a","jsx","clsx","e","jsxs","Close"],"mappings":"yOAaaA,EAAY,CAAC,CACxB,MAAAC,EAAQ,OACR,YAAAC,EACA,OAAAC,EAAS,GACT,gBAAAC,EACA,UAAAC,EAAY,EACd,IAAsB,CACd,MAAAC,EAAYC,SAAuB,IAAI,EACvCC,EAAwBD,SAA2B,IAAI,EAsBzD,OApBJE,EAAAA,UAAU,IAAM,OACR,MAAAC,EAAgBC,GAAyB,CACzCA,EAAM,MAAQ,UAAYR,IACVC,GAAA,MAAAA,IAEtB,EAEA,OAAID,GACFK,EAAsB,QAAU,SAAS,eACzCI,EAAAN,EAAU,UAAV,MAAAM,EAAmB,QACV,SAAA,iBAAiB,UAAWF,CAAY,GACxCF,EAAsB,SAC/BA,EAAsB,QAAQ,MAAM,EAG/B,IAAM,CACF,SAAA,oBAAoB,UAAWE,CAAY,CACtD,CAAA,EACC,CAACP,EAAQC,CAAe,CAAC,EAEvBD,EAGHU,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWC,EAAK,KAAA,iBAAkBX,EAAS,OAAS,QAASE,CAAS,EACtE,QAAUU,GAAM,CACdA,EAAE,gBAAgB,CACpB,EAEA,SAAAC,EAAA,kBAAA,KAAC,MAAA,CACC,IAAKV,EACL,KAAK,SACL,aAAW,OACX,kBAAgB,eAChB,mBAAiB,qBACjB,UAAWQ,OAAK,QAAQ,EACxB,SAAU,GAEV,SAAA,CAACE,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,SACb,SAAA,CAAAH,wBAAC,KAAG,CAAA,GAAG,eAAe,UAAU,QAC7B,SACHZ,EAAA,EACAY,EAAA,kBAAA,IAAC,SAAA,CACC,QAAUE,GAAM,CACdA,EAAE,gBAAgB,EACAX,GAAA,MAAAA,GACpB,EACA,UAAU,cACV,aAAW,eAEX,SAAAS,EAAAA,kBAAAA,IAACI,EAAAA,MAAM,CAAA,UAAU,WAAY,CAAA,CAAA,CAAA,CAC/B,EACF,EACCf,GACEW,EAAAA,kBAAAA,IAAA,MAAA,CAAI,GAAG,qBAAqB,UAAU,UACpC,SACHX,CAAA,CAAA,CAAA,CAAA,CAAA,CAEJ,CACF,EAvCkB,IAyCtB"}

package/dist/index.cjs67.js.map

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

package/dist/index.cjs68.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/DatePicker/DatePicker.css');const i=require("./index.cjs161.js"),u=require("./index.cjs142.js");require("./index.cjs3.js");;/* empty css              */const D=require("./index.cjs163.js"),f=require("react"),R=({label:s,value:o,maxValue:c,minValue:l,className:p,disabled:d,onClick:a,onChange:x,error:t,required:m=!1,id:b})=>{const r=f.useRef(null),e=b||`datepicker-${s.toLowerCase().replace(/\s+/g,"-")}`;f.useEffect(()=>{t&&r.current?(r.current.setAttribute("aria-invalid","true"),r.current.setAttribute("aria-describedby",`${e}-error`)):r.current&&(r.current.setAttribute("aria-invalid","false"),r.current.removeAttribute("aria-describedby"))},[t,e]);const v=n=>{n.key==="Enter"&&!d&&(a==null||a())},j=o?u.default.fromJSDate(o).toFormat("yyyy-MM-dd"):"";return i.jsxRuntimeExports.jsxs("div",{className:D.clsx("datepicker-container",p),role:"group","aria-labelledby":`${e}-label`,"aria-describedby":t?`${e}-error`:void 0,children:[i.jsxRuntimeExports.jsxs("label",{id:`${e}-label`,htmlFor:e,className:"datepicker-label fs-7",children:[s,m&&i.jsxRuntimeExports.jsx("span",{className:"text-error ml-1","aria-hidden":"true",children:"*"})]}),i.jsxRuntimeExports.jsx("input",{ref:r,id:e,type:"date",className:"datepicker-input fs-6",disabled:d,value:j,max:c?u.default.fromJSDate(c).toFormat("yyyy-MM-dd"):void 0,min:l?u.default.fromJSDate(l).toFormat("yyyy-MM-dd"):void 0,onClick:()=>a==null?void 0:a(),onChange:n=>{const y=new Date(n.target.value);isNaN(y.getTime())||x(y)},onKeyDown:v,"aria-required":m,"aria-disabled":d,"aria-label":s,"aria-invalid":!!t,"aria-describedby":t?`${e}-error`:void 0}),t&&i.jsxRuntimeExports.jsx("div",{id:`${e}-error`,className:"datepicker-error",role:"alert","aria-live":"polite",children:t})]})};exports.DatePicker=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/DatePicker/DatePicker.css');const i=require("./index.cjs161.js"),u=require("./index.cjs142.js");require("./index.cjs3.js");;/* empty css              */const D=require("./index.cjs162.js"),f=require("react"),R=({label:s,value:o,maxValue:c,minValue:l,className:p,disabled:d,onClick:a,onChange:x,error:t,required:m=!1,id:b})=>{const r=f.useRef(null),e=b||`datepicker-${s.toLowerCase().replace(/\s+/g,"-")}`;f.useEffect(()=>{t&&r.current?(r.current.setAttribute("aria-invalid","true"),r.current.setAttribute("aria-describedby",`${e}-error`)):r.current&&(r.current.setAttribute("aria-invalid","false"),r.current.removeAttribute("aria-describedby"))},[t,e]);const v=n=>{n.key==="Enter"&&!d&&(a==null||a())},j=o?u.default.fromJSDate(o).toFormat("yyyy-MM-dd"):"";return i.jsxRuntimeExports.jsxs("div",{className:D.clsx("datepicker-container",p),role:"group","aria-labelledby":`${e}-label`,"aria-describedby":t?`${e}-error`:void 0,children:[i.jsxRuntimeExports.jsxs("label",{id:`${e}-label`,htmlFor:e,className:"datepicker-label fs-7",children:[s,m&&i.jsxRuntimeExports.jsx("span",{className:"text-error ml-1","aria-hidden":"true",children:"*"})]}),i.jsxRuntimeExports.jsx("input",{ref:r,id:e,type:"date",className:"datepicker-input fs-6",disabled:d,value:j,max:c?u.default.fromJSDate(c).toFormat("yyyy-MM-dd"):void 0,min:l?u.default.fromJSDate(l).toFormat("yyyy-MM-dd"):void 0,onClick:()=>a==null?void 0:a(),onChange:n=>{const y=new Date(n.target.value);isNaN(y.getTime())||x(y)},onKeyDown:v,"aria-required":m,"aria-disabled":d,"aria-label":s,"aria-invalid":!!t,"aria-describedby":t?`${e}-error`:void 0}),t&&i.jsxRuntimeExports.jsx("div",{id:`${e}-error`,className:"datepicker-error",role:"alert","aria-live":"polite",children:t})]})};exports.DatePicker=R;
 //# sourceMappingURL=index.cjs68.js.map

package/dist/index.cjs68.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs68.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};\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}: 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      />\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","inputRef","useRef","inputId","useEffect","handleKeyDown","e","formattedValue","DateTime","jsxs","clsx","jsx","newDate"],"mappings":"oQAoBaA,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,CACF,IAAuB,CACf,MAAAC,EAAWC,SAAyB,IAAI,EACxCC,EACJH,GAAM,cAAcV,EAAM,YAAc,EAAA,QAAQ,OAAQ,GAAG,CAAC,GAE9Dc,EAAAA,UAAU,IAAM,CACVN,GAASG,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,CAACH,EAAOK,CAAO,CAAC,EAEb,MAAAE,EAAiBC,GAA6C,CAC9DA,EAAE,MAAQ,SAAW,CAACX,IACdC,GAAA,MAAAA,IAEd,EAEMW,EAAiBhB,EACnBiB,UAAS,WAAWjB,CAAK,EAAE,SAAS,YAAY,EAChD,GAGF,OAAAkB,EAAA,kBAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,KAAK,uBAAwBhB,CAAS,EACjD,KAAK,QACL,kBAAiB,GAAGS,CAAO,SAC3B,mBAAkBL,EAAQ,GAAGK,CAAO,SAAW,OAE/C,SAAA,CAAAM,EAAA,kBAAA,KAAC,QAAA,CACC,GAAI,GAAGN,CAAO,SACd,QAASA,EACT,UAAU,wBAET,SAAA,CAAAb,EACAS,GACEY,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,SAAAR,EACA,MAAOY,EACP,IACEf,EACIgB,EAAAA,QAAS,WAAWhB,CAAQ,EAAE,SAAS,YAAY,EACnD,OAEN,IACEC,EACIe,EAAAA,QAAS,WAAWf,CAAQ,EAAE,SAAS,YAAY,EACnD,OAEN,QAAS,IAAMG,GAAA,YAAAA,IACf,SAAWU,GAAM,CACf,MAAMM,EAAU,IAAI,KAAKN,EAAE,OAAO,KAAK,EAClC,MAAMM,EAAQ,QAAS,CAAA,GAC1Bf,EAASe,CAAO,CAEpB,EACA,UAAWP,EACX,gBAAeN,EACf,gBAAeJ,EACf,aAAYL,EACZ,eAAc,CAAC,CAACQ,EAChB,mBAAkBA,EAAQ,GAAGK,CAAO,SAAW,MAAA,CACjD,EACCL,GACCa,EAAA,kBAAA,IAAC,MAAA,CACC,GAAI,GAAGR,CAAO,SACd,UAAU,mBACV,KAAK,QACL,YAAU,SAET,SAAAL,CAAA,CAAA,CACH,CAAA,CAEJ,CAEJ"}
+{"version":3,"file":"index.cjs68.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};\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}: 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      />\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","inputRef","useRef","inputId","useEffect","handleKeyDown","e","formattedValue","DateTime","jsxs","clsx","jsx","newDate"],"mappings":"oQAoBaA,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,CACF,IAAuB,CACf,MAAAC,EAAWC,SAAyB,IAAI,EACxCC,EACJH,GAAM,cAAcV,EAAM,YAAc,EAAA,QAAQ,OAAQ,GAAG,CAAC,GAE9Dc,EAAAA,UAAU,IAAM,CACVN,GAASG,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,CAACH,EAAOK,CAAO,CAAC,EAEb,MAAAE,EAAiBC,GAA6C,CAC9DA,EAAE,MAAQ,SAAW,CAACX,IACdC,GAAA,MAAAA,IAEd,EAEMW,EAAiBhB,EACnBiB,UAAS,WAAWjB,CAAK,EAAE,SAAS,YAAY,EAChD,GAGF,OAAAkB,EAAA,kBAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,KAAK,uBAAwBhB,CAAS,EACjD,KAAK,QACL,kBAAiB,GAAGS,CAAO,SAC3B,mBAAkBL,EAAQ,GAAGK,CAAO,SAAW,OAE/C,SAAA,CAAAM,EAAA,kBAAA,KAAC,QAAA,CACC,GAAI,GAAGN,CAAO,SACd,QAASA,EACT,UAAU,wBAET,SAAA,CAAAb,EACAS,GACEY,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,SAAAR,EACA,MAAOY,EACP,IACEf,EACIgB,EAAAA,QAAS,WAAWhB,CAAQ,EAAE,SAAS,YAAY,EACnD,OAEN,IACEC,EACIe,EAAAA,QAAS,WAAWf,CAAQ,EAAE,SAAS,YAAY,EACnD,OAEN,QAAS,IAAMG,GAAA,YAAAA,IACf,SAAWU,GAAM,CACf,MAAMM,EAAU,IAAI,KAAKN,EAAE,OAAO,KAAK,EAClC,MAAMM,EAAQ,QAAS,CAAA,GAC1Bf,EAASe,CAAO,CAEpB,EACA,UAAWP,EACX,gBAAeN,EACf,gBAAeJ,EACf,aAAYL,EACZ,eAAc,CAAC,CAACQ,EAChB,mBAAkBA,EAAQ,GAAGK,CAAO,SAAW,MAAA,CACjD,EACCL,GACCa,EAAA,kBAAA,IAAC,MAAA,CACC,GAAI,GAAGR,CAAO,SACd,UAAU,mBACV,KAAK,QACL,YAAU,SAET,SAAAL,CAAA,CAAA,CACH,CAAA,CAEJ,CAEJ"}

package/dist/index.cjs69.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs161.js"),k=require("./index.cjs163.js"),m=require("react"),d=require("./index.cjs68.js"),h=require("./index.cjs9.js"),E=({label:t,startDateLabel:p="Start Date",endDateLabel:j="End Date",startDate:l,endDate:c,className:b,disabled:x=!1,required:n=!1,error:a,onStartDateChange:o,onEndDateChange:u,onStartDateClick:f,onEndDateClick:R})=>{const r=m.useRef(null),i=t?`datepicker-range-${t.toLowerCase().replace(/\s+/g,"-")}`:"datepicker-range";m.useEffect(()=>{a&&r.current?(r.current.setAttribute("aria-invalid","true"),r.current.setAttribute("aria-describedby",`${i}-error`)):r.current&&(r.current.setAttribute("aria-invalid","false"),r.current.removeAttribute("aria-describedby"))},[a,i]);const g=e=>{c&&e>c?(o(e),u(e)):o(e)},v=e=>{l&&e<l&&o(e),u(e)};return s.jsxRuntimeExports.jsxs("div",{ref:r,className:k.clsx("base-col gap-x8",b),role:"group","aria-labelledby":t?`${i}-label`:void 0,"aria-describedby":a?`${i}-error`:void 0,children:[t&&s.jsxRuntimeExports.jsxs("label",{id:`${i}-label`,className:"text-sm text-dark",children:[t,n&&s.jsxRuntimeExports.jsx("span",{className:"text-error ml-1","aria-hidden":"true",children:"*"})]}),s.jsxRuntimeExports.jsxs(h.Row,{gap:"x16",role:"group",children:[s.jsxRuntimeExports.jsx(d.DatePicker,{label:p,value:l,maxValue:c,disabled:x,required:n,onChange:g,onClick:f,className:"flex-1"}),s.jsxRuntimeExports.jsx(d.DatePicker,{label:j,value:c,minValue:l,disabled:x,required:n,onChange:v,onClick:R,className:"flex-1"})]}),a&&s.jsxRuntimeExports.jsx("div",{id:`${i}-error`,className:"text-sm text-error",role:"alert","aria-live":"polite",children:a})]})};exports.DatePickerRange=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs161.js"),k=require("./index.cjs162.js"),m=require("react"),d=require("./index.cjs68.js"),h=require("./index.cjs9.js"),E=({label:t,startDateLabel:p="Start Date",endDateLabel:j="End Date",startDate:l,endDate:c,className:b,disabled:x=!1,required:n=!1,error:a,onStartDateChange:o,onEndDateChange:u,onStartDateClick:f,onEndDateClick:R})=>{const r=m.useRef(null),i=t?`datepicker-range-${t.toLowerCase().replace(/\s+/g,"-")}`:"datepicker-range";m.useEffect(()=>{a&&r.current?(r.current.setAttribute("aria-invalid","true"),r.current.setAttribute("aria-describedby",`${i}-error`)):r.current&&(r.current.setAttribute("aria-invalid","false"),r.current.removeAttribute("aria-describedby"))},[a,i]);const g=e=>{c&&e>c?(o(e),u(e)):o(e)},v=e=>{l&&e<l&&o(e),u(e)};return s.jsxRuntimeExports.jsxs("div",{ref:r,className:k.clsx("base-col gap-x8",b),role:"group","aria-labelledby":t?`${i}-label`:void 0,"aria-describedby":a?`${i}-error`:void 0,children:[t&&s.jsxRuntimeExports.jsxs("label",{id:`${i}-label`,className:"text-sm text-dark",children:[t,n&&s.jsxRuntimeExports.jsx("span",{className:"text-error ml-1","aria-hidden":"true",children:"*"})]}),s.jsxRuntimeExports.jsxs(h.Row,{gap:"x16",role:"group",children:[s.jsxRuntimeExports.jsx(d.DatePicker,{label:p,value:l,maxValue:c,disabled:x,required:n,onChange:g,onClick:f,className:"flex-1"}),s.jsxRuntimeExports.jsx(d.DatePicker,{label:j,value:c,minValue:l,disabled:x,required:n,onChange:v,onClick:R,className:"flex-1"})]}),a&&s.jsxRuntimeExports.jsx("div",{id:`${i}-error`,className:"text-sm text-error",role:"alert","aria-live":"polite",children:a})]})};exports.DatePickerRange=E;
 //# sourceMappingURL=index.cjs69.js.map

package/dist/index.cjs69.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs69.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"}
+{"version":3,"file":"index.cjs69.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"}

package/dist/index.cjs7.js

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

package/dist/index.cjs7.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs7.js","sources":["../src/components/ui/GridContainer/index.tsx"],"sourcesContent":["import { ElementType, ComponentPropsWithoutRef, useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport { createSpacingClasses, SpacingProps } from \"@theme/spacing.ts\";\n\ntype PolymorphicProps<E extends ElementType> = {\n  as?: E;\n} & SpacingProps &\n  Omit<ComponentPropsWithoutRef<E>, keyof SpacingProps>;\n\nexport const GridContainer = <E extends ElementType = \"div\">({\n  as,\n  className,\n  style,\n  ...rest\n}: PolymorphicProps<E>) => {\n  const Component = as || \"div\";\n\n  const classNames = useMemo(() => {\n    const spacingClasses = createSpacingClasses(rest);\n    return [...spacingClasses].join(\" \");\n  }, [rest]);\n\n  return (\n    <Component\n      className={clsx(\"base-grid\", className, classNames)}\n      style={{\n        ...style,\n      }}\n      {...rest}\n    />\n  );\n};\n"],"names":["GridContainer","as","className","style","rest","Component","classNames","useMemo","createSpacingClasses","jsx","clsx"],"mappings":"sMASaA,EAAgB,CAAgC,CAC3D,GAAAC,EACA,UAAAC,EACA,MAAAC,EACA,GAAGC,CACL,IAA2B,CACzB,MAAMC,EAAYJ,GAAM,MAElBK,EAAaC,EAAAA,QAAQ,IAElB,CAAC,GADeC,uBAAqBJ,CAAI,CACvB,EAAE,KAAK,GAAG,EAClC,CAACA,CAAI,CAAC,EAGP,OAAAK,EAAA,kBAAA,IAACJ,EAAA,CACC,UAAWK,EAAA,KAAK,YAAaR,EAAWI,CAAU,EAClD,MAAO,CACL,GAAGH,CACL,EACC,GAAGC,CAAA,CACN,CAEJ"}
+{"version":3,"file":"index.cjs7.js","sources":["../src/components/ui/GridContainer/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 PolymorphicProps<E extends ElementType> = {\r\n  as?: E;\r\n} & SpacingProps &\r\n  Omit<ComponentPropsWithoutRef<E>, keyof SpacingProps>;\r\n\r\nexport const GridContainer = <E extends ElementType = \"div\">({\r\n  as,\r\n  className,\r\n  style,\r\n  ...rest\r\n}: PolymorphicProps<E>) => {\r\n  const Component = as || \"div\";\r\n\r\n  const classNames = useMemo(() => {\r\n    const spacingClasses = createSpacingClasses(rest);\r\n    return [...spacingClasses].join(\" \");\r\n  }, [rest]);\r\n\r\n  return (\r\n    <Component\r\n      className={clsx(\"base-grid\", className, classNames)}\r\n      style={{\r\n        ...style,\r\n      }}\r\n      {...rest}\r\n    />\r\n  );\r\n};\r\n"],"names":["GridContainer","as","className","style","rest","Component","classNames","useMemo","createSpacingClasses","jsx","clsx"],"mappings":"sMASaA,EAAgB,CAAgC,CAC3D,GAAAC,EACA,UAAAC,EACA,MAAAC,EACA,GAAGC,CACL,IAA2B,CACzB,MAAMC,EAAYJ,GAAM,MAElBK,EAAaC,EAAAA,QAAQ,IAElB,CAAC,GADeC,uBAAqBJ,CAAI,CACvB,EAAE,KAAK,GAAG,EAClC,CAACA,CAAI,CAAC,EAGP,OAAAK,EAAA,kBAAA,IAACJ,EAAA,CACC,UAAWK,EAAA,KAAK,YAAaR,EAAWI,CAAU,EAClD,MAAO,CACL,GAAGH,CACL,EACC,GAAGC,CAAA,CACN,CAEJ"}

package/dist/index.cjs70.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./components/ui/NotificationsSettingsHeader/NotificationsSettingsHeader.css');const e=require("./index.cjs161.js"),i=require("./index.cjs163.js"),x=require("./index.cjs59.js");;/* empty css              */const a=require("./index.cjs137.js"),s=({className:n,...o})=>{const l=[{label:"Categoria notifica",noIcon:!0,isFlex:!0},{label:"SMS",fixedWidth:!0,popupInfo:{title:"SMS",description:"SMS come metodo di notifica",isOpen:!1,onClickCloseBtn:()=>{}}},{label:"Email",fixedWidth:!0,popupInfo:{title:"Email",description:"Email come metodo di notifica",isOpen:!1,onClickCloseBtn:()=>{}}}];return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx("thead",{className:i.clsx(n),...o,children:e.jsxRuntimeExports.jsx("tr",{className:"w-full flex",children:l.map((t,r)=>e.jsxRuntimeExports.jsx("th",{className:i.clsx("table-header-divider-cell   w-full",t.isFlex?"flex-1":"flex-none"),children:e.jsxRuntimeExports.jsx("div",{className:i.clsx("table__cell--header--content",t.fixedWidth?"table-header-fixed-width ":""),children:e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(x.ActionIconText,{classNameText:"text-grey-black ",noIcon:t.noIcon,icon:e.jsxRuntimeExports.jsx(a.Info,{}),textLabel:t.label,iconPosition:"right",popupInfo:t.popupInfo})})})},`${t.label}-${r}`))})}),e.jsxRuntimeExports.jsx("div",{className:"table-header-divider"})]})};exports.NotificationsSettingsHeader=s;exports.default=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./components/ui/NotificationsSettingsHeader/NotificationsSettingsHeader.css');const e=require("./index.cjs161.js"),i=require("./index.cjs162.js"),x=require("./index.cjs59.js");;/* empty css              */const a=require("./index.cjs137.js"),s=({className:n,...o})=>{const l=[{label:"Categoria notifica",noIcon:!0,isFlex:!0},{label:"SMS",fixedWidth:!0,popupInfo:{title:"SMS",description:"SMS come metodo di notifica",isOpen:!1,onClickCloseBtn:()=>{}}},{label:"Email",fixedWidth:!0,popupInfo:{title:"Email",description:"Email come metodo di notifica",isOpen:!1,onClickCloseBtn:()=>{}}}];return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx("thead",{className:i.clsx(n),...o,children:e.jsxRuntimeExports.jsx("tr",{className:"w-full flex",children:l.map((t,r)=>e.jsxRuntimeExports.jsx("th",{className:i.clsx("table-header-divider-cell   w-full",t.isFlex?"flex-1":"flex-none"),children:e.jsxRuntimeExports.jsx("div",{className:i.clsx("table__cell--header--content",t.fixedWidth?"table-header-fixed-width ":""),children:e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(x.ActionIconText,{classNameText:"text-grey-black ",noIcon:t.noIcon,icon:e.jsxRuntimeExports.jsx(a.Info,{}),textLabel:t.label,iconPosition:"right",popupInfo:t.popupInfo})})})},`${t.label}-${r}`))})}),e.jsxRuntimeExports.jsx("div",{className:"table-header-divider"})]})};exports.NotificationsSettingsHeader=s;exports.default=s;
 //# sourceMappingURL=index.cjs70.js.map

package/dist/index.cjs70.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs70.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};\n\nexport const NotificationsSettingsHeader = ({\n  className,\n  ...props\n}: TableHeaderProps) => {\n  const fixedColumns = [\n    {\n      label: \"Categoria notifica\",\n      noIcon: true,\n      isFlex: true,\n    },\n    {\n      label: \"SMS\",\n      fixedWidth: true,\n      popupInfo: {\n        title: \"SMS\",\n        description: \"SMS come metodo di notifica\",\n        isOpen: false,\n        onClickCloseBtn: () => {},\n      },\n    },\n    {\n      label: \"Email\",\n      fixedWidth: true,\n      popupInfo: {\n        title: \"Email\",\n        description: \"Email come metodo di notifica\",\n        isOpen: false,\n        onClickCloseBtn: () => {},\n      },\n    },\n  ];\n\n  return (\n    <div>\n      <thead className={clsx(className)} {...props}>\n        <tr className=\"w-full flex\">\n          {fixedColumns.map((column, index) => {\n            return (\n              <th\n                key={`${column.label}-${index}`}\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                    />\n                  </div>\n                </div>\n              </th>\n            );\n          })}\n        </tr>\n      </thead>\n      <div className={\"table-header-divider\"} />\n    </div>\n  );\n};\n\nexport default NotificationsSettingsHeader;\n"],"names":["NotificationsSettingsHeader","className","props","fixedColumns","jsx","clsx","column","index","ActionIconText","Info"],"mappings":"gRASaA,EAA8B,CAAC,CAC1C,UAAAC,EACA,GAAGC,CACL,IAAwB,CACtB,MAAMC,EAAe,CACnB,CACE,MAAO,qBACP,OAAQ,GACR,OAAQ,EACV,EACA,CACE,MAAO,MACP,WAAY,GACZ,UAAW,CACT,MAAO,MACP,YAAa,8BACb,OAAQ,GACR,gBAAiB,IAAM,CAAA,CAAC,CAE5B,EACA,CACE,MAAO,QACP,WAAY,GACZ,UAAW,CACT,MAAO,QACP,YAAa,gCACb,OAAQ,GACR,gBAAiB,IAAM,CAAA,CAAC,CAC1B,CAEJ,EAEA,gCACG,MACC,CAAA,SAAA,CAAAC,wBAAC,QAAM,CAAA,UAAWC,EAAAA,KAAKJ,CAAS,EAAI,GAAGC,EACrC,SAACE,EAAAA,kBAAAA,IAAA,KAAA,CAAG,UAAU,cACX,SAAAD,EAAa,IAAI,CAACG,EAAQC,IAEvBH,EAAA,kBAAA,IAAC,KAAA,CAEC,UAAWC,EAAA,KACT,qCACAC,EAAO,OAAS,SAAW,WAC7B,EAEA,SAAAF,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWC,EAAA,KACT,+BACAC,EAAO,WAAa,4BAA8B,EACpD,EAEA,iCAAC,MACC,CAAA,SAAAF,EAAA,kBAAA,IAACI,EAAA,eAAA,CACC,cAAe,mBACf,OAAQF,EAAO,OACf,6BAAOG,EAAK,KAAA,EAAA,EACZ,UAAWH,EAAO,MAClB,aAAc,QACd,UAAWA,EAAO,SAAA,CAAA,CAEtB,CAAA,CAAA,CAAA,CACF,EAtBK,GAAGA,EAAO,KAAK,IAAIC,CAAK,EAuB/B,CAEH,EACH,CACF,CAAA,EACAH,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAW,sBAAwB,CAAA,CAAA,EAC1C,CAEJ"}
+{"version":3,"file":"index.cjs70.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};\r\n\r\nexport const NotificationsSettingsHeader = ({\r\n  className,\r\n  ...props\r\n}: TableHeaderProps) => {\r\n  const fixedColumns = [\r\n    {\r\n      label: \"Categoria notifica\",\r\n      noIcon: true,\r\n      isFlex: true,\r\n    },\r\n    {\r\n      label: \"SMS\",\r\n      fixedWidth: true,\r\n      popupInfo: {\r\n        title: \"SMS\",\r\n        description: \"SMS come metodo di notifica\",\r\n        isOpen: false,\r\n        onClickCloseBtn: () => {},\r\n      },\r\n    },\r\n    {\r\n      label: \"Email\",\r\n      fixedWidth: true,\r\n      popupInfo: {\r\n        title: \"Email\",\r\n        description: \"Email come metodo di notifica\",\r\n        isOpen: false,\r\n        onClickCloseBtn: () => {},\r\n      },\r\n    },\r\n  ];\r\n\r\n  return (\r\n    <div>\r\n      <thead className={clsx(className)} {...props}>\r\n        <tr className=\"w-full flex\">\r\n          {fixedColumns.map((column, index) => {\r\n            return (\r\n              <th\r\n                key={`${column.label}-${index}`}\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                    />\r\n                  </div>\r\n                </div>\r\n              </th>\r\n            );\r\n          })}\r\n        </tr>\r\n      </thead>\r\n      <div className={\"table-header-divider\"} />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default NotificationsSettingsHeader;\r\n"],"names":["NotificationsSettingsHeader","className","props","fixedColumns","jsx","clsx","column","index","ActionIconText","Info"],"mappings":"gRASaA,EAA8B,CAAC,CAC1C,UAAAC,EACA,GAAGC,CACL,IAAwB,CACtB,MAAMC,EAAe,CACnB,CACE,MAAO,qBACP,OAAQ,GACR,OAAQ,EACV,EACA,CACE,MAAO,MACP,WAAY,GACZ,UAAW,CACT,MAAO,MACP,YAAa,8BACb,OAAQ,GACR,gBAAiB,IAAM,CAAA,CAAC,CAE5B,EACA,CACE,MAAO,QACP,WAAY,GACZ,UAAW,CACT,MAAO,QACP,YAAa,gCACb,OAAQ,GACR,gBAAiB,IAAM,CAAA,CAAC,CAC1B,CAEJ,EAEA,gCACG,MACC,CAAA,SAAA,CAAAC,wBAAC,QAAM,CAAA,UAAWC,EAAAA,KAAKJ,CAAS,EAAI,GAAGC,EACrC,SAACE,EAAAA,kBAAAA,IAAA,KAAA,CAAG,UAAU,cACX,SAAAD,EAAa,IAAI,CAACG,EAAQC,IAEvBH,EAAA,kBAAA,IAAC,KAAA,CAEC,UAAWC,EAAA,KACT,qCACAC,EAAO,OAAS,SAAW,WAC7B,EAEA,SAAAF,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWC,EAAA,KACT,+BACAC,EAAO,WAAa,4BAA8B,EACpD,EAEA,iCAAC,MACC,CAAA,SAAAF,EAAA,kBAAA,IAACI,EAAA,eAAA,CACC,cAAe,mBACf,OAAQF,EAAO,OACf,6BAAOG,EAAK,KAAA,EAAA,EACZ,UAAWH,EAAO,MAClB,aAAc,QACd,UAAWA,EAAO,SAAA,CAAA,CAEtB,CAAA,CAAA,CAAA,CACF,EAtBK,GAAGA,EAAO,KAAK,IAAIC,CAAK,EAuB/B,CAEH,EACH,CACF,CAAA,EACAH,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAW,sBAAwB,CAAA,CAAA,EAC1C,CAEJ"}

package/dist/index.cjs71.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/InfoModal/InfoModal.css');const s=require("./index.cjs161.js"),e=require("./index.cjs208.js");;/* empty css              */const n=require("./index.cjs9.js"),l=require("./index.cjs122.js"),a=require("./index.cjs101.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(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.cjs161.js"),e=require("./index.cjs201.js");;/* empty css              */const n=require("./index.cjs9.js"),l=require("./index.cjs122.js"),a=require("./index.cjs101.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(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.cjs71.js.map

package/dist/index.cjs71.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs71.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        <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      </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,KAEhDC,EAAA,kBAAA,IAACC,EAAO,KAAP,CAAY,KAAAN,EAAY,aAAcC,EACrC,SAACI,EAAAA,kBAAAA,IAAAE,EAAAA,OAAA,CACC,SAACF,EAAA,kBAAA,IAAAG,EAAA,QAAA,CAAe,UAAU,kCAAkC,GAAAN,EAC1D,SAAAG,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,wDACb,SAAAI,EAAA,kBAAA,KAACC,EAAI,IAAA,CAAA,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,UAAW,iBACX,QAAS,IAAMX,EAAQ,EAAK,EAC5B,MAAO,GACP,OAAQ,GACR,MAAM,UAAA,CAAA,CAEV,CAAA,CAAA,CACF,CAAA,EACF,CAAA,CACF,CACF,CAAA"}
+{"version":3,"file":"index.cjs71.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        <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      </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,KAEhDC,EAAA,kBAAA,IAACC,EAAO,KAAP,CAAY,KAAAN,EAAY,aAAcC,EACrC,SAACI,EAAAA,kBAAAA,IAAAE,EAAAA,OAAA,CACC,SAACF,EAAA,kBAAA,IAAAG,EAAA,QAAA,CAAe,UAAU,kCAAkC,GAAAN,EAC1D,SAAAG,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,wDACb,SAAAI,EAAA,kBAAA,KAACC,EAAI,IAAA,CAAA,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,UAAW,iBACX,QAAS,IAAMX,EAAQ,EAAK,EAC5B,MAAO,GACP,OAAQ,GACR,MAAM,UAAA,CAAA,CAEV,CAAA,CAAA,CACF,CAAA,EACF,CAAA,CACF,CACF,CAAA"}

package/dist/index.cjs72.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs72.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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"}
+{"version":3,"file":"index.cjs72.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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"}

package/dist/index.cjs73.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs73.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"}
+{"version":3,"file":"index.cjs73.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"}

package/dist/index.cjs74.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs74.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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"}
+{"version":3,"file":"index.cjs74.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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"}

package/dist/index.cjs75.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs75.js","sources":["../src/components/ui/DocumentsListSkeleton/index.tsx"],"sourcesContent":["import \"./DocumentsListSkeleton.scss\";\n\nexport const DocumentsListSkeleton = () => {\n  return (\n    <div className=\"docs-skeleton-container\">\n      {/* Search and filters row */}\n      <div className=\"docs-skeleton-search-row\">\n        <div className=\"docs-skeleton-search-input-documents pulse\"></div>\n        <div className=\"docs-skeleton-search-button-documents pulse\"></div>\n        <div className=\"docs-skeleton-search-button-documents pulse\"></div>\n      </div>\n\n      {/* Tabs and action buttons */}\n      <div className=\"docs-skeleton-tabs-row\">\n        <div className=\"docs-skeleton-tabs\">\n          <div className=\"docs-skeleton-tab-active pulse\"></div>\n          <div className=\"docs-skeleton-tab pulse\"></div>\n        </div>\n        <div className=\"docs-skeleton-tabs-actions\">\n          <div className=\"docs-skeleton-action-button pulse\"></div>\n          <div className=\"docs-skeleton-action-button pulse\"></div>\n        </div>\n      </div>\n\n      {/* Document count */}\n      <div className=\"docs-skeleton-count pulse\"></div>\n\n      {/* Year header */}\n      <div className=\"docs-skeleton-year pulse\"></div>\n\n      {/* Documents grid - 2 columns */}\n      <div className=\"docs-skeleton-grid\">\n        {/* Left column */}\n        <div className=\"docs-skeleton-document\">\n          <div className=\"docs-skeleton-document-header\">\n            <div className=\"docs-skeleton-emesso pulse\"></div>\n            <div className=\"docs-skeleton-date pulse\"></div>\n          </div>\n          <div className=\"docs-skeleton-document-content\">\n            <div className=\"docs-skeleton-document-type pulse\"></div>\n            <div className=\"docs-skeleton-document-title pulse\"></div>\n            <div className=\"docs-skeleton-document-tag pulse\"></div>\n            <div className=\"docs-skeleton-document-comments pulse\"></div>\n            <div className=\"docs-skeleton-document-footer\">\n              <div className=\"docs-skeleton-document-link pulse\"></div>\n              <div className=\"docs-skeleton-document-button pulse\"></div>\n            </div>\n          </div>\n        </div>\n\n        {/* Right column */}\n        <div className=\"docs-skeleton-document\">\n          <div className=\"docs-skeleton-document-header\">\n            <div className=\"docs-skeleton-emesso pulse\"></div>\n            <div className=\"docs-skeleton-date pulse\"></div>\n          </div>\n          <div className=\"docs-skeleton-document-content\">\n            <div className=\"docs-skeleton-document-type pulse\"></div>\n            <div className=\"docs-skeleton-document-title pulse\"></div>\n            <div className=\"docs-skeleton-document-tag pulse\"></div>\n            <div className=\"docs-skeleton-document-comments pulse\"></div>\n            <div className=\"docs-skeleton-document-footer\">\n              <div className=\"docs-skeleton-document-link pulse\"></div>\n              <div className=\"docs-skeleton-document-button pulse\"></div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      {/* Second row of documents */}\n      <div className=\"docs-skeleton-grid\">\n        {/* Left column */}\n        <div className=\"docs-skeleton-document\">\n          <div className=\"docs-skeleton-document-header\">\n            <div className=\"docs-skeleton-emesso pulse\"></div>\n            <div className=\"docs-skeleton-date pulse\"></div>\n          </div>\n          <div className=\"docs-skeleton-document-content\">\n            <div className=\"docs-skeleton-document-type pulse\"></div>\n            <div className=\"docs-skeleton-document-title pulse\"></div>\n            <div className=\"docs-skeleton-document-tag pulse\"></div>\n            <div className=\"docs-skeleton-document-comments pulse\"></div>\n            <div className=\"docs-skeleton-document-footer\">\n              <div className=\"docs-skeleton-document-link pulse\"></div>\n              <div className=\"docs-skeleton-document-button pulse\"></div>\n            </div>\n          </div>\n        </div>\n\n        {/* Right column */}\n        <div className=\"docs-skeleton-document\">\n          <div className=\"docs-skeleton-document-header\">\n            <div className=\"docs-skeleton-emesso pulse\"></div>\n            <div className=\"docs-skeleton-date pulse\"></div>\n          </div>\n          <div className=\"docs-skeleton-document-content\">\n            <div className=\"docs-skeleton-document-type pulse\"></div>\n            <div className=\"docs-skeleton-document-title pulse\"></div>\n            <div className=\"docs-skeleton-document-tag pulse\"></div>\n            <div className=\"docs-skeleton-document-comments pulse\"></div>\n            <div className=\"docs-skeleton-document-footer\">\n              <div className=\"docs-skeleton-document-link pulse\"></div>\n              <div className=\"docs-skeleton-document-button pulse\"></div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      {/* Third row of documents */}\n      <div className=\"docs-skeleton-grid\">\n        {/* Left column */}\n        <div className=\"docs-skeleton-document\">\n          <div className=\"docs-skeleton-document-header\">\n            <div className=\"docs-skeleton-emesso pulse\"></div>\n            <div className=\"docs-skeleton-date pulse\"></div>\n          </div>\n          <div className=\"docs-skeleton-document-content\">\n            <div className=\"docs-skeleton-document-type pulse\"></div>\n            <div className=\"docs-skeleton-document-title pulse\"></div>\n            <div className=\"docs-skeleton-document-tag pulse\"></div>\n            <div className=\"docs-skeleton-document-comments pulse\"></div>\n            <div className=\"docs-skeleton-document-footer\">\n              <div className=\"docs-skeleton-document-link pulse\"></div>\n              <div className=\"docs-skeleton-document-button pulse\"></div>\n            </div>\n          </div>\n        </div>\n\n        {/* Right column */}\n        <div className=\"docs-skeleton-document\">\n          <div className=\"docs-skeleton-document-header\">\n            <div className=\"docs-skeleton-emesso pulse\"></div>\n            <div className=\"docs-skeleton-date pulse\"></div>\n          </div>\n          <div className=\"docs-skeleton-document-content\">\n            <div className=\"docs-skeleton-document-type pulse\"></div>\n            <div className=\"docs-skeleton-document-title pulse\"></div>\n            <div className=\"docs-skeleton-document-tag pulse\"></div>\n            <div className=\"docs-skeleton-document-comments pulse\"></div>\n            <div className=\"docs-skeleton-document-footer\">\n              <div className=\"docs-skeleton-document-link pulse\"></div>\n              <div className=\"docs-skeleton-document-button pulse\"></div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["DocumentsListSkeleton","jsxs","jsx"],"mappings":"kJAEO,MAAMA,EAAwB,IAEjCC,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAU,0BAEb,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,2BACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,4CAA6C,CAAA,EAC5DA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,6CAA8C,CAAA,EAC7DA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,6CAA8C,CAAA,CAAA,EAC/D,EAGAD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,yBACb,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,qBACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,gCAAiC,CAAA,EAChDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,yBAA0B,CAAA,CAAA,EAC3C,EACAD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,6BACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,mCAAoC,CAAA,EACnDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,mCAAoC,CAAA,CAAA,CACrD,CAAA,CAAA,EACF,EAGAA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,2BAA4B,CAAA,EAG3CA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,0BAA2B,CAAA,EAG1CD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,qBAEb,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,yBACb,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,gCACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,4BAA6B,CAAA,EAC5CA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,0BAA2B,CAAA,CAAA,EAC5C,EACAD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,iCACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,mCAAoC,CAAA,EACnDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,oCAAqC,CAAA,EACpDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,kCAAmC,CAAA,EAClDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,uCAAwC,CAAA,EACvDD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,gCACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,mCAAoC,CAAA,EACnDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,qCAAsC,CAAA,CAAA,CACvD,CAAA,CAAA,CACF,CAAA,CAAA,EACF,EAGAD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,yBACb,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,gCACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,4BAA6B,CAAA,EAC5CA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,0BAA2B,CAAA,CAAA,EAC5C,EACAD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,iCACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,mCAAoC,CAAA,EACnDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,oCAAqC,CAAA,EACpDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,kCAAmC,CAAA,EAClDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,uCAAwC,CAAA,EACvDD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,gCACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,mCAAoC,CAAA,EACnDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,qCAAsC,CAAA,CAAA,CACvD,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,EACF,EAGAD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,qBAEb,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,yBACb,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,gCACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,4BAA6B,CAAA,EAC5CA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,0BAA2B,CAAA,CAAA,EAC5C,EACAD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,iCACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,mCAAoC,CAAA,EACnDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,oCAAqC,CAAA,EACpDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,kCAAmC,CAAA,EAClDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,uCAAwC,CAAA,EACvDD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,gCACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,mCAAoC,CAAA,EACnDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,qCAAsC,CAAA,CAAA,CACvD,CAAA,CAAA,CACF,CAAA,CAAA,EACF,EAGAD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,yBACb,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,gCACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,4BAA6B,CAAA,EAC5CA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,0BAA2B,CAAA,CAAA,EAC5C,EACAD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,iCACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,mCAAoC,CAAA,EACnDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,oCAAqC,CAAA,EACpDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,kCAAmC,CAAA,EAClDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,uCAAwC,CAAA,EACvDD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,gCACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,mCAAoC,CAAA,EACnDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,qCAAsC,CAAA,CAAA,CACvD,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,EACF,EAGAD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,qBAEb,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,yBACb,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,gCACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,4BAA6B,CAAA,EAC5CA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,0BAA2B,CAAA,CAAA,EAC5C,EACAD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,iCACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,mCAAoC,CAAA,EACnDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,oCAAqC,CAAA,EACpDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,kCAAmC,CAAA,EAClDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,uCAAwC,CAAA,EACvDD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,gCACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,mCAAoC,CAAA,EACnDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,qCAAsC,CAAA,CAAA,CACvD,CAAA,CAAA,CACF,CAAA,CAAA,EACF,EAGAD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,yBACb,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,gCACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,4BAA6B,CAAA,EAC5CA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,0BAA2B,CAAA,CAAA,EAC5C,EACAD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,iCACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,mCAAoC,CAAA,EACnDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,oCAAqC,CAAA,EACpDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,kCAAmC,CAAA,EAClDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,uCAAwC,CAAA,EACvDD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,gCACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,mCAAoC,CAAA,EACnDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,qCAAsC,CAAA,CAAA,CACvD,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,EACF"}
+{"version":3,"file":"index.cjs75.js","sources":["../src/components/ui/DocumentsListSkeleton/index.tsx"],"sourcesContent":["import \"./DocumentsListSkeleton.scss\";\r\n\r\nexport const DocumentsListSkeleton = () => {\r\n  return (\r\n    <div className=\"docs-skeleton-container\">\r\n      {/* Search and filters row */}\r\n      <div className=\"docs-skeleton-search-row\">\r\n        <div className=\"docs-skeleton-search-input-documents pulse\"></div>\r\n        <div className=\"docs-skeleton-search-button-documents pulse\"></div>\r\n        <div className=\"docs-skeleton-search-button-documents pulse\"></div>\r\n      </div>\r\n\r\n      {/* Tabs and action buttons */}\r\n      <div className=\"docs-skeleton-tabs-row\">\r\n        <div className=\"docs-skeleton-tabs\">\r\n          <div className=\"docs-skeleton-tab-active pulse\"></div>\r\n          <div className=\"docs-skeleton-tab pulse\"></div>\r\n        </div>\r\n        <div className=\"docs-skeleton-tabs-actions\">\r\n          <div className=\"docs-skeleton-action-button pulse\"></div>\r\n          <div className=\"docs-skeleton-action-button pulse\"></div>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Document count */}\r\n      <div className=\"docs-skeleton-count pulse\"></div>\r\n\r\n      {/* Year header */}\r\n      <div className=\"docs-skeleton-year pulse\"></div>\r\n\r\n      {/* Documents grid - 2 columns */}\r\n      <div className=\"docs-skeleton-grid\">\r\n        {/* Left column */}\r\n        <div className=\"docs-skeleton-document\">\r\n          <div className=\"docs-skeleton-document-header\">\r\n            <div className=\"docs-skeleton-emesso pulse\"></div>\r\n            <div className=\"docs-skeleton-date pulse\"></div>\r\n          </div>\r\n          <div className=\"docs-skeleton-document-content\">\r\n            <div className=\"docs-skeleton-document-type pulse\"></div>\r\n            <div className=\"docs-skeleton-document-title pulse\"></div>\r\n            <div className=\"docs-skeleton-document-tag pulse\"></div>\r\n            <div className=\"docs-skeleton-document-comments pulse\"></div>\r\n            <div className=\"docs-skeleton-document-footer\">\r\n              <div className=\"docs-skeleton-document-link pulse\"></div>\r\n              <div className=\"docs-skeleton-document-button pulse\"></div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        {/* Right column */}\r\n        <div className=\"docs-skeleton-document\">\r\n          <div className=\"docs-skeleton-document-header\">\r\n            <div className=\"docs-skeleton-emesso pulse\"></div>\r\n            <div className=\"docs-skeleton-date pulse\"></div>\r\n          </div>\r\n          <div className=\"docs-skeleton-document-content\">\r\n            <div className=\"docs-skeleton-document-type pulse\"></div>\r\n            <div className=\"docs-skeleton-document-title pulse\"></div>\r\n            <div className=\"docs-skeleton-document-tag pulse\"></div>\r\n            <div className=\"docs-skeleton-document-comments pulse\"></div>\r\n            <div className=\"docs-skeleton-document-footer\">\r\n              <div className=\"docs-skeleton-document-link pulse\"></div>\r\n              <div className=\"docs-skeleton-document-button pulse\"></div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Second row of documents */}\r\n      <div className=\"docs-skeleton-grid\">\r\n        {/* Left column */}\r\n        <div className=\"docs-skeleton-document\">\r\n          <div className=\"docs-skeleton-document-header\">\r\n            <div className=\"docs-skeleton-emesso pulse\"></div>\r\n            <div className=\"docs-skeleton-date pulse\"></div>\r\n          </div>\r\n          <div className=\"docs-skeleton-document-content\">\r\n            <div className=\"docs-skeleton-document-type pulse\"></div>\r\n            <div className=\"docs-skeleton-document-title pulse\"></div>\r\n            <div className=\"docs-skeleton-document-tag pulse\"></div>\r\n            <div className=\"docs-skeleton-document-comments pulse\"></div>\r\n            <div className=\"docs-skeleton-document-footer\">\r\n              <div className=\"docs-skeleton-document-link pulse\"></div>\r\n              <div className=\"docs-skeleton-document-button pulse\"></div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        {/* Right column */}\r\n        <div className=\"docs-skeleton-document\">\r\n          <div className=\"docs-skeleton-document-header\">\r\n            <div className=\"docs-skeleton-emesso pulse\"></div>\r\n            <div className=\"docs-skeleton-date pulse\"></div>\r\n          </div>\r\n          <div className=\"docs-skeleton-document-content\">\r\n            <div className=\"docs-skeleton-document-type pulse\"></div>\r\n            <div className=\"docs-skeleton-document-title pulse\"></div>\r\n            <div className=\"docs-skeleton-document-tag pulse\"></div>\r\n            <div className=\"docs-skeleton-document-comments pulse\"></div>\r\n            <div className=\"docs-skeleton-document-footer\">\r\n              <div className=\"docs-skeleton-document-link pulse\"></div>\r\n              <div className=\"docs-skeleton-document-button pulse\"></div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Third row of documents */}\r\n      <div className=\"docs-skeleton-grid\">\r\n        {/* Left column */}\r\n        <div className=\"docs-skeleton-document\">\r\n          <div className=\"docs-skeleton-document-header\">\r\n            <div className=\"docs-skeleton-emesso pulse\"></div>\r\n            <div className=\"docs-skeleton-date pulse\"></div>\r\n          </div>\r\n          <div className=\"docs-skeleton-document-content\">\r\n            <div className=\"docs-skeleton-document-type pulse\"></div>\r\n            <div className=\"docs-skeleton-document-title pulse\"></div>\r\n            <div className=\"docs-skeleton-document-tag pulse\"></div>\r\n            <div className=\"docs-skeleton-document-comments pulse\"></div>\r\n            <div className=\"docs-skeleton-document-footer\">\r\n              <div className=\"docs-skeleton-document-link pulse\"></div>\r\n              <div className=\"docs-skeleton-document-button pulse\"></div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        {/* Right column */}\r\n        <div className=\"docs-skeleton-document\">\r\n          <div className=\"docs-skeleton-document-header\">\r\n            <div className=\"docs-skeleton-emesso pulse\"></div>\r\n            <div className=\"docs-skeleton-date pulse\"></div>\r\n          </div>\r\n          <div className=\"docs-skeleton-document-content\">\r\n            <div className=\"docs-skeleton-document-type pulse\"></div>\r\n            <div className=\"docs-skeleton-document-title pulse\"></div>\r\n            <div className=\"docs-skeleton-document-tag pulse\"></div>\r\n            <div className=\"docs-skeleton-document-comments pulse\"></div>\r\n            <div className=\"docs-skeleton-document-footer\">\r\n              <div className=\"docs-skeleton-document-link pulse\"></div>\r\n              <div className=\"docs-skeleton-document-button pulse\"></div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["DocumentsListSkeleton","jsxs","jsx"],"mappings":"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"}