@ncds/ui-admin 0.0.32 → 0.0.34

package/dist/temp/src/components/shared/hintText/HintText.js

@@ -0,0 +1,28 @@
+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';
+export var HintText = function (_a) {
+    var _b = _a.as, Component = _b === void 0 ? 'p' : _b, children = _a.children, className = _a.className, destructive = _a.destructive, props = __rest(_a, ["as", "children", "className", "destructive"]);
+    return (_jsx(Component, __assign({ className: classNames('ncua-hint-text', { destructive: destructive }, className) }, props, { children: children })));
+};

package/dist/temp/src/components/shared/hintText/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/shared/hintText/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/temp/src/components/shared/hintText/index.js

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

package/dist/temp/src/components/shared/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC"}

package/dist/{esm → temp}/src/components/shared/index.js

@@ -1,2 +1,2 @@
 export * from './hintText';
-export * from './label';
+export * from './label';

package/dist/{types → temp}/src/components/shared/label/Label.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
     as?: React.ElementType;
     isRequired?: boolean;

package/dist/temp/src/components/shared/label/Label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../../../src/components/shared/label/Label.tsx"],"names":[],"mappings":";AAEA,UAAU,UAAW,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACtE,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,KAAK,iEAA4E,UAAU,4CAMvG,CAAC"}

package/dist/temp/src/components/shared/label/Label.js

@@ -0,0 +1,28 @@
+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';
+export var Label = function (_a) {
+    var _b = _a.as, Component = _b === void 0 ? 'label' : _b, children = _a.children, className = _a.className, isRequired = _a.isRequired, props = __rest(_a, ["as", "children", "className", "isRequired"]);
+    return (_jsx(Component, __assign({ className: classNames('ncua-label', { 'is-required': isRequired }, className) }, props, { children: children })));
+};

package/dist/temp/src/components/shared/label/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/shared/label/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/temp/src/components/shared/label/index.js

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

package/dist/temp/src/components/slider/Slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../../../src/components/slider/Slider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAwB,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAErF,MAAM,MAAM,mBAAmB,GAAG,aAAa,CAAC,eAAe,CAAC,CAAC;AAEjE,MAAM,WAAW,WAAW;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IACtD,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,6EAShB,WAAW,4CA0Cb,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/temp/src/components/slider/Slider.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import { Slider as NcuaSlider } from '../../../assets/scripts/slider';
+export var Slider = function (_a) {
+    var _b = _a.min, min = _b === void 0 ? 0 : _b, _c = _a.max, max = _c === void 0 ? 100 : _c, _d = _a.step, step = _d === void 0 ? 1 : _d, _e = _a.value, value = _e === void 0 ? 0 : _e, onChange = _a.onChange, labelPosition = _a.labelPosition, _f = _a.disabled, disabled = _f === void 0 ? false : _f, className = _a.className;
+    var containerRef = useRef(null);
+    var sliderInstanceRef = useRef(null);
+    useEffect(function () {
+        if (!containerRef.current)
+            return;
+        sliderInstanceRef.current = new NcuaSlider(containerRef.current, {
+            min: min,
+            max: max,
+            step: step,
+            value: value,
+            onChange: onChange,
+            labelPosition: labelPosition,
+            disabled: disabled,
+        });
+        return function () {
+            if (sliderInstanceRef.current) {
+                sliderInstanceRef.current.destroy();
+                sliderInstanceRef.current = null;
+            }
+        };
+    }, [typeof value, onChange, min, max, step, labelPosition]);
+    useEffect(function () {
+        if (sliderInstanceRef.current) {
+            sliderInstanceRef.current.setValue(value);
+        }
+    }, [sliderInstanceRef, value]);
+    useEffect(function () {
+        if (sliderInstanceRef.current) {
+            if (disabled) {
+                sliderInstanceRef.current.disable();
+            }
+            else {
+                sliderInstanceRef.current.enable();
+            }
+        }
+    }, [disabled]);
+    return _jsx("div", { ref: containerRef, className: "ncua-slider ".concat(className || '') });
+};
+export default Slider;

package/dist/temp/src/components/slider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/slider/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

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

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

