@xfilecom/front-core 0.2.27 → 0.2.29

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

@@ -0,0 +1,20 @@
+import type { HTMLAttributes, TableHTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from 'react';
+export type TableProps = TableHTMLAttributes<HTMLTableElement>;
+/**
+ * shadcn/ui `Table` 대응 — 가로 스크롤 래퍼 포함.
+ */
+export declare function Table({ className, children, ...rest }: TableProps): import("react/jsx-runtime").JSX.Element;
+export type TableHeaderProps = HTMLAttributes<HTMLTableSectionElement>;
+export declare function TableHeader({ className, ...rest }: TableHeaderProps): import("react/jsx-runtime").JSX.Element;
+export type TableBodyProps = HTMLAttributes<HTMLTableSectionElement>;
+export declare function TableBody({ className, ...rest }: TableBodyProps): import("react/jsx-runtime").JSX.Element;
+export type TableFooterProps = HTMLAttributes<HTMLTableSectionElement>;
+export declare function TableFooter({ className, ...rest }: TableFooterProps): import("react/jsx-runtime").JSX.Element;
+export type TableRowProps = HTMLAttributes<HTMLTableRowElement>;
+export declare function TableRow({ className, ...rest }: TableRowProps): import("react/jsx-runtime").JSX.Element;
+export type TableHeadProps = ThHTMLAttributes<HTMLTableCellElement>;
+export declare function TableHead({ className, ...rest }: TableHeadProps): import("react/jsx-runtime").JSX.Element;
+export type TableCellProps = TdHTMLAttributes<HTMLTableCellElement>;
+export declare function TableCell({ className, ...rest }: TableCellProps): import("react/jsx-runtime").JSX.Element;
+export type TableCaptionProps = HTMLAttributes<HTMLTableCaptionElement>;
+export declare function TableCaption({ className, ...rest }: TableCaptionProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/Table.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Table = Table;
+exports.TableHeader = TableHeader;
+exports.TableBody = TableBody;
+exports.TableFooter = TableFooter;
+exports.TableRow = TableRow;
+exports.TableHead = TableHead;
+exports.TableCell = TableCell;
+exports.TableCaption = TableCaption;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * shadcn/ui `Table` 대응 — 가로 스크롤 래퍼 포함.
+ */
+function Table({ className = '', children, ...rest }) {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "xfc-table-wrap", children: (0, jsx_runtime_1.jsx)("table", { className: ['xfc-table', className].filter(Boolean).join(' '), ...rest, children: children }) }));
+}
+function TableHeader({ className = '', ...rest }) {
+    return (0, jsx_runtime_1.jsx)("thead", { className: ['xfc-table-header', className].filter(Boolean).join(' '), ...rest });
+}
+function TableBody({ className = '', ...rest }) {
+    return (0, jsx_runtime_1.jsx)("tbody", { className: className, ...rest });
+}
+function TableFooter({ className = '', ...rest }) {
+    return (0, jsx_runtime_1.jsx)("tfoot", { className: ['xfc-table-footer', className].filter(Boolean).join(' '), ...rest });
+}
+function TableRow({ className = '', ...rest }) {
+    return (0, jsx_runtime_1.jsx)("tr", { className: ['xfc-table-row', className].filter(Boolean).join(' '), ...rest });
+}
+function TableHead({ className = '', ...rest }) {
+    return (0, jsx_runtime_1.jsx)("th", { className: ['xfc-table-head', className].filter(Boolean).join(' '), ...rest });
+}
+function TableCell({ className = '', ...rest }) {
+    return (0, jsx_runtime_1.jsx)("td", { className: ['xfc-table-cell', className].filter(Boolean).join(' '), ...rest });
+}
+function TableCaption({ className = '', ...rest }) {
+    return (0, jsx_runtime_1.jsx)("caption", { className: ['xfc-table-caption', className].filter(Boolean).join(' '), ...rest });
+}

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

@@ -0,0 +1,20 @@
+import { type ButtonHTMLAttributes, type HTMLAttributes } from 'react';
+export type TabsProps = Omit<HTMLAttributes<HTMLDivElement>, 'defaultValue'> & {
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+};
+/** shadcn/ui `Tabs` 루트 — 제어·비제어 모두 지원. */
+export declare function Tabs({ defaultValue, value: valueProp, onValueChange, className, children, ...rest }: TabsProps): import("react/jsx-runtime").JSX.Element;
+export type TabsListProps = HTMLAttributes<HTMLDivElement>;
+export declare function TabsList({ className, role, ...rest }: TabsListProps): import("react/jsx-runtime").JSX.Element;
+export type TabsTriggerProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    value: string;
+};
+export declare function TabsTrigger({ value, className, id: idProp, ...rest }: TabsTriggerProps): import("react/jsx-runtime").JSX.Element;
+export type TabsContentProps = HTMLAttributes<HTMLDivElement> & {
+    value: string;
+    /** false면 패널을 DOM에 남기고 숨김 */
+    forceMount?: boolean;
+};
+export declare function TabsContent({ value, className, id: idProp, forceMount, children, hidden: hiddenProp, ...rest }: TabsContentProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/atoms/Tabs.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tabs = Tabs;
+exports.TabsList = TabsList;
+exports.TabsTrigger = TabsTrigger;
+exports.TabsContent = TabsContent;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const TabsContext = (0, react_1.createContext)(null);
+function useTabsContext(component) {
+    const ctx = (0, react_1.useContext)(TabsContext);
+    if (!ctx) {
+        throw new Error(`${component} must be used inside <Tabs>`);
+    }
+    return ctx;
+}
+/** shadcn/ui `Tabs` 루트 — 제어·비제어 모두 지원. */
+function Tabs({ defaultValue = '', value: valueProp, onValueChange, className = '', children, ...rest }) {
+    const baseId = (0, react_1.useId)();
+    const [uncontrolled, setUncontrolled] = (0, react_1.useState)(defaultValue);
+    const isControlled = valueProp !== undefined;
+    const value = isControlled ? valueProp : uncontrolled;
+    const setValue = (0, react_1.useCallback)((v) => {
+        onValueChange?.(v);
+        if (!isControlled) {
+            setUncontrolled(v);
+        }
+    }, [isControlled, onValueChange]);
+    const ctx = (0, react_1.useMemo)(() => ({ value, setValue, baseId }), [value, setValue, baseId]);
+    return ((0, jsx_runtime_1.jsx)(TabsContext.Provider, { value: ctx, children: (0, jsx_runtime_1.jsx)("div", { className: ['xfc-tabs', className].filter(Boolean).join(' '), ...rest, children: children }) }));
+}
+function TabsList({ className = '', role = 'tablist', ...rest }) {
+    return (0, jsx_runtime_1.jsx)("div", { className: ['xfc-tabs-list', className].filter(Boolean).join(' '), role: role, ...rest });
+}
+function TabsTrigger({ value, className = '', id: idProp, ...rest }) {
+    const { value: selected, setValue, baseId } = useTabsContext('TabsTrigger');
+    const autoId = `${baseId}-tab-${value}`;
+    const id = idProp ?? autoId;
+    const panelId = `${baseId}-panel-${value}`;
+    const isActive = selected === value;
+    return ((0, jsx_runtime_1.jsx)("button", { type: "button", id: id, role: "tab", "aria-selected": isActive, "aria-controls": panelId, tabIndex: isActive ? 0 : -1, className: ['xfc-tabs-trigger', isActive ? 'xfc-tabs-trigger--active' : '', className].filter(Boolean).join(' '), onClick: () => setValue(value), ...rest }));
+}
+function TabsContent({ value, className = '', id: idProp, forceMount, children, hidden: hiddenProp, ...rest }) {
+    const { value: selected, baseId } = useTabsContext('TabsContent');
+    const autoId = `${baseId}-panel-${value}`;
+    const id = idProp ?? autoId;
+    const tabId = `${baseId}-tab-${value}`;
+    const isSelected = selected === value;
+    const hidden = hiddenProp ?? (!isSelected && !forceMount);
+    if (!forceMount && !isSelected) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)("div", { id: id, role: "tabpanel", "aria-labelledby": tabId, tabIndex: 0, hidden: !isSelected, className: ['xfc-tabs-content', className].filter(Boolean).join(' '), ...rest, children: children }));
+}

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

