@a2v2ai/uikit 0.0.36 → 0.0.38

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 (185) hide show
  1. package/Alert/Alert.stories.tsx +121 -0
  2. package/Alert/Alert.tsx +71 -0
  3. package/AlertDialog/AlertDialog.stories.tsx +665 -0
  4. package/AlertDialog/AlertDialog.tsx +241 -0
  5. package/Avatar/Avatar.stories.tsx +128 -0
  6. package/Avatar/Avatar.tsx +71 -0
  7. package/Badge/Badge.stories.tsx +76 -0
  8. package/Badge/Badge.tsx +39 -0
  9. package/Breadcrumb/Breadcrumb.stories.tsx +231 -0
  10. package/Breadcrumb/Breadcrumb.tsx +114 -0
  11. package/Button/Button.stories.tsx +684 -0
  12. package/Button/Button.tsx +107 -0
  13. package/Calendar/Calendar.stories.tsx +291 -0
  14. package/Calendar/Calendar.tsx +246 -0
  15. package/Card/Card.stories.tsx +136 -0
  16. package/Card/Card.tsx +96 -0
  17. package/Carousel/Carousel.stories.tsx +256 -0
  18. package/Carousel/Carousel.tsx +301 -0
  19. package/ChatBubble/ChatBubble.stories.tsx +339 -0
  20. package/ChatBubble/ChatBubble.tsx +179 -0
  21. package/Checkbox/Checkbox.stories.tsx +137 -0
  22. package/Checkbox/Checkbox.tsx +53 -0
  23. package/DataTable/DataTable.stories.tsx +400 -0
  24. package/DataTable/DataTable.tsx +207 -0
  25. package/Drawer/Drawer.stories.tsx +721 -0
  26. package/Drawer/Drawer.tsx +201 -0
  27. package/DropdownMenu/DropdownMenu.stories.tsx +251 -0
  28. package/DropdownMenu/DropdownMenu.tsx +199 -0
  29. package/ErrorMessage/ErrorMessage.stories.tsx +159 -0
  30. package/ErrorMessage/ErrorMessage.tsx +55 -0
  31. package/Flex/Flex.stories.tsx +390 -0
  32. package/Flex/Flex.tsx +102 -0
  33. package/IconButton/IconButton.stories.tsx +566 -0
  34. package/IconButton/IconButton.tsx +95 -0
  35. package/Input/Input.stories.tsx +566 -0
  36. package/Input/Input.tsx +168 -0
  37. package/InputOTP/InputOTP.stories.tsx +246 -0
  38. package/InputOTP/InputOTP.tsx +127 -0
  39. package/Label/Label.stories.tsx +110 -0
  40. package/Label/Label.tsx +44 -0
  41. package/Loader/Loader.stories.tsx +170 -0
  42. package/Loader/Loader.tsx +62 -0
  43. package/Menubar/Menubar.stories.tsx +382 -0
  44. package/Menubar/Menubar.tsx +274 -0
  45. package/Menubar/index.ts +18 -0
  46. package/Pagination/Pagination.stories.tsx +196 -0
  47. package/Pagination/Pagination.tsx +122 -0
  48. package/Popover/Popover.stories.tsx +133 -0
  49. package/Popover/Popover.tsx +31 -0
  50. package/Progress/Progress.stories.tsx +146 -0
  51. package/Progress/Progress.tsx +67 -0
  52. package/RadioGroup/RadioGroup.stories.tsx +159 -0
  53. package/RadioGroup/RadioGroup.tsx +68 -0
  54. package/ScrollArea/ScrollArea.stories.tsx +136 -0
  55. package/ScrollArea/ScrollArea.tsx +46 -0
  56. package/Select/Select.stories.tsx +378 -0
  57. package/Select/Select.tsx +230 -0
  58. package/Separator/Separator.stories.tsx +110 -0
  59. package/Separator/Separator.tsx +29 -0
  60. package/Sidebar/Sidebar.stories.tsx +340 -0
  61. package/Sidebar/Sidebar.tsx +414 -0
  62. package/Sidebar/index.ts +28 -0
  63. package/Skeleton/Skeleton.stories.tsx +117 -0
  64. package/Skeleton/Skeleton.tsx +16 -0
  65. package/Slider/Slider.stories.tsx +216 -0
  66. package/Slider/Slider.tsx +29 -0
  67. package/Spinner/Spinner.stories.tsx +210 -0
  68. package/Spinner/Spinner.tsx +78 -0
  69. package/Switch/Switch.stories.tsx +146 -0
  70. package/Switch/Switch.tsx +59 -0
  71. package/Table/Table.stories.tsx +510 -0
  72. package/Table/Table.tsx +114 -0
  73. package/Tabs/Tabs.stories.tsx +197 -0
  74. package/Tabs/Tabs.tsx +74 -0
  75. package/Textarea/Textarea.stories.tsx +187 -0
  76. package/Textarea/Textarea.tsx +73 -0
  77. package/Toast/Toast.stories.tsx +285 -0
  78. package/Toast/Toast.tsx +59 -0
  79. package/Tooltip/Tooltip.stories.tsx +463 -0
  80. package/Tooltip/Tooltip.tsx +96 -0
  81. package/Typography/Typography.stories.tsx +425 -0
  82. package/Typography/Typography.tsx +106 -0
  83. package/helpers.ts +5 -0
  84. package/{icons.js → icons.ts} +1 -1
  85. package/index.ts +217 -0
  86. package/lib/typography-types.ts +223 -0
  87. package/lib/utils.ts +15 -0
  88. package/package.json +36 -33
  89. package/tsconfig.json +22 -0
  90. package/Alert/Alert.d.ts +0 -13
  91. package/Alert/Alert.js +0 -25
  92. package/AlertDialog/AlertDialog.d.ts +0 -43
  93. package/AlertDialog/AlertDialog.js +0 -71
  94. package/Avatar/Avatar.d.ts +0 -14
  95. package/Avatar/Avatar.js +0 -25
  96. package/Badge/Badge.d.ts +0 -11
  97. package/Badge/Badge.js +0 -23
  98. package/Breadcrumb/Breadcrumb.d.ts +0 -19
  99. package/Breadcrumb/Breadcrumb.js +0 -23
  100. package/Button/Button.d.ts +0 -23
  101. package/Button/Button.js +0 -52
  102. package/Calendar/Calendar.d.ts +0 -20
  103. package/Calendar/Calendar.js +0 -78
  104. package/Card/Card.d.ts +0 -16
  105. package/Card/Card.js +0 -28
  106. package/Carousel/Carousel.d.ts +0 -37
  107. package/Carousel/Carousel.js +0 -132
  108. package/ChatBubble/ChatBubble.d.ts +0 -33
  109. package/ChatBubble/ChatBubble.js +0 -107
  110. package/Checkbox/Checkbox.d.ts +0 -12
  111. package/Checkbox/Checkbox.js +0 -20
  112. package/DataTable/DataTable.d.ts +0 -35
  113. package/DataTable/DataTable.js +0 -51
  114. package/Dialog/Dialog.d.ts +0 -35
  115. package/Dialog/Dialog.js +0 -130
  116. package/Drawer/Drawer.d.ts +0 -33
  117. package/Drawer/Drawer.js +0 -55
  118. package/DropdownMenu/DropdownMenu.d.ts +0 -27
  119. package/DropdownMenu/DropdownMenu.js +0 -35
  120. package/ErrorMessage/ErrorMessage.d.ts +0 -27
  121. package/ErrorMessage/ErrorMessage.js +0 -14
  122. package/Flex/Flex.d.ts +0 -31
  123. package/Flex/Flex.js +0 -64
  124. package/IconButton/IconButton.d.ts +0 -23
  125. package/IconButton/IconButton.js +0 -48
  126. package/Input/Input.d.ts +0 -27
  127. package/Input/Input.js +0 -42
  128. package/InputOTP/InputOTP.d.ts +0 -20
  129. package/InputOTP/InputOTP.js +0 -44
  130. package/Label/Label.d.ts +0 -13
  131. package/Label/Label.js +0 -19
  132. package/Loader/Loader.d.ts +0 -21
  133. package/Loader/Loader.js +0 -30
  134. package/Menubar/Menubar.d.ts +0 -26
  135. package/Menubar/Menubar.js +0 -54
  136. package/Menubar/index.d.ts +0 -1
  137. package/Menubar/index.js +0 -1
  138. package/Pagination/Pagination.d.ts +0 -35
  139. package/Pagination/Pagination.js +0 -37
  140. package/Popover/Popover.d.ts +0 -7
  141. package/Popover/Popover.js +0 -10
  142. package/Progress/Progress.d.ts +0 -17
  143. package/Progress/Progress.js +0 -33
  144. package/RadioGroup/RadioGroup.d.ts +0 -13
  145. package/RadioGroup/RadioGroup.js +0 -26
  146. package/ScrollArea/ScrollArea.d.ts +0 -5
  147. package/ScrollArea/ScrollArea.js +0 -11
  148. package/Select/Select.d.ts +0 -29
  149. package/Select/Select.js +0 -50
  150. package/Separator/Separator.d.ts +0 -4
  151. package/Separator/Separator.js +0 -7
  152. package/Sidebar/Sidebar.d.ts +0 -48
  153. package/Sidebar/Sidebar.js +0 -116
  154. package/Sidebar/index.d.ts +0 -2
  155. package/Sidebar/index.js +0 -1
  156. package/Skeleton/Skeleton.d.ts +0 -4
  157. package/Skeleton/Skeleton.js +0 -7
  158. package/Slider/Slider.d.ts +0 -6
  159. package/Slider/Slider.js +0 -7
  160. package/Spinner/Spinner.d.ts +0 -19
  161. package/Spinner/Spinner.js +0 -31
  162. package/Switch/Switch.d.ts +0 -12
  163. package/Switch/Switch.js +0 -30
  164. package/Table/Table.d.ts +0 -10
  165. package/Table/Table.js +0 -20
  166. package/Tabs/Tabs.d.ts +0 -15
  167. package/Tabs/Tabs.js +0 -24
  168. package/Textarea/Textarea.d.ts +0 -19
  169. package/Textarea/Textarea.js +0 -31
  170. package/Toast/Toast.d.ts +0 -12
  171. package/Toast/Toast.js +0 -25
  172. package/Tooltip/Tooltip.d.ts +0 -17
  173. package/Tooltip/Tooltip.js +0 -29
  174. package/Typography/Typography.d.ts +0 -20
  175. package/Typography/Typography.js +0 -43
  176. package/helpers.d.ts +0 -4
  177. package/helpers.js +0 -5
  178. package/icons.d.ts +0 -1
  179. package/index.d.ts +0 -42
  180. package/index.js +0 -45
  181. package/lib/typography-types.d.ts +0 -4
  182. package/lib/typography-types.js +0 -90
  183. package/lib/utils.d.ts +0 -3
  184. package/lib/utils.js +0 -14
  185. package/tmpclaude-2407-cwd +0 -1
