@homonoid/react 0.0.0-stage → 0.1.1

package/dist/utils/cn.js

@@ -0,0 +1,19 @@
+import { clsx } from "clsx";
+import { extendTailwindMerge } from "tailwind-merge";
+const customTwMerge = extendTailwindMerge({
+    extend: {
+        classGroups: {
+            px: [{ px: ["control-x"] }],
+            py: [{ py: ["control-y"] }],
+            p: [{ p: ["control-x", "control-y", "surface", "layout"] }],
+            gap: [{ gap: ["control-gap", "surface", "layout"] }],
+            h: [{ h: ["control-sm", "control-md", "control-lg"] }],
+            w: [{ w: ["control-sm", "control-md", "control-lg"] }],
+            size: [{ size: ["control-sm", "control-md", "control-lg"] }],
+        },
+    },
+});
+export function cn(...inputs) {
+    return customTwMerge(clsx(inputs));
+}
+//# sourceMappingURL=cn.js.map

package/dist/utils/cn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.js","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,MAAM,CAAC;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAErD,MAAM,aAAa,GAAG,mBAAmB,CAAC;IACxC,MAAM,EAAE;QACN,WAAW,EAAE;YACX,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC;YAC3B,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC;YAC3B,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,CAAC;YAC3D,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,CAAC;YACpD,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,YAAY,CAAC,EAAE,CAAC;YACtD,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,YAAY,CAAC,EAAE,CAAC;YACtD,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,YAAY,CAAC,EAAE,CAAC;SAC7D;KACF;CACF,CAAC,CAAC;AAEH,MAAM,UAAU,EAAE,CAAC,GAAG,MAAoB;IACxC,OAAO,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;AACrC,CAAC"}

package/dist/utils/condition.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Evaluates whether any of the provided conditions are truthy.
+ * Safely handles boolean, undefined, and null values.
+ */
+export declare const any: (...flags: unknown[]) => boolean;
+/**
+ * Evaluates whether all of the provided conditions are truthy.
+ * Safely handles boolean, undefined, null, or arbitrary values.
+ */
+export declare const all: (...flags: unknown[]) => boolean;
+/**
+ * Evaluates whether none of the provided conditions are truthy.
+ * Safely handles boolean, undefined, null, or arbitrary values.
+ */
+export declare const none: (...flags: unknown[]) => boolean;
+/**
+ * Evaluates a condition and returns the thenBranch if truthy, otherwise elseBranch.
+ * Functional replacement for inline ternary expressions.
+ */
+export declare const cond: <T, F>(condition: unknown, thenBranch: T, elseBranch: F) => T | F;
+/**
+ * Returns a value based on matching a key against a branches dictionary.
+ * Falls back to the provided fallback value if the key is not present.
+ */
+export declare const match: <K extends string | number | symbol, T>(key: K, branches: Partial<Record<K, T>>, fallback: T) => T;
+/**
+ * Conditionally executes or returns a node or value when truthy, otherwise null.
+ * Prevents unwanted 0 or NaN leakage into JSX output and supports lazy execution via callback.
+ */
+export declare const when: <T>(condition: unknown, nodeOrFactory: T | (() => T)) => T | null;
+//# sourceMappingURL=condition.d.ts.map

package/dist/utils/condition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"condition.d.ts","sourceRoot":"","sources":["../../src/utils/condition.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,GAAG,GAAI,GAAG,OAAO,OAAO,EAAE,KAAG,OACrB,CAAC;AAEtB;;;GAGG;AACH,eAAO,MAAM,GAAG,GAAI,GAAG,OAAO,OAAO,EAAE,KAAG,OACpB,CAAC;AAEvB;;;GAGG;AACH,eAAO,MAAM,IAAI,GAAI,GAAG,OAAO,OAAO,EAAE,KAAG,OACJ,CAAC;AAExC;;;GAGG;AACH,eAAO,MAAM,IAAI,GAAI,CAAC,EAAE,CAAC,EACvB,WAAW,OAAO,EAClB,YAAY,CAAC,EACb,YAAY,CAAC,KACZ,CAAC,GAAG,CAAmD,CAAC;AAE3D;;;GAGG;AACH,eAAO,MAAM,KAAK,GAAI,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC,EACzD,KAAK,CAAC,EACN,UAAU,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAC/B,UAAU,CAAC,KACV,CAAwD,CAAC;AAE5D;;;GAGG;AACH,eAAO,MAAM,IAAI,GAAI,CAAC,EACpB,WAAW,OAAO,EAClB,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,KAC3B,CAAC,GAAG,IAKN,CAAC"}

package/dist/utils/condition.js

