@anoki/fse-ui 1.0.381 → 1.0.383

package/dist/index.es74.js.map

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

package/dist/index.es75.js

@@ -1,54 +1,127 @@
-import { j as i } from "./index.es144.js";
-import { Section as s } from "./index.es46.js";
-import './sections/Login/Login.css';/* empty css            */
-import { EntryButton as g } from "./index.es36.js";
-import { Col as o } from "./index.es10.js";
-const N = ({
-  title: r,
-  description: e,
-  loginTitle: l,
-  loginDescription: n,
-  buttonLabel: t,
-  buttonAriaLabel: c,
-  buttonHref: a,
-  asImage: m = "img",
-  region: d = "marche",
-  authSrc: h = ""
-}) => {
-  const x = m;
-  return /* @__PURE__ */ i.jsxs(s, { className: "base-col ui-login-section", children: [
-    /* @__PURE__ */ i.jsxs(o, { className: "ui-login-content", children: [
-      /* @__PURE__ */ i.jsx(s.Title, { fs: "1", className: "md-fs-0 ui-login-title", mdFs: "0", children: r }),
-      e && /* @__PURE__ */ i.jsx(s.Description, { className: "ui-login-description", children: e })
+import { j as s } from "./index.es146.js";
+import './components/ui/DocumentsListSkeleton/DocumentsListSkeleton.css';/* empty css            */
+const o = () => /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-container", children: [
+  /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-search-row", children: [
+    /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-search-input pulse" }),
+    /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-search-button pulse" }),
+    /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-filter-button pulse" })
+  ] }),
+  /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-tabs-row", children: [
+    /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-tabs", children: [
+      /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-tab-active pulse" }),
+      /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-tab pulse" })
     ] }),
-    /* @__PURE__ */ i.jsxs("div", { className: "bg-white shadow br-x4 ui-login-body ", children: [
-      /* @__PURE__ */ i.jsxs(o, { gap: "x16", children: [
-        /* @__PURE__ */ i.jsx("h3", { className: "text-slate-20 fw-semibold fs-5 md-fs-4", children: l }),
-        /* @__PURE__ */ i.jsx(s.Description, { children: n }),
-        /* @__PURE__ */ i.jsx(
-          g,
-          {
-            showIcon: d === "marche",
-            ariaLabel: c,
-            href: a,
-            children: t
-          }
-        )
+    /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-tabs-actions", children: [
+      /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-action-button pulse" }),
+      /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-action-button pulse" })
+    ] })
+  ] }),
+  /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-count pulse" }),
+  /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-year pulse" }),
+  /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-grid", children: [
+    /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document", children: [
+      /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document-header", children: [
+        /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-emesso pulse" }),
+        /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-date pulse" })
+      ] }),
+      /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document-content", children: [
+        /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-type pulse" }),
+        /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-title pulse" }),
+        /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-tag pulse" }),
+        /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-comments pulse" }),
+        /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document-footer", children: [
+          /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-link pulse" }),
+          /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-button pulse" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document", children: [
+      /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document-header", children: [
+        /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-emesso pulse" }),
+        /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-date pulse" })
       ] }),
-      /* @__PURE__ */ i.jsx("div", { className: "ui-login-body-img h-full", children: /* @__PURE__ */ i.jsx(
-        x,
-        {
-          src: h,
-          alt: "",
-          "aria-hidden": "true",
-          width: 246,
-          height: 746
-        }
-      ) })
+      /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document-content", children: [
+        /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-type pulse" }),
+        /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-title pulse" }),
+        /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-tag pulse" }),
+        /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-comments pulse" }),
+        /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document-footer", children: [
+          /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-link pulse" }),
+          /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-button pulse" })
+        ] })
+      ] })
     ] })
-  ] });
-};
+  ] }),
+  /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-grid", children: [
+    /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document", children: [
+      /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document-header", children: [
+        /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-emesso pulse" }),
+        /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-date pulse" })
+      ] }),
+      /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document-content", children: [
+        /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-type pulse" }),
+        /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-title pulse" }),
+        /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-tag pulse" }),
+        /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-comments pulse" }),
+        /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document-footer", children: [
+          /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-link pulse" }),
+          /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-button pulse" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document", children: [
+      /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document-header", children: [
+        /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-emesso pulse" }),
+        /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-date pulse" })
+      ] }),
+      /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document-content", children: [
+        /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-type pulse" }),
+        /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-title pulse" }),
+        /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-tag pulse" }),
+        /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-comments pulse" }),
+        /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document-footer", children: [
+          /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-link pulse" }),
+          /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-button pulse" })
+        ] })
+      ] })
+    ] })
+  ] }),
+  /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-grid", children: [
+    /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document", children: [
+      /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document-header", children: [
+        /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-emesso pulse" }),
+        /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-date pulse" })
+      ] }),
+      /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document-content", children: [
+        /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-type pulse" }),
+        /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-title pulse" }),
+        /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-tag pulse" }),
+        /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-comments pulse" }),
+        /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document-footer", children: [
+          /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-link pulse" }),
+          /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-button pulse" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document", children: [
+      /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document-header", children: [
+        /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-emesso pulse" }),
+        /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-date pulse" })
+      ] }),
+      /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document-content", children: [
+        /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-type pulse" }),
+        /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-title pulse" }),
+        /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-tag pulse" }),
+        /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-comments pulse" }),
+        /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document-footer", children: [
+          /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-link pulse" }),
+          /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-document-button pulse" })
+        ] })
+      ] })
+    ] })
+  ] })
+] });
 export {
-  N as Login
+  o as DocumentsListSkeleton
 };
 //# sourceMappingURL=index.es75.js.map

