@proef/common-ui 0.0.0-stage → 2.2.0

package/dist/esm/legacy/components/atoms/Button/variants/ActionButton.css

@@ -0,0 +1,218 @@
+@charset "UTF-8";
+/* Intencionalmente VAZIO.
+ *
+ * As atoms antigas faziam `@import url('.../styles/index.scss')`, e este ficheiro
+ * injetava no CONSUMIDOR (via style-loader do bundle) um reset global agressivo
+ * (`* { margin:0; padding:0 }`), `@font-face` Urbanist (.ttf → 404 sob subpaths),
+ * `canvas { height:auto }` (partia o sizing dos charts) e `body { font-family;
+ * background }`. Uma LIB não pode impor nada disto — nukeava o spacing/fonte/fundo
+ * de qualquer app que importasse o common-ui (visível sobretudo em apps com
+ * utilities layered, que perdem ao `*` injetado).
+ *
+ * Cada app define o seu próprio reset/fonte/fundo. Mantido como no-op p/ os
+ * imports existentes não partirem. */
+.cui-button {
+  border: none;
+  cursor: pointer;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
+  transition: all 0.3s ease-out;
+}
+.cui-button:hover {
+  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15);
+  transform: translateY(-2px);
+}
+.cui-button:active {
+  transform: scale(0.95);
+}
+.cui-button:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+  box-shadow: none;
+  transform: none !important;
+}
+.cui-action-button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 0.9rem;
+  white-space: nowrap;
+}
+.cui-action-button:hover {
+  opacity: 0.9;
+  background-color: var(--hover-bg-color) !important;
+}
+.cui-action-button .cui-icon {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+/* 🟢 Mobile-first base (e.g. < 480px) */
+.cui-action-button-size-compact {
+  padding: 0.4rem 0.8rem;
+  font-size: 0.7rem;
+  border-radius: 0.9rem;
+}
+.cui-action-button-size-compact .cui-icon {
+  width: 0.8rem;
+  height: 0.8rem;
+  margin-right: 0.3rem;
+}
+.cui-action-button-size-compact .cui-icon-only {
+  margin-right: 0;
+}
+
+.cui-action-button-size-default {
+  padding: 0.5rem 1.2rem;
+  font-size: 0.9rem;
+  border-radius: 1.2rem;
+}
+.cui-action-button-size-default .cui-icon {
+  width: 1rem;
+  height: 1rem;
+  margin-right: 0.4rem;
+}
+.cui-action-button-size-default .cui-icon-only {
+  margin-right: 0;
+}
+
+.cui-action-button-size-large {
+  padding: 0.6rem 1.6rem;
+  font-size: 1.1rem;
+  border-radius: 1.5rem;
+}
+.cui-action-button-size-large .cui-icon {
+  width: 1.2rem;
+  height: 1.2rem;
+  margin-right: 0.5rem;
+}
+.cui-action-button-size-large .cui-icon-only {
+  margin-right: 0;
+}
+
+/* 🟡 480px and up (small tablets / phones in landscape) */
+@media (min-width: 480px) and (max-width: 1023px) {
+  .cui-action-button-size-compact {
+    padding: 0.5rem 1rem;
+    font-size: 0.8rem;
+    border-radius: 1rem;
+  }
+  .cui-action-button-size-compact .cui-icon {
+    width: 0.9rem;
+    height: 0.9rem;
+    margin-right: 0.35rem;
+  }
+  .cui-action-button-size-compact .cui-icon-only {
+    margin-right: 0;
+  }
+  .cui-action-button-size-default {
+    padding: 0.6rem 1.4rem;
+    font-size: 1rem;
+    border-radius: 1.3rem;
+  }
+  .cui-action-button-size-default .cui-icon {
+    width: 1.1rem;
+    height: 1.1rem;
+    margin-right: 0.45rem;
+  }
+  .cui-action-button-size-default .cui-icon-only {
+    margin-right: 0;
+  }
+  .cui-action-button-size-large {
+    padding: 0.7rem 1.8rem;
+    font-size: 1.2rem;
+    border-radius: 1.6rem;
+  }
+  .cui-action-button-size-large .cui-icon {
+    width: 1.3rem;
+    height: 1.3rem;
+    margin-right: 0.55rem;
+  }
+  .cui-action-button-size-large .cui-icon-only {
+    margin-right: 0;
+  }
+}
+/* 🔵 Mid-large screens (desktop/tablet, 1024px–2560px) */
+@media (min-width: 1024px) {
+  .cui-action-button-size-compact {
+    padding: 0.6rem 1.2rem;
+    font-size: 0.9rem;
+    border-radius: 1.2rem;
+  }
+  .cui-action-button-size-compact .cui-icon {
+    width: 1rem;
+    height: 1rem;
+    margin-right: 0.4rem;
+  }
+  .cui-action-button-size-compact .cui-icon-only {
+    margin-right: 0;
+  }
+  .cui-action-button-size-default {
+    padding: 0.7rem 1.6rem;
+    font-size: 1.1rem;
+    border-radius: 1.5rem;
+  }
+  .cui-action-button-size-default .cui-icon {
+    width: 1.2rem;
+    height: 1.2rem;
+    margin-right: 0.5rem;
+  }
+  .cui-action-button-size-default .cui-icon-only {
+    margin-right: 0;
+  }
+  .cui-action-button-size-large {
+    padding: 0.8rem 2rem;
+    font-size: 1.3rem;
+    border-radius: 1.8rem;
+  }
+  .cui-action-button-size-large .cui-icon {
+    width: 1.4rem;
+    height: 1.4rem;
+    margin-right: 0.6rem;
+  }
+  .cui-action-button-size-large .cui-icon-only {
+    margin-right: 0;
+  }
+}
+/* 🟣 4K+ screens */
+@media (min-width: 2560px) {
+  .cui-action-button-size-compact {
+    padding: 0.8rem 1.6rem;
+    font-size: 1.1rem;
+    border-radius: 1.6rem;
+  }
+  .cui-action-button-size-compact .cui-icon {
+    width: 1.4rem;
+    height: 1.4rem;
+    margin-right: 0.6rem;
+  }
+  .cui-action-button-size-compact .cui-icon-only {
+    margin-right: 0;
+  }
+  .cui-action-button-size-default {
+    padding: 1rem 2rem;
+    font-size: 1.4rem;
+    border-radius: 2rem;
+  }
+  .cui-action-button-size-default .cui-icon {
+    width: 1.6rem;
+    height: 1.6rem;
+    margin-right: 0.7rem;
+  }
+  .cui-action-button-size-default .cui-icon-only {
+    margin-right: 0;
+  }
+  .cui-action-button-size-large {
+    padding: 1.2rem 2.4rem;
+    font-size: 1.7rem;
+    border-radius: 2.4rem;
+  }
+  .cui-action-button-size-large .cui-icon {
+    width: 1.8rem;
+    height: 1.8rem;
+    margin-right: 0.8rem;
+  }
+  .cui-action-button-size-large .cui-icon-only {
+    margin-right: 0;
+  }
+}

package/dist/esm/legacy/components/atoms/Button/variants/ActionButton.js

@@ -0,0 +1,50 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { WeightValue, FontWeight } from "../../../../constants/FontWeight.js";
+import './ActionButton.css';/* empty css                  */
+const ActionButton = ({
+  icon,
+  title,
+  theme,
+  onClick,
+  disabled = false
+}) => {
+  const {
+    backgroundColor,
+    fontColor,
+    iconColor,
+    fontWeight,
+    size,
+    hoverBackgroundColor = backgroundColor
+  } = theme;
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      className: `cui-button cui-action-button cui-action-button-size-${size}`,
+      style: {
+        color: fontColor,
+        backgroundColor,
+        fontWeight: WeightValue[fontWeight || FontWeight.MEDIUM],
+        ["--hover-bg-color"]: hoverBackgroundColor
+      },
+      onClick,
+      disabled,
+      children: [
+        icon && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: `cui-icon ${!title ? "cui-icon-only" : ""}`,
+            style: {
+              color: iconColor
+            },
+            children: icon
+          }
+        ),
+        title
+      ]
+    }
+  );
+};
+export {
+  ActionButton as default
+};
+//# sourceMappingURL=ActionButton.js.map

