@zumer/orbit 1.5.0 → 2.0.0

package/dist/react.d.ts

@@ -0,0 +1,25 @@
+// JSX types for <o-arc> and <o-progress> in React.
+// Load once, for example in a .d.ts file of your app:
+//   import type {} from '@zumer/orbit/react';
+import type { DetailedHTMLProps, HTMLAttributes } from 'react';
+import type { OrbitArc, OrbitArcAttributes, OrbitProgress, OrbitProgressAttributes } from './orbit.js';
+
+type OrbitElementProps<Element, Attributes> =
+  DetailedHTMLProps<HTMLAttributes<Element>, Element> & Attributes & { class?: string };
+
+interface OrbitIntrinsicElements {
+  'o-arc': OrbitElementProps<OrbitArc, OrbitArcAttributes>;
+  'o-progress': OrbitElementProps<OrbitProgress, OrbitProgressAttributes>;
+}
+
+declare module 'react' {
+  namespace JSX {
+    interface IntrinsicElements extends OrbitIntrinsicElements {}
+  }
+}
+
+declare global {
+  namespace JSX {
+    interface IntrinsicElements extends OrbitIntrinsicElements {}
+  }
+}

package/dist/style.d.ts

@@ -0,0 +1,3 @@
+// Types for the side-effect import of Orbit's stylesheet:
+//   import '@zumer/orbit/style'
+export {};

package/dist/vscode.html-custom-data.json

@@ -0,0 +1,166 @@
+{
+  "version": 1.1,
+  "tags": [
+    {
+      "name": "o-arc",
+      "description": "A segment of its ring. Without value, sibling arcs split the range equally; with value, they stack in DOM order. Text content is drawn along the arc. Place it directly in a ring.",
+      "attributes": [
+        {
+          "name": "value",
+          "description": "Share of the ring's range, relative to max. Without it, sibling arcs split the range equally."
+        },
+        {
+          "name": "max",
+          "description": "Value that fills the ring's range. Must be positive. Default: 100."
+        },
+        {
+          "name": "shape",
+          "description": "Ending of the band. Default: none.",
+          "values": [
+            {
+              "name": "none"
+            },
+            {
+              "name": "rounded"
+            },
+            {
+              "name": "circle"
+            },
+            {
+              "name": "circle-a"
+            },
+            {
+              "name": "circle-b"
+            },
+            {
+              "name": "bullet"
+            },
+            {
+              "name": "arrow"
+            },
+            {
+              "name": "slash"
+            },
+            {
+              "name": "backslash"
+            },
+            {
+              "name": "zigzag"
+            }
+          ]
+        },
+        {
+          "name": "interactive",
+          "description": "Let the band receive pointer events, even where it is transparent. Decorative by default.",
+          "valueSet": "v"
+        },
+        {
+          "name": "hit-width",
+          "description": "Extra touch area in px on each side of an interactive band. Default: 0."
+        },
+        {
+          "name": "text-anchor",
+          "description": "Where curved text sits on the arc. With range=\"auto\", an explicit value anchors the arc at its angle: middle centers it, end ends it there. Default: middle.",
+          "values": [
+            {
+              "name": "start"
+            },
+            {
+              "name": "middle"
+            },
+            {
+              "name": "end"
+            }
+          ]
+        },
+        {
+          "name": "flip",
+          "description": "Reverse the direction of curved text.",
+          "valueSet": "v"
+        },
+        {
+          "name": "fit-range",
+          "description": "Squeeze curved text to the length of the arc.",
+          "valueSet": "v"
+        },
+        {
+          "name": "range",
+          "description": "Size the arc to its text. Consecutive range=\"auto\" arcs follow each other.",
+          "values": [
+            {
+              "name": "auto"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "o-progress",
+      "description": "A progress band over a background track that spans its ring's range. Place it directly in a ring.",
+      "attributes": [
+        {
+          "name": "value",
+          "description": "Value relative to max."
+        },
+        {
+          "name": "max",
+          "description": "Value that fills the ring's range. Must be positive. Default: 100."
+        },
+        {
+          "name": "shape",
+          "description": "Ending of the band. Default: none.",
+          "values": [
+            {
+              "name": "none"
+            },
+            {
+              "name": "rounded"
+            },
+            {
+              "name": "circle"
+            },
+            {
+              "name": "circle-a"
+            },
+            {
+              "name": "circle-b"
+            },
+            {
+              "name": "bullet"
+            },
+            {
+              "name": "arrow"
+            },
+            {
+              "name": "slash"
+            },
+            {
+              "name": "backslash"
+            },
+            {
+              "name": "zigzag"
+            }
+          ]
+        },
+        {
+          "name": "interactive",
+          "description": "Let the band receive pointer events, even where it is transparent. Decorative by default.",
+          "valueSet": "v"
+        },
+        {
+          "name": "hit-width",
+          "description": "Extra touch area in px on each side of an interactive band. Default: 0."
+        },
+        {
+          "name": "variant",
+          "description": "Draw open lines colored by --o-stroke and --o-back-stroke instead of filled bands.",
+          "values": [
+            {
+              "name": "stroke"
+            }
+          ]
+        }
+      ]
+    }
+  ]
+}

package/package.json

@@ -1,15 +1,26 @@
 {
   "name": "@zumer/orbit",
-  "version": "1.5.0",
+  "version": "2.0.0",
   "description": "Orbit builds radial interfaces with CSS geometry and a small JavaScript layout runtime",
   "main": "./dist/orbit.js",
   "module": "./dist/orbit.mjs",
+  "types": "./dist/orbit.d.ts",
+  "customElements": "./dist/custom-elements.json",
   "exports": {
     ".": {
+      "types": "./dist/orbit.d.ts",
       "import": "./dist/orbit.mjs",
       "default": "./dist/orbit.js"
     },
-    "./style": "./dist/orbit.css"
+    "./style": {
+      "types": "./dist/style.d.ts",
+      "default": "./dist/orbit.css"
+    },
+    "./react": {
+      "types": "./dist/react.d.ts"
+    },
+    "./custom-elements.json": "./dist/custom-elements.json",
+    "./vscode.html-custom-data.json": "./dist/vscode.html-custom-data.json"
   },
   "files": [
     "dist/",
@@ -18,13 +29,17 @@
   "scripts": {
     "compile": "node esbuild.config.mjs",
     "demo": "npm run compile && node scripts/demo.mjs",
+    "docs": "npm run compile && node scripts/docs-sync.mjs && node scripts/demo.mjs",
+    "docs:sync": "node scripts/docs-sync.mjs",
     "bump:dry": "npx @zumerbox/bump -d",
     "bump": "npx @zumerbox/bump && npx @zumerbox/changelog",
     "build": "npm run compile && npm pack",
+    "prepublishOnly": "npm run compile",
     "test": "npm run compile && npm run test:package && npm run test:browser && npm run test:shadow",
     "test:package": "node test/package.mjs",
     "test:browser": "node test/browser.mjs",
-    "test:shadow": "node test/shadow.mjs"
+    "test:shadow": "node test/shadow.mjs",
+    "release:push": "git add CHANGELOG.md && git commit -m \"Bumped version\" && git push --follow-tags"
   },
   "repository": {
     "type": "git",
@@ -45,10 +60,14 @@
   "bugs": {
     "url": "https://github.com/zumerlab/orbit/issues"
   },
-  "homepage": "https://github.com/zumerlab/orbit#readme",
+  "homepage": "https://zumerlab.com/orbit/",
   "devDependencies": {
     "esbuild": "^0.25.12",
     "playwright": "^1.55.1",
     "sass": "^1.77.0"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/tinchox5"
   }
 }