@iniguezmarc/design-system 0.0.12 → 0.0.17

package/dist/components/atoms/Button/BasicButton.d.ts

@@ -4,7 +4,7 @@ export interface ButtonSlots {
 }
 export interface ButtonProps {
     label: string;
-    variant?: 'primary' | 'secondary' | 'outline';
+    variant?: 'primary' | 'secondary' | 'outline' | 'ghost';
     size?: 'small' | 'medium' | 'large';
     onClick?: () => void;
     className?: string;
@@ -23,5 +23,9 @@ export interface ButtonProps {
     outlineHoverColor?: string;
     darkOutlineColor?: string;
     darkOutlineHoverColor?: string;
+    ghostColor?: string;
+    ghostHoverColor?: string;
+    darkGhostColor?: string;
+    darkGhostHoverColor?: string;
 }
-export declare const BasicButton: ({ label, variant, size, onClick, className, customStyles, href, target, primaryColor, primaryHoverColor, darkPrimaryColor, darkPrimaryHoverColor, secondaryColor, secondaryHoverColor, darkSecondaryColor, darkSecondaryHoverColor, outlineColor, outlineHoverColor, darkOutlineColor, darkOutlineHoverColor, }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BasicButton: ({ label, variant, size, onClick, className, customStyles, href, target, primaryColor, primaryHoverColor, darkPrimaryColor, darkPrimaryHoverColor, secondaryColor, secondaryHoverColor, darkSecondaryColor, darkSecondaryHoverColor, outlineColor, outlineHoverColor, darkOutlineColor, darkOutlineHoverColor, ghostColor, ghostHoverColor, darkGhostColor, darkGhostHoverColor, }: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/Slider/BasicSlider.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+export interface BasicSliderProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
+    label?: string;
+    value: number;
+    onChange: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    customStyles?: {
+        container?: string;
+        label?: string;
+        input?: string;
+    };
+}
+export declare const BasicSlider: React.FC<BasicSliderProps>;

package/dist/components/atoms/Slider/Slider.d.ts

@@ -0,0 +1,3 @@
+import { BasicSliderProps } from './BasicSlider';
+export type SliderProps = BasicSliderProps;
+export declare const Slider: (props: SliderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/Toggle/LanguageToggle.d.ts

@@ -12,5 +12,6 @@ export interface LanguageToggleProps {
     spanishColor?: string;
     spanishBorderColor?: string;
     spanishTextColor?: string;
+    isDark?: boolean;
 }
-export declare const LanguageToggle: ({ initialLanguage, onLanguageChange, className, customStyles, englishColor, englishBorderColor, englishTextColor, spanishColor, spanishBorderColor, spanishTextColor, }: LanguageToggleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LanguageToggle: ({ initialLanguage, onLanguageChange, className, customStyles, englishColor, englishBorderColor, englishTextColor, spanishColor, spanishBorderColor, spanishTextColor, isDark, }: LanguageToggleProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/ControlPanel/BasicControlPanel.d.ts

@@ -0,0 +1,15 @@
+import { default as React, ReactNode } from 'react';
+export interface BasicControlPanelProps {
+    children: ReactNode;
+    title?: string;
+    actions?: ReactNode;
+    className?: string;
+    customStyles?: {
+        container?: string;
+        header?: string;
+        title?: string;
+        content?: string;
+        actions?: string;
+    };
+}
+export declare const BasicControlPanel: React.FC<BasicControlPanelProps>;

package/dist/components/molecules/ControlPanel/ControlPanel.d.ts

@@ -0,0 +1,3 @@
+import { BasicControlPanelProps } from './BasicControlPanel';
+export type ControlPanelProps = BasicControlPanelProps;
+export declare const ControlPanel: (props: ControlPanelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/organisms/Grid/InteractiveGrid.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+export interface InteractiveGridProps {
+    rows: number;
+    cols: number;
+    /**
+     * Render function for each cell.
+     * Use this to customize the look based on your app's state (start, end, wall, etc).
+     */
+    renderCell: (row: number, col: number) => React.ReactNode;
+    onCellClick?: (row: number, col: number) => void;
+    onCellMouseEnter?: (row: number, col: number) => void;
+    onCellMouseDown?: (row: number, col: number) => void;
+    onCellMouseUp?: (row: number, col: number) => void;
+    className?: string;
+    /**
+     * Gap between cells in pixels.
+     * @default 1
+     */
+    gap?: number;
+}
+export declare const InteractiveGrid: React.FC<InteractiveGridProps>;

package/dist/components/organisms/Layout/SplitLayout.d.ts

@@ -0,0 +1,23 @@
+import { default as React, ReactNode } from 'react';
+export interface SplitLayoutProps {
+    leftContent: ReactNode;
+    rightContent: ReactNode;
+    /**
+     * Initial width percentage of the left panel (0-100).
+     * @default 30
+     */
+    initialLeftWidth?: number;
+    /**
+     * Minimum width percentage for either panel.
+     * @default 20
+     */
+    minWidth?: number;
+    className?: string;
+    customStyles?: {
+        container?: string;
+        leftPanel?: string;
+        rightPanel?: string;
+        resizer?: string;
+    };
+}
+export declare const SplitLayout: React.FC<SplitLayoutProps>;

package/dist/components/organisms/Navbar/BasicNavbar.d.ts

@@ -25,6 +25,9 @@ export interface BasicNavbarProps {
     onToggleMenu?: () => void;
     onLinkClick?: (e: MouseEvent<HTMLAnchorElement>, href: string) => void;
     onLogoClick?: () => void;
+    enableLanguageToggle?: boolean;
+    language?: 'en' | 'es';
+    onLanguageChange?: (lang: 'en' | 'es') => void;
     backgroundColor?: string;
     darkBackgroundColor?: string;
     borderColor?: string;
@@ -36,4 +39,4 @@ export interface BasicNavbarProps {
     hoverLinkColor?: string;
     darkHoverLinkColor?: string;
 }
-export declare const BasicNavbar: ({ logo, isLogoImage, links, actions, customStyles, isOpen, onToggleMenu, onLinkClick, onLogoClick, backgroundColor, darkBackgroundColor, borderColor, darkBorderColor, textColor, darkTextColor, activeLinkColor, darkActiveLinkColor, hoverLinkColor, darkHoverLinkColor, }: BasicNavbarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BasicNavbar: ({ logo, isLogoImage, links, actions, customStyles, isOpen, onToggleMenu, onLinkClick, onLogoClick, enableLanguageToggle, language, onLanguageChange, backgroundColor, darkBackgroundColor, borderColor, darkBorderColor, textColor, darkTextColor, activeLinkColor, darkActiveLinkColor, hoverLinkColor, darkHoverLinkColor, }: BasicNavbarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/organisms/Navbar/ScrollNavbar.d.ts

@@ -26,5 +26,8 @@ export interface ScrollNavbarProps {
     onToggleMenu?: () => void;
     onLinkClick?: (e: MouseEvent<HTMLAnchorElement>, href: string) => void;
     onLogoClick?: () => void;
+    enableLanguageToggle?: boolean;
+    language?: 'en' | 'es';
+    onLanguageChange?: (lang: 'en' | 'es') => void;
 }
-export declare const ScrollNavbar: ({ logo, isLogoImage, links, actions, customStyles, isOpen, isScrolled, onToggleMenu, onLinkClick, onLogoClick }: ScrollNavbarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ScrollNavbar: ({ logo, isLogoImage, links, actions, customStyles, isOpen, isScrolled, onToggleMenu, onLinkClick, onLogoClick, enableLanguageToggle, language, onLanguageChange }: ScrollNavbarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/index.d.ts

@@ -3,9 +3,15 @@ export * from './components/atoms/Badge/Badge';
 export * from './components/atoms/Button/Button';
 export * from './components/atoms/Input/Input';
 export * from './components/atoms/Toggle/ThemeToggle';
+export * from './components/atoms/Toggle/LanguageToggle';
+export * from './components/atoms/Slider/Slider';
 export * from './components/molecules/ProjectCard/ProjectCard';
+export * from './components/molecules/ControlPanel/ControlPanel';
 export * from './components/organisms/ContentGrid/ContentGrid';
 export * from './components/organisms/Footer/Footer';
 export * from './components/organisms/Hero/Hero';
 export * from './components/organisms/Navbar/Navbar';
 export * from './components/organisms/ProfileSection/ProfileSection';
+export * from './components/pages/PortfolioPage/PortfolioPage';
+export * from './components/organisms/Layout/SplitLayout';
+export * from './components/organisms/Grid/InteractiveGrid';