@minidev.fun/ui 1.0.3 → 1.0.4

package/dist/lib/variants.d.ts

@@ -1,107 +0,0 @@
-/**
- * @internal
- * Shared CVA variants used by menu and typography components.
- * Not exported publicly - use component props instead:
- *   - Menu styling: <DropdownMenuItem variant="destructive">
- *   - Typography: <Text color="muted" size="sm">
- */
-/**
- * Shared menu item variants for DropdownMenuItem, ContextMenuItem, and MenubarItem.
- * Provides consistent styling across all menu-style components.
- */
-export declare const menuItemVariants: (props?: ({
-    variant?: "default" | "success" | "destructive" | "info" | "warning" | null | undefined;
-    inset?: boolean | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-/** Variant options for menu items: default, destructive, success, warning, info */
-export type MenuItemVariant = "default" | "destructive" | "success" | "warning" | "info";
-/**
- * Typography color variants shared across Title, Text, Code, ListItem, and Blockquote components.
- * Provides semantic color options for consistent text styling.
- *
- * @example
- * ```tsx
- * import { typographyColorVariants } from "@minidev.fun/ui/lib/variants"
- * import { cn } from "@minidev.fun/ui/lib/utils"
- *
- * <span className={cn(typographyColorVariants({ color: "muted" }))}>
- *   Secondary text
- * </span>
- * ```
- */
-export declare const typographyColorVariants: (props?: ({
-    color?: "default" | "success" | "destructive" | "info" | "primary" | "warning" | "muted" | "subtle" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-/** Semantic color options for typography: default, muted, subtle, destructive, success, warning, info */
-export type TypographyColor = "default" | "primary" | "muted" | "subtle" | "destructive" | "success" | "warning" | "info";
-/**
- * Title order-based size defaults (only used when size prop is not specified).
- * Maps heading levels (h1-h6) to responsive font sizes.
- *
- * @example
- * ```tsx
- * // order: 1 → "text-3xl md:text-4xl lg:text-5xl"
- * // order: 6 → "text-sm md:text-base lg:text-lg"
- * ```
- */
-export declare const titleOrderSizeVariants: (props?: ({
-    order?: 4 | 1 | 2 | 3 | 5 | 6 | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-/**
- * Title order-based style defaults (weight, tracking, leading).
- * Provides appropriate font-weight and line-height for each heading level.
- *
- * @example
- * ```tsx
- * // order: 1 → "font-bold tracking-tight leading-[1.1]"
- * // order: 6 → "font-medium leading-normal"
- * ```
- */
-export declare const titleOrderStyleVariants: (props?: ({
-    order?: 4 | 1 | 2 | 3 | 5 | 6 | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-/**
- * Title component variants for explicit size and weight overrides.
- * Use when you need to override the order-based defaults.
- *
- * @example
- * ```tsx
- * import { titleVariants } from "@minidev.fun/ui/lib/variants"
- * import { cn } from "@minidev.fun/ui/lib/utils"
- *
- * <h2 className={cn(titleVariants({ size: "4xl", weight: "bold" }))}>
- *   Large Bold Title
- * </h2>
- * ```
- */
-export declare const titleVariants: (props?: ({
-    size?: "base" | "sm" | "lg" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
-    weight?: "bold" | "normal" | "medium" | "semibold" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-/** Heading level 1-6, maps to h1-h6 elements */
-export type TitleOrder = 1 | 2 | 3 | 4 | 5 | 6;
-/** Font size options from xs to 6xl */
-export type TitleSize = "xs" | "sm" | "base" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl";
-/** Font weight options: normal, medium, semibold, bold */
-export type TitleWeight = "normal" | "medium" | "semibold" | "bold";
-/**
- * Text component variants with auto-scaling line-height and letter-spacing.
- * Provides consistent paragraph and body text styling.
- *
- * @example
- * ```tsx
- * import { textVariants } from "@minidev.fun/ui/lib/variants"
- * import { cn } from "@minidev.fun/ui/lib/utils"
- *
- * <p className={cn(textVariants({ size: "lg", weight: "medium", align: "center" }))}>
- *   Centered large text
- * </p>
- * ```
- */
-export declare const textVariants: (props?: ({
-    size?: "base" | "sm" | "lg" | "xs" | "xl" | "2xl" | null | undefined;
-    weight?: "bold" | "normal" | "medium" | "semibold" | null | undefined;
-    align?: "center" | "left" | "right" | null | undefined;
-    transform?: "capitalize" | "lowercase" | "uppercase" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-//# sourceMappingURL=variants.d.ts.map

package/dist/lib/variants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../src/lib/variants.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH;;;GAGG;AACH,eAAO,MAAM,gBAAgB;;;8EAyB5B,CAAC;AAEF,mFAAmF;AACnF,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,aAAa,GACb,SAAS,GACT,SAAS,GACT,MAAM,CAAC;AAEX;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,uBAAuB;;8EAgBlC,CAAC;AAEH,yGAAyG;AACzG,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,SAAS,GACT,OAAO,GACP,QAAQ,GACR,aAAa,GACb,SAAS,GACT,SAAS,GACT,MAAM,CAAC;AAEX;;;;;;;;;GASG;AACH,eAAO,MAAM,sBAAsB;;8EAWjC,CAAC;AAEH;;;;;;;;;GASG;AACH,eAAO,MAAM,uBAAuB;;8EAclC,CAAC;AAEH;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,aAAa;;;8EAqBxB,CAAC;AAEH,gDAAgD;AAChD,MAAM,MAAM,UAAU,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAE/C,uCAAuC;AACvC,MAAM,MAAM,SAAS,GACjB,IAAI,GACJ,IAAI,GACJ,MAAM,GACN,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,CAAC;AAEV,0DAA0D;AAC1D,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AAEpE;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,YAAY;;;;;8EA8BvB,CAAC"}

package/dist/lib/variants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"variants.js","sources":["../../src/lib/variants.ts"],"sourcesContent":["/**\n * @internal\n * Shared CVA variants used by menu and typography components.\n * Not exported publicly - use component props instead:\n *   - Menu styling: <DropdownMenuItem variant=\"destructive\">\n *   - Typography: <Text color=\"muted\" size=\"sm\">\n */\n\nimport { cva } from \"class-variance-authority\";\n\n/**\n * Shared menu item variants for DropdownMenuItem, ContextMenuItem, and MenubarItem.\n * Provides consistent styling across all menu-style components.\n */\nexport const menuItemVariants = cva(\n  \"gap-2 rounded-sm px-2 py-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground\",\n        destructive:\n          \"text-destructive focus:bg-destructive/10 dark:focus:bg-destructive/20 focus:text-destructive *:[svg]:text-destructive\",\n        success:\n          \"text-success focus:bg-success/10 dark:focus:bg-success/20 focus:text-success *:[svg]:text-success\",\n        warning:\n          \"text-warning focus:bg-warning/10 dark:focus:bg-warning/20 focus:text-warning *:[svg]:text-warning\",\n        info: \"text-info focus:bg-info/10 dark:focus:bg-info/20 focus:text-info *:[svg]:text-info\",\n      },\n      inset: {\n        true: \"pl-8\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      inset: false,\n    },\n  },\n);\n\n/** Variant options for menu items: default, destructive, success, warning, info */\nexport type MenuItemVariant =\n  | \"default\"\n  | \"destructive\"\n  | \"success\"\n  | \"warning\"\n  | \"info\";\n\n/**\n * Typography color variants shared across Title, Text, Code, ListItem, and Blockquote components.\n * Provides semantic color options for consistent text styling.\n *\n * @example\n * ```tsx\n * import { typographyColorVariants } from \"@minidev.fun/ui/lib/variants\"\n * import { cn } from \"@minidev.fun/ui/lib/utils\"\n *\n * <span className={cn(typographyColorVariants({ color: \"muted\" }))}>\n *   Secondary text\n * </span>\n * ```\n */\nexport const typographyColorVariants = cva(\"\", {\n  variants: {\n    color: {\n      primary: \"text-primary\",\n      default: \"text-foreground\",\n      muted: \"text-muted-foreground\",\n      subtle: \"text-subtle-foreground\",\n      destructive: \"text-destructive\",\n      success: \"text-success\",\n      warning: \"text-warning\",\n      info: \"text-info\",\n    },\n  },\n  defaultVariants: {\n    color: \"default\",\n  },\n});\n\n/** Semantic color options for typography: default, muted, subtle, destructive, success, warning, info */\nexport type TypographyColor =\n  | \"default\"\n  | \"primary\"\n  | \"muted\"\n  | \"subtle\"\n  | \"destructive\"\n  | \"success\"\n  | \"warning\"\n  | \"info\";\n\n/**\n * Title order-based size defaults (only used when size prop is not specified).\n * Maps heading levels (h1-h6) to responsive font sizes.\n *\n * @example\n * ```tsx\n * // order: 1 → \"text-3xl md:text-4xl lg:text-5xl\"\n * // order: 6 → \"text-sm md:text-base lg:text-lg\"\n * ```\n */\nexport const titleOrderSizeVariants = cva(\"\", {\n  variants: {\n    order: {\n      1: \"text-3xl md:text-4xl lg:text-5xl\",\n      2: \"text-2xl md:text-3xl lg:text-4xl\",\n      3: \"text-xl md:text-2xl lg:text-3xl\",\n      4: \"text-lg md:text-xl lg:text-2xl\",\n      5: \"text-base md:text-lg lg:text-xl\",\n      6: \"text-sm md:text-base lg:text-lg\",\n    },\n  },\n});\n\n/**\n * Title order-based style defaults (weight, tracking, leading).\n * Provides appropriate font-weight and line-height for each heading level.\n *\n * @example\n * ```tsx\n * // order: 1 → \"font-bold tracking-tight leading-[1.1]\"\n * // order: 6 → \"font-medium leading-normal\"\n * ```\n */\nexport const titleOrderStyleVariants = cva(\"\", {\n  variants: {\n    order: {\n      1: \"font-bold tracking-tight leading-[1.1]\",\n      2: \"font-semibold tracking-tight leading-[1.2]\",\n      3: \"font-semibold tracking-tight leading-[1.25]\",\n      4: \"font-semibold leading-[1.3]\",\n      5: \"font-medium leading-[1.4]\",\n      6: \"font-medium leading-normal\",\n    },\n  },\n  defaultVariants: {\n    order: 2,\n  },\n});\n\n/**\n * Title component variants for explicit size and weight overrides.\n * Use when you need to override the order-based defaults.\n *\n * @example\n * ```tsx\n * import { titleVariants } from \"@minidev.fun/ui/lib/variants\"\n * import { cn } from \"@minidev.fun/ui/lib/utils\"\n *\n * <h2 className={cn(titleVariants({ size: \"4xl\", weight: \"bold\" }))}>\n *   Large Bold Title\n * </h2>\n * ```\n */\nexport const titleVariants = cva(\"\", {\n  variants: {\n    size: {\n      xs: \"text-xs leading-4\",\n      sm: \"text-sm leading-5\",\n      base: \"text-base leading-6\",\n      lg: \"text-lg leading-7\",\n      xl: \"text-xl leading-7 tracking-tight\",\n      \"2xl\": \"text-2xl leading-8 tracking-tight\",\n      \"3xl\": \"text-3xl leading-9 tracking-tight\",\n      \"4xl\": \"text-4xl leading-10 tracking-tighter\",\n      \"5xl\": \"text-5xl leading-[1.1] tracking-tighter\",\n      \"6xl\": \"text-6xl leading-[1.1] tracking-tighter\",\n    },\n    weight: {\n      normal: \"font-normal\",\n      medium: \"font-medium\",\n      semibold: \"font-semibold\",\n      bold: \"font-bold\",\n    },\n  },\n});\n\n/** Heading level 1-6, maps to h1-h6 elements */\nexport type TitleOrder = 1 | 2 | 3 | 4 | 5 | 6;\n\n/** Font size options from xs to 6xl */\nexport type TitleSize =\n  | \"xs\"\n  | \"sm\"\n  | \"base\"\n  | \"lg\"\n  | \"xl\"\n  | \"2xl\"\n  | \"3xl\"\n  | \"4xl\"\n  | \"5xl\"\n  | \"6xl\";\n\n/** Font weight options: normal, medium, semibold, bold */\nexport type TitleWeight = \"normal\" | \"medium\" | \"semibold\" | \"bold\";\n\n/**\n * Text component variants with auto-scaling line-height and letter-spacing.\n * Provides consistent paragraph and body text styling.\n *\n * @example\n * ```tsx\n * import { textVariants } from \"@minidev.fun/ui/lib/variants\"\n * import { cn } from \"@minidev.fun/ui/lib/utils\"\n *\n * <p className={cn(textVariants({ size: \"lg\", weight: \"medium\", align: \"center\" }))}>\n *   Centered large text\n * </p>\n * ```\n */\nexport const textVariants = cva(\"\", {\n  variants: {\n    size: {\n      xs: \"text-xs leading-4\",\n      sm: \"text-sm leading-5\",\n      base: \"text-base leading-6\",\n      lg: \"text-lg leading-7\",\n      xl: \"text-xl leading-7 tracking-tight\",\n      \"2xl\": \"text-2xl leading-8 tracking-tighter\",\n    },\n    weight: {\n      normal: \"font-normal\",\n      medium: \"font-medium\",\n      semibold: \"font-semibold\",\n      bold: \"font-bold\",\n    },\n    align: {\n      left: \"text-left\",\n      center: \"text-center\",\n      right: \"text-right\",\n    },\n    transform: {\n      uppercase: \"uppercase tracking-wider\",\n      lowercase: \"lowercase\",\n      capitalize: \"capitalize\",\n    },\n  },\n  defaultVariants: {\n    size: \"base\",\n  },\n});\n"],"names":[],"mappings":";AAcO,MAAM,mBAAmB;AAAA,EAC9B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,QACF,SACE;AAAA,QACF,MAAM;AAAA,MAAA;AAAA,MAER,OAAO;AAAA,QACL,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ;"}