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

package/mcp/data/input.json

@@ -0,0 +1,104 @@
+{
+  "name": "input",
+  "description": "NCDS Input 컴포넌트",
+  "aliases": [],
+  "props": {
+    "destructive": {
+      "type": "string",
+      "required": false
+    },
+    "disabled": {
+      "type": "string",
+      "required": false
+    },
+    "hintText": {
+      "type": "string",
+      "required": false
+    },
+    "label": {
+      "type": "string",
+      "required": false
+    },
+    "leadingElement": {
+      "type": "string",
+      "required": false
+    },
+    "maxLength": {
+      "type": "string",
+      "required": false
+    },
+    "required": {
+      "type": "string",
+      "required": false
+    },
+    "showHelpIcon": {
+      "type": "string",
+      "required": false
+    },
+    "showTextCount": {
+      "type": "string",
+      "required": false
+    },
+    "size": {
+      "type": "enum",
+      "required": false,
+      "values": ["sm", "xs"],
+      "default": "xs"
+    },
+    "trailingElement": {
+      "type": "string",
+      "required": false
+    },
+    "validation": {
+      "type": "string",
+      "required": false
+    }
+  },
+  "html": {
+    "default": "<div class=\"ncua-input ncua-input--xs\"><div class=\"ncua-input__content-wrap\"><div class=\"ncua-input__content\"><div class=\"ncua-input__field ncua-input__field--xs\"><input type=\"text\" placeholder=\"텍스트를 입력하세요\"/></div></div></div></div>",
+    "size:sm": "<div class=\"ncua-input ncua-input--sm\"><div class=\"ncua-input__content-wrap\"><div class=\"ncua-input__content\"><div class=\"ncua-input__field ncua-input__field--sm\"><input type=\"text\" placeholder=\"텍스트를 입력하세요\"/></div></div></div></div>",
+    "size:md": "<div class=\"ncua-input ncua-input--md\"><div class=\"ncua-input__content-wrap\"><div class=\"ncua-input__content\"><div class=\"ncua-input__field ncua-input__field--md\"><input type=\"text\" placeholder=\"텍스트를 입력하세요\"/></div></div></div></div>"
+  },
+  "bemClasses": [
+    "ncua-input",
+    "ncua-input--sm",
+    "ncua-input--textarea",
+    "ncua-input--xs",
+    "ncua-input__",
+    "ncua-input__button",
+    "ncua-input__clear",
+    "ncua-input__clear-icon",
+    "ncua-input__content",
+    "ncua-input__content-wrap",
+    "ncua-input__destructive-icon",
+    "ncua-input__field",
+    "ncua-input__field-text-count",
+    "ncua-input__field-text-count-current",
+    "ncua-input__help-icon",
+    "ncua-input__hint-text",
+    "ncua-input__icon-wrap",
+    "ncua-input__icon-wrap ncua-input__right-icon",
+    "ncua-input__label",
+    "ncua-input__leading-text",
+    "ncua-input__leading-text-wrap",
+    "ncua-input__number",
+    "ncua-input__password-icon",
+    "ncua-input__right-icon",
+    "ncua-input__stepper-button-group",
+    "ncua-input__text-count",
+    "ncua-input__text-count-text",
+    "ncua-input__text-count-text-count",
+    "ncua-input__text-count-wrap",
+    "ncua-input__textarea",
+    "ncua-input__trailing-button",
+    "ncua-input__validation-icon"
+  ],
+  "usage": {
+    "import": "import { Input } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<Input />",
+      "size:sm": "<Input size=\"sm\" />",
+      "size:xs": "<Input size=\"xs\" />"
+    }
+  }
+}

package/mcp/data/modal.json

