dynamic-mui 2.0.26 → 2.2.0

package/README.md

@@ -1,67 +1,248 @@
 # dynamic-mui
 
-A powerful, dynamic form builder and generator for React using Material UI.
+**Build rich, dynamic forms in React from a JSON schema — powered by Material UI.**
 
-## Features (v2.0.0)
-
-- **Dynamic Form Generation**: Render complex forms from JSON schema.
-- **Visual Form Builder**: Drag-and-drop interface to build forms visually.
-- **New Documentation Mode**: Integrated documentation sidebar with component details.
-- **Advanced Validation**: Mandatory field validation with visual indicators (`*` and red error states).
-- **Rich Component Library**: Includes TextField, Select, Date/Time Pickers, Checkbox, Radio, Switch, Signature, and more.
-- **JSON Editing**: Edit form schema directly or use the visual builder.
-- **Data Preview**: View current form data in real-time.
-
-## Installation
+Render complex, reactive forms without writing form code. Fields can show/hide,
+enable/disable, become required, compute their value, and drive each other's
+options — all declaratively from data. Comes with 45+ controls, a typed schema
+helper, an imperative API, i18n, and an optional visual builder / AI module.
 
 ```bash
+npm install dynamic-mui
+# peer dependencies (if you don't already have them)
 npm install @mui/material @emotion/react @emotion/styled
-npm install dynamic-mui --save
 ```
 
-## Usage
+---
+
+## Quick start
 
 ```tsx
-import { FormGenerator } from 'dynamic-mui';
+import { FormGenerator, FormData } from 'dynamic-mui';
 
-const formSchema = [
+const schema = [
   {
     type: 'textfield',
+    props: { id: 'name', MuiAttributes: { label: 'Full name', fullWidth: true } },
+    rules: { validation: [{ rule: 'mandatory', message: 'Name is required' }] },
+    layout: { row: 1, xs: 12, md: 6 },
+  },
+  {
+    type: 'select',
     props: {
-        id: 'name',
-        label: 'Full Name',
-        MuiAttributes: { fullWidth: true, variant: 'outlined' },
-        rules: {
-            validation: [{ rule: 'mandatory', message: 'Name is required' }]
-        }
+      id: 'role',
+      options: [{ value: 'dev', label: 'Developer' }, { value: 'design', label: 'Designer' }],
+      MuiBoxAttributes: { label: 'Role' },
     },
-    layout: { row: 1, xs: 12, md: 6 }
-  }
+    layout: { row: 1, xs: 12, md: 6 },
+  },
 ];
 
-export default function DynamicForm() {
-  const handleSubmit = (data) => {
-    console.log('Form Data:', data);
-  };
-
+export default function MyForm() {
   return (
     <FormGenerator
-      data={formSchema}
-      onSubmit={handleSubmit}
+      guid="my-form"
+      data={schema}
+      onSubmit={(values, errors) => {
+        if (errors.length === 0) console.log(FormData('my-form'));
+      }}
     />
   );
 }
 ```
 
