@anoki/fse-ui 1.0.0-beta1.48.3 → 1.0.0-beta1.48.30

package/dist/index.es96.js

@@ -1,79 +1,88 @@
 import { j as e } from "./index.es243.js";
 import './components/ui/ActionBanner/ActionBanner.css';/* empty css            */
 import { ArrowLink as h } from "./index.es42.js";
-import { Button as i } from "./index.es28.js";
-import { Shape as p } from "./index.es192.js";
-import { Link as t } from "./index.es99.js";
-import { ExternalLink as x } from "./index.es158.js";
-var d = /* @__PURE__ */ ((s) => (s.DEFAULT = "default", s.OUTLINE = "outline", s.SIMPLE = "simple", s))(d || {});
-const f = ({
+import { Button as m } from "./index.es28.js";
+import { Shape as d } from "./index.es192.js";
+import { LinkTypeEnum as t } from "./index.es124.js";
+import { Link as i } from "./index.es99.js";
+import { ExternalLink as n } from "./index.es158.js";
+var E = /* @__PURE__ */ ((s) => (s.DEFAULT = "default", s.OUTLINE = "outline", s.SIMPLE = "simple", s))(E || {});
+const k = ({
   title: s,
-  description: n,
-  variant: m = "default",
+  description: x,
+  variant: p = "default",
   withIcon: j = !1,
   link: r,
   firstAction: a,
   secondAction: l
-}) => /* @__PURE__ */ e.jsxs("div", { className: `action-banner action-banner-${m}`, children: [
+}) => /* @__PURE__ */ e.jsxs("div", { className: `action-banner action-banner-${p}`, children: [
   /* @__PURE__ */ e.jsx("div", { className: "banner-head", children: /* @__PURE__ */ e.jsx("div", { className: "banner-title", children: s }) }),
   /* @__PURE__ */ e.jsxs("div", { className: "banner-body", children: [
-    j && /* @__PURE__ */ e.jsx("div", { className: "banner-icon", children: /* @__PURE__ */ e.jsx(p, {}) }),
-    /* @__PURE__ */ e.jsx("span", { className: "banner-description", children: n })
+    j && /* @__PURE__ */ e.jsx("div", { className: "banner-icon", children: /* @__PURE__ */ e.jsx(d, {}) }),
+    /* @__PURE__ */ e.jsx("span", { className: "banner-description", children: x })
   ] }),
   /* @__PURE__ */ e.jsxs("div", { className: "banner-actions", children: [
-    r && (r == null ? void 0 : r.title) && (r.isExternal ? /* @__PURE__ */ e.jsx(
-      t,
+    r && (r == null ? void 0 : r.title) && (r.linkType === t.EXTERNAL ? /* @__PURE__ */ e.jsx(
+      i,
       {
         title: r.title,
         src: r.link,
-        icon: x,
+        icon: n,
         external: !0
       }
-    ) : /* @__PURE__ */ e.jsx(h, { asLink: "a", children: r.title, href: r.link, isExternal: r.isExternal })),
-    a && (a == null ? void 0 : a.title) && (a.isExternal ? /* @__PURE__ */ e.jsx(
-      t,
+    ) : /* @__PURE__ */ e.jsx(
+      h,
+      {
+        asLink: "a",
+        children: r.title,
+        href: r.link,
+        isExternal: !1
+      }
+    )),
+    a && (a == null ? void 0 : a.title) && (a.linkType === t.EXTERNAL ? /* @__PURE__ */ e.jsx(
+      i,
       {
         title: a.title,
         src: a.link,
-        icon: x,
+        icon: n,
         decoration: "ui-footer-logo-link",
         transform: "none",
         external: !0
       }
     ) : /* @__PURE__ */ e.jsx(
-      i,
+      m,
       {
         variant: "secondary",
         className: "left-button",
         asLink: "a",
         href: a.link,
-        isExternal: a.isExternal,
+        isExternal: !1,
         children: a.title
       }
     )),
-    l && (l == null ? void 0 : l.title) && (l.isExternal ? /* @__PURE__ */ e.jsx(
-      t,
+    l && (l == null ? void 0 : l.title) && (l.linkType === t.EXTERNAL ? /* @__PURE__ */ e.jsx(
+      i,
       {
         title: l.title,
         src: l.link,
-        icon: x,
+        icon: n,
         transform: "none",
         external: !0
       }
     ) : /* @__PURE__ */ e.jsx(
-      i,
+      m,
       {
         asLink: "a",
         href: l.link,
         border: "primary",
-        isExternal: l.isExternal,
+        isExternal: !1,
         children: l.title
       }
     ))
   ] })
 ] });
 export {
-  f as ActionBanner,
-  d as ActionBannerVariantEnum
+  k as ActionBanner,
+  E as ActionBannerVariantEnum
 };
 //# sourceMappingURL=index.es96.js.map

package/dist/index.es96.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es96.js","sources":["../src/components/ui/ActionBanner/index.tsx"],"sourcesContent":["import React from \"react\";\r\nimport \"./ActionBanner.scss\";\r\nimport { ExternalLink, Shape } from \"@/icons\";\r\nimport { GetValues, Link } from \"@anoki/fse-common/dist\";\r\nimport { ArrowLink } from \"../ArrowLink\";\r\nimport { Button } from \"../Button\";\r\nimport { Link as LinkComponent } from \"@/components\";\r\n\r\nexport enum ActionBannerVariantEnum {\r\n  DEFAULT = \"default\",\r\n  OUTLINE = \"outline\",\r\n  SIMPLE = \"simple\",\r\n}\r\n\r\nexport type ActionBannerVariantTypes = GetValues<\r\n  typeof ActionBannerVariantEnum\r\n>;\r\n\r\ninterface ActionBannerProps {\r\n  title: string;\r\n  description: string;\r\n  variant?: ActionBannerVariantTypes;\r\n  link?: Link;\r\n  withIcon?: boolean;\r\n  firstAction?: Link;\r\n  secondAction?: Link;\r\n}\r\n\r\nexport const ActionBanner: React.FC<ActionBannerProps> = ({\r\n  title,\r\n  description,\r\n  variant = \"default\",\r\n  withIcon = false,\r\n  link,\r\n  firstAction,\r\n  secondAction,\r\n}) => {\r\n  return (\r\n    <div className={`action-banner action-banner-${variant}`}>\r\n      <div className=\"banner-head\">\r\n        <div className=\"banner-title\">{title}</div>\r\n      </div>\r\n      <div className=\"banner-body\">\r\n        {withIcon && (\r\n          <div className=\"banner-icon\">\r\n            <Shape />\r\n          </div>\r\n        )}\r\n        <span className=\"banner-description\">{description}</span>\r\n      </div>\r\n      <div className=\"banner-actions\">\r\n        {link && link?.title && (\r\n          link.isExternal ?\r\n            <LinkComponent\r\n              title={link.title}\r\n              src={link.link}\r\n              icon={ExternalLink}\r\n              external={true}\r\n            /> :\r\n            <ArrowLink asLink=\"a\" children={link.title} href={link.link} isExternal={link.isExternal} />\r\n        )}\r\n        {firstAction && firstAction?.title && (\r\n          firstAction.isExternal ?\r\n            <LinkComponent\r\n              title={firstAction.title}\r\n              src={firstAction.link}\r\n              icon={ExternalLink}\r\n              decoration=\"ui-footer-logo-link\"\r\n              transform=\"none\"\r\n              external={true}\r\n            /> :\r\n            <Button\r\n              variant=\"secondary\"\r\n              className=\"left-button\"\r\n              asLink=\"a\"\r\n              href={firstAction.link}\r\n              isExternal={firstAction.isExternal}\r\n            >\r\n              {firstAction.title}\r\n            </Button>\r\n        )}\r\n        {secondAction && secondAction?.title && (\r\n          secondAction.isExternal ?\r\n            <LinkComponent\r\n              title={secondAction.title}\r\n              src={secondAction.link}\r\n              icon={ExternalLink}\r\n              transform=\"none\"\r\n              external={true}\r\n            /> :\r\n            <Button\r\n              asLink=\"a\"\r\n              href={secondAction.link}\r\n              border=\"primary\"\r\n              isExternal={secondAction.isExternal}\r\n            >\r\n              {secondAction.title}\r\n            </Button>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["ActionBannerVariantEnum","ActionBanner","title","description","variant","withIcon","link","firstAction","secondAction","jsxs","jsx","Shape","LinkComponent","ExternalLink","ArrowLink","Button"],"mappings":";;;;;;;AAQY,IAAAA,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,UAAU,WACVA,EAAA,SAAS,UAHCA,IAAAA,KAAA,CAAA,CAAA;AAoBL,MAAMC,IAA4C,CAAC;AAAA,EACxD,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,UAAAC,IAAW;AAAA,EACX,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AACF,MAEKC,gBAAAA,EAAA,KAAA,OAAA,EAAI,WAAW,+BAA+BL,CAAO,IACpD,UAAA;AAAA,EAACM,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,eACb,UAAAA,gBAAAA,EAAA,IAAC,SAAI,WAAU,gBAAgB,aAAM,EACvC,CAAA;AAAA,EACAD,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,eACZ,UAAA;AAAA,IAAAJ,2BACE,OAAI,EAAA,WAAU,eACb,UAAAK,gBAAAA,MAACC,IAAM,CAAA,GACT;AAAA,IAEDD,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,sBAAsB,UAAYP,EAAA,CAAA;AAAA,EAAA,GACpD;AAAA,EACAM,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,kBACZ,UAAA;AAAA,IAAQH,MAAAA,KAAA,gBAAAA,EAAM,WACbA,EAAK,aACHI,gBAAAA,EAAA;AAAA,MAACE;AAAAA,MAAA;AAAA,QACC,OAAON,EAAK;AAAA,QACZ,KAAKA,EAAK;AAAA,QACV,MAAMO;AAAA,QACN,UAAU;AAAA,MAAA;AAAA,IAAA,IAEZH,gBAAAA,EAAAA,IAACI,GAAU,EAAA,QAAO,KAAI,UAAUR,EAAK,OAAO,MAAMA,EAAK,MAAM,YAAYA,EAAK,WAAY,CAAA;AAAA,IAE7FC,MAAeA,KAAA,gBAAAA,EAAa,WAC3BA,EAAY,aACVG,gBAAAA,EAAA;AAAA,MAACE;AAAAA,MAAA;AAAA,QACC,OAAOL,EAAY;AAAA,QACnB,KAAKA,EAAY;AAAA,QACjB,MAAMM;AAAA,QACN,YAAW;AAAA,QACX,WAAU;AAAA,QACV,UAAU;AAAA,MAAA;AAAA,IAAA,IAEZH,gBAAAA,EAAA;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,WAAU;AAAA,QACV,QAAO;AAAA,QACP,MAAMR,EAAY;AAAA,QAClB,YAAYA,EAAY;AAAA,QAEvB,UAAYA,EAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGlBC,MAAgBA,KAAA,gBAAAA,EAAc,WAC7BA,EAAa,aACXE,gBAAAA,EAAA;AAAA,MAACE;AAAAA,MAAA;AAAA,QACC,OAAOJ,EAAa;AAAA,QACpB,KAAKA,EAAa;AAAA,QAClB,MAAMK;AAAA,QACN,WAAU;AAAA,QACV,UAAU;AAAA,MAAA;AAAA,IAAA,IAEZH,gBAAAA,EAAA;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,QAAO;AAAA,QACP,MAAMP,EAAa;AAAA,QACnB,QAAO;AAAA,QACP,YAAYA,EAAa;AAAA,QAExB,UAAaA,EAAA;AAAA,MAAA;AAAA,IAChB;AAAA,EAAA,EAEN,CAAA;AAAA,GACF;"}
+{"version":3,"file":"index.es96.js","sources":["../src/components/ui/ActionBanner/index.tsx"],"sourcesContent":["import React from \"react\";\nimport \"./ActionBanner.scss\";\nimport { ExternalLink, Shape } from \"@/icons\";\nimport { GetValues, Link } from \"@anoki/fse-common/dist\";\nimport { ArrowLink } from \"../ArrowLink\";\nimport { Button } from \"../Button\";\nimport { Link as LinkComponent, LinkTypeEnum } from \"@/components\";\n\nexport enum ActionBannerVariantEnum {\n  DEFAULT = \"default\",\n  OUTLINE = \"outline\",\n  SIMPLE = \"simple\",\n}\n\nexport type ActionBannerVariantTypes = GetValues<\n  typeof ActionBannerVariantEnum\n>;\n\ntype WithLinkType<T> = Omit<Link, \"isExternal\"> & { linkType: T };\n\ninterface ActionBannerProps {\n  title: string;\n  description: string;\n  variant?: ActionBannerVariantTypes;\n  link?: WithLinkType<LinkTypeEnum>;\n  withIcon?: boolean;\n  firstAction?: WithLinkType<LinkTypeEnum>;\n  secondAction?: WithLinkType<LinkTypeEnum>;\n}\n\nexport const ActionBanner: React.FC<ActionBannerProps> = ({\n  title,\n  description,\n  variant = \"default\",\n  withIcon = false,\n  link,\n  firstAction,\n  secondAction,\n}) => {\n  return (\n    <div className={`action-banner action-banner-${variant}`}>\n      <div className=\"banner-head\">\n        <div className=\"banner-title\">{title}</div>\n      </div>\n      <div className=\"banner-body\">\n        {withIcon && (\n          <div className=\"banner-icon\">\n            <Shape />\n          </div>\n        )}\n        <span className=\"banner-description\">{description}</span>\n      </div>\n      <div className=\"banner-actions\">\n        {link &&\n          link?.title &&\n          (link.linkType === LinkTypeEnum.EXTERNAL ? (\n            <LinkComponent\n              title={link.title}\n              src={link.link}\n              icon={ExternalLink}\n              external={true}\n            />\n          ) : (\n            <ArrowLink\n              asLink=\"a\"\n              children={link.title}\n              href={link.link}\n              isExternal={false}\n            />\n          ))}\n        {firstAction &&\n          firstAction?.title &&\n          (firstAction.linkType === LinkTypeEnum.EXTERNAL ? (\n            <LinkComponent\n              title={firstAction.title}\n              src={firstAction.link}\n              icon={ExternalLink}\n              decoration=\"ui-footer-logo-link\"\n              transform=\"none\"\n              external={true}\n            />\n          ) : (\n            <Button\n              variant=\"secondary\"\n              className=\"left-button\"\n              asLink=\"a\"\n              href={firstAction.link}\n              isExternal={false}\n            >\n              {firstAction.title}\n            </Button>\n          ))}\n        {secondAction &&\n          secondAction?.title &&\n          (secondAction.linkType === LinkTypeEnum.EXTERNAL ? (\n            <LinkComponent\n              title={secondAction.title}\n              src={secondAction.link}\n              icon={ExternalLink}\n              transform=\"none\"\n              external={true}\n            />\n          ) : (\n            <Button\n              asLink=\"a\"\n              href={secondAction.link}\n              border=\"primary\"\n              isExternal={false}\n            >\n              {secondAction.title}\n            </Button>\n          ))}\n      </div>\n    </div>\n  );\n};\n"],"names":["ActionBannerVariantEnum","ActionBanner","title","description","variant","withIcon","link","firstAction","secondAction","jsxs","jsx","Shape","LinkTypeEnum","LinkComponent","ExternalLink","ArrowLink","Button"],"mappings":";;;;;;;;AAQY,IAAAA,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,UAAU,WACVA,EAAA,SAAS,UAHCA,IAAAA,KAAA,CAAA,CAAA;AAsBL,MAAMC,IAA4C,CAAC;AAAA,EACxD,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,UAAAC,IAAW;AAAA,EACX,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AACF,MAEKC,gBAAAA,EAAA,KAAA,OAAA,EAAI,WAAW,+BAA+BL,CAAO,IACpD,UAAA;AAAA,EAACM,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,eACb,UAAAA,gBAAAA,EAAA,IAAC,SAAI,WAAU,gBAAgB,aAAM,EACvC,CAAA;AAAA,EACAD,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,eACZ,UAAA;AAAA,IAAAJ,2BACE,OAAI,EAAA,WAAU,eACb,UAAAK,gBAAAA,MAACC,IAAM,CAAA,GACT;AAAA,IAEDD,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,sBAAsB,UAAYP,EAAA,CAAA;AAAA,EAAA,GACpD;AAAA,EACAM,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,kBACZ,UAAA;AAAA,IAAAH,MACCA,KAAA,gBAAAA,EAAM,WACLA,EAAK,aAAaM,EAAa,WAC9BF,gBAAAA,EAAA;AAAA,MAACG;AAAAA,MAAA;AAAA,QACC,OAAOP,EAAK;AAAA,QACZ,KAAKA,EAAK;AAAA,QACV,MAAMQ;AAAA,QACN,UAAU;AAAA,MAAA;AAAA,IAAA,IAGZJ,gBAAAA,EAAA;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,QAAO;AAAA,QACP,UAAUT,EAAK;AAAA,QACf,MAAMA,EAAK;AAAA,QACX,YAAY;AAAA,MAAA;AAAA,IAAA;AAAA,IAGjBC,MACCA,KAAA,gBAAAA,EAAa,WACZA,EAAY,aAAaK,EAAa,WACrCF,gBAAAA,EAAA;AAAA,MAACG;AAAAA,MAAA;AAAA,QACC,OAAON,EAAY;AAAA,QACnB,KAAKA,EAAY;AAAA,QACjB,MAAMO;AAAA,QACN,YAAW;AAAA,QACX,WAAU;AAAA,QACV,UAAU;AAAA,MAAA;AAAA,IAAA,IAGZJ,gBAAAA,EAAA;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,WAAU;AAAA,QACV,QAAO;AAAA,QACP,MAAMT,EAAY;AAAA,QAClB,YAAY;AAAA,QAEX,UAAYA,EAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGlBC,MACCA,KAAA,gBAAAA,EAAc,WACbA,EAAa,aAAaI,EAAa,WACtCF,gBAAAA,EAAA;AAAA,MAACG;AAAAA,MAAA;AAAA,QACC,OAAOL,EAAa;AAAA,QACpB,KAAKA,EAAa;AAAA,QAClB,MAAMM;AAAA,QACN,WAAU;AAAA,QACV,UAAU;AAAA,MAAA;AAAA,IAAA,IAGZJ,gBAAAA,EAAA;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,QAAO;AAAA,QACP,MAAMR,EAAa;AAAA,QACnB,QAAO;AAAA,QACP,YAAY;AAAA,QAEX,UAAaA,EAAA;AAAA,MAAA;AAAA,IAChB;AAAA,EAAA,EAEN,CAAA;AAAA,GACF;"}

package/dist/index.es97.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es243.js";
 import './components/ui/Alert/Alert.css';/* empty css            */
-import { Divider as l } from "./index.es255.js";
+import { Divider as l } from "./index.es283.js";
 import { Link as n } from "./index.es99.js";
 import { CheckCircle as h } from "./index.es211.js";
 import { QuestionCircle as m } from "./index.es210.js";

package/dist/index.es97.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es97.js","sources":["../src/components/ui/Alert/index.tsx"],"sourcesContent":["import React from \"react\";\r\nimport \"./Alert.scss\";\r\nimport { ErrorExagon, Info, QuestionCircle, CheckCircle } from \"@/icons\";\r\nimport { Divider } from \"../Divider\";\r\nimport { GetValues, Link as ILink } from \"@anoki/fse-common/dist\";\r\nimport { Link } from \"../link\";\r\n\r\nexport const AlertVariantEnum = {\r\n  DEFAULT: \"default\",\r\n  INFO: \"info\",\r\n  WARNING: \"warning\",\r\n  DANGER: \"danger\",\r\n  SUCCESS: \"success\",\r\n} as const;\r\n\r\nexport type AlertVariant = GetValues<typeof AlertVariantEnum>;\r\n\r\nexport type AlertProps = {\r\n  title: string;\r\n  description: string;\r\n  subtitle: string;\r\n  link: ILink;\r\n  variant?: AlertVariant;\r\n};\r\n\r\nconst iconMap = {\r\n  default: <Info color=\"primary\" width={32} height={32} />,\r\n  info: <Info color=\"primary\" width={32} height={32} />,\r\n  warning: <QuestionCircle color=\"warning\" width={32} height={32} />,\r\n  danger: <ErrorExagon width={32} height={32} />,\r\n  success: <CheckCircle color=\"status-success\" width={32} height={32} />,\r\n};\r\n\r\nexport const Alert: React.FC<AlertProps> = ({\r\n  title,\r\n  description,\r\n  subtitle,\r\n  link,\r\n  variant = \"default\",\r\n}) => {\r\n  const showDivider = !!description || !!link?.title;\r\n  return (\r\n    <blockquote className={`styled-alert alert-${variant}`}>\r\n      <div className=\"container\">\r\n        {iconMap[variant]}\r\n        <div className=\"right-container\">\r\n          <h4 className=\"title\">{title}</h4>\r\n          <p className=\"subtitle\">{subtitle}</p>\r\n          {showDivider && <Divider bg=\"blue-30\" />}\r\n          <p className=\"description\">{description}</p>\r\n          <Link title={link.title} src={link.link} />\r\n        </div>\r\n      </div>\r\n    </blockquote>\r\n  );\r\n};\r\n"],"names":["AlertVariantEnum","iconMap","Info","QuestionCircle","jsx","ErrorExagon","CheckCircle","Alert","title","description","subtitle","link","variant","showDivider","jsxs","Divider","Link"],"mappings":";;;;;;;;AAOO,MAAMA,IAAmB;AAAA,EAC9B,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,SAAS;AACX,GAYMC,IAAU;AAAA,EACd,+BAAUC,GAAK,EAAA,OAAM,WAAU,OAAO,IAAI,QAAQ,IAAI;AAAA,EACtD,4BAAOA,GAAK,EAAA,OAAM,WAAU,OAAO,IAAI,QAAQ,IAAI;AAAA,EACnD,+BAAUC,GAAe,EAAA,OAAM,WAAU,OAAO,IAAI,QAAQ,IAAI;AAAA,EAChE,QAASC,gBAAAA,EAAA,IAAAC,GAAA,EAAY,OAAO,IAAI,QAAQ,IAAI;AAAA,EAC5C,+BAAUC,GAAY,EAAA,OAAM,kBAAiB,OAAO,IAAI,QAAQ,GAAI,CAAA;AACtE,GAEaC,IAA8B,CAAC;AAAA,EAC1C,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,MAAM;AACJ,QAAMC,IAAc,CAAC,CAACJ,KAAe,CAAC,EAACE,KAAA,QAAAA,EAAM;AAE3C,SAAAP,gBAAAA,EAAA,IAAC,gBAAW,WAAW,sBAAsBQ,CAAO,IAClD,UAAAE,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,aACZ,UAAA;AAAA,IAAAb,EAAQW,CAAO;AAAA,IAChBE,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,mBACb,UAAA;AAAA,MAACV,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,SAAS,UAAMI,GAAA;AAAA,MAC5BJ,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,YAAY,UAASM,GAAA;AAAA,MACjCG,KAAeT,gBAAAA,EAAAA,IAACW,GAAQ,EAAA,IAAG,UAAU,CAAA;AAAA,MACrCX,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,eAAe,UAAYK,GAAA;AAAA,4BACvCO,GAAK,EAAA,OAAOL,EAAK,OAAO,KAAKA,EAAK,KAAM,CAAA;AAAA,IAAA,EAC3C,CAAA;AAAA,EAAA,EAAA,CACF,EACF,CAAA;AAEJ;"}
+{"version":3,"file":"index.es97.js","sources":["../src/components/ui/Alert/index.tsx"],"sourcesContent":["import React from \"react\";\nimport \"./Alert.scss\";\nimport { ErrorExagon, Info, QuestionCircle, CheckCircle } from \"@/icons\";\nimport { Divider } from \"../Divider\";\nimport { GetValues, Link as ILink } from \"@anoki/fse-common/dist\";\nimport { Link } from \"../link\";\n\nexport const AlertVariantEnum = {\n  DEFAULT: \"default\",\n  INFO: \"info\",\n  WARNING: \"warning\",\n  DANGER: \"danger\",\n  SUCCESS: \"success\",\n} as const;\n\nexport type AlertVariant = GetValues<typeof AlertVariantEnum>;\n\nexport type AlertProps = {\n  title: string;\n  description: string;\n  subtitle: string;\n  link: ILink;\n  variant?: AlertVariant;\n};\n\nconst iconMap = {\n  default: <Info color=\"primary\" width={32} height={32} />,\n  info: <Info color=\"primary\" width={32} height={32} />,\n  warning: <QuestionCircle color=\"warning\" width={32} height={32} />,\n  danger: <ErrorExagon width={32} height={32} />,\n  success: <CheckCircle color=\"status-success\" width={32} height={32} />,\n};\n\nexport const Alert: React.FC<AlertProps> = ({\n  title,\n  description,\n  subtitle,\n  link,\n  variant = \"default\",\n}) => {\n  const showDivider = !!description || !!link?.title;\n  return (\n    <blockquote className={`styled-alert alert-${variant}`}>\n      <div className=\"container\">\n        {iconMap[variant]}\n        <div className=\"right-container\">\n          <h4 className=\"title\">{title}</h4>\n          <p className=\"subtitle\">{subtitle}</p>\n          {showDivider && <Divider bg=\"blue-30\" />}\n          <p className=\"description\">{description}</p>\n          <Link title={link.title} src={link.link} />\n        </div>\n      </div>\n    </blockquote>\n  );\n};\n"],"names":["AlertVariantEnum","iconMap","Info","QuestionCircle","jsx","ErrorExagon","CheckCircle","Alert","title","description","subtitle","link","variant","showDivider","jsxs","Divider","Link"],"mappings":";;;;;;;;AAOO,MAAMA,IAAmB;AAAA,EAC9B,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,SAAS;AACX,GAYMC,IAAU;AAAA,EACd,+BAAUC,GAAK,EAAA,OAAM,WAAU,OAAO,IAAI,QAAQ,IAAI;AAAA,EACtD,4BAAOA,GAAK,EAAA,OAAM,WAAU,OAAO,IAAI,QAAQ,IAAI;AAAA,EACnD,+BAAUC,GAAe,EAAA,OAAM,WAAU,OAAO,IAAI,QAAQ,IAAI;AAAA,EAChE,QAASC,gBAAAA,EAAA,IAAAC,GAAA,EAAY,OAAO,IAAI,QAAQ,IAAI;AAAA,EAC5C,+BAAUC,GAAY,EAAA,OAAM,kBAAiB,OAAO,IAAI,QAAQ,GAAI,CAAA;AACtE,GAEaC,IAA8B,CAAC;AAAA,EAC1C,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,MAAM;AACJ,QAAMC,IAAc,CAAC,CAACJ,KAAe,CAAC,EAACE,KAAA,QAAAA,EAAM;AAE3C,SAAAP,gBAAAA,EAAA,IAAC,gBAAW,WAAW,sBAAsBQ,CAAO,IAClD,UAAAE,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,aACZ,UAAA;AAAA,IAAAb,EAAQW,CAAO;AAAA,IAChBE,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,mBACb,UAAA;AAAA,MAACV,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,SAAS,UAAMI,GAAA;AAAA,MAC5BJ,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,YAAY,UAASM,GAAA;AAAA,MACjCG,KAAeT,gBAAAA,EAAAA,IAACW,GAAQ,EAAA,IAAG,UAAU,CAAA;AAAA,MACrCX,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,eAAe,UAAYK,GAAA;AAAA,4BACvCO,GAAK,EAAA,OAAOL,EAAK,OAAO,KAAKA,EAAK,KAAM,CAAA;AAAA,IAAA,EAC3C,CAAA;AAAA,EAAA,EAAA,CACF,EACF,CAAA;AAEJ;"}

package/dist/index.es98.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es243.js";
-import { Root as n, Portal as c, Overlay as m, Content as x, Title as h, Description as d, Cancel as p } from "./index.es368.js";
+import { Root as n, Portal as c, Overlay as m, Content as x, Title as h, Description as d, Cancel as p } from "./index.es395.js";
 import './components/ui/AlertDialogUI/AlertDialogUI.css';/* empty css            */
 import { ErrorExagon as j } from "./index.es203.js";
 import { CheckCircle as u } from "./index.es211.js";

package/dist/index.es98.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es98.js","sources":["../src/components/ui/AlertDialogUI/index.tsx"],"sourcesContent":["import * as AlertDialog from \"@radix-ui/react-alert-dialog\";\r\nimport \"./AlertDialogUI.scss\";\r\nimport { Button, Row } from \"@/components\";\r\nimport { CheckCircle, ErrorExagon } from \"../../../icons\";\r\n\r\ntype AlertDialogProps = {\r\n  isOpen: boolean;\r\n  onClose: () => void;\r\n  title?: string;\r\n  description?: string;\r\n  confirmBtnLabel?: string;\r\n  role?: \"alertdialog\" | \"dialog\";\r\n  variant?: \"default\" | \"error\" | \"success\";\r\n};\r\n\r\nexport const AlertDialogUI = ({\r\n  title = \"Alert\",\r\n  description = \"Funzione al momento non ancora disponibile\",\r\n  confirmBtnLabel = \"OK\",\r\n  isOpen,\r\n  onClose,\r\n  variant = \"default\",\r\n  role = \"alertdialog\",\r\n}: AlertDialogProps) => (\r\n  <AlertDialog.Root open={isOpen} onOpenChange={onClose}>\r\n    <AlertDialog.Portal>\r\n      <AlertDialog.Overlay className=\"ui-alertDialogOverlay\" />\r\n      <AlertDialog.Content\r\n        className=\"ui-alertDialogContent fs-6 text-slate-28\"\r\n        role={role}\r\n      >\r\n        <AlertDialog.Title className=\"ui-alertDialogTitle fw-bold fs-custom text-slate-20\">\r\n          {variant === \"error\" && <ErrorExagon width={20} height={20} />}\r\n          {variant === \"success\" && (\r\n            <CheckCircle color=\"status-success\" width={20} height={20} />\r\n          )}\r\n          {title}\r\n        </AlertDialog.Title>\r\n        <AlertDialog.Description className=\"ui-alertDialogDescription\">\r\n          {description}\r\n        </AlertDialog.Description>\r\n        <Row justifyContent={\"flex-end\"}>\r\n          <AlertDialog.Cancel asChild>\r\n            <Button variant={\"primary\"} size={\"3\"}>\r\n              {confirmBtnLabel}\r\n            </Button>\r\n          </AlertDialog.Cancel>\r\n        </Row>\r\n      </AlertDialog.Content>\r\n    </AlertDialog.Portal>\r\n  </AlertDialog.Root>\r\n);\r\n"],"names":["AlertDialogUI","title","description","confirmBtnLabel","isOpen","onClose","variant","role","jsx","AlertDialog.Root","jsxs","AlertDialog.Portal","AlertDialog.Overlay","AlertDialog.Content","AlertDialog.Title","ErrorExagon","CheckCircle","AlertDialog.Description","Row","AlertDialog.Cancel","Button"],"mappings":";;;;;;;AAeO,MAAMA,IAAgB,CAAC;AAAA,EAC5B,OAAAC,IAAQ;AAAA,EACR,aAAAC,IAAc;AAAA,EACd,iBAAAC,IAAkB;AAAA,EAClB,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AACT,MACEC,gBAAAA,MAACC,GAAA,EAAiB,MAAML,GAAQ,cAAcC,GAC5C,UAAAK,gBAAAA,EAAAA,KAACC,GAAA,EACC,UAAA;AAAA,EAAAH,gBAAAA,EAAAA,IAACI,GAAA,EAAoB,WAAU,wBAAwB,CAAA;AAAA,EACvDF,gBAAAA,EAAA;AAAA,IAACG;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAAN;AAAA,MAEA,UAAA;AAAA,QAAAG,gBAAAA,EAAAA,KAACI,GAAA,EAAkB,WAAU,uDAC1B,UAAA;AAAA,UAAAR,MAAY,WAAYE,gBAAAA,EAAAA,IAAAO,GAAA,EAAY,OAAO,IAAI,QAAQ,IAAI;AAAA,UAC3DT,MAAY,aACVE,gBAAAA,MAAAQ,GAAA,EAAY,OAAM,kBAAiB,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,UAE5Df;AAAA,QAAA,GACH;AAAA,8BACCgB,GAAA,EAAwB,WAAU,6BAChC,UACHf,GAAA;AAAA,8BACCgB,GAAI,EAAA,gBAAgB,YACnB,UAACV,gBAAAA,EAAAA,IAAAW,GAAA,EAAmB,SAAO,IACzB,UAAAX,gBAAAA,EAAAA,IAACY,KAAO,SAAS,WAAW,MAAM,KAC/B,UAAAjB,GACH,GACF,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AACF,EAAA,CACF,EACF,CAAA;"}
+{"version":3,"file":"index.es98.js","sources":["../src/components/ui/AlertDialogUI/index.tsx"],"sourcesContent":["import * as AlertDialog from \"@radix-ui/react-alert-dialog\";\nimport \"./AlertDialogUI.scss\";\nimport { Button, Row } from \"@/components\";\nimport { CheckCircle, ErrorExagon } from \"../../../icons\";\n\ntype AlertDialogProps = {\n  isOpen: boolean;\n  onClose: () => void;\n  title?: string;\n  description?: string;\n  confirmBtnLabel?: string;\n  role?: \"alertdialog\" | \"dialog\";\n  variant?: \"default\" | \"error\" | \"success\";\n};\n\nexport const AlertDialogUI = ({\n  title = \"Alert\",\n  description = \"Funzione al momento non ancora disponibile\",\n  confirmBtnLabel = \"OK\",\n  isOpen,\n  onClose,\n  variant = \"default\",\n  role = \"alertdialog\",\n}: AlertDialogProps) => (\n  <AlertDialog.Root open={isOpen} onOpenChange={onClose}>\n    <AlertDialog.Portal>\n      <AlertDialog.Overlay className=\"ui-alertDialogOverlay\" />\n      <AlertDialog.Content\n        className=\"ui-alertDialogContent fs-6 text-slate-28\"\n        role={role}\n      >\n        <AlertDialog.Title className=\"ui-alertDialogTitle fw-bold fs-custom text-slate-20\">\n          {variant === \"error\" && <ErrorExagon width={20} height={20} />}\n          {variant === \"success\" && (\n            <CheckCircle color=\"status-success\" width={20} height={20} />\n          )}\n          {title}\n        </AlertDialog.Title>\n        <AlertDialog.Description className=\"ui-alertDialogDescription\">\n          {description}\n        </AlertDialog.Description>\n        <Row justifyContent={\"flex-end\"}>\n          <AlertDialog.Cancel asChild>\n            <Button variant={\"primary\"} size={\"3\"}>\n              {confirmBtnLabel}\n            </Button>\n          </AlertDialog.Cancel>\n        </Row>\n      </AlertDialog.Content>\n    </AlertDialog.Portal>\n  </AlertDialog.Root>\n);\n"],"names":["AlertDialogUI","title","description","confirmBtnLabel","isOpen","onClose","variant","role","jsx","AlertDialog.Root","jsxs","AlertDialog.Portal","AlertDialog.Overlay","AlertDialog.Content","AlertDialog.Title","ErrorExagon","CheckCircle","AlertDialog.Description","Row","AlertDialog.Cancel","Button"],"mappings":";;;;;;;AAeO,MAAMA,IAAgB,CAAC;AAAA,EAC5B,OAAAC,IAAQ;AAAA,EACR,aAAAC,IAAc;AAAA,EACd,iBAAAC,IAAkB;AAAA,EAClB,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AACT,MACEC,gBAAAA,MAACC,GAAA,EAAiB,MAAML,GAAQ,cAAcC,GAC5C,UAAAK,gBAAAA,EAAAA,KAACC,GAAA,EACC,UAAA;AAAA,EAAAH,gBAAAA,EAAAA,IAACI,GAAA,EAAoB,WAAU,wBAAwB,CAAA;AAAA,EACvDF,gBAAAA,EAAA;AAAA,IAACG;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAAN;AAAA,MAEA,UAAA;AAAA,QAAAG,gBAAAA,EAAAA,KAACI,GAAA,EAAkB,WAAU,uDAC1B,UAAA;AAAA,UAAAR,MAAY,WAAYE,gBAAAA,EAAAA,IAAAO,GAAA,EAAY,OAAO,IAAI,QAAQ,IAAI;AAAA,UAC3DT,MAAY,aACVE,gBAAAA,MAAAQ,GAAA,EAAY,OAAM,kBAAiB,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,UAE5Df;AAAA,QAAA,GACH;AAAA,8BACCgB,GAAA,EAAwB,WAAU,6BAChC,UACHf,GAAA;AAAA,8BACCgB,GAAI,EAAA,gBAAgB,YACnB,UAACV,gBAAAA,EAAAA,IAAAW,GAAA,EAAmB,SAAO,IACzB,UAAAX,gBAAAA,EAAAA,IAACY,KAAO,SAAS,WAAW,MAAM,KAC/B,UAAAjB,GACH,GACF,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AACF,EAAA,CACF,EACF,CAAA;"}

package/dist/index.es99.js

@@ -1,7 +1,7 @@
 import { j as s } from "./index.es243.js";
 import './styles/typography.css';import './components/ui/link/Link.css';/* empty css            */
 /* empty css            */
-import { clsx as m } from "./index.es244.js";
+import { clsx as m } from "./index.es245.js";
 function x({
   title: o,
   src: e,

package/dist/index.es99.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es99.js","sources":["../src/components/ui/link/index.tsx"],"sourcesContent":["import \"./Link.scss\";\r\nimport \"../../../styles/typography.scss\";\r\nimport { clsx } from \"clsx\";\r\nimport { ElementType } from \"react\";\r\n\r\ntype Props = {\r\n  title: string;\r\n  src: string;\r\n  decoration?: string;\r\n  transform?: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"none\";\r\n  icon?: ElementType;\r\n  asLink?: ElementType;\r\n  external?: boolean;\r\n};\r\n\r\nexport function Link({\r\n  title,\r\n  src,\r\n  decoration = \"\",\r\n  transform = \"none\",\r\n  icon: Icon,\r\n  asLink = \"a\",\r\n  external = false,\r\n}: Props) {\r\n  const LinkTag = asLink || \"a\";\r\n\r\n  return (\r\n    <LinkTag\r\n      className={clsx(\r\n        \"link link-sans-bold-sm\",\r\n        decoration,\r\n        `text-${transform}`,\r\n      )}\r\n      href={src}\r\n      target={external ? \"_blank\" : \"\"}\r\n      rel={external ? \"noopener noreferrer\" : \"\"}\r\n    >\r\n      {title}\r\n      {Icon && <Icon class={\"link-icon\"} size=\"md\" />}\r\n    </LinkTag>\r\n  );\r\n}\r\n"],"names":["Link","title","src","decoration","transform","Icon","asLink","external","LinkTag","jsxs","clsx","jsx"],"mappings":";;;;AAeO,SAASA,EAAK;AAAA,EACnB,OAAAC;AAAA,EACA,KAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,MAAMC;AAAA,EACN,QAAAC,IAAS;AAAA,EACT,UAAAC,IAAW;AACb,GAAU;AACR,QAAMC,IAAUF,KAAU;AAGxB,SAAAG,gBAAAA,EAAA;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,WAAWE;AAAA,QACT;AAAA,QACAP;AAAA,QACA,QAAQC,CAAS;AAAA,MACnB;AAAA,MACA,MAAMF;AAAA,MACN,QAAQK,IAAW,WAAW;AAAA,MAC9B,KAAKA,IAAW,wBAAwB;AAAA,MAEvC,UAAA;AAAA,QAAAN;AAAA,QACAI,KAASM,gBAAAA,EAAA,IAAAN,GAAA,EAAK,OAAO,aAAa,MAAK,KAAK,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAC/C;AAEJ;"}
+{"version":3,"file":"index.es99.js","sources":["../src/components/ui/link/index.tsx"],"sourcesContent":["import \"./Link.scss\";\nimport \"../../../styles/typography.scss\";\nimport { clsx } from \"clsx\";\nimport { ElementType } from \"react\";\n\ntype Props = {\n  title: string;\n  src: string;\n  decoration?: string;\n  transform?: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"none\";\n  icon?: ElementType;\n  asLink?: ElementType;\n  external?: boolean;\n};\n\nexport function Link({\n  title,\n  src,\n  decoration = \"\",\n  transform = \"none\",\n  icon: Icon,\n  asLink = \"a\",\n  external = false,\n}: Props) {\n  const LinkTag = asLink || \"a\";\n\n  return (\n    <LinkTag\n      className={clsx(\n        \"link link-sans-bold-sm\",\n        decoration,\n        `text-${transform}`,\n      )}\n      href={src}\n      target={external ? \"_blank\" : \"\"}\n      rel={external ? \"noopener noreferrer\" : \"\"}\n    >\n      {title}\n      {Icon && <Icon class={\"link-icon\"} size=\"md\" />}\n    </LinkTag>\n  );\n}\n"],"names":["Link","title","src","decoration","transform","Icon","asLink","external","LinkTag","jsxs","clsx","jsx"],"mappings":";;;;AAeO,SAASA,EAAK;AAAA,EACnB,OAAAC;AAAA,EACA,KAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,MAAMC;AAAA,EACN,QAAAC,IAAS;AAAA,EACT,UAAAC,IAAW;AACb,GAAU;AACR,QAAMC,IAAUF,KAAU;AAGxB,SAAAG,gBAAAA,EAAA;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,WAAWE;AAAA,QACT;AAAA,QACAP;AAAA,QACA,QAAQC,CAAS;AAAA,MACnB;AAAA,MACA,MAAMF;AAAA,MACN,QAAQK,IAAW,WAAW;AAAA,MAC9B,KAAKA,IAAW,wBAAwB;AAAA,MAEvC,UAAA;AAAA,QAAAN;AAAA,QACAI,KAASM,gBAAAA,EAAA,IAAAN,GAAA,EAAK,OAAO,aAAa,MAAK,KAAK,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAC/C;AAEJ;"}