pipesol-button 1.0.1-beta.11 → 1.0.1-beta.14

package/dist/components/ActionButton.d.ts

@@ -0,0 +1,89 @@
+import React from "react";
+import { ButtonKind } from "@/types/ButtonKind";
+/**
+ * Propriedades do ActionButton.
+ *
+ * @remarks
+ * - O estilo base é lido do `theme.palette.custom.{primaryButton|secondaryButton}` conforme `kind`.
+ * - As props `background`, `backgroundHover`, `color`, `colorHover`, `borderRadius` e `boxShadow`
+ *   são opcionais e sobrescrevem o valor do tema quando fornecidas.
+ */
+export interface ActionButtonProps {
+    /**
+     * Seleciona o conjunto de tokens do tema.
+     * @default "primary"
+     */
+    kind?: ButtonKind;
+    /**
+     * Largura CSS do botão (ex.: "200px" | "100%").
+     * @default "auto"
+     */
+    width?: string;
+    /**
+     * Altura CSS do botão (ex.: "44px").
+     * @default "auto"
+     */
+    height?: string;
+    /**
+     * Padding interno (ex.: "12px 20px").
+     * @default "12px 20px"
+     */
+    padding?: string;
+    /**
+     * Margin externa (ex.: "8px 0 0").
+     * @default "0"
+     */
+    margin?: string;
+    /**
+     * Texto exibido no botão.
+     * @default ""
+     */
+    text?: string;
+    /**
+     * Ícone opcional exibido à esquerda do texto.
+     * @default undefined
+     */
+    icon?: React.ReactNode;
+    /**
+     * Define se o botão está desabilitado.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Sombreamento do botão. Se ausente no tema, usa "none".
+     * @default (valor do tema) ou "none"
+     */
+    boxShadow?: string;
+    /**
+     * Sobrescreve o background.
+     * @default (valor do tema)
+     */
+    background?: string;
+    /**
+     * Sobrescreve o background no hover.
+     * @default (valor do tema)
+     */
+    backgroundHover?: string;
+    /**
+     * Sobrescreve a cor do texto.
+     * @default (valor do tema)
+     */
+    color?: string;
+    /**
+     * Sobrescreve a cor do texto no hover.
+     * @default (valor do tema)
+     */
+    colorHover?: string;
+    /**
+     * Sobrescreve o border-radius.
+     * @default (valor do tema)
+     */
+    borderRadius?: string;
+    /**
+     * Função chamada no clique.
+     * @default undefined
+     */
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+}
+declare const ActionButton: React.FC<ActionButtonProps>;
+export default ActionButton;

package/dist/components/ActionButton.js

@@ -0,0 +1,87 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Button from "@mui/material/Button";
+import { styled } from "@mui/material/styles";
+/**
+ * Botão estilizado baseado no tema custom com API controlada pela lib.
+ *
+ * @example
+ * ```tsx
+ * // Uso básico
+ * <ActionButton text="Enviar" onClick={() => console.log("Clicou")} />
+ *
+ * // Secondary via tokens do tema
+ * <ActionButton kind="secondary" text="Saiba mais" />
+ *
+ * // Com ícone e dimensões
+ * <ActionButton
+ *   text="Continuar"
+ *   icon={<SomeIcon />}
+ *   width="220px"
+ *   height="44px"
+ * />
+ *
+ * // Overrides visuais
+ * <ActionButton
+ *   text="Custom"
+ *   background="#1e88e5"
+ *   backgroundHover="#1565c0"
+ *   color="#fff"
+ *   colorHover="#fff"
+ *   borderRadius="9999px"
+ *   boxShadow="0 4px 14px rgba(0,0,0,0.12)"
+ * />
+ * ```
+ */
+const StyledButton = styled(Button, {
+    shouldForwardProp: (prop) => ![
+        "kind",
+        "width",
+        "height",
+        "padding",
+        "margin",
+        "background",
+        "backgroundHover",
+        "colorText",
+        "colorHover",
+        "borderRadius",
+        "boxShadow",
+        "text",
+        "icon",
+    ].includes(prop),
+})(({ theme, kind = "primary", width, height, padding, margin, background, backgroundHover, colorText, colorHover, borderRadius, boxShadow }) => {
+    var _a, _b, _c;
+    const tokens = kind === "primary"
+        ? theme.palette.custom.primaryButton
+        : theme.palette.custom.secondaryButton;
+    return {
+        // Dimensões
+        width: width !== null && width !== void 0 ? width : "auto",
+        height: height !== null && height !== void 0 ? height : "auto",
+        padding: padding !== null && padding !== void 0 ? padding : "12px 20px",
+        margin: margin !== null && margin !== void 0 ? margin : "0",
+        // Visual
+        textTransform: "none",
+        borderRadius: borderRadius !== null && borderRadius !== void 0 ? borderRadius : tokens.borderRadius,
+        boxShadow: (_a = boxShadow !== null && boxShadow !== void 0 ? boxShadow : tokens.boxShadow) !== null && _a !== void 0 ? _a : "none",
+        // Cores
+        background: background !== null && background !== void 0 ? background : tokens.background,
+        color: colorText !== null && colorText !== void 0 ? colorText : tokens.color,
+        "&:hover": {
+            background: backgroundHover !== null && backgroundHover !== void 0 ? backgroundHover : tokens.backgroundHover,
+            color: (_b = colorHover !== null && colorHover !== void 0 ? colorHover : tokens.colorHover) !== null && _b !== void 0 ? _b : (colorText !== null && colorText !== void 0 ? colorText : tokens.color),
+            boxShadow: (_c = boxShadow !== null && boxShadow !== void 0 ? boxShadow : tokens.boxShadow) !== null && _c !== void 0 ? _c : "none",
+        },
+        // Estado disabled
+        "&.Mui-disabled": {
+            background: theme.palette.grey[300],
+            color: theme.palette.text.disabled,
+            boxShadow: "none",
+        },
+    };
+});
+const ActionButton = ({ kind = "primary", width, height, padding, margin, text = "", icon, disabled = false, onClick, background, backgroundHover, color, colorHover, borderRadius, boxShadow, }) => {
+    return (_jsx(StyledButton, { kind: kind, width: width, height: height, padding: padding, margin: margin, disabled: disabled, startIcon: icon, onClick: onClick, background: background, backgroundHover: backgroundHover, colorText: color, colorHover: colorHover, borderRadius: borderRadius, boxShadow: boxShadow, children: text }));
+};
+ActionButton.displayName = "ActionButton";
+export default ActionButton;
+//# sourceMappingURL=ActionButton.js.map

package/dist/components/ActionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButton.js","sourceRoot":"","sources":["../../src/components/ActionButton.tsx"],"names":[],"mappings":"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"}

package/dist/components/NavigationButton.d.ts

@@ -1,8 +1,14 @@
 import React from 'react';
+import { ButtonKind } from '@/types/ButtonKind';
 /**
  * Propriedades do componente `NavigationButton`.
  */
 interface NavigationButtonProps {
+    /**
+     * Seleciona o conjunto de tokens do tema.
+     * @default "primary"
+     */
+    kind?: ButtonKind;
     /**
      * URL ou âncora para onde o botão deve navegar.
      * - Se começar com `http`, abre em nova aba.
@@ -12,28 +18,28 @@ interface NavigationButtonProps {
     /** Texto para acessibilidade (atributo `aria-label`). */
     aria_label: string;
     /** Cor de fundo padrão do botão (ex: `#1976d2` ou `transparent`). */
-    background_color?: string;
+    backgroundColor?: string;
     /** Cor de fundo quando o botão é focado/hover. Se não informado, usa a cor padrão. */
-    background_color_hover?: string;
+    backgroundColorHover?: string;
     /** Cor do texto padrão (ex: `#fff`). */
-    color: string;
+    color?: string;
     /** Cor do texto no hover. Se não informado, usa a mesma cor padrão. */
-    color_hover?: string;
+    colorHover?: string;
     /**
-     * Cor da borda (ex: `#1976d2`).
-     * @default "transparent"
+     * Borda do Botao (1px solid #fff)
+     * @default "none"
      */
-    border_color?: string;
+    border?: string;
     /**
      * Raio de borda (ex: `8px`, `50%`).
      * @default "0"
      */
-    border_radius?: string;
+    borderRadius?: string;
     /**
      * Sombra CSS (ex: `0 2px 4px rgba(0,0,0,0.2)`).
      * @default "none"
      */
-    box_shadow?: string;
+    boxShadow?: string;
     /** Largura do botão (ex: `200px`, `100%`). */
     width: string;
     /**

package/dist/components/NavigationButton.js

@@ -3,54 +3,59 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { styled } from '@mui/material/styles';
 const ButtonStyled = styled('a', {
     shouldForwardProp: (prop) => ![
-        'background_color',
-        'background_color_hover',
-        'color',
-        'color_hover',
+        'kind',
+        'backgroundColor',
+        'backgroundColorHover',
+        'colorText',
+        'colorHover',
         'padding',
-        'border_radius',
-        'border_color',
-        'color_hover',
+        'borderRadius',
+        'border',
         'width',
         'margin',
-        'boxshadow',
+        'boxShadow',
     ].includes(prop),
-})(({ background_color, background_color_hover, color, color_hover, padding, border_radius, border_color, width, margin, boxshadow, }) => ({
-    width: width,
-    cursor: 'pointer',
-    textDecoration: 'none',
-    textTransform: 'none',
-    textAlign: 'center',
-    boxShadow: boxshadow,
-    backgroundColor: background_color,
-    color: color,
-    border: `1px solid ${border_color}`,
-    borderRadius: border_radius,
-    padding: padding,
-    margin: margin,
-    '&:hover': {
-        backgroundColor: background_color_hover,
-        color: color_hover,
-    },
-}));
+})(({ theme, kind = "primary", backgroundColor, backgroundColorHover, colorText, colorHover, padding, borderRadius, border, width, margin, boxShadow, }) => {
+    var _a, _b;
+    const tokens = kind === "primary"
+        ? theme.palette.custom.primaryButton
+        : theme.palette.custom.secondaryButton;
+    return {
+        // Dimensões
+        width: width !== null && width !== void 0 ? width : "auto",
+        padding: padding !== null && padding !== void 0 ? padding : "12px 20px",
+        margin: margin !== null && margin !== void 0 ? margin : "0",
+        // Visual
+        borderRadius: borderRadius !== null && borderRadius !== void 0 ? borderRadius : tokens.borderRadius,
+        border: border,
+        textDecoration: 'none',
+        textTransform: 'none',
+        cursor: 'pointer',
+        textAlign: 'center',
+        // Cores
+        background: backgroundColor !== null && backgroundColor !== void 0 ? backgroundColor : tokens.background,
+        color: colorText !== null && colorText !== void 0 ? colorText : tokens.color,
+        boxShadow: (_a = boxShadow !== null && boxShadow !== void 0 ? boxShadow : tokens.boxShadow) !== null && _a !== void 0 ? _a : "none",
+        "&:hover": {
+            background: backgroundColorHover !== null && backgroundColorHover !== void 0 ? backgroundColorHover : tokens.backgroundHover,
+            color: (_b = colorHover !== null && colorHover !== void 0 ? colorHover : tokens.colorHover) !== null && _b !== void 0 ? _b : (colorText !== null && colorText !== void 0 ? colorText : tokens.color),
+        },
+    };
+});
 /**
  * Botão de navegação reutilizável.
  * Cria um link estilizado que pode ser usado para redirecionar
  * para páginas externas ou seções internas.
  */
-const NavigationButton = ({ url, aria_label, background_color, background_color_hover, color, color_hover, border_radius = '0', border_color = 'transparent', box_shadow = 'none', width, margin = '0', padding = '8px 24px', children, }) => {
-    const backgroundColor = background_color !== null && background_color !== void 0 ? background_color : 'transparent';
-    const backgroundColorHover = background_color_hover !== null && background_color_hover !== void 0 ? background_color_hover : backgroundColor;
-    const colorHover = color_hover !== null && color_hover !== void 0 ? color_hover : color;
-    const borderRadius = border_radius;
+const NavigationButton = ({ url, aria_label, backgroundColor, backgroundColorHover, color, colorHover, borderRadius = '0', border = 'none', boxShadow = 'none', width, margin = '0', padding = '8px 24px', children, }) => {
     const marginButton = margin;
     if (url.indexOf('http') !== -1) {
         // Link externo: abre em nova aba
-        return (_jsx(ButtonStyled, { href: url, width: width, background_color: backgroundColor, background_color_hover: backgroundColorHover, color: color, color_hover: colorHover, border_radius: borderRadius, border_color: border_color, padding: padding, margin: marginButton, "aria-label": aria_label, target: "_blank", boxshadow: box_shadow, rel: "noopener noreferrer", children: children }));
+        return (_jsx(ButtonStyled, { href: url, width: width, backgroundColor: backgroundColor, backgroundColorHover: backgroundColorHover, color: color, colorHover: colorHover, borderRadius: borderRadius, border: border, padding: padding, margin: marginButton, "aria-label": aria_label, target: "_blank", boxShadow: boxShadow, rel: "noopener noreferrer", children: children }));
     }
     else {
         // Link interno ou âncora
-        return (_jsx(ButtonStyled, { href: url, width: width, background_color: backgroundColor, background_color_hover: backgroundColorHover, color: color, color_hover: colorHover, border_radius: borderRadius, border_color: border_color, padding: padding, margin: marginButton, "aria-label": aria_label, boxshadow: box_shadow, children: children }));
+        return (_jsx(ButtonStyled, { href: url, width: width, backgroundColor: backgroundColor, backgroundColorHover: backgroundColorHover, color: color, colorHover: colorHover, borderRadius: borderRadius, border: border, padding: padding, margin: marginButton, "aria-label": aria_label, boxShadow: boxShadow, children: children }));
     }
 };
 export default NavigationButton;

package/dist/components/NavigationButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationButton.js","sourceRoot":"","sources":["../../src/components/NavigationButton.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"NavigationButton.js","sourceRoot":"","sources":["../../src/components/NavigationButton.tsx"],"names":[],"mappings":"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"}

package/dist/components/PrimaryButton.d.ts

@@ -0,0 +1,37 @@
+import React from "react";
+/**
+ * Interface das props do PrimaryButton
+ */
+export interface PrimaryButtonProps {
+    /** Largura do botão */
+    width?: string;
+    /** Altura do botão */
+    height?: string;
+    /** Padding interno */
+    padding?: string;
+    /** Margin externa */
+    margin?: string;
+    /** Desabilita o botão */
+    disabled?: boolean;
+    /** Ícone opcional à esquerda */
+    icon?: React.ReactNode;
+    /** Texto do botão */
+    text: string;
+    /** Função chamada no clique */
+    onClick?: () => void;
+}
+/**
+ * Botão estilizado baseado no tema customizado
+ *
+ * @example
+ * ```tsx
+ * <PrimaryButton
+ *   text="Clique Aqui"
+ *   onClick={() => alert("Clicado!")}
+ *   width="200px"
+ *   icon={<SomeIcon />}
+ * />
+ * ```
+ */
+declare const PrimaryButton: React.FC<PrimaryButtonProps>;
+export default PrimaryButton;

package/dist/components/PrimaryButton.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { styled } from "@mui/material/styles";
+import Button from "@mui/material/Button";
+import { useTheme } from "@mui/material/styles";
+import { Typography } from "@mui/material";
+const StyledButton = styled(Button, {
+    shouldForwardProp: (prop) => !["width", "height", "padding", "margin"].includes(prop),
+})(({ theme, width, height, padding, margin }) => ({
+    background: theme.palette.custom.primaryButton.background,
+    color: theme.palette.custom.primaryButton.color,
+    borderRadius: theme.palette.custom.primaryButton.borderRadius,
+    boxShadow: theme.palette.custom.primaryButton.boxShadow || "none",
+    width: width || "auto",
+    height: height || "auto",
+    padding: padding || "8px 16px",
+    margin: margin || "0",
+    textTransform: "none",
+    fontWeight: 600,
+    "&:hover": {
+        background: theme.palette.custom.primaryButton.backgroundHover,
+        color: theme.palette.custom.primaryButton.colorHover,
+    },
+    "&.Mui-disabled": {
+        background: theme.palette.grey[300],
+        color: theme.palette.text.disabled,
+        boxShadow: "none",
+    },
+}));
+/**
+ * Botão estilizado baseado no tema customizado
+ *
+ * @example
+ * ```tsx
+ * <PrimaryButton
+ *   text="Clique Aqui"
+ *   onClick={() => alert("Clicado!")}
+ *   width="200px"
+ *   icon={<SomeIcon />}
+ * />
+ * ```
+ */
+const PrimaryButton = ({ width, height, padding, margin, disabled, icon, text, onClick, }) => {
+    const theme = useTheme();
+    return (_jsx(StyledButton, { width: width, height: height, padding: padding, margin: margin, disabled: disabled, startIcon: icon, onClick: onClick, children: _jsx(Typography, { variant: "subtitle1", component: "span", children: text }) }));
+};
+PrimaryButton.displayName = "PrimaryButton";
+export default PrimaryButton;
+//# sourceMappingURL=PrimaryButton.js.map

package/dist/components/PrimaryButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimaryButton.js","sourceRoot":"","sources":["../../src/components/PrimaryButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAyB3C,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE;IAClC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CACrE,CAAC,CACA,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9C,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC,UAAU;IACzD,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC,KAAK;IAC/C,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC,YAAY;IAC7D,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC,SAAS,IAAI,MAAM;IACjE,KAAK,EAAE,KAAK,IAAI,MAAM;IACtB,MAAM,EAAE,MAAM,IAAI,MAAM;IACxB,OAAO,EAAE,OAAO,IAAI,UAAU;IAC9B,MAAM,EAAE,MAAM,IAAI,GAAG;IACrB,aAAa,EAAE,MAAM;IACrB,UAAU,EAAE,GAAG;IACf,SAAS,EAAE;QACT,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC,eAAe;QAC9D,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC,UAAU;KACrD;IACD,gBAAgB,EAAE;QAChB,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QACnC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ;QAClC,SAAS,EAAE,MAAM;KAClB;CACF,CAAC,CACH,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,MAAM,aAAa,GAAiC,CAAC,EACnD,KAAK,EACL,MAAM,EACN,OAAO,EACP,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,OAAO,GACR,EAAE,EAAE;IAEH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,OAAO,CACL,KAAC,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAI,EACf,OAAO,EAAE,OAAO,YAEhB,KAAC,UAAU,IAAC,OAAO,EAAC,WAAW,EAAC,SAAS,EAAC,MAAM,YAAE,IAAI,GAAc,GACvD,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAC5C,eAAe,aAAa,CAAC"}

package/dist/index.d.ts

@@ -5,3 +5,4 @@ export { default as NavigationLink } from './components/NavigationLink';
 export { default as ScrollToTopButton } from './components/ScrollToTopButton';
 export { default as WhatsAppButton } from './components/WhatsAppButton';
 export { default as WhatsAppIcon } from './components/WhatsAppIcon';
+export { default as ActionButton } from "./components/ActionButton";

package/dist/index.js

@@ -5,4 +5,5 @@ export { default as NavigationLink } from './components/NavigationLink';
 export { default as ScrollToTopButton } from './components/ScrollToTopButton';
 export { default as WhatsAppButton } from './components/WhatsAppButton';
 export { default as WhatsAppIcon } from './components/WhatsAppIcon';
+export { default as ActionButton } from "./components/ActionButton";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAC,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAC,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAC,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAC,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAC,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAC,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAC,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAC,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAC,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAC,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/theme.d.ts

@@ -1,33 +1,24 @@
 declare module '@mui/material/styles' {
+    interface ButtonOptions {
+        background: string;
+        backgroundHover: string;
+        color: string;
+        colorHover: string;
+        borderRadius: string;
+        boxShadow?: string;
+    }
     interface Palette {
         custom: {
-            transparent: string;
-            backgroundSectionMain: string;
-            backgroundSectionAlternative: string;
-            backgroundSectionHighlight?: string;
-            colorSectionMain: string;
-            backgroundButtonCTA: string;
-            backgroundHoverButtonCTA: string;
-            colorButtonCTA: string;
-            colorHoverButtonCTA: string;
-            borderRadiusButtonCTA: string;
-            carouselColorIndicators: string;
-            carouselColorFocus: string;
+            primaryButton: ButtonOptions;
+            secondaryButton: ButtonOptions;
+            borderColor?: string;
         };
     }
     interface PaletteOptions {
         custom?: {
-            transparent: string;
-            backgroundSectionMain: string;
-            backgroundSectionAlternative: string;
-            backgroundSectionHighlight?: string;
-            backgroundButtonCTA: string;
-            backgroundHoverButtonCTA: string;
-            colorButtonCTA: string;
-            colorHoverButtonCTA: string;
-            borderRadiusButtonCTA: string;
-            carouselColorIndicators: string;
-            carouselColorFocus: string;
+            primaryButton: ButtonOptions;
+            secondaryButton: ButtonOptions;
+            borderColor?: string;
         };
     }
 }