@appcorp/stellar-solutions-modules 0.1.33 → 0.1.35

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-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/checkbox.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+interface CheckboxProps extends React.ComponentProps<typeof CheckboxPrimitive.Root> {
+    error?: string;
+    info?: string;
+    label?: string;
+}
+declare function Checkbox({ className, error, info, label, id, ...props }: CheckboxProps): React.JSX.Element;
+export { Checkbox };

package/components/ui/checkbox.js

@@ -0,0 +1,87 @@
+"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.Checkbox = Checkbox;
+var React = __importStar(require("react"));
+var CheckboxPrimitive = __importStar(require("@radix-ui/react-checkbox"));
+var lucide_react_1 = require("lucide-react");
+var utils_1 = require("@/lib/utils");
+var label_1 = require("@/components/ui/label");
+function Checkbox(_a) {
+    var className = _a.className, error = _a.error, info = _a.info, label = _a.label, id = _a.id, props = __rest(_a, ["className", "error", "info", "label", "id"]);
+    // Determine if there's an error (for aria-invalid and styling)
+    var hasError = Boolean(error);
+    var checkboxElement = (React.createElement(CheckboxPrimitive.Root, __assign({ id: id, "data-slot": "checkbox", "aria-invalid": hasError, className: (0, utils_1.cn)("peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", 
+        // Error state styling
+        hasError &&
+            "data-[state=checked]:bg-destructive data-[state=unchecked]:bg-destructive/20 border-destructive focus-visible:border-destructive focus-visible:ring-destructive/20", className) }, props),
+        React.createElement(CheckboxPrimitive.Indicator, { "data-slot": "checkbox-indicator", className: "flex items-center justify-center text-current transition-none" },
+            React.createElement(lucide_react_1.CheckIcon, { className: "size-3.5" }))));
+    // If label is provided, render the complete checkbox with label structure
+    if (label) {
+        return (React.createElement("div", { className: "w-full space-y-2" },
+            React.createElement("div", { className: "flex items-center space-x-2" },
+                checkboxElement,
+                React.createElement(label_1.Label, { htmlFor: id, className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" }, label)),
+            (error || info) && (React.createElement("div", null, error ? (React.createElement("p", { className: "text-xs text-destructive" }, error)) : info ? (React.createElement("p", { className: "text-xs text-blue-600 dark:text-blue-400" }, info)) : null))));
+    }
+    // If no label, render just the checkbox with messages (backward compatibility)
+    return (React.createElement("div", { className: "w-full" },
+        checkboxElement,
+        (error || info) && (React.createElement("div", null, error ? (React.createElement("p", { className: "text-xs text-destructive" }, error)) : info ? (React.createElement("p", { className: "text-xs text-blue-600 dark:text-blue-400" }, info)) : null))));
+}

package/components/ui/drawer.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { Drawer as DrawerPrimitive } from "vaul";
+declare function Drawer({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>): React.JSX.Element;
+declare function DrawerTrigger({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Trigger>): React.JSX.Element;
+declare function DrawerPortal({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Portal>): React.JSX.Element;
+declare function DrawerClose({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Close>): React.JSX.Element;
+declare function DrawerOverlay({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Overlay>): React.JSX.Element;
+declare function DrawerContent({ className, children, ...props }: React.ComponentProps<typeof DrawerPrimitive.Content>): React.JSX.Element;
+declare function DrawerHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function DrawerFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>): React.JSX.Element;
+declare function DrawerDescription({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Description>): React.JSX.Element;
+export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, };