@@ -0,0 +1,85 @@
+{
+  "name": "modal",
+  "description": "NCDS Modal 컴포넌트",
+  "aliases": [],
+  "props": {
+    "children": {
+      "type": "ReactNode",
+      "required": true
+    },
+    "className": {
+      "type": "string",
+      "required": false
+    },
+    "closeOnBackdropClick": {
+      "type": "string",
+      "required": false,
+      "default": false
+    },
+    "closeOnEsc": {
+      "type": "string",
+      "required": false,
+      "default": true
+    },
+    "isOpen": {
+      "type": "boolean",
+      "required": true
+    },
+    "onClose": {
+      "type": "string",
+      "required": true
+    },
+    "size": {
+      "type": "enum",
+      "required": false,
+      "values": ["2xl", "lg", "md", "sm", "xl"],
+      "default": "md"
+    },
+    "zIndex": {
+      "type": "string",
+      "required": false
+    }
+  },
+  "html": {
+    "default": "<div class=\"ncua-modal\"></div>",
+    "size:2xl": "<div class=\"ncua-modal ncua-modal--2xl\"></div>",
+    "size:lg": "<div class=\"ncua-modal ncua-modal--lg\"></div>",
+    "size:md": "<div class=\"ncua-modal ncua-modal--md\"></div>",
+    "size:sm": "<div class=\"ncua-modal ncua-modal--sm\"></div>",
+    "size:xl": "<div class=\"ncua-modal ncua-modal--xl\"></div>"
+  },
+  "bemClasses": [
+    "ncua-modal",
+    "ncua-modal--2xl",
+    "ncua-modal--lg",
+    "ncua-modal--md",
+    "ncua-modal--sm",
+    "ncua-modal--xl",
+    "ncua-modal-backdrop",
+    "ncua-modal__actions",
+    "ncua-modal__actions-checkbox",
+    "ncua-modal__actions-checkbox-content",
+    "ncua-modal__actions-divider",
+    "ncua-modal__actions-wrapper",
+    "ncua-modal__actions-wrapper--checkbox",
+    "ncua-modal__close-button",
+    "ncua-modal__content",
+    "ncua-modal__header",
+    "ncua-modal__header--close-button",
+    "ncua-modal__header-divider",
+    "ncua-modal__title",
+    "ncua-modal__title-subtitle",
+    "ncua-modal__title-text"
+  ],
+  "usage": {
+    "import": "import { Modal } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<Modal children=\"예시\" isOpen onClose=\"\" />",
+      "size:2xl": "<Modal size=\"2xl\" children=\"예시\" isOpen onClose=\"\" />",
+      "size:lg": "<Modal size=\"lg\" children=\"예시\" isOpen onClose=\"\" />",
+      "size:md": "<Modal size=\"md\" children=\"예시\" isOpen onClose=\"\" />",
+      "size:sm": "<Modal size=\"sm\" children=\"예시\" isOpen onClose=\"\" />",
+      "size:xl": "<Modal size=\"xl\" children=\"예시\" isOpen onClose=\"\" />"
+    }
+  }
+}

package/mcp/data/notification.json

