@me1a/ui 2.0.16 → 2.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (91) hide show
  1. package/dist/chunk-472YNZU2.mjs +2 -0
  2. package/dist/chunk-472YNZU2.mjs.map +1 -0
  3. package/dist/chunk-7ID4QLIR.js +2 -0
  4. package/dist/chunk-7ID4QLIR.js.map +1 -0
  5. package/dist/chunk-7NSRDJ5C.mjs +2 -0
  6. package/dist/chunk-7NSRDJ5C.mjs.map +1 -0
  7. package/dist/chunk-BHENTOFB.js +2 -0
  8. package/dist/chunk-BHENTOFB.js.map +1 -0
  9. package/dist/chunk-FWZYVYLU.mjs +2 -0
  10. package/dist/chunk-FWZYVYLU.mjs.map +1 -0
  11. package/dist/chunk-GATZOHQ6.js +2 -0
  12. package/dist/chunk-GATZOHQ6.js.map +1 -0
  13. package/dist/chunk-GH5JAZCC.js +2 -0
  14. package/dist/chunk-GH5JAZCC.js.map +1 -0
  15. package/dist/chunk-H3TEQK57.mjs +2 -0
  16. package/dist/chunk-H3TEQK57.mjs.map +1 -0
  17. package/dist/chunk-IPKT3LIP.js +2 -0
  18. package/dist/chunk-IPKT3LIP.js.map +1 -0
  19. package/dist/chunk-K7EIJSYQ.js +2 -0
  20. package/dist/chunk-K7EIJSYQ.js.map +1 -0
  21. package/dist/chunk-KITWXTCP.js +2 -0
  22. package/dist/chunk-KITWXTCP.js.map +1 -0
  23. package/dist/chunk-NCY2ZNET.js +2 -0
  24. package/dist/chunk-NCY2ZNET.js.map +1 -0
  25. package/dist/chunk-OAVWSSYJ.mjs +2 -0
  26. package/dist/chunk-OAVWSSYJ.mjs.map +1 -0
  27. package/dist/chunk-Q6STEQO7.js +2 -0
  28. package/dist/chunk-Q6STEQO7.js.map +1 -0
  29. package/dist/chunk-QY2HB6BB.mjs +2 -0
  30. package/dist/chunk-QY2HB6BB.mjs.map +1 -0
  31. package/dist/chunk-RMPK4VVB.js +2 -0
  32. package/dist/chunk-RMPK4VVB.js.map +1 -0
  33. package/dist/chunk-SWBVTAUB.mjs +2 -0
  34. package/dist/chunk-SWBVTAUB.mjs.map +1 -0
  35. package/dist/chunk-SXXL472R.mjs +2 -0
  36. package/dist/chunk-SXXL472R.mjs.map +1 -0
  37. package/dist/chunk-T26KLXLH.mjs +2 -0
  38. package/dist/chunk-T26KLXLH.mjs.map +1 -0
  39. package/dist/chunk-XY7LUWOK.mjs +2 -0
  40. package/dist/chunk-XY7LUWOK.mjs.map +1 -0
  41. package/dist/chunk-YXIEDY5R.mjs +2 -0
  42. package/dist/chunk-YXIEDY5R.mjs.map +1 -0
  43. package/dist/chunk-ZEUOBWG4.js +2 -0
  44. package/dist/chunk-ZEUOBWG4.js.map +1 -0
  45. package/dist/components/atoms/index.d.mts +496 -0
  46. package/dist/components/atoms/index.d.ts +496 -0
  47. package/dist/components/atoms/index.js +2 -0
  48. package/dist/components/atoms/index.js.map +1 -0
  49. package/dist/components/atoms/index.mjs +2 -0
  50. package/dist/components/atoms/index.mjs.map +1 -0
  51. package/dist/components/molecules/index.d.mts +368 -0
  52. package/dist/components/molecules/index.d.ts +368 -0
  53. package/dist/components/molecules/index.js +2 -0
  54. package/dist/components/molecules/index.js.map +1 -0
  55. package/dist/components/molecules/index.mjs +2 -0
  56. package/dist/components/molecules/index.mjs.map +1 -0
  57. package/dist/components/organisms/index.d.mts +531 -0
  58. package/dist/components/organisms/index.d.ts +531 -0
  59. package/dist/components/organisms/index.js +2 -0
  60. package/dist/components/organisms/index.js.map +1 -0
  61. package/dist/components/organisms/index.mjs +2 -0
  62. package/dist/components/organisms/index.mjs.map +1 -0
  63. package/dist/hooks/index.d.mts +3 -0
  64. package/dist/hooks/index.d.ts +3 -0
  65. package/dist/hooks/index.js +2 -0
  66. package/dist/hooks/index.js.map +1 -0
  67. package/dist/hooks/index.mjs +2 -0
  68. package/dist/hooks/index.mjs.map +1 -0
  69. package/dist/index.d.mts +22 -1480
  70. package/dist/index.d.ts +22 -1480
  71. package/dist/index.js +1 -1
  72. package/dist/index.js.map +1 -1
  73. package/dist/index.mjs +1 -1
  74. package/dist/index.mjs.map +1 -1
  75. package/dist/input-TJ_d3ROF.d.mts +12 -0
  76. package/dist/input-TJ_d3ROF.d.ts +12 -0
  77. package/dist/tooltip-Vd-UgSJF.d.mts +104 -0
  78. package/dist/tooltip-Vd-UgSJF.d.ts +104 -0
  79. package/dist/types/index.d.mts +2 -0
  80. package/dist/types/index.d.ts +2 -0
  81. package/dist/types/index.js +2 -0
  82. package/dist/types/index.js.map +1 -0
  83. package/dist/types/index.mjs +2 -0
  84. package/dist/types/index.mjs.map +1 -0
  85. package/dist/utils/index.d.mts +5 -0
  86. package/dist/utils/index.d.ts +5 -0
  87. package/dist/utils/index.js +2 -0
  88. package/dist/utils/index.js.map +1 -0
  89. package/dist/utils/index.mjs +2 -0
  90. package/dist/utils/index.mjs.map +1 -0
  91. package/package.json +9 -7