package/dist/temp/src/components/spinner/Spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../../../src/components/spinner/Spinner.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE/C,UAAU,YAAY;IACpB,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACxC,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAMD,eAAO,MAAM,OAAO,qCAA2D,YAAY,4CAM1F,CAAC"}

package/dist/temp/src/components/spinner/Spinner.js

@@ -0,0 +1,21 @@
+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 classNames from 'classnames';
+var RenderText = function (_a) {
+    var _b = _a.as, Component = _b === void 0 ? 'p' : _b, children = _a.children;
+    return _jsx(Component, __assign({ className: "ncua-spinner__text" }, { children: children }));
+};
+export var Spinner = function (_a) {
+    var _b = _a.as, as = _b === void 0 ? 'p' : _b, _c = _a.size, size = _c === void 0 ? 'md' : _c, children = _a.children, _d = _a.backdrop, backdrop = _d === void 0 ? false : _d;
+    return (_jsx("div", __assign({ className: classNames('ncua-spinner', "ncua-spinner--".concat(size), { 'ncua-spinner--backdrop': backdrop }) }, { children: _jsx("div", __assign({ className: "ncua-spinner__content" }, { children: children && _jsx(RenderText, { as: as, children: children }) })) })));
+};

package/dist/temp/src/components/spinner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/spinner/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC"}

package/dist/{esm → temp}/src/components/spinner/index.js

@@ -1,2 +1,2 @@
 export * from './Spinner';
-export * from './index';
+export * from './index';

package/dist/temp/src/components/tab/HorizontalTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalTab.d.ts","sourceRoot":"","sources":["../../../../../src/components/tab/HorizontalTab.tsx"],"names":[],"mappings":"AAEA,OAAO,YAAY,CAAC;AAEpB,OAAO,EAAa,cAAc,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEjE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,CAAC,EAAE,OAAO,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC;IACzC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC;IAC9B,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,CAAC;AAMF,eAAO,MAAM,aAAa,0DAOvB,kBAAkB,4CA0CpB,CAAC"}

package/dist/temp/src/components/tab/HorizontalTab.js