package/dist/esm/legacy/components/atoms/Button/variants/ActionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButton.js","sources":["../../../../../../../src/legacy/components/atoms/Button/variants/ActionButton.tsx"],"sourcesContent":["import React from 'react'\r\nimport { PropsWithChildren } from 'react'\r\n\r\nimport { FontWeight, WeightValue } from '../../../../constants/FontWeight'\r\nimport { ActionButtonTheme } from '../../../../types/themes/ButtonThemes'\r\n\r\nimport './ActionButton.scss'\r\n\r\ntype Props = PropsWithChildren<{\r\n  icon?: React.ReactNode\r\n  title: string\r\n  theme: ActionButtonTheme\r\n  onClick: () => void\r\n  disabled?: boolean\r\n}>\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nconst ActionButton = ({\r\n  icon,\r\n  title,\r\n  theme,\r\n  onClick,\r\n  disabled = false,\r\n}: Props) => {\r\n  const {\r\n    backgroundColor,\r\n    fontColor,\r\n    iconColor,\r\n    fontWeight,\r\n    size,\r\n    hoverBackgroundColor = backgroundColor,\r\n  } = theme\r\n\r\n  return (\r\n    <button\r\n      className={`cui-button cui-action-button cui-action-button-size-${size}`}\r\n      style={{\r\n        color: fontColor,\r\n        backgroundColor,\r\n        fontWeight: WeightValue[fontWeight || FontWeight.MEDIUM],\r\n        ['--hover-bg-color' as any]: hoverBackgroundColor,\r\n      }}\r\n      onClick={onClick}\r\n      disabled={disabled}\r\n    >\r\n      {icon && (\r\n        <span\r\n          className={`cui-icon ${!title ? 'cui-icon-only':''}`}\r\n          style={{\r\n            color: iconColor,\r\n          }}\r\n        >\r\n          {icon}\r\n        </span>\r\n      )}\r\n      {title}\r\n    </button>\r\n  )\r\n}\r\n\r\nexport default ActionButton\r\n"],"names":[],"mappings":";;;AAiBA,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AACb,MAAa;AACX,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,uBAAuB;AAAA,EAAA,IACrB;AAEJ,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,uDAAuD,IAAI;AAAA,MACtE,OAAO;AAAA,QACL,OAAO;AAAA,QACP;AAAA,QACA,YAAY,YAAY,cAAc,WAAW,MAAM;AAAA,QACvD,CAAC,kBAAyB,GAAG;AAAA,MAAA;AAAA,MAE/B;AAAA,MACA;AAAA,MAEC,UAAA;AAAA,QAAA,QACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,YAAY,CAAC,QAAQ,kBAAgB,EAAE;AAAA,YAClD,OAAO;AAAA,cACL,OAAO;AAAA,YAAA;AAAA,YAGR,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/esm/legacy/components/atoms/Button/variants/FilterButton.css