-## Local Development (Playground)
+Every field is an object of `{ type, props, layout, rules?, ...engine }`.
+`layout` uses MUI Grid units (`row`, `xs`, `sm`, `md`, `lg`).
+
+---
+
+## Reading & writing form data
+
+Data lives in a store keyed by the form's `guid`:
+
+```ts
+import { FormData, ClearFormData, useForm } from 'dynamic-mui';
+
+FormData('my-form');        // { name: 'Ada', role: 'dev' }
+ClearFormData('my-form');   // reset one form (or all forms if called with no guid)
+
+const values = useForm('my-form'); // reactive hook inside a component
+```
+
+Prefill a form with `patch`:
+
+```tsx
+<FormGenerator guid="my-form" data={schema} patch={{ name: 'Ada', role: 'dev' }} />
+```
+
+Conditional fields, subforms, computed values, and `requiredWhen` all evaluate
+correctly from the **initial** `patch` — not just after the first edit.
+
+### Imperative API (`apiRef`)
+
+```tsx
+import { useRef } from 'react';
+import { FormGenerator, FormApi } from 'dynamic-mui';
+
+const api = useRef<FormApi>(null);
+
+<FormGenerator guid="my-form" data={schema} apiRef={api} />;
+
+api.current?.getValues();          // current values
+api.current?.setValues({ ... });   // patch values in
+api.current?.validate();           // boolean — runs validation, shows errors
+api.current?.getErrors();          // array of { id, rule, message }
+api.current?.reset();              // clear values
+api.current?.submit();             // trigger the submit flow
+```
+
+---
+
+## Dynamic rule engine
+
+Add these keys to any field to make the form reactive. All conditions run
+against the live form values.
+
+| Key           | What it does                                              |
+| ------------- | --------------------------------------------------------- |
+| `visibleWhen` | Show the field only when a condition holds                |
+| `disabledWhen`| Disable the field when a condition holds                  |
+| `requiredWhen`| Make the field required when a condition holds            |
+| `formula`     | Compute the field's value from other fields               |
+| `dependsOn` + `optionsMap` | Swap a field's options based on another field |
+| `subforms`    | Reveal a group of fields for a matching parent value      |
+
+A condition is `{ field, op, value }` with operators `eq`, `neq`, `gt`, `gte`,
+`lt`, `lte`, `in`, `nin`, `contains`, `startsWith`, `endsWith`, `empty`,
+`notEmpty`, `truthy`, `falsy`, plus `all` / `any` / `none` groups.
+
+```ts
+// Show + require "reason" only when status is "other"
+{
+  type: 'textfield',
+  props: { id: 'reason', MuiAttributes: { label: 'Reason' } },
+  visibleWhen: { field: 'status', op: 'eq', value: 'other' },
+  requiredWhen: { field: 'status', op: 'eq', value: 'other' },
+  requiredMessage: 'Please tell us why',
+  layout: { row: 2, xs: 12 },
+}
+
+// Live total = qty * price
+{
+  type: 'computed',
+  props: { id: 'total', format: '0,0.00', MuiAttributes: { label: 'Total' } },
+  formula: 'qty * price',
+  layout: { row: 3, xs: 12 },
+}
+
+// State options depend on the selected country (one control, not many)
+{
+  type: 'select',
+  props: { id: 'state', MuiBoxAttributes: { label: 'State' } },
+  dependsOn: 'country',
+  optionsMap: {
+    us: [{ value: 'ca', label: 'California' }],
+    in: [{ value: 'ka', label: 'Karnataka' }],
+  },
+  layout: { row: 4, xs: 12 },
+}
+```
+
+`formula` supports `+ - * / %`, parentheses, unary minus, and
+`SUM/AVG/MIN/MAX/ROUND/ABS/FLOOR/CEIL`.
+
+---
+
+## Validation
+
+Per-field rules live under `rules.validation`:
+
+```ts
+rules: { validation: [{ rule: 'mandatory', message: 'Required' }] }
+```
+
+Cross-field validators compare against another field:
+`equalsField`, `notEqualsField`, `gtField`, `gteField`, `ltField`, `lteField`.
+
+```ts
+// "confirm" must equal "password"
+rules: { validation: [{ rule: 'equalsField', field: 'password', message: 'Passwords must match' }] }
+```
+
+Turn on an accessible summary and auto-focus of the first error with
+`validationSummary`. Hidden (`visibleWhen`) fields are excluded from validation.
+
+---
+
+## Typed schema (`defineForm`)
+
+Get full TypeScript autocompletion and compile-time checks for your schema:
+
+```ts
+import { defineForm, FormGenerator } from 'dynamic-mui';
+
+const schema = defineForm([
+  { type: 'textfield', props: { id: 'email', MuiAttributes: { label: 'Email' } }, layout: { row: 1, xs: 12 } },
+]);
+
+<FormGenerator guid="typed" data={schema} />;
+```
+
+---
+
+## Internationalisation
 
