@anoki/fse-ui 1.0.565 → 1.0.566

package/dist/index.es62.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es62.js","sources":["../src/components/ui/CardUser/index.tsx"],"sourcesContent":["import { ColorKeys } from \"@/theme/colors\";\nimport { Avatar } from \"../Avatar\";\nimport \"./CardUser.scss\";\nimport { Col, Row } from \"@/components\";\n\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\n\ntype CardUserProps = {\n  titleTag?: HeadingLevel;\n  userName: string;\n  avatar?: {\n    initials: string;\n    bg?: ColorKeys;\n    textColor?: ColorKeys;\n  };\n  information?: {\n    label: string;\n    value: string;\n  }[];\n};\n\nexport const CardUser = ({\n  titleTag: TitleTag = \"h3\",\n  userName,\n  avatar,\n  information = [],\n}: CardUserProps) => {\n  return (\n    <Col\n      as={\"article\"}\n      bg={\"white\"}\n      br={\"x4\"}\n      p={\"x16\"}\n      gap={\"x16\"}\n      className=\"shadow md-p-x24 md-gap-x24\"\n    >\n      <Row as={\"header\"} gap={\"x16\"} alignItems={\"center\"}>\n        {avatar && (\n          <Avatar\n            textColor={avatar?.textColor ?? \"slate-20\"}\n            bg={avatar?.bg ?? \"lightblue-a01\"}\n            initials={avatar?.initials ?? \"\"}\n            className=\"ui-card-doctor-avatar\"\n            size=\"3\"\n          />\n        )}\n        <TitleTag className=\"fs-5 fw-semibold text-slate-20\">\n          {userName}\n        </TitleTag>\n      </Row>\n      <dl className=\"ui-card-user \">\n        {information.map(({ label, value }) => (\n          <div key={label}>\n            <dt className=\"fs-6 fw-bold text-slate-28\">{label}</dt>\n            <dd className=\"fs-6 fw-regular text-slate-28\">{value}</dd>\n          </div>\n        ))}\n      </dl>\n    </Col>\n  );\n};\n"],"names":["CardUser","TitleTag","userName","avatar","information","jsxs","Col","Row","jsx","Avatar","label","value"],"mappings":";;;;;AAqBO,MAAMA,IAAW,CAAC;AAAA,EACvB,UAAUC,IAAW;AAAA,EACrB,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC,IAAc,CAAA;AAChB,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,GAAG;AAAA,IACH,KAAK;AAAA,IACL,WAAU;AAAA,IAEV,UAAA;AAAA,MAAAD,gBAAAA,OAACE,KAAI,IAAI,UAAU,KAAK,OAAO,YAAY,UACxC,UAAA;AAAA,QACCJ,KAAAK,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,YAAWN,KAAA,gBAAAA,EAAQ,cAAa;AAAA,YAChC,KAAIA,KAAA,gBAAAA,EAAQ,OAAM;AAAA,YAClB,WAAUA,KAAA,gBAAAA,EAAQ,aAAY;AAAA,YAC9B,WAAU;AAAA,YACV,MAAK;AAAA,UAAA;AAAA,QACP;AAAA,QAEDK,gBAAAA,EAAA,IAAAP,GAAA,EAAS,WAAU,kCACjB,UACHC,EAAA,CAAA;AAAA,MAAA,GACF;AAAA,MACCM,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,iBACX,UAAYJ,EAAA,IAAI,CAAC,EAAE,OAAAM,GAAO,OAAAC,EACzB,MAAAN,gBAAAA,EAAA,KAAC,OACC,EAAA,UAAA;AAAA,QAACG,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,8BAA8B,UAAME,GAAA;AAAA,QACjDF,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,iCAAiC,UAAMG,EAAA,CAAA;AAAA,MAAA,EAF7C,GAAAD,CAGV,CACD,EACH,CAAA;AAAA,IAAA;AAAA,EAAA;AACF;"}
+{"version":3,"file":"index.es62.js","sources":["../src/components/ui/CardUser/index.tsx"],"sourcesContent":["import { ColorKeys } from \"@/theme/colors\";\r\nimport { Avatar } from \"../Avatar\";\r\nimport \"./CardUser.scss\";\r\nimport { Col, Row } from \"@/components\";\r\n\r\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\r\n\r\ntype CardUserProps = {\r\n  titleTag?: HeadingLevel;\r\n  userName: string;\r\n  avatar?: {\r\n    initials: string;\r\n    bg?: ColorKeys;\r\n    textColor?: ColorKeys;\r\n  };\r\n  information?: {\r\n    label: string;\r\n    value: string;\r\n  }[];\r\n};\r\n\r\nexport const CardUser = ({\r\n  titleTag: TitleTag = \"h3\",\r\n  userName,\r\n  avatar,\r\n  information = [],\r\n}: CardUserProps) => {\r\n  return (\r\n    <Col\r\n      as={\"article\"}\r\n      bg={\"white\"}\r\n      br={\"x4\"}\r\n      p={\"x16\"}\r\n      gap={\"x16\"}\r\n      className=\"shadow md-p-x24 md-gap-x24\"\r\n    >\r\n      <Row as={\"header\"} gap={\"x16\"} alignItems={\"center\"}>\r\n        {avatar && (\r\n          <Avatar\r\n            textColor={avatar?.textColor ?? \"slate-20\"}\r\n            bg={avatar?.bg ?? \"lightblue-a01\"}\r\n            initials={avatar?.initials ?? \"\"}\r\n            className=\"ui-card-doctor-avatar\"\r\n            size=\"3\"\r\n          />\r\n        )}\r\n        <TitleTag className=\"fs-5 fw-semibold text-slate-20\">\r\n          {userName}\r\n        </TitleTag>\r\n      </Row>\r\n      <dl className=\"ui-card-user \">\r\n        {information.map(({ label, value }) => (\r\n          <div key={label}>\r\n            <dt className=\"fs-6 fw-bold text-slate-28\">{label}</dt>\r\n            <dd className=\"fs-6 fw-regular text-slate-28\">{value}</dd>\r\n          </div>\r\n        ))}\r\n      </dl>\r\n    </Col>\r\n  );\r\n};\r\n"],"names":["CardUser","TitleTag","userName","avatar","information","jsxs","Col","Row","jsx","Avatar","label","value"],"mappings":";;;;;AAqBO,MAAMA,IAAW,CAAC;AAAA,EACvB,UAAUC,IAAW;AAAA,EACrB,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC,IAAc,CAAA;AAChB,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,GAAG;AAAA,IACH,KAAK;AAAA,IACL,WAAU;AAAA,IAEV,UAAA;AAAA,MAAAD,gBAAAA,OAACE,KAAI,IAAI,UAAU,KAAK,OAAO,YAAY,UACxC,UAAA;AAAA,QACCJ,KAAAK,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,YAAWN,KAAA,gBAAAA,EAAQ,cAAa;AAAA,YAChC,KAAIA,KAAA,gBAAAA,EAAQ,OAAM;AAAA,YAClB,WAAUA,KAAA,gBAAAA,EAAQ,aAAY;AAAA,YAC9B,WAAU;AAAA,YACV,MAAK;AAAA,UAAA;AAAA,QACP;AAAA,QAEDK,gBAAAA,EAAA,IAAAP,GAAA,EAAS,WAAU,kCACjB,UACHC,EAAA,CAAA;AAAA,MAAA,GACF;AAAA,MACCM,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,iBACX,UAAYJ,EAAA,IAAI,CAAC,EAAE,OAAAM,GAAO,OAAAC,EACzB,MAAAN,gBAAAA,EAAA,KAAC,OACC,EAAA,UAAA;AAAA,QAACG,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,8BAA8B,UAAME,GAAA;AAAA,QACjDF,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,iCAAiC,UAAMG,EAAA,CAAA;AAAA,MAAA,EAF7C,GAAAD,CAGV,CACD,EACH,CAAA;AAAA,IAAA;AAAA,EAAA;AACF;"}

