@fylib/catalog 0.1.0

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

@@ -0,0 +1,29 @@
+import { UIComponentDefinition } from '@fylib/core';
+export type AccordionExpandMode = 'single' | 'multiple';
+export type AccordionSize = 'sm' | 'md' | 'lg';
+export type AccordionStatus = 'default' | 'success' | 'error';
+export interface AccordionItem {
+    id: string;
+    title: string;
+    subtitle?: string;
+    content?: string;
+    disabled?: boolean;
+    icon?: string;
+}
+export interface AccordionProps {
+    items?: AccordionItem[];
+    activeIndex?: number | number[];
+    expandMode?: AccordionExpandMode;
+    size?: AccordionSize;
+    status?: AccordionStatus;
+    bordered?: boolean;
+    flush?: boolean;
+    animated?: boolean;
+    lazy?: boolean;
+    iconPosition?: 'left' | 'right';
+    disabled?: boolean;
+    onOpen?: (index: number) => void;
+    onClose?: (index: number) => void;
+    onChange?: (activeIndex: number | number[]) => void;
+}
+export declare const AccordionDefinition: UIComponentDefinition<AccordionProps>;

package/dist/components/accordion/index.js

@@ -0,0 +1,26 @@
+export const AccordionDefinition = {
+    name: 'accordion',
+    version: '1.0.0',
+    defaultProps: {
+        items: [],
+        expandMode: 'single',
+        size: 'md',
+        status: 'default',
+        bordered: true,
+        flush: false,
+        animated: true,
+        lazy: false,
+        iconPosition: 'right',
+        disabled: false
+    },
+    variants: ['default', 'success', 'error'],
+    features: {
+        requiresLicenseFeature: 'basic-components',
+        animations: {
+            expand: 'accordion-expand',
+            collapse: 'accordion-collapse',
+            error: 'accordion-error-shake',
+            success: 'accordion-success-pulse'
+        }
+    }
+};

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

@@ -0,0 +1,14 @@
+import { UIComponentDefinition } from '@fylib/core';
+import { IconSet } from '@fylib/config';
+export interface ButtonProps {
+    label?: string;
+    variant: 'primary' | 'secondary' | 'ghost' | 'danger';
+    size: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+    loading?: boolean;
+    icon?: string;
+    iconName?: string;
+    iconSet?: IconSet;
+    onClick?: () => void;
+}
+export declare const ButtonDefinition: UIComponentDefinition<ButtonProps>;

package/dist/components/button/index.js

@@ -0,0 +1,21 @@
+export const ButtonDefinition = {
+    name: 'button',
+    version: '1.0.0',
+    defaultProps: {
+        variant: 'primary',
+        size: 'md',
+        disabled: false,
+        loading: false
+    },
+    variants: ['primary', 'secondary', 'ghost', 'danger'],
+    features: {
+        requiresLicenseFeature: 'basic-components',
+        animations: {
+            hover: 'button-hover-soft',
+            click: 'button-click-press'
+        },
+        effects: {
+            onSuccess: 'confetti'
+        }
+    }
+};

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

@@ -0,0 +1,14 @@
+import { UIComponentDefinition } from '@fylib/core';
+export interface CardProps {
+    title?: string;
+    variant?: 'default' | 'elevated' | 'outlined';
+    mode?: 'default' | 'form';
+    mutedHeader?: boolean;
+    mutedFooter?: boolean;
+    footerText?: string;
+    scrollContent?: boolean;
+    activeAnimations?: boolean | null;
+    activeEffects?: boolean | null;
+    customStyles?: Record<string, string> | null;
+}
+export declare const CardDefinition: UIComponentDefinition<CardProps>;

package/dist/components/card/index.js

@@ -0,0 +1,23 @@
+export const CardDefinition = {
+    name: 'card',
+    version: '1.0.0',
+    defaultProps: {
+        variant: 'default',
+        mode: 'default',
+        mutedHeader: true,
+        mutedFooter: true,
+        scrollContent: false,
+        activeAnimations: null,
+        activeEffects: null,
+        customStyles: null
+    },
+    variants: ['default', 'elevated', 'outlined'],
+    features: {
+        animations: {
+            enter: 'card-fade-in'
+        },
+        effects: {
+            onSubmit: 'confetti'
+        }
+    }
+};

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

