nuxt-ui-elements 0.1.8 → 0.1.10

package/dist/runtime/composables/useColorResolver.js

@@ -1,68 +0,0 @@
-import { parse } from "culori";
-import { getThemeColor } from "./useThemeColors.js";
-import colors from "tailwindcss/colors";
-const SEMANTIC_COLORS = [
-  "primary",
-  "secondary",
-  "success",
-  "info",
-  "warning",
-  "error",
-  "neutral"
-];
-function getTailwindDefaultColor(colorName, shade) {
-  const colorObj = colors[colorName];
-  if (colorObj && typeof colorObj === "object" && !Array.isArray(colorObj)) {
-    return colorObj[shade.toString()] || null;
-  }
-  return null;
-}
-function isSemanticColor(color) {
-  return SEMANTIC_COLORS.includes(color);
-}
-function isDirectColor(color) {
-  return color.startsWith("#") || color.startsWith("rgb") || color.startsWith("hsl") || color.startsWith("oklch") || color.startsWith("lab") || color.startsWith("lch");
-}
-export function resolveColor(colorInput, fallback = "neutral") {
-  if (!colorInput || colorInput.trim() === "") {
-    return getThemeColor(fallback, 500);
-  }
-  const color = colorInput.trim();
-  if (isDirectColor(color)) {
-    const parsed = parse(color);
-    if (parsed) {
-      return color;
-    }
-    console.warn(`[resolveColor] Invalid color format: "${color}"`);
-  }
-  if (isSemanticColor(color)) {
-    return getThemeColor(color, 500);
-  }
-  const tailwindColorMatch = color.match(/^([a-z]+)-(\d{2,3})$/);
-  if (tailwindColorMatch) {
-    const [, colorName, shade] = tailwindColorMatch;
-    if (colorName && shade) {
-      if (typeof document !== "undefined") {
-        const resolvedColor = getThemeColor(colorName, parseInt(shade));
-        if (resolvedColor !== "oklch(50% 0 0)") {
-          return resolvedColor;
-        }
-      }
-      const defaultColor = getTailwindDefaultColor(colorName, parseInt(shade));
-      if (defaultColor) {
-        return defaultColor;
-      }
-    }
-  }
-  console.warn(
-    `[resolveColor] Could not resolve color: "${colorInput}". Supported formats: Nuxt UI semantic colors ('primary', 'secondary', etc.), Tailwind colors ('blue-500', 'red-600', etc.), or direct color values ('#3b82f6', 'oklch(...)', 'rgb(...)'). Falling back to "${fallback}".`
-  );
-  return getThemeColor(fallback, 500);
-}
-export function resolveColorAsOklch(colorInput, fallback = "neutral") {
-  const resolved = resolveColor(colorInput, fallback);
-  if (isSemanticColor(colorInput || "")) {
-    return resolved;
-  }
-  return resolved;
-}

package/dist/runtime/composables/useGradient.d.ts

@@ -1,23 +0,0 @@
-export type GradientDirection = "left-right" | "right-left" | "top-bottom" | "bottom-top" | "in-out" | "out-in";
-/**
- * Calculate gradient intensity for a position based on direction
- * @param x - X coordinate (0-1)
- * @param y - Y coordinate (0-1)
- * @param direction - Gradient direction
- * @returns Intensity value (0-1)
- */
-export declare function calculateGradientIntensity(x: number, y: number, direction: GradientDirection): number;
-/**
- * Generate CSS repeating linear gradient from colors
- * @param colors - Array of RGB color strings
- * @param angle - Gradient angle in degrees
- * @returns CSS repeating-linear-gradient string
- */
-export declare function createRepeatingGradient(colors: string[], angle?: number): string;
-/**
- * Composable for gradient utilities
- */
-export declare function useGradient(): {
-    calculateGradientIntensity: typeof calculateGradientIntensity;
-    createRepeatingGradient: typeof createRepeatingGradient;
-};

package/dist/runtime/composables/useGradient.js

@@ -1,37 +0,0 @@
-export function calculateGradientIntensity(x, y, direction) {
-  switch (direction) {
-    case "left-right":
-      return x;
-    case "right-left":
-      return 1 - x;
-    case "top-bottom":
-      return y;
-    case "bottom-top":
-      return 1 - y;
-    case "in-out": {
-      const dx = x - 0.5;
-      const dy = y - 0.5;
-      return Math.sqrt(dx * dx + dy * dy) * Math.sqrt(2);
-    }
-    case "out-in": {
-      const dx = x - 0.5;
-      const dy = y - 0.5;
-      return 1 - Math.sqrt(dx * dx + dy * dy) * Math.sqrt(2);
-    }
-    default:
-      return 0;
-  }
-}
-export function createRepeatingGradient(colors, angle = 100) {
-  const stops = colors.map((color, i) => {
-    const position = 10 + i * 5;
-    return `${color} ${position}%`;
-  }).join(",");
-  return `repeating-linear-gradient(${angle}deg,${stops})`;
-}
-export function useGradient() {
-  return {
-    calculateGradientIntensity,
-    createRepeatingGradient
-  };
-}

