@zimyo/ui 1.0.1 → 1.1.0

package/package.json

@@ -1,93 +1,92 @@
 {
   "name": "@zimyo/ui",
-  "version": "1.0.1",
+  "version": "1.1.0",
+  "description": "Scalable UI component library built on MUI Material",
   "main": "dist/index.js",
-  "module": "dist/index.js",
-  "dependencies": {
-    "@hookform/resolvers": "^5.1.1",
-    "@tanstack/react-table": "^8.21.3",
-    "clsx": "^2.1.1",
-    "cmdk": "^1.1.1",
-    "embla-carousel-react": "^8.6.0",
-    "input-otp": "^1.4.2",
-    "react-day-picker": "^9.7.0",
-    "react-hook-form": "^7.58.1",
-    "react-resizable-panels": "^3.0.3",
-    "sonner": "^2.0.5",
-    "tailwind-merge": "^3.3.0",
-    "tw-animate-css": "^1.3.4",
-    "vaul": "^1.1.2",
-    "zod": "^3.25.67"
-  },
-  "peerDependencies": {
-    "lucide-react": "^0.522.0",
-    "radix-ui": "^1.4.2",
-    "react": "^16.8 || ^17.0 || ^18.0",
-    "react-dom": "^16.8 || ^17.0 || ^18.0",
-    "recharts": "^2.15.4"
-  },
-  "devDependencies": {
-    "@babel/preset-react": "^7.27.1",
-    "@rollup/plugin-alias": "^5.1.1",
-    "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-commonjs": "^28.0.3",
-    "@rollup/plugin-node-resolve": "^16.0.1",
-    "@rollup/plugin-typescript": "^12.1.2",
-    "@storybook/addon-docs": "^8.6.14",
-    "@storybook/addon-essentials": "8.6.14",
-    "@storybook/addon-links": "^8.6.14",
-    "@storybook/addon-onboarding": "^8.6.14",
-    "@storybook/addon-postcss": "^2.0.0",
-    "@storybook/addon-webpack5-compiler-swc": "^3.0.0",
-    "@storybook/react-webpack5": "^8.6.14 ",
-    "@storybook/test": "^8.6.14",
-    "@tailwindcss/cli": "^4.0.0",
-    "@tailwindcss/postcss": "^4.1.8",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
-    "autoprefixer": "^10.4.21",
-    "class-variance-authority": "^0.7.1",
-    "date-fns": "^4.1.0",
-    "lucide-react": "^0.522.0",
-    "postcss": "^8.5.4",
-    "radix-ui": "^1.4.2",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "recharts": "^2.15.4",
-    "rollup": "^4.42.0",
-    "rollup-plugin-dts": "^6.2.1",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-postcss": "^4.0.2",
-    "rollup-plugin-visualizer": "^6.0.3",
-    "storybook": "^8.6.14",
-    "tailwindcss": "^4.1.8",
-    "tslib": "^2.8.1",
-    "typescript": "^5.8.3"
-  },
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/index.js",
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.js",
       "types": "./dist/index.d.ts"
     },
-    "./*.css": "./dist/*.css"
+    "./Button": {
+      "import": "./dist/Button/index.esm.js",
+      "require": "./dist/Button/index.js",
+      "types": "./dist/Button/index.d.ts"
+    },
+    "./Popover": {
+      "import": "./dist/Popover/index.esm.js",
+      "require": "./dist/Popover/index.js",
+      "types": "./dist/Popover/index.d.ts"
+    },
+    "./Typography": {
+      "import": "./dist/Typography/index.esm.js",
+      "require": "./dist/Typography/index.js",
+      "types": "./dist/Typography/index.d.ts"
+    },
+    "./theme": {
+      "import": "./dist/theme/index.esm.js",
+      "require": "./dist/theme/index.js",
+      "types": "./dist/theme/index.d.ts"
+    }
   },
-  "description": "My shadcn/ui component library with Tailwind v4",
   "files": [
-    "dist",
-    "!**/*.stories.tsx",
-    "!**/*.stories.js",
-    "!**/__tests__"
+    "dist"
   ],
   "scripts": {
-    "build:js": "rollup -c --bundleConfigAsCjs",
-    "clean": "rm -rf dist",
-    "build": "npm run build:js",
-    "dev": "rollup -c -w",
+    "build": "rollup -c --bundleConfigAsCjs",
+    "build:watch": "rollup -c -w",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
+    "build-storybook": "storybook build",
+    "test:watch": "jest --watch",
+    "lint": "eslint src --ext .ts,.tsx",
+    "typecheck": "tsc --noEmit",
+    "generate:exports": "node scripts/generate-exports.js",
+    "version": "changeset version",
+    "release": "changeset publish --access public"
   },