package/dist/index.es75.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es75.js","sources":["../src/sections/Login/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\r\nimport { Col, EntryButton } from \"@/components\";\r\nimport \"./Login.scss\";\r\nimport { Config } from \"@/utils/config.ts\";\r\n\r\nexport type LoginProps = {\r\n  title: React.ReactNode;\r\n  description?: React.ReactNode;\r\n  loginTitle: string;\r\n  loginDescription: React.ReactNode;\r\n  buttonLabel: string;\r\n  buttonAriaLabel: string;\r\n  buttonHref: string;\r\n  asImage?: \"img\";\r\n  region?: Config[\"REGION\"];\r\n  authSrc?: string;\r\n};\r\n\r\nexport const Login = ({\r\n  title,\r\n  description,\r\n  loginTitle,\r\n  loginDescription,\r\n  buttonLabel,\r\n  buttonAriaLabel,\r\n  buttonHref,\r\n  asImage = \"img\",\r\n  region = \"marche\",\r\n  authSrc = \"\",\r\n}: LoginProps) => {\r\n  const ImageComponent = asImage;\r\n  return (\r\n    <Section className=\"base-col ui-login-section\">\r\n      <Col className=\"ui-login-content\">\r\n        <Section.Title fs=\"1\" className=\"md-fs-0 ui-login-title\" mdFs=\"0\">\r\n          {title}\r\n        </Section.Title>\r\n        {description && (\r\n          <Section.Description className=\"ui-login-description\">\r\n            {description}\r\n          </Section.Description>\r\n        )}\r\n      </Col>\r\n      <div className=\"bg-white shadow br-x4 ui-login-body \">\r\n        <Col gap={\"x16\"}>\r\n          <h3 className=\"text-slate-20 fw-semibold fs-5 md-fs-4\">\r\n            {loginTitle}\r\n          </h3>\r\n          <Section.Description>{loginDescription}</Section.Description>\r\n          <EntryButton\r\n            showIcon={region === \"marche\"}\r\n            ariaLabel={buttonAriaLabel}\r\n            href={buttonHref}\r\n          >\r\n            {buttonLabel}\r\n          </EntryButton>\r\n        </Col>\r\n\r\n        <div className=\"ui-login-body-img h-full\">\r\n          <ImageComponent\r\n            src={authSrc}\r\n            alt=\"\"\r\n            aria-hidden=\"true\"\r\n            width={246}\r\n            height={746}\r\n          />\r\n        </div>\r\n      </div>\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["Login","title","description","loginTitle","loginDescription","buttonLabel","buttonAriaLabel","buttonHref","asImage","region","authSrc","ImageComponent","jsxs","Section","Col","jsx","EntryButton"],"mappings":";;;;;AAkBO,MAAMA,IAAQ,CAAC;AAAA,EACpB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AACZ,MAAkB;AAChB,QAAMC,IAAiBH;AAErB,SAAAI,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,6BACjB,UAAA;AAAA,IAACD,gBAAAA,EAAAA,KAAAE,GAAA,EAAI,WAAU,oBACb,UAAA;AAAA,MAACC,gBAAAA,EAAAA,IAAAF,EAAQ,OAAR,EAAc,IAAG,KAAI,WAAU,0BAAyB,MAAK,KAC3D,UACHZ,EAAA,CAAA;AAAA,MACCC,KACEa,gBAAAA,EAAAA,IAAAF,EAAQ,aAAR,EAAoB,WAAU,wBAC5B,UACHX,EAAA,CAAA;AAAA,IAAA,GAEJ;AAAA,IACAU,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,wCACb,UAAA;AAAA,MAACA,gBAAAA,EAAAA,KAAAE,GAAA,EAAI,KAAK,OACR,UAAA;AAAA,QAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,0CACX,UACHZ,GAAA;AAAA,QACCY,gBAAAA,EAAAA,IAAAF,EAAQ,aAAR,EAAqB,UAAiBT,EAAA,CAAA;AAAA,QACvCW,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,UAAUP,MAAW;AAAA,YACrB,WAAWH;AAAA,YACX,MAAMC;AAAA,YAEL,UAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,GACF;AAAA,MAEAU,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,4BACb,UAAAA,gBAAAA,EAAA;AAAA,QAACJ;AAAA,QAAA;AAAA,UACC,KAAKD;AAAA,UACL,KAAI;AAAA,UACJ,eAAY;AAAA,UACZ,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,MAAA,EAEZ,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"index.es75.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 pulse\"></div>\n        <div className=\"docs-skeleton-search-button pulse\"></div>\n        <div className=\"docs-skeleton-filter-button 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":"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"}