package/dist/index.es63.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es188.js";
 import './components/ui/CardExemption/CardExemption.css';/* empty css            */
-import { clsx as t } from "./index.es189.js";
+import { clsx as t } from "./index.es190.js";
 import { Row as n } from "./index.es9.js";
 import { ArrowDown as x } from "./index.es117.js";
 const w = ({

package/dist/index.es63.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es63.js","sources":["../src/components/ui/CardExemption/index.tsx"],"sourcesContent":["import \"./CardExemption.scss\";\nimport clsx from \"clsx\";\nimport { ArrowDown } from \"@/icons\";\nimport { Row } from \"@/components\";\n\ntype CardExemptionProps = {\n  information?: { label: string; value: string }[];\n  className?: string;\n  exemptionCode: string;\n  isOpen: boolean;\n  onToggle: () => void;\n  selectedStructures?: string[];\n  hasBorder?: boolean;\n  exemptionLabel?: string;\n};\n\nexport const CardExemption = ({\n  information = [],\n  className = \"\",\n  exemptionCode,\n  isOpen,\n  onToggle,\n  hasBorder = true,\n  exemptionLabel = \"\",\n}: CardExemptionProps) => {\n  return (\n    <div className={\"rounded shadow w-full\"}>\n      <button\n        className={clsx(\n          hasBorder && \"ui-has-border-bottom\",\n          \"ui-btn-accordion \",\n          className,\n        )}\n        type=\"button\"\n        onClick={onToggle}\n      >\n        <Row\n          gap={\"x24\"}\n          p={\"x24\"}\n          justifyContent={\"center\"}\n          alignItems={\"center\"}\n        >\n          <h3 className=\"fw-semibold fs-5 md-fs-4 text-color-darker \">\n            {exemptionCode}\n          </h3>\n          <span className=\"ui-divider\"></span>\n\n          <p className={\"fs-7 md-fs-6 text-muted fw-semibold\"}>\n            {exemptionLabel}\n          </p>\n        </Row>\n        <div className={\"p-x24\"}>\n          <ArrowDown\n            color=\"primary\"\n            className={clsx(\"ui-arrow\", { \"ui-expanded\": isOpen })}\n          />\n        </div>\n      </button>\n      {isOpen && (\n        <dl className=\"ui-card-exemption p-x24\">\n          {information.map(({ label, value }) => (\n            <div key={label}>\n              <dt className=\"fs-6 fw-bold text-slate-28\">{label}</dt>\n              <dd className=\"fs-6 fw-regular text-slate-28\">{value}</dd>\n            </div>\n          ))}\n        </dl>\n      )}\n    </div>\n  );\n};\n"],"names":["CardExemption","information","className","exemptionCode","isOpen","onToggle","hasBorder","exemptionLabel","jsxs","clsx","Row","jsx","ArrowDown","label","value"],"mappings":";;;;;AAgBO,MAAMA,IAAgB,CAAC;AAAA,EAC5B,aAAAC,IAAc,CAAC;AAAA,EACf,WAAAC,IAAY;AAAA,EACZ,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,gBAAAC,IAAiB;AACnB,MAEIC,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAW,yBACd,UAAA;AAAA,EAAAA,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTH,KAAa;AAAA,QACb;AAAA,QACAJ;AAAA,MACF;AAAA,MACA,MAAK;AAAA,MACL,SAASG;AAAA,MAET,UAAA;AAAA,QAAAG,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,KAAK;AAAA,YACL,GAAG;AAAA,YACH,gBAAgB;AAAA,YAChB,YAAY;AAAA,YAEZ,UAAA;AAAA,cAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,+CACX,UACHR,GAAA;AAAA,cACAQ,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,aAAa,CAAA;AAAA,cAE5BA,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAW,uCACX,UACHJ,EAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,QACAI,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAW,SACd,UAAAA,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,WAAWH,EAAK,YAAY,EAAE,eAAeL,EAAQ,CAAA;AAAA,UAAA;AAAA,QAAA,EAEzD,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAAA,EACCA,KACCO,gBAAAA,EAAA,IAAC,MAAG,EAAA,WAAU,2BACX,UAAAV,EAAY,IAAI,CAAC,EAAE,OAAAY,GAAO,OAAAC,EAAM,6BAC9B,OACC,EAAA,UAAA;AAAA,IAACH,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,8BAA8B,UAAME,GAAA;AAAA,IACjDF,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,iCAAiC,UAAMG,EAAA,CAAA;AAAA,EAAA,EAF7C,GAAAD,CAGV,CACD,EACH,CAAA;AAAA,GAEJ;"}
+{"version":3,"file":"index.es63.js","sources":["../src/components/ui/CardExemption/index.tsx"],"sourcesContent":["import \"./CardExemption.scss\";\r\nimport clsx from \"clsx\";\r\nimport { ArrowDown } from \"@/icons\";\r\nimport { Row } from \"@/components\";\r\n\r\ntype CardExemptionProps = {\r\n  information?: { label: string; value: string }[];\r\n  className?: string;\r\n  exemptionCode: string;\r\n  isOpen: boolean;\r\n  onToggle: () => void;\r\n  selectedStructures?: string[];\r\n  hasBorder?: boolean;\r\n  exemptionLabel?: string;\r\n};\r\n\r\nexport const CardExemption = ({\r\n  information = [],\r\n  className = \"\",\r\n  exemptionCode,\r\n  isOpen,\r\n  onToggle,\r\n  hasBorder = true,\r\n  exemptionLabel = \"\",\r\n}: CardExemptionProps) => {\r\n  return (\r\n    <div className={\"rounded shadow w-full\"}>\r\n      <button\r\n        className={clsx(\r\n          hasBorder && \"ui-has-border-bottom\",\r\n          \"ui-btn-accordion \",\r\n          className,\r\n        )}\r\n        type=\"button\"\r\n        onClick={onToggle}\r\n      >\r\n        <Row\r\n          gap={\"x24\"}\r\n          p={\"x24\"}\r\n          justifyContent={\"center\"}\r\n          alignItems={\"center\"}\r\n        >\r\n          <h3 className=\"fw-semibold fs-5 md-fs-4 text-color-darker \">\r\n            {exemptionCode}\r\n          </h3>\r\n          <span className=\"ui-divider\"></span>\r\n\r\n          <p className={\"fs-7 md-fs-6 text-muted fw-semibold\"}>\r\n            {exemptionLabel}\r\n          </p>\r\n        </Row>\r\n        <div className={\"p-x24\"}>\r\n          <ArrowDown\r\n            color=\"primary\"\r\n            className={clsx(\"ui-arrow\", { \"ui-expanded\": isOpen })}\r\n          />\r\n        </div>\r\n      </button>\r\n      {isOpen && (\r\n        <dl className=\"ui-card-exemption p-x24\">\r\n          {information.map(({ label, value }) => (\r\n            <div key={label}>\r\n              <dt className=\"fs-6 fw-bold text-slate-28\">{label}</dt>\r\n              <dd className=\"fs-6 fw-regular text-slate-28\">{value}</dd>\r\n            </div>\r\n          ))}\r\n        </dl>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["CardExemption","information","className","exemptionCode","isOpen","onToggle","hasBorder","exemptionLabel","jsxs","clsx","Row","jsx","ArrowDown","label","value"],"mappings":";;;;;AAgBO,MAAMA,IAAgB,CAAC;AAAA,EAC5B,aAAAC,IAAc,CAAC;AAAA,EACf,WAAAC,IAAY;AAAA,EACZ,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,gBAAAC,IAAiB;AACnB,MAEIC,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAW,yBACd,UAAA;AAAA,EAAAA,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTH,KAAa;AAAA,QACb;AAAA,QACAJ;AAAA,MACF;AAAA,MACA,MAAK;AAAA,MACL,SAASG;AAAA,MAET,UAAA;AAAA,QAAAG,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,KAAK;AAAA,YACL,GAAG;AAAA,YACH,gBAAgB;AAAA,YAChB,YAAY;AAAA,YAEZ,UAAA;AAAA,cAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,+CACX,UACHR,GAAA;AAAA,cACAQ,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,aAAa,CAAA;AAAA,cAE5BA,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAW,uCACX,UACHJ,EAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,QACAI,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAW,SACd,UAAAA,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,WAAWH,EAAK,YAAY,EAAE,eAAeL,EAAQ,CAAA;AAAA,UAAA;AAAA,QAAA,EAEzD,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAAA,EACCA,KACCO,gBAAAA,EAAA,IAAC,MAAG,EAAA,WAAU,2BACX,UAAAV,EAAY,IAAI,CAAC,EAAE,OAAAY,GAAO,OAAAC,EAAM,6BAC9B,OACC,EAAA,UAAA;AAAA,IAACH,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,8BAA8B,UAAME,GAAA;AAAA,IACjDF,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,iCAAiC,UAAMG,EAAA,CAAA;AAAA,EAAA,EAF7C,GAAAD,CAGV,CACD,EACH,CAAA;AAAA,GAEJ;"}

package/dist/index.es64.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es64.js","sources":["../src/components/ui/Loader/index.tsx"],"sourcesContent":["import { Spinner } from \"@/icons\";\n\nexport const Loader = ({\n  loading = false,\n  className,\n}: {\n  loading?: boolean;\n  className?: string;\n}) => {\n  return <div className={className}>{loading ? <Spinner /> : null}</div>;\n};\n"],"names":["Loader","loading","className","jsx","Spinner"],"mappings":";;AAEO,MAAMA,IAAS,CAAC;AAAA,EACrB,SAAAC,IAAU;AAAA,EACV,WAAAC;AACF,4BAIU,OAAI,EAAA,WAAAA,GAAuB,cAAWC,gBAAAA,EAAAA,IAAAC,GAAA,EAAQ,IAAK,KAAK,CAAA;"}
+{"version":3,"file":"index.es64.js","sources":["../src/components/ui/Loader/index.tsx"],"sourcesContent":["import { Spinner } from \"@/icons\";\r\n\r\nexport const Loader = ({\r\n  loading = false,\r\n  className,\r\n}: {\r\n  loading?: boolean;\r\n  className?: string;\r\n}) => {\r\n  return <div className={className}>{loading ? <Spinner /> : null}</div>;\r\n};\r\n"],"names":["Loader","loading","className","jsx","Spinner"],"mappings":";;AAEO,MAAMA,IAAS,CAAC;AAAA,EACrB,SAAAC,IAAU;AAAA,EACV,WAAAC;AACF,4BAIU,OAAI,EAAA,WAAAA,GAAuB,cAAWC,gBAAAA,EAAAA,IAAAC,GAAA,EAAQ,IAAK,KAAK,CAAA;"}

