@designbasekorea/wordpress-ui 0.1.0

package/dist/react/index.d.ts

@@ -0,0 +1,234 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode, FormEvent } from 'react';
+import { DbAccordion } from '@designbasekorea/ui-wc/components/db-accordion';
+import { DbAnimationBackground } from '@designbasekorea/ui-wc/components/db-animation-background';
+import { DbAvatar } from '@designbasekorea/ui-wc/components/db-avatar';
+import { DbAlert } from '@designbasekorea/ui-wc/components/db-alert';
+import { DbBadge } from '@designbasekorea/ui-wc/components/db-badge';
+import { DbBanner } from '@designbasekorea/ui-wc/components/db-banner';
+import { DbBreadcrumbs } from '@designbasekorea/ui-wc/components/db-breadcrumbs';
+import { DbButton } from '@designbasekorea/ui-wc/components/db-button';
+import { DbCheckbox } from '@designbasekorea/ui-wc/components/db-checkbox';
+import { DbChip } from '@designbasekorea/ui-wc/components/db-chip';
+import { DbDrawer } from '@designbasekorea/ui-wc/components/db-drawer';
+import { DbEmptyState } from '@designbasekorea/ui-wc/components/db-empty-state';
+import { DbInput } from '@designbasekorea/ui-wc/components/db-input';
+import { DbLogo } from '@designbasekorea/ui-wc/components/db-logo';
+import { DbMenuItem } from '@designbasekorea/ui-wc/components/db-menu-item';
+import { DbModal } from '@designbasekorea/ui-wc/components/db-modal';
+import { DbDropdown } from '@designbasekorea/ui-wc/components/db-dropdown';
+import { DbPageHeader } from '@designbasekorea/ui-wc/components/db-page-header';
+import { DbPagination } from '@designbasekorea/ui-wc/components/db-pagination';
+import { DbRadio } from '@designbasekorea/ui-wc/components/db-radio';
+import { DbSearchBar } from '@designbasekorea/ui-wc/components/db-search-bar';
+import { DbSection } from '@designbasekorea/ui-wc/components/db-section';
+import { DbSegmentControl } from '@designbasekorea/ui-wc/components/db-segment-control';
+import { DbSelect } from '@designbasekorea/ui-wc/components/db-select';
+import { DbSidebar } from '@designbasekorea/ui-wc/components/db-sidebar';
+import { DbSkeleton } from '@designbasekorea/ui-wc/components/db-skeleton';
+import { DbSpinner } from '@designbasekorea/ui-wc/components/db-spinner';
+import { DbTable } from '@designbasekorea/ui-wc/components/db-table';
+import { DbTabs } from '@designbasekorea/ui-wc/components/db-tabs';
+import { DbTextarea } from '@designbasekorea/ui-wc/components/db-textarea';
+import { DbToast } from '@designbasekorea/ui-wc/components/db-toast';
+import { DbToggle } from '@designbasekorea/ui-wc/components/db-toggle';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const REGISTERED_PRIMITIVES: (typeof DbAccordion | typeof DbAnimationBackground | typeof DbAlert | typeof DbAvatar | typeof DbBadge | typeof DbBanner | typeof DbBreadcrumbs | typeof DbButton | typeof DbCheckbox | typeof DbChip | typeof DbDrawer | typeof DbDropdown | typeof DbEmptyState | typeof DbInput | typeof DbLogo | typeof DbMenuItem | typeof DbModal | typeof DbPageHeader | typeof DbPagination | typeof DbRadio | typeof DbSearchBar | typeof DbSection | typeof DbSegmentControl | typeof DbSelect | typeof DbSidebar | typeof DbSkeleton | typeof DbSpinner | typeof DbTable | typeof DbTabs | typeof DbTextarea | typeof DbToast | typeof DbToggle)[];
+type DbEventHandler<T = unknown> = (event: CustomEvent<T>) => void;
+type PrimitiveProps = Omit<HTMLAttributes<HTMLElement>, 'onChange' | 'onInput'> & {
+    children?: ReactNode;
+    [key: string]: unknown;
+};
+declare const Accordion: react.ForwardRefExoticComponent<Omit<PrimitiveProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const AnimationBackground: react.ForwardRefExoticComponent<Omit<PrimitiveProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const Alert: react.ForwardRefExoticComponent<Omit<PrimitiveProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const Avatar: react.ForwardRefExoticComponent<Omit<PrimitiveProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const Badge: react.ForwardRefExoticComponent<Omit<PrimitiveProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const Banner: react.ForwardRefExoticComponent<Omit<PrimitiveProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const Breadcrumbs: react.ForwardRefExoticComponent<Omit<PrimitiveProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const Button: react.ForwardRefExoticComponent<Omit<PrimitiveProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const Checkbox: react.ForwardRefExoticComponent<Omit<PrimitiveProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const Chip: react.ForwardRefExoticComponent<Omit<PrimitiveProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const Drawer: react.ForwardRefExoticComponent<Omit<PrimitiveProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const Dropdown: react.ForwardRefExoticComponent<Omit<PrimitiveProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const EmptyState: react.ForwardRefExoticComponent<Omit<PrimitiveProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const Input: react.ForwardRefExoticComponent<Omit<PrimitiveProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const Logo: react.ForwardRefExoticComponent<Omit<PrimitiveProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const MenuItem: react.ForwardRefExoticComponent<Omit<PrimitiveProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const Modal: react.ForwardRefExoticComponent<Omit<PrimitiveProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const PageHeader: react.ForwardRefExoticComponent<Omit<PrimitiveProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const Pagination: react.ForwardRefExoticComponent<Omit<PrimitiveProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const Radio: react.ForwardRefExoticComponent<Omit<PrimitiveProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const SearchBar: react.ForwardRefExoticComponent<Omit<PrimitiveProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const Section: react.ForwardRefExoticComponent<Omit<PrimitiveProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const SegmentControl: react.ForwardRefExoticComponent<Omit<PrimitiveProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const Select: react.ForwardRefExoticComponent<Omit<PrimitiveProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const Sidebar: react.ForwardRefExoticComponent<Omit<PrimitiveProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const Skeleton: react.ForwardRefExoticComponent<Omit<PrimitiveProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const Spinner: react.ForwardRefExoticComponent<Omit<PrimitiveProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const Table: react.ForwardRefExoticComponent<Omit<PrimitiveProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const Tabs: react.ForwardRefExoticComponent<Omit<PrimitiveProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const Textarea: react.ForwardRefExoticComponent<Omit<PrimitiveProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const Toast: react.ForwardRefExoticComponent<Omit<PrimitiveProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const Toggle: react.ForwardRefExoticComponent<Omit<PrimitiveProps, "ref"> & react.RefAttributes<HTMLElement>>;
+
+interface AdminNavItem {
+    id: string;
+    label: string;
+    href?: string;
+    icon?: string;
+    active?: boolean;
+    disabled?: boolean;
+    badge?: string | number;
+}
+interface AdminBreadcrumb {
+    label: string;
+    href?: string;
+}
+interface AdminTab {
+    id: string;
+    label: string;
+    disabled?: boolean;
+}
+interface AdminTableSort {
+    column: string;
+    direction: 'asc' | 'desc';
+}
+interface AdminTableColumn<Row> {
+    id: string;
+    header: string;
+    key?: keyof Row;
+    sortable?: boolean;
+    width?: string;
+}
+
+interface AdminLayoutContextValue {
+    hasSidebar: boolean;
+    sidebarOpen: boolean;
+    toggleSidebar: () => void;
+    closeSidebar: () => void;
+}
+declare function useAdminLayout(): AdminLayoutContextValue;
+interface AdminWrapperProps {
+    children?: ReactNode;
+    className?: string;
+}
+interface AdminSidebarProps {
+    items: AdminNavItem[];
+    title?: string;
+    footer?: ReactNode;
+    className?: string;
+}
+interface AdminShellProps {
+    children?: ReactNode;
+    sidebar?: ReactNode;
+    sidebarItems?: AdminNavItem[];
+    sidebarTitle?: string;
+    sidebarFooter?: ReactNode;
+    className?: string;
+    defaultSidebarOpen?: boolean;
+    sidebarOpen?: boolean;
+    onSidebarOpenChange?: (open: boolean) => void;
+}
+interface AdminPageHeaderProps {
+    title: ReactNode;
+    icon?: string;
+    description?: ReactNode;
+    breadcrumbs?: AdminBreadcrumb[];
+    actions?: ReactNode;
+    backHref?: string;
+    backLabel?: string;
+    onBack?: () => void;
+    menuLabel?: string;
+    showMenuToggle?: boolean;
+    className?: string;
+}
+interface AdminPageContentProps {
+    children?: ReactNode;
+    maxWidth?: 'none' | 'm' | 'l' | 'xl';
+    density?: 'comfortable' | 'compact';
+    className?: string;
+}
+interface AdminSectionProps {
+    title?: ReactNode;
+    description?: ReactNode;
+    actions?: ReactNode;
+    children?: ReactNode;
+    collapsible?: boolean;
+    defaultOpen?: boolean;
+    className?: string;
+}
+interface AdminFilterBarOption {
+    value: string;
+    label: string;
+}
+interface AdminFilterBarProps {
+    children?: ReactNode;
+    actions?: ReactNode;
+    activeFilterCount?: number;
+    applyLabel?: string;
+    resetLabel?: string;
+    searchPlaceholder?: string;
+    searchValue?: string;
+    onSearchChange?: (value: string) => void;
+    statusPlaceholder?: string;
+    statusOptions?: AdminFilterBarOption[];
+    statusValue?: string;
+    onStatusChange?: (value: string) => void;
+    onSubmit?: (event: FormEvent<HTMLFormElement>) => void;
+    onReset?: (event: FormEvent<HTMLFormElement>) => void;
+    className?: string;
+}
+interface AdminTabsProps {
+    tabs: AdminTab[];
+    activeTab?: string;
+    onChange?: (id: string) => void;
+    className?: string;
+}
+interface AdminStateProps {
+    title?: ReactNode;
+    description?: ReactNode;
+    action?: ReactNode;
+    className?: string;
+}
+interface AdminDataTableProps<Row> {
+    columns: Array<AdminTableColumn<Row> & {
+        render?: (row: Row, index: number) => ReactNode;
+    }>;
+    rows: Row[];
+    rowKey?: (row: Row, index: number) => string | number;
+    sort?: AdminTableSort;
+    onSort?: (sort: AdminTableSort) => void;
+    actions?: (row: Row, index: number) => ReactNode;
+    loading?: boolean;
+    emptyState?: ReactNode;
+    error?: ReactNode;
+    caption?: string;
+    className?: string;
+}
+interface AdminIconProps {
+    name: string;
+    size?: number;
+    className?: string;
+}
+declare function AdminIcon({ name, size, className }: AdminIconProps): react_jsx_runtime.JSX.Element | null;
+declare function AdminWrapper({ children, className }: AdminWrapperProps): react_jsx_runtime.JSX.Element;
+declare function AdminSidebar({ items, title, footer, className }: AdminSidebarProps): react_jsx_runtime.JSX.Element;
+declare function AdminShell({ children, sidebar, sidebarItems, sidebarTitle, sidebarFooter, className, defaultSidebarOpen, sidebarOpen: controlledSidebarOpen, onSidebarOpenChange, }: AdminShellProps): react_jsx_runtime.JSX.Element;
+declare function AdminPage({ children, className }: {
+    children?: ReactNode;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function AdminPageHeader({ title, icon, description, breadcrumbs, actions, backHref, backLabel, onBack, menuLabel, showMenuToggle, className, }: AdminPageHeaderProps): react_jsx_runtime.JSX.Element;
+declare function AdminPageContent({ children, maxWidth, density, className }: AdminPageContentProps): react_jsx_runtime.JSX.Element;
+declare function AdminSection({ title, description, actions, children, collapsible, defaultOpen, className }: AdminSectionProps): react_jsx_runtime.JSX.Element;
+declare function AdminFilterBar({ children, actions, activeFilterCount, applyLabel, resetLabel, searchPlaceholder, searchValue, onSearchChange, statusPlaceholder, statusOptions, statusValue, onStatusChange, onSubmit, onReset, className, }: AdminFilterBarProps): react_jsx_runtime.JSX.Element;
+declare function AdminTabs({ tabs: items, activeTab, onChange, className }: AdminTabsProps): react_jsx_runtime.JSX.Element;
+declare function AdminDataTable<Row>({ columns, rows, rowKey, sort, onSort, actions, loading, emptyState, error, caption, className }: AdminDataTableProps<Row>): react_jsx_runtime.JSX.Element;
+declare function AdminEmptyState({ title, description, action, className }: AdminStateProps): react_jsx_runtime.JSX.Element;
+declare function AdminLoadingState({ title, description, className }: AdminStateProps): react_jsx_runtime.JSX.Element;
+declare function AdminErrorState({ title, description, action, className }: AdminStateProps): react_jsx_runtime.JSX.Element;
+
+export { Accordion, AdminDataTable, AdminEmptyState, AdminErrorState, AdminFilterBar, AdminIcon, AdminLoadingState, AdminPage, AdminPageContent, AdminPageHeader, AdminSection, AdminShell, AdminSidebar, AdminTabs, AdminWrapper, Alert, AnimationBackground, Avatar, Badge, Banner, Breadcrumbs, Button, Checkbox, Chip, Drawer, Dropdown, EmptyState, Input, Logo, MenuItem, Modal, PageHeader, Pagination, REGISTERED_PRIMITIVES, Radio, SearchBar, Section, SegmentControl, Select, Sidebar, Skeleton, Spinner, Table, Tabs, Textarea, Toast, Toggle, useAdminLayout };
+export type { AdminDataTableProps, AdminFilterBarOption, AdminFilterBarProps, AdminIconProps, AdminLayoutContextValue, AdminPageContentProps, AdminPageHeaderProps, AdminSectionProps, AdminShellProps, AdminSidebarProps, AdminStateProps, AdminTabsProps, AdminWrapperProps, DbEventHandler, PrimitiveProps };