@@ -0,0 +1,25 @@
+import { UIComponentDefinition } from '@fylib/core';
+export type ChartType = 'line' | 'bar' | 'area' | 'pie' | 'donut' | 'radar';
+export interface ChartSeries {
+    name: string;
+    data: number[];
+}
+export interface ChartProps {
+    type: ChartType;
+    series: ChartSeries[];
+    categories?: string[];
+    title?: string;
+    subtitle?: string;
+    height?: string | number;
+    width?: string | number;
+    colors?: string[];
+    showLegend?: boolean;
+    showGrid?: boolean;
+    showLabels?: boolean;
+    stacked?: boolean;
+    animated?: boolean;
+    activeAnimations?: boolean | null;
+    activeEffects?: boolean | null;
+    customStyles?: Record<string, string> | null;
+}
+export declare const ChartDefinition: UIComponentDefinition<ChartProps>;

package/dist/components/chart/index.js

@@ -0,0 +1,27 @@
+export const ChartDefinition = {
+    name: 'chart',
+    version: '1.0.0',
+    defaultProps: {
+        type: 'line',
+        series: [],
+        height: '350px',
+        width: '100%',
+        showLegend: true,
+        showGrid: true,
+        showLabels: true,
+        stacked: false,
+        animated: true,
+        activeAnimations: null,
+        activeEffects: null
+    },
+    variants: ['default', 'minimal', 'compact'],
+    features: {
+        animations: {
+            enter: 'chart-fade-in',
+            update: 'chart-data-update'
+        },
+        effects: {
+            onDataClick: 'confetti'
+        }
+    }
+};

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

@@ -0,0 +1,20 @@
+import { UIComponentDefinition } from '@fylib/core';
+export type InputType = 'text' | 'password' | 'email' | 'number' | 'search';
+export interface InputProps {
+    value?: string;
+    placeholder?: string;
+    type?: InputType;
+    disabled?: boolean;
+    readonly?: boolean;
+    mask?: string;
+    showPasswordToggle?: boolean;
+    iconLeft?: string;
+    iconRight?: string;
+    size?: 'sm' | 'md' | 'lg';
+    status?: 'default' | 'success' | 'error';
+    onInput?: (value: string) => void;
+    onChange?: (value: string) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+}
+export declare const InputDefinition: UIComponentDefinition<InputProps>;

package/dist/components/input/index.js

@@ -0,0 +1,21 @@
+export const InputDefinition = {
+    name: 'input',
+    version: '1.0.0',
+    defaultProps: {
+        type: 'text',
+        disabled: false,
+        readonly: false,
+        showPasswordToggle: false,
+        size: 'md',
+        status: 'default'
+    },
+    variants: ['default', 'success', 'error'],
+    features: {
+        requiresLicenseFeature: 'basic-components',
+        animations: {
+            focus: 'input-focus-glow',
+            error: 'input-error-shake',
+            success: 'input-success-pulse'
+        }
+    }
+};

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

@@ -0,0 +1,33 @@
+import { UIComponentDefinition } from '@fylib/core';
+export type ModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
+export type ModalPosition = 'center' | 'top' | 'bottom';
+export type ModalStatus = 'default' | 'success' | 'error' | 'warning';
+export interface ModalProps {
+    visible?: boolean;
+    title?: string;
+    subtitle?: string;
+    content?: string;
+    size?: ModalSize;
+    position?: ModalPosition;
+    status?: ModalStatus;
+    closable?: boolean;
+    closeOnEscape?: boolean;
+    closeOnBackdrop?: boolean;
+    showHeader?: boolean;
+    showFooter?: boolean;
+    showConfirmButton?: boolean;
+    showCancelButton?: boolean;
+    confirmText?: string;
+    cancelText?: string;
+    loading?: boolean;
+    centered?: boolean;
+    blockScroll?: boolean;
+    draggable?: boolean;
+    resizable?: boolean;
+    icon?: string;
+    onOpen?: () => void;
+    onClose?: () => void;
+    onConfirm?: () => void;
+    onCancel?: () => void;
+}
+export declare const ModalDefinition: UIComponentDefinition<ModalProps>;

package/dist/components/modal/index.js

@@ -0,0 +1,34 @@
+export const ModalDefinition = {
+    name: 'modal',
+    version: '1.0.0',
+    defaultProps: {
+        visible: false,
+        size: 'md',
+        position: 'center',
+        status: 'default',
+        closable: true,
+        closeOnEscape: true,
+        closeOnBackdrop: true,
+        showHeader: true,
+        showFooter: false,
+        showConfirmButton: false,
+        showCancelButton: false,
+        confirmText: 'Confirmar',
+        cancelText: 'Cancelar',
+        loading: false,
+        centered: true,
+        blockScroll: true,
+        draggable: false,
+        resizable: false
+    },
+    variants: ['default', 'success', 'error', 'warning'],
+    features: {
+        requiresLicenseFeature: 'basic-components',
+        animations: {
+            open: 'modal-fade-in',
+            close: 'modal-fade-out',
+            error: 'modal-error-shake',
+            success: 'modal-success-pulse'
+        }
+    }
+};

