cascivo 0.7.2 → 0.8.0

package/dist/generated/audit-contract.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.16.1",
+  "version": "0.17.0",
   "tokens": [
     { "name": "--cascivo-gray-0", "resolvedDefault": "oklch(1 0 0)" },
     { "name": "--cascivo-gray-50", "resolvedDefault": "oklch(0.985 0.002 264)" },
@@ -510,7 +510,8 @@
         { "name": "footer", "type": "ReactNode", "required": false },
         { "name": "open", "type": "boolean", "required": false },
         { "name": "defaultOpen", "type": "boolean", "required": false },
-        { "name": "onOpenChange", "type": "(open: boolean) => void", "required": false }
+        { "name": "onOpenChange", "type": "(open: boolean) => void", "required": false },
+        { "name": "padding", "type": "SpaceStep | 'none'", "required": false }
       ]
     },
     {
@@ -2253,7 +2254,17 @@
           "type": "boolean | { method?: 'lttb' | 'minmax'; threshold?: number }",
           "required": false
         },
-        { "name": "toolbox", "type": "boolean | ToolboxOptions", "required": false }
+        { "name": "toolbox", "type": "boolean | ToolboxOptions", "required": false },
+        {
+          "name": "format",
+          "type": "(value: number | string | Date) => string",
+          "required": false
+        },
+        {
+          "name": "secondAxis",
+          "type": "{ label?: string; format?: (value: number) => string }",
+          "required": false
+        }
       ]
     },
     {
@@ -2287,7 +2298,8 @@
         },
         { "name": "onSelect", "type": "(point: ChartPoint) => void", "required": false },
         { "name": "fill", "type": "'solid' | 'gradient' | 'pattern'", "required": false },
-        { "name": "patternKind", "type": "'dots' | 'lines' | 'cross'", "required": false }
+        { "name": "patternKind", "type": "'dots' | 'lines' | 'cross'", "required": false },
+        { "name": "format", "type": "(value: number | string | Date) => string", "required": false }
       ]
     },
     {
@@ -2303,7 +2315,8 @@
         { "name": "width", "type": "number", "required": false },
         { "name": "height", "type": "number", "required": false },
         { "name": "className", "type": "string", "required": false },
-        { "name": "plain", "type": "boolean", "required": false }
+        { "name": "plain", "type": "boolean", "required": false },
+        { "name": "format", "type": "(value: number | string | Date) => string", "required": false }
       ]
     },
     {
@@ -2321,7 +2334,12 @@
         { "name": "tooltip", "type": "boolean", "required": false },
         { "name": "className", "type": "string", "required": false },
         { "name": "plain", "type": "boolean", "required": false },
-        { "name": "glyph", "type": "GlyphShape | ((d, seriesId) => GlyphShape)", "required": false }
+        {
+          "name": "glyph",
+          "type": "GlyphShape | ((d, seriesId) => GlyphShape)",
+          "required": false
+        },
+        { "name": "format", "type": "(value: number | string | Date) => string", "required": false }
       ]
     },
     {
@@ -2374,7 +2392,8 @@
         { "name": "dataZoom", "type": "boolean", "required": false },
         { "name": "zoom", "type": "boolean", "required": false },
         { "name": "syncId", "type": "string", "required": false },
-        { "name": "tooltipMode", "type": "'item' | 'axis'", "required": false }
+        { "name": "tooltipMode", "type": "'item' | 'axis'", "required": false },
+        { "name": "format", "type": "(value: number | string | Date) => string", "required": false }
       ]
     },
     {
@@ -2390,7 +2409,16 @@
         { "name": "tooltip", "type": "boolean", "required": false },
         { "name": "className", "type": "string", "required": false },
         { "name": "plain", "type": "boolean", "required": false },
-        { "name": "annotations", "type": "Annotation[]", "required": false }
+        { "name": "annotations", "type": "Annotation[]", "required": false },
+        { "name": "barsLabel", "type": "string", "required": false },
+        {
+          "name": "format",
+          "type": "(value: number | string | Date) => string",
+          "required": false
+        },
+        { "name": "legend", "type": "boolean", "required": false },
+        { "name": "lineLabel", "type": "string", "required": false },
+        { "name": "xLabelEvery", "type": "number", "required": false }
       ]
     },
     {
@@ -2436,7 +2464,8 @@
         { "name": "className", "type": "string", "required": false },
         { "name": "plain", "type": "boolean", "required": false },
         { "name": "visualMap", "type": "VisualMapOptions", "required": false },
-        { "name": "toolbox", "type": "boolean | ToolboxOptions", "required": false }
+        { "name": "toolbox", "type": "boolean | ToolboxOptions", "required": false },
+        { "name": "format", "type": "(value: number | string | Date) => string", "required": false }
       ]
     },
     {
@@ -2450,7 +2479,8 @@
         { "name": "width", "type": "number", "required": false },
         { "name": "height", "type": "number", "required": false },
         { "name": "className", "type": "string", "required": false },
-        { "name": "plain", "type": "boolean", "required": false }
+        { "name": "plain", "type": "boolean", "required": false },
+        { "name": "format", "type": "(value: number | string | Date) => string", "required": false }
       ]
     },
     {
@@ -2535,6 +2565,11 @@
           "name": "onAfterDraw",
           "type": "(ctx: { width: number; height: number }) => ReactNode",
           "required": false
+        },
+        {
+          "name": "secondAxis",
+          "type": "{ label?: string; format?: (value: number) => string }",
+          "required": false
         }
       ]
     },
