@anoki/fse-ui 1.0.332

package/dist/index.es67.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es67.js","sources":["../src/components/ui/CardNotification/index.tsx"],"sourcesContent":["import \"./CardNotification.scss\";\nimport { useMemo } from \"react\";\nimport { Actions, Calendar } from \"@/icons\";\nimport { Button, Row } from \"@/components\";\n\ntype Variant = \"primary\" | \"secondary\";\n\ntype NotificationIcon = \"calendar\" | \"actions\";\n\ntype CardNotificationProps = {\n  type: string;\n  date: string;\n  icon: NotificationIcon;\n  showBadge?: boolean;\n  title: string;\n  text: string;\n  variant?: Variant;\n  onClickEdit?: () => void;\n  onClickManage?: () => void;\n  onClickGoToDetails?: () => void;\n  showExpired?: boolean;\n  buttonMaxWidth?: boolean;\n  onClickRightManage?: () => void;\n};\n\nexport const CardNotification = ({\n  type,\n  onClickEdit,\n  onClickRightManage,\n  showExpired = false,\n  buttonMaxWidth,\n  onClickGoToDetails,\n  icon = \"calendar\",\n  variant = \"primary\",\n  onClickManage,\n  date,\n  title,\n  showBadge = false,\n  text,\n}: CardNotificationProps) => {\n  const isSecondary = variant === \"secondary\";\n\n  const iconToRender = useMemo(() => {\n    if (icon === \"calendar\") {\n      return <Calendar width={24} height={26} color=\"slate-28\" />;\n    }\n    if (icon === \"actions\") {\n      return <Actions width={24} height={26} color=\"slate-28\" />;\n    }\n  }, [icon]);\n\n  const cardClasses = ` ${\n    isSecondary\n      ? \"bg-lightblue-a03 ui-card-notifications-secondary\"\n      : \"bg-white\"\n  } shadow br-x4  `;\n\n  const iconContainer = ` ui-card-notifications-icon base-row   ${\n    isSecondary ? \"bg-white\" : \"bg-lightblue-a03\"\n  }   `;\n\n  const manageButtonClasses = ` ${\n    buttonMaxWidth ? \"w-full\" : \"ui-card-notifications-button\"\n  }  `;\n\n  return (\n    <div className={cardClasses}>\n      <Row px={\"x24\"} py={\"x8\"} justifyContent={\"space-between\"}>\n        <p className={\"fs-7 fw-semibold\"}> {type}</p>\n        <p className={\"fs-7 fw-semibold\"}>{date}</p>\n      </Row>\n      <div className={\"ui-card-notifications-divider \"} />\n      <Row pt={\"x16\"} px={\"x24\"} pb={\"x24\"} gap={\"x16\"}>\n        <div className={iconContainer}>\n          {showBadge && (\n            <div className={\"ui-card-notifications-badge-container\"}>\n              <div className={\"ui-card-notifications-badge\"} />\n            </div>\n          )}\n          {iconToRender}\n        </div>\n        <div className={\"w-full\"}>\n          <div className={\"mb-x24\"}>\n            <p className={\"my-x8 fs-5 fw-semibold\"}>{title}</p>\n            {showExpired && (\n              <Row mb={\"x8\"}>\n                <div\n                  className={\n                    \"py-x4 px-x16  bg-status-error text-white rounded fw-semibold fs-7\"\n                  }\n                >\n                  SCADUTO\n                </div>\n              </Row>\n            )}\n            <p>{text}</p>\n          </div>\n\n          {onClickManage && (\n            <div className={\"base-row justify-content-center\"}>\n              <Button className={manageButtonClasses} onClick={onClickManage}>\n                Gestisci\n              </Button>\n            </div>\n          )}\n\n          <Row justifyContent={\"flex-end\"} className={\"w-full gap-x16\"}>\n            {onClickRightManage && (\n              <div className={\"base-row justify-content-center\"}>\n                <Button onClick={onClickRightManage}>Gestisci</Button>\n              </div>\n            )}\n\n            {!!onClickEdit && (\n              <Button\n                onClick={onClickEdit}\n                bg=\"transparent\"\n                textColor=\"primary\"\n              >\n                Modifica\n              </Button>\n            )}\n            {!!onClickGoToDetails && (\n              <Button onClick={onClickGoToDetails} variant={\"secondary\"}>\n                Più dettagli\n              </Button>\n            )}\n          </Row>\n        </div>\n      </Row>\n    </div>\n  );\n};\n"],"names":["CardNotification","type","onClickEdit","onClickRightManage","showExpired","buttonMaxWidth","onClickGoToDetails","icon","variant","onClickManage","date","title","showBadge","text","isSecondary","iconToRender","useMemo","Calendar","Actions","cardClasses","iconContainer","manageButtonClasses","jsxs","Row","jsx","Button"],"mappings":";;;;;;;AAyBO,MAAMA,IAAmB,CAAC;AAAA,EAC/B,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,gBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,eAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,MAAAC;AACF,MAA6B;AAC3B,QAAMC,IAAcN,MAAY,aAE1BO,IAAeC,EAAQ,MAAM;AACjC,QAAIT,MAAS;AACX,mCAAQU,GAAS,EAAA,OAAO,IAAI,QAAQ,IAAI,OAAM,YAAW;AAE3D,QAAIV,MAAS;AACX,mCAAQW,GAAQ,EAAA,OAAO,IAAI,QAAQ,IAAI,OAAM,YAAW;AAAA,EAC1D,GACC,CAACX,CAAI,CAAC,GAEHY,IAAc,IAClBL,IACI,qDACA,UACN,mBAEMM,IAAgB,0CACpBN,IAAc,aAAa,kBAC7B,OAEMO,IAAsB,IAC1BhB,IAAiB,WAAW,8BAC9B;AAGE,SAAAiB,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAWH,GACd,UAAA;AAAA,IAAAG,gBAAAA,OAACC,KAAI,IAAI,OAAO,IAAI,MAAM,gBAAgB,iBACxC,UAAA;AAAA,MAACD,gBAAAA,EAAAA,KAAA,KAAA,EAAE,WAAW,oBAAoB,UAAA;AAAA,QAAA;AAAA,QAAErB;AAAA,MAAA,GAAK;AAAA,MACxCuB,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAW,oBAAqB,UAAKd,EAAA,CAAA;AAAA,IAAA,GAC1C;AAAA,IACAc,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAW,iCAAkC,CAAA;AAAA,IAClDF,gBAAAA,EAAAA,KAACC,KAAI,IAAI,OAAO,IAAI,OAAO,IAAI,OAAO,KAAK,OACzC,UAAA;AAAA,MAACD,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAWF,GACb,UAAA;AAAA,QACCR,KAAAY,gBAAAA,EAAAA,IAAC,SAAI,WAAW,yCACd,gCAAC,OAAI,EAAA,WAAW,+BAA+B,EACjD,CAAA;AAAA,QAEDT;AAAA,MAAA,GACH;AAAA,MACAO,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAW,UACd,UAAA;AAAA,QAACA,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAW,UACd,UAAA;AAAA,UAACE,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAW,0BAA2B,UAAMb,GAAA;AAAA,UAC9CP,KACCoB,gBAAAA,EAAA,IAACD,GAAI,EAAA,IAAI,MACP,UAAAC,gBAAAA,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WACE;AAAA,cAEH,UAAA;AAAA,YAAA;AAAA,UAAA,GAGH;AAAA,UAEFA,gBAAAA,EAAAA,IAAC,OAAG,UAAKX,EAAA,CAAA;AAAA,QAAA,GACX;AAAA,QAECJ,KACCe,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAW,mCACd,UAAAA,gBAAAA,MAACC,GAAO,EAAA,WAAWJ,GAAqB,SAASZ,GAAe,UAAA,WAEhE,CAAA,GACF;AAAA,QAGDa,gBAAAA,EAAA,KAAAC,GAAA,EAAI,gBAAgB,YAAY,WAAW,kBACzC,UAAA;AAAA,UACCpB,KAAAqB,gBAAAA,EAAA,IAAC,SAAI,WAAW,mCACd,gCAACC,GAAO,EAAA,SAAStB,GAAoB,UAAA,WAAA,CAAQ,EAC/C,CAAA;AAAA,UAGD,CAAC,CAACD,KACDsB,gBAAAA,EAAA;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,SAASvB;AAAA,cACT,IAAG;AAAA,cACH,WAAU;AAAA,cACX,UAAA;AAAA,YAAA;AAAA,UAED;AAAA,UAED,CAAC,CAACI,KACDkB,gBAAAA,MAACC,KAAO,SAASnB,GAAoB,SAAS,aAAa,UAE3D,eAAA,CAAA;AAAA,QAAA,EAEJ,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/index.es68.js

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

