@joaogabrielsp/cs-frontend-core 0.0.1 → 0.0.3

package/dist/index.js

@@ -7266,7 +7266,7 @@ function Mf({ asChild: e = !1, size: n = "md", isActive: r = !1, className: i, .
 function Nf({ navigation: r, user: i, logo: a }) {
 	return /* @__PURE__ */ n(uf, {
 		collapsible: "icon",
-		className: "bg-sidebar text-sidebar-foreground border-sidebar-border",
+		className: "\n    bg-sidebar\n    text-sidebar-foreground\n    border-sidebar-border\n\n    border-r\n    shadow-sm\n\n    m-3\n    mr-0\n\n    rounded-r-3xl\n  ",
 		children: [
 			a && /* @__PURE__ */ t(hf, {
 				className: "\n            h-16\n            border-b\n            border-sidebar-border\n            px-4\n            flex\n            items-center\n          ",
@@ -7298,7 +7298,7 @@ function Nf({ navigation: r, user: i, logo: a }) {
 					to: e.url,
 					children: ({ isActive: i }) => /* @__PURE__ */ n(Ef, {
 						isActive: i,
-						className: "\n        hover:bg-sidebar-accent\n        hover:text-sidebar-accent-foreground\n      ",
+						className: "\n                            transition-all\n                            duration-200\n\n                            hover:bg-sidebar-accent\n                            hover:text-sidebar-accent-foreground\n                            hover:translate-x-1\n\n                            data-[active=true]:bg-primary/10\n                            data-[active=true]:text-primary\n                            data-[active=true]:font-medium\n                          ",
 						children: [r && /* @__PURE__ */ t(r, { className: "h-4 w-4" }), /* @__PURE__ */ t("span", { children: e.title })]
 					})
 				}) }, e.title);
@@ -7326,7 +7326,7 @@ function Nf({ navigation: r, user: i, logo: a }) {
 	});
 }
 //#endregion
-//#region src/components/layout/DashboardLayout.tsx
+//#region src/components/layout/AppLayout.tsx
 function Pf({ navigation: e, logo: r, user: i, title: a, description: o, actions: s, onBack: c, children: l }) {
 	return /* @__PURE__ */ n(lf, { children: [/* @__PURE__ */ t(Nf, {
 		navigation: e,
@@ -7384,4 +7384,4 @@ var Ff = p((e) => ({
 	}
 }));
 //#endregion
-export { Id as AppHeader, Nf as AppSidebar, Fd as Button, Ld as Collapsible, zd as CollapsibleContent, Rd as CollapsibleTrigger, Pf as DashboardLayout, In as EmptyState, wi as Input, Ti as SearchInput, uf as Sidebar, vf as SidebarContent, gf as SidebarFooter, yf as SidebarGroup, xf as SidebarGroupAction, Sf as SidebarGroupContent, bf as SidebarGroupLabel, hf as SidebarHeader, mf as SidebarInput, pf as SidebarInset, Cf as SidebarMenu, Df as SidebarMenuAction, Of as SidebarMenuBadge, Ef as SidebarMenuButton, wf as SidebarMenuItem, kf as SidebarMenuSkeleton, Af as SidebarMenuSub, Mf as SidebarMenuSubButton, jf as SidebarMenuSubItem, lf as SidebarProvider, ff as SidebarRail, _f as SidebarSeparator, df as SidebarTrigger, Fn as api, Pd as buttonVariants, J as cn, Ff as useAuthStore, $d as useIsMobile, cf as useSidebar };
+export { Id as AppHeader, Pf as AppLayout, Nf as AppSidebar, Fd as Button, Ld as Collapsible, zd as CollapsibleContent, Rd as CollapsibleTrigger, In as EmptyState, wi as Input, Ti as SearchInput, uf as Sidebar, vf as SidebarContent, gf as SidebarFooter, yf as SidebarGroup, xf as SidebarGroupAction, Sf as SidebarGroupContent, bf as SidebarGroupLabel, hf as SidebarHeader, mf as SidebarInput, pf as SidebarInset, Cf as SidebarMenu, Df as SidebarMenuAction, Of as SidebarMenuBadge, Ef as SidebarMenuButton, wf as SidebarMenuItem, kf as SidebarMenuSkeleton, Af as SidebarMenuSub, Mf as SidebarMenuSubButton, jf as SidebarMenuSubItem, lf as SidebarProvider, ff as SidebarRail, _f as SidebarSeparator, df as SidebarTrigger, Fn as api, Pd as buttonVariants, J as cn, Ff as useAuthStore, $d as useIsMobile, cf as useSidebar };

package/dist/src/api/api.d.ts

@@ -0,0 +1 @@
+export declare const api: import('axios').AxiosInstance;

package/dist/src/components/custom/empty-state.d.ts

@@ -0,0 +1,8 @@
+import { LucideIcon } from 'lucide-react';
+interface EmptyStateProps {
+    icon: LucideIcon;
+    title: string;
+    description: string;
+}
+export declare function EmptyState({ icon: Icon, title, description, }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/custom/pagination-nav.d.ts

@@ -0,0 +1,13 @@
+interface PaginationNavProps {
+    hasFirst?: boolean;
+    hasPrev?: boolean;
+    hasNext?: boolean;
+    hasLast?: boolean;
+    onFirst?: () => void;
+    onPrev?: () => void;
+    onNext?: () => void;
+    onLast?: () => void;
+    page: number;
+}
+declare const PaginationNav: ({ hasFirst, hasPrev, hasNext, hasLast, onFirst, onPrev, onNext, onLast, page, }: PaginationNavProps) => import("react/jsx-runtime").JSX.Element;
+export default PaginationNav;

package/dist/src/components/custom/searchbar.d.ts

@@ -0,0 +1,8 @@
+type SearchInputProps = {
+    value: string;
+    onValueChange: (value: string) => void;
+    placeholder?: string;
+    className?: string;
+};
+export declare function SearchInput({ value, onValueChange, placeholder, className, }: SearchInputProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/layout/AppHeader.d.ts

@@ -0,0 +1,8 @@
+type AppHeaderProps = {
+    title: string;
+    description?: React.ReactNode;
+    actions?: React.ReactNode;
+    onBack?: () => void;
+};
+export declare function AppHeader({ title, description, actions, onBack, }: AppHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/layout/AppLayout.d.ts

@@ -0,0 +1,13 @@
+import { NavigationItem, User } from './types';
+type AppLayoutProps = {
+    navigation: NavigationItem[];
+    logo?: React.ReactNode;
+    user?: User;
+    title: string;
+    description?: React.ReactNode;
+    actions?: React.ReactNode;
+    onBack?: () => void;
+    children: React.ReactNode;
+};
+export declare function AppLayout({ navigation, logo, user, title, description, actions, onBack, children, }: AppLayoutProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/layout/AppSidebar.d.ts

@@ -0,0 +1,8 @@
+import { NavigationItem, User } from './types';
+type AppSidebarProps = {
+    navigation: NavigationItem[];
+    user?: User;
+    logo?: React.ReactNode;
+};
+export declare function AppSidebar({ navigation, user, logo }: AppSidebarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/layout/types.d.ts

@@ -0,0 +1,12 @@
+import { LucideIcon } from 'lucide-react';
+export type NavigationItem = {
+    title: string;
+    url?: string;
+    icon?: LucideIcon;
+    items?: NavigationItem[];
+};
+export type User = {
+    name: string;
+    email: string;
+    avatar?: string;
+};

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

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

package/dist/src/components/ui/button.d.ts

@@ -0,0 +1,10 @@
+import { VariantProps } from 'class-variance-authority';
+import type * as React from "react";
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
+    size?: "icon" | "default" | "xs" | "sm" | "lg" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export { Button, buttonVariants };

package/dist/src/components/ui/card.d.ts

@@ -0,0 +1,11 @@
+import type * as React from "react";
+declare function Card({ className, size, ...props }: React.ComponentProps<"div"> & {
+    size?: "default" | "sm";
+}): import("react/jsx-runtime").JSX.Element;
+declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardAction({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, };

package/dist/src/components/ui/collapsible.d.ts

@@ -0,0 +1,5 @@
+import { Collapsible as CollapsiblePrimitive } from 'radix-ui';
+declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): import("react/jsx-runtime").JSX.Element;
+declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): import("react/jsx-runtime").JSX.Element;
+export { Collapsible, CollapsibleContent, CollapsibleTrigger };

package/dist/src/components/ui/dropdown-menu.d.ts

@@ -0,0 +1,29 @@
+import { DropdownMenu as DropdownMenuPrimitive } from 'radix-ui';
+import type * as React from "react";
+declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, };

package/dist/src/components/ui/input.d.ts

@@ -0,0 +1,3 @@
+import type * as React from "react";
+declare function Input({ className, type, ...props }: React.ComponentProps<"input">): import("react/jsx-runtime").JSX.Element;
+export { Input };

package/dist/src/components/ui/separator.d.ts

@@ -0,0 +1,4 @@
+import { Separator as SeparatorPrimitive } from 'radix-ui';
+import type * as React from "react";
+declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Separator };

package/dist/src/components/ui/sheet.d.ts

@@ -0,0 +1,14 @@
+import { Dialog as SheetPrimitive } from 'radix-ui';
+import type * as React from "react";
+declare function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function SheetTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function SheetContent({ className, children, side, showCloseButton, ...props }: React.ComponentProps<typeof SheetPrimitive.Content> & {
+    side?: "top" | "right" | "bottom" | "left";
+    showCloseButton?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function SheetHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function SheetFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function SheetDescription({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, };

package/dist/src/components/ui/sidebar.d.ts

@@ -0,0 +1,69 @@
+import { VariantProps } from 'class-variance-authority';
+import { Button } from '../../../components/ui/button';
+import { Input } from '../../../components/ui/input';
+import { Separator } from '../../../components/ui/separator';
+import { TooltipContent } from '../../../components/ui/tooltip';
+import * as React from "react";
+type SidebarContextProps = {
+    state: "expanded" | "collapsed";
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    openMobile: boolean;
+    setOpenMobile: (open: boolean) => void;
+    isMobile: boolean;
+    toggleSidebar: () => void;
+};
+declare function useSidebar(): SidebarContextProps;
+declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React.ComponentProps<"div"> & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}): import("react/jsx-runtime").JSX.Element;
+declare function Sidebar({ side, variant, collapsible, className, children, dir, ...props }: React.ComponentProps<"div"> & {
+    side?: "left" | "right";
+    variant?: "sidebar" | "floating" | "inset";
+    collapsible?: "offcanvas" | "icon" | "none";
+}): import("react/jsx-runtime").JSX.Element;
+declare function SidebarTrigger({ className, onClick, ...props }: React.ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarRail({ className, ...props }: React.ComponentProps<"button">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarInset({ className, ...props }: React.ComponentProps<"main">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarInput({ className, ...props }: React.ComponentProps<typeof Input>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarGroupLabel({ className, asChild, ...props }: React.ComponentProps<"div"> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function SidebarGroupAction({ className, asChild, ...props }: React.ComponentProps<"button"> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function SidebarGroupContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenu({ className, ...props }: React.ComponentProps<"ul">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuItem({ className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
+declare const sidebarMenuButtonVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React.ComponentProps<"button"> & {
+    asChild?: boolean;
+    isActive?: boolean;
+    tooltip?: string | React.ComponentProps<typeof TooltipContent>;
+} & VariantProps<typeof sidebarMenuButtonVariants>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuAction({ className, asChild, showOnHover, ...props }: React.ComponentProps<"button"> & {
+    asChild?: boolean;
+    showOnHover?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuBadge({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React.ComponentProps<"div"> & {
+    showIcon?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuSub({ className, ...props }: React.ComponentProps<"ul">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuSubItem({ className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuSubButton({ asChild, size, isActive, className, ...props }: React.ComponentProps<"a"> & {
+    asChild?: boolean;
+    size?: "sm" | "md";
+    isActive?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+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, };

package/dist/src/components/ui/skeleton.d.ts

@@ -0,0 +1,2 @@
+declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Skeleton };

package/dist/src/components/ui/tooltip.d.ts

@@ -0,0 +1,7 @@
+import { Tooltip as TooltipPrimitive } from 'radix-ui';
+import type * as React from "react";
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
+declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/src/hooks/use-mobile.d.ts

@@ -0,0 +1 @@
+export declare function useIsMobile(): boolean;

package/dist/src/index.d.ts

@@ -1 +1,13 @@
-export {}
+export * from './api/api';
+export * from './components/custom/empty-state';
+export * from './components/custom/searchbar';
+export * from './components/layout/AppHeader';
+export * from './components/layout/AppSidebar';
+export * from './components/layout/AppLayout';
+export * from './components/ui/button';
+export * from './components/ui/collapsible';
+export * from './components/ui/input';
+export * from './components/ui/sidebar';
+export * from './hooks/use-mobile';
+export * from './lib/utils';
+export * from './stores/auth.store';

package/dist/src/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/src/stores/auth.store.d.ts

@@ -0,0 +1 @@
+export declare const useAuthStore: import('zustand').UseBoundStore<import('zustand').StoreApi<unknown>>;

package/package.json

@@ -1,13 +1,21 @@
 {
   "name": "@joaogabrielsp/cs-frontend-core",
   "private": false,
-  "version": "0.0.1",
+  "version": "0.0.3",
   "type": "module",
 
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/src/index.d.ts",
 
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/src/index.d.ts"
+    },
+    "./styles": "./dist/index.css"
+  },
+
   "files": ["dist"],
 
   "scripts": {