package/dist/index.es76.js

@@ -1,83 +1,38 @@
-import { j as r } from "./index.es144.js";
-import { Section as u } from "./index.es46.js";
-import { clsx as f } from "./index.es145.js";
-import './sections/HomeServices/HomeServices.css';/* empty css            */
-import { useMemo as j } from "react";
-import { l as t } from "./index.es238.js";
-import { CardCategory as v } from "./index.es26.js";
-import { Col as w } from "./index.es10.js";
-import { ArrowLink as T } from "./index.es35.js";
-const s = {
-  LayoutOne: "LayoutOne",
-  LayoutTwo: "LayoutTwo",
-  LayoutThree: "LayoutThree"
-}, _ = ({
-  title: h,
-  description: i,
-  goToLabel: p,
-  href: x,
-  asLink: L = "a",
-  items: e,
-  layout: a = s.LayoutOne,
-  className: d
-}) => {
-  const y = a === s.LayoutOne ? "ui-home-services-layout-one" : a === s.LayoutTwo ? "ui-home-services-layout-two" : "ui-home-services-layout-three", n = j(() => {
-    switch (a) {
-      case s.LayoutOne:
-        return e.map((o, c) => {
-          const l = c !== 0;
-          return {
-            ...t.omit(o, l ? ["image"] : [])
-          };
-        });
-      case s.LayoutTwo:
-        return e.map((o) => ({
-          ...t.omit(o, [])
-        }));
-      case s.LayoutThree:
-        return e.map((o, c) => {
-          const l = c !== 0;
-          return {
-            ...t.omit(o, l ? ["image"] : [])
-          };
-        });
-      default:
-        return e;
-    }
-  }, [e, a]);
-  return /* @__PURE__ */ r.jsxs(u, { className: f("base-col ui-home-services-section", d), children: [
-    /* @__PURE__ */ r.jsxs(w, { className: "ui-home-services-section-content", children: [
-      /* @__PURE__ */ r.jsxs("div", { className: "ui-home-services-section-title", children: [
-        /* @__PURE__ */ r.jsx(u.Title, { fs: "2", children: h }),
-        p && x && /* @__PURE__ */ r.jsx(T, { href: x, asLink: L, fs: "7", children: p.toUpperCase() })
+import { j as s } from "./index.es146.js";
+import './components/ui/ServicesListSkeleton/ServicesListSkeleton.css';/* empty css            */
+const i = () => /* @__PURE__ */ s.jsxs("div", { className: "services-skeleton-container", children: [
+  /* @__PURE__ */ s.jsxs("div", { className: "services-skeleton-search", children: [
+    /* @__PURE__ */ s.jsx("div", { className: "services-skeleton-search-input pulse" }),
+    /* @__PURE__ */ s.jsx("div", { className: "services-skeleton-search-button pulse" })
+  ] }),
+  /* @__PURE__ */ s.jsxs("div", { className: "services-skeleton-section", children: [
+    /* @__PURE__ */ s.jsx("div", { className: "services-skeleton-section-title pulse" }),
+    /* @__PURE__ */ s.jsxs("div", { className: "services-skeleton-suggested-grid", children: [
+      /* @__PURE__ */ s.jsx("div", { className: "services-skeleton-card-large pulse" }),
+      /* @__PURE__ */ s.jsx("div", { className: "services-skeleton-card-large pulse" })
+    ] })
+  ] }),
+  /* @__PURE__ */ s.jsxs("div", { className: "services-skeleton-section", children: [
+    /* @__PURE__ */ s.jsx("div", { className: "services-skeleton-section-title pulse" }),
+    /* @__PURE__ */ s.jsxs("div", { className: "services-skeleton-services-grid", children: [
+      /* @__PURE__ */ s.jsxs("div", { className: "services-skeleton-card", children: [
+        /* @__PURE__ */ s.jsxs("div", { className: "services-skeleton-card-content", children: [
+          /* @__PURE__ */ s.jsx("div", { className: "services-skeleton-card-title pulse" }),
+          /* @__PURE__ */ s.jsx("div", { className: "services-skeleton-card-description pulse" })
+        ] }),
+        /* @__PURE__ */ s.jsx("div", { className: "services-skeleton-card-icon pulse" })
       ] }),
-      i && /* @__PURE__ */ r.jsx(u.Description, { children: i })
-    ] }),
-    /* @__PURE__ */ r.jsx(
-      "ul",
-      {
-        role: "list",
-        "aria-label": `Lista di ${h}`,
-        className: `list-style-none ${y}`,
-        children: n == null ? void 0 : n.map((o) => /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
-          v,
-          {
-            title: o == null ? void 0 : o.name,
-            description: o == null ? void 0 : o.description,
-            image: o == null ? void 0 : o.image,
-            href: (o == null ? void 0 : o.link) || (o == null ? void 0 : o.externalLink),
-            showIcon: o == null ? void 0 : o.externalLink,
-            asLink: L,
-            isExternal: o == null ? void 0 : o.externalLink
-          },
-          o._id
-        ) }, o._id))
-      }
-    )
-  ] });
-};
+      /* @__PURE__ */ s.jsxs("div", { className: "services-skeleton-card", children: [
+        /* @__PURE__ */ s.jsxs("div", { className: "services-skeleton-card-content", children: [
+          /* @__PURE__ */ s.jsx("div", { className: "services-skeleton-card-title pulse" }),
+          /* @__PURE__ */ s.jsx("div", { className: "services-skeleton-card-description pulse" })
+        ] }),
+        /* @__PURE__ */ s.jsx("div", { className: "services-skeleton-card-icon pulse" })
+      ] })
+    ] })
+  ] })
+] });
 export {
-  s as HOME_SERVICES_LAYOUTS,
-  _ as HomeServices
+  i as ServicesListSkeleton
 };
 //# sourceMappingURL=index.es76.js.map

