@cerberus-design/react 1.2.0 → 1.3.0-rc.1
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/dist/components/accordion/primitives.d.cts +8 -23
- package/dist/components/accordion/primitives.d.ts +8 -23
- package/dist/components/admonition/match-avatar.cjs +1 -1
- package/dist/components/admonition/match-avatar.js +1 -1
- package/dist/components/admonition/primitives.cjs +5 -5
- package/dist/components/admonition/primitives.d.cts +13 -2871
- package/dist/components/admonition/primitives.d.ts +13 -2871
- package/dist/components/admonition/primitives.js +6 -6
- package/dist/components/avatar/primitives.d.cts +4 -13
- package/dist/components/avatar/primitives.d.ts +4 -13
- package/dist/components/button/button.cjs +19 -7
- package/dist/components/button/button.d.cts +8 -5
- package/dist/components/button/button.d.ts +8 -5
- package/dist/components/button/button.js +19 -7
- package/dist/components/button/index.cjs +1 -1
- package/dist/components/button/index.js +1 -1
- package/dist/components/button/primitives.cjs +2 -7
- package/dist/components/button/primitives.d.cts +4 -8
- package/dist/components/button/primitives.d.ts +4 -8
- package/dist/components/button/primitives.js +3 -7
- package/dist/components/carousel/primitives.d.cts +9 -33
- package/dist/components/carousel/primitives.d.ts +9 -33
- package/dist/components/checkbox/primitives.d.cts +7 -25
- package/dist/components/checkbox/primitives.d.ts +7 -25
- package/dist/components/circular-progress/primitives.d.cts +8 -29
- package/dist/components/circular-progress/primitives.d.ts +8 -29
- package/dist/components/clipboard/primitives.d.cts +7 -25
- package/dist/components/clipboard/primitives.d.ts +7 -25
- package/dist/components/collapsible/primitives.d.cts +6 -21
- package/dist/components/collapsible/primitives.d.ts +6 -21
- package/dist/components/combobox/primitives.d.cts +16 -61
- package/dist/components/combobox/primitives.d.ts +16 -61
- package/dist/components/combobox/use-stateful-collection.cjs +1 -1
- package/dist/components/combobox/use-stateful-collection.js +1 -1
- package/dist/components/cta-dialog/provider.cjs +2 -2
- package/dist/components/cta-dialog/provider.js +2 -2
- package/dist/components/date-picker/primitives.d.cts +24 -93
- package/dist/components/date-picker/primitives.d.ts +24 -93
- package/dist/components/dialog/close-icon-trigger.cjs +1 -1
- package/dist/components/dialog/close-icon-trigger.js +1 -1
- package/dist/components/dialog/dialog.cjs +1 -1
- package/dist/components/dialog/dialog.js +1 -1
- package/dist/components/dialog/index.cjs +2 -1
- package/dist/components/dialog/index.js +3 -3
- package/dist/components/dialog/primitives.cjs +2 -0
- package/dist/components/dialog/primitives.d.cts +14 -38
- package/dist/components/dialog/primitives.d.ts +14 -38
- package/dist/components/dialog/primitives.js +2 -1
- package/dist/components/field/primitives.d.cts +21 -48
- package/dist/components/field/primitives.d.ts +21 -48
- package/dist/components/fieldset/primitives.d.cts +5 -17
- package/dist/components/fieldset/primitives.d.ts +5 -17
- package/dist/components/file-upload/file-status.cjs +1 -1
- package/dist/components/file-upload/file-status.js +1 -1
- package/dist/components/file-upload/primitives.d.cts +19 -73
- package/dist/components/file-upload/primitives.d.ts +19 -73
- package/dist/components/group/primitives.d.cts +2 -5
- package/dist/components/group/primitives.d.ts +2 -5
- package/dist/components/icon-button/button.cjs +1 -3
- package/dist/components/icon-button/button.js +1 -3
- package/dist/components/icon-button/primitives.cjs +4 -2
- package/dist/components/icon-button/primitives.d.cts +5 -8
- package/dist/components/icon-button/primitives.d.ts +5 -8
- package/dist/components/icon-button/primitives.js +4 -2
- package/dist/components/menu/menu.d.cts +6 -21
- package/dist/components/menu/menu.d.ts +6 -21
- package/dist/components/menu/primitives.d.cts +11 -41
- package/dist/components/menu/primitives.d.ts +11 -41
- package/dist/components/notifications/center.cjs +7 -23
- package/dist/components/notifications/center.d.cts +2 -6
- package/dist/components/notifications/center.d.ts +2 -6
- package/dist/components/notifications/center.js +8 -23
- package/dist/components/notifications/index.cjs +0 -14
- package/dist/components/notifications/index.js +3 -3
- package/dist/components/notifications/match-icon.cjs +7 -1
- package/dist/components/notifications/match-icon.d.cts +1 -5
- package/dist/components/notifications/match-icon.d.ts +1 -5
- package/dist/components/notifications/match-icon.js +7 -1
- package/dist/components/notifications/primitives.d.cts +5 -20
- package/dist/components/notifications/primitives.d.ts +5 -20
- package/dist/components/notifications/toaster.d.cts +0 -1
- package/dist/components/notifications/toaster.d.ts +0 -1
- package/dist/components/notifications/toaster.js +2 -2
- package/dist/components/notifications/types.d.cts +4 -30
- package/dist/components/notifications/types.d.ts +4 -30
- package/dist/components/number-input/primitives.d.cts +8 -29
- package/dist/components/number-input/primitives.d.ts +8 -29
- package/dist/components/pagination/primitives.d.cts +8 -29
- package/dist/components/pagination/primitives.d.ts +8 -29
- package/dist/components/pagination/triggers.d.cts +2 -3
- package/dist/components/pagination/triggers.d.ts +2 -3
- package/dist/components/pin-input/primitives.d.cts +6 -21
- package/dist/components/pin-input/primitives.d.ts +6 -21
- package/dist/components/popover/primitives.d.cts +14 -53
- package/dist/components/popover/primitives.d.ts +14 -53
- package/dist/components/progress/primitives.cjs +2 -2
- package/dist/components/progress/primitives.d.cts +7 -1910
- package/dist/components/progress/primitives.d.ts +7 -1910
- package/dist/components/progress/primitives.js +3 -3
- package/dist/components/radio/primitives.d.cts +8 -29
- package/dist/components/radio/primitives.d.ts +8 -29
- package/dist/components/rating/primitives.d.cts +5 -17
- package/dist/components/rating/primitives.d.ts +5 -17
- package/dist/components/select/option-group.d.cts +3 -9
- package/dist/components/select/option-group.d.ts +3 -9
- package/dist/components/select/primitives.d.cts +16 -61
- package/dist/components/select/primitives.d.ts +16 -61
- package/dist/components/split-button/button.cjs +1 -1
- package/dist/components/split-button/button.js +1 -1
- package/dist/components/switch/primitives.d.cts +6 -21
- package/dist/components/switch/primitives.d.ts +6 -21
- package/dist/components/table/primitives.cjs +10 -10
- package/dist/components/table/primitives.d.cts +23 -9518
- package/dist/components/table/primitives.d.ts +23 -9518
- package/dist/components/table/primitives.js +11 -11
- package/dist/components/tabs/primitives.d.cts +6 -21
- package/dist/components/tabs/primitives.d.ts +6 -21
- package/dist/components/tag/primitives.d.cts +2 -5
- package/dist/components/tag/primitives.d.ts +2 -5
- package/dist/components/toggle/primitives.d.cts +3 -9
- package/dist/components/toggle/primitives.d.ts +3 -9
- package/dist/components/tooltip/primitives.d.cts +7 -25
- package/dist/components/tooltip/primitives.d.ts +7 -25
- package/dist/components/tooltip/renderer.cjs +11 -0
- package/dist/components/tooltip/renderer.d.cts +6 -0
- package/dist/components/tooltip/renderer.d.ts +6 -0
- package/dist/components/tooltip/renderer.js +11 -0
- package/dist/components/tooltip/tooltip.cjs +6 -2
- package/dist/components/tooltip/tooltip.d.cts +4 -0
- package/dist/components/tooltip/tooltip.d.ts +4 -0
- package/dist/components/tooltip/tooltip.js +6 -2
- package/dist/context/cerberus.cjs +1 -1
- package/dist/context/cerberus.js +1 -1
- package/dist/context/confirm-modal.cjs +1 -1
- package/dist/context/confirm-modal.js +1 -1
- package/dist/context/feature-flags.cjs +1 -1
- package/dist/context/feature-flags.js +1 -1
- package/dist/context/navMenu.cjs +1 -1
- package/dist/context/navMenu.js +1 -1
- package/dist/context/prompt-modal.cjs +2 -2
- package/dist/context/prompt-modal.js +2 -2
- package/dist/context/theme.cjs +1 -1
- package/dist/context/theme.js +1 -1
- package/dist/index.cjs +18 -19
- package/dist/index.client.d.cts +1 -1
- package/dist/index.client.d.ts +1 -1
- package/dist/index.client.js +2 -2
- package/dist/index.js +8 -8
- package/dist/panda.buildinfo.json +15 -3
- package/dist/system/primitive-factory.cjs +11 -9
- package/dist/system/primitive-factory.d.cts +4 -13
- package/dist/system/primitive-factory.d.ts +4 -13
- package/dist/system/primitive-factory.js +11 -9
- package/package.json +6 -6
|
@@ -3,64 +3,40 @@ import { HTMLArkProps, PolymorphicProps } from '@ark-ui/react';
|
|
|
3
3
|
import { FieldVariantProps } from 'styled-system/recipes';
|
|
4
4
|
import { CerberusPrimitiveProps } from '../../system/index';
|
|
5
5
|
import { CerberusFieldInput } from './input';
|
|
6
|
-
import { RefAttributes, ReactNode, ClassAttributes, HTMLAttributes } from 'react';
|
|
6
|
+
import { ForwardRefExoticComponent, RefAttributes, ReactNode, ClassAttributes, HTMLAttributes } from 'react';
|
|
7
7
|
import { BaseCerberusProps } from '../..';
|
|
8
8
|
export type FieldRootProps = CerberusPrimitiveProps<ArkFieldRootProps & FieldVariantProps>;
|
|
9
|
-
export declare const FieldRoot:
|
|
10
|
-
(internalProps: CerberusPrimitiveProps<Field.RootProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
displayName: string;
|
|
12
|
-
};
|
|
9
|
+
export declare const FieldRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Field.RootProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
13
10
|
export type FieldLabelProps = CerberusPrimitiveProps<ArkFieldLabelProps> & {
|
|
14
11
|
/**
|
|
15
12
|
* Whether to hide the label visually while keeping it accessible to screen readers.
|
|
16
13
|
*/
|
|
17
14
|
hideLabel?: boolean;
|
|
18
15
|
};
|
|
19
|
-
export declare const FieldLabel: {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
}>): import("react/jsx-runtime").JSX.Element;
|
|
28
|
-
displayName: string;
|
|
29
|
-
};
|
|
16
|
+
export declare const FieldLabel: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< BaseCerberusProps & {
|
|
17
|
+
children?: ReactNode | undefined;
|
|
18
|
+
} & Field.LabelProps & {
|
|
19
|
+
/**
|
|
20
|
+
* Whether to hide the label visually while keeping it accessible to screen readers.
|
|
21
|
+
*/
|
|
22
|
+
hideLabel?: boolean;
|
|
23
|
+
}>, "ref"> & RefAttributes<HTMLElement>>;
|
|
30
24
|
export type FieldRequiredIndicatorProps = CerberusPrimitiveProps<ArkFieldRequiredIndicatorProps>;
|
|
31
|
-
export declare const FieldRequiredIndicator: {
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
} & Field.RequiredIndicatorProps>): import("react/jsx-runtime").JSX.Element;
|
|
35
|
-
displayName: string;
|
|
36
|
-
};
|
|
25
|
+
export declare const FieldRequiredIndicator: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< BaseCerberusProps & {
|
|
26
|
+
children?: ReactNode | undefined;
|
|
27
|
+
} & Field.RequiredIndicatorProps>, "ref"> & RefAttributes<HTMLElement>>;
|
|
37
28
|
export type FieldInputRootProps = CerberusPrimitiveProps<HTMLArkProps<'div'> & FieldVariantProps>;
|
|
38
|
-
export declare const FieldInputRoot:
|
|
39
|
-
(internalProps: CerberusPrimitiveProps< ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & PolymorphicProps>): import("react/jsx-runtime").JSX.Element;
|
|
40
|
-
displayName: string;
|
|
41
|
-
};
|
|
29
|
+
export declare const FieldInputRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & PolymorphicProps>, "ref"> & RefAttributes<HTMLElement>>;
|
|
42
30
|
export type FieldInputProps = CerberusPrimitiveProps<ArkFieldInputProps & FieldVariantProps>;
|
|
43
|
-
export declare const FieldInput:
|
|
44
|
-
(internalProps: CerberusPrimitiveProps<Field.InputProps & RefAttributes<HTMLInputElement>>): import("react/jsx-runtime").JSX.Element;
|
|
45
|
-
displayName: string;
|
|
46
|
-
};
|
|
31
|
+
export declare const FieldInput: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Field.InputProps & RefAttributes<HTMLInputElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
47
32
|
export type FieldHelperTextProps = CerberusPrimitiveProps<ArkFieldHelperTextProps>;
|
|
48
|
-
export declare const FieldHelperText:
|
|
49
|
-
(internalProps: CerberusPrimitiveProps<Field.HelperTextProps & RefAttributes<HTMLSpanElement>>): import("react/jsx-runtime").JSX.Element;
|
|
50
|
-
displayName: string;
|
|
51
|
-
};
|
|
33
|
+
export declare const FieldHelperText: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Field.HelperTextProps & RefAttributes<HTMLSpanElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
52
34
|
export type FieldErrorTextProps = CerberusPrimitiveProps<ArkFieldHelperTextProps>;
|
|
53
|
-
export declare const FieldErrorText: {
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
} & Field.HelperTextProps>): import("react/jsx-runtime").JSX.Element;
|
|
57
|
-
displayName: string;
|
|
58
|
-
};
|
|
35
|
+
export declare const FieldErrorText: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< BaseCerberusProps & {
|
|
36
|
+
children?: ReactNode | undefined;
|
|
37
|
+
} & Field.HelperTextProps>, "ref"> & RefAttributes<HTMLElement>>;
|
|
59
38
|
export type FieldTextareaProps = CerberusPrimitiveProps<ArkFieldTextareaProps>;
|
|
60
|
-
export declare const FieldTextarea:
|
|
61
|
-
(internalProps: CerberusPrimitiveProps<Field.TextareaProps & RefAttributes<HTMLTextAreaElement>>): import("react/jsx-runtime").JSX.Element;
|
|
62
|
-
displayName: string;
|
|
63
|
-
};
|
|
39
|
+
export declare const FieldTextarea: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Field.TextareaProps & RefAttributes<HTMLTextAreaElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
64
40
|
/**
|
|
65
41
|
* A named export for the FieldInput component.
|
|
66
42
|
* @description [Field Docs](https://cerberus.digitalu.design/react/field)
|
|
@@ -94,7 +70,4 @@ export declare const Input: typeof CerberusFieldInput;
|
|
|
94
70
|
* </Field>
|
|
95
71
|
* ```
|
|
96
72
|
*/
|
|
97
|
-
export declare const Textarea:
|
|
98
|
-
(internalProps: CerberusPrimitiveProps<Field.TextareaProps & RefAttributes<HTMLTextAreaElement>>): import("react/jsx-runtime").JSX.Element;
|
|
99
|
-
displayName: string;
|
|
100
|
-
};
|
|
73
|
+
export declare const Textarea: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Field.TextareaProps & RefAttributes<HTMLTextAreaElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
@@ -1,24 +1,12 @@
|
|
|
1
1
|
import { Fieldset, FieldsetHelperTextProps as ArkFieldsetHelperText, FieldsetLegendProps as ArkFieldsetLegendProps, FieldsetRootProps as ArkFieldsetRootProps } from '@ark-ui/react/fieldset';
|
|
2
2
|
import { FieldsetVariantProps } from 'styled-system/recipes';
|
|
3
3
|
import { CerberusPrimitiveProps } from '../../system/index';
|
|
4
|
-
import { RefAttributes } from 'react';
|
|
5
|
-
export declare const FieldsetRoot:
|
|
6
|
-
(internalProps: CerberusPrimitiveProps<Fieldset.RootProps & RefAttributes<HTMLFieldSetElement>>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
displayName: string;
|
|
8
|
-
};
|
|
4
|
+
import { ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
5
|
+
export declare const FieldsetRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Fieldset.RootProps & RefAttributes<HTMLFieldSetElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
9
6
|
export type FieldsetRootProps = CerberusPrimitiveProps<ArkFieldsetRootProps & FieldsetVariantProps>;
|
|
10
7
|
export type FieldsetLegendProps = CerberusPrimitiveProps<ArkFieldsetLegendProps & FieldsetVariantProps>;
|
|
11
|
-
export declare const FieldsetLegend:
|
|
12
|
-
(internalProps: CerberusPrimitiveProps<Fieldset.LegendProps & RefAttributes<HTMLLegendElement>>): import("react/jsx-runtime").JSX.Element;
|
|
13
|
-
displayName: string;
|
|
14
|
-
};
|
|
8
|
+
export declare const FieldsetLegend: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Fieldset.LegendProps & RefAttributes<HTMLLegendElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
15
9
|
export type FieldsetHelperTextProps = CerberusPrimitiveProps<ArkFieldsetHelperText & FieldsetVariantProps>;
|
|
16
|
-
export declare const FieldsetHelperText:
|
|
17
|
-
(internalProps: CerberusPrimitiveProps<Fieldset.HelperTextProps & RefAttributes<HTMLSpanElement>>): import("react/jsx-runtime").JSX.Element;
|
|
18
|
-
displayName: string;
|
|
19
|
-
};
|
|
10
|
+
export declare const FieldsetHelperText: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Fieldset.HelperTextProps & RefAttributes<HTMLSpanElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
20
11
|
export type FieldsetErrorTextProps = CerberusPrimitiveProps<ArkFieldsetHelperText>;
|
|
21
|
-
export declare const FieldsetErrorText:
|
|
22
|
-
(internalProps: CerberusPrimitiveProps<Fieldset.ErrorTextProps & RefAttributes<HTMLSpanElement>>): import("react/jsx-runtime").JSX.Element;
|
|
23
|
-
displayName: string;
|
|
24
|
-
};
|
|
12
|
+
export declare const FieldsetErrorText: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Fieldset.ErrorTextProps & RefAttributes<HTMLSpanElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
@@ -1,24 +1,12 @@
|
|
|
1
1
|
import { Fieldset, FieldsetHelperTextProps as ArkFieldsetHelperText, FieldsetLegendProps as ArkFieldsetLegendProps, FieldsetRootProps as ArkFieldsetRootProps } from '@ark-ui/react/fieldset';
|
|
2
2
|
import { FieldsetVariantProps } from 'styled-system/recipes';
|
|
3
3
|
import { CerberusPrimitiveProps } from '../../system/index';
|
|
4
|
-
import { RefAttributes } from 'react';
|
|
5
|
-
export declare const FieldsetRoot:
|
|
6
|
-
(internalProps: CerberusPrimitiveProps<Fieldset.RootProps & RefAttributes<HTMLFieldSetElement>>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
displayName: string;
|
|
8
|
-
};
|
|
4
|
+
import { ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
5
|
+
export declare const FieldsetRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Fieldset.RootProps & RefAttributes<HTMLFieldSetElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
9
6
|
export type FieldsetRootProps = CerberusPrimitiveProps<ArkFieldsetRootProps & FieldsetVariantProps>;
|
|
10
7
|
export type FieldsetLegendProps = CerberusPrimitiveProps<ArkFieldsetLegendProps & FieldsetVariantProps>;
|
|
11
|
-
export declare const FieldsetLegend:
|
|
12
|
-
(internalProps: CerberusPrimitiveProps<Fieldset.LegendProps & RefAttributes<HTMLLegendElement>>): import("react/jsx-runtime").JSX.Element;
|
|
13
|
-
displayName: string;
|
|
14
|
-
};
|
|
8
|
+
export declare const FieldsetLegend: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Fieldset.LegendProps & RefAttributes<HTMLLegendElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
15
9
|
export type FieldsetHelperTextProps = CerberusPrimitiveProps<ArkFieldsetHelperText & FieldsetVariantProps>;
|
|
16
|
-
export declare const FieldsetHelperText:
|
|
17
|
-
(internalProps: CerberusPrimitiveProps<Fieldset.HelperTextProps & RefAttributes<HTMLSpanElement>>): import("react/jsx-runtime").JSX.Element;
|
|
18
|
-
displayName: string;
|
|
19
|
-
};
|
|
10
|
+
export declare const FieldsetHelperText: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Fieldset.HelperTextProps & RefAttributes<HTMLSpanElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
20
11
|
export type FieldsetErrorTextProps = CerberusPrimitiveProps<ArkFieldsetHelperText>;
|
|
21
|
-
export declare const FieldsetErrorText:
|
|
22
|
-
(internalProps: CerberusPrimitiveProps<Fieldset.ErrorTextProps & RefAttributes<HTMLSpanElement>>): import("react/jsx-runtime").JSX.Element;
|
|
23
|
-
displayName: string;
|
|
24
|
-
};
|
|
12
|
+
export declare const FieldsetErrorText: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Fieldset.ErrorTextProps & RefAttributes<HTMLSpanElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
@@ -8,9 +8,9 @@ const require_primitives = require("../field/primitives.cjs");
|
|
|
8
8
|
const require_field = require("../field/field.cjs");
|
|
9
9
|
const require_progress_bar = require("../progress/progress-bar.cjs");
|
|
10
10
|
let styled_system_recipes = require("styled-system/recipes");
|
|
11
|
+
let react = require("react");
|
|
11
12
|
let styled_system_css = require("styled-system/css");
|
|
12
13
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
13
|
-
let react = require("react");
|
|
14
14
|
let styled_system_jsx = require("styled-system/jsx");
|
|
15
15
|
let styled_system_patterns = require("styled-system/patterns");
|
|
16
16
|
//#region src/components/file-upload/file-status.tsx
|
|
@@ -8,9 +8,9 @@ import { FieldHelperText } from "../field/primitives.js";
|
|
|
8
8
|
import { Field } from "../field/field.js";
|
|
9
9
|
import { ProgressBar } from "../progress/progress-bar.js";
|
|
10
10
|
import { fileStatus } from "styled-system/recipes";
|
|
11
|
+
import { useCallback, useMemo } from "react";
|
|
11
12
|
import { css, cx } from "styled-system/css";
|
|
12
13
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
13
|
-
import { useCallback, useMemo } from "react";
|
|
14
14
|
import { VStack } from "styled-system/jsx";
|
|
15
15
|
import { hstack } from "styled-system/patterns";
|
|
16
16
|
//#region src/components/file-upload/file-status.tsx
|
|
@@ -1,95 +1,41 @@
|
|
|
1
1
|
import { FileUpload, FileUploadContextProps as ArkFileUploadContextProps, FileUploadRootProps as ArkFileUploadRootProps, FileUploadLabelProps as ArkFileUploadLabelProps, FileUploadDropzoneProps as ArkFileUploadDropzoneProps, FileUploadTriggerProps as ArkFileUploadTriggerProps, FileUploadClearTriggerProps as ArkFileUploadClearTriggerProps, FileUploadItemGroupProps as ArkFileUploadItemGroupProps, FileUploadItemProps as ArkFileUploadItemProps, FileUploadItemPreviewProps as ArkFileUploadItemPreviewProps, FileUploadItemPreviewImageProps as ArkFileUploadItemPreviewImageProps, FileUploadItemNameProps as ArkFileUploadItemNameProps, FileUploadItemSizeTextProps as ArkFileUploadItemSizeTextProps, FileUploadItemDeleteTriggerProps as ArkFileUploadItemDeleteTriggerProps, FileUploadHiddenInputProps as ArkFileUploadHiddenInputProps } from '@ark-ui/react/file-upload';
|
|
2
2
|
import { FileUploaderVariantProps } from 'styled-system/recipes';
|
|
3
3
|
import { CerberusPrimitiveProps } from '../../system/index';
|
|
4
|
-
import { RefAttributes, DetailedHTMLProps, HTMLAttributes } from 'react';
|
|
4
|
+
import { ForwardRefExoticComponent, RefAttributes, DetailedHTMLProps, HTMLAttributes } from 'react';
|
|
5
5
|
export type FileUploadRootProps = CerberusPrimitiveProps<ArkFileUploadRootProps & FileUploaderVariantProps>;
|
|
6
|
-
export declare const FileUploadRoot:
|
|
7
|
-
(internalProps: CerberusPrimitiveProps<FileUpload.RootProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
displayName: string;
|
|
9
|
-
};
|
|
6
|
+
export declare const FileUploadRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.RootProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
10
7
|
export type FileUploadDropzoneProps = CerberusPrimitiveProps<ArkFileUploadDropzoneProps>;
|
|
11
|
-
export declare const FileUploadDropzone:
|
|
12
|
-
(internalProps: CerberusPrimitiveProps<FileUpload.DropzoneProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
|
|
13
|
-
displayName: string;
|
|
14
|
-
};
|
|
8
|
+
export declare const FileUploadDropzone: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.DropzoneProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
15
9
|
export type FileUploadLabelProps = CerberusPrimitiveProps<ArkFileUploadLabelProps>;
|
|
16
|
-
export declare const FileUploadLabel:
|
|
17
|
-
(internalProps: CerberusPrimitiveProps<FileUpload.LabelProps & RefAttributes<HTMLLabelElement>>): import("react/jsx-runtime").JSX.Element;
|
|
18
|
-
displayName: string;
|
|
19
|
-
};
|
|
10
|
+
export declare const FileUploadLabel: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.LabelProps & RefAttributes<HTMLLabelElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
20
11
|
export type FileUploadTriggerProps = CerberusPrimitiveProps<ArkFileUploadTriggerProps>;
|
|
21
|
-
export declare const FileUploadTrigger:
|
|
22
|
-
(internalProps: CerberusPrimitiveProps<FileUpload.TriggerProps & RefAttributes<HTMLButtonElement>>): import("react/jsx-runtime").JSX.Element;
|
|
23
|
-
displayName: string;
|
|
24
|
-
};
|
|
12
|
+
export declare const FileUploadTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.TriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
25
13
|
export type FileUploadClearTriggerProps = CerberusPrimitiveProps<ArkFileUploadClearTriggerProps>;
|
|
26
|
-
export declare const FileUploadClearTrigger:
|
|
27
|
-
(internalProps: CerberusPrimitiveProps<FileUpload.ClearTriggerProps & RefAttributes<HTMLButtonElement>>): import("react/jsx-runtime").JSX.Element;
|
|
28
|
-
displayName: string;
|
|
29
|
-
};
|
|
14
|
+
export declare const FileUploadClearTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ClearTriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
30
15
|
export type FileUploadItemGroupProps = CerberusPrimitiveProps<ArkFileUploadItemGroupProps>;
|
|
31
|
-
export declare const FileUploadItemGroup:
|
|
32
|
-
(internalProps: CerberusPrimitiveProps<FileUpload.ItemGroupProps & RefAttributes<HTMLUListElement>>): import("react/jsx-runtime").JSX.Element;
|
|
33
|
-
displayName: string;
|
|
34
|
-
};
|
|
16
|
+
export declare const FileUploadItemGroup: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ItemGroupProps & RefAttributes<HTMLUListElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
35
17
|
export type FileUploadItemProps = CerberusPrimitiveProps<ArkFileUploadItemProps>;
|
|
36
|
-
export declare const FileUploadItem:
|
|
37
|
-
(internalProps: CerberusPrimitiveProps<FileUpload.ItemProps & RefAttributes<HTMLLIElement>>): import("react/jsx-runtime").JSX.Element;
|
|
38
|
-
displayName: string;
|
|
39
|
-
};
|
|
18
|
+
export declare const FileUploadItem: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ItemProps & RefAttributes<HTMLLIElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
40
19
|
export type FileUploadItemPreviewProps = CerberusPrimitiveProps<ArkFileUploadItemPreviewProps>;
|
|
41
|
-
export declare const FileUploadItemPreview:
|
|
42
|
-
(internalProps: CerberusPrimitiveProps<FileUpload.ItemPreviewProps & RefAttributes<HTMLImageElement>>): import("react/jsx-runtime").JSX.Element;
|
|
43
|
-
displayName: string;
|
|
44
|
-
};
|
|
20
|
+
export declare const FileUploadItemPreview: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ItemPreviewProps & RefAttributes<HTMLImageElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
45
21
|
export type FileUploadItemPreviewImageProps = CerberusPrimitiveProps<ArkFileUploadItemPreviewImageProps>;
|
|
46
|
-
export declare const FileUploadItemPreviewImage:
|
|
47
|
-
(internalProps: CerberusPrimitiveProps<FileUpload.ItemPreviewImageProps & RefAttributes<HTMLImageElement>>): import("react/jsx-runtime").JSX.Element;
|
|
48
|
-
displayName: string;
|
|
49
|
-
};
|
|
22
|
+
export declare const FileUploadItemPreviewImage: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ItemPreviewImageProps & RefAttributes<HTMLImageElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
50
23
|
export type FileUploadItemNameProps = CerberusPrimitiveProps<ArkFileUploadItemNameProps>;
|
|
51
|
-
export declare const FileUploadItemName:
|
|
52
|
-
(internalProps: CerberusPrimitiveProps<FileUpload.ItemNameProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
|
|
53
|
-
displayName: string;
|
|
54
|
-
};
|
|
24
|
+
export declare const FileUploadItemName: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ItemNameProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
55
25
|
export type FileUploadItemSizeTextProps = CerberusPrimitiveProps<ArkFileUploadItemSizeTextProps>;
|
|
56
|
-
export declare const FileUploadItemSizeText:
|
|
57
|
-
(internalProps: CerberusPrimitiveProps<FileUpload.ItemSizeTextProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
|
|
58
|
-
displayName: string;
|
|
59
|
-
};
|
|
26
|
+
export declare const FileUploadItemSizeText: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ItemSizeTextProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
60
27
|
export type FileUploadItemDeleteTriggerProps = CerberusPrimitiveProps<ArkFileUploadItemDeleteTriggerProps>;
|
|
61
|
-
export declare const FileUploadItemDeleteTrigger:
|
|
62
|
-
(internalProps: CerberusPrimitiveProps<FileUpload.ItemDeleteTriggerProps & RefAttributes<HTMLButtonElement>>): import("react/jsx-runtime").JSX.Element;
|
|
63
|
-
displayName: string;
|
|
64
|
-
};
|
|
28
|
+
export declare const FileUploadItemDeleteTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ItemDeleteTriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
65
29
|
export type FileUploadHiddenInputProps = CerberusPrimitiveProps<ArkFileUploadHiddenInputProps>;
|
|
66
|
-
export declare const FileUploadHiddenInput:
|
|
67
|
-
(props: CerberusPrimitiveProps<FileUpload.HiddenInputProps & RefAttributes<HTMLInputElement>>): import("react/jsx-runtime").JSX.Element;
|
|
68
|
-
displayName: string;
|
|
69
|
-
};
|
|
30
|
+
export declare const FileUploadHiddenInput: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.HiddenInputProps & RefAttributes<HTMLInputElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
70
31
|
export type FileUploadContextProps = CerberusPrimitiveProps<ArkFileUploadContextProps>;
|
|
71
|
-
export declare const FileUploadContext:
|
|
72
|
-
(props: CerberusPrimitiveProps<FileUpload.ContextProps>): import("react/jsx-runtime").JSX.Element;
|
|
73
|
-
displayName: string;
|
|
74
|
-
};
|
|
32
|
+
export declare const FileUploadContext: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ContextProps>, "ref"> & RefAttributes<HTMLElement>>;
|
|
75
33
|
export type FileUploadContentProps = CerberusPrimitiveProps<HTMLDivElement>;
|
|
76
|
-
export declare const FileUploadContent:
|
|
77
|
-
(internalProps: CerberusPrimitiveProps< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
|
|
78
|
-
displayName: string;
|
|
79
|
-
};
|
|
34
|
+
export declare const FileUploadContent: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
80
35
|
export type FileUploadIconProps = CerberusPrimitiveProps<HTMLDivElement>;
|
|
81
|
-
export declare const FileUploadIcon:
|
|
82
|
-
(internalProps: CerberusPrimitiveProps< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
|
|
83
|
-
displayName: string;
|
|
84
|
-
};
|
|
36
|
+
export declare const FileUploadIcon: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
85
37
|
export type FileUploadHeadingProps = CerberusPrimitiveProps<HTMLParagraphElement>;
|
|
86
|
-
export declare const FileUploadHeading:
|
|
87
|
-
(internalProps: CerberusPrimitiveProps< DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>>): import("react/jsx-runtime").JSX.Element;
|
|
88
|
-
displayName: string;
|
|
89
|
-
};
|
|
38
|
+
export declare const FileUploadHeading: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
90
39
|
export type FileUploadDescriptionProps = CerberusPrimitiveProps<HTMLParagraphElement>;
|
|
91
|
-
export declare const FileUploadDescription:
|
|
92
|
-
(internalProps: CerberusPrimitiveProps< DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>>): import("react/jsx-runtime").JSX.Element;
|
|
93
|
-
displayName: string;
|
|
94
|
-
};
|
|
40
|
+
export declare const FileUploadDescription: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
95
41
|
export type { UseFileUploadContext } from '@ark-ui/react';
|
|
@@ -1,95 +1,41 @@
|
|
|
1
1
|
import { FileUpload, FileUploadContextProps as ArkFileUploadContextProps, FileUploadRootProps as ArkFileUploadRootProps, FileUploadLabelProps as ArkFileUploadLabelProps, FileUploadDropzoneProps as ArkFileUploadDropzoneProps, FileUploadTriggerProps as ArkFileUploadTriggerProps, FileUploadClearTriggerProps as ArkFileUploadClearTriggerProps, FileUploadItemGroupProps as ArkFileUploadItemGroupProps, FileUploadItemProps as ArkFileUploadItemProps, FileUploadItemPreviewProps as ArkFileUploadItemPreviewProps, FileUploadItemPreviewImageProps as ArkFileUploadItemPreviewImageProps, FileUploadItemNameProps as ArkFileUploadItemNameProps, FileUploadItemSizeTextProps as ArkFileUploadItemSizeTextProps, FileUploadItemDeleteTriggerProps as ArkFileUploadItemDeleteTriggerProps, FileUploadHiddenInputProps as ArkFileUploadHiddenInputProps } from '@ark-ui/react/file-upload';
|
|
2
2
|
import { FileUploaderVariantProps } from 'styled-system/recipes';
|
|
3
3
|
import { CerberusPrimitiveProps } from '../../system/index';
|
|
4
|
-
import { RefAttributes, DetailedHTMLProps, HTMLAttributes } from 'react';
|
|
4
|
+
import { ForwardRefExoticComponent, RefAttributes, DetailedHTMLProps, HTMLAttributes } from 'react';
|
|
5
5
|
export type FileUploadRootProps = CerberusPrimitiveProps<ArkFileUploadRootProps & FileUploaderVariantProps>;
|
|
6
|
-
export declare const FileUploadRoot:
|
|
7
|
-
(internalProps: CerberusPrimitiveProps<FileUpload.RootProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
displayName: string;
|
|
9
|
-
};
|
|
6
|
+
export declare const FileUploadRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.RootProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
10
7
|
export type FileUploadDropzoneProps = CerberusPrimitiveProps<ArkFileUploadDropzoneProps>;
|
|
11
|
-
export declare const FileUploadDropzone:
|
|
12
|
-
(internalProps: CerberusPrimitiveProps<FileUpload.DropzoneProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
|
|
13
|
-
displayName: string;
|
|
14
|
-
};
|
|
8
|
+
export declare const FileUploadDropzone: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.DropzoneProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
15
9
|
export type FileUploadLabelProps = CerberusPrimitiveProps<ArkFileUploadLabelProps>;
|
|
16
|
-
export declare const FileUploadLabel:
|
|
17
|
-
(internalProps: CerberusPrimitiveProps<FileUpload.LabelProps & RefAttributes<HTMLLabelElement>>): import("react/jsx-runtime").JSX.Element;
|
|
18
|
-
displayName: string;
|
|
19
|
-
};
|
|
10
|
+
export declare const FileUploadLabel: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.LabelProps & RefAttributes<HTMLLabelElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
20
11
|
export type FileUploadTriggerProps = CerberusPrimitiveProps<ArkFileUploadTriggerProps>;
|
|
21
|
-
export declare const FileUploadTrigger:
|
|
22
|
-
(internalProps: CerberusPrimitiveProps<FileUpload.TriggerProps & RefAttributes<HTMLButtonElement>>): import("react/jsx-runtime").JSX.Element;
|
|
23
|
-
displayName: string;
|
|
24
|
-
};
|
|
12
|
+
export declare const FileUploadTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.TriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
25
13
|
export type FileUploadClearTriggerProps = CerberusPrimitiveProps<ArkFileUploadClearTriggerProps>;
|
|
26
|
-
export declare const FileUploadClearTrigger:
|
|
27
|
-
(internalProps: CerberusPrimitiveProps<FileUpload.ClearTriggerProps & RefAttributes<HTMLButtonElement>>): import("react/jsx-runtime").JSX.Element;
|
|
28
|
-
displayName: string;
|
|
29
|
-
};
|
|
14
|
+
export declare const FileUploadClearTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ClearTriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
30
15
|
export type FileUploadItemGroupProps = CerberusPrimitiveProps<ArkFileUploadItemGroupProps>;
|
|
31
|
-
export declare const FileUploadItemGroup:
|
|
32
|
-
(internalProps: CerberusPrimitiveProps<FileUpload.ItemGroupProps & RefAttributes<HTMLUListElement>>): import("react/jsx-runtime").JSX.Element;
|
|
33
|
-
displayName: string;
|
|
34
|
-
};
|
|
16
|
+
export declare const FileUploadItemGroup: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ItemGroupProps & RefAttributes<HTMLUListElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
35
17
|
export type FileUploadItemProps = CerberusPrimitiveProps<ArkFileUploadItemProps>;
|
|
36
|
-
export declare const FileUploadItem:
|
|
37
|
-
(internalProps: CerberusPrimitiveProps<FileUpload.ItemProps & RefAttributes<HTMLLIElement>>): import("react/jsx-runtime").JSX.Element;
|
|
38
|
-
displayName: string;
|
|
39
|
-
};
|
|
18
|
+
export declare const FileUploadItem: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ItemProps & RefAttributes<HTMLLIElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
40
19
|
export type FileUploadItemPreviewProps = CerberusPrimitiveProps<ArkFileUploadItemPreviewProps>;
|
|
41
|
-
export declare const FileUploadItemPreview:
|
|
42
|
-
(internalProps: CerberusPrimitiveProps<FileUpload.ItemPreviewProps & RefAttributes<HTMLImageElement>>): import("react/jsx-runtime").JSX.Element;
|
|
43
|
-
displayName: string;
|
|
44
|
-
};
|
|
20
|
+
export declare const FileUploadItemPreview: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ItemPreviewProps & RefAttributes<HTMLImageElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
45
21
|
export type FileUploadItemPreviewImageProps = CerberusPrimitiveProps<ArkFileUploadItemPreviewImageProps>;
|
|
46
|
-
export declare const FileUploadItemPreviewImage:
|
|
47
|
-
(internalProps: CerberusPrimitiveProps<FileUpload.ItemPreviewImageProps & RefAttributes<HTMLImageElement>>): import("react/jsx-runtime").JSX.Element;
|
|
48
|
-
displayName: string;
|
|
49
|
-
};
|
|
22
|
+
export declare const FileUploadItemPreviewImage: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ItemPreviewImageProps & RefAttributes<HTMLImageElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
50
23
|
export type FileUploadItemNameProps = CerberusPrimitiveProps<ArkFileUploadItemNameProps>;
|
|
51
|
-
export declare const FileUploadItemName:
|
|
52
|
-
(internalProps: CerberusPrimitiveProps<FileUpload.ItemNameProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
|
|
53
|
-
displayName: string;
|
|
54
|
-
};
|
|
24
|
+
export declare const FileUploadItemName: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ItemNameProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
55
25
|
export type FileUploadItemSizeTextProps = CerberusPrimitiveProps<ArkFileUploadItemSizeTextProps>;
|
|
56
|
-
export declare const FileUploadItemSizeText:
|
|
57
|
-
(internalProps: CerberusPrimitiveProps<FileUpload.ItemSizeTextProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
|
|
58
|
-
displayName: string;
|
|
59
|
-
};
|
|
26
|
+
export declare const FileUploadItemSizeText: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ItemSizeTextProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
60
27
|
export type FileUploadItemDeleteTriggerProps = CerberusPrimitiveProps<ArkFileUploadItemDeleteTriggerProps>;
|
|
61
|
-
export declare const FileUploadItemDeleteTrigger:
|
|
62
|
-
(internalProps: CerberusPrimitiveProps<FileUpload.ItemDeleteTriggerProps & RefAttributes<HTMLButtonElement>>): import("react/jsx-runtime").JSX.Element;
|
|
63
|
-
displayName: string;
|
|
64
|
-
};
|
|
28
|
+
export declare const FileUploadItemDeleteTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ItemDeleteTriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
65
29
|
export type FileUploadHiddenInputProps = CerberusPrimitiveProps<ArkFileUploadHiddenInputProps>;
|
|
66
|
-
export declare const FileUploadHiddenInput:
|
|
67
|
-
(props: CerberusPrimitiveProps<FileUpload.HiddenInputProps & RefAttributes<HTMLInputElement>>): import("react/jsx-runtime").JSX.Element;
|
|
68
|
-
displayName: string;
|
|
69
|
-
};
|
|
30
|
+
export declare const FileUploadHiddenInput: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.HiddenInputProps & RefAttributes<HTMLInputElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
70
31
|
export type FileUploadContextProps = CerberusPrimitiveProps<ArkFileUploadContextProps>;
|
|
71
|
-
export declare const FileUploadContext:
|
|
72
|
-
(props: CerberusPrimitiveProps<FileUpload.ContextProps>): import("react/jsx-runtime").JSX.Element;
|
|
73
|
-
displayName: string;
|
|
74
|
-
};
|
|
32
|
+
export declare const FileUploadContext: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<FileUpload.ContextProps>, "ref"> & RefAttributes<HTMLElement>>;
|
|
75
33
|
export type FileUploadContentProps = CerberusPrimitiveProps<HTMLDivElement>;
|
|
76
|
-
export declare const FileUploadContent:
|
|
77
|
-
(internalProps: CerberusPrimitiveProps< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
|
|
78
|
-
displayName: string;
|
|
79
|
-
};
|
|
34
|
+
export declare const FileUploadContent: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
80
35
|
export type FileUploadIconProps = CerberusPrimitiveProps<HTMLDivElement>;
|
|
81
|
-
export declare const FileUploadIcon:
|
|
82
|
-
(internalProps: CerberusPrimitiveProps< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
|
|
83
|
-
displayName: string;
|
|
84
|
-
};
|
|
36
|
+
export declare const FileUploadIcon: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
85
37
|
export type FileUploadHeadingProps = CerberusPrimitiveProps<HTMLParagraphElement>;
|
|
86
|
-
export declare const FileUploadHeading:
|
|
87
|
-
(internalProps: CerberusPrimitiveProps< DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>>): import("react/jsx-runtime").JSX.Element;
|
|
88
|
-
displayName: string;
|
|
89
|
-
};
|
|
38
|
+
export declare const FileUploadHeading: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
90
39
|
export type FileUploadDescriptionProps = CerberusPrimitiveProps<HTMLParagraphElement>;
|
|
91
|
-
export declare const FileUploadDescription:
|
|
92
|
-
(internalProps: CerberusPrimitiveProps< DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>>): import("react/jsx-runtime").JSX.Element;
|
|
93
|
-
displayName: string;
|
|
94
|
-
};
|
|
40
|
+
export declare const FileUploadDescription: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
95
41
|
export type { UseFileUploadContext } from '@ark-ui/react';
|
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
import { GroupVariantProps } from 'styled-system/recipes';
|
|
2
2
|
import { CerberusProps } from '../../system/index';
|
|
3
|
+
import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefAttributes } from 'react';
|
|
3
4
|
import { CerberusPrimitiveProps } from '../..';
|
|
4
|
-
import { DetailedHTMLProps, HTMLAttributes } from 'react';
|
|
5
5
|
export type GroupProps = CerberusProps<'div'> & GroupVariantProps;
|
|
6
|
-
export declare const Group:
|
|
7
|
-
(internalProps: CerberusPrimitiveProps<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
displayName: string;
|
|
9
|
-
};
|
|
6
|
+
export declare const Group: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
import { GroupVariantProps } from 'styled-system/recipes';
|
|
2
2
|
import { CerberusProps } from '../../system/index';
|
|
3
|
+
import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefAttributes } from 'react';
|
|
3
4
|
import { CerberusPrimitiveProps } from '../..';
|
|
4
|
-
import { DetailedHTMLProps, HTMLAttributes } from 'react';
|
|
5
5
|
export type GroupProps = CerberusProps<'div'> & GroupVariantProps;
|
|
6
|
-
export declare const Group:
|
|
7
|
-
(internalProps: CerberusPrimitiveProps<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
displayName: string;
|
|
9
|
-
};
|
|
6
|
+
export declare const Group: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
@@ -9,9 +9,7 @@ function IconButton(props) {
|
|
|
9
9
|
const { ariaLabel, clipboard, ...rootProps } = props;
|
|
10
10
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.IconButtonRoot, {
|
|
11
11
|
...rootProps,
|
|
12
|
-
...!clipboard && { "aria-label": ariaLabel }
|
|
13
|
-
"data-scope": "icon-button",
|
|
14
|
-
"data-part": "root"
|
|
12
|
+
...!clipboard && { "aria-label": ariaLabel }
|
|
15
13
|
});
|
|
16
14
|
}
|
|
17
15
|
//#endregion
|
|
@@ -9,9 +9,7 @@ function IconButton(props) {
|
|
|
9
9
|
const { ariaLabel, clipboard, ...rootProps } = props;
|
|
10
10
|
return /* @__PURE__ */ jsx(IconButtonRoot, {
|
|
11
11
|
...rootProps,
|
|
12
|
-
...!clipboard && { "aria-label": ariaLabel }
|
|
13
|
-
"data-scope": "icon-button",
|
|
14
|
-
"data-part": "root"
|
|
12
|
+
...!clipboard && { "aria-label": ariaLabel }
|
|
15
13
|
});
|
|
16
14
|
}
|
|
17
15
|
//#endregion
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
const require_index = require("../../system/index.cjs");
|
|
2
2
|
let styled_system_recipes = require("styled-system/recipes");
|
|
3
|
-
let _ark_ui_react_factory = require("@ark-ui/react/factory");
|
|
4
3
|
//#region src/components/icon-button/primitives.ts
|
|
5
4
|
/**
|
|
6
5
|
* This module contains the IconButton component primitives.
|
|
7
6
|
* @module @cerberus-design/react/components/icon-button/primitives
|
|
8
7
|
*/
|
|
9
8
|
var { withRecipe } = require_index.createCerberusPrimitive(styled_system_recipes.iconButton);
|
|
10
|
-
var IconButtonRoot = withRecipe(
|
|
9
|
+
var IconButtonRoot = withRecipe("button", { defaultProps: {
|
|
10
|
+
"data-scope": "icon-button",
|
|
11
|
+
"data-part": "root"
|
|
12
|
+
} });
|
|
11
13
|
//#endregion
|
|
12
14
|
exports.IconButtonRoot = IconButtonRoot;
|
|
@@ -1,9 +1,6 @@
|
|
|
1
|
-
import { HTMLAttributes, ClassAttributes, ButtonHTMLAttributes } from 'react';
|
|
2
1
|
import { IconButtonVariantProps } from 'styled-system/recipes';
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
export
|
|
7
|
-
|
|
8
|
-
displayName: string;
|
|
9
|
-
};
|
|
2
|
+
import { CerberusProps } from '../../system/index';
|
|
3
|
+
import { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefAttributes } from 'react';
|
|
4
|
+
import { CerberusPrimitiveProps } from '../..';
|
|
5
|
+
export type IconButtonRootProps = CerberusProps<'button'> & IconButtonVariantProps;
|
|
6
|
+
export declare const IconButtonRoot: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
@@ -1,9 +1,6 @@
|
|
|
1
|
-
import { HTMLAttributes, ClassAttributes, ButtonHTMLAttributes } from 'react';
|
|
2
1
|
import { IconButtonVariantProps } from 'styled-system/recipes';
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
export
|
|
7
|
-
|
|
8
|
-
displayName: string;
|
|
9
|
-
};
|
|
2
|
+
import { CerberusProps } from '../../system/index';
|
|
3
|
+
import { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefAttributes } from 'react';
|
|
4
|
+
import { CerberusPrimitiveProps } from '../..';
|
|
5
|
+
export type IconButtonRootProps = CerberusProps<'button'> & IconButtonVariantProps;
|
|
6
|
+
export declare const IconButtonRoot: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import { createCerberusPrimitive } from "../../system/index.js";
|
|
2
2
|
import { iconButton } from "styled-system/recipes";
|
|
3
|
-
import { ark } from "@ark-ui/react/factory";
|
|
4
3
|
//#region src/components/icon-button/primitives.ts
|
|
5
4
|
/**
|
|
6
5
|
* This module contains the IconButton component primitives.
|
|
7
6
|
* @module @cerberus-design/react/components/icon-button/primitives
|
|
8
7
|
*/
|
|
9
8
|
var { withRecipe } = createCerberusPrimitive(iconButton);
|
|
10
|
-
var IconButtonRoot = withRecipe(
|
|
9
|
+
var IconButtonRoot = withRecipe("button", { defaultProps: {
|
|
10
|
+
"data-scope": "icon-button",
|
|
11
|
+
"data-part": "root"
|
|
12
|
+
} });
|
|
11
13
|
//#endregion
|
|
12
14
|
export { IconButtonRoot };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { MenuContentProps, MenuTriggerProps } from './primitives';
|
|
2
|
+
import { ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
2
3
|
import { CerberusPrimitiveProps } from '../..';
|
|
3
4
|
import { MenuRootProps, MenuItemProps, MenuItemGroupProps, MenuItemGroupLabelProps, MenuSeparatorProps } from '@ark-ui/react';
|
|
4
|
-
import { RefAttributes } from 'react';
|
|
5
5
|
/**
|
|
6
6
|
* This module contains the Menu named abstractions component.
|
|
7
7
|
* @module @cerberus-design/react/components/menu
|
|
@@ -16,10 +16,7 @@ import { RefAttributes } from 'react';
|
|
|
16
16
|
* <MenuTrigger>Trigger</MenuTrigger>
|
|
17
17
|
* </Menu>
|
|
18
18
|
*/
|
|
19
|
-
export declare const Menu:
|
|
20
|
-
(internalProps: CerberusPrimitiveProps<MenuRootProps>): import("react/jsx-runtime").JSX.Element;
|
|
21
|
-
displayName: string;
|
|
22
|
-
};
|
|
19
|
+
export declare const Menu: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<MenuRootProps>, "ref"> & RefAttributes<HTMLElement>>;
|
|
23
20
|
/**
|
|
24
21
|
* The MenuTrigger component opens/closes the Menu.
|
|
25
22
|
* @definition [Cerberus docs](https://cerberus.digitalu.design/react/menu/dev)
|
|
@@ -63,10 +60,7 @@ export declare function MenuContent(props: MenuContentProps): import("react/jsx-
|
|
|
63
60
|
* </MenuContent>
|
|
64
61
|
* </Menu>
|
|
65
62
|
*/
|
|
66
|
-
export declare const MenuItem:
|
|
67
|
-
(internalProps: CerberusPrimitiveProps< MenuItemProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
|
|
68
|
-
displayName: string;
|
|
69
|
-
};
|
|
63
|
+
export declare const MenuItem: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps< MenuItemProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
70
64
|
/**
|
|
71
65
|
* The MenuItemGroup component is a group of menu items.
|
|
72
66
|
* @definition [Cerberus docs](https://cerberus.digitalu.design/react/menu/dev)
|
|
@@ -84,10 +78,7 @@ export declare const MenuItem: {
|
|
|
84
78
|
* </MenuContent>
|
|
85
79
|
* </Menu>
|
|
86
80
|
*/
|
|
87
|
-
export declare const MenuItemGroup:
|
|
88
|
-
(props: CerberusPrimitiveProps< MenuItemGroupProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
|
|
89
|
-
displayName: string;
|
|
90
|
-
};
|
|
81
|
+
export declare const MenuItemGroup: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps< MenuItemGroupProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
91
82
|
/**
|
|
92
83
|
* The MenuItemGroupLabel component is the label for a group of menu items.
|
|
93
84
|
* @definition [Cerberus docs](https://cerberus.digitalu.design/react/menu/dev)
|
|
@@ -106,10 +97,7 @@ export declare const MenuItemGroup: {
|
|
|
106
97
|
* </MenuContent>
|
|
107
98
|
* </Menu>
|
|
108
99
|
*/
|
|
109
|
-
export declare const MenuGroupLabel:
|
|
110
|
-
(internalProps: CerberusPrimitiveProps< MenuItemGroupLabelProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
|
|
111
|
-
displayName: string;
|
|
112
|
-
};
|
|
100
|
+
export declare const MenuGroupLabel: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps< MenuItemGroupLabelProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
|
|
113
101
|
/**
|
|
114
102
|
* The MenuSeparator component is a visual divider between menu items.
|
|
115
103
|
* @definition [Cerberus docs](https://cerberus.digitalu.design/react/menu/dev)
|
|
@@ -129,7 +117,4 @@ export declare const MenuGroupLabel: {
|
|
|
129
117
|
* </MenuContent>
|
|
130
118
|
* </Menu>
|
|
131
119
|
*/
|
|
132
|
-
export declare const MenuSeparator:
|
|
133
|
-
(internalProps: CerberusPrimitiveProps< MenuSeparatorProps & RefAttributes<HTMLHRElement>>): import("react/jsx-runtime").JSX.Element;
|
|
134
|
-
displayName: string;
|
|
135
|
-
};
|
|
120
|
+
export declare const MenuSeparator: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps< MenuSeparatorProps & RefAttributes<HTMLHRElement>>, "ref"> & RefAttributes<HTMLElement>>;
|