-  "style": "./dist/styles.css",
-  "type": "module",
-  "types": "dist/index.d.ts",
-  "typings": "./dist/index.d.ts"
-}
+  "peerDependencies": {
+    "@emotion/react": ">=11.0.0",
+    "@emotion/styled": ">=11.0.0",
+    "@mui/material": ">=5.0.0",
+    "react": ">=17.0.0",
+    "react-dom": ">=17.0.0"
+  },
+  "devDependencies": {
+    "@changesets/cli": "^2.29.5",
+    "@rollup/plugin-commonjs": "^25.0.0",
+    "@rollup/plugin-node-resolve": "^15.0.0",
+    "@rollup/plugin-typescript": "^11.0.0",
+    "@storybook/addon-webpack5-compiler-swc": "^3.0.0",
+    "@storybook/react-webpack5": "^9.0.14",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^13.4.0",
+    "@types/jest": "^30.0.0",
+    "@types/node": "^20.9.0",
+    "@types/react": "^18.0.0",
+    "eslint": "^8.0.0",
+    "eslint-plugin-storybook": "^9.0.14",
+    "jest": "^29.7.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "rollup": "^3.0.0",
+    "rollup-plugin-dts": "^6.0.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "storybook": "^9.0.14",
+    "typescript": "^5.0.0"
+  },
+  "dependencies": {
+    "@emotion/react": ">=11.0.0",
+    "@emotion/styled": ">=11.0.0",
+    "@mui/icons-material": "^7.1.2",
+    "@mui/material": ">=5.0.0",
+    "@mui/styles": "^6.4.8"
+  },
+  "eslintConfig": {
+    "extends": [
+      "plugin:storybook/recommended"
+    ]
+  }
+}

package/dist/_virtual/_rollupPluginBabelHelpers.js

@@ -1,11 +0,0 @@
-function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function (n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-    }
-    return n;
-  }, _extends.apply(null, arguments);
-}
-
-export { _extends as extends };

package/dist/components/index.d.ts

@@ -1,59 +0,0 @@
-export { Button, buttonVariants } from './ui/button.js';
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './ui/accordion.js';
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from './ui/alert-dialog.js';
-export { Alert, AlertDescription, AlertTitle } from './ui/alert.js';
-export { AspectRatio } from './ui/aspect-ratio.js';
-export { Avatar, AvatarFallback, AvatarImage } from './ui/avatar.js';
-export { Badge, badgeVariants } from './ui/badge.js';
-export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from './ui/breadcrumb.js';
-export { Calendar, CalendarDayButton } from './ui/calendar.js';
-export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './ui/card.js';
-export { Carousel, CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from './ui/carousel.js';
-export { ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent } from './ui/chart.js';
-export { Checkbox } from './ui/checkbox.js';
-export { Collapsible, CollapsibleContent, CollapsibleTrigger } from './ui/collapsible.js';
-export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from './ui/command.js';
-export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from './ui/context-menu.js';
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './ui/dialog.js';
-export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from './ui/drawer.js';
-export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './ui/dropdown-menu.js';
-export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField } from './ui/form.js';
-export { HoverCard, HoverCardContent, HoverCardTrigger } from './ui/hover-card.js';
-export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from './ui/input-otp.js';
-export { Input } from './ui/input.js';
-export { Label } from './ui/label.js';
-export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger } from './ui/menubar.js';
-export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle } from './ui/navigation-menu.js';
-export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from './ui/pagination.js';
-export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from './ui/popover.js';
-export { Progress } from './ui/progress.js';
-export { RadioGroup, RadioGroupItem } from './ui/radio-group.js';
-export { ResizableHandle, ResizablePanel, ResizablePanelGroup } from './ui/resizable.js';
-export { ScrollArea, ScrollBar } from './ui/scroll-area.js';
-export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from './ui/select.js';
-export { Separator } from './ui/separator.js';
-export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from './ui/sheet.js';
-export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar } from './ui/sidebar.js';
-export { Skeleton } from './ui/skeleton.js';
-export { Slider } from './ui/slider.js';
-export { Toaster } from './ui/sonner.js';
-export { Switch } from './ui/switch.js';
-export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from './ui/table.js';
-export { Tabs, TabsContent, TabsList, TabsTrigger } from './ui/tabs.js';
-export { Textarea } from './ui/textarea.js';
-export { ToggleGroup, ToggleGroupItem } from './ui/toggle-group.js';
-export { Toggle, toggleVariants } from './ui/toggle.js';
-export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './ui/tooltip.js';
-import 'class-variance-authority/dist/types';
-import 'class-variance-authority';
-import 'react';
-import 'radix-ui';
-import 'react-day-picker';
-import 'embla-carousel-react';
-import 'recharts';
-import 'cmdk';
-import 'vaul';
-import 'react-hook-form';
-import 'input-otp';
-import 'react-resizable-panels';
-import 'sonner';