@@ -0,0 +1,44 @@
+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 { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { uniqueId } from 'lodash';
+import 'swiper/css';
+import { Swiper, SwiperSlide } from 'swiper/react';
+import { TabButton } from './TabButton';
+export var HorizontalTab = function (_a) {
+    var _b = _a.type, type = _b === void 0 ? 'button-primary' : _b, size = _a.size, activeTab = _a.activeTab, onClick = _a.onClick, _c = _a.fullWidth, fullWidth = _c === void 0 ? false : _c, _d = _a.menus, menus = _d === void 0 ? [] : _d;
+    var getTabGap = function (type) {
+        var _a;
+        var gap = {
+            underline: 16,
+        };
+        return (_a = gap[type]) !== null && _a !== void 0 ? _a : 8;
+    };
+    if (!menus.length)
+        return _jsx(_Fragment, {});
+    return (_jsx("div", __assign({ className: classNames('ncua-horizontal-tab', "ncua-horizontal-tab--".concat(type), {
+            'ncua-horizontal-tab--fullWidth': fullWidth,
+        }) }, { children: _jsx(Swiper, __assign({ slidesPerView: "auto", spaceBetween: getTabGap(type) }, { children: menus.map(function (menu) {
+                var isActive = menu.href ? menu.href.includes(activeTab) : menu.id === activeTab;
+                var commonProps = {
+                    id: menu.id,
+                    label: menu.label,
+                    badgeInfo: menu.badgeInfo,
+                    isActive: isActive,
+                    tabButtonType: type,
+                    size: size,
+                    onClick: function () { var _a; return onClick === null || onClick === void 0 ? void 0 : onClick((_a = menu.id) !== null && _a !== void 0 ? _a : ''); },
+                };
+                return (_jsx(SwiperSlide, __assign({ className: "ncua-horizontal-tab__item" }, { children: menu.href ? (_jsx(TabButton, __assign({}, commonProps, { href: menu.href, target: menu.target }))) : (_jsx(TabButton, __assign({}, commonProps))) }), uniqueId('horizontal-tab')));
+            }) })) })));
+};

package/dist/temp/src/components/tab/TabButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/tab/TabButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,EAAS,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEnD,MAAM,MAAM,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACzC,MAAM,MAAM,OAAO,GAAG,gBAAgB,GAAG,cAAc,GAAG,WAAW,GAAG,gBAAgB,GAAG,eAAe,CAAC;AAE3G,UAAU,WAAW;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,MAAM,sBAAsB,GAAG,WAAW,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC,CAAC;AAE5G,MAAM,MAAM,oBAAoB,GAAG,WAAW,GAAG;IAC/C,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC7B,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC,CAAC;AAEjF,MAAM,MAAM,cAAc,GAAG,CAAC,sBAAsB,GAAG;IAAE,IAAI,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC,GAAG,oBAAoB,CAAC;AAEhG,eAAO,MAAM,SAAS,6FAUnB,cAAc,4CAgChB,CAAC"}

package/dist/temp/src/components/tab/TabButton.js

@@ -0,0 +1,38 @@
+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 { Badge } from '../badge/Badge';
+export var TabButton = function (_a) {
+    var label = _a.label, _b = _a.size, size = _b === void 0 ? 'md' : _b, tabButtonType = _a.tabButtonType, type = _a.type, _c = _a.isActive, isActive = _c === void 0 ? false : _c, badgeInfo = _a.badgeInfo, className = _a.className, children = _a.children, props = __rest(_a, ["label", "size", "tabButtonType", "type", "isActive", "badgeInfo", "className", "children"]);
+    var tabType = tabButtonType || type;
+    var componentClassName = classNames('ncua-tab-button', "ncua-tab-button--".concat(size), "ncua-tab-button--".concat(tabType || 'button-primary'), {
+        'is-active': isActive,
+    }, className);
+    if ('href' in props && props.href) {
+        var _d = props, href = _d.href, _e = _d.target, target = _e === void 0 ? '_self' : _e, onClick_1 = _d.onClick, anchorProps = __rest(_d, ["href", "target", "onClick"]);
+        return (_jsxs("a", __assign({ className: componentClassName, href: href, target: target, onClick: onClick_1 }, anchorProps, { children: [label, badgeInfo && _jsx(Badge, __assign({}, badgeInfo, { size: "xs" })), children] })));
+    }
+    var _f = props, onClick = _f.onClick, buttonProps = __rest(_f, ["onClick"]);
+    return (_jsxs("button", __assign({ type: "button", className: componentClassName, onClick: onClick }, buttonProps, { children: [label, badgeInfo && _jsx(Badge, __assign({}, badgeInfo, { size: "xs" })), children] })));
+};

package/dist/temp/src/components/tab/VerticalTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalTab.d.ts","sourceRoot":"","sources":["../../../../../src/components/tab/VerticalTab.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAa,cAAc,EAAW,MAAM,aAAa,CAAC;AAEjE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,CAAC,EAAE,gBAAgB,GAAG,cAAc,GAAG,eAAe,CAAC;IAC3D,UAAU,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC;IAC9B,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,WAAW,qDAMrB,gBAAgB,4CA2ClB,CAAC"}

package/dist/temp/src/components/tab/VerticalTab.js

@@ -0,0 +1,39 @@
+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 classNames from 'classnames';
+import { Fragment } from 'react';
+import { Select } from '../select/Select';
+import { TabButton } from './TabButton';
+export var VerticalTab = function (_a) {
+    var _b = _a.type, type = _b === void 0 ? 'button-primary' : _b, _c = _a.breakPoint, breakPoint = _c === void 0 ? 'pc' : _c, activeTab = _a.activeTab, menus = _a.menus, onClick = _a.onClick;
+    var handleSelectChange = function (e) {
+        onClick === null || onClick === void 0 ? void 0 : onClick(e.target.value);
+    };
+    var optionItems = (menus === null || menus === void 0 ? void 0 : menus.map(function (menu) { return ({
+        id: menu.id || '',
+        label: menu.label || '',
+    }); })) || [];
+    return (_jsx("div", __assign({ className: classNames('ncua-vertical-tab', "ncua-vertical-tab--".concat(type)) }, { children: breakPoint === 'mobile' ? (_jsx("div", __assign({ className: "ncua-vertical-tab__select" }, { children: _jsx(Select, { value: activeTab, onChange: handleSelectChange, optionItems: optionItems, size: "md" }) }))) : (menus === null || menus === void 0 ? void 0 : menus.map(function (menu) {
+            var isActive = menu.href ? menu.href.includes(activeTab) : menu.id === activeTab;
+            var commonProps = {
+                id: menu.id,
+                label: menu.label,
+                badgeInfo: menu.badgeInfo,
+                isActive: isActive,
+                tabButtonType: type,
+                size: 'sm',
+                onClick: function () { var _a; return onClick === null || onClick === void 0 ? void 0 : onClick((_a = menu.id) !== null && _a !== void 0 ? _a : ''); },
+            };
+            return (_jsx(Fragment, { children: menu.href ? (_jsx(TabButton, __assign({}, commonProps, { href: menu.href, target: menu.target }))) : (_jsx(TabButton, __assign({}, commonProps))) }, menu.id));
+        })) })));
+};

package/dist/temp/src/components/tab/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/tab/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC"}

package/dist/{esm → temp}/src/components/tab/index.js

@@ -1,3 +1,3 @@
 export * from './HorizontalTab';
 export * from './TabButton';
-export * from './VerticalTab';
+export * from './VerticalTab';

package/dist/temp/src/components/tag/Tag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../../src/components/tag/Tag.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAM,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAGrD,UAAU,QAAQ;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CACtD;AAED,eAAO,MAAM,GAAG,sDAA8D,QAAQ,4CA8BrF,CAAC"}

package/dist/temp/src/components/tag/Tag.js

@@ -0,0 +1,34 @@
+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 Icon from '@ncds/ui-admin-icon';
+import classNames from 'classnames';
+import { COLOR } from '../../../constant/color';
+import { Dot } from '../dot';
+export var Tag = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? 'sm' : _b, icon = _a.icon, text = _a.text, count = _a.count, close = _a.close, onButtonClick = _a.onButtonClick;
+    var iconSize = {
+        sm: 14,
+        md: 16,
+    };
+    var sideSlotRender = function (slot) {
+        var _a;
+        if (slot.type === 'icon') {
+            return _jsx(Icon, { name: slot.icon, width: iconSize[size], height: iconSize[size], color: slot.color });
+        }
+        if (slot.type === 'dot') {
+            return _jsx(Dot, { color: slot.color, size: (_a = slot.size) !== null && _a !== void 0 ? _a : 'sm' });
+        }
+        return slot.children;
+    };
+    return (_jsxs("span", __assign({ className: classNames('ncua-tag', "ncua-tag--".concat(size)) }, { children: [icon && sideSlotRender(icon), _jsx("span", __assign({ className: "ncua-tag__text" }, { children: text })), count && _jsx("span", __assign({ className: "ncua-tag__count" }, { children: count })), close && (_jsx("button", __assign({ type: "button", className: "ncua-tag__close", onClick: onButtonClick }, { children: _jsx(Icon, { name: "x-close", color: COLOR.gray300, width: iconSize[size], height: iconSize[size] }) })))] })));
+};

