@regardio/brand 0.6.2 → 0.7.1

package/dist/generated/sprites/compass-sprite.d.mts

@@ -0,0 +1,31 @@
+import React, { SVGProps } from "react";
+
+//#region src/generated/sprites/compass-sprite.d.ts
+type CompassSpriteId = "bridge.perspective.contradicts" | "bridge.perspective.enables" | "bridge.perspective.extends" | "bridge.perspective.fulfills" | "bridge.perspective.matches" | "bridge.perspective.supports" | "bridges.perspectives" | "facet.element.means" | "facet.element.notions" | "facet.element.people" | "facet.element.spaces" | "facet.element.things" | "facet.element.times" | "facet.step.accord.bottom" | "facet.step.accord.top" | "facet.step.action.bottom" | "facet.step.action.top" | "facet.step.effect.bottom" | "facet.step.effect.top" | "facet.step.essence.bottom" | "facet.step.essence.top" | "facet.step.impulse.bottom" | "facet.step.impulse.top" | "facet.step.signal.bottom" | "facet.step.signal.top" | "facets.elements" | "facets.steps" | "prospect.pointer" | "pursuits.flourishing" | "spark.leisure.breeze" | "spark.leisure.calm" | "spark.leisure.contemplation" | "spark.leisure.distance" | "spark.leisure.indulgence" | "spark.leisure.inspiration" | "spark.leisure.movement" | "spark.leisure.nearness" | "spark.leisure.nourishment" | "spark.leisure.refreshment" | "spark.leisure.relaxation" | "spark.leisure.relief" | "spark.motivator.flexibility" | "spark.motivator.orientation" | "spark.motivator.pathways" | "spark.motivator.possibilities" | "spark.motivator.strength" | "spark.motivator.structure" | "sparks.leisure" | "sparks.motivators";
+interface CompassSpriteProps extends Omit<SVGProps<SVGSVGElement>, "children"> {
+  /** The sprite ID to render */
+  id: CompassSpriteId;
+  /** Optional size (width and height) */
+  size?: number | string;
+}
+/**
+* Renders a sprite from the compass-base.svg sprite sheet.
+*
+* Usage:
+* ```tsx
+* <CompassSprite id="facet.step.action.bottom" className="w-8 h-8" />
+* <CompassSprite id="spark.motivator.possibilities" size={24} />
+* ```
+*
+* Note: The compass-base.svg sprite file must be available in your application.
+* For web applications, copy it to your public directory.
+*/
+declare function CompassSprite({
+  id,
+  size,
+  width,
+  height,
+  ...props
+}: CompassSpriteProps): React.JSX.Element;
+//#endregion
+export { CompassSprite, CompassSprite as default, CompassSpriteId, CompassSpriteProps };

package/dist/generated/sprites/compass-sprite.mjs

@@ -0,0 +1,34 @@
+import { jsx } from "react/jsx-runtime";
+
+//#region src/generated/sprites/compass-sprite.tsx
+/**
+* Renders a sprite from the compass-base.svg sprite sheet.
+*
+* Usage:
+* ```tsx
+* <CompassSprite id="facet.step.action.bottom" className="w-8 h-8" />
+* <CompassSprite id="spark.motivator.possibilities" size={24} />
+* ```
+*
+* Note: The compass-base.svg sprite file must be available in your application.
+* For web applications, copy it to your public directory.
+*/
+function CompassSprite({ id, size, width, height, ...props }) {
+	return /* @__PURE__ */ jsx("svg", {
+		...size ? {
+			height: size,
+			width: size
+		} : {
+			height,
+			width
+		},
+		...props,
+		"aria-hidden": "true",
+		focusable: "false",
+		children: /* @__PURE__ */ jsx("use", { href: `#${id}` })
+	});
+}
+var compass_sprite_default = CompassSprite;
+
+//#endregion
+export { CompassSprite, compass_sprite_default as default };

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://www.schemastore.org/package.json",
   "name": "@regardio/brand",
-  "version": "0.6.2",
+  "version": "0.7.1",
   "private": false,
   "description": "Regardio Brand Assets",
   "homepage": "https://github.com/regardio/brand#readme",