package/dist/components/ui/accordion.d.ts

@@ -1,9 +0,0 @@
-import { Accordion as Accordion$1 } from 'radix-ui';
-import * as React from 'react';
-
-declare function Accordion({ ...props }: React.ComponentProps<typeof Accordion$1.Root>): React.JSX.Element;
-declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof Accordion$1.Item>): React.JSX.Element;
-declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof Accordion$1.Trigger>): React.JSX.Element;
-declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof Accordion$1.Content>): React.JSX.Element;
-
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };

package/dist/components/ui/accordion.js

@@ -1,53 +0,0 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
-import { ChevronDownIcon } from 'lucide-react';
-import { Accordion as Accordion$1 } from 'radix-ui';
-import * as React from 'react';
-import { cn } from '../../lib/utils.js';
-
-function Accordion(_a) {
-  var props = __rest(_a, []);
-  return /*#__PURE__*/React.createElement(Accordion$1.Root, _extends({
-    "data-slot": "accordion"
-  }, props));
-}
-function AccordionItem(_a) {
-  var {
-      className
-    } = _a,
-    props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement(Accordion$1.Item, _extends({
-    "data-slot": "accordion-item",
-    className: cn("border-b last:border-b-0", className)
-  }, props));
-}
-function AccordionTrigger(_a) {
-  var {
-      className,
-      children
-    } = _a,
-    props = __rest(_a, ["className", "children"]);
-  return /*#__PURE__*/React.createElement(Accordion$1.Header, {
-    className: "flex"
-  }, /*#__PURE__*/React.createElement(Accordion$1.Trigger, _extends({
-    "data-slot": "accordion-trigger",
-    className: cn("focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180", className)
-  }, props), children, /*#__PURE__*/React.createElement(ChevronDownIcon, {
-    className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200"
-  })));
-}
-function AccordionContent(_a) {
-  var {
-      className,
-      children
-    } = _a,
-    props = __rest(_a, ["className", "children"]);
-  return /*#__PURE__*/React.createElement(Accordion$1.Content, _extends({
-    "data-slot": "accordion-content",
-    className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm"
-  }, props), /*#__PURE__*/React.createElement("div", {
-    className: cn("pt-0 pb-4", className)
-  }, children));
-}
-
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };

package/dist/components/ui/alert-dialog.d.ts

@@ -1,16 +0,0 @@
-import { AlertDialog as AlertDialog$1 } from 'radix-ui';
-import * as React from 'react';
-
-declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialog$1.Root>): React.JSX.Element;
-declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialog$1.Trigger>): React.JSX.Element;
-declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialog$1.Portal>): React.JSX.Element;
-declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Overlay>): React.JSX.Element;
-declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Content>): React.JSX.Element;
-declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Title>): React.JSX.Element;
-declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Description>): React.JSX.Element;
-declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Action>): React.JSX.Element;
-declare function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialog$1.Cancel>): React.JSX.Element;
-
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };

package/dist/components/ui/alert-dialog.js

