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

package/mcp/data/date-picker.json

@@ -0,0 +1,77 @@
+{
+  "name": "date-picker",
+  "description": "NCDS Date Picker 컴포넌트",
+  "aliases": [],
+  "props": {
+    "className": {
+      "type": "string",
+      "required": false
+    },
+    "currentDate": {
+      "type": "string",
+      "required": true
+    },
+    "datePickerOptions": {
+      "type": "string",
+      "required": false
+    },
+    "destructive": {
+      "type": "string",
+      "required": false
+    },
+    "isEndDate": {
+      "type": "string",
+      "required": false,
+      "default": false
+    },
+    "onChangeDate": {
+      "type": "string",
+      "required": true
+    },
+    "onValidationError": {
+      "type": "string",
+      "required": false
+    },
+    "placeholder": {
+      "type": "string",
+      "required": false
+    },
+    "shouldFocus": {
+      "type": "string",
+      "required": false,
+      "default": true
+    },
+    "size": {
+      "type": "enum",
+      "required": false,
+      "values": ["sm", "xs"],
+      "default": "xs"
+    }
+  },
+  "html": {
+    "default": "<div class=\"ncua-date-picker\"></div>",
+    "size:sm": "<div class=\"ncua-date-picker ncua-date-picker--sm\"></div>",
+    "size:xs": "<div class=\"ncua-date-picker ncua-date-picker--xs\"></div>"
+  },
+  "bemClasses": [
+    "ncua-date-picker",
+    "ncua-date-picker--destructive",
+    "ncua-date-picker--disabled",
+    "ncua-date-picker--has-time",
+    "ncua-date-picker--sm",
+    "ncua-date-picker--xs",
+    "ncua-date-picker__destructive",
+    "ncua-date-picker__ico",
+    "ncua-date-picker__input",
+    "ncua-range-date-picker",
+    "ncua-range-date-picker-with-buttons"
+  ],
+  "usage": {
+    "import": "import { DatePicker } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<DatePicker currentDate=\"\" onChangeDate=\"\" />",
+      "size:sm": "<DatePicker size=\"sm\" currentDate=\"\" onChangeDate=\"\" />",
+      "size:xs": "<DatePicker size=\"xs\" currentDate=\"\" onChangeDate=\"\" />"
+    }
+  }
+}

package/mcp/data/divider.json

@@ -0,0 +1,56 @@
+{
+  "name": "divider",
+  "description": "NCDS Divider 컴포넌트",
+  "aliases": [],
+  "props": {
+    "children": {
+      "type": "ReactNode",
+      "required": true
+    },
+    "className": {
+      "type": "string",
+      "required": false
+    },
+    "style": {
+      "type": "enum",
+      "required": false,
+      "values": ["background-fill", "single-line"],
+      "default": "single-line"
+    },
+    "type": {
+      "type": "enum",
+      "required": true,
+      "values": ["button", "button-group", "button-group-icon", "button-icon", "heading", "text"]
+    }
+  },
+  "html": {
+    "default": "<div class=\"ncua-divider ncua-divider--undefined ncua-divider--single-line\"><div class=\"ncua-divider__line\"></div><div class=\"ncua-divider__content\"></div><div class=\"ncua-divider__line\"></div></div>"
+  },
+  "bemClasses": [
+    "ncua-divider",
+    "ncua-divider--background-fill",
+    "ncua-divider--button",
+    "ncua-divider--button-group",
+    "ncua-divider--button-group-icon",
+    "ncua-divider--button-icon",
+    "ncua-divider--heading",
+    "ncua-divider--single-line",
+    "ncua-divider--text",
+    "ncua-divider__content",
+    "ncua-divider__line"
+  ],
+  "usage": {
+    "import": "import { Divider } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<Divider children=\"예시\" type=\"button\" />",
+      "style:background-fill": "<Divider style=\"background-fill\" children=\"예시\" type=\"button\" />",
+      "style:single-line": "<Divider style=\"single-line\" children=\"예시\" type=\"button\" />",
+      "type:button": "<Divider type=\"button\" children=\"예시\" />",
+      "type:button-group": "<Divider type=\"button-group\" children=\"예시\" />",
+      "type:button-group-icon": "<Divider type=\"button-group-icon\" children=\"예시\" />",
+      "type:button-icon": "<Divider type=\"button-icon\" children=\"예시\" />",
+      "type:heading": "<Divider type=\"heading\" children=\"예시\" />",
+      "type:text": "<Divider type=\"text\" children=\"예시\" />"
+    }
+  }
+}

