@orion-ds/react 1.0.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/LICENSE +21 -0
- package/README.md +150 -0
- package/dist/ComponentShowcase.d.ts +8 -0
- package/dist/ComponentShowcase.d.ts.map +1 -0
- package/dist/components/Alert/Alert.d.ts +28 -0
- package/dist/components/Alert/Alert.d.ts.map +1 -0
- package/dist/components/Alert/Alert.types.d.ts +53 -0
- package/dist/components/Alert/Alert.types.d.ts.map +1 -0
- package/dist/components/Alert/index.d.ts +6 -0
- package/dist/components/Alert/index.d.ts.map +1 -0
- package/dist/components/Avatar/Avatar.d.ts +17 -0
- package/dist/components/Avatar/Avatar.d.ts.map +1 -0
- package/dist/components/Avatar/Avatar.types.d.ts +54 -0
- package/dist/components/Avatar/Avatar.types.d.ts.map +1 -0
- package/dist/components/Avatar/index.d.ts +6 -0
- package/dist/components/Avatar/index.d.ts.map +1 -0
- package/dist/components/Badge/Badge.d.ts +17 -0
- package/dist/components/Badge/Badge.d.ts.map +1 -0
- package/dist/components/Badge/Badge.types.d.ts +46 -0
- package/dist/components/Badge/Badge.types.d.ts.map +1 -0
- package/dist/components/Badge/index.d.ts +6 -0
- package/dist/components/Badge/index.d.ts.map +1 -0
- package/dist/components/Breadcrumb/Breadcrumb.d.ts +34 -0
- package/dist/components/Breadcrumb/Breadcrumb.d.ts.map +1 -0
- package/dist/components/Breadcrumb/Breadcrumb.types.d.ts +92 -0
- package/dist/components/Breadcrumb/Breadcrumb.types.d.ts.map +1 -0
- package/dist/components/Breadcrumb/index.d.ts +6 -0
- package/dist/components/Breadcrumb/index.d.ts.map +1 -0
- package/dist/components/Button/Button.d.ts +21 -0
- package/dist/components/Button/Button.d.ts.map +1 -0
- package/dist/components/Button/Button.types.d.ts +64 -0
- package/dist/components/Button/Button.types.d.ts.map +1 -0
- package/dist/components/Button/index.d.ts +6 -0
- package/dist/components/Button/index.d.ts.map +1 -0
- package/dist/components/Card/Card.d.ts +28 -0
- package/dist/components/Card/Card.d.ts.map +1 -0
- package/dist/components/Card/Card.types.d.ts +66 -0
- package/dist/components/Card/Card.types.d.ts.map +1 -0
- package/dist/components/Card/index.d.ts +6 -0
- package/dist/components/Card/index.d.ts.map +1 -0
- package/dist/components/Checkbox/Checkbox.d.ts +31 -0
- package/dist/components/Checkbox/Checkbox.d.ts.map +1 -0
- package/dist/components/Checkbox/Checkbox.types.d.ts +44 -0
- package/dist/components/Checkbox/Checkbox.types.d.ts.map +1 -0
- package/dist/components/Checkbox/index.d.ts +6 -0
- package/dist/components/Checkbox/index.d.ts.map +1 -0
- package/dist/components/Field/Field.d.ts +24 -0
- package/dist/components/Field/Field.d.ts.map +1 -0
- package/dist/components/Field/Field.types.d.ts +57 -0
- package/dist/components/Field/Field.types.d.ts.map +1 -0
- package/dist/components/Field/index.d.ts +6 -0
- package/dist/components/Field/index.d.ts.map +1 -0
- package/dist/components/Modal/Modal.d.ts +31 -0
- package/dist/components/Modal/Modal.d.ts.map +1 -0
- package/dist/components/Modal/Modal.types.d.ts +84 -0
- package/dist/components/Modal/Modal.types.d.ts.map +1 -0
- package/dist/components/Modal/index.d.ts +6 -0
- package/dist/components/Modal/index.d.ts.map +1 -0
- package/dist/components/Navbar/Navbar.d.ts +47 -0
- package/dist/components/Navbar/Navbar.d.ts.map +1 -0
- package/dist/components/Navbar/Navbar.types.d.ts +92 -0
- package/dist/components/Navbar/Navbar.types.d.ts.map +1 -0
- package/dist/components/Navbar/index.d.ts +6 -0
- package/dist/components/Navbar/index.d.ts.map +1 -0
- package/dist/components/ProgressBar/ProgressBar.d.ts +17 -0
- package/dist/components/ProgressBar/ProgressBar.d.ts.map +1 -0
- package/dist/components/ProgressBar/ProgressBar.types.d.ts +61 -0
- package/dist/components/ProgressBar/ProgressBar.types.d.ts.map +1 -0
- package/dist/components/ProgressBar/index.d.ts +6 -0
- package/dist/components/ProgressBar/index.d.ts.map +1 -0
- package/dist/components/Radio/Radio.d.ts +22 -0
- package/dist/components/Radio/Radio.d.ts.map +1 -0
- package/dist/components/Radio/Radio.types.d.ts +39 -0
- package/dist/components/Radio/Radio.types.d.ts.map +1 -0
- package/dist/components/Radio/index.d.ts +6 -0
- package/dist/components/Radio/index.d.ts.map +1 -0
- package/dist/components/Select/Select.d.ts +27 -0
- package/dist/components/Select/Select.d.ts.map +1 -0
- package/dist/components/Select/Select.types.d.ts +71 -0
- package/dist/components/Select/Select.types.d.ts.map +1 -0
- package/dist/components/Select/index.d.ts +6 -0
- package/dist/components/Select/index.d.ts.map +1 -0
- package/dist/components/Spinner/Spinner.d.ts +16 -0
- package/dist/components/Spinner/Spinner.d.ts.map +1 -0
- package/dist/components/Spinner/Spinner.types.d.ts +47 -0
- package/dist/components/Spinner/Spinner.types.d.ts.map +1 -0
- package/dist/components/Spinner/index.d.ts +6 -0
- package/dist/components/Spinner/index.d.ts.map +1 -0
- package/dist/components/Switch/Switch.d.ts +25 -0
- package/dist/components/Switch/Switch.d.ts.map +1 -0
- package/dist/components/Switch/Switch.types.d.ts +35 -0
- package/dist/components/Switch/Switch.types.d.ts.map +1 -0
- package/dist/components/Switch/index.d.ts +6 -0
- package/dist/components/Switch/index.d.ts.map +1 -0
- package/dist/components/Table/Table.d.ts +44 -0
- package/dist/components/Table/Table.d.ts.map +1 -0
- package/dist/components/Table/Table.types.d.ts +141 -0
- package/dist/components/Table/Table.types.d.ts.map +1 -0
- package/dist/components/Table/index.d.ts +6 -0
- package/dist/components/Table/index.d.ts.map +1 -0
- package/dist/components/Tabs/Tabs.d.ts +36 -0
- package/dist/components/Tabs/Tabs.d.ts.map +1 -0
- package/dist/components/Tabs/Tabs.types.d.ts +77 -0
- package/dist/components/Tabs/Tabs.types.d.ts.map +1 -0
- package/dist/components/Tabs/index.d.ts +6 -0
- package/dist/components/Tabs/index.d.ts.map +1 -0
- package/dist/components/Textarea/Textarea.d.ts +31 -0
- package/dist/components/Textarea/Textarea.d.ts.map +1 -0
- package/dist/components/Textarea/Textarea.types.d.ts +63 -0
- package/dist/components/Textarea/Textarea.types.d.ts.map +1 -0
- package/dist/components/Textarea/index.d.ts +6 -0
- package/dist/components/Textarea/index.d.ts.map +1 -0
- package/dist/components/ThemeController/ThemeController.d.ts +24 -0
- package/dist/components/ThemeController/ThemeController.d.ts.map +1 -0
- package/dist/components/ThemeController/ThemeController.types.d.ts +57 -0
- package/dist/components/ThemeController/ThemeController.types.d.ts.map +1 -0
- package/dist/components/ThemeController/index.d.ts +6 -0
- package/dist/components/ThemeController/index.d.ts.map +1 -0
- package/dist/components/Tooltip/Tooltip.d.ts +20 -0
- package/dist/components/Tooltip/Tooltip.d.ts.map +1 -0
- package/dist/components/Tooltip/Tooltip.types.d.ts +50 -0
- package/dist/components/Tooltip/Tooltip.types.d.ts.map +1 -0
- package/dist/components/Tooltip/index.d.ts +6 -0
- package/dist/components/Tooltip/index.d.ts.map +1 -0
- package/dist/contexts/ThemeContext.d.ts +68 -0
- package/dist/contexts/ThemeContext.d.ts.map +1 -0
- package/dist/contexts/index.d.ts +8 -0
- package/dist/contexts/index.d.ts.map +1 -0
- package/dist/hooks/index.d.ts +6 -0
- package/dist/hooks/index.d.ts.map +1 -0
- package/dist/hooks/useTheme.d.ts +73 -0
- package/dist/hooks/useTheme.d.ts.map +1 -0
- package/dist/index.cjs +18 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.ts +77 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.mjs +24559 -0
- package/dist/index.mjs.map +1 -0
- package/dist/main.d.ts +2 -0
- package/dist/main.d.ts.map +1 -0
- package/dist/react.css +1 -0
- package/dist/test/setup.d.ts +2 -0
- package/dist/test/setup.d.ts.map +1 -0
- package/dist/utils/icons.d.ts +79 -0
- package/dist/utils/icons.d.ts.map +1 -0
- package/dist/utils/index.d.ts +7 -0
- package/dist/utils/index.d.ts.map +1 -0
- package/package.json +94 -0
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Button Component Types
|
|
3
|
+
*
|
|
4
|
+
* Type definitions for the Orion Button component.
|
|
5
|
+
*/
|
|
6
|
+
import type { ButtonHTMLAttributes, ReactNode } from 'react';
|
|
7
|
+
/**
|
|
8
|
+
* Button visual variants
|
|
9
|
+
*/
|
|
10
|
+
export type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'danger';
|
|
11
|
+
/**
|
|
12
|
+
* Button sizes
|
|
13
|
+
*/
|
|
14
|
+
export type ButtonSize = 'sm' | 'md' | 'lg';
|
|
15
|
+
/**
|
|
16
|
+
* Button component props
|
|
17
|
+
*
|
|
18
|
+
* @example
|
|
19
|
+
* ```tsx
|
|
20
|
+
* <Button variant="primary" size="md">
|
|
21
|
+
* Click me
|
|
22
|
+
* </Button>
|
|
23
|
+
* ```
|
|
24
|
+
*/
|
|
25
|
+
export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
26
|
+
/**
|
|
27
|
+
* Visual variant of the button
|
|
28
|
+
* @default 'primary'
|
|
29
|
+
*/
|
|
30
|
+
variant?: ButtonVariant;
|
|
31
|
+
/**
|
|
32
|
+
* Size of the button
|
|
33
|
+
* @default 'md'
|
|
34
|
+
*/
|
|
35
|
+
size?: ButtonSize;
|
|
36
|
+
/**
|
|
37
|
+
* Loading state - shows spinner and disables interaction
|
|
38
|
+
* @default false
|
|
39
|
+
*/
|
|
40
|
+
isLoading?: boolean;
|
|
41
|
+
/**
|
|
42
|
+
* Full width button
|
|
43
|
+
* @default false
|
|
44
|
+
*/
|
|
45
|
+
fullWidth?: boolean;
|
|
46
|
+
/**
|
|
47
|
+
* Icon to display (left side)
|
|
48
|
+
*/
|
|
49
|
+
icon?: ReactNode;
|
|
50
|
+
/**
|
|
51
|
+
* Icon to display (right side)
|
|
52
|
+
*/
|
|
53
|
+
iconRight?: ReactNode;
|
|
54
|
+
/**
|
|
55
|
+
* Icon-only button (no text)
|
|
56
|
+
* @default false
|
|
57
|
+
*/
|
|
58
|
+
iconOnly?: boolean;
|
|
59
|
+
/**
|
|
60
|
+
* Button content
|
|
61
|
+
*/
|
|
62
|
+
children?: ReactNode;
|
|
63
|
+
}
|
|
64
|
+
//# sourceMappingURL=Button.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEzE;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C;;;;;;;;;GASG;AACH,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Card Component
|
|
3
|
+
*
|
|
4
|
+
* A versatile container card with header, body, and footer sections.
|
|
5
|
+
*
|
|
6
|
+
* @example
|
|
7
|
+
* ```tsx
|
|
8
|
+
* <Card variant="base">
|
|
9
|
+
* <Card.Header>Card Title</Card.Header>
|
|
10
|
+
* <Card.Body>
|
|
11
|
+
* Card content goes here
|
|
12
|
+
* </Card.Body>
|
|
13
|
+
* <Card.Footer>Footer content</Card.Footer>
|
|
14
|
+
* </Card>
|
|
15
|
+
*
|
|
16
|
+
* <Card variant="glass" interactive>
|
|
17
|
+
* <Card.Body>Clickable glass card</Card.Body>
|
|
18
|
+
* </Card>
|
|
19
|
+
* ```
|
|
20
|
+
*/
|
|
21
|
+
import React from 'react';
|
|
22
|
+
import type { CardProps, CardHeaderProps, CardBodyProps, CardFooterProps } from './Card.types';
|
|
23
|
+
export declare const Card: React.FC<CardProps> & {
|
|
24
|
+
Header: React.FC<CardHeaderProps>;
|
|
25
|
+
Body: React.FC<CardBodyProps>;
|
|
26
|
+
Footer: React.FC<CardFooterProps>;
|
|
27
|
+
};
|
|
28
|
+
//# sourceMappingURL=Card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAI/F,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG;IACvC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC;IAClC,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC;IAC9B,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC;CAgBnC,CAAC"}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Card Component Types
|
|
3
|
+
*
|
|
4
|
+
* Type definitions for the Orion Card component.
|
|
5
|
+
*/
|
|
6
|
+
import type { HTMLAttributes, ReactNode } from 'react';
|
|
7
|
+
/**
|
|
8
|
+
* Card visual variants
|
|
9
|
+
*/
|
|
10
|
+
export type CardVariant = 'base' | 'glass' | 'elevated' | 'outlined';
|
|
11
|
+
/**
|
|
12
|
+
* Card component props
|
|
13
|
+
*
|
|
14
|
+
* @example
|
|
15
|
+
* ```tsx
|
|
16
|
+
* <Card variant="base">
|
|
17
|
+
* <Card.Header>Title</Card.Header>
|
|
18
|
+
* <Card.Body>Content</Card.Body>
|
|
19
|
+
* <Card.Footer>Footer</Card.Footer>
|
|
20
|
+
* </Card>
|
|
21
|
+
* ```
|
|
22
|
+
*/
|
|
23
|
+
export interface CardProps extends HTMLAttributes<HTMLDivElement> {
|
|
24
|
+
/**
|
|
25
|
+
* Visual variant
|
|
26
|
+
* @default 'base'
|
|
27
|
+
*/
|
|
28
|
+
variant?: CardVariant;
|
|
29
|
+
/**
|
|
30
|
+
* Interactive card (adds hover effect)
|
|
31
|
+
* @default false
|
|
32
|
+
*/
|
|
33
|
+
interactive?: boolean;
|
|
34
|
+
/**
|
|
35
|
+
* Card content
|
|
36
|
+
*/
|
|
37
|
+
children?: ReactNode;
|
|
38
|
+
}
|
|
39
|
+
/**
|
|
40
|
+
* Card Header props
|
|
41
|
+
*/
|
|
42
|
+
export interface CardHeaderProps extends HTMLAttributes<HTMLDivElement> {
|
|
43
|
+
/**
|
|
44
|
+
* Header content
|
|
45
|
+
*/
|
|
46
|
+
children?: ReactNode;
|
|
47
|
+
}
|
|
48
|
+
/**
|
|
49
|
+
* Card Body props
|
|
50
|
+
*/
|
|
51
|
+
export interface CardBodyProps extends HTMLAttributes<HTMLDivElement> {
|
|
52
|
+
/**
|
|
53
|
+
* Body content
|
|
54
|
+
*/
|
|
55
|
+
children?: ReactNode;
|
|
56
|
+
}
|
|
57
|
+
/**
|
|
58
|
+
* Card Footer props
|
|
59
|
+
*/
|
|
60
|
+
export interface CardFooterProps extends HTMLAttributes<HTMLDivElement> {
|
|
61
|
+
/**
|
|
62
|
+
* Footer content
|
|
63
|
+
*/
|
|
64
|
+
children?: ReactNode;
|
|
65
|
+
}
|
|
66
|
+
//# sourceMappingURL=Card.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.types.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,CAAC;AAErE;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,eAAe,EAAE,aAAa,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Checkbox Component
|
|
3
|
+
*
|
|
4
|
+
* Multi-select checkbox input with label and validation.
|
|
5
|
+
*
|
|
6
|
+
* @example
|
|
7
|
+
* ```tsx
|
|
8
|
+
* <Checkbox label="Accept terms and conditions" />
|
|
9
|
+
*
|
|
10
|
+
* <Checkbox
|
|
11
|
+
* label="Remember me"
|
|
12
|
+
* checked={remember}
|
|
13
|
+
* onChange={(e) => setRemember(e.target.checked)}
|
|
14
|
+
* />
|
|
15
|
+
*
|
|
16
|
+
* <Checkbox
|
|
17
|
+
* label="Subscribe to newsletter"
|
|
18
|
+
* helperText="We'll send updates weekly"
|
|
19
|
+
* />
|
|
20
|
+
*
|
|
21
|
+
* <Checkbox
|
|
22
|
+
* label="Select all"
|
|
23
|
+
* indeterminate={someSelected}
|
|
24
|
+
* checked={allSelected}
|
|
25
|
+
* />
|
|
26
|
+
* ```
|
|
27
|
+
*/
|
|
28
|
+
import React from 'react';
|
|
29
|
+
import type { CheckboxProps } from './Checkbox.types';
|
|
30
|
+
export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
|
|
31
|
+
//# sourceMappingURL=Checkbox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGtD,eAAO,MAAM,QAAQ,wFAqFpB,CAAC"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Checkbox Component Types
|
|
3
|
+
*
|
|
4
|
+
* Type definitions for the Orion Checkbox component.
|
|
5
|
+
*/
|
|
6
|
+
import type { InputHTMLAttributes } from 'react';
|
|
7
|
+
/**
|
|
8
|
+
* Checkbox sizes
|
|
9
|
+
*/
|
|
10
|
+
export type CheckboxSize = 'sm' | 'md' | 'lg';
|
|
11
|
+
/**
|
|
12
|
+
* Checkbox component props
|
|
13
|
+
*
|
|
14
|
+
* @example
|
|
15
|
+
* ```tsx
|
|
16
|
+
* <Checkbox label="Accept terms" />
|
|
17
|
+
* <Checkbox checked={agreed} onChange={(e) => setAgreed(e.target.checked)} />
|
|
18
|
+
* ```
|
|
19
|
+
*/
|
|
20
|
+
export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
|
|
21
|
+
/**
|
|
22
|
+
* Checkbox label
|
|
23
|
+
*/
|
|
24
|
+
label?: string;
|
|
25
|
+
/**
|
|
26
|
+
* Helper text (shown below checkbox)
|
|
27
|
+
*/
|
|
28
|
+
helperText?: string;
|
|
29
|
+
/**
|
|
30
|
+
* Error message
|
|
31
|
+
*/
|
|
32
|
+
error?: string;
|
|
33
|
+
/**
|
|
34
|
+
* Checkbox size
|
|
35
|
+
* @default 'md'
|
|
36
|
+
*/
|
|
37
|
+
size?: CheckboxSize;
|
|
38
|
+
/**
|
|
39
|
+
* Indeterminate state (partially checked)
|
|
40
|
+
* @default false
|
|
41
|
+
*/
|
|
42
|
+
indeterminate?: boolean;
|
|
43
|
+
}
|
|
44
|
+
//# sourceMappingURL=Checkbox.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.types.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEjD;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C;;;;;;;;GAQG;AACH,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjG;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Field Component
|
|
3
|
+
*
|
|
4
|
+
* A type-safe, accessible input field with label, error states, and icon support.
|
|
5
|
+
*
|
|
6
|
+
* @example
|
|
7
|
+
* ```tsx
|
|
8
|
+
* <Field
|
|
9
|
+
* label="Email"
|
|
10
|
+
* type="email"
|
|
11
|
+
* placeholder="Enter your email"
|
|
12
|
+
* error="Invalid email address"
|
|
13
|
+
* />
|
|
14
|
+
*
|
|
15
|
+
* <Field
|
|
16
|
+
* label="Search"
|
|
17
|
+
* leftIcon={<SearchIcon />}
|
|
18
|
+
* placeholder="Search..."
|
|
19
|
+
* />
|
|
20
|
+
* ```
|
|
21
|
+
*/
|
|
22
|
+
import type { FieldProps } from './Field.types';
|
|
23
|
+
export declare const Field: import("react").ForwardRefExoticComponent<FieldProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
24
|
+
//# sourceMappingURL=Field.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../src/components/Field/Field.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAGH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,eAAO,MAAM,KAAK,yGAoHjB,CAAC"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Field Component Types
|
|
3
|
+
*
|
|
4
|
+
* Type definitions for the Orion Field component (input with label and error).
|
|
5
|
+
*/
|
|
6
|
+
import type { InputHTMLAttributes, ReactNode } from 'react';
|
|
7
|
+
/**
|
|
8
|
+
* Field component props
|
|
9
|
+
*
|
|
10
|
+
* @example
|
|
11
|
+
* ```tsx
|
|
12
|
+
* <Field
|
|
13
|
+
* label="Email"
|
|
14
|
+
* type="email"
|
|
15
|
+
* placeholder="Enter your email"
|
|
16
|
+
* error="Invalid email address"
|
|
17
|
+
* />
|
|
18
|
+
* ```
|
|
19
|
+
*/
|
|
20
|
+
export interface FieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
|
|
21
|
+
/**
|
|
22
|
+
* Input label text
|
|
23
|
+
*/
|
|
24
|
+
label?: string;
|
|
25
|
+
/**
|
|
26
|
+
* Error message (shows error state when present)
|
|
27
|
+
*/
|
|
28
|
+
error?: string;
|
|
29
|
+
/**
|
|
30
|
+
* Helper text (shown below input)
|
|
31
|
+
*/
|
|
32
|
+
helperText?: string;
|
|
33
|
+
/**
|
|
34
|
+
* Icon to display on the left
|
|
35
|
+
*/
|
|
36
|
+
leftIcon?: ReactNode;
|
|
37
|
+
/**
|
|
38
|
+
* Icon to display on the right
|
|
39
|
+
*/
|
|
40
|
+
rightIcon?: ReactNode;
|
|
41
|
+
/**
|
|
42
|
+
* Full width input
|
|
43
|
+
* @default false
|
|
44
|
+
*/
|
|
45
|
+
fullWidth?: boolean;
|
|
46
|
+
/**
|
|
47
|
+
* Input size
|
|
48
|
+
* @default 'md'
|
|
49
|
+
*/
|
|
50
|
+
size?: 'sm' | 'md' | 'lg';
|
|
51
|
+
/**
|
|
52
|
+
* Optional indicator
|
|
53
|
+
* @default false
|
|
54
|
+
*/
|
|
55
|
+
optional?: boolean;
|
|
56
|
+
}
|
|
57
|
+
//# sourceMappingURL=Field.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Field.types.d.ts","sourceRoot":"","sources":["../../../src/components/Field/Field.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACrF;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Field/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Modal Component
|
|
3
|
+
*
|
|
4
|
+
* Dialog/overlay component with backdrop and animation.
|
|
5
|
+
*
|
|
6
|
+
* @example
|
|
7
|
+
* ```tsx
|
|
8
|
+
* <Modal open={isOpen} onClose={() => setIsOpen(false)}>
|
|
9
|
+
* <Modal.Header>Confirm Action</Modal.Header>
|
|
10
|
+
* <Modal.Body>
|
|
11
|
+
* Are you sure you want to proceed?
|
|
12
|
+
* </Modal.Body>
|
|
13
|
+
* <Modal.Footer>
|
|
14
|
+
* <Button variant="secondary" onClick={() => setIsOpen(false)}>
|
|
15
|
+
* Cancel
|
|
16
|
+
* </Button>
|
|
17
|
+
* <Button variant="primary" onClick={handleConfirm}>
|
|
18
|
+
* Confirm
|
|
19
|
+
* </Button>
|
|
20
|
+
* </Modal.Footer>
|
|
21
|
+
* </Modal>
|
|
22
|
+
* ```
|
|
23
|
+
*/
|
|
24
|
+
import React from 'react';
|
|
25
|
+
import type { ModalProps, ModalHeaderProps, ModalBodyProps, ModalFooterProps } from './Modal.types';
|
|
26
|
+
export declare const Modal: React.FC<ModalProps> & {
|
|
27
|
+
Header: React.FC<ModalHeaderProps>;
|
|
28
|
+
Body: React.FC<ModalBodyProps>;
|
|
29
|
+
Footer: React.FC<ModalFooterProps>;
|
|
30
|
+
};
|
|
31
|
+
//# sourceMappingURL=Modal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,EACV,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EACjB,MAAM,eAAe,CAAC;AAIvB,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,GAAG;IACzC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;IACnC,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC;IAC/B,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;CA+EpC,CAAC"}
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Modal Component Types
|
|
3
|
+
*
|
|
4
|
+
* Type definitions for the Orion Modal component (dialog/overlay).
|
|
5
|
+
*/
|
|
6
|
+
import type { ReactNode } from 'react';
|
|
7
|
+
/**
|
|
8
|
+
* Modal sizes
|
|
9
|
+
*/
|
|
10
|
+
export type ModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
|
|
11
|
+
/**
|
|
12
|
+
* Modal component props
|
|
13
|
+
*
|
|
14
|
+
* @example
|
|
15
|
+
* ```tsx
|
|
16
|
+
* <Modal open={isOpen} onClose={() => setIsOpen(false)}>
|
|
17
|
+
* <Modal.Header>Title</Modal.Header>
|
|
18
|
+
* <Modal.Body>Content</Modal.Body>
|
|
19
|
+
* <Modal.Footer>
|
|
20
|
+
* <Button onClick={handleSave}>Save</Button>
|
|
21
|
+
* </Modal.Footer>
|
|
22
|
+
* </Modal>
|
|
23
|
+
* ```
|
|
24
|
+
*/
|
|
25
|
+
export interface ModalProps {
|
|
26
|
+
/**
|
|
27
|
+
* Whether the modal is open
|
|
28
|
+
*/
|
|
29
|
+
open: boolean;
|
|
30
|
+
/**
|
|
31
|
+
* Callback when modal should close
|
|
32
|
+
*/
|
|
33
|
+
onClose: () => void;
|
|
34
|
+
/**
|
|
35
|
+
* Modal size
|
|
36
|
+
* @default 'md'
|
|
37
|
+
*/
|
|
38
|
+
size?: ModalSize;
|
|
39
|
+
/**
|
|
40
|
+
* Close on backdrop click
|
|
41
|
+
* @default true
|
|
42
|
+
*/
|
|
43
|
+
closeOnBackdrop?: boolean;
|
|
44
|
+
/**
|
|
45
|
+
* Close on Escape key
|
|
46
|
+
* @default true
|
|
47
|
+
*/
|
|
48
|
+
closeOnEscape?: boolean;
|
|
49
|
+
/**
|
|
50
|
+
* Show close button
|
|
51
|
+
* @default true
|
|
52
|
+
*/
|
|
53
|
+
showCloseButton?: boolean;
|
|
54
|
+
/**
|
|
55
|
+
* Modal content
|
|
56
|
+
*/
|
|
57
|
+
children?: ReactNode;
|
|
58
|
+
/**
|
|
59
|
+
* Additional class name
|
|
60
|
+
*/
|
|
61
|
+
className?: string;
|
|
62
|
+
}
|
|
63
|
+
/**
|
|
64
|
+
* Modal Header props
|
|
65
|
+
*/
|
|
66
|
+
export interface ModalHeaderProps {
|
|
67
|
+
children?: ReactNode;
|
|
68
|
+
className?: string;
|
|
69
|
+
}
|
|
70
|
+
/**
|
|
71
|
+
* Modal Body props
|
|
72
|
+
*/
|
|
73
|
+
export interface ModalBodyProps {
|
|
74
|
+
children?: ReactNode;
|
|
75
|
+
className?: string;
|
|
76
|
+
}
|
|
77
|
+
/**
|
|
78
|
+
* Modal Footer props
|
|
79
|
+
*/
|
|
80
|
+
export interface ModalFooterProps {
|
|
81
|
+
children?: ReactNode;
|
|
82
|
+
className?: string;
|
|
83
|
+
}
|
|
84
|
+
//# sourceMappingURL=Modal.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Modal.types.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAE3D;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IAEd;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EACV,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,SAAS,GACV,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Navbar Component
|
|
3
|
+
*
|
|
4
|
+
* Application navigation header with brand, links, and actions.
|
|
5
|
+
*
|
|
6
|
+
* @example
|
|
7
|
+
* ```tsx
|
|
8
|
+
* <Navbar sticky bordered>
|
|
9
|
+
* <Navbar.Brand href="/">
|
|
10
|
+
* <img src="/logo.svg" alt="Logo" />
|
|
11
|
+
* MyApp
|
|
12
|
+
* </Navbar.Brand>
|
|
13
|
+
*
|
|
14
|
+
* <Navbar.Nav>
|
|
15
|
+
* <Navbar.Link href="/" active>Home</Navbar.Link>
|
|
16
|
+
* <Navbar.Link href="/products">Products</Navbar.Link>
|
|
17
|
+
* <Navbar.Link href="/about">About</Navbar.Link>
|
|
18
|
+
* </Navbar.Nav>
|
|
19
|
+
*
|
|
20
|
+
* <Navbar.Actions>
|
|
21
|
+
* <Button variant="ghost">Sign In</Button>
|
|
22
|
+
* <Button>Get Started</Button>
|
|
23
|
+
* </Navbar.Actions>
|
|
24
|
+
* </Navbar>
|
|
25
|
+
*
|
|
26
|
+
* <Navbar variant="glass" height="lg">
|
|
27
|
+
* <Navbar.Brand>Brand</Navbar.Brand>
|
|
28
|
+
* <Navbar.Nav>
|
|
29
|
+
* <Navbar.Link href="/dashboard">Dashboard</Navbar.Link>
|
|
30
|
+
* </Navbar.Nav>
|
|
31
|
+
* </Navbar>
|
|
32
|
+
* ```
|
|
33
|
+
*/
|
|
34
|
+
import React from 'react';
|
|
35
|
+
import type { NavbarProps, NavbarBrandProps, NavbarNavProps, NavbarLinkProps, NavbarActionsProps } from './Navbar.types';
|
|
36
|
+
declare const NavbarBrand: React.FC<NavbarBrandProps>;
|
|
37
|
+
declare const NavbarNav: React.FC<NavbarNavProps>;
|
|
38
|
+
declare const NavbarLink: React.FC<NavbarLinkProps>;
|
|
39
|
+
declare const NavbarActions: React.FC<NavbarActionsProps>;
|
|
40
|
+
export declare const Navbar: React.FC<NavbarProps> & {
|
|
41
|
+
Brand: typeof NavbarBrand;
|
|
42
|
+
Nav: typeof NavbarNav;
|
|
43
|
+
Link: typeof NavbarLink;
|
|
44
|
+
Actions: typeof NavbarActions;
|
|
45
|
+
};
|
|
46
|
+
export {};
|
|
47
|
+
//# sourceMappingURL=Navbar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Navbar.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/Navbar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EACV,WAAW,EACX,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,kBAAkB,EACnB,MAAM,gBAAgB,CAAC;AAOxB,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAgB3C,CAAC;AAQF,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAQvC,CAAC;AAQF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqBzC,CAAC;AAQF,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAQ/C,CAAC;AAQF,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,GAAG;IAC3C,KAAK,EAAE,OAAO,WAAW,CAAC;IAC1B,GAAG,EAAE,OAAO,SAAS,CAAC;IACtB,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,OAAO,EAAE,OAAO,aAAa,CAAC;CA0B/B,CAAC"}
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Navbar Component Types
|
|
3
|
+
*
|
|
4
|
+
* Type definitions for the Orion Navbar component.
|
|
5
|
+
*/
|
|
6
|
+
import type { ReactNode, HTMLAttributes } from 'react';
|
|
7
|
+
/**
|
|
8
|
+
* Navbar height variants
|
|
9
|
+
*/
|
|
10
|
+
export type NavbarHeight = 'sm' | 'md' | 'lg';
|
|
11
|
+
/**
|
|
12
|
+
* Navbar background variants
|
|
13
|
+
*/
|
|
14
|
+
export type NavbarVariant = 'solid' | 'transparent' | 'glass';
|
|
15
|
+
/**
|
|
16
|
+
* Navbar component props
|
|
17
|
+
*
|
|
18
|
+
* @example
|
|
19
|
+
* ```tsx
|
|
20
|
+
* <Navbar>
|
|
21
|
+
* <Navbar.Brand>
|
|
22
|
+
* <img src="/logo.svg" alt="Logo" />
|
|
23
|
+
* </Navbar.Brand>
|
|
24
|
+
* <Navbar.Nav>
|
|
25
|
+
* <Navbar.Link href="/">Home</Navbar.Link>
|
|
26
|
+
* <Navbar.Link href="/about">About</Navbar.Link>
|
|
27
|
+
* </Navbar.Nav>
|
|
28
|
+
* <Navbar.Actions>
|
|
29
|
+
* <Button>Sign In</Button>
|
|
30
|
+
* </Navbar.Actions>
|
|
31
|
+
* </Navbar>
|
|
32
|
+
* ```
|
|
33
|
+
*/
|
|
34
|
+
export interface NavbarProps extends HTMLAttributes<HTMLElement> {
|
|
35
|
+
/**
|
|
36
|
+
* Navbar content
|
|
37
|
+
*/
|
|
38
|
+
children: ReactNode;
|
|
39
|
+
/**
|
|
40
|
+
* Navbar height
|
|
41
|
+
* @default 'md'
|
|
42
|
+
*/
|
|
43
|
+
height?: NavbarHeight;
|
|
44
|
+
/**
|
|
45
|
+
* Navbar variant
|
|
46
|
+
* @default 'solid'
|
|
47
|
+
*/
|
|
48
|
+
variant?: NavbarVariant;
|
|
49
|
+
/**
|
|
50
|
+
* Sticky positioning
|
|
51
|
+
* @default false
|
|
52
|
+
*/
|
|
53
|
+
sticky?: boolean;
|
|
54
|
+
/**
|
|
55
|
+
* Border on bottom
|
|
56
|
+
* @default true
|
|
57
|
+
*/
|
|
58
|
+
bordered?: boolean;
|
|
59
|
+
/**
|
|
60
|
+
* Additional CSS class
|
|
61
|
+
*/
|
|
62
|
+
className?: string;
|
|
63
|
+
}
|
|
64
|
+
/**
|
|
65
|
+
* Navbar Brand props
|
|
66
|
+
*/
|
|
67
|
+
export interface NavbarBrandProps {
|
|
68
|
+
children: ReactNode;
|
|
69
|
+
href?: string;
|
|
70
|
+
className?: string;
|
|
71
|
+
}
|
|
72
|
+
/**
|
|
73
|
+
* Navbar Nav (navigation links container) props
|
|
74
|
+
*/
|
|
75
|
+
export interface NavbarNavProps extends HTMLAttributes<HTMLDivElement> {
|
|
76
|
+
children: ReactNode;
|
|
77
|
+
}
|
|
78
|
+
/**
|
|
79
|
+
* Navbar Link props
|
|
80
|
+
*/
|
|
81
|
+
export interface NavbarLinkProps extends HTMLAttributes<HTMLAnchorElement> {
|
|
82
|
+
children: ReactNode;
|
|
83
|
+
href: string;
|
|
84
|
+
active?: boolean;
|
|
85
|
+
}
|
|
86
|
+
/**
|
|
87
|
+
* Navbar Actions (right side actions) props
|
|
88
|
+
*/
|
|
89
|
+
export interface NavbarActionsProps extends HTMLAttributes<HTMLDivElement> {
|
|
90
|
+
children: ReactNode;
|
|
91
|
+
}
|
|
92
|
+
//# sourceMappingURL=Navbar.types.d.ts.map
|