@@ -0,0 +1,116 @@
+{
+  "name": "notification",
+  "description": "NCDS Notification 컴포넌트",
+  "aliases": [],
+  "props": {
+    "actions": {
+      "type": "string",
+      "required": false
+    },
+    "autoClose": {
+      "type": "string",
+      "required": false,
+      "default": 0
+    },
+    "className": {
+      "type": "string",
+      "required": false
+    },
+    "color": {
+      "type": "enum",
+      "required": false,
+      "values": ["error", "info", "neutral", "success", "warning"],
+      "default": "neutral"
+    },
+    "icon": {
+      "type": "string",
+      "required": false
+    },
+    "onClose": {
+      "type": "string",
+      "required": false
+    },
+    "onHidePermanently": {
+      "type": "string",
+      "required": false
+    },
+    "supportingText": {
+      "type": "string",
+      "required": false
+    },
+    "title": {
+      "type": "ReactNode",
+      "required": true
+    },
+    "type": {
+      "type": "enum",
+      "required": false,
+      "values": ["floating", "full-width", "message"],
+      "default": "floating"
+    }
+  },
+  "html": {
+    "default": "<div class=\"ncua-floating-notification ncua-floating-notification--neutral\" role=\"alert\" message=\"알림 메시지\"><div class=\"ncua-floating-notification__content\"><div class=\"ncua-floating-notification__container\"><div class=\"ncua-featured-icon ncua-featured-icon--dark-circle ncua-featured-icon--neutral ncua-featured-icon--sm\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"none\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8.377 15.616 2.72 21.273m8.974-14.631-1.56 1.56a2 2 0 0 1-.264.242 1 1 0 0 1-.207.111c-.082.032-.17.05-.347.085l-3.665.733c-.952.19-1.428.286-1.65.537a1 1 0 0 0-.243.8c.046.333.39.677 1.076 1.363l7.086 7.086c.686.687 1.03 1.03 1.362 1.076a1 1 0 0 0 .801-.242c.251-.223.346-.7.537-1.651l.733-3.665c.035-.176.053-.265.085-.347a1 1 0 0 1 .11-.207c.051-.072.115-.136.242-.263l1.561-1.561c.082-.082.122-.122.167-.158q.06-.047.126-.085c.05-.029.103-.051.208-.097l2.495-1.069c.727-.312 1.091-.467 1.256-.72a1 1 0 0 0 .144-.747c-.06-.295-.34-.575-.9-1.135l-5.142-5.143c-.56-.56-.84-.84-1.135-.9a1 1 0 0 0-.748.145c-.252.165-.407.529-.72 1.256l-1.068 2.495a2 2 0 0 1-.097.208 1 1 0 0 1-.085.126 2 2 0 0 1-.158.167\"></path></svg></div><div class=\"ncua-floating-notification__text-container\"><div class=\"ncua-floating-notification__title-wrapper\"><span class=\"ncua-floating-notification__title\"></span></div></div></div></div></div>"
+  },
+  "bemClasses": [
+    "ncua-floating-notification",
+    "ncua-floating-notification--error",
+    "ncua-floating-notification--floating",
+    "ncua-floating-notification--full-width",
+    "ncua-floating-notification--info",
+    "ncua-floating-notification--message",
+    "ncua-floating-notification--neutral",
+    "ncua-floating-notification--success",
+    "ncua-floating-notification--warning",
+    "ncua-floating-notification__actions",
+    "ncua-floating-notification__close-button",
+    "ncua-floating-notification__container",
+    "ncua-floating-notification__content",
+    "ncua-floating-notification__supporting-text",
+    "ncua-floating-notification__text-container",
+    "ncua-floating-notification__title",
+    "ncua-floating-notification__title-wrapper",
+    "ncua-full-width-notification",
+    "ncua-full-width-notification__actions",
+    "ncua-full-width-notification__actions-container",
+    "ncua-full-width-notification__close-button",
+    "ncua-full-width-notification__container",
+    "ncua-full-width-notification__content",
+    "ncua-full-width-notification__content-wrapper",
+    "ncua-full-width-notification__icon",
+    "ncua-full-width-notification__link",
+    "ncua-full-width-notification__supporting-text",
+    "ncua-full-width-notification__text-container",
+    "ncua-full-width-notification__title",
+    "ncua-message-notification",
+    "ncua-message-notification__actions",
+    "ncua-message-notification__actions-container",
+    "ncua-message-notification__close-button",
+    "ncua-message-notification__container",
+    "ncua-message-notification__content",
+    "ncua-message-notification__content-wrapper",
+    "ncua-message-notification__footer-container",
+    "ncua-message-notification__hide-link",
+    "ncua-message-notification__icon",
+    "ncua-message-notification__supporting-text",
+    "ncua-message-notification__text-container",
+    "ncua-message-notification__title",
+    "ncua-notification__action-button",
+    "ncua-notification__action-button--link",
+    "ncua-notification__action-button--text"
+  ],
+  "usage": {
+    "import": "import { Notification } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<Notification title=\"예시\" />",
+      "color:error": "<Notification color=\"error\" title=\"예시\" />",
+      "color:info": "<Notification color=\"info\" title=\"예시\" />",
+      "color:neutral": "<Notification color=\"neutral\" title=\"예시\" />",
+      "color:success": "<Notification color=\"success\" title=\"예시\" />",
+      "color:warning": "<Notification color=\"warning\" title=\"예시\" />",
+      "type:floating": "<Notification type=\"floating\" title=\"예시\" />",
+      "type:full-width": "<Notification type=\"full-width\" title=\"예시\" />",
+      "type:message": "<Notification type=\"message\" title=\"예시\" />"
+    }
+  }
+}

package/mcp/data/number-input.json