package/dist/index.es68.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es68.js","sources":["../src/components/ui/DatePicker/index.tsx"],"sourcesContent":["// src/components/ui/Button/index.tsx\nimport { DateTime } from \"luxon\";\nimport \"./DatePicker.scss\";\nimport clsx from \"clsx\";\nimport { useEffect, useRef } from \"react\";\n\ntype DatePickerProps = {\n  label: string;\n  value?: Date | null;\n  maxValue?: Date;\n  minValue?: Date;\n  className?: string;\n  disabled?: boolean;\n  onClick?: () => void;\n  onChange: (date: Date) => void;\n  error?: string;\n  required?: boolean;\n  id?: string;\n};\n\nexport const DatePicker = ({\n  label,\n  value,\n  maxValue,\n  minValue,\n  className,\n  disabled,\n  onClick,\n  onChange,\n  error,\n  required = false,\n  id,\n}: DatePickerProps) => {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const inputId =\n    id || `datepicker-${label.toLowerCase().replace(/\\s+/g, \"-\")}`;\n\n  useEffect(() => {\n    if (error && inputRef.current) {\n      inputRef.current.setAttribute(\"aria-invalid\", \"true\");\n      inputRef.current.setAttribute(\"aria-describedby\", `${inputId}-error`);\n    } else if (inputRef.current) {\n      inputRef.current.setAttribute(\"aria-invalid\", \"false\");\n      inputRef.current.removeAttribute(\"aria-describedby\");\n    }\n  }, [error, inputId]);\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === \"Enter\" && !disabled) {\n      onClick?.();\n    }\n  };\n\n  const formattedValue = value\n    ? DateTime.fromJSDate(value).toFormat(\"yyyy-MM-dd\")\n    : \"\";\n\n  return (\n    <div\n      className={clsx(\"datepicker-container\", className)}\n      role=\"group\"\n      aria-labelledby={`${inputId}-label`}\n      aria-describedby={error ? `${inputId}-error` : undefined}\n    >\n      <label\n        id={`${inputId}-label`}\n        htmlFor={inputId}\n        className=\"datepicker-label fs-7\"\n      >\n        {label}\n        {required && (\n          <span className=\"text-error ml-1\" aria-hidden=\"true\">\n            *\n          </span>\n        )}\n      </label>\n      <input\n        ref={inputRef}\n        id={inputId}\n        type=\"date\"\n        className=\"datepicker-input fs-6\"\n        disabled={disabled}\n        value={formattedValue}\n        max={\n          maxValue\n            ? DateTime.fromJSDate(maxValue).toFormat(\"yyyy-MM-dd\")\n            : undefined\n        }\n        min={\n          minValue\n            ? DateTime.fromJSDate(minValue).toFormat(\"yyyy-MM-dd\")\n            : undefined\n        }\n        onClick={() => onClick?.()}\n        onChange={(e) => {\n          const newDate = new Date(e.target.value);\n          if (!isNaN(newDate.getTime())) {\n            onChange(newDate);\n          }\n        }}\n        onKeyDown={handleKeyDown}\n        aria-required={required}\n        aria-disabled={disabled}\n        aria-label={label}\n        aria-invalid={!!error}\n        aria-describedby={error ? `${inputId}-error` : undefined}\n      />\n      {error && (\n        <div\n          id={`${inputId}-error`}\n          className=\"datepicker-error\"\n          role=\"alert\"\n          aria-live=\"polite\"\n        >\n          {error}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["DatePicker","label","value","maxValue","minValue","className","disabled","onClick","onChange","error","required","id","inputRef","useRef","inputId","useEffect","handleKeyDown","e","formattedValue","DateTime","jsxs","clsx","jsx","newDate"],"mappings":";;;;;;AAoBO,MAAMA,IAAa,CAAC;AAAA,EACzB,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,IAAAC;AACF,MAAuB;AACf,QAAAC,IAAWC,EAAyB,IAAI,GACxCC,IACJH,KAAM,cAAcV,EAAM,YAAc,EAAA,QAAQ,QAAQ,GAAG,CAAC;AAE9D,EAAAc,EAAU,MAAM;AACV,IAAAN,KAASG,EAAS,WACXA,EAAA,QAAQ,aAAa,gBAAgB,MAAM,GACpDA,EAAS,QAAQ,aAAa,oBAAoB,GAAGE,CAAO,QAAQ,KAC3DF,EAAS,YACTA,EAAA,QAAQ,aAAa,gBAAgB,OAAO,GAC5CA,EAAA,QAAQ,gBAAgB,kBAAkB;AAAA,EACrD,GACC,CAACH,GAAOK,CAAO,CAAC;AAEb,QAAAE,IAAgB,CAACC,MAA6C;AAClE,IAAIA,EAAE,QAAQ,WAAW,CAACX,MACdC,KAAA,QAAAA;AAAA,EAEd,GAEMW,IAAiBhB,IACnBiB,EAAS,WAAWjB,CAAK,EAAE,SAAS,YAAY,IAChD;AAGF,SAAAkB,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,wBAAwBhB,CAAS;AAAA,MACjD,MAAK;AAAA,MACL,mBAAiB,GAAGS,CAAO;AAAA,MAC3B,oBAAkBL,IAAQ,GAAGK,CAAO,WAAW;AAAA,MAE/C,UAAA;AAAA,QAAAM,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI,GAAGN,CAAO;AAAA,YACd,SAASA;AAAA,YACT,WAAU;AAAA,YAET,UAAA;AAAA,cAAAb;AAAA,cACAS,KACEY,gBAAAA,EAAAA,IAAA,QAAA,EAAK,WAAU,mBAAkB,eAAY,QAAO,UAErD,IAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAEJ;AAAA,QACAA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKV;AAAA,YACL,IAAIE;AAAA,YACJ,MAAK;AAAA,YACL,WAAU;AAAA,YACV,UAAAR;AAAA,YACA,OAAOY;AAAA,YACP,KACEf,IACIgB,EAAS,WAAWhB,CAAQ,EAAE,SAAS,YAAY,IACnD;AAAA,YAEN,KACEC,IACIe,EAAS,WAAWf,CAAQ,EAAE,SAAS,YAAY,IACnD;AAAA,YAEN,SAAS,MAAMG,KAAA,gBAAAA;AAAA,YACf,UAAU,CAACU,MAAM;AACf,oBAAMM,IAAU,IAAI,KAAKN,EAAE,OAAO,KAAK;AACvC,cAAK,MAAMM,EAAQ,QAAS,CAAA,KAC1Bf,EAASe,CAAO;AAAA,YAEpB;AAAA,YACA,WAAWP;AAAA,YACX,iBAAeN;AAAA,YACf,iBAAeJ;AAAA,YACf,cAAYL;AAAA,YACZ,gBAAc,CAAC,CAACQ;AAAA,YAChB,oBAAkBA,IAAQ,GAAGK,CAAO,WAAW;AAAA,UAAA;AAAA,QACjD;AAAA,QACCL,KACCa,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI,GAAGR,CAAO;AAAA,YACd,WAAU;AAAA,YACV,MAAK;AAAA,YACL,aAAU;AAAA,YAET,UAAAL;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/index.es69.js

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

