@brycks/core-front 0.12.0 → 0.12.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/utility.d.ts DELETED
@@ -1,278 +0,0 @@
1
- import { ButtonHTMLAttributes } from 'react';
2
- import { CSSProperties } from 'react';
3
- import { ForwardRefExoticComponent } from 'react';
4
- import { HTMLAttributes } from 'react';
5
- import { JSX } from 'react/jsx-runtime';
6
- import { ReactNode } from 'react';
7
- import { RefAttributes } from 'react';
8
-
9
- export declare const Avatar: ForwardRefExoticComponent<AvatarProps & RefAttributes<HTMLButtonElement | HTMLDivElement>>;
10
-
11
- export declare interface AvatarProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
12
- /** Size of the avatar */
13
- size?: AvatarSize;
14
- /** Name to display initials from */
15
- name?: string;
16
- /** Image source URL */
17
- src?: string;
18
- /** Alt text for the image */
19
- alt?: string;
20
- /** Custom content to render inside */
21
- children?: ReactNode;
22
- /** Whether the avatar is interactive (button) or static (div) */
23
- interactive?: boolean;
24
- /** Custom class name */
25
- className?: string;
26
- /** Test ID */
27
- testId?: string;
28
- }
29
-
30
- export declare type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
31
-
32
- export declare const Badge: ForwardRefExoticComponent<BadgeProps & RefAttributes<HTMLSpanElement>>;
33
-
34
- export declare type BadgeIntent = 'neutral' | 'primary' | 'accent' | 'success' | 'warning' | 'error' | 'info';
35
-
36
- export declare interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
37
- /** Visual variant */
38
- variant?: BadgeVariant;
39
- /** Color intent */
40
- intent?: BadgeIntent;
41
- /** Size */
42
- size?: BadgeSize;
43
- /** Show a leading status dot in the intent color (a non-color status cue) */
44
- dot?: boolean;
45
- /** Leading icon (e.g. a HugeIcon). Prefer this over emoji as a label icon */
46
- leftIcon?: ReactNode;
47
- /** Custom class name */
48
- className?: string;
49
- /** Test ID */
50
- testId?: string;
51
- /** Badge content */
52
- children?: ReactNode;
53
- }
54
-
55
- export declare type BadgeSize = 'sm' | 'md' | 'lg';
56
-
57
- export declare type BadgeVariant = 'solid' | 'subtle' | 'outline';
58
-
59
- export declare const Divider: ForwardRefExoticComponent<DividerProps & RefAttributes<HTMLDivElement>>;
60
-
61
- export declare type DividerOrientation = 'horizontal' | 'vertical';
62
-
63
- export declare interface DividerProps extends HTMLAttributes<HTMLDivElement> {
64
- /** Divider orientation */
65
- orientation?: DividerOrientation;
66
- /** Visual variant */
67
- variant?: DividerVariant;
68
- /** Label text in the middle */
69
- label?: ReactNode;
70
- /** Label position */
71
- labelPosition?: 'start' | 'center' | 'end';
72
- /** Custom class name */
73
- className?: string;
74
- /** Test ID */
75
- testId?: string;
76
- }
77
-
78
- export declare type DividerVariant = 'solid' | 'dashed' | 'dotted';
79
-
80
- export declare const EmptyState: ForwardRefExoticComponent<EmptyStateProps & RefAttributes<HTMLDivElement>>;
81
-
82
- /** Default empty state icon */
83
- export declare function EmptyStateIcon({ size }: {
84
- size?: number;
85
- }): JSX.Element;
86
-
87
- export declare namespace EmptyStateIcon {
88
- var displayName: string;
89
- }
90
-
91
- export declare interface EmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
92
- /** Icon or illustration */
93
- icon?: ReactNode;
94
- /** Title text */
95
- title?: ReactNode;
96
- /** Description text */
97
- description?: ReactNode;
98
- /** Action element (button, link) */
99
- action?: ReactNode;
100
- /** Secondary action */
101
- secondaryAction?: ReactNode;
102
- /** Custom class name */
103
- className?: string;
104
- /** Test ID */
105
- testId?: string;
106
- }
107
-
108
- export declare const FocusTrap: ForwardRefExoticComponent<FocusTrapProps & RefAttributes<HTMLDivElement>>;
109
-
110
- export declare interface FocusTrapProps {
111
- /** Content to trap focus within */
112
- children: ReactNode;
113
- /** Whether the focus trap is active */
114
- enabled?: boolean;
115
- /** Whether to auto-focus the first element */
116
- autoFocus?: boolean;
117
- /** Whether to restore focus on unmount */
118
- restoreFocus?: boolean;
119
- /** Initial element to focus (selector) */
120
- initialFocus?: string;
121
- /** Custom class name */
122
- className?: string;
123
- /** Custom inline styles */
124
- style?: CSSProperties;
125
- }
126
-
127
- export declare const Kbd: ForwardRefExoticComponent<KbdProps & RefAttributes<HTMLElement>>;
128
-
129
- export declare interface KbdProps extends HTMLAttributes<HTMLElement> {
130
- /** Size */
131
- size?: KbdSize;
132
- /** Custom class name */
133
- className?: string;
134
- /** Test ID */
135
- testId?: string;
136
- /** Key content */
137
- children?: ReactNode;
138
- }
139
-
140
- export declare type KbdSize = 'sm' | 'md';
141
-
142
- export declare const Loader: ForwardRefExoticComponent<LoaderProps & RefAttributes<HTMLDivElement>>;
143
-
144
- export declare interface LoaderProps extends HTMLAttributes<HTMLDivElement> {
145
- /** Loader size */
146
- size?: LoaderSize;
147
- /** Loader variant */
148
- variant?: LoaderVariant;
149
- /** Color (CSS value) */
150
- color?: string;
151
- /** Accessible label */
152
- label?: string;
153
- /** Custom class name */
154
- className?: string;
155
- /** Test ID */
156
- testId?: string;
157
- }
158
-
159
- export declare type LoaderSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
160
-
161
- export declare type LoaderVariant = 'spinner' | 'dots' | 'pulse';
162
-
163
- export declare const Logo: ForwardRefExoticComponent<LogoProps & RefAttributes<HTMLDivElement>>;
164
-
165
- export declare interface LogoProps extends HTMLAttributes<HTMLDivElement> {
166
- /** Size of the logo */
167
- size?: LogoSize;
168
- /** Content to display (usually a letter or icon) */
169
- children?: ReactNode;
170
- /** Custom class name */
171
- className?: string;
172
- /** Test ID */
173
- testId?: string;
174
- }
175
-
176
- export declare type LogoSize = 'sm' | 'md' | 'lg' | 'xl';
177
-
178
- export declare const Overlay: ForwardRefExoticComponent<OverlayProps & RefAttributes<HTMLDivElement>>;
179
-
180
- export declare interface OverlayProps extends HTMLAttributes<HTMLDivElement> {
181
- /** Whether the overlay is visible */
182
- isOpen: boolean;
183
- /** Callback when overlay is clicked */
184
- onClose?: () => void;
185
- /** Whether clicking the overlay closes it */
186
- closeOnClick?: boolean;
187
- /** Whether to apply backdrop blur */
188
- blur?: boolean;
189
- /** Blur intensity (in pixels) */
190
- blurAmount?: number;
191
- /** Background opacity (0-1) */
192
- opacity?: number;
193
- /** Whether to use a portal */
194
- usePortal?: boolean;
195
- /** Z-index for the overlay */
196
- zIndex?: number;
197
- /** Custom class name */
198
- className?: string;
199
- /** Test ID */
200
- testId?: string;
201
- }
202
-
203
- export declare function Portal({ children, container, disabled }: PortalProps): JSX.Element | null;
204
-
205
- export declare namespace Portal {
206
- var displayName: string;
207
- }
208
-
209
- export declare interface PortalProps {
210
- /** Content to render in the portal */
211
- children: ReactNode;
212
- /** Container element or selector to render into */
213
- container?: HTMLElement | string;
214
- /** Whether the portal is disabled (renders inline) */
215
- disabled?: boolean;
216
- }
217
-
218
- export declare const ScreenReaderOnly: ForwardRefExoticComponent<ScreenReaderOnlyProps & RefAttributes<HTMLSpanElement>>;
219
-
220
- export declare interface ScreenReaderOnlyProps extends HTMLAttributes<HTMLSpanElement> {
221
- /** Content to be read by screen readers */
222
- children: ReactNode;
223
- /** Whether to make content focusable (shows on focus) */
224
- focusable?: boolean;
225
- /** Custom class name */
226
- className?: string;
227
- /** Test ID */
228
- testId?: string;
229
- }
230
-
231
- export declare const Skeleton: ForwardRefExoticComponent<SkeletonProps & RefAttributes<HTMLDivElement>>;
232
-
233
- export declare interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {
234
- /** Skeleton variant */
235
- variant?: SkeletonVariant;
236
- /** Width */
237
- width?: string | number;
238
- /** Height */
239
- height?: string | number;
240
- /** Border radius (for rectangular variant) */
241
- radius?: string | number;
242
- /** Whether to animate */
243
- animate?: boolean;
244
- /** Custom class name */
245
- className?: string;
246
- /** Test ID */
247
- testId?: string;
248
- }
249
-
250
- export declare function SkeletonText({ lines, gap, lastLineWidth, className, }: SkeletonTextProps): JSX.Element;
251
-
252
- export declare namespace SkeletonText {
253
- var displayName: string;
254
- }
255
-
256
- /** Text skeleton with multiple lines */
257
- export declare interface SkeletonTextProps {
258
- /** Number of lines */
259
- lines?: number;
260
- /** Gap between lines */
261
- gap?: number;
262
- /** Last line width percentage */
263
- lastLineWidth?: string;
264
- /** Custom class name */
265
- className?: string;
266
- }
267
-
268
- export declare type SkeletonVariant = 'text' | 'circular' | 'rectangular';
269
-
270
- /** Alias for Loader */
271
- export declare const Spinner: ForwardRefExoticComponent<LoaderProps & RefAttributes<HTMLDivElement>>;
272
-
273
- /**
274
- * Alias for ScreenReaderOnly with a shorter name
275
- */
276
- export declare const SrOnly: ForwardRefExoticComponent<ScreenReaderOnlyProps & RefAttributes<HTMLSpanElement>>;
277
-
278
- export { }