@astrake/lumora-ui 0.2.0 → 0.2.1

package/src/tailwind.ts

@@ -1,25 +0,0 @@
-import { createRequire } from "node:module";
-import path from "node:path";
-
-// getLumoraSourceDir() — resolves the absolute path to @astrake/lumora-ui/src
-//
-// PRIMARY use: Tailwind CSS v4 via @tailwindcss/vite
-//   In your CSS entry file:
-//     @import "tailwindcss";
-//     @source "/absolute/path/from/getLumoraSourceDir()";
-//   Or use the @source directive with a relative path manually:
-//     @source "../../node_modules/@astrake/lumora-ui/src";
-//
-// NOTE: The framework ships lumora.css for all structural layout.
-// You only need this helper if your skin strings use Tailwind utility classes.
-
-export function getLumoraSourceDir(importerUrl?: string): string {
-  try {
-    const req = createRequire(importerUrl ?? import.meta.url);
-    const pkgRoot = path.dirname(req.resolve("@astrake/lumora-ui/package.json"));
-    return path.join(pkgRoot, "src");
-  } catch {
-    // Fallback: relative path from project root
-    return "./node_modules/@astrake/lumora-ui/src";
-  }
-}

package/src/types.ts

@@ -1,18 +0,0 @@
-import type { Component, Ref, ComputedRef } from "vue";
-
-export type SkinMap = {
-  [componentName: string]: {
-    default?: string;
-    [variant: string]: string | undefined;
-  };
-};
-
-export type IconResolver = (name: string, size?: number) => Component | null;
-
-export interface LumoraUIConfig {
-  target?: "mobile" | "desktop" | "embedded";
-  skin?: SkinMap | Ref<SkinMap> | ComputedRef<SkinMap>;
-  locale?: string;
-  a11y?: boolean;
-  icons?: IconResolver;
-}

package/src/utils.ts

@@ -1,95 +0,0 @@
-import { clsx, type ClassValue } from "clsx";
-import { twMerge } from "tailwind-merge";
-import type { SkinMap } from "./types";
-
-/**
- * Merges Tailwind classes intelligently
- */
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs));
-}
-
-/**
- * Extends a base skin with a user skin, intelligently merging Tailwind classes
- */
-export function extendSkin(baseSkin: SkinMap, userSkin: SkinMap): SkinMap {
-  const merged: SkinMap = { ...baseSkin };
-
-  for (const componentName in userSkin) {
-    if (!merged[componentName]) {
-      merged[componentName] = { ...userSkin[componentName] };
-      continue;
-    }
-
-    const componentBase = merged[componentName];
-    const componentUser = userSkin[componentName];
-
-    const mergedComponent: any = { ...componentBase };
-
-    for (const variant in componentUser) {
-      if (componentBase[variant]) {
-        mergedComponent[variant] = cn(componentBase[variant], componentUser[variant]);
-      } else {
-        mergedComponent[variant] = componentUser[variant];
-      }
-    }
-
-    merged[componentName] = mergedComponent;
-  }
-
-  return merged;
-}
-
-/**
- * Resolves standard layout props to Tailwind classes statically.
- */
-export function resolveLayoutProps(props: { 
-  gap?: string | number, 
-  padding?: string | number,
-  align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline',
-  justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly',
-  width?: string,
-  height?: string
-}): string {
-  const classes: string[] = [];
-  
-  if (props.gap) classes.push(`gap-${props.gap}`);
-  if (props.padding) classes.push(`p-${props.padding}`);
-  
-  if (props.align) {
-    const alignMap: Record<string, string> = {
-      'start': 'items-start',
-      'center': 'items-center',
-      'end': 'items-end',
-      'stretch': 'items-stretch',
-      'baseline': 'items-baseline'
-    };
-    if (alignMap[props.align]) classes.push(alignMap[props.align]);
-  }
-  
-  if (props.justify) {
-    const justifyMap: Record<string, string> = {
-      'start': 'justify-start',
-      'center': 'justify-center',
-      'end': 'justify-end',
-      'between': 'justify-between',
-      'around': 'justify-around',
-      'evenly': 'justify-evenly'
-    };
-    if (justifyMap[props.justify]) classes.push(justifyMap[props.justify]);
-  }
-
-  if (props.width) {
-    if (props.width === 'full') classes.push('w-full');
-    else if (props.width === 'screen') classes.push('w-screen');
-    else classes.push(`w-${props.width}`);
-  }
-
-  if (props.height) {
-    if (props.height === 'full') classes.push('h-full');
-    else if (props.height === 'screen') classes.push('h-screen');
-    else classes.push(`h-${props.height}`);
-  }
-
-  return classes.join(' ');
-}

package/tsconfig.json

@@ -1,10 +0,0 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "compilerOptions": {
-    "baseUrl": ".",
-    "paths": {
-      "@astrake/lumora-ui/*": ["./src/*"]
-    }
-  },
-  "include": ["src/**/*.ts", "src/**/*.vue"]
-}