@@ -0,0 +1,128 @@
+{
+  "name": "number-input",
+  "description": "NCDS Number Input 컴포넌트",
+  "aliases": [],
+  "props": {
+    "destructive": {
+      "type": "string",
+      "required": false
+    },
+    "disabled": {
+      "type": "string",
+      "required": false
+    },
+    "hintText": {
+      "type": "string",
+      "required": false
+    },
+    "label": {
+      "type": "string",
+      "required": false
+    },
+    "leadingElement": {
+      "type": "string",
+      "required": false
+    },
+    "maxLength": {
+      "type": "string",
+      "required": false
+    },
+    "maxValue": {
+      "type": "string",
+      "required": false
+    },
+    "minValue": {
+      "type": "string",
+      "required": false
+    },
+    "required": {
+      "type": "string",
+      "required": false
+    },
+    "showHelpIcon": {
+      "type": "string",
+      "required": false
+    },
+    "showTextCount": {
+      "type": "string",
+      "required": false
+    },
+    "size": {
+      "type": "enum",
+      "required": false,
+      "values": ["sm", "xs"],
+      "default": "xs"
+    },
+    "step": {
+      "type": "string",
+      "required": false,
+      "default": 1
+    },
+    "stepperPosition": {
+      "type": "enum",
+      "required": true,
+      "values": ["leading", "trailing"]
+    },
+    "trailingElement": {
+      "type": "string",
+      "required": false
+    },
+    "validation": {
+      "type": "string",
+      "required": false
+    }
+  },
+  "html": {
+    "default": "<div class=\"ncua-input\"></div>",
+    "size:sm": "<div class=\"ncua-input ncua-input--sm\"></div>",
+    "size:xs": "<div class=\"ncua-input ncua-input--xs\"></div>",
+    "stepperPosition:leading": "<div class=\"ncua-input ncua-input--leading\"></div>",
+    "stepperPosition:trailing": "<div class=\"ncua-input ncua-input--trailing\"></div>"
+  },
+  "bemClasses": [
+    "ncua-input",
+    "ncua-input--leading",
+    "ncua-input--sm",
+    "ncua-input--textarea",
+    "ncua-input--trailing",
+    "ncua-input--xs",
+    "ncua-input__",
+    "ncua-input__button",
+    "ncua-input__clear",
+    "ncua-input__clear-icon",
+    "ncua-input__content",
+    "ncua-input__content-wrap",
+    "ncua-input__destructive-icon",
+    "ncua-input__field",
+    "ncua-input__field-text-count",
+    "ncua-input__field-text-count-current",
+    "ncua-input__help-icon",
+    "ncua-input__hint-text",
+    "ncua-input__icon-wrap",
+    "ncua-input__icon-wrap ncua-input__right-icon",
+    "ncua-input__label",
+    "ncua-input__leading-text",
+    "ncua-input__leading-text-wrap",
+    "ncua-input__number",
+    "ncua-input__password-icon",
+    "ncua-input__right-icon",
+    "ncua-input__stepper-button-group",
+    "ncua-input__text-count",
+    "ncua-input__text-count-text",
+    "ncua-input__text-count-text-count",
+    "ncua-input__text-count-wrap",
+    "ncua-input__textarea",
+    "ncua-input__trailing-button",
+    "ncua-input__validation-icon"
+  ],
+  "usage": {
+    "import": "import { NumberInput } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<NumberInput stepperPosition=\"leading\" />",
+      "size:sm": "<NumberInput size=\"sm\" stepperPosition=\"leading\" />",
+      "size:xs": "<NumberInput size=\"xs\" stepperPosition=\"leading\" />",
+      "stepperPosition:leading": "<NumberInput stepperPosition=\"leading\" />",
+      "stepperPosition:trailing": "<NumberInput stepperPosition=\"trailing\" />"
+    }
+  }
+}

package/mcp/data/pagination.json

