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