@@ -0,0 +1,8 @@
+import { type ButtonHTMLAttributes } from 'react';
+export type ToggleProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    pressed?: boolean;
+    defaultPressed?: boolean;
+    onPressedChange?: (pressed: boolean) => void;
+};
+/** shadcn/ui `Toggle` 대응 — `aria-pressed` 토글 버튼. */
+export declare function Toggle({ pressed: pressedProp, defaultPressed, onPressedChange, className, onClick, ...rest }: ToggleProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/Toggle.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Toggle = Toggle;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+/** shadcn/ui `Toggle` 대응 — `aria-pressed` 토글 버튼. */
+function Toggle({ pressed: pressedProp, defaultPressed = false, onPressedChange, className = '', onClick, ...rest }) {
+    const [uncontrolled, setUncontrolled] = (0, react_1.useState)(defaultPressed);
+    const isControlled = pressedProp !== undefined;
+    const pressed = isControlled ? pressedProp : uncontrolled;
+    const setPressed = (0, react_1.useCallback)((next) => {
+        onPressedChange?.(next);
+        if (!isControlled) {
+            setUncontrolled(next);
+        }
+    }, [isControlled, onPressedChange]);
+    return ((0, jsx_runtime_1.jsx)("button", { type: "button", "aria-pressed": pressed, className: ['xfc-toggle', pressed ? 'xfc-toggle--pressed' : '', className].filter(Boolean).join(' '), onClick: (e) => {
+            onClick?.(e);
+            if (!e.defaultPrevented) {
+                setPressed(!pressed);
+            }
+        }, ...rest }));
+}

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

@@ -0,0 +1,10 @@
+import { type ReactNode } from 'react';
+export type TooltipProps = {
+    children: ReactNode;
+    content: ReactNode;
+    className?: string;
+};
+/**
+ * shadcn/ui `Tooltip` 단순 대응 — 호버·포커스 시 인라인 말풍선(포털 없음).
+ */
+export declare function Tooltip({ children, content, className }: TooltipProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/Tooltip.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tooltip = Tooltip;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+/**
+ * shadcn/ui `Tooltip` 단순 대응 — 호버·포커스 시 인라인 말풍선(포털 없음).
+ */
+function Tooltip({ children, content, className = '' }) {
+    const [open, setOpen] = (0, react_1.useState)(false);
+    return ((0, jsx_runtime_1.jsxs)("span", { className: ['xfc-tooltip', className].filter(Boolean).join(' '), onMouseEnter: () => setOpen(true), onMouseLeave: () => setOpen(false), onFocus: () => setOpen(true), onBlur: () => setOpen(false), tabIndex: 0, children: [(0, jsx_runtime_1.jsx)("span", { className: "xfc-tooltip__trigger", children: children }), open ? ((0, jsx_runtime_1.jsx)("span", { className: "xfc-tooltip__content", role: "tooltip", children: content })) : null] }));
+}

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

@@ -2,17 +2,37 @@
  * Atomic UI — design tokens + base.css 의 `.xfc-*` 와 1:1.
  * 패키지 루트는 `components/index.ts` → 여기서 동일 심볼을 재export.
  */
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, type AccordionContentProps, type AccordionItemProps, type AccordionProps, type AccordionTriggerProps, } from './Accordion';
+export { Alert, AlertDescription, AlertTitle, type AlertDescriptionProps, type AlertProps, type AlertTitleProps, } from './Alert';
+export { AspectRatio, type AspectRatioProps, } from './AspectRatio';
+export { Avatar, AvatarAuto, AvatarFallback, AvatarImage, type AvatarAutoProps, type AvatarFallbackProps, type AvatarImageProps, type AvatarProps, } from './Avatar';
 export { Badge, type BadgeProps } from './Badge';
+export { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, type BreadcrumbItemProps, type BreadcrumbLinkProps, type BreadcrumbListProps, type BreadcrumbPageProps, type BreadcrumbProps, type BreadcrumbSeparatorProps, } from './Breadcrumb';
 export { Box, type BoxProps } from './Box';
 export { Button, type ButtonProps } from './Button';
 export { Card, type CardProps } from './Card';
 export { Checkbox, type CheckboxProps } from './Checkbox';
+export { Collapsible, CollapsibleContent, CollapsibleTrigger, type CollapsibleContentProps, type CollapsibleProps, type CollapsibleTriggerProps, } from './Collapsible';
 export { Field, type FieldProps } from './Field';
-export { Input, type InputProps } from './Input';
-export { Select, type SelectProps } from './Select';
-export { Textarea, type TextareaProps } from './Textarea';
 export { InlineErrorList, type InlineErrorEntry, type InlineErrorListProps, } from './InlineErrorList';
+export { Input, type InputProps } from './Input';
+export { Label, type LabelProps } from './Label';
 export { LoadingOverlay, type LoadingOverlayProps } from './LoadingOverlay';
+export { Paper, type PaperProps } from './Paper';
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, type PaginationContentProps, type PaginationEllipsisProps, type PaginationItemProps, type PaginationLinkProps, type PaginationProps, } from './Pagination';
+export { Progress, type ProgressProps } from './Progress';
+export { RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, } from './RadioGroup';
+export { ScrollArea, type ScrollAreaProps } from './ScrollArea';
+export { Select, type SelectProps } from './Select';
+export { Separator, type SeparatorProps } from './Separator';
+export { Skeleton, type SkeletonProps } from './Skeleton';
+export { Slider, type SliderProps } from './Slider';
 export { Stack, type StackProps } from './Stack';
+export { Switch, type SwitchProps } from './Switch';
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, type TableBodyProps, type TableCaptionProps, type TableCellProps, type TableFooterProps, type TableHeadProps, type TableHeaderProps, type TableProps, type TableRowProps, } from './Table';
+export { Tabs, TabsContent, TabsList, TabsTrigger, type TabsContentProps, type TabsListProps, type TabsProps, type TabsTriggerProps, } from './Tabs';
+export { Textarea, type TextareaProps, } from './Textarea';
 export { Toast, ToastList, ToastSeverityIcon, type ToastEntry, type ToastListProps, type ToastProps, type ToastSeverity, type ToastSeverityIconProps, } from './Toast';
 export { Text, type TextProps, type TextVariant } from './Text';
+export { Toggle, type ToggleProps } from './Toggle';
+export { Tooltip, type TooltipProps } from './Tooltip';

package/dist/components/atoms/index.js

