@designbasekorea/wordpress-ui 0.1.0 → 0.1.3

package/dist/react/index.d.ts

@@ -1,40 +1,40 @@
 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 { HTMLAttributes, ReactNode } from 'react';
+import * as _designbasekorea_ui_wc_components_db_toggle from '@designbasekorea/ui-wc/components/db-toggle';
+import * as _designbasekorea_ui_wc_components_db_toast from '@designbasekorea/ui-wc/components/db-toast';
+import * as _designbasekorea_ui_wc_components_db_textarea from '@designbasekorea/ui-wc/components/db-textarea';
+import * as _designbasekorea_ui_wc_components_db_tabs from '@designbasekorea/ui-wc/components/db-tabs';
+import * as _designbasekorea_ui_wc_components_db_table from '@designbasekorea/ui-wc/components/db-table';
+import * as _designbasekorea_ui_wc_components_db_spinner from '@designbasekorea/ui-wc/components/db-spinner';
+import * as _designbasekorea_ui_wc_components_db_skeleton from '@designbasekorea/ui-wc/components/db-skeleton';
+import * as _designbasekorea_ui_wc_components_db_sidebar from '@designbasekorea/ui-wc/components/db-sidebar';
+import * as _designbasekorea_ui_wc_components_db_select from '@designbasekorea/ui-wc/components/db-select';
+import * as _designbasekorea_ui_wc_components_db_segment_control from '@designbasekorea/ui-wc/components/db-segment-control';
+import * as _designbasekorea_ui_wc_components_db_section from '@designbasekorea/ui-wc/components/db-section';
+import * as _designbasekorea_ui_wc_components_db_search_bar from '@designbasekorea/ui-wc/components/db-search-bar';
+import * as _designbasekorea_ui_wc_components_db_radio from '@designbasekorea/ui-wc/components/db-radio';
+import * as _designbasekorea_ui_wc_components_db_pagination from '@designbasekorea/ui-wc/components/db-pagination';
+import * as _designbasekorea_ui_wc_components_db_page_header from '@designbasekorea/ui-wc/components/db-page-header';
+import * as _designbasekorea_ui_wc_components_db_modal from '@designbasekorea/ui-wc/components/db-modal';
+import * as _designbasekorea_ui_wc_components_db_menu_item from '@designbasekorea/ui-wc/components/db-menu-item';
+import * as _designbasekorea_ui_wc_components_db_logo from '@designbasekorea/ui-wc/components/db-logo';
+import * as _designbasekorea_ui_wc_components_db_input from '@designbasekorea/ui-wc/components/db-input';
+import * as _designbasekorea_ui_wc_components_db_empty_state from '@designbasekorea/ui-wc/components/db-empty-state';
+import * as _designbasekorea_ui_wc_components_db_dropdown from '@designbasekorea/ui-wc/components/db-dropdown';
+import * as _designbasekorea_ui_wc_components_db_drawer from '@designbasekorea/ui-wc/components/db-drawer';
+import * as _designbasekorea_ui_wc_components_db_chip from '@designbasekorea/ui-wc/components/db-chip';
+import * as _designbasekorea_ui_wc_components_db_checkbox from '@designbasekorea/ui-wc/components/db-checkbox';
+import * as _designbasekorea_ui_wc_components_db_button from '@designbasekorea/ui-wc/components/db-button';
+import * as _designbasekorea_ui_wc_components_db_breadcrumbs from '@designbasekorea/ui-wc/components/db-breadcrumbs';
+import * as _designbasekorea_ui_wc_components_db_banner from '@designbasekorea/ui-wc/components/db-banner';
+import * as _designbasekorea_ui_wc_components_db_badge from '@designbasekorea/ui-wc/components/db-badge';
+import * as _designbasekorea_ui_wc_components_db_avatar from '@designbasekorea/ui-wc/components/db-avatar';
+import * as _designbasekorea_ui_wc_components_db_alert from '@designbasekorea/ui-wc/components/db-alert';
+import * as _designbasekorea_ui_wc_components_db_animation_background from '@designbasekorea/ui-wc/components/db-animation-background';
+import * as _designbasekorea_ui_wc_components_db_accordion from '@designbasekorea/ui-wc/components/db-accordion';
 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)[];
+declare const REGISTERED_PRIMITIVES: (typeof _designbasekorea_ui_wc_components_db_accordion.DbAccordion | typeof _designbasekorea_ui_wc_components_db_animation_background.DbAnimationBackground | typeof _designbasekorea_ui_wc_components_db_alert.DbAlert | typeof _designbasekorea_ui_wc_components_db_avatar.DbAvatar | typeof _designbasekorea_ui_wc_components_db_badge.DbBadge | typeof _designbasekorea_ui_wc_components_db_banner.DbBanner | typeof _designbasekorea_ui_wc_components_db_breadcrumbs.DbBreadcrumbs | typeof _designbasekorea_ui_wc_components_db_button.DbButton | typeof _designbasekorea_ui_wc_components_db_checkbox.DbCheckbox | typeof _designbasekorea_ui_wc_components_db_chip.DbChip | typeof _designbasekorea_ui_wc_components_db_drawer.DbDrawer | typeof _designbasekorea_ui_wc_components_db_dropdown.DbDropdown | typeof _designbasekorea_ui_wc_components_db_empty_state.DbEmptyState | typeof _designbasekorea_ui_wc_components_db_input.DbInput | typeof _designbasekorea_ui_wc_components_db_logo.DbLogo | typeof _designbasekorea_ui_wc_components_db_menu_item.DbMenuItem | typeof _designbasekorea_ui_wc_components_db_modal.DbModal | typeof _designbasekorea_ui_wc_components_db_page_header.DbPageHeader | typeof _designbasekorea_ui_wc_components_db_pagination.DbPagination | typeof _designbasekorea_ui_wc_components_db_radio.DbRadio | typeof _designbasekorea_ui_wc_components_db_search_bar.DbSearchBar | typeof _designbasekorea_ui_wc_components_db_section.DbSection | typeof _designbasekorea_ui_wc_components_db_segment_control.DbSegmentControl | typeof _designbasekorea_ui_wc_components_db_select.DbSelect | typeof _designbasekorea_ui_wc_components_db_sidebar.DbSidebar | typeof _designbasekorea_ui_wc_components_db_skeleton.DbSkeleton | typeof _designbasekorea_ui_wc_components_db_spinner.DbSpinner | typeof _designbasekorea_ui_wc_components_db_table.DbTable | typeof _designbasekorea_ui_wc_components_db_tabs.DbTabs | typeof _designbasekorea_ui_wc_components_db_textarea.DbTextarea | typeof _designbasekorea_ui_wc_components_db_toast.DbToast | typeof _designbasekorea_ui_wc_components_db_toggle.DbToggle)[];
 type DbEventHandler<T = unknown> = (event: CustomEvent<T>) => void;
 type PrimitiveProps = Omit<HTMLAttributes<HTMLElement>, 'onChange' | 'onInput'> & {
     children?: ReactNode;
@@ -83,28 +83,16 @@ interface AdminNavItem {
     badge?: string | number;
 }
 interface AdminBreadcrumb {
+    id?: string;
     label: string;
     href?: string;
-}
-interface AdminTab {
-    id: string;
-    label: string;
+    active?: boolean;
     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;
+    isMobile: boolean;
     sidebarOpen: boolean;
     toggleSidebar: () => void;
     closeSidebar: () => void;
@@ -114,121 +102,53 @@ 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;
+interface AdminPageHeaderProps {
+    title: string;
+    subtitle?: string;
+    description?: string;
+    breadcrumbs?: AdminBreadcrumb[] | string;
     actions?: ReactNode;
+    meta?: 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;
+    showMenuButton?: boolean;
+    menuButtonLabel?: string;
+    variant?: 'default' | 'minimal';
+    align?: 'center' | 'left';
+    showBackButton?: boolean;
+    backFallbackHref?: string;
+    backLabel?: string;
     className?: string;
+    onBack?: (event: Event) => void;
 }
-declare function AdminIcon({ name, size, className }: AdminIconProps): react_jsx_runtime.JSX.Element | null;
+/** WordPress admin 최외곽 wrapper. ui-wc 컴포넌트는 이 안에서 사용합니다. */
 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;
+/** 모바일 overlay 사이드바를 열 때 PageHeader minimal meta 슬롯에 넣는 메뉴 버튼 */
+declare function AdminShellMenuButton({ label }: {
+    label?: string;
+}): react_jsx_runtime.JSX.Element | null;
+/** ui-wc PageHeader(minimal) + 모바일 메뉴(meta) / 액션(cta). 스타일은 db-page-header가 담당합니다. */
+declare function AdminPageHeader({ title, subtitle, description, breadcrumbs, actions, meta, children, showMenuButton, menuButtonLabel, variant, align, showBackButton, backFallbackHref, backLabel, className, onBack, }: AdminPageHeaderProps): react_jsx_runtime.JSX.Element;
+declare function AdminShell({ children, sidebar, sidebarItems, sidebarTitle, 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;
+declare function AdminPageContent({ children, maxWidth, className }: AdminPageContentProps): 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 };
+export { Accordion, AdminPage, AdminPageContent, AdminPageHeader, AdminShell, AdminShellMenuButton, 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 { AdminLayoutContextValue, AdminPageContentProps, AdminPageHeaderProps, AdminShellProps, AdminWrapperProps, DbEventHandler, PrimitiveProps };