@appcorp/stellar-solutions-modules 0.1.34 → 0.1.35

package/global-modules/tax/types.js

@@ -1,22 +1,190 @@
 "use strict";
+/**
+ * Tax Module Types
+ *
+ * This module defines all TypeScript interfaces, types, and enums for the Tax feature.
+ * Provides type safety and clear contracts for all tax-related operations.
+ *
+ * Type Categories:
+ * - Context Types (React context and state management)
+ * - Entity Types (Backend data structures)
+ * - State Types (Frontend component state)
+ * - API Types (Request/response interfaces)
+ * - UI Types (Drawer and component enums)
+ * - Utility Types (Helper and computed types)
+ *
+ * Advanced Features:
+ * - Tax management with rate calculations
+ * - CRUD operations support
+ * - Enhanced search and pagination
+ *
+ * Naming Conventions:
+ * - Interfaces: PascalCase with descriptive suffixes (Type, State, Args)
+ * - Enums: UPPER_SNAKE_CASE for values, PascalCase for enum names
+ * - Types: PascalCase following interface conventions
+ */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PREFERENCE_MODAL = exports.TAX_DRAWER = exports.PAYMENT_TYPE = void 0;
-// export enum PAYMENT_MODE {
-//   BANK_TRANSFER = 'BANK_TRANSFER',
-//   CASH = 'CASH',
-//   CHEQUE = 'CHEQUE',
-//   OTHER = 'OTHER',
-// }
+exports.PREFERENCE_MODAL = exports.formatTaxRate = exports.calculateTaxAmount = exports.getTaxRateAsNumber = exports.getTaxDisplayName = exports.isTaxDefault = exports.isTaxEnabled = exports.isFetchTaxesArgs = exports.isPaymentType = exports.isTaxDrawer = exports.isTaxTypeBE = exports.PAYMENT_TYPE = exports.TAX_DRAWER = void 0;
+// ============================================================================
+// UI ENUMS (Component State Definitions)
+// ============================================================================
+/**
+ * Tax Drawer Types
+ *
+ * Enumeration of all available drawer states for tax UI.
+ */
+var TAX_DRAWER;
+(function (TAX_DRAWER) {
+    TAX_DRAWER["FORM_DRAWER"] = "FORM_DRAWER";
+})(TAX_DRAWER || (exports.TAX_DRAWER = TAX_DRAWER = {}));
+/**
+ * Payment Types
+ *
+ * Enumeration of payment type classifications.
+ */
 var PAYMENT_TYPE;
 (function (PAYMENT_TYPE) {
     PAYMENT_TYPE["FULL_PAYMENT"] = "FULL_PAYMENT";
     PAYMENT_TYPE["PARTIAL_PAYMENT"] = "PARTIAL_PAYMENT";
 })(PAYMENT_TYPE || (exports.PAYMENT_TYPE = PAYMENT_TYPE = {}));