package/dist/temp/src/components/tag/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/tag/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC"}

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

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

package/dist/temp/src/components/toggle/Toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../../src/components/toggle/Toggle.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAE3D,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC/E,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,yEAQhB,WAAW,4CAiCb,CAAC"}

package/dist/temp/src/components/toggle/Toggle.js

@@ -0,0 +1,30 @@
+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, Fragment as _Fragment } from "react/jsx-runtime";
+import classNames from 'classnames';
+export var Toggle = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? 'md' : _b, _c = _a.text, text = _c === void 0 ? '' : _c, _d = _a.supportText, supportText = _d === void 0 ? '' : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, onChange = _a.onChange, className = _a.className, props = __rest(_a, ["size", "text", "supportText", "disabled", "onChange", "className"]);
+    return (_jsxs("label", __assign({ className: classNames('ncua-toggle', "ncua-toggle--".concat(size), {
+            'ncua-toggle--disabled': disabled,
+        }, className) }, { children: [_jsx("input", __assign({ type: "checkbox", className: "ncua-toggle__input", checked: props === null || props === void 0 ? void 0 : props.checked, disabled: disabled, onChange: onChange }, props)), _jsx("span", __assign({ className: "ncua-toggle__switch" }, { children: _jsx("span", { className: "ncua-toggle__slider" }) })), text && (_jsx(_Fragment, { children: _jsxs("span", __assign({ className: "ncua-toggle__text-wrapper" }, { children: [_jsx("span", __assign({ className: "ncua-toggle__text" }, { children: text })), supportText && _jsx("span", __assign({ className: "ncua-toggle__support-text" }, { children: supportText }))] })) }))] })));
+};

