@cdx-ui/components 0.3.4 → 0.3.6

package/lib/typescript/components/chart/palette.d.ts

@@ -0,0 +1,44 @@
+export declare function useChartSimpleColor(): string;
+/**
+ * A Forge color token by name: `simple-*` and `categorical-*` resolve
+ * `--color-chart-<name>`, severity names resolve `--color-surface-<name>-strong`.
+ * Overrides take a name, not a CSS color, so FI themes and dark mode recolor every chart.
+ */
+export type ChartColor = 'danger' | 'warning' | 'success' | 'info' | 'simple-primary' | 'simple-secondary' | 'simple-tertiary' | 'categorical-1' | 'categorical-2' | 'categorical-3' | 'categorical-4' | 'categorical-5' | 'categorical-6';
+export type ChartColorPaints = Readonly<Record<ChartColor, string>>;
+export declare function resolveChartColor(color: ChartColor | undefined, paints: ChartColorPaints): string | undefined;
+export declare function useChartColorPaints(): ChartColorPaints;
+export interface ChartChrome {
+    readonly grid: string;
+    readonly label: string;
+    readonly surface: string;
+    readonly fontFamily: string;
+    /** `text-xs` — axis ticks and category labels. */
+    readonly labelSize: number;
+    /** `text-2xs` — values, reference and marker captions. */
+    readonly captionSize: number;
+}
+export declare function useChartChrome(): ChartChrome;
+/**
+ * Resolved `categorical-1`…`6` paints, in slot order. Pie slices and charts past
+ * three series cycle them.
+ */
+export declare function useChartPalette(): readonly string[];
+/**
+ * `auto` keeps up to three series in the FI brand family and moves the whole chart to
+ * `categorical-1`…`6` past that, so one chart never mixes the two families.
+ * `categorical` always uses them.
+ */
+export type ChartPalette = 'auto' | 'categorical';
+export type ChartSeriesKind = 'bar' | 'line';
+/** Default color for a series. A series `color` still wins. */
+export declare function chartSeriesColor(seriesIndex: number, seriesCount: number, palette: ChartPalette, kind: ChartSeriesKind): ChartColor;
+export declare function useChartGradientId(prefix: string): string;
+export declare function chartFillUrl(idPrefix: string, index: number): string;
+export declare function ChartLinearFills({ idPrefix, colors, x2, y2, }: {
+    readonly idPrefix: string;
+    readonly colors: readonly string[];
+    readonly x2: string;
+    readonly y2: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=palette.d.ts.map

package/lib/typescript/components/chart/palette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"palette.d.ts","sourceRoot":"","sources":["../../../../src/components/chart/palette.tsx"],"names":[],"mappings":"AAuBA,wBAAgB,mBAAmB,IAAI,MAAM,CAG5C;AAED;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAClB,QAAQ,GACR,SAAS,GACT,SAAS,GACT,MAAM,GACN,gBAAgB,GAChB,kBAAkB,GAClB,iBAAiB,GACjB,eAAe,GACf,eAAe,GACf,eAAe,GACf,eAAe,GACf,eAAe,GACf,eAAe,CAAC;AAEpB,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC;AAIpE,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,UAAU,GAAG,SAAS,EAC7B,MAAM,EAAE,gBAAgB,GACvB,MAAM,GAAG,SAAS,CAWpB;AAED,wBAAgB,mBAAmB,IAAI,gBAAgB,CAoCtD;AAiBD,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,kDAAkD;IAClD,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,0DAA0D;IAC1D,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;CAC9B;AAED,wBAAgB,cAAc,IAAI,WAAW,CAe5C;AAED;;;GAGG;AACH,wBAAgB,eAAe,IAAI,SAAS,MAAM,EAAE,CAgBnD;AAED;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,aAAa,CAAC;AAElD,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,MAAM,CAAC;AAoB7C,+DAA+D;AAC/D,wBAAgB,gBAAgB,CAC9B,WAAW,EAAE,MAAM,EACnB,WAAW,EAAE,MAAM,EACnB,OAAO,EAAE,YAAY,EACrB,IAAI,EAAE,eAAe,GACpB,UAAU,CAIZ;AAED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAEzD;AAED,wBAAgB,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAEpE;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,MAAM,EACN,EAAE,EACF,EAAE,GACH,EAAE;IACD,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,MAAM,EAAE,SAAS,MAAM,EAAE,CAAC;IACnC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;CACrB,2CAkBA"}

package/lib/typescript/components/chart/size.d.ts

@@ -0,0 +1,25 @@
+import type { ChartSize } from './types';
+/** Plot boxes. Heights match the spacing scale (`size-40`…`size-64`). */
+export declare const CHART_DIMENSIONS: {
+    readonly sm: {
+        readonly width: 256;
+        readonly height: 160;
+    };
+    readonly md: {
+        readonly width: 308;
+        readonly height: 192;
+    };
+    readonly lg: {
+        readonly width: 360;
+        readonly height: 224;
+    };
+    readonly xl: {
+        readonly width: 410;
+        readonly height: 256;
+    };
+};
+export declare function resolveChartBox(size: ChartSize | undefined, width?: number, height?: number): {
+    readonly width: number;
+    readonly height: number;
+};
+//# sourceMappingURL=size.d.ts.map

package/lib/typescript/components/chart/size.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"size.d.ts","sourceRoot":"","sources":["../../../../src/components/chart/size.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,yEAAyE;AACzE,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;CAK8D,CAAC;AAE5F,wBAAgB,eAAe,CAC7B,IAAI,EAAE,SAAS,GAAG,SAAS,EAC3B,KAAK,CAAC,EAAE,MAAM,EACd,MAAM,CAAC,EAAE,MAAM,GACd;IAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAMrD"}

package/lib/typescript/components/chart/ticks.d.ts

@@ -0,0 +1,3 @@
+/** Evenly spaced, readable ticks that cover `min`–`max` in about `count` steps. */
+export declare function niceTicks(min: number, max: number, count: number): number[];
+//# sourceMappingURL=ticks.d.ts.map

package/lib/typescript/components/chart/ticks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ticks.d.ts","sourceRoot":"","sources":["../../../../src/components/chart/ticks.ts"],"names":[],"mappings":"AAoCA,mFAAmF;AACnF,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAe3E"}

package/lib/typescript/components/chart/types.d.ts

@@ -0,0 +1,163 @@
+import type { ChartColor } from './palette';
+/** Where a formatted value is shown. */
+export type ChartValueLocation = 'tick' | 'tooltip' | 'label' | 'a11y';
+export interface ChartValueFormatterContext {
+    location: ChartValueLocation;
+    /** Set when the value belongs to one series. Unset for axis ticks. */
+    seriesId?: string;
+    /** Row in `dataset` (or `data` for pie). Unset for axis ticks. */
+    dataIndex?: number;
+}
+/**
+ * Turns a value into display text. `null` is a missing value. The chart picks the
+ * formatter in order: series, then axis, then the locale default.
+ */
+export type ChartValueFormatter = (value: number | null, context: ChartValueFormatterContext) => string;
+/** Fields every series shares, whatever its data source. */
+export interface ChartSeriesCommon {
+    /** Stable id. `selectedItem.seriesId` and tooltip items refer to it. */
+    id: string;
+    /**
+     * Series name. Bar and line charts show it in the legend, tooltip, and screen reader text. A
+     * pie chart only prefixes tooltip values with it; slice labels name the legend and slices.
+     */
+    label?: string;
+    /** Chart token name, not a CSS color. Omit to take the next color from the chart's `palette`. */
+    color?: ChartColor;
+    /**
+     * Formats this series' values for tooltips and screen reader text, plus bar value labels, line
+     * marker values, and a pie's legend value column. `context.location` says where. On charts
+     * with axes it wins over the value axis `valueFormatter`.
+     */
+    valueFormatter?: ChartValueFormatter;
+}
+/** A series that reads one numeric column from `dataset`. */
+export interface ChartSeriesBase<TRow> extends ChartSeriesCommon {
+    /** Numeric column in `dataset`. A key that is not on the row type is a compile error. */
+    dataKey: keyof TRow & string;
+}
+export type ChartScaleType = 'band' | 'linear';
+export interface ChartAxis<TRow> {
+    /** Axis id, as in MUI X. */
+    id: string;
+    /** Column in `dataset` that holds this axis's values (category names on a band axis). */
+    dataKey?: keyof TRow & string;
+    /** Scale kind, as in MUI X. Accepted for parity; charts do not read it yet. */
+    scaleType?: ChartScaleType;
+    /** Lowest value on a value axis. Omit to fit the data. */
+    min?: number;
+    /** Highest value on a value axis. Omit to fit the data. */
+    max?: number;
+    /** Approximate tick count. The chart rounds to readable steps. */
+    tickNumber?: number;
+    /** Axis title, as in MUI X. Accepted for parity; not drawn yet. */
+    label?: string;
+    /**
+     * Formats tick text on this axis (`location: 'tick'`). On a value axis it also formats series
+     * values when the series has no `valueFormatter`. On a line chart's x-axis it formats numeric
+     * categories, both the tick (`location: 'tick'`) and the tooltip title (`location: 'tooltip'`).
+     */
+    valueFormatter?: ChartValueFormatter;
+    /**
+     * Side the axis labels draw on. `'none'` hides them. Each chart accepts the sides it can draw
+     * and falls back to its default side for the others.
+     */
+    position?: ChartAxisPosition;
+    /**
+     * Which category labels to draw. A function keeps the label at `index` when it returns
+     * `true`. `'auto'` currently draws every label; it does not thin them yet.
+     * @default 'auto'
+     */
+    tickLabelInterval?: 'auto' | ((value: unknown, index: number) => boolean);
+}
+export type ChartAxisPosition = 'top' | 'bottom' | 'left' | 'right' | 'none';
+/** Grid lines across the plot. A chart draws the lines that run along its value axis. */
+export interface ChartGrid {
+    /** Horizontal grid lines. */
+    horizontal?: boolean;
+    /** Vertical grid lines. */
+    vertical?: boolean;
+}
+/** One mark: a bar, a line point, or a pie slice. `null` clears the selection. */
+export type ChartSelectedItem = {
+    seriesId: string;
+    dataIndex: number;
+} | null;
+export interface ChartTooltipProps {
+    /**
+     * `item` shows the mark under the pointer, `axis` every series at that category,
+     * `none` hides the tooltip.
+     */
+    trigger?: 'item' | 'axis' | 'none';
+}
+/** A dashed guide line across the plot. */
+export interface ChartReferenceLine {
+    /** Position on the value axis. */
+    value: number;
+    /** Caption drawn beside the line. Omit or pass `''` for no caption. */
+    label?: string;
+}
+export interface ChartTooltipItem {
+    seriesId: string;
+    label: string;
+    /** Resolved paint for the swatch. */
+    color: string;
+    formattedValue: string;
+}
+/** What the tooltip shows. Built from the chart's data, never from its drawing. */
+export interface ChartTooltipContent {
+    title: string;
+    items: readonly ChartTooltipItem[];
+}
+export type ChartSize = 'sm' | 'md' | 'lg' | 'xl';
+export interface ChartSizeProps {
+    /**
+     * Plot box. Named sizes set both width and height; `width` / `height` override one side.
+     * @default 'lg'
+     */
+    size?: ChartSize;
+    /** Pixel width. Overrides the `size` width. */
+    width?: number;
+    /** Pixel height. Overrides the `size` height. */
+    height?: number;
+}
+/** A named value in a generated summary. `label` is empty for an unnamed series. */
+export interface ChartSummaryValue {
+    label: string;
+    formattedValue: string;
+}
+/** One category in a generated summary. */
+export interface ChartSummaryCategory {
+    label: string;
+    values: readonly ChartSummaryValue[];
+}
+export type ChartTrendDirection = 'up' | 'down' | 'none';
+export interface ChartTrend {
+    direction: ChartTrendDirection;
+    /** Absolute change, already formatted. */
+    formattedDelta: string;
+    /** Name of the series compared against. Empty when it has none. */
+    comparisonLabel: string;
+}
+/** Every string a chart generates. Pass a partial `localeText` to override some of them. */
+export interface ChartLocaleText {
+    /** Shown when there is nothing to plot. */
+    noData: string;
+    /** Tooltip and screen reader text for a category with no value. */
+    noValue: string;
+    /** Legend name for a series without a `label`. */
+    defaultSeriesLabel: string;
+    /** Waterfall step that raises the running total. */
+    waterfallIncrease: string;
+    /** Waterfall step that lowers the running total. */
+    waterfallDecrease: string;
+    /** Change against the comparison series, read after the value. */
+    trend: (trend: ChartTrend) => string;
+    /** Bar chart summary. Called with an empty list when there is no data. */
+    barChartSummary: (categories: readonly ChartSummaryCategory[]) => string;
+    /** Line chart summary of the latest category. `null` when there is no data. */
+    lineChartSummary: (latest: ChartSummaryCategory | null) => string;
+    /** Pie chart summary. `formattedValue` is the share. Empty list when there is no data. */
+    pieChartSummary: (slices: readonly ChartSummaryValue[]) => string;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/components/chart/types.d.ts.map

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

package/lib/typescript/components/chart/useChartHostWidth.d.ts

@@ -0,0 +1,9 @@
+import type { LayoutChangeEvent } from 'react-native';
+/** Runs the chart's own handler first, then the consumer's. */
+export declare function composeChartLayout(own: (event: LayoutChangeEvent) => void, consumer: ((event: LayoutChangeEvent) => void) | null | undefined): (event: LayoutChangeEvent) => void;
+/**
+ * Measured width of the chart root (`0` before the first layout) and the `onLayout` to put on
+ * it. The consumer's `onLayout` still fires.
+ */
+export declare function useChartHostWidth(onLayout: ((event: LayoutChangeEvent) => void) | null | undefined): readonly [number, (event: LayoutChangeEvent) => void];
+//# sourceMappingURL=useChartHostWidth.d.ts.map

package/lib/typescript/components/chart/useChartHostWidth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChartHostWidth.d.ts","sourceRoot":"","sources":["../../../../src/components/chart/useChartHostWidth.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGtD,+DAA+D;AAC/D,wBAAgB,kBAAkB,CAChC,GAAG,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,EACvC,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,GAChE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAEpC;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,GAChE,SAAS,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC,CAOvD"}

package/lib/typescript/components/index.d.ts

@@ -46,6 +46,9 @@ export * from './Accordion';
 export * from './Menu';
 export * from './ProgressBar';
 export * from './ProgressCircle';
+export * from './PieChart';
+export * from './BarChart';
+export * from './LineChart';
 export * from './Skeleton';
 export * from './ProgressSegmented';
 export * from './Radio';
@@ -53,9 +56,11 @@ export * from './ScopedTheme';
 export * from './ScrollShadow';
 export * from './Select';
 export * from './Slider';
+export * from './Stepper';
 export * from './VirtualizedList';
 export type { ReorderableListLabels, ReorderableListProps, ReorderableListRenderItemInfo, } from './ReorderableList/types';
 export * from './Switch';
+export * from './SystemAlert';
 export * from './Tabs';
 export * from './Table';
 export * from './Textarea';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,uBAAuB,EAAE,MAAM,eAAe,CAAC;AACjG,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,YAAY,EACV,qBAAqB,EACrB,oBAAoB,EACpB,6BAA6B,GAC9B,MAAM,yBAAyB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,uBAAuB,EAAE,MAAM,eAAe,CAAC;AACjG,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,YAAY,EACV,qBAAqB,EACrB,oBAAoB,EACpB,6BAA6B,GAC9B,MAAM,yBAAyB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC"}

package/lib/typescript/figma/SystemAlert.Button.figma.d.ts

@@ -0,0 +1,11 @@
+import figma from 'figma';
+declare const _default: {
+    id: string;
+    imports: string[];
+    example: figma.TemplateStringResult;
+    metadata: {
+        nestable: boolean;
+    };
+};
+export default _default;
+//# sourceMappingURL=SystemAlert.Button.figma.d.ts.map

package/lib/typescript/figma/SystemAlert.Button.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemAlert.Button.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/SystemAlert.Button.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;AAU1B,wBAKE"}

package/lib/typescript/figma/SystemAlert.Close.figma.d.ts

@@ -0,0 +1,11 @@
+import figma from 'figma';
+declare const _default: {
+    id: string;
+    imports: string[];
+    example: figma.TemplateStringResult;
+    metadata: {
+        nestable: boolean;
+    };
+};
+export default _default;
+//# sourceMappingURL=SystemAlert.Close.figma.d.ts.map

package/lib/typescript/figma/SystemAlert.Close.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemAlert.Close.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/SystemAlert.Close.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;AAI1B,wBAKE"}

package/lib/typescript/figma/SystemAlert.Description.figma.d.ts

@@ -0,0 +1,8 @@
+import figma from 'figma';
+declare const _default: {
+    id: string;
+    imports: string[];
+    example: figma.TemplateStringResult;
+};
+export default _default;
+//# sourceMappingURL=SystemAlert.Description.figma.d.ts.map

package/lib/typescript/figma/SystemAlert.Description.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemAlert.Description.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/SystemAlert.Description.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAM1B,wBAIE"}

package/lib/typescript/figma/SystemAlert.IconButton.figma.d.ts

@@ -0,0 +1,11 @@
+import figma from 'figma';
+declare const _default: {
+    id: string;
+    imports: string[];
+    example: figma.TemplateStringResult;
+    metadata: {
+        nestable: boolean;
+    };
+};
+export default _default;
+//# sourceMappingURL=SystemAlert.IconButton.figma.d.ts.map

package/lib/typescript/figma/SystemAlert.IconButton.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemAlert.IconButton.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/SystemAlert.IconButton.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;AAiB1B,wBAKE"}

package/lib/typescript/figma/SystemAlert.figma.d.ts

@@ -0,0 +1,8 @@
+import figma from 'figma';
+declare const _default: {
+    id: string;
+    imports: string[];
+    example: figma.TemplateStringResult;
+};
+export default _default;
+//# sourceMappingURL=SystemAlert.figma.d.ts.map

package/lib/typescript/figma/SystemAlert.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemAlert.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/SystemAlert.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAsC1B,wBAeE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdx-ui/components",
-  "version": "0.3.4",
+  "version": "0.3.6",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -106,10 +106,10 @@
     "@marceloterreiro/flash-calendar": "2.0.0",
     "react-native-reanimated-carousel": "5.0.0-beta.5",
     "uniwind": "1.10.0",
-    "@cdx-ui/formatters": "0.3.4",
-    "@cdx-ui/primitives": "0.3.4",
-    "@cdx-ui/icons": "0.3.4",
-    "@cdx-ui/utils": "0.3.4"
+    "@cdx-ui/formatters": "0.3.6",
+    "@cdx-ui/icons": "0.3.6",
+    "@cdx-ui/primitives": "0.3.6",
+    "@cdx-ui/utils": "0.3.6"
   },
   "devDependencies": {
     "@dnd-kit/core": "6.3.1",