package/dist/index.es69.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es69.js","sources":["../src/components/ui/DatePickerRange/index.tsx"],"sourcesContent":["// src/components/ui/Button/index.tsx\nimport clsx from \"clsx\";\nimport { useEffect, useRef } from \"react\";\nimport { DatePicker } from \"../DatePicker\";\nimport { Row } from \"@/components\";\n\ntype DatePickerRangeProps = {\n  label?: string;\n  startDateLabel?: string;\n  endDateLabel?: string;\n  startDate?: Date;\n  endDate?: Date;\n  className?: string;\n  disabled?: boolean;\n  required?: boolean;\n  error?: string;\n  onStartDateChange: (date: Date) => void;\n  onEndDateChange: (date: Date) => void;\n  onStartDateClick?: () => void;\n  onEndDateClick?: () => void;\n};\n\nexport const DatePickerRange = ({\n  label,\n  startDateLabel = \"Start Date\",\n  endDateLabel = \"End Date\",\n  startDate,\n  endDate,\n  className,\n  disabled = false,\n  required = false,\n  error,\n  onStartDateChange,\n  onEndDateChange,\n  onStartDateClick,\n  onEndDateClick,\n}: DatePickerRangeProps) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  // we need to generate a unique id for the container and manage errors\n  const containerId = label\n    ? `datepicker-range-${label.toLowerCase().replace(/\\s+/g, \"-\")}`\n    : \"datepicker-range\";\n\n  useEffect(() => {\n    if (error && containerRef.current) {\n      containerRef.current.setAttribute(\"aria-invalid\", \"true\");\n      containerRef.current.setAttribute(\n        \"aria-describedby\",\n        `${containerId}-error`,\n      );\n    } else if (containerRef.current) {\n      containerRef.current.setAttribute(\"aria-invalid\", \"false\");\n      containerRef.current.removeAttribute(\"aria-describedby\");\n    }\n  }, [error, containerId]);\n\n  const handleStartDateChange = (date: Date) => {\n    // Ensure end date is not before start date\n    if (endDate && date > endDate) {\n      onStartDateChange(date);\n      onEndDateChange(date);\n    } else {\n      onStartDateChange(date);\n    }\n  };\n\n  const handleEndDateChange = (date: Date) => {\n    // Ensure start date is not after end date\n    if (startDate && date < startDate) {\n      onStartDateChange(date);\n      onEndDateChange(date);\n    } else {\n      onEndDateChange(date);\n    }\n  };\n\n  return (\n    <div\n      ref={containerRef}\n      className={clsx(\"base-col gap-x8\", className)}\n      role=\"group\"\n      aria-labelledby={label ? `${containerId}-label` : undefined}\n      aria-describedby={error ? `${containerId}-error` : undefined}\n    >\n      {label && (\n        <label id={`${containerId}-label`} className=\"text-sm text-dark\">\n          {label}\n          {required && (\n            <span className=\"text-error ml-1\" aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n\n      <Row gap={\"x16\"} role=\"group\">\n        <DatePicker\n          label={startDateLabel}\n          value={startDate}\n          maxValue={endDate}\n          disabled={disabled}\n          required={required}\n          onChange={handleStartDateChange}\n          onClick={onStartDateClick}\n          className=\"flex-1\"\n        />\n\n        <DatePicker\n          label={endDateLabel}\n          value={endDate}\n          minValue={startDate}\n          disabled={disabled}\n          required={required}\n          onChange={handleEndDateChange}\n          onClick={onEndDateClick}\n          className=\"flex-1\"\n        />\n      </Row>\n\n      {error && (\n        <div\n          id={`${containerId}-error`}\n          className=\"text-sm text-error\"\n          role=\"alert\"\n          aria-live=\"polite\"\n        >\n          {error}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["DatePickerRange","label","startDateLabel","endDateLabel","startDate","endDate","className","disabled","required","error","onStartDateChange","onEndDateChange","onStartDateClick","onEndDateClick","containerRef","useRef","containerId","useEffect","handleStartDateChange","date","handleEndDateChange","jsxs","clsx","jsx","Row","DatePicker"],"mappings":";;;;;AAsBO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,OAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,cAAAC,IAAe;AAAA,EACf,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,gBAAAC;AACF,MAA4B;AACpB,QAAAC,IAAeC,EAAuB,IAAI,GAE1CC,IAAcf,IAChB,oBAAoBA,EAAM,cAAc,QAAQ,QAAQ,GAAG,CAAC,KAC5D;AAEJ,EAAAgB,EAAU,MAAM;AACV,IAAAR,KAASK,EAAa,WACXA,EAAA,QAAQ,aAAa,gBAAgB,MAAM,GACxDA,EAAa,QAAQ;AAAA,MACnB;AAAA,MACA,GAAGE,CAAW;AAAA,IAChB,KACSF,EAAa,YACTA,EAAA,QAAQ,aAAa,gBAAgB,OAAO,GAC5CA,EAAA,QAAQ,gBAAgB,kBAAkB;AAAA,EACzD,GACC,CAACL,GAAOO,CAAW,CAAC;AAEjB,QAAAE,IAAwB,CAACC,MAAe;AAExC,IAAAd,KAAWc,IAAOd,KACpBK,EAAkBS,CAAI,GACtBR,EAAgBQ,CAAI,KAEpBT,EAAkBS,CAAI;AAAA,EAE1B,GAEMC,IAAsB,CAACD,MAAe;AAEtC,IAAAf,KAAae,IAAOf,KACtBM,EAAkBS,CAAI,GACtBR,EAAgBQ,CAAI;AAAA,EAIxB;AAGE,SAAAE,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKP;AAAA,MACL,WAAWQ,EAAK,mBAAmBhB,CAAS;AAAA,MAC5C,MAAK;AAAA,MACL,mBAAiBL,IAAQ,GAAGe,CAAW,WAAW;AAAA,MAClD,oBAAkBP,IAAQ,GAAGO,CAAW,WAAW;AAAA,MAElD,UAAA;AAAA,QAAAf,4BACE,SAAM,EAAA,IAAI,GAAGe,CAAW,UAAU,WAAU,qBAC1C,UAAA;AAAA,UAAAf;AAAA,UACAO,KACEe,gBAAAA,EAAAA,IAAA,QAAA,EAAK,WAAU,mBAAkB,eAAY,QAAO,UAErD,IAAA,CAAA;AAAA,QAAA,GAEJ;AAAA,QAGDF,gBAAAA,EAAA,KAAAG,GAAA,EAAI,KAAK,OAAO,MAAK,SACpB,UAAA;AAAA,UAAAD,gBAAAA,EAAA;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,OAAOvB;AAAA,cACP,OAAOE;AAAA,cACP,UAAUC;AAAA,cACV,UAAAE;AAAA,cACA,UAAAC;AAAA,cACA,UAAUU;AAAA,cACV,SAASN;AAAA,cACT,WAAU;AAAA,YAAA;AAAA,UACZ;AAAA,UAEAW,gBAAAA,EAAA;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,OAAOtB;AAAA,cACP,OAAOE;AAAA,cACP,UAAUD;AAAA,cACV,UAAAG;AAAA,cACA,UAAAC;AAAA,cACA,UAAUY;AAAA,cACV,SAASP;AAAA,cACT,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACZ,GACF;AAAA,QAECJ,KACCc,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI,GAAGP,CAAW;AAAA,YAClB,WAAU;AAAA,YACV,MAAK;AAAA,YACL,aAAU;AAAA,YAET,UAAAP;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/index.es7.js

