bmj-ui 1.0.5 → 1.0.6

package/package.json

@@ -1,13 +1,12 @@
 {
   "name": "bmj-ui",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "Headless component library meticulously crafted for rapid dashboard development. Professional, polished, and ready for production.",
   "license": "ISC",
   "author": "",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
-  "type": "module",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "rollup": "rollup -c --bundleConfigAsCjs"

package/src/components/ThemeToggle.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { Moon, Sun } from "lucide-react";
-import { Button } from "./ui/button.js";
+import { Button } from "./ui/button";
 
 export function ThemeToggle({ className }: { className?: string }) {
   const [theme, setTheme] = React.useState<"light" | "dark">(() => {

package/src/components/bmj-ui/AppSidebar.tsx

@@ -11,7 +11,7 @@ import {
   SidebarGroupLabel,
   SidebarGroupContent,
   useSidebar,
-} from "../ui/sidebar.js";
+} from "../ui/sidebar";
 import {
   LayoutDashboard,
   Settings,
@@ -39,7 +39,7 @@ export interface SidebarItem {
   url: string;
 }
 
-export function AppSidebar({
+export default function AppSidebar({
   items = defaultItems,
   onItemClick,
   activeItem,

package/src/components/bmj-ui/ChartCard.tsx

@@ -4,8 +4,8 @@ import {
   CardHeader,
   CardTitle,
   CardDescription,
-} from "../ui/card.js";
-import { Skeleton } from "../ui/skeleton.js";
+} from "../ui/card";
+import { Skeleton } from "../ui/skeleton";
 import {
   ResponsiveContainer,
   AreaChart,
@@ -21,7 +21,7 @@ import {
   Tooltip,
   CartesianGrid,
 } from "recharts";
-import { cn } from "../../lib/utils.js";
+import { cn } from "../../lib/utils";
 
 interface ChartCardProps {
   title: string;
@@ -35,7 +35,7 @@ interface ChartCardProps {
   type?: "area" | "bar" | "line" | "scatter";
 }
 
-export function ChartCard({
+export default function ChartCard({
   title,
   description,
   data,

package/src/components/bmj-ui/DashboardLayout.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
-import { SidebarProvider, SidebarInset } from "../ui/sidebar.js";
-import { AppSidebar, SidebarItem } from "./AppSidebar.js";
-import { Topbar } from "./Topbar.js";
+import { SidebarProvider, SidebarInset } from "../ui/sidebar";
+import AppSidebar, { SidebarItem } from "./AppSidebar";
+import Topbar from "./Topbar";
 
 interface DashboardLayoutProps {
   children: React.ReactNode;
@@ -10,7 +10,7 @@ interface DashboardLayoutProps {
   activeSidebarItem?: string;
 }
 
-export function DashboardLayout({
+export default function DashboardLayout({
   children,
   sidebarItems,
   onSidebarItemClick,

package/src/components/bmj-ui/StatCard.tsx

@@ -1,7 +1,7 @@
-import { Card, CardContent, CardHeader, CardTitle } from "../ui/card.js";
-import { Skeleton } from "../ui/skeleton.js";
+import { Card, CardContent, CardHeader, CardTitle } from "../ui/card";
+import { Skeleton } from "../ui/skeleton";
 import { TrendingUp, TrendingDown, LucideIcon } from "lucide-react";
-import { cn } from "../../lib/utils.js";
+import { cn } from "../../lib/utils";
 import { motion } from "motion/react";
 
 interface StatCardProps {
@@ -17,7 +17,7 @@ interface StatCardProps {
   loading?: boolean;
 }
 
-export function StatCard({
+export default function StatCard({
   title,
   value,
   description,

package/src/components/bmj-ui/Topbar.tsx

@@ -1,5 +1,5 @@
-import { SidebarTrigger } from "../ui/sidebar.js";
-import { ThemeToggle } from "../ThemeToggle.js";
+import { SidebarTrigger } from "../ui/sidebar";
+import { ThemeToggle } from "../ThemeToggle";
 import {
   Search,
   Bell,
@@ -9,8 +9,8 @@ import {
   Zap,
   LogOut,
 } from "lucide-react";
-import { Input } from "../ui/input.js";
-import { Button } from "../ui/button.js";
+import { Input } from "../ui/input";
+import { Button } from "../ui/button";
 import { toast } from "sonner";
 import {
   DropdownMenu,
@@ -20,9 +20,9 @@ import {
   DropdownMenuLabel,
   DropdownMenuSeparator,
   DropdownMenuTrigger,
-} from "../ui/dropdown-menu.js";
+} from "../ui/dropdown-menu";
 
-export function Topbar() {
+export default function Topbar() {
   const handleItemClick = (label: string) => {
     toast.info(`${label} clicked`, {
       description: "This feature will be implemented soon.",

package/src/components/bmj-ui/index.ts

@@ -1,5 +1,5 @@
-export * from "./DashboardLayout.js";
-export * from "./StatCard.js";
-export * from "./ChartCard.js";
-export * from "./AppSidebar.js";
-export * from "./Topbar.js";
+export { default as DashboardLayout } from "./DashboardLayout";
+export { default as StatCard } from "./StatCard";
+export { default as ChartCard } from "./ChartCard";
+export { default as AppSidebar } from "./AppSidebar";
+export { default as Topbar } from "./Topbar";

package/src/components/index.ts

@@ -0,0 +1,5 @@
+export { DashboardLayout } from "./bmj-ui";
+export { StatCard } from "./bmj-ui";
+export { ChartCard } from "./bmj-ui";
+export { AppSidebar } from "./bmj-ui";
+export { Topbar } from "./bmj-ui";

package/src/components/ui/badge.tsx

@@ -2,7 +2,7 @@ import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 import { cva, type VariantProps } from "class-variance-authority";
 
-import { cn } from "../../lib/utils.js";
+import { cn } from "../../lib/utils";
 
 const badgeVariants = cva(
   "group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!",

package/src/components/ui/button.tsx

@@ -1,7 +1,7 @@
 import { Button as ButtonPrimitive } from "@base-ui/react/button";
 import { cva, type VariantProps } from "class-variance-authority";
 
-import { cn } from "../../lib/utils.js";
+import { cn } from "../../lib/utils";
 
 const buttonVariants = cva(
   "group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",

package/src/components/ui/card.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 
-import { cn } from "../../lib/utils.js";
+import { cn } from "../../lib/utils";
 
 function Card({
   className,

package/src/components/ui/dialog.tsx

@@ -3,8 +3,8 @@
 import * as React from "react";
 import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
 
-import { cn } from "../../lib/utils.js";
-import { Button } from "./button.js";
+import { cn } from "../../lib/utils";
+import { Button } from "./button";
 import { XIcon } from "lucide-react";
 
 function Dialog({ ...props }: DialogPrimitive.Root.Props) {

package/src/components/ui/dropdown-menu.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Menu as MenuPrimitive } from "@base-ui/react/menu";
 
-import { cn } from "../../lib/utils.js";
+import { cn } from "../../lib/utils";
 import { ChevronRightIcon, CheckIcon } from "lucide-react";
 
 function DropdownMenu({ ...props }: MenuPrimitive.Root.Props) {

package/src/components/ui/input.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Input as InputPrimitive } from "@base-ui/react/input";
 
-import { cn } from "../../lib/utils.js";
+import { cn } from "../../lib/utils";
 
 function Input({ className, type, ...props }: React.ComponentProps<"input">) {
   return (

package/src/components/ui/scroll-area.tsx

@@ -1,6 +1,6 @@
 import { ScrollArea as ScrollAreaPrimitive } from "@base-ui/react/scroll-area";
 
-import { cn } from "../../lib/utils.js";
+import { cn } from "../../lib/utils";
 
 function ScrollArea({
   className,

package/src/components/ui/select.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Select as SelectPrimitive } from "@base-ui/react/select";
 
-import { cn } from "../../lib/utils.js";
+import { cn } from "../../lib/utils";
 import { ChevronDownIcon, CheckIcon, ChevronUpIcon } from "lucide-react";
 
 const Select = SelectPrimitive.Root;

package/src/components/ui/separator.tsx

@@ -1,6 +1,6 @@
 import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
 
-import { cn } from "../../lib/utils.js";
+import { cn } from "../../lib/utils";
 
 function Separator({
   className,

package/src/components/ui/sheet.tsx

@@ -1,8 +1,8 @@
 import * as React from "react";
 import { Dialog as SheetPrimitive } from "@base-ui/react/dialog";
 
-import { cn } from "../../lib/utils.js";
-import { Button } from "./button.js";
+import { cn } from "../../lib/utils";
+import { Button } from "./button";
 import { XIcon } from "lucide-react";
 
 function Sheet({ ...props }: SheetPrimitive.Root.Props) {

package/src/components/ui/sidebar.tsx

@@ -5,20 +5,20 @@ import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 import { cva, type VariantProps } from "class-variance-authority";
 
-import { useIsMobile } from "../../hooks/use-mobile.js";
-import { cn } from "../../lib/utils.js";
-import { Button } from "./button.js";
-import { Input } from "./input.js";
-import { Separator } from "./separator.js";
+import { useIsMobile } from "../../hooks/use-mobile";
+import { cn } from "../../lib/utils";
+import { Button } from "./button";
+import { Input } from "./input";
+import { Separator } from "./separator";
 import {
   Sheet,
   SheetContent,
   SheetDescription,
   SheetHeader,
   SheetTitle,
-} from "./sheet.js";
-import { Skeleton } from "./skeleton.js";
-import { Tooltip, TooltipContent, TooltipTrigger } from "./tooltip.js";
+} from "./sheet";
+import { Skeleton } from "./skeleton";
+import { Tooltip, TooltipContent, TooltipTrigger } from "./tooltip";
 import { PanelLeftIcon } from "lucide-react";
 
 const SIDEBAR_COOKIE_NAME = "sidebar_state";

package/src/components/ui/skeleton.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { cn } from "../../lib/utils.js";
+import { cn } from "../../lib/utils";
 
 function Skeleton({ className, ...props }: React.ComponentProps<"div">) {
   return (

package/src/components/ui/table.tsx

@@ -2,7 +2,7 @@
 
 import * as React from "react";
 
-import { cn } from "../../lib/utils.js";
+import { cn } from "../../lib/utils";
 
 function Table({ className, ...props }: React.ComponentProps<"table">) {
   return (

package/src/components/ui/tabs.tsx

@@ -1,7 +1,7 @@
 import { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
 import { cva, type VariantProps } from "class-variance-authority";
 
-import { cn } from "../../lib/utils.js";
+import { cn } from "../../lib/utils";
 
 function Tabs({
   className,

package/src/components/ui/tooltip.tsx

@@ -2,7 +2,7 @@
 
 import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
 
-import { cn } from "../../lib/utils.js";
+import { cn } from "../../lib/utils";
 
 function TooltipProvider({
   delay = 0,

package/src/index.ts

@@ -1,7 +1 @@
-import { AppSidebar } from "./components/bmj-ui/AppSidebar.js";
-import { ChartCard } from "./components/bmj-ui/ChartCard.js";
-import { DashboardLayout } from "./components/bmj-ui/DashboardLayout.js";
-import { StatCard } from "./components/bmj-ui/StatCard.js";
-import { Topbar } from "./components/bmj-ui/Topbar.js";
-
-export { AppSidebar, ChartCard, DashboardLayout, StatCard, Topbar };
+export * from "./components";

package/tsconfig.json

@@ -1,7 +1,7 @@
 {
   "compilerOptions": {
-    "rootDir": "./src",
-    "outDir": "./dist",
+    "rootDir": "src",
+    "outDir": "dist",
     "target": "es6",
     "lib": ["DOM", "DOM.Iterable", "ESNext"],
     "allowJs": true,

package/dist/index.d.ts

@@ -1,53 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import { LucideIcon } from 'lucide-react';
-
-interface SidebarItem {
-    title: string;
-    icon: React.ElementType;
-    url: string;
-}
-declare function AppSidebar({ items, onItemClick, activeItem, }: {
-    items?: SidebarItem[];
-    onItemClick?: (title: string) => void;
-    activeItem?: string;
-}): react_jsx_runtime.JSX.Element;
-
-interface ChartCardProps {
-    title: string;
-    description?: string;
-    data: any[];
-    dataKey: string;
-    categoryKey: string;
-    color?: string;
-    className?: string;
-    loading?: boolean;
-    type?: "area" | "bar" | "line" | "scatter";
-}
-declare function ChartCard({ title, description, data, dataKey, categoryKey, color, className, loading, type, }: ChartCardProps): react_jsx_runtime.JSX.Element;
-
-interface DashboardLayoutProps {
-    children: React.ReactNode;
-    sidebarItems?: SidebarItem[];
-    onSidebarItemClick?: (title: string) => void;
-    activeSidebarItem?: string;
-}
-declare function DashboardLayout({ children, sidebarItems, onSidebarItemClick, activeSidebarItem, }: DashboardLayoutProps): react_jsx_runtime.JSX.Element;
-
-interface StatCardProps {
-    title: string;
-    value: string | number;
-    description?: string;
-    trend?: {
-        value: number;
-        isPositive: boolean;
-    };
-    icon?: LucideIcon;
-    className?: string;
-    loading?: boolean;
-}
-declare function StatCard({ title, value, description, trend, icon: Icon, className, loading, }: StatCardProps): react_jsx_runtime.JSX.Element;
-
-declare function Topbar(): react_jsx_runtime.JSX.Element;
-
-export { AppSidebar, ChartCard, DashboardLayout, StatCard, Topbar };