@liketysplit/react-luna 0.1.2 → 0.1.3

package/LICENSE

@@ -1,10 +1,10 @@
-All Rights Reserved
-
-Copyright (c) 2026 Rick Boles
-
-All rights reserved.
-
-This source code and associated documentation are proprietary and confidential.
-Unauthorized copying, modification, distribution, or use of this software,
-in whole or in part, is strictly prohibited without prior written permission
+All Rights Reserved
+
+Copyright (c) 2026 Rick Boles
+
+All rights reserved.
+
+This source code and associated documentation are proprietary and confidential.
+Unauthorized copying, modification, distribution, or use of this software,
+in whole or in part, is strictly prohibited without prior written permission
 from the copyright holder.

package/dist/components/index.d.ts

@@ -0,0 +1 @@
+export * from "./luna-button";

package/dist/components/luna-button/LunaButton.d.ts

@@ -0,0 +1,28 @@
+import React from "react";
+import "./LunaButton.css";
+export declare const LunaButton: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "value" | "color" | "size"> & {
+    absolute?: boolean;
+    animation?: import("./LunaButton.props").LunaButtonAnimation;
+    block?: boolean;
+    bottom?: boolean | string | number;
+    color?: string;
+    dark?: boolean;
+    depressed?: boolean;
+    fixed?: boolean;
+    flat?: boolean;
+    icon?: React.ReactNode;
+    iconDirection?: import("./LunaButton.props").LunaButtonIconDirection;
+    iconName?: string;
+    info?: boolean;
+    left?: boolean | string | number;
+    light?: boolean;
+    loading?: boolean;
+    loadingAnimation?: import("./LunaButton.props").LunaButtonLoadingAnimation;
+    outline?: boolean;
+    right?: boolean | string | number;
+    rounded?: boolean;
+    size?: string;
+    top?: boolean | string | number;
+    value?: React.ReactNode;
+    fab?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/luna-button/LunaButton.props.d.ts

@@ -0,0 +1,30 @@
+import type React from "react";
+export type LunaButtonAnimation = string;
+export type LunaButtonIconDirection = "left" | "right";
+export type LunaButtonLoadingAnimation = "lunar" | "loading-star";
+export type LunaButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color" | "size" | "value"> & {
+    absolute?: boolean;
+    animation?: LunaButtonAnimation;
+    block?: boolean;
+    bottom?: boolean | string | number;
+    color?: string;
+    dark?: boolean;
+    depressed?: boolean;
+    fixed?: boolean;
+    flat?: boolean;
+    icon?: React.ReactNode;
+    iconDirection?: LunaButtonIconDirection;
+    iconName?: string;
+    info?: boolean;
+    left?: boolean | string | number;
+    light?: boolean;
+    loading?: boolean;
+    loadingAnimation?: LunaButtonLoadingAnimation;
+    outline?: boolean;
+    right?: boolean | string | number;
+    rounded?: boolean;
+    size?: string;
+    top?: boolean | string | number;
+    value?: React.ReactNode;
+    fab?: boolean;
+};

package/dist/components/luna-button/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./LunaButton";
+export * from "./LunaButton.props";

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./theme";
+export * from "./components";

package/dist/theme/base.d.ts

@@ -0,0 +1,2 @@
+import type { Theme } from "./types";
+export declare const lunarTheme: Theme;

package/dist/theme/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./types";
+export * from "./base";
+export * from "./provider";
+export * from "./resolve";

package/dist/theme/merge.d.ts

@@ -0,0 +1,2 @@
+import type { DeepPartial } from "./types";
+export declare function deepMerge<T>(base: T, override?: DeepPartial<T>): T;