@@ -0,0 +1,26 @@
+import { j as a } from "./index.es137.js";
+import { useMemo as i } from "react";
+import { clsx as m } from "./index.es139.js";
+import { createSpacingClasses as c } from "./index.es143.js";
+const g = ({
+  as: o,
+  className: r,
+  style: e,
+  ...s
+}) => {
+  const n = o || "div", t = i(() => [...c(s)].join(" "), [s]);
+  return /* @__PURE__ */ a.jsx(
+    n,
+    {
+      className: m("base-grid", r, t),
+      style: {
+        ...e
+      },
+      ...s
+    }
+  );
+};
+export {
+  g as GridContainer
+};
+//# sourceMappingURL=index.es7.js.map

package/dist/index.es7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es7.js","sources":["../src/components/ui/GridContainer/index.tsx"],"sourcesContent":["import { ElementType, ComponentPropsWithoutRef, useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport { createSpacingClasses, SpacingProps } from \"@theme/spacing.ts\";\n\ntype PolymorphicProps<E extends ElementType> = {\n  as?: E;\n} & SpacingProps &\n  Omit<ComponentPropsWithoutRef<E>, keyof SpacingProps>;\n\nexport const GridContainer = <E extends ElementType = \"div\">({\n  as,\n  className,\n  style,\n  ...rest\n}: PolymorphicProps<E>) => {\n  const Component = as || \"div\";\n\n  const classNames = useMemo(() => {\n    const spacingClasses = createSpacingClasses(rest);\n    return [...spacingClasses].join(\" \");\n  }, [rest]);\n\n  return (\n    <Component\n      className={clsx(\"base-grid\", className, classNames)}\n      style={{\n        ...style,\n      }}\n      {...rest}\n    />\n  );\n};\n"],"names":["GridContainer","as","className","style","rest","Component","classNames","useMemo","createSpacingClasses","jsx","clsx"],"mappings":";;;;AASO,MAAMA,IAAgB,CAAgC;AAAA,EAC3D,IAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAA2B;AACzB,QAAMC,IAAYJ,KAAM,OAElBK,IAAaC,EAAQ,MAElB,CAAC,GADeC,EAAqBJ,CAAI,CACvB,EAAE,KAAK,GAAG,GAClC,CAACA,CAAI,CAAC;AAGP,SAAAK,gBAAAA,EAAA;AAAA,IAACJ;AAAA,IAAA;AAAA,MACC,WAAWK,EAAK,aAAaR,GAAWI,CAAU;AAAA,MAClD,OAAO;AAAA,QACL,GAAGH;AAAA,MACL;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EACN;AAEJ;"}

package/dist/index.es70.js