@@ -1,12 +1,36 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Text = exports.ToastSeverityIcon = exports.ToastList = exports.Toast = exports.Stack = exports.LoadingOverlay = exports.InlineErrorList = exports.Textarea = exports.Select = exports.Input = exports.Field = exports.Checkbox = exports.Card = exports.Button = exports.Box = exports.Badge = void 0;
+exports.TableCaption = exports.TableBody = exports.Table = exports.Switch = exports.Stack = exports.Slider = exports.Skeleton = exports.Separator = exports.Select = exports.ScrollArea = exports.RadioGroupItem = exports.RadioGroup = exports.Progress = exports.PaginationLink = exports.PaginationItem = exports.PaginationEllipsis = exports.PaginationContent = exports.Pagination = exports.Paper = exports.LoadingOverlay = exports.Label = exports.Input = exports.InlineErrorList = exports.Field = exports.CollapsibleTrigger = exports.CollapsibleContent = exports.Collapsible = exports.Checkbox = exports.Card = exports.Button = exports.Box = exports.BreadcrumbSeparator = exports.BreadcrumbPage = exports.BreadcrumbList = exports.BreadcrumbLink = exports.BreadcrumbItem = exports.Breadcrumb = exports.Badge = exports.AvatarImage = exports.AvatarFallback = exports.AvatarAuto = exports.Avatar = exports.AspectRatio = exports.AlertTitle = exports.AlertDescription = exports.Alert = exports.AccordionTrigger = exports.AccordionItem = exports.AccordionContent = exports.Accordion = void 0;
+exports.Tooltip = exports.Toggle = exports.Text = exports.ToastSeverityIcon = exports.ToastList = exports.Toast = exports.Textarea = exports.TabsTrigger = exports.TabsList = exports.TabsContent = exports.Tabs = exports.TableRow = exports.TableHeader = exports.TableHead = exports.TableFooter = exports.TableCell = void 0;
 /**
  * Atomic UI — design tokens + base.css 의 `.xfc-*` 와 1:1.
  * 패키지 루트는 `components/index.ts` → 여기서 동일 심볼을 재export.
  */
+var Accordion_1 = require("./Accordion");
+Object.defineProperty(exports, "Accordion", { enumerable: true, get: function () { return Accordion_1.Accordion; } });
+Object.defineProperty(exports, "AccordionContent", { enumerable: true, get: function () { return Accordion_1.AccordionContent; } });
+Object.defineProperty(exports, "AccordionItem", { enumerable: true, get: function () { return Accordion_1.AccordionItem; } });
+Object.defineProperty(exports, "AccordionTrigger", { enumerable: true, get: function () { return Accordion_1.AccordionTrigger; } });
+var Alert_1 = require("./Alert");
+Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return Alert_1.Alert; } });
+Object.defineProperty(exports, "AlertDescription", { enumerable: true, get: function () { return Alert_1.AlertDescription; } });
+Object.defineProperty(exports, "AlertTitle", { enumerable: true, get: function () { return Alert_1.AlertTitle; } });
+var AspectRatio_1 = require("./AspectRatio");
+Object.defineProperty(exports, "AspectRatio", { enumerable: true, get: function () { return AspectRatio_1.AspectRatio; } });
+var Avatar_1 = require("./Avatar");
+Object.defineProperty(exports, "Avatar", { enumerable: true, get: function () { return Avatar_1.Avatar; } });
+Object.defineProperty(exports, "AvatarAuto", { enumerable: true, get: function () { return Avatar_1.AvatarAuto; } });
+Object.defineProperty(exports, "AvatarFallback", { enumerable: true, get: function () { return Avatar_1.AvatarFallback; } });
+Object.defineProperty(exports, "AvatarImage", { enumerable: true, get: function () { return Avatar_1.AvatarImage; } });
 var Badge_1 = require("./Badge");
 Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return Badge_1.Badge; } });
+var Breadcrumb_1 = require("./Breadcrumb");
+Object.defineProperty(exports, "Breadcrumb", { enumerable: true, get: function () { return Breadcrumb_1.Breadcrumb; } });
+Object.defineProperty(exports, "BreadcrumbItem", { enumerable: true, get: function () { return Breadcrumb_1.BreadcrumbItem; } });
+Object.defineProperty(exports, "BreadcrumbLink", { enumerable: true, get: function () { return Breadcrumb_1.BreadcrumbLink; } });
+Object.defineProperty(exports, "BreadcrumbList", { enumerable: true, get: function () { return Breadcrumb_1.BreadcrumbList; } });
+Object.defineProperty(exports, "BreadcrumbPage", { enumerable: true, get: function () { return Breadcrumb_1.BreadcrumbPage; } });
+Object.defineProperty(exports, "BreadcrumbSeparator", { enumerable: true, get: function () { return Breadcrumb_1.BreadcrumbSeparator; } });
 var Box_1 = require("./Box");
 Object.defineProperty(exports, "Box", { enumerable: true, get: function () { return Box_1.Box; } });
 var Button_1 = require("./Button");
@@ -15,23 +39,70 @@ var Card_1 = require("./Card");
 Object.defineProperty(exports, "Card", { enumerable: true, get: function () { return Card_1.Card; } });
 var Checkbox_1 = require("./Checkbox");
 Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return Checkbox_1.Checkbox; } });
+var Collapsible_1 = require("./Collapsible");
+Object.defineProperty(exports, "Collapsible", { enumerable: true, get: function () { return Collapsible_1.Collapsible; } });
+Object.defineProperty(exports, "CollapsibleContent", { enumerable: true, get: function () { return Collapsible_1.CollapsibleContent; } });
+Object.defineProperty(exports, "CollapsibleTrigger", { enumerable: true, get: function () { return Collapsible_1.CollapsibleTrigger; } });
 var Field_1 = require("./Field");
 Object.defineProperty(exports, "Field", { enumerable: true, get: function () { return Field_1.Field; } });