package/dist/components/notification-menu/index.d.ts

@@ -0,0 +1,33 @@
+import { UIComponentDefinition } from '@fylib/core';
+export interface NotificationItem {
+    id: string;
+    title: string;
+    description: string;
+    date: Date | string;
+    read: boolean;
+    type?: 'info' | 'success' | 'warning' | 'error';
+    icon?: string;
+    details?: string;
+    actionUrl?: string;
+}
+export interface NotificationMenuProps {
+    notifications: NotificationItem[];
+    unreadCount?: number;
+    showAllNotifications?: boolean;
+    maxNotifications?: number;
+    enableClearAll?: boolean;
+    enableAccordion?: boolean;
+    showViewAll?: boolean;
+    viewAllPosition?: 'header-left' | 'header-right' | 'footer-left' | 'footer-right';
+    markAllAsReadOnOpen?: boolean;
+    markAsReadOnClick?: boolean;
+    readApiEndpoint?: string;
+    readApiMethod?: 'POST' | 'PUT' | 'PATCH';
+    readApiHeaders?: Record<string, string>;
+    onRead?: (notification: NotificationItem) => void;
+    onReadAll?: (notifications: NotificationItem[]) => void;
+    activeAnimations?: boolean | null;
+    activeEffects?: boolean | null;
+    customStyles?: Record<string, string> | null;
+}
+export declare const NotificationMenuDefinition: UIComponentDefinition<NotificationMenuProps>;

package/dist/components/notification-menu/index.js

@@ -0,0 +1,25 @@
+export const NotificationMenuDefinition = {
+    name: 'notification-menu',
+    version: '1.0.0',
+    defaultProps: {
+        notifications: [],
+        unreadCount: 0,
+        showAllNotifications: false,
+        maxNotifications: 5,
+        enableClearAll: true,
+        enableAccordion: true,
+        showViewAll: true,
+        viewAllPosition: 'footer-right',
+        markAllAsReadOnOpen: false,
+        markAsReadOnClick: true,
+        readApiMethod: 'POST',
+        activeAnimations: null,
+        activeEffects: null
+    },
+    features: {
+        animations: {
+            open: 'dropdown-in',
+            close: 'dropdown-out'
+        }
+    }
+};

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

@@ -0,0 +1,29 @@
+import { UIComponentDefinition } from '@fylib/core';
+export interface SelectOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+    icon?: string;
+}
+export interface SelectProps {
+    options: SelectOption[];
+    value?: string | string[];
+    disabled?: boolean;
+    readonly?: boolean;
+    searchable?: boolean;
+    showCheckbox?: boolean;
+    closeOnSelect?: boolean;
+    loading?: boolean;
+    clearable?: boolean;
+    placeholder?: string;
+    size?: 'sm' | 'md' | 'lg';
+    status?: 'default' | 'success' | 'error';
+    iconLeft?: string;
+    iconRight?: string;
+    onChange?: (value: string | string[]) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    onOpen?: () => void;
+    onClose?: () => void;
+}
+export declare const SelectDefinition: UIComponentDefinition<SelectProps>;

package/dist/components/select/index.js

@@ -0,0 +1,19 @@
+export const SelectDefinition = {
+    name: 'select',
+    version: '1.0.0',
+    defaultProps: {
+        disabled: false,
+        readonly: false,
+        size: 'md',
+        status: 'default',
+    },
+    variants: ['default', 'success', 'error'],
+    features: {
+        requiresLicenseFeature: 'basic-components',
+        animations: {
+            focus: 'input-focus-glow',
+            error: 'input-error-shake',
+            success: 'input-success-pulse',
+        },
+    },
+};

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

@@ -0,0 +1,46 @@
+import { UIComponentDefinition } from '@fylib/core';
+import { IconSet } from '@fylib/config';
+export interface TableColumn {
+    key: string;
+    label: string;
+    width?: string;
+    sortable?: boolean;
+    align?: 'left' | 'center' | 'right';
+    iconName?: string;
+    iconSet?: IconSet;
+    hidden?: boolean;
+}
+export interface TableAction {
+    id: string;
+    label?: string;
+    iconName?: string;
+    iconSet?: IconSet;
+    variant?: 'primary' | 'secondary' | 'ghost' | 'danger';
+    onClick?: (row: any) => void;
+}
+export interface TableProps {
+    data: any[];
+    columns: TableColumn[];
+    title?: string;
+    subtitle?: string;
+    footer?: string;
+    loading?: boolean;
+    showHeader?: boolean;
+    showFooter?: boolean;
+    showPagination?: boolean;
+    showSearch?: boolean;
+    searchTargets?: string[];
+    currentPage?: number;
+    pageSize?: number;
+    totalItems?: number;
+    actions?: TableAction[];
+    rowClickable?: boolean;
+    variant?: 'default' | 'striped' | 'bordered' | 'compact';
+    stickyHeader?: boolean;
+    scrollable?: boolean;
+    maxHeight?: string;
+    activeAnimations?: boolean | null;
+    activeEffects?: boolean | null;
+    customStyles?: Record<string, string> | null;
+}
+export declare const TableDefinition: UIComponentDefinition<TableProps>;

