@021.is/brand-studio 0.3.0

package/dist/types-PWNYyaBF.d.ts

@@ -0,0 +1,66 @@
+import { a as ColorSpec, B as BrandScheme } from './generateScheme-BDDcIzA3.js';
+
+/**
+ * Shared types for @021.is/brand-studio.
+ *
+ * Const-as-object enums (no inline string-literal unions in public signatures).
+ */
+
+/** Generic loading-mark variants. No brand-coded marks live in the lib. */
+declare const LoadingVariant: {
+    readonly Spinner: "spinner";
+    readonly Ring: "ring";
+    readonly Pulse: "pulse";
+};
+type LoadingVariant = (typeof LoadingVariant)[keyof typeof LoadingVariant];
+declare const BrandStudioSection: {
+    readonly Overview: "overview";
+    readonly Logo: "logo";
+    readonly Colors: "colors";
+    readonly Typography: "typography";
+    readonly Icons: "icons";
+    readonly Motion: "motion";
+    readonly Download: "download";
+};
+type BrandStudioSection = (typeof BrandStudioSection)[keyof typeof BrandStudioSection];
+declare const MotionState: {
+    readonly Idle: "idle";
+    readonly Loading: "loading";
+    readonly Success: "success";
+    readonly Empty: "empty";
+};
+type MotionState = (typeof MotionState)[keyof typeof MotionState];
+type BrandType = {
+    sans: string;
+    mono?: string;
+    serif?: string;
+};
+type BrandConfig = {
+    /** Brand display name, shown on the overview + exports. */
+    name: string;
+    /** Short tagline shown on the brand-kit overview. */
+    tagline?: string;
+    /** Operator legal entity, shown in the brand-kit footer. */
+    operator?: string;
+    /** Domain (used for "view live" links). */
+    domain?: string;
+    /**
+     * Color spec — a seed (+ optional key colors / overrides) the MD3 engine
+     * derives a complete light + dark role set from. See `defineBrand`.
+     */
+    color: ColorSpec;
+    type: BrandType;
+    /** Voice rules, rendered as a bullet list. */
+    voice?: readonly string[];
+    /**
+     * Resolved MD3 light + dark role sets. Populated by `defineBrand`; do not set
+     * by hand. Sections read it (and the injected `--md-*` CSS vars) for theming.
+     */
+    scheme?: BrandScheme;
+};
+/** A `BrandConfig` after `defineBrand` has resolved its `scheme`. */
+type ResolvedBrandConfig = BrandConfig & {
+    scheme: BrandScheme;
+};
+
+export { type BrandConfig as B, LoadingVariant as L, MotionState as M, type ResolvedBrandConfig as R, BrandStudioSection as a, type BrandType as b };

package/package.json

@@ -0,0 +1,93 @@
+{
+  "name": "@021.is/brand-studio",
+  "version": "0.3.0",
+  "description": "Generic MD3 brand-kit toolkit: seed → full light + dark role set, composable SVG shapes + motion + loading marks, and a mountable <BrandStudio> /brand page. Ships no brand content — every app supplies its own logo, icons, and seed colour.",
+  "license": "MIT",
+  "author": {
+    "name": "edvone",
+    "url": "https://edvone.dev"
+  },
+  "homepage": "https://github.com/021is/brand-studio#readme",
+  "bugs": {
+    "url": "https://github.com/021is/brand-studio/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/021is/brand-studio.git"
+  },
+  "keywords": [
+    "brand",
+    "design-system",
+    "material-design-3",
+    "md3",
+    "color-scheme",
+    "react",
+    "react-19",
+    "svg",
+    "framer-motion",
+    "design-tokens"
+  ],
+  "private": false,
+  "type": "module",
+  "sideEffects": false,
+  "files": ["dist", "LICENSE", "README.md", "AGENTS.md"],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./shapes": {
+      "types": "./dist/shapes/index.d.ts",
+      "import": "./dist/shapes/index.js"
+    },
+    "./motion": {
+      "types": "./dist/motion/index.d.ts",
+      "import": "./dist/motion/index.js"
+    },
+    "./loading": {
+      "types": "./dist/loading/index.d.ts",
+      "import": "./dist/loading/index.js"
+    },
+    "./color": {
+      "types": "./dist/color/index.d.ts",
+      "import": "./dist/color/index.js"
+    },
+    "./app": {
+      "types": "./dist/app/index.d.ts",
+      "import": "./dist/app/index.js"
+    },
+    "./define": {
+      "types": "./dist/define/index.d.ts",
+      "import": "./dist/define/index.js"
+    }
+  },
+  "scripts": {
+    "build": "tsup && node scripts/add-use-client.mjs",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit",
+    "lint": "biome check src",
+    "test": "vitest run",
+    "prepublishOnly": "bun run typecheck && bun run lint && bun run test && bun run build"
+  },
+  "peerDependencies": {
+    "framer-motion": "^11.0.0 || ^12.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "^1.9.0",
+    "@material/material-color-utilities": "^0.3.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "framer-motion": "^12.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "tsup": "^8.3.0",
+    "typescript": "^5.6.0",
+    "vitest": "^2.1.0"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  }
+}