@@ -0,0 +1,56 @@
+@charset "UTF-8";
+/* Intencionalmente VAZIO.
+ *
+ * As atoms antigas faziam `@import url('.../styles/index.scss')`, e este ficheiro
+ * injetava no CONSUMIDOR (via style-loader do bundle) um reset global agressivo
+ * (`* { margin:0; padding:0 }`), `@font-face` Urbanist (.ttf → 404 sob subpaths),
+ * `canvas { height:auto }` (partia o sizing dos charts) e `body { font-family;
+ * background }`. Uma LIB não pode impor nada disto — nukeava o spacing/fonte/fundo
+ * de qualquer app que importasse o common-ui (visível sobretudo em apps com
+ * utilities layered, que perdem ao `*` injetado).
+ *
+ * Cada app define o seu próprio reset/fonte/fundo. Mantido como no-op p/ os
+ * imports existentes não partirem. */
+.cui-button {
+  border: none;
+  cursor: pointer;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
+  transition: all 0.3s ease-out;
+}
+.cui-button:hover {
+  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15);
+  transform: translateY(-2px);
+}
+.cui-button:active {
+  transform: scale(0.95);
+}
+.cui-button:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+  box-shadow: none;
+  transform: none !important;
+}
+.cui-filter-button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--dark-blue);
+  border: 0.1rem solid var(--dark-blue);
+  border-radius: 25px;
+  height: 2rem;
+  padding: 0.4rem;
+  font-size: 0.9rem;
+  font-weight: 700;
+  line-height: 0.9rem;
+}
+.cui-filter-button .cui-icon {
+  width: 1.3rem;
+  height: 1.3rem;
+  margin-left: 0.5rem;
+}
+.cui-filter-button:hover {
+  background-color: var(--medium-gray-01);
+}
+.cui-filter-button.cui-selected {
+  background-color: var(--medium-blue);
+}