@@ -1,107 +0,0 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
-import { AlertDialog as AlertDialog$1 } from 'radix-ui';
-import * as React from 'react';
-import { buttonVariants } from './button.js';
-import { cn } from '../../lib/utils.js';
-
-function AlertDialog(_a) {
-  var props = __rest(_a, []);
-  return /*#__PURE__*/React.createElement(AlertDialog$1.Root, _extends({
-    "data-slot": "alert-dialog"
-  }, props));
-}
-function AlertDialogTrigger(_a) {
-  var props = __rest(_a, []);
-  return /*#__PURE__*/React.createElement(AlertDialog$1.Trigger, _extends({
-    "data-slot": "alert-dialog-trigger"
-  }, props));
-}
-function AlertDialogPortal(_a) {
-  var props = __rest(_a, []);
-  return /*#__PURE__*/React.createElement(AlertDialog$1.Portal, _extends({
-    "data-slot": "alert-dialog-portal"
-  }, props));
-}
-function AlertDialogOverlay(_a) {
-  var {
-      className
-    } = _a,
-    props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement(AlertDialog$1.Overlay, _extends({
-    "data-slot": "alert-dialog-overlay",
-    className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className)
-  }, props));
-}
-function AlertDialogContent(_a) {
-  var {
-      className
-    } = _a,
-    props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement(AlertDialogPortal, null, /*#__PURE__*/React.createElement(AlertDialogOverlay, null), /*#__PURE__*/React.createElement(AlertDialog$1.Content, _extends({
-    "data-slot": "alert-dialog-content",
-    className: cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg", className)
-  }, props)));
-}
-function AlertDialogHeader(_a) {
-  var {
-      className
-    } = _a,
-    props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement("div", _extends({
-    "data-slot": "alert-dialog-header",
-    className: cn("flex flex-col gap-2 text-center sm:text-left", className)
-  }, props));
-}
-function AlertDialogFooter(_a) {
-  var {
-      className
-    } = _a,
-    props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement("div", _extends({
-    "data-slot": "alert-dialog-footer",
-    className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className)
-  }, props));
-}
-function AlertDialogTitle(_a) {
-  var {
-      className
-    } = _a,
-    props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement(AlertDialog$1.Title, _extends({
-    "data-slot": "alert-dialog-title",
-    className: cn("text-lg font-semibold", className)
-  }, props));
-}
-function AlertDialogDescription(_a) {
-  var {
-      className
-    } = _a,
-    props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement(AlertDialog$1.Description, _extends({
-    "data-slot": "alert-dialog-description",
-    className: cn("text-muted-foreground text-sm", className)
-  }, props));
-}
-function AlertDialogAction(_a) {
-  var {
-      className
-    } = _a,
-    props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement(AlertDialog$1.Action, _extends({
-    className: cn(buttonVariants(), className)
-  }, props));
-}
-function AlertDialogCancel(_a) {
-  var {
-      className
-    } = _a,
-    props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement(AlertDialog$1.Cancel, _extends({
-    className: cn(buttonVariants({
-      variant: "outline"
-    }), className)
-  }, props));
-}
-
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };

package/dist/components/ui/alert.d.ts