package/mcp/data/dot.json

@@ -0,0 +1,55 @@
+{
+  "name": "dot",
+  "description": "NCDS Dot 컴포넌트",
+  "aliases": [],
+  "props": {
+    "className": {
+      "type": "string",
+      "required": false
+    },
+    "color": {
+      "type": "enum",
+      "required": false,
+      "values": ["blue", "disabled", "error", "neutral", "pink", "success", "warning"],
+      "default": "success"
+    },
+    "size": {
+      "type": "enum",
+      "required": false,
+      "values": ["lg", "md", "sm"],
+      "default": "md"
+    }
+  },
+  "html": {
+    "default": "<span class=\"ncua-dot ncua-dot--success ncua-dot--md\"></span>"
+  },
+  "bemClasses": [
+    "ncua-dot",
+    "ncua-dot--blue",
+    "ncua-dot--disabled",
+    "ncua-dot--error",
+    "ncua-dot--lg",
+    "ncua-dot--md",
+    "ncua-dot--neutral",
+    "ncua-dot--pink",
+    "ncua-dot--sm",
+    "ncua-dot--success",
+    "ncua-dot--warning"
+  ],
+  "usage": {
+    "import": "import { Dot } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<Dot />",
+      "color:blue": "<Dot color=\"blue\" />",
+      "color:disabled": "<Dot color=\"disabled\" />",
+      "color:error": "<Dot color=\"error\" />",
+      "color:neutral": "<Dot color=\"neutral\" />",
+      "color:pink": "<Dot color=\"pink\" />",
+      "color:success": "<Dot color=\"success\" />",
+      "color:warning": "<Dot color=\"warning\" />",
+      "size:lg": "<Dot size=\"lg\" />",
+      "size:md": "<Dot size=\"md\" />",
+      "size:sm": "<Dot size=\"sm\" />"
+    }
+  }
+}

package/mcp/data/dropdown.json

@@ -0,0 +1,81 @@
+{
+  "name": "dropdown",
+  "description": "NCDS Dropdown 컴포넌트",
+  "aliases": [],
+  "props": {
+    "align": {
+      "type": "enum",
+      "required": false,
+      "values": ["left", "right"],
+      "default": "left"
+    },
+    "className": {
+      "type": "string",
+      "required": false
+    },
+    "closeOnClickItem": {
+      "type": "string",
+      "required": false,
+      "default": true
+    },
+    "closeOnClickOutside": {
+      "type": "string",
+      "required": false,
+      "default": true
+    },
+    "groups": {
+      "type": "string",
+      "required": true
+    },
+    "header": {
+      "type": "string",
+      "required": false
+    },
+    "opened": {
+      "type": "string",
+      "required": false,
+      "default": false
+    },
+    "trigger": {
+      "type": "string",
+      "required": true
+    }
+  },
+  "html": {
+    "default": "<div class=\"ncua-dropdown\"></div>",
+    "align:left": "<div class=\"ncua-dropdown ncua-dropdown--left\"></div>",
+    "align:right": "<div class=\"ncua-dropdown ncua-dropdown--right\"></div>"
+  },
+  "bemClasses": [
+    "ncua-dropdown",
+    "ncua-dropdown--right",
+    "ncua-dropdown__avatar",
+    "ncua-dropdown__group",
+    "ncua-dropdown__header",
+    "ncua-dropdown__header-avatar-group",
+    "ncua-dropdown__header-subtitle",
+    "ncua-dropdown__header-text",
+    "ncua-dropdown__header-title",
+    "ncua-dropdown__item",
+    "ncua-dropdown__item-clickable-layer",
+    "ncua-dropdown__item-content",
+    "ncua-dropdown__item-icon",
+    "ncua-dropdown__item-shortcut",
+    "ncua-dropdown__item-text",
+    "ncua-dropdown__item-text-group",
+    "ncua-dropdown__menu",
+    "ncua-dropdown__menu-items",
+    "ncua-dropdown__trigger",
+    "ncua-dropdown__trigger ncua-dropdown__trigger--avatar",
+    "ncua-dropdown__trigger ncua-dropdown__trigger--button",
+    "ncua-dropdown__trigger ncua-dropdown__trigger--icon"
+  ],
+  "usage": {
+    "import": "import { Dropdown } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<Dropdown groups=\"\" trigger=\"\" />",
+      "align:left": "<Dropdown align=\"left\" groups=\"\" trigger=\"\" />",
+      "align:right": "<Dropdown align=\"right\" groups=\"\" trigger=\"\" />"
+    }
+  }
+}

