@medway-ui/core 1.0.8 → 1.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 (9) hide show
  1. package/dist/assets/css/tokens.css +6 -0
  2. package/dist/assets/js/tokens.ts +5 -2
  3. package/dist/index.d.mts +86 -59
  4. package/dist/index.d.ts +86 -59
  5. package/dist/index.js +2 -2
  6. package/dist/index.js.map +1 -1
  7. package/dist/index.mjs +2 -2
  8. package/dist/index.mjs.map +1 -1
  9. package/package.json +1 -1
package/dist/assets/css/tokens.css CHANGED
@@ -311,6 +311,9 @@
311
311
  --color-surface-navigation: var(--color-white);
312
312
  --color-surface-section: var(--color-white);
313
313
  --color-surface-page: var(--color-gray-30);
314
+ --color-surface-settings-on: var(--color-white-80);
315
+ --color-surface-settings-off: var(--color-white-48);
316
+ --color-surface-disable: var(--color-white-8);
314
317
 
315
318
  /* === Base gray colors === */
316
319
  --color-gray-foreground: var(--color-gray-600);
@@ -519,6 +522,9 @@
519
522
  --color-surface-navigation: var(--color-gray-850);
520
523
  --color-surface-section: var(--color-gray-900);
521
524
  --color-surface-page: var(--color-gray-950);
525
+ --color-surface-settings-on: var(--color-black-48);
526
+ --color-surface-settings-off: var(--color-gray-950);
527
+ --color-surface-settings-disable: var(--color-black-8);
522
528
 
523
529
  /* === Dark drop-shadow colors === */
524
530
  --color-drop-shadow-layer-a: var(--color-black-24);
package/dist/assets/js/tokens.ts CHANGED
@@ -15,10 +15,13 @@ export const colors = {
15
15
  navigation: "var(--color-surface-navigation)",
16
16
  section: "var(--color-surface-section)",
17
17
  page: "var(--color-surface-page)",
18
+ disable: "var(--color-surface-disable)",
19
+ "settings-on": "var(--color-surface-settings-on)",
20
+ "settings-off": "var(--color-surface-settings-off)",
18
21
  },
19
22
  dropShadow: {
20
- layerA: "var(--color-drop-shadow-layer-a)",
21
- layerB: "var(--color-drop-shadow-layer-b)",
23
+ "layer-a": "var(--color-drop-shadow-layer-a)",
24
+ "layer-b": "var(--color-drop-shadow-layer-b)",
22
25
  },
23
26
  white: {
24
27
  DEFAULT: "var(--color-white)",
package/dist/index.d.mts CHANGED
@@ -1,14 +1,47 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
1
  import * as class_variance_authority_types from 'class-variance-authority/types';
2
+ import * as react_jsx_runtime from 'react/jsx-runtime';
3
3
  import * as React from 'react';
4
- import * as AvatarPrimitive from '@radix-ui/react-avatar';
5
4
  import { VariantProps } from 'class-variance-authority';
5
+ import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
6
+ import * as AvatarPrimitive from '@radix-ui/react-avatar';
7
+ import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
8
+ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
6
9
  import * as SeparatorPrimitive from '@radix-ui/react-separator';
7
10
  import * as SheetPrimitive from '@radix-ui/react-dialog';
8
11
  import * as TooltipPrimitive from '@radix-ui/react-tooltip';
9
- import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
10
- import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
11
- import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
12
+
13
+ interface AlertProps extends React.ComponentProps<"div"> {
14
+ variant?: "regular" | "emphasis" | "success" | "warning" | "error";
15
+ onClose?: () => void;
16
+ }
17
+ declare function Alert({ className, variant, onClose, children, ...props }: AlertProps): react_jsx_runtime.JSX.Element;
18
+ declare function AlertContainer({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
19
+ declare function AlertContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
20
+ declare function AlertIcon({ className, icon, ...props }: React.ComponentProps<"div"> & {
21
+ icon?: React.ReactNode;
22
+ }): react_jsx_runtime.JSX.Element;
23
+ declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
24
+ declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
25
+ declare function AlertActions({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
26
+ declare const alertButtonVariants: (props?: ({
27
+ variant?: "regular" | "basic" | null | undefined;
28
+ alertVariant?: "regular" | "emphasis" | "success" | "warning" | "error" | null | undefined;
29
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
30
+ interface AlertButtonProps extends React.ComponentProps<"button">, VariantProps<typeof alertButtonVariants> {
31
+ }
32
+ declare function AlertButton({ className, variant, ...props }: AlertButtonProps): react_jsx_runtime.JSX.Element;
33
+
34
+ declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
35
+ declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
36
+ declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): react_jsx_runtime.JSX.Element;
37
+ declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): react_jsx_runtime.JSX.Element;
38
+ declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content>): react_jsx_runtime.JSX.Element;
39
+ declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
40
+ declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
41
+ declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
42
+ declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): react_jsx_runtime.JSX.Element;
43
+ declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action>): react_jsx_runtime.JSX.Element;
44
+ declare function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>): react_jsx_runtime.JSX.Element;
12
45
 
13
46
  declare const avatarVariants: (props?: ({
14
47
  size?: "sm" | "md" | "lg" | "xl" | null | undefined;
@@ -33,37 +66,11 @@ interface ButtonProps extends React.ComponentProps<"button">, VariantProps<typeo
33
66
  alert?: string;
34
67
  }
35
68
  declare const buttonVariants: (props?: ({
36
- variant?: "regular" | "regular-soft" | "regular-basic" | "emphasis" | "emphasis-soft" | "emphasis-basic" | "error" | "error-soft" | "error-basic" | "warning" | "warning-soft" | "warning-basic" | "success" | "success-soft" | "success-basic" | "outlined" | "gradient" | "medbrain" | null | undefined;
69
+ variant?: "regular" | "emphasis" | "success" | "warning" | "error" | "regular-soft" | "regular-basic" | "emphasis-soft" | "emphasis-basic" | "error-soft" | "error-basic" | "warning-soft" | "warning-basic" | "success-soft" | "success-basic" | "outlined" | "gradient" | "medbrain" | null | undefined;
37
70
  size?: "sm" | "md" | "lg" | "xl" | null | undefined;
38
71
  } & class_variance_authority_types.ClassProp) | undefined) => string;
39
72
  declare function Button({ className, containerClassName, variant, size, asChild, iconRight, iconLeft, badge, loading, alert, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
40
73
 
41
- declare function Input({ className, type, ...props }: React.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
42
-
43
- interface LoadingProps {
44
- size?: number;
45
- className?: string;
46
- }
47
- declare function Loading({ size, className }: LoadingProps): react_jsx_runtime.JSX.Element;
48
-
49
- interface LogoProps {
50
- width?: string | number;
51
- height?: string | number;
52
- className?: string;
53
- svgClassName?: string;
54
- }
55
- declare function Logo({ width, height, className, svgClassName, }: LogoProps): react_jsx_runtime.JSX.Element;
56
- declare function LogoShort({ width, height, className, svgClassName, }: LogoProps): react_jsx_runtime.JSX.Element;
57
-
58
- declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): react_jsx_runtime.JSX.Element;
59
-
60
- declare function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>): react_jsx_runtime.JSX.Element;
61
-
62
- declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
63
-
64
- declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): react_jsx_runtime.JSX.Element;
65
- declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): react_jsx_runtime.JSX.Element;
66
-
67
74
  declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): react_jsx_runtime.JSX.Element;
68
75
  declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): react_jsx_runtime.JSX.Element;
69
76
  declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): react_jsx_runtime.JSX.Element;
@@ -91,6 +98,30 @@ declare function DropdownMenuSubTrigger({ className, inset, children, ...props }
91
98
  }): react_jsx_runtime.JSX.Element;
92
99
  declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): react_jsx_runtime.JSX.Element;
93
100
 
