chiperos-ai-components-library 0.0.1

package/dist/components/PaginationLib/PaginationLib.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+
+interface PaginationLibProps {
+    currentPage: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+}
+export declare const PaginationLib: React.FC<PaginationLibProps>;
+export {};

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

@@ -0,0 +1,38 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./index').SwitcherProps & import('react').RefAttributes<HTMLButtonElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        status: {
+            control: "boolean";
+            description: string;
+        };
+        disabled: {
+            control: "boolean";
+            description: string;
+        };
+        onChange: {
+            action: string;
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Off: Story;
+export declare const On: Story;
+export declare const DisabledOff: Story;
+export declare const DisabledOn: Story;
+export declare const AllStates: Story;
+export declare const Controlled: Story;
+export declare const WithLabels: Story;
+export declare const InSettingsForm: Story;
+export declare const InPermissionsTable: Story;
+export declare const WithDetailedCallback: Story;
+export declare const MultipleSwitches: Story;
+export declare const InConfigCard: Story;

package/dist/components/Switcher/Switcher.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+export interface SwitcherProps extends Omit<React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root>, 'checked' | 'onCheckedChange' | 'onChange'> {
+    /**
+     * Estado del switch (on/off)
+     * @default false
+     */
+    status?: boolean;
+    /**
+     * Si el switch está deshabilitado
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Callback que recibe el nuevo estado cuando cambia
+     */
+    onChange?: (status: boolean) => void;
+    /**
+     * Clases CSS adicionales
+     */
+    className?: string;
+}
+/**
+ * Componente Switcher - Toggle Switch
+ *
+ * Switch toggle basado en Radix UI con el diseño del Portal Design System.
+ *
+ * Estados:
+ * - Off: Fondo gris (#e0e0e0), handle a la izquierda
+ * - On: Fondo verde (#00995a), handle a la derecha
+ * - Disabled: Estado deshabilitado con opacidad reducida
+ *
+ * Incluye callback onChange que recibe el nuevo estado.
+ */
+declare const Switcher: React.ForwardRefExoticComponent<SwitcherProps & React.RefAttributes<HTMLButtonElement>>;
+export { Switcher };

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

@@ -0,0 +1,43 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./index').ToastsProps & import('react').RefAttributes<HTMLDivElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        type: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
+        text: {
+            control: "text";
+            description: string;
+        };
+        icon: {
+            control: false;
+            description: string;
+        };
+        onClose: {
+            action: string;
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Light: Story;
+export declare const Dark: Story;
+export declare const WithoutCloseButton: Story;
+export declare const CustomIcon: Story;
+export declare const AllVariants: Story;
+export declare const NotificationTypes: Story;
+export declare const TextLengths: Story;
+export declare const Interactive: Story;
+export declare const MultipleToasts: Story;
+export declare const OnDifferentBackgrounds: Story;
+export declare const PositionedToast: Story;
+export declare const AutoDismiss: Story;

package/dist/components/Toasts/Toasts.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,36 @@
+import * as React from 'react';
+export interface ToastsProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Tipo de toast (light o dark)
+     * @default "light"
+     */
+    type?: 'light' | 'dark';
+    /**
+     * Texto del toast
+     */
+    text: string;
+    /**
+     * Icono personalizado (opcional)
+     * Por defecto muestra CheckCircle
+     */
+    icon?: React.ReactNode;
+    /**
+     * Callback para cerrar el toast
+     */
+    onClose?: () => void;
+    /**
+     * Clases CSS adicionales
+     */
+    className?: string;
+}
+/**
+ * Componente Toasts - Notificaciones temporales
+ *
+ * Muestra notificaciones breves con dos variantes:
+ * - light: Fondo claro para interfaces claras
+ * - dark: Fondo oscuro para interfaces oscuras o mayor contraste
+ *
+ * Incluye un icono (personalizable), texto y botón de cerrar.
+ */
+declare const Toasts: React.ForwardRefExoticComponent<ToastsProps & React.RefAttributes<HTMLDivElement>>;
+export { Toasts };

package/dist/components/index.d.ts

@@ -0,0 +1,14 @@
+export * from './ActionCard';
+export * from './BannerAlerts';
+export * from './ButtonRadix';
+export * from './BrandIcons';
+export * from './CardsGrid';
+export * from './FeatureCard';
+export * from './KPIComparison';
+export * from './KPICard';
+export * from './Loader';
+export * from './OptionCard';
+export * from './OrderCard';
+export * from './PaginationLib';
+export * from './Switcher';
+export * from './Toasts';

package/dist/configs/LocaleProvider.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { Locale } from './i18n';
+
+interface Props {
+    children: ReactNode;
+    loadMessages: (locale: Locale) => Promise<Record<string, string>>;
+}
+interface LocaleContextType {
+    locale: Locale;
+    changeLocale: (locale: Locale) => void;
+}
+declare const LocaleProvider: ({ children, loadMessages }: Props) => import("react/jsx-runtime").JSX.Element | null;
+export declare const useLocale: () => LocaleContextType;
+export default LocaleProvider;

package/dist/configs/i18n.d.ts

@@ -0,0 +1,3 @@
+export declare const SUPPORTED_LOCALES: readonly ["es", "en", "pt"];
+export type Locale = (typeof SUPPORTED_LOCALES)[number];
+export declare const DEFAULT_LOCALE: Locale;

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from './components';

package/dist/lib/utils.d.ts

@@ -0,0 +1,8 @@
+import { ClassValue } from 'clsx';
+
+/**
+ * Combina clases de forma inteligente, resolviendo conflictos de Tailwind CSS.
+ * @param {...ClassValue} inputs - Clases a combinar.
+ * @returns {string} - Cadena de clases finales.
+ */
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/setupTests.d.ts

@@ -0,0 +1 @@
+

package/dist/types/index.d.ts

@@ -0,0 +1,39 @@
+export interface AppRouterInstance {
+    /**
+     * Navigate to the previous history entry.
+     */
+    back(): void;
+    /**
+     * Navigate to the next history entry.
+     */
+    forward(): void;
+    /**
+     * Refresh the current page.
+     */
+    refresh(): void;
+    /**
+     * Navigate to the provided href.
+     * Pushes a new history entry.
+     */
+    push(href: string, options?: NavigateOptions): void;
+    /**
+     * Navigate to the provided href.
+     * Replaces the current history entry.
+     */
+    replace(href: string, options?: NavigateOptions): void;
+    /**
+     * Prefetch the provided href.
+     */
+    prefetch(href: string, options?: PrefetchOptions): void;
+}
+export interface NavigateOptions {
+    scroll?: boolean;
+}
+export interface PrefetchOptions {
+    kind: PrefetchKind;
+}
+export declare enum PrefetchKind {
+    AUTO = "auto",
+    FULL = "full",
+    TEMPORARY = "temporary"
+}

package/package.json

@@ -0,0 +1,96 @@
+{
+  "name": "chiperos-ai-components-library",
+  "private": false,
+  "version": "0.0.1",
+  "description": "Chiper Components Library - A modern React component library built with Vite, TypeScript and Tailwind CSS.",
+  "type": "module",
+  "main": "./dist/chiper-components-library.cjs",
+  "module": "./dist/chiper-components-library.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/chiper-components-library.js",
+      "require": "./dist/chiper-components-library.cjs"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "storybook dev -p 6006",
+    "build": "vite build",
+    "test": "vitest",
+    "test:ui": "vitest --ui",
+    "storybook": "storybook dev -p 6006",
+    "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",
+    "lucide-react": "^0.534.0",
+    "next-intl": "^4.3.4",
+    "radix-ui": "^1.4.3"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^1.5.0",
+    "@storybook/addon-essentials": "^8.1.10",
+    "@storybook/addon-interactions": "^8.1.10",
+    "@storybook/addon-links": "^8.1.10",
+    "@storybook/blocks": "^8.1.10",
+    "@storybook/react": "^8.1.10",
+    "@storybook/react-vite": "^8.1.10",
+    "@storybook/test": "^8.1.10",
+    "@tailwindcss/vite": "^4.1.17",
+    "@testing-library/jest-dom": "^6.4.6",
+    "@testing-library/react": "^16.0.0",
+    "@types/node": "^20.14.2",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@vitejs/plugin-react": "^4.3.1",
+    "clsx": "^2.1.1",
+    "jsdom": "^24.1.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "storybook": "^8.1.10",
+    "tailwind-merge": "^2.3.0",
+    "tailwindcss": "^4.1.17",
+    "typescript": "^5.4.5",
+    "vite": "^7.2.4",
+    "vite-plugin-dts": "^3.9.1",
+    "vite-tsconfig-paths": "^5.1.4",
+    "vitest": "^1.6.0"
+  },
+  "keywords": [
+    "react",
+    "typescript",
+    "vite",
+    "storybook",
+    "tailwind",
+    "component-library",
+    "chiper",
+    "ui-components",
+    "react-components",
+    "design-system",
+    "tailwindcss",
+    "radix-ui",
+    "cards",
+    "kpi",
+    "dashboard"
+  ],
+  "author": "Chiper Team",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/chiper-team/chiper-components-library.git"
+  },
+  "homepage": "https://github.com/chiper-team/chiper-components-library#readme",
+  "bugs": {
+    "url": "https://github.com/chiper-team/chiper-components-library/issues"
+  }
+}