panelui-native 0.44.0 → 0.46.0

package/lib/typescript/src/components/{kpi-chart → kpi}/index.d.ts

@@ -1,5 +1,5 @@
 /**
- * KpiChart — one number, and what it is doing.
+ * Kpi — one number, and what it is doing.
  *
  * A metric card is not a chart with a caption. The number is the message and
  * the chart is the footnote, so the parts here are sized and ordered around
@@ -8,16 +8,16 @@
  * because nobody is reading values off it.
  *
  * ```tsx
- * <KpiChart>
- *   <KpiChart.Header>
- *     <KpiChart.Title>Active users</KpiChart.Title>
- *   </KpiChart.Header>
- *   <KpiChart.Content>
- *     <KpiChart.Value>12,480</KpiChart.Value>
- *     <KpiChart.Trend value={12.4} />
- *   </KpiChart.Content>
- *   <KpiChart.Chart data={week} dataKey="v" />
- * </KpiChart>
+ * <Kpi>
+ *   <Kpi.Header>
+ *     <Kpi.Title>Active users</Kpi.Title>
+ *   </Kpi.Header>
+ *   <Kpi.Content>
+ *     <Kpi.Value>12,480</Kpi.Value>
+ *     <Kpi.Trend value={12.4} />
+ *   </Kpi.Content>
+ *   <Kpi.Chart data={week} dataKey="v" />
+ * </Kpi>
  * ```
  *
  * The trend is given a number rather than a written string, so the component
@@ -244,7 +244,7 @@ type KpiVariantProps = VariantProps<typeof kpiVariants>;
 export type KpiTone = NonNullable<KpiVariantProps['tone']>;
 /** Which direction of movement is the good news for this metric. */
 export type KpiGoodDirection = 'up' | 'down' | 'none';