package/dist/components/table/index.js

@@ -0,0 +1,31 @@
+export const TableDefinition = {
+    name: 'table',
+    version: '1.0.0',
+    defaultProps: {
+        data: [],
+        columns: [],
+        variant: 'default',
+        showHeader: true,
+        showFooter: false,
+        showPagination: false,
+        showSearch: false,
+        searchTargets: [],
+        currentPage: 1,
+        pageSize: 10,
+        totalItems: 0,
+        stickyHeader: false,
+        scrollable: true,
+        activeAnimations: null,
+        activeEffects: null
+    },
+    variants: ['default', 'striped', 'bordered', 'compact'],
+    features: {
+        animations: {
+            enter: 'table-fade-in',
+            rowEnter: 'table-row-enter'
+        },
+        effects: {
+            rowClick: 'confetti'
+        }
+    }
+};

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

@@ -0,0 +1,17 @@
+import { UIComponentDefinition } from '@fylib/core';
+export type ToastType = 'info' | 'success' | 'warning' | 'error';
+export type ToastPosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top-center' | 'bottom-center';
+export interface ToastProps {
+    id?: string;
+    title?: string;
+    message: string;
+    type?: ToastType;
+    duration?: number;
+    showIcon?: boolean;
+    closable?: boolean;
+    position?: ToastPosition;
+    activeAnimations?: boolean | null;
+    activeEffects?: boolean | null;
+    customStyles?: Record<string, string> | null;
+}
+export declare const ToastDefinition: UIComponentDefinition<ToastProps>;

package/dist/components/toast/index.js

@@ -0,0 +1,19 @@
+export const ToastDefinition = {
+    name: 'toast',
+    version: '1.0.0',
+    defaultProps: {
+        type: 'info',
+        duration: 3000,
+        showIcon: true,
+        closable: true,
+        position: 'top-right',
+        activeAnimations: null,
+        activeEffects: null
+    },
+    features: {
+        animations: {
+            enter: 'toast-slide-in',
+            leave: 'toast-slide-out'
+        }
+    }
+};

package/dist/index.d.ts

@@ -0,0 +1,12 @@
+export * from './components/button';
+export * from './components/input';
+export * from './components/card';
+export * from './components/table';
+export * from './components/select';
+export * from './components/modal';
+export * from './components/accordion';
+export * from './components/select';
+export * from './components/chart';
+export * from './components/toast';
+export * from './components/notification-menu';
+export * from './layouts/app-layout';

package/dist/index.js

@@ -0,0 +1,12 @@
+export * from './components/button';
+export * from './components/input';
+export * from './components/card';
+export * from './components/table';
+export * from './components/select';
+export * from './components/modal';
+export * from './components/accordion';
+export * from './components/select';
+export * from './components/chart';
+export * from './components/toast';
+export * from './components/notification-menu';
+export * from './layouts/app-layout';

package/dist/layouts/app-layout/index.d.ts

@@ -0,0 +1,2 @@
+import { UILayoutDefinition } from '@fylib/core';
+export declare const AppLayoutDefinition: UILayoutDefinition;

package/dist/layouts/app-layout/index.js

@@ -0,0 +1,10 @@
+export const AppLayoutDefinition = {
+    name: 'app-layout',
+    version: '1.0.0',
+    slots: [
+        { name: 'header', required: false },
+        { name: 'sidebar', required: false },
+        { name: 'content', required: true },
+        { name: 'footer', required: false }
+    ]
+};

package/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "@fylib/catalog",
+  "version": "0.1.0",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": ["dist"],
+   "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.json"
+  },
+  "dependencies": {
+    "@fylib/core": "workspace:*",
+    "@fylib/theme": "workspace:*",
+    "@fylib/animation": "workspace:*"
+  },
+  "devDependencies": {
+    "typescript": "catalog:",
+    "@types/node": "catalog:"
+  }
+}