@@ -2576,7 +2611,8 @@
           "type": "boolean | { format?: (v: number) => string; position?: string }",
           "required": false
         },
-        { "name": "onSelect", "type": "(point: ChartPoint) => void", "required": false }
+        { "name": "onSelect", "type": "(point: ChartPoint) => void", "required": false },
+        { "name": "tooltip", "type": "boolean", "required": false }
       ]
     },
     {
@@ -2671,7 +2707,8 @@
         },
         { "name": "renderer", "type": "'svg' | 'canvas' | 'auto'", "required": false },
         { "name": "visualMap", "type": "VisualMapOptions", "required": false },
-        { "name": "toolbox", "type": "boolean | ToolboxOptions", "required": false }
+        { "name": "toolbox", "type": "boolean | ToolboxOptions", "required": false },
+        { "name": "format", "type": "(value: number | string | Date) => string", "required": false }
       ]
     },
     {
@@ -2700,7 +2737,8 @@
         { "name": "legend", "type": "boolean", "required": false },
         { "name": "tooltip", "type": "boolean", "required": false },
         { "name": "className", "type": "string", "required": false },
-        { "name": "plain", "type": "boolean", "required": false }
+        { "name": "plain", "type": "boolean", "required": false },
+        { "name": "format", "type": "(value: number | string | Date) => string", "required": false }
       ]
     },
     {
@@ -2759,7 +2797,8 @@
         },
         { "name": "commands", "type": "SlashCommand[]", "required": false },
         { "name": "ref", "type": "Ref<CodeEditorHandle>", "required": false },
-        { "name": "className", "type": "string", "required": false }
+        { "name": "className", "type": "string", "required": false },
+        { "name": "virtualize", "type": "boolean", "required": false }
       ]
     },
     {
@@ -2771,7 +2810,9 @@
         { "name": "wrap", "type": "boolean", "required": false },
         { "name": "tabSize", "type": "number", "required": false },
         { "name": "label", "type": "string", "required": false },
-        { "name": "className", "type": "string", "required": false }
+        { "name": "className", "type": "string", "required": false },
+        { "name": "gutterRef", "type": "Ref<HTMLDivElement>", "required": false },
+        { "name": "preRef", "type": "Ref<HTMLPreElement>", "required": false }
       ]
     },
     {
@@ -2851,7 +2892,15 @@
           "required": false
         },
         { "name": "interactive", "type": "boolean", "required": false },
