@omni-design/components 0.7.3 → 0.7.4

package/dist/types/components/Accordion/Accordion.d.ts

@@ -1,7 +1,8 @@
-export function AccordionGroup({ children, variant, color, size, spacing, className, sx, ...props }: {
+export function AccordionGroup({ children, variant, surface, color, size, spacing, className, sx, ...props }: {
     [x: string]: any;
     children: any;
     variant?: string;
+    surface: any;
     color?: string;
     size?: string;
     spacing?: number;

package/dist/types/components/Alert/Alert.d.ts

@@ -1,7 +1,8 @@
-export function Alert({ children, variant, color, size, startDecorator, endDecorator, className, sx, ...props }: {
+export function Alert({ children, variant, surface, color, size, startDecorator, endDecorator, className, sx, ...props }: {
     [x: string]: any;
     children: any;
     variant?: string;
+    surface: any;
     color?: string;
     size?: string;
     startDecorator: any;

package/dist/types/components/Box/Box.d.ts

@@ -1,32 +1,9 @@
-/**
- * Box Component — bare layout primitive.
- *
- * A theme-aware container with no visual styling of its own. Use it when you
- * need a slot that participates in the design-system cascade (data-theme /
- * data-surface) without inheriting any of the chrome that Ratio or Card
- * would bring. No border-radius, no padding, no data-theme of its own —
- * it inherits theme from its parent unless you pass `theme`.
- *
- * Props:
- *   theme      — optional data-theme override for everything inside
- *   surface    — optional data-surface override (Surface | Container | Container-Low | etc.)
- *   elevation  — 0–5. When > 0, the Box renders an OUTER wrapper that carries
- *                the layered shadow but sets NO surface, so the shadow color
- *                resolves from the PARENT surface (the surface the box sits on,
- *                physically where the shadow falls) rather than the box's own.
- *                The inner element paints `surface` and fills the wrapper.
- *   component  — root element tag (default: 'div')
- *   children, className, sx, ...props — forwarded
- *
- * For a themed shell with border + shadow + padding, use <Ratio> (sized) or
- * <Card> (with header/actions). Box is intentionally bare so that nested
- * tokens resolve correctly without competing styling.
- */
-export function Box({ children, theme, surface, elevation, component, className, sx, style, ...props }: {
+export function Box({ children, theme, surface, radius, elevation, component, className, sx, style, ...props }: {
     [x: string]: any;
     children: any;
     theme: any;
     surface: any;
+    radius?: string;
     elevation?: number;
     component?: string;
     className?: string;

package/dist/types/components/ButtonGroup/ButtonGroup.d.ts

@@ -1,4 +1,4 @@
-export function ButtonGroup({ variant, color, size, disabled, orientation, spacing, fit, fullWidth, equalWidth, value: controlledValue, defaultValue, onChange, children, className, sx, "aria-label": ariaLabel, ...props }: {
+export function ButtonGroup({ variant, color, size, disabled, orientation, spacing, fit, fullWidth, equalWidth, multiple, value: controlledValue, defaultValue, onChange, children, className, sx, "aria-label": ariaLabel, ...props }: {
     [x: string]: any;
     variant?: string;
     color?: string;
@@ -9,6 +9,7 @@ export function ButtonGroup({ variant, color, size, disabled, orientation, spaci
     fit: any;
     fullWidth?: boolean;
     equalWidth?: boolean;
+    multiple?: boolean;
     value: any;
     defaultValue: any;
     onChange: any;

package/dist/types/components/Charts/BarChart.d.ts

@@ -0,0 +1,33 @@
+/**
+ * BarChart — single-series bars in a track.
+ *
+ * COLOURS (all surface-paired, so the chart re-themes with its container):
+ *   filled bar   var(--Icons-Primary)
+ *   track        var(--Border-Variant)
+ *   hover slot   var(--Hover)
+ *   labels       var(--Text)  /  var(--Quiet) for categories
+ *
+ * MOTION  Bars grow from the baseline on mount, over the brand's own
+ *   --Motion-Duration-Slow / --Motion-Easing-Enter. Because that is CSS reading
+ *   a token, prefers-reduced-motion collapses it to 0s automatically.
+ *
+ * ACCESS  The SVG is aria-hidden and the data ships as a visually-hidden table,
+ *   so a screen reader gets the numbers rather than a picture of them. Bars are
+ *   focusable, so the hover readout is reachable from the keyboard.
+ */
+export function BarChart({ data, showTrack, rounded, showValues, showLabels, animate, interactive, height, gapRatio, label, className, sx, ...props }: {
+    [x: string]: any;
+    data?: any[];
+    showTrack?: boolean;
+    rounded?: boolean;
+    showValues?: boolean;
+    showLabels?: boolean;
+    animate?: boolean;
+    interactive?: boolean;
+    height?: number;
+    gapRatio?: number;
+    label: any;
+    className?: string;
+    sx?: {};
+}): JSX.Element;
+export default BarChart;

package/dist/types/components/Charts/LineChart.d.ts

@@ -0,0 +1,40 @@
+/**
+ * LineChart — one series, straight or curved, with an optional area fill.
+ *
+ * The curve is Catmull-Rom, so it passes THROUGH every data point rather than
+ * near it (see geometry.js). `curve="smooth"` is the shape in the reference
+ * design; `curve="straight"` is a plain polyline.
+ *
+ * COLOURS
+ *   line      var(--Icons-Primary)
+ *   area      var(--Icons-Primary-Variant), fading to transparent at the base
+ *   gridlines var(--Border-Variant)
+ *   labels    var(--Text) / var(--Quiet)
+ *
+ * PROPS
+ *   data       number[] or { value, label }[]
+ *   curve      'smooth' | 'straight'      (default 'smooth')
+ *   gradient   fill the area under the line (default true)
+ *   fromZero   anchor the value axis at zero (default false — a line encodes
+ *              shape, so a floating baseline is honest here in a way it is not
+ *              for bars)
+ *   showGrid   horizontal gridlines at round values (default false)
+ */
+export function LineChart({ data, curve, gradient, fromZero, showGrid, showLabels, animate, interactive, height, strokeWidth, tension, label, className, sx, ...props }: {
+    [x: string]: any;
+    data?: any[];
+    curve?: string;
+    gradient?: boolean;
+    fromZero?: boolean;
+    showGrid?: boolean;
+    showLabels?: boolean;
+    animate?: boolean;
+    interactive?: boolean;
+    height?: number;
+    strokeWidth?: number;
+    tension?: number;
+    label: any;
+    className?: string;
+    sx?: {};
+}): JSX.Element;
+export default LineChart;

package/dist/types/components/Charts/PieChart.d.ts

@@ -0,0 +1,38 @@
+/**
+ * PieChart — parts of a whole. Pass `donut` for a ring.
+ *
+ * COLOURING
+ *   Wedges cycle the icon palettes — var(--Icons-Primary), -Secondary,
+ *   -Tertiary, -Neutral, then the states. Unlike the bar and line charts,
+ *   which are single-series and use one accent, a pie's categories have to be
+ *   told apart, and hue does that better than anything else.
+ *
+ *   Each wedge is separated by a stroke in var(--Background) — the SURFACE's
+ *   own background, so the gap reads as a gap on any surface, in either mode,
+ *   rather than as a grey line that happens to look like a gap on white.
+ *
+ *   Wedge labels use var(--Icons-On-<palette>), the token generated to clear
+ *   4.5:1 against that exact fill, so a label never has to be contrast-checked
+ *   by hand.
+ *
+ * COLOURS
+ *   wedges     var(--Icons-{Primary,Secondary,…})
+ *   separator  var(--Background)
+ *   labels     var(--Icons-On-{…}) inside a wedge, var(--Text) outside
+ */
+export function PieChart({ data, donut, donutRatio, colors, separatorWidth, size, showLabels, animate, interactive, label, className, sx, ...props }: {
+    [x: string]: any;
+    data?: any[];
+    donut?: boolean;
+    donutRatio?: number;
+    colors?: string[];
+    separatorWidth?: number;
+    size?: number;
+    showLabels?: boolean;
+    animate?: boolean;
+    interactive?: boolean;
+    label: any;
+    className?: string;
+    sx?: {};
+}): JSX.Element;
+export default PieChart;

package/dist/types/components/Charts/a11y.d.ts

@@ -0,0 +1,65 @@
+export function ChartTable({ caption, labels, values, valueHeader }: {
+    caption: any;
+    labels: any;
+    values: any;
+    valueHeader?: string;
+}): JSX.Element;
+/**
+ * Hover + keyboard state for a set of marks.
+ *
+ * Keyboard is not an afterthought here: the marks carry tabIndex, so the same
+ * readout a mouse gets on hover is what a keyboard gets on focus. A chart whose
+ * detail is mouse-only is a chart half its readers cannot interrogate.
+ */
+export function useChartHover(count: any): {
+    active: any;
+    setActive: any;
+    handlers: any;
+};
+/**
+ * Focusable hit targets, as real <button>s OUTSIDE the SVG.
+ *
+ * They cannot live inside the <svg>, because the SVG is aria-hidden — and a
+ * focusable element inside an aria-hidden subtree is invalid ARIA: a keyboard
+ * user can land on something a screen reader will not announce. Positioning
+ * them as an absolute overlay keeps them in the accessibility tree, gives
+ * them real button semantics for free, and means the hover readout is
+ * reachable by keyboard as well as pointer.
+ *
+ * Percentages, not pixels: the SVG scales to its container, so the overlay has
+ * to scale with it.
+ */
+export function ChartHitTargets({ count, width, centres, bandWidth, labels, values, handlers }: {
+    count: any;
+    width: any;
+    centres: any;
+    bandWidth: any;
+    labels: any;
+    values: any;
+    handlers: any;
+}): JSX.Element;
+/** In-SVG readout for the hovered mark — no portal, so nothing can be clipped
+ *  by an ancestor's overflow, and nothing needs a popover the lib lacks. */
+export function ChartReadout({ x, y, text, width, tokens }: {
+    x: any;
+    y: any;
+    text: any;
+    width: any;
+    tokens: any;
+}): JSX.Element;
+export namespace VISUALLY_HIDDEN {
+    let position: string;
+    let width: string;
+    let height: string;
+    let padding: number;
+    let margin: string;
+    let overflow: string;
+    let clip: string;
+    let clipPath: string;
+    let whiteSpace: string;
+    let border: number;
+}
+export namespace CHART_MOTION {
+    let grow: string;
+    let hover: string;
+}

package/dist/types/components/Charts/geometry.d.ts

@@ -0,0 +1,72 @@
+/**
+ * The value axis. Bar charts start at zero so bar LENGTH stays proportional to
+ * value — a bar chart with a clipped baseline misreports its own data, which is
+ * the single most common way a chart lies. Line charts may float, since a line
+ * encodes shape rather than magnitude.
+ */
+export function extent(values: any, { fromZero }?: {
+    fromZero?: boolean;
+}): {
+    min: number;
+    max: number;
+};
+/**
+ * Evenly spaced band centres across a width — the x position of bar i or
+ * point i. `inset` keeps the first and last from touching the plot edge.
+ */
+export function bands(count: any, left: any, width: any, { inset }?: {
+    inset?: number;
+}): any[];
+/** Band centres and a bar width, for charts whose marks occupy a slot. */
+export function slots(count: any, left: any, width: any, { gapRatio }?: {
+    gapRatio?: number;
+}): {
+    centres: any[];
+    bandWidth: number;
+};
+/**
+ * A smooth path through the points — Catmull-Rom converted to cubic Béziers.
+ *
+ * Catmull-Rom is used rather than a plain bezier smoothing because it passes
+ * THROUGH every point. A curve that merely approaches its data points is
+ * drawing something other than the data. `tension` 0 gives the standard
+ * uniform spline; higher values flatten it toward straight segments.
+ */
+export function smoothPath(points: any, { tension }?: {
+    tension?: number;
+}): any;
+/**
+ * One pie/donut slice as SVG path data.
+ *
+ * Angles are in radians measured clockwise from twelve o'clock, which is where
+ * a reader's eye starts. `innerR` of 0 gives a pie; anything larger gives a
+ * donut ring.
+ */
+export function arcPath(cx: any, cy: any, innerR: any, outerR: any, startAngle: any, endAngle: any): any;
+/**
+ * Slice angles for a set of values.
+ *
+ * Negative values are dropped rather than mirrored: a pie encodes parts of a
+ * whole, and a negative part of a whole has no meaning. Callers get the count
+ * back so they can say so rather than silently showing a different total.
+ */
+export function sliceAngles(values: any, { startAngle }?: {
+    startAngle?: number;
+}): {
+    slices: any;
+    total: any;
+    dropped: any;
+};
+/** Round tick values across a range, for gridlines and axis labels. */
+export function ticks({ min, max }: {
+    min: any;
+    max: any;
+}, count?: number): number[];
+export function toNumbers(data: any): any;
+export function toLabels(data: any): any;
+export function scaleY(value: any, { min, max }: {
+    min: any;
+    max: any;
+}, top: any, height: any): number;
+export function linePath(points: any): any;
+export function areaPath(d: any, points: any, baselineY: any): string;

package/dist/types/components/Charts/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./geometry";
+export { BarChart, default as BarChartDefault } from "./BarChart";
+export { LineChart, default as LineChartDefault } from "./LineChart";
+export { PieChart, default as PieChartDefault } from "./PieChart";
+export { CHART_TOKENS, CHART_LABEL_TYPE } from "./tokens";

package/dist/types/components/Charts/tokens.d.ts

@@ -0,0 +1,37 @@
+export namespace CHART_TOKENS {
+    let fill: string;
+    let track: string;
+    let line: string;
+    let quietLabel: string;
+    let label: string;
+    let gradient: string;
+}
+/**
+ * Label type. SVG <text> cannot host a lib Typography component, so the chart
+ * reads the same tokens Typography would rather than picking sizes by hand —
+ * a brand that re-picks its body face moves its chart labels with it.
+ */
+/**
+ * The icon palettes a pie's wedges cycle through.
+ *
+ * Brand accents lead, because a category has no inherent meaning and should
+ * not borrow one — a green wedge next to a red one reads as pass/fail whether
+ * or not that is what the data says. The state colours are still available for
+ * charts with more categories than accents, and a caller can pass its own
+ * subset (or reorder it) via the `colors` prop when the categories DO carry
+ * semantics: `colors={['Success', 'Warning', 'Error']}`.
+ *
+ * Every entry has a matching --Icons-On-<name> at 4.5:1, so a wedge label can
+ * sit on its own fill without anyone checking contrast by hand.
+ */
+export const CHART_PALETTES: string[];
+export function paletteTokens(name: any): {
+    fill: string;
+    onFill: string;
+};
+export namespace CHART_LABEL_TYPE {
+    let fontFamily: string;
+    let fontSize: string;
+    let fontWeight: string;
+    let letterSpacing: string;
+}

package/dist/types/components/Input/Input.d.ts

@@ -1,4 +1,9 @@
-export function Input({ variant, size, label, labelPosition, placeholder, helperText, validation, validationMessage, disabled, value, defaultValue, onChange, name, type, multiline, rows, maxRows, startAdornment, endAdornment, fullWidth, className, sx, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-required": ariaRequired, "aria-invalid": ariaInvalid, inputProps: inputPropsProp, ...props }: {
+export function floatingLabelGeometry(sizeConfig: any, hasStartAdornment: any): {
+    labelX: any;
+    restingY: number;
+    shrunkY: number;
+};
+export function Input({ variant, size, label, labelPosition, placeholder, helperText, validation, validationMessage, disabled, id: idProp, value, defaultValue, onChange, name, type, multiline, rows, maxRows, resize, startAdornment, endAdornment, fullWidth, className, sx, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-required": ariaRequired, "aria-invalid": ariaInvalid, inputProps: inputPropsProp, ...props }: {
     [x: string]: any;
     variant?: string;
     size?: string;
@@ -9,6 +14,7 @@ export function Input({ variant, size, label, labelPosition, placeholder, helper
     validation: any;
     validationMessage: any;
     disabled?: boolean;
+    id: any;
     value: any;
     defaultValue: any;
     onChange: any;
@@ -17,6 +23,7 @@ export function Input({ variant, size, label, labelPosition, placeholder, helper
     multiline?: boolean;
     rows: any;
     maxRows: any;
+    resize?: string;
     startAdornment: any;
     endAdornment: any;
     fullWidth?: boolean;
@@ -29,6 +36,101 @@ export function Input({ variant, size, label, labelPosition, placeholder, helper
     "aria-invalid": any;
     inputProps?: {};
 }): JSX.Element;
+export namespace FLOATING_SIZE_MAP {
+    namespace small {
+        let height: string;
+        let fontSize: string;
+        let labelSize: string;
+        let padding: string;
+        let padTop: number;
+        let padBottom: number;
+        let leftPad: number;
+        let iconSize: number;
+    }
+    namespace medium {
+        let height_1: string;
+        export { height_1 as height };
+        let fontSize_1: string;
+        export { fontSize_1 as fontSize };
+        let labelSize_1: string;
+        export { labelSize_1 as labelSize };
+        let padding_1: string;
+        export { padding_1 as padding };
+        let padTop_1: number;
+        export { padTop_1 as padTop };
+        let padBottom_1: number;
+        export { padBottom_1 as padBottom };
+        let leftPad_1: number;
+        export { leftPad_1 as leftPad };
+        let iconSize_1: number;
+        export { iconSize_1 as iconSize };
+    }
+    namespace large {
+        let height_2: string;
+        export { height_2 as height };
+        let fontSize_2: string;
+        export { fontSize_2 as fontSize };
+        let labelSize_2: string;
+        export { labelSize_2 as labelSize };
+        let padding_2: string;
+        export { padding_2 as padding };
+        let padTop_2: number;
+        export { padTop_2 as padTop };
+        let padBottom_2: number;
+        export { padBottom_2 as padBottom };
+        let leftPad_2: number;
+        export { leftPad_2 as leftPad };
+        let iconSize_2: number;
+        export { iconSize_2 as iconSize };
+    }
+}
+/**
+ * Floating-label geometry.
+ *
+ * Exported and pure so the arithmetic can be tested directly. The rendered
+ * transform cannot be: jsdom reports MUI's own base rule rather than the
+ * emotion override, so a DOM assertion here would pass whatever these values
+ * were — which is exactly how the constants survived.
+ *
+ * X — the resting label must start where the input TEXT starts, or it jumps
+ * sideways as it shrinks. With a start adornment the text begins after it, so
+ * the label clears what the adornment actually occupies: marginLeft + icon +
+ * gap. This was a flat +32, which is 8px too far at large and 12px at small —
+ * the error grew as the icon got SMALLER.
+ *
+ * Y — the resting label is centred in the field. This was a flat 16px, which
+ * centred `small` and left `large` 4px high — the error grew as the field got
+ * TALLER. Two constants, two errors, running in opposite directions.
+ */
+export const LABEL_LINE_HEIGHT: 1.4375;
+export namespace FLOATING_LABEL_STYLE {
+    export namespace small_1 {
+        let resting: string;
+        let shrunk: string;
+    }
+    export { small_1 as small };
+    export namespace medium_1 {
+        let resting_1: string;
+        export { resting_1 as resting };
+        let shrunk_1: string;
+        export { shrunk_1 as shrunk };
+    }
+    export { medium_1 as medium };
+    export namespace large_1 {
+        let resting_2: string;
+        export { resting_2 as resting };
+        let shrunk_2: string;
+        export { shrunk_2 as shrunk };
+    }
+    export { large_1 as large };
+}
+/** Space between a start adornment and the text after it.
+ *
+ *  Load-bearing in two places that must agree: the adornment's marginRight and
+ *  the label's x offset. Split across two numbers (a 4px margin plus a 4px
+ *  input padding) they drifted apart — the label sat 4px off the text it is
+ *  supposed to be the label FOR. One constant, used by both. */
+export const ADORNMENT_GAP: 8;
 export function PrimaryOutlineInput(p: any): JSX.Element;
 export function SecondaryOutlineInput(p: any): JSX.Element;
 export function TertiaryOutlineInput(p: any): JSX.Element;

package/dist/types/components/Snackbar/Snackbar.d.ts

@@ -1,9 +1,10 @@
-export function Snackbar({ children, open, onClose, variant, color, size, anchor, autoHideDuration, startDecorator, endDecorator, action, className, sx, ...props }: {
+export function Snackbar({ children, open, onClose, variant, surface, color, size, anchor, autoHideDuration, startDecorator, endDecorator, action, className, sx, ...props }: {
     [x: string]: any;
     children: any;
     open?: boolean;
     onClose: any;
     variant?: string;
+    surface: any;
     color?: string;
     size?: string;
     anchor?: string;

package/dist/types/components/TextField/TextField.d.ts

@@ -21,7 +21,7 @@
  * @param {object} sx - Additional MUI sx props
  * @param {object} ...props - Other MUI TextField props
  */
-export function TextField({ label, value, onChange, placeholder, error, errorMessage, disabled, helperText, variant, size, type, required, fullWidth, startAdornment, endAdornment, sx, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...props }: string): JSX.Element;
+export function TextField({ label, value, onChange, placeholder, error, errorMessage, disabled, helperText, variant, size, type, required, fullWidth, startAdornment, endAdornment, sx, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, onFocus: onFocusProp, onBlur: onBlurProp, ...props }: string): JSX.Element;
 /**
  * Email TextField
  * Pre-configured for email input with validation
@@ -77,20 +77,34 @@ export function URLTextField({ label, placeholder, ...props }: {
  * Textarea Component
  * Multi-line text input
  */
-export function TextArea({ label, value, onChange, placeholder, error, errorMessage, disabled, helperText, rows, required, fullWidth, sx, ...props }: {
+/**
+ * TextArea — Input, multiline.
+ *
+ * A thin delegation, not a component. It used to be a second implementation
+ * wrapping MUI's TextField directly, and the two had drifted apart in every
+ * way that matters:
+ *
+ *   - No borderRadius at all, so it inherited MUI's corner instead of
+ *     --Input-Radius. A TextArea beside a TextInput had a visibly different
+ *     corner, and the STUDIO ships a CSS override to paper over it
+ *     (libRadiusOverrideCSS) whose own comment says "the real fix is for the
+ *     lib to read the token". This is that fix — the override can go.
+ *   - error / errorMessage where Input has validation / validationMessage, so
+ *     the same state was spelled two ways depending on which control you
+ *     reached for.
+ *   - No size, no variant, no colour, no adornments, no floating label.
+ *
+ * Input already takes multiline / rows / maxRows and renders a <textarea>, so
+ * there was never a second thing to build — only a second thing to maintain.
+ * The export stays so callers do not break; everything it can do is now
+ * everything Input can do.
+ */
+export function TextArea({ error, errorMessage, rows, fullWidth, ...props }: {
     [x: string]: any;
-    label: any;
-    value?: string;
-    onChange: any;
-    placeholder: any;
     error?: boolean;
     errorMessage?: string;
-    disabled?: boolean;
-    helperText?: string;
     rows?: number;
-    required?: boolean;
     fullWidth?: boolean;
-    sx?: {};
 }): JSX.Element;
 /**
  * TextFieldGroup Component

package/dist/types/components/TreeView/TreeView.d.ts

@@ -1,7 +1,8 @@
-export function OmniTreeView({ color, variant, density, animation, selectionStyle, items, selectionMode, checkboxSelection, disableSelection, disabledItemsFocusable, defaultExpandedItems, expandedItems, onExpandedItemsChange, selectedItems, onSelectedItemsChange, onItemExpansionToggle, onItemSelectionToggle, slots, "aria-label": ariaLabel, className, sx, ...props }: {
+export function OmniTreeView({ color, variant, surface, density, animation, selectionStyle, items, selectionMode, checkboxSelection, disableSelection, disabledItemsFocusable, defaultExpandedItems, expandedItems, onExpandedItemsChange, selectedItems, onSelectedItemsChange, onItemExpansionToggle, onItemSelectionToggle, slots, "aria-label": ariaLabel, className, sx, ...props }: {
     [x: string]: any;
     color?: string;
     variant?: string;
+    surface: any;
     density?: string;
     animation?: string;
     selectionStyle: any;

package/dist/types/components/_shadows.d.ts

@@ -13,11 +13,11 @@
  */
 export function bevelShadow(color: any, size: any): string;
 export const SHADOW_LEVEL_0: "none";
-export const SHADOW_LEVEL_1: any;
-export const SHADOW_LEVEL_2: any;
-export const SHADOW_LEVEL_3: any;
-export const SHADOW_LEVEL_4: any;
-export const SHADOW_LEVEL_5: any;
+export const SHADOW_LEVEL_1: string;
+export const SHADOW_LEVEL_2: string;
+export const SHADOW_LEVEL_3: string;
+export const SHADOW_LEVEL_4: string;
+export const SHADOW_LEVEL_5: string;
 export const SHADOWS: {
     0: string;
     1: string;

package/dist/types/components/index.d.ts

@@ -26,6 +26,7 @@ declare const _default: {};
 export default _default;
 export { OmniStack as DynoStack } from "./Stack/Stack";
 export { OmniTreeView as DynoTreeView } from "./TreeView/TreeView";
+export * as chartGeometry from "./Charts/geometry";
 export { Typography, CAP_HEIGHT_TRIM, Heading, DisplayLarge, DisplayMedium, DisplaySmall, H1, H2, H3, H4, H5, H6, Body, Body1, Body2, BodySemibold, BodyBold, BodySmall, BodySmallSemibold, BodySmallBold, BodyLarge, BodyLargeSemibold, BodyLargeBold, Caption, CaptionBold, Subtitle, Subtitle1, Subtitle2, SubtitleSmall, SubtitleMedium, SubtitleLarge, Legal, LegalSemibold, Label, LabelExtraSmall, LabelSmall, LabelLarge, Eyebrow, EyebrowSmall, EyebrowMedium, EyebrowLarge, Overline, OverlineSmall, OverlineMedium, OverlineLarge, NumberSmall, NumberMedium, NumberLarge, Button as ButtonText, ButtonSmall } from "./Typography";
 export { Icon, IconShowcase } from "./Icon";
 export { Fab, FabShowcase } from "./Fab";
@@ -72,3 +73,4 @@ export { Accordion, AccordionSummary, AccordionDetails, AccordionGroup } from ".
 export { OmniTreeView, SolidTreeView, LightTreeView, DEFAULT_ITEMS, TreeBranch, TreeViewShowcase } from "./TreeView";
 export { OmniDesignProvider, useOmniDesign, ThemedZone, Surfaced } from "../OmniDesignProvider";
 export { CodeBlock, CopyButton } from "./CodeBlock/CodeBlock";
+export { BarChart, LineChart, PieChart, CHART_TOKENS, CHART_LABEL_TYPE } from "./Charts";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omni-design/components",
-  "version": "0.7.3",
+  "version": "0.7.4",
   "description": "DynoDesign adaptive component library — token-driven React components with customizable CSS theming",
   "author": "Lise Noble",
   "license": "Apache-2.0",