bejamas 0.2.12 → 0.3.0

package/package.json

@@ -1,13 +1,22 @@
 {
   "name": "bejamas",
-  "version": "0.2.12",
+  "version": "0.3.0",
   "license": "MIT",
   "type": "module",
+  "exports": {
+    ".": {
+      "default": "./dist/index.js"
+    },
+    "./tailwind.css": {
+      "style": "./src/tailwind.css"
+    }
+  },
   "bin": {
     "bejamas": "./dist/index.js"
   },
   "files": [
-    "dist/"
+    "dist/",
+    "src/tailwind.css"
   ],
   "keywords": [
     "components",
@@ -25,6 +34,8 @@
   "scripts": {
     "build": "tsdown",
     "dev": "tsdown --watch",
+    "generate:schema": "bun run scripts/generate-schema.ts",
+    "smoke:init:local": "bun run scripts/smoke-init-local.ts",
     "prepublishOnly": "bun run build",
     "test": "bun run build && bun test"
   },
@@ -35,6 +46,8 @@
   },
   "bugs": "https://github.com/bejamas/ui/issues",
   "devDependencies": {
+    "@bejamas/create-config": "workspace:*",
+    "@bejamas/semantic-icons": "workspace:*",
     "tsdown": "^0.15.2"
   },
   "dependencies": {
@@ -48,7 +61,7 @@
     "kleur": "^4.1.5",
     "ora": "^9.0.0",
     "prompts": "^2.4.2",
-    "shadcn": "3.8.5",
+    "shadcn": "4.1.1",
     "ts-morph": "^27.0.0",
     "tsconfig-paths": "^4.2.0",
     "zod": "^4.1.9"

package/src/tailwind.css

@@ -0,0 +1,104 @@
+@theme inline {
+  @keyframes accordion-down {
+    from {
+      height: 0;
+    }
+    to {
+      height: var(
+        --radix-accordion-content-height,
+        var(--accordion-panel-height, auto)
+      );
+    }
+  }
+
+  @keyframes accordion-up {
+    from {
+      height: var(
+        --radix-accordion-content-height,
+        var(--accordion-panel-height, auto)
+      );
+    }
+    to {
+      height: 0;
+    }
+  }
+}
+
+/* Custom variants */
+@custom-variant data-open {
+  &:where([data-state="open"]),
+  &:where([data-open]:not([data-open="false"])) {
+    @slot;
+  }
+}
+
+@custom-variant data-closed {
+  &:where([data-state="closed"]),
+  &:where([data-closed]:not([data-closed="false"])) {
+    @slot;
+  }
+}
+
+@custom-variant data-checked {
+  &:where([data-state="checked"]),
+  &:where([data-checked]:not([data-checked="false"])) {
+    @slot;
+  }
+}
+
+@custom-variant data-unchecked {
+  &:where([data-state="unchecked"]),
+  &:where([data-unchecked]:not([data-unchecked="false"])) {
+    @slot;
+  }
+}
+
+@custom-variant data-selected {
+  &:where([data-selected="true"]) {
+    @slot;
+  }
+}
+
+@custom-variant data-disabled {
+  &:where([data-disabled="true"]),
+  &:where([data-disabled]:not([data-disabled="false"])) {
+    @slot;
+  }
+}
+
+@custom-variant data-active {
+  &:where([data-state="active"]),
+  &:where([data-active]:not([data-active="false"])) {
+    @slot;
+  }
+}
+
+@custom-variant data-horizontal {
+  &:where([data-orientation="horizontal"]) {
+    @slot;
+  }
+}
+
+@custom-variant data-vertical {
+  &:where([data-orientation="vertical"]) {
+    @slot;
+  }
+}
+
+@utility no-scrollbar {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+
+  &::-webkit-scrollbar {
+    display: none;
+  }
+}
+
+/*.cn-button-group .cn-button {
+  background: red !important;
+}*/
+@custom-variant slot-siblings {
+  &:where(> [data-slot] ~ [data-slot] button) {
+    @slot;
+  }
+}

package/dist/utils-BfJTJvcy.js

@@ -1,431 +0,0 @@
-import { createRequire } from "module";
-import path, { dirname, extname, join, posix } from "path";
-import fs from "fs-extra";
-import { z } from "zod";
-import { cyan, green, red, yellow } from "kleur/colors";
-import ora from "ora";
-import { configSchema, rawConfigSchema, workspaceConfigSchema } from "shadcn/schema";
-import fg from "fast-glob";
-import { createMatchPath, loadConfig } from "tsconfig-paths";
-import { cosmiconfig } from "cosmiconfig";
-import { existsSync } from "fs";
-import { readdir } from "fs/promises";
-import { Project, SyntaxKind } from "ts-morph";
-
-//#region src/utils/highlighter.ts
-const highlighter = {
-	error: red,
-	warn: yellow,
-	info: cyan,
-	success: green
-};
-
-//#endregion
-//#region src/utils/logger.ts
-const logger = {
-	error(...args) {
-		console.log(highlighter.error(args.join(" ")));
-	},
-	warn(...args) {
-		console.log(highlighter.warn(args.join(" ")));
-	},
-	info(...args) {
-		console.log(highlighter.info(args.join(" ")));
-	},
-	success(...args) {
-		console.log(highlighter.success(args.join(" ")));
-	},
-	log(...args) {
-		console.log(args.join(" "));
-	},
-	break() {
-		console.log("");
-	}
-};
-
-//#endregion
-//#region src/utils/spinner.ts
-function spinner(text, options) {
-	return ora({
-		text,
-		isSilent: options?.silent
-	});
-}
-
-//#endregion
-//#region src/registry/constants.ts
-const REGISTRY_URL = process.env.REGISTRY_URL ?? "https://ui.bejamas.com/r";
-const BUILTIN_REGISTRIES = { "@bejamas": `${REGISTRY_URL}/{name}.json` };
-
-//#endregion
-//#region src/utils/get-project-info.ts
-const TS_CONFIG_SCHEMA = z.object({ compilerOptions: z.object({ paths: z.record(z.string().or(z.array(z.string()))) }) });
-
-//#endregion
-//#region src/utils/resolve-import.ts
-async function resolveImport(importPath, config) {
-	return createMatchPath(config.absoluteBaseUrl, config.paths)(importPath, void 0, () => true, [
-		".ts",
-		".tsx",
-		".jsx",
-		".js",
-		".css"
-	]);
-}
-
-//#endregion
-//#region src/utils/get-config.ts
-const explorer = cosmiconfig("components", { searchPlaces: ["components.json"] });
-async function getConfig(cwd) {
-	const config = await getRawConfig(cwd);
-	if (!config) return null;
-	if (!config.iconLibrary) config.iconLibrary = config.style === "new-york" ? "radix" : "lucide";
-	return await resolveConfigPaths(cwd, config);
-}
-async function resolveConfigPaths(cwd, config) {
-	config.registries = {
-		...BUILTIN_REGISTRIES,
-		...config.registries || {}
-	};
-	const tsConfig = await loadConfig(cwd);
-	if (tsConfig.resultType === "failed") throw new Error(`Failed to load ${config.tsx ? "tsconfig" : "jsconfig"}.json. ${tsConfig.message ?? ""}`.trim());
-	return configSchema.parse({
-		...config,
-		resolvedPaths: {
-			cwd,
-			tailwindConfig: config.tailwind.config ? path.resolve(cwd, config.tailwind.config) : "",
-			tailwindCss: path.resolve(cwd, config.tailwind.css),
-			utils: await resolveImport(config.aliases["utils"], tsConfig),
-			components: await resolveImport(config.aliases["components"], tsConfig),
-			ui: config.aliases["ui"] ? await resolveImport(config.aliases["ui"], tsConfig) : path.resolve(await resolveImport(config.aliases["components"], tsConfig) ?? cwd, "ui"),
-			lib: config.aliases["lib"] ? await resolveImport(config.aliases["lib"], tsConfig) : path.resolve(await resolveImport(config.aliases["utils"], tsConfig) ?? cwd, ".."),
-			hooks: config.aliases["hooks"] ? await resolveImport(config.aliases["hooks"], tsConfig) : path.resolve(await resolveImport(config.aliases["components"], tsConfig) ?? cwd, "..", "hooks")
-		}
-	});
-}
-async function getRawConfig(cwd) {
-	try {
-		const configResult = await explorer.search(cwd);
-		if (!configResult) return null;
-		const config = rawConfigSchema.parse(configResult.config);
-		if (config.registries) {
-			for (const registryName of Object.keys(config.registries)) if (registryName in BUILTIN_REGISTRIES) throw new Error(`"${registryName}" is a built-in registry and cannot be overridden.`);
-		}
-		return config;
-	} catch (error) {
-		const componentPath = `${cwd}/components.json`;
-		if (error instanceof Error && error.message.includes("reserved registry")) throw error;
-		throw new Error(`Invalid configuration found in ${highlighter.info(componentPath)}.`);
-	}
-}
-async function getWorkspaceConfig(config) {
-	let resolvedAliases = {};
-	for (const key of Object.keys(config.aliases)) {
-		if (!isAliasKey(key, config)) continue;
-		const resolvedPath = config.resolvedPaths[key];
-		const packageRoot = await findPackageRoot(config.resolvedPaths.cwd, resolvedPath);
-		if (!packageRoot) {
-			resolvedAliases[key] = config;
-			continue;
-		}
-		resolvedAliases[key] = await getConfig(packageRoot);
-	}
-	const result = workspaceConfigSchema.safeParse(resolvedAliases);
-	if (!result.success) return null;
-	return result.data;
-}
-async function findPackageRoot(cwd, resolvedPath) {
-	const commonRoot = findCommonRoot(cwd, resolvedPath);
-	const relativePath = path.relative(commonRoot, resolvedPath);
-	const matchingPackageRoot = (await fg.glob("**/package.json", {
-		cwd: commonRoot,
-		deep: 3,
-		ignore: [
-			"**/node_modules/**",
-			"**/dist/**",
-			"**/build/**",
-			"**/public/**"
-		]
-	})).map((pkgPath) => path.dirname(pkgPath)).find((pkgDir) => relativePath.startsWith(pkgDir));
-	return matchingPackageRoot ? path.join(commonRoot, matchingPackageRoot) : null;
-}
-function isAliasKey(key, config) {
-	return Object.keys(config.resolvedPaths).filter((key$1) => key$1 !== "utils").includes(key);
-}
-function findCommonRoot(cwd, resolvedPath) {
-	const parts1 = cwd.split(path.sep);
-	const parts2 = resolvedPath.split(path.sep);
-	const commonParts = [];
-	for (let i = 0; i < Math.min(parts1.length, parts2.length); i++) {
-		if (parts1[i] !== parts2[i]) break;
-		commonParts.push(parts1[i]);
-	}
-	return commonParts.join(path.sep);
-}
-
-//#endregion
-//#region src/docs/generate-mdx/utils.ts
-const RESERVED_COMPONENTS = new Set([
-	"Fragment",
-	"CodePackageManagers",
-	"DocsTabs",
-	"DocsTabItem",
-	"DocsCodePackageManagers",
-	"Tabs",
-	"TabItem"
-]);
-function slugify(input) {
-	return input.replace(/\.(astro|md|mdx|tsx|ts|jsx|js)$/i, "").replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/\s+/g, "-").replace(/_+/g, "-").toLowerCase();
-}
-function extractFrontmatter(source) {
-	const match = source.match(/^---\n([\s\S]*?)\n---/);
-	return match && match[1] || "";
-}
-function toIdentifier(name) {
-	const base = name.replace(/\.[^.]+$/, "").replace(/[^a-zA-Z0-9]+/g, " ").trim().replace(/\b\w/g, (c) => c.toUpperCase()).replace(/\s+/g, "");
-	return /^[A-Za-z_]/.test(base) ? base : `Ex${base}`;
-}
-function parseJsDocMetadata(frontmatterCode) {
-	const jsDocMatch = frontmatterCode.match(/\/\*\*([\s\S]*?)\*\//);
-	if (!jsDocMatch) return {};
-	const lines = jsDocMatch[1].split("\n").map((l) => l.replace(/^\s*\*\s?/, ""));
-	const meta = {};
-	let inUsage = false;
-	let inExamples = false;
-	let inPrimaryExample = false;
-	let inApi = false;
-	let captureDescriptionBody = false;
-	const usageLines = [];
-	const examplesLines = [];
-	const primaryExampleLines = [];
-	const apiLines = [];
-	const descriptionBodyLines = [];
-	for (const rawLine of lines) {
-		const line = rawLine;
-		if (inUsage) if (line.trim().startsWith("@")) inUsage = false;
-		else {
-			usageLines.push(line);
-			continue;
-		}
-		if (inPrimaryExample) if (line.trim().startsWith("@")) inPrimaryExample = false;
-		else {
-			primaryExampleLines.push(line);
-			continue;
-		}
-		if (inExamples) if (line.trim().startsWith("@")) inExamples = false;
-		else {
-			examplesLines.push(line);
-			continue;
-		}
-		if (inApi) if (line.trim().startsWith("@")) inApi = false;
-		else {
-			apiLines.push(line);
-			continue;
-		}
-		if (captureDescriptionBody) if (line.trim().startsWith("@")) captureDescriptionBody = false;
-		else {
-			descriptionBodyLines.push(line);
-			continue;
-		}
-		if (line.trim().startsWith("@component")) meta.name = line.replace("@component", "").trim();
-		else if (line.trim().startsWith("@title")) meta.title = line.replace("@title", "").trim();
-		else if (line.trim().startsWith("@description")) {
-			meta.description = line.replace("@description", "").trim();
-			captureDescriptionBody = true;
-			continue;
-		} else if (line.trim().startsWith("@figmaUrl")) meta.figmaUrl = line.replace("@figmaUrl", "").trim();
-		else if (line.trim().startsWith("@figma")) meta.figmaUrl = line.replace("@figma", "").trim();
-		else if (line.trim().startsWith("@usage")) {
-			inUsage = true;
-			continue;
-		} else if (line.trim().startsWith("@examples")) {
-			inExamples = true;
-			continue;
-		} else if (line.trim().startsWith("@preview")) {
-			inPrimaryExample = true;
-			continue;
-		} else if (line.trim().startsWith("@example")) {
-			inPrimaryExample = true;
-			continue;
-		} else if (line.trim().startsWith("@api")) {
-			inApi = true;
-			continue;
-		}
-	}
-	if (usageLines.length) meta.usageMDX = usageLines.join("\n").trim();
-	if (examplesLines.length) meta.examplesMDX = examplesLines.join("\n").trim();
-	if (primaryExampleLines.length) meta.primaryExampleMDX = primaryExampleLines.join("\n").trim();
-	if (descriptionBodyLines.length) meta.descriptionBodyMDX = descriptionBodyLines.join("\n").trim();
-	if (apiLines.length) meta.apiMDX = apiLines.join("\n").trim();
-	return meta;
-}
-function extractPropsFromAstroProps(sourceFile) {
-	function unwrapAstroProps(node) {
-		let current = node;
-		for (let i = 0; i < 10; i += 1) {
-			const kind = current.getKind();
-			if (kind === SyntaxKind.PropertyAccessExpression) {
-				const expr = current.getExpression();
-				if (expr && expr.getText() === "Astro" && current.getName() === "props") return current;
-				return null;
-			}
-			if (kind === SyntaxKind.AsExpression || kind === SyntaxKind.TypeAssertion || kind === SyntaxKind.SatisfiesExpression || kind === SyntaxKind.NonNullExpression || kind === SyntaxKind.ParenthesizedExpression) {
-				const next = current.getExpression && current.getExpression();
-				if (!next) return null;
-				current = next;
-				continue;
-			}
-			return null;
-		}
-		return null;
-	}
-	const target = sourceFile.getDescendantsOfKind(SyntaxKind.VariableDeclaration).find((decl) => {
-		const init = decl.getInitializer();
-		if (!init) return false;
-		return !!unwrapAstroProps(init);
-	});
-	if (!target) return [];
-	const nameNode = target.getNameNode();
-	if (!nameNode || nameNode.getKind() !== SyntaxKind.ObjectBindingPattern) return [];
-	return nameNode.asKindOrThrow(SyntaxKind.ObjectBindingPattern).getElements().map((el) => {
-		if (!!el.getDotDotDotToken()) return {
-			isRest: true,
-			hasDefault: false,
-			alias: el.getName()
-		};
-		const propertyNameNode = el.getPropertyNameNode();
-		const name = el.getName();
-		const propName = propertyNameNode ? propertyNameNode.getText() : name;
-		const initializer = el.getInitializer();
-		let defaultValue;
-		if (initializer) defaultValue = initializer.getText();
-		return {
-			name: propName,
-			hasDefault: initializer != null,
-			defaultValue
-		};
-	});
-}
-function extractPropsFromDeclaredProps(sourceFile) {
-	function normalizeTypeText(text) {
-		if (!text) return "";
-		return text.replace(/\s+/g, " ").replace(/;\s*$/, "").trim();
-	}
-	const iface = sourceFile.getInterface("Props");
-	if (iface) return iface.getProperties().map((prop) => {
-		const name = prop.getName();
-		const typeNode = prop.getTypeNode();
-		return {
-			name,
-			type: normalizeTypeText(typeNode ? typeNode.getText() : prop.getType().getText()),
-			optional: prop.hasQuestionToken()
-		};
-	});
-	const typeAlias = sourceFile.getTypeAlias("Props");
-	if (typeAlias) {
-		const typeNode = typeAlias.getTypeNode();
-		if (typeNode && typeNode.getKind() === SyntaxKind.TypeLiteral) return typeNode.asKindOrThrow(SyntaxKind.TypeLiteral).getProperties().map((prop) => {
-			const name = prop.getName();
-			const tn = prop.getTypeNode();
-			return {
-				name,
-				type: normalizeTypeText(tn ? tn.getText() : prop.getType().getText()),
-				optional: prop.hasQuestionToken()
-			};
-		});
-	}
-	return [];
-}
-function resolveUiRoot(cwd) {
-	const require = createRequire(import.meta.url);
-	const envRoot = process.env.BEJAMAS_UI_ROOT;
-	if (envRoot && existsSync(path.join(envRoot, "package.json"))) return envRoot;
-	try {
-		const pkgPath = require.resolve("@bejamas/ui/package.json", { paths: [cwd] });
-		return path.dirname(pkgPath);
-	} catch {}
-	let current = cwd;
-	for (let i = 0; i < 6; i += 1) {
-		const candidate = path.join(current, "packages", "ui", "package.json");
-		if (existsSync(candidate)) return path.dirname(candidate);
-		const parent = path.dirname(current);
-		if (parent === current) break;
-		current = parent;
-	}
-	try {
-		const anyEntry = require.resolve("@bejamas/ui/*", { paths: [cwd] });
-		return path.resolve(anyEntry, "..", "..");
-	} catch {}
-	throw new Error("Unable to locate @bejamas/ui in the workspace");
-}
-function resolveOutDir(cwd) {
-	const envOut = process.env.BEJAMAS_DOCS_OUT_DIR;
-	if (envOut && envOut.length) return path.isAbsolute(envOut) ? envOut : path.resolve(cwd, envOut);
-	return path.resolve(cwd, "../../apps/web/src/content/docs/components");
-}
-function detectHasImportTopLevel(block, pascalName) {
-	if (!block) return false;
-	let inFence = false;
-	const importLineRegex = /* @__PURE__ */ new RegExp(`^\\s*import\\s+.*\\bfrom\\s+['"][^'"]+\\b${pascalName}\\.astro['"]`);
-	for (const line of block.split("\n")) {
-		if (line.trim().startsWith("```")) {
-			inFence = !inFence;
-			continue;
-		}
-		if (!inFence && importLineRegex.test(line)) return true;
-	}
-	return false;
-}
-function normalizeBlockMDX(block) {
-	if (!block) return "";
-	return block.replace(/from\s+['"]@\/ui\/components\//g, "from '@bejamas/ui/components/");
-}
-function normalizeUsageMDX(usageMDX, pascalName) {
-	const normalized = normalizeBlockMDX(usageMDX);
-	const hasImport = detectHasImportTopLevel(normalized, pascalName);
-	return {
-		text: normalized.trim(),
-		hasImport
-	};
-}
-function extractComponentTagsFromMDX(block) {
-	if (!block) return [];
-	let inFence = false;
-	const found = /* @__PURE__ */ new Set();
-	const tagRegex = /<([A-Z][A-Za-z0-9_]*)\b/g;
-	for (const line of block.split("\n")) {
-		if (line.trim().startsWith("```")) {
-			inFence = !inFence;
-			continue;
-		}
-		if (inFence) continue;
-		let match;
-		while ((match = tagRegex.exec(line)) !== null) {
-			const name = match[1];
-			found.add(name);
-		}
-	}
-	return Array.from(found);
-}
-async function discoverExamples(componentFilePath, componentsDir) {
-	const fileBase = path.basename(componentFilePath, path.extname(componentFilePath));
-	const kebabBase = slugify(fileBase);
-	const candidates = [join(dirname(componentFilePath), `${fileBase}.examples`), join(dirname(componentFilePath), `${kebabBase}.examples`)];
-	const found = [];
-	for (const dir of candidates) try {
-		const items = await readdir(dir, { withFileTypes: true });
-		for (const it of items) if (it.isFile() && extname(it.name).toLowerCase() === ".astro") {
-			const abs = join(dir, it.name);
-			const relFromComponents = path.relative(componentsDir, abs).split(path.sep).join(posix.sep);
-			found.push(relFromComponents);
-		}
-	} catch {}
-	return found;
-}
-function createSourceFileFromFrontmatter(frontmatterCode) {
-	return new Project({ useInMemoryFileSystem: true }).createSourceFile("Component.ts", frontmatterCode, { overwrite: true });
-}
-
-//#endregion
-export { getWorkspaceConfig as _, extractComponentTagsFromMDX as a, highlighter as b, extractPropsFromDeclaredProps as c, parseJsDocMetadata as d, resolveOutDir as f, getConfig as g, toIdentifier as h, discoverExamples as i, normalizeBlockMDX as l, slugify as m, createSourceFileFromFrontmatter as n, extractFrontmatter as o, resolveUiRoot as p, detectHasImportTopLevel as r, extractPropsFromAstroProps as s, RESERVED_COMPONENTS as t, normalizeUsageMDX as u, spinner as v, logger as y };
-//# sourceMappingURL=utils-BfJTJvcy.js.map