@berdsk/ui 0.2.10 → 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 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 chunkZ5XWNRFP_cjs=require('./chunk-Z5XWNRFP.cjs');require('./chunk-U7VSEXSW.cjs'),require('./chunk-GNFE24S7.cjs');Object.defineProperty(exports,"Button",{enumerable:true,get:function(){return chunkZ5XWNRFP_cjs.a}});//# sourceMappingURL=Button.cjs.map
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.js CHANGED
@@ -1,2 +1,2 @@
1
- export{a as Button}from'./chunk-3SA2QKC6.js';import'./chunk-GUQJ6RZT.js';import'./chunk-FW4363Y4.js';//# sourceMappingURL=Button.js.map
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 chunkMTK6DOJZ_cjs=require('./chunk-MTK6DOJZ.cjs');require('./chunk-U7VSEXSW.cjs'),require('./chunk-GNFE24S7.cjs');Object.defineProperty(exports,"Section",{enumerable:true,get:function(){return chunkMTK6DOJZ_cjs.a}});Object.defineProperty(exports,"default",{enumerable:true,get:function(){return chunkMTK6DOJZ_cjs.b}});//# sourceMappingURL=Section.cjs.map
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.js CHANGED
@@ -1,2 +1,2 @@
1
- export{a as Section,b as default}from'./chunk-X46VCQ33.js';import'./chunk-GUQJ6RZT.js';import'./chunk-FW4363Y4.js';//# sourceMappingURL=Section.js.map
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'),p=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 p__namespace=/*#__PURE__*/_interopNamespace(p);var R=p__namespace.forwardRef(({children:s,variant:t="solid",color:u="primary",size:o="md",rounded:x="md",leftIcon:r,rightIcon:n,fullWidth:m=false,className:g="",href:d,...c},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"},w=!s&&(r||n),b=chunkU7VSEXSW_cjs.a("inline-flex items-center justify-center font-medium cursor-pointer transition-all border disabled:opacity-60 disabled:cursor-not-allowed gap-gap",t!=="link"?y[o]:"",t!=="link"&&w?`${f[o]} aspect-square px-0`:"",t!=="link"?v[x]:"",h[t][u],m?"w-full flex":"",g),i=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 d?jsxRuntime.jsx("a",{href:d,className:b,ref:l,...c,children:i}):jsxRuntime.jsx("button",{className:b,ref:l,...c,children:i})});R.displayName="Button";exports.a=R;//# sourceMappingURL=chunk-Z5XWNRFP.cjs.map
2
- //# sourceMappingURL=chunk-Z5XWNRFP.cjs.map
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","p","children","variant","color","size","rounded","leftIcon","rightIcon","fullWidth","className","href","props","ref","variants","sizes","iconOnlySizes","roundness","isIconOnly","combinedClasses","cn","content","jsxs","Fragment","jsx"],"mappings":"oeAcO,IAAMA,CAAAA,CAAeC,YAAA,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,mBAAAA,CACtB,kJAAA,CACAjB,CAAAA,GAAY,MAAA,CAASY,CAAAA,CAAMV,CAAI,CAAA,CAAI,EAAA,CACnCF,CAAAA,GAAY,QAAUe,CAAAA,CAAa,CAAA,EAAGF,CAAAA,CAAcX,CAAI,CAAC,CAAA,mBAAA,CAAA,CAAwB,EAAA,CACjFF,CAAAA,GAAY,MAAA,CAASc,CAAAA,CAAUX,CAAO,CAAA,CAAI,EAAA,CAC1CQ,CAAAA,CAASX,CAAO,CAAA,CAAEC,CAAK,CAAA,CACvBK,CAAAA,CAAY,aAAA,CAAgB,EAAA,CAC5BC,CACF,CAAA,CAEMW,CAAAA,CACJC,eAAAA,CAAAC,mBAAAA,CAAA,CACG,QAAA,CAAA,CAAAhB,CAAAA,EAAYiB,cAAAA,CAAC,QAAK,SAAA,CAAU,kCAAA,CAAoC,QAAA,CAAAjB,CAAAA,CAAS,CAAA,CACzEL,CAAAA,EACCsB,cAAAA,CAAC,MAAA,CAAA,CACC,SAAA,CAAWJ,mBAAAA,CAAG,aAAA,CAAe,CAC3B,QAAA,CAAU,CAAC,EAAEb,CAAAA,EAAYC,CAAAA,CAC3B,CAAC,CAAA,CAEA,QAAA,CAAAN,CAAAA,CACH,CAAA,CAEDM,CAAAA,EAAagB,cAAAA,CAAC,MAAA,CAAA,CAAK,SAAA,CAAU,kCAAA,CAAoC,QAAA,CAAAhB,CAAAA,CAAU,CAAA,CAAA,CAC9E,CAAA,CAGF,OAAIG,CAAAA,CAEAa,cAAAA,CAAC,GAAA,CAAA,CACC,IAAA,CAAMb,CAAAA,CACN,SAAA,CAAWQ,CAAAA,CACX,GAAA,CAAKN,CAAAA,CACJ,GAAID,CAAAA,CAEJ,QAAA,CAAAS,CAAAA,CACH,CAAA,CAKFG,cAAAA,CAAC,QAAA,CAAA,CACC,SAAA,CAAWL,CAAAA,CACX,GAAA,CAAKN,CAAAA,CACJ,GAAID,CAAAA,CAEJ,QAAA,CAAAS,CAAAA,CACH,CAEJ,CACF,EAEArB,CAAAA,CAAO,WAAA,CAAc,QAAA","file":"chunk-Z5XWNRFP.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 'inline-flex items-center justify-center font-medium cursor-pointer transition-all border disabled:opacity-60 disabled:cursor-not-allowed gap-gap',\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
+ {"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 p from'react';import {jsxs,Fragment,jsx}from'react/jsx-runtime';var R=p.forwardRef(({children:s,variant:t="solid",color:u="primary",size:o="md",rounded:x="md",leftIcon:r,rightIcon:n,fullWidth:m=false,className:g="",href:d,...c},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"},w=!s&&(r||n),b=a("inline-flex items-center justify-center font-medium cursor-pointer transition-all border disabled:opacity-60 disabled:cursor-not-allowed gap-gap",t!=="link"?y[o]:"",t!=="link"&&w?`${f[o]} aspect-square px-0`:"",t!=="link"?v[x]:"",h[t][u],m?"w-full flex":"",g),i=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 d?jsx("a",{href:d,className:b,ref:l,...c,children:i}):jsx("button",{className:b,ref:l,...c,children:i})});R.displayName="Button";export{R as a};//# sourceMappingURL=chunk-3SA2QKC6.js.map
2
- //# sourceMappingURL=chunk-3SA2QKC6.js.map
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":"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","file":"chunk-3SA2QKC6.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 'inline-flex items-center justify-center font-medium cursor-pointer transition-all border disabled:opacity-60 disabled:cursor-not-allowed gap-gap',\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
+ {"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"]}
@@ -1,3 +1,3 @@
1
- import {a}from'./chunk-GUQJ6RZT.js';import {jsxs,jsx,Fragment}from'react/jsx-runtime';var d=({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"})]})})]})},C=({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:w,...c})=>{let m=!!r,u=a("relative w-full",r&&"min-h-screen",p&&"flex-1",r&&"flex flex-col",(s||o)&&"flex",s&&(a$1||m)&&"items-center",o&&(a$1||m)&&"justify-center",s&&a$1&&!m&&"justify-center",o&&a$1&&!m&&"items-center",f),x=a("mx-auto px-4 sm:px-6 lg:px-8 max-w-7xl w-full",{"flex-1":r,flex:s||o,"justify-center":s,"items-center":o},g);return jsxs(t,{className:u,...c,children:[n&&jsx(d,{position:"top",variant:n.variant,color:n.color,className:n.className,height:n.height}),w&&jsx(Fragment,{children:w}),a$1?i:jsx("div",{className:x,children:i}),l&&jsx(d,{position:"bottom",variant:l.variant,color:l.color,className:l.className,height:l.height})]})},S=C;
2
- export{C as a,S as b};//# sourceMappingURL=chunk-X46VCQ33.js.map
3
- //# sourceMappingURL=chunk-X46VCQ33.js.map
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
@@ -1 +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-X46VCQ33.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 '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 {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"]}
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":"0FA0BMA,CAAAA,CAAa,CAAC,CAClB,OAAA,CAAAC,CAAAA,CACA,MAAAC,CAAAA,CACA,SAAA,CAAAC,IACA,MAAA,CAAAC,CAAAA,CAAS,IACT,QAAA,CAAAC,CACF,IAAuD,CAErD,IAAMC,EAAW,CAAC,CAACJ,EAKbK,CAAAA,CACJD,CAAAA,GAAaJ,EAAM,QAAA,CAAS,GAAG,GAAKA,CAAAA,CAAM,QAAA,CAAS,KAAK,CAAA,EAAKA,CAAAA,CAAM,SAAS,KAAK,CAAA,EAAKA,EAAM,QAAA,CAAS,GAAG,GAEpGM,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,GACF,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,CAAO,CAAA,GAAMW,CAAAA,CACG,CAAE,SAAA,CAAW,aAAc,eAAA,CAAiB,QAAS,EAAI,EAAC,CAE5G,OACEE,IAAAA,CAAC,KAAA,CAAA,CAAI,UAAWL,CAAAA,CAAgB,KAAA,CAAOD,EAAO,aAAA,CAAW,IAAA,CACtD,UAAAP,CAAAA,GAAY,MAAA,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,CAAAC,KAAC,GAAA,CAAA,CAAE,IAAA,CAAK,eACN,QAAA,CAAA,CAAAC,GAAAA,CAAC,QACC,CAAA,CAAE,0GAAA,CACF,YAAY,IAAA,CACd,CAAA,CACAA,IAAC,MAAA,CAAA,CACC,CAAA,CAAE,8GACF,WAAA,CAAY,IAAA,CACd,EACAA,GAAAA,CAAC,MAAA,CAAA,CAAK,EAAE,6GAAA,CAA8G,CAAA,CAAA,CACxH,EACF,CAAA,CAEDd,CAAAA,GAAY,eACXc,GAAAA,CAAC,KAAA,CAAA,CACC,MAAM,MAAA,CACN,MAAA,CAAO,OACP,OAAA,CAAQ,cAAA,CACR,oBAAoB,MAAA,CACpB,KAAA,CAAM,6BACN,KAAA,CAAOF,CAAAA,CAEP,SAAAE,GAAAA,CAAC,GAAA,CAAA,CAAE,KAAK,cAAA,CACN,QAAA,CAAAA,IAAC,MAAA,CAAA,CAAK,CAAA,CAAE,gFAAgF,CAAA,CAC1F,CAAA,CACF,EAEDd,CAAAA,GAAY,QAAA,EACXc,IAAC,KAAA,CAAA,CACC,KAAA,CAAM,MAAA,CACN,MAAA,CAAO,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,CAAK,EAAE,4EAAA,CAA6E,WAAA,CAAY,KAAK,CAAA,CACtGA,GAAAA,CAAC,QAAK,CAAA,CAAE,8EAAA,CAA+E,YAAY,IAAA,CAAK,CAAA,CACxGA,IAAC,MAAA,CAAA,CAAK,CAAA,CAAE,gEAAgE,CAAA,CAAA,CAC1E,CAAA,CACF,GAEJ,CAEJ,CAAA,CAEaC,EAAU,CAAC,CACtB,SAAAC,CAAAA,CACA,EAAA,CAAIC,EAAY,SAAA,CAChB,SAAA,CAAAC,IAAY,KAAA,CACZ,YAAA,CAAAC,EAAe,KAAA,CACf,IAAA,CAAAC,EAAO,KAAA,CACP,OAAA,CAAAC,EAAU,KAAA,CACV,OAAA,CAAAC,EAAU,KAAA,CACV,SAAA,CAAApB,EAAY,EAAA,CACZ,kBAAA,CAAAqB,EAAqB,EAAA,CACrB,UAAA,CAAAC,EACA,aAAA,CAAAC,CAAAA,CACA,wBAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,GAAoB,CAClB,IAAMC,CAAAA,CAAkB,CAAC,CAACT,CAAAA,CAEpBU,CAAAA,CAAiBpB,EACrB,iBAAA,CACAU,CAAAA,EAAgB,eAChBC,CAAAA,EAAQ,QAAA,CACRD,GAAgB,eAAA,CAAA,CACfE,CAAAA,EAAWC,IAAY,MAAA,CAExBD,CAAAA,GAAYH,GAAAA,EAAaU,CAAAA,CAAAA,EAAoB,cAAA,CAC7CN,CAAAA,GAAYJ,KAAaU,CAAAA,CAAAA,EAAoB,gBAAA,CAE7CP,GAAWH,GAAAA,EAAa,CAACU,GAAmB,gBAAA,CAC5CN,CAAAA,EAAWJ,KAAa,CAACU,CAAAA,EAAmB,eAC5C1B,CACF,CAAA,CAEM4B,EAAmBrB,CAAAA,CACvB,uBAAA,CACA,CACE,QAAA,CAAUU,CAAAA,CACV,KAAME,CAAAA,EAAWC,CAAAA,CACjB,iBAAkBD,CAAAA,CAClB,cAAA,CAAgBC,CAClB,CAAA,CACAC,CACF,EAEA,OACEV,IAAAA,CAACI,EAAA,CAAU,SAAA,CAAWY,EAAiB,GAAGF,CAAAA,CACvC,UAAAH,CAAAA,EACCV,GAAAA,CAACf,EAAA,CACC,QAAA,CAAS,KAAA,CACT,OAAA,CAASyB,CAAAA,CAAW,OAAA,CACpB,MAAOA,CAAAA,CAAW,KAAA,CAClB,UAAWA,CAAAA,CAAW,SAAA,CACtB,OAAQA,CAAAA,CAAW,MAAA,CACrB,EAEDE,CAAAA,EAA2BZ,GAAAA,CAAAiB,SAAA,CAAG,QAAA,CAAAL,EAAwB,CAAA,CACtDR,GAAAA,CAAYF,EAAWF,GAAAA,CAAC,KAAA,CAAA,CAAI,UAAWgB,CAAAA,CAAmB,QAAA,CAAAd,EAAS,CAAA,CACnES,CAAAA,EACCX,IAACf,CAAAA,CAAA,CACC,SAAS,QAAA,CACT,OAAA,CAAS0B,EAAc,OAAA,CACvB,KAAA,CAAOA,EAAc,KAAA,CACrB,SAAA,CAAWA,EAAc,SAAA,CACzB,MAAA,CAAQA,EAAc,MAAA,CACxB,CAAA,CAAA,CAEJ,CAEJ,CAAA,CAEOO,CAAAA,CAAQjB","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"]}
@@ -1,3 +1,3 @@
1
- 'use strict';var chunkU7VSEXSW_cjs=require('./chunk-U7VSEXSW.cjs'),jsxRuntime=require('react/jsx-runtime');var d=({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"})]})})]})},C=({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:w,...c})=>{let m=!!r,u=chunkU7VSEXSW_cjs.a("relative w-full",r&&"min-h-screen",p&&"flex-1",r&&"flex flex-col",(s||o)&&"flex",s&&(a||m)&&"items-center",o&&(a||m)&&"justify-center",s&&a&&!m&&"justify-center",o&&a&&!m&&"items-center",f),x=chunkU7VSEXSW_cjs.a("mx-auto px-4 sm:px-6 lg:px-8 max-w-7xl w-full",{"flex-1":r,flex:s||o,"justify-center":s,"items-center":o},g);return jsxRuntime.jsxs(t,{className:u,...c,children:[n&&jsxRuntime.jsx(d,{position:"top",variant:n.variant,color:n.color,className:n.className,height:n.height}),w&&jsxRuntime.jsx(jsxRuntime.Fragment,{children:w}),a?i:jsxRuntime.jsx("div",{className:x,children:i}),l&&jsxRuntime.jsx(d,{position:"bottom",variant:l.variant,color:l.color,className:l.className,height:l.height})]})},S=C;
2
- exports.a=C;exports.b=S;//# sourceMappingURL=chunk-MTK6DOJZ.cjs.map
3
- //# sourceMappingURL=chunk-MTK6DOJZ.cjs.map
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
@@ -1 +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":"+GA0BMA,CAAAA,CAAa,CAAC,CAClB,OAAA,CAAAC,CAAAA,CACA,MAAAC,CAAAA,CACA,SAAA,CAAAC,EACA,MAAA,CAAAC,CAAAA,CAAS,IACT,QAAA,CAAAC,CACF,IAAuD,CAErD,IAAMC,EAAW,CAAC,CAACJ,EAKbK,CAAAA,CACJD,CAAAA,GAAaJ,EAAM,QAAA,CAAS,GAAG,GAAKA,CAAAA,CAAM,QAAA,CAAS,KAAK,CAAA,EAAKA,CAAAA,CAAM,SAAS,KAAK,CAAA,EAAKA,EAAM,QAAA,CAAS,GAAG,GAEpGM,CAAAA,CAAuB,CAC3B,OAAAJ,CAAAA,CACA,GAAIG,EAAa,CAAE,KAAA,CAAAL,CAAM,CAAA,CAAI,EAC/B,CAAA,CAEMO,CAAAA,CAAiBC,oBACrB,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,CAAO,CAAA,GAAMW,CAAAA,CACG,CAAE,SAAA,CAAW,aAAc,eAAA,CAAiB,QAAS,EAAI,EAAC,CAE5G,OACEE,eAAAA,CAAC,KAAA,CAAA,CAAI,UAAWL,CAAAA,CAAgB,KAAA,CAAOD,EAAO,aAAA,CAAW,IAAA,CACtD,UAAAP,CAAAA,GAAY,MAAA,EACXc,eAAC,KAAA,CAAA,CACC,KAAA,CAAM,OACN,MAAA,CAAO,MAAA,CACP,QAAQ,cAAA,CACR,mBAAA,CAAoB,OACpB,KAAA,CAAM,4BAAA,CACN,MAAOF,CAAAA,CAEP,QAAA,CAAAC,gBAAC,GAAA,CAAA,CAAE,IAAA,CAAK,eACN,QAAA,CAAA,CAAAC,cAAAA,CAAC,QACC,CAAA,CAAE,0GAAA,CACF,YAAY,IAAA,CACd,CAAA,CACAA,eAAC,MAAA,CAAA,CACC,CAAA,CAAE,8GACF,WAAA,CAAY,IAAA,CACd,EACAA,cAAAA,CAAC,MAAA,CAAA,CAAK,EAAE,6GAAA,CAA8G,CAAA,CAAA,CACxH,EACF,CAAA,CAEDd,CAAAA,GAAY,eACXc,cAAAA,CAAC,KAAA,CAAA,CACC,MAAM,MAAA,CACN,MAAA,CAAO,OACP,OAAA,CAAQ,cAAA,CACR,oBAAoB,MAAA,CACpB,KAAA,CAAM,6BACN,KAAA,CAAOF,CAAAA,CAEP,SAAAE,cAAAA,CAAC,GAAA,CAAA,CAAE,KAAK,cAAA,CACN,QAAA,CAAAA,eAAC,MAAA,CAAA,CAAK,CAAA,CAAE,gFAAgF,CAAA,CAC1F,CAAA,CACF,EAEDd,CAAAA,GAAY,QAAA,EACXc,eAAC,KAAA,CAAA,CACC,KAAA,CAAM,MAAA,CACN,MAAA,CAAO,MAAA,CACP,OAAA,CAAQ,eACR,mBAAA,CAAoB,MAAA,CACpB,MAAM,4BAAA,CACN,KAAA,CAAOF,EAEP,QAAA,CAAAC,eAAAA,CAAC,KAAE,IAAA,CAAK,cAAA,CACN,UAAAC,cAAAA,CAAC,MAAA,CAAA,CAAK,EAAE,4EAAA,CAA6E,WAAA,CAAY,KAAK,CAAA,CACtGA,cAAAA,CAAC,QAAK,CAAA,CAAE,8EAAA,CAA+E,YAAY,IAAA,CAAK,CAAA,CACxGA,eAAC,MAAA,CAAA,CAAK,CAAA,CAAE,gEAAgE,CAAA,CAAA,CAC1E,CAAA,CACF,GAEJ,CAEJ,CAAA,CAEaC,EAAU,CAAC,CACtB,SAAAC,CAAAA,CACA,EAAA,CAAIC,EAAY,SAAA,CAChB,SAAA,CAAAC,EAAY,KAAA,CACZ,YAAA,CAAAC,EAAe,KAAA,CACf,IAAA,CAAAC,EAAO,KAAA,CACP,OAAA,CAAAC,EAAU,KAAA,CACV,OAAA,CAAAC,EAAU,KAAA,CACV,SAAA,CAAApB,EAAY,EAAA,CACZ,kBAAA,CAAAqB,EAAqB,EAAA,CACrB,UAAA,CAAAC,EACA,aAAA,CAAAC,CAAAA,CACA,wBAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,GAAoB,CAClB,IAAMC,CAAAA,CAAkB,CAAC,CAACT,CAAAA,CAEpBU,CAAAA,CAAiBpB,oBACrB,iBAAA,CACAU,CAAAA,EAAgB,eAChBC,CAAAA,EAAQ,QAAA,CACRD,GAAgB,eAAA,CAAA,CACfE,CAAAA,EAAWC,IAAY,MAAA,CAExBD,CAAAA,GAAYH,CAAAA,EAAaU,CAAAA,CAAAA,EAAoB,cAAA,CAC7CN,CAAAA,GAAYJ,GAAaU,CAAAA,CAAAA,EAAoB,gBAAA,CAE7CP,GAAWH,CAAAA,EAAa,CAACU,GAAmB,gBAAA,CAC5CN,CAAAA,EAAWJ,GAAa,CAACU,CAAAA,EAAmB,eAC5C1B,CACF,CAAA,CAEM4B,EAAmBrB,mBAAAA,CACvB,+CAAA,CACA,CACE,QAAA,CAAUU,CAAAA,CACV,KAAME,CAAAA,EAAWC,CAAAA,CACjB,iBAAkBD,CAAAA,CAClB,cAAA,CAAgBC,CAClB,CAAA,CACAC,CACF,EAEA,OACEV,eAAAA,CAACI,EAAA,CAAU,SAAA,CAAWY,EAAiB,GAAGF,CAAAA,CACvC,UAAAH,CAAAA,EACCV,cAAAA,CAACf,EAAA,CACC,QAAA,CAAS,KAAA,CACT,OAAA,CAASyB,CAAAA,CAAW,OAAA,CACpB,MAAOA,CAAAA,CAAW,KAAA,CAClB,UAAWA,CAAAA,CAAW,SAAA,CACtB,OAAQA,CAAAA,CAAW,MAAA,CACrB,EAEDE,CAAAA,EAA2BZ,cAAAA,CAAAiB,oBAAA,CAAG,QAAA,CAAAL,EAAwB,CAAA,CACtDR,CAAAA,CAAYF,EAAWF,cAAAA,CAAC,KAAA,CAAA,CAAI,UAAWgB,CAAAA,CAAmB,QAAA,CAAAd,EAAS,CAAA,CACnES,CAAAA,EACCX,eAACf,CAAAA,CAAA,CACC,SAAS,QAAA,CACT,OAAA,CAAS0B,EAAc,OAAA,CACvB,KAAA,CAAOA,EAAc,KAAA,CACrB,SAAA,CAAWA,EAAc,SAAA,CACzB,MAAA,CAAQA,EAAc,MAAA,CACxB,CAAA,CAAA,CAEJ,CAEJ,CAAA,CAEOO,CAAAA,CAAQjB","file":"chunk-MTK6DOJZ.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 '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 {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"]}
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 chunkZ5XWNRFP_cjs=require('./chunk-Z5XWNRFP.cjs'),chunkMTK6DOJZ_cjs=require('./chunk-MTK6DOJZ.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 chunkZ5XWNRFP_cjs.a}});Object.defineProperty(exports,"Section",{enumerable:true,get:function(){return chunkMTK6DOJZ_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
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-3SA2QKC6.js';export{a as Section}from'./chunk-X46VCQ33.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
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
@@ -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":"AACA,kBACA,uCACA,aACE,MAAO,MACL,aAAa,aAAa,EAAE,SAAS,EAAE,UAAU,EAAE,mBAAmB,EACpE,gBAAgB,EAAE,iBAAiB,EAAE,mBACvC,aAAa,YAAY,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,iBAAiB,EACnF,aAAa,EAAE,UACjB,iBAAiB,MAAM,MAAM,KAAM,QACnC,iBAAiB,MAAM,MAAM,KAAM,SACnC,eAAe,KACf,eAAe,KACf,WAAW,OACX,iBAAiB,MACjB,WAAW,OACX,wBAAwB,KAAK,EAAE,EAAE,KACjC,WAAW,QACX,wBAAwB,KAAK,KAAK,EAAE,MACpC,aAAa,KACb,0BAA0B,KAC1B,WAAW,SACX,wBAAwB,KAAK,KAAK,EAAE,OACpC,WAAW,QACX,wBAAwB,KAAK,KAAK,EAAE,MACpC,YAAY,OACZ,yBAAyB,KAAK,EAAE,EAAE,KAClC,sBAAsB,IACtB,sBAAsB,IACtB,oBAAoB,IACpB,aAAa,QACb,aAAa,OACb,aAAa,QACb,aAAa,MACb,+BAA+B,KAC/B,sCAAsC,aAAa,EAAG,EAAE,CAAC,EAAE,EAAG,EAAE,GAChE,uBAAuB,IAAI,aAC3B,4BAA4B,IAAI,aAChC,eAAe,IAAI,qBACrB,CACF,CACA,YACE,EAAG,OAAS,QAAU,WAAY,uBAChC,WAAY,WA3ChB,OA4CY,EA5CZ,QA6Ca,EACT,OAAQ,EAAE,KACZ,CACA,KAAM,MACJ,YAAa,IACb,yBAA0B,KAC1B,cAAe,EACb,YAAa,EACV,SAAU,EACf,YAAa,IAAI,qBAAqB,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,oBACxI,sBAAuB,IAAI,+BAA+B,EAAE,QAC5D,wBAAyB,IAAI,iCAAiC,EAAE,QAChE,4BAA6B,WAC/B,CACA,GACE,OAAQ,EACR,MAAO,QACP,iBAAkB,GACpB,CACA,IAAI,OAAO,CAAC,QACV,wBAAyB,UAAU,OACnC,gBAAiB,UAAU,MAC7B,CACA,GAAI,GAAI,GAAI,GAAI,GAAI,GAClB,UAAW,QACX,YAAa,OACf,CACA,EACE,MAAO,QACP,wBAAyB,QACzB,gBAAiB,OACnB,CACA,EAAG,OACD,YAAa,MACf,CACA,KAAM,IAAK,KAAM,IACf,YAAa,IAAI,0BAA0B,EAAE,YAAY,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,iBAAiB,EAAE,aAAa,EAAE,WACtI,sBAAuB,IAAI,oCAAoC,EAAE,QACjE,wBAAyB,IAAI,sCAAsC,EAAE,QACrE,UAAW,GACb,CACA,MACE,UAAW,GACb,CACA,IAAK,IACH,UAAW,IACX,YAAa,EACb,SAAU,SACV,eAAgB,QAClB,CACA,IACE,OAAQ,MACV,CACA,IACE,IAAK,KACP,CACA,MACE,YAAa,EACb,aAAc,QACd,gBAAiB,QACnB,CACA,gBACE,QAAS,IACX,CACA,SACE,eAAgB,QAClB,CACA,QACE,QAAS,SACX,CACA,GAAI,GAAI,KACN,WAAY,IACd,CACA,IAAK,IAAK,MAAO,OAAQ,MAAO,OAAQ,MAAO,OAC7C,QAAS,MACT,eAAgB,MAClB,CACA,IAAK,MACH,UAAW,KACX,OAAQ,IACV,CACA,OAAQ,MAAO,OAAQ,SAAU,SAAU,uBACzC,KAAM,QACN,sBAAuB,QACvB,wBAAyB,QACzB,eAAgB,QAChB,MAAO,QAnIX,cAoImB,EACf,iBAAkB,YAClB,QAAS,CACX,CACA,OAAO,MAAM,IAAI,CAAC,UAAW,CAAC,QAAQ,SACpC,YAAa,MACf,CACA,OAAO,MAAM,IAAI,CAAC,UAAW,CAAC,QAAQ,SAAS,OAC7C,qBAAsB,IACxB,CACA,uBACE,kBAAmB,GACrB,CACA,mBACE,QAAS,CACX,CACA,cACE,QAAS,CACX,CACA,UAAU,CAAC,IAAI,CAAC,kBAAkB,EAAE,oBAAqB,GAAG,CAAC,sBAAsB,EAAE,KACnF,mBACE,MAAO,aACP,UAAU,CAAC,KAAK,EAAE,UAAU,GAAG,GAAG,CAAE,GAAG,CAAE,MACvC,MAAO,UAAU,GAAG,KAAK,CAAE,aAAa,GAAG,CAAE,YAC/C,CACF,CACA,cACE,MAAO,aACP,UAAU,CAAC,KAAK,EAAE,UAAU,GAAG,GAAG,CAAE,GAAG,CAAE,MACvC,MAAO,UAAU,GAAG,KAAK,CAAE,aAAa,GAAG,CAAE,YAC/C,CACF,CACF,CACA,SACE,OAAQ,QACV,CACA,4BACE,mBAAoB,IACtB,CACA,8BACE,WAAY,IACZ,WAAY,OACd,CACA,wBACE,QAAS,WACX,CACA,uCAlLF,QAmLa,CACX,CACA,wBAAyB,mCAAoC,oCAAqC,kCAAmC,mCAAoC,qCAAsC,qCAAsC,0CAA2C,uCAC9R,cAAe,CACjB,CACA,oCACE,YAAa,CACf,CACA,iBACE,WAAY,IACd,CACA,OAAQ,KAAK,OAAO,CAAC,aAAgB,CAAC,YAAe,CAAC,cAAiB,uBACrE,mBAAoB,OACjB,gBAAiB,OACZ,WAAY,MACtB,CACA,4BAA6B,4BAC3B,OAAQ,IACV,CACA,CAAC,OAAO,OAAO,KAAK,CAAC,sBACnB,QAAS,cACX,CACF,CACA,iBACE,CAAC,oBACC,eAAgB,IAClB,CACA,CAAC,SACC,SAAU,QACZ,CACA,CAAC,SACC,SAAU,QACZ,CACA,CAAC,UACC,IAAK,KACP,CACA,CAAC,MACC,IAAK,KAAK,IAAI,WAAW,EAAE,EAC7B,CACA,CAAC,SACC,IAAK,IACP,CACA,CAAC,aACC,OAAQ,KACV,CACA,CAAC,SACC,OAAQ,KAAK,IAAI,WAAW,EAAE,EAChC,CACA,CAAC,YACC,OAAQ,IACV,CACA,CAAC,OACC,KAAM,KAAK,IAAI,WAAW,EAAE,EAC9B,CACA,CAAC,KACC,QAAS,EACX,CACA,CAAC,UACC,MAAO,KACP,OAAQ,OAAS,OACf,UAAW,KACb,CACA,OAAQ,OAAS,OACf,UAAW,KACb,CACA,OAAQ,OAAS,OACf,UAAW,KACb,CACA,OAAQ,OAAS,OACf,UAAW,KACb,CACA,OAAQ,OAAS,OACf,UAAW,KACb,CACF,CACA,CAAC,QACC,cAAe,IACjB,CACA,CAAC,KACC,QAAS,IACX,CACA,CAAC,OACC,QAAS,MACX,CACA,CAAC,YACC,QAAS,WACX,CACA,CAAC,cACC,aAAc,EAAE,EAAE,CACpB,CACA,CAAC,IACC,OAAQ,KAAK,IAAI,WAAW,EAAE,EAChC,CACA,CAAC,IACC,OAAQ,KAAK,IAAI,WAAW,EAAE,EAChC,CACA,CAAC,KACC,OAAQ,KAAK,IAAI,WAAW,EAAE,GAChC,CACA,CAAC,KACC,OAAQ,KAAK,IAAI,WAAW,EAAE,GAChC,CACA,CAAC,KACC,OAAQ,KAAK,IAAI,WAAW,EAAE,GAChC,CACA,CAAC,KACC,OAAQ,KAAK,IAAI,WAAW,EAAE,GAChC,CACA,CAAC,OACC,OAAQ,IACV,CACA,CAAC,aACC,WAAY,KACd,CACA,CAAC,IACC,MAAO,KAAK,IAAI,WAAW,EAAE,EAC/B,CACA,CAAC,IACC,MAAO,KAAK,IAAI,WAAW,EAAE,EAC/B,CACA,CAAC,KACC,MAAO,KAAK,IAAI,WAAW,EAAE,GAC/B,CACA,CAAC,KACC,MAAO,KAAK,IAAI,WAAW,EAAE,GAC/B,CACA,CAAC,KACC,MAAO,KAAK,IAAI,WAAW,EAAE,GAC/B,CACA,CAAC,KACC,MAAO,KAAK,IAAI,WAAW,EAAE,GAC/B,CACA,CAAC,OACC,MAAO,IACT,CACA,CAAC,UACC,UAAW,IAAI,gBACjB,CACA,CAAC,OACC,KAAM,CACR,CACA,CAAC,kBACC,kBAAkB,MAClB,UAAW,IAAI,kBAAkB,IAAI,iBACvC,CACA,CAAC,iBACC,kBAAkB,KAClB,UAAW,IAAI,kBAAkB,IAAI,iBACvC,CACA,CAAC,UACC,UAAW,IAAI,aAAa,GAAG,IAAI,aAAa,GAAG,IAAI,aAAa,GAAG,IAAI,WAAW,GAAG,IAAI,WAAW,EAC1G,CACA,CAAC,mBACC,OAAQ,WACV,CACA,CAAC,eACC,OAAQ,OACV,CACA,CAAC,SACC,eAAgB,MAClB,CACA,CAAC,aACC,YAAa,MACf,CACA,CAAC,eACC,gBAAiB,MACnB,CACA,CAAC,QACC,IAAK,IAAI,cACX,CACA,CAAC,QA7VH,cA8VmB,MACjB,CACA,CAAC,aACC,cAAe,KAAK,SAAS,EAAE,IACjC,CACA,CAAC,WACC,cAAe,IAAI,YACrB,CACA,CAAC,WACC,cAAe,IAAI,YACrB,CACA,CAAC,aAzWH,cA0WmB,CACjB,CACA,CAAC,WACC,cAAe,IAAI,YACrB,CACA,CAAC,WACC,cAAe,IAAI,YACrB,CACA,CAAC,OACC,aAAc,IAAI,mBAClB,aAAc,GAChB,CACA,CAAC,YACC,mBAAmB,KACnB,aAAc,IAChB,CACA,CAAC,mBACC,aAAc,WAChB,CACA,CAAC,SACC,iBAAkB,IAAI,cACxB,CACA,CAAC,WACC,iBAAkB,IAAI,gBACxB,CACA,CAAC,eACC,iBAAkB,WACpB,CACA,CAAC,aACC,KAAM,IAAI,gBACZ,CACA,CAAC,IACC,QAAS,KAAK,IAAI,WAAW,EAAE,EACjC,CACA,CAAC,KACC,eAAgB,KAAK,IAAI,WAAW,EAAE,EACxC,CACA,CAAC,KACC,eAAgB,KAAK,IAAI,WAAW,EAAE,EACxC,CACA,CAAC,KACC,eAAgB,KAAK,IAAI,WAAW,EAAE,EACxC,CACA,CAAC,KACC,eAAgB,KAAK,IAAI,WAAW,EAAE,EACxC,CACA,CAAC,KACC,eAAgB,KAAK,IAAI,WAAW,EAAE,EACxC,CACA,CAAC,KACC,eAAgB,KAAK,IAAI,WAAW,EAAE,EACxC,CACA,CAAC,MACC,eAAgB,KAAK,IAAI,WAAW,EAAE,GACxC,CACA,CAAC,YACC,WAAY,MACd,CACA,CAAC,SACC,UAAW,IAAI,YACf,YAAa,IAAI,YAAY,EAAE,IAAI,yBACrC,CACA,CAAC,UACC,UAAW,IAAI,aACf,YAAa,IAAI,YAAY,EAAE,IAAI,0BACrC,CACA,CAAC,QACC,UAAW,IAAI,WACf,YAAa,IAAI,YAAY,EAAE,IAAI,wBACrC,CACA,CAAC,QACC,UAAW,IAAI,WACf,YAAa,IAAI,YAAY,EAAE,IAAI,wBACrC,CACA,CAAC,QACC,UAAW,IAAI,WACf,YAAa,IAAI,YAAY,EAAE,IAAI,wBACrC,CACA,CAAC,QACC,UAAW,IAAI,WACf,YAAa,IAAI,YAAY,EAAE,IAAI,wBACrC,CACA,CAAC,UACC,kBAAkB,IAAI,oBACtB,YAAa,IAAI,mBACnB,CACA,CAAC,YACC,kBAAkB,IAAI,sBACtB,YAAa,IAAI,qBACnB,CACA,CAAC,YACC,kBAAkB,IAAI,sBACtB,YAAa,IAAI,qBACnB,CACA,CAAC,WACC,MAAO,IAAI,cACb,CACA,CAAC,UACC,qBAAsB,SACxB,CACA,CAAC,WACC,QAAS,GACX,CACA,CAAC,UACC,aAAa,EAAE,IAAI,IAAI,KAAK,IAAI,iBAAiB,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,IAAK,EAAE,EAAE,IAAI,IAAI,KAAK,IAAI,iBAAiB,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,KACxH,WAAY,IAAI,kBAAkB,CAAE,IAAI,uBAAuB,CAAE,IAAI,wBAAwB,CAAE,IAAI,iBAAiB,CAAE,IAAI,YAC5H,CACA,CAAC,OACC,OAAQ,IAAI,SAAS,GAAG,IAAI,eAAe,GAAG,IAAI,aAAa,GAAG,IAAI,cAAc,GAAG,IAAI,eAAe,GAAG,IAAI,WAAW,GAAG,IAAI,aAAa,GAAG,IAAI,UAAU,GAAG,IAAI,gBAAgB,EAC1L,CACA,CAAC,eACC,oBAAqB,IACrB,2BAA4B,IAAI,SAAS,EAAE,IAAI,uCAC/C,oBAAqB,IAAI,aAAa,EAAE,IAAI,+BAC9C,CACA,CAAC,qBACC,oBAAqB,SAAS,CAAE,SAAS,CAAE,KAAK,CAAE,OAClD,2BAA4B,IAAI,SAAS,EAAE,IAAI,uCAC/C,oBAAqB,IAAI,aAAa,EAAE,IAAI,+BAC9C,CACA,CAAC,iBACC,CAAC,OACC,OAAO,MAAQ,OACb,cAAc,KACd,cAAc,KACd,cAAc,KACd,MAAO,IAAI,cAAc,IAAI,aAC/B,CACF,CACF,CACA,CAAC,mBACC,CAAC,OACC,OAAO,MAAQ,OACb,iBAAkB,UAAU,GAAG,IAAI,CAAE,KAAK,EAAE,CAAE,aAC9C,UAAU,CAAC,KAAK,EAAE,UAAU,GAAG,GAAG,CAAE,GAAG,CAAE,MACvC,iBAAkB,UAAU,GAAG,KAAK,CAAE,IAAI,eAAe,EAAE,CAAE,YAC/D,CACF,CACF,CACF,CACA,CAAC,kBACC,CAAC,OACC,OAAO,MAAQ,OACb,QAAS,GACX,CACF,CACF,CACA,CAAC,qBACC,CAAC,OACC,OAAO,MAAQ,OACb,iBAAiB,WAAW,KAC5B,OAAQ,IAAI,SAAS,GAAG,IAAI,eAAe,GAAG,IAAI,aAAa,GAAG,IAAI,cAAc,GAAG,IAAI,eAAe,GAAG,IAAI,WAAW,GAAG,IAAI,aAAa,GAAG,IAAI,UAAU,GAAG,IAAI,gBAAgB,EAC1L,CACF,CACF,CACA,CAAC,SACC,OAAQ,OAAS,OACf,eAAgB,KAAK,IAAI,WAAW,EAAE,EACxC,CACF,CACA,CAAC,SACC,OAAQ,OAAS,OACf,eAAgB,KAAK,IAAI,WAAW,EAAE,EACxC,CACF,CACF,CACA,CAAC,sBACC,cAAe,KACf,MAAO,KACP,UAAW,IAAI,iBACf,eAAgB,KAAK,IAAI,WAAW,EAAE,GACtC,OAAQ,OAAS,OACf,eAAgB,KAAK,IAAI,WAAW,EAAE,EACxC,CACA,OAAQ,OAAS,OACf,eAAgB,KAAK,IAAI,WAAW,EAAE,EACxC,CACF,CACA,CAAC,gBACC,QAAS,YACT,OAAQ,QACR,YAAa,OACb,gBAAiB,OACjB,IAAK,IAAI,eACT,aAAc,IAAI,mBAClB,aAAc,IACd,kBAAkB,IAAI,sBACtB,YAAa,IAAI,sBACjB,oBAAqB,IACrB,2BAA4B,IAAI,SAAS,EAAE,IAAI,uCAC/C,oBAAqB,IAAI,aAAa,EAAE,IAAI,gCAC5C,CAAC,UACC,OAAQ,WACV,CACA,CAAC,UACC,QAAS,GACX,CACF,CACA,UAAU,gBAAiB,CACzB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,KAAK,EACf,aAAa,EAAE,CAAC,EAElB,UAAU,gBAAiB,CACzB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,KAAK,EACf,aAAa,EAAE,CAAC,EAElB,UAAU,gBAAiB,CACzB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,KAAK,EACf,aAAa,EAAE,CAAC,EAElB,UAAU,aAAc,CACtB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,KAAK,EAEjB,UAAU,aAAc,CACtB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,KAAK,EAEjB,UAAU,aAAc,CACtB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,KAAK,EAEjB,UAAU,WAAY,CACpB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,KAAK,EAEjB,UAAU,WAAY,CACpB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,KAAK,EAEjB,UAAU,iBAAkB,CAC1B,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,KAAK,EACf,aAAa,EAAE,KAAK,EAEtB,UAAU,gBAAiB,CACzB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,KAAK,EAEjB,UAAU,WAAY,CACpB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,KAAK,EACf,aAAa,EAAE,EAAE,EAAE,KAAK,EAE1B,UAAU,iBAAkB,CAC1B,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,KAAK,EAEjB,UAAU,iBAAkB,CAC1B,MAAM,EAAE,cAAc,EACtB,QAAQ,EAAE,KAAK,EACf,aAAa,EAAE,IAAI,EAErB,UAAU,iBAAkB,CAC1B,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,KAAK,EACf,aAAa,EAAE,EAAE,EAAE,KAAK,EAE1B,UAAU,uBAAwB,CAChC,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,KAAK,EAEjB,UAAU,uBAAwB,CAChC,MAAM,EAAE,cAAc,EACtB,QAAQ,EAAE,KAAK,EACf,aAAa,EAAE,IAAI,EAErB,UAAU,eAAgB,CACxB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,KAAK,EAEjB,UAAU,gBAAiB,CACzB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,KAAK,EACf,aAAa,EAAE,EAAE,EAAE,KAAK,EAE1B,UAAU,qBAAsB,CAC9B,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,KAAK,EAEjB,UAAU,sBAAuB,CAC/B,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,KAAK,EACf,aAAa,EAAE,EAAE,EAAE,KAAK,EAE1B,UAAU,eAAgB,CACxB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,KAAK,EAEjB,UAAU,sBAAuB,CAC/B,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,KAAK,EACf,aAAa,EAAE,GAAG,EAEpB,UAAU,sBAAuB,CAC/B,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,KAAK,EACf,aAAa,EAAE,IAAI,EAErB,UAAU,uBAAwB,CAChC,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,KAAK,EACf,aAAa,EAAE,EAAE,EAAE,KAAK,EAE1B,UAAU,SAAU,CAClB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,KAAK,EAEjB,UAAU,eAAgB,CACxB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,KAAK,EAEjB,UAAU,aAAc,CACtB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,KAAK,EAEjB,UAAU,cAAe,CACvB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,KAAK,EAEjB,UAAU,eAAgB,CACxB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,KAAK,EAEjB,UAAU,WAAY,CACpB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,KAAK,EAEjB,UAAU,YAAa,CACrB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,KAAK,EAEjB,UAAU,aAAc,CACtB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,KAAK,EAEjB,UAAU,UAAW,CACnB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,KAAK,EAEjB,UAAU,gBAAiB,CACzB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,KAAK,EAEjB,UAAU,sBAAuB,CAC/B,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,KAAK,EAEjB,UAAU,sBAAuB,CAC/B,MAAM,EAAE,cAAc,EACtB,QAAQ,EAAE,KAAK,EACf,aAAa,EAAE,IAAI,EAErB,UAAU,qBAAsB,CAC9B,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,KAAK,EAEjB,UAAU,YAAa,CACrB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,KAAK,EACf,aAAa,EAAE,CAAC,EAElB,UAAU,YAAa,CACrB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,KAAK,EACf,aAAa,EAAE,CAAC,EAElB,UAAU,YAAa,CACrB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,KAAK,EACf,aAAa,EAAE,CAAC,EAElB,kBACE,UAAU,CAAC,CAAC,eAAe,EAAE,MAAM,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,CAAC,CAAC,WAAW,EAAE,QAAQ,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,EAAE,EAAE,MAC7H,EAAG,QAAU,OAAS,WACpB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,QACf,eAAe,QACf,eAAe,QACf,aAAa,QACb,aAAa,QACb,mBAAmB,MACnB,kBAAkB,QAClB,aAAa,EAAE,EAAE,MACjB,mBAAmB,QACnB,mBAAmB,KACnB,mBAAmB,EAAE,EAAE,MACvB,yBAAyB,QACzB,yBAAyB,KACzB,iBAAiB,QACjB,kBAAkB,EAAE,EAAE,MACtB,uBAAuB,QACvB,wBAAwB,EAAE,EAAE,MAC5B,iBAAiB,QACjB,wBAAwB,IACxB,wBAAwB,KACxB,yBAAyB,EAAE,EAAE,MAC7B,WAAW,QACX,iBAAiB,QACjB,eAAe,QACf,gBAAgB,QAChB,iBAAiB,QACjB,aAAa,QACb,cAAc,QACd,eAAe,QACf,YAAY,QACZ,kBAAkB,QAClB,wBAAwB,QACxB,wBAAwB,KACxB,uBAAuB,QACvB,cAAc,EACd,cAAc,EACd,cAAc,CAChB,CACF,CACF","names":[]}
@@ -0,0 +1,2 @@
1
+
2
+ export { }
@@ -0,0 +1,2 @@
1
+
2
+ export { }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@berdsk/ui",
3
- "version": "0.2.10",
3
+ "version": "0.2.11",
4
4
  "description": "Biblioteca de componentes UI profissional da Berdsk",
5
5
  "author": "Berdsk",
6
6
  "publishConfig": {
@@ -41,6 +41,7 @@
41
41
  "react-dom": ">=18"
42
42
  },
43
43
  "devDependencies": {
44
+ "@tailwindcss/postcss": "^4.1.18",
44
45
  "@types/react": "^19.2.14",
45
46
  "@types/react-dom": "^19.2.0",
46
47
  "autoprefixer": "^10.4.24",