-To run the local playground and test changes:
+```tsx
+<FormGenerator
+  guid="fr"
+  data={schema}
+  messages={{ required: 'Champ obligatoire', errorSummary: '{n} champ(s) à corriger' }}
+/>
+```
+
+---
+
+## Controls
+
+Text & numbers · password · OTP · phone / international phone · currency ·
+select · async autocomplete · autocomplete · cascade select · chip select ·
+radio · checkbox · switch · toggle buttons · slider · rating · NPS · stepper ·
+date / time / date-time / date-range pickers · file upload · signature ·
+color picker · markdown & rich-text editors · tags · key-value · matrix ·
+editable & data tables · line items · address · geo / location · consent ·
+alert · divider · typography · charts (bar / line / pie / mixed), and more.
+
+Each control is configured through `props` (its `MuiAttributes` /
+`MuiBoxAttributes` map straight onto the underlying MUI component).
+
+### Theming
+
+Controls render under **your** MUI theme. Date/time pickers automatically match
+the size and variant of your text fields, so a picker lines up with the fields
+beside it.
+
+---
+
+## AI module (optional)
+
+`dynamic-mui/ai` provides AI-assisted building blocks (generate a form from a
+prompt, autofill, text assist, schema review) that talk to **your** proxy/relay
+so your provider key stays server-side. See [`examples/`](./examples) for a
+ready-to-deploy proxy (including an AWS Lambda BYOK relay).
+
+---
+
+## Playground
+
+```bash
+npm install
+npm run dev        # visual builder + live demo gallery
+```
 
-1. `npm install`
-2. `npm run dev`
-3. Open `http://localhost:5173` (or the port shown in terminal).
+Build forms visually, browse every control in multiple configurations, explore
+real-world example forms, view the generated JSON, and copy it into your app.
 
-The playground allows you to build forms visually, view the generated JSON, and test validation.
+---
 
 ## License
 

package/dist/AxisSharedComponents-BbsKw1BT.js

