@anoki/fse-ui 1.0.413 → 1.0.414

package/dist/index.es228.js

@@ -1,11 +1,11 @@
 import * as s from "react";
-import { composeEventHandlers as T } from "./index.es277.js";
-import { useComposedRefs as _ } from "./index.es278.js";
-import { createContextScope as H } from "./index.es279.js";
-import { useControllableState as I } from "./index.es280.js";
-import { usePrevious as M } from "./index.es284.js";
-import { useSize as N } from "./index.es285.js";
-import { Primitive as w } from "./index.es281.js";
+import { composeEventHandlers as T } from "./index.es275.js";
+import { useComposedRefs as _ } from "./index.es276.js";
+import { createContextScope as H } from "./index.es277.js";
+import { useControllableState as I } from "./index.es278.js";
+import { usePrevious as M } from "./index.es282.js";
+import { useSize as N } from "./index.es283.js";
+import { Primitive as w } from "./index.es279.js";
 import { j as p } from "./index.es154.js";
 var S = "Switch", [B, J] = H(S), [q, z] = B(S), C = s.forwardRef(
   (e, n) => {

package/dist/index.es23.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es23.js","sources":["../src/components/ui/FilterDropDown/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./FilterDropDown.scss\";\nimport { ArrowDown } from \"@/icons/ArrowDown\";\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport { ArrowList } from \"@/icons/ArrowList\";\nimport { Col } from \"@/components\";\n\ntype FilterDropdownProps = {\n  size: \"small\" | \"large\";\n  items: string[];\n  className?: string;\n  filter: string;\n  setFilter: (filter: string) => void;\n  allStructuresLabel: string;\n};\nexport const FilterDropDown = ({\n  size,\n  items = [],\n  className,\n  filter,\n  setFilter,\n  allStructuresLabel,\n}: FilterDropdownProps) => {\n  const [isExpanded, setIsExpanded] = useState(false);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  const processedItems = useMemo(() => {\n    return [allStructuresLabel, ...items];\n  }, [items, allStructuresLabel]);\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        dropdownRef.current &&\n        !dropdownRef.current.contains(event.target as Node)\n      ) {\n        setIsExpanded(false);\n      }\n    };\n\n    if (isExpanded) {\n      document.addEventListener(\"mousedown\", handleClickOutside);\n    } else {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    }\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [isExpanded]);\n\n  return (\n    <div\n      ref={dropdownRef}\n      style={size === \"large\" ? { width: \"668px\" } : { width: \"322px\" }}\n      className={clsx(className, \"ui-filter-dropdown\")}\n    >\n      <button\n        className=\"ui-button-accordion\"\n        type=\"button\"\n        onClick={() => setIsExpanded(!isExpanded)}\n      >\n        <h3 className=\"fw-semibold fs-custom text-primary\">{filter}</h3>\n        <ArrowDown\n          color=\"primary\"\n          className={clsx(\"ui-arrow\", { \"ui-expanded\": isExpanded })}\n        />\n      </button>\n      {isExpanded && (\n        <div className={\"ui-wrap-list-item-filter position-relative pt-x12\"}>\n          <ArrowList className={\"ui-arrow-list position-absolute\"} />\n          <div className={\"p-x24 h-full shadow\"}>\n            <Col\n              gap={\"x24\"}\n              text={\"primary\"}\n              fs={\"custom\"}\n              fw={\"regular\"}\n              className={\"ui-list-item-filter h-full overflow fw-regular\"}\n            >\n              {processedItems.map((item, index) => {\n                return (\n                  <div\n                    key={index}\n                    onClick={() => {\n                      setFilter(item);\n                      setIsExpanded(false);\n                    }}\n                  >\n                    {item}\n                  </div>\n                );\n              })}\n            </Col>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["FilterDropDown","size","items","className","filter","setFilter","allStructuresLabel","isExpanded","setIsExpanded","useState","dropdownRef","useRef","processedItems","useMemo","useEffect","handleClickOutside","event","jsxs","clsx","jsx","ArrowDown","ArrowList","Col","item","index"],"mappings":";;;;;;;AAeO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,MAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,oBAAAC;AACF,MAA2B;AACzB,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAC5CC,IAAcC,EAAuB,IAAI,GAEzCC,IAAiBC,EAAQ,MACtB,CAACP,GAAoB,GAAGJ,CAAK,GACnC,CAACA,GAAOI,CAAkB,CAAC;AAE9B,SAAAQ,EAAU,MAAM;AACR,UAAAC,IAAqB,CAACC,MAAsB;AAE9C,MAAAN,EAAY,WACZ,CAACA,EAAY,QAAQ,SAASM,EAAM,MAAc,KAElDR,EAAc,EAAK;AAAA,IAEvB;AAEA,WAAID,IACO,SAAA,iBAAiB,aAAaQ,CAAkB,IAEhD,SAAA,oBAAoB,aAAaA,CAAkB,GAGvD,MAAM;AACF,eAAA,oBAAoB,aAAaA,CAAkB;AAAA,IAC9D;AAAA,EAAA,GACC,CAACR,CAAU,CAAC,GAGbU,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKP;AAAA,MACL,OAAOT,MAAS,UAAU,EAAE,OAAO,YAAY,EAAE,OAAO,QAAQ;AAAA,MAChE,WAAWiB,EAAKf,GAAW,oBAAoB;AAAA,MAE/C,UAAA;AAAA,QAAAc,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,SAAS,MAAMT,EAAc,CAACD,CAAU;AAAA,YAExC,UAAA;AAAA,cAACY,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,sCAAsC,UAAOf,GAAA;AAAA,cAC3De,gBAAAA,EAAA;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,OAAM;AAAA,kBACN,WAAWF,EAAK,YAAY,EAAE,eAAeX,EAAY,CAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAC3D;AAAA,UAAA;AAAA,QACF;AAAA,QACCA,KACCU,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAW,qDACd,UAAA;AAAA,UAACE,gBAAAA,EAAAA,IAAAE,GAAA,EAAU,WAAW,kCAAmC,CAAA;AAAA,UACzDF,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAW,uBACd,UAAAA,gBAAAA,EAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,KAAK;AAAA,cACL,MAAM;AAAA,cACN,IAAI;AAAA,cACJ,IAAI;AAAA,cACJ,WAAW;AAAA,cAEV,UAAeV,EAAA,IAAI,CAACW,GAAMC,MAEvBL,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEC,SAAS,MAAM;AACb,oBAAAd,EAAUkB,CAAI,GACdf,EAAc,EAAK;AAAA,kBACrB;AAAA,kBAEC,UAAAe;AAAA,gBAAA;AAAA,gBANIC;AAAA,cAOP,CAEH;AAAA,YAAA;AAAA,UAAA,EAEL,CAAA;AAAA,QAAA,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}
+{"version":3,"file":"index.es23.js","sources":["../src/components/ui/FilterDropDown/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./FilterDropDown.scss\";\r\nimport { ArrowDown } from \"@/icons/ArrowDown\";\r\nimport { useEffect, useMemo, useRef, useState } from \"react\";\r\nimport { ArrowList } from \"@/icons/ArrowList\";\r\nimport { Col } from \"@/components\";\r\n\r\ntype FilterDropdownProps = {\r\n  size: \"small\" | \"large\";\r\n  items: string[];\r\n  className?: string;\r\n  filter: string;\r\n  setFilter: (filter: string) => void;\r\n  allStructuresLabel: string;\r\n};\r\nexport const FilterDropDown = ({\r\n  size,\r\n  items = [],\r\n  className,\r\n  filter,\r\n  setFilter,\r\n  allStructuresLabel,\r\n}: FilterDropdownProps) => {\r\n  const [isExpanded, setIsExpanded] = useState(false);\r\n  const dropdownRef = useRef<HTMLDivElement>(null);\r\n\r\n  const processedItems = useMemo(() => {\r\n    return [allStructuresLabel, ...items];\r\n  }, [items, allStructuresLabel]);\r\n\r\n  useEffect(() => {\r\n    const handleClickOutside = (event: MouseEvent) => {\r\n      if (\r\n        dropdownRef.current &&\r\n        !dropdownRef.current.contains(event.target as Node)\r\n      ) {\r\n        setIsExpanded(false);\r\n      }\r\n    };\r\n\r\n    if (isExpanded) {\r\n      document.addEventListener(\"mousedown\", handleClickOutside);\r\n    } else {\r\n      document.removeEventListener(\"mousedown\", handleClickOutside);\r\n    }\r\n\r\n    return () => {\r\n      document.removeEventListener(\"mousedown\", handleClickOutside);\r\n    };\r\n  }, [isExpanded]);\r\n\r\n  return (\r\n    <div\r\n      ref={dropdownRef}\r\n      style={size === \"large\" ? { width: \"668px\" } : { width: \"322px\" }}\r\n      className={clsx(className, \"ui-filter-dropdown\")}\r\n    >\r\n      <button\r\n        className=\"ui-button-accordion\"\r\n        type=\"button\"\r\n        onClick={() => setIsExpanded(!isExpanded)}\r\n      >\r\n        <h3 className=\"fw-semibold fs-custom text-primary\">{filter}</h3>\r\n        <ArrowDown\r\n          color=\"primary\"\r\n          className={clsx(\"ui-arrow\", { \"ui-expanded\": isExpanded })}\r\n        />\r\n      </button>\r\n      {isExpanded && (\r\n        <div className={\"ui-wrap-list-item-filter position-relative pt-x12\"}>\r\n          <ArrowList className={\"ui-arrow-list position-absolute\"} />\r\n          <div className={\"p-x24 h-full shadow\"}>\r\n            <Col\r\n              gap={\"x24\"}\r\n              text={\"primary\"}\r\n              fs={\"custom\"}\r\n              fw={\"regular\"}\r\n              className={\"ui-list-item-filter h-full overflow fw-regular\"}\r\n            >\r\n              {processedItems.map((item, index) => {\r\n                return (\r\n                  <div\r\n                    key={index}\r\n                    onClick={() => {\r\n                      setFilter(item);\r\n                      setIsExpanded(false);\r\n                    }}\r\n                  >\r\n                    {item}\r\n                  </div>\r\n                );\r\n              })}\r\n            </Col>\r\n          </div>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["FilterDropDown","size","items","className","filter","setFilter","allStructuresLabel","isExpanded","setIsExpanded","useState","dropdownRef","useRef","processedItems","useMemo","useEffect","handleClickOutside","event","jsxs","clsx","jsx","ArrowDown","ArrowList","Col","item","index"],"mappings":";;;;;;;AAeO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,MAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,oBAAAC;AACF,MAA2B;AACzB,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAC5CC,IAAcC,EAAuB,IAAI,GAEzCC,IAAiBC,EAAQ,MACtB,CAACP,GAAoB,GAAGJ,CAAK,GACnC,CAACA,GAAOI,CAAkB,CAAC;AAE9B,SAAAQ,EAAU,MAAM;AACR,UAAAC,IAAqB,CAACC,MAAsB;AAE9C,MAAAN,EAAY,WACZ,CAACA,EAAY,QAAQ,SAASM,EAAM,MAAc,KAElDR,EAAc,EAAK;AAAA,IAEvB;AAEA,WAAID,IACO,SAAA,iBAAiB,aAAaQ,CAAkB,IAEhD,SAAA,oBAAoB,aAAaA,CAAkB,GAGvD,MAAM;AACF,eAAA,oBAAoB,aAAaA,CAAkB;AAAA,IAC9D;AAAA,EAAA,GACC,CAACR,CAAU,CAAC,GAGbU,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKP;AAAA,MACL,OAAOT,MAAS,UAAU,EAAE,OAAO,YAAY,EAAE,OAAO,QAAQ;AAAA,MAChE,WAAWiB,EAAKf,GAAW,oBAAoB;AAAA,MAE/C,UAAA;AAAA,QAAAc,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,SAAS,MAAMT,EAAc,CAACD,CAAU;AAAA,YAExC,UAAA;AAAA,cAACY,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,sCAAsC,UAAOf,GAAA;AAAA,cAC3De,gBAAAA,EAAA;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,OAAM;AAAA,kBACN,WAAWF,EAAK,YAAY,EAAE,eAAeX,EAAY,CAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAC3D;AAAA,UAAA;AAAA,QACF;AAAA,QACCA,KACCU,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAW,qDACd,UAAA;AAAA,UAACE,gBAAAA,EAAAA,IAAAE,GAAA,EAAU,WAAW,kCAAmC,CAAA;AAAA,UACzDF,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAW,uBACd,UAAAA,gBAAAA,EAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,KAAK;AAAA,cACL,MAAM;AAAA,cACN,IAAI;AAAA,cACJ,IAAI;AAAA,cACJ,WAAW;AAAA,cAEV,UAAeV,EAAA,IAAI,CAACW,GAAMC,MAEvBL,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEC,SAAS,MAAM;AACb,oBAAAd,EAAUkB,CAAI,GACdf,EAAc,EAAK;AAAA,kBACrB;AAAA,kBAEC,UAAAe;AAAA,gBAAA;AAAA,gBANIC;AAAA,cAOP,CAEH;AAAA,YAAA;AAAA,UAAA,EAEL,CAAA;AAAA,QAAA,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/index.es25.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es154.js";
-import { createColorClasses as d } from "./index.es163.js";
+import { createColorClasses as d } from "./index.es165.js";
 import { clsx as w } from "./index.es156.js";
 import './components/ui/Button/Button.css';/* empty css            */
 import { Spinner as B } from "./index.es127.js";

package/dist/index.es25.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es25.js","sources":["../src/components/ui/Button/index.tsx"],"sourcesContent":["// src/components/ui/Button/index.tsx\nimport { ColorKeys, createColorClasses } from \"@/theme/colors\";\nimport clsx from \"clsx\";\nimport \"./Button.scss\";\nimport { Spinner } from \"@/icons\";\n\ntype ButtonSize = \"2\" | \"3\" | \"4\";\ntype ButtonVariant = \"primary\" | \"secondary\";\n\ntype BaseButtonProps = {\n  children: React.ReactNode;\n  variant?: ButtonVariant;\n  bg?: ColorKeys;\n  textColor?: ColorKeys;\n  border?: ColorKeys;\n  size?: ButtonSize;\n  className?: string;\n  disabled?: boolean;\n  loading?: boolean;\n  form?: string;\n  rel?: string;\n  target?: string;\n};\n\ntype ButtonAsButtonProps = BaseButtonProps & {\n  onClick?: () => void;\n  type?: \"button\" | \"submit\" | \"reset\";\n  asLink?: never;\n  href?: never;\n};\n\ntype ButtonAsLinkProps = BaseButtonProps & {\n  href: string;\n  onClick?: never;\n  type?: never;\n  asLink?: \"a\" | React.ComponentType<any>;\n};\n\ntype ButtonProps = ButtonAsButtonProps | ButtonAsLinkProps;\n\nexport const Button = ({\n  children,\n  variant,\n  bg = \"primary\",\n  textColor = \"white\",\n  border = \"white\",\n  size = \"3\",\n  className,\n  disabled,\n  loading,\n  onClick,\n  type = \"button\",\n  form = \"\",\n  asLink,\n  href,\n  target = undefined,\n  rel = undefined,\n  ...props\n}: ButtonProps) => {\n  // Only apply color classes if no variant is specified\n  const colorClasses = !variant\n    ? createColorClasses({\n        bg,\n        text: textColor,\n        border,\n      })\n    : \"\";\n\n  const BTN_SIZES = {\n    \"2\": \"fs-6 py-x12 px-x24\",\n    \"3\": \"fs-7 py-x12 px-x24\",\n    \"4\": \"fs-6 py-x4 px-x8\",\n  };\n\n  const baseClasses = clsx(\n    \"ui-button\",\n    BTN_SIZES[size],\n    // Apply variant class if provided\n    variant && `ui-button-${variant}`,\n    // Otherwise use traditional classes\n    !variant && colorClasses,\n    {\n      \"ui-button-disabled\": disabled || loading,\n    },\n    {\n      \"ui-button-loading\": loading,\n    },\n    className,\n    \"fw-bold\",\n  );\n\n  if (asLink) {\n    const LinkComponent = asLink;\n    return (\n      <LinkComponent\n        target={target}\n        rel={rel}\n        href={href}\n        className={baseClasses}\n        {...props}\n      >\n        {children}\n      </LinkComponent>\n    );\n  }\n\n  return (\n    <button\n      type={type}\n      form={form}\n      className={baseClasses}\n      onClick={onClick}\n      disabled={disabled || loading}\n      {...props}\n    >\n      {children}\n      {loading ? <Spinner /> : null}\n    </button>\n  );\n};\n"],"names":["Button","children","variant","bg","textColor","border","size","className","disabled","loading","onClick","type","form","asLink","href","target","rel","props","colorClasses","createColorClasses","baseClasses","clsx","LinkComponent","jsx","jsxs","Spinner"],"mappings":";;;;;AAwCO,MAAMA,IAAS,CAAC;AAAA,EACrB,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,IAAAC,IAAK;AAAA,EACL,WAAAC,IAAY;AAAA,EACZ,QAAAC,IAAS;AAAA,EACT,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,KAAAC,IAAM;AAAA,EACN,GAAGC;AACL,MAAmB;AAEX,QAAAC,IAAgBhB,IAMlB,KALAiB,EAAmB;AAAA,IACjB,IAAAhB;AAAA,IACA,MAAMC;AAAA,IACN,QAAAC;AAAA,EACD,CAAA,GASCe,IAAcC;AAAA,IAClB;AAAA,IAPgB;AAAA,MAChB,GAAK;AAAA,MACL,GAAK;AAAA,MACL,GAAK;AAAA,IACP,EAIYf,CAAI;AAAA;AAAA,IAEdJ,KAAW,aAAaA,CAAO;AAAA;AAAA,IAE/B,CAACA,KAAWgB;AAAA,IACZ;AAAA,MACE,sBAAsBV,KAAYC;AAAA,IACpC;AAAA,IACA;AAAA,MACE,qBAAqBA;AAAA,IACvB;AAAA,IACAF;AAAA,IACA;AAAA,EACF;AAEA,MAAIM,GAAQ;AACV,UAAMS,IAAgBT;AAEpB,WAAAU,gBAAAA,EAAA;AAAA,MAACD;AAAA,MAAA;AAAA,QACC,QAAAP;AAAA,QACA,KAAAC;AAAA,QACA,MAAAF;AAAA,QACA,WAAWM;AAAA,QACV,GAAGH;AAAA,QAEH,UAAAhB;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAKF,SAAAuB,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAAb;AAAA,MACA,MAAAC;AAAA,MACA,WAAWQ;AAAA,MACX,SAAAV;AAAA,MACA,UAAUF,KAAYC;AAAA,MACrB,GAAGQ;AAAA,MAEH,UAAA;AAAA,QAAAhB;AAAA,QACAQ,IAAWc,gBAAAA,EAAA,IAAAE,GAAA,CAAA,CAAQ,IAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAC3B;AAEJ;"}
+{"version":3,"file":"index.es25.js","sources":["../src/components/ui/Button/index.tsx"],"sourcesContent":["// src/components/ui/Button/index.tsx\r\nimport { ColorKeys, createColorClasses } from \"@/theme/colors\";\r\nimport clsx from \"clsx\";\r\nimport \"./Button.scss\";\r\nimport { Spinner } from \"@/icons\";\r\n\r\ntype ButtonSize = \"2\" | \"3\" | \"4\";\r\ntype ButtonVariant = \"primary\" | \"secondary\";\r\n\r\ntype BaseButtonProps = {\r\n  children: React.ReactNode;\r\n  variant?: ButtonVariant;\r\n  bg?: ColorKeys;\r\n  textColor?: ColorKeys;\r\n  border?: ColorKeys;\r\n  size?: ButtonSize;\r\n  className?: string;\r\n  disabled?: boolean;\r\n  loading?: boolean;\r\n  form?: string;\r\n  rel?: string;\r\n  target?: string;\r\n};\r\n\r\ntype ButtonAsButtonProps = BaseButtonProps & {\r\n  onClick?: () => void;\r\n  type?: \"button\" | \"submit\" | \"reset\";\r\n  asLink?: never;\r\n  href?: never;\r\n};\r\n\r\ntype ButtonAsLinkProps = BaseButtonProps & {\r\n  href: string;\r\n  onClick?: never;\r\n  type?: never;\r\n  asLink?: \"a\" | React.ComponentType<any>;\r\n};\r\n\r\ntype ButtonProps = ButtonAsButtonProps | ButtonAsLinkProps;\r\n\r\nexport const Button = ({\r\n  children,\r\n  variant,\r\n  bg = \"primary\",\r\n  textColor = \"white\",\r\n  border = \"white\",\r\n  size = \"3\",\r\n  className,\r\n  disabled,\r\n  loading,\r\n  onClick,\r\n  type = \"button\",\r\n  form = \"\",\r\n  asLink,\r\n  href,\r\n  target = undefined,\r\n  rel = undefined,\r\n  ...props\r\n}: ButtonProps) => {\r\n  // Only apply color classes if no variant is specified\r\n  const colorClasses = !variant\r\n    ? createColorClasses({\r\n        bg,\r\n        text: textColor,\r\n        border,\r\n      })\r\n    : \"\";\r\n\r\n  const BTN_SIZES = {\r\n    \"2\": \"fs-6 py-x12 px-x24\",\r\n    \"3\": \"fs-7 py-x12 px-x24\",\r\n    \"4\": \"fs-6 py-x4 px-x8\",\r\n  };\r\n\r\n  const baseClasses = clsx(\r\n    \"ui-button\",\r\n    BTN_SIZES[size],\r\n    // Apply variant class if provided\r\n    variant && `ui-button-${variant}`,\r\n    // Otherwise use traditional classes\r\n    !variant && colorClasses,\r\n    {\r\n      \"ui-button-disabled\": disabled || loading,\r\n    },\r\n    {\r\n      \"ui-button-loading\": loading,\r\n    },\r\n    className,\r\n    \"fw-bold\",\r\n  );\r\n\r\n  if (asLink) {\r\n    const LinkComponent = asLink;\r\n    return (\r\n      <LinkComponent\r\n        target={target}\r\n        rel={rel}\r\n        href={href}\r\n        className={baseClasses}\r\n        {...props}\r\n      >\r\n        {children}\r\n      </LinkComponent>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <button\r\n      type={type}\r\n      form={form}\r\n      className={baseClasses}\r\n      onClick={onClick}\r\n      disabled={disabled || loading}\r\n      {...props}\r\n    >\r\n      {children}\r\n      {loading ? <Spinner /> : null}\r\n    </button>\r\n  );\r\n};\r\n"],"names":["Button","children","variant","bg","textColor","border","size","className","disabled","loading","onClick","type","form","asLink","href","target","rel","props","colorClasses","createColorClasses","baseClasses","clsx","LinkComponent","jsx","jsxs","Spinner"],"mappings":";;;;;AAwCO,MAAMA,IAAS,CAAC;AAAA,EACrB,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,IAAAC,IAAK;AAAA,EACL,WAAAC,IAAY;AAAA,EACZ,QAAAC,IAAS;AAAA,EACT,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,KAAAC,IAAM;AAAA,EACN,GAAGC;AACL,MAAmB;AAEX,QAAAC,IAAgBhB,IAMlB,KALAiB,EAAmB;AAAA,IACjB,IAAAhB;AAAA,IACA,MAAMC;AAAA,IACN,QAAAC;AAAA,EACD,CAAA,GASCe,IAAcC;AAAA,IAClB;AAAA,IAPgB;AAAA,MAChB,GAAK;AAAA,MACL,GAAK;AAAA,MACL,GAAK;AAAA,IACP,EAIYf,CAAI;AAAA;AAAA,IAEdJ,KAAW,aAAaA,CAAO;AAAA;AAAA,IAE/B,CAACA,KAAWgB;AAAA,IACZ;AAAA,MACE,sBAAsBV,KAAYC;AAAA,IACpC;AAAA,IACA;AAAA,MACE,qBAAqBA;AAAA,IACvB;AAAA,IACAF;AAAA,IACA;AAAA,EACF;AAEA,MAAIM,GAAQ;AACV,UAAMS,IAAgBT;AAEpB,WAAAU,gBAAAA,EAAA;AAAA,MAACD;AAAA,MAAA;AAAA,QACC,QAAAP;AAAA,QACA,KAAAC;AAAA,QACA,MAAAF;AAAA,QACA,WAAWM;AAAA,QACV,GAAGH;AAAA,QAEH,UAAAhB;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAKF,SAAAuB,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAAb;AAAA,MACA,MAAAC;AAAA,MACA,WAAWQ;AAAA,MACX,SAAAV;AAAA,MACA,UAAUF,KAAYC;AAAA,MACrB,GAAGQ;AAAA,MAEH,UAAA;AAAA,QAAAhB;AAAA,QACAQ,IAAWc,gBAAAA,EAAA,IAAAE,GAAA,CAAA,CAAQ,IAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAC3B;AAEJ;"}

package/dist/index.es26.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es26.js","sources":["../src/components/ui/CardCategory/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { ExternalLink } from \"@/icons\";\nimport { ArrowLink } from \"@/components/ui/ArrowLink\";\nimport \"./CardCategory.scss\";\nimport { Col, Row } from \"@/components\";\nimport { ComponentType, MouseEvent } from \"react\";\n\ntype Image = {\n  alt: string;\n  src: string;\n  title: string;\n};\n\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\n\ntype CardCategoryProps = {\n  image?: Image;\n  title: string;\n  titleTag?: HeadingLevel;\n  href?: string;\n  description?: string;\n  description2?: string;\n  isExternal?: boolean;\n  showIcon?: boolean;\n  goToLabel?: string;\n  asImage?: \"img\";\n  asLink?: \"a\" | ComponentType<any>;\n  className?: string;\n  classNameTitle?: string;\n  classNameDescription?: string;\n  handleOnClick?: (e: MouseEvent<HTMLAnchorElement>) => void;\n};\n\nexport const CardCategory = ({\n  image,\n  title,\n  titleTag: TitleTag = \"h3\",\n  href,\n  description,\n  description2,\n  isExternal = false,\n  showIcon = false,\n  goToLabel,\n  asLink = \"a\",\n  asImage = \"img\",\n  className,\n  classNameTitle,\n  classNameDescription,\n  handleOnClick,\n}: CardCategoryProps) => {\n  const ImageComponent = asImage;\n  const LinkComponent = asLink;\n  return (\n    <LinkComponent\n      className={clsx(\n        \"ui-card-category shadow br-x4 bg-white\",\n        className,\n        handleOnClick && \"cursor-pointer\",\n      )}\n      href={href}\n      target={isExternal ? \"_blank\" : undefined}\n      rel={isExternal ? \"noreferrer noopener\" : undefined}\n      onClick={handleOnClick ?? undefined}\n    >\n      {image?.src && (\n        <header className=\"ui-card-category-header\">\n          <ImageComponent\n            src={image?.src}\n            alt={image?.alt}\n            title={image?.title}\n          />\n        </header>\n      )}\n\n      <Col\n        className={clsx(\n          image?.src\n            ? \"ui-card-category-content-with-image ui-mt-negative\"\n            : \"ui-card-category-content\",\n          \"gap-x8 br-x4 bg-white\",\n        )}\n      >\n        <Row alignItems={\"center\"} justifyContent={\"space-between\"} gap={\"x4\"}>\n          <TitleTag\n            className={clsx(\n              \"flex-1 cursor-pointer hover-underline\",\n              classNameTitle ? classNameTitle : \"text-primary fs-5 md-fs-custom-2\",\n            )}\n          >\n            {title}\n            {isExternal && (\n              <span className=\"visually-hidden\">\n                (si apre in una nuova finestra)\n              </span>\n            )}\n          </TitleTag>\n\n          {showIcon && (\n            <span>\n              <ExternalLink\n                width={24}\n                height={24}\n                color=\"primary\"\n                className=\"ui-external-link\"\n              />\n            </span>\n          )}\n        </Row>\n        <div className={clsx(classNameDescription)}>\n          <p className=\"fs-6 md-fs-custom fw-regular text-slate-28\">\n            {description}\n          </p>\n          <p className=\"fs-6 md-fs-custom fw-regular text-slate-28\">\n            {description2}\n          </p>\n        </div>\n      </Col>\n      {goToLabel && href && (\n        <footer className=\"ui-card-category-footer bg-white\">\n          <ArrowLink href={href ?? \"#\"} isExternal={isExternal}>\n            {goToLabel?.toUpperCase()}\n          </ArrowLink>\n        </footer>\n      )}\n    </LinkComponent>\n  );\n};\n"],"names":["CardCategory","image","title","TitleTag","href","description","description2","isExternal","showIcon","goToLabel","asLink","asImage","className","classNameTitle","classNameDescription","handleOnClick","ImageComponent","LinkComponent","jsxs","clsx","jsx","Col","Row","ExternalLink","ArrowLink"],"mappings":";;;;;;;AAiCO,MAAMA,IAAe,CAAC;AAAA,EAC3B,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAUC,IAAW;AAAA,EACrB,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,eAAAC;AACF,MAAyB;AACvB,QAAMC,IAAiBL,GACjBM,IAAgBP;AAEpB,SAAAQ,gBAAAA,EAAA;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,WAAWE;AAAA,QACT;AAAA,QACAP;AAAA,QACAG,KAAiB;AAAA,MACnB;AAAA,MACA,MAAAX;AAAA,MACA,QAAQG,IAAa,WAAW;AAAA,MAChC,KAAKA,IAAa,wBAAwB;AAAA,MAC1C,SAASQ,KAAiB;AAAA,MAEzB,UAAA;AAAA,SAAAd,KAAA,gBAAAA,EAAO,QACNmB,gBAAAA,MAAC,UAAO,EAAA,WAAU,2BAChB,UAAAA,gBAAAA,EAAA;AAAA,UAACJ;AAAA,UAAA;AAAA,YACC,KAAKf,KAAA,gBAAAA,EAAO;AAAA,YACZ,KAAKA,KAAA,gBAAAA,EAAO;AAAA,YACZ,OAAOA,KAAA,gBAAAA,EAAO;AAAA,UAAA;AAAA,QAAA,GAElB;AAAA,QAGFiB,gBAAAA,EAAA;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,WAAWF;AAAA,cACTlB,KAAA,QAAAA,EAAO,MACH,uDACA;AAAA,cACJ;AAAA,YACF;AAAA,YAEA,UAAA;AAAA,cAAAiB,gBAAAA,OAACI,KAAI,YAAY,UAAU,gBAAgB,iBAAiB,KAAK,MAC/D,UAAA;AAAA,gBAAAJ,gBAAAA,EAAA;AAAA,kBAACf;AAAA,kBAAA;AAAA,oBACC,WAAWgB;AAAA,sBACT;AAAA,sBACAN,KAAkC;AAAA,oBACpC;AAAA,oBAEC,UAAA;AAAA,sBAAAX;AAAA,sBACAK,KACCa,gBAAAA,EAAA,IAAC,QAAK,EAAA,WAAU,mBAAkB,UAElC,kCAAA,CAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAEJ;AAAA,gBAECZ,2BACE,QACC,EAAA,UAAAY,gBAAAA,EAAA;AAAA,kBAACG;AAAA,kBAAA;AAAA,oBACC,OAAO;AAAA,oBACP,QAAQ;AAAA,oBACR,OAAM;AAAA,oBACN,WAAU;AAAA,kBAAA;AAAA,gBAAA,EAEd,CAAA;AAAA,cAAA,GAEJ;AAAA,cACCL,gBAAAA,EAAA,KAAA,OAAA,EAAI,WAAWC,EAAKL,CAAoB,GACvC,UAAA;AAAA,gBAACM,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,8CACV,UACHf,GAAA;AAAA,gBACCe,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,8CACV,UACHd,EAAA,CAAA;AAAA,cAAA,EACF,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,QACCG,KAAaL,KACXgB,gBAAAA,EAAAA,IAAA,UAAA,EAAO,WAAU,oCAChB,UAAAA,gBAAAA,MAACI,GAAU,EAAA,MAAMpB,KAAQ,KAAK,YAAAG,GAC3B,UAAWE,KAAA,gBAAAA,EAAA,eACd,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}
+{"version":3,"file":"index.es26.js","sources":["../src/components/ui/CardCategory/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { ExternalLink } from \"@/icons\";\r\nimport { ArrowLink } from \"@/components/ui/ArrowLink\";\r\nimport \"./CardCategory.scss\";\r\nimport { Col, Row } from \"@/components\";\r\nimport { ComponentType, MouseEvent } from \"react\";\r\n\r\ntype Image = {\r\n  alt: string;\r\n  src: string;\r\n  title: string;\r\n};\r\n\r\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\r\n\r\ntype CardCategoryProps = {\r\n  image?: Image;\r\n  title: string;\r\n  titleTag?: HeadingLevel;\r\n  href?: string;\r\n  description?: string;\r\n  description2?: string;\r\n  isExternal?: boolean;\r\n  showIcon?: boolean;\r\n  goToLabel?: string;\r\n  asImage?: \"img\";\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  className?: string;\r\n  classNameTitle?: string;\r\n  classNameDescription?: string;\r\n  handleOnClick?: (e: MouseEvent<HTMLAnchorElement>) => void;\r\n};\r\n\r\nexport const CardCategory = ({\r\n  image,\r\n  title,\r\n  titleTag: TitleTag = \"h3\",\r\n  href,\r\n  description,\r\n  description2,\r\n  isExternal = false,\r\n  showIcon = false,\r\n  goToLabel,\r\n  asLink = \"a\",\r\n  asImage = \"img\",\r\n  className,\r\n  classNameTitle,\r\n  classNameDescription,\r\n  handleOnClick,\r\n}: CardCategoryProps) => {\r\n  const ImageComponent = asImage;\r\n  const LinkComponent = asLink;\r\n  return (\r\n    <LinkComponent\r\n      className={clsx(\r\n        \"ui-card-category shadow br-x4 bg-white\",\r\n        className,\r\n        handleOnClick && \"cursor-pointer\",\r\n      )}\r\n      href={href}\r\n      target={isExternal ? \"_blank\" : undefined}\r\n      rel={isExternal ? \"noreferrer noopener\" : undefined}\r\n      onClick={handleOnClick ?? undefined}\r\n    >\r\n      {image?.src && (\r\n        <header className=\"ui-card-category-header\">\r\n          <ImageComponent\r\n            src={image?.src}\r\n            alt={image?.alt}\r\n            title={image?.title}\r\n          />\r\n        </header>\r\n      )}\r\n\r\n      <Col\r\n        className={clsx(\r\n          image?.src\r\n            ? \"ui-card-category-content-with-image ui-mt-negative\"\r\n            : \"ui-card-category-content\",\r\n          \"gap-x8 br-x4 bg-white\",\r\n        )}\r\n      >\r\n        <Row alignItems={\"center\"} justifyContent={\"space-between\"} gap={\"x4\"}>\r\n          <TitleTag\r\n            className={clsx(\r\n              \"flex-1 cursor-pointer hover-underline\",\r\n              classNameTitle ? classNameTitle : \"text-primary fs-5 md-fs-custom-2\",\r\n            )}\r\n          >\r\n            {title}\r\n            {isExternal && (\r\n              <span className=\"visually-hidden\">\r\n                (si apre in una nuova finestra)\r\n              </span>\r\n            )}\r\n          </TitleTag>\r\n\r\n          {showIcon && (\r\n            <span>\r\n              <ExternalLink\r\n                width={24}\r\n                height={24}\r\n                color=\"primary\"\r\n                className=\"ui-external-link\"\r\n              />\r\n            </span>\r\n          )}\r\n        </Row>\r\n        <div className={clsx(classNameDescription)}>\r\n          <p className=\"fs-6 md-fs-custom fw-regular text-slate-28\">\r\n            {description}\r\n          </p>\r\n          <p className=\"fs-6 md-fs-custom fw-regular text-slate-28\">\r\n            {description2}\r\n          </p>\r\n        </div>\r\n      </Col>\r\n      {goToLabel && href && (\r\n        <footer className=\"ui-card-category-footer bg-white\">\r\n          <ArrowLink href={href ?? \"#\"} isExternal={isExternal}>\r\n            {goToLabel?.toUpperCase()}\r\n          </ArrowLink>\r\n        </footer>\r\n      )}\r\n    </LinkComponent>\r\n  );\r\n};\r\n"],"names":["CardCategory","image","title","TitleTag","href","description","description2","isExternal","showIcon","goToLabel","asLink","asImage","className","classNameTitle","classNameDescription","handleOnClick","ImageComponent","LinkComponent","jsxs","clsx","jsx","Col","Row","ExternalLink","ArrowLink"],"mappings":";;;;;;;AAiCO,MAAMA,IAAe,CAAC;AAAA,EAC3B,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAUC,IAAW;AAAA,EACrB,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,eAAAC;AACF,MAAyB;AACvB,QAAMC,IAAiBL,GACjBM,IAAgBP;AAEpB,SAAAQ,gBAAAA,EAAA;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,WAAWE;AAAA,QACT;AAAA,QACAP;AAAA,QACAG,KAAiB;AAAA,MACnB;AAAA,MACA,MAAAX;AAAA,MACA,QAAQG,IAAa,WAAW;AAAA,MAChC,KAAKA,IAAa,wBAAwB;AAAA,MAC1C,SAASQ,KAAiB;AAAA,MAEzB,UAAA;AAAA,SAAAd,KAAA,gBAAAA,EAAO,QACNmB,gBAAAA,MAAC,UAAO,EAAA,WAAU,2BAChB,UAAAA,gBAAAA,EAAA;AAAA,UAACJ;AAAA,UAAA;AAAA,YACC,KAAKf,KAAA,gBAAAA,EAAO;AAAA,YACZ,KAAKA,KAAA,gBAAAA,EAAO;AAAA,YACZ,OAAOA,KAAA,gBAAAA,EAAO;AAAA,UAAA;AAAA,QAAA,GAElB;AAAA,QAGFiB,gBAAAA,EAAA;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,WAAWF;AAAA,cACTlB,KAAA,QAAAA,EAAO,MACH,uDACA;AAAA,cACJ;AAAA,YACF;AAAA,YAEA,UAAA;AAAA,cAAAiB,gBAAAA,OAACI,KAAI,YAAY,UAAU,gBAAgB,iBAAiB,KAAK,MAC/D,UAAA;AAAA,gBAAAJ,gBAAAA,EAAA;AAAA,kBAACf;AAAA,kBAAA;AAAA,oBACC,WAAWgB;AAAA,sBACT;AAAA,sBACAN,KAAkC;AAAA,oBACpC;AAAA,oBAEC,UAAA;AAAA,sBAAAX;AAAA,sBACAK,KACCa,gBAAAA,EAAA,IAAC,QAAK,EAAA,WAAU,mBAAkB,UAElC,kCAAA,CAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAEJ;AAAA,gBAECZ,2BACE,QACC,EAAA,UAAAY,gBAAAA,EAAA;AAAA,kBAACG;AAAA,kBAAA;AAAA,oBACC,OAAO;AAAA,oBACP,QAAQ;AAAA,oBACR,OAAM;AAAA,oBACN,WAAU;AAAA,kBAAA;AAAA,gBAAA,EAEd,CAAA;AAAA,cAAA,GAEJ;AAAA,cACCL,gBAAAA,EAAA,KAAA,OAAA,EAAI,WAAWC,EAAKL,CAAoB,GACvC,UAAA;AAAA,gBAACM,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,8CACV,UACHf,GAAA;AAAA,gBACCe,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,8CACV,UACHd,EAAA,CAAA;AAAA,cAAA,EACF,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,QACCG,KAAaL,KACXgB,gBAAAA,EAAAA,IAAA,UAAA,EAAO,WAAU,oCAChB,UAAAA,gBAAAA,MAACI,GAAU,EAAA,MAAMpB,KAAQ,KAAK,YAAAG,GAC3B,UAAWE,KAAA,gBAAAA,EAAA,eACd,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/index.es266.js

@@ -1,4 +1,4 @@
-import { __exports as e } from "./index.es271.js";
+import { __exports as e } from "./index.es306.js";
 /**
  * @license React
  * react-jsx-runtime.production.js