package/dist/esm/legacy/components/atoms/Button/variants/FilterButton.js

@@ -0,0 +1,34 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faCircleCheck } from "@fortawesome/free-solid-svg-icons";
+import { faCircle } from "@fortawesome/free-regular-svg-icons";
+import './FilterButton.css';/* empty css                  */
+const FilterButton = ({
+  title,
+  selected,
+  onClick,
+  disabled = false
+}) => {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      className: `cui-button cui-filter-button ${selected ? "cui-selected" : ""}`,
+      onClick,
+      disabled,
+      children: [
+        title,
+        /* @__PURE__ */ jsx(
+          FontAwesomeIcon,
+          {
+            icon: selected ? faCircleCheck : faCircle,
+            className: "cui-icon"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  FilterButton as default
+};
+//# sourceMappingURL=FilterButton.js.map

package/dist/esm/legacy/components/atoms/Button/variants/FilterButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterButton.js","sources":["../../../../../../../src/legacy/components/atoms/Button/variants/FilterButton.tsx"],"sourcesContent":["import React from 'react'\r\nimport { PropsWithChildren } from 'react'\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport { faCircleCheck } from '@fortawesome/free-solid-svg-icons'\r\nimport { faCircle } from '@fortawesome/free-regular-svg-icons'\r\n\r\nimport './FilterButton.scss'\r\n\r\ntype Props = PropsWithChildren<{\r\n  title: string\r\n  selected: boolean\r\n  onClick: () => void\r\n  disabled?: boolean\r\n}>\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nconst FilterButton = ({\r\n  title,\r\n  selected,\r\n  onClick,\r\n  disabled = false,\r\n}: Props) => {\r\n  return (\r\n    <button\r\n      className={`cui-button cui-filter-button ${\r\n        selected ? 'cui-selected' : ''\r\n      }`}\r\n      onClick={onClick}\r\n      disabled={disabled}\r\n    >\r\n      {title}\r\n\r\n      <FontAwesomeIcon\r\n        icon={selected ? faCircleCheck : faCircle}\r\n        className=\"cui-icon\"\r\n      />\r\n    </button>\r\n  )\r\n}\r\n\r\nexport default FilterButton\r\n"],"names":[],"mappings":";;;;;AAgBA,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AACb,MAAa;AACX,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,gCACT,WAAW,iBAAiB,EAC9B;AAAA,MACA;AAAA,MACA;AAAA,MAEC,UAAA;AAAA,QAAA;AAAA,QAED;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAM,WAAW,gBAAgB;AAAA,YACjC,WAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACZ;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/esm/legacy/components/atoms/Button/variants/IconButton.css

@@ -0,0 +1,74 @@
+@charset "UTF-8";
+/* Intencionalmente VAZIO.
+ *
+ * As atoms antigas faziam `@import url('.../styles/index.scss')`, e este ficheiro
+ * injetava no CONSUMIDOR (via style-loader do bundle) um reset global agressivo
+ * (`* { margin:0; padding:0 }`), `@font-face` Urbanist (.ttf → 404 sob subpaths),
+ * `canvas { height:auto }` (partia o sizing dos charts) e `body { font-family;
+ * background }`. Uma LIB não pode impor nada disto — nukeava o spacing/fonte/fundo
+ * de qualquer app que importasse o common-ui (visível sobretudo em apps com
+ * utilities layered, que perdem ao `*` injetado).
+ *
+ * Cada app define o seu próprio reset/fonte/fundo. Mantido como no-op p/ os
+ * imports existentes não partirem. */
+.cui-button {
+  border: none;
+  cursor: pointer;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
+  transition: all 0.3s ease-out;
+}
+.cui-button:hover {
+  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15);
+  transform: translateY(-2px);
+}
+.cui-button:active {
+  transform: scale(0.95);
+}
+.cui-button:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+  box-shadow: none;
+  transform: none !important;
+}
+.cui-icon-button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--dark-blue);
+  border-radius: clamp(0.9rem, 2vw, 5rem);
+}
+.cui-icon-button:hover {
+  opacity: 0.9;
+}
+.cui-icon-button .cui-icon {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.cui-icon-button-size-ultra-compact {
+  width: clamp(0.9rem, 1vw, 2.4rem);
+  height: clamp(0.9rem, 1vw, 2.4rem);
+  padding: clamp(0.05rem, 0.15vw, 0.2rem);
+  border: clamp(0.06rem, 0.1vw, 0.1rem) solid var(--dark-blue);
+}
+.cui-icon-button-size-compact {
+  width: clamp(1.1rem, 1.25vw, 2.8rem);
+  height: clamp(1.1rem, 1.25vw, 2.8rem);
+  padding: clamp(0.2rem, 0.3vw, 0.4rem);
+  border: clamp(0.08rem, 0.1vw, 0.12rem) solid var(--dark-blue);
+}
+.cui-icon-button-size-default {
+  width: clamp(1.4rem, 1.66vw, 3.2rem);
+  height: clamp(1.4rem, 1.66vw, 3.2rem);
+  padding: clamp(0.3rem, 0.4vw, 0.6rem);
+  border: clamp(0.08rem, 0.1vw, 0.14rem) solid var(--dark-blue);
+}
+.cui-icon-button-size-large {
+  width: clamp(2rem, 3.08vw, 5.5rem);
+  height: clamp(2rem, 3.08vw, 5.5rem);
+  padding: clamp(0.4rem, 0.8vw, 1.55rem);
+  border: clamp(0.09rem, 0.12vw, 0.15rem) solid var(--dark-blue);
+}

package/dist/esm/legacy/components/atoms/Button/variants/IconButton.js

@@ -0,0 +1,29 @@
+import { jsx } from "react/jsx-runtime";
+import Icone from "../../Icone/Icone.js";
+import './IconButton.css';/* empty css                */
+const IconButton = ({
+  icon,
+  onClick,
+  theme,
+  disabled = false,
+  ariaLabel,
+  title
+}) => {
+  const { backgroundColor, iconColor, size } = theme;
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      className: `cui-button cui-icon-button cui-icon-button-size-${size}`,
+      style: { backgroundColor },
+      onClick,
+      disabled,
+      "aria-label": ariaLabel,
+      title: title ?? ariaLabel,
+      children: /* @__PURE__ */ jsx(Icone, { icone: icon, cor: iconColor, className: "cui-icon" })
+    }
+  );
+};
+export {
+  IconButton as default
+};
+//# sourceMappingURL=IconButton.js.map

