@anoki/fse-ui 1.0.0-beta1.21

package/dist/index.es63.js

@@ -0,0 +1,96 @@
+import { j as e } from "./index.es216.js";
+import { Checkbox as p, CheckboxIndicator as w } from "./index.es260.js";
+import './components/ui/filters/CheckboxFilter/CheckboxFilter.css';/* empty css            */
+import k from "./index.es228.js";
+import { clsx as i } from "./index.es218.js";
+import { Row as c } from "./index.es9.js";
+const v = ({
+  id: r,
+  label: t,
+  checked: h,
+  onChange: a,
+  classNameText: l = "fs-6 fw-bold",
+  canMultiple: s = !0
+}) => {
+  var n;
+  const x = () => /* @__PURE__ */ e.jsx(
+    "svg",
+    {
+      width: "14",
+      height: "14",
+      viewBox: "0 0 12 12",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ e.jsx(
+        "path",
+        {
+          d: "M10 3L4.5 8.5L2 6",
+          stroke: "white",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  ), d = () => /* @__PURE__ */ e.jsx(
+    "svg",
+    {
+      width: "14",
+      height: "14",
+      viewBox: "0 0 12 12",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ e.jsx(
+        "path",
+        {
+          d: "M10 3L4.5 8.5L2 6",
+          stroke: "white",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  ), o = new DOMParser().parseFromString(`${t}`, "text/html"), m = ((n = o == null ? void 0 : o.body) == null ? void 0 : n.textContent) || "";
+  return /* @__PURE__ */ e.jsx(c, { alignItems: "center", gap: "x16", children: /* @__PURE__ */ e.jsxs(
+    c,
+    {
+      as: "label",
+      gap: "x16",
+      alignItems: "center",
+      py: "x8",
+      htmlFor: r,
+      className: "cursor-pointer w-full",
+      children: [
+        /* @__PURE__ */ e.jsx(
+          p,
+          {
+            id: r,
+            checked: h,
+            onCheckedChange: a,
+            className: i(
+              s ? "ui-checkbox-filter-container" : "ui-checkbox-filter"
+            ),
+            "aria-label": m,
+            children: /* @__PURE__ */ e.jsx(w, { children: /* @__PURE__ */ e.jsx("div", { className: "checkbox-container", children: s ? /* @__PURE__ */ e.jsx(x, {}) : /* @__PURE__ */ e.jsx(d, {}) }) })
+          }
+        ),
+        t && /* @__PURE__ */ e.jsx(
+          k,
+          {
+            as: "label",
+            htmlFor: r,
+            className: i(l, "text-slate-20 cursor-pointer"),
+            children: t
+          }
+        )
+      ]
+    }
+  ) });
+};
+export {
+  v as CheckboxFilter
+};
+//# sourceMappingURL=index.es63.js.map

package/dist/index.es63.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es63.js","sources":["../src/components/ui/filters/CheckboxFilter/index.tsx"],"sourcesContent":["\"use client\";\nimport * as CheckboxRadix from \"@radix-ui/react-checkbox\";\nimport \"./CheckboxFilter.scss\";\nimport Balancer from \"react-wrap-balancer\";\nimport { Row } from \"@/components\";\nimport { PropsWithChildren, ReactNode } from \"react\";\nimport clsx from \"clsx\";\n\ntype CheckboxFilterProps = PropsWithChildren<{\n  id: string;\n  label?: ReactNode;\n  checked: boolean;\n  onChange: (checked: boolean) => void;\n  classNameText?: string;\n  canMultiple?: boolean;\n}>;\n\nexport const CheckboxFilter = ({\n  id,\n  label,\n  checked,\n  onChange,\n  classNameText = \"fs-6 fw-bold\",\n  canMultiple = true,\n}: CheckboxFilterProps) => {\n  const CheckIcon = () => (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 12 12\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"M10 3L4.5 8.5L2 6\"\n        stroke=\"white\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n  const CheckIconCircle = () => (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 12 12\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"M10 3L4.5 8.5L2 6\"\n        stroke=\"white\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n\n  const parser = new DOMParser();\n  const html = parser.parseFromString(`${label}`, \"text/html\");\n  const labelText = html?.body?.textContent || \"\";\n\n  return (\n    <Row alignItems=\"center\" gap=\"x16\">\n      <Row\n        as={\"label\"}\n        gap={\"x16\"}\n        alignItems={\"center\"}\n        py={\"x8\"}\n        htmlFor={id}\n        className=\"cursor-pointer w-full\"\n      >\n        <CheckboxRadix.Root\n          id={id}\n          checked={checked}\n          onCheckedChange={onChange}\n          className={clsx(\n            canMultiple ? \"ui-checkbox-filter-container\" : \"ui-checkbox-filter\",\n          )}\n          aria-label={labelText}\n        >\n          <CheckboxRadix.Indicator>\n            <div className=\"checkbox-container\">\n              {canMultiple ? <CheckIcon /> : <CheckIconCircle />}\n            </div>\n          </CheckboxRadix.Indicator>\n        </CheckboxRadix.Root>\n        {label && (\n          <Balancer\n            as=\"label\"\n            htmlFor={id}\n            className={clsx(classNameText, \"text-slate-20 cursor-pointer\")}\n          >\n            {label}\n          </Balancer>\n        )}\n      </Row>\n    </Row>\n  );\n};\n"],"names":["CheckboxFilter","id","label","checked","onChange","classNameText","canMultiple","CheckIcon","jsx","CheckIconCircle","html","labelText","_a","Row","jsxs","CheckboxRadix.Root","clsx","CheckboxRadix.Indicator","Balancer"],"mappings":";;;;;;AAiBO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,aAAAC,IAAc;AAChB,MAA2B;;AACzB,QAAMC,IAAY,MAChBC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,eAAY;AAAA,MAEZ,UAAAA,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MAAA;AAAA,IACjB;AAAA,EACF,GAEIC,IAAkB,MACtBD,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,eAAY;AAAA,MAEZ,UAAAA,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MAAA;AAAA,IACjB;AAAA,EACF,GAIIE,IADS,IAAI,UAAU,EACT,gBAAgB,GAAGR,CAAK,IAAI,WAAW,GACrDS,MAAYC,IAAAF,KAAA,gBAAAA,EAAM,SAAN,gBAAAE,EAAY,gBAAe;AAE7C,SACGJ,gBAAAA,EAAA,IAAAK,GAAA,EAAI,YAAW,UAAS,KAAI,OAC3B,UAAAC,gBAAAA,EAAA;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,KAAK;AAAA,MACL,YAAY;AAAA,MACZ,IAAI;AAAA,MACJ,SAASZ;AAAA,MACT,WAAU;AAAA,MAEV,UAAA;AAAA,QAAAO,gBAAAA,EAAA;AAAA,UAACO;AAAAA,UAAA;AAAA,YACC,IAAAd;AAAA,YACA,SAAAE;AAAA,YACA,iBAAiBC;AAAA,YACjB,WAAWY;AAAA,cACTV,IAAc,iCAAiC;AAAA,YACjD;AAAA,YACA,cAAYK;AAAA,YAEZ,UAACH,gBAAAA,EAAAA,IAAAS,GAAA,EACC,gCAAC,OAAI,EAAA,WAAU,sBACZ,UAAAX,0BAAeC,GAAU,CAAA,CAAA,IAAMC,gBAAAA,EAAAA,IAAAC,GAAA,EAAgB,GAClD,EACF,CAAA;AAAA,UAAA;AAAA,QACF;AAAA,QACCP,KACCM,gBAAAA,EAAA;AAAA,UAACU;AAAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,SAASjB;AAAA,YACT,WAAWe,EAAKX,GAAe,8BAA8B;AAAA,YAE5D,UAAAH;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;"}

package/dist/index.es64.js

@@ -0,0 +1,44 @@
+import { j as e } from "./index.es216.js";
+import { Avatar as x } from "./index.es58.js";
+import './components/ui/CardUser/CardUser.css';/* empty css            */
+import { Col as m } from "./index.es10.js";
+import { Row as r } from "./index.es9.js";
+const g = ({
+  titleTag: l = "h3",
+  userName: o,
+  avatar: s,
+  information: d = []
+}) => /* @__PURE__ */ e.jsxs(
+  m,
+  {
+    as: "article",
+    bg: "white",
+    br: "x4",
+    p: "x16",
+    gap: "x16",
+    className: "shadow md-p-x24 md-gap-x24",
+    children: [
+      /* @__PURE__ */ e.jsxs(r, { as: "header", gap: "x16", alignItems: "center", children: [
+        s && /* @__PURE__ */ e.jsx(
+          x,
+          {
+            textColor: (s == null ? void 0 : s.textColor) ?? "slate-20",
+            bg: (s == null ? void 0 : s.bg) ?? "lightblue-a01",
+            initials: (s == null ? void 0 : s.initials) ?? "",
+            className: "ui-card-doctor-avatar",
+            size: "3"
+          }
+        ),
+        /* @__PURE__ */ e.jsx(l, { className: "fs-5 fw-semibold text-slate-20", children: o })
+      ] }),
+      /* @__PURE__ */ e.jsx("dl", { className: "ui-card-user ", children: d.map(({ label: i, value: t }) => /* @__PURE__ */ e.jsxs("div", { children: [
+        /* @__PURE__ */ e.jsx("dt", { className: "fs-6 fw-bold text-slate-28", children: i }),
+        /* @__PURE__ */ e.jsx("dd", { className: "fs-6 fw-regular text-slate-28", children: t })
+      ] }, i)) })
+    ]
+  }
+);
+export {
+  g as CardUser
+};
+//# sourceMappingURL=index.es64.js.map

package/dist/index.es64.js.map

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

package/dist/index.es65.js

@@ -0,0 +1,58 @@
+import { j as s } from "./index.es216.js";
+import './components/ui/CardExemption/CardExemption.css';/* empty css            */
+import { clsx as t } from "./index.es218.js";
+import { Row as n } from "./index.es9.js";
+import { ArrowDown as x } from "./index.es135.js";
+const w = ({
+  information: o = [],
+  className: a = "",
+  exemptionCode: i,
+  isOpen: e,
+  onToggle: d,
+  hasBorder: m = !0,
+  exemptionLabel: c = ""
+}) => /* @__PURE__ */ s.jsxs("div", { className: "rounded shadow w-full", children: [
+  /* @__PURE__ */ s.jsxs(
+    "button",
+    {
+      className: t(
+        m && "ui-has-border-bottom",
+        "ui-btn-accordion-exemption",
+        a
+      ),
+      type: "button",
+      onClick: d,
+      children: [
+        /* @__PURE__ */ s.jsxs(
+          n,
+          {
+            gap: "x24",
+            p: "x24",
+            justifyContent: "center",
+            alignItems: "center",
+            children: [
+              /* @__PURE__ */ s.jsx("h3", { className: "fw-semibold fs-5 md-fs-4 text-color-darker ", children: i }),
+              /* @__PURE__ */ s.jsx("span", { className: "ui-divider" }),
+              /* @__PURE__ */ s.jsx("p", { className: "fs-7 md-fs-6 text-muted fw-semibold", children: c })
+            ]
+          }
+        ),
+        /* @__PURE__ */ s.jsx("div", { className: "p-x24", children: /* @__PURE__ */ s.jsx(
+          x,
+          {
+            color: "primary",
+            className: t("ui-arrow", { "ui-expanded": !e })
+          }
+        ) })
+      ]
+    }
+  ),
+  e && /* @__PURE__ */ s.jsx("dl", { className: "ui-card-exemption p-x24", children: o.map(({ label: r, value: l }) => /* @__PURE__ */ s.jsxs("div", { children: [
+    /* @__PURE__ */ s.jsx("dt", { className: "fs-custom fw-bold text-slate-28", children: r }),
+    /* @__PURE__ */ s.jsx("dd", { className: "fs-custom fw-regular text-slate-28", children: l })
+  ] }, r)) })
+] });
+export {
+  w as CardExemption
+};
+//# sourceMappingURL=index.es65.js.map

package/dist/index.es65.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es65.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-exemption\",\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-custom fw-bold text-slate-28\">{label}</dt>\n              <dd className=\"fs-custom 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,eAAe,CAACL,EAAQ,CAAA;AAAA,UAAA;AAAA,QAAA,EAE1D,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,mCAAmC,UAAME,GAAA;AAAA,IACtDF,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,sCAAsC,UAAMG,EAAA,CAAA;AAAA,EAAA,EAFlD,GAAAD,CAGV,CACD,EACH,CAAA;AAAA,GAEJ;"}

package/dist/index.es66.js

@@ -0,0 +1,10 @@
+import { j as r } from "./index.es216.js";
+import { Spinner as n } from "./index.es173.js";
+const i = ({
+  loading: o = !1,
+  className: e
+}) => /* @__PURE__ */ r.jsx("div", { className: e, children: o ? /* @__PURE__ */ r.jsx(n, {}) : null });
+export {
+  i as Loader
+};
+//# sourceMappingURL=index.es66.js.map

package/dist/index.es66.js.map

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

package/dist/index.es67.js

@@ -0,0 +1,352 @@
+import { j as a } from "./index.es216.js";
+import * as N from "react";
+import { useEffect as S } from "react";
+import { clsx as d } from "./index.es218.js";
+import './components/ui/Table/Table.css';/* empty css            */
+import { ActionIconText as ee } from "./index.es61.js";
+import { TriangleUp as ae } from "./index.es175.js";
+import { TriangleDown as se } from "./index.es176.js";
+import { Download as te } from "./index.es168.js";
+import { Info as le } from "./index.es177.js";
+const ie = N.forwardRef(
+  ({
+    className: e,
+    columns: s,
+    data: l,
+    pagination: i,
+    initialCurrentPage: h = 1,
+    resultsPerPage: T = 10,
+    defaultSortDirection: n = "desc",
+    setSelectedSort: b,
+    initialSortConfig: y,
+    serverSidePagination: m = !1,
+    totalItems: k,
+    hasNextPage: v,
+    hasPreviousPage: x,
+    onNextPage: L,
+    onPreviousPage: R,
+    onPageChange: B,
+    ...C
+  }, I) => {
+    const [r, t] = N.useState(
+      y || {
+        key: s[0].key || s[0].label,
+        direction: n
+      }
+    ), [D, _] = N.useState(h);
+    S(() => {
+      y && t(y);
+    }, [y]);
+    const u = N.useMemo(() => [...l].sort((c, w) => {
+      const p = c[r.key], f = w[r.key], j = s.find(
+        (o) => (o.key || o.label) === r.key
+      );
+      if (typeof p == "string" && typeof f == "string") {
+        if ((j == null ? void 0 : j.type) === "date") {
+          const o = (O) => {
+            const [Q, W] = O.split(" - "), [X, Y, Z] = Q.split("/").map(Number), [K, P] = W.split(":").map(Number);
+            return new Date(Z, Y - 1, X, K, P);
+          }, A = o(p), F = o(f);
+          return r.direction === "asc" ? A.getTime() - F.getTime() : F.getTime() - A.getTime();
+        }
+        if ((j == null ? void 0 : j.type) === "number") {
+          const o = parseFloat(p), A = parseFloat(f);
+          return r.direction === "asc" ? o - A : A - o;
+        }
+        return r.direction === "asc" ? p.localeCompare(f) : f.localeCompare(p);
+      }
+      return M(p) && M(f) ? r.direction === "asc" ? p.firstLine.localeCompare(f.firstLine) : f.firstLine.localeCompare(p.firstLine) : 0;
+    }), [l, r, s]), g = (c) => {
+      const w = {
+        key: c,
+        direction: r.key === c && r.direction === "asc" ? "desc" : "asc"
+      };
+      t(w), b && b(w);
+    }, $ = i && !m ? (D - 1) * T : 0, G = i && !m ? Math.min($ + T, u.length) : u.length, J = m ? u : u.slice($, G);
+    return /* @__PURE__ */ a.jsxs("div", { className: "position-relative w-full", children: [
+      /* @__PURE__ */ a.jsxs(
+        "table",
+        {
+          ref: I,
+          className: d("table", e),
+          role: "table",
+          ...C,
+          children: [
+            /* @__PURE__ */ a.jsx(H, { className: "table__header", children: /* @__PURE__ */ a.jsx(V, { children: s.map((c, w) => /* @__PURE__ */ a.jsx(
+              z,
+              {
+                config: c,
+                sortConfig: r,
+                onSort: () => c.sortable && g(c.key || c.label),
+                variant: C.variant
+              },
+              `${c.label}-${w}`
+            )) }) }),
+            /* @__PURE__ */ a.jsx(U, { className: "table__body", children: J.map((c, w) => /* @__PURE__ */ a.jsx(V, { className: "table__row", children: s.map((p, f) => {
+              const j = p.key || p.label, o = c[j];
+              return /* @__PURE__ */ a.jsx(
+                q,
+                {
+                  content: o || "",
+                  type: o && M(o) ? "double-line" : o && E(o) ? "action" : void 0
+                },
+                `${j}-${f}`
+              );
+            }) }, w)) })
+          ]
+        }
+      ),
+      i && /* @__PURE__ */ a.jsx(
+        ce,
+        {
+          currentPage: D,
+          totalResults: m ? k || 0 : u.length,
+          resultsPerPage: T,
+          setCurrentPage: _,
+          onPageChange: B,
+          serverSide: m,
+          totalItems: k,
+          hasNextPage: v,
+          hasPreviousPage: x,
+          onNextPage: L,
+          onPreviousPage: R
+        }
+      )
+    ] });
+  }
+);
+ie.displayName = "Table";
+const H = N.forwardRef(
+  ({ className: e, children: s, ...l }, i) => /* @__PURE__ */ a.jsx(
+    "thead",
+    {
+      ref: i,
+      className: d("[&_tr]:border-b-0", e),
+      ...l,
+      children: s
+    }
+  )
+);
+H.displayName = "TableHeader";
+const U = N.forwardRef(
+  ({ className: e, children: s, ...l }, i) => /* @__PURE__ */ a.jsx(
+    "tbody",
+    {
+      ref: i,
+      className: d("[&_tr:last-child]:border-0", e),
+      ...l,
+      children: s
+    }
+  )
+);
+U.displayName = "TableBody";
+const V = N.forwardRef(
+  ({ className: e, children: s, ...l }, i) => /* @__PURE__ */ a.jsx(
+    "tr",
+    {
+      ref: i,
+      className: d(
+        "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+        e
+      ),
+      ...l,
+      children: s
+    }
+  )
+);
+V.displayName = "TableRow";
+const z = N.forwardRef(({ className: e, config: s, sortConfig: l, onSort: i, ...h }, T) => {
+  var k;
+  const n = l.key === (s.key || s.label), b = n ? l.direction : null, y = () => b === "asc" ? "ascending" : "descending", m = (v) => {
+    switch (v) {
+      case "info":
+        return /* @__PURE__ */ a.jsx(le, {});
+      case "download":
+        return /* @__PURE__ */ a.jsx(te, {});
+      default:
+        return v;
+    }
+  };
+  return /* @__PURE__ */ a.jsx(
+    "th",
+    {
+      ref: T,
+      className: d(
+        "table__cell table__cell--header",
+        {
+          "table__cell--sortable": s.sortable,
+          "table__cell--action": s.action
+        },
+        e
+      ),
+      onClick: s.sortable ? i : s.action,
+      "aria-label": s.ariaLabel,
+      "aria-sort": n ? y() : void 0,
+      ...h,
+      children: /* @__PURE__ */ a.jsxs("div", { className: "table__cell--header--content", children: [
+        /* @__PURE__ */ a.jsx("div", { children: /* @__PURE__ */ a.jsx(
+          ee,
+          {
+            icon: m(s.icon),
+            noIcon: !m(s.icon),
+            textLabel: s.label,
+            iconPosition: s.iconPosition,
+            handleIconAction: () => {
+              s.iconAction && s.iconAction();
+            },
+            popupInfo: s.popupInfo,
+            positionPopUp: (k = s.popupInfo) == null ? void 0 : k.positionPopUp,
+            classNameText: h.variant && "fw-bold text-slate-28 fs-custom md-fs-6"
+          }
+        ) }),
+        s.sortable && /* @__PURE__ */ a.jsxs("span", { className: "sort-indicator", children: [
+          /* @__PURE__ */ a.jsx(
+            ae,
+            {
+              filled: n && b === "desc",
+              className: d("sort-indicator__triangle", {
+                active: n && b === "desc"
+              })
+            }
+          ),
+          /* @__PURE__ */ a.jsx(
+            se,
+            {
+              filled: n && b === "asc",
+              className: d("sort-indicator__triangle", {
+                active: n && b === "asc"
+              })
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+});
+z.displayName = "TableHead";
+const ne = ({ 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 })
+] }), oe = ({ 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 }), M = (e) => typeof e == "object" && e !== null && "firstLine" in e && "secondLine" in e, E = (e) => typeof e == "object" && e !== null && "label" in e && "type" in e, re = ({
+  content: e
+}) => typeof e == "string" ? /* @__PURE__ */ a.jsx(a.Fragment, { children: e }) : M(e) ? /* @__PURE__ */ a.jsx(ne, { data: e }) : E(e) ? /* @__PURE__ */ a.jsx(oe, { data: e }) : null, q = N.forwardRef(
+  ({ className: e, content: s, type: l, ...i }, h) => /* @__PURE__ */ a.jsx(
+    "td",
+    {
+      ref: h,
+      className: d(
+        "table__cell",
+        {
+          "table__cell--double-line": l === "double-line",
+          "table__cell--action": l === "action"
+        },
+        e
+      ),
+      ...i,
+      children: /* @__PURE__ */ a.jsx(re, { content: s })
+    }
+  )
+);
+q.displayName = "TableCell";
+const ce = ({
+  currentPage: e = 1,
+  totalResults: s,
+  resultsPerPage: l,
+  setCurrentPage: i,
+  onPageChange: h,
+  className: T,
+  serverSide: n = !1,
+  totalItems: b,
+  hasNextPage: y,
+  hasPreviousPage: m,
+  onNextPage: k,
+  onPreviousPage: v
+}) => {
+  const x = Math.ceil(n ? (b || s) / l : s / l), L = (t) => {
+    i(t), h && h(t);
+  }, R = () => {
+    const t = e + 1;
+    n && k && k(), L(t);
+  }, B = () => {
+    const t = e - 1;
+    n && v && v(), L(t);
+  }, C = n ? !y : e === x, I = n ? !m : e === 1, r = () => {
+    const t = [];
+    if (x <= 5)
+      for (let _ = 1; _ <= x; _++)
+        t.push(_);
+    else {
+      t.push(1);
+      let _ = Math.max(2, e - 1), u = Math.min(x - 1, e + 1);
+      e <= 3 ? u = 4 : e >= x - 2 && (_ = x - 3), _ > 2 && t.push("...");
+      for (let g = _; g <= u; g++)
+        t.push(g);
+      u < x - 1 && t.push("..."), t.push(x);
+    }
+    return t;
+  };
+  return /* @__PURE__ */ a.jsxs("div", { className: d("pagination", T), children: [
+    /* @__PURE__ */ a.jsxs("div", { className: "pagination__info", children: [
+      "Stai visualizzando",
+      " ",
+      /* @__PURE__ */ a.jsx("span", { className: "pagination__info__resultsPerPage", children: l }),
+      " ",
+      "di ",
+      n && b || s,
+      " risultati"
+    ] }),
+    /* @__PURE__ */ a.jsxs("div", { className: "pagination__nav", children: [
+      /* @__PURE__ */ a.jsx(
+        "button",
+        {
+          className: d(
+            "pagination__button",
+            I && "pagination__button--disabled"
+          ),
+          onClick: B,
+          disabled: I,
+          "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" }) })
+        }
+      ),
+      r().map(
+        (t, D) => t === "..." ? /* @__PURE__ */ a.jsx("span", { className: "pagination__ellipsis", children: "..." }, `ellipsis-${D}`) : /* @__PURE__ */ a.jsx(
+          "button",
+          {
+            className: d(
+              "pagination__button",
+              e === t && "pagination__button--active"
+            ),
+            onClick: () => L(t),
+            disabled: t === e,
+            children: t
+          },
+          t
+        )
+      ),
+      /* @__PURE__ */ a.jsx(
+        "button",
+        {
+          className: d(
+            "pagination__button",
+            C && "pagination__button--disabled"
+          ),
+          onClick: R,
+          disabled: C,
+          "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" }) })
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  ce as Pagination,
+  ie as Table,
+  U as TableBody,
+  q as TableCell,
+  z as TableHead,
+  H as TableHeader,
+  V as TableRow
+};
+//# sourceMappingURL=index.es67.js.map