@vaneui/ui 0.1.1 → 0.1.3

package/README.md

@@ -116,6 +116,18 @@ npm run build
 
 # Watch mode for development
 npm run watch
+
+# Verify package contents
+npm run verify-package
+```
+
+### Publishing the Package
+
+Before publishing, the package automatically runs the build process and verifies that all required files are present. This ensures that the published package contains all necessary files for users.
+
+```bash
+# Publish the package
+npm publish
 ```
 
 ### Component Development Guidelines
@@ -144,4 +156,4 @@ When contributing to this project:
 
 ## License
 
-This project is licensed under the ISC License.
+This project is licensed under the ISC License.

package/dist/components/ui/classes/typographyClasses.d.ts

@@ -1,10 +1,4 @@
-import { FontFamilyKey, FontStyleKey, FontWeightKey, SizeKey, TextAlignKey, TextAppearanceKey, TextDecorationKey, TextTransformKey } from "../props/keys";
-export declare const fontWeightClasses: Record<FontWeightKey, string>;
-export declare const fontStyleClasses: Record<FontStyleKey, string>;
-export declare const fontFamilyClasses: Record<FontFamilyKey, string>;
-export declare const textDecorationClasses: Record<TextDecorationKey, string>;
-export declare const textTransformClasses: Record<TextTransformKey, string>;
-export declare const textAlignClasses: Record<TextAlignKey, string>;
+import { SizeKey, TextAppearanceKey } from "../props/keys";
 export declare const filledTextAppearanceClasses: Record<TextAppearanceKey, string>;
 export declare const textAppearanceClasses: Record<TextAppearanceKey, string>;
 export declare const textSizeClasses: Record<SizeKey, string>;

package/dist/components/ui/props/index.d.ts

@@ -0,0 +1 @@
+export * from './keys';

package/dist/index.d.ts

@@ -4,5 +4,5 @@ export { Divider } from "./components/ui/divider";
 export { Chip } from "./components/ui/chip";
 export { Section, Container, Col, Row, Stack, Grid3, Grid4, Card } from "./components/ui/layout";
 export { Text, Title, Link, List, ListItem, SectionTitle, PageTitle } from "./components/ui/typography";
-export { ThemeProvider, useTheme, type ThemeProps, type ThemeDefaults, type ThemeProviderProps, type PartialTheme, defaultTheme, type ComponentKey, COMPONENT_KEYS } from './components/themeContext';
-export { type ModeKey } from "./components/ui/props/keys";
+export { ThemeProvider, useTheme, defaultTheme, COMPONENT_KEYS, type ThemeProps, type ThemeDefaults, type ThemeProviderProps, type PartialTheme, type ComponentKey, } from './components/themeContext';
+export * from "./components/ui/props/index";

package/dist/index.esm.js

@@ -314,83 +314,6 @@ PositionTheme.defaultClasses = {
     static: "static"
 };
 
-const fontWeightClasses = {
-    thin: "font-thin",
-    extralight: "font-extralight",
-    light: "font-light",
-    normal: "font-normal",
-    medium: "font-medium",
-    semibold: "font-semibold",
-    bold: "font-bold",
-    extrabold: "font-extrabold",
-    black: "font-black",
-};
-const fontStyleClasses = {
-    italic: "italic",
-    notItalic: "not-italic",
-};
-const fontFamilyClasses = {
-    sans: "font-sans",
-    serif: "font-serif",
-    mono: "font-mono",
-};
-const textDecorationClasses = {
-    underline: "underline",
-    lineThrough: "line-through",
-    noUnderline: "no-underline",
-    overline: "overline",
-};
-const textTransformClasses = {
-    uppercase: "uppercase",
-    lowercase: "lowercase",
-    capitalize: "capitalize",
-    normalCase: "normal-case",
-};
-const textAlignClasses = {
-    textLeft: "text-left",
-    textCenter: "text-center",
-    textRight: "text-right",
-    textJustify: "text-justify",
-};
-// Text appearance classes for filled buttons (all white text)
-const filledTextAppearanceClasses = {
-    default: "text-white",
-    primary: "text-white",
-    secondary: "text-white",
-    tertiary: "text-white",
-    muted: "text-white",
-    link: "text-white",
-    accent: "text-white",
-    success: "text-white",
-    danger: "text-white",
-    warning: "text-white",
-    info: "text-white",
-    transparent: "text-transparent",
-};
-// Default text appearance classes (for non-button components)
-const textAppearanceClasses = {
-    default: "text-(--text-color-default)",
-    primary: "text-(--text-color-primary)",
-    secondary: "text-(--text-color-secondary)",
-    tertiary: "text-(--text-color-tertiary)",
-    muted: "text-(--text-color-muted)",
-    link: "text-(--text-color-link)",
-    accent: "text-(--text-color-accent)",
-    success: "text-(--text-color-success)",
-    danger: "text-(--text-color-danger)",
-    warning: "text-(--text-color-warning)",
-    info: "text-(--text-color-info)",
-    transparent: "text-transparent",
-};
-// Text size classes
-const textSizeClasses = {
-    xs: "text-xs",
-    sm: "text-sm",
-    md: "text-base",
-    lg: "text-lg",
-    xl: "text-xl",
-};
-
 class FontStyleTheme extends BaseTheme {
     constructor(initial) {
         super();
@@ -404,7 +327,10 @@ class FontStyleTheme extends BaseTheme {
         return [key ? this[key] : '']; // No default for font style
     }
 }
-FontStyleTheme.defaultClasses = fontStyleClasses;
+FontStyleTheme.defaultClasses = {
+    italic: "italic",
+    notItalic: "not-italic",
+};
 
 class FontFamilyTheme extends BaseTheme {
     constructor(initial) {
@@ -419,7 +345,11 @@ class FontFamilyTheme extends BaseTheme {
         return [this[key !== null && key !== void 0 ? key : 'sans'] || ''];
     }
 }
-FontFamilyTheme.defaultClasses = fontFamilyClasses;
+FontFamilyTheme.defaultClasses = {
+    sans: "font-sans",
+    serif: "font-serif",
+    mono: "font-mono",
+};
 
 class FontWeightTheme extends BaseTheme {
     constructor(initial) {
@@ -434,7 +364,17 @@ class FontWeightTheme extends BaseTheme {
         return [this[key !== null && key !== void 0 ? key : 'normal'] || '']; // Default to 'normal' if no key is provided
     }
 }
-FontWeightTheme.defaultClasses = fontWeightClasses;
+FontWeightTheme.defaultClasses = {
+    thin: "font-thin",
+    extralight: "font-extralight",
+    light: "font-light",
+    normal: "font-normal",
+    medium: "font-medium",
+    semibold: "font-semibold",
+    bold: "font-bold",
+    extrabold: "font-extrabold",
+    black: "font-black",
+};
 
 class TextDecorationTheme extends BaseTheme {
     constructor(initial) {
@@ -449,7 +389,12 @@ class TextDecorationTheme extends BaseTheme {
         return [key ? this[key] : '']; // No default for text decoration
     }
 }
-TextDecorationTheme.defaultClasses = textDecorationClasses;
+TextDecorationTheme.defaultClasses = {
+    underline: "underline",
+    lineThrough: "line-through",
+    noUnderline: "no-underline",
+    overline: "overline",
+};
 
 class TextTransformTheme extends BaseTheme {
     constructor(initial) {
@@ -464,7 +409,12 @@ class TextTransformTheme extends BaseTheme {
         return [key ? this[key] : '']; // No default for text transform
     }
 }
-TextTransformTheme.defaultClasses = textTransformClasses;
+TextTransformTheme.defaultClasses = {
+    uppercase: "uppercase",
+    lowercase: "lowercase",
+    capitalize: "capitalize",
+    normalCase: "normal-case",
+};
 
 class TextAlignTheme extends BaseTheme {
     constructor(initial) {
@@ -479,7 +429,12 @@ class TextAlignTheme extends BaseTheme {
         return [key ? this[key] : '']; // No default for text align
     }
 }
-TextAlignTheme.defaultClasses = textAlignClasses;
+TextAlignTheme.defaultClasses = {
+    textLeft: "text-left",
+    textCenter: "text-center",
+    textRight: "text-right",
+    textJustify: "text-justify",
+};
 
 const isObject = (item) => {
     return item !== null && typeof item === 'object' && !Array.isArray(item);
@@ -3591,6 +3546,45 @@ PyTheme.defaultClasses = {
     noPadding: "py-0"
 };
 
+// Text appearance classes for filled buttons (all white text)
+const filledTextAppearanceClasses = {
+    default: "text-white",
+    primary: "text-white",
+    secondary: "text-white",
+    tertiary: "text-white",
+    muted: "text-white",
+    link: "text-white",
+    accent: "text-white",
+    success: "text-white",
+    danger: "text-white",
+    warning: "text-white",
+    info: "text-white",
+    transparent: "text-transparent",
+};
+// Default text appearance classes (for non-button components)
+const textAppearanceClasses = {
+    default: "text-(--text-color-default)",
+    primary: "text-(--text-color-primary)",
+    secondary: "text-(--text-color-secondary)",
+    tertiary: "text-(--text-color-tertiary)",
+    muted: "text-(--text-color-muted)",
+    link: "text-(--text-color-link)",
+    accent: "text-(--text-color-accent)",
+    success: "text-(--text-color-success)",
+    danger: "text-(--text-color-danger)",
+    warning: "text-(--text-color-warning)",
+    info: "text-(--text-color-info)",
+    transparent: "text-transparent",
+};
+// Text size classes
+const textSizeClasses = {
+    xs: "text-xs",
+    sm: "text-sm",
+    md: "text-base",
+    lg: "text-lg",
+    xl: "text-xl",
+};
+
 class TextAppearanceTheme extends BaseTheme {
     constructor(initialOverrides) {
         super();
@@ -4128,7 +4122,7 @@ const createTypographyComponentTheme = (tag, base = "text-balance", textSizeMap
     }, defaults);
 };
 // Page title specific theme
-const pageTitleTheme = createTypographyComponentTheme("h1", "text-balance tracking-tighter w-fit", {
+const pageTitleTheme = createTypographyComponentTheme("h1", "text-balance tracking-tight w-fit", {
     xs: "text-3xl max-lg:text-2xl max-md:text-xl",
     sm: "text-4xl max-lg:text-3xl max-md:text-2xl",
     md: "text-5xl max-lg:text-4xl max-md:text-3xl",
@@ -4719,5 +4713,5 @@ const List = (props) => {
     return jsx(ThemedComponent, { theme: theme.list, propsToOmit: TYPOGRAPHY_COMPONENT_KEYS, ...props });
 };
 
-export { Badge, Button, COMPONENT_KEYS, Card, Chip, Col, Container, Divider, Grid3, Grid4, Link, List, ListItem, PageTitle, Row, Section, SectionTitle, Stack, Text, ThemeProvider, Title, defaultTheme, useTheme };
+export { APPEARANCE_KEYS, BADGE_KEYS, BASE_COMPONENT_KEYS, BORDER_KEYS, BREAKPOINT_KEYS, BUTTON_KEYS, Badge, Button, CARD_KEYS, CHIP_KEYS, COL_KEYS, COMPONENT_KEYS, CONTAINER_KEYS, Card, Chip, Col, Container, DIRECTION_REVERSE_KEYS, DISPLAY_KEYS, DIVIDER_KEYS, Divider, EXCLUSIVE_KEY_GROUPS, FLEX_DIRECTION_KEYS, FONT_FAMILY_KEYS, FONT_KEYS, FONT_STYLE_KEYS, FONT_WEIGHT_KEYS, GAP_KEYS, GRID_KEYS, Grid3, Grid4, HIDE_KEYS, ITEMS_KEYS, JUSTIFY_KEYS, Link, List, ListItem, MODE_KEYS, PADDING_KEYS, PILL_KEYS, POSITION_KEYS, PageTitle, RING_KEYS, ROUNDED_KEYS, ROW_KEYS, Row, SECTION_KEYS, SHADOW_KEYS, SHAPE_KEYS, SHARP_KEYS, SIZE_KEYS, STACK_KEYS, Section, SectionTitle, Stack, TEXT_ALIGN_KEYS, TEXT_APPEARANCE_KEYS, TEXT_DECORATION_KEYS, TEXT_TRANSFORM_KEYS, TYPOGRAPHY_COMPONENT_KEYS, Text, ThemeProvider, Title, VARIANT_KEYS, WRAP_KEYS, defaultTheme, useTheme };
 //# sourceMappingURL=index.esm.js.map