@grupor5/raya 0.2.1 → 0.2.3

package/dist/tokens/icons.d.mts

@@ -0,0 +1,134 @@
+declare const iconSizes: {
+    readonly xs: 12;
+    readonly sm: 16;
+    readonly md: 20;
+    readonly lg: 24;
+    readonly xl: 32;
+    readonly '2xl': 48;
+};
+declare const iconSizeClasses: {
+    readonly xs: "w-3 h-3";
+    readonly sm: "w-4 h-4";
+    readonly md: "w-5 h-5";
+    readonly lg: "w-6 h-6";
+    readonly xl: "w-8 h-8";
+    readonly '2xl': "w-12 h-12";
+};
+declare const iconColors: {
+    readonly primary: "text-primary";
+    readonly secondary: "text-secondary";
+    readonly muted: "text-muted-foreground";
+    readonly destructive: "text-destructive";
+    readonly success: "text-green-600";
+    readonly warning: "text-yellow-600";
+    readonly info: "text-blue-600";
+};
+declare const iconCategories: readonly ["archive", "arrow", "building", "business", "chevron", "content-edit", "delivery", "files", "location", "messages", "money", "navigation", "notifications", "reactions", "search", "security", "settings", "time", "transport", "users"];
+declare const iconVariants: {
+    readonly filled: "fill";
+    readonly outlined: "stroke";
+    readonly duotone: "duotone";
+};
+declare const iconStates: {
+    readonly default: "opacity-100";
+    readonly hover: "hover:opacity-80";
+    readonly active: "active:opacity-60";
+    readonly disabled: "opacity-40 cursor-not-allowed";
+};
+declare const iconAnimations: {
+    readonly none: "";
+    readonly spin: "animate-spin";
+    readonly pulse: "animate-pulse";
+    readonly bounce: "animate-bounce";
+};
+declare const defaultIconConfig: {
+    readonly size: 20;
+    readonly color: "currentColor";
+    readonly variant: "fill";
+    readonly state: "opacity-100";
+    readonly animation: "";
+};
+declare const iconTheme: {
+    readonly light: {
+        readonly primary: "text-primary";
+        readonly secondary: "text-secondary";
+        readonly muted: "text-muted-foreground";
+    };
+    readonly dark: {
+        readonly primary: "text-primary-foreground";
+        readonly secondary: "text-secondary-foreground";
+        readonly muted: "text-muted-foreground";
+    };
+};
+declare const iconTokens: {
+    sizes: {
+        readonly xs: 12;
+        readonly sm: 16;
+        readonly md: 20;
+        readonly lg: 24;
+        readonly xl: 32;
+        readonly '2xl': 48;
+    };
+    sizeClasses: {
+        readonly xs: "w-3 h-3";
+        readonly sm: "w-4 h-4";
+        readonly md: "w-5 h-5";
+        readonly lg: "w-6 h-6";
+        readonly xl: "w-8 h-8";
+        readonly '2xl': "w-12 h-12";
+    };
+    colors: {
+        readonly primary: "text-primary";
+        readonly secondary: "text-secondary";
+        readonly muted: "text-muted-foreground";
+        readonly destructive: "text-destructive";
+        readonly success: "text-green-600";
+        readonly warning: "text-yellow-600";
+        readonly info: "text-blue-600";
+    };
+    categories: readonly ["archive", "arrow", "building", "business", "chevron", "content-edit", "delivery", "files", "location", "messages", "money", "navigation", "notifications", "reactions", "search", "security", "settings", "time", "transport", "users"];
+    variants: {
+        readonly filled: "fill";
+        readonly outlined: "stroke";
+        readonly duotone: "duotone";
+    };
+    states: {
+        readonly default: "opacity-100";
+        readonly hover: "hover:opacity-80";
+        readonly active: "active:opacity-60";
+        readonly disabled: "opacity-40 cursor-not-allowed";
+    };
+    animations: {
+        readonly none: "";
+        readonly spin: "animate-spin";
+        readonly pulse: "animate-pulse";
+        readonly bounce: "animate-bounce";
+    };
+    defaultConfig: {
+        readonly size: 20;
+        readonly color: "currentColor";
+        readonly variant: "fill";
+        readonly state: "opacity-100";
+        readonly animation: "";
+    };
+    theme: {
+        readonly light: {
+            readonly primary: "text-primary";
+            readonly secondary: "text-secondary";
+            readonly muted: "text-muted-foreground";
+        };
+        readonly dark: {
+            readonly primary: "text-primary-foreground";
+            readonly secondary: "text-secondary-foreground";
+            readonly muted: "text-muted-foreground";
+        };
+    };
+};
+type IconSize = keyof typeof iconSizes;
+type IconColor = keyof typeof iconColors;
+type IconCategory = typeof iconCategories[number];
+type IconVariant = keyof typeof iconVariants;
+type IconState = keyof typeof iconStates;
+type IconAnimation = keyof typeof iconAnimations;
+
+export { type IconAnimation, type IconCategory, type IconColor, type IconSize, type IconState, type IconVariant, defaultIconConfig, iconAnimations, iconCategories, iconColors, iconSizeClasses, iconSizes, iconStates, iconTheme, iconTokens, iconVariants };