package/dist/esm/legacy/components/atoms/Button/variants/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","sources":["../../../../../../../src/legacy/components/atoms/Button/variants/IconButton.tsx"],"sourcesContent":["import React, { CSSProperties } from 'react'\r\nimport { PropsWithChildren } from 'react'\r\nimport Icone, { type IconeQualquer } from '../../Icone/Icone'\r\n\r\nimport { IconButtonTheme } from '../../../../types/themes/ButtonThemes'\r\n\r\nimport './IconButton.scss'\r\n\r\ntype Props = PropsWithChildren<{\r\n  /** FontAwesome, componente lucide ou elemento ja construido. */\r\n  icon: IconeQualquer\r\n  onClick: () => void\r\n  theme: IconButtonTheme\r\n  disabled?: boolean\r\n  /**\r\n   * Nome acessivel. Um botao so com icone nao tem texto, por isso sem isto fica\r\n   * anunciado como \"botao\" por um leitor de ecra — e invisivel para testes.\r\n   */\r\n  ariaLabel?: string\r\n  /** Tooltip nativa; sem valor proprio assume o `ariaLabel`. */\r\n  title?: string\r\n}>\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nconst IconButton = ({\r\n  icon,\r\n  onClick,\r\n  theme,\r\n  disabled = false,\r\n  ariaLabel,\r\n  title,\r\n}: Props) => {\r\n  const { backgroundColor, iconColor, size } = theme\r\n\r\n  return (\r\n    <button\r\n      className={`cui-button cui-icon-button cui-icon-button-size-${size}`}\r\n      style={{ backgroundColor }}\r\n      onClick={onClick}\r\n      disabled={disabled}\r\n      aria-label={ariaLabel}\r\n      title={title ?? ariaLabel}\r\n    >\r\n      <Icone icone={icon} cor={iconColor} className=\"cui-icon\" />\r\n    </button>\r\n  )\r\n}\r\n\r\nexport default IconButton\r\n"],"names":[],"mappings":";;;AAwBA,MAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AACF,MAAa;AACX,QAAM,EAAE,iBAAiB,WAAW,KAAA,IAAS;AAE7C,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,mDAAmD,IAAI;AAAA,MAClE,OAAO,EAAE,gBAAA;AAAA,MACT;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MACZ,OAAO,SAAS;AAAA,MAEhB,8BAAC,OAAA,EAAM,OAAO,MAAM,KAAK,WAAW,WAAU,WAAA,CAAW;AAAA,IAAA;AAAA,EAAA;AAG/D;"}