@@ -0,0 +1,37 @@
+/**
+ * Evaluates whether any of the provided conditions are truthy.
+ * Safely handles boolean, undefined, and null values.
+ */
+export const any = (...flags) => flags.some(Boolean);
+/**
+ * Evaluates whether all of the provided conditions are truthy.
+ * Safely handles boolean, undefined, null, or arbitrary values.
+ */
+export const all = (...flags) => flags.every(Boolean);
+/**
+ * Evaluates whether none of the provided conditions are truthy.
+ * Safely handles boolean, undefined, null, or arbitrary values.
+ */
+export const none = (...flags) => flags.every((flag) => !Boolean(flag));
+/**
+ * Evaluates a condition and returns the thenBranch if truthy, otherwise elseBranch.
+ * Functional replacement for inline ternary expressions.
+ */
+export const cond = (condition, thenBranch, elseBranch) => (Boolean(condition) ? thenBranch : elseBranch);
+/**
+ * Returns a value based on matching a key against a branches dictionary.
+ * Falls back to the provided fallback value if the key is not present.
+ */
+export const match = (key, branches, fallback) => (key in branches ? branches[key] : fallback);
+/**
+ * Conditionally executes or returns a node or value when truthy, otherwise null.
+ * Prevents unwanted 0 or NaN leakage into JSX output and supports lazy execution via callback.
+ */
+export const when = (condition, nodeOrFactory) => {
+    if (!Boolean(condition))
+        return null;
+    return typeof nodeOrFactory === "function"
+        ? nodeOrFactory()
+        : nodeOrFactory;
+};
+//# sourceMappingURL=condition.js.map

package/dist/utils/condition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"condition.js","sourceRoot":"","sources":["../../src/utils/condition.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,GAAG,KAAgB,EAAW,EAAE,CAClD,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AAEtB;;;GAGG;AACH,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,GAAG,KAAgB,EAAW,EAAE,CAClD,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;AAEvB;;;GAGG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,GAAG,KAAgB,EAAW,EAAE,CACnD,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;AAExC;;;GAGG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,CAClB,SAAkB,EAClB,UAAa,EACb,UAAa,EACN,EAAE,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;AAE3D;;;GAGG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,CACnB,GAAM,EACN,QAA+B,EAC/B,QAAW,EACR,EAAE,CAAC,CAAC,GAAG,IAAI,QAAQ,CAAC,CAAC,CAAE,QAAQ,CAAC,GAAG,CAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;AAE5D;;;GAGG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,CAClB,SAAkB,EAClB,aAA4B,EAClB,EAAE;IACZ,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC;QAAE,OAAO,IAAI,CAAC;IACrC,OAAO,OAAO,aAAa,KAAK,UAAU;QACxC,CAAC,CAAE,aAAyB,EAAE;QAC9B,CAAC,CAAC,aAAa,CAAC;AACpB,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,76 @@
 {
   "name": "@homonoid/react",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.1.1",
+  "description": "React implementation of the Homonoid design system",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./cn": {
+      "types": "./dist/utils/cn.d.ts",
+      "import": "./dist/utils/cn.js"
+    },
+    "./condition": {
+      "types": "./dist/utils/condition.d.ts",
+      "import": "./dist/utils/condition.js"
+    },
+    "./styles.css": "./src/styles.css"
+  },
+  "files": [
+    "dist",
+    "src/**/*.css",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "tsc",
+    "clean": "rm -rf dist",
+    "lint": "tsc --noEmit",
+    "prepack": "tsc"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/homonoid-dev/homonoid.git",
+    "directory": "packages/react"
+  },
+  "keywords": [
+    "homonoid",
+    "react",
+    "components",
+    "design-system",
+    "ui",
+    "tailwindcss"
+  ],
+  "author": "Homonoid",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/homonoid-dev/homonoid/issues"
+  },
+  "homepage": "https://github.com/homonoid-dev/homonoid/tree/main/packages/react#readme",
+  "dependencies": {
+    "@floating-ui/react": "^0.27.20",
+    "@homonoid/tokens": "^0.1.0",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "tailwind-merge": "^3.0.1"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.8",
+    "@types/react-dom": "^19.0.3",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "tailwindcss": "^4.0.0",
+    "typescript": "^5.8.2"
+  }
 }

package/src/components/spinner/spinner.css

@@ -0,0 +1,63 @@
+@keyframes spinner-border {
+  from {
+    transform: rotate(0deg);
+  }
+
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes spinner-grow {
+
+  0%,
+  100% {
+    transform: scale(0.6);
+    opacity: 0.35;
+  }
+
+  50% {
+    transform: scale(1);
+    opacity: 1;
+  }
+}
+
+@utility animate-spinner-border {
+  animation: spinner-border 850ms linear infinite;
+}
+
+@utility animate-spinner-grow {
+  animation: spinner-grow 1000ms cubic-bezier(0.4, 0, 0.2, 1) infinite;
+}
+
+@keyframes spinner-orbit {
+  0% {
+    transform: rotate(0deg);
+  }
+
+  50% {
+    transform: rotate(210deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+@utility animate-spinner-orbit {
+  animation: spinner-orbit 1100ms cubic-bezier(0.4, 0, 0.2, 1) infinite;
+}
+
+@keyframes spinner-dash {
+  from {
+    transform: rotate(0deg);
+  }
+
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@utility animate-spinner-dash {
+  animation: spinner-dash 800ms steps(8) infinite;
+}

package/src/styles.css

@@ -0,0 +1 @@
+@import "./components/spinner/spinner.css";