package/dist/tokens/icons.d.ts

@@ -0,0 +1,134 @@
+declare const iconSizes: {
+    readonly xs: 12;
+    readonly sm: 16;
+    readonly md: 20;
+    readonly lg: 24;
+    readonly xl: 32;
+    readonly '2xl': 48;
+};
+declare const iconSizeClasses: {
+    readonly xs: "w-3 h-3";
+    readonly sm: "w-4 h-4";
+    readonly md: "w-5 h-5";
+    readonly lg: "w-6 h-6";
+    readonly xl: "w-8 h-8";
+    readonly '2xl': "w-12 h-12";
+};
+declare const iconColors: {
+    readonly primary: "text-primary";
+    readonly secondary: "text-secondary";
+    readonly muted: "text-muted-foreground";
+    readonly destructive: "text-destructive";
+    readonly success: "text-green-600";
+    readonly warning: "text-yellow-600";
+    readonly info: "text-blue-600";
+};
+declare const iconCategories: readonly ["archive", "arrow", "building", "business", "chevron", "content-edit", "delivery", "files", "location", "messages", "money", "navigation", "notifications", "reactions", "search", "security", "settings", "time", "transport", "users"];
+declare const iconVariants: {
+    readonly filled: "fill";
+    readonly outlined: "stroke";
+    readonly duotone: "duotone";
+};
+declare const iconStates: {
+    readonly default: "opacity-100";
+    readonly hover: "hover:opacity-80";
+    readonly active: "active:opacity-60";
+    readonly disabled: "opacity-40 cursor-not-allowed";
+};
+declare const iconAnimations: {
+    readonly none: "";
+    readonly spin: "animate-spin";
+    readonly pulse: "animate-pulse";
+    readonly bounce: "animate-bounce";
+};
+declare const defaultIconConfig: {
+    readonly size: 20;
+    readonly color: "currentColor";
+    readonly variant: "fill";
+    readonly state: "opacity-100";
+    readonly animation: "";
+};
+declare const iconTheme: {
+    readonly light: {
+        readonly primary: "text-primary";
+        readonly secondary: "text-secondary";
+        readonly muted: "text-muted-foreground";
+    };
+    readonly dark: {
+        readonly primary: "text-primary-foreground";
+        readonly secondary: "text-secondary-foreground";
+        readonly muted: "text-muted-foreground";
+    };
+};
+declare const iconTokens: {
+    sizes: {
+        readonly xs: 12;
+        readonly sm: 16;
+        readonly md: 20;
+        readonly lg: 24;
+        readonly xl: 32;
+        readonly '2xl': 48;
+    };
+    sizeClasses: {
+        readonly xs: "w-3 h-3";
+        readonly sm: "w-4 h-4";
+        readonly md: "w-5 h-5";
+        readonly lg: "w-6 h-6";
+        readonly xl: "w-8 h-8";
+        readonly '2xl': "w-12 h-12";
+    };
+    colors: {
+        readonly primary: "text-primary";
+        readonly secondary: "text-secondary";
+        readonly muted: "text-muted-foreground";
+        readonly destructive: "text-destructive";
+        readonly success: "text-green-600";
+        readonly warning: "text-yellow-600";
+        readonly info: "text-blue-600";
+    };
+    categories: readonly ["archive", "arrow", "building", "business", "chevron", "content-edit", "delivery", "files", "location", "messages", "money", "navigation", "notifications", "reactions", "search", "security", "settings", "time", "transport", "users"];
+    variants: {
+        readonly filled: "fill";
+        readonly outlined: "stroke";
+        readonly duotone: "duotone";
+    };
+    states: {
+        readonly default: "opacity-100";
+        readonly hover: "hover:opacity-80";
+        readonly active: "active:opacity-60";
+        readonly disabled: "opacity-40 cursor-not-allowed";
+    };
+    animations: {
+        readonly none: "";
+        readonly spin: "animate-spin";
+        readonly pulse: "animate-pulse";
+        readonly bounce: "animate-bounce";
+    };
+    defaultConfig: {
+        readonly size: 20;
+        readonly color: "currentColor";
+        readonly variant: "fill";
+        readonly state: "opacity-100";
+        readonly animation: "";
+    };
+    theme: {
+        readonly light: {
+            readonly primary: "text-primary";
+            readonly secondary: "text-secondary";
+            readonly muted: "text-muted-foreground";
+        };
+        readonly dark: {
+            readonly primary: "text-primary-foreground";
+            readonly secondary: "text-secondary-foreground";
+            readonly muted: "text-muted-foreground";
+        };
+    };
+};
+type IconSize = keyof typeof iconSizes;
+type IconColor = keyof typeof iconColors;
+type IconCategory = typeof iconCategories[number];
+type IconVariant = keyof typeof iconVariants;
+type IconState = keyof typeof iconStates;
+type IconAnimation = keyof typeof iconAnimations;
+
+export { type IconAnimation, type IconCategory, type IconColor, type IconSize, type IconState, type IconVariant, defaultIconConfig, iconAnimations, iconCategories, iconColors, iconSizeClasses, iconSizes, iconStates, iconTheme, iconTokens, iconVariants };

package/dist/tokens/icons.js

@@ -0,0 +1,108 @@
+'use strict';
+
+// src/tokens/icons.ts
+var iconSizes = {
+  xs: 12,
+  sm: 16,
+  md: 20,
+  lg: 24,
+  xl: 32,
+  "2xl": 48
+};
+var iconSizeClasses = {
+  xs: "w-3 h-3",
+  sm: "w-4 h-4",
+  md: "w-5 h-5",
+  lg: "w-6 h-6",
+  xl: "w-8 h-8",
+  "2xl": "w-12 h-12"
+};
+var iconColors = {
+  primary: "text-primary",
+  secondary: "text-secondary",
+  muted: "text-muted-foreground",
+  destructive: "text-destructive",
+  success: "text-green-600",
+  warning: "text-yellow-600",
+  info: "text-blue-600"
+};
+var iconCategories = [
+  "archive",
+  "arrow",
+  "building",
+  "business",
+  "chevron",
+  "content-edit",
+  "delivery",
+  "files",
+  "location",
+  "messages",
+  "money",
+  "navigation",
+  "notifications",
+  "reactions",
+  "search",
+  "security",
+  "settings",
+  "time",
+  "transport",
+  "users"
+];
+var iconVariants = {
+  filled: "fill",
+  outlined: "stroke",
+  duotone: "duotone"
+};
+var iconStates = {
+  default: "opacity-100",
+  hover: "hover:opacity-80",
+  active: "active:opacity-60",
+  disabled: "opacity-40 cursor-not-allowed"
+};
+var iconAnimations = {
+  none: "",
+  spin: "animate-spin",
+  pulse: "animate-pulse",
+  bounce: "animate-bounce"
+};
+var defaultIconConfig = {
+  size: iconSizes.md,
+  color: "currentColor",
+  variant: iconVariants.filled,
+  state: iconStates.default,
+  animation: iconAnimations.none
+};
+var iconTheme = {
+  light: {
+    primary: iconColors.primary,
+    secondary: iconColors.secondary,
+    muted: iconColors.muted
+  },
+  dark: {
+    primary: "text-primary-foreground",
+    secondary: "text-secondary-foreground",
+    muted: "text-muted-foreground"
+  }
+};
+var iconTokens = {
+  sizes: iconSizes,
+  sizeClasses: iconSizeClasses,
+  colors: iconColors,
+  categories: iconCategories,
+  variants: iconVariants,
+  states: iconStates,
+  animations: iconAnimations,
+  defaultConfig: defaultIconConfig,
+  theme: iconTheme
+};
+
+exports.defaultIconConfig = defaultIconConfig;
+exports.iconAnimations = iconAnimations;
+exports.iconCategories = iconCategories;
+exports.iconColors = iconColors;
+exports.iconSizeClasses = iconSizeClasses;
+exports.iconSizes = iconSizes;
+exports.iconStates = iconStates;
+exports.iconTheme = iconTheme;
+exports.iconTokens = iconTokens;
+exports.iconVariants = iconVariants;

package/dist/tokens/icons.mjs

@@ -0,0 +1,97 @@
+// src/tokens/icons.ts
+var iconSizes = {
+  xs: 12,
+  sm: 16,
+  md: 20,
+  lg: 24,
+  xl: 32,
+  "2xl": 48
+};
+var iconSizeClasses = {
+  xs: "w-3 h-3",
+  sm: "w-4 h-4",
+  md: "w-5 h-5",
+  lg: "w-6 h-6",
+  xl: "w-8 h-8",
+  "2xl": "w-12 h-12"
+};
+var iconColors = {
+  primary: "text-primary",
+  secondary: "text-secondary",
+  muted: "text-muted-foreground",
+  destructive: "text-destructive",
+  success: "text-green-600",
+  warning: "text-yellow-600",
+  info: "text-blue-600"
+};
+var iconCategories = [
+  "archive",
+  "arrow",
+  "building",
+  "business",
+  "chevron",
+  "content-edit",
+  "delivery",
+  "files",
+  "location",
+  "messages",
+  "money",
+  "navigation",
+  "notifications",
+  "reactions",
+  "search",
+  "security",
+  "settings",
+  "time",
+  "transport",
+  "users"
+];
+var iconVariants = {
+  filled: "fill",
+  outlined: "stroke",
+  duotone: "duotone"
+};
+var iconStates = {
+  default: "opacity-100",
+  hover: "hover:opacity-80",
+  active: "active:opacity-60",
+  disabled: "opacity-40 cursor-not-allowed"
+};
+var iconAnimations = {
+  none: "",
+  spin: "animate-spin",
+  pulse: "animate-pulse",
+  bounce: "animate-bounce"
+};
+var defaultIconConfig = {
+  size: iconSizes.md,
+  color: "currentColor",
+  variant: iconVariants.filled,
+  state: iconStates.default,
+  animation: iconAnimations.none
+};
+var iconTheme = {
+  light: {
+    primary: iconColors.primary,
+    secondary: iconColors.secondary,
+    muted: iconColors.muted
+  },
+  dark: {
+    primary: "text-primary-foreground",
+    secondary: "text-secondary-foreground",
+    muted: "text-muted-foreground"
+  }
+};
+var iconTokens = {
+  sizes: iconSizes,
+  sizeClasses: iconSizeClasses,
+  colors: iconColors,
+  categories: iconCategories,
+  variants: iconVariants,
+  states: iconStates,
+  animations: iconAnimations,
+  defaultConfig: defaultIconConfig,
+  theme: iconTheme
+};
+
+export { defaultIconConfig, iconAnimations, iconCategories, iconColors, iconSizeClasses, iconSizes, iconStates, iconTheme, iconTokens, iconVariants };

package/dist/tokens/index.d.mts

@@ -0,0 +1,6 @@
+export { colors } from './colors.mjs';
+export { fontFamily, fontSize, fontWeight, generateTypographyCSS, letterSpacing, lineHeight, presets, typography, typographyVars } from './typography.mjs';
+export { SpacingToken, generateSpacingCSS, getSpacing, getSpacingPx, default as spacing, spacingPx, spacingStyles, tailwindSpacing } from './spacing.mjs';
+export { StrokeColorToken, StrokeDirection, StrokeToken, componentStrokes, createStroke, generateStrokesCSS, getStroke, getStrokeColor, responsiveStrokes, default as stroke, strokeColors, strokeDirections, strokeStyles, strokeTransitions, tailwindStrokes } from './stroke.mjs';
+export { badgeTokens } from './badge.mjs';
+export { tagTokens } from './tag.mjs';

package/dist/tokens/index.d.ts

@@ -0,0 +1,6 @@
+export { colors } from './colors.js';
+export { fontFamily, fontSize, fontWeight, generateTypographyCSS, letterSpacing, lineHeight, presets, typography, typographyVars } from './typography.js';
+export { SpacingToken, generateSpacingCSS, getSpacing, getSpacingPx, default as spacing, spacingPx, spacingStyles, tailwindSpacing } from './spacing.js';
+export { StrokeColorToken, StrokeDirection, StrokeToken, componentStrokes, createStroke, generateStrokesCSS, getStroke, getStrokeColor, responsiveStrokes, default as stroke, strokeColors, strokeDirections, strokeStyles, strokeTransitions, tailwindStrokes } from './stroke.js';
+export { badgeTokens } from './badge.js';
+export { tagTokens } from './tag.js';