package/Toast/Toast.js DELETED
@@ -1,25 +0,0 @@
1
- "use client";
2
- import { jsx as _jsx } from "react/jsx-runtime";
3
- import { CircleCheckIcon, InfoIcon, Loader2Icon, OctagonXIcon, TriangleAlertIcon, } from "lucide-react";
4
- import { Toaster as Sonner, toast } from "sonner";
5
- const Toaster = ({ theme = "light", ...props }) => {
6
- return (_jsx(Sonner, { theme: theme, className: "toaster group", icons: {
7
- success: _jsx(CircleCheckIcon, { className: "size-4" }),
8
- info: _jsx(InfoIcon, { className: "size-4" }),
9
- warning: _jsx(TriangleAlertIcon, { className: "size-4" }),
10
- error: _jsx(OctagonXIcon, { className: "size-4" }),
11
- loading: _jsx(Loader2Icon, { className: "size-4 animate-spin" }),
12
- }, toastOptions: {
13
- classNames: {
14
- toast: "group toast group-[.toaster]:bg-white group-[.toaster]:text-main-950 group-[.toaster]:border-grey-200 group-[.toaster]:shadow-lg group-[.toaster]:rounded-lg",
15
- description: "group-[.toast]:text-main-500",
16
- actionButton: "group-[.toast]:bg-main-900 group-[.toast]:text-white",
17
- cancelButton: "group-[.toast]:bg-grey-100 group-[.toast]:text-main-500",
18
- success: "group-[.toaster]:border-success-200 group-[.toaster]:bg-success-50 group-[.toaster]:text-success-900 [&_svg]:text-success-600",
19
- error: "group-[.toaster]:border-error-200 group-[.toaster]:bg-error-50 group-[.toaster]:text-error-900 [&_svg]:text-error-600",
20
- warning: "group-[.toaster]:border-warning-200 group-[.toaster]:bg-warning-50 group-[.toaster]:text-warning-900 [&_svg]:text-warning-600",
21
- info: "group-[.toaster]:border-accent-200 group-[.toaster]:bg-accent-50 group-[.toaster]:text-accent-900 [&_svg]:text-accent-600",
22
- },
23
- }, ...props }));
24
- };
25
- export { Toaster, toast };
@@ -1,17 +0,0 @@
1
- import * as React from "react";
2
- import * as TooltipPrimitive from "@radix-ui/react-tooltip";
3
- type TooltipContentVariant = "default" | "light";
4
- declare const tooltipContentVariants: (props?: ({
5
- variant?: "default" | "light" | null | undefined;
6
- } & import("class-variance-authority/types").ClassProp) | undefined) => string;
7
- declare function TooltipProvider({ delayDuration, skipDelayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
8
- declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
9
- declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
10
- export type TooltipContentProps = React.ComponentProps<typeof TooltipPrimitive.Content> & {
11
- variant?: TooltipContentVariant;
12
- /** Whether to show the arrow */
13
- showArrow?: boolean;
14
- };
15
- declare function TooltipContent({ className, sideOffset, variant, showArrow, children, ...props }: TooltipContentProps): import("react/jsx-runtime").JSX.Element;
16
- export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, tooltipContentVariants, };
17
- export type { TooltipContentVariant };
@@ -1,29 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import * as React from "react";
3
- import * as TooltipPrimitive from "@radix-ui/react-tooltip";
4
- import { cva } from "class-variance-authority";
5
- import { cn } from "../lib/utils";
6
- const tooltipContentVariants = cva("z-50 overflow-hidden rounded-lg bg-neutral-950 px-2 py-1.5 text-xs text-neutral-50 animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", {
7
- variants: {
8
- variant: {
9
- default: "bg-neutral-950 text-neutral-50",
10
- light: "bg-white text-neutral-900 border border-neutral-200 shadow-md",
11
- },
12
- },
13
- defaultVariants: {
14
- variant: "default",
15
- },
16
- });
17
- function TooltipProvider({ delayDuration = 200, skipDelayDuration = 300, ...props }) {
18
- return (_jsx(TooltipPrimitive.Provider, { delayDuration: delayDuration, skipDelayDuration: skipDelayDuration, ...props }));
19
- }
20
- function Tooltip({ ...props }) {
21
- return _jsx(TooltipPrimitive.Root, { ...props });
22
- }
23
- function TooltipTrigger({ ...props }) {
24
- return _jsx(TooltipPrimitive.Trigger, { ...props });
25
- }
26
- function TooltipContent({ className, sideOffset = 4, variant, showArrow = true, children, ...props }) {
27
- return (_jsx(TooltipPrimitive.Portal, { children: _jsxs(TooltipPrimitive.Content, { sideOffset: sideOffset, className: cn(tooltipContentVariants({ variant }), className), ...props, children: [children, showArrow && (_jsx(TooltipPrimitive.Arrow, { className: cn("fill-neutral-950", variant === "light" && "fill-white"), width: 11, height: 5 }))] }) }));
28
- }
29
- export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, tooltipContentVariants, };
@@ -1,20 +0,0 @@
1
- import * as React from "react";
2
- import { type TextVariant, type TextColor } from "../lib/typography-types";
3
- declare const typographyVariants: (props?: ({
4
- align?: "center" | "left" | "right" | "justify" | null | undefined;
5
- variant?: TextVariant | null | undefined;
6
- color?: TextColor | null | undefined;
7
- } & import("class-variance-authority/types").ClassProp) | undefined) => string;
8
- type TypographyVariant = TextVariant;
9
- type TypographyColor = TextColor;
10
- type TypographyAlign = "left" | "center" | "right" | "justify";
11
- type TypographyProps<T extends React.ElementType = "p"> = {
12
- as?: T;
13
- asChild?: boolean;
14
- variant?: TypographyVariant;
15
- color?: TypographyColor;
16
- align?: TypographyAlign;
17
- } & Omit<React.ComponentPropsWithoutRef<T>, "as" | "asChild" | "color" | "variant" | "align">;
18
- declare function Typography<T extends React.ElementType = "p">({ className, variant, color, align, as, asChild, ...props }: TypographyProps<T>): import("react/jsx-runtime").JSX.Element;
19
- export { Typography, typographyVariants };
20
- export type { TypographyVariant, TypographyColor, TypographyAlign };
@@ -1,43 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import * as React from "react";
3
- import { Slot } from "@radix-ui/react-slot";
4
- import { cva } from "class-variance-authority";
5
- import { cn } from "../lib/utils";
6
- import { textVariantClasses, textColorClasses, } from "../lib/typography-types";
7
- const typographyVariants = cva("", {
8
- variants: {
9
- align: {
10
- left: "text-left",
11
- center: "text-center",
12
- right: "text-right",
13
- justify: "text-justify",
14
- },
15
- variant: textVariantClasses,
16
- color: textColorClasses,
17
- },
18
- defaultVariants: {
19
- variant: "body1",
20
- color: "default",
21
- },
22
- });
23
- const variantElementMap = {
24
- h1: "h1",
25
- h2: "h2",
26
- h3: "h3",
27
- h4: "h4",
28
- h5: "h5",
29
- h6: "h6",
30
- subtitle1: "p",
31
- subtitle2: "p",
32
- subtitle3: "p",
33
- body1: "p",
34
- body2: "p",
35
- body3: "p",
36
- caption: "span",
37
- };
38
- function Typography({ className, variant = "body1", color = "default", align, as, asChild = false, ...props }) {
39
- const defaultElement = variant ? variantElementMap[variant] : "p";
40
- const Component = asChild ? Slot : as ?? defaultElement;
41
- return (_jsx(Component, { "data-slot": "typography", className: cn(typographyVariants({ variant, color, align, className })), ...props }));
42
- }
43
- export { Typography, typographyVariants };
package/helpers.d.ts DELETED
@@ -1,4 +0,0 @@
1
- export { cn, copyToClipboard } from "./lib/utils";
2
- export { clsx, type ClassValue } from "clsx";
3
- export { twMerge } from "tailwind-merge";
4
- export { cva, type VariantProps } from "class-variance-authority";
package/helpers.js DELETED
@@ -1,5 +0,0 @@
1
- // Helpers (re-exported utilities)
2
- export { cn, copyToClipboard } from "./lib/utils";
3
- export { clsx } from "clsx";
4
- export { twMerge } from "tailwind-merge";
5
- export { cva } from "class-variance-authority";
package/icons.d.ts DELETED
@@ -1 +0,0 @@
1
- export * from "lucide-react";
package/index.d.ts DELETED
@@ -1,42 +0,0 @@
1
- import "./index.css";
2
- export { Alert, AlertTitle, AlertDescription, alertVariants, type AlertProps, type AlertVariant } from "./Alert/Alert";
3
- export { Avatar, AvatarImage, AvatarFallback, avatarVariants, type AvatarProps, type AvatarSize } from "./Avatar/Avatar";
4
- export { Badge, badgeVariants, type BadgeProps, type BadgeVariant } from "./Badge/Badge";
5
- export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, } from "./Breadcrumb/Breadcrumb";
6
- export { Button, buttonVariants, type ButtonProps, type ButtonVariant, type ButtonSize, type ButtonRoundness } from "./Button/Button";
7
- export { Calendar, CalendarDayButton, type CalendarProps } from "./Calendar/Calendar";
8
- export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent, cardVariants, type CardProps, type CardVariant } from "./Card/Card";
9
- export { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, carouselVariants, carouselContentVariants, carouselItemVariants, useCarousel, type CarouselApi, type CarouselProps, type CarouselOptions, type CarouselPlugin, type CarouselOrientation, } from "./Carousel/Carousel";
10
- export { ChatBubble, chatBubbleVariants, bubbleContentVariants, type ChatBubbleProps, type ChatBubbleSide, type ChatBubbleColor, type ChatBubbleTheme, type ChatBubbleSize } from "./ChatBubble/ChatBubble";
11
- export { Checkbox, checkboxVariants, type CheckboxProps, type CheckboxSize } from "./Checkbox/Checkbox";
12
- export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogBody, AlertDialogAction, AlertDialogCancel, alertDialogContentVariants, alertDialogHeaderVariants, alertDialogFooterVariants, type AlertDialogContentProps, type AlertDialogHeaderProps, type AlertDialogFooterProps, type AlertDialogContentType, type AlertDialogHeaderType, type AlertDialogFooterType, type AlertDialogCloseButtonVariant, } from "./AlertDialog/AlertDialog";
13
- export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerBody, DrawerTitle, DrawerDescription, drawerContentVariants, drawerOverlayVariants, type DrawerProps, type DrawerContentProps, type DrawerDirection, } from "./Drawer/Drawer";
14
- export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, } from "./DropdownMenu/DropdownMenu";
15
- export { ErrorMessage, type ErrorMessageProps } from "./ErrorMessage/ErrorMessage";
16
- export { Flex, flexVariants, type FlexProps, type FlexDirection, type FlexAlign, type FlexJustify, type FlexWrap, type FlexGap } from "./Flex/Flex";
17
- export { IconButton, iconButtonVariants, type IconButtonProps, type IconButtonVariant, type IconButtonSize, type IconButtonRoundness } from "./IconButton/IconButton";
18
- export { Input, inputVariants, type InputProps, type InputSize, type InputRoundness, type InputVariant } from "./Input/Input";
19
- export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator, inputOTPVariants, inputOTPSlotVariants, type InputOTPProps, type InputOTPSlotProps, type InputOTPSlotSize, } from "./InputOTP/InputOTP";
20
- export { Label, labelVariants, type LabelProps } from "./Label/Label";
21
- export { Loader, loaderVariants, type LoaderProps, type LoaderSize, type LoaderColor } from "./Loader/Loader";
22
- export { Menubar, MenubarPortal, MenubarMenu, MenubarTrigger, MenubarContent, MenubarGroup, MenubarSeparator, MenubarLabel, MenubarItem, MenubarShortcut, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarSub, MenubarSubTrigger, MenubarSubContent, } from "./Menubar/Menubar";
23
- export { Pagination, PaginationContent, PaginationLink, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis, type PaginationLinkProps, } from "./Pagination/Pagination";
24
- export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor } from "./Popover/Popover";
25
- export { Progress, progressVariants, progressIndicatorVariants, type ProgressProps, type ProgressSize, type ProgressVariant } from "./Progress/Progress";
26
- export { RadioGroup, RadioGroupItem, radioGroupItemVariants, type RadioGroupItemProps, type RadioGroupItemSize } from "./RadioGroup/RadioGroup";
27
- export { ScrollArea, ScrollBar } from "./ScrollArea/ScrollArea";
28
- export { Sidebar, SidebarHeader, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarMenuItem, SidebarSubMenuItem, SidebarSeparator, SidebarToggle, useSidebar, sidebarMenuItemVariants, sidebarSubMenuItemVariants, type SidebarProps, type SidebarHeaderProps, type SidebarContentProps, type SidebarFooterProps, type SidebarGroupProps, type SidebarGroupLabelProps, type SidebarMenuItemProps, type SidebarSubMenuItemProps, type SidebarSeparatorProps, type SidebarToggleProps, } from "./Sidebar/Sidebar";
29
- export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, selectTriggerVariants, type SelectTriggerProps, type SelectTriggerSize, } from "./Select/Select";
30
- export { Separator } from "./Separator/Separator";
31
- export { Skeleton, type SkeletonProps } from "./Skeleton/Skeleton";
32
- export { Slider, type SliderProps } from "./Slider/Slider";
33
- export { Spinner, spinnerVariants, type SpinnerProps, type SpinnerSize, type SpinnerVariant } from "./Spinner/Spinner";
34
- export { Switch, switchVariants, type SwitchProps, type SwitchSize } from "./Switch/Switch";
35
- export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, } from "./Table/Table";
36
- export { DataTable, type DataTableColumn, type DataTableProps, type DataTablePagination, type DataTableScroll } from "./DataTable/DataTable";
37
- export { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants, type TabsListProps, type TabsListVariant } from "./Tabs/Tabs";
38
- export { Textarea, textareaVariants, type TextareaProps, type TextareaVariant, type TextareaResize } from "./Textarea/Textarea";
39
- export { Toaster, toast, type ToastProps, type ToastTheme } from "./Toast/Toast";
40
- export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, tooltipContentVariants, type TooltipContentProps, type TooltipContentVariant, } from "./Tooltip/Tooltip";
41
- export { Typography, typographyVariants, type TypographyVariant, type TypographyColor } from "./Typography/Typography";
42
- export { cn, copyToClipboard } from "./lib/utils";
package/index.js DELETED
@@ -1,45 +0,0 @@
1
- // Styles
2
- import "./index.css";
3
- // Components
4
- export { Alert, AlertTitle, AlertDescription, alertVariants } from "./Alert/Alert";
5
- export { Avatar, AvatarImage, AvatarFallback, avatarVariants } from "./Avatar/Avatar";
6
- export { Badge, badgeVariants } from "./Badge/Badge";
7
- export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, } from "./Breadcrumb/Breadcrumb";
8
- export { Button, buttonVariants } from "./Button/Button";
9
- export { Calendar, CalendarDayButton } from "./Calendar/Calendar";
10
- export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent, cardVariants } from "./Card/Card";
11
- export { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, carouselVariants, carouselContentVariants, carouselItemVariants, useCarousel, } from "./Carousel/Carousel";
12
- export { ChatBubble, chatBubbleVariants, bubbleContentVariants } from "./ChatBubble/ChatBubble";
13
- export { Checkbox, checkboxVariants } from "./Checkbox/Checkbox";
14
- export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogBody, AlertDialogAction, AlertDialogCancel, alertDialogContentVariants, alertDialogHeaderVariants, alertDialogFooterVariants, } from "./AlertDialog/AlertDialog";
15
- export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerBody, DrawerTitle, DrawerDescription, drawerContentVariants, drawerOverlayVariants, } from "./Drawer/Drawer";
16
- export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, } from "./DropdownMenu/DropdownMenu";
17
- export { ErrorMessage } from "./ErrorMessage/ErrorMessage";
18
- export { Flex, flexVariants } from "./Flex/Flex";
19
- export { IconButton, iconButtonVariants } from "./IconButton/IconButton";
20
- export { Input, inputVariants } from "./Input/Input";
21
- export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator, inputOTPVariants, inputOTPSlotVariants, } from "./InputOTP/InputOTP";
22
- export { Label, labelVariants } from "./Label/Label";
23
- export { Loader, loaderVariants } from "./Loader/Loader";
24
- export { Menubar, MenubarPortal, MenubarMenu, MenubarTrigger, MenubarContent, MenubarGroup, MenubarSeparator, MenubarLabel, MenubarItem, MenubarShortcut, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarSub, MenubarSubTrigger, MenubarSubContent, } from "./Menubar/Menubar";
25
- export { Pagination, PaginationContent, PaginationLink, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis, } from "./Pagination/Pagination";
26
- export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor } from "./Popover/Popover";
27
- export { Progress, progressVariants, progressIndicatorVariants } from "./Progress/Progress";
28
- export { RadioGroup, RadioGroupItem, radioGroupItemVariants } from "./RadioGroup/RadioGroup";
29
- export { ScrollArea, ScrollBar } from "./ScrollArea/ScrollArea";
30
- export { Sidebar, SidebarHeader, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarMenuItem, SidebarSubMenuItem, SidebarSeparator, SidebarToggle, useSidebar, sidebarMenuItemVariants, sidebarSubMenuItemVariants, } from "./Sidebar/Sidebar";
31
- export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, selectTriggerVariants, } from "./Select/Select";
32
- export { Separator } from "./Separator/Separator";
33
- export { Skeleton } from "./Skeleton/Skeleton";
34
- export { Slider } from "./Slider/Slider";
35
- export { Spinner, spinnerVariants } from "./Spinner/Spinner";
36
- export { Switch, switchVariants } from "./Switch/Switch";
37
- export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, } from "./Table/Table";
38
- export { DataTable } from "./DataTable/DataTable";
39
- export { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants } from "./Tabs/Tabs";
40
- export { Textarea, textareaVariants } from "./Textarea/Textarea";
41
- export { Toaster, toast } from "./Toast/Toast";
42
- export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, tooltipContentVariants, } from "./Tooltip/Tooltip";
43
- export { Typography, typographyVariants } from "./Typography/Typography";
44
- // Utilities
45
- export { cn, copyToClipboard } from "./lib/utils";
@@ -1,4 +0,0 @@
1
- export type TextVariant = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "subtitle1" | "subtitle2" | "subtitle3" | "body1" | "body2" | "body3" | "caption";
2
- export type TextColor = "default" | "main-50" | "main-100" | "main-200" | "main-300" | "main-400" | "main-500" | "main-600" | "main-700" | "main-800" | "main-900" | "main-950" | "success-50" | "success-100" | "success-200" | "success-300" | "success-400" | "success-500" | "success-600" | "success-700" | "success-800" | "success-900" | "success-950" | "accent-50" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "accent-950" | "error-50" | "error-100" | "error-200" | "error-300" | "error-400" | "error-500" | "error-600" | "error-700" | "error-800" | "error-900" | "error-950" | "warning-50" | "warning-100" | "warning-200" | "warning-300" | "warning-400" | "warning-500" | "warning-600" | "warning-700" | "warning-800" | "warning-900" | "warning-950" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-400" | "grey-500" | "grey-600" | "grey-700" | "grey-800" | "grey-900" | "grey-950";
3
- export declare const textVariantClasses: Record<TextVariant, string>;
4
- export declare const textColorClasses: Record<TextColor, string>;
@@ -1,90 +0,0 @@
1
- export const textVariantClasses = {
2
- h1: "font-extrabold text-[64px] leading-none tracking-normal font-sans",
3
- h2: "font-bold text-[48px] leading-none tracking-normal font-sans",
4
- h3: "font-bold text-[32px] leading-none tracking-normal font-sans",
5
- h4: "font-bold text-[24px] leading-[1.2] tracking-[-0.48px] font-sans",
6
- h5: "font-bold text-[20px] leading-none tracking-normal font-sans",
7
- h6: "font-semibold text-[20px] leading-none tracking-normal font-sans",
8
- subtitle1: "font-semibold text-[20px] leading-none tracking-normal font-sans",
9
- subtitle2: "font-semibold text-[18px] leading-none tracking-normal font-sans",
10
- subtitle3: "font-semibold text-[16px] leading-none tracking-normal font-sans",
11
- body1: "font-normal text-[16px] leading-none tracking-normal font-sans",
12
- body2: "font-normal text-[14px] leading-none tracking-normal font-sans",
13
- body3: "font-normal text-[12px] leading-none tracking-normal font-sans",
14
- caption: "font-light text-[12px] leading-none tracking-normal font-sans",
15
- };
16
- export const textColorClasses = {
17
- default: "text-main-800",
18
- // Main colors
19
- "main-50": "text-main-50",
20
- "main-100": "text-main-100",
21
- "main-200": "text-main-200",
22
- "main-300": "text-main-300",
23
- "main-400": "text-main-400",
24
- "main-500": "text-main-500",
25
- "main-600": "text-main-600",
26
- "main-700": "text-main-700",
27
- "main-800": "text-main-800",
28
- "main-900": "text-main-900",
29
- "main-950": "text-main-950",
30
- // Success colors
31
- "success-50": "text-success-50",
32
- "success-100": "text-success-100",
33
- "success-200": "text-success-200",
34
- "success-300": "text-success-300",
35
- "success-400": "text-success-400",
36
- "success-500": "text-success-500",
37
- "success-600": "text-success-600",
38
- "success-700": "text-success-700",
39
- "success-800": "text-success-800",
40
- "success-900": "text-success-900",
41
- "success-950": "text-success-950",
42
- // Accent colors
43
- "accent-50": "text-accent-50",
44
- "accent-100": "text-accent-100",
45
- "accent-200": "text-accent-200",
46
- "accent-300": "text-accent-300",
47
- "accent-400": "text-accent-400",
48
- "accent-500": "text-accent-500",
49
- "accent-600": "text-accent-600",
50
- "accent-700": "text-accent-700",
51
- "accent-800": "text-accent-800",
52
- "accent-900": "text-accent-900",
53
- "accent-950": "text-accent-950",
54
- // Error colors
55
- "error-50": "text-error-50",
56
- "error-100": "text-error-100",
57
- "error-200": "text-error-200",
58
- "error-300": "text-error-300",
59
- "error-400": "text-error-400",
60
- "error-500": "text-error-500",
61
- "error-600": "text-error-600",
62
- "error-700": "text-error-700",
63
- "error-800": "text-error-800",
64
- "error-900": "text-error-900",
65
- "error-950": "text-error-950",
66
- // Warning colors
67
- "warning-50": "text-warning-50",
68
- "warning-100": "text-warning-100",
69
- "warning-200": "text-warning-200",
70
- "warning-300": "text-warning-300",
71
- "warning-400": "text-warning-400",
72
- "warning-500": "text-warning-500",
73
- "warning-600": "text-warning-600",
74
- "warning-700": "text-warning-700",
75
- "warning-800": "text-warning-800",
76
- "warning-900": "text-warning-900",
77
- "warning-950": "text-warning-950",
78
- // Grey colors
79
- "grey-50": "text-grey-50",
80
- "grey-100": "text-grey-100",
81
- "grey-200": "text-grey-200",
82
- "grey-300": "text-grey-300",
83
- "grey-400": "text-grey-400",
84
- "grey-500": "text-grey-500",
85
- "grey-600": "text-grey-600",
86
- "grey-700": "text-grey-700",
87
- "grey-800": "text-grey-800",
88
- "grey-900": "text-grey-900",
89
- "grey-950": "text-grey-950",
90
- };
package/lib/utils.d.ts DELETED
@@ -1,3 +0,0 @@
1
- import { type ClassValue } from "clsx";
2
- export declare function cn(...inputs: ClassValue[]): string;
3
- export declare function copyToClipboard(text: string): Promise<boolean>;
package/lib/utils.js DELETED
@@ -1,14 +0,0 @@
1
- import { clsx } from "clsx";
2
- import { twMerge } from "tailwind-merge";
3
- export function cn(...inputs) {
4
- return twMerge(clsx(inputs));
5
- }
6
- export async function copyToClipboard(text) {
7
- try {
8
- await navigator.clipboard.writeText(text);
9
- return true;
10
- }
11
- catch {
12
- return false;
13
- }
14
- }
@@ -1 +0,0 @@
1
- /d/Work/a2v2/a2v2-uikit/dist