package/dist/index.es76.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es76.js","sources":["../src/sections/HomeServices/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\nimport { ArrowLink, CardCategory, Col } from \"@/components\";\nimport clsx from \"clsx\";\nimport \"./HomeServices.scss\";\nimport { ComponentType, ReactNode, useMemo } from \"react\";\nimport { omit } from \"lodash\";\n\nexport const HOME_SERVICES_LAYOUTS = {\n  LayoutOne: \"LayoutOne\",\n  LayoutTwo: \"LayoutTwo\",\n  LayoutThree: \"LayoutThree\",\n} as const;\n\ntype Layout =\n  (typeof HOME_SERVICES_LAYOUTS)[keyof typeof HOME_SERVICES_LAYOUTS];\n\nexport type AggregationItemsProps = {\n  title: ReactNode;\n  description?: ReactNode;\n  goToLabel?: string;\n  href?: string;\n  asLink?: \"a\" | ComponentType<any>;\n  items: any[];\n  layout?: Layout;\n  className?: string;\n};\n\nexport const HomeServices = ({\n  title,\n  description,\n  goToLabel,\n  href,\n  asLink = \"a\",\n  items,\n  layout = HOME_SERVICES_LAYOUTS.LayoutOne,\n  className,\n}: AggregationItemsProps) => {\n  const layoutClassName =\n    layout === HOME_SERVICES_LAYOUTS.LayoutOne\n      ? \"ui-home-services-layout-one\"\n      : layout === HOME_SERVICES_LAYOUTS.LayoutTwo\n        ? \"ui-home-services-layout-two\"\n        : \"ui-home-services-layout-three\";\n\n  const itemsNormalized = useMemo(() => {\n    switch (layout) {\n      case HOME_SERVICES_LAYOUTS.LayoutOne:\n        return items.map((item, index) => {\n          const removeImage = index !== 0;\n          return {\n            ...omit(item, removeImage ? [\"image\"] : []),\n          };\n        });\n      case HOME_SERVICES_LAYOUTS.LayoutTwo:\n        return items.map((item) => {\n          const removeImage = false;\n          return {\n            ...omit(item, removeImage ? [\"image\"] : []),\n          };\n        });\n      case HOME_SERVICES_LAYOUTS.LayoutThree:\n        return items.map((item, index) => {\n          const removeImage = index !== 0;\n          return {\n            ...omit(item, removeImage ? [\"image\"] : []),\n          };\n        });\n      default:\n        return items;\n    }\n  }, [items, layout]);\n\n  return (\n    <Section className={clsx(\"base-col ui-home-services-section\", className)}>\n      <Col className=\"ui-home-services-section-content\">\n        <div className=\"ui-home-services-section-title\">\n          <Section.Title fs=\"2\">{title}</Section.Title>\n          {goToLabel && href && (\n            <ArrowLink href={href} asLink={asLink} fs=\"7\">\n              {goToLabel.toUpperCase()}\n            </ArrowLink>\n          )}\n        </div>\n        {description && (\n          <Section.Description>{description}</Section.Description>\n        )}\n      </Col>\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`list-style-none ${layoutClassName}`}\n      >\n        {itemsNormalized?.map((item) => {\n          return (\n            <li key={item._id}>\n              <CardCategory\n                key={item._id}\n                title={item?.name}\n                description={item?.description}\n                image={item?.image}\n                href={item?.link || item?.externalLink}\n                showIcon={item?.externalLink}\n                asLink={asLink}\n                isExternal={item?.externalLink}\n              />\n            </li>\n          );\n        })}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["HOME_SERVICES_LAYOUTS","HomeServices","title","description","goToLabel","href","asLink","items","layout","className","layoutClassName","itemsNormalized","useMemo","item","index","removeImage","omit","Section","clsx","jsxs","Col","jsx","ArrowLink","CardCategory"],"mappings":";;;;;;;;;AAOO,MAAMA,IAAwB;AAAA,EACnC,WAAW;AAAA,EACX,WAAW;AAAA,EACX,aAAa;AACf,GAgBaC,IAAe,CAAC;AAAA,EAC3B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,OAAAC;AAAA,EACA,QAAAC,IAASR,EAAsB;AAAA,EAC/B,WAAAS;AACF,MAA6B;AACrB,QAAAC,IACJF,MAAWR,EAAsB,YAC7B,gCACAQ,MAAWR,EAAsB,YAC/B,gCACA,iCAEFW,IAAkBC,EAAQ,MAAM;AACpC,YAAQJ,GAAQ;AAAA,MACd,KAAKR,EAAsB;AACzB,eAAOO,EAAM,IAAI,CAACM,GAAMC,MAAU;AAChC,gBAAMC,IAAcD,MAAU;AACvB,iBAAA;AAAA,YACL,GAAGE,OAAKH,GAAME,IAAc,CAAC,OAAO,IAAI,CAAE,CAAA;AAAA,UAC5C;AAAA,QAAA,CACD;AAAA,MACH,KAAKf,EAAsB;AAClB,eAAAO,EAAM,IAAI,CAACM,OAET;AAAA,UACL,GAAGG,EAAAA,KAAKH,GAAgC,CAAE,CAAA;AAAA,QAC5C,EACD;AAAA,MACH,KAAKb,EAAsB;AACzB,eAAOO,EAAM,IAAI,CAACM,GAAMC,MAAU;AAChC,gBAAMC,IAAcD,MAAU;AACvB,iBAAA;AAAA,YACL,GAAGE,OAAKH,GAAME,IAAc,CAAC,OAAO,IAAI,CAAE,CAAA;AAAA,UAC5C;AAAA,QAAA,CACD;AAAA,MACH;AACS,eAAAR;AAAA,IAAA;AAAA,EACX,GACC,CAACA,GAAOC,CAAM,CAAC;AAElB,gCACGS,GAAQ,EAAA,WAAWC,EAAK,qCAAqCT,CAAS,GACrE,UAAA;AAAA,IAACU,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,WAAU,oCACb,UAAA;AAAA,MAACD,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,kCACb,UAAA;AAAA,QAAAE,gBAAAA,EAAA,IAACJ,EAAQ,OAAR,EAAc,IAAG,KAAK,UAAMf,GAAA;AAAA,QAC5BE,KAAaC,KACZgB,gBAAAA,MAACC,GAAU,EAAA,MAAAjB,GAAY,QAAAC,GAAgB,IAAG,KACvC,UAAUF,EAAA,YAAA,EACb,CAAA;AAAA,MAAA,GAEJ;AAAA,MACCD,KACCkB,gBAAAA,EAAA,IAACJ,EAAQ,aAAR,EAAqB,UAAYd,EAAA,CAAA;AAAA,IAAA,GAEtC;AAAA,IACAkB,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,YAAYnB,CAAK;AAAA,QAC7B,WAAW,mBAAmBQ,CAAe;AAAA,QAE5C,UAAAC,KAAA,gBAAAA,EAAiB,IAAI,CAACE,4BAElB,MACC,EAAA,UAAAQ,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YAEC,OAAOV,KAAA,gBAAAA,EAAM;AAAA,YACb,aAAaA,KAAA,gBAAAA,EAAM;AAAA,YACnB,OAAOA,KAAA,gBAAAA,EAAM;AAAA,YACb,OAAMA,KAAA,gBAAAA,EAAM,UAAQA,KAAA,gBAAAA,EAAM;AAAA,YAC1B,UAAUA,KAAA,gBAAAA,EAAM;AAAA,YAChB,QAAAP;AAAA,YACA,YAAYO,KAAA,gBAAAA,EAAM;AAAA,UAAA;AAAA,UAPbA,EAAK;AAAA,QAAA,EAQZ,GAVOA,EAAK,GAWd;AAAA,MAEH;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;"}
+{"version":3,"file":"index.es76.js","sources":["../src/components/ui/ServicesListSkeleton/index.tsx"],"sourcesContent":["import \"./ServicesListSkeleton.scss\";\n\nexport const ServicesListSkeleton = () => {\n  return (\n    <div className=\"services-skeleton-container\">\n      {/* Search bar */}\n      <div className=\"services-skeleton-search\">\n        <div className=\"services-skeleton-search-input pulse\"></div>\n        <div className=\"services-skeleton-search-button pulse\"></div>\n      </div>\n\n      {/* Suggested services section */}\n      <div className=\"services-skeleton-section\">\n        <div className=\"services-skeleton-section-title pulse\"></div>\n\n        <div className=\"services-skeleton-suggested-grid\">\n          {/* Left service card */}\n          <div className=\"services-skeleton-card-large pulse\"></div>\n\n          {/* Right service card */}\n          <div className=\"services-skeleton-card-large pulse\"></div>\n        </div>\n      </div>\n\n      {/* Services for you section */}\n      <div className=\"services-skeleton-section\">\n        <div className=\"services-skeleton-section-title pulse\"></div>\n\n        <div className=\"services-skeleton-services-grid\">\n          {/* Left service card */}\n          <div className=\"services-skeleton-card\">\n            <div className=\"services-skeleton-card-content\">\n              <div className=\"services-skeleton-card-title pulse\"></div>\n              <div className=\"services-skeleton-card-description pulse\"></div>\n            </div>\n            <div className=\"services-skeleton-card-icon pulse\"></div>\n          </div>\n\n          {/* Right service card */}\n          <div className=\"services-skeleton-card\">\n            <div className=\"services-skeleton-card-content\">\n              <div className=\"services-skeleton-card-title pulse\"></div>\n              <div className=\"services-skeleton-card-description pulse\"></div>\n            </div>\n            <div className=\"services-skeleton-card-icon pulse\"></div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["ServicesListSkeleton","jsxs","jsx"],"mappings":";;AAEO,MAAMA,IAAuB,MAEhCC,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,+BAEb,UAAA;AAAA,EAACA,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,4BACb,UAAA;AAAA,IAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,uCAAuC,CAAA;AAAA,IACtDA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,wCAAwC,CAAA;AAAA,EAAA,GACzD;AAAA,EAGAD,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,6BACb,UAAA;AAAA,IAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,wCAAwC,CAAA;AAAA,IAEvDD,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,oCAEb,UAAA;AAAA,MAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,qCAAqC,CAAA;AAAA,MAGpDA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,qCAAqC,CAAA;AAAA,IAAA,EACtD,CAAA;AAAA,EAAA,GACF;AAAA,EAGAD,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,6BACb,UAAA;AAAA,IAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,wCAAwC,CAAA;AAAA,IAEvDD,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,mCAEb,UAAA;AAAA,MAACA,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,0BACb,UAAA;AAAA,QAACA,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,kCACb,UAAA;AAAA,UAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,qCAAqC,CAAA;AAAA,UACpDA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,2CAA2C,CAAA;AAAA,QAAA,GAC5D;AAAA,QACAA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,oCAAoC,CAAA;AAAA,MAAA,GACrD;AAAA,MAGAD,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,0BACb,UAAA;AAAA,QAACA,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,kCACb,UAAA;AAAA,UAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,qCAAqC,CAAA;AAAA,UACpDA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,2CAA2C,CAAA;AAAA,QAAA,GAC5D;AAAA,QACAA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,oCAAoC,CAAA;AAAA,MAAA,EACrD,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,EACF,CAAA;AAAA,GACF;"}

package/dist/index.es77.js

@@ -1,40 +1,54 @@
-import { j as e } from "./index.es144.js";
-import './sections/WhatDoYouNeed/WhatDoYouNeed.css';/* empty css            */
-import { Section as r } from "./index.es46.js";
-import { Col as c } from "./index.es10.js";
-import { Button as m } from "./index.es25.js";
-const f = ({
-  title: t,
-  description: i,
-  links: o,
-  asLink: n = "a"
-}) => /* @__PURE__ */ e.jsxs(r, { className: "base-col ui-what-do-you-need-section", children: [
-  /* @__PURE__ */ e.jsxs(c, { className: "ui-what-do-you-need-content", children: [
-    /* @__PURE__ */ e.jsx(r.Title, { fs: "2", children: t }),
-    i && /* @__PURE__ */ e.jsx(r.Description, { children: i })
-  ] }),
-  /* @__PURE__ */ e.jsx(
-    "ul",
-    {
-      role: "list",
-      "aria-label": `Lista di ${t}`,
-      className: "list-style-none ui-what-do-you-need-links",
-      children: o == null ? void 0 : o.map(({ link: s, title: l, isNewTab: a }, d) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx(
-        m,
+import { j as i } from "./index.es146.js";
+import { Section as s } from "./index.es46.js";
+import './sections/Login/Login.css';/* empty css            */
+import { EntryButton as g } from "./index.es36.js";
+import { Col as o } from "./index.es10.js";
+const N = ({
+  title: r,
+  description: e,
+  loginTitle: l,
+  loginDescription: n,
+  buttonLabel: t,
+  buttonAriaLabel: c,
+  buttonHref: a,
+  asImage: m = "img",
+  region: d = "marche",
+  authSrc: h = ""
+}) => {
+  const x = m;
+  return /* @__PURE__ */ i.jsxs(s, { className: "base-col ui-login-section", children: [
+    /* @__PURE__ */ i.jsxs(o, { className: "ui-login-content", children: [
+      /* @__PURE__ */ i.jsx(s.Title, { fs: "1", className: "md-fs-0 ui-login-title", mdFs: "0", children: r }),
+      e && /* @__PURE__ */ i.jsx(s.Description, { className: "ui-login-description", children: e })
+    ] }),
+    /* @__PURE__ */ i.jsxs("div", { className: "bg-white shadow br-x4 ui-login-body ", children: [
+      /* @__PURE__ */ i.jsxs(o, { gap: "x16", children: [
+        /* @__PURE__ */ i.jsx("h3", { className: "text-slate-20 fw-semibold fs-5 md-fs-4", children: l }),
+        /* @__PURE__ */ i.jsx(s.Description, { children: n }),
+        /* @__PURE__ */ i.jsx(
+          g,
+          {
+            showIcon: d === "marche",
+            ariaLabel: c,
+            href: a,
+            children: t
+          }
+        )
+      ] }),
+      /* @__PURE__ */ i.jsx("div", { className: "ui-login-body-img h-full", children: /* @__PURE__ */ i.jsx(
+        x,
         {
-          asLink: n,
-          href: s,
-          size: "2",
-          variant: d > 0 ? "secondary" : "primary",
-          target: a ? "_blank" : void 0,
-          rel: a ? "noopener noreferrer" : void 0,
-          children: l
+          src: h,
+          alt: "",
+          "aria-hidden": "true",
+          width: 246,
+          height: 746
         }
-      ) }, s))
-    }
-  )
-] });
+      ) })
+    ] })
+  ] });
+};
 export {
-  f as WhatDoYouNeed
+  N as Login
 };
 //# sourceMappingURL=index.es77.js.map

