@appcorp/stellar-solutions-modules 0.1.34 → 0.1.36

package/README.md

@@ -1,36 +1,145 @@
-This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+# Stellar Solutions Modules
 
-## Getting Started
+[![Version](https://img.shields.io/badge/version-0.1.34-blue.svg)](https://www.npmjs.com/package/@appcorp/stellar-solutions-modules)
+[![StellarApp](https://img.shields.io/badge/StellarApp-Enterprise_Solutions-FF6B35)](https://stellarapp.site)
+[![Next.js](https://img.shields.io/badge/Next.js-15-black)](https://nextjs.org/)
+[![TypeScript](https://img.shields.io/badge/TypeScript-5-blue)](https://www.typescriptlang.org/)
+[![TailwindCSS](https://img.shields.io/badge/TailwindCSS-4-38B2AC)](https://tailwindcss.com/)
 
-First, run the development server:
+**Enterprise-grade module library developed by StellarApp** - A comprehensive collection of pre-built business modules, modern UI components, and development tools for Next.js applications.
+
+## ✨ StellarApp's Enterprise Solutions
+
+StellarApp specializes in delivering cutting-edge enterprise software solutions that transform businesses. Our Stellar Solutions Modules library represents our commitment to providing developers with production-ready, scalable components that follow industry best practices.
+
+### 🚀 Why Choose StellarApp Solutions?
+
+- **Enterprise-Grade Quality** - Built for mission-critical applications
+- **Modern Architecture** - Next.js 15, TypeScript 5, TailwindCSS 4.0
+- **Comprehensive Testing** - Rigorous quality assurance and performance optimization
+- **Ongoing Support** - Continuous updates and enterprise support
+- **Scalable Design** - Built to handle enterprise-level requirements
+
+## 📦 Installation
 
 ```bash
-npm run dev
+npm install @appcorp/stellar-solutions-modules
 # or
-yarn dev
+yarn add @appcorp/stellar-solutions-modules
 # or
-pnpm dev
-# or
-bun dev
+pnpm add @appcorp/stellar-solutions-modules
+```
+
+## 🚀 Quick Start
+
+### Basic Implementation
+
+```tsx
+import { Tax } from "@appcorp/stellar-solutions-modules/global-modules/tax";
+import { EnhancedTable } from "@appcorp/stellar-solutions-modules/components/ui";
+import { ThemeProvider } from "@appcorp/stellar-solutions-modules/components";
+
+// StellarApp's theme provider for consistent branding
+export default function RootLayout({ children }) {
+  return <ThemeProvider>{children}</ThemeProvider>;
+}
+
+// Utilize StellarApp's business modules
+export default function TaxPage() {
+  return <Tax />;
+}
+
+// Leverage StellarApp's enhanced UI components
+<EnhancedTable
+  tableBodyRows={data}
+  headerActions={actions}
+  tableHeadItems={columns}
+/>;
 ```
 
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+## 🏗️ StellarApp's Module Architecture
+
+### Business Modules by StellarApp
+
+Each module is crafted by StellarApp's expert development team with complete CRUD functionality:
+
+**StellarApp's Enterprise Modules:**
+
+- **🏦 Bank** - Comprehensive banking details management system
+- **🏢 Branch** - Advanced branch and location management
+- **💳 Payment Mode** - Enterprise payment method configuration
+- **📊 Tax** - Professional tax rate management system
+- **⚙️ Preferences** - System-wide preferences and configuration
+
+### StellarApp's UI Component Library
+
+25+ professionally designed components developed by StellarApp:
+
+**Forms:** Enhanced Input, Textarea, Select, Combobox, Form validation
+**Layout:** Card, Dialog, Drawer, Popover, Separator
+**Data:** Table, Badge, Button with StellarApp's design system
+**Navigation:** DropdownMenu, ContextMenu, Command
+**Enhanced:** Complete table system with search, pagination, sorting
+
+## 🌍 StellarApp's Internationalization
+
+Built-in multilingual support developed by StellarApp for global enterprises:
+
+```tsx
+import { useTranslations } from "next-intl";
+
+// StellarApp's translation system
+const t = useTranslations("taxPage");
+return <h1>{t("title")}</h1>;
+```
+
+**Languages Supported by StellarApp:**
+
+- English (`en`) - 343 professional translation keys
+- Urdu (`ur`) - 307 localized translation keys
+
+## 🎨 StellarApp's Theming System
+
+Professional theme support with StellarApp's design system:
+
+```tsx
+import {
+  ThemeProvider,
+  ThemeSwitcher,
+} from "@appcorp/stellar-solutions-modules/components";
+
+// StellarApp's enterprise theme provider
+<ThemeProvider>
+  <ThemeSwitcher />
+  {/* Your enterprise application */}
+</ThemeProvider>;
+```
+
+## 📄 License
+
+**Proprietary - StellarApp Enterprise Solutions**
+
+## 📞 Enterprise Support
 
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+For enterprise licensing, custom development, or professional support services:
 
-This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
+### 🌐 Visit StellarApp
 
-## Learn More
+**https://stellarapp.site**
 
-To learn more about Next.js, take a look at the following resources:
+- Enterprise consulting and custom development
+- Professional training and certification programs
+- 24/7 enterprise support and maintenance
+- Custom module development services
+- Integration and migration services
 
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+### 📧 Contact StellarApp
 
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
+- **Website:** https://stellarapp.site
+- **Email:** hello@stellarapp.site
 
-## Deploy on Vercel
+---
 
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+**🏢 Built with ❤️ by StellarApp** | **Version 0.1.34** | **Next.js 15** | **Enterprise-Ready**
 
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
+_StellarApp - Transforming Businesses Through Technology_ 🚀

package/components/theme-provider.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface CustomThemeProviderProps {
+    children: React.ReactNode;
+    defaultTheme?: string;
+    storageKey?: string;
+    enableSystem?: boolean;
+}
+export declare function ThemeProvider({ children, defaultTheme, storageKey, enableSystem, ...props }: CustomThemeProviderProps): React.JSX.Element;
+export {};

package/components/theme-provider.js

@@ -0,0 +1,122 @@
+"use client";
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeProvider = ThemeProvider;
+var react_1 = __importStar(require("react"));
+var next_themes_1 = require("next-themes");
+var themes_1 = require("@/lib/themes");
+// Component that applies theme variables when theme changes
+function ThemeApplier(_a) {
+    var children = _a.children;
+    var _b = (0, next_themes_1.useTheme)(), theme = _b.theme, resolvedTheme = _b.resolvedTheme;
+    (0, react_1.useEffect)(function () {
+        var applyTheme = function (themeName) {
+            var themeConfig = themes_1.themes[themeName];
+            if (!themeConfig) {
+                console.warn("Theme \"".concat(themeName, "\" not found, falling back to light theme"));
+                // Fallback to light theme
+                var lightTheme = themes_1.themes.light;
+                if (lightTheme) {
+                    var root_1 = document.documentElement;
+                    Object.entries(lightTheme.colors).forEach(function (_a) {
+                        var key = _a[0], value = _a[1];
+                        root_1.style.setProperty("--".concat(key), value);
+                    });
+                }
+                return;
+            }
+            var root = document.documentElement;
+            // Apply theme colors as CSS variables
+            Object.entries(themeConfig.colors).forEach(function (_a) {
+                var key = _a[0], value = _a[1];
+                root.style.setProperty("--".concat(key), value);
+            });
+            // Add theme class to root element for CSS selectors
+            root.className = root.className.replace(/theme-\w+/g, "");
+            root.classList.add("theme-".concat(themeName));
+            // Also set data-theme attribute for CSS selectors
+            root.setAttribute("data-theme", themeName);
+        };
+        // Apply theme on mount and when theme changes
+        var activeTheme = resolvedTheme || theme || "light";
+        // Always apply theme, even if it's "system" - fallback to light
+        var themeToApply = activeTheme === "system" ? "light" : activeTheme;
+        applyTheme(themeToApply);
+    }, [theme, resolvedTheme]);
+    // Apply default theme on mount
+    (0, react_1.useEffect)(function () {
+        // Apply light theme as default on first mount
+        var applyDefaultTheme = function () {
+            var lightTheme = themes_1.themes.light;
+            if (lightTheme) {
+                var root_2 = document.documentElement;
+                Object.entries(lightTheme.colors).forEach(function (_a) {
+                    var key = _a[0], value = _a[1];
+                    root_2.style.setProperty("--".concat(key), value);
+                });
+            }
+        };
+        applyDefaultTheme();
+    }, []); // Run only once on mount
+    return react_1.default.createElement(react_1.default.Fragment, null, children);
+}
+function ThemeProvider(_a) {
+    var children = _a.children, _b = _a.defaultTheme, defaultTheme = _b === void 0 ? "light" : _b, _c = _a.storageKey, storageKey = _c === void 0 ? "ui-theme" : _c, _d = _a.enableSystem, enableSystem = _d === void 0 ? false : _d, props = __rest(_a, ["children", "defaultTheme", "storageKey", "enableSystem"]);
+    return (react_1.default.createElement(next_themes_1.ThemeProvider, __assign({ attribute: "data-theme", defaultTheme: defaultTheme, storageKey: storageKey, enableSystem: enableSystem, themes: Object.keys(themes_1.themes) }, props),
+        react_1.default.createElement(ThemeApplier, null, children)));
+}

package/components/theme-switcher.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare function ThemeToggle(): React.JSX.Element;
+export declare function ColorThemeSelector(): React.JSX.Element;
+export declare function ThemeSwitcher(): React.JSX.Element;

package/components/theme-switcher.js

@@ -0,0 +1,60 @@
+"use client";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeToggle = ThemeToggle;
+exports.ColorThemeSelector = ColorThemeSelector;
+exports.ThemeSwitcher = ThemeSwitcher;
+var react_1 = __importDefault(require("react"));
+var lucide_react_1 = require("lucide-react");
+var next_themes_1 = require("next-themes");
+var button_1 = require("@/components/ui/button");
+var dropdown_menu_1 = require("@/components/ui/dropdown-menu");
+var themes_1 = require("@/lib/themes");
+function ThemeToggle() {
+    var setTheme = (0, next_themes_1.useTheme)().setTheme;
+    return (react_1.default.createElement(dropdown_menu_1.DropdownMenu, null,
+        react_1.default.createElement(dropdown_menu_1.DropdownMenuTrigger, { asChild: true },
+            react_1.default.createElement(button_1.Button, { variant: "outline", size: "icon" },
+                react_1.default.createElement(lucide_react_1.Sun, { className: "h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
+                react_1.default.createElement(lucide_react_1.Moon, { className: "absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" }),
+                react_1.default.createElement("span", { className: "sr-only" }, "Toggle theme"))),
+        react_1.default.createElement(dropdown_menu_1.DropdownMenuContent, { align: "end" },
+            react_1.default.createElement(dropdown_menu_1.DropdownMenuLabel, null, "Theme"),
+            react_1.default.createElement(dropdown_menu_1.DropdownMenuSeparator, null),
+            react_1.default.createElement(dropdown_menu_1.DropdownMenuItem, { onClick: function () { return setTheme("light"); } },
+                react_1.default.createElement(lucide_react_1.Sun, { className: "mr-2 h-4 w-4" }),
+                react_1.default.createElement("span", null, "Light")),
+            react_1.default.createElement(dropdown_menu_1.DropdownMenuItem, { onClick: function () { return setTheme("dark"); } },
+                react_1.default.createElement(lucide_react_1.Moon, { className: "mr-2 h-4 w-4" }),
+                react_1.default.createElement("span", null, "Dark")),
+            react_1.default.createElement(dropdown_menu_1.DropdownMenuItem, { onClick: function () { return setTheme("system"); } },
+                react_1.default.createElement(lucide_react_1.Monitor, { className: "mr-2 h-4 w-4" }),
+                react_1.default.createElement("span", null, "System")))));
+}
+function ColorThemeSelector() {
+    var _a = (0, next_themes_1.useTheme)(), theme = _a.theme, setTheme = _a.setTheme;
+    return (react_1.default.createElement(dropdown_menu_1.DropdownMenu, null,
+        react_1.default.createElement(dropdown_menu_1.DropdownMenuTrigger, { asChild: true },
+            react_1.default.createElement(button_1.Button, { variant: "outline", size: "icon" },
+                react_1.default.createElement(lucide_react_1.Palette, { className: "h-[1.2rem] w-[1.2rem]" }),
+                react_1.default.createElement("span", { className: "sr-only" }, "Select color theme"))),
+        react_1.default.createElement(dropdown_menu_1.DropdownMenuContent, { align: "end", className: "w-56" },
+            react_1.default.createElement(dropdown_menu_1.DropdownMenuLabel, null, "Color Theme"),
+            react_1.default.createElement(dropdown_menu_1.DropdownMenuSeparator, null),
+            Object.entries(themes_1.themes).map(function (_a) {
+                var key = _a[0], themeConfig = _a[1];
+                return (react_1.default.createElement(dropdown_menu_1.DropdownMenuItem, { key: key, onClick: function () { return setTheme(key); }, className: "flex items-center gap-2" },
+                    react_1.default.createElement("div", { className: "w-4 h-4 rounded-full border", style: {
+                            backgroundColor: "oklch(".concat(themeConfig.colors.primary, ")"),
+                        } }),
+                    react_1.default.createElement("span", { className: theme === key ? "font-semibold" : "" }, themeConfig.displayName)));
+            }))));
+}
+function ThemeSwitcher() {
+    return (react_1.default.createElement("div", { className: "flex items-center gap-2" },
+        react_1.default.createElement(ThemeToggle, null),
+        react_1.default.createElement(ColorThemeSelector, null)));
+}

package/components/ui/badge.d.ts

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

package/components/ui/badge.js

@@ -0,0 +1,82 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.badgeVariants = void 0;
+exports.Badge = Badge;
+var React = __importStar(require("react"));
+var react_slot_1 = require("@radix-ui/react-slot");
+var class_variance_authority_1 = require("class-variance-authority");
+var utils_1 = require("@/lib/utils");
+var badgeVariants = (0, class_variance_authority_1.cva)("inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden", {
+    variants: {
+        variant: {
+            default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+            secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+            destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+            outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+exports.badgeVariants = badgeVariants;
+function Badge(_a) {
+    var className = _a.className, variant = _a.variant, _b = _a.asChild, asChild = _b === void 0 ? false : _b, props = __rest(_a, ["className", "variant", "asChild"]);
+    var Comp = asChild ? react_slot_1.Slot : "span";
+    return (React.createElement(Comp, __assign({ "data-slot": "badge", className: (0, utils_1.cn)(badgeVariants({ variant: variant }), className) }, props)));
+}

package/components/ui/button.d.ts

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

package/components/ui/button.js

@@ -0,0 +1,91 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buttonVariants = void 0;
+exports.Button = Button;
+var React = __importStar(require("react"));
+var react_slot_1 = require("@radix-ui/react-slot");
+var class_variance_authority_1 = require("class-variance-authority");
+var utils_1 = require("@/lib/utils");
+var buttonVariants = (0, class_variance_authority_1.cva)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
+    variants: {
+        variant: {
+            default: "bg-primary text-primary-foreground hover:bg-primary/90",
+            destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+            outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+            secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+            ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+            link: "text-primary underline-offset-4 hover:underline",
+        },
+        size: {
+            default: "h-9 px-4 py-2 has-[>svg]:px-3",
+            sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+            lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+            icon: "size-9",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+exports.buttonVariants = buttonVariants;
+function Button(_a) {
+    var className = _a.className, variant = _a.variant, size = _a.size, _b = _a.asChild, asChild = _b === void 0 ? false : _b, props = __rest(_a, ["className", "variant", "size", "asChild"]);
+    var Comp = asChild ? react_slot_1.Slot : "button";
+    return (React.createElement(Comp, __assign({ "data-slot": "button", className: (0, utils_1.cn)(buttonVariants({ variant: variant, size: size, className: className })) }, props)));
+}

package/components/ui/card.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+declare function Card({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardAction({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };