@cdx-ui/components 0.3.5 → 0.3.7

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';
@@ -67,6 +72,7 @@ export { HStack, VStack } from './Stack';
 export * from './Heading';
 export * from './Text';
 export * from './Icon';
+export * from './CountryFlag';
 export * from './IconButton';
 export * from './QuickActionButton';
 //# sourceMappingURL=index.d.ts.map

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,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Alert.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AA4B1B,wBAiBE"}
+{"version":3,"file":"Alert.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Alert.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AA0B1B,wBAiBE"}

package/lib/typescript/figma/Badge.Indicator.figma.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.Indicator.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Badge.Indicator.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;AA2B1B,wBAME"}
+{"version":3,"file":"Badge.Indicator.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Badge.Indicator.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;AAgC1B,wBAME"}

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Badge.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AA+C1B,wBAOE"}
+{"version":3,"file":"Badge.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Badge.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAyD1B,wBAOE"}

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

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

package/lib/typescript/figma/Card.Header.figma.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.Header.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Card.Header.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAW1B,wBASE"}
+{"version":3,"file":"Card.Header.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Card.Header.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAc1B,wBAUE"}

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

@@ -1 +1 @@
-{"version":3,"file":"Card.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Card.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAiC1B,wBAUE"}
+{"version":3,"file":"Card.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Card.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAkC1B,wBAUE"}

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Dialog.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAiC1B,wBAYE"}
+{"version":3,"file":"Dialog.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Dialog.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAoC1B,wBAYE"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Input.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Input.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAgD1B,wBAOE"}
+{"version":3,"file":"Input.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Input.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAiD1B,wBAOE"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/ProgressBar.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAoC1B,wBAOE"}
+{"version":3,"file":"ProgressBar.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/ProgressBar.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AA6C1B,wBAOE"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressSegmented.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/ProgressSegmented.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AA0B1B,wBAME"}
+{"version":3,"file":"ProgressSegmented.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/ProgressSegmented.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAkC1B,wBAME"}

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

@@ -1 +1 @@
-{"version":3,"file":"Select.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Select.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAyC1B,wBASE"}
+{"version":3,"file":"Select.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Select.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AA0C1B,wBASE"}

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;;;;;;AAqC1B,wBAeE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdx-ui/components",
-  "version": "0.3.5",
+  "version": "0.3.7",
   "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/utils": "0.3.5",
-    "@cdx-ui/formatters": "0.3.5",
-    "@cdx-ui/icons": "0.3.5",
-    "@cdx-ui/primitives": "0.3.5"
+    "@cdx-ui/formatters": "0.3.7",
+    "@cdx-ui/icons": "0.3.7",
+    "@cdx-ui/utils": "0.3.7",
+    "@cdx-ui/primitives": "0.3.7"
   },
   "devDependencies": {
     "@dnd-kit/core": "6.3.1",