-export interface KpiChartProps extends Omit<ViewProps, 'children'> {
+export interface KpiProps extends Omit<ViewProps, 'children'> {
     className?: string;
     /**
      * Which `--color-chart-*` token the sparkline and the icon take. Set on the
@@ -262,16 +262,16 @@ export interface KpiChartProps extends Omit<ViewProps, 'children'> {
     surface?: boolean;
     children: ReactNode;
 }
-export interface KpiChartHeaderProps extends ViewProps {
+export interface KpiHeaderProps extends ViewProps {
     className?: string;
     children: ReactNode;
 }
 /** The top row: an icon, the metric's name, and anything acting on it. */
-declare function KpiChartHeader({ className, children, ...props }: KpiChartHeaderProps): import("react").JSX.Element;
-declare namespace KpiChartHeader {
+declare function KpiHeader({ className, children, ...props }: KpiHeaderProps): import("react").JSX.Element;
+declare namespace KpiHeader {
     var displayName: string;
 }
-export interface KpiChartIconProps extends ViewProps {
+export interface KpiIconProps extends ViewProps {
     className?: string;
     /** Overrides the tint the card's `colorIndex` would give it. */
     tone?: KpiTone;
@@ -284,20 +284,20 @@ export interface KpiChartIconProps extends ViewProps {
  * from whatever set the app already uses — and an icon from outside this
  * library will not read an ambient colour, so pass it one.
  */
-declare function KpiChartIcon({ className, tone, children, ...props }: KpiChartIconProps): import("react").JSX.Element;
-declare namespace KpiChartIcon {
+declare function KpiIcon({ className, tone, children, ...props }: KpiIconProps): import("react").JSX.Element;
+declare namespace KpiIcon {
     var displayName: string;
 }
-export interface KpiChartTitleProps {
+export interface KpiTitleProps {
     className?: string;
     children: ReactNode;
 }
 /** The metric's name. Quiet on purpose — the value is the thing being read. */
-declare function KpiChartTitle({ className, children }: KpiChartTitleProps): import("react").JSX.Element;
-declare namespace KpiChartTitle {
+declare function KpiTitle({ className, children }: KpiTitleProps): import("react").JSX.Element;
+declare namespace KpiTitle {
     var displayName: string;
 }
-export interface KpiChartStatProps extends ViewProps {
+export interface KpiStatProps extends ViewProps {
     className?: string;
     children: ReactNode;
 }
@@ -310,31 +310,31 @@ export interface KpiChartStatProps extends ViewProps {
  * between facts. It also takes the width in an `inline` row, leaving the chart
  * its column on the end.
  */
-declare function KpiChartStat({ className, children, ...props }: KpiChartStatProps): import("react").JSX.Element;
-declare namespace KpiChartStat {
+declare function KpiStat({ className, children, ...props }: KpiStatProps): import("react").JSX.Element;
+declare namespace KpiStat {
     var displayName: string;
 }
-export interface KpiChartActionsProps extends ViewProps {
+export interface KpiActionsProps extends ViewProps {
     className?: string;
     children: ReactNode;
 }
 /** The trailing end of the header — a menu trigger, a filter, a link. */
-declare function KpiChartActions({ className, children, ...props }: KpiChartActionsProps): import("react").JSX.Element;
-declare namespace KpiChartActions {
+declare function KpiActions({ className, children, ...props }: KpiActionsProps): import("react").JSX.Element;
+declare namespace KpiActions {
     var displayName: string;
 }
-export interface KpiChartContentProps extends ViewProps {
+export interface KpiContentProps extends ViewProps {
     className?: string;
     /** `inline` puts the chart beside the value instead of under everything. */
     layout?: NonNullable<KpiVariantProps['layout']>;
     children: ReactNode;
 }
 /** The row the value and the trend share. */
-declare function KpiChartContent({ className, layout, children, ...props }: KpiChartContentProps): import("react").JSX.Element;
-declare namespace KpiChartContent {
+declare function KpiContent({ className, layout, children, ...props }: KpiContentProps): import("react").JSX.Element;
+declare namespace KpiContent {
     var displayName: string;
 }
-export interface KpiChartValueProps {
+export interface KpiValueProps {
     className?: string;
     children: ReactNode;
 }
@@ -345,11 +345,11 @@ export interface KpiChartValueProps {
  * and units are locale decisions, and a component that guessed them would be
  * wrong in a way that is hard to notice and impossible to override.
  */
-declare function KpiChartValue({ className, children }: KpiChartValueProps): import("react").JSX.Element;
-declare namespace KpiChartValue {
+declare function KpiValue({ className, children }: KpiValueProps): import("react").JSX.Element;
+declare namespace KpiValue {
     var displayName: string;
 }
-export interface KpiChartTrendProps extends Omit<ViewProps, 'children'> {
+export interface KpiTrendProps extends Omit<ViewProps, 'children'> {
     className?: string;
     /**
      * How much it moved, as a percentage. The sign carries the direction, so
@@ -386,11 +386,11 @@ export interface KpiChartTrendProps extends Omit<ViewProps, 'children'> {
  * label has to remember to change the colour when the metric changes, and
  * nobody does.
  */
-declare function KpiChartTrend({ className, value, format, goodDirection, variant, caption, threshold, children, ...props }: KpiChartTrendProps): import("react").JSX.Element;
-declare namespace KpiChartTrend {
+declare function KpiTrend({ className, value, format, goodDirection, variant, caption, threshold, children, ...props }: KpiTrendProps): import("react").JSX.Element;
+declare namespace KpiTrend {
     var displayName: string;
 }
-export interface KpiChartSparklineProps {
+export interface KpiSparklineProps {
     className?: string;
     /** The rows. One point each, in order. */
     data: LineChartDatum[];
@@ -421,11 +421,11 @@ export interface KpiChartSparklineProps {
  * every point of padding is a point the shape is not using. Nobody reads a
  * value off one of these; they read whether it is going up.
  */
-declare function KpiChartSparkline({ className, data, dataKey, colorIndex, filled, height, inline, strokeWidth, }: KpiChartSparklineProps): import("react").JSX.Element;
-declare namespace KpiChartSparkline {
+declare function KpiSparkline({ className, data, dataKey, colorIndex, filled, height, inline, strokeWidth, }: KpiSparklineProps): import("react").JSX.Element;
+declare namespace KpiSparkline {
     var displayName: string;
 }
-export interface KpiChartProgressProps {
+export interface KpiProgressProps {
     className?: string;
     /** Where it has got to. */
     value: number;
@@ -437,32 +437,32 @@ export interface KpiChartProgressProps {
     showValueLabel?: boolean;
 }
 /** Progress towards a target, for a metric that has one. */
-declare function KpiChartProgressBar({ className, value, maxValue, label, showValueLabel, }: KpiChartProgressProps): import("react").JSX.Element;
-declare namespace KpiChartProgressBar {
+declare function KpiProgressBar({ className, value, maxValue, label, showValueLabel, }: KpiProgressProps): import("react").JSX.Element;
+declare namespace KpiProgressBar {
     var displayName: string;
 }
-export interface KpiChartFooterProps extends ViewProps {
+export interface KpiFooterProps extends ViewProps {
     className?: string;
     children: ReactNode;
 }
 /** The bottom strip — a comparison period, a caveat, a link. */
-declare function KpiChartFooter({ className, children, ...props }: KpiChartFooterProps): import("react").JSX.Element;
-declare namespace KpiChartFooter {
+declare function KpiFooter({ className, children, ...props }: KpiFooterProps): import("react").JSX.Element;
+declare namespace KpiFooter {
     var displayName: string;
 }
-export interface KpiChartSeparatorProps extends ViewProps {
+export interface KpiSeparatorProps extends ViewProps {
     className?: string;
 }
 /** A hairline across the card. */
-declare function KpiChartSeparator({ className, ...props }: KpiChartSeparatorProps): import("react").JSX.Element;
-declare namespace KpiChartSeparator {
+declare function KpiSeparator({ className, ...props }: KpiSeparatorProps): import("react").JSX.Element;
+declare namespace KpiSeparator {
     var displayName: string;
 }
-export type KpiChartGroupOrientation = 'horizontal' | 'vertical';
-export interface KpiChartGroupProps extends ViewProps {
+export type KpiGroupOrientation = 'horizontal' | 'vertical';
+export interface KpiGroupProps extends ViewProps {
     className?: string;
     /** `horizontal` splits the row between the cards; `vertical` stacks them. */
-    orientation?: KpiChartGroupOrientation;
+    orientation?: KpiGroupOrientation;
     /**
      * Draw a hairline between the cards rather than spacing them apart. Several
      * metrics separated by a rule read as one panel; several spaced apart read
@@ -471,20 +471,20 @@ export interface KpiChartGroupProps extends ViewProps {
     separated?: boolean;
     children: ReactNode;
 }
-export declare const KpiChart: import("react").ForwardRefExoticComponent<KpiChartProps & import("react").RefAttributes<View>> & {
-    Header: typeof KpiChartHeader;
-    Icon: typeof KpiChartIcon;
-    Title: typeof KpiChartTitle;
-    Stat: typeof KpiChartStat;
-    Actions: typeof KpiChartActions;
-    Content: typeof KpiChartContent;
-    Value: typeof KpiChartValue;
-    Trend: typeof KpiChartTrend;
-    Chart: typeof KpiChartSparkline;
-    Progress: typeof KpiChartProgressBar;
-    Footer: typeof KpiChartFooter;
-    Separator: typeof KpiChartSeparator;
-    Group: import("react").ForwardRefExoticComponent<KpiChartGroupProps & import("react").RefAttributes<View>>;
+export declare const Kpi: import("react").ForwardRefExoticComponent<KpiProps & import("react").RefAttributes<View>> & {
+    Header: typeof KpiHeader;
+    Icon: typeof KpiIcon;
+    Title: typeof KpiTitle;
+    Stat: typeof KpiStat;
+    Actions: typeof KpiActions;
+    Content: typeof KpiContent;
+    Value: typeof KpiValue;
+    Trend: typeof KpiTrend;
+    Chart: typeof KpiSparkline;
+    Progress: typeof KpiProgressBar;
+    Footer: typeof KpiFooter;
+    Separator: typeof KpiSeparator;
+    Group: import("react").ForwardRefExoticComponent<KpiGroupProps & import("react").RefAttributes<View>>;
 };
 export {};
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/kpi/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/kpi/index.tsx"],"names":[],"mappings":"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"}

package/lib/typescript/src/components/line-chart/index.d.ts

@@ -191,6 +191,30 @@ declare namespace LineChartXAxis {
     var displayName: string;
     var layer: Layer;
 }
+export interface LineChartYAxisProps {
+    /** How many intervals to divide the axis into. Yields `ticks + 1` labels. */
+    ticks?: number;
+    /** Turn a value into its label. Defaults to a compact number. */
+    format?: (value: number) => string;
+    className?: string;
+}
+/**
+ * Value labels down the side, one per grid line.
+ *
+ * Give it the same `ticks` as the grid, or the numbers name lines that are not
+ * there. Four is the default on both for that reason.
+ *
+ * The labels are the domain the data settles at, not the tweening one — a
+ * number that counts up through every intermediate value while the axis
+ * animates is noise, and the axis is the part of the chart that is supposed to
+ * hold still enough to read.
+ */
+declare function LineChartYAxis({ ticks, format, className }: LineChartYAxisProps): import("react").JSX.Element;
+declare namespace LineChartYAxis {
+    var displayName: string;
+    var layer: Layer;
+    var axis: "y";
+}
 export interface LineChartTooltipProps {
     color?: string;
     /**
@@ -272,7 +296,6 @@ declare namespace LineChartHeader {
     var displayName: string;
     var layer: Layer;
 }
-/** Only reached if the theme CSS was never imported. */
 export declare const LineChart: import("react").ForwardRefExoticComponent<LineChartProps & import("react").RefAttributes<LineChartHandle>> & {
     Header: typeof LineChartHeader;
     Grid: typeof LineChartGrid;
@@ -280,6 +303,7 @@ export declare const LineChart: import("react").ForwardRefExoticComponent<LineCh
     Line: typeof LineChartLine;
     Skeleton: typeof LineChartSkeleton;
     XAxis: typeof LineChartXAxis;
+    YAxis: typeof LineChartYAxis;
     Tooltip: typeof LineChartTooltip;
     Legend: typeof LineChartLegend;
 };

package/lib/typescript/src/components/line-chart/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/line-chart/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/line-chart/index.tsx"],"names":[],"mappings":"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"}

package/lib/typescript/src/components/pie-chart/index.d.ts

@@ -0,0 +1,245 @@
+/**
+ * PieChart — one whole, divided between its parts.
+ *
+ * ```tsx
+ * <PieChart data={spend} innerRadius={0.58}>
+ *   <PieChart.Header title="This month" value="$18,420" legend />
+ *   <PieChart.Slices />
+ *   <PieChart.Center />
+ * </PieChart>
+ * ```
+ *
+ * ## What it is, against the ring beside it
+ *
+ * A ring chart draws a value against *its own* target, so three rings can all
+ * sit at ninety percent of three unrelated numbers and nothing has to add up.
+ * A pie is the opposite claim: every slice is a share of one total, the angles
+ * must come to a full turn, and a slice only means anything next to the others.
+ * That is why nothing here takes a `maxValue` and why every value is normalised
+ * against the sum — the sum *is* the subject.
+ *
+ * It follows that a pie is the wrong shape for a great many things. Two numbers
+ * that do not belong to one whole, a series over time, anything a reader has to
+ * compare precisely: all of those are a bar chart, because an angle is the
+ * hardest quantity to read off a page and the fifth-largest slice of eleven is
+ * not a fact anybody is going to extract. Use it for a handful of parts of one
+ * obvious total, and put the number in the middle.
+ *
+ * ## Drawing
+ *
+ * Each slice is a filled path rather than a stroked arc, because a slice is a
+ * *region* — two arcs and two radial edges — and a stroke is a band of even
+ * thickness with no ends of its own. `wedgePath` builds it, and rebuilds it on
+ * the UI thread on every frame of the reveal.
+ *
+ * That is what makes the reveal an unroll rather than a fade: one angle sweeps
+ * clockwise from the start and each slice is drawn only as far as it has got
+ * to. The pie fills the way it would be drawn by hand, and the slices arrive in
+ * the order they are listed rather than all at once.
+ *
+ * Touch, not hover: a slice is selected by pressing it, and pressing the same
+ * one again clears the selection. There is no equivalent of a pointer resting
+ * somewhere without committing, so a chart that only revealed its numbers on
+ * hover would never reveal them at all.
+ */
+import { type ReactNode } from 'react';
+import { type ViewProps } from 'react-native';
+/** Whether the chart is showing data or waiting for it. */
+export type PieChartStatus = 'loading' | 'ready';
+/** One slice. Its share is worked out from the others, so there is no maximum. */
+export interface PieDatum {
+    /** Name for the legend, the centre readout and the accessibility label. */
+    label: string;
+    /** How much of the whole this slice is. Negatives are treated as zero. */
+    value: number;
+    /** Explicit colour, overriding the `--color-chart-*` token. */
+    color?: string;
+}
+/** The selected slice and its share, for something rendered inside the chart. */
+export declare function usePieChart(): {
+    activeIndex: number;
+    activeSlice: PieDatum | null;
+    /** The selected slice's share of the whole, 0 to 1. */
+    activeFraction: number;
+};
+export interface PieChartProps extends ViewProps {
+    className?: string;
+    /** One entry per slice, in the order they are drawn clockwise. */
+    data: PieDatum[];
+    /** Fixed diameter in points. Measured from the container when omitted. */
+    size?: number;
+    /**
+     * The hole, as a share of the radius. `0` is a pie; anything above it is a
+     * donut, and `0.55`–`0.65` is the range that leaves room for a readout in the
+     * middle without the band getting thin enough to be hard to hit.
+     *
+     * Given as a share rather than in points so a chart keeps its proportions at
+     * whatever size it is measured at.
+     */
+    innerRadius?: number;
+    /** Where the first slice begins, in degrees clockwise from twelve o'clock. */
+    startAngle?: number;
+    /**
+     * Where the last one ends, on the same clock. Leaving a turn's worth between
+     * the two gives a closed pie; anything less leaves a gap and reads as a dial.
+     */
+    endAngle?: number;
+    /** Gap between one slice and the next, in degrees. */
+    padAngle?: number;
+    /**
+     * The smallest angle any non-zero slice is drawn at, in degrees.
+     *
+     * A slice worth a fifth of a percent is a hairline nobody can see and nobody
+     * can press, so it reads as missing rather than as small — and "missing" is a
+     * different claim from "nearly none". The angle it borrows comes off the
+     * others in proportion, so the turn still closes.
+     */
+    minAngle?: number;
+    /** Milliseconds for the pie to unroll. */
+    animationDuration?: number;
+    /** `loading` draws a plain muted ring until the data arrives. */
+    status?: PieChartStatus;
+    /** Selected slice. Leave unset to let the chart track it. */
+    activeIndex?: number;
+    /** Fires with the selected slice, or `-1` when the selection is cleared. */
+    onActiveIndexChange?: (index: number) => void;
+    children?: ReactNode;
+}
+/** Imperative handle: re-run the unroll, for a "replay" control. */
+export interface PieChartHandle {
+    replay: () => void;
+}
+export interface PieChartSlicesProps {
+    /** Rounds the four turns of each slice, in points. */
+    cornerRadius?: number;
+    /** How far a selected slice lifts out of the pie, in points. */
+    popOut?: number;
+    /** Opacity of the slices that are not selected, once one is. */
+    dimOpacity?: number;
+}
+/**
+ * Every slice, drawn in the order the data lists them.
+ *
+ * One part rather than one per datum, unlike the rings next door. A ring is
+ * configured on its own — its own thickness, its own cap, its own segment count
+ * — because it is its own measurement. Slices of a pie are not: they share a
+ * radius, a hole and a dial by definition, and a chart where one of them could
+ * be given a different radius would be a chart drawing a lie.
+ */
+declare function PieChartSlices({ cornerRadius, popOut, dimOpacity, }: PieChartSlicesProps): import("react").JSX.Element | null;
+declare namespace PieChartSlices {
+    var displayName: string;
+    var slot: "svg";
+}
+export interface PieChartSkeletonProps {
+    color?: string;
+}
+/**
+ * The loading state: the dial as one plain band, with nothing divided up yet.
+ *
+ * Deliberately undivided. Placeholder slices would be a made-up split, and a
+ * reader has no way to tell an invented one from a real one until it changes
+ * under them — which is worse than showing nothing, because it is showing
+ * something wrong.
+ */
+declare function PieChartSkeleton({ color }: PieChartSkeletonProps): import("react").JSX.Element | null;
+declare namespace PieChartSkeleton {
+    var displayName: string;
+    var slot: "svg";
+}
+export interface PieChartCenterProps {
+    /** Heading shown when no slice is selected. */
+    defaultLabel?: string;
+    /** Format the number under the label. Defaults to a compact number. */
+    formatValue?: (value: number, slice: PieDatum | null) => string;
+    /**
+     * Draw the middle yourself. Given the selected slice, or `null` when nothing
+     * is selected.
+     */
+    children?: (slice: PieDatum | null) => ReactNode;
+    className?: string;
+}
+/**
+ * The hole's readout: the total, and the selected slice's own figures once one
+ * is picked.
+ *
+ * Unlike the ring chart's centre, the default here *is* an aggregate, and it is
+ * the honest one — the whole point of a pie is that its parts belong to a total,
+ * so the total is the number the chart is about. Selecting a slice swaps it for
+ * that slice's value and its share.
+ */
+declare function PieChartCenter({ defaultLabel, formatValue, children, className, }: PieChartCenterProps): import("react").JSX.Element | null;
+declare namespace PieChartCenter {
+    var displayName: string;
+    var slot: "overlay";
+}
+export interface PieChartLegendProps extends ViewProps {
+    className?: string;
+    /** Show each slice's share of the whole beside its name. */
+    showValue?: boolean;
+}
+/**
+ * A swatch, a name and a share per slice, under the chart and across the width
+ * of it. Pressable in the same way the slices are — the legend is usually the
+ * easier target of the two, and a slice worth a couple of percent is not a
+ * target at all.
+ *
+ * It wraps rather than stacking, so five or six entries take two lines instead
+ * of six. A key is a lookup table, and a lookup table read down a column of one
+ * word each is a column the eye has to walk.
+ */
+declare function PieChartLegend({ className, showValue, ...props }: PieChartLegendProps): import("react").JSX.Element | null;
+declare namespace PieChartLegend {
+    var displayName: string;
+    var slot: "footer";
+}
+export interface PieChartHeaderProps extends ViewProps {
+    className?: string;
+    /** Small line above the value — what the chart is of. */
+    title?: string;
+    /** The readout. The largest thing on the card, and the first thing read. */
+    value?: string;
+    /** One muted line under the value — a period, a comparison, a caveat. */
+    caption?: string;
+    /** Prettier names for the slices, keyed by their `label`. */
+    labels?: Record<string, string>;
+    /**
+     * Draw a swatch and a name per slice along the trailing edge.
+     *
+     * For two or three short names. Past that use `PieChart.Legend`, which runs
+     * under the chart across the full width: a key of five long names crammed
+     * into the trailing corner of a header wraps to a column and leaves the title
+     * beside it a few points wide.
+     */
+    legend?: boolean;
+    /** Trailing slot — a control, a badge, a range picker. Wins over `legend`. */
+    children?: ReactNode;
+}
+/**
+ * The strip above the pie: what the chart is of, what it reads, and what the
+ * colours mean.
+ *
+ * It belongs to the chart rather than to the card around it because it is about
+ * the *slices* — the number changes as one is selected, and the legend is the
+ * list the chart itself is holding. The card's header is a caption on the tray
+ * the chart sits in; this is the chart introducing itself.
+ *
+ * The value is not derived here even though there is a total to derive it from,
+ * because the formatting is not the chart's to guess: a total of 18420 is a
+ * count, a currency or a percentage depending on what was counted, and only the
+ * caller knows which.
+ */
+declare function PieChartHeader({ className, title, value, caption, labels, legend, children, ...props }: PieChartHeaderProps): import("react").JSX.Element;
+declare namespace PieChartHeader {
+    var displayName: string;
+    var slot: "header";
+}
+export declare const PieChart: import("react").ForwardRefExoticComponent<PieChartProps & import("react").RefAttributes<PieChartHandle>> & {
+    Header: typeof PieChartHeader;
+    Slices: typeof PieChartSlices;
+    Center: typeof PieChartCenter;
+    Legend: typeof PieChartLegend;
+    Skeleton: typeof PieChartSkeleton;
+};
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/pie-chart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/pie-chart/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,OAAO,EAWL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAA2C,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAwBvF,2DAA2D;AAC3D,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,OAAO,CAAC;AAEjD,kFAAkF;AAClF,MAAM,WAAW,QAAQ;IACvB,2EAA2E;IAC3E,KAAK,EAAE,MAAM,CAAC;IACd,0EAA0E;IAC1E,KAAK,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA2CD,iFAAiF;AACjF,wBAAgB,WAAW;;;IAKvB,uDAAuD;;EAG1D;AAED,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kEAAkE;IAClE,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8EAA8E;IAC9E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0CAA0C;IAC1C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iEAAiE;IACjE,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4EAA4E;IAC5E,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,oEAAoE;AACpE,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAiPD,MAAM,WAAW,mBAAmB;IAClC,sDAAsD;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gEAAgE;IAChE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gEAAgE;IAChE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;;;;;GAQG;AACH,iBAAS,cAAc,CAAC,EACtB,YAAgB,EAChB,MAAU,EACV,UAAiB,GAClB,EAAE,mBAAmB,sCAmCrB;kBAvCQ,cAAc;;;;AAmIvB,MAAM,WAAW,qBAAqB;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;GAOG;AACH,iBAAS,gBAAgB,CAAC,EAAE,KAAK,EAAE,EAAE,qBAAqB,sCAazD;kBAbQ,gBAAgB;;;;AAiBzB,MAAM,WAAW,mBAAmB;IAClC,+CAA+C;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uEAAuE;IACvE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,GAAG,IAAI,KAAK,MAAM,CAAC;IAChE;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,KAAK,SAAS,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,iBAAS,cAAc,CAAC,EACtB,YAAsB,EACtB,WAAW,EACX,QAAQ,EACR,SAAS,GACV,EAAE,mBAAmB,sCAwCrB;kBA7CQ,cAAc;;;;AAiDvB,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;;;GASG;AACH,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,SAAgB,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,sCA+CrF;kBA/CQ,cAAc;;;;AAmDvB,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yEAAyE;IACzE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;GAaG;AACH,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,KAAK,EACL,KAAK,EACL,OAAO,EACP,MAAM,EACN,MAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,mBAAmB,+BAwDrB;kBAjEQ,cAAc;;;;AAqEvB,eAAO,MAAM,QAAQ;;;;;;CAMnB,CAAC"}