@@ -0,0 +1,3 @@
+"use strict";const q=require("react"),P=require("./useAxis-DSbfEtO7.js"),b=require("./index--8Zky9Oh.js"),j=require("./clampAngle-DpAsDoeT.js");function J(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const s=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,s.get?s:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const O=J(q);function F(){const[e,t]=O.useState(!1);return O.useEffect(()=>{t(!0)},[]),e}function V(e){return typeof e=="number"&&!Number.isFinite(e)}function Q(e,t){return Math.abs(t.getFullYear()-e.getFullYear())}function v(e,t){return Math.abs(t.getFullYear()*12+t.getMonth()-12*e.getFullYear()-e.getMonth())}function C(e,t){return Math.abs(t.getTime()-e.getTime())/(1e3*60*60*24)}function K(e,t){return Math.abs(t.getTime()-e.getTime())/(1e3*60*60)}const tt={years:{getTickNumber:Q,isTick:(e,t)=>t.getFullYear()!==e.getFullYear(),format:e=>e.getFullYear().toString()},quarterly:{getTickNumber:(e,t)=>Math.floor(v(e,t)/3),isTick:(e,t)=>t.getMonth()!==e.getMonth()&&t.getMonth()%3===0,format:new Intl.DateTimeFormat("default",{month:"short"}).format},months:{getTickNumber:v,isTick:(e,t)=>t.getMonth()!==e.getMonth(),format:new Intl.DateTimeFormat("default",{month:"short"}).format},biweekly:{getTickNumber:(e,t)=>C(e,t)/14,isTick:(e,t)=>(t.getDay()<e.getDay()||C(t,e)>7)&&Math.floor(t.getDate()/7)%2===1,format:new Intl.DateTimeFormat("default",{day:"numeric"}).format},weeks:{getTickNumber:(e,t)=>C(e,t)/7,isTick:(e,t)=>t.getDay()<e.getDay()||C(t,e)>=7,format:new Intl.DateTimeFormat("default",{day:"numeric"}).format},days:{getTickNumber:C,isTick:(e,t)=>t.getDate()!==e.getDate(),format:new Intl.DateTimeFormat("default",{day:"numeric"}).format},hours:{getTickNumber:K,isTick:(e,t)=>t.getHours()!==e.getHours(),format:new Intl.DateTimeFormat("default",{hour:"2-digit",minute:"2-digit"}).format}},A={start:0,extremities:0,end:1,middle:.5};function S(e,t,n){return e(t)-(e.step()-e.bandwidth())/2+A[n]*e.step()}function et(e,t,n){const s=Math.abs(t[1]-t[0]),i=Math.ceil(e.length/(s/n));return Number.isNaN(i)||i<=1?e:e.filter((o,c)=>c%i===0)}function nt(e,t,n,s,i){if(n.length===0)return[];const o=s.range()[0]>s.range()[1],c=e.findIndex(l=>i(S(s,l,o?"start":"end"))),u=e.findLastIndex(l=>i(S(s,l,o?"end":"start"))),r=e[0],a=e[e.length-1];if(!(r instanceof Date)||!(a instanceof Date))return[];let d=0;for(let l=0;l<n.length;l+=1)if(n[l].getTickNumber(r,a)!==0){d=l;break}let g=d;for(let l=d;l<n.length;l+=1){if(l===n.length-1){g=l;break}const x=n[l].getTickNumber(r,a),f=n[l+1].getTickNumber(r,a);if(f>t||t/x<f/t){g=l;break}}const m=[];for(let l=Math.max(1,c);l<=u;l+=1)for(let x=d;x<=g;x+=1){const f=e[l-1],k=e[l];if(f instanceof Date&&k instanceof Date&&n[x].isTick(f,k)){m.push({index:l,formatter:n[x].format});break}}return m}function it(e){const{scale:t,tickNumber:n,valueFormatter:s,tickInterval:i,tickPlacement:o,tickLabelPlacement:c,tickSpacing:u,isInside:r,ordinalTimeTicks:a}=e;if(a!==void 0&&P.isDateData(t.domain())&&P.isOrdinalScale(t)){const f=t.domain();if(f.length===0||f.length===1)return[];const k="middle";return nt(f,n,a.map(p=>typeof p=="string"?tt[p]:p),t,r).map(({index:p,formatter:I})=>{const M=f[p],T=I(M);return{value:M,formattedValue:T,offset:S(t,M,k),labelOffset:0}})}const d=o??"extremities";if(P.isOrdinalScale(t)){const f=t.domain(),k=c??"middle";let h=f;if(typeof i=="object"&&i!=null?h=i:(typeof i=="function"&&(h=h.filter(i)),u!==void 0&&u>0&&(h=et(h,t.range(),u))),h.length===0)return[];if(t.bandwidth()>0){const p=t.range()[0]>t.range()[1],I=h.findIndex(T=>r(S(t,T,p?"start":"end"))),M=h.findLastIndex(T=>r(S(t,T,p?"end":"start")));return[...h.slice(I,M+1).map(T=>{const $=`${T}`;return{value:T,formattedValue:s?.(T,{location:"tick",scale:t,tickNumber:n,defaultTickLabel:$})??$,offset:S(t,T,d),labelOffset:k==="tick"?0:t.step()*(A[k]-A[d])}}),...d==="extremities"&&M===f.length-1&&r(t.range()[1])?[{formattedValue:void 0,offset:t.range()[1],labelOffset:0}]:[]]}return h.map(p=>{const I=`${p}`;return{value:p,formattedValue:s?.(p,{location:"tick",scale:t,tickNumber:n,defaultTickLabel:I})??I,offset:t(p),labelOffset:0}})}if(t.domain().some(V))return[];const m=c,l=typeof i=="object"?i:rt(t,n),x=[];for(let f=0;f<l.length;f+=1){const k=l[f],h=t(k);if(r(h)){const p=t.tickFormat(n)(k);x.push({value:k,formattedValue:s?.(k,{location:"tick",scale:t,tickNumber:n,defaultTickLabel:p})??p,offset:h,labelOffset:m==="middle"?t(l[f-1]??0)-(h+t(l[f-1]??0))/2:0})}}return x}function rt(e,t){const n=e.domain();return n[0]===n[1]?[n[0]]:e.ticks(t)}function st(e){const{scale:t,tickNumber:n,valueFormatter:s,tickInterval:i,tickPlacement:o="extremities",tickLabelPlacement:c,tickSpacing:u,direction:r,ordinalTimeTicks:a}=e,{instance:d}=P.useChartContext(),g=r==="x"?d.isXInside:d.isYInside;return O.useMemo(()=>it({scale:t,tickNumber:n,tickPlacement:o,tickInterval:i,tickLabelPlacement:c,tickSpacing:u,valueFormatter:s,isInside:g,ordinalTimeTicks:a}),[t,n,o,i,c,u,s,g,a])}const B=typeof window<"u"&&"Intl"in window&&"Segmenter"in Intl?new Intl.Segmenter(void 0,{granularity:"grapheme"}):null;function ot(e){return e.length}function at(e){const t=B.segment(e);let n=0;for(const s of t)n+=1;return n}const ct=B?at:ot;function lt(e){return e*(Math.PI/180)}const z=typeof window<"u"&&"Intl"in window&&"Segmenter"in Intl?new Intl.Segmenter(void 0,{granularity:"grapheme"}):null;function ut(e,t){return e.slice(0,t)}function dt(e,t){const n=z.segment(e);let s="",i=0;for(const o of n)if(s+=o.segment,i+=1,i>=t)break;return s}const ft=z?dt:ut,R="…";function gt(e,t){const{width:n,height:s,measureText:i}=t,o=lt(t.angle),c=i(e),u=Math.abs(c.width*Math.cos(o))+Math.abs(c.height*Math.sin(o)),r=Math.abs(c.width*Math.sin(o))+Math.abs(c.height*Math.cos(o));return u<=n&&r<=s}function mt(e,t){if(t(e))return e;let n=e,s=1,i=1/2;const o=ct(e);let c=o,u=o,r=null;do{if(u=c,c=Math.floor(o*i),c===0)break;n=ft(e,c).trim();const a=t(n+R);s+=1,a?(r=n,i+=1/2**s):i-=1/2**s}while(Math.abs(c-u)!==1);return r?r+R:""}function H(){return typeof window>"u"}const w=new Map,Y=2e3,ht=new Set(["minWidth","maxWidth","width","minHeight","maxHeight","height","top","left","fontSize","padding","margin","paddingLeft","paddingRight","paddingTop","paddingBottom","marginLeft","marginRight","marginTop","marginBottom"]);function L(e,t){return ht.has(e)&&t===+t?`${t}px`:t}const pt=/([A-Z])/g;function E(e){return String(e).replace(pt,t=>`-${t.toLowerCase()}`)}function U(e){let t="";for(const n in e)if(Object.hasOwn(e,n)){const s=n,i=e[s];if(i===void 0)continue;t+=`${E(s)}:${L(s,i)};`}return t}const G=(e,t={})=>{if(e==null||H())return{width:0,height:0};const n=String(e),s=U(t),i=`${n}-${s}`,o=w.get(i);if(o)return o;try{const c=X(),u=document.createElementNS("http://www.w3.org/2000/svg","text");Object.keys(t).map(a=>(u.style[E(a)]=L(a,t[a]),a)),u.textContent=n,c.replaceChildren(u);const r=W(u);return w.set(i,r),w.size+1>Y&&w.clear(),process.env.NODE_ENV==="test"&&c.replaceChildren(),r}catch{return{width:0,height:0}}};function bt(e,t={}){if(H())return new Map(Array.from(e).map(r=>[r,{width:0,height:0}]));const n=new Map,s=[],i=U(t);for(const r of e){const a=`${r}-${i}`,d=w.get(a);d?n.set(r,d):s.push(r)}const o=X(),c=b._extends({},t);Object.keys(c).map(r=>(o.style[E(r)]=L(r,c[r]),r));const u=[];for(const r of s){const a=document.createElementNS("http://www.w3.org/2000/svg","text");a.textContent=`${r}`,u.push(a)}o.replaceChildren(...u);for(let r=0;r<s.length;r+=1){const a=s[r],d=o.children[r],g=W(d),m=`${a}-${i}`;w.set(m,g),n.set(a,g)}return w.size+1>Y&&w.clear(),process.env.NODE_ENV==="test"&&o.replaceChildren(),n}function W(e){try{const t=e.getBBox();return{width:t.width,height:t.height}}catch{const t=e.getBoundingClientRect();return{width:t.width,height:t.height}}}let y=null;function X(){return y===null&&(y=document.createElementNS("http://www.w3.org/2000/svg","svg"),y.setAttribute("aria-hidden","true"),y.style.position="absolute",y.style.top="-20000px",y.style.left="0",y.style.padding="0",y.style.margin="0",y.style.border="none",y.style.pointerEvents="none",y.style.visibility="hidden",y.style.contain="strict",document.body.appendChild(y)),y}function xt(e){return b.generateUtilityClass("MuiChartsAxis",e)}const N=b.generateUtilityClasses("MuiChartsAxis",["root","line","tickContainer","tick","tickLabel","label","directionX","directionY","top","bottom","left","right","id"]);function kt({style:e,needsComputation:t,text:n}){return n.split(`
+`).map(s=>b._extends({text:s},t?G(s,e):{width:0,height:0}))}const yt=["x","y","style","text","ownerState"],Tt=["angle","textAnchor","dominantBaseline"];function Z(e){const{x:t,y:n,style:s,text:i}=e,o=b._objectWithoutPropertiesLoose(e,yt),c=s??{},{angle:u,textAnchor:r,dominantBaseline:a}=c,d=b._objectWithoutPropertiesLoose(c,Tt),g=F(),m=O.useMemo(()=>kt({style:d,needsComputation:g&&i.includes(`
+`),text:i}),[d,i,g]);let l;switch(a){case"hanging":case"text-before-edge":l=0;break;case"central":l=(m.length-1)/2*-m[0].height;break;default:l=(m.length-1)*-m[0].height;break}return b.jsxRuntimeExports.jsx("text",b._extends({},o,{transform:u?`rotate(${u}, ${t}, ${n})`:void 0,x:t,y:n,textAnchor:r,dominantBaseline:a,style:d,children:m.map((x,f)=>b.jsxRuntimeExports.jsx("tspan",{x:t,dy:`${f===0?l:m[0].height}px`,dominantBaseline:a,children:x.text},f))}))}process.env.NODE_ENV!=="production"&&(Z.propTypes={lineHeight:b.PropTypes.number,needsComputation:b.PropTypes.bool,ownerState:b.PropTypes.any,style:b.PropTypes.object,text:b.PropTypes.string.isRequired});function wt(e){const t=j.clampAngle(e);return t<=30||t>=330||t<=210&&t>=150?"middle":t<=180?"end":"start"}function It(e){const t=j.clampAngle(e);return t<=30||t>=330?"hanging":t<=210&&t>=150?"auto":"central"}function Mt(e){switch(e){case"start":return"end";case"end":return"start";default:return e}}const D={start:0,extremities:0,end:1,middle:.5,tick:0};function St(e){const{scale:t,tickInterval:n,tickLabelPlacement:s="middle",tickPlacement:i="extremities",groups:o}=e;return O.useMemo(()=>{const c=t.domain(),u=typeof n=="function"&&c.filter(n)||typeof n=="object"&&n||c;if(t.bandwidth()>0){const r=_(u,o,i,s,t);return r[0]&&(r[0].ignoreTick=!0),[{formattedValue:void 0,offset:t.range()[0],labelOffset:0,groupIndex:o.length-1},...r,{formattedValue:void 0,offset:t.range()[1],labelOffset:0,groupIndex:o.length-1}]}return _(u,o,i,s,t)},[t,n,o,i,s])}function _(e,t,n,s,i){const o=[],c=new Map;let u=0;for(let r=0;r<t.length;r+=1)for(let a=0;a<e.length;a+=1){const d=e[a],g=t[r].getValue(d,a),m=o[o.length-1];if(m?.value!==g||m?.groupIndex!==r){u=1;const x=P.isOrdinalScale(i)?i(d)-(i.step()-i.bandwidth())/2+D[n]*i.step():i(d),f=i.step()*u*(D[s]-D[n]);o.push({value:g,formattedValue:`${g}`,offset:x,groupIndex:r,dataIndex:a,ignoreTick:!1,labelOffset:f}),c.has(a)||c.set(a,new Set);const k=c.get(a);for(const h of k.values())o[h].ignoreTick=!0;k.add(o.length-1)}else{u+=1;const x=i.step()*u*(D[s]-D[n]);m.labelOffset=x}}return o}const Ct=b.styled("g",{name:"MuiChartsAxis",slot:"Root"})(({theme:e})=>({[`& .${N.tickLabel}`]:b._extends({},e.typography.caption,{fill:(e.vars||e).palette.text.primary}),[`& .${N.label}`]:{fill:(e.vars||e).palette.text.primary},[`& .${N.line}`]:{stroke:(e.vars||e).palette.text.primary,shapeRendering:"crispEdges",strokeWidth:1},[`& .${N.tick}`]:{stroke:(e.vars||e).palette.text.primary,shapeRendering:"crispEdges"}}));exports.AxisRoot=Ct;exports.ChartsText=Z;exports.axisClasses=N;exports.batchMeasureStrings=bt;exports.doesTextFitInRect=gt;exports.ellipsize=mt;exports.getAxisUtilityClass=xt;exports.getDefaultBaseline=It;exports.getDefaultTextAnchor=wt;exports.getStringSize=G;exports.invertTextAnchor=Mt;exports.isInfinity=V;exports.useIsHydrated=F;exports.useTicks=st;exports.useTicksGrouped=St;