101
+ declare function Input({ className, type, ...props }: React.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
102
+
103
+ interface LoadingProps {
104
+ size?: number;
105
+ className?: string;
106
+ }
107
+ declare function Loading({ size, className }: LoadingProps): react_jsx_runtime.JSX.Element;
108
+
109
+ interface LogoProps {
110
+ width?: string | number;
111
+ height?: string | number;
112
+ className?: string;
113
+ svgClassName?: string;
114
+ }
115
+ declare function Logo({ width, height, className, svgClassName, }: LogoProps): react_jsx_runtime.JSX.Element;
116
+ declare function LogoShort({ width, height, className, svgClassName, }: LogoProps): react_jsx_runtime.JSX.Element;
117
+
118
+ declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): react_jsx_runtime.JSX.Element;
119
+
120
+ declare function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>): react_jsx_runtime.JSX.Element;
121
+
122
+ declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): react_jsx_runtime.JSX.Element;
123
+ declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): react_jsx_runtime.JSX.Element;
124
+
94
125
  type SidebarContextProps = {
95
126
  state: "expanded" | "collapsed";
96
127
  open: boolean;
@@ -171,6 +202,8 @@ declare function SidebarMenuSubButton({ asChild, size, isActive, className, ...p
171
202
  isActive?: boolean;
172
203
  }): react_jsx_runtime.JSX.Element;
173
204
 
205
+ declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
206
+
174
207
  interface SwitcherProps {
175
208
  children: React.ReactNode;
176
209
  value?: string;
@@ -223,36 +256,30 @@ declare function SwitcherItem({ children, value, onClick, icon }: SwitcherItemPr
223
256
  declare function SwitcherFooter({ children, onClick, icon }: SwitcherFooterProps): react_jsx_runtime.JSX.Element;
224
257
  declare function SwitcherSeparator(): react_jsx_runtime.JSX.Element;
225
258
 
226
- interface AlertProps extends React.ComponentProps<"div"> {
227
- variant?: "regular" | "emphasis" | "success" | "warning" | "error";
228
- onClose?: () => void;
259
+ interface TagProps extends React.ComponentProps<"span">, VariantProps<typeof tagVariants> {
260
+ asChild?: boolean;
261
+ icon?: React.ReactElement;
229
262
  }
230
- declare function Alert({ className, variant, onClose, children, ...props }: AlertProps): react_jsx_runtime.JSX.Element;
231
- declare function AlertContainer({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
232
- declare function AlertContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
233
- declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
234
- declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
235
- declare function AlertActions({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
236
- declare const alertButtonVariants: (props?: ({
237
- variant?: "regular" | "basic" | null | undefined;
238
- alertVariant?: "regular" | "emphasis" | "error" | "warning" | "success" | null | undefined;
263
+ declare const tagVariants: (props?: ({
264
+ variant?: "regular" | "emphasis" | "success" | "warning" | "error" | "go" | "regular-soft" | "regular-basic" | "emphasis-soft" | "emphasis-basic" | "error-soft" | "error-basic" | "warning-soft" | "warning-basic" | "success-soft" | "success-basic" | "gray" | "gray-soft" | "gray-basic" | "cm" | "cm-soft" | "cm-basic" | "go-soft" | "go-basic" | "cir" | "cir-soft" | "cir-basic" | "ped" | "ped-soft" | "ped-basic" | "prev" | "prev-soft" | "prev-basic" | null | undefined;
239
265
  } & class_variance_authority_types.ClassProp) | undefined) => string;
240
- interface AlertButtonProps extends React.ComponentProps<"button">, VariantProps<typeof alertButtonVariants> {
241
- }
242
- declare function AlertButton({ className, variant, ...props }: AlertButtonProps): react_jsx_runtime.JSX.Element;
266
+ declare function Tag({ className, variant, asChild, icon, children, ...props }: TagProps): react_jsx_runtime.JSX.Element;
243
267
 
244
- declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
245
- declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
246
- declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): react_jsx_runtime.JSX.Element;
247
- declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): react_jsx_runtime.JSX.Element;
248
- declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content>): react_jsx_runtime.JSX.Element;
249
- declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
250
- declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
251
- declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
252
- declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): react_jsx_runtime.JSX.Element;
253
- declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action>): react_jsx_runtime.JSX.Element;
254
- declare function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>): react_jsx_runtime.JSX.Element;
268
+ declare const tileVariants: (props?: ({
269
+ variant?: "regular" | "go" | "cm" | "cir" | "ped" | "prev" | null | undefined;
270
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
271
+ declare function Tile({ className, variant, asChild, editable, disabled, inactive, ...props }: React.ComponentProps<"div"> & React.ComponentProps<"div"> & VariantProps<typeof tileVariants> & {
272
+ asChild?: boolean;
273
+ editable?: boolean;
274
+ disabled?: boolean;
275
+ inactive?: boolean;
276
+ }): react_jsx_runtime.JSX.Element;
277
+ declare function TileIcon({ className, icon, ...props }: React.ComponentProps<"div"> & {
278
+ icon?: React.ReactNode;
279
+ }): react_jsx_runtime.JSX.Element;
280
+ declare function TileTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
281
+ declare function TileDescription({ className, ...props }: React.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
255
282
 
256
283
  declare function useIsMobile(): boolean;
257
284
 
258
- export { Alert, AlertActions, AlertButton, AlertContainer, AlertContent, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Button, Collapsible, CollapsibleContent, CollapsibleTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, Loading, Logo, LogoShort, Separator, Sheet, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuItemCollapse, SidebarMenuItemTitle, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Switcher, SwitcherContent, SwitcherFooter, SwitcherGroup, SwitcherItem, SwitcherSeparator, SwitcherTrigger, Tooltip, buttonVariants, useIsMobile, useSidebar };
285
+ export { Alert, AlertActions, AlertButton, AlertContainer, AlertContent, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertIcon, AlertTitle, Avatar, AvatarFallback, AvatarImage, Button, Collapsible, CollapsibleContent, CollapsibleTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, Loading, Logo, LogoShort, Separator, Sheet, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuItemCollapse, SidebarMenuItemTitle, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Switcher, SwitcherContent, SwitcherFooter, SwitcherGroup, SwitcherItem, SwitcherSeparator, SwitcherTrigger, Tag, Tile, TileDescription, TileIcon, TileTitle, Tooltip, buttonVariants, tagVariants, useIsMobile, useSidebar };
package/dist/index.d.ts CHANGED
@@ -1,14 +1,47 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
1
  import * as class_variance_authority_types from 'class-variance-authority/types';
2
+ import * as react_jsx_runtime from 'react/jsx-runtime';
3
3
  import * as React from 'react';
4
- import * as AvatarPrimitive from '@radix-ui/react-avatar';
5
4
  import { VariantProps } from 'class-variance-authority';
5
+ import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
6
+ import * as AvatarPrimitive from '@radix-ui/react-avatar';
7
+ import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
8
+ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
6
9
  import * as SeparatorPrimitive from '@radix-ui/react-separator';
7
10
  import * as SheetPrimitive from '@radix-ui/react-dialog';
8
11
  import * as TooltipPrimitive from '@radix-ui/react-tooltip';
9
- import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
10
- import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
11
- import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
12
+
13
+ interface AlertProps extends React.ComponentProps<"div"> {
14
+ variant?: "regular" | "emphasis" | "success" | "warning" | "error";
15
+ onClose?: () => void;
16
+ }
17
+ declare function Alert({ className, variant, onClose, children, ...props }: AlertProps): react_jsx_runtime.JSX.Element;
18
+ declare function AlertContainer({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
19
+ declare function AlertContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
20
+ declare function AlertIcon({ className, icon, ...props }: React.ComponentProps<"div"> & {
21
+ icon?: React.ReactNode;
22
+ }): react_jsx_runtime.JSX.Element;
23
+ declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
24
+ declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
25
+ declare function AlertActions({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
26
+ declare const alertButtonVariants: (props?: ({
27
+ variant?: "regular" | "basic" | null | undefined;
28
+ alertVariant?: "regular" | "emphasis" | "success" | "warning" | "error" | null | undefined;
29
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
30
+ interface AlertButtonProps extends React.ComponentProps<"button">, VariantProps<typeof alertButtonVariants> {
31
+ }
32
+ declare function AlertButton({ className, variant, ...props }: AlertButtonProps): react_jsx_runtime.JSX.Element;
33
+
34
+ declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
35
+ declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
36
+ declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): react_jsx_runtime.JSX.Element;
37
+ declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): react_jsx_runtime.JSX.Element;
38
+ declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content>): react_jsx_runtime.JSX.Element;
39
+ declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
40
+ declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
41
+ declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
42
+ declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): react_jsx_runtime.JSX.Element;
43
+ declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action>): react_jsx_runtime.JSX.Element;
44
+ declare function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>): react_jsx_runtime.JSX.Element;
12
45
 
13
46
  declare const avatarVariants: (props?: ({
14
47
  size?: "sm" | "md" | "lg" | "xl" | null | undefined;
@@ -33,37 +66,11 @@ interface ButtonProps extends React.ComponentProps<"button">, VariantProps<typeo
33
66
  alert?: string;
34
67
  }
35
68
  declare const buttonVariants: (props?: ({
36
- variant?: "regular" | "regular-soft" | "regular-basic" | "emphasis" | "emphasis-soft" | "emphasis-basic" | "error" | "error-soft" | "error-basic" | "warning" | "warning-soft" | "warning-basic" | "success" | "success-soft" | "success-basic" | "outlined" | "gradient" | "medbrain" | null | undefined;
69
+ variant?: "regular" | "emphasis" | "success" | "warning" | "error" | "regular-soft" | "regular-basic" | "emphasis-soft" | "emphasis-basic" | "error-soft" | "error-basic" | "warning-soft" | "warning-basic" | "success-soft" | "success-basic" | "outlined" | "gradient" | "medbrain" | null | undefined;
37
70
  size?: "sm" | "md" | "lg" | "xl" | null | undefined;
38
71
  } & class_variance_authority_types.ClassProp) | undefined) => string;
39
72
  declare function Button({ className, containerClassName, variant, size, asChild, iconRight, iconLeft, badge, loading, alert, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
40
73
 
41
- declare function Input({ className, type, ...props }: React.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
42
-
43
- interface LoadingProps {
44
- size?: number;
45
- className?: string;
46
- }
47
- declare function Loading({ size, className }: LoadingProps): react_jsx_runtime.JSX.Element;
48
-
49
- interface LogoProps {
50
- width?: string | number;
51
- height?: string | number;
52
- className?: string;
53
- svgClassName?: string;
54
- }
55
- declare function Logo({ width, height, className, svgClassName, }: LogoProps): react_jsx_runtime.JSX.Element;
56
- declare function LogoShort({ width, height, className, svgClassName, }: LogoProps): react_jsx_runtime.JSX.Element;
57
-
58
- declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): react_jsx_runtime.JSX.Element;
59
-
60
- declare function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>): react_jsx_runtime.JSX.Element;
61
-
62
- declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
63
-
64
- declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): react_jsx_runtime.JSX.Element;
65
- declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): react_jsx_runtime.JSX.Element;
66
-
67
74
  declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): react_jsx_runtime.JSX.Element;
68
75
  declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): react_jsx_runtime.JSX.Element;
69
76
  declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): react_jsx_runtime.JSX.Element;
@@ -91,6 +98,30 @@ declare function DropdownMenuSubTrigger({ className, inset, children, ...props }
91
98
  }): react_jsx_runtime.JSX.Element;
92
99
  declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): react_jsx_runtime.JSX.Element;
93
100
 
101
+ declare function Input({ className, type, ...props }: React.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
102
+
103
+ interface LoadingProps {
104
+ size?: number;
105
+ className?: string;
106
+ }
107
+ declare function Loading({ size, className }: LoadingProps): react_jsx_runtime.JSX.Element;
108
+
109
+ interface LogoProps {
110
+ width?: string | number;
111
+ height?: string | number;
112
+ className?: string;
113
+ svgClassName?: string;
114
+ }
115
+ declare function Logo({ width, height, className, svgClassName, }: LogoProps): react_jsx_runtime.JSX.Element;
116
+ declare function LogoShort({ width, height, className, svgClassName, }: LogoProps): react_jsx_runtime.JSX.Element;
117
+
118
+ declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): react_jsx_runtime.JSX.Element;
119
+
120
+ declare function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>): react_jsx_runtime.JSX.Element;
121
+
122
+ declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): react_jsx_runtime.JSX.Element;
123
+ declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): react_jsx_runtime.JSX.Element;
124
+
94
125
  type SidebarContextProps = {
95
126
  state: "expanded" | "collapsed";
96
127
  open: boolean;
@@ -171,6 +202,8 @@ declare function SidebarMenuSubButton({ asChild, size, isActive, className, ...p
171
202
  isActive?: boolean;
172
203
  }): react_jsx_runtime.JSX.Element;
173
204
 
205
+ declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
206
+
174
207
  interface SwitcherProps {
175
208
  children: React.ReactNode;
176
209
  value?: string;
@@ -223,36 +256,30 @@ declare function SwitcherItem({ children, value, onClick, icon }: SwitcherItemPr
223
256
  declare function SwitcherFooter({ children, onClick, icon }: SwitcherFooterProps): react_jsx_runtime.JSX.Element;
224
257
  declare function SwitcherSeparator(): react_jsx_runtime.JSX.Element;
225
258
 
226
- interface AlertProps extends React.ComponentProps<"div"> {
227
- variant?: "regular" | "emphasis" | "success" | "warning" | "error";
228
- onClose?: () => void;
259
+ interface TagProps extends React.ComponentProps<"span">, VariantProps<typeof tagVariants> {
260
+ asChild?: boolean;
261
+ icon?: React.ReactElement;
229
262
  }
230
- declare function Alert({ className, variant, onClose, children, ...props }: AlertProps): react_jsx_runtime.JSX.Element;
231
- declare function AlertContainer({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
232
- declare function AlertContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
233
- declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
234
- declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
235
- declare function AlertActions({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
236
- declare const alertButtonVariants: (props?: ({
237
- variant?: "regular" | "basic" | null | undefined;
238
- alertVariant?: "regular" | "emphasis" | "error" | "warning" | "success" | null | undefined;
263
+ declare const tagVariants: (props?: ({
264
+ variant?: "regular" | "emphasis" | "success" | "warning" | "error" | "go" | "regular-soft" | "regular-basic" | "emphasis-soft" | "emphasis-basic" | "error-soft" | "error-basic" | "warning-soft" | "warning-basic" | "success-soft" | "success-basic" | "gray" | "gray-soft" | "gray-basic" | "cm" | "cm-soft" | "cm-basic" | "go-soft" | "go-basic" | "cir" | "cir-soft" | "cir-basic" | "ped" | "ped-soft" | "ped-basic" | "prev" | "prev-soft" | "prev-basic" | null | undefined;
239
265
  } & class_variance_authority_types.ClassProp) | undefined) => string;
240
- interface AlertButtonProps extends React.ComponentProps<"button">, VariantProps<typeof alertButtonVariants> {
241
- }
242
- declare function AlertButton({ className, variant, ...props }: AlertButtonProps): react_jsx_runtime.JSX.Element;
266
+ declare function Tag({ className, variant, asChild, icon, children, ...props }: TagProps): react_jsx_runtime.JSX.Element;
243
267
 
244
- declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
245
- declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
246
- declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): react_jsx_runtime.JSX.Element;
247
- declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): react_jsx_runtime.JSX.Element;
248
- declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content>): react_jsx_runtime.JSX.Element;
249
- declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
250
- declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
251
- declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
252
- declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): react_jsx_runtime.JSX.Element;
253
- declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action>): react_jsx_runtime.JSX.Element;
254
- declare function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>): react_jsx_runtime.JSX.Element;
268
+ declare const tileVariants: (props?: ({
269
+ variant?: "regular" | "go" | "cm" | "cir" | "ped" | "prev" | null | undefined;
270
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
271
+ declare function Tile({ className, variant, asChild, editable, disabled, inactive, ...props }: React.ComponentProps<"div"> & React.ComponentProps<"div"> & VariantProps<typeof tileVariants> & {
272
+ asChild?: boolean;
273
+ editable?: boolean;
274
+ disabled?: boolean;
275
+ inactive?: boolean;
276
+ }): react_jsx_runtime.JSX.Element;
277
+ declare function TileIcon({ className, icon, ...props }: React.ComponentProps<"div"> & {
278
+ icon?: React.ReactNode;
279
+ }): react_jsx_runtime.JSX.Element;
280
+ declare function TileTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
281
+ declare function TileDescription({ className, ...props }: React.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
255
282
 
256
283
  declare function useIsMobile(): boolean;
257
284
 
258
- export { Alert, AlertActions, AlertButton, AlertContainer, AlertContent, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Button, Collapsible, CollapsibleContent, CollapsibleTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, Loading, Logo, LogoShort, Separator, Sheet, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuItemCollapse, SidebarMenuItemTitle, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Switcher, SwitcherContent, SwitcherFooter, SwitcherGroup, SwitcherItem, SwitcherSeparator, SwitcherTrigger, Tooltip, buttonVariants, useIsMobile, useSidebar };
285
+ export { Alert, AlertActions, AlertButton, AlertContainer, AlertContent, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertIcon, AlertTitle, Avatar, AvatarFallback, AvatarImage, Button, Collapsible, CollapsibleContent, CollapsibleTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, Loading, Logo, LogoShort, Separator, Sheet, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuItemCollapse, SidebarMenuItemTitle, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Switcher, SwitcherContent, SwitcherFooter, SwitcherGroup, SwitcherItem, SwitcherSeparator, SwitcherTrigger, Tag, Tile, TileDescription, TileIcon, TileTitle, Tooltip, buttonVariants, tagVariants, useIsMobile, useSidebar };