@ncds/ui-admin 1.7.0 → 1.8.0

package/dist/temp/constant/color.js

@@ -1,4 +1,4 @@
-export var COLOR = {
+export const COLOR = {
     gray100: '#EAECF0',
     gray200: '#D0D5DD',
     gray300: '#98A2B3',

package/dist/temp/index.d.ts

@@ -1,29 +1,2 @@
-export * from './src/components/badge';
-export * from './src/components/breadcrumb';
-export * from './src/components/button';
-export * from './src/components/carousel';
-export * from './src/components/checkbox';
-export * from './src/components/date-picker';
-export * from './src/components/divider';
-export * from './src/components/dropdown';
-export * from './src/components/empty-state';
-export * from './src/components/featured-icon';
-export * from './src/components/input';
-export * from './src/components/modal';
-export * from './src/components/notification';
-export * from './src/components/pagination';
-export * from './src/components/progress-bar';
-export * from './src/components/progress-circle';
-export * from './src/components/radio';
-export * from './src/components/select';
-export * from './src/components/shared/hintText';
-export * from './src/components/shared/label';
-export * from './src/components/shared';
-export * from './src/components/slider';
-export * from './src/components/spinner';
-export * from './src/components/tab';
-export * from './src/components/tag';
-export * from './src/components/toggle';
-export * from './src/components/tooltip';
 export * from './src/components';
 export * from './src/hooks';

package/dist/temp/index.js

@@ -1,29 +1,2 @@
-export * from './src/components/badge';
-export * from './src/components/breadcrumb';
-export * from './src/components/button';
-export * from './src/components/carousel';
-export * from './src/components/checkbox';
-export * from './src/components/date-picker';
-export * from './src/components/divider';
-export * from './src/components/dropdown';
-export * from './src/components/empty-state';
-export * from './src/components/featured-icon';
-export * from './src/components/input';
-export * from './src/components/modal';
-export * from './src/components/notification';
-export * from './src/components/pagination';
-export * from './src/components/progress-bar';
-export * from './src/components/progress-circle';
-export * from './src/components/radio';
-export * from './src/components/select';
-export * from './src/components/shared/hintText';
-export * from './src/components/shared/label';
-export * from './src/components/shared';
-export * from './src/components/slider';
-export * from './src/components/spinner';
-export * from './src/components/tab';
-export * from './src/components/tag';
-export * from './src/components/toggle';
-export * from './src/components/tooltip';
 export * from './src/components';
 export * from './src/hooks';

package/dist/temp/src/components/badge/Badge.js

@@ -1,23 +1,11 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from 'classnames';
 import { sideSlotRender } from './utils';
 /**
  * 뱃지 컴포넌트의 아이콘은 디자인 시스템에서 12px 고정으로 정의되어 있습니다.
  */
-var BADGE_ICON_SIZE = 12;
-var Badge = function (_a) {
-    var label = _a.label, _b = _a.type, type = _b === void 0 ? 'pill-outline' : _b, _c = _a.color, color = _c === void 0 ? 'neutral' : _c, className = _a.className, leadingIcon = _a.leadingIcon, trailingIcon = _a.trailingIcon, _d = _a.size, size = _d === void 0 ? 'xs' : _d;
-    return (_jsxs("span", __assign({ className: classNames('ncua-badge', "ncua-badge--".concat(type), "ncua-badge--".concat(color), "ncua-badge--".concat(size), className) }, { children: [leadingIcon && sideSlotRender({ slot: leadingIcon, defaultIconSize: BADGE_ICON_SIZE }), _jsx("span", __assign({ className: "ncua-badge__label" }, { children: label })), trailingIcon && sideSlotRender({ slot: trailingIcon, defaultIconSize: BADGE_ICON_SIZE })] })));
+const BADGE_ICON_SIZE = 12;
+const Badge = ({ label, type = 'pill-outline', color = 'neutral', className, leadingIcon, trailingIcon, size = 'xs', }) => {
+    return (_jsxs("span", { className: classNames('ncua-badge', `ncua-badge--${type}`, `ncua-badge--${color}`, `ncua-badge--${size}`, className), children: [leadingIcon && sideSlotRender({ slot: leadingIcon, defaultIconSize: BADGE_ICON_SIZE }), _jsx("span", { className: "ncua-badge__label", children: label }), trailingIcon && sideSlotRender({ slot: trailingIcon, defaultIconSize: BADGE_ICON_SIZE })] }));
 };
 export { Badge };

package/dist/temp/src/components/badge/index.d.ts

@@ -1,2 +1 @@
 export * from './Badge';
-export * from './BadgeGroup';

package/dist/temp/src/components/badge/index.js

@@ -1,2 +1 @@
 export * from './Badge';
-export * from './BadgeGroup';

package/dist/temp/src/components/badge/utils.js

@@ -1,16 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { COLOR } from '../../../constant/color';
 import { Dot } from '../dot/Dot';
-var DEFAULT_DOT_COLOR = 'neutral';
-var sideSlotRender = function (_a) {
-    var _b, _c, _d, _e;
-    var slot = _a.slot, defaultIconSize = _a.defaultIconSize;
+const DEFAULT_DOT_COLOR = 'neutral';
+const sideSlotRender = ({ slot, defaultIconSize }) => {
     if (slot.type === 'icon') {
-        var Icon = slot.icon;
-        return (_jsx(Icon, { height: (_b = slot.size) !== null && _b !== void 0 ? _b : defaultIconSize, width: (_c = slot.size) !== null && _c !== void 0 ? _c : defaultIconSize, color: slot.color ? COLOR[slot.color] : undefined }));
+        const Icon = slot.icon;
+        return (_jsx(Icon, { height: slot.size ?? defaultIconSize, width: slot.size ?? defaultIconSize, color: slot.color ? COLOR[slot.color] : undefined }));
     }
     if (slot.type === 'dot') {
-        return _jsx(Dot, { color: (_d = slot.color) !== null && _d !== void 0 ? _d : DEFAULT_DOT_COLOR, size: ((_e = slot.size) !== null && _e !== void 0 ? _e : 'sm') });
+        return _jsx(Dot, { color: slot.color ?? DEFAULT_DOT_COLOR, size: (slot.size ?? 'sm') });
     }
     return slot.children;
 };

package/dist/{types/src/components/badge → temp/src/components/badge-group}/BadgeGroup.d.ts

@@ -1,7 +1,7 @@
 import type { ColorTone } from '../../../constant/color';
 import type { Size } from '../../../constant/size';
 import type { SideSlotType } from '../../types/side-slot';
-import { type BadgeProps } from '.';
+import { type BadgeProps } from '../badge';
 type BadgeGroupSize = Extract<Size, 'xs' | 'sm'>;
 type BadgeGroupColor = Extract<ColorTone, 'neutral' | 'error' | 'warning' | 'success'>;
 type BadgeGroupProps = Omit<BadgeProps, 'type' | 'size' | 'color'> & {

package/dist/temp/src/components/badge-group/BadgeGroup.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { Badge } from '../badge';
+import { sideSlotRender } from '../badge/utils';
+const DEFAULT_GROUP_ICON_SIZE = 14;
+const BadgeGroup = ({ groupLabel, groupIcon, groupClassName, color = 'neutral', size = 'sm', href, target = '_blank', ...props }) => {
+    return (_jsxs("a", { className: classNames('ncua-badge-group', `ncua-badge-group--${color}`, `ncua-badge-group--${size}`, groupClassName), href: href, target: target, children: [_jsx(Badge, { type: "pill-dark-color", color: color, size: size, ...props }), _jsx("span", { className: "ncua-badge-group__label", children: groupLabel }), groupIcon &&
+                sideSlotRender({
+                    slot: groupIcon,
+                    defaultIconSize: DEFAULT_GROUP_ICON_SIZE,
+                })] }));
+};
+export { BadgeGroup };

package/dist/temp/src/components/badge-group/index.d.ts

@@ -0,0 +1 @@
+export * from './BadgeGroup';

package/dist/temp/src/components/badge-group/index.js

@@ -0,0 +1 @@
+export * from './BadgeGroup';

package/dist/temp/src/components/bread-crumb/BreadCrumb.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Home01 } from '@ncds/ui-admin-icon';
+import classNames from 'classnames';
+const BreadcrumbItem = ({ href, children }) => {
+    const ElementType = href ? 'a' : 'span';
+    return (_jsx(ElementType, { href: href, className: "ncua-breadcrumb__item", children: children }));
+};
+const BreadCrumb = ({ items, className }) => {
+    if (!items || items.length === 0)
+        return null;
+    const renderItem = (item, index) => {
+        const isLast = index === items.length - 1;
+        const content = index === 0 ? _jsx(Home01, { width: 16, height: 16, color: "gray500" }) : item.label;
+        return (_jsx("li", { className: classNames('ncua-breadcrumb__list-item', {
+                'ncua-breadcrumb__list-item--active': isLast,
+            }), children: _jsx(BreadcrumbItem, { href: isLast ? undefined : item.href, children: content }) }, index));
+    };
+    return (_jsx("nav", { "aria-label": "breadcrumb", className: classNames('ncua-breadcrumb', className), children: _jsx("ol", { className: "ncua-breadcrumb__list", children: items.map(renderItem) }) }));
+};
+export { BreadCrumb };

package/dist/temp/src/components/button/Button.js

@@ -1,69 +1,52 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import classnames from 'classnames';
 import { createElement, forwardRef } from 'react';
 import { COLOR } from '../../../constant/color';
 import { Dot } from '../dot';
-export var svgSize = {
+export const svgSize = {
     xxs: 12,
     xs: 14,
     sm: 16,
     md: 20,
 };
-export var iconOnlySvgSize = {
+export const iconOnlySvgSize = {
     xxs: 14,
     xs: 16,
     sm: 20,
     md: 20,
 };
-export var dotSize = {
+export const dotSize = {
     xxs: 'sm',
     xs: 'sm',
     sm: 'md',
     md: 'md',
 };
-var loadableHierarchies = ['primary', 'secondary', 'secondary-gray', 'destructive'];
-export var Button = forwardRef(function (props, ref) {
-    var _a = props.size, size = _a === void 0 ? 'xs' : _a, children = props.children, onlyIcon = props.onlyIcon, disabled = props.disabled, loading = props.loading, className = props.className, _b = props.hierarchy, hierarchy = _b === void 0 ? 'secondary-gray' : _b, label = props.label, leadingIcon = props.leadingIcon, trailingIcon = props.trailingIcon, _c = props.underline, underline = _c === void 0 ? false : _c, restProps = __rest(props, ["size", "children", "onlyIcon", "disabled", "loading", "className", "hierarchy", "label", "leadingIcon", "trailingIcon", "underline"]);
-    var isLoading = loading && !onlyIcon && loadableHierarchies.includes(hierarchy);
-    var isDisabled = disabled || isLoading;
-    var sideSlotRender = function (slot) {
-        var _a, _b, _c;
-        var iconSize = onlyIcon ? iconOnlySvgSize[size] : svgSize[size];
+const loadableHierarchies = ['primary', 'secondary', 'secondary-gray', 'destructive'];
+export const Button = forwardRef((props, ref) => {
+    const { size = 'xs', children, onlyIcon, disabled, loading, className, hierarchy = 'secondary-gray', label, leadingIcon, trailingIcon, underline = false, ...restProps } = props;
+    const isLoading = loading && !onlyIcon && loadableHierarchies.includes(hierarchy);
+    const isDisabled = disabled || isLoading;
+    const sideSlotRender = (slot) => {
+        const iconSize = onlyIcon ? iconOnlySvgSize[size] : svgSize[size];
         if (slot.type === 'icon') {
-            var Icon = slot.icon;
-            return (_jsx(Icon, { height: (_a = slot.size) !== null && _a !== void 0 ? _a : iconSize, width: (_b = slot.size) !== null && _b !== void 0 ? _b : iconSize, color: slot.color ? COLOR[slot.color] : undefined }));
+            const Icon = slot.icon;
+            return (_jsx(Icon, { height: slot.size ?? iconSize, width: slot.size ?? iconSize, color: slot.color ? COLOR[slot.color] : undefined }));
         }
         if (slot.type === 'dot') {
-            return _jsx(Dot, { color: slot.color, size: (_c = slot.size) !== null && _c !== void 0 ? _c : dotSize[size] });
+            return _jsx(Dot, { color: slot.color, size: slot.size ?? dotSize[size] });
         }
         return slot.children;
     };
-    return createElement('button', __assign(__assign({ className: classnames('ncua-btn', "ncua-btn--".concat(size), {
+    return createElement('button', {
+        className: classnames('ncua-btn', `ncua-btn--${size}`, {
             'only-icon': onlyIcon,
             'is-disable': isDisabled,
             'is-loading': isLoading,
             'has-underline': underline,
-        }, className, hierarchy && "ncua-btn--".concat(hierarchy)), disabled: isDisabled, 'aria-busy': isLoading || undefined }, restProps), { ref: ref }), _jsxs(_Fragment, { children: [isLoading ? _jsx("span", { className: "ncua-btn__spinner" }) : leadingIcon && sideSlotRender(leadingIcon), !onlyIcon && label && _jsx("span", __assign({ className: "ncua-btn__label" }, { children: label })), children, trailingIcon && sideSlotRender(trailingIcon)] }));
+        }, className, hierarchy && `ncua-btn--${hierarchy}`),
+        disabled: isDisabled,
+        'aria-busy': isLoading || undefined,
+        ...restProps,
+        ref,
+    }, _jsxs(_Fragment, { children: [isLoading ? _jsx("span", { className: "ncua-btn__spinner" }) : leadingIcon && sideSlotRender(leadingIcon), !onlyIcon && label && _jsx("span", { className: "ncua-btn__label", children: label }), children, trailingIcon && sideSlotRender(trailingIcon)] }));
 });

package/dist/temp/src/components/button/ButtonCloseX.js

@@ -1,25 +1,13 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { XClose } from '@ncds/ui-admin-icon';
 import classnames from 'classnames';
-var svgSize = {
+const svgSize = {
     xs: 16,
     sm: 20,
     md: 20,
     lg: 24,
 };
-var ButtonCloseX = function (_a) {
-    var size = _a.size, _b = _a.theme, theme = _b === void 0 ? 'light' : _b, className = _a.className, onClick = _a.onClick;
-    return (_jsx("button", __assign({ type: "button", className: classnames('ncua-button-close-x', "ncua-button-close-x--".concat(size), "ncua-button-close-x--".concat(theme), className), onClick: onClick }, { children: _jsx(XClose, { width: svgSize[size], height: svgSize[size] }) })));
+const ButtonCloseX = ({ size, theme = 'light', className, onClick }) => {
+    return (_jsx("button", { type: "button", className: classnames('ncua-button-close-x', `ncua-button-close-x--${size}`, `ncua-button-close-x--${theme}`, className), onClick: onClick, children: _jsx(XClose, { width: svgSize[size], height: svgSize[size] }) }));
 };
 export { ButtonCloseX };

package/dist/temp/src/components/button/ButtonStepper.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import classnames from 'classnames';
-export var ButtonStepper = function (_a) {
-    var size = _a.size, direction = _a.direction, disabled = _a.disabled, onClick = _a.onClick, className = _a.className;
-    return (_jsx("button", { className: classnames('ncua-button-stepper', "ncua-button-stepper--".concat(size), "ncua-button-stepper--".concat(direction), className), type: "button", disabled: disabled, onClick: onClick }));
+export const ButtonStepper = ({ size, direction, disabled, onClick, className }) => {
+    return (_jsx("button", { className: classnames('ncua-button-stepper', `ncua-button-stepper--${size}`, `ncua-button-stepper--${direction}`, className), type: "button", disabled: disabled, onClick: onClick }));
 };

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

@@ -1,4 +1,3 @@
 export * from './Button';
 export * from './ButtonCloseX';
-export * from './ButtonGroup';
 export * from './ButtonStepper';

package/dist/temp/src/components/button/index.js

@@ -1,4 +1,3 @@
 export * from './Button';
 export * from './ButtonCloseX';
-export * from './ButtonGroup';
 export * from './ButtonStepper';

package/dist/{types/src/components/button → temp/src/components/button-group}/ButtonGroup.d.ts

@@ -22,11 +22,12 @@ interface ButtonGroupProps {
     size?: ButtonGroupSize;
     children: React.ReactNode;
     hasBorder?: boolean;
+    fullWidth?: boolean;
     onlyIcon?: boolean;
     disabled?: boolean;
 }
 declare const ButtonGroup: {
-    ({ children, className, hasBorder, size, onlyIcon, disabled, }: ButtonGroupProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, className, hasBorder, fullWidth, size, onlyIcon, disabled, }: ButtonGroupProps): import("react/jsx-runtime").JSX.Element;
     Item({ label, size, onlyIcon, icon, disabled, children, isCurrent, className, ...props }: ButtonGroupItemProps): React.DetailedReactHTMLElement<{
         ref?: React.LegacyRef<HTMLButtonElement> | undefined;
         key?: React.Key | null | undefined;
@@ -50,7 +51,7 @@ declare const ButtonGroup: {
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
-        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+        enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
         hidden?: boolean | undefined;
         id?: string | undefined;
         lang?: string | undefined;
@@ -85,7 +86,7 @@ declare const ButtonGroup: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "off" | "on" | undefined;
-        inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         exportparts?: string | undefined;
         part?: string | undefined;
@@ -106,7 +107,7 @@ declare const ButtonGroup: {
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "true" | "false") | undefined;
-        "aria-dropeffect"?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "true" | "false") | undefined;
         "aria-flowto"?: string | undefined;

package/dist/temp/src/components/button-group/ButtonGroup.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import React, { createElement } from 'react';
+import { COLOR } from '../../../constant/color';
+import { Dot } from '../dot';
+const svgSize = {
+    xxs: 12,
+    xs: 16,
+    sm: 16,
+    md: 20,
+};
+const dotSize = {
+    xxs: 'sm',
+    xs: 'sm',
+    sm: 'md',
+    md: 'md',
+};
+const ButtonGroup = ({ children, className, hasBorder = true, fullWidth = false, size = 'xs', onlyIcon = false, disabled = false, }) => {
+    return (_jsx("div", { className: classNames('ncua-button-group', `ncua-button-group--${size}`, { 'has-border': hasBorder, 'full-width': fullWidth }, className), children: React.Children.map(children, (child) => {
+            if (!React.isValidElement(child)) {
+                return null;
+            }
+            return React.cloneElement(child, {
+                onlyIcon,
+                size,
+                disabled: disabled || child.props.disabled,
+            });
+        }) }));
+};
+ButtonGroup.Item = ({ label, size = 'xs', onlyIcon, icon, disabled, children, isCurrent, className, ...props }) => {
+    const renderIcon = () => {
+        if (!icon)
+            return null;
+        if (icon.type === 'icon') {
+            const IconComponent = icon.icon;
+            return (_jsx(IconComponent, { width: icon.size ?? svgSize[size], height: icon.size ?? svgSize[size], color: icon.color ? COLOR[icon.color] : 'currentColor' }));
+        }
+        if (icon.type === 'dot') {
+            return _jsx(Dot, { color: icon.color, size: icon.size ?? dotSize[size] });
+        }
+        return icon.children;
+    };
+    const position = icon?.position ?? 'leading';
+    return createElement('button', {
+        className: classNames('ncua-button-group__item', { 'is-only-icon': onlyIcon }, { 'is-current': isCurrent }, className),
+        disabled,
+        type: 'button',
+        ...props,
+    }, _jsxs(_Fragment, { children: [position === 'leading' && renderIcon(), !onlyIcon && label, children, position === 'trailing' && renderIcon()] }));
+};
+export { ButtonGroup };

package/dist/temp/src/components/button-group/index.d.ts

@@ -0,0 +1 @@
+export * from './ButtonGroup';

package/dist/temp/src/components/button-group/index.js

@@ -0,0 +1 @@
+export * from './ButtonGroup';

package/dist/temp/src/components/carousel-arrow/CarouselArrow.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ChevronLeft, ChevronRight } from '@ncds/ui-admin-icon';
+import classNames from 'classnames';
+const SIZE = 'md';
+export const CarouselArrow = ({ type = 'default', className, chevron, onClick }) => (_jsx("button", { type: "button", className: classNames('ncua-carousel-arrow', {
+        [`ncua-carousel-arrow--${type}`]: type,
+        [`ncua-carousel-arrow--${SIZE}`]: SIZE,
+        [`ncua-carousel-arrow--${chevron}`]: chevron,
+    }, className), onClick: onClick, children: chevron === 'left' ? (_jsx(ChevronLeft, { className: "ncua-carousel-arrow__icon" })) : (_jsx(ChevronRight, { className: "ncua-carousel-arrow__icon" })) }));

package/dist/temp/src/components/carousel-arrow/index.d.ts

@@ -0,0 +1 @@
+export * from './CarouselArrow';

package/dist/temp/src/components/carousel-arrow/index.js

@@ -0,0 +1 @@
+export * from './CarouselArrow';

package/dist/temp/src/components/carousel-number-group/CarouselNumberGroup.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+const SIZE = 'sm';
+export const CarouselNumberGroup = ({ framed = true, color = 'light', currentPage, totalPage, }) => {
+    return (_jsxs("div", { className: classNames('ncua-carousel-number-group', {
+            framed,
+            [`ncua-carousel-number-group--${color}`]: color,
+            [`ncua-carousel-number-group--${SIZE}`]: SIZE,
+        }), children: [_jsx("span", { className: "ncua-carousel-number-group__number", children: currentPage }), _jsxs("span", { className: "ncua-carousel-number-group__total", children: ["/", totalPage] })] }));
+};

package/dist/{types/src/components/carousel → temp/src/components/carousel-number-group}/index.d.ts

@@ -1,2 +1 @@
-export * from './CarouselArrow';
 export * from './CarouselNumberGroup';

package/dist/temp/src/components/{carousel → carousel-number-group}/index.js

@@ -1,2 +1 @@
-export * from './CarouselArrow';
 export * from './CarouselNumberGroup';

package/dist/temp/src/components/checkbox/Checkbox.js

@@ -1,30 +1,7 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from 'classnames';
 import { forwardRef } from 'react';
 import { CheckboxInput } from './CheckboxInput';
-export var Checkbox = forwardRef(function (_a, ref) {
-    var _b = _a.size, size = _b === void 0 ? 'xs' : _b, _c = _a.indeterminate, indeterminate = _c === void 0 ? false : _c, text = _a.text, supportText = _a.supportText, disabled = _a.disabled, checked = _a.checked, className = _a.className, onChange = _a.onChange, props = __rest(_a, ["size", "indeterminate", "text", "supportText", "disabled", "checked", "className", "onChange"]);
-    return (_jsxs("label", __assign({ className: classNames('ncua-checkbox-field', "ncua-checkbox-field--".concat(size), { 'has-text': text }, className) }, { children: [_jsx(CheckboxInput, __assign({ size: size, ref: ref, checked: checked, indeterminate: indeterminate, disabled: disabled, onChange: onChange, className: "ncua-checkbox-field__input" }, props)), supportText ? (_jsxs("span", { children: [_jsx("span", __assign({ className: "ncua-checkbox-field__text" }, { children: text })), supportText && _jsx("span", __assign({ className: "ncua-checkbox-field__support-text" }, { children: supportText }))] })) : (text && _jsx("span", __assign({ className: "ncua-checkbox-field__text" }, { children: text })))] })));
+export const Checkbox = forwardRef(({ size = 'xs', indeterminate = false, text, supportText, disabled, checked, className, onChange, ...props }, ref) => {
+    return (_jsxs("label", { className: classNames('ncua-checkbox-field', `ncua-checkbox-field--${size}`, { 'has-text': text }, className), children: [_jsx(CheckboxInput, { size: size, ref: ref, checked: checked, indeterminate: indeterminate, disabled: disabled, onChange: onChange, className: "ncua-checkbox-field__input", ...props }), supportText ? (_jsxs("span", { children: [_jsx("span", { className: "ncua-checkbox-field__text", children: text }), supportText && _jsx("span", { className: "ncua-checkbox-field__support-text", children: supportText })] })) : (text && _jsx("span", { className: "ncua-checkbox-field__text", children: text }))] }));
 });

package/dist/temp/src/components/checkbox/CheckboxInput.js

@@ -1,38 +1,15 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
 import { forwardRef, useEffect, useRef } from 'react';
-export var CheckboxInput = forwardRef(function (_a, ref) {
-    var _b = _a.size, size = _b === void 0 ? 'xs' : _b, _c = _a.indeterminate, indeterminate = _c === void 0 ? false : _c, disabled = _a.disabled, className = _a.className, _d = _a.destructive, destructive = _d === void 0 ? false : _d, onChange = _a.onChange, props = __rest(_a, ["size", "indeterminate", "disabled", "className", "destructive", "onChange"]);
-    var inputRef = useRef(null);
-    useEffect(function () {
-        var input = ref && typeof ref !== 'function' ? ref.current : inputRef.current;
+export const CheckboxInput = forwardRef(({ size = 'xs', indeterminate = false, disabled, className, destructive = false, onChange, ...props }, ref) => {
+    const inputRef = useRef(null);
+    useEffect(() => {
+        const input = ref && typeof ref !== 'function' ? ref.current : inputRef.current;
         if (input) {
             input.indeterminate = indeterminate; // 외부에서 받은 값을 그대로 사용
         }
     }, [indeterminate, ref]);
-    return (_jsx("span", __assign({ className: classNames('ncua-checkbox-input', "ncua-checkbox-input--".concat(size), { 'has-indeterminate': indeterminate }, { destructive: destructive }, className) }, { children: _jsx("input", __assign({ type: "checkbox", ref: function (node) {
+    return (_jsx("span", { className: classNames('ncua-checkbox-input', `ncua-checkbox-input--${size}`, { 'has-indeterminate': indeterminate }, { destructive }, className), children: _jsx("input", { type: "checkbox", ref: (node) => {
                 if (typeof ref === 'function') {
                     ref(node);
                 }
@@ -42,5 +19,5 @@ export var CheckboxInput = forwardRef(function (_a, ref) {
                 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
                 // @ts-expect-error - ref assignment is needed for internal tracking
                 inputRef.current = node;
-            }, onChange: onChange, disabled: disabled }, props)) })));
+            }, onChange: onChange, disabled: disabled, ...props }) }));
 });