package/dist/esm/legacy/components/atoms/Button/variants/MainButton.css

@@ -0,0 +1,99 @@
+@charset "UTF-8";
+/* Intencionalmente VAZIO.
+ *
+ * As atoms antigas faziam `@import url('.../styles/index.scss')`, e este ficheiro
+ * injetava no CONSUMIDOR (via style-loader do bundle) um reset global agressivo
+ * (`* { margin:0; padding:0 }`), `@font-face` Urbanist (.ttf → 404 sob subpaths),
+ * `canvas { height:auto }` (partia o sizing dos charts) e `body { font-family;
+ * background }`. Uma LIB não pode impor nada disto — nukeava o spacing/fonte/fundo
+ * de qualquer app que importasse o common-ui (visível sobretudo em apps com
+ * utilities layered, que perdem ao `*` injetado).
+ *
+ * Cada app define o seu próprio reset/fonte/fundo. Mantido como no-op p/ os
+ * imports existentes não partirem. */
+.cui-button {
+  border: none;
+  cursor: pointer;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
+  transition: all 0.3s ease-out;
+}
+.cui-button:hover {
+  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15);
+  transform: translateY(-2px);
+}
+.cui-button:active {
+  transform: scale(0.95);
+}
+.cui-button:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+  box-shadow: none;
+  transform: none !important;
+}
+.cui-main-button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 1.5rem;
+  overflow: hidden;
+  position: relative;
+  transition: all 0.3s ease;
+}
+.cui-main-button:hover {
+  opacity: 0.9;
+}
+.cui-main-button:hover .cui-main-button-content {
+  transform: translateY(-1.5rem);
+}
+.cui-main-button:hover .cui-description-container {
+  opacity: 1;
+  transform: translateY(1.5rem);
+}
+
+.cui-main-button-size-default {
+  width: 15rem;
+  height: 11rem;
+  padding: 1.7rem;
+  font-size: 1.5rem;
+  font-weight: 500;
+}
+.cui-main-button-size-default .cui-main-button-content {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  width: 100%;
+  transition: transform 0.3s ease;
+  position: relative;
+  justify-content: center;
+}
+.cui-main-button-size-default .cui-main-button-top {
+  display: flex;
+  align-items: center;
+  width: 100%;
+}
+.cui-main-button-size-default .cui-icon-container {
+  width: 20%;
+}
+.cui-main-button-size-default .cui-icon {
+  width: 1.9rem;
+  height: 1.9rem;
+}
+.cui-main-button-size-default .cui-title-container {
+  width: 75%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.cui-main-button-size-default .cui-description-container {
+  opacity: 0;
+  transform: translateY(1rem);
+  transition: all 0.3s ease;
+  font-size: 0.8rem;
+  width: 100%;
+  text-align: center;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  color: var(--dark-blue);
+  overflow: hidden;
+  text-overflow: ellipsis;
+}

package/dist/esm/legacy/components/atoms/Button/variants/MainButton.js

@@ -0,0 +1,36 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import Icone from "../../Icone/Icone.js";
+import './MainButton.css';/* empty css                */
+const MainButton = ({
+  icon,
+  title,
+  description,
+  theme,
+  onClick,
+  disabled = false
+}) => {
+  const { backgroundColor, color } = theme;
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      className: `cui-button cui-main-button cui-main-button-size-default`,
+      style: {
+        color,
+        backgroundColor
+      },
+      onClick,
+      disabled,
+      children: /* @__PURE__ */ jsxs("div", { className: "cui-main-button-content", children: [
+        /* @__PURE__ */ jsxs("div", { className: "cui-main-button-top", children: [
+          /* @__PURE__ */ jsx("div", { className: "cui-icon-container", children: /* @__PURE__ */ jsx(Icone, { icone: icon, cor: color, className: "cui-icon" }) }),
+          /* @__PURE__ */ jsx("div", { className: "cui-title-container", children: title })
+        ] }),
+        description && /* @__PURE__ */ jsx("div", { className: "cui-description-container", title: description, children: description })
+      ] })
+    }
+  );
+};
+export {
+  MainButton as default
+};
+//# sourceMappingURL=MainButton.js.map