-var TAX_DRAWER;
-(function (TAX_DRAWER) {
-    TAX_DRAWER["FORM_DRAWER"] = "FORM_DRAWER";
-})(TAX_DRAWER || (exports.TAX_DRAWER = TAX_DRAWER = {}));
+// ============================================================================
+// TYPE GUARDS (Runtime Type Checking)
+// ============================================================================
+/**
+ * Type guard to check if object is a valid TaxTypeBE
+ */
+var isTaxTypeBE = function (obj) {
+    return (typeof obj === "object" &&
+        obj !== null &&
+        "id" in obj &&
+        "taxName" in obj &&
+        "taxRate" in obj &&
+        typeof obj.enabled === "boolean" &&
+        typeof obj.isDefault === "boolean");
+};
+exports.isTaxTypeBE = isTaxTypeBE;
+/**
+ * Type guard to check if string is a valid tax drawer type
+ */
+var isTaxDrawer = function (value) {
+    return Object.values(TAX_DRAWER).includes(value);
+};
+exports.isTaxDrawer = isTaxDrawer;
+/**
+ * Type guard to check if string is a valid payment type
+ */
+var isPaymentType = function (value) {
+    return Object.values(PAYMENT_TYPE).includes(value);
+};
+exports.isPaymentType = isPaymentType;
+/**
+ * Type guard to check if object has valid tax filter structure
+ */
+var isFetchTaxesArgs = function (obj) {
+    return (typeof obj === "object" &&
+        obj !== null &&
+        typeof obj.currentPage === "number" &&
+        typeof obj.pageLimit === "number");
+};
+exports.isFetchTaxesArgs = isFetchTaxesArgs;
+// ============================================================================
+// UTILITY FUNCTIONS (Type Helpers)
+// ============================================================================
+/**
+ * Check if tax is enabled
+ */
+var isTaxEnabled = function (tax) {
+    return tax.enabled;
+};
+exports.isTaxEnabled = isTaxEnabled;
+/**
+ * Check if tax is default
+ */
+var isTaxDefault = function (tax) {
+    return tax.isDefault;
+};
+exports.isTaxDefault = isTaxDefault;
+/**
+ * Get tax display name
+ */
+var getTaxDisplayName = function (tax) {
+    return tax.taxName;
+};
+exports.getTaxDisplayName = getTaxDisplayName;
+/**
+ * Get tax rate as number
+ */
+var getTaxRateAsNumber = function (tax) {
+    return parseFloat(tax.taxRate) || 0;
+};
+exports.getTaxRateAsNumber = getTaxRateAsNumber;
+/**
+ * Calculate tax amount
+ */
+var calculateTaxAmount = function (amount, tax) {
+    var rate = (0, exports.getTaxRateAsNumber)(tax);
+    return (amount * rate) / 100;
+};
+exports.calculateTaxAmount = calculateTaxAmount;
+/**
+ * Format tax rate for display
+ */
+var formatTaxRate = function (tax) {
+    return "".concat(tax.taxRate, "%");
+};
+exports.formatTaxRate = formatTaxRate;
+/**
+ * Legacy Preference Modal Enum
+ * TODO: Move to preferences module
+ */
 var PREFERENCE_MODAL;
 (function (PREFERENCE_MODAL) {
     PREFERENCE_MODAL["DUMMY"] = "DUMMY";
 })(PREFERENCE_MODAL || (exports.PREFERENCE_MODAL = PREFERENCE_MODAL = {}));
+// ============================================================================
+// OPTIMIZATION SUMMARY
+// ============================================================================
+/*
+ * Tax Types File Optimizations Applied:
+ *
+ * 1. **Comprehensive Documentation**
+ *    - Added detailed JSDoc comments for all interfaces and types
+ *    - Organized types into logical categories with clear section headers
+ *    - Explained purpose and usage for each type definition
+ *
+ * 2. **Enhanced Type Safety**
+ *    - Added utility types for common operations (form fields, required fields, etc.)
+ *    - Implemented runtime type guards for validation
+ *    - Used more specific Record<string, string> for errors
+ *    - Added comprehensive API response types for better backend integration
+ *
+ * 3. **Improved Organization**
+ *    - Grouped related types into logical sections (Context, Entity, State, API, UI, Utility)
+ *    - Separated tax specific types from legacy types
+ *    - Consistent naming conventions throughout
+ *    - Clear separation between entity, state, and utility types
+ *
+ * 4. **Developer Experience**
+ *    - Utility types for common development tasks
+ *    - Type guards for runtime validation
+ *    - Helper functions for tax manipulation (calculateTaxAmount, formatTaxRate, etc.)
+ *    - Comprehensive interfaces with clear field descriptions
+ *    - Better IDE support through detailed type definitions
+ *
+ * 5. **Legacy Type Management**
+ *    - Moved unrelated types to legacy section with TODO comments
+ *    - Clear migration path for future refactoring
+ *    - Maintained backward compatibility while organizing properly
+ *
+ * 6. **Tax-Specific Enhancements**
+ *    - Tax utility functions (calculateTaxAmount, formatTaxRate, isTaxEnabled, etc.)
+ *    - Comprehensive API types for all operations
+ *    - Enhanced form and state type definitions
+ *    - Tax-specific validation and utility types
+ *
+ * 7. **Maintainability**
+ *    - Modular type structure for easy extension
+ *    - Clear relationships between different type categories
+ *    - Self-documenting code with comprehensive comments
+ *    - Consistent patterns for future type additions
+ */

package/global-modules/tax/validate.d.ts

