chiperos-ai-components-library 0.0.2 → 0.1.1

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

@@ -20,6 +20,11 @@ declare const meta: {
             control: "text";
             description: string;
         };
+        variant: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
         disabled: {
             control: "boolean";
             description: string;
@@ -48,3 +53,10 @@ export declare const CustomWidth: Story;
 export declare const AllStates: Story;
 export declare const FormExample: Story;
 export declare const Interactive: Story;
+export declare const PrimaryVariant: Story;
+export declare const PrimaryWithValue: Story;
+export declare const PrimaryWithLabel: Story;
+export declare const PrimaryDisabled: Story;
+export declare const PrimaryLongOptions: Story;
+export declare const VariantsComparison: Story;
+export declare const PrimaryInHeader: Story;

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

@@ -27,6 +27,12 @@ export interface SelectProps {
      * Label text shown above the selected value
      */
     label?: string;
+    /**
+     * Visual variant of the select
+     * - default: white background with border
+     * - primary: green background like primary button
+     */
+    variant?: 'default' | 'primary';
     /**
      * Additional CSS classes
      */

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

@@ -1,42 +1,16 @@
-import { StoryObj } from '@storybook/react';
-import { Table } from './index';
+import { Meta, StoryObj } from '@storybook/react';
+import { TableProps } from './index';
 
-declare const meta: {
-    title: string;
-    component: typeof Table;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-    argTypes: {
-        columns: {
-            control: "object";
-            description: string;
-        };
-        data: {
-            control: "object";
-            description: string;
-        };
-        rowsPerPage: {
-            control: "number";
-            description: string;
-        };
-        showPagination: {
-            control: "boolean";
-            description: string;
-        };
-        loading: {
-            control: "boolean";
-            description: string;
-        };
-        emptyMessage: {
-            control: "text";
-            description: string;
-        };
-    };
-};
+interface User {
+    id: number;
+    name: string;
+    email: string;
+    role: string;
+    status: string;
+}
+declare const meta: Meta<TableProps<User>>;
 export default meta;
-type Story = StoryObj<typeof meta>;
+type Story = StoryObj<TableProps<User>>;
 export declare const Default: Story;
 export declare const WithPagination: Story;
 export declare const CustomRowsPerPage: Story;
@@ -45,7 +19,16 @@ export declare const Empty: Story;
 export declare const CustomEmptyMessage: Story;
 export declare const WithCustomRender: Story;
 export declare const WithTwoLineCell: Story;
-export declare const ManyColumns: Story;
+interface ExtendedUser {
+    id: number;
+    firstName: string;
+    lastName: string;
+    email: string;
+    phone: string;
+    department: string;
+    role: string;
+}
+export declare const ManyColumns: StoryObj<TableProps<ExtendedUser>>;
 export declare const RowHighlighting: Story;
 export declare const Interactive: Story;
 export declare const ClickableRows: Story;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "chiperos-ai-components-library",
   "private": false,
-  "version": "0.0.2",
+  "version": "0.1.1",
   "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",
@@ -9,6 +9,7 @@
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/chiperos-ai-components-library.js",
       "require": "./dist/chiperos-ai-components-library.cjs"
     }
@@ -25,21 +26,47 @@
     "build-storybook": "storybook build"
   },
   "dependencies": {
-    "@radix-ui/react-radio-group": "^1.3.8",
-    "@radix-ui/react-slot": "^1.2.4",
-    "@radix-ui/react-switch": "^1.2.6",
     "class-variance-authority": "^0.7.1",
     "libphonenumber-js": "^1.12.31",
-    "lucide-react": "^0.534.0",
-    "next-intl": "^4.3.4",
-    "radix-ui": "^1.4.3",
     "zod": "^4.1.13"
   },
   "peerDependencies": {
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "@radix-ui/react-radio-group": "^1.3.8",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-switch": "^1.2.6",
+    "lucide-react": "^0.534.0",
+    "next-intl": "^4.3.4",
+    "radix-ui": "^1.4.3"
+  },
+  "peerDependenciesMeta": {
+    "@radix-ui/react-radio-group": {
+      "optional": true
+    },
+    "@radix-ui/react-slot": {
+      "optional": true
+    },
+    "@radix-ui/react-switch": {
+      "optional": true
+    },
+    "lucide-react": {
+      "optional": true
+    },
+    "next-intl": {
+      "optional": true
+    },
+    "radix-ui": {
+      "optional": true
+    }
   },
   "devDependencies": {
+    "@radix-ui/react-radio-group": "^1.3.8",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-switch": "^1.2.6",
+    "lucide-react": "^0.534.0",
+    "next-intl": "^4.3.4",
+    "radix-ui": "^1.4.3",
     "@chromatic-com/storybook": "^1.5.0",
     "@storybook/addon-essentials": "^8.1.10",
     "@storybook/addon-interactions": "^8.1.10",