package/dist/theme/provider.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import type { DeepPartial, Theme, ThemeMode } from "./types";
+export type ThemeProviderProps = {
+    children: React.ReactNode;
+    mode?: ThemeMode;
+    theme?: DeepPartial<Theme>;
+    colors?: Record<string, string>;
+    className?: string;
+    style?: React.CSSProperties;
+};
+type ThemeContextValue = {
+    theme: Theme;
+    mode: ThemeMode;
+    vars: Record<string, string>;
+    setMode: (mode: ThemeMode) => void;
+};
+export declare function ThemeProvider({ children, mode: controlledMode, theme, colors, className, style }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useTheme(): ThemeContextValue;
+export {};

package/dist/theme/resolve.d.ts

@@ -0,0 +1,5 @@
+import type { Theme, ThemeMode, ThemeModeTokens } from "./types";
+export declare function isRawColor(value: string): boolean;
+export declare function resolveTokenValue(theme: Theme, token: string): string;
+export declare function resolveModeTokens(theme: Theme, mode: ThemeMode): ThemeModeTokens;
+export declare function resolveScaleValue(scale: Record<string, string>, value?: string): string | undefined;

package/dist/theme/types.d.ts

@@ -0,0 +1,87 @@
+export type ColorScale = {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+export type ThemeColors = {
+    scale: Record<string, ColorScale>;
+    custom: Record<string, string>;
+};
+export type ThemeModeTokens = {
+    background: string;
+    foreground: string;
+    surface: string;
+    border: string;
+    muted: string;
+};
+export type ThemeModes = {
+    light: ThemeModeTokens;
+    dark: ThemeModeTokens;
+};
+export type ThemeTypography = {
+    fontFamily: string;
+    sizes: Record<string, string>;
+    weights: Record<string, number>;
+    lineHeights: Record<string, string>;
+};
+export type ThemeSpacing = Record<string, string>;
+export type ThemeRadii = Record<string, string>;
+export type ThemeShadows = Record<string, string>;
+export type ThemeMotion = Record<string, string>;
+export type ThemeButtonSizeProfile = {
+    paddingX?: string;
+    paddingY?: string;
+    fontSize?: string;
+    minHeight?: string;
+    gap?: string;
+    iconSize?: string;
+};
+export type ThemeButtonModeTokens = {
+    bg?: string;
+    fg?: string;
+    hoverBg?: string;
+    outlineFg?: string;
+    outlineBorder?: string;
+    outlineHoverBg?: string;
+    flatFg?: string;
+    infoFg?: string;
+    infoHoverFg?: string;
+};
+export type ThemeComponents = {
+    button?: {
+        defaultSize?: string;
+        defaultIconDirection?: "left" | "right";
+        radius?: string;
+        fontWeight?: number;
+        sizes?: Record<string, ThemeButtonSizeProfile>;
+        modes?: Partial<Record<ThemeMode, ThemeButtonModeTokens>>;
+        colors?: Record<string, {
+            bg?: string;
+            fg?: string;
+            border?: string;
+        }>;
+    };
+};
+export type Theme = {
+    colors: ThemeColors;
+    modes: ThemeModes;
+    typography: ThemeTypography;
+    spacing: ThemeSpacing;
+    radii: ThemeRadii;
+    shadows: ThemeShadows;
+    motion: ThemeMotion;
+    components: ThemeComponents;
+};
+export type ThemeMode = "light" | "dark";
+type Primitive = string | number | boolean | null | undefined;
+export type DeepPartial<T> = T extends Primitive ? T : T extends Array<infer U> ? Array<DeepPartial<U>> : {
+    [K in keyof T]?: DeepPartial<T[K]>;
+};
+export {};

package/dist/theme/vars.d.ts

@@ -0,0 +1,2 @@
+import type { Theme } from "./types";
+export declare function buildThemeVars(theme: Theme, mode: "light" | "dark"): Record<string, string>;

package/package.json

@@ -1,67 +1,67 @@
-{
-  "name": "@liketysplit/react-luna",
-  "version": "0.1.2",
-  "private": false,
-  "type": "module",
-  "description": "Self-sufficient React component library with a lunar theme.",
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "files": [
-    "dist",
-    "README.md",
-    "LICENSE"
-  ],
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
-    },
-    "./styles.css": "./dist/style.css"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/liketysplit/react-luna.git"
-  },
-  "bugs": {
-    "url": "https://github.com/liketysplit/react-luna/issues"
-  },
-  "homepage": "https://github.com/liketysplit/react-luna#readme",
-  "publishConfig": {
-    "access": "public"
-  },
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc -p tsconfig.build.json && vite build",
-    "preview": "vite preview",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "changeset": "changeset",
-    "version-packages": "changeset version",
-    "release": "changeset publish",
-    "storybook": "storybook dev -p 6006",
-    "storybook:build": "storybook build"
-  },
-  "peerDependencies": {
-    "react": ">=18.0.0",
-    "react-dom": ">=18.0.0"
-  },
-  "devDependencies": {
-    "@storybook/addon-essentials": "^8.5.0",
-    "@storybook/react": "^8.5.0",
-    "@storybook/react-vite": "^8.5.0",
-    "@changesets/cli": "^2.29.6",
-    "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.2",
-    "@testing-library/user-event": "^14.6.1",
-    "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.0",
-    "@vitejs/plugin-react": "^4.3.0",
-    "jsdom": "^24.1.3",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "typescript": "^5.5.0",
-    "vite": "^5.4.0",
-    "vitest": "^2.0.0"
-  }
-}
+{
+  "name": "@liketysplit/react-luna",
+  "version": "0.1.3",
+  "private": false,
+  "type": "module",
+  "description": "Self-sufficient React component library with a lunar theme.",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./styles.css": "./dist/style.css"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/liketysplit/react-luna.git"
+  },
+  "bugs": {
+    "url": "https://github.com/liketysplit/react-luna/issues"
+  },
+  "homepage": "https://github.com/liketysplit/react-luna#readme",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -p tsconfig.build.json && vite build",
+    "preview": "vite preview",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "changeset": "changeset",
+    "version-packages": "changeset version",
+    "release": "changeset publish",
+    "storybook": "storybook dev -p 6006",
+    "storybook:build": "storybook build"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@storybook/addon-essentials": "^8.5.0",
+    "@storybook/react": "^8.5.0",
+    "@storybook/react-vite": "^8.5.0",
+    "@changesets/cli": "^2.29.6",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "@vitejs/plugin-react": "^4.3.0",
+    "jsdom": "^24.1.3",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "typescript": "^5.5.0",
+    "vite": "^5.4.0",
+    "vitest": "^2.0.0"
+  }
+}