@@ -1,4 +1,4 @@
-import { z } from 'zod';
+import { z } from "zod";
 export declare const formValidation: z.ZodObject<{
     taxName: z.ZodString;
     taxRate: z.ZodString;

package/global-modules/tax/validate.js

@@ -2,16 +2,17 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.formValidation = void 0;
 var zod_1 = require("zod");
-var constants_1 = require("./constants");
+// Validation error messages
+var validationMessages = {
+    taxName: "Tax name is required",
+    taxRate: "Tax rate is required",
+    preferenceId: "Preference ID is required",
+};
 exports.formValidation = zod_1.z.object({
-    taxName: zod_1.z
-        .string()
-        .nonempty(constants_1.validationError.taxName),
-    taxRate: zod_1.z
-        .string()
-        .nonempty(constants_1.validationError.taxRate),
+    taxName: zod_1.z.string().nonempty(validationMessages.taxName),
+    taxRate: zod_1.z.string().nonempty(validationMessages.taxRate),
     enabled: zod_1.z.boolean(),
     isDefault: zod_1.z.boolean(),
     description: zod_1.z.string().optional(),
-    preferenceId: zod_1.z.string().nonempty(constants_1.validationError.preferenceId),
+    preferenceId: zod_1.z.string().nonempty(validationMessages.preferenceId),
 });

package/hooks/use-rtl.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Hook to detect RTL (Right-to-Left) layout based on current locale
+ * @returns {boolean} true if current locale requires RTL layout (Urdu), false otherwise
+ */
+export declare const useRTL: () => boolean;
+/**
+ * Hook to get RTL-aware CSS classes
+ *
+ * @returns Object containing common RTL-aware class combinations
+ *
+ * @example
+ * ```tsx
+ * const rtlClasses = useRTLClasses();
+ *
+ * // For icon buttons (ensures proper centering in RTL)
+ * <Button size="icon" className={`h-8 w-8 ${rtlClasses.iconButton}`}>
+ *   <Icon />
+ * </Button>
+ *
+ * // For buttons with icon and text
+ * <Button className={rtlClasses.iconWithText("left")}>
+ *   <Icon />
+ *   <span>Button Text</span>
+ * </Button>
+ * ```
+ */
+export declare const useRTLClasses: () => {
+    isRTL: boolean;
+    container: string;
+    direction: string;
+    flexRow: string;
+    flexRowReverse: string;
+    textAlign: string;
+    textAlignReverse: string;
+    marginLeft: string;
+    marginRight: string;
+    paddingLeft: (size: string) => string;
+    paddingRight: (size: string) => string;
+    gap: (size: string) => string;
+    roundedLeft: string;
+    roundedRight: string;
+    iconButton: string;
+    iconWithText: (iconPosition?: "left" | "right") => "flex items-center flex-row-reverse gap-2" | "flex items-center gap-2";
+};

package/hooks/use-rtl.js

@@ -0,0 +1,75 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRTLClasses = exports.useRTL = void 0;
+var next_intl_1 = require("next-intl");
+/**
+ * Hook to detect RTL (Right-to-Left) layout based on current locale
+ * @returns {boolean} true if current locale requires RTL layout (Urdu), false otherwise
+ */
+var useRTL = function () {
+    var locale = (0, next_intl_1.useLocale)();
+    return locale === "ur";
+};
+exports.useRTL = useRTL;
+/**
+ * Hook to get RTL-aware CSS classes
+ *
+ * @returns Object containing common RTL-aware class combinations
+ *
+ * @example
+ * ```tsx
+ * const rtlClasses = useRTLClasses();
+ *
+ * // For icon buttons (ensures proper centering in RTL)
+ * <Button size="icon" className={`h-8 w-8 ${rtlClasses.iconButton}`}>
+ *   <Icon />
+ * </Button>
+ *
+ * // For buttons with icon and text
+ * <Button className={rtlClasses.iconWithText("left")}>
+ *   <Icon />
+ *   <span>Button Text</span>
+ * </Button>
+ * ```
+ */
+var useRTLClasses = function () {
+    var isRTL = (0, exports.useRTL)();
+    return {
+        isRTL: isRTL,
+        // Container classes
+        container: isRTL ? "rtl" : "ltr",
+        direction: isRTL ? "rtl" : "ltr",
+        // Flex classes
+        flexRow: isRTL ? "flex-row-reverse" : "flex-row",
+        flexRowReverse: isRTL ? "flex-row" : "flex-row-reverse",
+        // Text alignment
+        textAlign: isRTL ? "text-right" : "text-left",
+        textAlignReverse: isRTL ? "text-left" : "text-right",
+        // Margin classes
+        marginLeft: isRTL ? "mr-auto" : "ml-auto",
+        marginRight: isRTL ? "ml-auto" : "mr-auto",
+        // Padding classes
+        paddingLeft: function (size) { return (isRTL ? "pr-".concat(size) : "pl-".concat(size)); },
+        paddingRight: function (size) { return (isRTL ? "pl-".concat(size) : "pr-".concat(size)); },
+        // Gap and spacing
+        gap: function (size) { return "gap-".concat(size); },
+        // Border radius (for buttons, cards, etc.)
+        roundedLeft: isRTL ? "rounded-r" : "rounded-l",
+        roundedRight: isRTL ? "rounded-l" : "rounded-r",
+        // Icon button classes for proper centering in RTL
+        iconButton: "flex items-center justify-center border",
+        // Icon with text combinations
+        iconWithText: function (iconPosition) {
+            if (iconPosition === void 0) { iconPosition = "left"; }
+            if (iconPosition === "left") {
+                return isRTL
+                    ? "flex items-center flex-row-reverse gap-2"
+                    : "flex items-center gap-2";
+            }
+            return isRTL
+                ? "flex items-center gap-2"
+                : "flex items-center flex-row-reverse gap-2";
+        },
+    };
+};
+exports.useRTLClasses = useRTLClasses;

package/lib/themes.d.ts

@@ -0,0 +1,147 @@
+export declare const themes: {
+    readonly light: {
+        readonly name: "light";
+        readonly displayName: "Light";
+        readonly colors: {
+            readonly background: "oklch(1 0 0)";
+            readonly foreground: "oklch(0.145 0 0)";
+            readonly card: "oklch(1 0 0)";
+            readonly "card-foreground": "oklch(0.145 0 0)";
+            readonly popover: "oklch(1 0 0)";
+            readonly "popover-foreground": "oklch(0.145 0 0)";
+            readonly primary: "oklch(0.205 0 0)";
+            readonly "primary-foreground": "oklch(0.985 0 0)";
+            readonly secondary: "oklch(0.97 0 0)";
+            readonly "secondary-foreground": "oklch(0.205 0 0)";
+            readonly muted: "oklch(0.97 0 0)";
+            readonly "muted-foreground": "oklch(0.556 0 0)";
+            readonly accent: "oklch(0.97 0 0)";
+            readonly "accent-foreground": "oklch(0.205 0 0)";
+            readonly destructive: "oklch(0.577 0.245 27.325)";
+            readonly border: "oklch(0.922 0 0)";
+            readonly input: "oklch(0.922 0 0)";
+            readonly ring: "oklch(0.708 0 0)";
+        };
+    };
+    readonly dark: {
+        readonly name: "dark";
+        readonly displayName: "Dark";
+        readonly colors: {
+            readonly background: "oklch(0.145 0 0)";
+            readonly foreground: "oklch(0.985 0 0)";
+            readonly card: "oklch(0.205 0 0)";
+            readonly "card-foreground": "oklch(0.985 0 0)";
+            readonly popover: "oklch(0.205 0 0)";
+            readonly "popover-foreground": "oklch(0.985 0 0)";
+            readonly primary: "oklch(0.922 0 0)";
+            readonly "primary-foreground": "oklch(0.205 0 0)";
+            readonly secondary: "oklch(0.269 0 0)";
+            readonly "secondary-foreground": "oklch(0.985 0 0)";
+            readonly muted: "oklch(0.269 0 0)";
+            readonly "muted-foreground": "oklch(0.708 0 0)";
+            readonly accent: "oklch(0.269 0 0)";
+            readonly "accent-foreground": "oklch(0.985 0 0)";
+            readonly destructive: "oklch(0.704 0.191 22.216)";
+            readonly border: "oklch(1 0 0 / 10%)";
+            readonly input: "oklch(1 0 0 / 15%)";
+            readonly ring: "oklch(0.556 0 0)";
+        };
+    };
+    readonly blue: {
+        readonly name: "blue";
+        readonly displayName: "Blue";
+        readonly colors: {
+            readonly background: "oklch(0.99 0.005 246.049)";
+            readonly foreground: "oklch(0.15 0.02 247.858)";
+            readonly card: "oklch(0.99 0.005 246.049)";
+            readonly "card-foreground": "oklch(0.15 0.02 247.858)";
+            readonly popover: "oklch(0.99 0.005 246.049)";
+            readonly "popover-foreground": "oklch(0.15 0.02 247.858)";
+            readonly primary: "oklch(0.492 0.215 265.75)";
+            readonly "primary-foreground": "oklch(0.985 0.003 106.423)";
+            readonly secondary: "oklch(0.956 0.013 253.559)";
+            readonly "secondary-foreground": "oklch(0.15 0.02 247.858)";
+            readonly muted: "oklch(0.956 0.013 253.559)";
+            readonly "muted-foreground": "oklch(0.533 0.015 252.096)";
+            readonly accent: "oklch(0.956 0.013 253.559)";
+            readonly "accent-foreground": "oklch(0.15 0.02 247.858)";
+            readonly destructive: "oklch(0.577 0.245 27.325)";
+            readonly border: "oklch(0.898 0.013 252.096)";
+            readonly input: "oklch(0.898 0.013 252.096)";
+            readonly ring: "oklch(0.492 0.215 265.75)";
+        };
+    };
+    readonly green: {
+        readonly name: "green";
+        readonly displayName: "Green";
+        readonly colors: {
+            readonly background: "oklch(0.99 0.01 142.425)";
+            readonly foreground: "oklch(0.15 0.025 142.425)";
+            readonly card: "oklch(0.99 0.01 142.425)";
+            readonly "card-foreground": "oklch(0.15 0.025 142.425)";
+            readonly popover: "oklch(0.99 0.01 142.425)";
+            readonly "popover-foreground": "oklch(0.15 0.025 142.425)";
+            readonly primary: "oklch(0.4 0.177 150.861)";
+            readonly "primary-foreground": "oklch(0.985 0.007 106.423)";
+            readonly secondary: "oklch(0.956 0.02 142.425)";
+            readonly "secondary-foreground": "oklch(0.15 0.025 142.425)";
+            readonly muted: "oklch(0.956 0.02 142.425)";
+            readonly "muted-foreground": "oklch(0.533 0.022 142.425)";
+            readonly accent: "oklch(0.956 0.02 142.425)";
+            readonly "accent-foreground": "oklch(0.15 0.025 142.425)";
+            readonly destructive: "oklch(0.577 0.245 27.325)";
+            readonly border: "oklch(0.898 0.02 142.425)";
+            readonly input: "oklch(0.898 0.02 142.425)";
+            readonly ring: "oklch(0.4 0.177 150.861)";
+        };
+    };
+    readonly purple: {
+        readonly name: "purple";
+        readonly displayName: "Purple";
+        readonly colors: {
+            readonly background: "oklch(0.99 0.008 285.257)";
+            readonly foreground: "oklch(0.15 0.025 285.257)";
+            readonly card: "oklch(0.99 0.008 285.257)";
+            readonly "card-foreground": "oklch(0.15 0.025 285.257)";
+            readonly popover: "oklch(0.99 0.008 285.257)";
+            readonly "popover-foreground": "oklch(0.15 0.025 285.257)";
+            readonly primary: "oklch(0.45 0.224 293.334)";
+            readonly "primary-foreground": "oklch(0.985 0.003 106.423)";
+            readonly secondary: "oklch(0.956 0.015 285.257)";
+            readonly "secondary-foreground": "oklch(0.15 0.025 285.257)";
+            readonly muted: "oklch(0.956 0.015 285.257)";
+            readonly "muted-foreground": "oklch(0.533 0.025 285.257)";
+            readonly accent: "oklch(0.956 0.015 285.257)";
+            readonly "accent-foreground": "oklch(0.15 0.025 285.257)";
+            readonly destructive: "oklch(0.577 0.245 27.325)";
+            readonly border: "oklch(0.898 0.015 285.257)";
+            readonly input: "oklch(0.898 0.015 285.257)";
+            readonly ring: "oklch(0.45 0.224 293.334)";
+        };
+    };
+    readonly orange: {
+        readonly name: "orange";
+        readonly displayName: "Orange";
+        readonly colors: {
+            readonly background: "oklch(0.99 0.01 70.67)";
+            readonly foreground: "oklch(0.15 0.025 70.67)";
+            readonly card: "oklch(0.99 0.01 70.67)";
+            readonly "card-foreground": "oklch(0.15 0.025 70.67)";
+            readonly popover: "oklch(0.99 0.01 70.67)";
+            readonly "popover-foreground": "oklch(0.15 0.025 70.67)";
+            readonly primary: "oklch(0.5 0.207 60.234)";
+            readonly "primary-foreground": "oklch(0.985 0.005 106.423)";
+            readonly secondary: "oklch(0.956 0.02 70.67)";
+            readonly "secondary-foreground": "oklch(0.15 0.025 70.67)";
+            readonly muted: "oklch(0.956 0.02 70.67)";
+            readonly "muted-foreground": "oklch(0.533 0.025 70.67)";
+            readonly accent: "oklch(0.956 0.02 70.67)";
+            readonly "accent-foreground": "oklch(0.15 0.025 70.67)";
+            readonly destructive: "oklch(0.577 0.245 27.325)";
+            readonly border: "oklch(0.898 0.02 70.67)";
+            readonly input: "oklch(0.898 0.02 70.67)";
+            readonly ring: "oklch(0.5 0.207 60.234)";
+        };
+    };
+};
+export type ThemeName = keyof typeof themes;

package/lib/themes.js

@@ -0,0 +1,150 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.themes = void 0;
+// Theme configurations for multiple color schemes
+exports.themes = {
+    light: {
+        name: "light",
+        displayName: "Light",
+        colors: {
+            background: "oklch(1 0 0)",
+            foreground: "oklch(0.145 0 0)",
+            card: "oklch(1 0 0)",
+            "card-foreground": "oklch(0.145 0 0)",
+            popover: "oklch(1 0 0)",
+            "popover-foreground": "oklch(0.145 0 0)",
+            primary: "oklch(0.205 0 0)",
+            "primary-foreground": "oklch(0.985 0 0)",
+            secondary: "oklch(0.97 0 0)",
+            "secondary-foreground": "oklch(0.205 0 0)",
+            muted: "oklch(0.97 0 0)",
+            "muted-foreground": "oklch(0.556 0 0)",
+            accent: "oklch(0.97 0 0)",
+            "accent-foreground": "oklch(0.205 0 0)",
+            destructive: "oklch(0.577 0.245 27.325)",
+            border: "oklch(0.922 0 0)",
+            input: "oklch(0.922 0 0)",
+            ring: "oklch(0.708 0 0)",
+        },
+    },
+    dark: {
+        name: "dark",
+        displayName: "Dark",
+        colors: {
+            background: "oklch(0.145 0 0)",
+            foreground: "oklch(0.985 0 0)",
+            card: "oklch(0.205 0 0)",
+            "card-foreground": "oklch(0.985 0 0)",
+            popover: "oklch(0.205 0 0)",
+            "popover-foreground": "oklch(0.985 0 0)",
+            primary: "oklch(0.922 0 0)",
+            "primary-foreground": "oklch(0.205 0 0)",
+            secondary: "oklch(0.269 0 0)",
+            "secondary-foreground": "oklch(0.985 0 0)",
+            muted: "oklch(0.269 0 0)",
+            "muted-foreground": "oklch(0.708 0 0)",
+            accent: "oklch(0.269 0 0)",
+            "accent-foreground": "oklch(0.985 0 0)",
+            destructive: "oklch(0.704 0.191 22.216)",
+            border: "oklch(1 0 0 / 10%)",
+            input: "oklch(1 0 0 / 15%)",
+            ring: "oklch(0.556 0 0)",
+        },
+    },
+    blue: {
+        name: "blue",
+        displayName: "Blue",
+        colors: {
+            background: "oklch(0.99 0.005 246.049)",
+            foreground: "oklch(0.15 0.02 247.858)",
+            card: "oklch(0.99 0.005 246.049)",
+            "card-foreground": "oklch(0.15 0.02 247.858)",
+            popover: "oklch(0.99 0.005 246.049)",
+            "popover-foreground": "oklch(0.15 0.02 247.858)",
+            primary: "oklch(0.492 0.215 265.75)",
+            "primary-foreground": "oklch(0.985 0.003 106.423)",
+            secondary: "oklch(0.956 0.013 253.559)",
+            "secondary-foreground": "oklch(0.15 0.02 247.858)",
+            muted: "oklch(0.956 0.013 253.559)",
+            "muted-foreground": "oklch(0.533 0.015 252.096)",
+            accent: "oklch(0.956 0.013 253.559)",
+            "accent-foreground": "oklch(0.15 0.02 247.858)",
+            destructive: "oklch(0.577 0.245 27.325)",
+            border: "oklch(0.898 0.013 252.096)",
+            input: "oklch(0.898 0.013 252.096)",
+            ring: "oklch(0.492 0.215 265.75)",
+        },
+    },
+    green: {
+        name: "green",
+        displayName: "Green",
+        colors: {
+            background: "oklch(0.99 0.01 142.425)",
+            foreground: "oklch(0.15 0.025 142.425)",
+            card: "oklch(0.99 0.01 142.425)",
+            "card-foreground": "oklch(0.15 0.025 142.425)",
+            popover: "oklch(0.99 0.01 142.425)",
+            "popover-foreground": "oklch(0.15 0.025 142.425)",
+            primary: "oklch(0.4 0.177 150.861)",
+            "primary-foreground": "oklch(0.985 0.007 106.423)",
+            secondary: "oklch(0.956 0.02 142.425)",
+            "secondary-foreground": "oklch(0.15 0.025 142.425)",
+            muted: "oklch(0.956 0.02 142.425)",
+            "muted-foreground": "oklch(0.533 0.022 142.425)",
+            accent: "oklch(0.956 0.02 142.425)",
+            "accent-foreground": "oklch(0.15 0.025 142.425)",
+            destructive: "oklch(0.577 0.245 27.325)",
+            border: "oklch(0.898 0.02 142.425)",
+            input: "oklch(0.898 0.02 142.425)",
+            ring: "oklch(0.4 0.177 150.861)",
+        },
+    },
+    purple: {
+        name: "purple",
+        displayName: "Purple",
+        colors: {
+            background: "oklch(0.99 0.008 285.257)",
+            foreground: "oklch(0.15 0.025 285.257)",
+            card: "oklch(0.99 0.008 285.257)",
+            "card-foreground": "oklch(0.15 0.025 285.257)",
+            popover: "oklch(0.99 0.008 285.257)",
+            "popover-foreground": "oklch(0.15 0.025 285.257)",
+            primary: "oklch(0.45 0.224 293.334)",
+            "primary-foreground": "oklch(0.985 0.003 106.423)",
+            secondary: "oklch(0.956 0.015 285.257)",
+            "secondary-foreground": "oklch(0.15 0.025 285.257)",
+            muted: "oklch(0.956 0.015 285.257)",
+            "muted-foreground": "oklch(0.533 0.025 285.257)",
+            accent: "oklch(0.956 0.015 285.257)",
+            "accent-foreground": "oklch(0.15 0.025 285.257)",
+            destructive: "oklch(0.577 0.245 27.325)",
+            border: "oklch(0.898 0.015 285.257)",
+            input: "oklch(0.898 0.015 285.257)",
+            ring: "oklch(0.45 0.224 293.334)",
+        },
+    },
+    orange: {
+        name: "orange",
+        displayName: "Orange",
+        colors: {
+            background: "oklch(0.99 0.01 70.67)",
+            foreground: "oklch(0.15 0.025 70.67)",
+            card: "oklch(0.99 0.01 70.67)",
+            "card-foreground": "oklch(0.15 0.025 70.67)",
+            popover: "oklch(0.99 0.01 70.67)",
+            "popover-foreground": "oklch(0.15 0.025 70.67)",
+            primary: "oklch(0.5 0.207 60.234)",
+            "primary-foreground": "oklch(0.985 0.005 106.423)",
+            secondary: "oklch(0.956 0.02 70.67)",
+            "secondary-foreground": "oklch(0.15 0.025 70.67)",
+            muted: "oklch(0.956 0.02 70.67)",
+            "muted-foreground": "oklch(0.533 0.025 70.67)",
+            accent: "oklch(0.956 0.02 70.67)",
+            "accent-foreground": "oklch(0.15 0.025 70.67)",
+            destructive: "oklch(0.577 0.245 27.325)",
+            border: "oklch(0.898 0.02 70.67)",
+            input: "oklch(0.898 0.02 70.67)",
+            ring: "oklch(0.5 0.207 60.234)",
+        },
+    },
+};