package/mcp/data/empty-state.json

@@ -0,0 +1,34 @@
+{
+  "name": "empty-state",
+  "description": "NCDS Empty State 컴포넌트",
+  "aliases": [],
+  "props": {
+    "buttons": {
+      "type": "string",
+      "required": false
+    },
+    "description": {
+      "type": "string",
+      "required": true
+    },
+    "title": {
+      "type": "string",
+      "required": true
+    }
+  },
+  "html": {
+    "default": "<div class=\"ncua-empty-state\"><p class=\"ncua-empty-state__title\">데이터가 없습니다</p><span class=\"ncua-empty-state__description\"></span></div>"
+  },
+  "bemClasses": [
+    "ncua-empty-state",
+    "ncua-empty-state__button-group",
+    "ncua-empty-state__description",
+    "ncua-empty-state__title"
+  ],
+  "usage": {
+    "import": "import { EmptyState } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<EmptyState description=\"\" title=\"\" />"
+    }
+  }
+}

package/mcp/data/featured-icon.json

@@ -0,0 +1,83 @@
+{
+  "name": "featured-icon",
+  "description": "NCDS Featured Icon 컴포넌트",
+  "aliases": [],
+  "props": {
+    "className": {
+      "type": "string",
+      "required": false
+    },
+    "color": {
+      "type": "enum",
+      "required": false,
+      "values": ["error", "neutral", "success", "warning"],
+      "default": "neutral"
+    },
+    "icon": {
+      "type": "string",
+      "required": true
+    },
+    "size": {
+      "type": "enum",
+      "required": false,
+      "values": ["lg", "md", "sm", "xl"],
+      "default": "md"
+    },
+    "theme": {
+      "type": "enum",
+      "required": false,
+      "values": ["dark-circle", "light-circle", "outline-circle", "square-outline"],
+      "default": "light-circle"
+    }
+  },
+  "html": {
+    "default": "<div class=\"ncua-featured-icon\"></div>",
+    "color:error": "<div class=\"ncua-featured-icon ncua-featured-icon--error\"></div>",
+    "color:neutral": "<div class=\"ncua-featured-icon ncua-featured-icon--neutral\"></div>",
+    "color:success": "<div class=\"ncua-featured-icon ncua-featured-icon--success\"></div>",
+    "color:warning": "<div class=\"ncua-featured-icon ncua-featured-icon--warning\"></div>",
+    "size:lg": "<div class=\"ncua-featured-icon ncua-featured-icon--lg\"></div>",
+    "size:md": "<div class=\"ncua-featured-icon ncua-featured-icon--md\"></div>",
+    "size:sm": "<div class=\"ncua-featured-icon ncua-featured-icon--sm\"></div>",
+    "size:xl": "<div class=\"ncua-featured-icon ncua-featured-icon--xl\"></div>",
+    "theme:dark-circle": "<div class=\"ncua-featured-icon ncua-featured-icon--dark-circle\"></div>",
+    "theme:light-circle": "<div class=\"ncua-featured-icon ncua-featured-icon--light-circle\"></div>",
+    "theme:outline-circle": "<div class=\"ncua-featured-icon ncua-featured-icon--outline-circle\"></div>",
+    "theme:square-outline": "<div class=\"ncua-featured-icon ncua-featured-icon--square-outline\"></div>"
+  },
+  "bemClasses": [
+    "ncua-featured-icon",
+    "ncua-featured-icon--dark-circle",
+    "ncua-featured-icon--error",
+    "ncua-featured-icon--lg",
+    "ncua-featured-icon--light-circle",
+    "ncua-featured-icon--md",
+    "ncua-featured-icon--neutral",
+    "ncua-featured-icon--outline-circle",
+    "ncua-featured-icon--sm",
+    "ncua-featured-icon--square-outline",
+    "ncua-featured-icon--success",
+    "ncua-featured-icon--warning",
+    "ncua-featured-icon--xl",
+    "ncua-featured-icon__outline ncua-featured-icon__outline--inner",
+    "ncua-featured-icon__outline ncua-featured-icon__outline--outer"
+  ],
+  "usage": {
+    "import": "import { FeaturedIcon } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<FeaturedIcon icon=\"\" />",
+      "color:error": "<FeaturedIcon color=\"error\" icon=\"\" />",
+      "color:neutral": "<FeaturedIcon color=\"neutral\" icon=\"\" />",
+      "color:success": "<FeaturedIcon color=\"success\" icon=\"\" />",
+      "color:warning": "<FeaturedIcon color=\"warning\" icon=\"\" />",
+      "size:lg": "<FeaturedIcon size=\"lg\" icon=\"\" />",
+      "size:md": "<FeaturedIcon size=\"md\" icon=\"\" />",
+      "size:sm": "<FeaturedIcon size=\"sm\" icon=\"\" />",
+      "size:xl": "<FeaturedIcon size=\"xl\" icon=\"\" />",
+      "theme:dark-circle": "<FeaturedIcon theme=\"dark-circle\" icon=\"\" />",
+      "theme:light-circle": "<FeaturedIcon theme=\"light-circle\" icon=\"\" />",
+      "theme:outline-circle": "<FeaturedIcon theme=\"outline-circle\" icon=\"\" />",
+      "theme:square-outline": "<FeaturedIcon theme=\"square-outline\" icon=\"\" />"
+    }
+  }
+}

package/mcp/data/file-input.json

@@ -0,0 +1,76 @@
+{
+  "name": "file-input",
+  "description": "NCDS File Input 컴포넌트",
+  "aliases": [],
+  "props": {
+    "accept": {
+      "type": "string",
+      "required": false
+    },
+    "buttonLabel": {
+      "type": "string",
+      "required": false,
+      "default": "파일 찾기"
+    },
+    "hintItems": {
+      "type": "string",
+      "required": false
+    },
+    "hintText": {
+      "type": "string",
+      "required": false
+    },
+    "isRequired": {
+      "type": "string",
+      "required": false
+    },
+    "maxFileCount": {
+      "type": "string",
+      "required": false
+    },
+    "maxFileSize": {
+      "type": "string",
+      "required": false
+    },
+    "onChange": {
+      "type": "string",
+      "required": false
+    },
+    "onFail": {
+      "type": "string",
+      "required": false
+    },
+    "onFileSelect": {
+      "type": "string",
+      "required": false
+    },
+    "showHelpIcon": {
+      "type": "string",
+      "required": false
+    },
+    "value": {
+      "type": "string",
+      "required": false
+    }
+  },
+  "html": {
+    "default": "<div class=\"ncua-file-input\"></div>"
+  },
+  "bemClasses": [
+    "ncua-file-input",
+    "ncua-file-input__file-image",
+    "ncua-file-input__file-tag-container",
+    "ncua-file-input__file-tags",
+    "ncua-file-input__hint-item",
+    "ncua-file-input__hint-list",
+    "ncua-file-input__input-container",
+    "ncua-file-input__label",
+    "ncua-input__help-icon"
+  ],
+  "usage": {
+    "import": "import { FileInput } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<FileInput />"
+    }
+  }
+}

package/mcp/data/horizontal-tab.json

