@beyondcorp/beyond-ui 1.0.7 → 1.0.9

package/dist/components/Modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { X } from \"lucide-react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../utils/cn\";\n\nconst modalVariants = cva(\n  \"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-white p-6 shadow-lg duration-200 sm:rounded-lg\",\n  {\n    variants: {\n      size: {\n        sm: \"max-w-sm\",\n        md: \"max-w-lg\",\n        lg: \"max-w-2xl\",\n        xl: \"max-w-4xl\",\n        full: \"max-w-[95vw] max-h-[95vh]\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n);\n\ninterface ModalProps extends VariantProps<typeof modalVariants> {\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  children: React.ReactNode;\n}\n\nconst Modal: React.FC<ModalProps> = ({ \n  open, \n  onOpenChange, \n  children, \n  size,\n}) => {\n  const handleClose = () => {\n    onOpenChange?.(false);\n  };\n\n  if (!open) return null;\n\n  return (\n    <>\n      {/* Backdrop */}\n      <div\n        className=\"fixed inset-0 z-50 bg-black/50 backdrop-blur-sm\"\n        onClick={handleClose}\n      />\n      \n      {/* Modal Content */}\n      <div className={cn(modalVariants({ size }))}>\n        <button\n          onClick={handleClose}\n          className=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 disabled:pointer-events-none\"\n        >\n          <X className=\"h-4 w-4\" />\n          <span className=\"sr-only\">Close</span>\n        </button>\n        {children}\n      </div>\n    </>\n  );\n};\n\nconst ModalHeader: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({\n  className,\n  ...props\n}) => (\n  <div\n    className={cn(\n      \"flex flex-col space-y-1.5 text-center sm:text-left\",\n      className\n    )}\n    {...props}\n  />\n);\n\nconst ModalTitle: React.FC<React.HTMLAttributes<HTMLHeadingElement>> = ({\n  className,\n  ...props\n}) => (\n  <h2\n    className={cn(\n      \"text-lg font-semibold leading-none tracking-tight\",\n      className\n    )}\n    {...props}\n  />\n);\n\nconst ModalDescription: React.FC<React.HTMLAttributes<HTMLParagraphElement>> = ({\n  className,\n  ...props\n}) => (\n  <p\n    className={cn(\"text-sm text-gray-500\", className)}\n    {...props}\n  />\n);\n\nconst ModalContent: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({\n  className,\n  ...props\n}) => (\n  <div className={cn(\"grid gap-4 py-4\", className)} {...props} />\n);\n\nconst ModalFooter: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({\n  className,\n  ...props\n}) => (\n  <div\n    className={cn(\n      \"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n      className\n    )}\n    {...props}\n  />\n);\n\nexport {\n  Modal,\n  ModalHeader,\n  ModalTitle,\n  ModalDescription,\n  ModalContent,\n  ModalFooter,\n  modalVariants,\n};"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;AAKA,MAAM,aAAa,GAAG,GAAG,CACvB,2JAA2J,EAC3J;AACE,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,EAAE,EAAE,UAAU;AACd,YAAA,EAAE,EAAE,UAAU;AACd,YAAA,EAAE,EAAE,WAAW;AACf,YAAA,EAAE,EAAE,WAAW;AACf,YAAA,IAAI,EAAE,2BAA2B;AAClC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,IAAI;AACX,KAAA;AACF,CAAA;AASH,MAAM,KAAK,GAAyB,CAAC,EACnC,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,IAAI,GACL,KAAI;IACH,MAAM,WAAW,GAAG,MAAK;AACvB,QAAA,YAAY,GAAG,KAAK,CAAC;AACvB,IAAA,CAAC;AAED,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,IAAI;IAEtB,QACEA,sBAAA,CAAAC,0BAAA,EAAA,EAAA,QAAA,EAAA,CAEEC,qBAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAC,iDAAiD,EAC3D,OAAO,EAAE,WAAW,EAAA,CACpB,EAGFF,gCAAK,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,EAAA,QAAA,EAAA,CACzCA,sBAAA,CAAA,QAAA,EAAA,EACE,OAAO,EAAE,WAAW,EACpB,SAAS,EAAC,6MAA6M,aAEvNE,qBAAA,CAAC,CAAC,EAAA,EAAC,SAAS,EAAC,SAAS,GAAG,EACzBA,qBAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,SAAS,EAAA,QAAA,EAAA,OAAA,EAAA,CAAa,CAAA,EAAA,CAC/B,EACR,QAAQ,CAAA,EAAA,CACL,CAAA,EAAA,CACL;AAEP;AAEA,MAAM,WAAW,GAAmD,CAAC,EACnE,SAAS,EACT,GAAG,KAAK,EACT,MACCA,+BACE,SAAS,EAAE,EAAE,CACX,oDAAoD,EACpD,SAAS,CACV,EAAA,GACG,KAAK,EAAA,CACT;AAGJ,MAAM,UAAU,GAAuD,CAAC,EACtE,SAAS,EACT,GAAG,KAAK,EACT,MACCA,8BACE,SAAS,EAAE,EAAE,CACX,mDAAmD,EACnD,SAAS,CACV,EAAA,GACG,KAAK,EAAA,CACT;AAGJ,MAAM,gBAAgB,GAAyD,CAAC,EAC9E,SAAS,EACT,GAAG,KAAK,EACT,MACCA,6BACE,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,EAAA,GAC7C,KAAK,EAAA,CACT;AAGJ,MAAM,YAAY,GAAmD,CAAC,EACpE,SAAS,EACT,GAAG,KAAK,EACT,MACCA,+BAAK,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAAA,GAAM,KAAK,EAAA,CAAI;AAGjE,MAAM,WAAW,GAAmD,CAAC,EACnE,SAAS,EACT,GAAG,KAAK,EACT,MACCA,+BACE,SAAS,EAAE,EAAE,CACX,+DAA+D,EAC/D,SAAS,CACV,EAAA,GACG,KAAK,EAAA,CACT;;;;"}

package/dist/components/Modal/index.d.ts

@@ -0,0 +1 @@
+export * from './Modal';

package/dist/components/Modal/index.js

@@ -0,0 +1,2 @@
+export { Modal, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalTitle, modalVariants } from './Modal.js';
+//# sourceMappingURL=index.js.map

