adminium 1.0.1-patch.3 → 1.0.2
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/index.cjs +641 -62
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +227 -26
- package/dist/index.d.ts +227 -26
- package/dist/index.js +618 -65
- package/dist/index.js.map +1 -1
- package/dist/styles/adminium.css +431 -25
- package/package.json +15 -3
package/dist/index.d.cts
CHANGED
|
@@ -3,7 +3,7 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
|
|
|
3
3
|
import * as React$1 from 'react';
|
|
4
4
|
import { ReactNode, CSSProperties, HTMLAttributes, RefObject } from 'react';
|
|
5
5
|
import { VariantProps } from 'class-variance-authority';
|
|
6
|
-
import { AlertDialog as AlertDialog$1, Dialog as Dialog$1, Popover as Popover$1, Avatar as Avatar$1, Label as Label$1, ScrollArea as ScrollArea$1, Select as Select$1 } from 'radix-ui';
|
|
6
|
+
import { AlertDialog as AlertDialog$1, Dialog as Dialog$1, Popover as Popover$1, Avatar as Avatar$1, Tabs as Tabs$1, Label as Label$1, Switch as Switch$1, ScrollArea as ScrollArea$1, AspectRatio as AspectRatio$1, Select as Select$1 } from 'radix-ui';
|
|
7
7
|
import { LucideIcon } from 'lucide-react';
|
|
8
8
|
import { Drawer as Drawer$1 } from 'vaul';
|
|
9
9
|
import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
|
|
@@ -14,10 +14,10 @@ import * as SeparatorPrimitive from '@radix-ui/react-separator';
|
|
|
14
14
|
import { ClassValue } from 'clsx';
|
|
15
15
|
|
|
16
16
|
declare const alertVariants: (props?: ({
|
|
17
|
-
variant?: "
|
|
17
|
+
variant?: "secondary" | "primary" | "mono" | "destructive" | "success" | "info" | "warning" | null | undefined;
|
|
18
18
|
icon?: "primary" | "destructive" | "success" | "info" | "warning" | null | undefined;
|
|
19
|
-
appearance?: "
|
|
20
|
-
size?: "
|
|
19
|
+
appearance?: "stroke" | "outline" | "solid" | "light" | null | undefined;
|
|
20
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
21
21
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
22
22
|
interface AlertProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
|
|
23
23
|
close?: boolean;
|
|
@@ -32,20 +32,72 @@ declare function AlertToolbar({ children, className, ...props }: AlertIconProps)
|
|
|
32
32
|
declare function AlertDescription({ className, ...props }: React$1.HTMLAttributes<HTMLParagraphElement>): react_jsx_runtime.JSX.Element;
|
|
33
33
|
declare function AlertContent({ className, ...props }: React$1.HTMLAttributes<HTMLParagraphElement>): react_jsx_runtime.JSX.Element;
|
|
34
34
|
|
|
35
|
+
declare const buttonVariantConfig: {
|
|
36
|
+
readonly variant: {
|
|
37
|
+
readonly primary: "bg-primary text-primary-foreground hover:bg-primary/90 data-[state=open]:bg-primary/90";
|
|
38
|
+
readonly mono: "bg-zinc-950 text-white dark:bg-zinc-300 dark:text-black hover:bg-zinc-950/90 dark:hover:bg-zinc-300/90 data-[state=open]:bg-zinc-950/90 dark:data-[state=open]:bg-zinc-300/90";
|
|
39
|
+
readonly destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 data-[state=open]:bg-destructive/90";
|
|
40
|
+
readonly success: "bg-emerald-500 text-white hover:bg-emerald-600 data-[state=open]:bg-emerald-600";
|
|
41
|
+
readonly secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/90 data-[state=open]:bg-secondary/90";
|
|
42
|
+
readonly outline: "bg-background text-accent-foreground border border-input hover:bg-accent data-[state=open]:bg-accent";
|
|
43
|
+
readonly dashed: "text-accent-foreground border border-input border-dashed bg-background hover:bg-accent hover:text-accent-foreground data-[state=open]:text-accent-foreground";
|
|
44
|
+
readonly ghost: "text-accent-foreground hover:bg-accent hover:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground";
|
|
45
|
+
readonly dim: "text-muted-foreground hover:text-foreground data-[state=open]:text-foreground";
|
|
46
|
+
readonly foreground: "";
|
|
47
|
+
readonly inverse: "";
|
|
48
|
+
};
|
|
49
|
+
readonly appearance: {
|
|
50
|
+
readonly default: "";
|
|
51
|
+
readonly ghost: "";
|
|
52
|
+
};
|
|
53
|
+
readonly underline: {
|
|
54
|
+
readonly solid: "";
|
|
55
|
+
readonly dashed: "";
|
|
56
|
+
};
|
|
57
|
+
readonly underlined: {
|
|
58
|
+
readonly solid: "";
|
|
59
|
+
readonly dashed: "";
|
|
60
|
+
};
|
|
61
|
+
readonly size: {
|
|
62
|
+
readonly lg: "h-10 rounded-md px-4 text-sm gap-1.5 [&_svg:not([class*=size-])]:size-4";
|
|
63
|
+
readonly md: "h-8.5 rounded-md px-3 gap-1.5 text-[0.8125rem] leading-[var(--text-sm--line-height)] [&_svg:not([class*=size-])]:size-4";
|
|
64
|
+
readonly sm: "h-7 rounded-md px-2.5 gap-1.25 text-xs [&_svg:not([class*=size-])]:size-3.5";
|
|
65
|
+
readonly icon: "size-8.5 rounded-md [&_svg:not([class*=size-])]:size-4 shrink-0";
|
|
66
|
+
};
|
|
67
|
+
readonly autoHeight: {
|
|
68
|
+
readonly true: "";
|
|
69
|
+
readonly false: "";
|
|
70
|
+
};
|
|
71
|
+
readonly shape: {
|
|
72
|
+
readonly default: "";
|
|
73
|
+
readonly circle: "rounded-full";
|
|
74
|
+
};
|
|
75
|
+
readonly mode: {
|
|
76
|
+
readonly default: "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";
|
|
77
|
+
readonly icon: "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 shrink-0";
|
|
78
|
+
readonly link: "text-primary h-auto p-0 bg-transparent rounded-none hover:bg-transparent data-[state=open]:bg-transparent";
|
|
79
|
+
readonly input: "\n justify-start font-normal hover:bg-background [&_svg]:transition-colors [&_svg]:hover:text-foreground data-[state=open]:bg-background\n focus-visible:border-ring focus-visible:outline-hidden focus-visible:ring-[3px] focus-visible:ring-ring/30\n [[data-state=open]>&]:border-ring [[data-state=open]>&]:outline-hidden [[data-state=open]>&]:ring-[3px]\n [[data-state=open]>&]:ring-ring/30\n aria-invalid:border-destructive/60 aria-invalid:ring-destructive/10 dark:aria-invalid:border-destructive dark:aria-invalid:ring-destructive/20\n in-data-[invalid=true]:border-destructive/60 in-data-[invalid=true]:ring-destructive/10 dark:in-data-[invalid=true]:border-destructive dark:in-data-[invalid=true]:ring-destructive/20\n ";
|
|
80
|
+
};
|
|
81
|
+
readonly placeholder: {
|
|
82
|
+
readonly true: "text-muted-foreground";
|
|
83
|
+
readonly false: "";
|
|
84
|
+
};
|
|
85
|
+
};
|
|
35
86
|
declare const buttonVariants: (props?: ({
|
|
36
|
-
variant?: "
|
|
37
|
-
appearance?: "
|
|
38
|
-
underline?: "dashed" | "solid" | null | undefined;
|
|
39
|
-
underlined?: "dashed" | "solid" | null | undefined;
|
|
40
|
-
size?: "
|
|
41
|
-
autoHeight?: boolean | null | undefined;
|
|
42
|
-
shape?: "
|
|
43
|
-
mode?: "
|
|
44
|
-
placeholder?: boolean | null | undefined;
|
|
87
|
+
readonly variant?: "ghost" | "outline" | "dashed" | "secondary" | "primary" | "mono" | "destructive" | "inverse" | "foreground" | "success" | "dim" | null | undefined;
|
|
88
|
+
readonly appearance?: "default" | "ghost" | null | undefined;
|
|
89
|
+
readonly underline?: "dashed" | "solid" | null | undefined;
|
|
90
|
+
readonly underlined?: "dashed" | "solid" | null | undefined;
|
|
91
|
+
readonly size?: "icon" | "md" | "sm" | "lg" | null | undefined;
|
|
92
|
+
readonly autoHeight?: boolean | null | undefined;
|
|
93
|
+
readonly shape?: "circle" | "default" | null | undefined;
|
|
94
|
+
readonly mode?: "input" | "link" | "default" | "icon" | null | undefined;
|
|
95
|
+
readonly placeholder?: boolean | null | undefined;
|
|
45
96
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
46
|
-
declare function Button({ className, selected, variant, shape, appearance, mode, size, autoHeight, underlined, underline, asChild, placeholder, ...props }: React$1.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
|
|
97
|
+
declare function Button({ className, selected, variant, shape, appearance, mode, size, autoHeight, underlined, underline, asChild, placeholder, loading, children, disabled, onClick, ...props }: React$1.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
|
|
47
98
|
selected?: boolean;
|
|
48
99
|
asChild?: boolean;
|
|
100
|
+
loading?: boolean;
|
|
49
101
|
}): react_jsx_runtime.JSX.Element;
|
|
50
102
|
interface ButtonArrowProps extends React$1.SVGProps<SVGSVGElement> {
|
|
51
103
|
icon?: LucideIcon;
|
|
@@ -331,11 +383,11 @@ interface BadgeButtonProps extends React$1.ButtonHTMLAttributes<HTMLDivElement>,
|
|
|
331
383
|
}
|
|
332
384
|
type BadgeDotProps = React$1.HTMLAttributes<HTMLSpanElement>;
|
|
333
385
|
declare const badgeVariants: (props?: ({
|
|
334
|
-
variant?: "
|
|
335
|
-
appearance?: "
|
|
386
|
+
variant?: "outline" | "secondary" | "primary" | "destructive" | "success" | "info" | "warning" | null | undefined;
|
|
387
|
+
appearance?: "default" | "ghost" | "outline" | "light" | null | undefined;
|
|
336
388
|
disabled?: boolean | null | undefined;
|
|
337
|
-
size?: "
|
|
338
|
-
shape?: "
|
|
389
|
+
size?: "md" | "sm" | "lg" | "xs" | null | undefined;
|
|
390
|
+
shape?: "circle" | "default" | null | undefined;
|
|
339
391
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
340
392
|
declare const badgeButtonVariants: (props?: ({
|
|
341
393
|
variant?: "default" | null | undefined;
|
|
@@ -348,6 +400,48 @@ declare function BadgeButton({ className, variant, asChild, ...props }: React$1.
|
|
|
348
400
|
}): react_jsx_runtime.JSX.Element;
|
|
349
401
|
declare function BadgeDot({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
350
402
|
|
|
403
|
+
declare function Breadcrumb({ ...props }: React$1.ComponentProps<"nav"> & {
|
|
404
|
+
separator?: React$1.ReactNode;
|
|
405
|
+
}): react_jsx_runtime.JSX.Element;
|
|
406
|
+
declare function BreadcrumbList({ className, ...props }: React$1.ComponentProps<"ol">): react_jsx_runtime.JSX.Element;
|
|
407
|
+
declare function BreadcrumbItem({ className, ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
|
|
408
|
+
declare function BreadcrumbLink({ asChild, className, ...props }: React$1.ComponentProps<"a"> & {
|
|
409
|
+
asChild?: boolean;
|
|
410
|
+
}): react_jsx_runtime.JSX.Element;
|
|
411
|
+
declare function BreadcrumbPage({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
412
|
+
declare const BreadcrumbSeparator: ({ children, className, ...props }: React$1.ComponentProps<"li">) => react_jsx_runtime.JSX.Element;
|
|
413
|
+
declare const BreadcrumbEllipsis: ({ className, ...props }: React$1.ComponentProps<"span">) => react_jsx_runtime.JSX.Element;
|
|
414
|
+
|
|
415
|
+
declare const tabsListVariantConfig: {
|
|
416
|
+
readonly variant: {
|
|
417
|
+
readonly default: "bg-accent p-1";
|
|
418
|
+
readonly button: "";
|
|
419
|
+
readonly line: "border-b border-border";
|
|
420
|
+
};
|
|
421
|
+
readonly shape: {
|
|
422
|
+
readonly default: "";
|
|
423
|
+
readonly pill: "";
|
|
424
|
+
};
|
|
425
|
+
readonly size: {
|
|
426
|
+
readonly lg: "gap-2.5";
|
|
427
|
+
readonly md: "gap-2";
|
|
428
|
+
readonly sm: "gap-1.5";
|
|
429
|
+
readonly xs: "gap-1";
|
|
430
|
+
};
|
|
431
|
+
};
|
|
432
|
+
declare const tabsListVariants: (props?: ({
|
|
433
|
+
readonly variant?: "button" | "line" | "default" | null | undefined;
|
|
434
|
+
readonly shape?: "default" | "pill" | null | undefined;
|
|
435
|
+
readonly size?: "md" | "sm" | "lg" | "xs" | null | undefined;
|
|
436
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
437
|
+
declare const tabsContentVariants: (props?: ({
|
|
438
|
+
variant?: "default" | null | undefined;
|
|
439
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
440
|
+
declare function Tabs({ className, ...props }: React$1.ComponentProps<typeof Tabs$1.Root>): react_jsx_runtime.JSX.Element;
|
|
441
|
+
declare function TabsList({ className, variant, shape, size, ...props }: React$1.ComponentProps<typeof Tabs$1.List> & VariantProps<typeof tabsListVariants>): react_jsx_runtime.JSX.Element;
|
|
442
|
+
declare function TabsTrigger({ className, ...props }: React$1.ComponentProps<typeof Tabs$1.Trigger>): react_jsx_runtime.JSX.Element;
|
|
443
|
+
declare function TabsContent({ className, variant, ...props }: React$1.ComponentProps<typeof Tabs$1.Content> & VariantProps<typeof tabsContentVariants>): react_jsx_runtime.JSX.Element;
|
|
444
|
+
|
|
351
445
|
declare const cardVariants: (props?: ({
|
|
352
446
|
variant?: "default" | "accent" | null | undefined;
|
|
353
447
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
@@ -362,7 +456,7 @@ declare function CardTitle({ className, ...props }: React$1.HTMLAttributes<HTMLH
|
|
|
362
456
|
declare function CardDescription({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
363
457
|
|
|
364
458
|
declare const checkboxVariants: (props?: ({
|
|
365
|
-
size?: "
|
|
459
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
366
460
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
367
461
|
declare function Checkbox({ className, size, ...props }: React$1.ComponentProps<typeof CheckboxPrimitive.Root> & VariantProps<typeof checkboxVariants>): react_jsx_runtime.JSX.Element;
|
|
368
462
|
|
|
@@ -393,15 +487,15 @@ declare const Icons: {
|
|
|
393
487
|
};
|
|
394
488
|
|
|
395
489
|
declare const inputVariants: (props?: ({
|
|
396
|
-
variant?: "
|
|
490
|
+
variant?: "md" | "sm" | "lg" | null | undefined;
|
|
397
491
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
398
492
|
declare const inputAddonVariants: (props?: ({
|
|
399
|
-
variant?: "
|
|
493
|
+
variant?: "md" | "sm" | "lg" | null | undefined;
|
|
400
494
|
mode?: "default" | "icon" | null | undefined;
|
|
401
495
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
402
496
|
declare const inputGroupVariants: (props?: ({} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
403
497
|
declare const inputWrapperVariants: (props?: ({
|
|
404
|
-
variant?: "
|
|
498
|
+
variant?: "md" | "sm" | "lg" | null | undefined;
|
|
405
499
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
406
500
|
declare function Input({ className, type, variant, ...props }: React$1.ComponentProps<"input"> & VariantProps<typeof inputVariants>): react_jsx_runtime.JSX.Element;
|
|
407
501
|
declare function InputAddon({ className, variant, mode, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof inputAddonVariants>): react_jsx_runtime.JSX.Element;
|
|
@@ -434,7 +528,7 @@ declare function DropdownMenuShortcut({ className, ...props }: React$1.HTMLAttri
|
|
|
434
528
|
declare function DropdownMenuSub({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Sub>): react_jsx_runtime.JSX.Element;
|
|
435
529
|
|
|
436
530
|
declare const labelVariants: (props?: ({
|
|
437
|
-
variant?: "
|
|
531
|
+
variant?: "secondary" | "primary" | null | undefined;
|
|
438
532
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
439
533
|
declare function Label({ className, variant, ...props }: React$1.ComponentProps<typeof Label$1.Root> & VariantProps<typeof labelVariants>): react_jsx_runtime.JSX.Element;
|
|
440
534
|
|
|
@@ -448,7 +542,9 @@ declare const fieldVariants: (props?: ({
|
|
|
448
542
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
449
543
|
declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): react_jsx_runtime.JSX.Element;
|
|
450
544
|
declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
451
|
-
declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>
|
|
545
|
+
declare function FieldLabel({ className, required, children, ...props }: React.ComponentProps<typeof Label> & {
|
|
546
|
+
required?: boolean;
|
|
547
|
+
}): react_jsx_runtime.JSX.Element;
|
|
452
548
|
declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
453
549
|
declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
|
|
454
550
|
declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<"div"> & {
|
|
@@ -460,6 +556,91 @@ declare function FieldError({ className, children, errors, ...props }: React.Com
|
|
|
460
556
|
} | undefined>;
|
|
461
557
|
}): react_jsx_runtime.JSX.Element | null;
|
|
462
558
|
|
|
559
|
+
declare const switchShapes: {
|
|
560
|
+
readonly pill: "rounded-full";
|
|
561
|
+
readonly square: "rounded-md";
|
|
562
|
+
};
|
|
563
|
+
declare const switchSizes: {
|
|
564
|
+
readonly xs: "h-4 w-7";
|
|
565
|
+
readonly sm: "h-5 w-8";
|
|
566
|
+
readonly md: "h-6 w-10";
|
|
567
|
+
readonly lg: "h-8 w-14";
|
|
568
|
+
readonly xl: "h-9 w-16";
|
|
569
|
+
};
|
|
570
|
+
/**
|
|
571
|
+
* CVA variants for the switch track (root element).
|
|
572
|
+
* Handles shape (pill/square), size (xs/sm/md/lg/xl), and permanent mode styling.
|
|
573
|
+
* Includes focus-visible ring, disabled opacity, and form validation error states.
|
|
574
|
+
*/
|
|
575
|
+
declare const switchVariants: (props?: ({
|
|
576
|
+
shape?: "square" | "pill" | null | undefined;
|
|
577
|
+
size?: "md" | "sm" | "lg" | "xs" | "xl" | null | undefined;
|
|
578
|
+
permanent?: boolean | null | undefined;
|
|
579
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
580
|
+
/**
|
|
581
|
+
* CVA variants for on/off indicator labels inside the switch track.
|
|
582
|
+
* In non-permanent mode, the active indicator slides in and the inactive one
|
|
583
|
+
* becomes invisible. In permanent mode, both labels stay visible and stationary.
|
|
584
|
+
*/
|
|
585
|
+
declare const switchIndicatorVariants: (props?: ({
|
|
586
|
+
state?: "off" | "on" | null | undefined;
|
|
587
|
+
permanent?: boolean | null | undefined;
|
|
588
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
589
|
+
/**
|
|
590
|
+
* Wrapper component that provides SwitchContext and a positioned container
|
|
591
|
+
* for the Switch and optional SwitchIndicator siblings.
|
|
592
|
+
*
|
|
593
|
+
* @param permanent - When true, both on/off indicator labels remain visible
|
|
594
|
+
* at all times instead of toggling visibility based on the checked state.
|
|
595
|
+
*
|
|
596
|
+
* @example
|
|
597
|
+
* ```tsx
|
|
598
|
+
* <SwitchWrapper permanent>
|
|
599
|
+
* <Switch id="toggle" size="xl" />
|
|
600
|
+
* <SwitchIndicator state="on">On</SwitchIndicator>
|
|
601
|
+
* <SwitchIndicator state="off">Off</SwitchIndicator>
|
|
602
|
+
* </SwitchWrapper>
|
|
603
|
+
* ```
|
|
604
|
+
*/
|
|
605
|
+
declare function SwitchWrapper({ className, children, permanent, ...props }: React$1.HTMLAttributes<HTMLDivElement> & {
|
|
606
|
+
permanent?: boolean;
|
|
607
|
+
}): react_jsx_runtime.JSX.Element;
|
|
608
|
+
/**
|
|
609
|
+
* Toggle switch built on Radix UI Switch primitive.
|
|
610
|
+
* Must be used inside a SwitchWrapper for context access.
|
|
611
|
+
*
|
|
612
|
+
* @param shape - Track shape: "pill" (rounded) or "square" (slightly rounded).
|
|
613
|
+
* @param size - Switch dimensions: "xs" | "sm" | "md" | "lg" | "xl".
|
|
614
|
+
* @param thumbClassName - Optional additional classes for the thumb element.
|
|
615
|
+
*
|
|
616
|
+
* @example
|
|
617
|
+
* ```tsx
|
|
618
|
+
* <SwitchWrapper>
|
|
619
|
+
* <Switch id="notifications" shape="pill" size="md" />
|
|
620
|
+
* </SwitchWrapper>
|
|
621
|
+
* ```
|
|
622
|
+
*/
|
|
623
|
+
declare function Switch({ className, thumbClassName, shape, size, ...props }: React$1.ComponentProps<typeof Switch$1.Root> & VariantProps<typeof switchVariants> & {
|
|
624
|
+
thumbClassName?: string;
|
|
625
|
+
}): react_jsx_runtime.JSX.Element;
|
|
626
|
+
/**
|
|
627
|
+
* Label overlay displayed inside the switch track to indicate on/off state.
|
|
628
|
+
* Must be placed as a sibling of Switch inside a SwitchWrapper.
|
|
629
|
+
* Uses CSS peer selectors to show/hide based on the Switch checked state.
|
|
630
|
+
*
|
|
631
|
+
* @param state - Which state this indicator represents: "on" or "off".
|
|
632
|
+
*
|
|
633
|
+
* @example
|
|
634
|
+
* ```tsx
|
|
635
|
+
* <SwitchWrapper>
|
|
636
|
+
* <Switch id="toggle" size="lg" />
|
|
637
|
+
* <SwitchIndicator state="on">On</SwitchIndicator>
|
|
638
|
+
* <SwitchIndicator state="off">Off</SwitchIndicator>
|
|
639
|
+
* </SwitchWrapper>
|
|
640
|
+
* ```
|
|
641
|
+
*/
|
|
642
|
+
declare function SwitchIndicator({ className, state, ...props }: React$1.HTMLAttributes<HTMLSpanElement> & VariantProps<typeof switchIndicatorVariants>): react_jsx_runtime.JSX.Element;
|
|
643
|
+
|
|
463
644
|
declare function ScrollArea({ className, viewportClassName, children, viewportRef, ...props }: React$1.ComponentProps<typeof ScrollArea$1.Root> & {
|
|
464
645
|
viewportRef?: React$1.Ref<HTMLDivElement>;
|
|
465
646
|
viewportClassName?: string;
|
|
@@ -479,8 +660,26 @@ type ScrollspyProps = {
|
|
|
479
660
|
};
|
|
480
661
|
declare function Scrollspy({ children, targetRef, onUpdate, className, offset, smooth, dataAttribute, history, }: ScrollspyProps): react_jsx_runtime.JSX.Element;
|
|
481
662
|
|
|
663
|
+
declare function AspectRatio(props: React$1.ComponentProps<typeof AspectRatio$1.Root>): react_jsx_runtime.JSX.Element;
|
|
664
|
+
|
|
482
665
|
declare const Separator: React$1.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
483
666
|
|
|
667
|
+
declare const headings: {
|
|
668
|
+
readonly h1: "h1";
|
|
669
|
+
readonly h2: "h2";
|
|
670
|
+
readonly h3: "h3";
|
|
671
|
+
readonly h4: "h4";
|
|
672
|
+
readonly h5: "h5";
|
|
673
|
+
readonly h6: "h6";
|
|
674
|
+
};
|
|
675
|
+
declare function Toolbar({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
676
|
+
declare function ToolbarHeading({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
677
|
+
declare function ToolbarTitle({ className, as: Component, ...props }: React$1.HTMLAttributes<HTMLHeadingElement> & {
|
|
678
|
+
as?: keyof typeof headings;
|
|
679
|
+
}): react_jsx_runtime.JSX.Element;
|
|
680
|
+
declare function ToolbarDescription({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
681
|
+
declare function ToolbarActions({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
682
|
+
|
|
484
683
|
declare const Select: ({ indicatorPosition, indicatorVisibility, indicator, ...props }: {
|
|
485
684
|
indicatorPosition?: "left" | "right";
|
|
486
685
|
indicatorVisibility?: boolean;
|
|
@@ -489,7 +688,7 @@ declare const Select: ({ indicatorPosition, indicatorVisibility, indicator, ...p
|
|
|
489
688
|
declare function SelectGroup({ ...props }: React$1.ComponentProps<typeof Select$1.Group>): react_jsx_runtime.JSX.Element;
|
|
490
689
|
declare function SelectValue({ ...props }: React$1.ComponentProps<typeof Select$1.Value>): react_jsx_runtime.JSX.Element;
|
|
491
690
|
declare const selectTriggerVariants: (props?: ({
|
|
492
|
-
size?: "
|
|
691
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
493
692
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
494
693
|
interface SelectTriggerProps extends React$1.ComponentProps<typeof Select$1.Trigger>, VariantProps<typeof selectTriggerVariants> {
|
|
495
694
|
}
|
|
@@ -502,6 +701,8 @@ declare function SelectItem({ className, children, ...props }: React$1.Component
|
|
|
502
701
|
declare function SelectIndicator({ children, className, ...props }: React$1.ComponentProps<typeof Select$1.ItemIndicator>): react_jsx_runtime.JSX.Element;
|
|
503
702
|
declare function SelectSeparator({ className, ...props }: React$1.ComponentProps<typeof Select$1.Separator>): react_jsx_runtime.JSX.Element;
|
|
504
703
|
|
|
704
|
+
declare function Spinner({ className, ...props }: React.ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
|
|
705
|
+
|
|
505
706
|
declare function useIsMobile(): boolean;
|
|
506
707
|
|
|
507
708
|
declare function useCopyToClipboard({ timeout, onCopy, }?: {
|
|
@@ -522,4 +723,4 @@ declare function useMounted(): boolean;
|
|
|
522
723
|
*/
|
|
523
724
|
declare function cn(...inputs: ClassValue[]): string;
|
|
524
725
|
|
|
525
|
-
export { Alert, AlertContent, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertIcon, AlertTitle, AlertToolbar, Avatar, AvatarFallback, AvatarGroup, AvatarGroupItem, AvatarGroupTooltip, AvatarImage, AvatarIndicator, AvatarStatus, Badge, BadgeButton, type BadgeButtonProps, BadgeDot, type BadgeDotProps, type BadgeProps, Button, ButtonArrow, Card, CardContent, CardDescription, CardFooter, CardHeader, CardHeading, CardTable, CardTitle, CardToolbar, Checkbox, DataGrid, type DataGridApiFetchParams, type DataGridApiResponse, DataGridColumnHeader, type DataGridColumnHeaderProps, DataGridColumnVisibility, DataGridContainer, type DataGridContextProps, DataGridPagination, type DataGridPaginationProps, type DataGridProps, DataGridProvider, type DataGridRequestParams, DataGridTable, DataGridTableBase, DataGridTableBody, DataGridTableBodyRow, DataGridTableBodyRowCell, DataGridTableBodyRowExpanded, DataGridTableBodyRowSkeleton, DataGridTableBodyRowSkeletonCell, DataGridTableEmpty, DataGridTableHead, DataGridTableHeadRow, DataGridTableHeadRowCell, DataGridTableHeadRowCellResize, DataGridTableLoader, DataGridTableRowSelect, DataGridTableRowSelectAll, DataGridTableRowSpacer, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, HoverCard, HoverCardContent, HoverCardTrigger, Icons, Input, InputAddon, InputGroup, InputWrapper, Label, Popover, PopoverContent, PopoverTrigger, ScrollArea, ScrollBar, Scrollspy, Select, SelectContent, SelectGroup, SelectIndicator, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, avatarStatusVariants, badgeVariants, buttonVariants, cn, inputAddonVariants, inputVariants, labelVariants, selectTriggerVariants, useCopyToClipboard, useDataGrid, useIsMobile, useMounted };
|
|
726
|
+
export { Alert, AlertContent, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertIcon, AlertTitle, AlertToolbar, AspectRatio, Avatar, AvatarFallback, AvatarGroup, AvatarGroupItem, AvatarGroupTooltip, AvatarImage, AvatarIndicator, AvatarStatus, Badge, BadgeButton, type BadgeButtonProps, BadgeDot, type BadgeDotProps, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonArrow, Card, CardContent, CardDescription, CardFooter, CardHeader, CardHeading, CardTable, CardTitle, CardToolbar, Checkbox, DataGrid, type DataGridApiFetchParams, type DataGridApiResponse, DataGridColumnHeader, type DataGridColumnHeaderProps, DataGridColumnVisibility, DataGridContainer, type DataGridContextProps, DataGridPagination, type DataGridPaginationProps, type DataGridProps, DataGridProvider, type DataGridRequestParams, DataGridTable, DataGridTableBase, DataGridTableBody, DataGridTableBodyRow, DataGridTableBodyRowCell, DataGridTableBodyRowExpanded, DataGridTableBodyRowSkeleton, DataGridTableBodyRowSkeletonCell, DataGridTableEmpty, DataGridTableHead, DataGridTableHeadRow, DataGridTableHeadRowCell, DataGridTableHeadRowCellResize, DataGridTableLoader, DataGridTableRowSelect, DataGridTableRowSelectAll, DataGridTableRowSpacer, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, HoverCard, HoverCardContent, HoverCardTrigger, Icons, Input, InputAddon, InputGroup, InputWrapper, Label, Popover, PopoverContent, PopoverTrigger, ScrollArea, ScrollBar, Scrollspy, Select, SelectContent, SelectGroup, SelectIndicator, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Spinner, Switch, SwitchIndicator, SwitchWrapper, Tabs, TabsContent, TabsList, TabsTrigger, Toolbar, ToolbarActions, ToolbarDescription, ToolbarHeading, ToolbarTitle, avatarStatusVariants, badgeVariants, buttonVariantConfig, buttonVariants, cn, headings, inputAddonVariants, inputVariants, labelVariants, selectTriggerVariants, switchShapes, switchSizes, tabsListVariantConfig, useCopyToClipboard, useDataGrid, useIsMobile, useMounted };
|