@@ -0,0 +1,496 @@
1
+ export { B as Button, a as ButtonProps, T as Tooltip, d as TooltipContent, e as TooltipProvider, c as TooltipTrigger, b as buttonVariants } from '../../tooltip-Vd-UgSJF.js';
2
+ import * as class_variance_authority_types from 'class-variance-authority/types';
3
+ import * as React$1 from 'react';
4
+ import { VariantProps } from 'class-variance-authority';
5
+ import * as react_jsx_runtime from 'react/jsx-runtime';
6
+ import * as DialogPrimitive from '@radix-ui/react-dialog';
7
+ export { I as Input } from '../../input-TJ_d3ROF.js';
8
+ import * as SeparatorPrimitive from '@radix-ui/react-separator';
9
+ import * as AvatarPrimitive from '@radix-ui/react-avatar';
10
+ import * as LabelPrimitive from '@radix-ui/react-label';
11
+ import '@radix-ui/react-tooltip';
12
+
13
+ /**
14
+ * Props interface for the TextField component.
15
+ * Extends the native input HTML attributes and adds support for variants and icons.
16
+ *
17
+ * @interface TextFieldProps
18
+ * @extends {React.InputHTMLAttributes<HTMLInputElement>}
19
+ * @extends {VariantProps<typeof textFieldVariants>}
20
+ *
21
+ * @property {string} [variant] - The visual style variant of the text field.
22
+ * @property {string} [size] - The size variant of the text field.
23
+ * @property {string} [className] - Additional CSS classes to apply to the text field.
24
+ * @property {React.ReactNode} [startIcon] - Icon to display before the input.
25
+ * @property {React.ReactNode} [endIcon] - Icon to display after the input.
26
+ * @property {boolean} [loading] - Whether the text field is in a loading state.
27
+ * @property {string} [error] - Error message to display below the text field.
28
+ * @property {string} [label] - Label text for the text field.
29
+ * @property {string} [helperText] - Helper text to display below the text field.
30
+ */
31
+ interface TextFieldProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof textFieldVariants> {
32
+ startIcon?: React$1.ReactNode;
33
+ endIcon?: React$1.ReactNode;
34
+ loading?: boolean;
35
+ error?: string;
36
+ label?: string;
37
+ helperText?: string;
38
+ }
39
+
40
+ /**
41
+ * Text field variant styles using class-variance-authority.
42
+ * Defines the visual styles for different text field variants and sizes.
43
+ */
44
+ declare const textFieldVariants: (props?: ({
45
+ variant?: "default" | "error" | null | undefined;
46
+ size?: "default" | "sm" | "lg" | null | undefined;
47
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
48
+ /**
49
+ * A versatile text field component that supports multiple variants, sizes, and icons.
50
+ * Built on top of shadcn/ui's Input component.
51
+ *
52
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-text-field--docs
53
+ *
54
+ * @component
55
+ * @example
56
+ * ```tsx
57
+ * // Default text field
58
+ * <TextField placeholder="Enter text" />
59
+ *
60
+ * // With icons
61
+ * <TextField startIcon={<SearchIcon />} placeholder="Search..." />
62
+ * <TextField endIcon={<CalendarIcon />} placeholder="Select date" />
63
+ *
64
+ * // With loading state
65
+ * <TextField loading placeholder="Loading..." />
66
+ *
67
+ * // With error
68
+ * <TextField error="Invalid input" placeholder="Enter text" />
69
+ * ```
70
+ */
71
+ declare const TextField: React$1.ForwardRefExoticComponent<TextFieldProps & React$1.RefAttributes<HTMLInputElement>>;
72
+
73
+ interface ContainerProps extends React$1.HTMLAttributes<HTMLDivElement> {
74
+ /**
75
+ * The maximum width of the container.
76
+ * - "sm": 640px
77
+ * - "md": 768px
78
+ * - "lg": 1024px
79
+ * - "xl": 1280px
80
+ * - "full": 100%
81
+ * - false: No max-width (fluid)
82
+ *
83
+ * @default "lg"
84
+ */
85
+ maxWidth?: "sm" | "md" | "lg" | "xl" | "full" | false;
86
+ /**
87
+ * Whether to disable the default horizontal padding.
88
+ * When true, removes the default padding (px-4 sm:px-6 lg:px-8).
89
+ *
90
+ * @default false
91
+ */
92
+ disablePadding?: boolean;
93
+ /**
94
+ * Whether to make the container fluid (no max-width).
95
+ * When true, the container will expand to fill its parent's width.
96
+ *
97
+ * @default false
98
+ */
99
+ fluid?: boolean;
100
+ }
101
+ declare const Container: React$1.ForwardRefExoticComponent<ContainerProps & React$1.RefAttributes<HTMLDivElement>>;
102
+
103
+ /**
104
+ * Box is a fundamental layout component that serves as a building block for other components.
105
+ * It's a polymorphic component that can render as different HTML elements while maintaining
106
+ * consistent styling and behavior.
107
+ *
108
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-box--docs
109
+ *
110
+ * @example
111
+ * ```tsx
112
+ * // Basic usage
113
+ * <Box>Content</Box>
114
+ *
115
+ * // As a different element
116
+ * <Box as="section">Section content</Box>
117
+ *
118
+ * // With custom className
119
+ * <Box className="bg-primary text-white p-4">Styled content</Box>
120
+ *
121
+ * // With custom dimensions
122
+ * <Box width="100px" height="200px">Fixed size content</Box>
123
+ * <Box width="50%" height="auto">Responsive content</Box>
124
+ * ```
125
+ */
126
+
127
+ type BoxComponent = "div" | "span" | "section" | "article" | "main" | "aside" | "header" | "footer" | "nav";
128
+ type DimensionValue = string | number;
129
+ interface BoxProps extends React$1.HTMLAttributes<HTMLDivElement> {
130
+ /**
131
+ * The HTML element to render the Box as.
132
+ * This allows for semantic HTML while maintaining consistent styling.
133
+ *
134
+ * @default "div"
135
+ */
136
+ as?: BoxComponent;
137
+ /**
138
+ * The width of the Box component.
139
+ * Can be a number (interpreted as pixels) or a string (e.g., "100%", "50px", "10rem").
140
+ */
141
+ width?: DimensionValue;
142
+ /**
143
+ * The height of the Box component.
144
+ * Can be a number (interpreted as pixels) or a string (e.g., "100%", "50px", "10rem").
145
+ */
146
+ height?: DimensionValue;
147
+ }
148
+ declare const Box: React$1.ForwardRefExoticComponent<BoxProps & React$1.RefAttributes<HTMLDivElement>>;
149
+
150
+ /**
151
+ * Stack is a layout component that arranges its children in a vertical or horizontal stack
152
+ * with consistent spacing between items. It's built on top of Flexbox and provides
153
+ * a simple way to create consistent layouts.
154
+ *
155
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-stack--docs
156
+ *
157
+ * @example
158
+ * ```tsx
159
+ * // Basic vertical stack
160
+ * <Stack>
161
+ * <div>Item 1</div>
162
+ * <div>Item 2</div>
163
+ * <div>Item 3</div>
164
+ * </Stack>
165
+ *
166
+ * // Horizontal stack with custom spacing
167
+ * <Stack direction="horizontal" spacing="lg">
168
+ * <div>Item 1</div>
169
+ * <div>Item 2</div>
170
+ * </Stack>
171
+ *
172
+ * // Centered stack with wrapping
173
+ * <Stack direction="horizontal" center wrap>
174
+ * <div>Item 1</div>
175
+ * <div>Item 2</div>
176
+ * <div>Item 3</div>
177
+ * </Stack>
178
+ *
179
+ * // Stack with custom alignment
180
+ * <Stack align="center" justify="between">
181
+ * <div>Left</div>
182
+ * <div>Center</div>
183
+ * <div>Right</div>
184
+ * </Stack>
185
+ *
186
+ * // Stack with custom dimensions
187
+ * <Stack width="100%" height="200px">
188
+ * <div>Full width, fixed height stack</div>
189
+ * </Stack>
190
+ * ```
191
+ */
192
+
193
+ interface StackProps extends React$1.HTMLAttributes<HTMLDivElement> {
194
+ /**
195
+ * The direction in which to stack the items.
196
+ * - "vertical": Items are stacked top to bottom
197
+ * - "horizontal": Items are stacked left to right
198
+ *
199
+ * @default "vertical"
200
+ */
201
+ direction?: "vertical" | "horizontal";
202
+ /**
203
+ * The spacing between items in the stack.
204
+ * - "none": 0px
205
+ * - "xs": 0.25rem (4px)
206
+ * - "sm": 0.5rem (8px)
207
+ * - "md": 1rem (16px)
208
+ * - "lg": 1.5rem (24px)
209
+ * - "xl": 2rem (32px)
210
+ *
211
+ * @default "md"
212
+ */
213
+ spacing?: "none" | "xs" | "sm" | "md" | "lg" | "xl";
214
+ /**
215
+ * Whether to allow items to wrap to the next line when they don't fit.
216
+ * Only applies to horizontal stacks.
217
+ *
218
+ * @default false
219
+ */
220
+ wrap?: boolean;
221
+ /**
222
+ * Whether to center items both horizontally and vertically.
223
+ * This is a shorthand for setting both align and justify to "center".
224
+ *
225
+ * @default false
226
+ */
227
+ center?: boolean;
228
+ /**
229
+ * How to justify items along the main axis.
230
+ * - "start": Items are packed toward the start
231
+ * - "end": Items are packed toward the end
232
+ * - "center": Items are centered
233
+ * - "between": Items are evenly distributed with first item at start and last at end
234
+ * - "around": Items are evenly distributed with equal space around them
235
+ * - "evenly": Items are distributed so that the spacing between any two items is equal
236
+ *
237
+ * @default undefined
238
+ */
239
+ justify?: "start" | "end" | "center" | "between" | "around" | "evenly";
240
+ /**
241
+ * How to align items along the cross axis.
242
+ * - "start": Items are aligned at the start
243
+ * - "end": Items are aligned at the end
244
+ * - "center": Items are centered
245
+ * - "stretch": Items are stretched to fill the container
246
+ * - "baseline": Items are aligned at their baselines
247
+ *
248
+ * @default undefined
249
+ */
250
+ align?: "start" | "end" | "center" | "stretch" | "baseline";
251
+ /**
252
+ * The width of the stack container.
253
+ * Can be any valid CSS width value (e.g., "100%", "200px", "50vw").
254
+ *
255
+ * @default undefined
256
+ */
257
+ width?: string;
258
+ /**
259
+ * The height of the stack container.
260
+ * Can be any valid CSS height value (e.g., "100%", "200px", "50vh").
261
+ *
262
+ * @default undefined
263
+ */
264
+ height?: string;
265
+ }
266
+ declare const Stack: React$1.ForwardRefExoticComponent<StackProps & React$1.RefAttributes<HTMLDivElement>>;
267
+
268
+ /**
269
+ * Dialog component for creating accessible dialogs with overlay and content.
270
+ * Built on top of Radix UI's Dialog primitive.
271
+ *
272
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-dialog--docs
273
+ *
274
+ * @example
275
+ * ```tsx
276
+ * <Dialog>
277
+ * <DialogTrigger>Open Dialog</DialogTrigger>
278
+ * <DialogContent>Dialog Content</DialogContent>
279
+ * </Dialog>
280
+ */
281
+ declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
282
+ declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
283
+ declare const DialogPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
284
+ declare const DialogClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
285
+ declare const DialogOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
286
+ declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
287
+ declare const DialogHeader: {
288
+ ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
289
+ displayName: string;
290
+ };
291
+ declare const DialogFooter: {
292
+ ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
293
+ displayName: string;
294
+ };
295
+ declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
296
+ declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
297
+
298
+ /**
299
+ * Separator component for creating horizontal or vertical dividers.
300
+ * Built on top of Radix UI's Separator primitive.
301
+ *
302
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-separator--docs
303
+ *
304
+ */
305
+ declare const Separator: React$1.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
306
+
307
+ /**
308
+ * Sheet component for creating accessible sheets with overlay and content.
309
+ * Built on top of Radix UI's Sheet primitive.
310
+ *
311
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-sheet--docs
312
+ *
313
+ * @example
314
+ * ```tsx
315
+ * <Sheet>
316
+ * <SheetTrigger>Open Sheet</SheetTrigger>
317
+ * <SheetContent>Sheet Content</SheetContent>
318
+ * </Sheet>
319
+ */
320
+ declare const Sheet: React$1.FC<DialogPrimitive.DialogProps>;
321
+ declare const SheetTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
322
+ declare const SheetClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
323
+ declare const SheetPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
324
+ declare const SheetOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
325
+ declare const sheetVariants: (props?: ({
326
+ side?: "left" | "right" | "bottom" | "top" | null | undefined;
327
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
328
+ interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
329
+ }
330
+ declare const SheetContent: React$1.ForwardRefExoticComponent<SheetContentProps & React$1.RefAttributes<HTMLDivElement>>;
331
+ declare const SheetHeader: {
332
+ ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
333
+ displayName: string;
334
+ };
335
+ declare const SheetFooter: {
336
+ ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
337
+ displayName: string;
338
+ };
339
+ declare const SheetTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
340
+ declare const SheetDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
341
+
342
+ /**
343
+ * Skeleton component for creating a loading state.
344
+ * Built on top of shadcn/ui's Skeleton component.
345
+ *
346
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-skeleton--docs
347
+ *
348
+ * @example
349
+ * ```tsx
350
+ * <Skeleton className="w-10 h-10" />
351
+ * ```
352
+ */
353
+ declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
354
+
355
+ /**
356
+ * Avatar component that displays a user's profile picture or fallback.
357
+ * Built on top of Radix UI's Avatar primitive.
358
+ *
359
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-avatar--docs
360
+ *
361
+ * @example
362
+ * ```tsx
363
+ * <Avatar>
364
+ * <AvatarImage src="/path/to/image.jpg" alt="User avatar" />
365
+ * <AvatarFallback>JD</AvatarFallback>
366
+ * </Avatar>
367
+ * ```
368
+ */
369
+ declare const Avatar: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
370
+ /**
371
+ * AvatarImage component that displays the user's profile picture.
372
+ * Falls back to AvatarFallback if the image fails to load.
373
+ */
374
+ declare const AvatarImage: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React$1.RefAttributes<HTMLImageElement>, "ref"> & React$1.RefAttributes<HTMLImageElement>>;
375
+ /**
376
+ * AvatarFallback component that displays when the image fails to load.
377
+ * Typically shows the user's initials or a placeholder icon.
378
+ */
379
+ declare const AvatarFallback: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
380
+
381
+ type AvatarProps = React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>;
382
+ type AvatarImageProps = React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>;
383
+ type AvatarFallbackProps = React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>;
384
+
385
+ declare const badgeVariants: (props?: ({
386
+ variant?: "default" | "destructive" | "outline" | "secondary" | "success" | "warning" | "info" | null | undefined;
387
+ size?: "default" | "sm" | "lg" | null | undefined;
388
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
389
+
390
+ interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
391
+ /**
392
+ * The content to display inside the badge
393
+ */
394
+ children: React.ReactNode;
395
+ /**
396
+ * Optional icon to display before the badge content
397
+ */
398
+ icon?: React.ReactNode;
399
+ /**
400
+ * Optional icon to display after the badge content
401
+ */
402
+ iconAfter?: React.ReactNode;
403
+ }
404
+
405
+ /**
406
+ * Badge component for displaying status, counts, or labels.
407
+ * Supports various variants, sizes, and optional icons.
408
+ *
409
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-badge--docs
410
+ *
411
+ * @example
412
+ * ```tsx
413
+ * <Badge variant="success">Active</Badge>
414
+ * <Badge variant="warning" icon={<AlertIcon />}>Warning</Badge>
415
+ * <Badge variant="info" size="lg" iconAfter={<ArrowIcon />}>New</Badge>
416
+ * ```
417
+ */
418
+ declare const Badge: React$1.ForwardRefExoticComponent<BadgeProps & React$1.RefAttributes<HTMLDivElement>>;
419
+
420
+ declare const typographyVariants: (props?: ({
421
+ variant?: "list" | "small" | "blockquote" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "muted" | "large" | "lead" | null | undefined;
422
+ align?: "center" | "left" | "right" | "justify" | null | undefined;
423
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
424
+ interface TypographyProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<typeof typographyVariants> {
425
+ as?: React$1.ElementType;
426
+ }
427
+ /**
428
+ * Typography component for creating accessible text elements.
429
+ * Built on top of shadcn/ui's Typography component.
430
+ *
431
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-typography--docs
432
+ *
433
+ */
434
+ declare const Typography: React$1.ForwardRefExoticComponent<TypographyProps & React$1.RefAttributes<HTMLElement>>;
435
+
436
+ type TypographyVariant = NonNullable<VariantProps<typeof typographyVariants>["variant"]>;
437
+ type TypographyAlign = NonNullable<VariantProps<typeof typographyVariants>["align"]>;
438
+
439
+ interface PageLoaderProps$1 {
440
+ /**
441
+ * Optional className to extend the component's styles
442
+ */
443
+ className?: string;
444
+ /**
445
+ * Optional size of the loader (default: "default")
446
+ */
447
+ size?: "sm" | "default" | "lg";
448
+ /**
449
+ * Optional text to display below the loader
450
+ */
451
+ text?: string;
452
+ /**
453
+ * Optional color of the loader (default: "primary")
454
+ */
455
+ color?: "primary" | "secondary" | "accent" | "muted" | "destructive" | string;
456
+ }
457
+ /**
458
+ * PageLoader component for displaying a loading indicator.
459
+ *
460
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-page-loader--docs
461
+ *
462
+ */
463
+ declare function PageLoader({ className, size, text, color }: PageLoaderProps$1): react_jsx_runtime.JSX.Element;
464
+
465
+ interface PageLoaderProps {
466
+ /**
467
+ * Optional className to extend the component's styles
468
+ */
469
+ className?: string;
470
+ /**
471
+ * Optional size of the loader (default: "default")
472
+ */
473
+ size?: "sm" | "default" | "lg";
474
+ /**
475
+ * Optional text to display below the loader
476
+ */
477
+ text?: string;
478
+ /**
479
+ * Optional color of the loader (default: "primary")
480
+ */
481
+ color?: "primary" | "secondary" | "accent" | "muted" | "destructive" | string;
482
+ }
483
+
484
+ declare const labelVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
485
+ interface LabelProps extends React$1.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>, VariantProps<typeof labelVariants> {
486
+ }
487
+ /**
488
+ * Label component for creating accessible labels.
489
+ * Built on top of Radix UI's Label primitive.
490
+ *
491
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-label--docs
492
+ *
493
+ */
494
+ declare const Label: React$1.ForwardRefExoticComponent<LabelProps & React$1.RefAttributes<HTMLLabelElement>>;
495
+
496
+ export { Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, Box, type BoxProps, Container, type ContainerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Label, type LabelProps, PageLoader, type PageLoaderProps, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Stack, type StackProps, TextField, type TextFieldProps, Typography, type TypographyAlign, type TypographyProps, type TypographyVariant, badgeVariants, typographyVariants };
@@ -0,0 +1,2 @@
1
+ 'use strict';var chunkBHENTOFB_js=require('../../chunk-BHENTOFB.js'),chunkIPKT3LIP_js=require('../../chunk-IPKT3LIP.js'),chunkZEUOBWG4_js=require('../../chunk-ZEUOBWG4.js'),chunkGH5JAZCC_js=require('../../chunk-GH5JAZCC.js');require('../../chunk-KITWXTCP.js'),require('../../chunk-NCY2ZNET.js');Object.defineProperty(exports,"Avatar",{enumerable:true,get:function(){return chunkBHENTOFB_js.o}});Object.defineProperty(exports,"AvatarFallback",{enumerable:true,get:function(){return chunkBHENTOFB_js.q}});Object.defineProperty(exports,"AvatarImage",{enumerable:true,get:function(){return chunkBHENTOFB_js.p}});Object.defineProperty(exports,"Badge",{enumerable:true,get:function(){return chunkBHENTOFB_js.s}});Object.defineProperty(exports,"Box",{enumerable:true,get:function(){return chunkBHENTOFB_js.c}});Object.defineProperty(exports,"Container",{enumerable:true,get:function(){return chunkBHENTOFB_js.b}});Object.defineProperty(exports,"Dialog",{enumerable:true,get:function(){return chunkBHENTOFB_js.e}});Object.defineProperty(exports,"DialogClose",{enumerable:true,get:function(){return chunkBHENTOFB_js.h}});Object.defineProperty(exports,"DialogContent",{enumerable:true,get:function(){return chunkBHENTOFB_js.j}});Object.defineProperty(exports,"DialogDescription",{enumerable:true,get:function(){return chunkBHENTOFB_js.n}});Object.defineProperty(exports,"DialogFooter",{enumerable:true,get:function(){return chunkBHENTOFB_js.l}});Object.defineProperty(exports,"DialogHeader",{enumerable:true,get:function(){return chunkBHENTOFB_js.k}});Object.defineProperty(exports,"DialogOverlay",{enumerable:true,get:function(){return chunkBHENTOFB_js.i}});Object.defineProperty(exports,"DialogPortal",{enumerable:true,get:function(){return chunkBHENTOFB_js.g}});Object.defineProperty(exports,"DialogTitle",{enumerable:true,get:function(){return chunkBHENTOFB_js.m}});Object.defineProperty(exports,"DialogTrigger",{enumerable:true,get:function(){return chunkBHENTOFB_js.f}});Object.defineProperty(exports,"PageLoader",{enumerable:true,get:function(){return chunkBHENTOFB_js.v}});Object.defineProperty(exports,"Stack",{enumerable:true,get:function(){return chunkBHENTOFB_js.d}});Object.defineProperty(exports,"TextField",{enumerable:true,get:function(){return chunkBHENTOFB_js.a}});Object.defineProperty(exports,"Typography",{enumerable:true,get:function(){return chunkBHENTOFB_js.u}});Object.defineProperty(exports,"badgeVariants",{enumerable:true,get:function(){return chunkBHENTOFB_js.r}});Object.defineProperty(exports,"typographyVariants",{enumerable:true,get:function(){return chunkBHENTOFB_js.t}});Object.defineProperty(exports,"Label",{enumerable:true,get:function(){return chunkIPKT3LIP_js.a}});Object.defineProperty(exports,"Button",{enumerable:true,get:function(){return chunkZEUOBWG4_js.b}});Object.defineProperty(exports,"Separator",{enumerable:true,get:function(){return chunkZEUOBWG4_js.c}});Object.defineProperty(exports,"Sheet",{enumerable:true,get:function(){return chunkZEUOBWG4_js.d}});Object.defineProperty(exports,"SheetClose",{enumerable:true,get:function(){return chunkZEUOBWG4_js.f}});Object.defineProperty(exports,"SheetContent",{enumerable:true,get:function(){return chunkZEUOBWG4_js.i}});Object.defineProperty(exports,"SheetDescription",{enumerable:true,get:function(){return chunkZEUOBWG4_js.m}});Object.defineProperty(exports,"SheetFooter",{enumerable:true,get:function(){return chunkZEUOBWG4_js.k}});Object.defineProperty(exports,"SheetHeader",{enumerable:true,get:function(){return chunkZEUOBWG4_js.j}});Object.defineProperty(exports,"SheetOverlay",{enumerable:true,get:function(){return chunkZEUOBWG4_js.h}});Object.defineProperty(exports,"SheetPortal",{enumerable:true,get:function(){return chunkZEUOBWG4_js.g}});Object.defineProperty(exports,"SheetTitle",{enumerable:true,get:function(){return chunkZEUOBWG4_js.l}});Object.defineProperty(exports,"SheetTrigger",{enumerable:true,get:function(){return chunkZEUOBWG4_js.e}});Object.defineProperty(exports,"Skeleton",{enumerable:true,get:function(){return chunkZEUOBWG4_js.n}});Object.defineProperty(exports,"Tooltip",{enumerable:true,get:function(){return chunkZEUOBWG4_js.p}});Object.defineProperty(exports,"TooltipContent",{enumerable:true,get:function(){return chunkZEUOBWG4_js.r}});Object.defineProperty(exports,"TooltipProvider",{enumerable:true,get:function(){return chunkZEUOBWG4_js.o}});Object.defineProperty(exports,"TooltipTrigger",{enumerable:true,get:function(){return chunkZEUOBWG4_js.q}});Object.defineProperty(exports,"buttonVariants",{enumerable:true,get:function(){return chunkZEUOBWG4_js.a}});Object.defineProperty(exports,"Input",{enumerable:true,get:function(){return chunkGH5JAZCC_js.a}});//# sourceMappingURL=index.js.map
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}
@@ -0,0 +1,2 @@
1
+ export{o as Avatar,q as AvatarFallback,p as AvatarImage,s as Badge,c as Box,b as Container,e as Dialog,h as DialogClose,j as DialogContent,n as DialogDescription,l as DialogFooter,k as DialogHeader,i as DialogOverlay,g as DialogPortal,m as DialogTitle,f as DialogTrigger,v as PageLoader,d as Stack,a as TextField,u as Typography,r as badgeVariants,t as typographyVariants}from'../../chunk-YXIEDY5R.mjs';export{a as Label}from'../../chunk-QY2HB6BB.mjs';export{b as Button,c as Separator,d as Sheet,f as SheetClose,i as SheetContent,m as SheetDescription,k as SheetFooter,j as SheetHeader,h as SheetOverlay,g as SheetPortal,l as SheetTitle,e as SheetTrigger,n as Skeleton,p as Tooltip,r as TooltipContent,o as TooltipProvider,q as TooltipTrigger,a as buttonVariants}from'../../chunk-FWZYVYLU.mjs';export{a as Input}from'../../chunk-472YNZU2.mjs';import'../../chunk-OAVWSSYJ.mjs';import'../../chunk-H3TEQK57.mjs';//# sourceMappingURL=index.mjs.map
2
+ //# sourceMappingURL=index.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs"}