package/dist/components/Modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Navbar/Navbar.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const navbarVariants: (props?: ({
+    variant?: "default" | "dark" | "transparent" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface NavbarProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof navbarVariants> {
+    logo?: React.ReactNode;
+    children?: React.ReactNode;
+}
+declare const Navbar: React.ForwardRefExoticComponent<NavbarProps & React.RefAttributes<HTMLElement>>;
+declare const NavItem: React.ForwardRefExoticComponent<React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>;
+export { Navbar, NavItem, navbarVariants };

package/dist/components/Navbar/Navbar.js

@@ -0,0 +1,35 @@
+import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../utils/cn.js';
+import X from '../../node_modules/lucide-react/dist/esm/icons/x.js';
+import Menu from '../../node_modules/lucide-react/dist/esm/icons/menu.js';
+
+const navbarVariants = cva("flex items-center justify-between w-full px-4 py-3 bg-white border-b border-gray-200", {
+    variants: {
+        variant: {
+            default: "bg-white border-gray-200",
+            dark: "bg-gray-900 border-gray-700 text-white",
+            transparent: "bg-transparent border-transparent",
+        },
+        size: {
+            sm: "px-4 py-2",
+            md: "px-6 py-3",
+            lg: "px-8 py-4",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "md",
+    },
+});
+const Navbar = React.forwardRef(({ className, variant, size, logo, children, ...props }, ref) => {
+    const [isOpen, setIsOpen] = React.useState(false);
+    return (jsxRuntimeExports.jsxs("nav", { ref: ref, className: cn(navbarVariants({ variant, size }), className), ...props, children: [jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between w-full", children: [logo && jsxRuntimeExports.jsx("div", { className: "flex-shrink-0", children: logo }), jsxRuntimeExports.jsx("div", { className: "hidden md:flex items-center space-x-4 ml-auto", children: children }), jsxRuntimeExports.jsx("button", { className: "md:hidden p-2 rounded-md hover:bg-gray-100", onClick: () => setIsOpen(!isOpen), children: isOpen ? jsxRuntimeExports.jsx(X, { className: "h-6 w-6" }) : jsxRuntimeExports.jsx(Menu, { className: "h-6 w-6" }) })] }), isOpen && (jsxRuntimeExports.jsx("div", { className: "md:hidden absolute top-full left-0 right-0 bg-white border-b border-gray-200 shadow-lg z-50", children: jsxRuntimeExports.jsx("div", { className: "px-4 py-2 space-y-2", children: children }) }))] }));
+});
+Navbar.displayName = "Navbar";
+const NavItem = React.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx("a", { ref: ref, className: cn("text-gray-700 hover:text-primary-600 px-3 py-2 rounded-md text-sm font-medium transition-colors", className), ...props })));
+NavItem.displayName = "NavItem";
+
+export { NavItem, Navbar, navbarVariants };
+//# sourceMappingURL=Navbar.js.map

package/dist/components/Navbar/Navbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navbar.js","sources":["../../../src/components/Navbar/Navbar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Menu, X } from \"lucide-react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../utils/cn\";\n\nconst navbarVariants = cva(\n  \"flex items-center justify-between w-full px-4 py-3 bg-white border-b border-gray-200\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-white border-gray-200\",\n        dark: \"bg-gray-900 border-gray-700 text-white\",\n        transparent: \"bg-transparent border-transparent\",\n      },\n      size: {\n        sm: \"px-4 py-2\",\n        md: \"px-6 py-3\",\n        lg: \"px-8 py-4\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"md\",\n    },\n  }\n);\n\nexport interface NavbarProps\n  extends React.HTMLAttributes<HTMLElement>,\n    VariantProps<typeof navbarVariants> {\n  logo?: React.ReactNode;\n  children?: React.ReactNode;\n}\n\nconst Navbar = React.forwardRef<HTMLElement, NavbarProps>(\n  ({ className, variant, size, logo, children, ...props }, ref) => {\n    const [isOpen, setIsOpen] = React.useState(false);\n\n    return (\n      <nav\n        ref={ref}\n        className={cn(navbarVariants({ variant, size }), className)}\n        {...props}\n      >\n        <div className=\"flex items-center justify-between w-full\">\n          {/* Logo */}\n          {logo && <div className=\"flex-shrink-0\">{logo}</div>}\n\n          {/* Desktop Navigation */}\n          <div className=\"hidden md:flex items-center space-x-4 ml-auto\">\n            {children}\n          </div>\n\n          {/* Mobile Menu Button */}\n          <button\n            className=\"md:hidden p-2 rounded-md hover:bg-gray-100\"\n            onClick={() => setIsOpen(!isOpen)}\n          >\n            {isOpen ? <X className=\"h-6 w-6\" /> : <Menu className=\"h-6 w-6\" />}\n          </button>\n        </div>\n\n        {/* Mobile Navigation */}\n        {isOpen && (\n          <div className=\"md:hidden absolute top-full left-0 right-0 bg-white border-b border-gray-200 shadow-lg z-50\">\n            <div className=\"px-4 py-2 space-y-2\">\n              {children}\n            </div>\n          </div>\n        )}\n      </nav>\n    );\n  }\n);\nNavbar.displayName = \"Navbar\";\n\nconst NavItem = React.forwardRef<\n  HTMLAnchorElement,\n  React.AnchorHTMLAttributes<HTMLAnchorElement>\n>(({ className, ...props }, ref) => (\n  <a\n    ref={ref}\n    className={cn(\n      \"text-gray-700 hover:text-primary-600 px-3 py-2 rounded-md text-sm font-medium transition-colors\",\n      className\n    )}\n    {...props}\n  />\n));\nNavItem.displayName = \"NavItem\";\n\nexport { Navbar, NavItem, navbarVariants };"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAKA,MAAM,cAAc,GAAG,GAAG,CACxB,sFAAsF,EACtF;AACE,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,0BAA0B;AACnC,YAAA,IAAI,EAAE,wCAAwC;AAC9C,YAAA,WAAW,EAAE,mCAAmC;AACjD,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,EAAE,EAAE,WAAW;AACf,YAAA,EAAE,EAAE,WAAW;AACf,YAAA,EAAE,EAAE,WAAW;AAChB,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,IAAI,EAAE,IAAI;AACX,KAAA;AACF,CAAA;AAUH,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC7B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC9D,IAAA,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC;IAEjD,QACEA,gCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,EAAA,GACvD,KAAK,EAAA,QAAA,EAAA,CAETA,sBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,0CAA0C,EAAA,QAAA,EAAA,CAEtD,IAAI,IAAIC,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,eAAe,EAAA,QAAA,EAAE,IAAI,EAAA,CAAO,EAGpDA,+BAAK,SAAS,EAAC,+CAA+C,EAAA,QAAA,EAC3D,QAAQ,EAAA,CACL,EAGNA,qBAAA,CAAA,QAAA,EAAA,EACE,SAAS,EAAC,4CAA4C,EACtD,OAAO,EAAE,MAAM,SAAS,CAAC,CAAC,MAAM,CAAC,EAAA,QAAA,EAEhC,MAAM,GAAGA,qBAAA,CAAC,CAAC,EAAA,EAAC,SAAS,EAAC,SAAS,GAAG,GAAGA,qBAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,SAAS,EAAA,CAAG,EAAA,CAC3D,CAAA,EAAA,CACL,EAGL,MAAM,KACLA,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,6FAA6F,YAC1GA,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qBAAqB,EAAA,QAAA,EACjC,QAAQ,GACL,EAAA,CACF,CACP,CAAA,EAAA,CACG;AAEV,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ;AAE7B,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAG9B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAC7BA,qBAAA,CAAA,GAAA,EAAA,EACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,iGAAiG,EACjG,SAAS,CACV,EAAA,GACG,KAAK,EAAA,CACT,CACH;AACD,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}

package/dist/components/Navbar/index.d.ts

@@ -0,0 +1 @@
+export * from './Navbar';

package/dist/components/Navbar/index.js

@@ -0,0 +1,2 @@
+export { NavItem, Navbar, navbarVariants } from './Navbar.js';
+//# sourceMappingURL=index.js.map

package/dist/components/Navbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Sidebar/Sidebar.d.ts

@@ -0,0 +1,22 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const sidebarVariants: (props?: ({
+    collapsed?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+interface MenuItem {
+    id: string;
+    label: string;
+    icon: React.ReactNode;
+    href?: string;
+    badge?: string;
+    children?: MenuItem[];
+}
+interface SidebarProps extends VariantProps<typeof sidebarVariants> {
+    className?: string;
+    onToggle?: () => void;
+    menuItems?: MenuItem[];
+    activeItem?: string;
+    onItemClick?: (itemId: string) => void;
+}
+declare const Sidebar: React.ForwardRefExoticComponent<SidebarProps & React.RefAttributes<HTMLDivElement>>;
+export { Sidebar, sidebarVariants, type MenuItem };

package/dist/components/Sidebar/Sidebar.js

@@ -0,0 +1,129 @@
+import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../utils/cn.js';
+import { Avatar, AvatarImage, AvatarFallback } from '../Avatar/Avatar.js';
+import { Badge } from '../Badge/Badge.js';
+import Home from '../../node_modules/lucide-react/dist/esm/icons/home.js';
+import BarChart3 from '../../node_modules/lucide-react/dist/esm/icons/bar-chart-3.js';
+import Users from '../../node_modules/lucide-react/dist/esm/icons/users.js';
+import Settings from '../../node_modules/lucide-react/dist/esm/icons/settings.js';
+import FileText from '../../node_modules/lucide-react/dist/esm/icons/file-text.js';
+import Calendar from '../../node_modules/lucide-react/dist/esm/icons/calendar.js';
+import Mail from '../../node_modules/lucide-react/dist/esm/icons/mail.js';
+import Bell from '../../node_modules/lucide-react/dist/esm/icons/bell.js';
+import ChevronRight from '../../node_modules/lucide-react/dist/esm/icons/chevron-right.js';
+import ChevronLeft from '../../node_modules/lucide-react/dist/esm/icons/chevron-left.js';
+import User from '../../node_modules/lucide-react/dist/esm/icons/user.js';
+import LogOut from '../../node_modules/lucide-react/dist/esm/icons/log-out.js';
+import ChevronDown from '../../node_modules/lucide-react/dist/esm/icons/chevron-down.js';
+
+const sidebarVariants = cva("fixed left-0 top-0 z-40 h-screen bg-white border-r border-gray-200 transition-all duration-300 ease-in-out", {
+    variants: {
+        collapsed: {
+            false: "w-72",
+            true: "w-16",
+        },
+    },
+    defaultVariants: {
+        collapsed: false,
+    },
+});
+const menuItemVariants = cva("flex items-center w-full px-3 py-2.5 text-sm font-medium rounded-lg transition-all duration-200 group", {
+    variants: {
+        active: {
+            true: "bg-primary-50 text-primary-700 border-r-2 border-primary-600",
+            false: "text-gray-700 hover:bg-gray-50 hover:text-gray-900",
+        },
+        collapsed: {
+            true: "justify-center px-2",
+            false: "justify-start",
+        },
+    },
+    defaultVariants: {
+        active: false,
+        collapsed: false,
+    },
+});
+const defaultMenuItems = [
+    {
+        id: "dashboard",
+        label: "Dashboard",
+        icon: jsxRuntimeExports.jsx(Home, { className: "h-5 w-5" }),
+        href: "/dashboard",
+    },
+    {
+        id: "analytics",
+        label: "Analytics",
+        icon: jsxRuntimeExports.jsx(BarChart3, { className: "h-5 w-5" }),
+        href: "/analytics",
+        badge: "New",
+    },
+    {
+        id: "users",
+        label: "Users",
+        icon: jsxRuntimeExports.jsx(Users, { className: "h-5 w-5" }),
+        children: [
+            { id: "all-users", label: "All Users", icon: jsxRuntimeExports.jsx(Users, { className: "h-4 w-4" }) },
+            { id: "user-roles", label: "User Roles", icon: jsxRuntimeExports.jsx(Settings, { className: "h-4 w-4" }) },
+        ],
+    },
+    {
+        id: "reports",
+        label: "Reports",
+        icon: jsxRuntimeExports.jsx(FileText, { className: "h-5 w-5" }),
+        href: "/reports",
+    },
+    {
+        id: "calendar",
+        label: "Calendar",
+        icon: jsxRuntimeExports.jsx(Calendar, { className: "h-5 w-5" }),
+        href: "/calendar",
+    },
+    {
+        id: "messages",
+        label: "Messages",
+        icon: jsxRuntimeExports.jsx(Mail, { className: "h-5 w-5" }),
+        href: "/messages",
+        badge: "3",
+    },
+    {
+        id: "notifications",
+        label: "Notifications",
+        icon: jsxRuntimeExports.jsx(Bell, { className: "h-5 w-5" }),
+        href: "/notifications",
+    },
+    {
+        id: "settings",
+        label: "Settings",
+        icon: jsxRuntimeExports.jsx(Settings, { className: "h-5 w-5" }),
+        href: "/settings",
+    },
+];
+const Sidebar = React.forwardRef(({ className, collapsed = false, onToggle, menuItems = defaultMenuItems, activeItem = "dashboard", onItemClick, ...props }, ref) => {
+    const [expandedItems, setExpandedItems] = React.useState([]);
+    const toggleExpanded = (itemId) => {
+        setExpandedItems(prev => prev.includes(itemId)
+            ? prev.filter(id => id !== itemId)
+            : [...prev, itemId]);
+    };
+    const handleItemClick = (item) => {
+        if (item.children) {
+            toggleExpanded(item.id);
+        }
+        else {
+            onItemClick?.(item.id);
+        }
+    };
+    const renderMenuItem = (item, level = 0) => {
+        const isActive = activeItem === item.id;
+        const isExpanded = expandedItems.includes(item.id);
+        const hasChildren = item.children && item.children.length > 0;
+        return (jsxRuntimeExports.jsxs("div", { children: [jsxRuntimeExports.jsx("button", { onClick: () => handleItemClick(item), className: cn(menuItemVariants({ active: isActive, collapsed }), level > 0 && "ml-4 pl-8", "relative"), children: jsxRuntimeExports.jsxs("div", { className: "flex items-center min-w-0 flex-1", children: [jsxRuntimeExports.jsx("div", { className: "flex-shrink-0", children: item.icon }), !collapsed && (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("span", { className: "ml-3 truncate", children: item.label }), item.badge && (jsxRuntimeExports.jsx(Badge, { variant: "danger", className: "ml-auto text-xs", children: item.badge })), hasChildren && (jsxRuntimeExports.jsx(ChevronDown, { className: cn("ml-auto h-4 w-4 transition-transform duration-200", isExpanded && "rotate-180") }))] }))] }) }), hasChildren && !collapsed && isExpanded && (jsxRuntimeExports.jsx("div", { className: "mt-1 space-y-1", children: item.children?.map(child => renderMenuItem(child, level + 1)) }))] }, item.id));
+    };
+    return (jsxRuntimeExports.jsxs("div", { ref: ref, className: cn(sidebarVariants({ collapsed }), className), ...props, children: [jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between p-4 border-b border-gray-200", children: [!collapsed && (jsxRuntimeExports.jsxs("div", { className: "flex items-center space-x-2", children: [jsxRuntimeExports.jsx("div", { className: "w-8 h-8 bg-primary-600 rounded-lg flex items-center justify-center", children: jsxRuntimeExports.jsx("span", { className: "text-white font-bold text-sm", children: "B" }) }), jsxRuntimeExports.jsx("span", { className: "font-bold text-xl text-gray-900", children: "Beyond" })] })), jsxRuntimeExports.jsx("button", { onClick: onToggle, className: "p-1.5 rounded-lg hover:bg-gray-100 transition-colors", children: collapsed ? (jsxRuntimeExports.jsx(ChevronRight, { className: "h-4 w-4 text-gray-600" })) : (jsxRuntimeExports.jsx(ChevronLeft, { className: "h-4 w-4 text-gray-600" })) })] }), jsxRuntimeExports.jsx("nav", { className: "flex-1 px-4 py-6 space-y-2 overflow-y-auto", children: menuItems.map(item => renderMenuItem(item)) }), jsxRuntimeExports.jsx("div", { className: "border-t border-gray-200 p-4", children: collapsed ? (jsxRuntimeExports.jsx("div", { className: "flex justify-center", children: jsxRuntimeExports.jsxs(Avatar, { size: "sm", children: [jsxRuntimeExports.jsx(AvatarImage, { src: "https://images.pexels.com/photos/774909/pexels-photo-774909.jpeg?auto=compress&cs=tinysrgb&w=64" }), jsxRuntimeExports.jsx(AvatarFallback, { children: "JD" })] }) })) : (jsxRuntimeExports.jsxs("div", { className: "space-y-3", children: [jsxRuntimeExports.jsxs("div", { className: "flex items-center space-x-3", children: [jsxRuntimeExports.jsxs(Avatar, { size: "sm", children: [jsxRuntimeExports.jsx(AvatarImage, { src: "https://images.pexels.com/photos/774909/pexels-photo-774909.jpeg?auto=compress&cs=tinysrgb&w=64" }), jsxRuntimeExports.jsx(AvatarFallback, { children: "JD" })] }), jsxRuntimeExports.jsxs("div", { className: "flex-1 min-w-0", children: [jsxRuntimeExports.jsx("p", { className: "text-sm font-medium text-gray-900 truncate", children: "John Doe" }), jsxRuntimeExports.jsx("p", { className: "text-xs text-gray-500 truncate", children: "john@company.com" })] })] }), jsxRuntimeExports.jsxs("div", { className: "flex space-x-2", children: [jsxRuntimeExports.jsxs("button", { className: "flex-1 flex items-center justify-center px-3 py-2 text-xs font-medium text-gray-700 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors", children: [jsxRuntimeExports.jsx(User, { className: "h-3 w-3 mr-1" }), "Profile"] }), jsxRuntimeExports.jsxs("button", { className: "flex-1 flex items-center justify-center px-3 py-2 text-xs font-medium text-gray-700 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors", children: [jsxRuntimeExports.jsx(LogOut, { className: "h-3 w-3 mr-1" }), "Logout"] })] })] })) })] }));
+});
+Sidebar.displayName = "Sidebar";
+
+export { Sidebar, sidebarVariants };
+//# sourceMappingURL=Sidebar.js.map

package/dist/components/Sidebar/Sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.js","sources":["../../../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { \n  ChevronLeft, \n  ChevronRight, \n  ChevronDown, \n  Home, \n  BarChart3, \n  Users, \n  Settings, \n  FileText, \n  Calendar, \n  Mail, \n  Bell,\n  LogOut,\n  User\n} from \"lucide-react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../utils/cn\";\nimport { Avatar, AvatarImage, AvatarFallback } from \"../Avatar\";\nimport { Badge } from \"../Badge\";\n\nconst sidebarVariants = cva(\n  \"fixed left-0 top-0 z-40 h-screen bg-white border-r border-gray-200 transition-all duration-300 ease-in-out\",\n  {\n    variants: {\n      collapsed: {\n        false: \"w-72\",\n        true: \"w-16\",\n      },\n    },\n    defaultVariants: {\n      collapsed: false,\n    },\n  }\n);\n\nconst menuItemVariants = cva(\n  \"flex items-center w-full px-3 py-2.5 text-sm font-medium rounded-lg transition-all duration-200 group\",\n  {\n    variants: {\n      active: {\n        true: \"bg-primary-50 text-primary-700 border-r-2 border-primary-600\",\n        false: \"text-gray-700 hover:bg-gray-50 hover:text-gray-900\",\n      },\n      collapsed: {\n        true: \"justify-center px-2\",\n        false: \"justify-start\",\n      },\n    },\n    defaultVariants: {\n      active: false,\n      collapsed: false,\n    },\n  }\n);\n\ninterface MenuItem {\n  id: string;\n  label: string;\n  icon: React.ReactNode;\n  href?: string;\n  badge?: string;\n  children?: MenuItem[];\n}\n\ninterface SidebarProps extends VariantProps<typeof sidebarVariants> {\n  className?: string;\n  onToggle?: () => void;\n  menuItems?: MenuItem[];\n  activeItem?: string;\n  onItemClick?: (itemId: string) => void;\n}\n\nconst defaultMenuItems: MenuItem[] = [\n  {\n    id: \"dashboard\",\n    label: \"Dashboard\",\n    icon: <Home className=\"h-5 w-5\" />,\n    href: \"/dashboard\",\n  },\n  {\n    id: \"analytics\",\n    label: \"Analytics\",\n    icon: <BarChart3 className=\"h-5 w-5\" />,\n    href: \"/analytics\",\n    badge: \"New\",\n  },\n  {\n    id: \"users\",\n    label: \"Users\",\n    icon: <Users className=\"h-5 w-5\" />,\n    children: [\n      { id: \"all-users\", label: \"All Users\", icon: <Users className=\"h-4 w-4\" /> },\n      { id: \"user-roles\", label: \"User Roles\", icon: <Settings className=\"h-4 w-4\" /> },\n    ],\n  },\n  {\n    id: \"reports\",\n    label: \"Reports\",\n    icon: <FileText className=\"h-5 w-5\" />,\n    href: \"/reports\",\n  },\n  {\n    id: \"calendar\",\n    label: \"Calendar\",\n    icon: <Calendar className=\"h-5 w-5\" />,\n    href: \"/calendar\",\n  },\n  {\n    id: \"messages\",\n    label: \"Messages\",\n    icon: <Mail className=\"h-5 w-5\" />,\n    href: \"/messages\",\n    badge: \"3\",\n  },\n  {\n    id: \"notifications\",\n    label: \"Notifications\",\n    icon: <Bell className=\"h-5 w-5\" />,\n    href: \"/notifications\",\n  },\n  {\n    id: \"settings\",\n    label: \"Settings\",\n    icon: <Settings className=\"h-5 w-5\" />,\n    href: \"/settings\",\n  },\n];\n\nconst Sidebar = React.forwardRef<HTMLDivElement, SidebarProps>(\n  ({ \n    className, \n    collapsed = false, \n    onToggle, \n    menuItems = defaultMenuItems,\n    activeItem = \"dashboard\",\n    onItemClick,\n    ...props \n  }, ref) => {\n    const [expandedItems, setExpandedItems] = React.useState<string[]>([]);\n\n    const toggleExpanded = (itemId: string) => {\n      setExpandedItems(prev => \n        prev.includes(itemId) \n          ? prev.filter(id => id !== itemId)\n          : [...prev, itemId]\n      );\n    };\n\n    const handleItemClick = (item: MenuItem) => {\n      if (item.children) {\n        toggleExpanded(item.id);\n      } else {\n        onItemClick?.(item.id);\n      }\n    };\n\n    const renderMenuItem = (item: MenuItem, level = 0) => {\n      const isActive = activeItem === item.id;\n      const isExpanded = expandedItems.includes(item.id);\n      const hasChildren = item.children && item.children.length > 0;\n\n      return (\n        <div key={item.id}>\n          <button\n            onClick={() => handleItemClick(item)}\n            className={cn(\n              menuItemVariants({ active: isActive, collapsed }),\n              level > 0 && \"ml-4 pl-8\",\n              \"relative\"\n            )}\n          >\n            <div className=\"flex items-center min-w-0 flex-1\">\n              <div className=\"flex-shrink-0\">\n                {item.icon}\n              </div>\n              {!collapsed && (\n                <>\n                  <span className=\"ml-3 truncate\">{item.label}</span>\n                  {item.badge && (\n                    <Badge variant=\"danger\" className=\"ml-auto text-xs\">\n                      {item.badge}\n                    </Badge>\n                  )}\n                  {hasChildren && (\n                    <ChevronDown \n                      className={cn(\n                        \"ml-auto h-4 w-4 transition-transform duration-200\",\n                        isExpanded && \"rotate-180\"\n                      )}\n                    />\n                  )}\n                </>\n              )}\n            </div>\n          </button>\n          \n          {hasChildren && !collapsed && isExpanded && (\n            <div className=\"mt-1 space-y-1\">\n              {item.children?.map(child => renderMenuItem(child, level + 1))}\n            </div>\n          )}\n        </div>\n      );\n    };\n\n    return (\n      <div\n        ref={ref}\n        className={cn(sidebarVariants({ collapsed }), className)}\n        {...props}\n      >\n        {/* Header */}\n        <div className=\"flex items-center justify-between p-4 border-b border-gray-200\">\n          {!collapsed && (\n            <div className=\"flex items-center space-x-2\">\n              <div className=\"w-8 h-8 bg-primary-600 rounded-lg flex items-center justify-center\">\n                <span className=\"text-white font-bold text-sm\">B</span>\n              </div>\n              <span className=\"font-bold text-xl text-gray-900\">Beyond</span>\n            </div>\n          )}\n          <button\n            onClick={onToggle}\n            className=\"p-1.5 rounded-lg hover:bg-gray-100 transition-colors\"\n          >\n            {collapsed ? (\n              <ChevronRight className=\"h-4 w-4 text-gray-600\" />\n            ) : (\n              <ChevronLeft className=\"h-4 w-4 text-gray-600\" />\n            )}\n          </button>\n        </div>\n\n        {/* Navigation Menu */}\n        <nav className=\"flex-1 px-4 py-6 space-y-2 overflow-y-auto\">\n          {menuItems.map(item => renderMenuItem(item))}\n        </nav>\n\n        {/* User Profile Section */}\n        <div className=\"border-t border-gray-200 p-4\">\n          {collapsed ? (\n            <div className=\"flex justify-center\">\n              <Avatar size=\"sm\">\n                <AvatarImage src=\"https://images.pexels.com/photos/774909/pexels-photo-774909.jpeg?auto=compress&cs=tinysrgb&w=64\" />\n                <AvatarFallback>JD</AvatarFallback>\n              </Avatar>\n            </div>\n          ) : (\n            <div className=\"space-y-3\">\n              <div className=\"flex items-center space-x-3\">\n                <Avatar size=\"sm\">\n                  <AvatarImage src=\"https://images.pexels.com/photos/774909/pexels-photo-774909.jpeg?auto=compress&cs=tinysrgb&w=64\" />\n                  <AvatarFallback>JD</AvatarFallback>\n                </Avatar>\n                <div className=\"flex-1 min-w-0\">\n                  <p className=\"text-sm font-medium text-gray-900 truncate\">\n                    John Doe\n                  </p>\n                  <p className=\"text-xs text-gray-500 truncate\">\n                    john@company.com\n                  </p>\n                </div>\n              </div>\n              <div className=\"flex space-x-2\">\n                <button className=\"flex-1 flex items-center justify-center px-3 py-2 text-xs font-medium text-gray-700 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors\">\n                  <User className=\"h-3 w-3 mr-1\" />\n                  Profile\n                </button>\n                <button className=\"flex-1 flex items-center justify-center px-3 py-2 text-xs font-medium text-gray-700 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors\">\n                  <LogOut className=\"h-3 w-3 mr-1\" />\n                  Logout\n                </button>\n              </div>\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n);\n\nSidebar.displayName = \"Sidebar\";\n\nexport { Sidebar, sidebarVariants, type MenuItem };"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/dist/components/Sidebar/index.d.ts

@@ -0,0 +1 @@
+export * from './Sidebar';

package/dist/components/Sidebar/index.js

@@ -0,0 +1,2 @@
+export { Sidebar, sidebarVariants } from './Sidebar.js';
+//# sourceMappingURL=index.js.map

package/dist/components/Sidebar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Skeleton/Skeleton.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const skeletonVariants: (props?: ({
+    variant?: "default" | "darker" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof skeletonVariants> {
+}
+declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
+export { Skeleton, skeletonVariants };

package/dist/components/Skeleton/Skeleton.js

@@ -0,0 +1,23 @@
+import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../utils/cn.js';
+
+const skeletonVariants = cva("animate-pulse rounded-md bg-gray-200", {
+    variants: {
+        variant: {
+            default: "bg-gray-200",
+            darker: "bg-gray-300",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+const Skeleton = React.forwardRef(({ className, variant, ...props }, ref) => {
+    return (jsxRuntimeExports.jsx("div", { ref: ref, className: cn(skeletonVariants({ variant }), className), ...props }));
+});
+Skeleton.displayName = "Skeleton";
+
+export { Skeleton, skeletonVariants };
+//# sourceMappingURL=Skeleton.js.map

package/dist/components/Skeleton/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../utils/cn\";\n\nconst skeletonVariants = cva(\n  \"animate-pulse rounded-md bg-gray-200\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-gray-200\",\n        darker: \"bg-gray-300\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n);\n\nexport interface SkeletonProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof skeletonVariants> {}\n\nconst Skeleton = React.forwardRef<HTMLDivElement, SkeletonProps>(\n  ({ className, variant, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(skeletonVariants({ variant }), className)}\n        {...props}\n      />\n    );\n  }\n);\nSkeleton.displayName = \"Skeleton\";\n\nexport { Skeleton, skeletonVariants };"],"names":["_jsx"],"mappings":";;;;;AAIA,MAAM,gBAAgB,GAAG,GAAG,CAC1B,sCAAsC,EACtC;AACE,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,aAAa;AACtB,YAAA,MAAM,EAAE,aAAa;AACtB,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,SAAS;AACnB,KAAA;AACF,CAAA;AAOH,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAC/B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IACxC,QACEA,+BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,EAAA,GACnD,KAAK,EAAA,CACT;AAEN,CAAC;AAEH,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}

package/dist/components/Skeleton/index.d.ts

@@ -0,0 +1 @@
+export * from './Skeleton';

package/dist/components/Skeleton/index.js

@@ -0,0 +1,2 @@
+export { Skeleton, skeletonVariants } from './Skeleton.js';
+//# sourceMappingURL=index.js.map

package/dist/components/Skeleton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Spinner/Spinner.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const spinnerVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | "xl" | null | undefined;
+    variant?: "secondary" | "primary" | "current" | "white" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface SpinnerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof spinnerVariants> {
+}
+declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<HTMLDivElement>>;
+export { Spinner, spinnerVariants };

package/dist/components/Spinner/Spinner.js

@@ -0,0 +1,32 @@
+import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../utils/cn.js';
+
+const spinnerVariants = cva("animate-spin rounded-full border-2 border-current border-t-transparent", {
+    variants: {
+        size: {
+            sm: "h-4 w-4",
+            md: "h-6 w-6",
+            lg: "h-8 w-8",
+            xl: "h-12 w-12",
+        },
+        variant: {
+            primary: "text-primary-600",
+            secondary: "text-secondary-600",
+            white: "text-white",
+            current: "text-current",
+        },
+    },
+    defaultVariants: {
+        size: "md",
+        variant: "primary",
+    },
+});
+const Spinner = React.forwardRef(({ className, size, variant, ...props }, ref) => {
+    return (jsxRuntimeExports.jsx("div", { ref: ref, className: cn(spinnerVariants({ size, variant }), className), ...props }));
+});
+Spinner.displayName = "Spinner";
+
+export { Spinner, spinnerVariants };
+//# sourceMappingURL=Spinner.js.map

package/dist/components/Spinner/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sources":["../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../utils/cn\";\n\nconst spinnerVariants = cva(\n  \"animate-spin rounded-full border-2 border-current border-t-transparent\",\n  {\n    variants: {\n      size: {\n        sm: \"h-4 w-4\",\n        md: \"h-6 w-6\",\n        lg: \"h-8 w-8\",\n        xl: \"h-12 w-12\",\n      },\n      variant: {\n        primary: \"text-primary-600\",\n        secondary: \"text-secondary-600\",\n        white: \"text-white\",\n        current: \"text-current\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      variant: \"primary\",\n    },\n  }\n);\n\nexport interface SpinnerProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof spinnerVariants> {}\n\nconst Spinner = React.forwardRef<HTMLDivElement, SpinnerProps>(\n  ({ className, size, variant, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(spinnerVariants({ size, variant }), className)}\n        {...props}\n      />\n    );\n  }\n);\nSpinner.displayName = \"Spinner\";\n\nexport { Spinner, spinnerVariants };"],"names":["_jsx"],"mappings":";;;;;AAIA,MAAM,eAAe,GAAG,GAAG,CACzB,wEAAwE,EACxE;AACE,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,EAAE,EAAE,SAAS;AACb,YAAA,EAAE,EAAE,SAAS;AACb,YAAA,EAAE,EAAE,SAAS;AACb,YAAA,EAAE,EAAE,WAAW;AAChB,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,kBAAkB;AAC3B,YAAA,SAAS,EAAE,oBAAoB;AAC/B,YAAA,KAAK,EAAE,YAAY;AACnB,YAAA,OAAO,EAAE,cAAc;AACxB,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,IAAI;AACV,QAAA,OAAO,EAAE,SAAS;AACnB,KAAA;AACF,CAAA;AAOH,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAC9B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IAC9C,QACEA,qBAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,EAAA,GACxD,KAAK,EAAA,CACT;AAEN,CAAC;AAEH,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}

package/dist/components/Spinner/index.d.ts

@@ -0,0 +1 @@
+export * from './Spinner';

package/dist/components/Spinner/index.js

@@ -0,0 +1,2 @@
+export { Spinner, spinnerVariants } from './Spinner.js';
+//# sourceMappingURL=index.js.map

package/dist/components/Spinner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/StatsCard/StatsCard.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const statsCardVariants: (props?: ({
+    variant?: "default" | "gradient" | null | undefined;
+    color?: "success" | "warning" | "danger" | "secondary" | "primary" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+type TrendDirection = "up" | "down" | "neutral";
+export interface StatsCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "color">, VariantProps<typeof statsCardVariants> {
+    title: string;
+    value: string | number;
+    trend?: {
+        direction: TrendDirection;
+        value: string | number;
+        label?: string;
+    };
+    icon?: React.ReactNode;
+}
+declare const StatsCard: React.ForwardRefExoticComponent<StatsCardProps & React.RefAttributes<HTMLDivElement>>;
+export { StatsCard, statsCardVariants };

package/dist/components/StatsCard/StatsCard.js

@@ -0,0 +1,56 @@
+import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../utils/cn.js';
+import { Card, CardContent } from '../Card/Card.js';
+import Minus from '../../node_modules/lucide-react/dist/esm/icons/minus.js';
+import TrendingDown from '../../node_modules/lucide-react/dist/esm/icons/trending-down.js';
+import TrendingUp from '../../node_modules/lucide-react/dist/esm/icons/trending-up.js';
+
+const statsCardVariants = cva("relative overflow-hidden", {
+    variants: {
+        variant: {
+            default: "",
+            gradient: "bg-gradient-to-br",
+        },
+        color: {
+            primary: "from-primary-500 to-primary-600 text-white",
+            secondary: "from-secondary-500 to-secondary-600 text-white",
+            success: "from-success-500 to-success-600 text-white",
+            warning: "from-warning-500 to-warning-600 text-white",
+            danger: "from-danger-500 to-danger-600 text-white",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+const StatsCard = React.forwardRef(({ className, variant, color, title, value, trend, icon, ...props }, ref) => {
+    const getTrendIcon = (direction) => {
+        switch (direction) {
+            case "up":
+                return jsxRuntimeExports.jsx(TrendingUp, { className: "h-4 w-4" });
+            case "down":
+                return jsxRuntimeExports.jsx(TrendingDown, { className: "h-4 w-4" });
+            default:
+                return jsxRuntimeExports.jsx(Minus, { className: "h-4 w-4" });
+        }
+    };
+    const getTrendColor = (direction) => {
+        if (variant === "gradient")
+            return "text-white/80";
+        switch (direction) {
+            case "up":
+                return "text-success-600";
+            case "down":
+                return "text-danger-600";
+            default:
+                return "text-gray-600";
+        }
+    };
+    return (jsxRuntimeExports.jsx(Card, { ref: ref, className: cn(statsCardVariants({ variant, color }), className), padding: "none", ...props, children: jsxRuntimeExports.jsx(CardContent, { className: "p-6", children: jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [jsxRuntimeExports.jsxs("div", { className: "flex-1", children: [jsxRuntimeExports.jsx("p", { className: cn("text-sm font-medium", variant === "gradient" ? "text-white/80" : "text-gray-600"), children: title }), jsxRuntimeExports.jsxs("div", { className: "mt-2", children: [jsxRuntimeExports.jsx("p", { className: cn("text-3xl font-bold", variant === "gradient" ? "text-white" : "text-gray-900"), children: value }), trend && (jsxRuntimeExports.jsxs("div", { className: cn("flex items-center gap-1 mt-1 text-sm", getTrendColor(trend.direction)), children: [getTrendIcon(trend.direction), jsxRuntimeExports.jsx("span", { children: trend.value }), trend.label && (jsxRuntimeExports.jsx("span", { className: cn(variant === "gradient" ? "text-white/60" : "text-gray-500"), children: trend.label }))] }))] })] }), icon && (jsxRuntimeExports.jsx("div", { className: cn("p-3 rounded-full", variant === "gradient" ? "bg-white/20" : "bg-gray-100"), children: icon }))] }) }) }));
+});
+StatsCard.displayName = "StatsCard";
+
+export { StatsCard, statsCardVariants };
+//# sourceMappingURL=StatsCard.js.map

package/dist/components/StatsCard/StatsCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatsCard.js","sources":["../../../src/components/StatsCard/StatsCard.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { TrendingUp, TrendingDown, Minus } from \"lucide-react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../utils/cn\";\nimport { Card, CardContent } from \"../Card\";\n\nconst statsCardVariants = cva(\n  \"relative overflow-hidden\",\n  {\n    variants: {\n      variant: {\n        default: \"\",\n        gradient: \"bg-gradient-to-br\",\n      },\n      color: {\n        primary: \"from-primary-500 to-primary-600 text-white\",\n        secondary: \"from-secondary-500 to-secondary-600 text-white\",\n        success: \"from-success-500 to-success-600 text-white\",\n        warning: \"from-warning-500 to-warning-600 text-white\",\n        danger: \"from-danger-500 to-danger-600 text-white\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n);\n\ntype TrendDirection = \"up\" | \"down\" | \"neutral\";\n\nexport interface StatsCardProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"color\">,\n    VariantProps<typeof statsCardVariants> {\n  title: string;\n  value: string | number;\n  trend?: {\n    direction: TrendDirection;\n    value: string | number;\n    label?: string;\n  };\n  icon?: React.ReactNode;\n}\n\nconst StatsCard = React.forwardRef<HTMLDivElement, StatsCardProps>(\n  ({ className, variant, color, title, value, trend, icon, ...props }, ref) => {\n    const getTrendIcon = (direction: TrendDirection) => {\n      switch (direction) {\n        case \"up\":\n          return <TrendingUp className=\"h-4 w-4\" />;\n        case \"down\":\n          return <TrendingDown className=\"h-4 w-4\" />;\n        default:\n          return <Minus className=\"h-4 w-4\" />;\n      }\n    };\n\n    const getTrendColor = (direction: TrendDirection) => {\n      if (variant === \"gradient\") return \"text-white/80\";\n      \n      switch (direction) {\n        case \"up\":\n          return \"text-success-600\";\n        case \"down\":\n          return \"text-danger-600\";\n        default:\n          return \"text-gray-600\";\n      }\n    };\n\n    return (\n      <Card\n        ref={ref}\n        className={cn(statsCardVariants({ variant, color }), className)}\n        padding=\"none\"\n        {...props}\n      >\n        <CardContent className=\"p-6\">\n          <div className=\"flex items-center justify-between\">\n            <div className=\"flex-1\">\n              <p className={cn(\n                \"text-sm font-medium\",\n                variant === \"gradient\" ? \"text-white/80\" : \"text-gray-600\"\n              )}>\n                {title}\n              </p>\n              <div className=\"mt-2\">\n                <p className={cn(\n                  \"text-3xl font-bold\",\n                  variant === \"gradient\" ? \"text-white\" : \"text-gray-900\"\n                )}>\n                  {value}\n                </p>\n                {trend && (\n                  <div className={cn(\n                    \"flex items-center gap-1 mt-1 text-sm\",\n                    getTrendColor(trend.direction)\n                  )}>\n                    {getTrendIcon(trend.direction)}\n                    <span>{trend.value}</span>\n                    {trend.label && (\n                      <span className={cn(\n                        variant === \"gradient\" ? \"text-white/60\" : \"text-gray-500\"\n                      )}>\n                        {trend.label}\n                      </span>\n                    )}\n                  </div>\n                )}\n              </div>\n            </div>\n            {icon && (\n              <div className={cn(\n                \"p-3 rounded-full\",\n                variant === \"gradient\" ? \"bg-white/20\" : \"bg-gray-100\"\n              )}>\n                {icon}\n              </div>\n            )}\n          </div>\n        </CardContent>\n      </Card>\n    );\n  }\n);\nStatsCard.displayName = \"StatsCard\";\n\nexport { StatsCard, statsCardVariants };"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/components/StatsCard/index.d.ts

@@ -0,0 +1 @@
+export * from './StatsCard';

package/dist/components/StatsCard/index.js

@@ -0,0 +1,2 @@
+export { StatsCard, statsCardVariants } from './StatsCard.js';
+//# sourceMappingURL=index.js.map

package/dist/components/StatsCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Switch/Switch.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const switchVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface SwitchProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'>, VariantProps<typeof switchVariants> {
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+}
+declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
+export { Switch, switchVariants };

package/dist/components/Switch/Switch.js

@@ -0,0 +1,39 @@
+import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../utils/cn.js';
+
+const switchVariants = cva("peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2 focus-visible:ring-offset-white disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary-600 data-[state=unchecked]:bg-gray-200", {
+    variants: {
+        size: {
+            sm: "h-5 w-9",
+            md: "h-6 w-11",
+            lg: "h-7 w-13",
+        },
+    },
+    defaultVariants: {
+        size: "md",
+    },
+});
+const switchThumbVariants = cva("pointer-events-none block rounded-full bg-white shadow-lg ring-0 transition-transform", {
+    variants: {
+        size: {
+            sm: "h-4 w-4 data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0",
+            md: "h-5 w-5 data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0",
+            lg: "h-6 w-6 data-[state=checked]:translate-x-6 data-[state=unchecked]:translate-x-0",
+        },
+    },
+    defaultVariants: {
+        size: "md",
+    },
+});
+const Switch = React.forwardRef(({ className, size, checked = false, onCheckedChange, ...props }, ref) => {
+    const handleClick = () => {
+        onCheckedChange?.(!checked);
+    };
+    return (jsxRuntimeExports.jsx("button", { type: "button", role: "switch", "aria-checked": checked, "data-state": checked ? "checked" : "unchecked", className: cn(switchVariants({ size }), className), onClick: handleClick, ref: ref, ...props, children: jsxRuntimeExports.jsx("span", { "data-state": checked ? "checked" : "unchecked", className: cn(switchThumbVariants({ size })) }) }));
+});
+Switch.displayName = "Switch";
+
+export { Switch, switchVariants };
+//# sourceMappingURL=Switch.js.map

package/dist/components/Switch/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../utils/cn\";\n\nconst switchVariants = cva(\n  \"peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2 focus-visible:ring-offset-white disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary-600 data-[state=unchecked]:bg-gray-200\",\n  {\n    variants: {\n      size: {\n        sm: \"h-5 w-9\",\n        md: \"h-6 w-11\",\n        lg: \"h-7 w-13\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n);\n\nconst switchThumbVariants = cva(\n  \"pointer-events-none block rounded-full bg-white shadow-lg ring-0 transition-transform\",\n  {\n    variants: {\n      size: {\n        sm: \"h-4 w-4 data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0\",\n        md: \"h-5 w-5 data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0\",\n        lg: \"h-6 w-6 data-[state=checked]:translate-x-6 data-[state=unchecked]:translate-x-0\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n);\n\nexport interface SwitchProps\n  extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'>,\n    VariantProps<typeof switchVariants> {\n  checked?: boolean;\n  onCheckedChange?: (checked: boolean) => void;\n}\n\nconst Switch = React.forwardRef<HTMLButtonElement, SwitchProps>(\n  ({ className, size, checked = false, onCheckedChange, ...props }, ref) => {\n    const handleClick = () => {\n      onCheckedChange?.(!checked);\n    };\n\n    return (\n      <button\n        type=\"button\"\n        role=\"switch\"\n        aria-checked={checked}\n        data-state={checked ? \"checked\" : \"unchecked\"}\n        className={cn(switchVariants({ size }), className)}\n        onClick={handleClick}\n        ref={ref}\n        {...props}\n      >\n        <span\n          data-state={checked ? \"checked\" : \"unchecked\"}\n          className={cn(switchThumbVariants({ size }))}\n        />\n      </button>\n    );\n  }\n);\nSwitch.displayName = \"Switch\";\n\nexport { Switch, switchVariants };"],"names":["_jsx"],"mappings":";;;;;AAIA,MAAM,cAAc,GAAG,GAAG,CACxB,6XAA6X,EAC7X;AACE,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,EAAE,EAAE,SAAS;AACb,YAAA,EAAE,EAAE,UAAU;AACd,YAAA,EAAE,EAAE,UAAU;AACf,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,IAAI;AACX,KAAA;AACF,CAAA;AAGH,MAAM,mBAAmB,GAAG,GAAG,CAC7B,uFAAuF,EACvF;AACE,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,EAAE,EAAE,iFAAiF;AACrF,YAAA,EAAE,EAAE,iFAAiF;AACrF,YAAA,EAAE,EAAE,iFAAiF;AACtF,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,IAAI;AACX,KAAA;AACF,CAAA,CACF;AASD,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC7B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,GAAG,KAAK,EAAE,eAAe,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IACvE,MAAM,WAAW,GAAG,MAAK;AACvB,QAAA,eAAe,GAAG,CAAC,OAAO,CAAC;AAC7B,IAAA,CAAC;AAED,IAAA,QACEA,qBAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,EAAA,cAAA,EACC,OAAO,EAAA,YAAA,EACT,OAAO,GAAG,SAAS,GAAG,WAAW,EAC7C,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,EAClD,OAAO,EAAE,WAAW,EACpB,GAAG,EAAE,GAAG,EAAA,GACJ,KAAK,EAAA,QAAA,EAETA,8CACc,OAAO,GAAG,SAAS,GAAG,WAAW,EAC7C,SAAS,EAAE,EAAE,CAAC,mBAAmB,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,EAAA,CAC5C,EAAA,CACK;AAEb,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}

package/dist/components/Switch/index.d.ts

@@ -0,0 +1 @@
+export * from './Switch';

package/dist/components/Switch/index.js

@@ -0,0 +1,2 @@
+export { Switch, switchVariants } from './Switch.js';
+//# sourceMappingURL=index.js.map

package/dist/components/Switch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}