-        { "name": "className", "type": "string", "required": false }
+        { "name": "className", "type": "string", "required": false },
+        {
+          "name": "activeDirection",
+          "type": "'forward' | 'reverse' | undefined",
+          "required": false
+        },
+        { "name": "activeEdgeId", "type": "string | undefined", "required": false },
+        { "name": "maxZoom", "type": "number", "required": false },
+        { "name": "minZoom", "type": "number", "required": false }
       ]
     },
     {
@@ -2894,7 +2943,12 @@
         { "name": "selected", "type": "boolean", "required": false },
         { "name": "markerStart", "type": "boolean", "required": false },
         { "name": "markerEnd", "type": "boolean", "required": false },
-        { "name": "className", "type": "string", "required": false }
+        { "name": "className", "type": "string", "required": false },
+        { "name": "active", "type": "boolean | undefined", "required": false },
+        { "name": "direction", "type": "'forward' | 'reverse' | undefined", "required": false },
+        { "name": "id", "type": "string", "required": false },
+        { "name": "sourcePosition", "type": "HandlePosition | undefined", "required": false },
+        { "name": "targetPosition", "type": "HandlePosition | undefined", "required": false }
       ]
     },
     {
@@ -2922,7 +2976,9 @@
           "required": false
         },
         { "name": "onViewportChange", "type": "(viewport: Viewport) => void", "required": false },
-        { "name": "className", "type": "string", "required": false }
+        { "name": "className", "type": "string", "required": false },
+        { "name": "label", "type": "string | undefined", "required": false },
+        { "name": "nodeColor", "type": "string | undefined", "required": false }
       ]
     },
     {
@@ -2938,7 +2994,8 @@
         { "name": "interactive", "type": "boolean", "required": false },
         { "name": "onSelect", "type": "(id: string) => void", "required": false },
         { "name": "children", "type": "ReactNode", "required": false },
-        { "name": "className", "type": "string", "required": false }
+        { "name": "className", "type": "string", "required": false },
+        { "name": "onMeasure", "type": "(size: NodeSize) => void", "required": false }
       ]
     },
     {
@@ -2968,7 +3025,10 @@
         { "name": "controls", "type": "boolean", "required": false },
         { "name": "autoPlay", "type": "boolean", "required": false },
         { "name": "interactive", "type": "boolean", "required": false },
-        { "name": "className", "type": "string", "required": false }
+        { "name": "className", "type": "string", "required": false },
+        { "name": "background", "type": "boolean", "required": false },
+        { "name": "clock", "type": "StoryClock", "required": false },
+        { "name": "labels", "type": "FlowStoryLabels", "required": false }
       ]
     },
     {
@@ -2982,7 +3042,11 @@
         { "name": "panOnDrag", "type": "boolean", "required": false },
         { "name": "zoomOnScroll", "type": "boolean", "required": false },
         { "name": "fitView", "type": "boolean", "required": false },
-        { "name": "className", "type": "string", "required": false }
+        { "name": "className", "type": "string", "required": false },
+        { "name": "chrome", "type": "ReactNode", "required": false },
+        { "name": "controller", "type": "UseViewportReturn", "required": false },
+        { "name": "defaultViewport", "type": "Viewport", "required": false },
+        { "name": "flow", "type": "FlowStore", "required": false }
       ]
     }
   ],

package/dist/index.mjs

@@ -514,9 +514,9 @@ function resolvePackageManagerFlag(args) {
 * and GETTING-STARTED.md tells adopters to pin exactly. Regenerate with `pnpm regen`.
 */
 const CASCIVO_VERSIONS = {
-	"@cascivo/react": "0.16.1",
+	"@cascivo/react": "0.17.0",
 	"@cascivo/themes": "0.4.11",
-	"@cascivo/charts": "0.16.1",
+	"@cascivo/charts": "0.17.0",
 	"@cascivo/icons": "0.3.8",
 	"@cascivo/eslint-config": "0.2.2"
 };
@@ -614,7 +614,9 @@ function packageJson(opts) {
 			build: "tsc && vite build",
 			preview: "vite preview",
 			typecheck: "tsc --noEmit",
-			lint: "eslint ."
+			lint: "eslint .",
+			format: "prettier --write .",
+			"format:check": "prettier --check ."
 		},
 		dependencies: {
 			"@cascivo/react": V["@cascivo/react"],
@@ -631,7 +633,9 @@ function packageJson(opts) {
 			"@vitejs/plugin-react": "^5.0.0",
 			eslint: "^9.0.0",
 			"eslint-plugin-react-hooks": "^7.0.0",
+			prettier: "^3.0.0",
 			typescript: "^5.7.0",
+			"typescript-eslint": "^8.0.0",
 			vite: "^7.0.0"
 		}
 	};
@@ -699,10 +703,12 @@ function indexHtml(opts) {
           padding: 0;
         }
       }
