@blenx-dev/components 0.0.1 → 0.0.2

package/dist/components/Spinner/spinner.js

@@ -1,6 +1,6 @@
-import clsx from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
 import { spinner } from "./spinner.css.js";
 import { CircleNotchIcon } from "@phosphor-icons/react";
+import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/Spinner/spinner.tsx
 function Spinner({ className, style, ...props }) {

package/dist/components/Splitter/splitter.css.js

@@ -1,5 +1,5 @@
-/* empty css                                               */
-/* empty css                                             */
+/* empty css                                      */
+/* empty css                                    */
 /* empty css                        */
 //#region src/components/Splitter/splitter.css.ts
 var root = "w4j08r0";

package/dist/components/Splitter/splitter.js

@@ -1,6 +1,6 @@
 "use client";
-import clsx from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
 import { handle, handleHorizontal, handleVertical, panel, root, rootHorizontal, rootVertical } from "./splitter.css.js";
+import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 import React, { createContext, createElement, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 //#region src/components/Splitter/splitter.tsx

package/dist/components/Stack/stack.css.js

@@ -1,7 +1,7 @@
-/* empty css                                               */
-/* empty css                                             */
-import { createRuntimeFn } from "../../node_modules/.bun/@vanilla-extract_recipes@0.5.7_19e937df7e0b57ed/node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";
+/* empty css                                      */
+/* empty css                                    */
 /* empty css                     */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 //#region src/components/Stack/stack.css.ts
 var stackRecipe = createRuntimeFn({
 	defaultClassName: "_82zwcu0",

package/dist/components/Stack/stack.js

@@ -1,6 +1,6 @@
-import clsx from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
 import { Box } from "../Box/box.js";
 import { stackRecipe } from "./stack.css.js";
+import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/Stack/stack.tsx
 function Stack({ gap, align, justify, wrap, className, style, ...props }) {

package/dist/components/Surface/surface.css.js

@@ -1,6 +1,6 @@
-/* empty css                                               */
-import { createRuntimeFn } from "../../node_modules/.bun/@vanilla-extract_recipes@0.5.7_19e937df7e0b57ed/node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";
+/* empty css                                      */
 /* empty css                       */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 //#region src/components/Surface/surface.css.ts
 var variantRecipe = createRuntimeFn({
 	defaultClassName: "_1vnk5c40",

package/dist/components/Surface/surface.js

@@ -1,6 +1,6 @@
-import clsx from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
 import { Box } from "../Box/box.js";
 import { variantRecipe } from "./surface.css.js";
+import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/Surface/surface.tsx
 function Surface({ variant, interactive, className, style, ...props }) {

package/dist/components/Switch/switch.css.js

@@ -1,5 +1,5 @@
-/* empty css                                               */
-/* empty css                                             */
+/* empty css                                      */
+/* empty css                                    */
 /* empty css                      */
 //#region src/components/Switch/switch.css.ts
 var root = "dv64p10";

package/dist/components/Switch/switch.js

@@ -1,5 +1,5 @@
-import clsx from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
 import { root, thumb } from "./switch.css.js";
+import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 import { Switch } from "@base-ui/react/switch";
 //#region src/components/Switch/switch.tsx

package/dist/components/Table/table.css.js

@@ -1,5 +1,5 @@
-/* empty css                                               */
-/* empty css                                             */
+/* empty css                                      */
+/* empty css                                    */
 /* empty css                     */
 //#region src/components/Table/table.css.ts
 var root = "ksfrvb0";

package/dist/components/Table/table.js

@@ -1,5 +1,5 @@
-import clsx from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
 import { alignCenter, alignLeft, alignRight, cell, head, header, root, row, wrapper } from "./table.css.js";
+import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Table/table.tsx
 var cellAlignMap = {

package/dist/components/Tabs/tabs.css.js

@@ -1,5 +1,5 @@
-/* empty css                                               */
-/* empty css                                             */
+/* empty css                                      */
+/* empty css                                    */
 /* empty css                    */
 //#region src/components/Tabs/tabs.css.ts
 var root = "wawfqz0";

package/dist/components/Tabs/tabs.js

@@ -1,5 +1,5 @@
-import clsx from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
 import { list, panel, root, tab } from "./tabs.css.js";
+import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 import * as React$1 from "react";
 import { Tabs } from "@base-ui/react/tabs";

package/dist/components/Text/text.css.js

@@ -1,7 +1,7 @@
-/* empty css                                               */
-/* empty css                                             */
+/* empty css                                      */
+/* empty css                                    */
 /* empty css                    */
-import { createRuntimeFn } from "../../node_modules/.bun/@vanilla-extract_recipes@0.5.7_19e937df7e0b57ed/node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 //#region src/components/Text/text.css.ts
 var textVariants = createRuntimeFn({
 	defaultClassName: "_1wmhbih0",

package/dist/components/Text/text.js

@@ -1,6 +1,6 @@
-import clsx from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
 import { textVariants } from "./text.css.js";
 import { applyBaseSprinkles } from "../../utils/ve-style.utils.js";
+import clsx from "clsx";
 import { useRender } from "@base-ui/react/use-render";
 //#region src/components/Text/text.tsx
 var variantTag = {

package/dist/components/Textarea/textarea.css.js

@@ -1,4 +1,4 @@
-/* empty css                                               */
+/* empty css                                      */
 /* empty css                        */
 //#region src/components/Textarea/textarea.css.ts
 var shell = "hqkv0u0";

package/dist/components/Textarea/textarea.js

@@ -1,6 +1,6 @@
 "use client";
-import clsx from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
 import { shell, textarea } from "./textarea.css.js";
+import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 import { Field } from "@base-ui/react/field";
 //#region src/components/Textarea/textarea.tsx

package/dist/components/Toggle/toggle.css.js

@@ -1,7 +1,7 @@
-/* empty css                                               */
-/* empty css                                             */
-import { createRuntimeFn } from "../../node_modules/.bun/@vanilla-extract_recipes@0.5.7_19e937df7e0b57ed/node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";
+/* empty css                                      */
+/* empty css                                    */
 /* empty css                      */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 //#region src/components/Toggle/toggle.css.ts
 var base = "_11fokac0";
 var size = createRuntimeFn({

package/dist/components/Toggle/toggle.js

@@ -1,6 +1,6 @@
 "use client";
-import clsx from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
 import { base, pressed, radius, size, variant } from "./toggle.css.js";
+import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 import { Toggle } from "@base-ui/react/toggle";
 //#region src/components/Toggle/toggle.tsx

package/dist/components/ToggleGroup/toggle-group.css.js

@@ -1,5 +1,5 @@
-/* empty css                                               */
-/* empty css                                             */
+/* empty css                                      */
+/* empty css                                    */
 /* empty css                            */
 //#region src/components/ToggleGroup/toggle-group.css.ts
 var groupBase = "_17u13gr0";

package/dist/components/ToggleGroup/toggle-group.js

@@ -1,8 +1,8 @@
 "use client";
-import clsx from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
 import { Separator } from "../Separator/separator.js";
 import { Toggle } from "../Toggle/toggle.js";
 import { groupBase, groupDefault, groupHorizontal, groupOutline, groupVertical } from "./toggle-group.css.js";
+import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 import * as React$1 from "react";
 import { ToggleGroup } from "@base-ui/react/toggle-group";

package/dist/utils/sprinkles.css.js

@@ -1,6 +1,6 @@
-/* empty css                                            */
+/* empty css                                   */
 /* empty css                         */
-import { createSprinkles } from "../node_modules/.bun/@vanilla-extract_sprinkles@1.6.5_19e937df7e0b57ed/node_modules/@vanilla-extract/sprinkles/createRuntimeSprinkles/dist/vanilla-extract-sprinkles-createRuntimeSprinkles.esm.js";
+import { createSprinkles } from "@vanilla-extract/sprinkles/createRuntimeSprinkles";
 //#region src/utils/sprinkles.css.ts
 var gridSprinkles = createSprinkles({
 	conditions: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blenx-dev/components",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "type": "module",
   "types": "./src/index.ts",
   "exports": {

package/scripts/generate-package.ts

@@ -1,99 +1,106 @@
-import { promises as fs } from "node:fs";
+import { readdir, readFile } from "node:fs/promises";
 import path from "node:path";
 
-const root = process.cwd();
-const dist = path.join(root, "dist");
-
-const pkg = JSON.parse(await fs.readFile(path.join(root, "package.json"), "utf8"));
-
-const exports: Record<string, unknown> = {
-  ".": {
-    types: "./index.d.ts",
-    import: "./index.js",
-  },
-};
-
-//
-// Generate exports for every component
-//
-
-const componentRoot = path.join(dist, "components");
-
-try {
-  const entries = await fs.readdir(componentRoot, {
-    withFileTypes: true,
-  });
-
-  exports["*"] = {
-    types: "./components/*/index.d.ts",
-    import: "./components/*/index.js",
-  };
-
-  for (const entry of entries) {
-    if (!entry.isDirectory()) continue;
-
-    const component = entry.name;
-
-    exports[`./${component}`] = {
-      types: `./components/${component}/index.d.ts`,
-      import: `./components/${component}/index.js`,
-    };
+const packageRoot = process.cwd();
+const repoRoot = path.resolve(packageRoot, "../..");
+
+/**
+ * Read the root package.json (for catalog dependencies)
+ */
+const rootPackage = JSON.parse(
+  await readFile(path.join(repoRoot, "package.json"), "utf8"),
+);
+
+/**
+ * Discover every workspace package and its version.
+ */
+const workspacePackages = new Map<
+  string,
+  {
+    version: string;
+    directory: string;
   }
-} catch {}
+>();
 
-//
-// utils
-//
+const packagesDir = path.join(repoRoot, "packages");
 
-// const utilsRoot = path.join(dist, "utils");
+for (const dir of await readdir(packagesDir, { withFileTypes: true })) {
+  if (!dir.isDirectory()) continue;
 
-// try {
-//   const entries = await fs.readdir(utilsRoot);
+  const packageJsonPath = path.join(
+    packagesDir,
+    dir.name,
+    "package.json",
+  );
 
-//   for (const file of entries) {
-//     if (!file.endsWith(".js")) continue;
+  try {
+    const pkg = JSON.parse(await readFile(packageJsonPath, "utf8"));
 
-//     const name = file.replace(".js", "");
+    workspacePackages.set(pkg.name, {
+      version: pkg.version,
+      directory: path.join(packagesDir, dir.name),
+    });
+  } catch {
+    // ignore folders without package.json
+  }
+}
+
+async function resolveVersion(
+  packageName: string,
+  version: string,
+): Promise<string> {
+  //
+  // Normal dependency
+  //
+  if (!version.startsWith("workspace:") && version !== "catalog:") {
+    return version;
+  }
 
-//     exports[`./utils/${name}`] = {
-//       types: `./utils/${name}.d.ts`,
-//       import: `./utils/${name}.js`,
-//     };
-//   }
-// } catch {}
+  //
+  // Workspace dependency
+  //
+  if (version.startsWith("workspace:")) {
+    const workspace = workspacePackages.get(packageName);
 
-//
-// styles
-//
+    if (!workspace) {
+      throw new Error(
+        `Unable to resolve workspace package "${packageName}"`,
+      );
+    }
 
-try {
-  await fs.access(path.join(dist, "assets", "components.css"));
-  exports["./globals.css"] = "./assets/components.css";
-} catch {}
+    return `^${workspace.version}`;
+  }
 
-const publishPackage = {
-  name: pkg.name,
-  version: pkg.version,
-  description: pkg.description,
-  license: pkg.license,
-  repository: pkg.repository,
-  homepage: pkg.homepage,
-  bugs: pkg.bugs,
-  keywords: pkg.keywords,
+  //
+  // Bun catalog dependency
+  //
+  if (version === "catalog:") {
+    const catalog = rootPackage.catalog ?? {};
 
-  type: "module",
+    const resolved = catalog[packageName];
 
-  files: ["**/*"],
+    if (!resolved) {
+      throw new Error(
+        `Unable to resolve catalog dependency "${packageName}"`,
+      );
+    }
 
-  sideEffects: ["**/*.css"],
+    return resolved;
+  }
 
-  exports,
+  return version;
+}
 
-  peerDependencies: pkg.peerDependencies,
+export async function resolveDependencies(
+  deps?: Record<string, string>,
+) {
+  if (!deps) return {};
 
-  dependencies: pkg.dependencies,
-};
+  const resolved: Record<string, string> = {};
 
-await fs.writeFile(path.join(dist, "package.json"), JSON.stringify(publishPackage, null, 2));
+  for (const [name, version] of Object.entries(deps)) {
+    resolved[name] = await resolveVersion(name, version);
+  }
 
-console.log("✓ package.json generated");
+  return resolved;
+}

package/vite.config.ts

@@ -29,8 +29,13 @@ export default defineConfig({
         /^@phosphor-icons\/react/,
         /^@tanstack\/react-table/,
         /^@tanstack\/react-query/,
+        /^@vanilla-extract\/recipes/,
+        /^@vanilla-extract\/css/,
+        /^@vanilla-extract\/recipes/,
+        /^@vanilla-extract\/sprinkles/,
         /react-colorful/,
         /react-day-picker/,
+        /clsx/,
       ],
 
       output: {

package/dist/node_modules/.bun/@vanilla-extract_recipes@0.5.7_19e937df7e0b57ed/node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js

@@ -1,89 +0,0 @@
-//#region ../../node_modules/.bun/@vanilla-extract+recipes@0.5.7+19e937df7e0b57ed/node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js
-function toPrimitive(t, r) {
-	if ("object" != typeof t || !t) return t;
-	var e = t[Symbol.toPrimitive];
-	if (void 0 !== e) {
-		var i = e.call(t, r || "default");
-		if ("object" != typeof i) return i;
-		throw new TypeError("@@toPrimitive must return a primitive value.");
-	}
-	return ("string" === r ? String : Number)(t);
-}
-function toPropertyKey(t) {
-	var i = toPrimitive(t, "string");
-	return "symbol" == typeof i ? i : String(i);
-}
-function _defineProperty(obj, key, value) {
-	key = toPropertyKey(key);
-	if (key in obj) Object.defineProperty(obj, key, {
-		value,
-		enumerable: true,
-		configurable: true,
-		writable: true
-	});
-	else obj[key] = value;
-	return obj;
-}
-function ownKeys(e, r) {
-	var t = Object.keys(e);
-	if (Object.getOwnPropertySymbols) {
-		var o = Object.getOwnPropertySymbols(e);
-		r && (o = o.filter(function(r) {
-			return Object.getOwnPropertyDescriptor(e, r).enumerable;
-		})), t.push.apply(t, o);
-	}
-	return t;
-}
-function _objectSpread2(e) {
-	for (var r = 1; r < arguments.length; r++) {
-		var t = null != arguments[r] ? arguments[r] : {};
-		r % 2 ? ownKeys(Object(t), !0).forEach(function(r) {
-			_defineProperty(e, r, t[r]);
-		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r) {
-			Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
-		});
-	}
-	return e;
-}
-function mapValues(input, fn) {
-	var result = {};
-	for (var _key in input) result[_key] = fn(input[_key], _key);
-	return result;
-}
-var shouldApplyCompound = (compoundCheck, selections, defaultVariants) => {
-	for (var key of Object.keys(compoundCheck)) {
-		var _selections$key;
-		if (compoundCheck[key] !== ((_selections$key = selections[key]) !== null && _selections$key !== void 0 ? _selections$key : defaultVariants[key])) return false;
-	}
-	return true;
-};
-var createRuntimeFn = (config) => {
-	var runtimeFn = (options) => {
-		var className = config.defaultClassName;
-		var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);
-		for (var variantName in selections) {
-			var _selections$variantNa;
-			var variantSelection = (_selections$variantNa = selections[variantName]) !== null && _selections$variantNa !== void 0 ? _selections$variantNa : config.defaultVariants[variantName];
-			if (variantSelection != null) {
-				var selection = variantSelection;
-				if (typeof selection === "boolean") selection = selection === true ? "true" : "false";
-				var selectionClassName = config.variantClassNames[variantName][selection];
-				if (selectionClassName) className += " " + selectionClassName;
-			}
-		}
-		for (var [compoundCheck, compoundClassName] of config.compoundVariants) if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) className += " " + compoundClassName;
-		return className;
-	};
-	runtimeFn.variants = () => Object.keys(config.variantClassNames);
-	runtimeFn.classNames = {
-		get base() {
-			return config.defaultClassName.split(" ")[0];
-		},
-		get variants() {
-			return mapValues(config.variantClassNames, (classNames) => mapValues(classNames, (className) => className.split(" ")[0]));
-		}
-	};
-	return runtimeFn;
-};
-//#endregion
-export { createRuntimeFn };

package/dist/node_modules/.bun/@vanilla-extract_sprinkles@1.6.5_19e937df7e0b57ed/node_modules/@vanilla-extract/sprinkles/createRuntimeSprinkles/dist/vanilla-extract-sprinkles-createRuntimeSprinkles.esm.js

@@ -1,8 +0,0 @@
-import { createSprinkles as createSprinkles$1 } from "../../dist/createSprinkles-74286718.esm.js";
-//#region ../../node_modules/.bun/@vanilla-extract+sprinkles@1.6.5+19e937df7e0b57ed/node_modules/@vanilla-extract/sprinkles/createRuntimeSprinkles/dist/vanilla-extract-sprinkles-createRuntimeSprinkles.esm.js
-var composeStyles = (classList) => classList;
-var createSprinkles = function createSprinkles() {
-	return createSprinkles$1(composeStyles)(...arguments);
-};
-//#endregion
-export { createSprinkles };