@@ -17,88 +17,86 @@
   "sideEffects": false,
   "type": "module",
   "exports": {
-    "./colors.css": {
-      "default": "./src/styles/colors.css"
-    },
+    "./colors.css": "./src/styles/colors.css",
     "./icons/regardio-compass-icon": {
-      "types": "./dist/generated/icons/regardio-compass-icon.d.ts",
-      "import": "./dist/generated/icons/regardio-compass-icon.js"
-    },
-    "./icons/regardio-ensemble-icon-color": {
-      "types": "./dist/generated/icons/regardio-ensemble-icon-color.d.ts",
-      "import": "./dist/generated/icons/regardio-ensemble-icon-color.js"
+      "types": "./dist/generated/icons/regardio-compass-icon.d.mts",
+      "import": "./dist/generated/icons/regardio-compass-icon.mjs"
     },
     "./icons/regardio-ensemble-icon-color-full": {
-      "types": "./dist/generated/icons/regardio-ensemble-icon-color-full.d.ts",
-      "import": "./dist/generated/icons/regardio-ensemble-icon-color-full.js"
+      "types": "./dist/generated/icons/regardio-ensemble-icon-color-full.d.mts",
+      "import": "./dist/generated/icons/regardio-ensemble-icon-color-full.mjs"
     },
-    "./icons/regardio-ensemble-icon-mono": {
-      "types": "./dist/generated/icons/regardio-ensemble-icon-mono.d.ts",
-      "import": "./dist/generated/icons/regardio-ensemble-icon-mono.js"
+    "./icons/regardio-ensemble-icon-color": {
+      "types": "./dist/generated/icons/regardio-ensemble-icon-color.d.mts",
+      "import": "./dist/generated/icons/regardio-ensemble-icon-color.mjs"
     },
-    "./icons/regardio-icon-color": {
-      "types": "./dist/generated/icons/regardio-icon-color.d.ts",
-      "import": "./dist/generated/icons/regardio-icon-color.js"
+    "./icons/regardio-ensemble-icon-mono": {
+      "types": "./dist/generated/icons/regardio-ensemble-icon-mono.d.mts",
+      "import": "./dist/generated/icons/regardio-ensemble-icon-mono.mjs"
     },
     "./icons/regardio-icon-color-full": {
-      "types": "./dist/generated/icons/regardio-icon-color-full.d.ts",
-      "import": "./dist/generated/icons/regardio-icon-color-full.js"
+      "types": "./dist/generated/icons/regardio-icon-color-full.d.mts",
+      "import": "./dist/generated/icons/regardio-icon-color-full.mjs"
     },
-    "./icons/regardio-icon-mono": {
-      "types": "./dist/generated/icons/regardio-icon-mono.d.ts",
-      "import": "./dist/generated/icons/regardio-icon-mono.js"
+    "./icons/regardio-icon-color": {
+      "types": "./dist/generated/icons/regardio-icon-color.d.mts",
+      "import": "./dist/generated/icons/regardio-icon-color.mjs"
     },
-    "./icons/regardio-logo-color": {
-      "types": "./dist/generated/icons/regardio-logo-color.d.ts",
-      "import": "./dist/generated/icons/regardio-logo-color.js"
+    "./icons/regardio-icon-mono": {
+      "types": "./dist/generated/icons/regardio-icon-mono.d.mts",
+      "import": "./dist/generated/icons/regardio-icon-mono.mjs"
     },
     "./icons/regardio-logo-color-light": {
-      "types": "./dist/generated/icons/regardio-logo-color-light.d.ts",
-      "import": "./dist/generated/icons/regardio-logo-color-light.js"
+      "types": "./dist/generated/icons/regardio-logo-color-light.d.mts",
+      "import": "./dist/generated/icons/regardio-logo-color-light.mjs"
     },
-    "./icons/regardio-logo-mono": {
-      "types": "./dist/generated/icons/regardio-logo-mono.d.ts",
-      "import": "./dist/generated/icons/regardio-logo-mono.js"
+    "./icons/regardio-logo-color": {
+      "types": "./dist/generated/icons/regardio-logo-color.d.mts",
+      "import": "./dist/generated/icons/regardio-logo-color.mjs"
     },
     "./icons/regardio-logo-mono-light": {
-      "types": "./dist/generated/icons/regardio-logo-mono-light.d.ts",
-      "import": "./dist/generated/icons/regardio-logo-mono-light.js"
+      "types": "./dist/generated/icons/regardio-logo-mono-light.d.mts",
+      "import": "./dist/generated/icons/regardio-logo-mono-light.mjs"
+    },
+    "./icons/regardio-logo-mono": {
+      "types": "./dist/generated/icons/regardio-logo-mono.d.mts",
+      "import": "./dist/generated/icons/regardio-logo-mono.mjs"
     },
     "./icons/regardio-system-bridge-icon": {
-      "types": "./dist/generated/icons/regardio-system-bridge-icon.d.ts",
-      "import": "./dist/generated/icons/regardio-system-bridge-icon.js"
+      "types": "./dist/generated/icons/regardio-system-bridge-icon.d.mts",
+      "import": "./dist/generated/icons/regardio-system-bridge-icon.mjs"
     },
     "./icons/regardio-system-circle-icon": {
-      "types": "./dist/generated/icons/regardio-system-circle-icon.d.ts",
-      "import": "./dist/generated/icons/regardio-system-circle-icon.js"
+      "types": "./dist/generated/icons/regardio-system-circle-icon.d.mts",
+      "import": "./dist/generated/icons/regardio-system-circle-icon.mjs"
     },
     "./icons/regardio-system-facet-icon": {
-      "types": "./dist/generated/icons/regardio-system-facet-icon.d.ts",
-      "import": "./dist/generated/icons/regardio-system-facet-icon.js"
+      "types": "./dist/generated/icons/regardio-system-facet-icon.d.mts",
+      "import": "./dist/generated/icons/regardio-system-facet-icon.mjs"
     },
     "./icons/regardio-system-icon": {
-      "types": "./dist/generated/icons/regardio-system-icon.d.ts",
-      "import": "./dist/generated/icons/regardio-system-icon.js"
+      "types": "./dist/generated/icons/regardio-system-icon.d.mts",
+      "import": "./dist/generated/icons/regardio-system-icon.mjs"
     },
     "./icons/regardio-system-plan-icon": {
-      "types": "./dist/generated/icons/regardio-system-plan-icon.d.ts",
-      "import": "./dist/generated/icons/regardio-system-plan-icon.js"
+      "types": "./dist/generated/icons/regardio-system-plan-icon.d.mts",
+      "import": "./dist/generated/icons/regardio-system-plan-icon.mjs"
     },
     "./icons/regardio-system-pursuit-icon": {
-      "types": "./dist/generated/icons/regardio-system-pursuit-icon.d.ts",
-      "import": "./dist/generated/icons/regardio-system-pursuit-icon.js"
+      "types": "./dist/generated/icons/regardio-system-pursuit-icon.d.mts",
+      "import": "./dist/generated/icons/regardio-system-pursuit-icon.mjs"
     },
     "./icons/regardio-system-spark-icon": {
-      "types": "./dist/generated/icons/regardio-system-spark-icon.d.ts",
-      "import": "./dist/generated/icons/regardio-system-spark-icon.js"
-    },
-    "./sprites/compass-sprite": {
-      "types": "./dist/generated/sprites/compass-sprite.d.ts",
-      "import": "./dist/generated/sprites/compass-sprite.js"
+      "types": "./dist/generated/icons/regardio-system-spark-icon.d.mts",
+      "import": "./dist/generated/icons/regardio-system-spark-icon.mjs"
     },
     "./sprites/compass-sprite-provider": {
-      "types": "./dist/generated/sprites/compass-sprite-provider.d.ts",
-      "import": "./dist/generated/sprites/compass-sprite-provider.js"
+      "types": "./dist/generated/sprites/compass-sprite-provider.d.mts",
+      "import": "./dist/generated/sprites/compass-sprite-provider.mjs"
+    },
+    "./sprites/compass-sprite": {
+      "types": "./dist/generated/sprites/compass-sprite.d.mts",
+      "import": "./dist/generated/sprites/compass-sprite.mjs"
     }
   },
   "files": [
@@ -106,14 +104,14 @@
     "src/styles/colors.css"
   ],
   "scripts": {
-    "build": "tsup && post-build-exports --dist dist/generated --preserve \"./colors.css\" && pnpm fix",
+    "build": "tsdown && pnpm fix",
     "clean": "exec-clean .turbo dist src/generated",
-    "dev": "tsup --watch",
+    "dev": "tsdown --watch",
     "fix": "exec-p fix:*",
     "fix:biome": "lint-biome check --write --unsafe .",
     "fix:md": "lint-md --fix",
     "fix:pkg": "lint-package --fix",
-    "generate": "exec-s generate:* fix:*",
+    "generate": "exec-s generate:* post-generate:* fix:*",
     "generate:compass-base-sprite": "exec-ts scripts/convert-svgs-to-sprite.ts ./src/svg/compass-base ./src/generated/sprites/compass-base.svg",
     "generate:compass-base-sprites-components": "exec-ts scripts/build-compass-base-sprites.ts",
     "generate:icons": "svgr --icon --out-dir ./src/generated/icons -- ./src/svg/icons",
@@ -121,6 +119,7 @@
     "lint:biome": "lint-biome check .",
     "lint:md": "lint-md",
     "lint:pkg": "lint-package",
+    "post-generate:add-return-types": "exec-ts scripts/post-generate-add-return-types.ts",
     "prepare": "exec-husky",
     "release": "flow-release",
     "report": "vitest run --coverage",
@@ -132,7 +131,7 @@
     "version": "flow-changeset version"
   },
   "devDependencies": {
-    "@regardio/dev": "1.11.1",
+    "@regardio/dev": "1.12.1",
     "@storybook/addon-a11y": "10.1.11",
     "@storybook/addon-docs": "10.1.11",
     "@storybook/addon-vitest": "10.1.11",
@@ -142,13 +141,13 @@
     "@svgr/plugin-svgo": "8.1.0",
     "@tailwindcss/vite": "4.1.18",
     "@total-typescript/ts-reset": "0.6.1",
-    "@types/node": "25.0.3",
-    "@types/react": "19.2.7",
+    "@types/node": "25.0.8",
+    "@types/react": "19.2.8",
     "@types/react-dom": "19.2.3",
     "@vitejs/plugin-react": "5.1.2",
-    "@vitest/browser-playwright": "4.0.16",
-    "@vitest/coverage-v8": "4.0.16",
-    "@vitest/ui": "4.0.16",
+    "@vitest/browser-playwright": "4.0.17",
+    "@vitest/coverage-v8": "4.0.17",
+    "@vitest/ui": "4.0.17",
     "linkedom": "0.18.12",
     "node-html-parser": "7.0.2",
     "playwright": "1.57.0",
@@ -157,10 +156,10 @@
     "storybook": "10.1.11",
     "svgo": "4.0.0",
     "tailwindcss": "4.1.18",
-    "tsup": "8.5.1",
+    "tsdown": "0.20.0-beta.3",
     "typescript": "5.9.3",
     "vite": "7.3.1",
-    "vitest": "4.0.16"
+    "vitest": "4.0.17"
   },
   "publishConfig": {
     "access": "public"

package/dist/generated/icons/regardio-compass-icon.d.ts

@@ -1,10 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { SVGProps } from 'react';
-
-interface SVGRProps {
-    title?: string;
-    titleId?: string;
-}
-declare const SvgRegardioCompassIcon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => react_jsx_runtime.JSX.Element;
-
-export { SvgRegardioCompassIcon as default };

package/dist/generated/icons/regardio-compass-icon.js

@@ -1,67 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-// src/generated/icons/regardio-compass-icon.tsx
-var SvgRegardioCompassIcon = ({
-  title,
-  titleId,
-  ...props
-}) => /* @__PURE__ */ jsxs(
-  "svg",
-  {
-    "aria-labelledby": titleId,
-    height: "1em",
-    viewBox: "0 0 1024 1024",
-    width: "1em",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...props,
-    children: [
-      title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          className: "fill-gray-50",
-          d: "M279.35 443.9c177.18-1.07 350.5-18.24 518.62-50.04l.34 56.34c-168.12 31.8-341.43 48.97-518.62 50.04h-1.61l-.34-56.34z"
-        }
-      ),
-      /* @__PURE__ */ jsx("g", { className: "fill-coral-300", children: /* @__PURE__ */ jsx("path", { d: "M625.17 358.5c2.23-.18 4.39-.9 6.28-2.11l58.41-37.56-162.77-104.65c-8.95-5.75-20.74.52-21 11.16-1.12 45.49.36 84.03 3.58 119.61.22 2.39 1.93 13.92 4.4 30.06.78-.33 1.58-.62 2.44-.8a846 846 0 0 1 108.65-15.71zM586.76 638.74c-9.24-30.84-37.75-118.81-41.65-131-1.06-3.33-9.94-30.27-19.51-59 6.14 38.88 11.81 74.35 12.27 76.93 1.49 8.38 15.39 87.32 21.41 117.66 3.53 17.76 7.27 36.25 11.17 55.26h33.57a905 905 0 0 0-4.78-17.26 3913 3913 0 0 0-12.48-42.59M865.64 375.02c-3.1 20.23-7.41 47.74-11.52 73.73 6.9-20.7 14.16-42.33 19.12-56.72 2.39-6.92-1.13-14.29-7.6-17.01" }) }),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          className: "fill-coral-400",
-          d: "M873.63 225.35c-.26-10.64-12.05-16.91-21-11.16L689.86 318.84l-58.41 37.56a13.65 13.65 0 0 1-6.28 2.11 847 847 0 0 0-108.65 15.71c-.86.18-1.66.48-2.44.8-6.48 2.72-9.99 10.09-7.6 17.01 4.96 14.39 12.22 36.02 19.12 56.72 9.57 28.73 18.44 55.67 19.51 59 3.9 12.19 32.41 100.15 41.65 131 4.27 14.25 8.43 28.46 12.48 42.59 1.62 5.66 3.21 11.42 4.78 17.26h205.26c3.91-19.01 7.65-37.5 11.17-55.26 6.03-30.34 19.92-109.28 21.41-117.66.46-2.58 6.13-38.05 12.27-76.93 4.1-25.99 8.41-53.5 11.52-73.73 2.48-16.15 4.19-27.67 4.4-30.06 3.22-35.58 4.7-74.12 3.58-119.61"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          className: "fill-teal-400",
-          d: "M539.97 393.86c.04-.18.06-.37.11-.54-.05.18-.07.36-.11.54"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          className: "fill-cyan-400",
-          d: "M731.94 725.81v77.81c98.86-7.58 196.31-20.24 292.06-37.75V643.12l-710.02 48.27c-12.11.84-21.41 8.99-21.41 18.75v25.85l416.89-28.93c12.09-.95 22.48 7.71 22.48 18.75"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          className: "fill-cyan-300",
-          d: "M709.46 707.07 292.57 736 0 756.3v8.95c95.92 17.66 193.53 30.45 292.57 38.15 72.97 5.67 146.7 8.6 221.12 8.6s146.22-2.85 218.25-8.38v-77.81c0-11.03-10.39-19.7-22.48-18.75z"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          className: "fill-gray-50",
-          d: "M153.77 528.22c177.05 6.83 350.96-2.61 520.33-26.88l-2.17 56.3c-169.36 24.28-343.27 33.71-520.33 26.88-.54-.02-1.07-.05-1.61-.07l2.17-56.3c.54.02 1.07.05 1.61.07"
-        }
-      )
-    ]
-  }
-);
-var regardio_compass_icon_default = SvgRegardioCompassIcon;
-
-export { regardio_compass_icon_default as default };

package/dist/generated/icons/regardio-ensemble-icon-color-full.d.ts

@@ -1,10 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { SVGProps } from 'react';
-
-interface SVGRProps {
-    title?: string;
-    titleId?: string;
-}
-declare const SvgRegardioEnsembleIconColorFull: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => react_jsx_runtime.JSX.Element;
-
-export { SvgRegardioEnsembleIconColorFull as default };