package/dist/temp/src/components/toggle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/toggle/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

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

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

package/dist/temp/src/components/tooltip/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAEA,UAAU,YAAY;IACpB,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAChC,QAAQ,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAC;IAC3G,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAaD,eAAO,MAAM,OAAO,0EAQjB,YAAY,4CAoBd,CAAC"}

package/dist/temp/src/components/tooltip/Tooltip.js

@@ -0,0 +1,23 @@
+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 { HelpCircle, HelpCircleFill } from '@ncds/ui-admin-icon';
+import classNames from 'classnames';
+var tooltipContent = function (_a) {
+    var title = _a.title, content = _a.content, tooltipType = _a.tooltipType, position = _a.position;
+    return (_jsxs("span", __assign({ className: classNames("ncua-tooltip__bg", "ncua-tooltip__bg--".concat(tooltipType), "ncua-tooltip__bg--".concat(position)) }, { children: [title && _jsx("span", __assign({ className: "ncua-tooltip__title" }, { children: title })), content && _jsx("span", { className: "ncua-tooltip__content", dangerouslySetInnerHTML: { __html: content } })] })));
+};
+export var Tooltip = function (_a) {
+    var _b = _a.tooltipType, tooltipType = _b === void 0 ? 'black' : _b, _c = _a.iconType, iconType = _c === void 0 ? 'stroke' : _c, _d = _a.position, position = _d === void 0 ? 'top' : _d, _e = _a.size, size = _e === void 0 ? 'sm' : _e, title = _a.title, content = _a.content, _f = _a.hideArrow, hideArrow = _f === void 0 ? false : _f;
+    var iconSize = size === 'sm' ? 14 : 16;
+    return (_jsxs("span", __assign({ className: classNames('ncua-tooltip', "ncua-tooltip--".concat(size), "".concat(hideArrow ? 'ncua-tooltip--hidden-arrow' : ''), "".concat(iconType === 'stroke' ? 'ncua-tooltip--stroke' : '')) }, { children: [iconType === 'stroke' ? (_jsx(HelpCircle, { width: iconSize, height: iconSize, color: "var(--gray-300" })) : (_jsx(HelpCircleFill, { width: iconSize, height: iconSize, color: "var(--gray-300)" })), tooltipContent({ tooltipType: tooltipType, position: position, title: title, content: content })] })));
+};

package/dist/temp/src/components/tooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/tooltip/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

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

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

package/dist/temp/src/constant/breakpoint.d.ts

@@ -0,0 +1,7 @@
+export declare const BREAKPOINT: {
+    readonly mobile: "768px";
+};
+export declare const MEDIA_QUERY: {
+    readonly mobile: "(max-width: 768px)";
+};
+//# sourceMappingURL=breakpoint.d.ts.map

package/dist/temp/src/constant/breakpoint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoint.d.ts","sourceRoot":"","sources":["../../../../src/constant/breakpoint.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;CAEb,CAAC;AAEX,eAAO,MAAM,WAAW;;CAEd,CAAC"}

package/dist/temp/src/constant/breakpoint.js

@@ -0,0 +1,6 @@
+export var BREAKPOINT = {
+    mobile: '768px',
+};
+export var MEDIA_QUERY = {
+    mobile: "(max-width: ".concat(BREAKPOINT.mobile, ")"),
+};

package/dist/temp/src/constant/date-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../../src/constant/date-picker.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDvB,CAAC"}

package/dist/temp/src/constant/date-picker.js

