refract-ui 0.0.0 → 1.0.2
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 +14 -3
- package/dist/RefractProvider-Bzz4G22S.cjs +25 -0
- package/dist/RefractProvider-Bzz4G22S.cjs.map +1 -0
- package/dist/RefractProvider-D__A8gQl.js +238 -0
- package/dist/RefractProvider-D__A8gQl.js.map +1 -0
- package/dist/assets/iphone-11.glb +0 -0
- package/dist/assets/macbook-pro.glb +0 -0
- package/dist/carousel.cjs +48 -1
- package/dist/carousel.cjs.map +1 -1
- package/dist/carousel.js +300 -0
- package/dist/carousel.js.map +1 -1
- package/dist/components/Breadcrumbs/Breadcrumbs.d.ts +10 -0
- package/dist/components/Breadcrumbs/index.d.ts +2 -0
- package/dist/components/Button/Button.d.ts +22 -0
- package/dist/components/Button/index.d.ts +2 -0
- package/dist/components/Carousel/Carousel.d.ts +21 -0
- package/dist/components/Carousel/index.d.ts +1 -0
- package/dist/components/Divider/Divider.d.ts +12 -0
- package/dist/components/Divider/index.d.ts +2 -0
- package/dist/components/Heading/Heading.d.ts +9 -0
- package/dist/components/Heading/index.d.ts +2 -0
- package/dist/components/Icon/Icon.d.ts +30 -0
- package/dist/components/Icon/index.d.ts +2 -0
- package/dist/components/Image/Image.d.ts +27 -0
- package/dist/components/Image/index.d.ts +1 -0
- package/dist/components/Input/Input.d.ts +21 -0
- package/dist/components/Input/TextArea.d.ts +11 -0
- package/dist/components/Input/index.d.ts +2 -0
- package/dist/components/Link/Link.d.ts +10 -0
- package/dist/components/Link/index.d.ts +1 -0
- package/dist/components/LinkProvider/LinkProvider.d.ts +11 -0
- package/dist/components/LinkProvider/index.d.ts +1 -0
- package/dist/components/List/List.d.ts +11 -0
- package/dist/components/List/index.d.ts +1 -0
- package/dist/components/Loader/Loader.d.ts +6 -0
- package/dist/components/Loader/index.d.ts +2 -0
- package/dist/components/Model/Model.d.ts +40 -0
- package/dist/components/Model/deviceModels.d.ts +29 -0
- package/dist/components/Model/index.d.ts +2 -0
- package/dist/components/RefractProvider/RefractProvider.d.ts +20 -0
- package/dist/components/RefractProvider/index.d.ts +1 -0
- package/dist/components/ScrambleReveal/ScrambleReveal.d.ts +9 -0
- package/dist/components/ScrambleReveal/index.d.ts +1 -0
- package/dist/components/Section/Section.d.ts +8 -0
- package/dist/components/Section/index.d.ts +1 -0
- package/dist/components/SegmentedControl/SegmentedControl.d.ts +15 -0
- package/dist/components/SegmentedControl/index.d.ts +1 -0
- package/dist/components/Table/Table.d.ts +11 -0
- package/dist/components/Table/index.d.ts +1 -0
- package/dist/components/ThemeProvider/ThemeProvider.d.ts +21 -0
- package/dist/components/ThemeProvider/index.d.ts +5 -0
- package/dist/components/ThemeProvider/theme.d.ts +138 -0
- package/dist/components/ThemeProvider/useTheme.d.ts +2 -0
- package/dist/components/Transition/Transition.d.ts +19 -0
- package/dist/components/Transition/index.d.ts +1 -0
- package/dist/components/VisuallyHidden/VisuallyHidden.d.ts +10 -0
- package/dist/components/VisuallyHidden/index.d.ts +2 -0
- package/dist/components/Wordmark/Wordmark.d.ts +5 -0
- package/dist/components/Wordmark/index.d.ts +2 -0
- package/dist/entries/carousel.d.ts +1 -1
- package/dist/entries/model.d.ts +1 -1
- package/dist/hooks/useFormInput.d.ts +11 -0
- package/dist/hooks/useFps.d.ts +8 -0
- package/dist/hooks/useHasMounted.d.ts +1 -0
- package/dist/hooks/useInViewport.d.ts +2 -0
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +20 -0
- package/dist/index.js +914 -45
- package/dist/index.js.map +1 -1
- package/dist/model.cjs +4 -1
- package/dist/model.cjs.map +1 -1
- package/dist/model.js +267 -0
- package/dist/model.js.map +1 -1
- package/dist/style-CWBkJEps.cjs +2 -0
- package/dist/style-CWBkJEps.cjs.map +1 -0
- package/dist/style-uMN7vipQ.js +96 -0
- package/dist/style-uMN7vipQ.js.map +1 -0
- package/dist/styles.css +1 -1
- package/dist/three-CWsiEOQZ.js +48 -0
- package/dist/three-CWsiEOQZ.js.map +1 -0
- package/dist/three-aeLbW1yA.cjs +2 -0
- package/dist/three-aeLbW1yA.cjs.map +1 -0
- package/dist/tokens.css +1 -0
- package/dist/utils/delay.d.ts +1 -0
- package/dist/utils/image.d.ts +31 -0
- package/dist/utils/three.d.ts +29 -0
- package/package.json +5 -5
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { CSSProperties, HTMLAttributes } from 'react';
|
|
2
|
+
import { ModelAnimationTypeValue } from './deviceModels';
|
|
3
|
+
interface ImageLike {
|
|
4
|
+
src: string;
|
|
5
|
+
width?: number;
|
|
6
|
+
height?: number;
|
|
7
|
+
}
|
|
8
|
+
interface ModelTexture {
|
|
9
|
+
placeholder: string | ImageLike;
|
|
10
|
+
srcSet?: (string | ImageLike)[];
|
|
11
|
+
src?: ImageLike;
|
|
12
|
+
sizes?: string;
|
|
13
|
+
}
|
|
14
|
+
interface ModelConfig {
|
|
15
|
+
texture: ModelTexture;
|
|
16
|
+
position: {
|
|
17
|
+
x: number;
|
|
18
|
+
y: number;
|
|
19
|
+
z: number;
|
|
20
|
+
};
|
|
21
|
+
url: string;
|
|
22
|
+
animation: ModelAnimationTypeValue;
|
|
23
|
+
}
|
|
24
|
+
interface ModelProps extends HTMLAttributes<HTMLDivElement> {
|
|
25
|
+
models: ModelConfig[];
|
|
26
|
+
show?: boolean;
|
|
27
|
+
showDelay?: number;
|
|
28
|
+
cameraPosition?: {
|
|
29
|
+
x: number;
|
|
30
|
+
y: number;
|
|
31
|
+
z: number;
|
|
32
|
+
};
|
|
33
|
+
style?: CSSProperties;
|
|
34
|
+
className?: string;
|
|
35
|
+
alt?: string;
|
|
36
|
+
/** Path to the draco decoder assets, e.g. served at /draco/. */
|
|
37
|
+
decoderPath?: string;
|
|
38
|
+
}
|
|
39
|
+
export declare const Model: ({ models, show, showDelay, cameraPosition, style, className, alt, decoderPath, ...rest }: ModelProps) => import("react").JSX.Element;
|
|
40
|
+
export {};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
export declare const ModelAnimationType: {
|
|
2
|
+
readonly SpringUp: "spring-up";
|
|
3
|
+
readonly LaptopOpen: "laptop-open";
|
|
4
|
+
};
|
|
5
|
+
export type ModelAnimationTypeValue = typeof ModelAnimationType[keyof typeof ModelAnimationType];
|
|
6
|
+
export interface DeviceModelConfig {
|
|
7
|
+
url: string;
|
|
8
|
+
width: number;
|
|
9
|
+
height: number;
|
|
10
|
+
position: {
|
|
11
|
+
x: number;
|
|
12
|
+
y: number;
|
|
13
|
+
z: number;
|
|
14
|
+
};
|
|
15
|
+
animation: ModelAnimationTypeValue;
|
|
16
|
+
}
|
|
17
|
+
/** The device model filenames this module knows how to serve, relative to `basePath`. */
|
|
18
|
+
export declare const MODEL_FILES: {
|
|
19
|
+
readonly phone: "iphone-11.glb";
|
|
20
|
+
readonly laptop: "macbook-pro.glb";
|
|
21
|
+
};
|
|
22
|
+
/**
|
|
23
|
+
* Builds the device model config, resolving each model's `.glb` against
|
|
24
|
+
* `basePath` rather than bundling it — so the host app controls where the
|
|
25
|
+
* files are served from (defaults to `/models/`, matching `public/models/`).
|
|
26
|
+
*/
|
|
27
|
+
export declare function createDeviceModels(basePath?: string): Record<string, DeviceModelConfig>;
|
|
28
|
+
/** Convenience export for the default `/models/` layout. */
|
|
29
|
+
export declare const deviceModels: Record<string, DeviceModelConfig>;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { LinkComponent } from '../LinkProvider';
|
|
3
|
+
import { ThemeId, ThemeTokens } from '../ThemeProvider';
|
|
4
|
+
export interface RefractConfig {
|
|
5
|
+
/** Path the draco decoder assets are served from. Defaults to '/draco/'. */
|
|
6
|
+
dracoDecoderPath?: string;
|
|
7
|
+
/** Path device .glb models are served from. Defaults to '/models/'. */
|
|
8
|
+
modelBasePath?: string;
|
|
9
|
+
/** Container the Loader's screen-reader announcement portals into. Defaults to #portal-root. */
|
|
10
|
+
portalContainer?: () => HTMLElement | null;
|
|
11
|
+
}
|
|
12
|
+
export declare const useRefractConfig: () => Required<RefractConfig>;
|
|
13
|
+
export interface RefractProviderProps extends RefractConfig {
|
|
14
|
+
linkComponent?: LinkComponent;
|
|
15
|
+
themeId?: ThemeId;
|
|
16
|
+
theme?: Partial<ThemeTokens>;
|
|
17
|
+
themeColor?: boolean;
|
|
18
|
+
children?: ReactNode;
|
|
19
|
+
}
|
|
20
|
+
export declare const RefractProvider: ({ linkComponent, themeId, theme, themeColor, dracoDecoderPath, modelBasePath, portalContainer, children, }: RefractProviderProps) => import("react").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './RefractProvider';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
interface ScrambleRevealProps {
|
|
2
|
+
text: string;
|
|
3
|
+
start?: boolean;
|
|
4
|
+
delay?: number;
|
|
5
|
+
className?: string;
|
|
6
|
+
[key: string]: unknown;
|
|
7
|
+
}
|
|
8
|
+
export declare const ScrambleReveal: import('react').MemoExoticComponent<({ text, start, delay: startDelay, className, ...rest }: ScrambleRevealProps) => import("react").JSX.Element>;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ScrambleReveal } from './ScrambleReveal';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ElementType, ReactNode } from 'react';
|
|
2
|
+
type SectionProps = {
|
|
3
|
+
as?: ElementType;
|
|
4
|
+
children?: ReactNode;
|
|
5
|
+
className?: string;
|
|
6
|
+
} & Record<string, unknown>;
|
|
7
|
+
export declare const Section: import('react').ForwardRefExoticComponent<Omit<SectionProps, "ref"> & import('react').RefAttributes<HTMLElement | null>>;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Section } from './Section';
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
interface SegmentedControlProps {
|
|
3
|
+
children: ReactNode;
|
|
4
|
+
currentIndex: number;
|
|
5
|
+
onChange: (index: number) => void;
|
|
6
|
+
label: string;
|
|
7
|
+
[key: string]: unknown;
|
|
8
|
+
}
|
|
9
|
+
export declare const SegmentedControl: ({ children, currentIndex, onChange, label, ...props }: SegmentedControlProps) => import("react").JSX.Element;
|
|
10
|
+
interface SegmentedControlOptionProps {
|
|
11
|
+
children: ReactNode;
|
|
12
|
+
[key: string]: unknown;
|
|
13
|
+
}
|
|
14
|
+
export declare const SegmentedControlOption: ({ children, ...props }: SegmentedControlOptionProps) => import("react").JSX.Element;
|
|
15
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './SegmentedControl';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
interface TableChildProps {
|
|
3
|
+
children?: ReactNode;
|
|
4
|
+
}
|
|
5
|
+
export declare const Table: ({ children }: TableChildProps) => import("react").JSX.Element;
|
|
6
|
+
export declare const TableRow: ({ children }: TableChildProps) => import("react").JSX.Element;
|
|
7
|
+
export declare const TableHead: ({ children }: TableChildProps) => import("react").JSX.Element;
|
|
8
|
+
export declare const TableBody: ({ children }: TableChildProps) => import("react").JSX.Element;
|
|
9
|
+
export declare const TableHeadCell: ({ children }: TableChildProps) => import("react").JSX.Element;
|
|
10
|
+
export declare const TableCell: ({ children }: TableChildProps) => import("react").JSX.Element;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Table, TableRow, TableHead, TableBody, TableHeadCell, TableCell } from './Table';
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { ElementType, ReactNode } from 'react';
|
|
2
|
+
import { ThemeTokens } from './theme';
|
|
3
|
+
export type ThemeId = 'dark' | 'light';
|
|
4
|
+
export declare const ThemeContext: import('react').Context<ThemeTokens | Record<string, never>>;
|
|
5
|
+
interface ThemeProviderProps {
|
|
6
|
+
themeId?: ThemeId;
|
|
7
|
+
theme?: Partial<ThemeTokens>;
|
|
8
|
+
children?: ReactNode;
|
|
9
|
+
className?: string;
|
|
10
|
+
as?: ElementType;
|
|
11
|
+
/** Keep the `<meta name="theme-color">` tag in sync with the theme. Defaults to true. */
|
|
12
|
+
themeColor?: boolean;
|
|
13
|
+
[key: string]: unknown;
|
|
14
|
+
}
|
|
15
|
+
export declare const ThemeProvider: ({ themeId, theme: themeOverrides, children, className, as: Component, themeColor, ...rest }: ThemeProviderProps) => import("react").JSX.Element;
|
|
16
|
+
export declare function squish(styles: string): string;
|
|
17
|
+
export declare function createThemeProperties(themeObj: Record<string, string | number>): string;
|
|
18
|
+
export declare function createThemeStyleObject(themeObj: Record<string, string | number>): Record<string, string | number>;
|
|
19
|
+
export declare function createMediaTokenProperties(): string;
|
|
20
|
+
export declare const tokenStyles: string;
|
|
21
|
+
export {};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { ThemeProvider, ThemeContext, squish, createThemeProperties, createThemeStyleObject, createMediaTokenProperties, tokenStyles } from './ThemeProvider';
|
|
2
|
+
export type { ThemeId } from './ThemeProvider';
|
|
3
|
+
export { tokens, theme } from './theme';
|
|
4
|
+
export type { ThemeTokens } from './theme';
|
|
5
|
+
export { useTheme } from './useTheme';
|
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
export declare const tokens: {
|
|
2
|
+
readonly base: {
|
|
3
|
+
readonly rgbBlack: "0 0 0";
|
|
4
|
+
readonly rgbWhite: "255 255 255";
|
|
5
|
+
readonly bezierFastoutSlowin: "cubic-bezier(0.4, 0.0, 0.2, 1)";
|
|
6
|
+
readonly durationXS: "200ms";
|
|
7
|
+
readonly durationS: "300ms";
|
|
8
|
+
readonly durationM: "400ms";
|
|
9
|
+
readonly durationL: "600ms";
|
|
10
|
+
readonly durationXL: "800ms";
|
|
11
|
+
readonly systemFontStack: "system-ui, -apple-system, BlinkMacSystemFont, San Francisco, Roboto, Segoe UI, Ubuntu, Helvetica Neue, sans-serif";
|
|
12
|
+
readonly fontStack: "var(--brandFontStack, var(--systemFontStack))";
|
|
13
|
+
readonly monoFontStack: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace";
|
|
14
|
+
readonly devanagariFontStack: "Kohinoor Devanagari, Devanagari Sangam MN, Nirmala UI, Noto Sans Devanagari, sans-serif";
|
|
15
|
+
readonly fontWeightRegular: 400;
|
|
16
|
+
readonly fontWeightMedium: 500;
|
|
17
|
+
readonly fontWeightBold: 700;
|
|
18
|
+
readonly fontSizeH0: string;
|
|
19
|
+
readonly fontSizeH1: string;
|
|
20
|
+
readonly fontSizeH2: string;
|
|
21
|
+
readonly fontSizeH3: string;
|
|
22
|
+
readonly fontSizeH4: string;
|
|
23
|
+
readonly fontSizeH5: string;
|
|
24
|
+
readonly fontSizeBodyXL: string;
|
|
25
|
+
readonly fontSizeBodyL: string;
|
|
26
|
+
readonly fontSizeBodyM: string;
|
|
27
|
+
readonly fontSizeBodyS: string;
|
|
28
|
+
readonly fontSizeBodyXS: string;
|
|
29
|
+
readonly lineHeightTitle: "1.1";
|
|
30
|
+
readonly lineHeightBody: "1.6";
|
|
31
|
+
readonly maxWidthS: "540px";
|
|
32
|
+
readonly maxWidthM: "720px";
|
|
33
|
+
readonly maxWidthL: "1096px";
|
|
34
|
+
readonly maxWidthXL: "1680px";
|
|
35
|
+
readonly spaceOuter: "64px";
|
|
36
|
+
readonly spaceXS: "4px";
|
|
37
|
+
readonly spaceS: "8px";
|
|
38
|
+
readonly spaceM: "16px";
|
|
39
|
+
readonly spaceL: "24px";
|
|
40
|
+
readonly spaceXL: "32px";
|
|
41
|
+
readonly space2XL: "48px";
|
|
42
|
+
readonly space3XL: "64px";
|
|
43
|
+
readonly space4XL: "96px";
|
|
44
|
+
readonly space5XL: "128px";
|
|
45
|
+
readonly zIndex0: 0;
|
|
46
|
+
readonly zIndex1: 4;
|
|
47
|
+
readonly zIndex2: 8;
|
|
48
|
+
readonly zIndex3: 16;
|
|
49
|
+
readonly zIndex4: 32;
|
|
50
|
+
readonly zIndex5: 64;
|
|
51
|
+
};
|
|
52
|
+
readonly desktop: {
|
|
53
|
+
readonly fontSizeH0: string;
|
|
54
|
+
readonly fontSizeH1: string;
|
|
55
|
+
};
|
|
56
|
+
readonly laptop: {
|
|
57
|
+
readonly maxWidthS: "480px";
|
|
58
|
+
readonly maxWidthM: "640px";
|
|
59
|
+
readonly maxWidthL: "1000px";
|
|
60
|
+
readonly maxWidthXL: "1100px";
|
|
61
|
+
readonly spaceOuter: "48px";
|
|
62
|
+
readonly fontSizeH0: string;
|
|
63
|
+
readonly fontSizeH1: string;
|
|
64
|
+
readonly fontSizeH2: string;
|
|
65
|
+
readonly fontSizeH3: string;
|
|
66
|
+
readonly fontSizeH4: string;
|
|
67
|
+
readonly fontSizeH5: string;
|
|
68
|
+
};
|
|
69
|
+
readonly tablet: {
|
|
70
|
+
readonly fontSizeH0: string;
|
|
71
|
+
readonly fontSizeH1: string;
|
|
72
|
+
readonly fontSizeH2: string;
|
|
73
|
+
readonly fontSizeH3: string;
|
|
74
|
+
readonly fontSizeH4: string;
|
|
75
|
+
readonly fontSizeH5: string;
|
|
76
|
+
};
|
|
77
|
+
readonly mobile: {
|
|
78
|
+
readonly spaceOuter: "24px";
|
|
79
|
+
readonly fontSizeH0: string;
|
|
80
|
+
readonly fontSizeH1: string;
|
|
81
|
+
readonly fontSizeH2: string;
|
|
82
|
+
readonly fontSizeH3: string;
|
|
83
|
+
readonly fontSizeH4: string;
|
|
84
|
+
readonly fontSizeH5: string;
|
|
85
|
+
readonly fontSizeBodyL: string;
|
|
86
|
+
readonly fontSizeBodyM: string;
|
|
87
|
+
readonly fontSizeBodyS: string;
|
|
88
|
+
};
|
|
89
|
+
readonly mobileS: {
|
|
90
|
+
readonly spaceOuter: "16px";
|
|
91
|
+
readonly fontSizeH0: string;
|
|
92
|
+
readonly fontSizeH1: string;
|
|
93
|
+
readonly fontSizeH2: string;
|
|
94
|
+
readonly fontSizeH3: string;
|
|
95
|
+
readonly fontSizeH4: string;
|
|
96
|
+
};
|
|
97
|
+
};
|
|
98
|
+
export declare const theme: {
|
|
99
|
+
readonly dark: {
|
|
100
|
+
themeId: "dark";
|
|
101
|
+
rgbBackground: string;
|
|
102
|
+
rgbBackgroundLight: string;
|
|
103
|
+
rgbPrimary: string;
|
|
104
|
+
rgbAccent: string;
|
|
105
|
+
rgbText: string;
|
|
106
|
+
rgbError: string;
|
|
107
|
+
colorTextName: string;
|
|
108
|
+
colorTextTitle: string;
|
|
109
|
+
colorTextBody: string;
|
|
110
|
+
colorTextLight: string;
|
|
111
|
+
};
|
|
112
|
+
readonly light: {
|
|
113
|
+
themeId: "light";
|
|
114
|
+
rgbBackground: string;
|
|
115
|
+
rgbBackgroundLight: string;
|
|
116
|
+
rgbPrimary: string;
|
|
117
|
+
rgbAccent: string;
|
|
118
|
+
rgbText: string;
|
|
119
|
+
rgbError: string;
|
|
120
|
+
colorTextName: string;
|
|
121
|
+
colorTextTitle: string;
|
|
122
|
+
colorTextBody: string;
|
|
123
|
+
colorTextLight: string;
|
|
124
|
+
};
|
|
125
|
+
};
|
|
126
|
+
export type ThemeTokens = {
|
|
127
|
+
themeId: 'dark' | 'light';
|
|
128
|
+
rgbBackground: string;
|
|
129
|
+
rgbBackgroundLight: string;
|
|
130
|
+
rgbPrimary: string;
|
|
131
|
+
rgbAccent: string;
|
|
132
|
+
rgbText: string;
|
|
133
|
+
rgbError: string;
|
|
134
|
+
colorTextName: string;
|
|
135
|
+
colorTextTitle: string;
|
|
136
|
+
colorTextBody: string;
|
|
137
|
+
colorTextLight: string;
|
|
138
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
type TransitionTimeout = number | {
|
|
3
|
+
enter: number;
|
|
4
|
+
exit: number;
|
|
5
|
+
};
|
|
6
|
+
type TransitionStatus = 'entering' | 'entered' | 'exiting' | 'exited';
|
|
7
|
+
type TransitionRenderFn = (visible: boolean, status: TransitionStatus) => ReactNode;
|
|
8
|
+
interface TransitionProps {
|
|
9
|
+
children: TransitionRenderFn;
|
|
10
|
+
timeout?: TransitionTimeout;
|
|
11
|
+
onEnter?: () => void;
|
|
12
|
+
onEntered?: () => void;
|
|
13
|
+
onExit?: () => void;
|
|
14
|
+
onExited?: () => void;
|
|
15
|
+
in?: boolean;
|
|
16
|
+
unmount?: boolean;
|
|
17
|
+
}
|
|
18
|
+
export declare const Transition: ({ children, timeout, onEnter, onEntered, onExit, onExited, in: show, unmount, }: TransitionProps) => import("react").JSX.Element;
|
|
19
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Transition } from './Transition';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';
|
|
2
|
+
export interface VisuallyHiddenProps extends ComponentPropsWithoutRef<'span'> {
|
|
3
|
+
showOnFocus?: boolean;
|
|
4
|
+
as?: ElementType;
|
|
5
|
+
children?: ReactNode;
|
|
6
|
+
visible?: boolean;
|
|
7
|
+
href?: string;
|
|
8
|
+
[key: string]: unknown;
|
|
9
|
+
}
|
|
10
|
+
export declare const VisuallyHidden: import('react').ForwardRefExoticComponent<Omit<VisuallyHiddenProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { SVGProps } from 'react';
|
|
2
|
+
export interface WordmarkProps extends SVGProps<SVGSVGElement> {
|
|
3
|
+
highlight?: boolean;
|
|
4
|
+
}
|
|
5
|
+
export declare const Wordmark: import('react').ForwardRefExoticComponent<Omit<WordmarkProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export
|
|
1
|
+
export * from '../components/Carousel';
|
package/dist/entries/model.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export
|
|
1
|
+
export * from '../components/Model';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { FormEvent, ChangeEvent, FocusEvent } from 'react';
|
|
2
|
+
type FormElement = HTMLInputElement | HTMLTextAreaElement;
|
|
3
|
+
interface FormInputReturn {
|
|
4
|
+
value: string;
|
|
5
|
+
error: string | null | undefined;
|
|
6
|
+
onChange: (event: ChangeEvent<FormElement>) => void;
|
|
7
|
+
onBlur: (event: FocusEvent<FormElement>) => void;
|
|
8
|
+
onInvalid: (event: FormEvent<FormElement>) => void;
|
|
9
|
+
}
|
|
10
|
+
export declare function useFormInput(initialValue?: string): FormInputReturn;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function useHasMounted(): boolean;
|
package/dist/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),p={desktop:2080,laptop:1680,tablet:1040,mobile:696,mobileS:400},T=e=>Number(e.replace("px","")),c=e=>`${e}px`,x=e=>`${e/16}rem`,d=e=>Number(e.replace("ms","")),m=e=>`${e}ms`,y=e=>(e==null?void 0:e.split(" ").map(s=>Number(s)/255))||[];function f(e,s={}){const n={},a=Object.keys(e);for(const o of a){let t=e[o];typeof t=="number"&&o==="delay"&&(t=m(t)),typeof t=="number"&&o!=="opacity"&&(t=c(t)),n[`--${o}`]=t}return{...n,...s}}function u(...e){return e.filter(Boolean).join(" ")}const b="_text_18l38_1",N={text:b},j=({children:e,size:s="m",as:n="span",align:a="auto",weight:o="auto",secondary:t,className:r,...l})=>i.jsx(n,{className:u(N.text,r),"data-align":a,"data-size":s,"data-weight":o,"data-secondary":t,...l,children:e});exports.Text=j;exports.classes=u;exports.cssProps=f;exports.media=p;exports.msToNum=d;exports.numToMs=m;exports.numToPx=c;exports.pxToNum=T;exports.pxToRem=x;exports.rgbToThreeColor=y;
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("./style-CWBkJEps.cjs"),t=require("react/jsx-runtime"),i=require("react"),y=require("./RefractProvider-Bzz4G22S.cjs"),N=require("framer-motion"),h1=require("react-dom");function d1(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const c=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(s,n,c.get?c:{enumerable:!0,get:()=>e[n]})}}return s.default=e,Object.freeze(s)}const d=d1(i),u1="_text_18l38_1",v1={text:u1},J=({children:e,size:s="m",as:n="span",align:c="auto",weight:l="auto",secondary:a,className:o,...r})=>t.jsx(n,{className:h.classes(v1.text,o),"data-align":c,"data-size":s,"data-weight":l,"data-secondary":a,...r,children:e}),m1="_heading_17xux_1",g1={heading:m1},p1=({children:e,level:s=1,as:n,align:c="auto",weight:l="medium",className:a,...o})=>{const r=Math.min(Math.max(s,0),5),u=n||`h${Math.max(r,1)}`;return t.jsx(i.Fragment,{children:t.jsx(u,{className:h.classes(g1.heading,a),"data-align":c,"data-weight":l,"data-level":r,...o,children:e})})},_1="_section_e4ou0_1",x1={section:_1},f1=i.forwardRef(({as:e="div",children:s,className:n,...c},l)=>{const a=e;return t.jsx(a,{className:h.classes(x1.section,n),ref:l,...c,children:s})}),y1="_list_70779_1",b1="_item_70779_14",Q={list:y1,item:b1},j1=({ordered:e,children:s,className:n,...c})=>{const l=e?"ol":"ul";return t.jsx(l,{className:h.classes(Q.list,n),...c,children:s})},w1=({children:e,...s})=>t.jsx("li",{className:Q.item,...s,children:e}),M1="_divider_vqctv_1",L1="_line_vqctv_14",T1="_notch_vqctv_36",W={divider:M1,line:L1,notch:T1},V1=({lineWidth:e="100%",lineHeight:s="2px",notchWidth:n="90px",notchHeight:c="10px",collapseDelay:l=0,collapsed:a=!1,notch:o=!0,light:r=!1,className:u,style:g,...p})=>t.jsxs("div",{className:h.classes(W.divider,u),"data-light":r,style:h.cssProps({lineWidth:e,lineHeight:s,notchWidth:n,notchHeight:c,collapseDelay:h.numToMs(l)},g),...p,children:[t.jsx("div",{className:W.line,"data-collapsed":a}),o&&t.jsx("div",{className:W.notch,"data-collapsed":a,style:h.cssProps({collapseDelay:h.numToMs(l+160)})})]}),H1="_table_1fa0f_1",S1="_row_1fa0f_6",z1="_head_1fa0f_15",k1="_headCell_1fa0f_20",N1="_cell_1fa0f_25",R={table:H1,row:S1,head:z1,headCell:k1,cell:N1},C1=({children:e})=>t.jsx("table",{className:R.table,children:e}),R1=({children:e})=>t.jsx("tr",{className:R.row,children:e}),P1=({children:e})=>t.jsx("thead",{className:R.head,children:e}),E1=({children:e})=>t.jsx("tbody",{className:R.body,children:e}),$1=({children:e})=>t.jsx("th",{className:R.headCell,children:e}),B1=({children:e})=>t.jsx("td",{className:R.cell,children:e}),I1="_hidden_1xw0v_1",A1={hidden:I1},D=i.forwardRef(({className:e,showOnFocus:s,as:n="span",children:c,visible:l,...a},o)=>{const r=n;return t.jsx(r,{className:h.classes(A1.hidden,e),"data-hidden":!l&&!s,"data-show-on-focus":s,ref:o,...a,children:c})}),G=({children:e,timeout:s=0,onEnter:n,onEntered:c,onExit:l,onExited:a,in:o,unmount:r})=>{const u=i.useRef(void 0),g=i.useRef(void 0);return i.useEffect(()=>{clearTimeout(o?g.current:u.current)},[o]),t.jsx(N.AnimatePresence,{children:(o||!r)&&t.jsx(Z1,{timeout:s,enterTimeout:u,exitTimeout:g,onEnter:n,onEntered:c,onExit:l,onExited:a,show:o,children:e})})},Z1=({children:e,timeout:s,enterTimeout:n,exitTimeout:c,onEnter:l,onEntered:a,onExit:o,onExited:r,show:u})=>{const[g,p]=i.useState("exited"),[_,x]=N.usePresence(),[v,m]=i.useState(!1),f=typeof s=="object";return i.useEffect(()=>{if(v||!u)return;const b=f?s.enter:s;clearTimeout(n.current),clearTimeout(c.current),m(!0),p("entering"),l==null||l(),n.current=setTimeout(()=>{p("entered"),a==null||a()},b)},[l,a,s,g,u]),i.useEffect(()=>{if(_&&u)return;const b=f?s.exit:s;clearTimeout(n.current),clearTimeout(c.current),p("exiting"),o==null||o(),c.current=setTimeout(()=>{p("exited"),x==null||x(),r==null||r()},b)},[_,o,x,s,r,u]),e(v&&u?_:!1,g)},O1="_loader_19l09_1",q1="_text_19l09_8",D1="_content_19l09_12",F1="_span_19l09_47",S={loader:O1,text:q1,content:D1,span:F1},Y=({className:e,style:s,size:n=32,text:c="Loading...",...l})=>{const a=N.useReducedMotion(),o=y.useHasMounted(),{portalContainer:r}=y.useRefractConfig(),u=()=>{if(!o)return null;const _=r();return _?h1.createPortal(t.jsx(D,{className:"loader-announcement","aria-live":"assertive",children:c}),_):null};if(a)return t.jsxs(J,{className:h.classes(S.text,e),weight:"medium",...l,children:[c,u()]});const g=Math.round(n/3*.2),p=Math.round(n/3-g*2-1);return t.jsxs("div",{className:h.classes(S.loader,e),style:h.cssProps({size:n,spanSize:p,gapSize:g},s),...l,children:[t.jsxs("div",{className:S.content,children:[t.jsx("div",{className:S.span}),t.jsx("div",{className:S.span}),t.jsx("div",{className:S.span})]}),u()]})},W1="_icon_13804_1",G1={icon:W1},K1=e=>d.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",...e},d.createElement("path",{d:"m9.793 19.207-6.5-6.5L2.586 12l.707-.707 6.5-6.5 1.414 1.414L6.414 11H21v2H6.414l4.793 4.793-1.414 1.414Z"})),U1=e=>d.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",...e},d.createElement("path",{d:"M14.207 4.793l6.5 6.5.707.707-.707.707-6.5 6.5-1.414-1.414L17.586 13H3v-2h14.586l-4.793-4.793 1.414-1.414z"})),X1=e=>d.createElement("svg",{width:24,height:24,viewBox:"0 0 128 128",...e},d.createElement("path",{d:"M35.34,16.5h72.75v30.73l-72.75,0V16.5L35.34,16.5z M23.42,91.7c-0.67,2.24-1.63,4.05-2.8,5.46l88.47,0l0.04,0 c3.19-0.18,5.57-1.03,7.16-2.54c1.56-1.48,2.43-3.69,2.62-6.62V3.97H24.36v80.06C24.36,87.43,24.4,88.42,23.42,91.7L23.42,91.7 L23.42,91.7z M13.15,101.13c-0.45,0.03-0.91,0.03-1.36,0.01c-1.82-0.11-3.61-0.67-5.23-1.62c-3.55-2.09-6.29-6.09-6.54-11.32 C0.01,88.12,0,88.03,0,87.95v-70.4c0-1.1,0.89-1.98,1.98-1.98l18.41,0V1.98c0-1.1,0.89-1.98,1.98-1.98l98.52,0 c1.1,0,1.98,0.89,1.98,1.98v86.07c0,0.11-0.01,0.21-0.02,0.31c-0.27,3.9-1.55,6.95-3.84,9.13c-2.28,2.17-5.5,3.38-9.67,3.62 c-0.08,0.01-0.17,0.02-0.26,0.02L13.15,101.13L13.15,101.13L13.15,101.13z M12.05,97.19c0.1-0.02,0.21-0.03,0.32-0.03h0.72 c0.79-0.08,1.56-0.3,2.28-0.68c4.41-2.31,5.02-7.95,5.02-12.42V19.53H3.97v68.41c0,0.02,0,0.05,0,0.07 c0.19,3.76,2.12,6.62,4.61,8.09c1.08,0.64,2.26,1.01,3.43,1.08L12.05,97.19L12.05,97.19L12.05,97.19z M40.87,24.15h3.9l5.07,8.52 v-8.52h3.94v15.42l-3.94,0l-5.04-8.47v8.47h-3.92V24.15L40.87,24.15z M57.21,24.15h11.17v3.3l-6.98,0v2.46l6.47,0v3.14H61.4v3.04 h7.19v3.49H57.21V24.15L57.21,24.15L57.21,24.15z M70.12,24.15h3.96l1.42,8.61l2.09-8.61h3.93l2.1,8.62l1.43-8.62H89l-2.98,15.42 l-4.09,0l-2.37-9.71l-2.36,9.71h-4.09L70.12,24.15L70.12,24.15L70.12,24.15z M90.31,34.48l3.96-0.28c0.08,0.73,0.26,1.29,0.52,1.67 c0.43,0.62,1.04,0.93,1.84,0.93c0.59,0,1.05-0.16,1.37-0.48c0.32-0.32,0.48-0.69,0.48-1.11c0-0.4-0.15-0.76-0.46-1.07 c-0.3-0.32-1.02-0.61-2.13-0.89c-1.83-0.47-3.13-1.09-3.91-1.87c-0.79-0.78-1.18-1.77-1.18-2.97c0-0.79,0.2-1.54,0.6-2.24 c0.4-0.71,1.01-1.26,1.81-1.66c0.81-0.4,1.92-0.6,3.32-0.6c1.73,0,3.04,0.37,3.95,1.1c0.91,0.73,1.44,1.9,1.62,3.5l-3.92,0.27 c-0.1-0.7-0.32-1.21-0.66-1.53c-0.34-0.32-0.8-0.48-1.39-0.48c-0.48,0-0.85,0.12-1.1,0.35c-0.25,0.23-0.37,0.52-0.37,0.86 c0,0.24,0.1,0.46,0.3,0.66c0.19,0.2,0.66,0.39,1.39,0.57c1.82,0.45,3.13,0.9,3.91,1.36c0.79,0.46,1.36,1.03,1.72,1.71 c0.36,0.68,0.54,1.44,0.54,2.28c0,0.99-0.24,1.9-0.72,2.74c-0.48,0.83-1.15,1.47-2.01,1.9c-0.86,0.43-1.94,0.65-3.25,0.65 c-2.3,0-3.89-0.51-4.77-1.52C90.93,37.31,90.43,36.03,90.31,34.48L90.31,34.48L90.31,34.48z M35.8,60.85 c-1.1,0-1.98-0.89-1.98-1.98s0.89-1.98,1.98-1.98h30.25c1.09,0,1.98,0.89,1.98,1.98s-0.89,1.98-1.98,1.98H35.8L35.8,60.85z M74.73,60.85c-1.1,0-1.99-0.89-1.99-1.99c0-1.1,0.89-1.99,1.99-1.99h32.63c1.1,0,1.99,0.89,1.99,1.99c0,1.1-0.89,1.99-1.99,1.99 H74.73L74.73,60.85z M74.73,72.36c-1.1,0-1.99-0.89-1.99-1.99s0.89-1.99,1.99-1.99h32.63c1.1,0,1.99,0.89,1.99,1.99 c0,1.1-0.89,1.99-1.99,1.99H74.73L74.73,72.36z M74.73,83.87c-1.1,0-1.99-0.89-1.99-1.99s0.89-1.99,1.99-1.99l32.63,0 c1.1,0,1.99,0.89,1.99,1.99c0,1.1-0.89,1.99-1.99,1.99L74.73,83.87L74.73,83.87z M35.8,83.87c-1.1,0-1.98-0.89-1.98-1.98 s0.89-1.98,1.98-1.98l30.25,0c1.09,0,1.98,0.89,1.98,1.98s-0.89,1.98-1.98,1.98L35.8,83.87L35.8,83.87z M36.76,72.36 c-1.1,0-1.98-0.89-1.98-1.98s0.89-1.98,1.98-1.98h30.25c1.1,0,1.98,0.89,1.98,1.98s-0.89,1.98-1.98,1.98H36.76L36.76,72.36z"})),J1=e=>d.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",...e},d.createElement("path",{d:"m20.207 7.207-10 10-.707.707-.707-.707-5-5 1.414-1.414L9.5 15.086l9.293-9.293 1.414 1.414Z"})),Q1=e=>d.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",...e},d.createElement("path",{d:"M13.586 12L7.793 6.207l1.414-1.414 6.5 6.5.707.707-.707.707-6.5 6.5-1.414-1.414L13.586 12z"})),Y1=e=>d.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",...e},d.createElement("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"})),e0=e=>d.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",...e},d.createElement("path",{d:"M14.763.075A.5.5 0 0 1 15 .5v15a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5V14h-1v1.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V10a.5.5 0 0 1 .342-.474L6 7.64V4.5a.5.5 0 0 1 .276-.447l8-4a.5.5 0 0 1 .487.022zM6 8.694 1 10.36V15h5V8.694zM7 15h2v-1.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5V15h2V1.309l-7 3.5V15z"}),d.createElement("path",{d:"M2 11h1v1H2v-1zm2 0h1v1H4v-1zm-2 2h1v1H2v-1zm2 0h1v1H4v-1zm4-4h1v1H8V9zm2 0h1v1h-1V9zm-2 2h1v1H8v-1zm2 0h1v1h-1v-1zm2-2h1v1h-1V9zm0 2h1v1h-1v-1zM8 7h1v1H8V7zm2 0h1v1h-1V7zm2 0h1v1h-1V7zM8 5h1v1H8V5zm2 0h1v1h-1V5zm2 0h1v1h-1V5zm0-2h1v1h-1V3z"})),t0=e=>d.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",...e},d.createElement("path",{d:"M3 1H2v16h4v-2H4V3h10v2h2V1H3Zm5 6h14v12.414l-.293.293-3 3-.293.293H8V7Zm2 14h7.586L20 18.586V9H10v12Z"})),s0=e=>d.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",...e},d.createElement("path",{d:"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"})),n0=e=>d.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",...e},d.createElement("path",{d:"M12 5.068 19.697 19H4.302L12 5.068Zm-.876-2.552-9.392 17L2.607 21h18.785l.875-1.484-9.392-17h-1.75ZM11 14v-4h2v4h-2Zm0 3v-2h2v2h-2Z"})),a0=e=>d.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",...e},d.createElement("path",{fillRule:"evenodd",d:"M15 10a2 2 0 100 4 2 2 0 000-4zm-2 5.464A4 4 0 0017.646 9 4 4 0 0015 2H9a4 4 0 00-2.646 7 4.01 4.01 0 00-.818 1 4 4 0 00.818 5 3.977 3.977 0 00-.818 1A4 4 0 1013 18v-2.536zM11 16H9a2 2 0 102 2v-2zM9 8h2V4H9a2 2 0 100 4zm0 2a2 2 0 100 4h2v-4H9zm4-2V4h2a2 2 0 010 4h-2z"})),c0=e=>d.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",...e},d.createElement("path",{d:"M12 2C6.477 2 2 6.477 2 12c0 4.42 2.87 8.17 6.84 9.5.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34-.46-1.16-1.11-1.47-1.11-1.47-.91-.62.07-.6.07-.6 1 .07 1.53 1.03 1.53 1.03.87 1.52 2.34 1.07 2.91.83.09-.65.35-1.09.63-1.34-2.22-.25-4.55-1.11-4.55-4.92 0-1.11.38-2 1.03-2.71-.1-.25-.45-1.29.1-2.64 0 0 .84-.27 2.75 1.02.79-.22 1.65-.33 2.5-.33.85 0 1.71.11 2.5.33 1.91-1.29 2.75-1.02 2.75-1.02.55 1.35.2 2.39.1 2.64.65.71 1.03 1.6 1.03 2.71 0 3.82-2.34 4.66-4.57 4.91.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0012 2z"})),o0=e=>d.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",...e},d.createElement("path",{d:"M9 4 8 5v2h2V6h10v7H10v-2H8v3l1 1h12l1-1V5l-1-1H9Zm2 4H3L2 9v9l1 1h12l1-1v-2h-2v1H4v-7h10v2h2V9l-1-1h-4Z"})),l0=e=>d.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",...e},d.createElement("path",{d:"M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"})),r0=e=>d.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",...e},d.createElement("path",{d:"M22 6H2V4h20v2zM2 13h16v-2H2v2zm0 7h20v-2H2v2z"})),i0=e=>d.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",...e},d.createElement("path",{d:"M6 19h4V5H6v14zm8-14v14h4V5h-4z"})),h0=e=>d.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",...e},d.createElement("path",{d:"M8 5v14l11-7z"})),d0=e=>d.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",...e},d.createElement("path",{d:"M2.01 21L23 12 2.01 3 2 10l15 2-15 2 .01 7z"})),u0=e=>d.createElement("svg",{width:24,height:24,viewBox:"0 0 128 128",...e},d.createElement("path",{d:"M19,70.15c-4.75,1-9.66,1.1-14.42-3.79C1.4,63.1-.19,58.23,0,53.13c12.17,14.15,27-3.34,9-12.43,8.69-4.12,16.89-.25,21.24,7.76,2.06,3.78,3.29,5.76,4.86,7.11a8.58,8.58,0,0,0,.9.69A8.1,8.1,0,0,1,39.8,51.8,7.14,7.14,0,0,1,43.05,51c3.18,0,7.14,1.9,7.81,5.14h0a1.61,1.61,0,0,1,.44-.06h2.31a1.5,1.5,0,0,1,.37,0,5.6,5.6,0,0,1,5,4.59,1.65,1.65,0,0,1,.71-.16H62a1.5,1.5,0,0,1,.37,0c3.31.51,4.65,2.55,5.12,5.12l.26,0h2.31a1.5,1.5,0,0,1,.37,0c3.8.59,5.29,3.08,5.87,6.08,7-1.07,14.57-5.27,22,2.33a17.78,17.78,0,0,1,4.57,13.23c-12.17-14.15-27,3.34-9,12.43-7.47,3.54-14.59,1.17-19.2-4.66a30.06,30.06,0,0,1-2.34,4.92c-.38.62-.77,1.26-1.27,2.14a.16.16,0,0,0,0,.07,19.77,19.77,0,0,1-1.3,2h1.6a2.51,2.51,0,0,1,2.5,2.5v13.61a2.51,2.51,0,0,1-2.5,2.5H35.13a2.51,2.51,0,0,1-2.5-2.5V106.77a2.51,2.51,0,0,1,2.5-2.5H36a18,18,0,0,1-.9-3.79L22.64,80.07,22.58,80a22.48,22.48,0,0,1-2.5-4.24,12.37,12.37,0,0,1-1.08-4,10.22,10.22,0,0,1,0-1.57Zm92-33.29a2,2,0,0,0-.37-.74,1.51,1.51,0,0,0-.57-.46,1.61,1.61,0,0,0-.7-.22,2.62,2.62,0,0,0-.76.09l-.06,0-7.36,2.24a3,3,0,0,1-3.63-1.55c-.38-.64-.75-1.27-1.2-2s-1-1.38-1.39-2S94,31,93.4,30.38s-1-1.14-1.69-1.83A3.09,3.09,0,0,1,91.22,25l3.91-7.35a1.63,1.63,0,0,0,.13-1.46,2.07,2.07,0,0,0-.31-.65,1.82,1.82,0,0,0-.61-.49l-9.26-4.93a2.81,2.81,0,0,0-.68-.26,2.72,2.72,0,0,0-.82.11,1.31,1.31,0,0,0-.61.33,1.82,1.82,0,0,0-.49.61l-3.6,6.75a3.13,3.13,0,0,1-3.69,1.52c-.82-.21-1.59-.41-2.27-.55s-1.54-.28-2.36-.39a23.32,23.32,0,0,0-2.4-.19c-.84-.06-1.62,0-2.37-.06a3,3,0,0,1-3-2.18l-2.5-8.1c0-.06,0-.06,0-.1a2.52,2.52,0,0,0-.3-.66,2.09,2.09,0,0,0-1.26-.61,1.94,1.94,0,0,0-.82.11L48,9.48a1.9,1.9,0,0,0-.74.36,1.71,1.71,0,0,0-.47.57,1.5,1.5,0,0,0-.21.71,2.29,2.29,0,0,0,.09.75l0,.05,2.25,7.35a3.08,3.08,0,0,1-1.56,3.64c-.64.37-1.27.74-2,1.2s-1.38.95-2,1.39-1.3,1-1.91,1.54-1.15,1-1.83,1.7a3.1,3.1,0,0,1-3.59.48l-7.34-3.91a1.88,1.88,0,0,0-.75-.23,3.3,3.3,0,0,0-.69.07,1.31,1.31,0,0,0-.61.32,1.75,1.75,0,0,0-.49.62l-.4.74a24.3,24.3,0,0,0-6.73-.35l1.78-3.35a8.61,8.61,0,0,1,2-2.49,8.51,8.51,0,0,1,2.81-1.5,8.08,8.08,0,0,1,3.18-.33,8.57,8.57,0,0,1,3,1l5.43,2.9.4-.33c.7-.61,1.45-1.19,2.2-1.78s1.56-1.18,2.3-1.66l.26-.19-1.5-5.05a7.44,7.44,0,0,1-.33-3.17,7.84,7.84,0,0,1,.92-3.06,7.75,7.75,0,0,1,2-2.46,8.26,8.26,0,0,1,2.82-1.5L56.28.41l0,0A8.58,8.58,0,0,1,59.43,0a7.71,7.71,0,0,1,3.06.92A8.54,8.54,0,0,1,65,3a7.27,7.27,0,0,1,1.39,2.81l1.83,5.88a2.12,2.12,0,0,0,.43,0c.9.05,1.83.16,2.81.25s1.87.28,2.81.46a1,1,0,0,1,.39.1l2.46-4.63a7.84,7.84,0,0,1,4.82-3.92l.06,0a7.71,7.71,0,0,1,3.11-.31,8.44,8.44,0,0,1,3,.89l9.25,4.94a8.58,8.58,0,0,1,2.49,2,7.68,7.68,0,0,1,1.5,2.82,8,8,0,0,1,.33,3.17,8.31,8.31,0,0,1-1,3l-2.9,5.44c.11.11.23.28.34.39.6.71,1.19,1.45,1.77,2.2s1.19,1.56,1.66,2.3l.19.27,5.05-1.51a7.43,7.43,0,0,1,3.17-.32,8,8,0,0,1,3.06.91,7.67,7.67,0,0,1,2.46,2l0,.08a8.26,8.26,0,0,1,1.5,2.82l3,9.91.05,0a8.8,8.8,0,0,1,.35,3.13,7.87,7.87,0,0,1-.92,3.06,8.54,8.54,0,0,1-2,2.46A7.31,7.31,0,0,1,114.63,55l-5.88,1.83c0,.15,0,.32,0,.47,0,.91-.15,1.83-.24,2.71,0,0,0,.11,0,.15A26.84,26.84,0,0,1,108,63l-.07.34,4.67,2.49a7.52,7.52,0,0,1,2.47,2,8,8,0,0,1,1.45,2.79l0,.07a7.66,7.66,0,0,1,.31,3.1,8.25,8.25,0,0,1-.9,3l-.74,1.39-1.32-.71a25.71,25.71,0,0,0-4.34-7.75c-.14-.19-.29-.37-.45-.55a27.07,27.07,0,0,0-7.55-6.25c.09-.37.18-.75.26-1.13.13-.75.28-1.54.37-2.42,0,0,0-.11,0-.15.11-.81.17-1.54.23-2.27s.09-1.59.07-2.37a3,3,0,0,1,2.18-3l8.09-2.5s.07,0,.11,0a2.31,2.31,0,0,0,.65-.3,1.52,1.52,0,0,0,.41-.55,1.77,1.77,0,0,0,.21-.71,1.94,1.94,0,0,0-.11-.82L111,36.8l0,.06Zm-34-3.09a21.79,21.79,0,0,1,3.93,2.64,23.11,23.11,0,0,1,3.3,3.33,29.87,29.87,0,0,1,2.5,3.79,21.32,21.32,0,0,1,1.72,4.13,20.05,20.05,0,0,1,.86,4.44,20.89,20.89,0,0,1,0,4.54c0,.11,0,.19,0,.26a23,23,0,0,1-.68,3.77c-1.64.16-3.27.42-4.88.71l-1.48-.79c.13-.34.24-.69.35-1.05a18.63,18.63,0,0,0,.64-3.14.8.8,0,0,1,0-.22,17.14,17.14,0,0,0,0-3.44,17.56,17.56,0,0,0-.62-3.23,14.89,14.89,0,0,0-1.28-3,18.34,18.34,0,0,0-1.91-2.87A16.74,16.74,0,0,0,77,41.19a18.31,18.31,0,0,0-6.2-3.3,18.63,18.63,0,0,0-3.14-.64.57.57,0,0,1-.22,0,18.76,18.76,0,0,0-3.44,0,17.57,17.57,0,0,0-3.23.63,14.89,14.89,0,0,0-3,1.28,18.26,18.26,0,0,0-2.87,1.9,17.35,17.35,0,0,0-2.43,2.42c-.23.27-.46.56-.68.87l-5.46-2.91a20.4,20.4,0,0,1,1.42-1.9A22.63,22.63,0,0,1,51,36.26a28.91,28.91,0,0,1,3.79-2.51A24.63,24.63,0,0,1,59,32a22,22,0,0,1,4.39-.88,21.63,21.63,0,0,1,4.55,0c.1,0,.19.05.25,0a23.26,23.26,0,0,1,4.35.84,26.43,26.43,0,0,1,4.39,1.79l0,0Zm-37.89,24h0v.1h0l0,0V58h0v.21h0v.11h0v.11h0v.34h0V59h0v.12h0v.23h0v.13h0v.13h0V60h0v.13h0v.14h0v.25h0V79a1.68,1.68,0,1,1-3.35,0v-3.1h0a1.84,1.84,0,0,1-.25-.17L31.8,73.16l-4.34-3.57A6.52,6.52,0,0,0,26,68.66H24.87a2.57,2.57,0,0,0-1.45.06,1.46,1.46,0,0,0-.79.81h-.1a5.44,5.44,0,0,0-.2,2.11,8.87,8.87,0,0,0,.81,2.9A18.68,18.68,0,0,0,25.26,78s.07.1.1.16l12.7,20.76a1.68,1.68,0,0,1,.28.76h0a11.41,11.41,0,0,0,1.31,4.59H65a11,11,0,0,0,3.08-3.63.47.47,0,0,1,.06-.09c.36-.62.84-1.41,1.31-2.18a29.64,29.64,0,0,0,2.86-6.82v0l0-.06,0-.1,0-.06v0l0-.1,0-.07v0l0-.1.06-.2,0-.1h0l0-.09,0-.1v0l0-.07,0-.1v-.1l0-.1V90l0-.1,0-.09h0l0-.1,0-.1h0l0-.08,0-.1v0l0-.07,0-.1v-.1l0-.1,0-.07v0l0-.1,0-.08v0l0-.09,0-.1h0l0-.09,0-.1v-.1l0-.09v-.29l0-.1v-.1l0-.09v-.1h0v-.09l0-.1v-.84h0v-1l-.13-5.7a1.94,1.94,0,0,1,0-.24c0-.08,0-.62,0-1.34v-.18h0V76.84h0v-.19h0V75.36h0v-.19h0V74.1h0v-.17h0v-.18h0v-.19l0-.09v-.64l0-.08,0-.09,0-.09h0v-.09l0-.07h0l0-.09v-.08l0-.09V72a3.67,3.67,0,0,0-2.89-3H67.74c0,.47,0,.93,0,1.4h0v0h0v0h0v0h0v.1h0v0h0v.08h0V71h0v0h0v0h0v.1h0v0h0v0h0v0h0v.07h0v0h0v0h0v0h0v0h0v.05h0v0h0v0h0v0h0v0h0v.05h0v0h0v0h0v0h0v0h0v0h0v0h0v0h0v.05c-.06.93-.11,1.84-.11,2.7a1.68,1.68,0,0,1-3.36,0c0-.86.07-1.86.13-2.9v-.33h0v-.17h0v-.15h0v-.33h0v-.17h0v-.15h0v-.17h0V70.2h0v-.34h0v-.33h0V69.2h0V69c0-2.52-.45-4.71-2.48-5.08H59.7a1.37,1.37,0,0,1-.36,0c0,.94,0,1.92-.08,2.87v1c-.06.93-.11,1.83-.11,2.69a1.68,1.68,0,1,1-3.36,0c0-.86.07-1.86.13-2.9v-.17h0v-.15h0v-.16h0v-.17h0v-.17h0v-.17h0v-.32h0v-.16h0v-.17h0v-.14h0v-.17h0v-.17h0v-.07c.08-2.84-.23-5.46-2.47-5.87H51.29a1.49,1.49,0,0,1-.43-.06v6.49a1.68,1.68,0,0,1-3.36,0v-8.2c0-2.32-2.3-3.32-4.45-3.32a3.85,3.85,0,0,0-1.74.42,5,5,0,0,0-2.26,3ZM35.29,70l-1.58-.65a19.89,19.89,0,0,0-2.2-.75l2.41,2,1.37,1.12V70Z"})),v0=e=>d.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",...e},d.createElement("path",{d:"M16.71.243l-.12 2.71a.18.18 0 00.29.15l1.06-.8.9.7a.18.18 0 00.28-.14l-.1-2.76 1.33-.1a1.2 1.2 0 011.279 1.2v21.596a1.2 1.2 0 01-1.26 1.2l-16.096-.72a1.2 1.2 0 01-1.15-1.16l-.75-19.797a1.2 1.2 0 011.13-1.27L16.7.222zM13.64 9.3c0 .47 3.16.24 3.59-.08 0-3.2-1.72-4.89-4.859-4.89-3.15 0-4.899 1.72-4.899 4.29 0 4.45 5.999 4.53 5.999 6.959 0 .7-.32 1.1-1.05 1.1-.96 0-1.35-.49-1.3-2.16 0-.36-3.649-.48-3.769 0-.27 4.03 2.23 5.2 5.099 5.2 2.79 0 4.969-1.49 4.969-4.18 0-4.77-6.099-4.64-6.099-6.999 0-.97.72-1.1 1.13-1.1.45 0 1.25.07 1.19 1.87z"})),m0=e=>d.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",...e},d.createElement("path",{d:"M22.92 6c-.77.35-1.6.58-2.46.69.88-.53 1.56-1.37 1.88-2.38-.83.5-1.75.85-2.72 1.05C18.83 4.5 17.72 4 16.46 4c-2.35 0-4.27 1.92-4.27 4.29 0 .34.04.67.11.98-3.56-.18-6.73-1.89-8.84-4.48-.37.63-.58 1.37-.58 2.15 0 1.49.75 2.81 1.91 3.56-.71 0-1.37-.2-1.95-.5v.03c0 2.08 1.48 3.82 3.44 4.21a4.22 4.22 0 01-1.93.07 4.28 4.28 0 004 2.98 8.521 8.521 0 01-5.33 1.84c-.34 0-.68-.02-1.02-.06C3.9 20.29 6.16 21 8.58 21c7.88 0 12.21-6.54 12.21-12.21 0-.19 0-.37-.01-.56.84-.6 1.56-1.36 2.14-2.23z"})),e1={arrowLeft:K1,arrowRight:U1,articles:X1,company:e0,check:J1,chevronRight:Q1,close:Y1,copy:t0,download:s0,error:n0,figma:a0,github:c0,link:o0,linkedin:l0,menu:r0,pause:i0,play:h0,send:d0,skills:u0,storybook:v0,twitter:m0},C=({icon:e,className:s,...n})=>{const c=e1[e];return t.jsx(c,{"aria-hidden":!0,className:h.classes(G1.icon,s),...n})},g0="_container_19hr9_1",p0="_options_19hr9_5",_0="_button_19hr9_25",x0="_indicator_19hr9_66",q={container:g0,options:p0,button:_0,indicator:x0},t1=i.createContext({}),f0=({children:e,currentIndex:s,onChange:n,label:c,...l})=>{const o=`${i.useId()}segmented-control-label`,r=i.useRef([]),[u,g]=i.useState(),p=v=>{var j,w;const{length:m}=r.current,f=(s-1+m)%m,b=(s+1)%m;["ArrowLeft","ArrowUp"].includes(v.key)?(n(f),(j=r.current[f].current)==null||j.focus()):["ArrowRight","ArrowDown"].includes(v.key)&&(n(b),(w=r.current[b].current)==null||w.focus())},_=i.useCallback(v=>{r.current=[...r.current,v]},[]),x=i.useCallback(v=>{r.current=r.current.filter(m=>m!==v)},[]);return i.useEffect(()=>{var f;const v=(f=r.current[s])==null?void 0:f.current;if(!v)return;const m=new ResizeObserver(()=>{const b=v.getBoundingClientRect(),j=v.offsetLeft;g({width:b.width,left:j})});return m.observe(v),()=>{m.disconnect()}},[s]),t.jsx(t1.Provider,{value:{optionRefs:r,currentIndex:s,onChange:n,registerOption:_,unRegisterOption:x},children:t.jsxs("div",{className:q.container,role:"radiogroup","aria-labelledby":o,onKeyDown:p,...l,children:[t.jsx(D,{as:"label",id:o,children:c}),t.jsxs("div",{className:q.options,children:[!!u&&t.jsx("div",{className:q.indicator,"data-last":s===r.current.length-1,style:h.cssProps(u)}),e]})]})})},y0=({children:e,...s})=>{const{optionRefs:n,currentIndex:c,onChange:l,registerOption:a,unRegisterOption:o}=i.useContext(t1),r=i.useRef(null),u=n.current.indexOf(r),g=c===u;return i.useEffect(()=>(a(r),()=>{o(r)}),[a,o]),t.jsx("button",{className:q.button,tabIndex:g?0:-1,role:"radio","aria-checked":g,onClick:()=>l(u),ref:r,...s,children:e})},b0="_container_1a9g9_1",j0="_content_1a9g9_15",w0="_input_1a9g9_20",M0="_underline_1a9g9_60",L0="_label_1a9g9_32",T0="_error_1a9g9_135",V0="_errorMessage_1a9g9_151",H={container:b0,content:j0,input:w0,underline:M0,label:L0,error:T0,errorMessage:V0},H0="_textarea_vm3vl_1",S0={textarea:H0},s1=({className:e,resize:s="none",value:n,onChange:c,minRows:l=1,maxRows:a,...o})=>{const[r,u]=i.useState(l),[g,p]=i.useState(),_=i.useRef(null);i.useEffect(()=>{const v=getComputedStyle(_.current),m=parseInt(v.lineHeight,10),f=parseInt(v.paddingTop,10)+parseInt(v.paddingBottom,10);p({lineHeight:m,paddingHeight:f})},[]);const x=v=>{c(v);const{lineHeight:m,paddingHeight:f}=g,b=v.target.rows;v.target.rows=l;const j=~~((v.target.scrollHeight-f)/m);j===b&&(v.target.rows=j),a&&j>=a&&(v.target.rows=a,v.target.scrollTop=v.target.scrollHeight),u(a&&j>a?a:j)};return t.jsx("textarea",{className:h.classes(S0.textarea,e),ref:_,onChange:x,style:h.cssProps({resize:s}),rows:r,value:n,...o})},z0=({id:e,label:s,value:n,multiline:c,className:l,style:a,error:o,onBlur:r,autoComplete:u,required:g,maxLength:p,type:_,placeholder:x,maxRows:v,onChange:m,...f})=>{const[b,j]=i.useState(!1),w=i.useId(),T=i.useRef(null),V=e||`${w}input`,P=`${V}-label`,I=`${V}-error`,F=c?s1:"input",M=L=>{j(!1),r&&r(L)};return t.jsxs("div",{className:h.classes(H.container,l),"data-error":!!o,"data-multiline":!!c,style:a,...f,children:[t.jsxs("div",{className:H.content,children:[t.jsx("label",{className:H.label,"data-focused":b,"data-filled":!!n,"data-placeholder":!!x,id:P,htmlFor:V,children:s}),t.jsx(F,{className:H.input,id:V,"aria-labelledby":P,"aria-describedby":o?I:void 0,onFocus:()=>j(!0),onBlur:M,value:n,onChange:m,autoComplete:u,required:g,maxLength:p,type:_,placeholder:x,...c?{maxRows:v}:{}}),t.jsx("div",{className:H.underline,"data-focused":b})]}),t.jsx(G,{unmount:!0,in:!!o,timeout:h.msToNum(y.tokens.base.durationM),children:L=>{var E;return t.jsx("div",{className:H.error,"data-visible":L,id:I,role:"alert",style:h.cssProps({height:L?((E=T.current)==null?void 0:E.getBoundingClientRect().height)??0:0}),children:t.jsxs("div",{className:H.errorMessage,ref:T,children:[t.jsx(C,{icon:"error"}),o]})})}})]})},k0="_link_o3rjr_1",N0={link:k0},C0=["txt","png","jpg"];function R0(e){const s=C0.includes((e==null?void 0:e.split(".").pop())??"");return!!(e!=null&&e.includes("://"))||(e==null?void 0:e[0])==="#"||s}const n1=i.forwardRef(({rel:e,target:s,children:n,secondary:c,className:l,href:a,linkComponent:o,...r},u)=>{const g=y.useLinkComponent(),p=o??g,_=a==null?void 0:a.includes("://"),x=e||(_?"noreferrer noopener":void 0),v=s||(_?"_blank":void 0),m={className:h.classes(N0.link,l),"data-secondary":c,rel:x,href:a,target:v,ref:u,...r};return R0(a)?t.jsx("a",{...m,children:n}):t.jsx(p,{...m,href:a??"",children:n})}),P0="_button_1yrod_1",E0="_text_1yrod_128",$0="_loader_1yrod_141",B0="_icon_1yrod_154",$={button:P0,text:E0,loader:$0,icon:B0};function a1(e){return!!(e!=null&&e.includes("://"))}const c1=i.forwardRef(({href:e,linkComponent:s,...n},c)=>{const l=y.useLinkComponent(),a=s??l;return a1(e)||!e?t.jsx(K,{href:e,ref:c,...n}):t.jsx(K,{as:a,href:e,ref:c,...n})}),K=i.forwardRef(({className:e,as:s,secondary:n,loading:c,loadingText:l="loading",icon:a,iconEnd:o,iconHoverShift:r,iconOnly:u,children:g,rel:p,target:_,href:x,disabled:v,...m},f)=>{const b=a1(x),w=s||(x?"a":"button");return t.jsxs(w,{className:h.classes($.button,e),"data-loading":c,"data-icon-only":u,"data-secondary":n,"data-icon":a,href:x,rel:p||b?"noopener noreferrer":void 0,target:_||b?"_blank":void 0,disabled:v,ref:f,...m,children:[!!a&&t.jsx(C,{className:$.icon,"data-start":!u,"data-shift":r,icon:a}),!!g&&t.jsx("span",{className:$.text,children:g}),!!o&&t.jsx(C,{className:$.icon,"data-end":!u,"data-shift":r,icon:o}),t.jsx(G,{unmount:!0,in:c,children:T=>t.jsx(Y,{className:$.loader,size:32,text:l,"data-visible":T})})]})}),I0="_breadcrumbs_1k287_3",A0="_list_1k287_16",Z0="_item_1k287_26",O0="_link_1k287_33",q0="_separator_1k287_44",D0="_current_1k287_51",z={breadcrumbs:I0,list:A0,item:Z0,link:O0,separator:q0,current:D0},F0=({items:e,className:s})=>t.jsx("nav",{"aria-label":"Breadcrumb",className:h.classes(z.breadcrumbs,s),children:t.jsx("ol",{className:z.list,children:e.map((n,c)=>{const l=c===e.length-1;return t.jsxs("li",{className:z.item,children:[c>0&&t.jsx(C,{className:z.separator,icon:"chevronRight","aria-hidden":"true"}),l?t.jsx("span",{className:z.current,"aria-current":"page",children:n.label}):t.jsx(n1,{className:z.link,href:n.href,children:n.label})]},n.href)})})});async function W0(e){return new Promise(s=>setTimeout(s,e))}const G0="_text_11knq_1",K0="_glyph_11knq_8",U0="_value_11knq_15",O={text:G0,glyph:K0,value:U0},U=["अ","आ","इ","ई","उ","ऊ","ऋ","ए","ऐ","ओ","औ","क","ख","ग","घ","ङ","च","छ","ज","झ","ञ","ट","ठ","ड","ढ","ण","त","थ","द","ध","न","प","फ","ब","भ","म","य","र","ल","व","श","ष","स","ह","ळ","०","१","२","३","४","५","६","७","८","९"],B={Glyph:"glyph",Value:"value"};function X0(e,s,n){return e.map((c,l)=>{if(l<n)return{type:B.Value,value:c};if(n%1<.5){const a=Math.floor(Math.random()*U.length);return{type:B.Glyph,value:U[a]}}return{type:B.Glyph,value:s[l].value}})}const J0=i.memo(({text:e,start:s=!0,delay:n=0,className:c,...l})=>{const a=i.useRef([{type:B.Glyph,value:""}]),o=i.useRef(null),r=N.useReducedMotion(),u=N.useSpring(0,{stiffness:8,damping:5});return i.useEffect(()=>{const g=o.current,p=e.split(""),_=()=>{const m=a.current.map(f=>`<span class="${O[f.type]}">${f.value}</span>`);g&&(g.innerHTML=m.join(""))},x=u.on("change",m=>{a.current=X0(p,a.current,m),_()});return s&&!r&&(async()=>{await W0(n),u.set(p.length)})(),r&&(a.current=p.map((m,f)=>({type:B.Value,value:p[f]})),_()),()=>{x==null||x()}},[u,r,s,n,e]),t.jsxs("span",{className:h.classes(O.text,c),...l,children:[t.jsx(D,{className:O.label,children:e}),t.jsx("span",{"aria-hidden":!0,className:O.content,ref:o})]})}),Q0="_image_y6je9_1",Y0="_elementWrapper_y6je9_49",ee="_placeholder_y6je9_71",te="_element_y6je9_49",se="_button_y6je9_101",k={image:Q0,elementWrapper:Y0,placeholder:ee,element:te,button:se},ne=({className:e,style:s,reveal:n,delay:c=0,raised:l,src:a,srcSet:o,placeholder:r,...u})=>{const[g,p]=i.useState(!1),{themeId:_}=y.useTheme(),x=i.useRef(null),v=a||(o==null?void 0:o[0]),m=h.useInViewport(x,!o1(v)),f=i.useCallback(()=>{p(!0)},[]);return t.jsx("div",{className:h.classes(k.image,e),"data-visible":m||g,"data-reveal":n,"data-raised":l,"data-theme":_,style:h.cssProps({delay:h.numToMs(c)},s),ref:x,children:t.jsx(ae,{delay:c,onLoad:f,loaded:g,inViewport:m,reveal:n,src:v,srcSet:o,placeholder:r,...u})})},ae=({onLoad:e,loaded:s,inViewport:n,srcSet:c,placeholder:l,delay:a,src:o,alt:r,play:u=!0,restartOnPause:g,reveal:p,sizes:_,noPauseButton:x,...v})=>{const m=N.useReducedMotion(),[f,b]=i.useState(!0),[j,w]=i.useState(!m),[T,V]=i.useState(),[P,I]=i.useState(!1),F=i.useRef(null),M=i.useRef(null),L=o1(o),E=n,l1=h.srcSetToString(c),r1=y.useHasMounted();i.useEffect(()=>{L&&c?(async()=>{const Z=await h.resolveSrcFromSrcSet({srcSet:c,sizes:_});V(Z)})():L&&V(o.src)},[L,_,o,c]),i.useEffect(()=>{if(!M.current||!T)return;const A=()=>{w(!0),M.current.play()},Z=()=>{w(!1),M.current.pause()};u||(Z(),g&&(M.current.currentTime=0)),!P&&(n?n&&!m&&u&&A():Z())},[n,u,m,g,P,T]);const i1=A=>{A.preventDefault(),I(!0),M.current.paused?(w(!0),M.current.play()):(w(!1),M.current.pause())};return t.jsxs("div",{className:k.elementWrapper,"data-reveal":p,"data-visible":n||s,style:h.cssProps({delay:h.numToMs(a+1e3)}),children:[L&&r1&&t.jsxs(i.Fragment,{children:[t.jsx("video",{muted:!0,loop:!0,playsInline:!0,className:k.element,"data-loaded":s,autoPlay:!m,role:"img",onLoadStart:e,src:T,"aria-label":r,ref:M,...v}),!x&&t.jsxs(c1,{className:k.button,onClick:i1,children:[t.jsx(C,{icon:j?"pause":"play"}),j?"Pause":"Play"]})]}),!L&&t.jsx("img",{className:k.element,"data-loaded":s,onLoad:e,decoding:"async",src:E?o==null?void 0:o.src:void 0,srcSet:E?l1:void 0,width:o==null?void 0:o.width,height:o==null?void 0:o.height,alt:r,sizes:_,...v}),f&&l&&t.jsx("img",{"aria-hidden":!0,className:k.placeholder,"data-loaded":s,style:h.cssProps({delay:h.numToMs(a)}),ref:F,src:l.src,width:l.width,height:l.height,onTransitionEnd:()=>b(!1),decoding:"async",alt:"",role:"presentation"})]})};function o1(e){return e?typeof e.src=="string"&&e.src.endsWith(".mp4"):!1}const ce="_wordmark_w8y5a_1",oe="_highlight_w8y5a_6",X={wordmark:ce,highlight:oe},le=i.forwardRef(({highlight:e,className:s,...n},c)=>{const a=`${i.useId()}wordmark-clip`;return t.jsxs("svg",{"aria-hidden":!0,className:h.classes(X.wordmark,s),width:"46",height:"29",viewBox:"0 0 46 29",ref:c,...n,children:[t.jsx("defs",{children:t.jsx("clipPath",{id:a,children:t.jsx("path",{d:"M 10.3281 17.7888 l 4.4875 -11.4688 l 0.0019 -0.0006 l 6.075 11.5263 a 0.5238 0.5238 90 0 0 0.9525 -0.0581 l 2.1187 -5.515 a 0.5288 0.5288 90 0 0 -0.025 -0.4288 L 18.9419 2.2531 A 4.1863 4.1863 90 0 0 15.2294 0 h -2.875 a 0.525 0.525 90 0 0 -0.4625 0.7688 l 2.2687 4.3044 l -2.2844 5.7188 l -4.45 -8.5388 A 4.1863 4.1863 90 0 0 3.7138 0 h -2.875 a 0.5262 0.5262 90 0 0 -0.4675 0.7688 L 9.375 17.8462 a 0.5244 0.5244 90 0 0 0.9525 -0.0575 z M 26.495 5.5037 a 0.5219 0.5219 90 0 0 0.2419 -0.2787 v 0.0006 l 1.6687 -4.5188 a 0.5238 0.5238 90 0 0 -0.4906 -0.7056 h -4.1113 a 0.5231 0.5231 90 0 0 -0.46 0.7737 l 2.4419 4.5163 c 0.1375 0.2562 0.4556 0.35 0.7094 0.2125 z M 39.375 0 l 0 18.125 L 34.375 18.125 l 0 -11.875 A 4.1863 4.1863 90 0 0 34.375 18.125 L 34.375 18.125 L 34.375 0 z z",transform:"rotate(180 23 15)"})})}),t.jsx("rect",{clipPath:`url(#${a})`,width:"100%",height:"100%"}),e&&t.jsx("g",{clipPath:`url(#${a})`,children:t.jsx("rect",{className:X.highlight,width:"100%",height:"100%"})})]})});exports.classes=h.classes;exports.cssProps=h.cssProps;exports.media=h.media;exports.msToNum=h.msToNum;exports.numToMs=h.numToMs;exports.numToPx=h.numToPx;exports.pxToNum=h.pxToNum;exports.pxToRem=h.pxToRem;exports.rgbToThreeColor=h.rgbToThreeColor;exports.LinkProvider=y.LinkProvider;exports.RefractProvider=y.RefractProvider;exports.ThemeContext=y.ThemeContext;exports.ThemeProvider=y.ThemeProvider;exports.createMediaTokenProperties=y.createMediaTokenProperties;exports.createThemeProperties=y.createThemeProperties;exports.createThemeStyleObject=y.createThemeStyleObject;exports.squish=y.squish;exports.theme=y.theme;exports.tokenStyles=y.tokenStyles;exports.tokens=y.tokens;exports.useLinkComponent=y.useLinkComponent;exports.useRefractConfig=y.useRefractConfig;exports.useTheme=y.useTheme;exports.Breadcrumbs=F0;exports.Button=c1;exports.Divider=V1;exports.Heading=p1;exports.Icon=C;exports.Image=ne;exports.Input=z0;exports.Link=n1;exports.List=j1;exports.ListItem=w1;exports.Loader=Y;exports.ScrambleReveal=J0;exports.Section=f1;exports.SegmentedControl=f0;exports.SegmentedControlOption=y0;exports.Table=C1;exports.TableBody=E1;exports.TableCell=B1;exports.TableHead=P1;exports.TableHeadCell=$1;exports.TableRow=R1;exports.Text=J;exports.TextArea=s1;exports.Transition=G;exports.VisuallyHidden=D;exports.Wordmark=le;exports.icons=e1;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|