@@ -0,0 +1,77 @@
+import { j as e } from "./index.es137.js";
+import { clsx as t } from "./index.es139.js";
+import { ActionIconText as n } from "./index.es59.js";
+import './components/ui/NotificationsSettingsHeader/NotificationsSettingsHeader.css';/* empty css            */
+import { Info as r } from "./index.es115.js";
+const m = ({
+  className: l,
+  ...o
+}) => {
+  const a = [
+    {
+      label: "Categoria notifica",
+      noIcon: !0,
+      isFlex: !0
+    },
+    {
+      label: "SMS",
+      fixedWidth: !0,
+      popupInfo: {
+        title: "SMS",
+        description: "SMS come metodo di notifica",
+        isOpen: !1,
+        onClickCloseBtn: () => {
+        }
+      }
+    },
+    {
+      label: "Email",
+      fixedWidth: !0,
+      popupInfo: {
+        title: "Email",
+        description: "Email come metodo di notifica",
+        isOpen: !1,
+        onClickCloseBtn: () => {
+        }
+      }
+    }
+  ];
+  return /* @__PURE__ */ e.jsxs("div", { children: [
+    /* @__PURE__ */ e.jsx("thead", { className: t(l), ...o, children: /* @__PURE__ */ e.jsx("tr", { className: "w-full flex", children: a.map((i, s) => /* @__PURE__ */ e.jsx(
+      "th",
+      {
+        className: t(
+          "table-header-divider-cell   w-full",
+          i.isFlex ? "flex-1" : "flex-none"
+        ),
+        children: /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: t(
+              "table__cell--header--content",
+              i.fixedWidth ? "table-header-fixed-width " : ""
+            ),
+            children: /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
+              n,
+              {
+                classNameText: "text-grey-black ",
+                noIcon: i.noIcon,
+                icon: /* @__PURE__ */ e.jsx(r, {}),
+                textLabel: i.label,
+                iconPosition: "right",
+                popupInfo: i.popupInfo
+              }
+            ) })
+          }
+        )
+      },
+      `${i.label}-${s}`
+    )) }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "table-header-divider" })
+  ] });
+};
+export {
+  m as NotificationsSettingsHeader,
+  m as default
+};
+//# sourceMappingURL=index.es70.js.map

package/dist/index.es70.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es70.js","sources":["../src/components/ui/NotificationsSettingsHeader/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { Info } from \"@/icons\";\nimport { ActionIconText } from \"../ActionIconText\";\nimport \"./NotificationsSettingsHeader.scss\";\n\ntype TableHeaderProps = {\n  className?: string;\n};\n\nexport const NotificationsSettingsHeader = ({\n  className,\n  ...props\n}: TableHeaderProps) => {\n  const fixedColumns = [\n    {\n      label: \"Categoria notifica\",\n      noIcon: true,\n      isFlex: true,\n    },\n    {\n      label: \"SMS\",\n      fixedWidth: true,\n      popupInfo: {\n        title: \"SMS\",\n        description: \"SMS come metodo di notifica\",\n        isOpen: false,\n        onClickCloseBtn: () => {},\n      },\n    },\n    {\n      label: \"Email\",\n      fixedWidth: true,\n      popupInfo: {\n        title: \"Email\",\n        description: \"Email come metodo di notifica\",\n        isOpen: false,\n        onClickCloseBtn: () => {},\n      },\n    },\n  ];\n\n  return (\n    <div>\n      <thead className={clsx(className)} {...props}>\n        <tr className=\"w-full flex\">\n          {fixedColumns.map((column, index) => {\n            return (\n              <th\n                key={`${column.label}-${index}`}\n                className={clsx(\n                  \"table-header-divider-cell   w-full\",\n                  column.isFlex ? \"flex-1\" : \"flex-none\",\n                )}\n              >\n                <div\n                  className={clsx(\n                    \"table__cell--header--content\",\n                    column.fixedWidth ? \"table-header-fixed-width \" : \"\",\n                  )}\n                >\n                  <div>\n                    <ActionIconText\n                      classNameText={\"text-grey-black \"}\n                      noIcon={column.noIcon}\n                      icon={<Info />}\n                      textLabel={column.label}\n                      iconPosition={\"right\"}\n                      popupInfo={column.popupInfo}\n                    />\n                  </div>\n                </div>\n              </th>\n            );\n          })}\n        </tr>\n      </thead>\n      <div className={\"table-header-divider\"} />\n    </div>\n  );\n};\n\nexport default NotificationsSettingsHeader;\n"],"names":["NotificationsSettingsHeader","className","props","fixedColumns","jsx","clsx","column","index","ActionIconText","Info"],"mappings":";;;;;AASO,MAAMA,IAA8B,CAAC;AAAA,EAC1C,WAAAC;AAAA,EACA,GAAGC;AACL,MAAwB;AACtB,QAAMC,IAAe;AAAA,IACnB;AAAA,MACE,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,QAAQ;AAAA,IACV;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,WAAW;AAAA,QACT,OAAO;AAAA,QACP,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,iBAAiB,MAAM;AAAA,QAAA;AAAA,MAAC;AAAA,IAE5B;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,WAAW;AAAA,QACT,OAAO;AAAA,QACP,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,iBAAiB,MAAM;AAAA,QAAA;AAAA,MAAC;AAAA,IAC1B;AAAA,EAEJ;AAEA,gCACG,OACC,EAAA,UAAA;AAAA,IAAAC,gBAAAA,MAAC,SAAM,EAAA,WAAWC,EAAKJ,CAAS,GAAI,GAAGC,GACrC,UAACE,gBAAAA,EAAAA,IAAA,MAAA,EAAG,WAAU,eACX,UAAAD,EAAa,IAAI,CAACG,GAAQC,MAEvBH,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAWC;AAAA,UACT;AAAA,UACAC,EAAO,SAAS,WAAW;AAAA,QAC7B;AAAA,QAEA,UAAAF,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC;AAAA,cACT;AAAA,cACAC,EAAO,aAAa,8BAA8B;AAAA,YACpD;AAAA,YAEA,gCAAC,OACC,EAAA,UAAAF,gBAAAA,EAAA;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,eAAe;AAAA,gBACf,QAAQF,EAAO;AAAA,gBACf,4BAAOG,GAAK,EAAA;AAAA,gBACZ,WAAWH,EAAO;AAAA,gBAClB,cAAc;AAAA,gBACd,WAAWA,EAAO;AAAA,cAAA;AAAA,YAAA,EAEtB,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,MAtBK,GAAGA,EAAO,KAAK,IAAIC,CAAK;AAAA,IAuB/B,CAEH,GACH,EACF,CAAA;AAAA,IACAH,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAW,uBAAwB,CAAA;AAAA,EAAA,GAC1C;AAEJ;"}

package/dist/index.es71.js

@@ -0,0 +1,54 @@
+import { j as i } from "./index.es137.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,
+        {
+          src: h,
+          alt: "",
+          "aria-hidden": "true",
+          width: 246,
+          height: 746
+        }
+      ) })
+    ] })
+  ] });
+};
+export {
+  N as Login
+};
+//# sourceMappingURL=index.es71.js.map

package/dist/index.es71.js.map

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

package/dist/index.es72.js