-var Input_1 = require("./Input");
-Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return Input_1.Input; } });
-var Select_1 = require("./Select");
-Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return Select_1.Select; } });
-var Textarea_1 = require("./Textarea");
-Object.defineProperty(exports, "Textarea", { enumerable: true, get: function () { return Textarea_1.Textarea; } });
 var InlineErrorList_1 = require("./InlineErrorList");
 Object.defineProperty(exports, "InlineErrorList", { enumerable: true, get: function () { return InlineErrorList_1.InlineErrorList; } });
+var Input_1 = require("./Input");
+Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return Input_1.Input; } });
+var Label_1 = require("./Label");
+Object.defineProperty(exports, "Label", { enumerable: true, get: function () { return Label_1.Label; } });
 var LoadingOverlay_1 = require("./LoadingOverlay");
 Object.defineProperty(exports, "LoadingOverlay", { enumerable: true, get: function () { return LoadingOverlay_1.LoadingOverlay; } });
+var Paper_1 = require("./Paper");
+Object.defineProperty(exports, "Paper", { enumerable: true, get: function () { return Paper_1.Paper; } });
+var Pagination_1 = require("./Pagination");
+Object.defineProperty(exports, "Pagination", { enumerable: true, get: function () { return Pagination_1.Pagination; } });
+Object.defineProperty(exports, "PaginationContent", { enumerable: true, get: function () { return Pagination_1.PaginationContent; } });
+Object.defineProperty(exports, "PaginationEllipsis", { enumerable: true, get: function () { return Pagination_1.PaginationEllipsis; } });
+Object.defineProperty(exports, "PaginationItem", { enumerable: true, get: function () { return Pagination_1.PaginationItem; } });
+Object.defineProperty(exports, "PaginationLink", { enumerable: true, get: function () { return Pagination_1.PaginationLink; } });
+var Progress_1 = require("./Progress");
+Object.defineProperty(exports, "Progress", { enumerable: true, get: function () { return Progress_1.Progress; } });
+var RadioGroup_1 = require("./RadioGroup");
+Object.defineProperty(exports, "RadioGroup", { enumerable: true, get: function () { return RadioGroup_1.RadioGroup; } });
+Object.defineProperty(exports, "RadioGroupItem", { enumerable: true, get: function () { return RadioGroup_1.RadioGroupItem; } });
+var ScrollArea_1 = require("./ScrollArea");
+Object.defineProperty(exports, "ScrollArea", { enumerable: true, get: function () { return ScrollArea_1.ScrollArea; } });
+var Select_1 = require("./Select");
+Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return Select_1.Select; } });
+var Separator_1 = require("./Separator");
+Object.defineProperty(exports, "Separator", { enumerable: true, get: function () { return Separator_1.Separator; } });
+var Skeleton_1 = require("./Skeleton");
+Object.defineProperty(exports, "Skeleton", { enumerable: true, get: function () { return Skeleton_1.Skeleton; } });
+var Slider_1 = require("./Slider");
+Object.defineProperty(exports, "Slider", { enumerable: true, get: function () { return Slider_1.Slider; } });
 var Stack_1 = require("./Stack");
 Object.defineProperty(exports, "Stack", { enumerable: true, get: function () { return Stack_1.Stack; } });
+var Switch_1 = require("./Switch");
+Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return Switch_1.Switch; } });
+var Table_1 = require("./Table");
+Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return Table_1.Table; } });
+Object.defineProperty(exports, "TableBody", { enumerable: true, get: function () { return Table_1.TableBody; } });
+Object.defineProperty(exports, "TableCaption", { enumerable: true, get: function () { return Table_1.TableCaption; } });
+Object.defineProperty(exports, "TableCell", { enumerable: true, get: function () { return Table_1.TableCell; } });
+Object.defineProperty(exports, "TableFooter", { enumerable: true, get: function () { return Table_1.TableFooter; } });
+Object.defineProperty(exports, "TableHead", { enumerable: true, get: function () { return Table_1.TableHead; } });
+Object.defineProperty(exports, "TableHeader", { enumerable: true, get: function () { return Table_1.TableHeader; } });
+Object.defineProperty(exports, "TableRow", { enumerable: true, get: function () { return Table_1.TableRow; } });
+var Tabs_1 = require("./Tabs");
+Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return Tabs_1.Tabs; } });
+Object.defineProperty(exports, "TabsContent", { enumerable: true, get: function () { return Tabs_1.TabsContent; } });
+Object.defineProperty(exports, "TabsList", { enumerable: true, get: function () { return Tabs_1.TabsList; } });
+Object.defineProperty(exports, "TabsTrigger", { enumerable: true, get: function () { return Tabs_1.TabsTrigger; } });
+var Textarea_1 = require("./Textarea");
+Object.defineProperty(exports, "Textarea", { enumerable: true, get: function () { return Textarea_1.Textarea; } });
 var Toast_1 = require("./Toast");
 Object.defineProperty(exports, "Toast", { enumerable: true, get: function () { return Toast_1.Toast; } });
 Object.defineProperty(exports, "ToastList", { enumerable: true, get: function () { return Toast_1.ToastList; } });
 Object.defineProperty(exports, "ToastSeverityIcon", { enumerable: true, get: function () { return Toast_1.ToastSeverityIcon; } });
 var Text_1 = require("./Text");
 Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return Text_1.Text; } });
+var Toggle_1 = require("./Toggle");
+Object.defineProperty(exports, "Toggle", { enumerable: true, get: function () { return Toggle_1.Toggle; } });
+var Tooltip_1 = require("./Tooltip");
+Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return Tooltip_1.Tooltip; } });

package/dist/generatedVersion.d.ts

@@ -1,2 +1,2 @@
 /** Auto-generated by scripts/write-version.js — do not edit by hand */
-export declare const XFRAME_FRONT_CORE_VERSION: "0.2.27";
+export declare const XFRAME_FRONT_CORE_VERSION: "0.2.29";

package/dist/generatedVersion.js

@@ -2,4 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.XFRAME_FRONT_CORE_VERSION = void 0;
 /** Auto-generated by scripts/write-version.js — do not edit by hand */
-exports.XFRAME_FRONT_CORE_VERSION = "0.2.27";
+exports.XFRAME_FRONT_CORE_VERSION = "0.2.29";

package/dist/index.d.ts

@@ -51,6 +51,6 @@ export declare const tokenVars: {
     readonly toastWarnBg: "--xfc-toast-warn-bg";
     readonly toastErrorBg: "--xfc-toast-error-bg";
 };
-export { Badge, BottomSheet, Box, Button, Card, Checkbox, ConfirmDialog, Dialog, Field, InlineErrorList, Input, LoadingOverlay, Select, Stack, Text, Textarea, Toast, ToastList, ToastSeverityIcon, type BadgeProps, type BottomSheetProps, type BoxProps, type ButtonProps, type CardProps, type CheckboxProps, type ConfirmDialogProps, type DialogProps, type FieldProps, type InlineErrorEntry, type InlineErrorListProps, type InputProps, type LoadingOverlayProps, type SelectProps, type StackProps, type TextProps, type TextVariant, type TextareaProps, type ToastEntry, type ToastListProps, type ToastProps, type ToastSeverity, type ToastSeverityIconProps, } from './components';
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, AspectRatio, Avatar, AvatarAuto, AvatarFallback, AvatarImage, Badge, BottomSheet, Box, Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Card, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, ConfirmDialog, Dialog, Field, InlineErrorList, Input, Label, LoadingOverlay, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, Paper, Progress, RadioGroup, RadioGroupItem, ScrollArea, Select, Separator, Skeleton, Slider, Stack, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, Textarea, Toast, ToastList, ToastSeverityIcon, Toggle, Tooltip, type AccordionContentProps, type AccordionItemProps, type AccordionProps, type AccordionTriggerProps, type AlertDescriptionProps, type AlertProps, type AlertTitleProps, type AspectRatioProps, type AvatarAutoProps, type AvatarFallbackProps, type AvatarImageProps, type AvatarProps, type BadgeProps, type BottomSheetProps, type BoxProps, type BreadcrumbItemProps, type BreadcrumbLinkProps, type BreadcrumbListProps, type BreadcrumbPageProps, type BreadcrumbProps, type BreadcrumbSeparatorProps, type ButtonProps, type CardProps, type CheckboxProps, type CollapsibleContentProps, type CollapsibleProps, type CollapsibleTriggerProps, type ConfirmDialogProps, type DialogProps, type FieldProps, type InlineErrorEntry, type InlineErrorListProps, type InputProps, type LabelProps, type LoadingOverlayProps, type PaginationContentProps, type PaginationEllipsisProps, type PaginationItemProps, type PaginationLinkProps, type PaginationProps, type PaperProps, type ProgressProps, type RadioGroupItemProps, type RadioGroupProps, type ScrollAreaProps, type SelectProps, type SeparatorProps, type SkeletonProps, type SliderProps, type StackProps, type SwitchProps, type TableBodyProps, type TableCaptionProps, type TableCellProps, type TableFooterProps, type TableHeadProps, type TableHeaderProps, type TableProps, type TableRowProps, type TabsContentProps, type TabsListProps, type TabsProps, type TabsTriggerProps, type TextProps, type TextVariant, type TextareaProps, type ToastEntry, type ToastListProps, type ToastProps, type ToastSeverity, type ToastSeverityIconProps, type ToggleProps, type TooltipProps, } from './components';
 /** 커스텀 오버레이용 — `Dialog`/`BottomSheet`와 동일한 훅 */
 export { useBodyScrollLock, useEscapeKey, useFocusTrap } from './components';

