chiperos-ai-components-library 0.2.10 → 0.2.13

package/dist/components/ComposedChart/ComposedChart.stories.d.ts

@@ -36,3 +36,29 @@ export declare const DualYAxis: Story;
  * Minimal chart without grid and legend
  */
 export declare const Minimal: Story;
+/**
+ * Chart with title and axis labels
+ */
+export declare const WithTitles: Story;
+/**
+ * Dual Y-axis chart with labels on both axes
+ */
+export declare const DualYAxisWithLabels: Story;
+/**
+ * Chart with currency formatting (without decimals)
+ * Values are formatted with thousand separators (dots) and currency symbol
+ */
+export declare const CurrencyFormat: Story;
+/**
+ * Chart with currency formatting including decimals
+ */
+export declare const CurrencyFormatWithDecimals: Story;
+/**
+ * Dual Y-axis with different currency formats
+ * Left axis: USD without decimals, Right axis: EUR with decimals
+ */
+export declare const DualAxisCurrencyFormat: Story;
+/**
+ * Currency format with symbol as suffix
+ */
+export declare const CurrencyFormatSuffix: Story;

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

@@ -30,6 +30,36 @@ export interface ComposedChartSeries {
      */
     yAxisId?: 'left' | 'right';
 }
+/**
+ * Currency format configuration
+ */
+export interface CurrencyFormatConfig {
+    /**
+     * Whether to format values as currency
+     * @default false
+     */
+    enabled: boolean;
+    /**
+     * Currency symbol to display (e.g., "$", "€", "MXN")
+     * @default "$"
+     */
+    symbol?: string;
+    /**
+     * Whether to show decimal places
+     * @default false
+     */
+    showDecimals?: boolean;
+    /**
+     * Number of decimal places to show (only when showDecimals is true)
+     * @default 2
+     */
+    decimalPlaces?: number;
+    /**
+     * Position of the currency symbol
+     * @default "prefix"
+     */
+    symbolPosition?: 'prefix' | 'suffix';
+}
 export interface ComposedChartProps {
     /**
      * Array of data objects to display
@@ -86,6 +116,34 @@ export interface ComposedChartProps {
      * Bar size in pixels
      */
     barSize?: number;
+    /**
+     * Main title of the chart
+     */
+    title?: string;
+    /**
+     * Label for the X-axis
+     */
+    xAxisLabel?: string;
+    /**
+     * Label for the left Y-axis
+     */
+    yAxisLabel?: string;
+    /**
+     * Label for the right Y-axis (only shown when showRightYAxis is true)
+     */
+    yAxisRightLabel?: string;
+    /**
+     * Currency format configuration for the left Y-axis
+     * When enabled, values will be formatted with thousand separators (dots)
+     * and optional currency symbol
+     */
+    currencyFormat?: CurrencyFormatConfig;
+    /**
+     * Currency format configuration for the right Y-axis
+     * When enabled, values will be formatted with thousand separators (dots)
+     * and optional currency symbol
+     */
+    currencyFormatRight?: CurrencyFormatConfig;
 }
 /**
  * ComposedChart Component
@@ -105,6 +163,9 @@ export interface ComposedChartProps {
  *     { type: 'bar', dataKey: 'sales', name: 'Sales', color: '#00995a' },
  *     { type: 'line', dataKey: 'revenue', name: 'Revenue', color: '#312e4d' },
  *   ]}
+ *   title="Monthly Performance"
+ *   xAxisLabel="Month"
+ *   yAxisLabel="Amount"
  * />
  * ```
  */

package/dist/components/Select/Select.stories.d.ts

@@ -29,6 +29,10 @@ declare const meta: {
             control: "boolean";
             description: string;
         };
+        multiple: {
+            control: "boolean";
+            description: string;
+        };
         options: {
             control: "object";
             description: string;
@@ -60,3 +64,12 @@ export declare const PrimaryDisabled: Story;
 export declare const PrimaryLongOptions: Story;
 export declare const VariantsComparison: Story;
 export declare const PrimaryInHeader: Story;
+export declare const MultipleSelect: Story;
+export declare const MultipleWithLabel: Story;
+export declare const MultipleWithPreselected: Story;
+export declare const MultipleDisabled: Story;
+export declare const MultiplePrimaryVariant: Story;
+export declare const MultipleManyOptions: Story;
+export declare const MultipleInteractive: Story;
+export declare const SingleVsMultiple: Story;
+export declare const MultipleFilterExample: Story;

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

@@ -2,15 +2,7 @@ export interface SelectOption {
     id: string;
     text: string;
 }
-export interface SelectProps {
-    /**
-     * The currently selected value (id)
-     */
-    value?: string;
-    /**
-     * Callback fired when selection changes
-     */
-    onChange?: (text: string) => void;
+interface SelectBaseProps {
     /**
      * Whether the select is disabled
      */
@@ -38,5 +30,34 @@ export interface SelectProps {
      */
     className?: string;
 }
+interface SingleSelectProps extends SelectBaseProps {
+    /**
+     * Enable multiple selection mode
+     */
+    multiple?: false;
+    /**
+     * The currently selected value (id) - single string for single select
+     */
+    value?: string;
+    /**
+     * Callback fired when selection changes - returns single string for single select
+     */
+    onChange?: (value: string) => void;
+}
+interface MultipleSelectProps extends SelectBaseProps {
+    /**
+     * Enable multiple selection mode
+     */
+    multiple: true;
+    /**
+     * The currently selected values (ids) - array of strings for multiple select
+     */
+    value?: string[];
+    /**
+     * Callback fired when selection changes - returns array of strings for multiple select
+     */
+    onChange?: (values: string[]) => void;
+}
+export type SelectProps = SingleSelectProps | MultipleSelectProps;
 export declare const Select: import('react').ForwardRefExoticComponent<SelectProps & import('react').RefAttributes<HTMLButtonElement>>;
 export default Select;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "chiperos-ai-components-library",
   "private": false,
-  "version": "0.2.10",
+  "version": "0.2.13",
   "description": "Chiperos AI Components Library - A modern React component library built with Vite, TypeScript and Tailwind CSS.",
   "type": "module",
   "main": "./dist/chiperos-ai-components-library.cjs",