@berdsk/ui 0.2.7 → 0.2.9
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 +0 -0
- package/dist/Button.cjs +1 -1
- package/dist/Button.d.cts +5 -5
- package/dist/Button.d.ts +5 -5
- package/dist/Button.js +1 -1
- package/dist/Icon.cjs +1 -1
- package/dist/Icon.js +1 -1
- package/dist/Section.cjs +1 -1
- package/dist/Section.d.cts +2 -2
- package/dist/Section.d.ts +2 -2
- package/dist/Section.js +1 -1
- package/dist/ThemeProvider.cjs +1 -1
- package/dist/ThemeProvider.d.cts +4 -0
- package/dist/ThemeProvider.d.ts +4 -0
- package/dist/ThemeProvider.js +1 -1
- package/dist/chunk-3SA2QKC6.js +2 -0
- package/dist/chunk-3SA2QKC6.js.map +1 -0
- package/dist/{chunk-CTLSX32U.js → chunk-CK44QQW5.js} +8 -8
- package/dist/chunk-CK44QQW5.js.map +1 -0
- package/dist/{chunk-YY4J5WFK.cjs → chunk-ENMFI5RT.cjs} +8 -8
- package/dist/chunk-ENMFI5RT.cjs.map +1 -0
- package/dist/{chunk-JD5SEMO3.js → chunk-GUQJ6RZT.js} +2 -2
- package/dist/chunk-GUQJ6RZT.js.map +1 -0
- package/dist/{chunk-ASY4HDST.cjs → chunk-KXPGO6PS.cjs} +3 -3
- package/dist/chunk-KXPGO6PS.cjs.map +1 -0
- package/dist/chunk-MVVNEKMH.js +2 -0
- package/dist/chunk-MVVNEKMH.js.map +1 -0
- package/dist/chunk-OI62N27S.cjs +2 -0
- package/dist/chunk-OI62N27S.cjs.map +1 -0
- package/dist/{chunk-CL3NQPYL.cjs → chunk-U7VSEXSW.cjs} +2 -2
- package/dist/chunk-U7VSEXSW.cjs.map +1 -0
- package/dist/chunk-Z5XWNRFP.cjs +2 -0
- package/dist/chunk-Z5XWNRFP.cjs.map +1 -0
- package/dist/{chunk-UYXCJGNM.js → chunk-ZOVZGLB5.js} +3 -3
- package/dist/chunk-ZOVZGLB5.js.map +1 -0
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/docs/Button.md +76 -0
- package/docs/Icon.md +44 -0
- package/docs/Section.md +92 -0
- package/docs/Theme.md +158 -0
- package/package.json +57 -53
- package/dist/chunk-ACL5MABU.js +0 -2
- package/dist/chunk-ACL5MABU.js.map +0 -1
- package/dist/chunk-ASY4HDST.cjs.map +0 -1
- package/dist/chunk-BQKAOXAV.js +0 -2
- package/dist/chunk-BQKAOXAV.js.map +0 -1
- package/dist/chunk-CL3NQPYL.cjs.map +0 -1
- package/dist/chunk-CTLSX32U.js.map +0 -1
- package/dist/chunk-JD5SEMO3.js.map +0 -1
- package/dist/chunk-KRYE247M.cjs +0 -2
- package/dist/chunk-KRYE247M.cjs.map +0 -1
- package/dist/chunk-RNA5V64T.cjs +0 -2
- package/dist/chunk-RNA5V64T.cjs.map +0 -1
- package/dist/chunk-UYXCJGNM.js.map +0 -1
- package/dist/chunk-YY4J5WFK.cjs.map +0 -1
package/README.md
CHANGED
|
Binary file
|
package/dist/Button.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';var
|
|
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
|
|
2
2
|
//# sourceMappingURL=Button.cjs.map
|
package/dist/Button.d.cts
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
|
|
3
3
|
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement | HTMLAnchorElement> {
|
|
4
|
-
variant?:
|
|
5
|
-
color?:
|
|
6
|
-
size?:
|
|
7
|
-
rounded?:
|
|
4
|
+
variant?: 'solid' | 'outlined' | 'ghost' | 'link';
|
|
5
|
+
color?: 'primary' | 'secondary' | 'danger' | 'success';
|
|
6
|
+
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
7
|
+
rounded?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'full';
|
|
8
8
|
leftIcon?: React.ReactNode;
|
|
9
9
|
rightIcon?: React.ReactNode;
|
|
10
10
|
fullWidth?: boolean;
|
|
11
11
|
href?: string;
|
|
12
12
|
}
|
|
13
|
-
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<
|
|
13
|
+
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
14
14
|
|
|
15
15
|
export { Button, type ButtonProps };
|
package/dist/Button.d.ts
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
|
|
3
3
|
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement | HTMLAnchorElement> {
|
|
4
|
-
variant?:
|
|
5
|
-
color?:
|
|
6
|
-
size?:
|
|
7
|
-
rounded?:
|
|
4
|
+
variant?: 'solid' | 'outlined' | 'ghost' | 'link';
|
|
5
|
+
color?: 'primary' | 'secondary' | 'danger' | 'success';
|
|
6
|
+
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
7
|
+
rounded?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'full';
|
|
8
8
|
leftIcon?: React.ReactNode;
|
|
9
9
|
rightIcon?: React.ReactNode;
|
|
10
10
|
fullWidth?: boolean;
|
|
11
11
|
href?: string;
|
|
12
12
|
}
|
|
13
|
-
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<
|
|
13
|
+
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
14
14
|
|
|
15
15
|
export { Button, type ButtonProps };
|
package/dist/Button.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{a as Button}from'./chunk-
|
|
1
|
+
export{a as Button}from'./chunk-3SA2QKC6.js';import'./chunk-GUQJ6RZT.js';import'./chunk-FW4363Y4.js';//# sourceMappingURL=Button.js.map
|
|
2
2
|
//# sourceMappingURL=Button.js.map
|
package/dist/Icon.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';var
|
|
1
|
+
'use strict';var chunkOI62N27S_cjs=require('./chunk-OI62N27S.cjs');require('./chunk-U7VSEXSW.cjs'),require('./chunk-GNFE24S7.cjs');Object.defineProperty(exports,"Icon",{enumerable:true,get:function(){return chunkOI62N27S_cjs.a}});//# sourceMappingURL=Icon.cjs.map
|
|
2
2
|
//# sourceMappingURL=Icon.cjs.map
|
package/dist/Icon.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{a as Icon}from'./chunk-
|
|
1
|
+
export{a as Icon}from'./chunk-MVVNEKMH.js';import'./chunk-GUQJ6RZT.js';import'./chunk-FW4363Y4.js';//# sourceMappingURL=Icon.js.map
|
|
2
2
|
//# sourceMappingURL=Icon.js.map
|
package/dist/Section.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';Object.defineProperty(exports,'__esModule',{value:true});var
|
|
1
|
+
'use strict';Object.defineProperty(exports,'__esModule',{value:true});var chunkKXPGO6PS_cjs=require('./chunk-KXPGO6PS.cjs');require('./chunk-U7VSEXSW.cjs'),require('./chunk-GNFE24S7.cjs');Object.defineProperty(exports,"Section",{enumerable:true,get:function(){return chunkKXPGO6PS_cjs.a}});Object.defineProperty(exports,"default",{enumerable:true,get:function(){return chunkKXPGO6PS_cjs.b}});//# sourceMappingURL=Section.cjs.map
|
|
2
2
|
//# sourceMappingURL=Section.cjs.map
|
package/dist/Section.d.cts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { HTMLAttributes, ReactNode } from 'react';
|
|
3
3
|
|
|
4
|
-
type DivisorVariant =
|
|
4
|
+
type DivisorVariant = 'wavy' | 'wavy-simple' | 'arched';
|
|
5
5
|
interface DivisorOptions {
|
|
6
6
|
variant: DivisorVariant;
|
|
7
7
|
color?: string;
|
|
@@ -10,7 +10,7 @@ interface DivisorOptions {
|
|
|
10
10
|
}
|
|
11
11
|
interface SectionProps extends HTMLAttributes<HTMLElement> {
|
|
12
12
|
children: ReactNode;
|
|
13
|
-
as?:
|
|
13
|
+
as?: 'section' | 'header' | 'footer' | 'nav' | 'article' | 'main';
|
|
14
14
|
fullWidth?: boolean;
|
|
15
15
|
screenHeight?: boolean;
|
|
16
16
|
flex?: boolean;
|
package/dist/Section.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { HTMLAttributes, ReactNode } from 'react';
|
|
3
3
|
|
|
4
|
-
type DivisorVariant =
|
|
4
|
+
type DivisorVariant = 'wavy' | 'wavy-simple' | 'arched';
|
|
5
5
|
interface DivisorOptions {
|
|
6
6
|
variant: DivisorVariant;
|
|
7
7
|
color?: string;
|
|
@@ -10,7 +10,7 @@ interface DivisorOptions {
|
|
|
10
10
|
}
|
|
11
11
|
interface SectionProps extends HTMLAttributes<HTMLElement> {
|
|
12
12
|
children: ReactNode;
|
|
13
|
-
as?:
|
|
13
|
+
as?: 'section' | 'header' | 'footer' | 'nav' | 'article' | 'main';
|
|
14
14
|
fullWidth?: boolean;
|
|
15
15
|
screenHeight?: boolean;
|
|
16
16
|
flex?: boolean;
|
package/dist/Section.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{a as Section,b as default}from'./chunk-
|
|
1
|
+
export{a as Section,b as default}from'./chunk-ZOVZGLB5.js';import'./chunk-GUQJ6RZT.js';import'./chunk-FW4363Y4.js';//# sourceMappingURL=Section.js.map
|
|
2
2
|
//# sourceMappingURL=Section.js.map
|
package/dist/ThemeProvider.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';var
|
|
1
|
+
'use strict';var chunkENMFI5RT_cjs=require('./chunk-ENMFI5RT.cjs');require('./chunk-GNFE24S7.cjs');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=ThemeProvider.cjs.map
|
|
2
2
|
//# sourceMappingURL=ThemeProvider.cjs.map
|
package/dist/ThemeProvider.d.cts
CHANGED
package/dist/ThemeProvider.d.ts
CHANGED
package/dist/ThemeProvider.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{b as ThemeProvider,a as defaultTheme,c as useTheme}from'./chunk-
|
|
1
|
+
export{b as ThemeProvider,a as defaultTheme,c as useTheme}from'./chunk-CK44QQW5.js';import'./chunk-FW4363Y4.js';//# sourceMappingURL=ThemeProvider.js.map
|
|
2
2
|
//# sourceMappingURL=ThemeProvider.js.map
|
|
@@ -0,0 +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
|
|
@@ -0,0 +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,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import*as
|
|
2
|
+
import*as n from'react';import {jsx}from'react/jsx-runtime';var o={colors:{primary:"#007bff",secondary:"#6c757d",danger:"#dc3545",success:"#28a745"},typography:{fontFamily:'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif',fontWeight:"400"},spacing:{gap:"0.5rem"},border:{color:"#dee2e6",size:"1px",radius:{none:"0",xs:"0.125rem",sm:"0.25rem",md:"0.375rem",lg:"0.5rem",full:"9999px"}}},p=n.createContext({theme:o}),u=({theme:t,children:h})=>{let r=n.useMemo(()=>t?{...o,...t,colors:{...o.colors,...t.colors},typography:{...o.typography,...t.typography},spacing:{...o.spacing,...t.spacing},border:{...o.border,...t.border,radius:{...o.border.radius,...t.border?.radius}}}:o,[t]);return n.useLayoutEffect(()=>{let d=document.documentElement;Object.entries(r.colors).forEach(([e,a])=>{d.style.setProperty(`--berdsk-color-${e}`,a);}),d.style.setProperty("--berdsk-font-family",r.typography.fontFamily),d.style.setProperty("--berdsk-font-weight",r.typography.fontWeight),d.style.setProperty("--berdsk-spacing-gap",r.spacing.gap),d.style.setProperty("--berdsk-border-color",r.border.color),d.style.setProperty("--berdsk-border-size",r.border.size),Object.entries(r.border.radius).forEach(([e,a])=>{d.style.setProperty(`--berdsk-rounded-${e}`,a);});let l="berdsk-ui-section-styles",i=document.getElementById(l);i||(i=document.createElement("style"),i.id=l,document.head.appendChild(i)),i.innerHTML=`
|
|
3
3
|
.absolute { position: absolute; }
|
|
4
4
|
.relative { position: relative; }
|
|
5
5
|
.left-0 { left: 0; }
|
|
@@ -47,7 +47,9 @@ import*as r from'react';import {jsx}from'react/jsx-runtime';var n={colors:{prima
|
|
|
47
47
|
.cursor-pointer { cursor: pointer; }
|
|
48
48
|
.cursor-not-allowed { cursor: not-allowed; }
|
|
49
49
|
.transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
|
|
50
|
+
.font-normal { font-weight: var(--berdsk-font-weight); }
|
|
50
51
|
.font-medium { font-weight: 500; }
|
|
52
|
+
.font-bold { font-weight: 700; }
|
|
51
53
|
.text-center { text-align: center; }
|
|
52
54
|
.text-xs { font-size: 0.75rem; line-height: 1rem; }
|
|
53
55
|
.text-sm { font-size: 0.875rem; line-height: 1.25rem; }
|
|
@@ -92,12 +94,10 @@ import*as r from'react';import {jsx}from'react/jsx-runtime';var n={colors:{prima
|
|
|
92
94
|
@media (min-width: 1024px) {
|
|
93
95
|
.lg\\:px-8 { padding-left: 2rem; padding-right: 2rem; }
|
|
94
96
|
}
|
|
95
|
-
`;let c="https://cdn.berdsk.com.br/berdsk-ui/icons/all.css",m="https://cdn.berdsk.com.br";if(!document.querySelector(`link[rel="preconnect"][href="${m}"]`)){let e=document.createElement("link");e.rel="preconnect",e.href=m,document.head.appendChild(e);}if(!document.querySelector(`link[href="${c}"]`)){let e=document.createElement("link");e.rel="stylesheet",e.href=c,document.head.appendChild(e);}let g="berdsk-ui-theme-styles",
|
|
96
|
-
|
|
97
|
-
--berdsk-font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
|
|
98
|
-
}
|
|
99
|
-
* {
|
|
97
|
+
`;let c="https://cdn.berdsk.com.br/berdsk-ui/icons/all.css",m="https://cdn.berdsk.com.br";if(!document.querySelector(`link[rel="preconnect"][href="${m}"]`)){let e=document.createElement("link");e.rel="preconnect",e.href=m,document.head.appendChild(e);}if(!document.querySelector(`link[href="${c}"]`)){let e=document.createElement("link");e.rel="stylesheet",e.href=c,document.head.appendChild(e);}let g="berdsk-ui-theme-styles",s=document.getElementById(g);s||(s=document.createElement("style"),s.id=g,document.head.appendChild(s)),s.innerHTML=`
|
|
98
|
+
html {
|
|
100
99
|
font-family: var(--berdsk-font-family);
|
|
100
|
+
font-weight: var(--berdsk-font-weight);
|
|
101
101
|
}
|
|
102
|
-
`;},[
|
|
103
|
-
//# sourceMappingURL=chunk-
|
|
102
|
+
`;},[r]),jsx(p.Provider,{value:{theme:r},children:h})},f=()=>n.useContext(p);export{o as a,u as b,f as c};//# sourceMappingURL=chunk-CK44QQW5.js.map
|
|
103
|
+
//# sourceMappingURL=chunk-CK44QQW5.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/theme/ThemeProvider.tsx"],"names":["defaultTheme","ThemeContext","ThemeProvider","theme","children","mergedTheme","root","key","value","sectionStyleId","sectionStyleElement","CDN_URL","PRECONNECT_URL","preconnect","link","styleId","styleElement","jsx","useTheme"],"mappings":"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","file":"chunk-CK44QQW5.js","sourcesContent":["'use client';\nimport * as React from 'react';\n\nexport interface ThemeColors {\n primary: string;\n secondary: string;\n danger: string;\n success: string;\n}\n\nexport interface ThemeConfig {\n colors: ThemeColors;\n typography: {\n fontFamily: string;\n fontWeight: string;\n };\n spacing: {\n gap: string;\n };\n border: {\n color: string;\n size: string;\n radius: {\n none: string;\n xs: string;\n sm: string;\n md: string;\n lg: string;\n full: string;\n };\n };\n}\n\nexport const defaultTheme: ThemeConfig = {\n colors: {\n primary: '#007bff',\n secondary: '#6c757d',\n danger: '#dc3545',\n success: '#28a745',\n },\n typography: {\n fontFamily:\n 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif',\n fontWeight: '400',\n },\n spacing: {\n gap: '0.5rem',\n },\n border: {\n color: '#dee2e6',\n size: '1px',\n radius: {\n none: '0',\n xs: '0.125rem',\n sm: '0.25rem',\n md: '0.375rem',\n lg: '0.5rem',\n full: '9999px',\n },\n },\n};\n\ninterface ThemeContextType {\n theme: ThemeConfig;\n}\n\nconst ThemeContext = React.createContext<ThemeContextType>({\n theme: defaultTheme,\n});\n\nexport interface ThemeProviderProps {\n theme?: Partial<ThemeConfig>;\n children: React.ReactNode;\n}\n\nexport const ThemeProvider: React.FC<ThemeProviderProps> = ({ theme, children }) => {\n const mergedTheme = React.useMemo(() => {\n if (!theme) return defaultTheme;\n return {\n ...defaultTheme,\n ...theme,\n colors: { ...defaultTheme.colors, ...theme.colors },\n typography: { ...defaultTheme.typography, ...theme.typography },\n spacing: { ...defaultTheme.spacing, ...theme.spacing },\n border: {\n ...defaultTheme.border,\n ...theme.border,\n radius: { ...defaultTheme.border.radius, ...theme.border?.radius },\n },\n };\n }, [theme]);\n\n React.useLayoutEffect(() => {\n const root = document.documentElement;\n\n // Injetar cores\n Object.entries(mergedTheme.colors).forEach(([key, value]) => {\n root.style.setProperty(`--berdsk-color-${key}`, value);\n });\n\n // Injetar tipografia\n root.style.setProperty('--berdsk-font-family', mergedTheme.typography.fontFamily);\n root.style.setProperty('--berdsk-font-weight', mergedTheme.typography.fontWeight);\n\n // Injetar espaçamento\n root.style.setProperty('--berdsk-spacing-gap', mergedTheme.spacing.gap);\n\n // Injetar borda\n root.style.setProperty('--berdsk-border-color', mergedTheme.border.color);\n root.style.setProperty('--berdsk-border-size', mergedTheme.border.size);\n\n // Injetar arredondamentos\n Object.entries(mergedTheme.border.radius).forEach(([key, value]) => {\n root.style.setProperty(`--berdsk-rounded-${key}`, value);\n });\n\n // Injetar estilos do Section e outros componentes (Tailwind Utilities)\n const sectionStyleId = 'berdsk-ui-section-styles';\n let sectionStyleElement = document.getElementById(sectionStyleId) as HTMLStyleElement;\n if (!sectionStyleElement) {\n sectionStyleElement = document.createElement('style');\n sectionStyleElement.id = sectionStyleId;\n document.head.appendChild(sectionStyleElement);\n }\n sectionStyleElement.innerHTML = `\n .absolute { position: absolute; }\n .relative { position: relative; }\n .left-0 { left: 0; }\n .top-0 { top: 0; }\n .bottom-0 { bottom: 0; }\n .z-50 { z-index: 50; }\n .w-full { width: 100%; }\n .w-6 { width: 1.5rem; }\n .w-8 { width: 2rem; }\n .w-10 { width: 2.5rem; }\n .w-12 { width: 3rem; }\n .w-14 { width: 3.5rem; }\n .w-16 { width: 4rem; }\n .h-6 { height: 1.5rem; }\n .h-8 { height: 2rem; }\n .h-10 { height: 2.5rem; }\n .h-12 { height: 3rem; }\n .h-14 { height: 3.5rem; }\n .h-16 { height: 4rem; }\n .min-h-screen { min-height: 100vh; }\n .flex { display: flex; }\n .inline-flex { display: inline-flex; }\n .flex-col { flex-direction: column; }\n .flex-1 { flex: 1 1 0%; }\n .items-center { align-items: center; }\n .justify-center { justify-content: center; }\n .pointer-events-none { pointer-events: none; }\n .mx-auto { margin-left: auto; margin-right: auto; }\n .px-0 { padding-left: 0; padding-right: 0; }\n .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }\n .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }\n .px-4 { padding-left: 1rem; padding-right: 1rem; }\n .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }\n .px-8 { padding-left: 2rem; padding-right: 2rem; }\n .px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }\n .p-0 { padding: 0; }\n .max-w-7xl { max-width: 80rem; }\n .bottom-full { bottom: 100%; }\n .top-full { top: 100%; }\n .-translate-y-full { transform: translateY(-100%); }\n .translate-y-full { transform: translateY(100%); }\n .-top-full { top: -100%; }\n .-bottom-full { bottom: -100%; }\n .aspect-square { aspect-ratio: 1 / 1; }\n .cursor-pointer { cursor: pointer; }\n .cursor-not-allowed { cursor: not-allowed; }\n .transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }\n .font-normal { font-weight: var(--berdsk-font-weight); }\n .font-medium { font-weight: 500; }\n .font-bold { font-weight: 700; }\n .text-center { text-align: center; }\n .text-xs { font-size: 0.75rem; line-height: 1rem; }\n .text-sm { font-size: 0.875rem; line-height: 1.25rem; }\n .text-base { font-size: 1rem; line-height: 1.5rem; }\n .text-lg { font-size: 1.125rem; line-height: 1.75rem; }\n .text-xl { font-size: 1.25rem; line-height: 1.75rem; }\n .text-2xl { font-size: 1.5rem; line-height: 2rem; }\n .text-white { color: #fff; }\n .text-primary { color: var(--berdsk-color-primary); }\n .text-secondary { color: var(--berdsk-color-secondary); }\n .text-danger { color: var(--berdsk-color-danger); }\n .text-success { color: var(--berdsk-color-success); }\n .bg-primary { background-color: var(--berdsk-color-primary); }\n .bg-secondary { background-color: var(--berdsk-color-secondary); }\n .bg-danger { background-color: var(--berdsk-color-danger); }\n .bg-success { background-color: var(--berdsk-color-success); }\n .bg-transparent { background-color: transparent; }\n .bg-black\\\\/5 { background-color: rgba(0, 0, 0, 0.05); }\n .border { border-width: var(--berdsk-border-size); }\n .border-none { border-style: none; }\n .border-transparent { border-color: transparent; }\n .border-primary { border-color: var(--berdsk-color-primary); }\n .border-secondary { border-color: var(--berdsk-color-secondary); }\n .border-danger { border-color: var(--berdsk-color-danger); }\n .border-success { border-color: var(--berdsk-color-success); }\n .rounded-none { border-radius: var(--berdsk-rounded-none); }\n .rounded-xs { border-radius: var(--berdsk-rounded-xs); }\n .rounded-sm { border-radius: var(--berdsk-rounded-sm); }\n .rounded-md { border-radius: var(--berdsk-rounded-md); }\n .rounded-lg { border-radius: var(--berdsk-rounded-lg); }\n .rounded-full { border-radius: var(--berdsk-rounded-full); }\n .opacity-60 { opacity: 0.6; }\n .hover\\\\:opacity-80:hover { opacity: 0.8; }\n .hover\\\\:brightness-90:hover { filter: brightness(0.9); }\n .hover\\\\:bg-black\\\\/5:hover { background-color: rgba(0, 0, 0, 0.05); }\n .underline { text-decoration-line: underline; }\n .gap-gap { gap: var(--berdsk-spacing-gap); }\n \n @media (min-width: 640px) {\n .sm\\\\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }\n }\n @media (min-width: 1024px) {\n .lg\\\\:px-8 { padding-left: 2rem; padding-right: 2rem; }\n }\n `;\n\n // Carregar ícones do CDN\n const CDN_URL = 'https://cdn.berdsk.com.br/berdsk-ui/icons/all.css';\n const PRECONNECT_URL = 'https://cdn.berdsk.com.br';\n\n if (!document.querySelector(`link[rel=\"preconnect\"][href=\"${PRECONNECT_URL}\"]`)) {\n const preconnect = document.createElement('link');\n preconnect.rel = 'preconnect';\n preconnect.href = PRECONNECT_URL;\n document.head.appendChild(preconnect);\n }\n\n if (!document.querySelector(`link[href=\"${CDN_URL}\"]`)) {\n const link = document.createElement('link');\n link.rel = 'stylesheet';\n link.href = CDN_URL;\n document.head.appendChild(link);\n }\n\n // Estilos base globais\n const styleId = 'berdsk-ui-theme-styles';\n let styleElement = document.getElementById(styleId) as HTMLStyleElement;\n\n if (!styleElement) {\n styleElement = document.createElement('style');\n styleElement.id = styleId;\n document.head.appendChild(styleElement);\n }\n\n styleElement.innerHTML = `\n html {\n font-family: var(--berdsk-font-family);\n font-weight: var(--berdsk-font-weight);\n }\n `;\n }, [mergedTheme]);\n\n return <ThemeContext.Provider value={{ theme: mergedTheme }}>{children}</ThemeContext.Provider>;\n};\n\nexport const useTheme = () => React.useContext(ThemeContext);\n"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
'use strict';var
|
|
2
|
+
'use strict';var n=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 n__namespace=/*#__PURE__*/_interopNamespace(n);var o={colors:{primary:"#007bff",secondary:"#6c757d",danger:"#dc3545",success:"#28a745"},typography:{fontFamily:'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif',fontWeight:"400"},spacing:{gap:"0.5rem"},border:{color:"#dee2e6",size:"1px",radius:{none:"0",xs:"0.125rem",sm:"0.25rem",md:"0.375rem",lg:"0.5rem",full:"9999px"}}},p=n__namespace.createContext({theme:o}),u=({theme:t,children:h})=>{let r=n__namespace.useMemo(()=>t?{...o,...t,colors:{...o.colors,...t.colors},typography:{...o.typography,...t.typography},spacing:{...o.spacing,...t.spacing},border:{...o.border,...t.border,radius:{...o.border.radius,...t.border?.radius}}}:o,[t]);return n__namespace.useLayoutEffect(()=>{let d=document.documentElement;Object.entries(r.colors).forEach(([e,a])=>{d.style.setProperty(`--berdsk-color-${e}`,a);}),d.style.setProperty("--berdsk-font-family",r.typography.fontFamily),d.style.setProperty("--berdsk-font-weight",r.typography.fontWeight),d.style.setProperty("--berdsk-spacing-gap",r.spacing.gap),d.style.setProperty("--berdsk-border-color",r.border.color),d.style.setProperty("--berdsk-border-size",r.border.size),Object.entries(r.border.radius).forEach(([e,a])=>{d.style.setProperty(`--berdsk-rounded-${e}`,a);});let l="berdsk-ui-section-styles",i=document.getElementById(l);i||(i=document.createElement("style"),i.id=l,document.head.appendChild(i)),i.innerHTML=`
|
|
3
3
|
.absolute { position: absolute; }
|
|
4
4
|
.relative { position: relative; }
|
|
5
5
|
.left-0 { left: 0; }
|
|
@@ -47,7 +47,9 @@
|
|
|
47
47
|
.cursor-pointer { cursor: pointer; }
|
|
48
48
|
.cursor-not-allowed { cursor: not-allowed; }
|
|
49
49
|
.transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
|
|
50
|
+
.font-normal { font-weight: var(--berdsk-font-weight); }
|
|
50
51
|
.font-medium { font-weight: 500; }
|
|
52
|
+
.font-bold { font-weight: 700; }
|
|
51
53
|
.text-center { text-align: center; }
|
|
52
54
|
.text-xs { font-size: 0.75rem; line-height: 1rem; }
|
|
53
55
|
.text-sm { font-size: 0.875rem; line-height: 1.25rem; }
|
|
@@ -92,12 +94,10 @@
|
|
|
92
94
|
@media (min-width: 1024px) {
|
|
93
95
|
.lg\\:px-8 { padding-left: 2rem; padding-right: 2rem; }
|
|
94
96
|
}
|
|
95
|
-
`;let c="https://cdn.berdsk.com.br/berdsk-ui/icons/all.css",m="https://cdn.berdsk.com.br";if(!document.querySelector(`link[rel="preconnect"][href="${m}"]`)){let e=document.createElement("link");e.rel="preconnect",e.href=m,document.head.appendChild(e);}if(!document.querySelector(`link[href="${c}"]`)){let e=document.createElement("link");e.rel="stylesheet",e.href=c,document.head.appendChild(e);}let g="berdsk-ui-theme-styles",
|
|
96
|
-
|
|
97
|
-
--berdsk-font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
|
|
98
|
-
}
|
|
99
|
-
* {
|
|
97
|
+
`;let c="https://cdn.berdsk.com.br/berdsk-ui/icons/all.css",m="https://cdn.berdsk.com.br";if(!document.querySelector(`link[rel="preconnect"][href="${m}"]`)){let e=document.createElement("link");e.rel="preconnect",e.href=m,document.head.appendChild(e);}if(!document.querySelector(`link[href="${c}"]`)){let e=document.createElement("link");e.rel="stylesheet",e.href=c,document.head.appendChild(e);}let g="berdsk-ui-theme-styles",s=document.getElementById(g);s||(s=document.createElement("style"),s.id=g,document.head.appendChild(s)),s.innerHTML=`
|
|
98
|
+
html {
|
|
100
99
|
font-family: var(--berdsk-font-family);
|
|
100
|
+
font-weight: var(--berdsk-font-weight);
|
|
101
101
|
}
|
|
102
|
-
`;},[
|
|
103
|
-
//# sourceMappingURL=chunk-
|
|
102
|
+
`;},[r]),jsxRuntime.jsx(p.Provider,{value:{theme:r},children:h})},f=()=>n__namespace.useContext(p);exports.a=o;exports.b=u;exports.c=f;//# sourceMappingURL=chunk-ENMFI5RT.cjs.map
|
|
103
|
+
//# sourceMappingURL=chunk-ENMFI5RT.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/theme/ThemeProvider.tsx"],"names":["defaultTheme","ThemeContext","n","ThemeProvider","theme","children","mergedTheme","root","key","value","sectionStyleId","sectionStyleElement","CDN_URL","PRECONNECT_URL","preconnect","link","styleId","styleElement","jsx","useTheme"],"mappings":"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","file":"chunk-ENMFI5RT.cjs","sourcesContent":["'use client';\nimport * as React from 'react';\n\nexport interface ThemeColors {\n primary: string;\n secondary: string;\n danger: string;\n success: string;\n}\n\nexport interface ThemeConfig {\n colors: ThemeColors;\n typography: {\n fontFamily: string;\n fontWeight: string;\n };\n spacing: {\n gap: string;\n };\n border: {\n color: string;\n size: string;\n radius: {\n none: string;\n xs: string;\n sm: string;\n md: string;\n lg: string;\n full: string;\n };\n };\n}\n\nexport const defaultTheme: ThemeConfig = {\n colors: {\n primary: '#007bff',\n secondary: '#6c757d',\n danger: '#dc3545',\n success: '#28a745',\n },\n typography: {\n fontFamily:\n 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif',\n fontWeight: '400',\n },\n spacing: {\n gap: '0.5rem',\n },\n border: {\n color: '#dee2e6',\n size: '1px',\n radius: {\n none: '0',\n xs: '0.125rem',\n sm: '0.25rem',\n md: '0.375rem',\n lg: '0.5rem',\n full: '9999px',\n },\n },\n};\n\ninterface ThemeContextType {\n theme: ThemeConfig;\n}\n\nconst ThemeContext = React.createContext<ThemeContextType>({\n theme: defaultTheme,\n});\n\nexport interface ThemeProviderProps {\n theme?: Partial<ThemeConfig>;\n children: React.ReactNode;\n}\n\nexport const ThemeProvider: React.FC<ThemeProviderProps> = ({ theme, children }) => {\n const mergedTheme = React.useMemo(() => {\n if (!theme) return defaultTheme;\n return {\n ...defaultTheme,\n ...theme,\n colors: { ...defaultTheme.colors, ...theme.colors },\n typography: { ...defaultTheme.typography, ...theme.typography },\n spacing: { ...defaultTheme.spacing, ...theme.spacing },\n border: {\n ...defaultTheme.border,\n ...theme.border,\n radius: { ...defaultTheme.border.radius, ...theme.border?.radius },\n },\n };\n }, [theme]);\n\n React.useLayoutEffect(() => {\n const root = document.documentElement;\n\n // Injetar cores\n Object.entries(mergedTheme.colors).forEach(([key, value]) => {\n root.style.setProperty(`--berdsk-color-${key}`, value);\n });\n\n // Injetar tipografia\n root.style.setProperty('--berdsk-font-family', mergedTheme.typography.fontFamily);\n root.style.setProperty('--berdsk-font-weight', mergedTheme.typography.fontWeight);\n\n // Injetar espaçamento\n root.style.setProperty('--berdsk-spacing-gap', mergedTheme.spacing.gap);\n\n // Injetar borda\n root.style.setProperty('--berdsk-border-color', mergedTheme.border.color);\n root.style.setProperty('--berdsk-border-size', mergedTheme.border.size);\n\n // Injetar arredondamentos\n Object.entries(mergedTheme.border.radius).forEach(([key, value]) => {\n root.style.setProperty(`--berdsk-rounded-${key}`, value);\n });\n\n // Injetar estilos do Section e outros componentes (Tailwind Utilities)\n const sectionStyleId = 'berdsk-ui-section-styles';\n let sectionStyleElement = document.getElementById(sectionStyleId) as HTMLStyleElement;\n if (!sectionStyleElement) {\n sectionStyleElement = document.createElement('style');\n sectionStyleElement.id = sectionStyleId;\n document.head.appendChild(sectionStyleElement);\n }\n sectionStyleElement.innerHTML = `\n .absolute { position: absolute; }\n .relative { position: relative; }\n .left-0 { left: 0; }\n .top-0 { top: 0; }\n .bottom-0 { bottom: 0; }\n .z-50 { z-index: 50; }\n .w-full { width: 100%; }\n .w-6 { width: 1.5rem; }\n .w-8 { width: 2rem; }\n .w-10 { width: 2.5rem; }\n .w-12 { width: 3rem; }\n .w-14 { width: 3.5rem; }\n .w-16 { width: 4rem; }\n .h-6 { height: 1.5rem; }\n .h-8 { height: 2rem; }\n .h-10 { height: 2.5rem; }\n .h-12 { height: 3rem; }\n .h-14 { height: 3.5rem; }\n .h-16 { height: 4rem; }\n .min-h-screen { min-height: 100vh; }\n .flex { display: flex; }\n .inline-flex { display: inline-flex; }\n .flex-col { flex-direction: column; }\n .flex-1 { flex: 1 1 0%; }\n .items-center { align-items: center; }\n .justify-center { justify-content: center; }\n .pointer-events-none { pointer-events: none; }\n .mx-auto { margin-left: auto; margin-right: auto; }\n .px-0 { padding-left: 0; padding-right: 0; }\n .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }\n .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }\n .px-4 { padding-left: 1rem; padding-right: 1rem; }\n .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }\n .px-8 { padding-left: 2rem; padding-right: 2rem; }\n .px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }\n .p-0 { padding: 0; }\n .max-w-7xl { max-width: 80rem; }\n .bottom-full { bottom: 100%; }\n .top-full { top: 100%; }\n .-translate-y-full { transform: translateY(-100%); }\n .translate-y-full { transform: translateY(100%); }\n .-top-full { top: -100%; }\n .-bottom-full { bottom: -100%; }\n .aspect-square { aspect-ratio: 1 / 1; }\n .cursor-pointer { cursor: pointer; }\n .cursor-not-allowed { cursor: not-allowed; }\n .transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }\n .font-normal { font-weight: var(--berdsk-font-weight); }\n .font-medium { font-weight: 500; }\n .font-bold { font-weight: 700; }\n .text-center { text-align: center; }\n .text-xs { font-size: 0.75rem; line-height: 1rem; }\n .text-sm { font-size: 0.875rem; line-height: 1.25rem; }\n .text-base { font-size: 1rem; line-height: 1.5rem; }\n .text-lg { font-size: 1.125rem; line-height: 1.75rem; }\n .text-xl { font-size: 1.25rem; line-height: 1.75rem; }\n .text-2xl { font-size: 1.5rem; line-height: 2rem; }\n .text-white { color: #fff; }\n .text-primary { color: var(--berdsk-color-primary); }\n .text-secondary { color: var(--berdsk-color-secondary); }\n .text-danger { color: var(--berdsk-color-danger); }\n .text-success { color: var(--berdsk-color-success); }\n .bg-primary { background-color: var(--berdsk-color-primary); }\n .bg-secondary { background-color: var(--berdsk-color-secondary); }\n .bg-danger { background-color: var(--berdsk-color-danger); }\n .bg-success { background-color: var(--berdsk-color-success); }\n .bg-transparent { background-color: transparent; }\n .bg-black\\\\/5 { background-color: rgba(0, 0, 0, 0.05); }\n .border { border-width: var(--berdsk-border-size); }\n .border-none { border-style: none; }\n .border-transparent { border-color: transparent; }\n .border-primary { border-color: var(--berdsk-color-primary); }\n .border-secondary { border-color: var(--berdsk-color-secondary); }\n .border-danger { border-color: var(--berdsk-color-danger); }\n .border-success { border-color: var(--berdsk-color-success); }\n .rounded-none { border-radius: var(--berdsk-rounded-none); }\n .rounded-xs { border-radius: var(--berdsk-rounded-xs); }\n .rounded-sm { border-radius: var(--berdsk-rounded-sm); }\n .rounded-md { border-radius: var(--berdsk-rounded-md); }\n .rounded-lg { border-radius: var(--berdsk-rounded-lg); }\n .rounded-full { border-radius: var(--berdsk-rounded-full); }\n .opacity-60 { opacity: 0.6; }\n .hover\\\\:opacity-80:hover { opacity: 0.8; }\n .hover\\\\:brightness-90:hover { filter: brightness(0.9); }\n .hover\\\\:bg-black\\\\/5:hover { background-color: rgba(0, 0, 0, 0.05); }\n .underline { text-decoration-line: underline; }\n .gap-gap { gap: var(--berdsk-spacing-gap); }\n \n @media (min-width: 640px) {\n .sm\\\\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }\n }\n @media (min-width: 1024px) {\n .lg\\\\:px-8 { padding-left: 2rem; padding-right: 2rem; }\n }\n `;\n\n // Carregar ícones do CDN\n const CDN_URL = 'https://cdn.berdsk.com.br/berdsk-ui/icons/all.css';\n const PRECONNECT_URL = 'https://cdn.berdsk.com.br';\n\n if (!document.querySelector(`link[rel=\"preconnect\"][href=\"${PRECONNECT_URL}\"]`)) {\n const preconnect = document.createElement('link');\n preconnect.rel = 'preconnect';\n preconnect.href = PRECONNECT_URL;\n document.head.appendChild(preconnect);\n }\n\n if (!document.querySelector(`link[href=\"${CDN_URL}\"]`)) {\n const link = document.createElement('link');\n link.rel = 'stylesheet';\n link.href = CDN_URL;\n document.head.appendChild(link);\n }\n\n // Estilos base globais\n const styleId = 'berdsk-ui-theme-styles';\n let styleElement = document.getElementById(styleId) as HTMLStyleElement;\n\n if (!styleElement) {\n styleElement = document.createElement('style');\n styleElement.id = styleId;\n document.head.appendChild(styleElement);\n }\n\n styleElement.innerHTML = `\n html {\n font-family: var(--berdsk-font-family);\n font-weight: var(--berdsk-font-weight);\n }\n `;\n }, [mergedTheme]);\n\n return <ThemeContext.Provider value={{ theme: mergedTheme }}>{children}</ThemeContext.Provider>;\n};\n\nexport const useTheme = () => React.useContext(ThemeContext);\n"]}
|
|
@@ -6,5 +6,5 @@ classnames/index.js:
|
|
|
6
6
|
Licensed under the MIT License (MIT), see
|
|
7
7
|
http://jedwatson.github.io/classnames
|
|
8
8
|
*)
|
|
9
|
-
*/export{ko as a};//# sourceMappingURL=chunk-
|
|
10
|
-
//# sourceMappingURL=chunk-
|
|
9
|
+
*/export{ko as a};//# sourceMappingURL=chunk-GUQJ6RZT.js.map
|
|
10
|
+
//# sourceMappingURL=chunk-GUQJ6RZT.js.map
|