@baolq/ui 1.0.0 → 1.1.10

package/README.md

@@ -75,17 +75,17 @@ function App() {
 
 ## 📚 Documentation
 
-Comprehensive guidelines are available in the `/guidelines/baole-ui/` directory:
+Comprehensive guidelines are available in the `/guidelines/` directory:
 
 ### Getting Started
 
-1. **[Guidelines.md](./guidelines/baole-ui/Guidelines.md)** — Master index and AI workflow
-2. **[overview-components.md](./guidelines/baole-ui/overview-components.md)** — Complete component reference
-3. **[overview-icons.md](./guidelines/baole-ui/overview-icons.md)** — Icon system documentation
+1. **[Guidelines.md](./guidelines/Guidelines.md)** — Master index and AI workflow
+2. **[overview-components.md](./guidelines/overview-components.md)** — Complete component reference
+3. **[overview-icons.md](./guidelines/overview-icons.md)** — Icon system documentation
 
 ### Design Tokens
 
-- **[colors.md](./guidelines/baole-ui/design-tokens/colors.md)** — Color system and usage
+- **[colors.md](./guidelines/design-tokens/colors.md)** — Color system and usage
 - **typography.md** — Font scales and text patterns *(coming soon)*
 - **spacing.md** — Layout and spacing conventions *(coming soon)*
 
@@ -93,9 +93,9 @@ Comprehensive guidelines are available in the `/guidelines/baole-ui/` directory:
 
 Detailed documentation for each component:
 
-- **[button.md](./guidelines/baole-ui/components/button.md)** — Button variants, sizes, and states
-- **[card.md](./guidelines/baole-ui/components/card.md)** — Card compositions and patterns
-- **[input.md](./guidelines/baole-ui/components/input.md)** — Form inputs with validation *(coming soon)*
+- **[button.md](./guidelines/components/button.md)** — Button variants, sizes, and states
+- **[card.md](./guidelines/components/card.md)** — Card compositions and patterns
+- **[input.md](./guidelines/components/input.md)** — Form inputs with validation *(coming soon)*
 - ...and 40+ more component guides
 
 ---
@@ -220,13 +220,13 @@ Visit `http://localhost:5173` to explore:
 
 ## 🤝 Contributing
 
-Contributions are welcome! Please read the [Guidelines.md](./guidelines/baole-ui/Guidelines.md) first.
+Contributions are welcome! Please read the [Guidelines.md](./guidelines/Guidelines.md) first.
 
 ### Development Setup
 
 ```bash
 # Clone the repository
-git clone https://github.com/unique01082/baole-ui.git
+git clone https://github.com/unique01082/components.baole.space.git
 
 # Install dependencies
 npm install
@@ -250,7 +250,7 @@ MIT © Bao LE
 
 ## 🔗 Links
 
-- **GitHub**: https://github.com/unique01082/baole-ui
+- **GitHub**: https://github.com/unique01082/components.baole.space
 - **Portfolio**: https://baole.space
 - **NPM**: *(coming soon)*
 - **Storybook**: *(coming soon)*

package/dist/components/avatar.d.ts

@@ -5,9 +5,8 @@ declare const avatarVariants: (props?: ({
     size?: "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface AvatarProps extends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>, VariantProps<typeof avatarVariants> {
-    src?: string;
-    alt?: string;
-    fallback?: string;
 }
 declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>>;
-export { Avatar };
+declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
+declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export { Avatar, AvatarImage, AvatarFallback };

package/dist/components/drawer.d.ts

@@ -1,17 +1,41 @@
+import { Drawer as DrawerPrimitive } from 'vaul';
+import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
-export interface DrawerProps {
+type DrawerDirection = "left" | "right" | "top" | "bottom";
+interface DrawerProps {
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
-    placement?: "left" | "right" | "top" | "bottom";
-    width?: string | number;
-    height?: string | number;
-    title?: React.ReactNode;
+    defaultOpen?: boolean;
+    shouldScaleBackground?: boolean;
+    direction?: DrawerDirection;
+    modal?: boolean;
+    dismissible?: boolean;
+    onDrag?: (event: React.PointerEvent<HTMLDivElement>, percentageDragged: number) => void;
+    onRelease?: (event: React.PointerEvent<HTMLDivElement>, open: boolean) => void;
     children?: React.ReactNode;
-    footer?: React.ReactNode;
-    closable?: boolean;
-    mask?: boolean;
-    maskClosable?: boolean;
-    className?: string;
 }
-declare const Drawer: React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<HTMLDivElement>>;
-export { Drawer };
+declare const Drawer: {
+    ({ shouldScaleBackground, direction, ...props }: DrawerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DrawerTrigger: React.ForwardRefExoticComponent<import('@radix-ui/react-dialog').DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DrawerPortal: typeof import('vaul').Portal;
+declare const DrawerClose: React.ForwardRefExoticComponent<import('@radix-ui/react-dialog').DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DrawerOverlay: React.ForwardRefExoticComponent<Omit<Omit<import('@radix-ui/react-dialog').DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const drawerContentVariants: (props?: ({
+    direction?: "left" | "right" | "bottom" | "top" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+interface DrawerContentProps extends React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>, VariantProps<typeof drawerContentVariants> {
+}
+declare const DrawerContent: React.ForwardRefExoticComponent<DrawerContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const DrawerHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DrawerFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<import('@radix-ui/react-dialog').DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<import('@radix-ui/react-dialog').DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, };

package/dist/components/index.d.ts

@@ -45,7 +45,7 @@ export { Progress } from './progress';
 export type { ProgressProps } from './progress';
 export { Skeleton } from './skeleton';
 export { Spinner, spinnerVariants } from './spinner';
-export { Toaster } from './toaster';
+export { Toaster, toast } from './toaster';
 export { EmptyState } from './empty-state';
 export { Result } from './result';
 export { Notification, NotificationManager } from './notification';
@@ -53,7 +53,7 @@ export { Message, MessageManager, MessageContainer } from './message';
 export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, } from './dialog';
 export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, } from './alert-dialog';
 export { Sheet, SheetPortal, SheetOverlay, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, } from './sheet';
-export { Drawer } from './drawer';
+export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, } from './drawer';
 export { Modal } from './modal';
 export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor } from './popover';
 export { HoverCard, HoverCardTrigger, HoverCardContent } from './hover-card';
@@ -74,7 +74,7 @@ export type { StepItem } from './steps';
 export { Segmented } from './segmented';
 export type { SegmentedOption } from './segmented';
 export { Sidebar, SidebarHeader, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarGroupContent, SidebarMenuItem, } from './sidebar';
-export { Avatar } from './avatar';
+export { Avatar, AvatarImage, AvatarFallback } from './avatar';
 export type { AvatarProps } from './avatar';
 export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, } from './table';
 export { Calendar } from './calendar';

package/dist/components/toaster.d.ts

@@ -1,4 +1,4 @@
-import { Toaster as Sonner } from 'sonner';
+import { Toaster as Sonner, toast } from 'sonner';
 type ToasterProps = React.ComponentProps<typeof Sonner>;
 declare const Toaster: ({ ...props }: ToasterProps) => import("react/jsx-runtime").JSX.Element;
-export { Toaster };
+export { Toaster, toast };