package/dist/runtime/composables/useThemeColors.d.ts

@@ -1,69 +0,0 @@
-/**
- * Parse OKLCH string to extract L, C, H components
- * @deprecated Use culori.parse instead
- */
-export declare function parseOklch(oklchStr: string): {
-    l: number;
-    c: number;
-    h: number;
-} | null;
-/**
- * Create OKLCH string from L, C, H components
- */
-export declare function createOklch(l: number, c: number, h: number): string;
-/**
- * Adjust the lightness of a color while preserving chroma and hue
- * Accepts any valid CSS color string
- */
-export declare function adjustLightness(colorStr: string, targetLightness: number): string;
-/**
- * Darken a color by reducing its lightness
- * @param colorStr - Any valid CSS color string
- * @param amount - Amount to reduce lightness by (in percentage points, 0-100)
- * @returns Darkened color string
- */
-export declare function darkenColor(colorStr: string, amount?: number): string;
-/**
- * Adjust the chroma (saturation) of a color while preserving lightness and hue
- */
-export declare function adjustChroma(colorStr: string, targetChroma: number): string;
-/**
- * Adjust the hue of a color while preserving lightness and chroma
- */
-export declare function adjustHue(colorStr: string, targetHue: number): string;
-/**
- * Adjust all components of a color
- */
-export declare function adjustOklch(colorStr: string, adjustments: {
-    l?: number;
-    c?: number;
-    h?: number;
-}): string;
-/**
- * Convert color to RGB string for canvas rendering
- */
-export declare function oklchToRgb(colorString: string): string;
-/**
- * Get the base color from Nuxt UI theme for a given color name and shade
- * @param colorName - The semantic color name (e.g., 'primary', 'error', 'success')
- * @param shade - The color shade (50-950), defaults to 500
- */
-export declare function getThemeColor(colorName: string, shade?: number): string;
-/**
- * Get multiple shades of a color by adjusting lightness
- * Useful for creating gradients or multi-tone effects
- */
-export declare function getColorShades(colorName: string, lightnessValues: number[]): string[];
-/**
- * Get multiple shades and convert to RGB
- */
-export declare function getColorShadesRgb(colorName: string, lightnessValues: number[]): string[];
-/**
- * Create a color palette with custom adjustments
- * Returns RGB strings ready for canvas use
- */
-export declare function createColorPalette(colorName: string, adjustments: Array<{
-    l?: number;
-    c?: number;
-    h?: number;
-}>): string[];

package/dist/runtime/composables/useThemeColors.js