@@ -0,0 +1,65 @@
+{
+  "name": "pagination",
+  "description": "NCDS Pagination 컴포넌트",
+  "aliases": [],
+  "props": {
+    "breakPoint": {
+      "type": "enum",
+      "required": false,
+      "values": ["mo", "pc"],
+      "default": "pc"
+    },
+    "className": {
+      "type": "string",
+      "required": false,
+      "default": ""
+    },
+    "currentPage": {
+      "type": "number",
+      "required": true
+    },
+    "itemCountPerPage": {
+      "type": "string",
+      "required": false,
+      "default": 10
+    },
+    "onPageChange": {
+      "type": "string",
+      "required": false
+    },
+    "pageCount": {
+      "type": "string",
+      "required": false,
+      "default": 10
+    },
+    "totalCount": {
+      "type": "number",
+      "required": true
+    }
+  },
+  "html": {
+    "default": "<div class=\"ncua-pagination ncua-pagination--pc\"><ul class=\"ncua-pagination__list\"><li class=\"ncua-pagination__item\"><button class=\"ncua-pagination__page-num is-current\">1</button></li><li class=\"ncua-pagination__item\"><button class=\"ncua-pagination__page-num\">2</button></li><li class=\"ncua-pagination__item\"><button class=\"ncua-pagination__page-num\">3</button></li><li class=\"ncua-pagination__item\"><button class=\"ncua-pagination__page-num\">4</button></li><li class=\"ncua-pagination__item\"><button class=\"ncua-pagination__page-num\">5</button></li><li class=\"ncua-pagination__item\"><button class=\"ncua-pagination__page-num\">6</button></li><li class=\"ncua-pagination__item\"><button class=\"ncua-pagination__page-num\">7</button></li><li class=\"ncua-pagination__item\"><button class=\"ncua-pagination__page-num\">8</button></li><li class=\"ncua-pagination__item\"><button class=\"ncua-pagination__page-num\">9</button></li><li class=\"ncua-pagination__item\"><button class=\"ncua-pagination__page-num\">10</button></li></ul><p class=\"ncua-pagination__page-info\"><em class=\"ncua-pagination__current-num\">1</em> / 10</p></div>"
+  },
+  "bemClasses": [
+    "ncua-pagination",
+    "ncua-pagination--mo",
+    "ncua-pagination--pc",
+    "ncua-pagination__before",
+    "ncua-pagination__current-num",
+    "ncua-pagination__first",
+    "ncua-pagination__item",
+    "ncua-pagination__last",
+    "ncua-pagination__list",
+    "ncua-pagination__next",
+    "ncua-pagination__page-info",
+    "ncua-pagination__page-num"
+  ],
+  "usage": {
+    "import": "import { Pagination } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<Pagination currentPage={0} totalCount={0} />",
+      "breakPoint:mo": "<Pagination breakPoint=\"mo\" currentPage={0} totalCount={0} />",
+      "breakPoint:pc": "<Pagination breakPoint=\"pc\" currentPage={0} totalCount={0} />"
+    }
+  }
+}

package/mcp/data/password-input.json

@@ -0,0 +1,47 @@
+{
+  "name": "password-input",
+  "description": "NCDS Password Input 컴포넌트",
+  "aliases": [],
+  "props": {},
+  "html": {
+    "default": "<div class=\"ncua-input\"></div>"
+  },
+  "bemClasses": [
+    "ncua-input",
+    "ncua-input--textarea",
+    "ncua-input__",
+    "ncua-input__button",
+    "ncua-input__clear",
+    "ncua-input__clear-icon",
+    "ncua-input__content",
+    "ncua-input__content-wrap",
+    "ncua-input__destructive-icon",
+    "ncua-input__field",
+    "ncua-input__field-text-count",
+    "ncua-input__field-text-count-current",
+    "ncua-input__help-icon",
+    "ncua-input__hint-text",
+    "ncua-input__icon-wrap",
+    "ncua-input__icon-wrap ncua-input__right-icon",
+    "ncua-input__label",
+    "ncua-input__leading-text",
+    "ncua-input__leading-text-wrap",
+    "ncua-input__number",
+    "ncua-input__password-icon",
+    "ncua-input__right-icon",
+    "ncua-input__stepper-button-group",
+    "ncua-input__text-count",
+    "ncua-input__text-count-text",
+    "ncua-input__text-count-text-count",
+    "ncua-input__text-count-wrap",
+    "ncua-input__textarea",
+    "ncua-input__trailing-button",
+    "ncua-input__validation-icon"
+  ],
+  "usage": {
+    "import": "import { PasswordInput } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<PasswordInput />"
+    }
+  }
+}

package/mcp/data/progress-bar.json