@@ -1,12 +0,0 @@
-import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
-import { VariantProps } from 'class-variance-authority';
-import * as React from 'react';
-
-declare const alertVariants: (props?: ({
-    variant?: "default" | "destructive" | null | undefined;
-} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
-declare function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): React.JSX.Element;
-declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-
-export { Alert, AlertDescription, AlertTitle };

package/dist/components/ui/alert.js

@@ -1,53 +0,0 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
-import { cva } from '../../node_modules/class-variance-authority/dist/index.js';
-import * as React from 'react';
-import { cn } from '../../lib/utils.js';
-
-const alertVariants = cva("relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current", {
-  variants: {
-    variant: {
-      default: "bg-card text-card-foreground",
-      destructive: "text-destructive bg-card *:data-[slot=alert-description]:text-destructive/90 [&>svg]:text-current"
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-});
-function Alert(_a) {
-  var {
-      className,
-      variant
-    } = _a,
-    props = __rest(_a, ["className", "variant"]);
-  return /*#__PURE__*/React.createElement("div", _extends({
-    "data-slot": "alert",
-    role: "alert",
-    className: cn(alertVariants({
-      variant
-    }), className)
-  }, props));
-}
-function AlertTitle(_a) {
-  var {
-      className
-    } = _a,
-    props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement("div", _extends({
-    "data-slot": "alert-title",
-    className: cn("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", className)
-  }, props));
-}
-function AlertDescription(_a) {
-  var {
-      className
-    } = _a,
-    props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement("div", _extends({
-    "data-slot": "alert-description",
-    className: cn("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed", className)
-  }, props));
-}
-
-export { Alert, AlertDescription, AlertTitle };

package/dist/components/ui/aspect-ratio.d.ts

@@ -1,6 +0,0 @@
-import * as React$1 from 'react';
-import { AspectRatio as AspectRatio$1 } from 'radix-ui';
-
-declare function AspectRatio({ ...props }: React.ComponentProps<typeof AspectRatio$1.Root>): React$1.JSX.Element;
-
-export { AspectRatio };

package/dist/components/ui/aspect-ratio.js

@@ -1,12 +0,0 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
-import { AspectRatio as AspectRatio$1 } from 'radix-ui';
-
-function AspectRatio(_a) {
-  var props = __rest(_a, []);
-  return /*#__PURE__*/React.createElement(AspectRatio$1.Root, _extends({
-    "data-slot": "aspect-ratio"
-  }, props));
-}
-
-export { AspectRatio };

package/dist/components/ui/avatar.d.ts

@@ -1,8 +0,0 @@
-import { Avatar as Avatar$1 } from 'radix-ui';
-import * as React from 'react';
-
-declare function Avatar({ className, ...props }: React.ComponentProps<typeof Avatar$1.Root>): React.JSX.Element;
-declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof Avatar$1.Image>): React.JSX.Element;
-declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof Avatar$1.Fallback>): React.JSX.Element;
-
-export { Avatar, AvatarFallback, AvatarImage };

package/dist/components/ui/avatar.js

@@ -1,38 +0,0 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
-import { Avatar as Avatar$1 } from 'radix-ui';
-import * as React from 'react';
-import { cn } from '../../lib/utils.js';
-
-function Avatar(_a) {
-  var {
-      className
-    } = _a,
-    props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement(Avatar$1.Root, _extends({
-    "data-slot": "avatar",
-    className: cn("relative flex size-8 shrink-0 overflow-hidden rounded-full", className)
-  }, props));
-}
-function AvatarImage(_a) {
-  var {
-      className
-    } = _a,
-    props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement(Avatar$1.Image, _extends({
-    "data-slot": "avatar-image",
-    className: cn("aspect-square size-full", className)
-  }, props));
-}
-function AvatarFallback(_a) {
-  var {
-      className
-    } = _a,
-    props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement(Avatar$1.Fallback, _extends({
-    "data-slot": "avatar-fallback",
-    className: cn("bg-muted flex size-full items-center justify-center rounded-full", className)
-  }, props));
-}
-
-export { Avatar, AvatarFallback, AvatarImage };

package/dist/components/ui/badge.d.ts

@@ -1,12 +0,0 @@
-import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
-import { VariantProps } from 'class-variance-authority';
-import * as React from 'react';
-
-declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "secondary" | "outline" | null | undefined;
-} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
-declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
-    asChild?: boolean;
-}): React.JSX.Element;
-
-export { Badge, badgeVariants };

package/dist/components/ui/badge.js

@@ -1,37 +0,0 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
-import { cva } from '../../node_modules/class-variance-authority/dist/index.js';
-import { Slot } from 'radix-ui';
-import * as React from 'react';
-import { cn } from '../../lib/utils.js';
-
-const badgeVariants = cva("focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-md border px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] [&>svg]:pointer-events-none [&>svg]:size-3", {
-  variants: {
-    variant: {
-      default: "bg-primary text-primary-foreground [a&]:hover:bg-primary/90 border-transparent",
-      secondary: "bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 border-transparent",
-      destructive: "bg-destructive [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60 border-transparent text-white",
-      outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-});
-function Badge(_a) {
-  var {
-      className,
-      variant,
-      asChild = false
-    } = _a,
-    props = __rest(_a, ["className", "variant", "asChild"]);
-  const Comp = asChild ? Slot.Slot : "span";
-  return /*#__PURE__*/React.createElement(Comp, _extends({
-    "data-slot": "badge",
-    className: cn(badgeVariants({
-      variant
-    }), className)
-  }, props));
-}
-
-export { Badge, badgeVariants };

package/dist/components/ui/breadcrumb.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-
-declare function Breadcrumb({ ...props }: React.ComponentProps<"nav">): React.JSX.Element;
-declare function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">): React.JSX.Element;
-declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
-declare function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<"a"> & {
-    asChild?: boolean;
-}): React.JSX.Element;
-declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
-declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
-declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
-
-export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };