@berdsk/ui 0.2.9 → 0.2.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -1
- package/dist/Button.cjs +1 -1
- package/dist/Button.d.cts +1 -1
- package/dist/Button.d.ts +1 -1
- package/dist/Button.js +1 -1
- package/dist/Section.cjs +1 -1
- package/dist/Section.d.cts +2 -1
- package/dist/Section.d.ts +2 -1
- package/dist/Section.js +1 -1
- package/dist/{chunk-Z5XWNRFP.cjs → chunk-2LL6FHBZ.cjs} +2 -2
- package/dist/{chunk-Z5XWNRFP.cjs.map → chunk-2LL6FHBZ.cjs.map} +1 -1
- package/dist/{chunk-3SA2QKC6.js → chunk-3532Z6AD.js} +2 -2
- package/dist/{chunk-3SA2QKC6.js.map → chunk-3532Z6AD.js.map} +1 -1
- package/dist/chunk-6Y3OOIHB.js +3 -0
- package/dist/chunk-6Y3OOIHB.js.map +1 -0
- package/dist/chunk-L7X5DXZO.cjs +3 -0
- package/dist/chunk-L7X5DXZO.cjs.map +1 -0
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/dist/styles.css +3 -0
- package/dist/styles.css.map +1 -0
- package/dist/styles.d.cts +2 -0
- package/dist/styles.d.ts +2 -0
- package/package.json +5 -2
- package/dist/chunk-KXPGO6PS.cjs +0 -3
- package/dist/chunk-KXPGO6PS.cjs.map +0 -1
- package/dist/chunk-ZOVZGLB5.js +0 -3
- package/dist/chunk-ZOVZGLB5.js.map +0 -1
package/README.md
CHANGED
|
@@ -18,9 +18,10 @@ npm install @berdsk/ui
|
|
|
18
18
|
|
|
19
19
|
## 🛠️ Uso Rápido
|
|
20
20
|
|
|
21
|
-
Para que os estilos funcionem corretamente, envolva sua aplicação com o `ThemeProvider`.
|
|
21
|
+
Para que os estilos funcionem corretamente, importe o CSS global e envolva sua aplicação com o `ThemeProvider`.
|
|
22
22
|
|
|
23
23
|
```tsx
|
|
24
|
+
import '@berdsk/ui/dist/styles.css';
|
|
24
25
|
import { ThemeProvider, Button, Section } from '@berdsk/ui';
|
|
25
26
|
|
|
26
27
|
function App() {
|
package/dist/Button.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';var
|
|
1
|
+
'use strict';var chunk2LL6FHBZ_cjs=require('./chunk-2LL6FHBZ.cjs');require('./chunk-U7VSEXSW.cjs'),require('./chunk-GNFE24S7.cjs');Object.defineProperty(exports,"Button",{enumerable:true,get:function(){return chunk2LL6FHBZ_cjs.a}});//# sourceMappingURL=Button.cjs.map
|
|
2
2
|
//# sourceMappingURL=Button.cjs.map
|
package/dist/Button.d.cts
CHANGED
|
@@ -10,6 +10,6 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement | HTM
|
|
|
10
10
|
fullWidth?: boolean;
|
|
11
11
|
href?: string;
|
|
12
12
|
}
|
|
13
|
-
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<
|
|
13
|
+
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
|
|
14
14
|
|
|
15
15
|
export { Button, type ButtonProps };
|
package/dist/Button.d.ts
CHANGED
|
@@ -10,6 +10,6 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement | HTM
|
|
|
10
10
|
fullWidth?: boolean;
|
|
11
11
|
href?: string;
|
|
12
12
|
}
|
|
13
|
-
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<
|
|
13
|
+
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
|
|
14
14
|
|
|
15
15
|
export { Button, type ButtonProps };
|
package/dist/Button.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{a as Button}from'./chunk-
|
|
1
|
+
export{a as Button}from'./chunk-3532Z6AD.js';import'./chunk-GUQJ6RZT.js';import'./chunk-FW4363Y4.js';//# sourceMappingURL=Button.js.map
|
|
2
2
|
//# sourceMappingURL=Button.js.map
|
package/dist/Section.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';Object.defineProperty(exports,'__esModule',{value:true});var
|
|
1
|
+
'use strict';Object.defineProperty(exports,'__esModule',{value:true});var chunkL7X5DXZO_cjs=require('./chunk-L7X5DXZO.cjs');require('./chunk-U7VSEXSW.cjs'),require('./chunk-GNFE24S7.cjs');Object.defineProperty(exports,"Section",{enumerable:true,get:function(){return chunkL7X5DXZO_cjs.a}});Object.defineProperty(exports,"default",{enumerable:true,get:function(){return chunkL7X5DXZO_cjs.b}});//# sourceMappingURL=Section.cjs.map
|
|
2
2
|
//# sourceMappingURL=Section.cjs.map
|
package/dist/Section.d.cts
CHANGED
|
@@ -19,7 +19,8 @@ interface SectionProps extends HTMLAttributes<HTMLElement> {
|
|
|
19
19
|
containerClassName?: string;
|
|
20
20
|
divisorTop?: DivisorOptions;
|
|
21
21
|
divisorBottom?: DivisorOptions;
|
|
22
|
+
contentOutsideContainer?: ReactNode;
|
|
22
23
|
}
|
|
23
|
-
declare const Section: ({ children, as: Component, fullWidth, screenHeight, flex, centerX, centerY, className, containerClassName, divisorTop, divisorBottom, ...props }: SectionProps) => react_jsx_runtime.JSX.Element;
|
|
24
|
+
declare const Section: ({ children, as: Component, fullWidth, screenHeight, flex, centerX, centerY, className, containerClassName, divisorTop, divisorBottom, contentOutsideContainer, ...props }: SectionProps) => react_jsx_runtime.JSX.Element;
|
|
24
25
|
|
|
25
26
|
export { Section, type SectionProps, Section as default };
|
package/dist/Section.d.ts
CHANGED
|
@@ -19,7 +19,8 @@ interface SectionProps extends HTMLAttributes<HTMLElement> {
|
|
|
19
19
|
containerClassName?: string;
|
|
20
20
|
divisorTop?: DivisorOptions;
|
|
21
21
|
divisorBottom?: DivisorOptions;
|
|
22
|
+
contentOutsideContainer?: ReactNode;
|
|
22
23
|
}
|
|
23
|
-
declare const Section: ({ children, as: Component, fullWidth, screenHeight, flex, centerX, centerY, className, containerClassName, divisorTop, divisorBottom, ...props }: SectionProps) => react_jsx_runtime.JSX.Element;
|
|
24
|
+
declare const Section: ({ children, as: Component, fullWidth, screenHeight, flex, centerX, centerY, className, containerClassName, divisorTop, divisorBottom, contentOutsideContainer, ...props }: SectionProps) => react_jsx_runtime.JSX.Element;
|
|
24
25
|
|
|
25
26
|
export { Section, type SectionProps, Section as default };
|
package/dist/Section.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{a as Section,b as default}from'./chunk-
|
|
1
|
+
export{a as Section,b as default}from'./chunk-6Y3OOIHB.js';import'./chunk-GUQJ6RZT.js';import'./chunk-FW4363Y4.js';//# sourceMappingURL=Section.js.map
|
|
2
2
|
//# sourceMappingURL=Section.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';var chunkU7VSEXSW_cjs=require('./chunk-U7VSEXSW.cjs'),
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
'use strict';var chunkU7VSEXSW_cjs=require('./chunk-U7VSEXSW.cjs'),u=require('react'),jsxRuntime=require('react/jsx-runtime');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var u__namespace=/*#__PURE__*/_interopNamespace(u);var w=u__namespace.forwardRef(({children:s,variant:t="solid",color:i="primary",size:o="md",rounded:x="md",leftIcon:r,rightIcon:n,fullWidth:g=false,className:m="",href:c,...d},l)=>{let h={solid:{primary:"bg-primary border-primary text-white hover:brightness-90",secondary:"bg-secondary border-secondary text-white hover:brightness-90",danger:"bg-danger border-danger text-white hover:brightness-90",success:"bg-success border-success text-white hover:brightness-90"},outlined:{primary:"border-primary text-primary hover:bg-black/5 bg-transparent",secondary:"border-secondary text-secondary hover:bg-black/5 bg-transparent",danger:"border-danger text-danger hover:bg-black/5 bg-transparent",success:"border-success text-success hover:bg-black/5 bg-transparent"},ghost:{primary:"text-primary hover:bg-black/5 bg-transparent border-transparent",secondary:"text-secondary hover:bg-black/5 bg-transparent border-transparent",danger:"text-danger hover:bg-black/5 bg-transparent border-transparent",success:"text-success hover:bg-black/5 bg-transparent border-transparent"},link:{primary:"text-primary hover:opacity-80 underline bg-transparent border-none p-0 h-auto",secondary:"text-secondary hover:opacity-80 underline bg-transparent border-none p-0 h-auto",danger:"text-danger hover:opacity-80 underline bg-transparent border-none p-0 h-auto",success:"text-success hover:opacity-80 underline bg-transparent border-none p-0 h-auto"}},y={xs:"h-6 px-2 text-xs",sm:"h-8 px-3 text-sm",md:"h-10 px-4 text-base",lg:"h-12 px-6 text-lg",xl:"h-14 px-8 text-xl","2xl":"h-16 px-10 text-2xl"},f={xs:"w-6",sm:"w-8",md:"w-10",lg:"w-12",xl:"w-14","2xl":"w-16"},v={none:"rounded-none",xs:"rounded-xs",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg",full:"rounded-full"},k=!s&&(r||n),b=chunkU7VSEXSW_cjs.a("bdk-button-base",t!=="link"?y[o]:"",t!=="link"&&k?`${f[o]} aspect-square px-0`:"",t!=="link"?v[x]:"",h[t][i],g?"w-full flex":"",m),p=jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[r&&jsxRuntime.jsx("span",{className:"flex items-center justify-center",children:r}),s&&jsxRuntime.jsx("span",{className:chunkU7VSEXSW_cjs.a("text-center",{"flex-1":!!(r||n)}),children:s}),n&&jsxRuntime.jsx("span",{className:"flex items-center justify-center",children:n})]});return c?jsxRuntime.jsx("a",{href:c,className:b,ref:l,...d,children:p}):jsxRuntime.jsx("button",{className:b,ref:l,...d,children:p})});w.displayName="Button";exports.a=w;//# sourceMappingURL=chunk-2LL6FHBZ.cjs.map
|
|
2
|
+
//# sourceMappingURL=chunk-2LL6FHBZ.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/Button.tsx"],"names":["Button","
|
|
1
|
+
{"version":3,"sources":["../src/components/Button.tsx"],"names":["Button","u","children","variant","color","size","rounded","leftIcon","rightIcon","fullWidth","className","href","props","ref","variants","sizes","iconOnlySizes","roundness","isIconOnly","combinedClasses","cn","content","jsxs","Fragment","jsx"],"mappings":"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","file":"chunk-2LL6FHBZ.cjs","sourcesContent":["import * as React from 'react';\nimport cn from '../utils/cn';\n\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement | HTMLAnchorElement> {\n variant?: 'solid' | 'outlined' | 'ghost' | 'link';\n color?: 'primary' | 'secondary' | 'danger' | 'success';\n size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n rounded?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'full';\n leftIcon?: React.ReactNode;\n rightIcon?: React.ReactNode;\n fullWidth?: boolean;\n href?: string;\n}\n\nexport const Button = React.forwardRef<HTMLButtonElement | HTMLAnchorElement, ButtonProps>(\n (\n {\n children,\n variant = 'solid',\n color = 'primary',\n size = 'md',\n rounded = 'md',\n leftIcon,\n rightIcon,\n fullWidth = false,\n className = '',\n href,\n ...props\n },\n ref,\n ) => {\n const variants = {\n solid: {\n primary: 'bg-primary border-primary text-white hover:brightness-90',\n secondary: 'bg-secondary border-secondary text-white hover:brightness-90',\n danger: 'bg-danger border-danger text-white hover:brightness-90',\n success: 'bg-success border-success text-white hover:brightness-90',\n },\n outlined: {\n primary: 'border-primary text-primary hover:bg-black/5 bg-transparent',\n secondary: 'border-secondary text-secondary hover:bg-black/5 bg-transparent',\n danger: 'border-danger text-danger hover:bg-black/5 bg-transparent',\n success: 'border-success text-success hover:bg-black/5 bg-transparent',\n },\n ghost: {\n primary: 'text-primary hover:bg-black/5 bg-transparent border-transparent',\n secondary: 'text-secondary hover:bg-black/5 bg-transparent border-transparent',\n danger: 'text-danger hover:bg-black/5 bg-transparent border-transparent',\n success: 'text-success hover:bg-black/5 bg-transparent border-transparent',\n },\n link: {\n primary: 'text-primary hover:opacity-80 underline bg-transparent border-none p-0 h-auto',\n secondary: 'text-secondary hover:opacity-80 underline bg-transparent border-none p-0 h-auto',\n danger: 'text-danger hover:opacity-80 underline bg-transparent border-none p-0 h-auto',\n success: 'text-success hover:opacity-80 underline bg-transparent border-none p-0 h-auto',\n },\n };\n\n const sizes = {\n xs: 'h-6 px-2 text-xs',\n sm: 'h-8 px-3 text-sm',\n md: 'h-10 px-4 text-base',\n lg: 'h-12 px-6 text-lg',\n xl: 'h-14 px-8 text-xl',\n '2xl': 'h-16 px-10 text-2xl',\n };\n\n const iconOnlySizes = {\n xs: 'w-6',\n sm: 'w-8',\n md: 'w-10',\n lg: 'w-12',\n xl: 'w-14',\n '2xl': 'w-16',\n };\n\n const roundness = {\n none: 'rounded-none',\n xs: 'rounded-xs',\n sm: 'rounded-sm',\n md: 'rounded-md',\n lg: 'rounded-lg',\n full: 'rounded-full',\n };\n\n const isIconOnly = !children && (leftIcon || rightIcon);\n\n const combinedClasses = cn(\n 'bdk-button-base',\n variant !== 'link' ? sizes[size] : '',\n variant !== 'link' && isIconOnly ? `${iconOnlySizes[size]} aspect-square px-0` : '',\n variant !== 'link' ? roundness[rounded] : '',\n variants[variant][color],\n fullWidth ? 'w-full flex' : '',\n className,\n );\n\n const content = (\n <>\n {leftIcon && <span className=\"flex items-center justify-center\">{leftIcon}</span>}\n {children && (\n <span\n className={cn('text-center', {\n 'flex-1': !!(leftIcon || rightIcon),\n })}\n >\n {children}\n </span>\n )}\n {rightIcon && <span className=\"flex items-center justify-center\">{rightIcon}</span>}\n </>\n );\n\n if (href) {\n return (\n <a\n href={href}\n className={combinedClasses}\n ref={ref as React.ForwardedRef<HTMLAnchorElement>}\n {...(props as React.AnchorHTMLAttributes<HTMLAnchorElement>)}\n >\n {content}\n </a>\n );\n }\n\n return (\n <button\n className={combinedClasses}\n ref={ref as React.ForwardedRef<HTMLButtonElement>}\n {...(props as React.ButtonHTMLAttributes<HTMLButtonElement>)}\n >\n {content}\n </button>\n );\n },\n);\n\nButton.displayName = 'Button';\n"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {a}from'./chunk-GUQJ6RZT.js';import*as
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
import {a}from'./chunk-GUQJ6RZT.js';import*as u from'react';import {jsxs,Fragment,jsx}from'react/jsx-runtime';var w=u.forwardRef(({children:s,variant:t="solid",color:i="primary",size:o="md",rounded:x="md",leftIcon:r,rightIcon:n,fullWidth:g=false,className:m="",href:c,...d},l)=>{let h={solid:{primary:"bg-primary border-primary text-white hover:brightness-90",secondary:"bg-secondary border-secondary text-white hover:brightness-90",danger:"bg-danger border-danger text-white hover:brightness-90",success:"bg-success border-success text-white hover:brightness-90"},outlined:{primary:"border-primary text-primary hover:bg-black/5 bg-transparent",secondary:"border-secondary text-secondary hover:bg-black/5 bg-transparent",danger:"border-danger text-danger hover:bg-black/5 bg-transparent",success:"border-success text-success hover:bg-black/5 bg-transparent"},ghost:{primary:"text-primary hover:bg-black/5 bg-transparent border-transparent",secondary:"text-secondary hover:bg-black/5 bg-transparent border-transparent",danger:"text-danger hover:bg-black/5 bg-transparent border-transparent",success:"text-success hover:bg-black/5 bg-transparent border-transparent"},link:{primary:"text-primary hover:opacity-80 underline bg-transparent border-none p-0 h-auto",secondary:"text-secondary hover:opacity-80 underline bg-transparent border-none p-0 h-auto",danger:"text-danger hover:opacity-80 underline bg-transparent border-none p-0 h-auto",success:"text-success hover:opacity-80 underline bg-transparent border-none p-0 h-auto"}},y={xs:"h-6 px-2 text-xs",sm:"h-8 px-3 text-sm",md:"h-10 px-4 text-base",lg:"h-12 px-6 text-lg",xl:"h-14 px-8 text-xl","2xl":"h-16 px-10 text-2xl"},f={xs:"w-6",sm:"w-8",md:"w-10",lg:"w-12",xl:"w-14","2xl":"w-16"},v={none:"rounded-none",xs:"rounded-xs",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg",full:"rounded-full"},k=!s&&(r||n),b=a("bdk-button-base",t!=="link"?y[o]:"",t!=="link"&&k?`${f[o]} aspect-square px-0`:"",t!=="link"?v[x]:"",h[t][i],g?"w-full flex":"",m),p=jsxs(Fragment,{children:[r&&jsx("span",{className:"flex items-center justify-center",children:r}),s&&jsx("span",{className:a("text-center",{"flex-1":!!(r||n)}),children:s}),n&&jsx("span",{className:"flex items-center justify-center",children:n})]});return c?jsx("a",{href:c,className:b,ref:l,...d,children:p}):jsx("button",{className:b,ref:l,...d,children:p})});w.displayName="Button";export{w as a};//# sourceMappingURL=chunk-3532Z6AD.js.map
|
|
2
|
+
//# sourceMappingURL=chunk-3532Z6AD.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/Button.tsx"],"names":["Button","children","variant","color","size","rounded","leftIcon","rightIcon","fullWidth","className","href","props","ref","variants","sizes","iconOnlySizes","roundness","isIconOnly","combinedClasses","cn","content","jsxs","Fragment","jsx"],"mappings":"8GAcO,IAAMA,CAAAA,CAAe,CAAA,CAAA,UAAA,CAC1B,CACE,CACE,QAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CAAU,OAAA,CACV,KAAA,CAAAC,CAAAA,CAAQ,SAAA,CACR,IAAA,CAAAC,CAAAA,CAAO,IAAA,CACP,OAAA,CAAAC,CAAAA,CAAU,IAAA,CACV,QAAA,CAAAC,EACA,SAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CAAY,KAAA,CACZ,SAAA,CAAAC,CAAAA,CAAY,EAAA,CACZ,IAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CACAC,CAAAA,GACG,CACH,IAAMC,CAAAA,CAAW,CACf,KAAA,CAAO,CACL,OAAA,CAAS,0DAAA,CACT,SAAA,CAAW,8DAAA,CACX,MAAA,CAAQ,wDAAA,CACR,OAAA,CAAS,0DACX,CAAA,CACA,QAAA,CAAU,CACR,OAAA,CAAS,6DAAA,CACT,SAAA,CAAW,iEAAA,CACX,MAAA,CAAQ,2DAAA,CACR,OAAA,CAAS,6DACX,CAAA,CACA,KAAA,CAAO,CACL,OAAA,CAAS,iEAAA,CACT,SAAA,CAAW,mEAAA,CACX,MAAA,CAAQ,gEAAA,CACR,OAAA,CAAS,iEACX,CAAA,CACA,IAAA,CAAM,CACJ,OAAA,CAAS,+EAAA,CACT,SAAA,CAAW,iFAAA,CACX,MAAA,CAAQ,8EAAA,CACR,OAAA,CAAS,+EACX,CACF,CAAA,CAEMC,CAAAA,CAAQ,CACZ,EAAA,CAAI,kBAAA,CACJ,EAAA,CAAI,kBAAA,CACJ,EAAA,CAAI,qBAAA,CACJ,EAAA,CAAI,mBAAA,CACJ,EAAA,CAAI,mBAAA,CACJ,KAAA,CAAO,qBACT,CAAA,CAEMC,CAAAA,CAAgB,CACpB,EAAA,CAAI,KAAA,CACJ,EAAA,CAAI,KAAA,CACJ,EAAA,CAAI,MAAA,CACJ,EAAA,CAAI,MAAA,CACJ,EAAA,CAAI,MAAA,CACJ,KAAA,CAAO,MACT,EAEMC,CAAAA,CAAY,CAChB,IAAA,CAAM,cAAA,CACN,EAAA,CAAI,YAAA,CACJ,EAAA,CAAI,YAAA,CACJ,EAAA,CAAI,YAAA,CACJ,EAAA,CAAI,YAAA,CACJ,IAAA,CAAM,cACR,CAAA,CAEMC,CAAAA,CAAa,CAAChB,CAAAA,GAAaK,CAAAA,EAAYC,CAAAA,CAAAA,CAEvCW,CAAAA,CAAkBC,CAAAA,CACtB,
|
|
1
|
+
{"version":3,"sources":["../src/components/Button.tsx"],"names":["Button","children","variant","color","size","rounded","leftIcon","rightIcon","fullWidth","className","href","props","ref","variants","sizes","iconOnlySizes","roundness","isIconOnly","combinedClasses","cn","content","jsxs","Fragment","jsx"],"mappings":"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","file":"chunk-3532Z6AD.js","sourcesContent":["import * as React from 'react';\nimport cn from '../utils/cn';\n\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement | HTMLAnchorElement> {\n variant?: 'solid' | 'outlined' | 'ghost' | 'link';\n color?: 'primary' | 'secondary' | 'danger' | 'success';\n size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n rounded?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'full';\n leftIcon?: React.ReactNode;\n rightIcon?: React.ReactNode;\n fullWidth?: boolean;\n href?: string;\n}\n\nexport const Button = React.forwardRef<HTMLButtonElement | HTMLAnchorElement, ButtonProps>(\n (\n {\n children,\n variant = 'solid',\n color = 'primary',\n size = 'md',\n rounded = 'md',\n leftIcon,\n rightIcon,\n fullWidth = false,\n className = '',\n href,\n ...props\n },\n ref,\n ) => {\n const variants = {\n solid: {\n primary: 'bg-primary border-primary text-white hover:brightness-90',\n secondary: 'bg-secondary border-secondary text-white hover:brightness-90',\n danger: 'bg-danger border-danger text-white hover:brightness-90',\n success: 'bg-success border-success text-white hover:brightness-90',\n },\n outlined: {\n primary: 'border-primary text-primary hover:bg-black/5 bg-transparent',\n secondary: 'border-secondary text-secondary hover:bg-black/5 bg-transparent',\n danger: 'border-danger text-danger hover:bg-black/5 bg-transparent',\n success: 'border-success text-success hover:bg-black/5 bg-transparent',\n },\n ghost: {\n primary: 'text-primary hover:bg-black/5 bg-transparent border-transparent',\n secondary: 'text-secondary hover:bg-black/5 bg-transparent border-transparent',\n danger: 'text-danger hover:bg-black/5 bg-transparent border-transparent',\n success: 'text-success hover:bg-black/5 bg-transparent border-transparent',\n },\n link: {\n primary: 'text-primary hover:opacity-80 underline bg-transparent border-none p-0 h-auto',\n secondary: 'text-secondary hover:opacity-80 underline bg-transparent border-none p-0 h-auto',\n danger: 'text-danger hover:opacity-80 underline bg-transparent border-none p-0 h-auto',\n success: 'text-success hover:opacity-80 underline bg-transparent border-none p-0 h-auto',\n },\n };\n\n const sizes = {\n xs: 'h-6 px-2 text-xs',\n sm: 'h-8 px-3 text-sm',\n md: 'h-10 px-4 text-base',\n lg: 'h-12 px-6 text-lg',\n xl: 'h-14 px-8 text-xl',\n '2xl': 'h-16 px-10 text-2xl',\n };\n\n const iconOnlySizes = {\n xs: 'w-6',\n sm: 'w-8',\n md: 'w-10',\n lg: 'w-12',\n xl: 'w-14',\n '2xl': 'w-16',\n };\n\n const roundness = {\n none: 'rounded-none',\n xs: 'rounded-xs',\n sm: 'rounded-sm',\n md: 'rounded-md',\n lg: 'rounded-lg',\n full: 'rounded-full',\n };\n\n const isIconOnly = !children && (leftIcon || rightIcon);\n\n const combinedClasses = cn(\n 'bdk-button-base',\n variant !== 'link' ? sizes[size] : '',\n variant !== 'link' && isIconOnly ? `${iconOnlySizes[size]} aspect-square px-0` : '',\n variant !== 'link' ? roundness[rounded] : '',\n variants[variant][color],\n fullWidth ? 'w-full flex' : '',\n className,\n );\n\n const content = (\n <>\n {leftIcon && <span className=\"flex items-center justify-center\">{leftIcon}</span>}\n {children && (\n <span\n className={cn('text-center', {\n 'flex-1': !!(leftIcon || rightIcon),\n })}\n >\n {children}\n </span>\n )}\n {rightIcon && <span className=\"flex items-center justify-center\">{rightIcon}</span>}\n </>\n );\n\n if (href) {\n return (\n <a\n href={href}\n className={combinedClasses}\n ref={ref as React.ForwardedRef<HTMLAnchorElement>}\n {...(props as React.AnchorHTMLAttributes<HTMLAnchorElement>)}\n >\n {content}\n </a>\n );\n }\n\n return (\n <button\n className={combinedClasses}\n ref={ref as React.ForwardedRef<HTMLButtonElement>}\n {...(props as React.ButtonHTMLAttributes<HTMLButtonElement>)}\n >\n {content}\n </button>\n );\n },\n);\n\nButton.displayName = 'Button';\n"]}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import {a}from'./chunk-GUQJ6RZT.js';import {jsxs,jsx,Fragment}from'react/jsx-runtime';var w=({variant:i,color:t,className:a$1,height:r=100,position:p})=>{let s=!!t,o=s&&(t.includes("#")||t.includes("rgb")||t.includes("hsl")||t.includes("(")),f={height:r,...o?{color:t}:{}},g=a("absolute left-0 w-full z-50 pointer-events-none",p==="top"?"bottom-full":"top-full",s&&!o?t:"",a$1),n={wavy:"bottom","wavy-simple":"top",arched:"bottom"},l=p==="top"?"bottom":"top",c=n[i]!==l?{transform:"scaleY(-1)",transformOrigin:"center"}:{};return jsxs("div",{className:g,style:f,"aria-hidden":true,children:[i==="wavy"&&jsx("svg",{width:"100%",height:"100%",viewBox:"0 0 1280 140",preserveAspectRatio:"none",xmlns:"http://www.w3.org/2000/svg",style:c,children:jsxs("g",{fill:"currentColor",children:[jsx("path",{d:"M1280 3.4C1050.59 18 1019.4 84.89 734.42 84.89c-320 0-320-84.3-640-84.3C59.4.59 28.2 1.6 0 3.4V140h1280z",fillOpacity:".3"}),jsx("path",{d:"M0 24.31c43.46-5.69 94.56-9.25 158.42-9.25 320 0 320 89.24 640 89.24 256.13 0 307.28-57.16 481.58-80V140H0z",fillOpacity:".5"}),jsx("path",{d:"M1280 51.76c-201 12.49-242.43 53.4-513.58 53.4-320 0-320-57-640-57-48.85.01-90.21 1.35-126.42 3.6V140h1280z"})]})}),i==="wavy-simple"&&jsx("svg",{width:"100%",height:"100%",viewBox:"0 0 1280 140",preserveAspectRatio:"none",xmlns:"http://www.w3.org/2000/svg",style:c,children:jsx("g",{fill:"currentColor",children:jsx("path",{d:"M320 28C160 28 80 49 0 70V0h1280v70c-80 21-160 42-320 42-320 0-320-84-640-84z"})})}),i==="arched"&&jsx("svg",{width:"100%",height:"100%",viewBox:"0 0 1280 140",preserveAspectRatio:"none",xmlns:"http://www.w3.org/2000/svg",style:c,children:jsxs("g",{fill:"currentColor",children:[jsx("path",{d:"M725.29 101.2C325.22 122.48 0 0 0 0v140h1280V0s-154.64 79.92-554.71 101.2z",fillOpacity:".3"}),jsx("path",{d:"M556.45 119.74C953.41 140 1280 14 1280 14v126H0V0s159.5 99.48 556.45 119.74z",fillOpacity:".5"}),jsx("path",{d:"M640 140c353.46 0 640-140 640-139v140H0V0s286.54 140 640 140z"})]})})]})},y=({children:i,as:t="section",fullWidth:a$1=false,screenHeight:r=false,flex:p=false,centerX:s=false,centerY:o=false,className:f="",containerClassName:g="",divisorTop:n,divisorBottom:l,contentOutsideContainer:d,...c})=>{let h=!!r,C=a("relative w-full",r&&"min-h-screen",p&&"flex-1",r&&"flex flex-col",(s||o)&&"flex",s&&(a$1||h)&&"items-center",o&&(a$1||h)&&"justify-center",s&&a$1&&!h&&"justify-center",o&&a$1&&!h&&"items-center",f),u=a("bdk-section-container",{"flex-1":r,flex:s||o,"justify-center":s,"items-center":o},g);return jsxs(t,{className:C,...c,children:[n&&jsx(w,{position:"top",variant:n.variant,color:n.color,className:n.className,height:n.height}),d&&jsx(Fragment,{children:d}),a$1?i:jsx("div",{className:u,children:i}),l&&jsx(w,{position:"bottom",variant:l.variant,color:l.color,className:l.className,height:l.height})]})},S=y;
|
|
2
|
+
export{y as a,S as b};//# sourceMappingURL=chunk-6Y3OOIHB.js.map
|
|
3
|
+
//# sourceMappingURL=chunk-6Y3OOIHB.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/Section.tsx"],"names":["DivisorSVG","variant","color","className","height","position","hasColor","isCssColor","style","wrapperClasses","cn","naturalFlatSide","desiredTouchSide","svgCommonStyle","jsxs","jsx","Section","children","Component","fullWidth","screenHeight","flex","centerX","centerY","containerClassName","divisorTop","divisorBottom","contentOutsideContainer","props","isSectionColumn","sectionClasses","containerClasses","Fragment","Section_default"],"mappings":"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","file":"chunk-6Y3OOIHB.js","sourcesContent":["import { CSSProperties, HTMLAttributes, ReactNode } from 'react';\nimport cn from '../utils/cn';\n\ntype DivisorVariant = 'wavy' | 'wavy-simple' | 'arched';\n\ninterface DivisorOptions {\n variant: DivisorVariant;\n color?: string; // CSS color (hex, rgb, hsl ou token tailwind via className externa)\n className?: string; // Classes adicionais (ex: text-primary-500)\n height?: number; // altura em px (default 100)\n}\n\nexport interface SectionProps extends HTMLAttributes<HTMLElement> {\n children: ReactNode;\n as?: 'section' | 'header' | 'footer' | 'nav' | 'article' | 'main';\n fullWidth?: boolean;\n screenHeight?: boolean;\n flex?: boolean;\n centerX?: boolean;\n centerY?: boolean;\n containerClassName?: string;\n divisorTop?: DivisorOptions;\n divisorBottom?: DivisorOptions;\n contentOutsideContainer?: ReactNode;\n}\n\nconst DivisorSVG = ({\n variant,\n color,\n className,\n height = 100,\n position,\n}: DivisorOptions & { position: 'top' | 'bottom' }) => {\n // Se não houver color nem className, usamos currentColor\n const hasColor = !!color;\n\n // Verifica se o color passado parece uma classe Tailwind (não contém #, rgb, hsl e não é uma cor nomeada simples se quisermos ser rigorosos,\n // mas geralmente se tem espaços ou começa com text-/bg-/fill- é tailwind)\n // Uma abordagem melhor: se não contém caracteres especiais de cores CSS, tratamos como classe.\n const isCssColor =\n hasColor && (color.includes('#') || color.includes('rgb') || color.includes('hsl') || color.includes('('));\n\n const style: CSSProperties = {\n height,\n ...(isCssColor ? { color } : {}),\n };\n\n const wrapperClasses = cn(\n 'absolute left-0 w-full z-50 pointer-events-none',\n position === 'top' ? 'bottom-full' : 'top-full',\n hasColor && !isCssColor ? color : '', // Se for classe Tailwind, joga no cn\n className,\n );\n\n // Lado \"reto\" natural de cada SVG\n const naturalFlatSide: Record<DivisorVariant, 'top' | 'bottom'> = {\n wavy: 'bottom',\n 'wavy-simple': 'top',\n arched: 'bottom',\n };\n\n // Se o divisor está no TOPO da section (lado de fora), a base reta do SVG deve estar no BOTTOM\n // (para encostar na borda superior da section).\n // Se o divisor está na BASE da section (lado de fora), a base reta do SVG deve estar no TOP\n // (para encostar na borda inferior da section).\n const desiredTouchSide = position === 'top' ? 'bottom' : 'top';\n const needsFlip = naturalFlatSide[variant] !== desiredTouchSide;\n const svgCommonStyle: CSSProperties = needsFlip ? { transform: 'scaleY(-1)', transformOrigin: 'center' } : {};\n\n return (\n <div className={wrapperClasses} style={style} aria-hidden>\n {variant === 'wavy' && (\n <svg\n width=\"100%\"\n height=\"100%\"\n viewBox=\"0 0 1280 140\"\n preserveAspectRatio=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n style={svgCommonStyle}\n >\n <g fill=\"currentColor\">\n <path\n d=\"M1280 3.4C1050.59 18 1019.4 84.89 734.42 84.89c-320 0-320-84.3-640-84.3C59.4.59 28.2 1.6 0 3.4V140h1280z\"\n fillOpacity=\".3\"\n />\n <path\n d=\"M0 24.31c43.46-5.69 94.56-9.25 158.42-9.25 320 0 320 89.24 640 89.24 256.13 0 307.28-57.16 481.58-80V140H0z\"\n fillOpacity=\".5\"\n />\n <path d=\"M1280 51.76c-201 12.49-242.43 53.4-513.58 53.4-320 0-320-57-640-57-48.85.01-90.21 1.35-126.42 3.6V140h1280z\" />\n </g>\n </svg>\n )}\n {variant === 'wavy-simple' && (\n <svg\n width=\"100%\"\n height=\"100%\"\n viewBox=\"0 0 1280 140\"\n preserveAspectRatio=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n style={svgCommonStyle}\n >\n <g fill=\"currentColor\">\n <path d=\"M320 28C160 28 80 49 0 70V0h1280v70c-80 21-160 42-320 42-320 0-320-84-640-84z\" />\n </g>\n </svg>\n )}\n {variant === 'arched' && (\n <svg\n width=\"100%\"\n height=\"100%\"\n viewBox=\"0 0 1280 140\"\n preserveAspectRatio=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n style={svgCommonStyle}\n >\n <g fill=\"currentColor\">\n <path d=\"M725.29 101.2C325.22 122.48 0 0 0 0v140h1280V0s-154.64 79.92-554.71 101.2z\" fillOpacity=\".3\" />\n <path d=\"M556.45 119.74C953.41 140 1280 14 1280 14v126H0V0s159.5 99.48 556.45 119.74z\" fillOpacity=\".5\" />\n <path d=\"M640 140c353.46 0 640-140 640-139v140H0V0s286.54 140 640 140z\" />\n </g>\n </svg>\n )}\n </div>\n );\n};\n\nexport const Section = ({\n children,\n as: Component = 'section',\n fullWidth = false,\n screenHeight = false,\n flex = false,\n centerX = false,\n centerY = false,\n className = '',\n containerClassName = '',\n divisorTop,\n divisorBottom,\n contentOutsideContainer,\n ...props\n}: SectionProps) => {\n const isSectionColumn = !!screenHeight;\n\n const sectionClasses = cn(\n 'relative w-full',\n screenHeight && 'min-h-screen',\n flex && 'flex-1',\n screenHeight && 'flex flex-col',\n (centerX || centerY) && 'flex',\n // Centralização quando é fullWidth ou screenHeight (flex-col)\n centerX && (fullWidth || isSectionColumn) && 'items-center',\n centerY && (fullWidth || isSectionColumn) && 'justify-center',\n // Centralização quando é fullWidth e NÃO é coluna (flex-row padrão)\n centerX && fullWidth && !isSectionColumn && 'justify-center',\n centerY && fullWidth && !isSectionColumn && 'items-center',\n className,\n );\n\n const containerClasses = cn(\n 'bdk-section-container',\n {\n 'flex-1': screenHeight,\n flex: centerX || centerY,\n 'justify-center': centerX,\n 'items-center': centerY,\n },\n containerClassName,\n );\n\n return (\n <Component className={sectionClasses} {...props}>\n {divisorTop && (\n <DivisorSVG\n position=\"top\"\n variant={divisorTop.variant}\n color={divisorTop.color}\n className={divisorTop.className}\n height={divisorTop.height}\n />\n )}\n {contentOutsideContainer && <>{contentOutsideContainer}</>}\n {fullWidth ? children : <div className={containerClasses}>{children}</div>}\n {divisorBottom && (\n <DivisorSVG\n position=\"bottom\"\n variant={divisorBottom.variant}\n color={divisorBottom.color}\n className={divisorBottom.className}\n height={divisorBottom.height}\n />\n )}\n </Component>\n );\n};\n\nexport default Section;\n"]}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
'use strict';var chunkU7VSEXSW_cjs=require('./chunk-U7VSEXSW.cjs'),jsxRuntime=require('react/jsx-runtime');var w=({variant:i,color:t,className:a,height:r=100,position:p})=>{let s=!!t,o=s&&(t.includes("#")||t.includes("rgb")||t.includes("hsl")||t.includes("(")),f={height:r,...o?{color:t}:{}},g=chunkU7VSEXSW_cjs.a("absolute left-0 w-full z-50 pointer-events-none",p==="top"?"bottom-full":"top-full",s&&!o?t:"",a),n={wavy:"bottom","wavy-simple":"top",arched:"bottom"},l=p==="top"?"bottom":"top",c=n[i]!==l?{transform:"scaleY(-1)",transformOrigin:"center"}:{};return jsxRuntime.jsxs("div",{className:g,style:f,"aria-hidden":true,children:[i==="wavy"&&jsxRuntime.jsx("svg",{width:"100%",height:"100%",viewBox:"0 0 1280 140",preserveAspectRatio:"none",xmlns:"http://www.w3.org/2000/svg",style:c,children:jsxRuntime.jsxs("g",{fill:"currentColor",children:[jsxRuntime.jsx("path",{d:"M1280 3.4C1050.59 18 1019.4 84.89 734.42 84.89c-320 0-320-84.3-640-84.3C59.4.59 28.2 1.6 0 3.4V140h1280z",fillOpacity:".3"}),jsxRuntime.jsx("path",{d:"M0 24.31c43.46-5.69 94.56-9.25 158.42-9.25 320 0 320 89.24 640 89.24 256.13 0 307.28-57.16 481.58-80V140H0z",fillOpacity:".5"}),jsxRuntime.jsx("path",{d:"M1280 51.76c-201 12.49-242.43 53.4-513.58 53.4-320 0-320-57-640-57-48.85.01-90.21 1.35-126.42 3.6V140h1280z"})]})}),i==="wavy-simple"&&jsxRuntime.jsx("svg",{width:"100%",height:"100%",viewBox:"0 0 1280 140",preserveAspectRatio:"none",xmlns:"http://www.w3.org/2000/svg",style:c,children:jsxRuntime.jsx("g",{fill:"currentColor",children:jsxRuntime.jsx("path",{d:"M320 28C160 28 80 49 0 70V0h1280v70c-80 21-160 42-320 42-320 0-320-84-640-84z"})})}),i==="arched"&&jsxRuntime.jsx("svg",{width:"100%",height:"100%",viewBox:"0 0 1280 140",preserveAspectRatio:"none",xmlns:"http://www.w3.org/2000/svg",style:c,children:jsxRuntime.jsxs("g",{fill:"currentColor",children:[jsxRuntime.jsx("path",{d:"M725.29 101.2C325.22 122.48 0 0 0 0v140h1280V0s-154.64 79.92-554.71 101.2z",fillOpacity:".3"}),jsxRuntime.jsx("path",{d:"M556.45 119.74C953.41 140 1280 14 1280 14v126H0V0s159.5 99.48 556.45 119.74z",fillOpacity:".5"}),jsxRuntime.jsx("path",{d:"M640 140c353.46 0 640-140 640-139v140H0V0s286.54 140 640 140z"})]})})]})},y=({children:i,as:t="section",fullWidth:a=false,screenHeight:r=false,flex:p=false,centerX:s=false,centerY:o=false,className:f="",containerClassName:g="",divisorTop:n,divisorBottom:l,contentOutsideContainer:d,...c})=>{let h=!!r,C=chunkU7VSEXSW_cjs.a("relative w-full",r&&"min-h-screen",p&&"flex-1",r&&"flex flex-col",(s||o)&&"flex",s&&(a||h)&&"items-center",o&&(a||h)&&"justify-center",s&&a&&!h&&"justify-center",o&&a&&!h&&"items-center",f),u=chunkU7VSEXSW_cjs.a("bdk-section-container",{"flex-1":r,flex:s||o,"justify-center":s,"items-center":o},g);return jsxRuntime.jsxs(t,{className:C,...c,children:[n&&jsxRuntime.jsx(w,{position:"top",variant:n.variant,color:n.color,className:n.className,height:n.height}),d&&jsxRuntime.jsx(jsxRuntime.Fragment,{children:d}),a?i:jsxRuntime.jsx("div",{className:u,children:i}),l&&jsxRuntime.jsx(w,{position:"bottom",variant:l.variant,color:l.color,className:l.className,height:l.height})]})},S=y;
|
|
2
|
+
exports.a=y;exports.b=S;//# sourceMappingURL=chunk-L7X5DXZO.cjs.map
|
|
3
|
+
//# sourceMappingURL=chunk-L7X5DXZO.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/Section.tsx"],"names":["DivisorSVG","variant","color","className","height","position","hasColor","isCssColor","style","wrapperClasses","cn","naturalFlatSide","desiredTouchSide","svgCommonStyle","jsxs","jsx","Section","children","Component","fullWidth","screenHeight","flex","centerX","centerY","containerClassName","divisorTop","divisorBottom","contentOutsideContainer","props","isSectionColumn","sectionClasses","containerClasses","Fragment","Section_default"],"mappings":"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","file":"chunk-L7X5DXZO.cjs","sourcesContent":["import { CSSProperties, HTMLAttributes, ReactNode } from 'react';\nimport cn from '../utils/cn';\n\ntype DivisorVariant = 'wavy' | 'wavy-simple' | 'arched';\n\ninterface DivisorOptions {\n variant: DivisorVariant;\n color?: string; // CSS color (hex, rgb, hsl ou token tailwind via className externa)\n className?: string; // Classes adicionais (ex: text-primary-500)\n height?: number; // altura em px (default 100)\n}\n\nexport interface SectionProps extends HTMLAttributes<HTMLElement> {\n children: ReactNode;\n as?: 'section' | 'header' | 'footer' | 'nav' | 'article' | 'main';\n fullWidth?: boolean;\n screenHeight?: boolean;\n flex?: boolean;\n centerX?: boolean;\n centerY?: boolean;\n containerClassName?: string;\n divisorTop?: DivisorOptions;\n divisorBottom?: DivisorOptions;\n contentOutsideContainer?: ReactNode;\n}\n\nconst DivisorSVG = ({\n variant,\n color,\n className,\n height = 100,\n position,\n}: DivisorOptions & { position: 'top' | 'bottom' }) => {\n // Se não houver color nem className, usamos currentColor\n const hasColor = !!color;\n\n // Verifica se o color passado parece uma classe Tailwind (não contém #, rgb, hsl e não é uma cor nomeada simples se quisermos ser rigorosos,\n // mas geralmente se tem espaços ou começa com text-/bg-/fill- é tailwind)\n // Uma abordagem melhor: se não contém caracteres especiais de cores CSS, tratamos como classe.\n const isCssColor =\n hasColor && (color.includes('#') || color.includes('rgb') || color.includes('hsl') || color.includes('('));\n\n const style: CSSProperties = {\n height,\n ...(isCssColor ? { color } : {}),\n };\n\n const wrapperClasses = cn(\n 'absolute left-0 w-full z-50 pointer-events-none',\n position === 'top' ? 'bottom-full' : 'top-full',\n hasColor && !isCssColor ? color : '', // Se for classe Tailwind, joga no cn\n className,\n );\n\n // Lado \"reto\" natural de cada SVG\n const naturalFlatSide: Record<DivisorVariant, 'top' | 'bottom'> = {\n wavy: 'bottom',\n 'wavy-simple': 'top',\n arched: 'bottom',\n };\n\n // Se o divisor está no TOPO da section (lado de fora), a base reta do SVG deve estar no BOTTOM\n // (para encostar na borda superior da section).\n // Se o divisor está na BASE da section (lado de fora), a base reta do SVG deve estar no TOP\n // (para encostar na borda inferior da section).\n const desiredTouchSide = position === 'top' ? 'bottom' : 'top';\n const needsFlip = naturalFlatSide[variant] !== desiredTouchSide;\n const svgCommonStyle: CSSProperties = needsFlip ? { transform: 'scaleY(-1)', transformOrigin: 'center' } : {};\n\n return (\n <div className={wrapperClasses} style={style} aria-hidden>\n {variant === 'wavy' && (\n <svg\n width=\"100%\"\n height=\"100%\"\n viewBox=\"0 0 1280 140\"\n preserveAspectRatio=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n style={svgCommonStyle}\n >\n <g fill=\"currentColor\">\n <path\n d=\"M1280 3.4C1050.59 18 1019.4 84.89 734.42 84.89c-320 0-320-84.3-640-84.3C59.4.59 28.2 1.6 0 3.4V140h1280z\"\n fillOpacity=\".3\"\n />\n <path\n d=\"M0 24.31c43.46-5.69 94.56-9.25 158.42-9.25 320 0 320 89.24 640 89.24 256.13 0 307.28-57.16 481.58-80V140H0z\"\n fillOpacity=\".5\"\n />\n <path d=\"M1280 51.76c-201 12.49-242.43 53.4-513.58 53.4-320 0-320-57-640-57-48.85.01-90.21 1.35-126.42 3.6V140h1280z\" />\n </g>\n </svg>\n )}\n {variant === 'wavy-simple' && (\n <svg\n width=\"100%\"\n height=\"100%\"\n viewBox=\"0 0 1280 140\"\n preserveAspectRatio=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n style={svgCommonStyle}\n >\n <g fill=\"currentColor\">\n <path d=\"M320 28C160 28 80 49 0 70V0h1280v70c-80 21-160 42-320 42-320 0-320-84-640-84z\" />\n </g>\n </svg>\n )}\n {variant === 'arched' && (\n <svg\n width=\"100%\"\n height=\"100%\"\n viewBox=\"0 0 1280 140\"\n preserveAspectRatio=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n style={svgCommonStyle}\n >\n <g fill=\"currentColor\">\n <path d=\"M725.29 101.2C325.22 122.48 0 0 0 0v140h1280V0s-154.64 79.92-554.71 101.2z\" fillOpacity=\".3\" />\n <path d=\"M556.45 119.74C953.41 140 1280 14 1280 14v126H0V0s159.5 99.48 556.45 119.74z\" fillOpacity=\".5\" />\n <path d=\"M640 140c353.46 0 640-140 640-139v140H0V0s286.54 140 640 140z\" />\n </g>\n </svg>\n )}\n </div>\n );\n};\n\nexport const Section = ({\n children,\n as: Component = 'section',\n fullWidth = false,\n screenHeight = false,\n flex = false,\n centerX = false,\n centerY = false,\n className = '',\n containerClassName = '',\n divisorTop,\n divisorBottom,\n contentOutsideContainer,\n ...props\n}: SectionProps) => {\n const isSectionColumn = !!screenHeight;\n\n const sectionClasses = cn(\n 'relative w-full',\n screenHeight && 'min-h-screen',\n flex && 'flex-1',\n screenHeight && 'flex flex-col',\n (centerX || centerY) && 'flex',\n // Centralização quando é fullWidth ou screenHeight (flex-col)\n centerX && (fullWidth || isSectionColumn) && 'items-center',\n centerY && (fullWidth || isSectionColumn) && 'justify-center',\n // Centralização quando é fullWidth e NÃO é coluna (flex-row padrão)\n centerX && fullWidth && !isSectionColumn && 'justify-center',\n centerY && fullWidth && !isSectionColumn && 'items-center',\n className,\n );\n\n const containerClasses = cn(\n 'bdk-section-container',\n {\n 'flex-1': screenHeight,\n flex: centerX || centerY,\n 'justify-center': centerX,\n 'items-center': centerY,\n },\n containerClassName,\n );\n\n return (\n <Component className={sectionClasses} {...props}>\n {divisorTop && (\n <DivisorSVG\n position=\"top\"\n variant={divisorTop.variant}\n color={divisorTop.color}\n className={divisorTop.className}\n height={divisorTop.height}\n />\n )}\n {contentOutsideContainer && <>{contentOutsideContainer}</>}\n {fullWidth ? children : <div className={containerClasses}>{children}</div>}\n {divisorBottom && (\n <DivisorSVG\n position=\"bottom\"\n variant={divisorBottom.variant}\n color={divisorBottom.color}\n className={divisorBottom.className}\n height={divisorBottom.height}\n />\n )}\n </Component>\n );\n};\n\nexport default Section;\n"]}
|
package/dist/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';var
|
|
1
|
+
'use strict';var chunk2LL6FHBZ_cjs=require('./chunk-2LL6FHBZ.cjs'),chunkL7X5DXZO_cjs=require('./chunk-L7X5DXZO.cjs'),chunkOI62N27S_cjs=require('./chunk-OI62N27S.cjs');require('./chunk-U7VSEXSW.cjs');var chunkENMFI5RT_cjs=require('./chunk-ENMFI5RT.cjs');require('./chunk-GNFE24S7.cjs');Object.defineProperty(exports,"Button",{enumerable:true,get:function(){return chunk2LL6FHBZ_cjs.a}});Object.defineProperty(exports,"Section",{enumerable:true,get:function(){return chunkL7X5DXZO_cjs.a}});Object.defineProperty(exports,"Icon",{enumerable:true,get:function(){return chunkOI62N27S_cjs.a}});Object.defineProperty(exports,"ThemeProvider",{enumerable:true,get:function(){return chunkENMFI5RT_cjs.b}});Object.defineProperty(exports,"defaultTheme",{enumerable:true,get:function(){return chunkENMFI5RT_cjs.a}});Object.defineProperty(exports,"useTheme",{enumerable:true,get:function(){return chunkENMFI5RT_cjs.c}});//# sourceMappingURL=index.cjs.map
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{a as Button}from'./chunk-
|
|
1
|
+
export{a as Button}from'./chunk-3532Z6AD.js';export{a as Section}from'./chunk-6Y3OOIHB.js';export{a as Icon}from'./chunk-MVVNEKMH.js';import'./chunk-GUQJ6RZT.js';export{b as ThemeProvider,a as defaultTheme,c as useTheme}from'./chunk-CK44QQW5.js';import'./chunk-FW4363Y4.js';//# sourceMappingURL=index.js.map
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/styles.css
ADDED
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500: oklch(63.7% .237 25.331);--color-sky-500: oklch(68.5% .169 237.323);--color-black: #000;--color-white: #fff;--spacing: .25rem;--container-7xl: 80rem;--text-xs: .75rem;--text-xs--line-height: calc(1 / .75);--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-base: 1rem;--text-base--line-height: 1.5 ;--text-lg: 1.125rem;--text-lg--line-height: calc(1.75 / 1.125);--text-xl: 1.25rem;--text-xl--line-height: calc(1.75 / 1.25);--text-2xl: 1.5rem;--text-2xl--line-height: calc(2 / 1.5);--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 700;--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono);--spacing-gap: var(--berdsk-spacing-gap)}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::-moz-placeholder{color:currentcolor;@supports (color: color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}::placeholder{color:currentcolor;@supports (color: color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.-top-full{top:-100%}.top-0{top:calc(var(--spacing) * 0)}.top-full{top:100%}.-bottom-full{bottom:-100%}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-full{bottom:100%}.left-0{left:calc(var(--spacing) * 0)}.z-50{z-index:50}.container{width:100%;@media(width>=40rem){max-width:40rem}@media(width>=48rem){max-width:48rem}@media(width>=64rem){max-width:64rem}@media(width>=80rem){max-width:80rem}@media(width>=96rem){max-width:96rem}}.mx-auto{margin-inline:auto}.flex{display:flex}.inline{display:inline}.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1 / 1}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-auto{height:auto}.min-h-screen{min-height:100vh}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-full{width:100%}.max-w-7xl{max-width:var(--container-7xl)}.flex-1{flex:1}.-translate-y-full{--tw-translate-y: -100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-full{--tw-translate-y: 100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-gap{gap:var(--spacing-gap)}.rounded{border-radius:.25rem}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xs{border-radius:var(--radius-xs)}.border{border-style:var(--tw-border-style);border-width:1px}.border-none{--tw-border-style: none;border-style:none}.border-transparent{border-color:transparent}.bg-black{background-color:var(--color-black)}.bg-sky-500{background-color:var(--color-sky-500)}.bg-transparent{background-color:transparent}.fill-red-500{fill:var(--color-red-500)}.p-0{padding:calc(var(--spacing) * 0)}.px-0{padding-inline:calc(var(--spacing) * 0)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-10{padding-inline:calc(var(--spacing) * 10)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}.font-bold{--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight: var(--font-weight-normal);font-weight:var(--font-weight-normal)}.text-white{color:var(--color-white)}.underline{text-decoration-line:underline}.opacity-60{opacity:60%}.shadow-md{--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.hover\:scale-105{&:hover{@media(hover:hover){--tw-scale-x: 105%;--tw-scale-y: 105%;--tw-scale-z: 105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}}.hover\:bg-black\/5{&:hover{@media(hover:hover){background-color:color-mix(in srgb,#000 5%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-black) 5%,transparent)}}}}.hover\:opacity-80{&:hover{@media(hover:hover){opacity:80%}}}.hover\:brightness-90{&:hover{@media(hover:hover){--tw-brightness: brightness(90%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}}.sm\:px-6{@media(width>=40rem){padding-inline:calc(var(--spacing) * 6)}}.lg\:px-8{@media(width>=64rem){padding-inline:calc(var(--spacing) * 8)}}}.bdk-section-container{margin-inline:auto;width:100%;max-width:var(--container-7xl);padding-inline:calc(var(--spacing) * 4);@media(width>=40rem){padding-inline:calc(var(--spacing) * 6)}@media(width>=64rem){padding-inline:calc(var(--spacing) * 8)}}.bdk-button-base{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;gap:var(--spacing-gap);border-style:var(--tw-border-style);border-width:1px;--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium);transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));&:disabled{cursor:not-allowed}&:disabled{opacity:60%}}@property --tw-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-rotate-x{syntax: "*"; inherits: false;}@property --tw-rotate-y{syntax: "*"; inherits: false;}@property --tw-rotate-z{syntax: "*"; inherits: false;}@property --tw-skew-x{syntax: "*"; inherits: false;}@property --tw-skew-y{syntax: "*"; inherits: false;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false;}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false;}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false;}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false;}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@property --tw-scale-x{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-scale-y{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-scale-z{syntax: "*"; inherits: false; initial-value: 1;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-border-style: solid;--tw-font-weight: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1}}}
|
|
2
|
+
/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
|
|
3
|
+
/*# sourceMappingURL=styles.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/styles/index.css"],"sourcesContent":["/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n :root, :host {\n --font-sans: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\",\n \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n \"Courier New\", monospace;\n --color-red-500: oklch(63.7% 0.237 25.331);\n --color-sky-500: oklch(68.5% 0.169 237.323);\n --color-black: #000;\n --color-white: #fff;\n --spacing: 0.25rem;\n --container-7xl: 80rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --text-sm: 0.875rem;\n --text-sm--line-height: calc(1.25 / 0.875);\n --text-base: 1rem;\n --text-base--line-height: calc(1.5 / 1);\n --text-lg: 1.125rem;\n --text-lg--line-height: calc(1.75 / 1.125);\n --text-xl: 1.25rem;\n --text-xl--line-height: calc(1.75 / 1.25);\n --text-2xl: 1.5rem;\n --text-2xl--line-height: calc(2 / 1.5);\n --font-weight-normal: 400;\n --font-weight-medium: 500;\n --font-weight-bold: 700;\n --radius-xs: 0.125rem;\n --radius-sm: 0.25rem;\n --radius-md: 0.375rem;\n --radius-lg: 0.5rem;\n --default-transition-duration: 150ms;\n --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n --default-font-family: var(--font-sans);\n --default-mono-font-family: var(--font-mono);\n --spacing-gap: var(--berdsk-spacing-gap);\n }\n}\n@layer base {\n *, ::after, ::before, ::backdrop, ::file-selector-button {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: 0 solid;\n }\n html, :host {\n line-height: 1.5;\n -webkit-text-size-adjust: 100%;\n -moz-tab-size: 4;\n -o-tab-size: 4;\n tab-size: 4;\n font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n font-feature-settings: var(--default-font-feature-settings, normal);\n font-variation-settings: var(--default-font-variation-settings, normal);\n -webkit-tap-highlight-color: transparent;\n }\n hr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n }\n abbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n }\n h1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n }\n a {\n color: inherit;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n }\n b, strong {\n font-weight: bolder;\n }\n code, kbd, samp, pre {\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\n font-size: 1em;\n }\n small {\n font-size: 80%;\n }\n sub, sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n }\n sub {\n bottom: -0.25em;\n }\n sup {\n top: -0.5em;\n }\n table {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n }\n :-moz-focusring {\n outline: auto;\n }\n progress {\n vertical-align: baseline;\n }\n summary {\n display: list-item;\n }\n ol, ul, menu {\n list-style: none;\n }\n img, svg, video, canvas, audio, iframe, embed, object {\n display: block;\n vertical-align: middle;\n }\n img, video {\n max-width: 100%;\n height: auto;\n }\n button, input, select, optgroup, textarea, ::file-selector-button {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n border-radius: 0;\n background-color: transparent;\n opacity: 1;\n }\n :where(select:is([multiple], [size])) optgroup {\n font-weight: bolder;\n }\n :where(select:is([multiple], [size])) optgroup option {\n padding-inline-start: 20px;\n }\n ::file-selector-button {\n margin-inline-end: 4px;\n }\n ::-moz-placeholder {\n opacity: 1;\n }\n ::placeholder {\n opacity: 1;\n }\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\n ::-moz-placeholder {\n color: currentcolor;\n @supports (color: color-mix(in lab, red, red)) {\n color: color-mix(in oklab, currentcolor 50%, transparent);\n }\n }\n ::placeholder {\n color: currentcolor;\n @supports (color: color-mix(in lab, red, red)) {\n color: color-mix(in oklab, currentcolor 50%, transparent);\n }\n }\n }\n textarea {\n resize: vertical;\n }\n ::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n ::-webkit-date-and-time-value {\n min-height: 1lh;\n text-align: inherit;\n }\n ::-webkit-datetime-edit {\n display: inline-flex;\n }\n ::-webkit-datetime-edit-fields-wrapper {\n padding: 0;\n }\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n padding-block: 0;\n }\n ::-webkit-calendar-picker-indicator {\n line-height: 1;\n }\n :-moz-ui-invalid {\n box-shadow: none;\n }\n button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]), ::file-selector-button {\n -webkit-appearance: button;\n -moz-appearance: button;\n appearance: button;\n }\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n height: auto;\n }\n [hidden]:where(:not([hidden=\"until-found\"])) {\n display: none !important;\n }\n}\n@layer utilities {\n .pointer-events-none {\n pointer-events: none;\n }\n .absolute {\n position: absolute;\n }\n .relative {\n position: relative;\n }\n .-top-full {\n top: -100%;\n }\n .top-0 {\n top: calc(var(--spacing) * 0);\n }\n .top-full {\n top: 100%;\n }\n .-bottom-full {\n bottom: -100%;\n }\n .bottom-0 {\n bottom: calc(var(--spacing) * 0);\n }\n .bottom-full {\n bottom: 100%;\n }\n .left-0 {\n left: calc(var(--spacing) * 0);\n }\n .z-50 {\n z-index: 50;\n }\n .container {\n width: 100%;\n @media (width >= 40rem) {\n max-width: 40rem;\n }\n @media (width >= 48rem) {\n max-width: 48rem;\n }\n @media (width >= 64rem) {\n max-width: 64rem;\n }\n @media (width >= 80rem) {\n max-width: 80rem;\n }\n @media (width >= 96rem) {\n max-width: 96rem;\n }\n }\n .mx-auto {\n margin-inline: auto;\n }\n .flex {\n display: flex;\n }\n .inline {\n display: inline;\n }\n .inline-flex {\n display: inline-flex;\n }\n .aspect-square {\n aspect-ratio: 1 / 1;\n }\n .h-6 {\n height: calc(var(--spacing) * 6);\n }\n .h-8 {\n height: calc(var(--spacing) * 8);\n }\n .h-10 {\n height: calc(var(--spacing) * 10);\n }\n .h-12 {\n height: calc(var(--spacing) * 12);\n }\n .h-14 {\n height: calc(var(--spacing) * 14);\n }\n .h-16 {\n height: calc(var(--spacing) * 16);\n }\n .h-auto {\n height: auto;\n }\n .min-h-screen {\n min-height: 100vh;\n }\n .w-6 {\n width: calc(var(--spacing) * 6);\n }\n .w-8 {\n width: calc(var(--spacing) * 8);\n }\n .w-10 {\n width: calc(var(--spacing) * 10);\n }\n .w-12 {\n width: calc(var(--spacing) * 12);\n }\n .w-14 {\n width: calc(var(--spacing) * 14);\n }\n .w-16 {\n width: calc(var(--spacing) * 16);\n }\n .w-full {\n width: 100%;\n }\n .max-w-7xl {\n max-width: var(--container-7xl);\n }\n .flex-1 {\n flex: 1;\n }\n .-translate-y-full {\n --tw-translate-y: -100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-full {\n --tw-translate-y: 100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .transform {\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\n }\n .cursor-not-allowed {\n cursor: not-allowed;\n }\n .cursor-pointer {\n cursor: pointer;\n }\n .flex-col {\n flex-direction: column;\n }\n .items-center {\n align-items: center;\n }\n .justify-center {\n justify-content: center;\n }\n .gap-gap {\n gap: var(--spacing-gap);\n }\n .rounded {\n border-radius: 0.25rem;\n }\n .rounded-full {\n border-radius: calc(infinity * 1px);\n }\n .rounded-lg {\n border-radius: var(--radius-lg);\n }\n .rounded-md {\n border-radius: var(--radius-md);\n }\n .rounded-none {\n border-radius: 0;\n }\n .rounded-sm {\n border-radius: var(--radius-sm);\n }\n .rounded-xs {\n border-radius: var(--radius-xs);\n }\n .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n .border-none {\n --tw-border-style: none;\n border-style: none;\n }\n .border-transparent {\n border-color: transparent;\n }\n .bg-black {\n background-color: var(--color-black);\n }\n .bg-sky-500 {\n background-color: var(--color-sky-500);\n }\n .bg-transparent {\n background-color: transparent;\n }\n .fill-red-500 {\n fill: var(--color-red-500);\n }\n .p-0 {\n padding: calc(var(--spacing) * 0);\n }\n .px-0 {\n padding-inline: calc(var(--spacing) * 0);\n }\n .px-2 {\n padding-inline: calc(var(--spacing) * 2);\n }\n .px-3 {\n padding-inline: calc(var(--spacing) * 3);\n }\n .px-4 {\n padding-inline: calc(var(--spacing) * 4);\n }\n .px-6 {\n padding-inline: calc(var(--spacing) * 6);\n }\n .px-8 {\n padding-inline: calc(var(--spacing) * 8);\n }\n .px-10 {\n padding-inline: calc(var(--spacing) * 10);\n }\n .text-center {\n text-align: center;\n }\n .text-2xl {\n font-size: var(--text-2xl);\n line-height: var(--tw-leading, var(--text-2xl--line-height));\n }\n .text-base {\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n }\n .text-lg {\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n }\n .text-sm {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n .text-xl {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n }\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n .font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n .font-medium {\n --tw-font-weight: var(--font-weight-medium);\n font-weight: var(--font-weight-medium);\n }\n .font-normal {\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\n }\n .text-white {\n color: var(--color-white);\n }\n .underline {\n text-decoration-line: underline;\n }\n .opacity-60 {\n opacity: 60%;\n }\n .shadow-md {\n --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .filter {\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n }\n .transition-all {\n transition-property: all;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-transform {\n transition-property: transform, translate, scale, rotate;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .hover\\:scale-105 {\n &:hover {\n @media (hover: hover) {\n --tw-scale-x: 105%;\n --tw-scale-y: 105%;\n --tw-scale-z: 105%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n }\n }\n .hover\\:bg-black\\/5 {\n &:hover {\n @media (hover: hover) {\n background-color: color-mix(in srgb, #000 5%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-black) 5%, transparent);\n }\n }\n }\n }\n .hover\\:opacity-80 {\n &:hover {\n @media (hover: hover) {\n opacity: 80%;\n }\n }\n }\n .hover\\:brightness-90 {\n &:hover {\n @media (hover: hover) {\n --tw-brightness: brightness(90%);\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n }\n }\n }\n .sm\\:px-6 {\n @media (width >= 40rem) {\n padding-inline: calc(var(--spacing) * 6);\n }\n }\n .lg\\:px-8 {\n @media (width >= 64rem) {\n padding-inline: calc(var(--spacing) * 8);\n }\n }\n}\n.bdk-section-container {\n margin-inline: auto;\n width: 100%;\n max-width: var(--container-7xl);\n padding-inline: calc(var(--spacing) * 4);\n @media (width >= 40rem) {\n padding-inline: calc(var(--spacing) * 6);\n }\n @media (width >= 64rem) {\n padding-inline: calc(var(--spacing) * 8);\n }\n}\n.bdk-button-base {\n display: inline-flex;\n cursor: pointer;\n align-items: center;\n justify-content: center;\n gap: var(--spacing-gap);\n border-style: var(--tw-border-style);\n border-width: 1px;\n --tw-font-weight: var(--font-weight-medium);\n font-weight: var(--font-weight-medium);\n transition-property: all;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n &:disabled {\n cursor: not-allowed;\n }\n &:disabled {\n opacity: 60%;\n }\n}\n@property --tw-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-translate-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-rotate-x {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-rotate-y {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-rotate-z {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-skew-x {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-skew-y {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-border-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n@property --tw-font-weight {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-inset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-inset-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-ring-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-inset-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ring-offset-width {\n syntax: \"<length>\";\n inherits: false;\n initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n syntax: \"*\";\n inherits: false;\n initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-blur {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-brightness {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-contrast {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-grayscale {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-hue-rotate {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-invert {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-opacity {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-saturate {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-sepia {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-drop-shadow {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-drop-shadow-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-drop-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-drop-shadow-size {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-scale-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-scale-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-scale-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n@layer properties {\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n *, ::before, ::after, ::backdrop {\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n --tw-rotate-x: initial;\n --tw-rotate-y: initial;\n --tw-rotate-z: initial;\n --tw-skew-x: initial;\n --tw-skew-y: initial;\n --tw-border-style: solid;\n --tw-font-weight: initial;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-color: initial;\n --tw-shadow-alpha: 100%;\n --tw-inset-shadow: 0 0 #0000;\n --tw-inset-shadow-color: initial;\n --tw-inset-shadow-alpha: 100%;\n --tw-ring-color: initial;\n --tw-ring-shadow: 0 0 #0000;\n --tw-inset-ring-color: initial;\n --tw-inset-ring-shadow: 0 0 #0000;\n --tw-ring-inset: initial;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-blur: initial;\n --tw-brightness: initial;\n --tw-contrast: initial;\n --tw-grayscale: initial;\n --tw-hue-rotate: initial;\n --tw-invert: initial;\n --tw-opacity: initial;\n --tw-saturate: initial;\n --tw-sepia: initial;\n --tw-drop-shadow: initial;\n --tw-drop-shadow-color: initial;\n --tw-drop-shadow-alpha: 100%;\n --tw-drop-shadow-size: initial;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-scale-z: 1;\n }\n }\n}\r\n"],"mappings":"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","names":[]}
|
package/dist/styles.d.ts
ADDED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@berdsk/ui",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.11",
|
|
4
4
|
"description": "Biblioteca de componentes UI profissional da Berdsk",
|
|
5
5
|
"author": "Berdsk",
|
|
6
6
|
"publishConfig": {
|
|
@@ -32,13 +32,16 @@
|
|
|
32
32
|
"clean": "rimraf dist",
|
|
33
33
|
"prepublishOnly": "npm run build",
|
|
34
34
|
"dev": "tsup --watch",
|
|
35
|
-
"format": "prettier --write ."
|
|
35
|
+
"format": "prettier --write .",
|
|
36
|
+
"login-pre-publish": "npm login",
|
|
37
|
+
"publish": "npm publish --access public"
|
|
36
38
|
},
|
|
37
39
|
"peerDependencies": {
|
|
38
40
|
"react": ">=18",
|
|
39
41
|
"react-dom": ">=18"
|
|
40
42
|
},
|
|
41
43
|
"devDependencies": {
|
|
44
|
+
"@tailwindcss/postcss": "^4.1.18",
|
|
42
45
|
"@types/react": "^19.2.14",
|
|
43
46
|
"@types/react-dom": "^19.2.0",
|
|
44
47
|
"autoprefixer": "^10.4.24",
|
package/dist/chunk-KXPGO6PS.cjs
DELETED
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
'use strict';var chunkU7VSEXSW_cjs=require('./chunk-U7VSEXSW.cjs'),jsxRuntime=require('react/jsx-runtime');var w=({variant:a,color:t,className:n,height:c=100,position:p})=>{let s=!!t,o=s&&(t.includes("#")||t.includes("rgb")||t.includes("hsl")||t.includes("(")),v={height:c,...o?{color:t}:{}},f=chunkU7VSEXSW_cjs.a("absolute left-0 w-full z-50 pointer-events-none",p==="top"?"bottom-full":"top-full",s&&!o?t:"",n),l={wavy:"bottom","wavy-simple":"top",arched:"bottom"},r=p==="top"?"bottom":"top",i=l[a]!==r?{transform:"scaleY(-1)",transformOrigin:"center"}:{};return jsxRuntime.jsxs("div",{className:f,style:v,"aria-hidden":true,children:[a==="wavy"&&jsxRuntime.jsx("svg",{width:"100%",height:"100%",viewBox:"0 0 1280 140",preserveAspectRatio:"none",xmlns:"http://www.w3.org/2000/svg",style:i,children:jsxRuntime.jsxs("g",{fill:"currentColor",children:[jsxRuntime.jsx("path",{d:"M1280 3.4C1050.59 18 1019.4 84.89 734.42 84.89c-320 0-320-84.3-640-84.3C59.4.59 28.2 1.6 0 3.4V140h1280z",fillOpacity:".3"}),jsxRuntime.jsx("path",{d:"M0 24.31c43.46-5.69 94.56-9.25 158.42-9.25 320 0 320 89.24 640 89.24 256.13 0 307.28-57.16 481.58-80V140H0z",fillOpacity:".5"}),jsxRuntime.jsx("path",{d:"M1280 51.76c-201 12.49-242.43 53.4-513.58 53.4-320 0-320-57-640-57-48.85.01-90.21 1.35-126.42 3.6V140h1280z"})]})}),a==="wavy-simple"&&jsxRuntime.jsx("svg",{width:"100%",height:"100%",viewBox:"0 0 1280 140",preserveAspectRatio:"none",xmlns:"http://www.w3.org/2000/svg",style:i,children:jsxRuntime.jsx("g",{fill:"currentColor",children:jsxRuntime.jsx("path",{d:"M320 28C160 28 80 49 0 70V0h1280v70c-80 21-160 42-320 42-320 0-320-84-640-84z"})})}),a==="arched"&&jsxRuntime.jsx("svg",{width:"100%",height:"100%",viewBox:"0 0 1280 140",preserveAspectRatio:"none",xmlns:"http://www.w3.org/2000/svg",style:i,children:jsxRuntime.jsxs("g",{fill:"currentColor",children:[jsxRuntime.jsx("path",{d:"M725.29 101.2C325.22 122.48 0 0 0 0v140h1280V0s-154.64 79.92-554.71 101.2z",fillOpacity:".3"}),jsxRuntime.jsx("path",{d:"M556.45 119.74C953.41 140 1280 14 1280 14v126H0V0s159.5 99.48 556.45 119.74z",fillOpacity:".5"}),jsxRuntime.jsx("path",{d:"M640 140c353.46 0 640-140 640-139v140H0V0s286.54 140 640 140z"})]})})]})},x=({children:a,as:t="section",fullWidth:n=false,screenHeight:c=false,flex:p=false,centerX:s=false,centerY:o=false,className:v="",containerClassName:f="",divisorTop:l,divisorBottom:r,...g})=>{let i=!!c,d=chunkU7VSEXSW_cjs.a("relative w-full",c&&"min-h-screen",p&&"flex-1",c&&"flex flex-col",(s||o)&&"flex",s&&(n||i)&&"items-center",o&&(n||i)&&"justify-center",s&&n&&!i&&"justify-center",o&&n&&!i&&"items-center",v),u=chunkU7VSEXSW_cjs.a("mx-auto px-4 sm:px-6 lg:px-8 max-w-7xl w-full",{"flex-1":c,flex:s||o,"justify-center":s,"items-center":o},f);return jsxRuntime.jsxs(t,{className:d,...g,children:[l&&jsxRuntime.jsx(w,{position:"top",variant:l.variant,color:l.color,className:l.className,height:l.height}),n?a:jsxRuntime.jsx("div",{className:u,children:a}),r&&jsxRuntime.jsx(w,{position:"bottom",variant:r.variant,color:r.color,className:r.className,height:r.height})]})},y=x;
|
|
2
|
-
exports.a=x;exports.b=y;//# sourceMappingURL=chunk-KXPGO6PS.cjs.map
|
|
3
|
-
//# sourceMappingURL=chunk-KXPGO6PS.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/Section.tsx"],"names":["DivisorSVG","variant","color","className","height","position","hasColor","isCssColor","style","wrapperClasses","cn","naturalFlatSide","desiredTouchSide","svgCommonStyle","jsxs","jsx","Section","children","Component","fullWidth","screenHeight","flex","centerX","centerY","containerClassName","divisorTop","divisorBottom","props","isSectionColumn","sectionClasses","containerClasses","Section_default"],"mappings":"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","file":"chunk-KXPGO6PS.cjs","sourcesContent":["import { CSSProperties, HTMLAttributes, ReactNode } from 'react';\nimport cn from '../utils/cn';\n\ntype DivisorVariant = 'wavy' | 'wavy-simple' | 'arched';\n\ninterface DivisorOptions {\n variant: DivisorVariant;\n color?: string; // CSS color (hex, rgb, hsl ou token tailwind via className externa)\n className?: string; // Classes adicionais (ex: text-primary-500)\n height?: number; // altura em px (default 100)\n}\n\nexport interface SectionProps extends HTMLAttributes<HTMLElement> {\n children: ReactNode;\n as?: 'section' | 'header' | 'footer' | 'nav' | 'article' | 'main';\n fullWidth?: boolean;\n screenHeight?: boolean;\n flex?: boolean;\n centerX?: boolean;\n centerY?: boolean;\n containerClassName?: string;\n divisorTop?: DivisorOptions;\n divisorBottom?: DivisorOptions;\n}\n\nconst DivisorSVG = ({\n variant,\n color,\n className,\n height = 100,\n position,\n}: DivisorOptions & { position: 'top' | 'bottom' }) => {\n // Se não houver color nem className, usamos currentColor\n const hasColor = !!color;\n\n // Verifica se o color passado parece uma classe Tailwind (não contém #, rgb, hsl e não é uma cor nomeada simples se quisermos ser rigorosos,\n // mas geralmente se tem espaços ou começa com text-/bg-/fill- é tailwind)\n // Uma abordagem melhor: se não contém caracteres especiais de cores CSS, tratamos como classe.\n const isCssColor =\n hasColor && (color.includes('#') || color.includes('rgb') || color.includes('hsl') || color.includes('('));\n\n const style: CSSProperties = {\n height,\n ...(isCssColor ? { color } : {}),\n };\n\n const wrapperClasses = cn(\n 'absolute left-0 w-full z-50 pointer-events-none',\n position === 'top' ? 'bottom-full' : 'top-full',\n hasColor && !isCssColor ? color : '', // Se for classe Tailwind, joga no cn\n className,\n );\n\n // Lado \"reto\" natural de cada SVG\n const naturalFlatSide: Record<DivisorVariant, 'top' | 'bottom'> = {\n wavy: 'bottom',\n 'wavy-simple': 'top',\n arched: 'bottom',\n };\n\n // Se o divisor está no TOPO da section (lado de fora), a base reta do SVG deve estar no BOTTOM\n // (para encostar na borda superior da section).\n // Se o divisor está na BASE da section (lado de fora), a base reta do SVG deve estar no TOP\n // (para encostar na borda inferior da section).\n const desiredTouchSide = position === 'top' ? 'bottom' : 'top';\n const needsFlip = naturalFlatSide[variant] !== desiredTouchSide;\n const svgCommonStyle: CSSProperties = needsFlip ? { transform: 'scaleY(-1)', transformOrigin: 'center' } : {};\n\n return (\n <div className={wrapperClasses} style={style} aria-hidden>\n {variant === 'wavy' && (\n <svg\n width=\"100%\"\n height=\"100%\"\n viewBox=\"0 0 1280 140\"\n preserveAspectRatio=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n style={svgCommonStyle}\n >\n <g fill=\"currentColor\">\n <path\n d=\"M1280 3.4C1050.59 18 1019.4 84.89 734.42 84.89c-320 0-320-84.3-640-84.3C59.4.59 28.2 1.6 0 3.4V140h1280z\"\n fillOpacity=\".3\"\n />\n <path\n d=\"M0 24.31c43.46-5.69 94.56-9.25 158.42-9.25 320 0 320 89.24 640 89.24 256.13 0 307.28-57.16 481.58-80V140H0z\"\n fillOpacity=\".5\"\n />\n <path d=\"M1280 51.76c-201 12.49-242.43 53.4-513.58 53.4-320 0-320-57-640-57-48.85.01-90.21 1.35-126.42 3.6V140h1280z\" />\n </g>\n </svg>\n )}\n {variant === 'wavy-simple' && (\n <svg\n width=\"100%\"\n height=\"100%\"\n viewBox=\"0 0 1280 140\"\n preserveAspectRatio=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n style={svgCommonStyle}\n >\n <g fill=\"currentColor\">\n <path d=\"M320 28C160 28 80 49 0 70V0h1280v70c-80 21-160 42-320 42-320 0-320-84-640-84z\" />\n </g>\n </svg>\n )}\n {variant === 'arched' && (\n <svg\n width=\"100%\"\n height=\"100%\"\n viewBox=\"0 0 1280 140\"\n preserveAspectRatio=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n style={svgCommonStyle}\n >\n <g fill=\"currentColor\">\n <path d=\"M725.29 101.2C325.22 122.48 0 0 0 0v140h1280V0s-154.64 79.92-554.71 101.2z\" fillOpacity=\".3\" />\n <path d=\"M556.45 119.74C953.41 140 1280 14 1280 14v126H0V0s159.5 99.48 556.45 119.74z\" fillOpacity=\".5\" />\n <path d=\"M640 140c353.46 0 640-140 640-139v140H0V0s286.54 140 640 140z\" />\n </g>\n </svg>\n )}\n </div>\n );\n};\n\nexport const Section = ({\n children,\n as: Component = 'section',\n fullWidth = false,\n screenHeight = false,\n flex = false,\n centerX = false,\n centerY = false,\n className = '',\n containerClassName = '',\n divisorTop,\n divisorBottom,\n ...props\n}: SectionProps) => {\n const isSectionColumn = !!screenHeight;\n\n const sectionClasses = cn(\n 'relative w-full',\n screenHeight && 'min-h-screen',\n flex && 'flex-1',\n screenHeight && 'flex flex-col',\n (centerX || centerY) && 'flex',\n // Centralização quando é fullWidth ou screenHeight (flex-col)\n centerX && (fullWidth || isSectionColumn) && 'items-center',\n centerY && (fullWidth || isSectionColumn) && 'justify-center',\n // Centralização quando é fullWidth e NÃO é coluna (flex-row padrão)\n centerX && fullWidth && !isSectionColumn && 'justify-center',\n centerY && fullWidth && !isSectionColumn && 'items-center',\n className,\n );\n\n const containerClasses = cn(\n 'mx-auto px-4 sm:px-6 lg:px-8 max-w-7xl w-full',\n {\n 'flex-1': screenHeight,\n flex: centerX || centerY,\n 'justify-center': centerX,\n 'items-center': centerY,\n },\n containerClassName,\n );\n\n return (\n <Component className={sectionClasses} {...props}>\n {divisorTop && (\n <DivisorSVG\n position=\"top\"\n variant={divisorTop.variant}\n color={divisorTop.color}\n className={divisorTop.className}\n height={divisorTop.height}\n />\n )}\n {fullWidth ? children : <div className={containerClasses}>{children}</div>}\n {divisorBottom && (\n <DivisorSVG\n position=\"bottom\"\n variant={divisorBottom.variant}\n color={divisorBottom.color}\n className={divisorBottom.className}\n height={divisorBottom.height}\n />\n )}\n </Component>\n );\n};\n\nexport default Section;\n"]}
|
package/dist/chunk-ZOVZGLB5.js
DELETED
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import {a}from'./chunk-GUQJ6RZT.js';import {jsxs,jsx}from'react/jsx-runtime';var w=({variant:a$1,color:t,className:n,height:c=100,position:p})=>{let s=!!t,o=s&&(t.includes("#")||t.includes("rgb")||t.includes("hsl")||t.includes("(")),v={height:c,...o?{color:t}:{}},f=a("absolute left-0 w-full z-50 pointer-events-none",p==="top"?"bottom-full":"top-full",s&&!o?t:"",n),l={wavy:"bottom","wavy-simple":"top",arched:"bottom"},r=p==="top"?"bottom":"top",i=l[a$1]!==r?{transform:"scaleY(-1)",transformOrigin:"center"}:{};return jsxs("div",{className:f,style:v,"aria-hidden":true,children:[a$1==="wavy"&&jsx("svg",{width:"100%",height:"100%",viewBox:"0 0 1280 140",preserveAspectRatio:"none",xmlns:"http://www.w3.org/2000/svg",style:i,children:jsxs("g",{fill:"currentColor",children:[jsx("path",{d:"M1280 3.4C1050.59 18 1019.4 84.89 734.42 84.89c-320 0-320-84.3-640-84.3C59.4.59 28.2 1.6 0 3.4V140h1280z",fillOpacity:".3"}),jsx("path",{d:"M0 24.31c43.46-5.69 94.56-9.25 158.42-9.25 320 0 320 89.24 640 89.24 256.13 0 307.28-57.16 481.58-80V140H0z",fillOpacity:".5"}),jsx("path",{d:"M1280 51.76c-201 12.49-242.43 53.4-513.58 53.4-320 0-320-57-640-57-48.85.01-90.21 1.35-126.42 3.6V140h1280z"})]})}),a$1==="wavy-simple"&&jsx("svg",{width:"100%",height:"100%",viewBox:"0 0 1280 140",preserveAspectRatio:"none",xmlns:"http://www.w3.org/2000/svg",style:i,children:jsx("g",{fill:"currentColor",children:jsx("path",{d:"M320 28C160 28 80 49 0 70V0h1280v70c-80 21-160 42-320 42-320 0-320-84-640-84z"})})}),a$1==="arched"&&jsx("svg",{width:"100%",height:"100%",viewBox:"0 0 1280 140",preserveAspectRatio:"none",xmlns:"http://www.w3.org/2000/svg",style:i,children:jsxs("g",{fill:"currentColor",children:[jsx("path",{d:"M725.29 101.2C325.22 122.48 0 0 0 0v140h1280V0s-154.64 79.92-554.71 101.2z",fillOpacity:".3"}),jsx("path",{d:"M556.45 119.74C953.41 140 1280 14 1280 14v126H0V0s159.5 99.48 556.45 119.74z",fillOpacity:".5"}),jsx("path",{d:"M640 140c353.46 0 640-140 640-139v140H0V0s286.54 140 640 140z"})]})})]})},x=({children:a$1,as:t="section",fullWidth:n=false,screenHeight:c=false,flex:p=false,centerX:s=false,centerY:o=false,className:v="",containerClassName:f="",divisorTop:l,divisorBottom:r,...g})=>{let i=!!c,d=a("relative w-full",c&&"min-h-screen",p&&"flex-1",c&&"flex flex-col",(s||o)&&"flex",s&&(n||i)&&"items-center",o&&(n||i)&&"justify-center",s&&n&&!i&&"justify-center",o&&n&&!i&&"items-center",v),u=a("mx-auto px-4 sm:px-6 lg:px-8 max-w-7xl w-full",{"flex-1":c,flex:s||o,"justify-center":s,"items-center":o},f);return jsxs(t,{className:d,...g,children:[l&&jsx(w,{position:"top",variant:l.variant,color:l.color,className:l.className,height:l.height}),n?a$1:jsx("div",{className:u,children:a$1}),r&&jsx(w,{position:"bottom",variant:r.variant,color:r.color,className:r.className,height:r.height})]})},y=x;
|
|
2
|
-
export{x as a,y as b};//# sourceMappingURL=chunk-ZOVZGLB5.js.map
|
|
3
|
-
//# sourceMappingURL=chunk-ZOVZGLB5.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/Section.tsx"],"names":["DivisorSVG","variant","color","className","height","position","hasColor","isCssColor","style","wrapperClasses","cn","naturalFlatSide","desiredTouchSide","svgCommonStyle","jsxs","jsx","Section","children","Component","fullWidth","screenHeight","flex","centerX","centerY","containerClassName","divisorTop","divisorBottom","props","isSectionColumn","sectionClasses","containerClasses","Section_default"],"mappings":"6EAyBA,IAAMA,EAAa,CAAC,CAClB,QAAAC,GAAAA,CACA,KAAA,CAAAC,EACA,SAAA,CAAAC,CAAAA,CACA,OAAAC,CAAAA,CAAS,GAAA,CACT,SAAAC,CACF,CAAA,GAAuD,CAErD,IAAMC,CAAAA,CAAW,CAAC,CAACJ,CAAAA,CAKbK,EACJD,CAAAA,GAAaJ,CAAAA,CAAM,SAAS,GAAG,CAAA,EAAKA,EAAM,QAAA,CAAS,KAAK,GAAKA,CAAAA,CAAM,QAAA,CAAS,KAAK,CAAA,EAAKA,CAAAA,CAAM,SAAS,GAAG,CAAA,CAAA,CAEpGM,CAAAA,CAAuB,CAC3B,OAAAJ,CAAAA,CACA,GAAIG,EAAa,CAAE,KAAA,CAAAL,CAAM,CAAA,CAAI,EAC/B,CAAA,CAEMO,CAAAA,CAAiBC,EACrB,iDAAA,CACAL,CAAAA,GAAa,MAAQ,aAAA,CAAgB,UAAA,CACrCC,GAAY,CAACC,CAAAA,CAAaL,EAAQ,EAAA,CAClCC,CACF,EAGMQ,CAAAA,CAA4D,CAChE,KAAM,QAAA,CACN,aAAA,CAAe,MACf,MAAA,CAAQ,QACV,EAMMC,CAAAA,CAAmBP,CAAAA,GAAa,MAAQ,QAAA,CAAW,KAAA,CAEnDQ,EADYF,CAAAA,CAAgBV,GAAO,IAAMW,CAAAA,CACG,CAAE,SAAA,CAAW,YAAA,CAAc,gBAAiB,QAAS,CAAA,CAAI,EAAC,CAE5G,OACEE,KAAC,KAAA,CAAA,CAAI,SAAA,CAAWL,EAAgB,KAAA,CAAOD,CAAAA,CAAO,cAAW,IAAA,CACtD,QAAA,CAAA,CAAAP,MAAY,MAAA,EACXc,GAAAA,CAAC,OACC,KAAA,CAAM,MAAA,CACN,OAAO,MAAA,CACP,OAAA,CAAQ,eACR,mBAAA,CAAoB,MAAA,CACpB,MAAM,4BAAA,CACN,KAAA,CAAOF,EAEP,QAAA,CAAAC,IAAAA,CAAC,KAAE,IAAA,CAAK,cAAA,CACN,UAAAC,GAAAA,CAAC,MAAA,CAAA,CACC,EAAE,0GAAA,CACF,WAAA,CAAY,KACd,CAAA,CACAA,GAAAA,CAAC,QACC,CAAA,CAAE,6GAAA,CACF,YAAY,IAAA,CACd,CAAA,CACAA,IAAC,MAAA,CAAA,CAAK,CAAA,CAAE,8GAA8G,CAAA,CAAA,CACxH,CAAA,CACF,EAEDd,GAAAA,GAAY,aAAA,EACXc,IAAC,KAAA,CAAA,CACC,KAAA,CAAM,OACN,MAAA,CAAO,MAAA,CACP,QAAQ,cAAA,CACR,mBAAA,CAAoB,OACpB,KAAA,CAAM,4BAAA,CACN,MAAOF,CAAAA,CAEP,QAAA,CAAAE,IAAC,GAAA,CAAA,CAAE,IAAA,CAAK,eACN,QAAA,CAAAA,GAAAA,CAAC,QAAK,CAAA,CAAE,+EAAA,CAAgF,EAC1F,CAAA,CACF,CAAA,CAEDd,MAAY,QAAA,EACXc,GAAAA,CAAC,OACC,KAAA,CAAM,MAAA,CACN,MAAA,CAAO,MAAA,CACP,QAAQ,cAAA,CACR,mBAAA,CAAoB,OACpB,KAAA,CAAM,4BAAA,CACN,MAAOF,CAAAA,CAEP,QAAA,CAAAC,KAAC,GAAA,CAAA,CAAE,IAAA,CAAK,eACN,QAAA,CAAA,CAAAC,GAAAA,CAAC,QAAK,CAAA,CAAE,4EAAA,CAA6E,YAAY,IAAA,CAAK,CAAA,CACtGA,IAAC,MAAA,CAAA,CAAK,CAAA,CAAE,+EAA+E,WAAA,CAAY,IAAA,CAAK,EACxGA,GAAAA,CAAC,MAAA,CAAA,CAAK,EAAE,+DAAA,CAAgE,CAAA,CAAA,CAC1E,EACF,CAAA,CAAA,CAEJ,CAEJ,EAEaC,CAAAA,CAAU,CAAC,CACtB,QAAA,CAAAC,GAAAA,CACA,GAAIC,CAAAA,CAAY,SAAA,CAChB,SAAA,CAAAC,CAAAA,CAAY,MACZ,YAAA,CAAAC,CAAAA,CAAe,MACf,IAAA,CAAAC,CAAAA,CAAO,MACP,OAAA,CAAAC,CAAAA,CAAU,MACV,OAAA,CAAAC,CAAAA,CAAU,MACV,SAAA,CAAApB,CAAAA,CAAY,GACZ,kBAAA,CAAAqB,CAAAA,CAAqB,GACrB,UAAA,CAAAC,CAAAA,CACA,cAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,GAAoB,CAClB,IAAMC,CAAAA,CAAkB,CAAC,CAACR,CAAAA,CAEpBS,CAAAA,CAAiBnB,EACrB,iBAAA,CACAU,CAAAA,EAAgB,eAChBC,CAAAA,EAAQ,QAAA,CACRD,GAAgB,eAAA,CAAA,CACfE,CAAAA,EAAWC,IAAY,MAAA,CAExBD,CAAAA,GAAYH,CAAAA,EAAaS,CAAAA,CAAAA,EAAoB,eAC7CL,CAAAA,GAAYJ,CAAAA,EAAaS,IAAoB,gBAAA,CAE7CN,CAAAA,EAAWH,GAAa,CAACS,CAAAA,EAAmB,iBAC5CL,CAAAA,EAAWJ,CAAAA,EAAa,CAACS,CAAAA,EAAmB,cAAA,CAC5CzB,CACF,CAAA,CAEM2B,CAAAA,CAAmBpB,EACvB,+CAAA,CACA,CACE,SAAUU,CAAAA,CACV,IAAA,CAAME,GAAWC,CAAAA,CACjB,gBAAA,CAAkBD,EAClB,cAAA,CAAgBC,CAClB,EACAC,CACF,CAAA,CAEA,OACEV,IAAAA,CAACI,CAAAA,CAAA,CAAU,SAAA,CAAWW,CAAAA,CAAiB,GAAGF,CAAAA,CACvC,QAAA,CAAA,CAAAF,GACCV,GAAAA,CAACf,CAAAA,CAAA,CACC,QAAA,CAAS,KAAA,CACT,QAASyB,CAAAA,CAAW,OAAA,CACpB,MAAOA,CAAAA,CAAW,KAAA,CAClB,UAAWA,CAAAA,CAAW,SAAA,CACtB,OAAQA,CAAAA,CAAW,MAAA,CACrB,EAEDN,CAAAA,CAAYF,GAAAA,CAAWF,IAAC,KAAA,CAAA,CAAI,SAAA,CAAWe,EAAmB,QAAA,CAAAb,GAAAA,CAAS,EACnES,CAAAA,EACCX,GAAAA,CAACf,EAAA,CACC,QAAA,CAAS,SACT,OAAA,CAAS0B,CAAAA,CAAc,QACvB,KAAA,CAAOA,CAAAA,CAAc,MACrB,SAAA,CAAWA,CAAAA,CAAc,UACzB,MAAA,CAAQA,CAAAA,CAAc,OACxB,CAAA,CAAA,CAEJ,CAEJ,EAEOK,CAAAA,CAAQf","file":"chunk-ZOVZGLB5.js","sourcesContent":["import { CSSProperties, HTMLAttributes, ReactNode } from 'react';\nimport cn from '../utils/cn';\n\ntype DivisorVariant = 'wavy' | 'wavy-simple' | 'arched';\n\ninterface DivisorOptions {\n variant: DivisorVariant;\n color?: string; // CSS color (hex, rgb, hsl ou token tailwind via className externa)\n className?: string; // Classes adicionais (ex: text-primary-500)\n height?: number; // altura em px (default 100)\n}\n\nexport interface SectionProps extends HTMLAttributes<HTMLElement> {\n children: ReactNode;\n as?: 'section' | 'header' | 'footer' | 'nav' | 'article' | 'main';\n fullWidth?: boolean;\n screenHeight?: boolean;\n flex?: boolean;\n centerX?: boolean;\n centerY?: boolean;\n containerClassName?: string;\n divisorTop?: DivisorOptions;\n divisorBottom?: DivisorOptions;\n}\n\nconst DivisorSVG = ({\n variant,\n color,\n className,\n height = 100,\n position,\n}: DivisorOptions & { position: 'top' | 'bottom' }) => {\n // Se não houver color nem className, usamos currentColor\n const hasColor = !!color;\n\n // Verifica se o color passado parece uma classe Tailwind (não contém #, rgb, hsl e não é uma cor nomeada simples se quisermos ser rigorosos,\n // mas geralmente se tem espaços ou começa com text-/bg-/fill- é tailwind)\n // Uma abordagem melhor: se não contém caracteres especiais de cores CSS, tratamos como classe.\n const isCssColor =\n hasColor && (color.includes('#') || color.includes('rgb') || color.includes('hsl') || color.includes('('));\n\n const style: CSSProperties = {\n height,\n ...(isCssColor ? { color } : {}),\n };\n\n const wrapperClasses = cn(\n 'absolute left-0 w-full z-50 pointer-events-none',\n position === 'top' ? 'bottom-full' : 'top-full',\n hasColor && !isCssColor ? color : '', // Se for classe Tailwind, joga no cn\n className,\n );\n\n // Lado \"reto\" natural de cada SVG\n const naturalFlatSide: Record<DivisorVariant, 'top' | 'bottom'> = {\n wavy: 'bottom',\n 'wavy-simple': 'top',\n arched: 'bottom',\n };\n\n // Se o divisor está no TOPO da section (lado de fora), a base reta do SVG deve estar no BOTTOM\n // (para encostar na borda superior da section).\n // Se o divisor está na BASE da section (lado de fora), a base reta do SVG deve estar no TOP\n // (para encostar na borda inferior da section).\n const desiredTouchSide = position === 'top' ? 'bottom' : 'top';\n const needsFlip = naturalFlatSide[variant] !== desiredTouchSide;\n const svgCommonStyle: CSSProperties = needsFlip ? { transform: 'scaleY(-1)', transformOrigin: 'center' } : {};\n\n return (\n <div className={wrapperClasses} style={style} aria-hidden>\n {variant === 'wavy' && (\n <svg\n width=\"100%\"\n height=\"100%\"\n viewBox=\"0 0 1280 140\"\n preserveAspectRatio=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n style={svgCommonStyle}\n >\n <g fill=\"currentColor\">\n <path\n d=\"M1280 3.4C1050.59 18 1019.4 84.89 734.42 84.89c-320 0-320-84.3-640-84.3C59.4.59 28.2 1.6 0 3.4V140h1280z\"\n fillOpacity=\".3\"\n />\n <path\n d=\"M0 24.31c43.46-5.69 94.56-9.25 158.42-9.25 320 0 320 89.24 640 89.24 256.13 0 307.28-57.16 481.58-80V140H0z\"\n fillOpacity=\".5\"\n />\n <path d=\"M1280 51.76c-201 12.49-242.43 53.4-513.58 53.4-320 0-320-57-640-57-48.85.01-90.21 1.35-126.42 3.6V140h1280z\" />\n </g>\n </svg>\n )}\n {variant === 'wavy-simple' && (\n <svg\n width=\"100%\"\n height=\"100%\"\n viewBox=\"0 0 1280 140\"\n preserveAspectRatio=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n style={svgCommonStyle}\n >\n <g fill=\"currentColor\">\n <path d=\"M320 28C160 28 80 49 0 70V0h1280v70c-80 21-160 42-320 42-320 0-320-84-640-84z\" />\n </g>\n </svg>\n )}\n {variant === 'arched' && (\n <svg\n width=\"100%\"\n height=\"100%\"\n viewBox=\"0 0 1280 140\"\n preserveAspectRatio=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n style={svgCommonStyle}\n >\n <g fill=\"currentColor\">\n <path d=\"M725.29 101.2C325.22 122.48 0 0 0 0v140h1280V0s-154.64 79.92-554.71 101.2z\" fillOpacity=\".3\" />\n <path d=\"M556.45 119.74C953.41 140 1280 14 1280 14v126H0V0s159.5 99.48 556.45 119.74z\" fillOpacity=\".5\" />\n <path d=\"M640 140c353.46 0 640-140 640-139v140H0V0s286.54 140 640 140z\" />\n </g>\n </svg>\n )}\n </div>\n );\n};\n\nexport const Section = ({\n children,\n as: Component = 'section',\n fullWidth = false,\n screenHeight = false,\n flex = false,\n centerX = false,\n centerY = false,\n className = '',\n containerClassName = '',\n divisorTop,\n divisorBottom,\n ...props\n}: SectionProps) => {\n const isSectionColumn = !!screenHeight;\n\n const sectionClasses = cn(\n 'relative w-full',\n screenHeight && 'min-h-screen',\n flex && 'flex-1',\n screenHeight && 'flex flex-col',\n (centerX || centerY) && 'flex',\n // Centralização quando é fullWidth ou screenHeight (flex-col)\n centerX && (fullWidth || isSectionColumn) && 'items-center',\n centerY && (fullWidth || isSectionColumn) && 'justify-center',\n // Centralização quando é fullWidth e NÃO é coluna (flex-row padrão)\n centerX && fullWidth && !isSectionColumn && 'justify-center',\n centerY && fullWidth && !isSectionColumn && 'items-center',\n className,\n );\n\n const containerClasses = cn(\n 'mx-auto px-4 sm:px-6 lg:px-8 max-w-7xl w-full',\n {\n 'flex-1': screenHeight,\n flex: centerX || centerY,\n 'justify-center': centerX,\n 'items-center': centerY,\n },\n containerClassName,\n );\n\n return (\n <Component className={sectionClasses} {...props}>\n {divisorTop && (\n <DivisorSVG\n position=\"top\"\n variant={divisorTop.variant}\n color={divisorTop.color}\n className={divisorTop.className}\n height={divisorTop.height}\n />\n )}\n {fullWidth ? children : <div className={containerClasses}>{children}</div>}\n {divisorBottom && (\n <DivisorSVG\n position=\"bottom\"\n variant={divisorBottom.variant}\n color={divisorBottom.color}\n className={divisorBottom.className}\n height={divisorBottom.height}\n />\n )}\n </Component>\n );\n};\n\nexport default Section;\n"]}
|