@@ -1,94 +0,0 @@
-import { converter, parse, formatCss } from "culori";
-const toOklch = converter("oklch");
-const toRgb = converter("rgb");
-export function parseOklch(oklchStr) {
-  const parsed = parse(oklchStr);
-  if (!parsed) return null;
-  const oklch = toOklch(parsed);
-  if (!oklch) return null;
-  return {
-    l: (oklch.l ?? 0) * 100,
-    // Convert 0-1 to 0-100%
-    c: oklch.c ?? 0,
-    h: oklch.h ?? 0
-  };
-}
-export function createOklch(l, c, h) {
-  return formatCss({ mode: "oklch", l: l / 100, c, h });
-}
-export function adjustLightness(colorStr, targetLightness) {
-  const parsed = parse(colorStr);
-  if (!parsed) return colorStr;
-  const oklch = toOklch(parsed);
-  if (!oklch) return colorStr;
-  oklch.l = targetLightness / 100;
-  return formatCss(oklch);
-}
-export function darkenColor(colorStr, amount = 10) {
-  const parsed = parse(colorStr);
-  if (!parsed) return colorStr;
-  const oklch = toOklch(parsed);
-  if (!oklch || oklch.l === void 0) return colorStr;
-  const currentLightness = oklch.l * 100;
-  const newLightness = Math.max(0, currentLightness - amount);
-  oklch.l = newLightness / 100;
-  return formatCss(oklch);
-}
-export function adjustChroma(colorStr, targetChroma) {
-  const parsed = parse(colorStr);
-  if (!parsed) return colorStr;
-  const oklch = toOklch(parsed);
-  if (!oklch) return colorStr;
-  oklch.c = targetChroma;
-  return formatCss(oklch);
-}
-export function adjustHue(colorStr, targetHue) {
-  const parsed = parse(colorStr);
-  if (!parsed) return colorStr;
-  const oklch = toOklch(parsed);
-  if (!oklch) return colorStr;
-  oklch.h = targetHue;
-  return formatCss(oklch);
-}
-export function adjustOklch(colorStr, adjustments) {
-  const parsed = parse(colorStr);
-  if (!parsed) return colorStr;
-  const oklch = toOklch(parsed);
-  if (!oklch) return colorStr;
-  if (adjustments.l !== void 0) oklch.l = adjustments.l / 100;
-  if (adjustments.c !== void 0) oklch.c = adjustments.c;
-  if (adjustments.h !== void 0) oklch.h = adjustments.h;
-  return formatCss(oklch);
-}
-export function oklchToRgb(colorString) {
-  const parsed = parse(colorString);
-  if (!parsed) return "rgb(255, 255, 255)";
-  const rgb = toRgb(parsed);
-  if (!rgb) return "rgb(255, 255, 255)";
-  const r = Math.max(0, Math.min(255, Math.round((rgb.r ?? 0) * 255)));
-  const g = Math.max(0, Math.min(255, Math.round((rgb.g ?? 0) * 255)));
-  const b = Math.max(0, Math.min(255, Math.round((rgb.b ?? 0) * 255)));
-  const a = rgb.alpha ?? 1;
-  return a < 1 ? `rgba(${r}, ${g}, ${b}, ${a})` : `rgb(${r}, ${g}, ${b})`;
-}
-export function getThemeColor(colorName, shade = 500) {
-  if (typeof document === "undefined") return "oklch(50% 0 0)";
-  const styles = getComputedStyle(document.documentElement);
-  const colorValue = styles.getPropertyValue(`--ui-color-${colorName}-${shade}`).trim();
-  return colorValue || "oklch(50% 0 0)";
-}
-export function getColorShades(colorName, lightnessValues) {
-  const baseColor = getThemeColor(colorName, 500);
-  return lightnessValues.map((lightness) => adjustLightness(baseColor, lightness));
-}
-export function getColorShadesRgb(colorName, lightnessValues) {
-  const shades = getColorShades(colorName, lightnessValues);
-  return shades.map(oklchToRgb);
-}
-export function createColorPalette(colorName, adjustments) {
-  const baseColor = getThemeColor(colorName, 500);
-  return adjustments.map((adj) => {
-    const adjusted = adjustOklch(baseColor, adj);
-    return oklchToRgb(adjusted);
-  });
-}

package/dist/runtime/plugin.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("nuxt/app").Plugin<Record<string, unknown>> & import("nuxt/app").ObjectPlugin<Record<string, unknown>>;
-export default _default;

package/dist/runtime/plugin.js

@@ -1,4 +0,0 @@
-import { defineNuxtPlugin } from "#app";
-export default defineNuxtPlugin((_nuxtApp) => {
-  console.log("Plugin injected by my-module!");
-});

package/dist/runtime/themes/background-flickering-grid.d.ts

@@ -1,7 +0,0 @@
-declare const _default: {
-    slots: {
-        base: string;
-        canvas: string;
-    };
-};
-export default _default;

package/dist/runtime/themes/background-flickering-grid.js

@@ -1,6 +0,0 @@
-export default {
-  slots: {
-    base: "w-full h-full absolute inset-0",
-    canvas: "w-full h-full block pointer-events-none"
-  }
-};

package/dist/runtime/types/tv.d.ts

@@ -1,14 +0,0 @@
-import type { TV } from "tailwind-variants";
-export type ComponentConfig<T extends Record<string, any>> = {
-    variants: T extends {
-        variants: infer V;
-    } ? {
-        [K in keyof V]: V[K] extends Record<string, any> ? keyof V[K] : never;
-    } : never;
-    slots: T extends {
-        slots: infer S;
-    } ? {
-        [K in keyof S]: any;
-    } : never;
-};
-export type { TV };

package/dist/runtime/utils/tv.d.ts

@@ -1 +0,0 @@
-export declare const tv: import("tailwind-variants").TV;

package/dist/runtime/utils/tv.js

@@ -1,2 +0,0 @@
-import { createTV } from "tailwind-variants";
-export const tv = /* @__PURE__ */ createTV({});