package/dist/index.es65.js

@@ -1,210 +1,219 @@
-import { j as a } from "./index.es188.js";
-import * as u from "react";
-import { useEffect as G } from "react";
-import { clsx as m } from "./index.es189.js";
+import { j as e } from "./index.es188.js";
+import * as x from "react";
+import { useEffect as P } from "react";
+import { clsx as o } from "./index.es190.js";
 import './components/ui/Table/Table.css';/* empty css            */
-import { ActionIconText as J } from "./index.es59.js";
-import { TriangleUp as Q } from "./index.es155.js";
-import { TriangleDown as W } from "./index.es156.js";
-import { Download as X } from "./index.es148.js";
-import { Info as Y } from "./index.es157.js";
-const Z = u.forwardRef(
+import { ActionIconText as S } from "./index.es59.js";
+import { TriangleUp as ee } from "./index.es155.js";
+import { TriangleDown as ae } from "./index.es156.js";
+import { Download as te } from "./index.es148.js";
+import { Info as se } from "./index.es157.js";
+const ie = x.forwardRef(
   ({
-    className: e,
+    className: a,
     columns: t,
     data: s,
-    pagination: l,
-    initialCurrentPage: x = 1,
-    resultsPerPage: N = 10,
-    defaultSortDirection: r = "desc",
+    pagination: i,
+    initialCurrentPage: N = 1,
+    resultsPerPage: l = 10,
+    defaultSortDirection: b = "desc",
     setSelectedSort: p,
-    initialSortConfig: _,
-    ...o
-  }, c) => {
-    const [i, C] = u.useState(
-      _ || {
+    initialSortConfig: h,
+    serverSidePagination: _ = !1,
+    totalItems: j,
+    hasNextPage: y,
+    hasPreviousPage: C,
+    onNextPage: v,
+    onPreviousPage: w,
+    ...T
+  }, g) => {
+    const [r, M] = x.useState(
+      h || {
         key: t[0].key || t[0].label,
-        direction: r
+        direction: b
       }
-    ), [k, $] = u.useState(x);
-    G(() => {
-      _ && C(_);
-    }, [_]);
-    const v = u.useMemo(() => [...s].sort((b, h) => {
-      const d = b[i.key], n = h[i.key], f = t.find(
-        (j) => (j.key || j.label) === i.key
+    ), [R, z] = x.useState(N);
+    P(() => {
+      h && M(h);
+    }, [h]);
+    const k = x.useMemo(() => [...s].sort((d, u) => {
+      const c = d[r.key], n = u[r.key], m = t.find(
+        (f) => (f.key || f.label) === r.key
       );
-      if (typeof d == "string" && typeof n == "string") {
-        if ((f == null ? void 0 : f.type) === "date") {
-          const j = (H) => {
-            const [P, U] = H.split(" - "), [V, z, E] = P.split("/").map(Number), [O, q] = U.split(":").map(Number);
-            return new Date(E, z - 1, V, O, q);
-          }, y = j(d), D = j(n);
-          return i.direction === "asc" ? y.getTime() - D.getTime() : D.getTime() - y.getTime();
+      if (typeof c == "string" && typeof n == "string") {
+        if ((m == null ? void 0 : m.type) === "date") {
+          const f = (G) => {
+            const [J, Q] = G.split(" - "), [W, X, Y] = J.split("/").map(Number), [Z, K] = Q.split(":").map(Number);
+            return new Date(Y, X - 1, W, Z, K);
+          }, L = f(c), I = f(n);
+          return r.direction === "asc" ? L.getTime() - I.getTime() : I.getTime() - L.getTime();
         }
-        if ((f == null ? void 0 : f.type) === "number") {
-          const j = parseFloat(d), y = parseFloat(n);
-          return i.direction === "asc" ? j - y : y - j;
+        if ((m == null ? void 0 : m.type) === "number") {
+          const f = parseFloat(c), L = parseFloat(n);
+          return r.direction === "asc" ? f - L : L - f;
         }
-        return i.direction === "asc" ? d.localeCompare(n) : n.localeCompare(d);
+        return r.direction === "asc" ? c.localeCompare(n) : n.localeCompare(c);
       }
-      return w(d) && w(n) ? i.direction === "asc" ? d.firstLine.localeCompare(n.firstLine) : n.firstLine.localeCompare(d.firstLine) : 0;
-    }), [s, i, t]), B = (b) => {
-      const h = {
-        key: b,
-        direction: i.key === b && i.direction === "asc" ? "desc" : "asc"
+      return D(c) && D(n) ? r.direction === "asc" ? c.firstLine.localeCompare(n.firstLine) : n.firstLine.localeCompare(c.firstLine) : 0;
+    }), [s, r, t]), E = (d) => {
+      const u = {
+        key: d,
+        direction: r.key === d && r.direction === "asc" ? "desc" : "asc"
       };
-      C(h), p && p(h);
-    }, L = l ? (k - 1) * N : 0, M = l ? Math.min(L + N, v.length) : v.length, F = v.slice(L, M);
-    return /* @__PURE__ */ a.jsxs("div", { className: "position-relative w-full", children: [
-      /* @__PURE__ */ a.jsxs(
+      M(u), p && p(u);
+    }, $ = i && !_ ? (R - 1) * l : 0, O = i && !_ ? Math.min($ + l, k.length) : k.length, q = _ ? k : k.slice($, O);
+    return /* @__PURE__ */ e.jsxs("div", { className: "position-relative w-full", children: [
+      /* @__PURE__ */ e.jsxs(
         "table",
         {
-          ref: c,
-          className: m("table", e),
+          ref: g,
+          className: o("table", a),
           role: "table",
-          ...o,
+          ...T,
           children: [
-            /* @__PURE__ */ a.jsx(S, { className: "table__header", children: /* @__PURE__ */ a.jsx(g, { children: t.map((b, h) => /* @__PURE__ */ a.jsx(
-              A,
+            /* @__PURE__ */ e.jsx(F, { className: "table__header", children: /* @__PURE__ */ e.jsx(B, { children: t.map((d, u) => /* @__PURE__ */ e.jsx(
+              U,
               {
-                config: b,
-                sortConfig: i,
-                onSort: () => b.sortable && B(b.key || b.label)
+                config: d,
+                sortConfig: r,
+                onSort: () => d.sortable && E(d.key || d.label)
               },
-              `${b.label}-${h}`
+              `${d.label}-${u}`
             )) }) }),
-            /* @__PURE__ */ a.jsx(R, { className: "table__body", children: F.map((b, h) => /* @__PURE__ */ a.jsx(g, { className: "table__row", children: Object.entries(b).map(([d, n], f) => n ? d === "actionData" && I(n) ? /* @__PURE__ */ a.jsx(
-              T,
+            /* @__PURE__ */ e.jsx(H, { className: "table__body", children: q.map((d, u) => /* @__PURE__ */ e.jsx(B, { className: "table__row", children: Object.entries(d).map(([c, n], m) => n ? c === "actionData" && V(n) ? /* @__PURE__ */ e.jsx(
+              A,
               {
                 content: n,
                 type: "action"
               },
-              `${d}-${f}`
-            ) : w(n) ? /* @__PURE__ */ a.jsx(
-              T,
+              `${c}-${m}`
+            ) : D(n) ? /* @__PURE__ */ e.jsx(
+              A,
               {
                 content: n,
                 type: "double-line"
               },
-              `${d}-${f}`
-            ) : typeof n == "string" ? /* @__PURE__ */ a.jsx(T, { content: n }, `${d}-${f}`) : null : null) }, h)) })
+              `${c}-${m}`
+            ) : typeof n == "string" ? /* @__PURE__ */ e.jsx(A, { content: n }, `${c}-${m}`) : null : null) }, u)) })
           ]
         }
       ),
-      l && /* @__PURE__ */ a.jsx(
-        te,
+      i && /* @__PURE__ */ e.jsx(
+        re,
         {
-          currentPage: k,
-          totalResults: o.isServerSide && o.totalServerItems !== void 0 ? o.totalServerItems : v.length,
-          resultsPerPage: N,
-          setCurrentPage: $,
-          onPageChange: o.onPageChange,
-          isServerSide: o.isServerSide,
-          isLoading: o.isLoading
+          currentPage: R,
+          totalResults: _ ? j || 0 : k.length,
+          resultsPerPage: l,
+          setCurrentPage: z,
+          serverSide: _,
+          totalItems: j,
+          hasNextPage: y,
+          hasPreviousPage: C,
+          onNextPage: v,
+          onPreviousPage: w
         }
       )
     ] });
   }
 );
-Z.displayName = "Table";
-const S = u.forwardRef(
-  ({ className: e, children: t, ...s }, l) => /* @__PURE__ */ a.jsx(
+ie.displayName = "Table";
+const F = x.forwardRef(
+  ({ className: a, children: t, ...s }, i) => /* @__PURE__ */ e.jsx(
     "thead",
     {
-      ref: l,
-      className: m("[&_tr]:border-b-0", e),
+      ref: i,
+      className: o("[&_tr]:border-b-0", a),
       ...s,
       children: t
     }
   )
 );
-S.displayName = "TableHeader";
-const R = u.forwardRef(
-  ({ className: e, children: t, ...s }, l) => /* @__PURE__ */ a.jsx(
+F.displayName = "TableHeader";
+const H = x.forwardRef(
+  ({ className: a, children: t, ...s }, i) => /* @__PURE__ */ e.jsx(
     "tbody",
     {
-      ref: l,
-      className: m("[&_tr:last-child]:border-0", e),
+      ref: i,
+      className: o("[&_tr:last-child]:border-0", a),
       ...s,
       children: t
     }
   )
 );
-R.displayName = "TableBody";
-const g = u.forwardRef(
-  ({ className: e, children: t, ...s }, l) => /* @__PURE__ */ a.jsx(
+H.displayName = "TableBody";
+const B = x.forwardRef(
+  ({ className: a, children: t, ...s }, i) => /* @__PURE__ */ e.jsx(
     "tr",
     {
-      ref: l,
-      className: m(
+      ref: i,
+      className: o(
         "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
-        e
+        a
       ),
       ...s,
       children: t
     }
   )
 );
-g.displayName = "TableRow";
-const A = u.forwardRef(({ className: e, config: t, sortConfig: s, onSort: l, ...x }, N) => {
-  var c;
-  const r = s.key === (t.key || t.label), p = r ? s.direction : null, _ = () => p === "asc" ? "ascending" : "descending", o = (i) => {
-    switch (i) {
+B.displayName = "TableRow";
+const U = x.forwardRef(({ className: a, config: t, sortConfig: s, onSort: i, ...N }, l) => {
+  var j;
+  const b = s.key === (t.key || t.label), p = b ? s.direction : null, h = () => p === "asc" ? "ascending" : "descending", _ = (y) => {
+    switch (y) {
       case "info":
-        return /* @__PURE__ */ a.jsx(Y, {});
+        return /* @__PURE__ */ e.jsx(se, {});
       case "download":
-        return /* @__PURE__ */ a.jsx(X, {});
+        return /* @__PURE__ */ e.jsx(te, {});
       default:
-        return i;
+        return y;
     }
   };
-  return /* @__PURE__ */ a.jsx(
+  return /* @__PURE__ */ e.jsx(
     "th",
     {
-      ref: N,
-      className: m(
+      ref: l,
+      className: o(
         "table__cell table__cell--header",
         {
           "table__cell--sortable": t.sortable,
           "table__cell--action": t.action
         },
-        e
+        a
       ),
-      onClick: t.sortable ? l : t.action,
+      onClick: t.sortable ? i : t.action,
       "aria-label": t.ariaLabel,
-      "aria-sort": r ? _() : void 0,
-      ...x,
-      children: /* @__PURE__ */ a.jsxs("div", { className: "table__cell--header--content", children: [
-        /* @__PURE__ */ a.jsx("div", { children: /* @__PURE__ */ a.jsx(
-          J,
+      "aria-sort": b ? h() : void 0,
+      ...N,
+      children: /* @__PURE__ */ e.jsxs("div", { className: "table__cell--header--content", children: [
+        /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
+          S,
           {
-            icon: o(t.icon),
+            icon: _(t.icon),
             textLabel: t.label,
             iconPosition: t.iconPosition,
             handleIconAction: () => {
               t.iconAction;
             },
             popupInfo: t.popupInfo,
-            positionPopUp: (c = t.popupInfo) == null ? void 0 : c.positionPopUp
+            positionPopUp: (j = t.popupInfo) == null ? void 0 : j.positionPopUp
           }
         ) }),
-        t.sortable && /* @__PURE__ */ a.jsxs("span", { className: "sort-indicator", children: [
-          /* @__PURE__ */ a.jsx(
-            Q,
+        t.sortable && /* @__PURE__ */ e.jsxs("span", { className: "sort-indicator", children: [
+          /* @__PURE__ */ e.jsx(
+            ee,
             {
-              filled: r && p === "desc",
-              className: m("sort-indicator__triangle", {
-                active: r && p === "desc"
+              filled: b && p === "desc",
+              className: o("sort-indicator__triangle", {
+                active: b && p === "desc"
               })
             }
           ),
-          /* @__PURE__ */ a.jsx(
-            W,
+          /* @__PURE__ */ e.jsx(
+            ae,
             {
-              filled: r && p === "asc",
-              className: m("sort-indicator__triangle", {
-                active: r && p === "asc"
+              filled: b && p === "asc",
+              className: o("sort-indicator__triangle", {
+                active: b && p === "asc"
               })
             }
           )
@@ -213,105 +222,140 @@ const A = u.forwardRef(({ className: e, config: t, sortConfig: s, onSort: l, ...
     }
   );
 });
-A.displayName = "TableHead";
-const K = ({ data: e }) => /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-  /* @__PURE__ */ a.jsx("div", { className: "table__cell--firstLine", children: e.firstLine }),
-  /* @__PURE__ */ a.jsx("div", { className: "table__cell--secondLine", children: e.secondLine })
-] }), ee = ({ data: e }) => e.type === "link" && e.link ? /* @__PURE__ */ a.jsx("a", { href: e.link, "aria-label": e.ariaLabel, children: e.label }) : /* @__PURE__ */ a.jsx("button", { onClick: e.action, "aria-label": e.ariaLabel, children: e.label }), w = (e) => typeof e == "object" && e !== null && "firstLine" in e && "secondLine" in e, I = (e) => typeof e == "object" && e !== null && "label" in e && "type" in e, ae = ({
-  content: e
-}) => typeof e == "string" ? /* @__PURE__ */ a.jsx(a.Fragment, { children: e }) : w(e) ? /* @__PURE__ */ a.jsx(K, { data: e }) : I(e) ? /* @__PURE__ */ a.jsx(ee, { data: e }) : null, T = u.forwardRef(
-  ({ className: e, content: t, type: s, ...l }, x) => /* @__PURE__ */ a.jsx(
+U.displayName = "TableHead";
+const ne = ({ data: a }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  /* @__PURE__ */ e.jsx("div", { className: "table__cell--firstLine", children: a.firstLine }),
+  /* @__PURE__ */ e.jsx("div", { className: "table__cell--secondLine", children: a.secondLine })
+] }), le = ({ data: a }) => a.type === "link" && a.link ? /* @__PURE__ */ e.jsx("a", { href: a.link, "aria-label": a.ariaLabel, children: a.label }) : /* @__PURE__ */ e.jsx("button", { onClick: a.action, "aria-label": a.ariaLabel, children: a.label }), D = (a) => typeof a == "object" && a !== null && "firstLine" in a && "secondLine" in a, V = (a) => typeof a == "object" && a !== null && "label" in a && "type" in a, oe = ({
+  content: a
+}) => typeof a == "string" ? /* @__PURE__ */ e.jsx(e.Fragment, { children: a }) : D(a) ? /* @__PURE__ */ e.jsx(ne, { data: a }) : V(a) ? /* @__PURE__ */ e.jsx(le, { data: a }) : null, A = x.forwardRef(
+  ({ className: a, content: t, type: s, ...i }, N) => /* @__PURE__ */ e.jsx(
     "td",
     {
-      ref: x,
-      className: m(
+      ref: N,
+      className: o(
         "table__cell",
         {
           "table__cell--double-line": s === "double-line",
           "table__cell--action": s === "action"
         },
-        e
+        a
       ),
-      ...l,
-      children: /* @__PURE__ */ a.jsx(ae, { content: t })
+      ...i,
+      children: /* @__PURE__ */ e.jsx(oe, { content: t })
     }
   )
 );
-T.displayName = "TableCell";
-const te = ({
-  currentPage: e = 1,
+A.displayName = "TableCell";
+const re = ({
+  currentPage: a = 1,
   totalResults: t,
   resultsPerPage: s,
-  setCurrentPage: l,
-  onPageChange: x,
-  isServerSide: N = !1,
-  isLoading: r = !1,
-  className: p
+  setCurrentPage: i,
+  className: N,
+  serverSide: l = !1,
+  totalItems: b,
+  hasNextPage: p,
+  hasPreviousPage: h,
+  onNextPage: _,
+  onPreviousPage: j
 }) => {
-  const _ = Math.ceil(t / s), o = (c) => {
-    l(c), N && x && x(c);
-  };
-  return /* @__PURE__ */ a.jsxs("div", { className: m("pagination", p), children: [
-    /* @__PURE__ */ a.jsxs("div", { className: "pagination__info", children: [
+  const y = Math.ceil(l ? (b || t) / s : t / s), C = () => {
+    l && _ ? _() : i(a + 1);
+  }, v = () => {
+    l && j ? j() : i(a - 1);
+  }, w = l ? !p : a === y, T = l ? !h : a === 1;
+  return /* @__PURE__ */ e.jsxs("div", { className: o("pagination", N), children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "pagination__info", children: [
       "Stai visualizzando",
       " ",
-      /* @__PURE__ */ a.jsx("span", { className: "pagination__info__resultsPerPage", children: s }),
+      /* @__PURE__ */ e.jsx("span", { className: "pagination__info__resultsPerPage", children: s }),
       " ",
       "di ",
-      t,
+      l && b || t,
       " risultati"
     ] }),
-    /* @__PURE__ */ a.jsxs("div", { className: "pagination__nav", children: [
-      /* @__PURE__ */ a.jsx(
+    !l && /* @__PURE__ */ e.jsxs("div", { className: "pagination__nav", children: [
+      /* @__PURE__ */ e.jsx(
         "button",
         {
-          className: m(
+          className: o(
             "pagination__button",
-            (e === 1 || r) && "pagination__button--disabled"
+            T && "pagination__button--disabled"
           ),
-          onClick: () => o(e - 1),
-          disabled: e === 1 || r,
+          onClick: v,
+          disabled: T,
           "aria-label": "Previous page",
-          children: /* @__PURE__ */ a.jsx("svg", { className: "pagination__button-arrow", viewBox: "0 0 24 24", children: /* @__PURE__ */ a.jsx("path", { d: "M15 18l-6-6 6-6" }) })
+          children: /* @__PURE__ */ e.jsx("svg", { className: "pagination__button-arrow", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { d: "M15 18l-6-6 6-6" }) })
         }
       ),
-      Array.from({ length: _ }, (c, i) => i + 1).map((c) => /* @__PURE__ */ a.jsx(
+      Array.from({ length: y }, (g, r) => r + 1).map((g) => /* @__PURE__ */ e.jsx(
         "button",
         {
-          className: m(
+          className: o(
             "pagination__button",
-            e === c && "pagination__button--active",
-            r && "pagination__button--disabled"
+            a === g && "pagination__button--active"
           ),
-          onClick: () => o(c),
-          disabled: r,
-          children: c
+          onClick: () => i(g),
+          children: g
         },
-        c
+        g
       )),
-      /* @__PURE__ */ a.jsx(
+      /* @__PURE__ */ e.jsx(
+        "button",
+        {
+          className: o(
+            "pagination__button",
+            w && "pagination__button--disabled"
+          ),
+          onClick: C,
+          disabled: w,
+          "aria-label": "Next page",
+          children: /* @__PURE__ */ e.jsx("svg", { className: "pagination__button-arrow", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { d: "M9 6l6 6-6 6" }) })
+        }
+      )
+    ] }),
+    l && /* @__PURE__ */ e.jsxs("div", { className: "pagination__nav", children: [
+      /* @__PURE__ */ e.jsx(
+        "button",
+        {
+          className: o(
+            "pagination__button",
+            T && "pagination__button--disabled"
+          ),
+          onClick: v,
+          disabled: T,
+          "aria-label": "Previous page",
+          children: /* @__PURE__ */ e.jsx("svg", { className: "pagination__button-arrow", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { d: "M15 18l-6-6 6-6" }) })
+        }
+      ),
+      /* @__PURE__ */ e.jsxs("div", { className: "pagination__page-indicator", children: [
+        "Pagina ",
+        a
+      ] }),
+      /* @__PURE__ */ e.jsx(
         "button",
         {
-          className: m(
+          className: o(
             "pagination__button",
-            (e === _ || r) && "pagination__button--disabled"
+            w && "pagination__button--disabled"
           ),
-          onClick: () => o(e + 1),
-          disabled: e === _ || r,
+          onClick: C,
+          disabled: w,
           "aria-label": "Next page",
-          children: /* @__PURE__ */ a.jsx("svg", { className: "pagination__button-arrow", viewBox: "0 0 24 24", children: /* @__PURE__ */ a.jsx("path", { d: "M9 6l6 6-6 6" }) })
+          children: /* @__PURE__ */ e.jsx("svg", { className: "pagination__button-arrow", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { d: "M9 6l6 6-6 6" }) })
         }
       )
     ] })
   ] });
 };
 export {
-  te as Pagination,
-  Z as Table,
-  R as TableBody,
-  T as TableCell,
-  A as TableHead,
-  S as TableHeader,
-  g as TableRow
+  re as Pagination,
+  ie as Table,
+  H as TableBody,
+  A as TableCell,
+  U as TableHead,
+  F as TableHeader,
+  B as TableRow
 };
 //# sourceMappingURL=index.es65.js.map