package/dist/index.es77.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es77.js","sources":["../src/sections/WhatDoYouNeed/index.tsx"],"sourcesContent":["import { Button, Col, Section } from \"@/components\";\r\nimport { SectionLink } from \"@anoki/fse-common\";\r\nimport \"./WhatDoYouNeed.scss\";\r\nimport { ComponentType, PropsWithChildren, ReactNode } from \"react\";\r\n\r\ntype WhatDoYouNeedProps = PropsWithChildren<{\r\n  title: ReactNode;\r\n  description?: ReactNode;\r\n  links: EnhancedSectionLink[];\r\n  asLink?: \"a\" | ComponentType<any>;\r\n}>;\r\n\r\ntype EnhancedSectionLink = SectionLink & {\r\n  isNewTab?: boolean;\r\n};\r\n\r\nexport const WhatDoYouNeed = ({\r\n  title,\r\n  description,\r\n  links,\r\n  asLink = \"a\",\r\n}: WhatDoYouNeedProps) => {\r\n  return (\r\n    <Section className=\"base-col ui-what-do-you-need-section\">\r\n      <Col className=\"ui-what-do-you-need-content\">\r\n        <Section.Title fs=\"2\">{title}</Section.Title>\r\n        {description && (\r\n          <Section.Description>{description}</Section.Description>\r\n        )}\r\n      </Col>\r\n      <ul\r\n        role=\"list\"\r\n        aria-label={`Lista di ${title}`}\r\n        className=\"list-style-none ui-what-do-you-need-links\"\r\n      >\r\n        {links?.map(({ link, title, isNewTab }, index) => (\r\n          <li key={link}>\r\n            <Button\r\n              asLink={asLink}\r\n              href={link}\r\n              size=\"2\"\r\n              variant={index > 0 ? \"secondary\" : \"primary\"}\r\n              // textColor={index > 0 ? \"primary\" : undefined}\r\n              // bg={index > 0 ? \"white\" : undefined}\r\n              // className={index > 0 ? \"br-color-primary\" : undefined}\r\n              target={isNewTab ? \"_blank\" : undefined}\r\n              rel={isNewTab ? \"noopener noreferrer\" : undefined}\r\n            >\r\n              {title}\r\n            </Button>\r\n          </li>\r\n        ))}\r\n      </ul>\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["WhatDoYouNeed","title","description","links","asLink","jsxs","Section","Col","jsx","link","isNewTab","index","Button"],"mappings":";;;;;AAgBO,MAAMA,IAAgB,CAAC;AAAA,EAC5B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC,IAAS;AACX,MAEIC,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,wCACjB,UAAA;AAAA,EAACD,gBAAAA,EAAAA,KAAAE,GAAA,EAAI,WAAU,+BACb,UAAA;AAAA,IAAAC,gBAAAA,EAAA,IAACF,EAAQ,OAAR,EAAc,IAAG,KAAK,UAAML,GAAA;AAAA,IAC5BC,KACCM,gBAAAA,EAAA,IAACF,EAAQ,aAAR,EAAqB,UAAYJ,EAAA,CAAA;AAAA,EAAA,GAEtC;AAAA,EACAM,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,YAAYP,CAAK;AAAA,MAC7B,WAAU;AAAA,MAET,UAAAE,KAAA,gBAAAA,EAAO,IAAI,CAAC,EAAE,MAAAM,GAAM,OAAAR,GAAO,UAAAS,EAAS,GAAGC,MACtCH,gBAAAA,EAAAA,IAAC,MACC,EAAA,UAAAA,gBAAAA,EAAA;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,QAAAR;AAAA,UACA,MAAMK;AAAA,UACN,MAAK;AAAA,UACL,SAASE,IAAQ,IAAI,cAAc;AAAA,UAInC,QAAQD,IAAW,WAAW;AAAA,UAC9B,KAAKA,IAAW,wBAAwB;AAAA,UAEvC,UAAAT;AAAAA,QAAA;AAAA,MACH,EAAA,GAbOQ,CAcT;AAAA,IACD;AAAA,EAAA;AACH,GACF;"}
+{"version":3,"file":"index.es77.js","sources":["../src/sections/Login/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\nimport { Col, EntryButton } from \"@/components\";\nimport \"./Login.scss\";\nimport { Config } from \"@/utils/config.ts\";\n\nexport type LoginProps = {\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  loginTitle: string;\n  loginDescription: React.ReactNode;\n  buttonLabel: string;\n  buttonAriaLabel: string;\n  buttonHref: string;\n  asImage?: \"img\";\n  region?: Config[\"REGION\"];\n  authSrc?: string;\n};\n\nexport const Login = ({\n  title,\n  description,\n  loginTitle,\n  loginDescription,\n  buttonLabel,\n  buttonAriaLabel,\n  buttonHref,\n  asImage = \"img\",\n  region = \"marche\",\n  authSrc = \"\",\n}: LoginProps) => {\n  const ImageComponent = asImage;\n  return (\n    <Section className=\"base-col ui-login-section\">\n      <Col className=\"ui-login-content\">\n        <Section.Title fs=\"1\" className=\"md-fs-0 ui-login-title\" mdFs=\"0\">\n          {title}\n        </Section.Title>\n        {description && (\n          <Section.Description className=\"ui-login-description\">\n            {description}\n          </Section.Description>\n        )}\n      </Col>\n      <div className=\"bg-white shadow br-x4 ui-login-body \">\n        <Col gap={\"x16\"}>\n          <h3 className=\"text-slate-20 fw-semibold fs-5 md-fs-4\">\n            {loginTitle}\n          </h3>\n          <Section.Description>{loginDescription}</Section.Description>\n          <EntryButton\n            showIcon={region === \"marche\"}\n            ariaLabel={buttonAriaLabel}\n            href={buttonHref}\n          >\n            {buttonLabel}\n          </EntryButton>\n        </Col>\n\n        <div className=\"ui-login-body-img h-full\">\n          <ImageComponent\n            src={authSrc}\n            alt=\"\"\n            aria-hidden=\"true\"\n            width={246}\n            height={746}\n          />\n        </div>\n      </div>\n    </Section>\n  );\n};\n"],"names":["Login","title","description","loginTitle","loginDescription","buttonLabel","buttonAriaLabel","buttonHref","asImage","region","authSrc","ImageComponent","jsxs","Section","Col","jsx","EntryButton"],"mappings":";;;;;AAkBO,MAAMA,IAAQ,CAAC;AAAA,EACpB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AACZ,MAAkB;AAChB,QAAMC,IAAiBH;AAErB,SAAAI,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,6BACjB,UAAA;AAAA,IAACD,gBAAAA,EAAAA,KAAAE,GAAA,EAAI,WAAU,oBACb,UAAA;AAAA,MAACC,gBAAAA,EAAAA,IAAAF,EAAQ,OAAR,EAAc,IAAG,KAAI,WAAU,0BAAyB,MAAK,KAC3D,UACHZ,EAAA,CAAA;AAAA,MACCC,KACEa,gBAAAA,EAAAA,IAAAF,EAAQ,aAAR,EAAoB,WAAU,wBAC5B,UACHX,EAAA,CAAA;AAAA,IAAA,GAEJ;AAAA,IACAU,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,wCACb,UAAA;AAAA,MAACA,gBAAAA,EAAAA,KAAAE,GAAA,EAAI,KAAK,OACR,UAAA;AAAA,QAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,0CACX,UACHZ,GAAA;AAAA,QACCY,gBAAAA,EAAAA,IAAAF,EAAQ,aAAR,EAAqB,UAAiBT,EAAA,CAAA;AAAA,QACvCW,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,UAAUP,MAAW;AAAA,YACrB,WAAWH;AAAA,YACX,MAAMC;AAAA,YAEL,UAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,GACF;AAAA,MAEAU,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,4BACb,UAAAA,gBAAAA,EAAA;AAAA,QAACJ;AAAA,QAAA;AAAA,UACC,KAAKD;AAAA,UACL,KAAI;AAAA,UACJ,eAAY;AAAA,UACZ,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,MAAA,EAEZ,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}