@themodcraft/core-ui 0.0.0

package/dist/components/button/Button.d.ts

@@ -0,0 +1,2 @@
+import type { ButtonProps } from "./Button.types";
+export declare function Button({ className, size, tone, type, ...props }: ButtonProps): import("react").JSX.Element;

package/dist/components/button/Button.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const baseClasses = "inline-flex items-center justify-center rounded-md border font-medium transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50";
+const sizeClasses = {
+    sm: "h-8 px-3 text-sm",
+    md: "h-10 px-4 text-sm",
+};
+const toneClasses = {
+    neutral: "border-zinc-300 bg-white text-zinc-950 hover:bg-zinc-100 focus-visible:outline-zinc-500",
+    accent: "border-blue-700 bg-blue-700 text-white hover:bg-blue-800 focus-visible:outline-amber-400",
+    danger: "border-red-700 bg-red-700 text-white hover:bg-red-800 focus-visible:outline-amber-400",
+};
+export function Button({ className, size = "md", tone = "neutral", type = "button", ...props }) {
+    return (_jsx("button", { className: [
+            baseClasses,
+            sizeClasses[size],
+            toneClasses[tone],
+            className,
+        ]
+            .filter(Boolean)
+            .join(" "), type: type, ...props }));
+}

package/dist/components/button/Button.types.d.ts

@@ -0,0 +1,8 @@
+import type { ButtonHTMLAttributes, ReactNode } from "react";
+export type ButtonSize = "sm" | "md";
+export type ButtonTone = "neutral" | "accent" | "danger";
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    children: ReactNode;
+    size?: ButtonSize;
+    tone?: ButtonTone;
+}

package/dist/components/button/Button.types.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,2 @@
+export { Button } from "./Button";
+export type { ButtonProps, ButtonSize, ButtonTone } from "./Button.types";

package/dist/components/button/index.js

@@ -0,0 +1 @@
+export { Button } from "./Button";

package/dist/config/component-config.d.ts

@@ -0,0 +1,13 @@
+export type ComponentConfigVersion = 1;
+export interface ComponentConfig<TType extends string, TProps extends object> {
+    metadata?: {
+        description?: string;
+        name?: string;
+        tags?: string[];
+    };
+    props: TProps;
+    type: TType;
+    version: ComponentConfigVersion;
+}
+export declare function defineComponentConfig<const TType extends string, const TProps extends object>(config: ComponentConfig<TType, TProps>): ComponentConfig<TType, TProps>;
+export declare function readConfigProps<TProps extends object>(config: ComponentConfig<string, TProps>): TProps;

package/dist/config/component-config.js

@@ -0,0 +1,6 @@
+export function defineComponentConfig(config) {
+    return config;
+}
+export function readConfigProps(config) {
+    return config.props;
+}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./components/button";
+export * from "./config/component-config";
+export * from "./path-map";
+export * from "./tokens";

package/dist/index.js

@@ -0,0 +1,4 @@
+export * from "./components/button";
+export * from "./config/component-config";
+export * from "./path-map";
+export * from "./tokens";

package/dist/path-map/asset-path-map.d.ts

@@ -0,0 +1,9 @@
+export type AssetPathAliases = Record<string, string>;
+export interface ResolveAssetPathOptions {
+    aliases?: AssetPathAliases;
+    cdnBase?: string;
+    mode?: "development" | "production";
+    publicBasePath?: string;
+}
+export declare const defaultAssetPathAliases: AssetPathAliases;
+export declare function resolveAssetPath(path: string, { aliases, cdnBase, mode, publicBasePath, }?: ResolveAssetPathOptions): string;

package/dist/path-map/asset-path-map.js

@@ -0,0 +1,28 @@
+export const defaultAssetPathAliases = {
+    "@audios/": "resources/assets/audios/",
+    "@audio/": "resources/assets/audios/",
+    "@images/": "resources/assets/images/",
+    "@videos/": "resources/assets/videos/",
+};
+function stripEdgeSlashes(value) {
+    return value.replace(/^\/+|\/+$/g, "");
+}
+function mapAlias(path, aliases) {
+    for (const [alias, replacement] of Object.entries(aliases)) {
+        if (path.startsWith(alias)) {
+            return path.replace(alias, replacement);
+        }
+    }
+    return path;
+}
+export function resolveAssetPath(path, { aliases = defaultAssetPathAliases, cdnBase = "https://cdn.themodcraft.net", mode = "development", publicBasePath = "", } = {}) {
+    if (!path || /^https?:\/\//.test(path)) {
+        return path;
+    }
+    const internalPath = stripEdgeSlashes(mapAlias(path, aliases));
+    if (mode === "production") {
+        return `${stripEdgeSlashes(cdnBase)}/${internalPath}`;
+    }
+    const base = stripEdgeSlashes(publicBasePath);
+    return `/${[base, internalPath].filter(Boolean).join("/")}`;
+}

package/dist/path-map/index.d.ts

@@ -0,0 +1 @@
+export { defaultAssetPathAliases, resolveAssetPath, type AssetPathAliases, type ResolveAssetPathOptions, } from "./asset-path-map";

package/dist/path-map/index.js

@@ -0,0 +1 @@
+export { defaultAssetPathAliases, resolveAssetPath, } from "./asset-path-map";

package/dist/styles/index.css

@@ -0,0 +1,19 @@
+:root {
+  --tmc-color-surface: #ffffff;
+  --tmc-color-surface-muted: #f6f7f9;
+  --tmc-color-surface-raised: #ffffff;
+  --tmc-color-text: #111827;
+  --tmc-color-text-muted: #5f6b7a;
+  --tmc-color-border: #d7dde5;
+  --tmc-color-accent: #0b63ce;
+  --tmc-color-accent-text: #ffffff;
+  --tmc-color-focus: #ffb020;
+  --tmc-color-danger: #b42318;
+  --tmc-radius-sm: 4px;
+  --tmc-radius-md: 6px;
+  --tmc-radius-lg: 8px;
+}
+
+* {
+  box-sizing: border-box;
+}

package/dist/tokens/default-theme.json

@@ -0,0 +1,28 @@
+{
+  "name": "tmc-default",
+  "color": {
+    "surface": "#ffffff",
+    "surfaceMuted": "#f6f7f9",
+    "surfaceRaised": "#ffffff",
+    "text": "#111827",
+    "textMuted": "#5f6b7a",
+    "border": "#d7dde5",
+    "accent": "#0b63ce",
+    "accentText": "#ffffff",
+    "focus": "#ffb020",
+    "danger": "#b42318"
+  },
+  "radius": {
+    "sm": "4px",
+    "md": "6px",
+    "lg": "8px"
+  },
+  "space": {
+    "1": "4px",
+    "2": "8px",
+    "3": "12px",
+    "4": "16px",
+    "6": "24px",
+    "8": "32px"
+  }
+}

package/dist/tokens/index.d.ts

@@ -0,0 +1,2 @@
+import defaultTheme from "./default-theme.json";
+export { defaultTheme };

package/dist/tokens/index.js

@@ -0,0 +1,2 @@
+import defaultTheme from "./default-theme.json";
+export { defaultTheme };

package/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@themodcraft/core-ui",
+  "version": "0.0.0",
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "module",
+  "files": ["dist"],
+  "sideEffects": ["./dist/styles/*.css"],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./styles.css": "./dist/styles/index.css",
+    "./tokens/default-theme": "./dist/tokens/default-theme.json"
+  },
+  "scripts": {
+    "build": "node ../../tools/build-package.mjs",
+    "prepack": "npm run build",
+    "typecheck": "tsc -p tsconfig.json --noEmit"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  }
+}