@mdigital_ui/ui 0.3.4 → 0.3.5

package/dist/variants.d.ts

@@ -1,434 +0,0 @@
-import { type VariantProps } from 'class-variance-authority';
-import type { ButtonColor, ComponentColor } from './types';
-/**
- * Color palette for component variants
- * Maps to Tailwind CSS v4 theme variables (--color-primary, --color-secondary, etc.)
- */
-export declare const componentColors: readonly ["default", "primary", "secondary", "accent", "success", "error", "warning", "info"];
-export declare const buttonColors: readonly ["primary", "secondary", "accent", "success", "error", "warning", "info"];
-/**
- * Generates compound variants for default style
- * Used by: Badge, Toast, and other components
- *
- * @param colors - Array of color names to generate variants for
- * @returns Array of compound variant objects for cva
- */
-export declare function createDefaultColorVariants(colors: readonly string[]): {
-    variant: "default";
-    color: ComponentColor | ButtonColor;
-    class: string;
-}[];
-/**
- * Generates compound variants for solid color style
- * Used by: Button, Badge, Accordion, Toast
- *
- * @param colors - Array of color names to generate variants for
- * @returns Array of compound variant objects for cva
- */
-export declare function createSolidColorVariants(colors: readonly string[]): {
-    variant: "solid";
-    color: ComponentColor | ButtonColor;
-    class: string;
-}[];
-/**
- * Generates compound variants for outline color style
- * Used by: Button, Badge, Accordion
- *
- * @param colors - Array of color names to generate variants for
- * @returns Array of compound variant objects for cva
- */
-export declare function createOutlineColorVariants(colors: readonly string[]): {
-    variant: "outline";
-    color: ComponentColor | ButtonColor;
-    class: string;
-}[];
-/**
- * Generates compound variants for soft/subtle color style
- * Used by: Badge, Accordion, Toast
- *
- * @param colors - Array of color names to generate variants for
- * @returns Array of compound variant objects for cva
- */
-export declare function createSoftColorVariants(colors: readonly string[]): {
-    variant: "soft";
-    color: ComponentColor | ButtonColor;
-    class: string;
-}[];
-/**
- * Generates compound variants for dashed border color style
- * Used by: Button
- *
- * @param colors - Array of color names to generate variants for
- * @returns Array of compound variant objects for cva
- */
-export declare function createDashedColorVariants(colors: readonly string[]): {
-    variant: "dashed";
-    color: ComponentColor | ButtonColor;
-    class: string;
-}[];
-/**
- * Generates compound variants for link/text-only color style
- * Used by: Button, Breadcrumbs
- *
- * @param colors - Array of color names to generate variants for
- * @returns Array of compound variant objects for cva
- */
-export declare function createLinkColorVariants(colors: readonly string[]): {
-    variant: "link";
-    color: ComponentColor | ButtonColor;
-    class: string;
-}[];
-/**
- * Generates compound variants for ghost (borderless) color style
- * Used by: Button, Table
- *
- * @param colors - Array of color names to generate variants for
- * @returns Array of compound variant objects for cva
- */
-export declare function createGhostColorVariants(colors: readonly string[]): {
-    variant: "ghost";
-    color: ComponentColor | ButtonColor;
-    class: string;
-}[];
-/**
- * Complete color variant generator for components with multiple style variants
- * Combines all color variant generators into a single array
- *
- * @example
- * const buttonVariants = cva("base-classes", {
- *   variants: {
- *     variant: { solid: "", outline: "", ghost: "" },
- *     color: { primary: "", secondary: "", ... }
- *   },
- *   compoundVariants: createAllColorVariants(buttonColors, ['solid', 'outline', 'ghost'])
- * })
- */
-/**
- * Supported variant types for compound variant generation
- */
-export type StyleVariantType = 'default' | 'solid' | 'outline' | 'soft' | 'dashed' | 'link' | 'ghost';
-/**
- * Complete color variant generator for components with multiple style variants
- * Combines all color variant generators into a single array
- *
- * Returns `any[]` for CVA (class-variance-authority) compatibility:
- * - CVA's CompoundVariant type is extremely complex and deeply nested
- * - Using specific types causes TypeScript inference failures in consuming components
- * - The `any` type allows CVA to properly infer variant combinations
- * - This is the recommended approach per CVA documentation for dynamic variant generation
- *
- * @param colors - Array of color names to generate variants for
- * @param variants - Array of style variant types to generate
- * @returns Array of compound variant objects for CVA
- */
-export declare function createAllColorVariants<V extends StyleVariantType>(colors: readonly string[], variants: V[]): any[];
-/**
- * Text color classes for all component colors
- * Used by: Checkbox icons, Spinner, text elements
- */
-export declare const textColorClasses: {
-    readonly default: "text-text-primary";
-    readonly primary: "text-primary";
-    readonly secondary: "text-secondary";
-    readonly accent: "text-accent";
-    readonly success: "text-success";
-    readonly error: "text-error";
-    readonly warning: "text-warning";
-    readonly info: "text-info";
-};
-/**
- * Background color classes for skeleton/placeholder (50% opacity)
- * Used by: Skeleton component
- */
-export declare const bgSkeletonColorClasses: {
-    readonly default: "bg-surface";
-    readonly primary: "bg-primary/50";
-    readonly secondary: "bg-secondary/50";
-    readonly accent: "bg-accent/50";
-    readonly success: "bg-success/50";
-    readonly error: "bg-error/50";
-    readonly warning: "bg-warning/50";
-    readonly info: "bg-info/50";
-};
-/**
- * Focus ring color classes
- * Used by: Button, Switch, form elements
- */
-export declare const focusRingColorClasses: {
-    readonly default: "focus-visible:ring-border";
-    readonly primary: "focus-visible:ring-primary";
-    readonly secondary: "focus-visible:ring-secondary";
-    readonly accent: "focus-visible:ring-accent";
-    readonly success: "focus-visible:ring-success";
-    readonly error: "focus-visible:ring-error";
-    readonly warning: "focus-visible:ring-warning";
-    readonly info: "focus-visible:ring-info";
-};
-/**
- * Combined background + border for checked/selected state
- * Used by: Checkbox, Radio checked states
- */
-export declare const checkedColorClasses: {
-    readonly primary: "bg-primary border-primary";
-    readonly secondary: "bg-secondary border-secondary";
-    readonly accent: "bg-accent border-accent";
-    readonly success: "bg-success border-success";
-    readonly error: "bg-error border-error";
-    readonly warning: "bg-warning border-warning";
-    readonly info: "bg-info border-info";
-};
-/**
- * Switch track colors (unchecked -> checked)
- * Used by: Switch component
- */
-export declare const switchTrackColorClasses: {
-    readonly primary: "bg-border peer-checked:bg-primary peer-focus-visible:ring-primary";
-    readonly secondary: "bg-border peer-checked:bg-secondary peer-focus-visible:ring-secondary";
-    readonly accent: "bg-border peer-checked:bg-accent peer-focus-visible:ring-accent";
-    readonly success: "bg-border peer-checked:bg-success peer-focus-visible:ring-success";
-    readonly error: "bg-border peer-checked:bg-error peer-focus-visible:ring-error";
-    readonly warning: "bg-border peer-checked:bg-warning peer-focus-visible:ring-warning";
-    readonly info: "bg-border peer-checked:bg-info peer-focus-visible:ring-info";
-};
-/**
- * Checkbox border colors (default -> checked)
- * Used by: Checkbox component
- */
-export declare const checkboxBorderColorClasses: {
-    readonly primary: "border-border checked:border-primary indeterminate:border-primary";
-    readonly secondary: "border-border checked:border-secondary indeterminate:border-secondary";
-    readonly accent: "border-border checked:border-accent indeterminate:border-accent";
-    readonly success: "border-border checked:border-success indeterminate:border-success";
-    readonly error: "border-border checked:border-error indeterminate:border-error";
-    readonly warning: "border-border checked:border-warning indeterminate:border-warning";
-    readonly info: "border-border checked:border-info indeterminate:border-info";
-};
-/**
- * Radio button inset shadow colors for checked state
- * Used by: Radio component
- */
-export declare const radioCheckedColorClasses: {
-    readonly primary: "checked:border-primary checked:shadow-[inset_0_0_0_2px_var(--color-background),inset_0_0_0_13px_var(--color-primary)]";
-    readonly secondary: "checked:border-secondary checked:shadow-[inset_0_0_0_2px_var(--color-background),inset_0_0_0_13px_var(--color-secondary)]";
-    readonly accent: "checked:border-accent checked:shadow-[inset_0_0_0_2px_var(--color-background),inset_0_0_0_13px_var(--color-accent)]";
-    readonly success: "checked:border-success checked:shadow-[inset_0_0_0_2px_var(--color-background),inset_0_0_0_13px_var(--color-success)]";
-    readonly error: "checked:border-error checked:shadow-[inset_0_0_0_2px_var(--color-background),inset_0_0_0_13px_var(--color-error)]";
-    readonly warning: "checked:border-warning checked:shadow-[inset_0_0_0_2px_var(--color-background),inset_0_0_0_13px_var(--color-warning)]";
-    readonly info: "checked:border-info checked:shadow-[inset_0_0_0_2px_var(--color-background),inset_0_0_0_13px_var(--color-info)]";
-};
-/**
- * Text-only color variants (no background)
- * Used by: Breadcrumbs, Text components, Labels
- */
-export declare const textColorVariants: (props?: ({
-    color?: "default" | "error" | "warning" | "info" | "success" | "primary" | "secondary" | "accent" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export type TextColorVariants = VariantProps<typeof textColorVariants>;
-/**
- * Generates compound variants for notification solid style (with foreground text)
- * Used by: Notification, Alert components
- *
- * @param colors - Array of color names to generate variants for
- * @returns Array of compound variant objects for CVA
- */
-export declare function createNotificationSolidColorVariants(colors: readonly string[]): {
-    variant: "solid";
-    color: ComponentColor;
-    class: string;
-}[];
-/**
- * Generates compound variants for notification outline style (border with thick left border)
- * Used by: Notification, Alert components
- *
- * @param colors - Array of color names to generate variants for
- * @returns Array of compound variant objects for CVA
- */
-export declare function createNotificationOutlineColorVariants(colors: readonly string[]): {
-    variant: "outline";
-    color: ComponentColor;
-    class: string;
-}[];
-/**
- * Generates compound variants for notification soft style (subtle bg with left border)
- * Used by: Notification, Alert components
- *
- * @param colors - Array of color names to generate variants for
- * @returns Array of compound variant objects for CVA
- */
-export declare function createNotificationSoftColorVariants(colors: readonly string[]): {
-    variant: "soft";
-    color: ComponentColor;
-    class: string;
-}[];
-/**
- * Notification variant type
- */
-export type NotificationVariantType = 'default' | 'solid' | 'outline' | 'soft';
-/**
- * Complete notification color variant generator
- *
- * Returns `any[]` for CVA (class-variance-authority) compatibility.
- * See createAllColorVariants for detailed explanation.
- *
- * @param colors - Array of color names to generate variants for
- * @param variants - Array of notification variant types to generate
- * @returns Array of compound variant objects for CVA
- */
-export declare function createNotificationColorVariants(colors: readonly string[], variants: NotificationVariantType[]): any[];
-/**
- * Tooltip solid color classes (background with contrasting text)
- * Used by: Tooltip component solid variant
- */
-export declare const tooltipSolidColorClasses: {
-    readonly default: "bg-text-primary text-background";
-    readonly primary: "bg-primary text-background";
-    readonly secondary: "bg-secondary text-background";
-    readonly accent: "bg-accent text-background";
-    readonly success: "bg-success text-background";
-    readonly error: "bg-error text-background";
-    readonly warning: "bg-warning text-background";
-    readonly info: "bg-info text-background";
-};
-/**
- * Generates compound variants for tooltip soft style
- * Used by: Tooltip component soft variant
- *
- * @param colors - Array of color names to generate variants for
- * @returns Array of compound variant objects for CVA
- */
-export declare function createTooltipSoftColorVariants(colors: readonly string[]): {
-    variant: "soft";
-    color: ComponentColor;
-    className: string;
-}[];
-/**
- * Generates compound variants for Kbd solid style
- * Used by: Kbd component
- *
- * @param colors - Array of color names to generate variants for
- * @returns Array of compound variant objects for CVA
- */
-export declare function createKbdSolidColorVariants(colors: readonly string[]): {
-    variant: "solid";
-    color: ComponentColor;
-    class: string;
-}[];
-/**
- * Generates compound variants for Kbd outline style
- * Used by: Kbd component
- *
- * @param colors - Array of color names to generate variants for
- * @returns Array of compound variant objects for CVA
- */
-export declare function createKbdOutlineColorVariants(colors: readonly string[]): {
-    variant: "outline";
-    color: ComponentColor;
-    class: string;
-}[];
-/**
- * Generates compound variants for Kbd soft style
- * Used by: Kbd component
- *
- * @param colors - Array of color names to generate variants for
- * @returns Array of compound variant objects for CVA
- */
-export declare function createKbdSoftColorVariants(colors: readonly string[]): {
-    variant: "soft";
-    color: ComponentColor;
-    class: string;
-}[];
-/**
- * Kbd variant type
- */
-export type KbdVariantType = 'solid' | 'outline' | 'soft';
-/**
- * Complete Kbd color variant generator
- *
- * Returns `any[]` for CVA (class-variance-authority) compatibility.
- * See createAllColorVariants for detailed explanation.
- *
- * @param colors - Array of color names to generate variants for
- * @param variants - Array of kbd variant types to generate
- * @returns Array of compound variant objects for CVA
- */
-export declare function createKbdColorVariants(colors: readonly string[], variants: KbdVariantType[]): any[];
-/**
- * Generates compound variants for Popover default style
- * Used by: Popover component
- *
- * @param colors - Array of color names to generate variants for
- * @returns Array of compound variant objects for CVA
- */
-export declare function createPopoverDefaultColorVariants(colors: readonly string[]): {
-    variant: "default";
-    color: ComponentColor;
-    class: string;
-}[];
-/**
- * Generates compound variants for Popover solid style
- * Used by: Popover component
- *
- * @param colors - Array of color names to generate variants for
- * @returns Array of compound variant objects for CVA
- */
-export declare function createPopoverSolidColorVariants(colors: readonly string[]): {
-    variant: "solid";
-    color: ComponentColor;
-    class: string;
-}[];
-/**
- * Generates compound variants for Popover soft style (with backdrop blur)
- * Used by: Popover component
- *
- * @param colors - Array of color names to generate variants for
- * @returns Array of compound variant objects for CVA
- */
-export declare function createPopoverSoftColorVariants(colors: readonly string[]): {
-    variant: "soft";
-    color: ComponentColor;
-    class: string;
-}[];
-/**
- * Popover variant type
- */
-export type PopoverVariantType = 'default' | 'solid' | 'soft';
-/**
- * Complete Popover color variant generator
- *
- * Returns `any[]` for CVA (class-variance-authority) compatibility.
- * See createAllColorVariants for detailed explanation.
- *
- * @param colors - Array of color names to generate variants for
- * @param variants - Array of popover variant types to generate
- * @returns Array of compound variant objects for CVA
- */
-export declare function createPopoverColorVariants(colors: readonly string[], variants: PopoverVariantType[]): any[];
-/**
- * To use these utilities in your components:
- *
- * @example Button component
- * import { createAllColorVariants, buttonColors } from "../variants";
- * compoundVariants: createAllColorVariants(buttonColors, ['solid', 'outline', 'dashed', 'link', 'ghost'])
- *
- * @example Badge component
- * import { createAllColorVariants, componentColors } from "../variants";
- * compoundVariants: createAllColorVariants(componentColors, ['solid', 'outline', 'soft'])
- *
- * @example Notification component
- * import { createNotificationColorVariants, componentColors } from "../variants";
- * compoundVariants: createNotificationColorVariants(componentColors, ['default', 'solid', 'outline', 'soft'])
- *
- * @example Tooltip component
- * import { tooltipSolidColorClasses, createTooltipSoftColorVariants, componentColors } from "../variants";
- * color: tooltipSolidColorClasses,
- * compoundVariants: createTooltipSoftColorVariants(componentColors)
- *
- * @example Kbd component
- * import { createKbdColorVariants, componentColors } from "../variants";
- * compoundVariants: createKbdColorVariants(componentColors, ['solid', 'outline', 'soft'])
- *
- * @example Popover component
- * import { createPopoverColorVariants, componentColors } from "../variants";
- * compoundVariants: createPopoverColorVariants(componentColors, ['default', 'solid', 'soft'])
- */
-//# sourceMappingURL=variants.d.ts.map

package/dist/variants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../src/variants.ts"],"names":[],"mappings":"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"}