package/dist/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFocusTrap = exports.useEscapeKey = exports.useBodyScrollLock = exports.ToastSeverityIcon = exports.ToastList = exports.Toast = exports.Textarea = exports.Text = exports.Stack = exports.Select = exports.LoadingOverlay = exports.Input = exports.InlineErrorList = exports.Field = exports.Dialog = exports.ConfirmDialog = exports.Checkbox = exports.Card = exports.Button = exports.Box = exports.BottomSheet = exports.Badge = exports.tokenVars = exports.XFRAME_FRONT_CORE_VERSION = void 0;
+exports.Slider = exports.Skeleton = exports.Separator = exports.Select = exports.ScrollArea = exports.RadioGroupItem = exports.RadioGroup = exports.Progress = exports.Paper = exports.PaginationLink = exports.PaginationItem = exports.PaginationEllipsis = exports.PaginationContent = exports.Pagination = exports.LoadingOverlay = exports.Label = exports.Input = exports.InlineErrorList = exports.Field = exports.Dialog = exports.ConfirmDialog = exports.CollapsibleTrigger = exports.CollapsibleContent = exports.Collapsible = exports.Checkbox = exports.Card = exports.Button = exports.BreadcrumbSeparator = exports.BreadcrumbPage = exports.BreadcrumbList = exports.BreadcrumbLink = exports.BreadcrumbItem = exports.Breadcrumb = exports.Box = exports.BottomSheet = exports.Badge = exports.AvatarImage = exports.AvatarFallback = exports.AvatarAuto = exports.Avatar = exports.AspectRatio = exports.AlertTitle = exports.AlertDescription = exports.Alert = exports.AccordionTrigger = exports.AccordionItem = exports.AccordionContent = exports.Accordion = exports.tokenVars = exports.XFRAME_FRONT_CORE_VERSION = void 0;
+exports.useFocusTrap = exports.useEscapeKey = exports.useBodyScrollLock = exports.Tooltip = exports.Toggle = exports.ToastSeverityIcon = exports.ToastList = exports.Toast = exports.Textarea = exports.Text = exports.TabsTrigger = exports.TabsList = exports.TabsContent = exports.Tabs = exports.TableRow = exports.TableHeader = exports.TableHead = exports.TableFooter = exports.TableCell = exports.TableCaption = exports.TableBody = exports.Table = exports.Switch = exports.Stack = void 0;
 /**
  * @xfilecom/front-core — design tokens + atomic React components (browser-only).
  *
@@ -56,25 +57,75 @@ exports.tokenVars = {
     toastErrorBg: '--xfc-toast-error-bg',
 };
 var components_1 = require("./components");
+Object.defineProperty(exports, "Accordion", { enumerable: true, get: function () { return components_1.Accordion; } });
+Object.defineProperty(exports, "AccordionContent", { enumerable: true, get: function () { return components_1.AccordionContent; } });
+Object.defineProperty(exports, "AccordionItem", { enumerable: true, get: function () { return components_1.AccordionItem; } });
+Object.defineProperty(exports, "AccordionTrigger", { enumerable: true, get: function () { return components_1.AccordionTrigger; } });
+Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return components_1.Alert; } });
+Object.defineProperty(exports, "AlertDescription", { enumerable: true, get: function () { return components_1.AlertDescription; } });
+Object.defineProperty(exports, "AlertTitle", { enumerable: true, get: function () { return components_1.AlertTitle; } });
+Object.defineProperty(exports, "AspectRatio", { enumerable: true, get: function () { return components_1.AspectRatio; } });
+Object.defineProperty(exports, "Avatar", { enumerable: true, get: function () { return components_1.Avatar; } });
+Object.defineProperty(exports, "AvatarAuto", { enumerable: true, get: function () { return components_1.AvatarAuto; } });
+Object.defineProperty(exports, "AvatarFallback", { enumerable: true, get: function () { return components_1.AvatarFallback; } });
+Object.defineProperty(exports, "AvatarImage", { enumerable: true, get: function () { return components_1.AvatarImage; } });
 Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return components_1.Badge; } });
 Object.defineProperty(exports, "BottomSheet", { enumerable: true, get: function () { return components_1.BottomSheet; } });
 Object.defineProperty(exports, "Box", { enumerable: true, get: function () { return components_1.Box; } });
+Object.defineProperty(exports, "Breadcrumb", { enumerable: true, get: function () { return components_1.Breadcrumb; } });
+Object.defineProperty(exports, "BreadcrumbItem", { enumerable: true, get: function () { return components_1.BreadcrumbItem; } });
+Object.defineProperty(exports, "BreadcrumbLink", { enumerable: true, get: function () { return components_1.BreadcrumbLink; } });
+Object.defineProperty(exports, "BreadcrumbList", { enumerable: true, get: function () { return components_1.BreadcrumbList; } });
+Object.defineProperty(exports, "BreadcrumbPage", { enumerable: true, get: function () { return components_1.BreadcrumbPage; } });
+Object.defineProperty(exports, "BreadcrumbSeparator", { enumerable: true, get: function () { return components_1.BreadcrumbSeparator; } });
 Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return components_1.Button; } });
 Object.defineProperty(exports, "Card", { enumerable: true, get: function () { return components_1.Card; } });
 Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return components_1.Checkbox; } });
+Object.defineProperty(exports, "Collapsible", { enumerable: true, get: function () { return components_1.Collapsible; } });
+Object.defineProperty(exports, "CollapsibleContent", { enumerable: true, get: function () { return components_1.CollapsibleContent; } });
+Object.defineProperty(exports, "CollapsibleTrigger", { enumerable: true, get: function () { return components_1.CollapsibleTrigger; } });
 Object.defineProperty(exports, "ConfirmDialog", { enumerable: true, get: function () { return components_1.ConfirmDialog; } });
 Object.defineProperty(exports, "Dialog", { enumerable: true, get: function () { return components_1.Dialog; } });
 Object.defineProperty(exports, "Field", { enumerable: true, get: function () { return components_1.Field; } });
 Object.defineProperty(exports, "InlineErrorList", { enumerable: true, get: function () { return components_1.InlineErrorList; } });
 Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return components_1.Input; } });
+Object.defineProperty(exports, "Label", { enumerable: true, get: function () { return components_1.Label; } });
 Object.defineProperty(exports, "LoadingOverlay", { enumerable: true, get: function () { return components_1.LoadingOverlay; } });
+Object.defineProperty(exports, "Pagination", { enumerable: true, get: function () { return components_1.Pagination; } });
+Object.defineProperty(exports, "PaginationContent", { enumerable: true, get: function () { return components_1.PaginationContent; } });
+Object.defineProperty(exports, "PaginationEllipsis", { enumerable: true, get: function () { return components_1.PaginationEllipsis; } });
+Object.defineProperty(exports, "PaginationItem", { enumerable: true, get: function () { return components_1.PaginationItem; } });
+Object.defineProperty(exports, "PaginationLink", { enumerable: true, get: function () { return components_1.PaginationLink; } });
+Object.defineProperty(exports, "Paper", { enumerable: true, get: function () { return components_1.Paper; } });
+Object.defineProperty(exports, "Progress", { enumerable: true, get: function () { return components_1.Progress; } });
+Object.defineProperty(exports, "RadioGroup", { enumerable: true, get: function () { return components_1.RadioGroup; } });
+Object.defineProperty(exports, "RadioGroupItem", { enumerable: true, get: function () { return components_1.RadioGroupItem; } });
+Object.defineProperty(exports, "ScrollArea", { enumerable: true, get: function () { return components_1.ScrollArea; } });
 Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return components_1.Select; } });
+Object.defineProperty(exports, "Separator", { enumerable: true, get: function () { return components_1.Separator; } });
+Object.defineProperty(exports, "Skeleton", { enumerable: true, get: function () { return components_1.Skeleton; } });
+Object.defineProperty(exports, "Slider", { enumerable: true, get: function () { return components_1.Slider; } });
 Object.defineProperty(exports, "Stack", { enumerable: true, get: function () { return components_1.Stack; } });
+Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return components_1.Switch; } });
+Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return components_1.Table; } });
+Object.defineProperty(exports, "TableBody", { enumerable: true, get: function () { return components_1.TableBody; } });
+Object.defineProperty(exports, "TableCaption", { enumerable: true, get: function () { return components_1.TableCaption; } });
+Object.defineProperty(exports, "TableCell", { enumerable: true, get: function () { return components_1.TableCell; } });
+Object.defineProperty(exports, "TableFooter", { enumerable: true, get: function () { return components_1.TableFooter; } });
+Object.defineProperty(exports, "TableHead", { enumerable: true, get: function () { return components_1.TableHead; } });
+Object.defineProperty(exports, "TableHeader", { enumerable: true, get: function () { return components_1.TableHeader; } });
+Object.defineProperty(exports, "TableRow", { enumerable: true, get: function () { return components_1.TableRow; } });
+Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return components_1.Tabs; } });
+Object.defineProperty(exports, "TabsContent", { enumerable: true, get: function () { return components_1.TabsContent; } });
+Object.defineProperty(exports, "TabsList", { enumerable: true, get: function () { return components_1.TabsList; } });
+Object.defineProperty(exports, "TabsTrigger", { enumerable: true, get: function () { return components_1.TabsTrigger; } });
 Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return components_1.Text; } });
 Object.defineProperty(exports, "Textarea", { enumerable: true, get: function () { return components_1.Textarea; } });
 Object.defineProperty(exports, "Toast", { enumerable: true, get: function () { return components_1.Toast; } });
 Object.defineProperty(exports, "ToastList", { enumerable: true, get: function () { return components_1.ToastList; } });
 Object.defineProperty(exports, "ToastSeverityIcon", { enumerable: true, get: function () { return components_1.ToastSeverityIcon; } });
+Object.defineProperty(exports, "Toggle", { enumerable: true, get: function () { return components_1.Toggle; } });
+Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return components_1.Tooltip; } });
 /** 커스텀 오버레이용 — `Dialog`/`BottomSheet`와 동일한 훅 */
 var components_2 = require("./components");
 Object.defineProperty(exports, "useBodyScrollLock", { enumerable: true, get: function () { return components_2.useBodyScrollLock; } });

package/dist/tokens.css

@@ -1,6 +1,12 @@
 /**
  * Design tokens — 기본 테마 (라이트).
  * 슬레이트 뉴트럴 + 인디고 액센트, 계층형 섀도·라디우스.
+ *
+ * Material 3 / MUI Paper / react-native-paper 와의 대응(개념):
+ * - 페이지 바탕: `--xfc-bg` ≈ surface / screen background
+ * - 카드·시트: `--xfc-bg-elevated` + `--xfc-shadow-*` ≈ elevated surface
+ * - `<Paper elevation={n}>` → `.xfc-paper--elevation-n` → `--xfc-shadow-xs|sm|md|lg`
+ * 자세한 비교: 패키지 `docs/DESIGN_SYSTEM.md`
  */
 :root {
   /* Surfaces */