@ncds/ui-admin 1.6.2 → 1.6.4-alpha.0

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

@@ -47,7 +47,6 @@ var dotSize = exports.dotSize = {
   md: 'md'
 };
 var Button = exports.Button = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  // NOTE: 엘리먼트 종류에 따라 props의 타입이 달라지므로 분리
   var _a = props.size,
     size = _a === void 0 ? 'md' : _a,
     children = props.children,

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

@@ -26,9 +26,6 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
   }
   return t;
 };
-/**
- * 현재 destructive 속성은 현재 디자인 시스템에 존재하지 않으니 사용하지 않는 것을 권장합니다.
- */
 var CheckboxInput = exports.CheckboxInput = /*#__PURE__*/(0, _react.forwardRef)(function (_a, ref) {
   var _b = _a.size,
     size = _b === void 0 ? 'xs' : _b,

package/dist/cjs/src/components/date-picker/DatePicker.js

@@ -133,6 +133,9 @@ var DatePicker = exports.DatePicker = /*#__PURE__*/(0, _react.forwardRef)(functi
     var instance = flatpickrInstanceRef.current;
     if (!instance) return;
     if (!input || input.trim() === '') {
+      target.value = '';
+      instance.setDate('', false);
+      onChangeDate('');
       return;
     }
     // 숫자가 최소 하나는 포함되어야 함 (하이픈만 있는 경우 방지)

package/dist/cjs/src/components/dot/Dot.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Dot = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
-var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
+var _react = require("react");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 var __assign = void 0 && (void 0).__assign || function () {
   __assign = Object.assign || function (t) {

package/dist/cjs/src/components/pagination/Pagination.js

@@ -63,7 +63,7 @@ var Pagination = function (_a) {
       setStart(newStart);
     }
     if (currentPage < start) {
-      setStart(start - pageCount);
+      setStart(Math.max(1, start - pageCount));
     }
     if (currentPage === 1) {
       setStart(1);

package/dist/cjs/src/components/select/Select.js

@@ -27,9 +27,6 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
   }
   return t;
 };
-/**
- * 현재 icon 속성은 현재 디자인 시스템에 존재하지 않으니 사용하지 않는 것을 권장합니다.
- */
 var Select = exports.Select = /*#__PURE__*/(0, _react.forwardRef)(function (_a, ref) {
   var placeholder = _a.placeholder,
     _b = _a.disabledPlaceholder,

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

@@ -48,7 +48,7 @@ var HorizontalTab = function (_a) {
       spaceBetween: getTabGap(type)
     }, {
       children: menus.map(function (menu) {
-        var isActive = 'href' in menu && menu.href ? menu.href.includes(activeTab) : menu.id === activeTab;
+        var isActive = 'href' in menu && menu.href ? menu.href === activeTab : menu.id === activeTab;
         return (0, _jsxRuntime.jsx)(_react.SwiperSlide, __assign({
           className: "ncua-horizontal-tab__item"
         }, {

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

@@ -48,7 +48,7 @@ var VerticalTab = function (_a) {
     className: (0, _classnames.default)('ncua-vertical-tab', "ncua-vertical-tab--".concat(type))
   }, {
     children: menus === null || menus === void 0 ? void 0 : menus.map(function (menu) {
-      var isActive = 'href' in menu && menu.href ? menu.href.includes(activeTab) : menu.id === activeTab;
+      var isActive = 'href' in menu && menu.href ? menu.href === activeTab : menu.id === activeTab;
       return (0, _jsxRuntime.jsx)(_TabButton.TabButton, __assign({}, menu, {
         isActive: isActive,
         tabButtonType: type,

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

@@ -40,7 +40,6 @@ export var dotSize = {
   md: 'md'
 };
 export var Button = /*#__PURE__*/forwardRef(function (props, ref) {
-  // NOTE: 엘리먼트 종류에 따라 props의 타입이 달라지므로 분리
   var _a = props.size,
     size = _a === void 0 ? 'md' : _a,
     children = props.children,

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

@@ -19,9 +19,6 @@ var __rest = this && this.__rest || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
 import { forwardRef, useEffect, useRef } from 'react';
-/**
- * 현재 destructive 속성은 현재 디자인 시스템에 존재하지 않으니 사용하지 않는 것을 권장합니다.
- */
 export var CheckboxInput = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _b = _a.size,
     size = _b === void 0 ? 'xs' : _b,

package/dist/esm/src/components/date-picker/DatePicker.js

@@ -124,6 +124,9 @@ export var DatePicker = /*#__PURE__*/forwardRef(function (_a, ref) {
     var instance = flatpickrInstanceRef.current;
     if (!instance) return;
     if (!input || input.trim() === '') {
+      target.value = '';
+      instance.setDate('', false);
+      onChangeDate('');
       return;
     }
     // 숫자가 최소 하나는 포함되어야 함 (하이픈만 있는 경우 방지)

package/dist/esm/src/components/dot/Dot.js

@@ -17,8 +17,8 @@ var __rest = this && this.__rest || function (s, e) {
   return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
 import classNames from 'classnames';
+import { forwardRef } from 'react';
 export var Dot = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _b = _a.color,
     color = _b === void 0 ? 'success' : _b,

package/dist/esm/src/components/pagination/Pagination.js

@@ -56,7 +56,7 @@ export var Pagination = function (_a) {
       setStart(newStart);
     }
     if (currentPage < start) {
-      setStart(start - pageCount);
+      setStart(Math.max(1, start - pageCount));
     }
     if (currentPage === 1) {
       setStart(1);

package/dist/esm/src/components/select/Select.js

@@ -20,9 +20,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from 'classnames';
 import { forwardRef } from 'react';
 import { HintText } from '../shared/hintText/HintText';
-/**
- * 현재 icon 속성은 현재 디자인 시스템에 존재하지 않으니 사용하지 않는 것을 권장합니다.
- */
 export var Select = /*#__PURE__*/forwardRef(function (_a, ref) {
   var placeholder = _a.placeholder,
     _b = _a.disabledPlaceholder,

package/dist/esm/src/components/switch/Switch.js

@@ -10,7 +10,7 @@ var __assign = this && this.__assign || function () {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from 'classnames';
-import { useState, forwardRef } from 'react';
+import { forwardRef, useState } from 'react';
 export var Switch = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _b = _a.size,
     size = _b === void 0 ? 'xs' : _b,

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

@@ -41,7 +41,7 @@ export var HorizontalTab = function (_a) {
       spaceBetween: getTabGap(type)
     }, {
       children: menus.map(function (menu) {
-        var isActive = 'href' in menu && menu.href ? menu.href.includes(activeTab) : menu.id === activeTab;
+        var isActive = 'href' in menu && menu.href ? menu.href === activeTab : menu.id === activeTab;
         return _jsx(SwiperSlide, __assign({
           className: "ncua-horizontal-tab__item"
         }, {

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

@@ -41,7 +41,7 @@ export var VerticalTab = function (_a) {
     className: classNames('ncua-vertical-tab', "ncua-vertical-tab--".concat(type))
   }, {
     children: menus === null || menus === void 0 ? void 0 : menus.map(function (menu) {
-      var isActive = 'href' in menu && menu.href ? menu.href.includes(activeTab) : menu.id === activeTab;
+      var isActive = 'href' in menu && menu.href ? menu.href === activeTab : menu.id === activeTab;
       return _jsx(TabButton, __assign({}, menu, {
         isActive: isActive,
         tabButtonType: type,

package/dist/types/src/components/badge/BadgeGroup.d.ts

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

package/dist/types/src/components/button/Button.d.ts

@@ -2,7 +2,7 @@ import { type ComponentProps, type ReactNode } from 'react';
 import type { Size } from '../../../constant/size';
 import type { SideSlotType } from '../../types/side-slot';
 import { type DotProps } from '../dot';
-type CommonButtonProps<T extends keyof HTMLElementTagNameMap> = Omit<ComponentProps<T>, 'ref'> & {
+export type ButtonProps = Omit<ComponentProps<'button'>, 'ref'> & {
     label: ReactNode;
     className?: string;
     hierarchy?: ButtonTheme;
@@ -14,21 +14,21 @@ type CommonButtonProps<T extends keyof HTMLElementTagNameMap> = Omit<ComponentPr
     children?: ReactNode;
     underline?: boolean;
 };
-type ButtonElementProps = CommonButtonProps<Exclude<keyof HTMLElementTagNameMap, 'a'>> & {
-    as?: Exclude<keyof HTMLElementTagNameMap, 'a'>;
-    href?: never;
-};
-type AnchorElementProps = CommonButtonProps<'a'> & {
-    as: 'a';
-    href: string;
-    target?: HTMLAnchorElement['target'];
-};
-export type ButtonProps = ButtonElementProps | AnchorElementProps;
 export type ButtonTheme = 'primary' | 'secondary' | 'secondary-gray' | 'tertiary-gray' | 'tertiary' | 'text' | 'text-gray' | 'text-red' | 'destructive';
 export type ButtonSize = Extract<Size, 'xxs' | 'xs' | 'sm' | 'md'>;
 export declare const svgSize: Record<ButtonSize, number>;
 export declare const iconOnlySvgSize: Record<ButtonSize, number>;
 export declare const dotSize: Record<ButtonSize, DotProps['size']>;
-export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
-export {};
+export declare const Button: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    label: ReactNode;
+    className?: string | undefined;
+    hierarchy?: ButtonTheme | undefined;
+    disabled?: boolean | undefined;
+    leadingIcon?: SideSlotType | undefined;
+    trailingIcon?: SideSlotType | undefined;
+    onlyIcon?: boolean | undefined;
+    size?: ButtonSize | undefined;
+    children?: ReactNode;
+    underline?: boolean | undefined;
+} & import("react").RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=Button.d.ts.map

package/dist/types/src/components/checkbox/Checkbox.d.ts

@@ -1,9 +1,8 @@
-import { ChangeEvent, ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { CheckboxInputProps } from './CheckboxInput';
 export interface CheckboxProps extends Omit<CheckboxInputProps, 'type'> {
     text?: ReactNode;
     supportText?: string;
-    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
 }
 export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=Checkbox.d.ts.map

package/dist/types/src/components/checkbox/CheckboxInput.d.ts

@@ -6,8 +6,5 @@ export interface CheckboxInputProps extends Omit<ComponentPropsWithRef<'input'>,
     destructive?: boolean;
     onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
 }
-/**
- * 현재 destructive 속성은 현재 디자인 시스템에 존재하지 않으니 사용하지 않는 것을 권장합니다.
- */
 export declare const CheckboxInput: import("react").ForwardRefExoticComponent<CheckboxInputProps & import("react").RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=CheckboxInput.d.ts.map

package/dist/types/src/components/combobox/ComboBox.d.ts

@@ -1,10 +1,10 @@
 import type { Size } from '@ncds/ui/constant/size';
-import { type ComponentPropsWithRef, type PropsWithChildren } from 'react';
+import { type ComponentPropsWithRef, ReactNode } from 'react';
 import type { UseFormRegisterReturn } from 'react-hook-form';
 import type { OptionChangeHandler, OptionType, OptionValue } from '../../types/dropdown';
 export declare const defaultMaxHeight = 275;
-type BaseComboBoxProps = Omit<ComponentPropsWithRef<'div'>, 'size' | 'onChange'>;
-export interface ComboBoxProps extends PropsWithChildren<BaseComboBoxProps> {
+export interface ComboBoxProps extends Omit<ComponentPropsWithRef<'div'>, 'size' | 'onChange'> {
+    children?: ReactNode;
     placeholder?: string;
     hintText?: string;
     destructive?: boolean;
@@ -24,5 +24,4 @@ export interface ComboBoxProps extends PropsWithChildren<BaseComboBoxProps> {
     onEdit?: () => void;
 }
 export declare const ComboBox: import("react").ForwardRefExoticComponent<Omit<ComboBoxProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export {};
 //# sourceMappingURL=ComboBox.d.ts.map

package/dist/types/src/components/dot/Dot.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
-import { Size } from '../../../constant/size';
 import { ColorTone } from '../../../constant/color';
+import { Size } from '../../../constant/size';
 export type DotColor = Extract<ColorTone, 'neutral' | 'error' | 'warning' | 'success' | 'blue' | 'pink' | 'disabled'>;
 export type DotSize = Extract<Size, 'sm' | 'md' | 'lg'>;
 export interface DotProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'> {

package/dist/types/src/components/dropdown/Dropdown.d.ts

@@ -3,10 +3,6 @@ export type AvatarTrigger = {
     type: 'avatar';
     avatar: string;
 };
-export type TextTrigger = {
-    type: 'text';
-    title: string;
-};
 export type ButtonTrigger = {
     type: 'button';
     text: string;
@@ -44,7 +40,7 @@ export type TextHeader = {
 };
 export type DropdownHeaderType = AvatarHeader | TextHeader;
 export type DropdownProps = {
-    trigger: AvatarTrigger | TextTrigger | ButtonTrigger | IconTrigger | CustomTrigger;
+    trigger: AvatarTrigger | ButtonTrigger | IconTrigger | CustomTrigger;
     opened?: boolean;
     closeOnClickOutside?: boolean;
     closeOnClickItem?: boolean;

package/dist/types/src/components/input/InputBase.d.ts

@@ -1,7 +1,7 @@
 import type React from 'react';
-import { type ElementType } from 'react';
 import { COLOR } from '../../../constant/color';
 import type { Size } from '../../../constant/size';
+import type { SlotIconComponent } from '../../types/side-slot';
 interface InputSideButtonSlot {
     type: 'button';
     label: string;
@@ -14,8 +14,8 @@ interface InputSideTextSlot {
 }
 interface InputSideIconSlot {
     type: 'icon';
-    icon: ElementType;
-    size?: number | string;
+    icon: SlotIconComponent;
+    size?: number;
     color?: keyof typeof COLOR;
     className?: string;
 }

package/dist/types/src/components/input/NumberInput.d.ts

@@ -3,7 +3,7 @@ type NumberInputProps = InputBaseProps & {
     minValue?: number;
     maxValue?: number;
     step?: number;
-    stepperPosition?: 'leading' | 'trailing';
+    stepperPosition: 'leading' | 'trailing';
 };
 export declare const NumberInput: import("react").ForwardRefExoticComponent<NumberInputProps & import("react").RefAttributes<HTMLInputElement>>;
 export {};

package/dist/types/src/components/modal/Modal.d.ts

@@ -3,7 +3,7 @@ import type { SlotIconComponent } from '../../types/side-slot';
 import { FeaturedIconColor, FeaturedIconTheme } from '../featured-icon';
 export type ModalSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 export type ModalHeaderAlign = 'left' | 'center' | 'horizontal';
-export type ModalAlign = 'center' | 'right' | 'stretch';
+export type ModalActionsAlign = 'left' | 'center' | 'right' | 'stretch';
 export type ModalActionsLayout = 'vertical' | 'horizontal' | 'checkbox';
 export type ModalProps = {
     isOpen: boolean;
@@ -72,7 +72,7 @@ export type ModalActionsProps = {
     children: ReactNode;
     layout?: ModalActionsLayout;
     showDivider?: boolean;
-    align?: 'left' | 'center' | 'right' | 'stretch';
+    align?: ModalActionsAlign;
     checkboxContent?: ReactNode;
 };
 //# sourceMappingURL=Modal.d.ts.map

package/dist/types/src/components/pagination/Pagination.d.ts

@@ -1,4 +1,4 @@
-type PaginationProps = {
+type PaginationProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'> & {
     className?: string;
     totalCount: number;
     itemCountPerPage?: number;

package/dist/types/src/components/progress-bar/types.d.ts

@@ -1,7 +1,7 @@
 export type ProgressLabel = 'right' | 'bottom' | 'top-float' | 'bottom-float';
 export interface ProgressSegment {
     value: number;
-    color?: string;
+    color?: 'red' | 'green' | 'blue' | 'pink' | 'orange' | 'violet' | 'gray';
 }
 export interface ProcessedSegment extends ProgressSegment {
     width: number;

package/dist/types/src/components/radio/Radio.d.ts

@@ -1,9 +1,8 @@
-import { ChangeEvent, ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { RadioInputProps } from './RadioInput';
 export interface RadioProps extends Omit<RadioInputProps, 'type'> {
     text?: ReactNode;
     supportText?: string;
-    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
 }
 export declare const Radio: import("react").ForwardRefExoticComponent<RadioProps & import("react").RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=Radio.d.ts.map

package/dist/types/src/components/select/Select.d.ts

@@ -1,9 +1,8 @@
 import { Size } from '@ncds/ui/constant/size';
-import { ComponentPropsWithRef, PropsWithChildren } from 'react';
+import { ComponentPropsWithRef, ReactNode } from 'react';
 import { UseFormRegisterReturn } from 'react-hook-form';
 import { OptionType } from '../../types/dropdown';
-type BaseSelectProps = Omit<ComponentPropsWithRef<'select'>, 'size'>;
-export interface SelectProps extends PropsWithChildren<BaseSelectProps> {
+export interface SelectProps extends Omit<ComponentPropsWithRef<'select'>, 'size'> {
     placeholder?: string;
     disabledPlaceholder?: boolean;
     hintText?: string;
@@ -12,10 +11,7 @@ export interface SelectProps extends PropsWithChildren<BaseSelectProps> {
     optionItems?: OptionType[];
     register?: UseFormRegisterReturn;
     type?: 'default' | 'simple';
+    children?: ReactNode;
 }
-/**
- * 현재 icon 속성은 현재 디자인 시스템에 존재하지 않으니 사용하지 않는 것을 권장합니다.
- */
 export declare const Select: import("react").ForwardRefExoticComponent<Omit<SelectProps, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;
-export {};
 //# sourceMappingURL=Select.d.ts.map

package/dist/types/src/components/selectbox/SelectBox.d.ts

@@ -1,10 +1,10 @@
-import { type ComponentPropsWithRef, type PropsWithChildren } from 'react';
+import { type ComponentPropsWithRef, type ReactNode } from 'react';
 import type { UseFormRegisterReturn } from 'react-hook-form';
 import type { Size } from '../../../constant/size';
 import type { OptionChangeHandler, OptionType, OptionValue } from '../../types/dropdown';
 export declare const DEFAULT_MAX_HEIGHT = 275;
-type BaseSelectBoxProps = Omit<ComponentPropsWithRef<'div'>, 'size' | 'onChange'>;
-export type SelectBoxProps = PropsWithChildren<BaseSelectBoxProps> & {
+export type SelectBoxProps = Omit<ComponentPropsWithRef<'div'>, 'size' | 'onChange'> & {
+    children?: ReactNode;
     placeholder?: string;
     disabledPlaceholder?: boolean;
     hintText?: string;
@@ -23,5 +23,4 @@ export type SelectBoxProps = PropsWithChildren<BaseSelectBoxProps> & {
     align?: 'left' | 'right';
 };
 export declare const SelectBox: import("react").ForwardRefExoticComponent<Omit<SelectBoxProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export {};
 //# sourceMappingURL=SelectBox.d.ts.map

package/dist/types/src/components/spinner/Spinner.d.ts

@@ -2,7 +2,7 @@ import { ElementType, ReactNode } from 'react';
 interface SpinnerProps {
     as?: ElementType;
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-    children: ReactNode;
+    children?: ReactNode;
     backdrop?: boolean;
 }
 export declare const Spinner: ({ as, size, children, backdrop }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/src/components/tag/Tag.d.ts

@@ -11,7 +11,7 @@ interface TagProps {
     onButtonClick?: MouseEventHandler<HTMLButtonElement>;
     maxLength?: number;
 }
-export type CalculatedPosition = 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+export type CalculatedPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
 export declare const Tag: ({ size, icon, text, count, close, onButtonClick, maxLength }: TagProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Tag.d.ts.map

package/dist/ui-admin/assets/styles/style.css

@@ -1522,7 +1522,7 @@ button {
   color: var(--gray-300);
   background-color: inherit;
 }
-.ncua-input.is-disabled .ncua-input__destructive-ico {
+.ncua-input.is-disabled .ncua-input__destructive-icon {
   display: none;
 }
 .ncua-input.is-disabled .ncua-input__button {
@@ -2560,6 +2560,9 @@ button {
 .ncua-radio-input.destructive :where(input) {
   border-color: var(--primary-red-600);
 }
+.ncua-radio-input.destructive :where(input):not(:disabled):hover {
+  border-color: var(--primary-red-600);
+}
 .ncua-radio-input.destructive :where(input):focus {
   border-color: var(--primary-red-600);
   box-shadow: var(--shadow-xs-focused-4px-error-100);
@@ -2665,36 +2668,6 @@ button {
   z-index: 1000;
   pointer-events: none;
 }
-.ncua-tag__tooltip:not([class*="--top-"]):not([class*="--bottom-"]):not([class*="--left"]):not([class*="--right"]) {
-  bottom: 100%;
-  left: 50%;
-  transform: translateX(-50%);
-  margin-bottom: var(--spacing-md);
-}
-.ncua-tag__tooltip--top {
-  bottom: 100%;
-  left: 50%;
-  transform: translateX(-50%);
-  margin-bottom: var(--spacing-md);
-}
-.ncua-tag__tooltip--bottom {
-  top: 100%;
-  left: 50%;
-  transform: translateX(-50%);
-  margin-top: var(--spacing-md);
-}
-.ncua-tag__tooltip--left {
-  right: 100%;
-  top: 50%;
-  transform: translateY(-50%);
-  margin-right: var(--spacing-md);
-}
-.ncua-tag__tooltip--right {
-  left: 100%;
-  top: 50%;
-  transform: translateY(-50%);
-  margin-left: var(--spacing-md);
-}
 .ncua-tag__tooltip--top-left {
   bottom: 100%;
   right: 0;
@@ -2715,10 +2688,6 @@ button {
   left: 0;
   margin-top: var(--spacing-md);
 }
-.ncua-tag__tooltip--measuring {
-  opacity: 0;
-  visibility: hidden;
-}
 .ncua-tag__tooltip-content {
   display: block;
   padding: var(--spacing-md) var(--spacing-lg);
@@ -3821,47 +3790,57 @@ button {
   font-size: 11px;
 }
 .ncua-spinner--xs .ncua-spinner__content::before {
-  margin-block-end: 12px;
   width: 16px;
   height: 16px;
   border-width: 2px;
 }
+.ncua-spinner--xs .ncua-spinner__content:has(*)::before {
+  margin-block-end: 12px;
+}
 .ncua-spinner--sm {
   font-size: 14px;
 }
 .ncua-spinner--sm .ncua-spinner__content::before {
-  margin-block-end: 16px;
   width: 32px;
   height: 32px;
   border-width: 4px;
 }
+.ncua-spinner--sm .ncua-spinner__content:has(*)::before {
+  margin-block-end: 16px;
+}
 .ncua-spinner--md {
   font-size: 14px;
 }
 .ncua-spinner--md .ncua-spinner__content::before {
-  margin-block-end: 16px;
   width: 48px;
   height: 48px;
   border-width: 6px;
 }
+.ncua-spinner--md .ncua-spinner__content:has(*)::before {
+  margin-block-end: 16px;
+}
 .ncua-spinner--lg {
   font-size: 18px;
 }
 .ncua-spinner--lg .ncua-spinner__content::before {
-  margin-block-end: 16px;
   width: 56px;
   height: 56px;
   border-width: 6px;
 }
+.ncua-spinner--lg .ncua-spinner__content:has(*)::before {
+  margin-block-end: 16px;
+}
 .ncua-spinner--xl {
   font-size: 18px;
 }
 .ncua-spinner--xl .ncua-spinner__content::before {
-  margin-block-end: 20px;
   width: 64px;
   height: 64px;
   border-width: 8px;
 }
+.ncua-spinner--xl .ncua-spinner__content:has(*)::before {
+  margin-block-end: 20px;
+}
 .ncua-spinner--backdrop {
   content: "";
   position: fixed;

package/mcp/bin/server.d.ts

@@ -0,0 +1 @@
+export {};