@@ -0,0 +1,63 @@
+import { j as r } from "./index.es137.js";
+import { Section as n } from "./index.es46.js";
+import { clsx as d } from "./index.es139.js";
+import './sections/AggregationItems/AggregationItems.css';/* empty css            */
+import { CardCategory as y } from "./index.es26.js";
+import { Col as j } from "./index.es10.js";
+import { ArrowLink as h } from "./index.es35.js";
+const g = {
+  HomeServices: "HomeServices",
+  ServicesByEntityType: "ServicesByEntityType"
+}, E = ({
+  title: e,
+  description: a,
+  goToLabel: c,
+  href: l,
+  asLink: i = "a",
+  items: o,
+  layout: p = g.HomeServices,
+  className: x
+}) => {
+  const t = p === g.HomeServices ? "ui-aggregation-items-home-services" : "ui-aggregation-items-services-by-entity-type";
+  return /* @__PURE__ */ r.jsxs(
+    n,
+    {
+      className: d("base-col ui-aggregation-items-section", x),
+      children: [
+        /* @__PURE__ */ r.jsxs(j, { className: "ui-aggregation-items-section-content", children: [
+          /* @__PURE__ */ r.jsxs("div", { className: "ui-aggregation-items-section-title", children: [
+            /* @__PURE__ */ r.jsx(n.Title, { fs: "2", children: e }),
+            c && l && /* @__PURE__ */ r.jsx(h, { href: l, asLink: i, fs: "7", children: c.toUpperCase() })
+          ] }),
+          a && /* @__PURE__ */ r.jsx(n.Description, { children: a })
+        ] }),
+        /* @__PURE__ */ r.jsx(
+          "ul",
+          {
+            role: "list",
+            "aria-label": `Lista di ${e}`,
+            className: `list-style-none ${t}`,
+            children: o == null ? void 0 : o.map((s) => /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
+              y,
+              {
+                title: s == null ? void 0 : s.name,
+                description: s == null ? void 0 : s.description,
+                image: s == null ? void 0 : s.image,
+                href: (s == null ? void 0 : s.link) || (s == null ? void 0 : s.externalLink),
+                showIcon: s == null ? void 0 : s.externalLink,
+                asLink: i,
+                isExternal: s == null ? void 0 : s.externalLink
+              },
+              s._id
+            ) }, s._id))
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  E as AggregationItems,
+  g as LAYOUTS
+};
+//# sourceMappingURL=index.es72.js.map

package/dist/index.es72.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es72.js","sources":["../src/sections/AggregationItems/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\nimport { ArrowLink, CardCategory, Col } from \"@/components\";\nimport clsx from \"clsx\";\nimport \"./AggregationItems.scss\";\n\nexport const LAYOUTS = {\n  HomeServices: \"HomeServices\",\n  ServicesByEntityType: \"ServicesByEntityType\",\n} as const;\n\ntype Layout = (typeof LAYOUTS)[keyof typeof LAYOUTS];\n\nexport type AggregationItemsProps = {\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  goToLabel?: string;\n  href?: string;\n  asLink?: \"a\" | React.ComponentType<any>;\n  items: any[];\n  layout?: Layout;\n  className?: string;\n};\n\nexport const AggregationItems = ({\n  title,\n  description,\n  goToLabel,\n  href,\n  asLink = \"a\",\n  items,\n  layout = LAYOUTS.HomeServices,\n  className,\n}: AggregationItemsProps) => {\n  const layoutClassName =\n    layout === LAYOUTS.HomeServices\n      ? \"ui-aggregation-items-home-services\"\n      : \"ui-aggregation-items-services-by-entity-type\";\n\n  return (\n    <Section\n      className={clsx(\"base-col ui-aggregation-items-section\", className)}\n    >\n      <Col className=\"ui-aggregation-items-section-content\">\n        <div className=\"ui-aggregation-items-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        {items?.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":["LAYOUTS","AggregationItems","title","description","goToLabel","href","asLink","items","layout","className","layoutClassName","jsxs","Section","clsx","Col","jsx","ArrowLink","item","CardCategory"],"mappings":";;;;;;;AAKO,MAAMA,IAAU;AAAA,EACrB,cAAc;AAAA,EACd,sBAAsB;AACxB,GAeaC,IAAmB,CAAC;AAAA,EAC/B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,OAAAC;AAAA,EACA,QAAAC,IAASR,EAAQ;AAAA,EACjB,WAAAS;AACF,MAA6B;AAC3B,QAAMC,IACJF,MAAWR,EAAQ,eACf,uCACA;AAGJ,SAAAW,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,yCAAyCJ,CAAS;AAAA,MAElE,UAAA;AAAA,QAACE,gBAAAA,EAAAA,KAAAG,GAAA,EAAI,WAAU,wCACb,UAAA;AAAA,UAACH,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,sCACb,UAAA;AAAA,YAAAI,gBAAAA,EAAA,IAACH,EAAQ,OAAR,EAAc,IAAG,KAAK,UAAMV,GAAA;AAAA,YAC5BE,KAAaC,KACZU,gBAAAA,MAACC,GAAU,EAAA,MAAAX,GAAY,QAAAC,GAAgB,IAAG,KACvC,UAAUF,EAAA,YAAA,EACb,CAAA;AAAA,UAAA,GAEJ;AAAA,UACCD,KACCY,gBAAAA,EAAA,IAACH,EAAQ,aAAR,EAAqB,UAAYT,EAAA,CAAA;AAAA,QAAA,GAEtC;AAAA,QACAY,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAY,YAAYb,CAAK;AAAA,YAC7B,WAAW,mBAAmBQ,CAAe;AAAA,YAE5C,UAAAH,KAAA,gBAAAA,EAAO,IAAI,CAACU,4BAER,MACC,EAAA,UAAAF,gBAAAA,EAAA;AAAA,cAACG;AAAA,cAAA;AAAA,gBAEC,OAAOD,KAAA,gBAAAA,EAAM;AAAA,gBACb,aAAaA,KAAA,gBAAAA,EAAM;AAAA,gBACnB,OAAOA,KAAA,gBAAAA,EAAM;AAAA,gBACb,OAAMA,KAAA,gBAAAA,EAAM,UAAQA,KAAA,gBAAAA,EAAM;AAAA,gBAC1B,UAAUA,KAAA,gBAAAA,EAAM;AAAA,gBAChB,QAAAX;AAAA,gBACA,YAAYW,KAAA,gBAAAA,EAAM;AAAA,cAAA;AAAA,cAPbA,EAAK;AAAA,YAAA,EAQZ,GAVOA,EAAK,GAWd;AAAA,UAEH;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/index.es73.js

@@ -0,0 +1,40 @@
+import { j as e } from "./index.es137.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,
+        {
+          asLink: n,
+          href: s,
+          size: "2",
+          variant: d > 0 ? "secondary" : "primary",
+          target: a ? "_blank" : void 0,
+          rel: a ? "noopener noreferrer" : void 0,
+          children: l
+        }
+      ) }, s))
+    }
+  )
+] });
+export {
+  f as WhatDoYouNeed
+};
+//# sourceMappingURL=index.es73.js.map