-      html,
-      body,
-      #root {
-        height: 100%;
+      @layer cascivo.base {
+        html,
+        body,
+        #root {
+          height: 100%;
+        }
       }
     </style>
   </head>
@@ -780,24 +786,17 @@ ${renderedSections}
 `;
 }
 function sectionTsx(section) {
-	return `import { Card, CardContent, CardHeader, CardTitle, Heading, Text } from '@cascivo/react'
+	return `import { Card, CardContent, CardHeader, CardTitle, Flex, Heading, Text } from '@cascivo/react'
 
 export function ${section.component}() {
   return (
-    <div
-      style={{
-        display: 'grid',
-        gap: 'var(--cascivo-space-6)',
-        padding: 'var(--cascivo-space-6)',
-        maxWidth: '64rem',
-      }}
-    >
-      <div style={{ display: 'grid', gap: 'var(--cascivo-space-2)' }}>
+    <Flex gap={6}>
+      <Flex gap={2}>
         <Heading level={1}>${section.label}</Heading>
         <Text muted>
           Edit <code>src/sections/${section.component}.tsx</code> to build out this page.
         </Text>
-      </div>
+      </Flex>
 
       <Card>
         <CardHeader>
@@ -810,7 +809,7 @@ export function ${section.component}() {
           </Text>
         </CardContent>
       </Card>
-    </div>
+    </Flex>
   )
 }
 `;
@@ -826,22 +825,45 @@ export function ${section.component}() {
 */
 function eslintConfig() {
 	return `import js from '@eslint/js'
+import tseslint from 'typescript-eslint'
 import reactHooks from 'eslint-plugin-react-hooks'
 import cascivo from '@cascivo/eslint-config'
 
 export default [
+  { ignores: ['dist/**'] },
   js.configs.recommended,
+  // Registers the TypeScript parser and the .ts/.tsx \`files\` patterns. WITHOUT THIS ESLINT
+  // LINTS NOTHING: its default \`files\` is **/*.{js,cjs,mjs}, so every file in this app is
+  // skipped with "File ignored because no matching configuration was supplied" and the
+  // \`lint\` script exits 0 having checked zero files.
+  ...tseslint.configs.recommended,
   // NOTE the \`.flat\` — the plugin exports both \`configs['recommended-latest']\` (the legacy
   // eslintrc shape, which applies NOTHING here and reports no error) and this one.
   reactHooks.configs.flat['recommended-latest'],
   // Spread LAST — flat config is last-wins. This turns off \`react-hooks/immutability\`,
-  // which reports cascivo's signal writes (\`signal.value = next\`) as errors.
-  // See https://cascivo.com/docs/using-with-strict-eslint.md
+  // which reports cascivo's signal writes (\`signal.value = next\`) as errors. That rule
+  // fires on the very first \`signal.value = x\` you write, so this is not optional wiring:
+  // see https://cascivo.com/docs/using-with-strict-eslint.md
   ...cascivo,
-  { ignores: ['dist/**'] },
 ]
 `;
 }
+/** Prettier config matching the style the scaffold's own generated source is written in. */
+function prettierrc() {
+	return JSON.stringify({
+		semi: false,
+		singleQuote: true,
+		printWidth: 100
+	}, null, 2) + "\n";
+}
+function prettierIgnore() {
+	return `dist
+node_modules
+# Vendored cascivo source is formatted upstream — reformatting it makes every
+# \`cascivo add\` update a merge conflict.
+src/components/ui/
+`;
+}
 function gitignore() {
 	return `node_modules
 dist
@@ -943,6 +965,14 @@ function buildScaffold(opts) {
 			path: "eslint.config.js",
 			contents: eslintConfig()
 		},
+		{
+			path: ".prettierrc",
+			contents: prettierrc()
+		},
+		{
+			path: ".prettierignore",
+			contents: prettierIgnore()
+		},
 		{
 			path: ".gitignore",
 			contents: gitignore()