@@ -0,0 +1,71 @@
+{
+  "name": "horizontal-tab",
+  "description": "NCDS Horizontal Tab 컴포넌트",
+  "aliases": [],
+  "props": {
+    "activeTab": {
+      "type": "string",
+      "required": false
+    },
+    "fullWidth": {
+      "type": "string",
+      "required": false,
+      "default": false
+    },
+    "menus": {
+      "type": "string",
+      "required": false,
+      "default": "[]"
+    },
+    "size": {
+      "type": "enum",
+      "required": false,
+      "values": ["lg", "md", "sm"],
+      "default": "sm"
+    },
+    "type": {
+      "type": "enum",
+      "required": false,
+      "values": ["button-primary", "button-white", "underline", "underline-fill"],
+      "default": "button-primary"
+    }
+  },
+  "html": {
+    "default": "<div class=\"ncua-horizontal-tab\"></div>",
+    "size:lg": "<div class=\"ncua-horizontal-tab ncua-horizontal-tab--lg\"></div>",
+    "size:md": "<div class=\"ncua-horizontal-tab ncua-horizontal-tab--md\"></div>",
+    "size:sm": "<div class=\"ncua-horizontal-tab ncua-horizontal-tab--sm\"></div>",
+    "type:button-primary": "<div class=\"ncua-horizontal-tab ncua-horizontal-tab--button-primary\"></div>",
+    "type:button-white": "<div class=\"ncua-horizontal-tab ncua-horizontal-tab--button-white\"></div>",
+    "type:underline": "<div class=\"ncua-horizontal-tab ncua-horizontal-tab--underline\"></div>",
+    "type:underline-fill": "<div class=\"ncua-horizontal-tab ncua-horizontal-tab--underline-fill\"></div>"
+  },
+  "bemClasses": [
+    "ncua-horizontal-tab",
+    "ncua-horizontal-tab--button-primary",
+    "ncua-horizontal-tab--button-white",
+    "ncua-horizontal-tab--fullWidth",
+    "ncua-horizontal-tab--lg",
+    "ncua-horizontal-tab--md",
+    "ncua-horizontal-tab--sm",
+    "ncua-horizontal-tab--underline",
+    "ncua-horizontal-tab--underline-fill",
+    "ncua-horizontal-tab__item",
+    "ncua-tab-button",
+    "ncua-tab-close",
+    "ncua-vertical-tab"
+  ],
+  "usage": {
+    "import": "import { HorizontalTab } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<HorizontalTab />",
+      "size:lg": "<HorizontalTab size=\"lg\" />",
+      "size:md": "<HorizontalTab size=\"md\" />",
+      "size:sm": "<HorizontalTab size=\"sm\" />",
+      "type:button-primary": "<HorizontalTab type=\"button-primary\" />",
+      "type:button-white": "<HorizontalTab type=\"button-white\" />",
+      "type:underline": "<HorizontalTab type=\"underline\" />",
+      "type:underline-fill": "<HorizontalTab type=\"underline-fill\" />"
+    }
+  }
+}

package/mcp/data/image-file-input.json

@@ -0,0 +1,97 @@
+{
+  "name": "image-file-input",
+  "description": "NCDS Image File Input 컴포넌트",
+  "aliases": [],
+  "props": {
+    "accept": {
+      "type": "string",
+      "required": false
+    },
+    "buttonLabel": {
+      "type": "string",
+      "required": false,
+      "default": "파일 찾기"
+    },
+    "hintItems": {
+      "type": "string",
+      "required": false
+    },
+    "hintText": {
+      "type": "string",
+      "required": false
+    },
+    "imagePreviewTooltipLabel": {
+      "type": "string",
+      "required": false,
+      "default": "이미지 업로드"
+    },
+    "isRequired": {
+      "type": "string",
+      "required": false
+    },
+    "maxFileCount": {
+      "type": "string",
+      "required": false
+    },
+    "maxFileSize": {
+      "type": "string",
+      "required": false
+    },
+    "onChange": {
+      "type": "string",
+      "required": false
+    },
+    "onFail": {
+      "type": "string",
+      "required": false
+    },
+    "onFileSelect": {
+      "type": "string",
+      "required": false
+    },
+    "showFileInput": {
+      "type": "string",
+      "required": false,
+      "default": true
+    },
+    "showFileTagList": {
+      "type": "string",
+      "required": false,
+      "default": true
+    },
+    "showHelpIcon": {
+      "type": "string",
+      "required": false
+    },
+    "showHintText": {
+      "type": "string",
+      "required": false,
+      "default": true
+    },
+    "value": {
+      "type": "string",
+      "required": false
+    }
+  },
+  "html": {
+    "default": "<div class=\"ncua-file-input\"></div>"
+  },
+  "bemClasses": [
+    "ncua-file-input",
+    "ncua-file-input__hint-item",
+    "ncua-file-input__hint-list",
+    "ncua-file-input__input-container",
+    "ncua-file-input__label",
+    "ncua-image-file-input",
+    "ncua-image-file-input__empty-slot-wrapper",
+    "ncua-image-file-input__preview-container",
+    "ncua-image-file-input__previews",
+    "ncua-input__help-icon"
+  ],
+  "usage": {
+    "import": "import { ImageFileInput } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<ImageFileInput />"
+    }
+  }
+}