@zixili/design-system 1.0.0

package/dist/components/navigation/BackTop.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+
+export interface BackTopProps {
+    visibilityHeight?: number;
+    onClick?: () => void;
+    target?: () => Window | HTMLElement;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+export declare const BackTop: React.FC<BackTopProps>;
+export default BackTop;

package/dist/components/navigation/Breadcrumb.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+
+export interface BreadcrumbItem {
+    key: string;
+    title: React.ReactNode;
+    href?: string;
+}
+export interface BreadcrumbProps {
+    items: BreadcrumbItem[];
+    separator?: React.ReactNode;
+    className?: string;
+}
+declare const Breadcrumb: React.FC<BreadcrumbProps>;
+export default Breadcrumb;

package/dist/components/navigation/Dropdown.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+
+export interface DropdownItem {
+    key: string;
+    label: React.ReactNode;
+    disabled?: boolean;
+    danger?: boolean;
+    divided?: boolean;
+    icon?: React.ReactNode;
+    onClick?: () => void;
+}
+export interface DropdownProps {
+    children: React.ReactNode;
+    items: DropdownItem[];
+    placement?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
+    trigger?: 'click' | 'hover' | 'context';
+    disabled?: boolean;
+    className?: string;
+}
+declare const Dropdown: React.FC<DropdownProps>;
+export default Dropdown;

package/dist/components/navigation/Menu.d.ts

@@ -0,0 +1,40 @@
+import { default as React } from 'react';
+
+export interface MenuItemProps {
+    /** Use React `key` for list rendering; use `eventKey` for Menu selection logic */
+    eventKey?: string;
+    children?: React.ReactNode;
+    disabled?: boolean;
+    icon?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    onClick?: (key: string) => void;
+}
+export interface SubMenuProps {
+    eventKey?: string;
+    title: React.ReactNode;
+    children?: React.ReactNode;
+    disabled?: boolean;
+    icon?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    isOpen?: boolean;
+    onClick?: (key: string) => void;
+}
+export interface MenuProps {
+    mode?: 'vertical' | 'horizontal' | 'inline';
+    theme?: 'light' | 'dark';
+    defaultSelectedKeys?: string[];
+    selectedKeys?: string[];
+    defaultOpenKeys?: string[];
+    openKeys?: string[];
+    className?: string;
+    style?: React.CSSProperties;
+    children: React.ReactNode;
+    onSelect?: (selectedKeys: string[]) => void;
+    onOpenChange?: (openKeys: string[]) => void;
+}
+export declare const MenuItem: React.FC<MenuItemProps>;
+export declare const SubMenu: React.FC<SubMenuProps>;
+export declare const Menu: React.FC<MenuProps>;
+export default Menu;

package/dist/components/navigation/Pagination.d.ts

@@ -0,0 +1,13 @@
+
+export interface PaginationProps {
+    current: number;
+    total: number;
+    pageSize?: number;
+    showSizeChanger?: boolean;
+    showQuickJumper?: boolean;
+    showTotal?: boolean;
+    onChange?: (page: number, pageSize: number) => void;
+    onShowSizeChange?: (current: number, size: number) => void;
+    size?: 'small' | 'medium' | 'large';
+}
+export default function Pagination({ current, total, pageSize, showSizeChanger, showQuickJumper, showTotal, onChange, onShowSizeChange, size }: PaginationProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/navigation/Steps.d.ts

@@ -0,0 +1,17 @@
+
+interface Step {
+    title: string;
+    description?: string;
+    icon?: React.ReactNode;
+    status?: 'wait' | 'process' | 'finish' | 'error';
+}
+export interface StepsProps {
+    current: number;
+    direction?: 'horizontal' | 'vertical';
+    size?: 'small' | 'default';
+    status?: 'wait' | 'process' | 'finish' | 'error';
+    items: Step[];
+    onChange?: (current: number) => void;
+}
+export default function Steps({ current, direction, size, status, items, onChange }: StepsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/navigation/StickyTool.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+
+export interface StickyToolItemProps {
+    key: string;
+    icon: React.ReactNode;
+    title?: string;
+    onClick?: () => void;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export interface StickyToolProps {
+    position?: 'left' | 'right';
+    offset?: number;
+    direction?: 'vertical' | 'horizontal';
+    className?: string;
+    style?: React.CSSProperties;
+    children: React.ReactNode;
+}
+export declare const StickyToolItem: React.FC<StickyToolItemProps>;
+export declare const StickyTool: React.FC<StickyToolProps>;
+export default StickyTool;

package/dist/components/navigation/Tabs.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+
+interface TabItem {
+    key: string;
+    label: string;
+    children: ReactNode;
+    disabled?: boolean;
+}
+export interface TabsProps {
+    items: TabItem[];
+    defaultActiveKey?: string;
+    onChange?: (key: string) => void;
+    className?: string;
+}
+export default function Tabs({ items, defaultActiveKey, onChange, className }: TabsProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,20 @@
+export { default as Affix } from './Affix';
+export { default as Anchor, AnchorLink } from './Anchor';
+export { default as BackTop } from './BackTop';
+export { default as Breadcrumb } from './Breadcrumb';
+export { default as Dropdown } from './Dropdown';
+export { default as Menu, MenuItem, SubMenu } from './Menu';
+export { default as Pagination } from './Pagination';
+export { default as Steps } from './Steps';
+export { default as StickyTool, StickyToolItem } from './StickyTool';
+export { default as Tabs } from './Tabs';
+export type { AffixProps } from './Affix';
+export type { AnchorProps, AnchorLinkProps } from './Anchor';
+export type { BackTopProps } from './BackTop';
+export type { BreadcrumbProps } from './Breadcrumb';
+export type { DropdownProps } from './Dropdown';
+export type { MenuProps, MenuItemProps, SubMenuProps } from './Menu';
+export type { PaginationProps } from './Pagination';
+export type { StepsProps } from './Steps';
+export type { StickyToolProps, StickyToolItemProps } from './StickyTool';
+export type { TabsProps } from './Tabs';

package/dist/context/LanguageContext.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+
+type Language = 'zh' | 'en';
+interface LanguageContextType {
+    language: Language;
+    toggleLanguage: () => void;
+    t: (key: string) => string;
+}
+export declare function LanguageProvider({ children, translations: customTranslations }: {
+    children: ReactNode;
+    translations?: Record<string, any>;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useLanguage(): LanguageContextType;
+export {};

package/dist/context/ThemeContext.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+
+type Theme = 'light' | 'dark';
+interface ThemeContextType {
+    theme: Theme;
+    toggleTheme: () => void;
+}
+export declare function ThemeProvider({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useTheme(): ThemeContextType;
+export {};

package/dist/data/componentList.d.ts

@@ -0,0 +1,6 @@
+export interface ComponentEntry {
+    key: string;
+    label: string;
+    group: string;
+}
+export declare const COMPONENT_LIST: ComponentEntry[];