@@ -0,0 +1,51 @@
+{
+  "name": "progress-bar",
+  "description": "NCDS Progress Bar 컴포넌트",
+  "aliases": [],
+  "props": {
+    "label": {
+      "type": "enum",
+      "required": false,
+      "values": ["bottom", "bottom-float", "right", "top-float"]
+    },
+    "segments": {
+      "type": "string",
+      "required": false
+    },
+    "showZeroLabel": {
+      "type": "string",
+      "required": false,
+      "default": false
+    },
+    "value": {
+      "type": "string",
+      "required": false
+    },
+    "valueToPercent": {
+      "type": "string",
+      "required": false,
+      "default": true
+    }
+  },
+  "html": {
+    "default": "<div class=\"ncua-progress-bar ncua-progress-bar-\"><div class=\"ncua-progress-bar__content\"><div class=\"ncua-progress-bar__bar \"><div class=\"ncua-progress-bar__fill\" style=\"width:50%\" aria-valuenow=\"50\" aria-valuemin=\"0\" aria-valuemax=\"100\"></div></div></div></div>"
+  },
+  "bemClasses": [
+    "ncua-progress-bar",
+    "ncua-progress-bar-",
+    "ncua-progress-bar__bar",
+    "ncua-progress-bar__bar--segments",
+    "ncua-progress-bar__content",
+    "ncua-progress-bar__fill"
+  ],
+  "usage": {
+    "import": "import { ProgressBar } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<ProgressBar />",
+      "label:bottom": "<ProgressBar label=\"bottom\" />",
+      "label:bottom-float": "<ProgressBar label=\"bottom-float\" />",
+      "label:right": "<ProgressBar label=\"right\" />",
+      "label:top-float": "<ProgressBar label=\"top-float\" />"
+    }
+  }
+}

package/mcp/data/progress-circle.json

@@ -0,0 +1,54 @@
+{
+  "name": "progress-circle",
+  "description": "NCDS Progress Circle 컴포넌트",
+  "aliases": [],
+  "props": {
+    "label": {
+      "type": "string",
+      "required": false
+    },
+    "size": {
+      "type": "enum",
+      "required": true,
+      "values": ["lg", "md", "sm", "xs", "xxs"]
+    },
+    "theme": {
+      "type": "enum",
+      "required": false,
+      "values": ["circle", "half-circle"],
+      "default": "circle"
+    },
+    "value": {
+      "type": "number",
+      "required": true
+    }
+  },
+  "html": {
+    "default": "<div class=\"ncua-progress-circle ncua-progress-circle-undefined ncua-progress-circle-circle\"><div class=\"ncua-progress-circle__content\"><svg class=\"ncua-progress-circle__svg\" viewBox=\"0 0 100 100\"><circle class=\"ncua-progress-circle__background\" cx=\"50\" cy=\"50\" r=\"45\" stroke-width=\"10\" fill=\"none\"></circle><circle class=\"ncua-progress-circle__progress\" cx=\"50\" cy=\"50\" r=\"45\" stroke-width=\"10\" fill=\"none\" stroke-dasharray=\"var(--circle-circumference)\" stroke-dashoffset=\"calc(var(--circle-circumference) * (1 - 50 / 100))\" transform=\"rotate(-90 50 50)\" stroke-linecap=\"round\"></circle></svg><div class=\"ncua-progress-circle__label-container\"><div class=\"ncua-progress-circle__label\">50%</div></div></div></div>"
+  },
+  "bemClasses": [
+    "ncua-progress-circle",
+    "ncua-progress-circle-",
+    "ncua-progress-circle__background",
+    "ncua-progress-circle__content",
+    "ncua-progress-circle__label",
+    "ncua-progress-circle__label-container",
+    "ncua-progress-circle__label-text",
+    "ncua-progress-circle__outside-label",
+    "ncua-progress-circle__progress",
+    "ncua-progress-circle__svg"
+  ],
+  "usage": {
+    "import": "import { ProgressCircle } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<ProgressCircle size=\"lg\" value={0} />",
+      "size:lg": "<ProgressCircle size=\"lg\" value={0} />",
+      "size:md": "<ProgressCircle size=\"md\" value={0} />",
+      "size:sm": "<ProgressCircle size=\"sm\" value={0} />",
+      "size:xs": "<ProgressCircle size=\"xs\" value={0} />",
+      "size:xxs": "<ProgressCircle size=\"xxs\" value={0} />",
+      "theme:circle": "<ProgressCircle theme=\"circle\" size=\"lg\" value={0} />",
+      "theme:half-circle": "<ProgressCircle theme=\"half-circle\" size=\"lg\" value={0} />"
+    }
+  }
+}