package/dist/index.es73.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es73.js","sources":["../src/sections/WhatDoYouNeed/index.tsx"],"sourcesContent":["import { Button, Col, Section } from \"@/components\";\nimport { SectionLink } from \"@anoki/fse-marche-common\";\nimport \"./WhatDoYouNeed.scss\";\nimport { ComponentType, PropsWithChildren, ReactNode } from \"react\";\n\ntype WhatDoYouNeedProps = PropsWithChildren<{\n  title: ReactNode;\n  description?: ReactNode;\n  links: EnhancedSectionLink[];\n  asLink?: \"a\" | ComponentType<any>;\n}>;\n\ntype EnhancedSectionLink = SectionLink & {\n  isNewTab?: boolean;\n};\n\nexport const WhatDoYouNeed = ({\n  title,\n  description,\n  links,\n  asLink = \"a\",\n}: WhatDoYouNeedProps) => {\n  return (\n    <Section className=\"base-col ui-what-do-you-need-section\">\n      <Col className=\"ui-what-do-you-need-content\">\n        <Section.Title fs=\"2\">{title}</Section.Title>\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 ui-what-do-you-need-links\"\n      >\n        {links?.map(({ link, title, isNewTab }, index) => (\n          <li key={link}>\n            <Button\n              asLink={asLink}\n              href={link}\n              size=\"2\"\n              variant={index > 0 ? \"secondary\" : \"primary\"}\n              // textColor={index > 0 ? \"primary\" : undefined}\n              // bg={index > 0 ? \"white\" : undefined}\n              // className={index > 0 ? \"br-color-primary\" : undefined}\n              target={isNewTab ? \"_blank\" : undefined}\n              rel={isNewTab ? \"noopener noreferrer\" : undefined}\n            >\n              {title}\n            </Button>\n          </li>\n        ))}\n      </ul>\n    </Section>\n  );\n};\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;"}

package/dist/index.es74.js

@@ -0,0 +1,15 @@
+import { j as t } from "./index.es137.js";
+import './sections/RichText/RichText.css';/* empty css            */
+import { Section as e } from "./index.es46.js";
+import { Col as o } from "./index.es10.js";
+const l = ({ title: r, description: i, children: s }) => /* @__PURE__ */ t.jsxs(e, { className: "base-col ui-rich-text-section", children: [
+  /* @__PURE__ */ t.jsxs(o, { className: "ui-rich-text-content", children: [
+    /* @__PURE__ */ t.jsx(e.Title, { fs: "2", children: r }),
+    i && /* @__PURE__ */ t.jsx(e.Description, { children: i })
+  ] }),
+  s
+] });
+export {
+  l as RichText
+};
+//# sourceMappingURL=index.es74.js.map

package/dist/index.es74.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es74.js","sources":["../src/sections/RichText/index.tsx"],"sourcesContent":["import { Col, Section } from \"@/components\";\nimport { SectionLink } from \"@anoki/fse-marche-common\";\nimport { PropsWithChildren, ReactNode, ComponentType } from \"react\";\nimport \"./RichText.scss\";\n\ntype RichTextProps = PropsWithChildren<{\n  title: ReactNode;\n  description?: ReactNode;\n  links?: SectionLink[];\n  asLink?: \"a\" | ComponentType<any>;\n}>;\n\nexport const RichText = ({ title, description, children }: RichTextProps) => {\n  return (\n    <Section className=\"base-col ui-rich-text-section\">\n      <Col className=\"ui-rich-text-content\">\n        <Section.Title fs=\"2\">{title}</Section.Title>\n        {description && (\n          <Section.Description>{description}</Section.Description>\n        )}\n      </Col>\n      {children}\n    </Section>\n  );\n};\n"],"names":["RichText","title","description","children","jsxs","Section","Col","jsx"],"mappings":";;;;AAYO,MAAMA,IAAW,CAAC,EAAE,OAAAC,GAAO,aAAAC,GAAa,UAAAC,QAE3CC,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,iCACjB,UAAA;AAAA,EAACD,gBAAAA,EAAAA,KAAAE,GAAA,EAAI,WAAU,wBACb,UAAA;AAAA,IAAAC,gBAAAA,EAAA,IAACF,EAAQ,OAAR,EAAc,IAAG,KAAK,UAAMJ,GAAA;AAAA,IAC5BC,KACCK,gBAAAA,EAAA,IAACF,EAAQ,aAAR,EAAqB,UAAYH,EAAA,CAAA;AAAA,EAAA,GAEtC;AAAA,EACCC;AAAA,GACH;"}

package/dist/index.es75.js

@@ -0,0 +1,28 @@
+import { j as c } from "./index.es137.js";
+import { clsx as t } from "./index.es139.js";
+import { createColorClasses as e } from "./index.es145.js";
+const n = ({
+  width: a = 24,
+  height: r = 24,
+  className: s,
+  color: m
+}) => {
+  const o = e({ color: m });
+  return /* @__PURE__ */ c.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: a,
+      height: r,
+      fill: "currentColor",
+      viewBox: "0 0 16 16",
+      className: t(s, o),
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ c.jsx("path", { d: "M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m7.5-6.923c-.67.204-1.335.82-1.887 1.855q-.215.403-.395.872c.705.157 1.472.257 2.282.287zM4.249 3.539q.214-.577.481-1.078a7 7 0 0 1 .597-.933A7 7 0 0 0 3.051 3.05q.544.277 1.198.49zM3.509 7.5c.036-1.07.188-2.087.436-3.008a9 9 0 0 1-1.565-.667A6.96 6.96 0 0 0 1.018 7.5zm1.4-2.741a12.3 12.3 0 0 0-.4 2.741H7.5V5.091c-.91-.03-1.783-.145-2.591-.332M8.5 5.09V7.5h2.99a12.3 12.3 0 0 0-.399-2.741c-.808.187-1.681.301-2.591.332zM4.51 8.5c.035.987.176 1.914.399 2.741A13.6 13.6 0 0 1 7.5 10.91V8.5zm3.99 0v2.409c.91.03 1.783.145 2.591.332.223-.827.364-1.754.4-2.741zm-3.282 3.696q.18.469.395.872c.552 1.035 1.218 1.65 1.887 1.855V11.91c-.81.03-1.577.13-2.282.287zm.11 2.276a7 7 0 0 1-.598-.933 9 9 0 0 1-.481-1.079 8.4 8.4 0 0 0-1.198.49 7 7 0 0 0 2.276 1.522zm-1.383-2.964A13.4 13.4 0 0 1 3.508 8.5h-2.49a6.96 6.96 0 0 0 1.362 3.675c.47-.258.995-.482 1.565-.667m6.728 2.964a7 7 0 0 0 2.275-1.521 8.4 8.4 0 0 0-1.197-.49 9 9 0 0 1-.481 1.078 7 7 0 0 1-.597.933M8.5 11.909v3.014c.67-.204 1.335-.82 1.887-1.855q.216-.403.395-.872A12.6 12.6 0 0 0 8.5 11.91zm3.555-.401c.57.185 1.095.409 1.565.667A6.96 6.96 0 0 0 14.982 8.5h-2.49a13.4 13.4 0 0 1-.437 3.008M14.982 7.5a6.96 6.96 0 0 0-1.362-3.675c-.47.258-.995.482-1.565.667.248.92.4 1.938.437 3.008zM11.27 2.461q.266.502.482 1.078a8.4 8.4 0 0 0 1.196-.49 7 7 0 0 0-2.275-1.52c.218.283.418.597.597.932m-.488 1.343a8 8 0 0 0-.395-.872C9.835 1.897 9.17 1.282 8.5 1.077V4.09c.81-.03 1.577-.13 2.282-.287z" })
+    }
+  );
+};
+export {
+  n as World
+};
+//# sourceMappingURL=index.es75.js.map