@@ -0,0 +1,53 @@
+export var PERIOD_ITEM = {
+    TODAY: {
+        text: '오늘',
+        period: 0,
+        unit: 'days',
+    },
+    YESTERDAY: {
+        text: '어제',
+        period: 1,
+        unit: 'days',
+    },
+    '3DAYS': {
+        text: '3일',
+        period: 3,
+        unit: 'days',
+    },
+    '7DAYS': {
+        text: '7일',
+        period: 7,
+        unit: 'days',
+    },
+    '1WEEK': {
+        text: '1주일',
+        period: 1,
+        unit: 'week',
+    },
+    '15DAYS': {
+        text: '15일',
+        period: 15,
+        unit: 'days',
+    },
+    '1MONTHS': {
+        text: '1개월',
+        period: 1,
+        unit: 'months',
+    },
+    '3MONTHS': {
+        text: '3개월',
+        period: 3,
+        unit: 'months',
+    },
+    '1YEAR': {
+        text: '1년',
+        period: 1,
+        unit: 'years',
+    },
+    ENTIRE: {
+        text: '전체',
+        period: 0,
+        unit: null,
+    },
+    NONE: { text: '', period: 0, unit: null },
+};

package/dist/temp/src/constant/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/constant/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC"}

package/dist/temp/src/constant/index.js

@@ -0,0 +1,2 @@
+export * from './size';
+export * from './date-picker';

package/dist/temp/src/constant/size.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"size.d.ts","sourceRoot":"","sources":["../../../../src/constant/size.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,MAAM,CAAC"}

package/dist/temp/src/constant/size.js

@@ -0,0 +1 @@
+export var MINIMUM_PC_SIZE = 768;

package/dist/temp/src/hooks/useMediaQuery.d.ts

@@ -0,0 +1,6 @@
+interface UseMediaQueryOptions {
+    onMatched?: () => void;
+}
+export declare const useMediaQuery: (query: string, options?: UseMediaQueryOptions) => boolean;
+export {};
+//# sourceMappingURL=useMediaQuery.d.ts.map

package/dist/temp/src/hooks/useMediaQuery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaQuery.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useMediaQuery.ts"],"names":[],"mappings":"AAEA,UAAU,oBAAoB;IAC5B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,aAAa,UAAW,MAAM,YAAY,oBAAoB,YAuB1E,CAAC"}

package/dist/temp/src/hooks/useMediaQuery.js

@@ -0,0 +1,20 @@
+import { useEffect, useState } from 'react';
+export var useMediaQuery = function (query, options) {
+    var _a = useState(false), matches = _a[0], setMatches = _a[1];
+    useEffect(function () {
+        var mediaQuery = window.matchMedia(query);
+        setMatches(mediaQuery.matches);
+        var handleChange = function (e) {
+            var _a;
+            setMatches(e.matches);
+            if (e.matches) {
+                (_a = options === null || options === void 0 ? void 0 : options.onMatched) === null || _a === void 0 ? void 0 : _a.call(options);
+            }
+        };
+        mediaQuery.addEventListener('change', handleChange);
+        return function () {
+            mediaQuery.removeEventListener('change', handleChange);
+        };
+    }, [query, options === null || options === void 0 ? void 0 : options.onMatched]);
+    return matches;
+};

package/dist/temp/src/utils/date-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../../src/utils/date-picker.ts"],"names":[],"mappings":"AAAA,OAAe,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAEtE,wBAAgB,aAAa,CAAC,IAAI,GAAE,IAAI,GAAG,MAAmB,UAE7D;AAED,wBAAgB,QAAQ,SAEvB;AAED,wBAAgB,eAAe,CAAC,EAC9B,IAAiB,EACjB,MAAM,EACN,IAAI,GACL,EAAE;IACD,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,IAAI,EAAE,iBAAiB,CAAC;CACzB,QAEA"}

package/dist/temp/src/utils/date-picker.js

@@ -0,0 +1,12 @@
+import moment from 'moment';
+export function getDateFormat(date) {
+    if (date === void 0) { date = getToday(); }
+    return moment(date).format('YYYY-MM-DD');
+}
+export function getToday() {
+    return moment().toDate();
+}
+export function getSubtractDate(_a) {
+    var _b = _a.date, date = _b === void 0 ? getToday() : _b, period = _a.period, unit = _a.unit;
+    return moment(date).subtract(period, unit).toDate();
+}