@brycks/core-front 0.1.0
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 +163 -0
- package/dist/colors-B_8a3coi.js +106 -0
- package/dist/colors-B_8a3coi.js.map +1 -0
- package/dist/colors-Bp6ROxvx.cjs +2 -0
- package/dist/colors-Bp6ROxvx.cjs.map +1 -0
- package/dist/components/feedback/Alert/Alert.d.ts +29 -0
- package/dist/components/feedback/Alert/Alert.d.ts.map +1 -0
- package/dist/components/feedback/Alert/index.d.ts +3 -0
- package/dist/components/feedback/Alert/index.d.ts.map +1 -0
- package/dist/components/feedback/Modal/Modal.d.ts +28 -0
- package/dist/components/feedback/Modal/Modal.d.ts.map +1 -0
- package/dist/components/feedback/Modal/index.d.ts +3 -0
- package/dist/components/feedback/Modal/index.d.ts.map +1 -0
- package/dist/components/feedback/Tooltip/Tooltip.d.ts +20 -0
- package/dist/components/feedback/Tooltip/Tooltip.d.ts.map +1 -0
- package/dist/components/feedback/Tooltip/index.d.ts +3 -0
- package/dist/components/feedback/Tooltip/index.d.ts.map +1 -0
- package/dist/components/feedback/index.d.ts +9 -0
- package/dist/components/feedback/index.d.ts.map +1 -0
- package/dist/components/form/Checkbox/Checkbox.d.ts +20 -0
- package/dist/components/form/Checkbox/Checkbox.d.ts.map +1 -0
- package/dist/components/form/Checkbox/index.d.ts +3 -0
- package/dist/components/form/Checkbox/index.d.ts.map +1 -0
- package/dist/components/form/Input/Input.d.ts +21 -0
- package/dist/components/form/Input/Input.d.ts.map +1 -0
- package/dist/components/form/Input/index.d.ts +3 -0
- package/dist/components/form/Input/index.d.ts.map +1 -0
- package/dist/components/form/Select/Select.d.ts +21 -0
- package/dist/components/form/Select/Select.d.ts.map +1 -0
- package/dist/components/form/Select/index.d.ts +3 -0
- package/dist/components/form/Select/index.d.ts.map +1 -0
- package/dist/components/form/Switch/Switch.d.ts +16 -0
- package/dist/components/form/Switch/Switch.d.ts.map +1 -0
- package/dist/components/form/Switch/index.d.ts +3 -0
- package/dist/components/form/Switch/index.d.ts.map +1 -0
- package/dist/components/form/TextField/TextField.d.ts +16 -0
- package/dist/components/form/TextField/TextField.d.ts.map +1 -0
- package/dist/components/form/TextField/index.d.ts +3 -0
- package/dist/components/form/TextField/index.d.ts.map +1 -0
- package/dist/components/form/Textarea/Textarea.d.ts +27 -0
- package/dist/components/form/Textarea/Textarea.d.ts.map +1 -0
- package/dist/components/form/Textarea/index.d.ts +3 -0
- package/dist/components/form/Textarea/index.d.ts.map +1 -0
- package/dist/components/form/index.d.ts +12 -0
- package/dist/components/form/index.d.ts.map +1 -0
- package/dist/components/index.d.ts +12 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/layout/Box/Box.d.ts +11 -0
- package/dist/components/layout/Box/Box.d.ts.map +1 -0
- package/dist/components/layout/Box/Box.styles.d.ts +4 -0
- package/dist/components/layout/Box/Box.styles.d.ts.map +1 -0
- package/dist/components/layout/Box/Box.types.d.ts +38 -0
- package/dist/components/layout/Box/Box.types.d.ts.map +1 -0
- package/dist/components/layout/Box/index.d.ts +3 -0
- package/dist/components/layout/Box/index.d.ts.map +1 -0
- package/dist/components/layout/Container/Container.d.ts +31 -0
- package/dist/components/layout/Container/Container.d.ts.map +1 -0
- package/dist/components/layout/Container/index.d.ts +3 -0
- package/dist/components/layout/Container/index.d.ts.map +1 -0
- package/dist/components/layout/Grid/Grid.d.ts +80 -0
- package/dist/components/layout/Grid/Grid.d.ts.map +1 -0
- package/dist/components/layout/Grid/index.d.ts +3 -0
- package/dist/components/layout/Grid/index.d.ts.map +1 -0
- package/dist/components/layout/Stack/Stack.d.ts +13 -0
- package/dist/components/layout/Stack/Stack.d.ts.map +1 -0
- package/dist/components/layout/Stack/Stack.types.d.ts +33 -0
- package/dist/components/layout/Stack/Stack.types.d.ts.map +1 -0
- package/dist/components/layout/Stack/index.d.ts +3 -0
- package/dist/components/layout/Stack/index.d.ts.map +1 -0
- package/dist/components/layout/index.d.ts +10 -0
- package/dist/components/layout/index.d.ts.map +1 -0
- package/dist/components/primitives/Button/Button.d.ts +12 -0
- package/dist/components/primitives/Button/Button.d.ts.map +1 -0
- package/dist/components/primitives/Button/Button.styles.d.ts +29 -0
- package/dist/components/primitives/Button/Button.styles.d.ts.map +1 -0
- package/dist/components/primitives/Button/Button.types.d.ts +37 -0
- package/dist/components/primitives/Button/Button.types.d.ts.map +1 -0
- package/dist/components/primitives/Button/index.d.ts +3 -0
- package/dist/components/primitives/Button/index.d.ts.map +1 -0
- package/dist/components/primitives/index.d.ts +7 -0
- package/dist/components/primitives/index.d.ts.map +1 -0
- package/dist/components/typography/Heading/Heading.d.ts +38 -0
- package/dist/components/typography/Heading/Heading.d.ts.map +1 -0
- package/dist/components/typography/Heading/index.d.ts +3 -0
- package/dist/components/typography/Heading/index.d.ts.map +1 -0
- package/dist/components/typography/Text/Text.d.ts +41 -0
- package/dist/components/typography/Text/Text.d.ts.map +1 -0
- package/dist/components/typography/Text/index.d.ts +3 -0
- package/dist/components/typography/Text/index.d.ts.map +1 -0
- package/dist/components/typography/index.d.ts +8 -0
- package/dist/components/typography/index.d.ts.map +1 -0
- package/dist/components/utility/Badge/Badge.d.ts +20 -0
- package/dist/components/utility/Badge/Badge.d.ts.map +1 -0
- package/dist/components/utility/Badge/index.d.ts +3 -0
- package/dist/components/utility/Badge/index.d.ts.map +1 -0
- package/dist/components/utility/Divider/Divider.d.ts +19 -0
- package/dist/components/utility/Divider/Divider.d.ts.map +1 -0
- package/dist/components/utility/Divider/index.d.ts +3 -0
- package/dist/components/utility/Divider/index.d.ts.map +1 -0
- package/dist/components/utility/EmptyState/EmptyState.d.ts +26 -0
- package/dist/components/utility/EmptyState/EmptyState.d.ts.map +1 -0
- package/dist/components/utility/EmptyState/index.d.ts +3 -0
- package/dist/components/utility/EmptyState/index.d.ts.map +1 -0
- package/dist/components/utility/Loader/Loader.d.ts +21 -0
- package/dist/components/utility/Loader/Loader.d.ts.map +1 -0
- package/dist/components/utility/Loader/index.d.ts +3 -0
- package/dist/components/utility/Loader/index.d.ts.map +1 -0
- package/dist/components/utility/Skeleton/Skeleton.d.ts +35 -0
- package/dist/components/utility/Skeleton/Skeleton.d.ts.map +1 -0
- package/dist/components/utility/Skeleton/index.d.ts +3 -0
- package/dist/components/utility/Skeleton/index.d.ts.map +1 -0
- package/dist/components/utility/index.d.ts +11 -0
- package/dist/components/utility/index.d.ts.map +1 -0
- package/dist/cssVariables-CU3jCd8f.js +273 -0
- package/dist/cssVariables-CU3jCd8f.js.map +1 -0
- package/dist/cssVariables-D_naqeoR.cjs +2 -0
- package/dist/cssVariables-D_naqeoR.cjs.map +1 -0
- package/dist/design-system/index.d.ts +16 -0
- package/dist/design-system/index.d.ts.map +1 -0
- package/dist/design-system/primitives/focus.d.ts +67 -0
- package/dist/design-system/primitives/focus.d.ts.map +1 -0
- package/dist/design-system/primitives/index.d.ts +14 -0
- package/dist/design-system/primitives/index.d.ts.map +1 -0
- package/dist/design-system/primitives/opacity.d.ts +88 -0
- package/dist/design-system/primitives/opacity.d.ts.map +1 -0
- package/dist/design-system/primitives/sizing.d.ts +155 -0
- package/dist/design-system/primitives/sizing.d.ts.map +1 -0
- package/dist/design-system/primitives/transitions.d.ts +92 -0
- package/dist/design-system/primitives/transitions.d.ts.map +1 -0
- package/dist/design-system/primitives/typography.d.ts +164 -0
- package/dist/design-system/primitives/typography.d.ts.map +1 -0
- package/dist/design-system/themes/ThemeProvider.d.ts +18 -0
- package/dist/design-system/themes/ThemeProvider.d.ts.map +1 -0
- package/dist/design-system/themes/cssVariables.d.ts +52 -0
- package/dist/design-system/themes/cssVariables.d.ts.map +1 -0
- package/dist/design-system/themes/darkTheme.d.ts +3 -0
- package/dist/design-system/themes/darkTheme.d.ts.map +1 -0
- package/dist/design-system/themes/index.d.ts +11 -0
- package/dist/design-system/themes/index.d.ts.map +1 -0
- package/dist/design-system/themes/lightTheme.d.ts +3 -0
- package/dist/design-system/themes/lightTheme.d.ts.map +1 -0
- package/dist/design-system/themes/types.d.ts +134 -0
- package/dist/design-system/themes/types.d.ts.map +1 -0
- package/dist/design-system/tokens/borders.d.ts +86 -0
- package/dist/design-system/tokens/borders.d.ts.map +1 -0
- package/dist/design-system/tokens/breakpoints.d.ts +66 -0
- package/dist/design-system/tokens/breakpoints.d.ts.map +1 -0
- package/dist/design-system/tokens/colors.d.ts +206 -0
- package/dist/design-system/tokens/colors.d.ts.map +1 -0
- package/dist/design-system/tokens/index.d.ts +23 -0
- package/dist/design-system/tokens/index.d.ts.map +1 -0
- package/dist/design-system/tokens/motion.d.ts +204 -0
- package/dist/design-system/tokens/motion.d.ts.map +1 -0
- package/dist/design-system/tokens/shadows.d.ts +55 -0
- package/dist/design-system/tokens/shadows.d.ts.map +1 -0
- package/dist/design-system/tokens/spacing.d.ts +104 -0
- package/dist/design-system/tokens/spacing.d.ts.map +1 -0
- package/dist/design-system/tokens/typography.d.ts +214 -0
- package/dist/design-system/tokens/typography.d.ts.map +1 -0
- package/dist/design-system/tokens/zIndex.d.ts +36 -0
- package/dist/design-system/tokens/zIndex.d.ts.map +1 -0
- package/dist/hooks/index.d.ts +8 -0
- package/dist/hooks/index.d.ts.map +1 -0
- package/dist/hooks/useDisclosure.d.ts +19 -0
- package/dist/hooks/useDisclosure.d.ts.map +1 -0
- package/dist/hooks/useMediaQuery.d.ts +13 -0
- package/dist/hooks/useMediaQuery.d.ts.map +1 -0
- package/dist/index.cjs +89 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.ts +60 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +3215 -0
- package/dist/index.js.map +1 -0
- package/dist/themes.cjs +2 -0
- package/dist/themes.cjs.map +1 -0
- package/dist/themes.d.ts +2 -0
- package/dist/themes.js +11 -0
- package/dist/themes.js.map +1 -0
- package/dist/tokens.cjs +2 -0
- package/dist/tokens.cjs.map +1 -0
- package/dist/tokens.d.ts +2 -0
- package/dist/tokens.js +627 -0
- package/dist/tokens.js.map +1 -0
- package/dist/types/common.d.ts +90 -0
- package/dist/types/common.d.ts.map +1 -0
- package/dist/types/index.d.ts +7 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/utils/index.d.ts +7 -0
- package/dist/utils/index.d.ts.map +1 -0
- package/dist/utils/styles.d.ts +17 -0
- package/dist/utils/styles.d.ts.map +1 -0
- package/package.json +78 -0
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* useMediaQuery Hook
|
|
3
|
+
*
|
|
4
|
+
* React hook for responsive design with media queries.
|
|
5
|
+
*/
|
|
6
|
+
export declare function useMediaQuery(query: string): boolean;
|
|
7
|
+
/** Pre-built responsive hooks */
|
|
8
|
+
export declare function useIsMobile(): boolean;
|
|
9
|
+
export declare function useIsTablet(): boolean;
|
|
10
|
+
export declare function useIsDesktop(): boolean;
|
|
11
|
+
export declare function usePrefersReducedMotion(): boolean;
|
|
12
|
+
export declare function usePrefersDarkMode(): boolean;
|
|
13
|
+
//# sourceMappingURL=useMediaQuery.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMediaQuery.d.ts","sourceRoot":"","sources":["../../src/hooks/useMediaQuery.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAqBpD;AAED,iCAAiC;AACjC,wBAAgB,WAAW,YAE1B;AAED,wBAAgB,WAAW,YAE1B;AAED,wBAAgB,YAAY,YAE3B;AAED,wBAAgB,uBAAuB,YAEtC;AAED,wBAAgB,kBAAkB,YAEjC"}
|
package/dist/index.cjs
ADDED
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Q=require("./colors-Bp6ROxvx.cjs"),s=require("./tokens.cjs"),Z=require("./cssVariables-D_naqeoR.cjs"),f=require("react"),r=require("react/jsx-runtime"),fe=require("react-dom"),X={xs:s.spacing[6],sm:s.spacing[8],md:s.spacing[10],lg:s.spacing[12],xl:s.spacing[14]},U={xs:s.spacing[3],sm:s.spacing[4],md:s.spacing[5],lg:s.spacing[6],xl:s.spacing[8]},V={xs:s.spacing[2],sm:s.spacing[3],md:s.spacing[4],lg:s.spacing[5],xl:s.spacing[6]},Ee={xs:s.spacing[1],sm:s.spacing[1.5],md:s.spacing[2],lg:s.spacing[2.5],xl:s.spacing[3]},O={xs:s.spacing[1],sm:s.spacing[1.5],md:s.spacing[2],lg:s.spacing[2.5],xl:s.spacing[3]},Xe={sm:400,md:500,lg:640,xl:800,full:"calc(100vw - 48px)"},Ve={tooltipMaxWidth:300,popoverMaxWidth:400,arrowSize:s.spacing[2],offset:s.spacing[2]},ye={sm:{box:16,icon:10},md:{box:18,icon:12},lg:{box:22,icon:14}},ge={sm:{width:36,height:20,thumb:16},md:{width:44,height:24,thumb:20},lg:{width:52,height:28,thumb:24}},G={default:"0 0 0 3px var(--brycks-focus-ring-color, rgba(85, 120, 244, 0.35))",error:"0 0 0 3px var(--brycks-focus-ring-error, rgba(239, 68, 68, 0.35))",success:"0 0 0 3px var(--brycks-focus-ring-success, rgba(16, 185, 129, 0.35))",subtle:"0 0 0 2px var(--brycks-focus-ring-color, rgba(85, 120, 244, 0.25))",none:"none"},Ge={default:"0 0 0 2px var(--brycks-background-app), 0 0 0 4px var(--brycks-primary-default)",error:"0 0 0 2px var(--brycks-background-app), 0 0 0 4px var(--brycks-error-default)"},qe={outline:{outline:"2px solid var(--brycks-border-focus)",outlineOffset:"2px"},ring:{outline:"none",boxShadow:G.default},ringError:{outline:"none",boxShadow:G.error},none:{outline:"none",boxShadow:"none"}},K={none:"none",instant:`all ${s.durations.faster}ms ${s.easings.easeOut}`,fast:`all ${s.durations.fast}ms ${s.easings.easeOut}`,quick:`all ${s.durations.quick}ms ${s.easings.easeOut}`,default:`all ${s.durations.normal}ms ${s.easings.easeOut}`,smooth:`all ${s.durations.relaxed}ms ${s.easings.smooth}`,slow:`all ${s.durations.slow}ms ${s.easings.easeOut}`,spring:`all ${s.durations.relaxed}ms ${s.easings.softSpring}`,colors:`color ${s.durations.fast}ms ${s.easings.easeOut}, background-color ${s.durations.fast}ms ${s.easings.easeOut}, border-color ${s.durations.fast}ms ${s.easings.easeOut}`,transform:`transform ${s.durations.normal}ms ${s.easings.easeOut}`,opacity:`opacity ${s.durations.normal}ms ${s.easings.easeOut}`,shadow:`box-shadow ${s.durations.normal}ms ${s.easings.easeOut}`},Ye={all:"all",colors:"color, background-color, border-color, fill, stroke",opacity:"opacity",shadow:"box-shadow",transform:"transform",dimensions:"width, height, padding, margin"},_e={instant:s.durations.faster,fast:s.durations.fast,quick:s.durations.quick,default:s.durations.normal,smooth:s.durations.relaxed,slow:s.durations.slow,slower:s.durations.slower},Ae={linear:s.easings.linear,ease:s.easings.ease,easeIn:s.easings.easeIn,easeOut:s.easings.easeOut,easeInOut:s.easings.easeInOut,spring:s.easings.spring,softSpring:s.easings.softSpring,smooth:s.easings.smooth,snappy:s.easings.snappy},Ke={fadeIn:`
|
|
2
|
+
@keyframes brycks-fade-in {
|
|
3
|
+
from { opacity: 0; }
|
|
4
|
+
to { opacity: 1; }
|
|
5
|
+
}
|
|
6
|
+
`,fadeOut:`
|
|
7
|
+
@keyframes brycks-fade-out {
|
|
8
|
+
from { opacity: 1; }
|
|
9
|
+
to { opacity: 0; }
|
|
10
|
+
}
|
|
11
|
+
`,scaleIn:`
|
|
12
|
+
@keyframes brycks-scale-in {
|
|
13
|
+
from { opacity: 0; transform: scale(0.95); }
|
|
14
|
+
to { opacity: 1; transform: scale(1); }
|
|
15
|
+
}
|
|
16
|
+
`,scaleOut:`
|
|
17
|
+
@keyframes brycks-scale-out {
|
|
18
|
+
from { opacity: 1; transform: scale(1); }
|
|
19
|
+
to { opacity: 0; transform: scale(0.95); }
|
|
20
|
+
}
|
|
21
|
+
`,slideUp:`
|
|
22
|
+
@keyframes brycks-slide-up {
|
|
23
|
+
from { opacity: 0; transform: translateY(8px); }
|
|
24
|
+
to { opacity: 1; transform: translateY(0); }
|
|
25
|
+
}
|
|
26
|
+
`,slideDown:`
|
|
27
|
+
@keyframes brycks-slide-down {
|
|
28
|
+
from { opacity: 0; transform: translateY(-8px); }
|
|
29
|
+
to { opacity: 1; transform: translateY(0); }
|
|
30
|
+
}
|
|
31
|
+
`,spin:`
|
|
32
|
+
@keyframes brycks-spin {
|
|
33
|
+
from { transform: rotate(0deg); }
|
|
34
|
+
to { transform: rotate(360deg); }
|
|
35
|
+
}
|
|
36
|
+
`,pulse:`
|
|
37
|
+
@keyframes brycks-pulse {
|
|
38
|
+
0%, 100% { opacity: 1; }
|
|
39
|
+
50% { opacity: 0.5; }
|
|
40
|
+
}
|
|
41
|
+
`,shimmer:`
|
|
42
|
+
@keyframes brycks-shimmer {
|
|
43
|
+
0% { transform: translateX(-100%); }
|
|
44
|
+
100% { transform: translateX(100%); }
|
|
45
|
+
}
|
|
46
|
+
`,bounce:`
|
|
47
|
+
@keyframes brycks-bounce {
|
|
48
|
+
0%, 80%, 100% { transform: scale(0); opacity: 0.5; }
|
|
49
|
+
40% { transform: scale(1); opacity: 1; }
|
|
50
|
+
}
|
|
51
|
+
`},T={xs:s.fontSizes.xs,sm:s.fontSizes.sm,md:s.fontSizes.base,lg:15,xl:s.fontSizes.md},D={regular:s.fontWeights.regular,medium:s.fontWeights.medium,semibold:s.fontWeights.semibold,bold:s.fontWeights.bold},I={none:s.lineHeights.none,tight:s.lineHeights.snug,snug:1.4,normal:s.lineHeights.normal,relaxed:1.6},Qe={label:{fontFamily:s.fontFamilies.sans,fontSize:T.sm,fontWeight:D.medium,lineHeight:I.normal},helperText:{fontFamily:s.fontFamilies.sans,fontSize:T.xs,fontWeight:D.regular,lineHeight:I.relaxed},errorText:{fontFamily:s.fontFamilies.sans,fontSize:T.xs,fontWeight:D.regular,lineHeight:I.relaxed},buttonSm:{fontFamily:s.fontFamilies.sans,fontSize:T.sm,fontWeight:D.medium,lineHeight:I.none},buttonMd:{fontFamily:s.fontFamilies.sans,fontSize:T.md,fontWeight:D.medium,lineHeight:I.none},buttonLg:{fontFamily:s.fontFamilies.sans,fontSize:T.lg,fontWeight:D.medium,lineHeight:I.none},badge:{fontFamily:s.fontFamilies.sans,fontSize:T.xs,fontWeight:D.medium,lineHeight:I.none},tooltip:{fontFamily:s.fontFamilies.sans,fontSize:T.xs,fontWeight:D.medium,lineHeight:I.snug},alertTitle:{fontFamily:s.fontFamilies.sans,fontSize:T.md,fontWeight:D.semibold,lineHeight:I.tight},alertDescription:{fontFamily:s.fontFamilies.sans,fontSize:T.md,fontWeight:D.regular,lineHeight:I.normal},modalTitle:{fontFamily:s.fontFamilies.sans,fontSize:s.fontSizes.lg,fontWeight:D.semibold,lineHeight:I.tight},modalDescription:{fontFamily:s.fontFamilies.sans,fontSize:T.md,fontWeight:D.regular,lineHeight:I.normal},emptyStateTitle:{fontFamily:s.fontFamilies.sans,fontSize:s.fontSizes.lg,fontWeight:D.semibold,lineHeight:I.tight},emptyStateDescription:{fontFamily:s.fontFamilies.sans,fontSize:T.md,fontWeight:D.regular,lineHeight:I.normal},dividerLabel:{fontFamily:s.fontFamilies.sans,fontSize:T.xs,fontWeight:D.medium,lineHeight:I.normal}},E={transparent:0,5:.05,10:.1,15:.15,20:.2,25:.25,30:.3,40:.4,50:.5,60:.6,70:.7,75:.75,80:.8,90:.9,95:.95,opaque:1},ee={disabled:E[50],placeholder:E[50],hoverOverlay:E[5],activeOverlay:E[10],backdrop:E[40],loading:E[70],muted:E[60],subtle:E[30]},A={pressed:.98,pressedStrong:.95,controlPressed:.92,hidden:.95,normal:1,hover:1.02,emphasized:1.05};function R(...e){return e.filter(Boolean).join(" ")}function Ue(e){return s.spacing[e]}function $(e){if(e===void 0)return;const o=s.spacing[e];return o===0?"0":`${o}px`}function te(e){const o={};return e.m!==void 0&&(o.margin=$(e.m)),e.mx!==void 0&&(o.marginLeft=$(e.mx),o.marginRight=$(e.mx)),e.my!==void 0&&(o.marginTop=$(e.my),o.marginBottom=$(e.my)),e.mt!==void 0&&(o.marginTop=$(e.mt)),e.mr!==void 0&&(o.marginRight=$(e.mr)),e.mb!==void 0&&(o.marginBottom=$(e.mb)),e.ml!==void 0&&(o.marginLeft=$(e.ml)),e.p!==void 0&&(o.padding=$(e.p)),e.px!==void 0&&(o.paddingLeft=$(e.px),o.paddingRight=$(e.px)),e.py!==void 0&&(o.paddingTop=$(e.py),o.paddingBottom=$(e.py)),e.pt!==void 0&&(o.paddingTop=$(e.pt)),e.pr!==void 0&&(o.paddingRight=$(e.pr)),e.pb!==void 0&&(o.paddingBottom=$(e.pb)),e.pl!==void 0&&(o.paddingLeft=$(e.pl)),o}let Ze=0;function Je(e="brycks"){return`${e}-${++Ze}`}function et(e,o){const t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);if(!t)return e;const n=parseInt(t[1],16),a=parseInt(t[2],16),i=parseInt(t[3],16);return`rgba(${n}, ${a}, ${i}, ${o})`}const tt={none:"0",xs:"var(--brycks-radius-xs)",sm:"var(--brycks-radius-sm)",md:"var(--brycks-radius-md)",lg:"var(--brycks-radius-lg)",xl:"var(--brycks-radius-xl)","2xl":"var(--brycks-radius-2xl)","3xl":"var(--brycks-radius-3xl)",full:"var(--brycks-radius-full)"},rt={none:"none",xs:"var(--brycks-shadow-xs)",sm:"var(--brycks-shadow-sm)",md:"var(--brycks-shadow-md)",lg:"var(--brycks-shadow-lg)",xl:"var(--brycks-shadow-xl)","2xl":"var(--brycks-shadow-2xl)"};function ot(e){const t={...te(e)};return e.display&&(t.display=e.display),e.position&&(t.position=e.position),e.width&&(t.width=e.width),e.height&&(t.height=e.height),e.minWidth&&(t.minWidth=e.minWidth),e.maxWidth&&(t.maxWidth=e.maxWidth),e.minHeight&&(t.minHeight=e.minHeight),e.maxHeight&&(t.maxHeight=e.maxHeight),e.overflow&&(t.overflow=e.overflow),e.bg&&(t.backgroundColor=e.bg),e.radius&&(t.borderRadius=tt[e.radius]),e.shadow&&(t.boxShadow=rt[e.shadow]),t}const st=["m","mx","my","mt","mr","mb","ml","p","px","py","pt","pr","pb","pl","display","position","width","height","minWidth","maxWidth","minHeight","maxHeight","overflow","bg","radius","shadow","testId"];function nt(e){const o={...e};for(const t of st)delete o[t];return o}const at=({as:e,className:o,style:t,children:n,testId:a,...i},b)=>{const d=e||"div",l=ot(i),c=nt(i);return r.jsx(d,{ref:b,className:R("brycks-box",o),style:{...l,...t},"data-testid":a,...c,children:n})},be=f.forwardRef(at);be.displayName="Box";const it=["m","mx","my","mt","mr","mb","ml","p","px","py","pt","pr","pb","pl","direction","gap","gapX","gapY","align","justify","wrap","inline","testId"];function ct(e){const o={...e};for(const t of it)delete o[t];return o}function lt(e){const t={...te(e),display:e.inline?"inline-flex":"flex",flexDirection:e.direction??"column"};return e.gap!==void 0?t.gap=$(e.gap):(e.gapX!==void 0&&(t.columnGap=$(e.gapX)),e.gapY!==void 0&&(t.rowGap=$(e.gapY))),e.align&&(t.alignItems=e.align),e.justify&&(t.justifyContent=e.justify),e.wrap&&(t.flexWrap=e.wrap),t}const dt=({as:e,className:o,style:t,children:n,testId:a,...i},b)=>{const d=e||"div",l=lt(i),c=ct(i);return r.jsx(d,{ref:b,className:R("brycks-stack",o),style:{...l,...t},"data-testid":a,...c,children:n})},re=f.forwardRef(dt);re.displayName="Stack";const ut=(e,o)=>r.jsx(re,{ref:o,direction:"row",align:"center",...e}),me=f.forwardRef(ut);me.displayName="HStack";const ft=(e,o)=>r.jsx(re,{ref:o,direction:"column",...e}),he=f.forwardRef(ft);he.displayName="VStack";const yt=["m","mx","my","mt","mr","mb","ml","p","px","py","pt","pr","pb","pl","columns","rows","gap","gapX","gapY","align","justify","templateColumns","templateRows","flow","inline","testId"];function gt(e){const o={...e};for(const t of yt)delete o[t];return o}function bt(e){const t={...te(e),display:e.inline?"inline-grid":"grid"};return e.columns!==void 0&&(t.gridTemplateColumns=typeof e.columns=="number"?`repeat(${e.columns}, 1fr)`:e.columns),e.rows!==void 0&&(t.gridTemplateRows=typeof e.rows=="number"?`repeat(${e.rows}, 1fr)`:e.rows),e.templateColumns&&(t.gridTemplateColumns=e.templateColumns),e.templateRows&&(t.gridTemplateRows=e.templateRows),e.gap!==void 0?t.gap=$(e.gap):(e.gapX!==void 0&&(t.columnGap=$(e.gapX)),e.gapY!==void 0&&(t.rowGap=$(e.gapY))),e.align&&(t.alignItems=e.align),e.justify&&(t.justifyItems=e.justify),e.flow&&(t.gridAutoFlow=e.flow),t}const mt=({as:e,className:o,style:t,children:n,testId:a,...i},b)=>{const d=e||"div",l=bt(i),c=gt(i);return r.jsx(d,{ref:b,className:R("brycks-grid",o),style:{...l,...t},"data-testid":a,...c,children:n})},ke=f.forwardRef(mt);ke.displayName="Grid";const ht=({as:e,className:o,style:t,children:n,testId:a,colSpan:i,rowSpan:b,colStart:d,colEnd:l,rowStart:c,rowEnd:m,...p},h)=>{const y=e||"div",g={};return i!==void 0&&(g.gridColumn=i==="full"?"1 / -1":`span ${i}`),b!==void 0&&(g.gridRow=`span ${b}`),d!==void 0&&(g.gridColumnStart=d),l!==void 0&&(g.gridColumnEnd=l),c!==void 0&&(g.gridRowStart=c),m!==void 0&&(g.gridRowEnd=m),r.jsx(y,{ref:h,className:R("brycks-grid-item",o),style:{...g,...t},"data-testid":a,...p,children:n})},pe=f.forwardRef(ht);pe.displayName="GridItem";const kt=["m","mx","my","mt","mr","mb","ml","p","px","py","pt","pr","pb","pl","size","centered","padded","testId"];function pt(e){const o={...e};for(const t of kt)delete o[t];return o}function xt(e){const o=te(e),t=e.size??"xl",n=s.containers[t],a={...o,width:"100%",maxWidth:typeof n=="number"?`${n}px`:n};return e.centered!==!1&&(a.marginLeft="auto",a.marginRight="auto"),e.padded!==!1&&(a.paddingLeft="var(--brycks-space-4)",a.paddingRight="var(--brycks-space-4)"),a}const vt=({as:e,className:o,style:t,children:n,testId:a,...i},b)=>{const d=e||"div",l=xt(i),c=pt(i);return r.jsx(d,{ref:b,className:R("brycks-container",o),style:{...l,...t},"data-testid":a,...c,children:n})},xe=f.forwardRef(vt);xe.displayName="Container";const ve={body:{element:"p",styles:s.textStyles.bodyDefault},bodyLarge:{element:"p",styles:s.textStyles.bodyLarge},bodySmall:{element:"p",styles:s.textStyles.bodySmall},label:{element:"span",styles:s.textStyles.label},caption:{element:"span",styles:s.textStyles.caption},overline:{element:"span",styles:s.textStyles.overline},code:{element:"code",styles:s.textStyles.code}};function wt(e){const o=e.variant??"body",t=ve[o].styles,n={fontFamily:t.fontFamily,fontSize:e.size?s.fontSizes[e.size]:t.fontSize,fontWeight:e.weight?s.fontWeights[e.weight]:t.fontWeight,lineHeight:e.leading?s.lineHeights[e.leading]:t.lineHeight,letterSpacing:t.letterSpacing};return"textTransform"in t&&(n.textTransform=t.textTransform),e.align&&(n.textAlign=e.align),e.color&&(n.color=e.color),e.truncate&&(n.overflow="hidden",n.textOverflow="ellipsis",n.whiteSpace="nowrap"),e.lineClamp&&(n.display="-webkit-box",n.WebkitLineClamp=e.lineClamp,n.WebkitBoxOrient="vertical",n.overflow="hidden"),n}const St=({as:e,variant:o="body",className:t,style:n,children:a,testId:i,...b},d)=>{const l=e||ve[o].element,c=wt({variant:o,...b}),{size:m,weight:p,leading:h,align:y,color:g,truncate:k,lineClamp:u,...x}=b;return r.jsx(l,{ref:d,className:R("brycks-text",`brycks-text--${o}`,t),style:{...c,...n},"data-testid":i,...x,children:a})},ne=f.forwardRef(St);ne.displayName="Text";const Ct=(e,o)=>r.jsx(ne,{...e,ref:o,variant:"code",style:{backgroundColor:"var(--brycks-background-muted)",padding:`${s.spacing[.5]}px ${s.spacing[1.5]}px`,borderRadius:"var(--brycks-radius-sm)",...e.style}}),we=f.forwardRef(Ct);we.displayName="Code";const jt={1:"h1",2:"h2",3:"h3",4:"h4",5:"h5",6:"h6",display:"displayMedium",displayLarge:"displayLarge",displaySmall:"displaySmall"};function zt(e){const o=e.level??2,t=e.size??o,n=jt[t],a=s.textStyles[n],i={fontFamily:a.fontFamily,fontSize:a.fontSize,fontWeight:e.weight?s.fontWeights[e.weight]:a.fontWeight,lineHeight:a.lineHeight,letterSpacing:a.letterSpacing,margin:0};return e.align&&(i.textAlign=e.align),e.color&&(i.color=e.color),e.truncate&&(i.overflow="hidden",i.textOverflow="ellipsis",i.whiteSpace="nowrap"),i}const $t=({as:e,level:o=2,className:t,style:n,children:a,testId:i,...b},d)=>{const l=e||`h${o}`,c=zt({level:o,...b}),{size:m,weight:p,align:h,color:y,truncate:g,...k}=b;return r.jsx(l,{ref:d,className:R("brycks-heading",`brycks-heading--${o}`,t),style:{...c,...n},"data-testid":i,...k,children:a})},ae=f.forwardRef($t);ae.displayName="Heading";const Rt=({size:e="display",...o},t)=>r.jsx(ae,{ref:t,level:1,size:e,...o}),Se=f.forwardRef(Rt);Se.displayName="Display";const Ce={xs:{height:X.xs,paddingX:V.xs,fontSize:T.xs,iconSize:U.xs,gap:O.xs,radius:"var(--brycks-radius-md)"},sm:{height:X.sm,paddingX:V.sm,fontSize:T.sm,iconSize:U.sm,gap:O.sm,radius:"var(--brycks-radius-md)"},md:{height:X.md,paddingX:V.md,fontSize:T.md,iconSize:U.md,gap:O.md,radius:"var(--brycks-radius-default)"},lg:{height:X.lg,paddingX:V.lg,fontSize:T.lg,iconSize:U.lg,gap:O.md,radius:"var(--brycks-radius-lg)"},xl:{height:X.xl,paddingX:V.xl,fontSize:T.xl,iconSize:U.xl,gap:O.lg,radius:"var(--brycks-radius-xl)"}},Wt={primary:{solid:{bg:"var(--brycks-primary-default)",hoverBg:"var(--brycks-primary-hover)",activeBg:"var(--brycks-primary-active)",text:"var(--brycks-primary-foreground)"},outline:{border:"var(--brycks-primary-default)",hoverBg:"var(--brycks-primary-muted)",text:"var(--brycks-primary-default)"},ghost:{hoverBg:"var(--brycks-primary-muted)",text:"var(--brycks-primary-default)"},soft:{bg:"var(--brycks-primary-muted)",hoverBg:"var(--brycks-primary-soft-hover)",text:"var(--brycks-primary-default)"},link:{text:"var(--brycks-primary-default)",hoverText:"var(--brycks-primary-hover)"}},accent:{solid:{bg:"var(--brycks-accent-default)",hoverBg:"var(--brycks-accent-hover)",activeBg:"var(--brycks-accent-active)",text:"var(--brycks-accent-foreground)"},outline:{border:"var(--brycks-accent-default)",hoverBg:"var(--brycks-accent-muted)",text:"var(--brycks-accent-default)"},ghost:{hoverBg:"var(--brycks-accent-muted)",text:"var(--brycks-accent-default)"},soft:{bg:"var(--brycks-accent-muted)",hoverBg:"var(--brycks-accent-soft-hover)",text:"var(--brycks-accent-default)"},link:{text:"var(--brycks-accent-default)",hoverText:"var(--brycks-accent-hover)"}},neutral:{solid:{bg:"var(--brycks-foreground-default)",hoverBg:"var(--brycks-foreground-muted)",activeBg:"var(--brycks-foreground-subtle)",text:"var(--brycks-background-app)"},outline:{border:"var(--brycks-border-strong)",hoverBg:"var(--brycks-background-muted)",text:"var(--brycks-foreground-default)"},ghost:{hoverBg:"var(--brycks-background-muted)",text:"var(--brycks-foreground-default)"},soft:{bg:"var(--brycks-background-muted)",hoverBg:"var(--brycks-background-subtle)",text:"var(--brycks-foreground-default)"},link:{text:"var(--brycks-foreground-default)",hoverText:"var(--brycks-foreground-muted)"}},success:{solid:{bg:"var(--brycks-success-default)",hoverBg:"var(--brycks-success-hover)",activeBg:"var(--brycks-success-hover)",text:"var(--brycks-success-foreground)"},outline:{border:"var(--brycks-success-default)",hoverBg:"var(--brycks-success-muted)",text:"var(--brycks-success-default)"},ghost:{hoverBg:"var(--brycks-success-muted)",text:"var(--brycks-success-default)"},soft:{bg:"var(--brycks-success-muted)",hoverBg:"var(--brycks-success-soft-hover)",text:"var(--brycks-success-default)"},link:{text:"var(--brycks-success-default)",hoverText:"var(--brycks-success-hover)"}},warning:{solid:{bg:"var(--brycks-warning-default)",hoverBg:"var(--brycks-warning-hover)",activeBg:"var(--brycks-warning-hover)",text:"var(--brycks-warning-foreground)"},outline:{border:"var(--brycks-warning-default)",hoverBg:"var(--brycks-warning-muted)",text:"var(--brycks-warning-default)"},ghost:{hoverBg:"var(--brycks-warning-muted)",text:"var(--brycks-warning-default)"},soft:{bg:"var(--brycks-warning-muted)",hoverBg:"var(--brycks-warning-soft-hover)",text:"var(--brycks-warning-default)"},link:{text:"var(--brycks-warning-default)",hoverText:"var(--brycks-warning-hover)"}},error:{solid:{bg:"var(--brycks-error-default)",hoverBg:"var(--brycks-error-hover)",activeBg:"var(--brycks-error-hover)",text:"var(--brycks-error-foreground)"},outline:{border:"var(--brycks-error-default)",hoverBg:"var(--brycks-error-muted)",text:"var(--brycks-error-default)"},ghost:{hoverBg:"var(--brycks-error-muted)",text:"var(--brycks-error-default)"},soft:{bg:"var(--brycks-error-muted)",hoverBg:"var(--brycks-error-soft-hover)",text:"var(--brycks-error-default)"},link:{text:"var(--brycks-error-default)",hoverText:"var(--brycks-error-hover)"}}};function Tt(e){const{variant:o,intent:t,size:n,fullWidth:a,isIconOnly:i}=e,b=Ce[n],d=Wt[t][o],l={display:"inline-flex",alignItems:"center",justifyContent:"center",gap:b.gap,height:b.height,minWidth:i?b.height:void 0,width:a?"100%":void 0,padding:i?0:`0 ${b.paddingX}px`,fontSize:b.fontSize,fontWeight:D.medium,fontFamily:"var(--brycks-font-sans)",lineHeight:I.none,borderRadius:b.radius,border:"none",outline:"none",cursor:"pointer",userSelect:"none",textDecoration:"none",transition:K.quick,WebkitTapHighlightColor:"transparent"};switch(o){case"solid":{const y=d;Object.assign(l,{backgroundColor:y.bg,color:y.text,boxShadow:"var(--brycks-shadow-xs)"});break}case"outline":{const y=d;Object.assign(l,{backgroundColor:"transparent",color:y.text,border:`1px solid ${y.border}`});break}case"ghost":{Object.assign(l,{backgroundColor:"transparent",color:d.text});break}case"soft":{const y=d;Object.assign(l,{backgroundColor:y.bg,color:y.text});break}case"link":{Object.assign(l,{backgroundColor:"transparent",color:d.text,height:"auto",padding:0,borderRadius:0});break}}const c={};switch(o){case"solid":{const y=d;c.backgroundColor=y.hoverBg,c.boxShadow="var(--brycks-shadow-sm)";break}case"outline":{const y=d;c.backgroundColor=y.hoverBg;break}case"ghost":{const y=d;c.backgroundColor=y.hoverBg;break}case"soft":{const y=d;c.backgroundColor=y.hoverBg;break}case"link":{const y=d;c.color=y.hoverText,c.textDecoration="underline";break}}const m={transform:o!=="link"?`scale(${A.pressed})`:void 0};if(o==="solid"){const y=d;m.backgroundColor=y.activeBg,m.boxShadow="var(--brycks-shadow-xs)"}const p={opacity:ee.disabled,cursor:"not-allowed",pointerEvents:"none"};return{base:l,hover:c,active:m,disabled:p,loading:{cursor:"wait",pointerEvents:"none"}}}function Bt({size:e}){return r.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",style:{animation:"brycks-spin 1s linear infinite"},children:[r.jsx("style",{children:`
|
|
52
|
+
@keyframes brycks-spin {
|
|
53
|
+
from { transform: rotate(0deg); }
|
|
54
|
+
to { transform: rotate(360deg); }
|
|
55
|
+
}
|
|
56
|
+
`}),r.jsx("circle",{cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeDasharray:"31.4 31.4",opacity:"0.25"}),r.jsx("circle",{cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeDasharray:"31.4 31.4",strokeDashoffset:"62.8",style:{transform:"rotate(-90deg)",transformOrigin:"center"}})]})}const Ht=({as:e,variant:o="solid",intent:t="primary",size:n="md",fullWidth:a,isLoading:i,isDisabled:b,leftIcon:d,rightIcon:l,isIconOnly:c,className:m,style:p,children:h,testId:y,onMouseEnter:g,onMouseLeave:k,onMouseDown:u,onMouseUp:x,...W},B)=>{const z=e||"button",[N,w]=f.useState(!1),[S,C]=f.useState(!1),H=b||i,j=Tt({variant:o,intent:t,size:n,fullWidth:a,isIconOnly:c}),v={...j.base,...N&&!H?j.hover:{},...S&&!H?j.active:{},...H?j.disabled:{},...i?j.loading:{},...p},F=Ce[n],M=P=>{w(!0),g==null||g(P)},q=P=>{w(!1),C(!1),k==null||k(P)},Y=P=>{C(!0),u==null||u(P)},_=P=>{C(!1),x==null||x(P)},oe=R("brycks-button",`brycks-button--${o}`,`brycks-button--${t}`,`brycks-button--${n}`,a&&"brycks-button--full-width",c&&"brycks-button--icon-only",i&&"brycks-button--loading",H&&"brycks-button--disabled",m),se=z==="button"||e===void 0?{type:W.type??"button",disabled:H}:{"aria-disabled":H||void 0,role:"button",tabIndex:H?-1:0};return r.jsxs(z,{ref:B,className:oe,style:v,"data-testid":y,onMouseEnter:M,onMouseLeave:q,onMouseDown:Y,onMouseUp:_,...se,...W,children:[i&&r.jsx("span",{style:{display:"inline-flex",position:c?"absolute":"relative"},children:r.jsx(Bt,{size:F.iconSize})}),!i&&d&&r.jsx("span",{style:{display:"inline-flex",width:F.iconSize,height:F.iconSize},children:d}),!c&&r.jsx("span",{style:{opacity:i&&!c?.5:1},children:h}),!i&&l&&r.jsx("span",{style:{display:"inline-flex",width:F.iconSize,height:F.iconSize},children:l}),c&&!i&&h]})},ie=f.forwardRef(Ht);ie.displayName="Button";const It=(e,o)=>r.jsx(ie,{ref:o,isIconOnly:!0,...e}),je=f.forwardRef(It);je.displayName="IconButton";const Nt={sm:{height:X.sm,fontSize:T.sm,paddingX:V.sm,radius:"var(--brycks-radius-md)"},md:{height:X.md,fontSize:T.md,paddingX:V.md,radius:"var(--brycks-radius-default)"},lg:{height:X.lg,fontSize:T.lg,paddingX:V.lg,radius:"var(--brycks-radius-lg)"}},ce=f.forwardRef(function({size:o="md",variant:t="outline",isInvalid:n,leftElement:a,rightElement:i,className:b,style:d,testId:l,disabled:c,onFocus:m,onBlur:p,...h},y){const[g,k]=f.useState(!1),u=Nt[o],x=()=>{const w={display:"flex",alignItems:"center",width:"100%",position:"relative",height:u.height,borderRadius:u.radius,transition:K.default};switch(t){case"outline":Object.assign(w,{backgroundColor:"var(--brycks-background-app)",border:`1px solid ${n?"var(--brycks-error-default)":g?"var(--brycks-border-focus)":"var(--brycks-border-default)"}`,boxShadow:g?n?G.error:G.default:G.none});break;case"filled":Object.assign(w,{backgroundColor:"var(--brycks-background-muted)",border:"1px solid transparent",borderColor:n?"var(--brycks-error-default)":g?"var(--brycks-border-focus)":"transparent"});break;case"flushed":Object.assign(w,{backgroundColor:"transparent",borderRadius:0,borderBottom:`2px solid ${n?"var(--brycks-error-default)":g?"var(--brycks-border-focus)":"var(--brycks-border-default)"}`});break}return c&&Object.assign(w,{opacity:ee.disabled,cursor:"not-allowed"}),w},W={width:"100%",height:u.height,fontFamily:"var(--brycks-font-sans)",fontSize:u.fontSize,color:"var(--brycks-foreground-default)",backgroundColor:"transparent",border:"none",outline:"none",borderRadius:u.radius,paddingLeft:a?O.md:u.paddingX,paddingRight:i?O.md:u.paddingX,cursor:c?"not-allowed":"text",transition:K.default},B=w=>{k(!0),m==null||m(w)},z=w=>{k(!1),p==null||p(w)},N={display:"flex",alignItems:"center",justifyContent:"center",color:"var(--brycks-foreground-muted)",flexShrink:0};return r.jsxs("div",{className:R("brycks-input-wrapper",`brycks-input-wrapper--${t}`,`brycks-input-wrapper--${o}`,n&&"brycks-input-wrapper--invalid",c&&"brycks-input-wrapper--disabled",b),style:{...x(),...d},children:[a&&r.jsx("span",{className:"brycks-input-left-element",style:{...N,paddingLeft:u.paddingX},children:a}),r.jsx("input",{ref:y,className:"brycks-input",style:W,disabled:c,"aria-invalid":n,"data-testid":l,onFocus:B,onBlur:z,...h}),i&&r.jsx("span",{className:"brycks-input-right-element",style:{...N,paddingRight:u.paddingX},children:i})]})});ce.displayName="Input";const ze=f.forwardRef(function({label:o,helperText:t,errorMessage:n,isRequired:a,hideLabel:i,isInvalid:b,id:d,className:l,testId:c,...m},p){const h=f.useId(),y=d??h,g=`${y}-helper`,k=`${y}-error`,u=!!n||b,x=[u&&k,t&&g].filter(Boolean).join(" "),W={display:"block",marginBottom:6,fontSize:13,fontWeight:500,color:"var(--brycks-foreground-default)",...i&&{position:"absolute",width:1,height:1,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",border:0}},B={display:"block",marginTop:6,fontSize:12,lineHeight:1.5,color:"var(--brycks-foreground-muted)"},z={...B,color:"var(--brycks-error-default)"};return r.jsxs("div",{className:R("brycks-text-field",u&&"brycks-text-field--error",l),"data-testid":c,children:[o&&r.jsxs("label",{htmlFor:y,style:W,children:[o,a&&r.jsx("span",{"aria-hidden":"true",style:{color:"var(--brycks-error-default)",marginLeft:2},children:"*"})]}),r.jsx(ce,{ref:p,id:y,isInvalid:u,"aria-describedby":x||void 0,"aria-required":a,...m}),u&&n&&r.jsx("span",{id:k,role:"alert",style:z,children:n}),!u&&t&&r.jsx("span",{id:g,style:B,children:t})]})});ze.displayName="TextField";const Ft={sm:{height:32,fontSize:13,padding:10},md:{height:40,fontSize:14,padding:12},lg:{height:48,fontSize:15,padding:14}};function Lt(){return r.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",children:r.jsx("path",{d:"M2.5 4.5L6 8L9.5 4.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}const $e=f.forwardRef(function({size:o="md",variant:t="outline",isInvalid:n,placeholder:a,className:i,style:b,testId:d,disabled:l,children:c,onFocus:m,onBlur:p,value:h,...y},g){const[k,u]=f.useState(!1),x=Ft[o],W=h!==void 0&&h!=="",B={position:"relative",display:"inline-flex",width:"100%"},z=()=>{const C={width:"100%",height:x.height,paddingLeft:x.padding,paddingRight:x.padding+24,fontSize:x.fontSize,fontFamily:"var(--brycks-font-sans)",color:W||!a?"var(--brycks-foreground-default)":"var(--brycks-foreground-muted)",backgroundColor:t==="filled"?"var(--brycks-background-muted)":"var(--brycks-background-app)",border:`1px solid ${n?"var(--brycks-error-default)":k?"var(--brycks-border-focus)":t==="filled"?"transparent":"var(--brycks-border-default)"}`,borderRadius:"var(--brycks-radius-default)",outline:"none",cursor:l?"not-allowed":"pointer",appearance:"none",WebkitAppearance:"none",transition:"all 200ms ease-out",boxShadow:k?n?"0 0 0 3px rgba(239, 68, 68, 0.15)":"0 0 0 3px rgba(85, 120, 244, 0.15)":"none"};return l&&(C.opacity=.5),C},N={position:"absolute",right:x.padding,top:"50%",transform:"translateY(-50%)",pointerEvents:"none",color:"var(--brycks-foreground-muted)",transition:"transform 200ms ease-out"},w=C=>{u(!0),m==null||m(C)},S=C=>{u(!1),p==null||p(C)};return r.jsxs("div",{className:R("brycks-select-wrapper",`brycks-select-wrapper--${t}`,`brycks-select-wrapper--${o}`,n&&"brycks-select-wrapper--invalid",l&&"brycks-select-wrapper--disabled",i),style:{...B,...b},children:[r.jsxs("select",{ref:g,className:"brycks-select",style:z(),disabled:l,"aria-invalid":n,"data-testid":d,value:h,onFocus:w,onBlur:S,...y,children:[a&&r.jsx("option",{value:"",disabled:!0,children:a}),c]}),r.jsx("span",{style:N,children:r.jsx(Lt,{})})]})});$e.displayName="Select";function Mt({size:e}){return r.jsx("svg",{width:e,height:e,viewBox:"0 0 12 12",fill:"none",children:r.jsx("path",{d:"M2.5 6L5 8.5L9.5 4",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}function Dt({size:e}){return r.jsx("svg",{width:e,height:e,viewBox:"0 0 12 12",fill:"none",children:r.jsx("path",{d:"M2.5 6H9.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})})}const Re=f.forwardRef(function({size:o="md",label:t,description:n,isInvalid:a,isIndeterminate:i,className:b,style:d,testId:l,disabled:c,checked:m,onChange:p,...h},y){const[g,k]=f.useState(!1),[u,x]=f.useState(!1),[W,B]=f.useState(!1),z=ye[o],N=T[o],w=m||i,S={display:"inline-flex",alignItems:"flex-start",gap:O.lg,cursor:c?"not-allowed":"pointer",opacity:c?ee.disabled:1},C={position:"relative",width:z.box,height:z.box,borderRadius:"var(--brycks-radius-sm)",border:`1.5px solid ${a?"var(--brycks-error-default)":w?"var(--brycks-primary-default)":g?"var(--brycks-border-focus)":"var(--brycks-border-default)"}`,backgroundColor:w?"var(--brycks-primary-default)":u?"var(--brycks-background-subtle)":"var(--brycks-background-app)",transition:K.quick,transform:W?`scale(${A.controlPressed})`:`scale(${A.normal})`,boxShadow:g?G.default:G.none,display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0},H={color:"var(--brycks-primary-foreground)",opacity:w?1:0,transform:w?`scale(${A.normal})`:`scale(${A.hidden})`,transition:K.quick},j={position:"absolute",width:"100%",height:"100%",opacity:0,cursor:c?"not-allowed":"pointer",margin:0},v={display:"flex",flexDirection:"column",gap:O.xs,paddingTop:(z.box-N)/2},F={fontSize:N,lineHeight:I.snug,color:"var(--brycks-foreground-default)",userSelect:"none"},M={fontSize:N-1,lineHeight:I.snug,color:"var(--brycks-foreground-muted)",userSelect:"none"};return r.jsxs("label",{className:R("brycks-checkbox",`brycks-checkbox--${o}`,w&&"brycks-checkbox--checked",a&&"brycks-checkbox--invalid",c&&"brycks-checkbox--disabled",b),style:{...S,...d},"data-testid":l,onMouseEnter:()=>x(!0),onMouseLeave:()=>{x(!1),B(!1)},onMouseDown:()=>B(!0),onMouseUp:()=>B(!1),children:[r.jsxs("span",{style:C,children:[r.jsx("input",{ref:y,type:"checkbox",style:j,checked:m,disabled:c,"aria-invalid":a,onChange:p,onFocus:()=>k(!0),onBlur:()=>k(!1),...h}),r.jsx("span",{style:H,children:i?r.jsx(Dt,{size:z.icon}):r.jsx(Mt,{size:z.icon})})]}),(t||n)&&r.jsxs("span",{style:v,children:[t&&r.jsx("span",{style:F,children:t}),n&&r.jsx("span",{style:M,children:n})]})]})});Re.displayName="Checkbox";const We=f.forwardRef(function({size:o="md",label:t,description:n,className:a,style:i,testId:b,disabled:d,checked:l,onChange:c,...m},p){const[h,y]=f.useState(!1),[g,k]=f.useState(!1),u=ge[o],x=T[o],W=(u.height-u.thumb)/2,B=u.width-u.thumb-W*2,z={display:"inline-flex",alignItems:"flex-start",gap:O.xl,cursor:d?"not-allowed":"pointer",opacity:d?ee.disabled:1},N={position:"relative",width:u.width,height:u.height,borderRadius:u.height/2,backgroundColor:l?"var(--brycks-primary-default)":"var(--brycks-background-muted)",border:`1px solid ${l?"var(--brycks-primary-default)":"var(--brycks-border-default)"}`,transition:K.spring,boxShadow:h?G.default:"inset 0 1px 2px rgba(0,0,0,0.05)",flexShrink:0},w={position:"absolute",top:W,left:l?W+B:W,width:g?u.thumb+4:u.thumb,height:u.thumb,borderRadius:u.thumb/2,backgroundColor:"var(--brycks-background-elevated)",boxShadow:"var(--brycks-shadow-sm)",transition:K.spring,transform:g?`scale(${A.pressedStrong})`:`scale(${A.normal})`},S={position:"absolute",width:"100%",height:"100%",opacity:0,cursor:d?"not-allowed":"pointer",margin:0},C={display:"flex",flexDirection:"column",gap:O.xs,paddingTop:(u.height-x*I.snug)/2},H={fontSize:x,lineHeight:I.snug,color:"var(--brycks-foreground-default)",userSelect:"none"},j={fontSize:x-1,lineHeight:I.snug,color:"var(--brycks-foreground-muted)",userSelect:"none"};return r.jsxs("label",{className:R("brycks-switch",`brycks-switch--${o}`,l&&"brycks-switch--checked",d&&"brycks-switch--disabled",a),style:{...z,...i},"data-testid":b,onMouseDown:()=>k(!0),onMouseUp:()=>k(!1),onMouseLeave:()=>k(!1),children:[r.jsxs("span",{style:N,children:[r.jsx("input",{ref:p,type:"checkbox",role:"switch",style:S,checked:l,disabled:d,"aria-checked":l,onChange:c,onFocus:()=>y(!0),onBlur:()=>y(!1),...m}),r.jsx("span",{style:w})]}),(t||n)&&r.jsxs("span",{style:C,children:[t&&r.jsx("span",{style:H,children:t}),n&&r.jsx("span",{style:j,children:n})]})]})});We.displayName="Switch";const Ot={sm:{fontSize:13,padding:10,lineHeight:1.5},md:{fontSize:14,padding:12,lineHeight:1.5},lg:{fontSize:15,padding:14,lineHeight:1.5}},Te=f.forwardRef(function({size:o="md",variant:t="outline",isInvalid:n,autoResize:a,minRows:i=3,maxRows:b=10,showCount:d,maxLength:l,className:c,style:m,testId:p,disabled:h,value:y,defaultValue:g,onChange:k,onFocus:u,onBlur:x,...W},B){const[z,N]=f.useState(!1),[w,S]=f.useState(0),C=f.useRef(null),H=B||C,j=Ot[o],v=j.fontSize*j.lineHeight,F=v*i+j.padding*2,M=v*b+j.padding*2,q=f.useCallback(()=>{const L=H.current;if(!L||!a)return;L.style.height="auto";const Oe=L.scrollHeight,Pe=Math.min(Math.max(Oe,F),M);L.style.height=`${Pe}px`},[a,F,M,H]);f.useEffect(()=>{q()},[y,q]),f.useEffect(()=>{const L=String(y??g??"");S(L.length)},[y,g]);const Y=()=>{const L={width:"100%",minHeight:F,maxHeight:a?M:void 0,padding:j.padding,fontSize:j.fontSize,lineHeight:j.lineHeight,fontFamily:"var(--brycks-font-sans)",color:"var(--brycks-foreground-default)",backgroundColor:t==="filled"?"var(--brycks-background-muted)":"var(--brycks-background-app)",border:`1px solid ${n?"var(--brycks-error-default)":z?"var(--brycks-border-focus)":t==="filled"?"transparent":"var(--brycks-border-default)"}`,borderRadius:"var(--brycks-radius-default)",outline:"none",resize:a?"none":"vertical",transition:"all 200ms ease-out",boxShadow:z?n?"0 0 0 3px rgba(239, 68, 68, 0.15)":"0 0 0 3px rgba(85, 120, 244, 0.15)":"none"};return h&&(L.opacity=.5,L.cursor="not-allowed",L.resize="none"),L},_={position:"relative",width:"100%"},oe={position:"absolute",bottom:8,right:12,fontSize:11,color:w>=(l??1/0)?"var(--brycks-error-default)":"var(--brycks-foreground-muted)",pointerEvents:"none",transition:"color 150ms ease-out"},ue=L=>{S(L.target.value.length),k==null||k(L)},se=L=>{N(!0),u==null||u(L)},P=L=>{N(!1),x==null||x(L)};return r.jsxs("div",{className:R("brycks-textarea-wrapper",`brycks-textarea-wrapper--${t}`,`brycks-textarea-wrapper--${o}`,n&&"brycks-textarea-wrapper--invalid",h&&"brycks-textarea-wrapper--disabled",c),style:{..._,...m},children:[r.jsx("textarea",{ref:H,className:"brycks-textarea",style:Y(),disabled:h,"aria-invalid":n,"data-testid":p,value:y,defaultValue:g,maxLength:l,onChange:ue,onFocus:se,onBlur:P,...W}),d&&r.jsxs("span",{style:oe,children:[w,l?`/${l}`:""]})]})});Te.displayName="Textarea";const Pt={sm:"400px",md:"500px",lg:"640px",xl:"800px",full:"calc(100vw - 48px)"};function Et(){return r.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:r.jsx("path",{d:"M4 4L12 12M12 4L4 12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})})}const Be=f.forwardRef(function({isOpen:o,onClose:t,size:n="md",title:a,description:i,closeOnOverlayClick:b=!0,closeOnEscape:d=!0,showCloseButton:l=!0,className:c,style:m,testId:p,children:h,...y},g){const k=f.useRef(null),u=f.useRef(null);f.useEffect(()=>{if(!o)return;u.current=document.activeElement;const v=k.current;v&&v.focus();const F=M=>{if(M.key==="Escape"&&d){t();return}if(M.key==="Tab"&&v){const q=v.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),Y=q[0],_=q[q.length-1];M.shiftKey&&document.activeElement===Y?(M.preventDefault(),_==null||_.focus()):!M.shiftKey&&document.activeElement===_&&(M.preventDefault(),Y==null||Y.focus())}};return document.addEventListener("keydown",F),document.body.style.overflow="hidden",()=>{var M;document.removeEventListener("keydown",F),document.body.style.overflow="",(M=u.current)==null||M.focus()}},[o,d,t]);const x=f.useCallback(v=>{v.target===v.currentTarget&&b&&t()},[b,t]);if(!o)return null;const W={position:"fixed",inset:0,zIndex:"var(--brycks-z-modal)",display:"flex",alignItems:"center",justifyContent:"center",padding:24,backgroundColor:"var(--brycks-background-overlay)",backdropFilter:"blur(4px)",animation:"brycks-fade-in 200ms ease-out"},B={position:"relative",width:"100%",maxWidth:Pt[n],maxHeight:n==="full"?"calc(100vh - 48px)":"85vh",backgroundColor:"var(--brycks-background-elevated)",borderRadius:"var(--brycks-radius-xl)",boxShadow:"var(--brycks-shadow-2xl)",display:"flex",flexDirection:"column",overflow:"hidden",animation:"brycks-scale-in 200ms cubic-bezier(0.34, 1.56, 0.64, 1)",outline:"none",...m},z={display:"flex",alignItems:"flex-start",justifyContent:"space-between",padding:"20px 24px",borderBottom:"1px solid var(--brycks-border-muted)"},N={display:"flex",flexDirection:"column",gap:4},w={fontSize:18,fontWeight:600,color:"var(--brycks-foreground-default)",margin:0,lineHeight:1.3},S={fontSize:14,color:"var(--brycks-foreground-muted)",margin:0},C={display:"flex",alignItems:"center",justifyContent:"center",width:32,height:32,borderRadius:"var(--brycks-radius-md)",color:"var(--brycks-foreground-muted)",transition:"all 150ms ease-out",marginLeft:12,flexShrink:0},H={flex:1,overflow:"auto",padding:24},j=r.jsxs(r.Fragment,{children:[r.jsx("style",{children:`
|
|
57
|
+
@keyframes brycks-fade-in {
|
|
58
|
+
from { opacity: 0; }
|
|
59
|
+
to { opacity: 1; }
|
|
60
|
+
}
|
|
61
|
+
@keyframes brycks-scale-in {
|
|
62
|
+
from { opacity: 0; transform: scale(0.95); }
|
|
63
|
+
to { opacity: 1; transform: scale(1); }
|
|
64
|
+
}
|
|
65
|
+
`}),r.jsx("div",{className:"brycks-modal-overlay",style:W,onClick:x,"aria-hidden":"true",children:r.jsxs("div",{ref:v=>{k.current=v,typeof g=="function"?g(v):g&&(g.current=v)},role:"dialog","aria-modal":"true","aria-labelledby":a?"brycks-modal-title":void 0,"aria-describedby":i?"brycks-modal-description":void 0,className:R("brycks-modal",`brycks-modal--${n}`,c),style:B,tabIndex:-1,"data-testid":p,...y,children:[(a||l)&&r.jsxs("div",{className:"brycks-modal-header",style:z,children:[r.jsxs("div",{style:N,children:[a&&r.jsx("h2",{id:"brycks-modal-title",style:w,children:a}),i&&r.jsx("p",{id:"brycks-modal-description",style:S,children:i})]}),l&&r.jsx("button",{type:"button",className:"brycks-modal-close",style:C,onClick:t,"aria-label":"Close modal",onMouseEnter:v=>{v.currentTarget.style.backgroundColor="var(--brycks-background-muted)",v.currentTarget.style.color="var(--brycks-foreground-default)"},onMouseLeave:v=>{v.currentTarget.style.backgroundColor="transparent",v.currentTarget.style.color="var(--brycks-foreground-muted)"},children:r.jsx(Et,{})})]}),r.jsx("div",{className:"brycks-modal-content",style:H,children:h})]})})]});return fe.createPortal(j,document.body)});Be.displayName="Modal";const Xt={info:{icon:r.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",children:[r.jsx("circle",{cx:"9",cy:"9",r:"7.5",stroke:"currentColor",strokeWidth:"1.5"}),r.jsx("path",{d:"M9 8V12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),r.jsx("circle",{cx:"9",cy:"5.5",r:"0.75",fill:"currentColor"})]}),colors:{subtle:{backgroundColor:"var(--brycks-info-muted)",color:"var(--brycks-info-default)",borderColor:"transparent"},solid:{backgroundColor:"var(--brycks-info-default)",color:"var(--brycks-info-foreground)",borderColor:"transparent"},outline:{backgroundColor:"transparent",color:"var(--brycks-info-default)",borderColor:"var(--brycks-info-default)"}}},success:{icon:r.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",children:[r.jsx("circle",{cx:"9",cy:"9",r:"7.5",stroke:"currentColor",strokeWidth:"1.5"}),r.jsx("path",{d:"M6 9L8 11L12 7",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),colors:{subtle:{backgroundColor:"var(--brycks-success-muted)",color:"var(--brycks-success-default)",borderColor:"transparent"},solid:{backgroundColor:"var(--brycks-success-default)",color:"var(--brycks-success-foreground)",borderColor:"transparent"},outline:{backgroundColor:"transparent",color:"var(--brycks-success-default)",borderColor:"var(--brycks-success-default)"}}},warning:{icon:r.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",children:[r.jsx("path",{d:"M9 2L16.5 15H1.5L9 2Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinejoin:"round"}),r.jsx("path",{d:"M9 7V10",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),r.jsx("circle",{cx:"9",cy:"12.5",r:"0.75",fill:"currentColor"})]}),colors:{subtle:{backgroundColor:"var(--brycks-warning-muted)",color:"var(--brycks-warning-default)",borderColor:"transparent"},solid:{backgroundColor:"var(--brycks-warning-default)",color:"var(--brycks-warning-foreground)",borderColor:"transparent"},outline:{backgroundColor:"transparent",color:"var(--brycks-warning-default)",borderColor:"var(--brycks-warning-default)"}}},error:{icon:r.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",children:[r.jsx("circle",{cx:"9",cy:"9",r:"7.5",stroke:"currentColor",strokeWidth:"1.5"}),r.jsx("path",{d:"M6.5 6.5L11.5 11.5M11.5 6.5L6.5 11.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),colors:{subtle:{backgroundColor:"var(--brycks-error-muted)",color:"var(--brycks-error-default)",borderColor:"transparent"},solid:{backgroundColor:"var(--brycks-error-default)",color:"var(--brycks-error-foreground)",borderColor:"transparent"},outline:{backgroundColor:"transparent",color:"var(--brycks-error-default)",borderColor:"var(--brycks-error-default)"}}}},He=f.forwardRef(function({intent:o="info",variant:t="subtle",title:n,icon:a,showIcon:i=!0,action:b,isDismissible:d,onDismiss:l,className:c,style:m,testId:p,children:h,...y},g){const k=Xt[o],u=k.colors[t],x={display:"flex",alignItems:"flex-start",gap:12,padding:"12px 16px",borderRadius:"var(--brycks-radius-default)",border:`1px solid ${u.borderColor}`,backgroundColor:u.backgroundColor,color:t==="solid"?u.color:"var(--brycks-foreground-default)",...m},W={flexShrink:0,color:u.color,marginTop:1},B={flex:1,minWidth:0},z={fontSize:14,fontWeight:600,marginBottom:h?4:0,color:u.color},N={fontSize:14,lineHeight:1.5,color:t==="solid"?u.color:"var(--brycks-foreground-muted)"},w={display:"flex",alignItems:"center",gap:8,flexShrink:0},S={display:"flex",alignItems:"center",justifyContent:"center",width:24,height:24,borderRadius:"var(--brycks-radius-sm)",color:t==="solid"?u.color:"var(--brycks-foreground-muted)",transition:"all 150ms ease-out",opacity:.7};return r.jsxs("div",{ref:g,role:"alert",className:R("brycks-alert",`brycks-alert--${o}`,`brycks-alert--${t}`,c),style:x,"data-testid":p,...y,children:[i&&r.jsx("span",{className:"brycks-alert-icon",style:W,children:a??k.icon}),r.jsxs("div",{className:"brycks-alert-content",style:B,children:[n&&r.jsx("div",{className:"brycks-alert-title",style:z,children:n}),h&&r.jsx("div",{className:"brycks-alert-description",style:N,children:h})]}),(b||d)&&r.jsxs("div",{className:"brycks-alert-actions",style:w,children:[b,d&&r.jsx("button",{type:"button",className:"brycks-alert-dismiss",style:S,onClick:l,"aria-label":"Dismiss alert",onMouseEnter:C=>{C.currentTarget.style.opacity="1"},onMouseLeave:C=>{C.currentTarget.style.opacity="0.7"},children:r.jsx("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",children:r.jsx("path",{d:"M3 3L11 11M11 3L3 11",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})})})]})]})});He.displayName="Alert";const Ie=f.forwardRef(function({content:o,placement:t="top",delay:n=200,isDisabled:a,className:i,testId:b,children:d,...l},c){const[m,p]=f.useState(!1),[h,y]=f.useState({top:0,left:0}),g=f.useRef(null),k=f.useRef(null),u=f.useRef(),x=f.useCallback(()=>{if(!g.current||!k.current)return;const S=g.current.getBoundingClientRect(),C=k.current.getBoundingClientRect(),H=8;let j=0,v=0;switch(t){case"top":j=S.top-C.height-H,v=S.left+(S.width-C.width)/2;break;case"bottom":j=S.bottom+H,v=S.left+(S.width-C.width)/2;break;case"left":j=S.top+(S.height-C.height)/2,v=S.left-C.width-H;break;case"right":j=S.top+(S.height-C.height)/2,v=S.right+H;break}const F=8;v=Math.max(F,Math.min(v,window.innerWidth-C.width-F)),j=Math.max(F,Math.min(j,window.innerHeight-C.height-F)),y({top:j,left:v})},[t]);f.useEffect(()=>(m&&(x(),window.addEventListener("scroll",x,!0),window.addEventListener("resize",x)),()=>{window.removeEventListener("scroll",x,!0),window.removeEventListener("resize",x)}),[m,x]);const W=()=>{a||(u.current=setTimeout(()=>{p(!0)},n))},B=()=>{u.current&&clearTimeout(u.current),p(!1)};f.useEffect(()=>()=>{u.current&&clearTimeout(u.current)},[]);const z={display:"inline-flex"},N={position:"fixed",top:h.top,left:h.left,zIndex:"var(--brycks-z-tooltip)",maxWidth:300,padding:"6px 10px",fontSize:12,fontWeight:500,lineHeight:1.4,color:"var(--brycks-foreground-inverse)",backgroundColor:"var(--brycks-background-inverse)",borderRadius:"var(--brycks-radius-md)",boxShadow:"var(--brycks-shadow-lg)",pointerEvents:"none",animation:"brycks-tooltip-in 150ms ease-out"},w={position:"absolute",width:8,height:8,backgroundColor:"var(--brycks-background-inverse)",transform:"rotate(45deg)",...t==="top"&&{bottom:-4,left:"50%",marginLeft:-4},...t==="bottom"&&{top:-4,left:"50%",marginLeft:-4},...t==="left"&&{right:-4,top:"50%",marginTop:-4},...t==="right"&&{left:-4,top:"50%",marginTop:-4}};return r.jsxs(r.Fragment,{children:[r.jsx("div",{ref:g,style:z,onMouseEnter:W,onMouseLeave:B,onFocus:W,onBlur:B,children:d}),m&&fe.createPortal(r.jsxs(r.Fragment,{children:[r.jsx("style",{children:`
|
|
66
|
+
@keyframes brycks-tooltip-in {
|
|
67
|
+
from { opacity: 0; transform: scale(0.95); }
|
|
68
|
+
to { opacity: 1; transform: scale(1); }
|
|
69
|
+
}
|
|
70
|
+
`}),r.jsxs("div",{ref:S=>{k.current=S,typeof c=="function"?c(S):c&&(c.current=S)},role:"tooltip",className:R("brycks-tooltip",`brycks-tooltip--${t}`,i),style:N,"data-testid":b,...l,children:[o,r.jsx("span",{style:w})]})]}),document.body)]})});Ie.displayName="Tooltip";const Vt={sm:{fontSize:10,padding:"2px 6px",height:18},md:{fontSize:11,padding:"3px 8px",height:22},lg:{fontSize:12,padding:"4px 10px",height:26}},Gt={neutral:{solid:{backgroundColor:"var(--brycks-foreground-default)",color:"var(--brycks-background-app)"},subtle:{backgroundColor:"var(--brycks-background-muted)",color:"var(--brycks-foreground-default)"},outline:{backgroundColor:"transparent",color:"var(--brycks-foreground-default)",borderColor:"var(--brycks-border-default)"}},primary:{solid:{backgroundColor:"var(--brycks-primary-default)",color:"var(--brycks-primary-foreground)"},subtle:{backgroundColor:"var(--brycks-primary-muted)",color:"var(--brycks-primary-default)"},outline:{backgroundColor:"transparent",color:"var(--brycks-primary-default)",borderColor:"var(--brycks-primary-default)"}},accent:{solid:{backgroundColor:"var(--brycks-accent-default)",color:"var(--brycks-accent-foreground)"},subtle:{backgroundColor:"var(--brycks-accent-muted)",color:"var(--brycks-accent-default)"},outline:{backgroundColor:"transparent",color:"var(--brycks-accent-default)",borderColor:"var(--brycks-accent-default)"}},success:{solid:{backgroundColor:"var(--brycks-success-default)",color:"var(--brycks-success-foreground)"},subtle:{backgroundColor:"var(--brycks-success-muted)",color:"var(--brycks-success-default)"},outline:{backgroundColor:"transparent",color:"var(--brycks-success-default)",borderColor:"var(--brycks-success-default)"}},warning:{solid:{backgroundColor:"var(--brycks-warning-default)",color:"var(--brycks-warning-foreground)"},subtle:{backgroundColor:"var(--brycks-warning-muted)",color:"var(--brycks-warning-default)"},outline:{backgroundColor:"transparent",color:"var(--brycks-warning-default)",borderColor:"var(--brycks-warning-default)"}},error:{solid:{backgroundColor:"var(--brycks-error-default)",color:"var(--brycks-error-foreground)"},subtle:{backgroundColor:"var(--brycks-error-muted)",color:"var(--brycks-error-default)"},outline:{backgroundColor:"transparent",color:"var(--brycks-error-default)",borderColor:"var(--brycks-error-default)"}},info:{solid:{backgroundColor:"var(--brycks-info-default)",color:"var(--brycks-info-foreground)"},subtle:{backgroundColor:"var(--brycks-info-muted)",color:"var(--brycks-info-default)"},outline:{backgroundColor:"transparent",color:"var(--brycks-info-default)",borderColor:"var(--brycks-info-default)"}}},Ne=f.forwardRef(function({variant:o="subtle",intent:t="neutral",size:n="md",className:a,style:i,testId:b,children:d,...l},c){const m=Vt[n],p=Gt[t][o],h={display:"inline-flex",alignItems:"center",justifyContent:"center",fontWeight:500,fontFamily:"var(--brycks-font-sans)",lineHeight:1,borderRadius:"var(--brycks-radius-full)",whiteSpace:"nowrap",border:o==="outline"?"1px solid":"none",...m,...p,...i};return r.jsx("span",{ref:c,className:R("brycks-badge",`brycks-badge--${o}`,`brycks-badge--${t}`,`brycks-badge--${n}`,a),style:h,"data-testid":b,...l,children:d})});Ne.displayName="Badge";const qt={xs:14,sm:18,md:24,lg:32,xl:48};function Yt({size:e,color:o}){return r.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",style:{animation:"brycks-spin 1s linear infinite"},children:[r.jsx("circle",{cx:"12",cy:"12",r:"10",stroke:o,strokeWidth:"2.5",strokeLinecap:"round",opacity:"0.2"}),r.jsx("path",{d:"M12 2C6.47715 2 2 6.47715 2 12",stroke:o,strokeWidth:"2.5",strokeLinecap:"round"})]})}function _t({size:e,color:o}){const t=e/4,n=e/6;return r.jsx("div",{style:{display:"flex",alignItems:"center",gap:n,height:e},children:[0,1,2].map(a=>r.jsx("span",{style:{width:t,height:t,borderRadius:"50%",backgroundColor:o,animation:"brycks-bounce 1.4s ease-in-out infinite",animationDelay:`${a*.16}s`}},a))})}function At({size:e,color:o}){return r.jsx("span",{style:{display:"block",width:e,height:e,borderRadius:"50%",backgroundColor:o,animation:"brycks-pulse 1.5s ease-in-out infinite"}})}const le=f.forwardRef(function({size:o="md",variant:t="spinner",color:n="var(--brycks-primary-default)",label:a="Loading",className:i,style:b,testId:d,...l},c){const m=qt[o],p={display:"inline-flex",alignItems:"center",justifyContent:"center",...b},h=()=>{switch(t){case"dots":return r.jsx(_t,{size:m,color:n});case"pulse":return r.jsx(At,{size:m,color:n});default:return r.jsx(Yt,{size:m,color:n})}};return r.jsxs(r.Fragment,{children:[r.jsx("style",{children:`
|
|
71
|
+
@keyframes brycks-spin {
|
|
72
|
+
from { transform: rotate(0deg); }
|
|
73
|
+
to { transform: rotate(360deg); }
|
|
74
|
+
}
|
|
75
|
+
@keyframes brycks-bounce {
|
|
76
|
+
0%, 80%, 100% { transform: scale(0); opacity: 0.5; }
|
|
77
|
+
40% { transform: scale(1); opacity: 1; }
|
|
78
|
+
}
|
|
79
|
+
@keyframes brycks-pulse {
|
|
80
|
+
0%, 100% { transform: scale(0.8); opacity: 0.5; }
|
|
81
|
+
50% { transform: scale(1); opacity: 1; }
|
|
82
|
+
}
|
|
83
|
+
`}),r.jsxs("div",{ref:c,role:"status","aria-label":a,className:R("brycks-loader",`brycks-loader--${t}`,`brycks-loader--${o}`,i),style:p,"data-testid":d,...l,children:[h(),r.jsx("span",{style:{position:"absolute",width:1,height:1,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",border:0},children:a})]})]})});le.displayName="Loader";const Kt=le,de=f.forwardRef(function({variant:o="rectangular",width:t,height:n,radius:a,animate:i=!0,className:b,style:d,testId:l,...c},m){const h={...(()=>{const g={backgroundColor:"var(--brycks-background-muted)",position:"relative",overflow:"hidden"};switch(o){case"text":g.width=t??"100%",g.height=n??"1em",g.borderRadius="var(--brycks-radius-sm)";break;case"circular":g.width=t??40,g.height=n??t??40,g.borderRadius="50%";break;case"rectangular":g.width=t??"100%",g.height=n??40,g.borderRadius=a??"var(--brycks-radius-default)";break}return g})(),...d},y={position:"absolute",top:0,left:0,right:0,bottom:0,background:"linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.4) 50%, transparent 100%)",animation:i?"brycks-shimmer 1.5s infinite":"none"};return r.jsxs(r.Fragment,{children:[i&&r.jsx("style",{children:`
|
|
84
|
+
@keyframes brycks-shimmer {
|
|
85
|
+
0% { transform: translateX(-100%); }
|
|
86
|
+
100% { transform: translateX(100%); }
|
|
87
|
+
}
|
|
88
|
+
`}),r.jsx("div",{ref:m,className:R("brycks-skeleton",`brycks-skeleton--${o}`,i&&"brycks-skeleton--animated",b),style:h,"data-testid":l,"aria-hidden":"true",...c,children:i&&r.jsx("div",{style:y})})]})});de.displayName="Skeleton";function Fe({lines:e=3,gap:o=8,lastLineWidth:t="80%",className:n}){return r.jsx("div",{className:R("brycks-skeleton-text",n),style:{display:"flex",flexDirection:"column",gap:o},children:Array.from({length:e}).map((a,i)=>r.jsx(de,{variant:"text",width:i===e-1?t:"100%"},i))})}Fe.displayName="SkeletonText";const Le=f.forwardRef(function({orientation:o="horizontal",variant:t="solid",label:n,labelPosition:a="center",className:i,style:b,testId:d,...l},c){const m=o==="horizontal",p={display:"flex",alignItems:"center",width:m?"100%":void 0,height:m?void 0:"100%",flexDirection:m?"row":"column",...b},h={flex:1,backgroundColor:t==="solid"?"var(--brycks-border-muted)":"transparent",borderStyle:t,borderColor:"var(--brycks-border-muted)",...m?{height:1,borderWidth:t==="solid"?0:"1px 0 0 0"}:{width:1,borderWidth:t==="solid"?0:"0 0 0 1px"}},y={padding:m?"0 12px":"12px 0",fontSize:12,fontWeight:500,color:"var(--brycks-foreground-muted)",whiteSpace:"nowrap"};if(!n)return r.jsx("div",{ref:c,role:"separator","aria-orientation":o,className:R("brycks-divider",`brycks-divider--${o}`,`brycks-divider--${t}`,i),style:{...h,...b},"data-testid":d,...l});const g=a==="center"||a==="end",k=a==="center"||a==="start";return r.jsxs("div",{ref:c,role:"separator","aria-orientation":o,className:R("brycks-divider",`brycks-divider--${o}`,`brycks-divider--${t}`,"brycks-divider--with-label",i),style:p,"data-testid":d,...l,children:[g&&r.jsx("span",{style:h}),r.jsx("span",{style:y,children:n}),k&&r.jsx("span",{style:h})]})});Le.displayName="Divider";const Me=f.forwardRef(function({icon:o,title:t,description:n,action:a,secondaryAction:i,className:b,style:d,testId:l,children:c,...m},p){const h={display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",textAlign:"center",padding:"48px 24px",...d},y={marginBottom:16,color:"var(--brycks-foreground-subtle)"},g={fontSize:18,fontWeight:600,color:"var(--brycks-foreground-default)",marginBottom:n?8:0,maxWidth:400},k={fontSize:14,color:"var(--brycks-foreground-muted)",lineHeight:1.5,maxWidth:400},u={display:"flex",alignItems:"center",gap:12,marginTop:24};return r.jsxs("div",{ref:p,className:R("brycks-empty-state",b),style:h,"data-testid":l,...m,children:[o&&r.jsx("div",{style:y,children:o}),t&&r.jsx("h3",{style:g,children:t}),n&&r.jsx("p",{style:k,children:n}),c,(a||i)&&r.jsxs("div",{style:u,children:[a,i]})]})});Me.displayName="EmptyState";function De({size:e=64}){return r.jsxs("svg",{width:e,height:e,viewBox:"0 0 64 64",fill:"none",style:{opacity:.5},children:[r.jsx("rect",{x:"8",y:"12",width:"48",height:"40",rx:"4",stroke:"currentColor",strokeWidth:"2"}),r.jsx("path",{d:"M8 24h48",stroke:"currentColor",strokeWidth:"2"}),r.jsx("circle",{cx:"16",cy:"18",r:"2",fill:"currentColor"}),r.jsx("circle",{cx:"24",cy:"18",r:"2",fill:"currentColor"}),r.jsx("circle",{cx:"32",cy:"18",r:"2",fill:"currentColor"}),r.jsx("rect",{x:"16",y:"32",width:"32",height:"4",rx:"2",fill:"currentColor",opacity:"0.3"}),r.jsx("rect",{x:"16",y:"40",width:"20",height:"4",rx:"2",fill:"currentColor",opacity:"0.3"})]})}De.displayName="EmptyStateIcon";function J(e){const[o,t]=f.useState(()=>typeof window>"u"?!1:window.matchMedia(e).matches);return f.useEffect(()=>{if(typeof window>"u")return;const n=window.matchMedia(e),a=i=>t(i.matches);return t(n.matches),n.addEventListener("change",a),()=>n.removeEventListener("change",a)},[e]),o}function Qt(){return J("(max-width: 639px)")}function Ut(){return J("(min-width: 640px) and (max-width: 1023px)")}function Zt(){return J("(min-width: 1024px)")}function Jt(){return J("(prefers-reduced-motion: reduce)")}function er(){return J("(prefers-color-scheme: dark)")}function tr(e={}){const{defaultIsOpen:o=!1,onOpen:t,onClose:n}=e,[a,i]=f.useState(o),b=f.useCallback(()=>{i(!0),t==null||t()},[t]),d=f.useCallback(()=>{i(!1),n==null||n()},[n]),l=f.useCallback(()=>{const c=!a;i(c),c?t==null||t():n==null||n()},[a,t,n]);return{isOpen:a,onOpen:b,onClose:d,onToggle:l,setIsOpen:i}}exports.accent=Q.accent;exports.colors=Q.colors;exports.error=Q.error;exports.info=Q.info;exports.neutrals=Q.neutrals;exports.primary=Q.primary;exports.success=Q.success;exports.warning=Q.warning;exports.animations=s.animations;exports.borderStyles=s.borderStyles;exports.borderWidths=s.borderWidths;exports.breakpoints=s.breakpoints;exports.containers=s.containers;exports.durations=s.durations;exports.easings=s.easings;exports.focusRings=s.focusRings;exports.fontFamilies=s.fontFamilies;exports.fontSizes=s.fontSizes;exports.fontWeights=s.fontWeights;exports.glows=s.glows;exports.letterSpacings=s.letterSpacings;exports.lineHeights=s.lineHeights;exports.mediaQueries=s.mediaQueries;exports.radii=s.radii;exports.semanticSpacing=s.semanticSpacing;exports.shadows=s.shadows;exports.spacing=s.spacing;exports.textStyles=s.textStyles;exports.transitions=s.transitions;exports.zIndex=s.zIndex;exports.ThemeProvider=Z.ThemeProvider;exports.cssVar=Z.cssVar;exports.darkTheme=Z.darkTheme;exports.lightTheme=Z.lightTheme;exports.useTheme=Z.useTheme;exports.useThemeColors=Z.useThemeColors;exports.Alert=He;exports.Badge=Ne;exports.Box=be;exports.Button=ie;exports.Checkbox=Re;exports.Code=we;exports.Container=xe;exports.Display=Se;exports.Divider=Le;exports.EmptyState=Me;exports.EmptyStateIcon=De;exports.Grid=ke;exports.GridItem=pe;exports.HStack=me;exports.Heading=ae;exports.IconButton=je;exports.Input=ce;exports.Loader=le;exports.Modal=Be;exports.Select=$e;exports.Skeleton=de;exports.SkeletonText=Fe;exports.Spinner=Kt;exports.Stack=re;exports.Switch=We;exports.Text=ne;exports.TextField=ze;exports.Textarea=Te;exports.Tooltip=Ie;exports.VStack=he;exports.buildSpacingStyles=te;exports.componentFontSize=T;exports.componentFontWeight=D;exports.componentGap=O;exports.componentHeights=X;exports.componentLineHeight=I;exports.componentPaddingX=V;exports.componentPaddingY=Ee;exports.componentTypography=Qe;exports.controlSizes=ye;exports.cx=R;exports.duration=_e;exports.easing=Ae;exports.focusRing=G;exports.focusRingOffset=Ge;exports.focusStyles=qe;exports.generateId=Je;exports.getSpacingValue=Ue;exports.hexToRgba=et;exports.iconSizes=U;exports.keyframes=Ke;exports.modalWidths=Xe;exports.opacity=E;exports.popoverSizing=Ve;exports.scale=A;exports.spacingToCss=$;exports.stateOpacity=ee;exports.switchSizes=ge;exports.transition=K;exports.transitionProperties=Ye;exports.useDisclosure=tr;exports.useIsDesktop=Zt;exports.useIsMobile=Qt;exports.useIsTablet=Ut;exports.useMediaQuery=J;exports.usePrefersDarkMode=er;exports.usePrefersReducedMotion=Jt;
|
|
89
|
+
//# sourceMappingURL=index.cjs.map
|