package/dist/index.es75.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es75.js","sources":["../src/icons/World/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconProps } from \"../../types/icons\";\nimport { createColorClasses } from \"@/theme/colors\";\n\nexport const World = ({\n  width = 24,\n  height = 24,\n  className,\n  color,\n}: IconProps) => {\n  const classes = createColorClasses({ color });\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={width}\n      height={height}\n      fill=\"currentColor\"\n      viewBox=\"0 0 16 16\"\n      className={clsx(className, classes)}\n      aria-hidden=\"true\" // this is a decorative icon, so we should hide it from screen readers\n    >\n      <path d=\"M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m7.5-6.923c-.67.204-1.335.82-1.887 1.855q-.215.403-.395.872c.705.157 1.472.257 2.282.287zM4.249 3.539q.214-.577.481-1.078a7 7 0 0 1 .597-.933A7 7 0 0 0 3.051 3.05q.544.277 1.198.49zM3.509 7.5c.036-1.07.188-2.087.436-3.008a9 9 0 0 1-1.565-.667A6.96 6.96 0 0 0 1.018 7.5zm1.4-2.741a12.3 12.3 0 0 0-.4 2.741H7.5V5.091c-.91-.03-1.783-.145-2.591-.332M8.5 5.09V7.5h2.99a12.3 12.3 0 0 0-.399-2.741c-.808.187-1.681.301-2.591.332zM4.51 8.5c.035.987.176 1.914.399 2.741A13.6 13.6 0 0 1 7.5 10.91V8.5zm3.99 0v2.409c.91.03 1.783.145 2.591.332.223-.827.364-1.754.4-2.741zm-3.282 3.696q.18.469.395.872c.552 1.035 1.218 1.65 1.887 1.855V11.91c-.81.03-1.577.13-2.282.287zm.11 2.276a7 7 0 0 1-.598-.933 9 9 0 0 1-.481-1.079 8.4 8.4 0 0 0-1.198.49 7 7 0 0 0 2.276 1.522zm-1.383-2.964A13.4 13.4 0 0 1 3.508 8.5h-2.49a6.96 6.96 0 0 0 1.362 3.675c.47-.258.995-.482 1.565-.667m6.728 2.964a7 7 0 0 0 2.275-1.521 8.4 8.4 0 0 0-1.197-.49 9 9 0 0 1-.481 1.078 7 7 0 0 1-.597.933M8.5 11.909v3.014c.67-.204 1.335-.82 1.887-1.855q.216-.403.395-.872A12.6 12.6 0 0 0 8.5 11.91zm3.555-.401c.57.185 1.095.409 1.565.667A6.96 6.96 0 0 0 14.982 8.5h-2.49a13.4 13.4 0 0 1-.437 3.008M14.982 7.5a6.96 6.96 0 0 0-1.362-3.675c-.47.258-.995.482-1.565.667.248.92.4 1.938.437 3.008zM11.27 2.461q.266.502.482 1.078a8.4 8.4 0 0 0 1.196-.49 7 7 0 0 0-2.275-1.52c.218.283.418.597.597.932m-.488 1.343a8 8 0 0 0-.395-.872C9.835 1.897 9.17 1.282 8.5 1.077V4.09c.81-.03 1.577-.13 2.282-.287z\" />\n    </svg>\n  );\n};\n"],"names":["World","width","height","className","color","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAQ,CAAC;AAAA,EACpB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AACF,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAF,GAAO;AAG1C,SAAAG,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAAN;AAAA,MACA,QAAAC;AAAA,MACA,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAWM,EAAKL,GAAWE,CAAO;AAAA,MAClC,eAAY;AAAA,MAEZ,UAAAE,gBAAAA,EAAAA,IAAC,QAAK,EAAA,GAAE,m8CAAm8C,CAAA;AAAA,IAAA;AAAA,EAC78C;AAEJ;"}

package/dist/index.es76.js

@@ -0,0 +1,28 @@
+import { j as r } from "./index.es137.js";
+import { clsx as a } from "./index.es139.js";
+import { createColorClasses as i } from "./index.es145.js";
+const x = ({
+  width: s = 24,
+  height: o = 24,
+  className: t,
+  color: e
+}) => {
+  const l = i({ color: e });
+  return /* @__PURE__ */ r.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: s,
+      height: o,
+      fill: "currentColor",
+      viewBox: "0 0 24 24",
+      className: a(t, l),
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ r.jsx("path", { d: "M12 15.2 6.4 9.6l.7-.8 4.9 4.9 4.9-4.9.7.8-5.6 5.6Z" })
+    }
+  );
+};
+export {
+  x as ArrowDown
+};
+//# sourceMappingURL=index.es76.js.map

package/dist/index.es76.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es76.js","sources":["../src/icons/ArrowDown/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconProps } from \"../../types/icons\";\nimport { createColorClasses } from \"@/theme/colors\";\n\nexport const ArrowDown = ({\n  width = 24,\n  height = 24,\n  className,\n  color,\n}: IconProps) => {\n  const classes = createColorClasses({ color });\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={width}\n      height={height}\n      fill=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      className={clsx(className, classes)}\n      aria-hidden=\"true\" // this is a decorative icon, so we should hide it from screen readers\n    >\n      <path d=\"M12 15.2 6.4 9.6l.7-.8 4.9 4.9 4.9-4.9.7.8-5.6 5.6Z\" />\n    </svg>\n  );\n};\n"],"names":["ArrowDown","width","height","className","color","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAY,CAAC;AAAA,EACxB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AACF,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAF,GAAO;AAG1C,SAAAG,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAAN;AAAA,MACA,QAAAC;AAAA,MACA,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAWM,EAAKL,GAAWE,CAAO;AAAA,MAClC,eAAY;AAAA,MAEZ,UAAAE,gBAAAA,EAAAA,IAAC,QAAK,EAAA,GAAE,sDAAsD,CAAA;AAAA,IAAA;AAAA,EAChE;AAEJ;"}