package/dist/esm/legacy/components/atoms/Button/variants/MainButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MainButton.js","sources":["../../../../../../../src/legacy/components/atoms/Button/variants/MainButton.tsx"],"sourcesContent":["import React from 'react'\r\nimport { PropsWithChildren } from 'react'\r\nimport Icone, { type IconeQualquer } from '../../Icone/Icone'\r\nimport { MainButtonTheme } from '../../../../types/themes/ButtonThemes'\r\n\r\nimport './MainButton.scss'\r\n\r\ntype Props = PropsWithChildren<{\r\n  /** FontAwesome, componente lucide ou elemento ja construido. */\r\n  icon: IconeQualquer\r\n  title: string\r\n  description?: string\r\n  theme: MainButtonTheme\r\n  onClick: () => void\r\n  disabled?: boolean\r\n}>\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nconst MainButton = ({\r\n  icon,\r\n  title,\r\n  description,\r\n  theme,\r\n  onClick,\r\n  disabled = false,\r\n}: Props) => {\r\n  const { backgroundColor, color } = theme\r\n\r\n  return (\r\n    <button\r\n      className={`cui-button cui-main-button cui-main-button-size-default`}\r\n      style={{\r\n        color: color,\r\n        backgroundColor,\r\n      }}\r\n      onClick={onClick}\r\n      disabled={disabled}\r\n    >\r\n      <div className=\"cui-main-button-content\">\r\n        <div className=\"cui-main-button-top\">\r\n          <div className=\"cui-icon-container\">\r\n            <Icone icone={icon} cor={color} className=\"cui-icon\" />\r\n          </div>\r\n          <div className=\"cui-title-container\">{title}</div>\r\n        </div>\r\n        {description && (\r\n          <div className=\"cui-description-container\" title={description}>\r\n            {description}\r\n          </div>\r\n        )}\r\n      </div>\r\n    </button>\r\n  )\r\n}\r\n\r\nexport default MainButton\r\n"],"names":[],"mappings":";;;AAkBA,MAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AACb,MAAa;AACX,QAAM,EAAE,iBAAiB,MAAA,IAAU;AAEnC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,OAAO;AAAA,QACL;AAAA,QACA;AAAA,MAAA;AAAA,MAEF;AAAA,MACA;AAAA,MAEA,UAAA,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,UAAA,oBAAC,OAAA,EAAI,WAAU,sBACb,UAAA,oBAAC,OAAA,EAAM,OAAO,MAAM,KAAK,OAAO,WAAU,WAAA,CAAW,GACvD;AAAA,UACA,oBAAC,OAAA,EAAI,WAAU,uBAAuB,UAAA,MAAA,CAAM;AAAA,QAAA,GAC9C;AAAA,QACC,eACC,oBAAC,OAAA,EAAI,WAAU,6BAA4B,OAAO,aAC/C,UAAA,YAAA,CACH;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/esm/legacy/components/atoms/Button/variants/TabButton.css

@@ -0,0 +1,63 @@
+@charset "UTF-8";
+/* Intencionalmente VAZIO.
+ *
+ * As atoms antigas faziam `@import url('.../styles/index.scss')`, e este ficheiro
+ * injetava no CONSUMIDOR (via style-loader do bundle) um reset global agressivo
+ * (`* { margin:0; padding:0 }`), `@font-face` Urbanist (.ttf → 404 sob subpaths),
+ * `canvas { height:auto }` (partia o sizing dos charts) e `body { font-family;
+ * background }`. Uma LIB não pode impor nada disto — nukeava o spacing/fonte/fundo
+ * de qualquer app que importasse o common-ui (visível sobretudo em apps com
+ * utilities layered, que perdem ao `*` injetado).
+ *
+ * Cada app define o seu próprio reset/fonte/fundo. Mantido como no-op p/ os
+ * imports existentes não partirem. */
+.cui-button {
+  border: none;
+  cursor: pointer;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
+  transition: all 0.3s ease-out;
+}
+.cui-button:hover {
+  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15);
+  transform: translateY(-2px);
+}
+.cui-button:active {
+  transform: scale(0.95);
+}
+.cui-button:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+  box-shadow: none;
+  transform: none !important;
+}
+.cui-tab-button {
+  display: flex;
+  border-radius: 14px;
+  align-items: center;
+  justify-content: center;
+  background-color: var(--light-gray-01);
+  color: var(--dark-blue);
+  width: 10rem;
+  height: 3.5rem;
+  padding: 0.6rem;
+  font-size: 0.9rem;
+  font-weight: 600;
+  line-height: 0.9rem;
+}
+.cui-tab-button .cui-icon {
+  border-radius: 50%;
+  width: 1.5rem;
+  height: 1.5rem;
+  margin-right: 0.5rem;
+  color: var(--dark-blue);
+}
+.cui-tab-button:hover {
+  background-color: var(--medium-gray-01);
+}
+.cui-tab-button.cui-selected {
+  background-color: var(--dark-blue);
+  color: var(--almost-white);
+}
+.cui-tab-button.cui-selected .cui-icon {
+  color: var(--almost-white);
+}