@yamada-ui/status 1.0.1-dev-20241127015414

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Hirotomo Yamada
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,22 @@
+# @yamada-ui/status
+
+## Installation
+
+```sh
+pnpm add @yamada-ui/status
+# or
+yarn add @yamada-ui/status
+# or
+npm install @yamada-ui/status
+# or
+bun add @yamada-ui/status
+```
+
+## Contribution
+
+Wouldn't you like to contribute? That's amazing! We have prepared a [contribution guide](https://github.com/yamada-ui/yamada-ui/blob/main/CONTRIBUTING.md) to assist you.
+
+## License
+
+This package is licensed under the terms of the
+[MIT license](https://github.com/yamada-ui/yamada-ui/blob/main/LICENSE).

package/dist/chunk-FBZ7ECK2.mjs

@@ -0,0 +1,71 @@
+"use client"
+
+// src/status.tsx
+import {
+  forwardRef,
+  omitThemeProps,
+  ui,
+  useComponentMultiStyle,
+  useTheme
+} from "@yamada-ui/core";
+import { cx } from "@yamada-ui/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+var defaultStatuses = {
+  error: { colorScheme: "danger" },
+  info: { colorScheme: "info" },
+  success: { colorScheme: "success" },
+  warning: { colorScheme: "warning" }
+};
+var getStatusColorScheme = (status, statuses) => {
+  var _a, _b;
+  return (_b = (_a = statuses == null ? void 0 : statuses[status]) == null ? void 0 : _a.colorScheme) != null ? _b : defaultStatuses[status].colorScheme;
+};
+var Status = forwardRef(
+  ({ colorScheme, value = "info", indicatorProps, labelProps, ...props }, ref) => {
+    var _a, _b, _c;
+    const { theme } = useTheme();
+    const statuses = (_c = (_b = (_a = theme.__config) == null ? void 0 : _a.status) == null ? void 0 : _b.statuses) != null ? _c : {};
+    colorScheme != null ? colorScheme : colorScheme = getStatusColorScheme(value, statuses);
+    const [styles, mergedProps] = useComponentMultiStyle("Status", {
+      ...props,
+      colorScheme
+    });
+    const { className, children, ...rest } = omitThemeProps(mergedProps);
+    return /* @__PURE__ */ jsxs(
+      ui.div,
+      {
+        className: cx("ui-status", className),
+        __css: { ...styles.container },
+        ...rest,
+        children: [
+          /* @__PURE__ */ jsx(
+            ui.div,
+            {
+              ref,
+              className: "ui-status__indicator",
+              __css: { ...styles.indicator },
+              ...indicatorProps
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ui.p,
+            {
+              className: "ui-status__label",
+              __css: { ...styles.label },
+              ...labelProps,
+              children
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Status.displayName = "Status";
+Status.__ui__ = "Status";
+
+export {
+  getStatusColorScheme,
+  Status
+};
+//# sourceMappingURL=chunk-FBZ7ECK2.mjs.map

package/dist/chunk-FBZ7ECK2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/status.tsx"],"sourcesContent":["import type {\n  HTMLUIProps,\n  Statuses,\n  StatusValue,\n  ThemeProps,\n} from \"@yamada-ui/core\"\nimport {\n  forwardRef,\n  omitThemeProps,\n  ui,\n  useComponentMultiStyle,\n  useTheme,\n} from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\n\nconst defaultStatuses = {\n  error: { colorScheme: \"danger\" },\n  info: { colorScheme: \"info\" },\n  success: { colorScheme: \"success\" },\n  warning: { colorScheme: \"warning\" },\n} as const satisfies Statuses\n\nexport const getStatusColorScheme = (\n  status: StatusValue,\n  statuses?: Statuses,\n): string =>\n  statuses?.[status]?.colorScheme ?? defaultStatuses[status].colorScheme\n\ninterface StatusOptions {\n  /**\n   * The type of the status\n   *\n   * @default 'info'\n   * */\n  value?: StatusValue\n  /**\n   * The props for the status indicator component\n   */\n  indicatorProps?: HTMLUIProps\n  /**\n   * The props for the status label component\n   */\n  labelProps?: HTMLUIProps\n}\n\nexport interface StatusProps\n  extends HTMLUIProps,\n    ThemeProps<\"Status\">,\n    StatusOptions {}\n\n/**\n * `Status` is component that indicate the status of a process or state.\n *\n * @see Docs https://yamada-ui.com/components/data-display/status\n */\nexport const Status = forwardRef<StatusProps, \"div\">(\n  (\n    { colorScheme, value = \"info\", indicatorProps, labelProps, ...props },\n    ref,\n  ) => {\n    const { theme } = useTheme()\n    const statuses = theme.__config?.status?.statuses ?? {}\n\n    colorScheme ??= getStatusColorScheme(value, statuses)\n\n    const [styles, mergedProps] = useComponentMultiStyle(\"Status\", {\n      ...props,\n      colorScheme,\n    })\n    const { className, children, ...rest } = omitThemeProps(mergedProps)\n\n    return (\n      <ui.div\n        className={cx(\"ui-status\", className)}\n        __css={{ ...styles.container }}\n        {...rest}\n      >\n        <ui.div\n          ref={ref}\n          className=\"ui-status__indicator\"\n          __css={{ ...styles.indicator }}\n          {...indicatorProps}\n        />\n\n        <ui.p\n          className=\"ui-status__label\"\n          __css={{ ...styles.label }}\n          {...labelProps}\n        >\n          {children}\n        </ui.p>\n      </ui.div>\n    )\n  },\n)\n\nStatus.displayName = \"Status\"\nStatus.__ui__ = \"Status\"\n"],"mappings":";;;AAMA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,UAAU;AA2Db,SAKE,KALF;AAzDN,IAAM,kBAAkB;AAAA,EACtB,OAAO,EAAE,aAAa,SAAS;AAAA,EAC/B,MAAM,EAAE,aAAa,OAAO;AAAA,EAC5B,SAAS,EAAE,aAAa,UAAU;AAAA,EAClC,SAAS,EAAE,aAAa,UAAU;AACpC;AAEO,IAAM,uBAAuB,CAClC,QACA,aACQ;AAzBV;AA0BE,0DAAW,YAAX,mBAAoB,gBAApB,YAAmC,gBAAgB,MAAM,EAAE;AAAA;AA6BtD,IAAM,SAAS;AAAA,EACpB,CACE,EAAE,aAAa,QAAQ,QAAQ,gBAAgB,YAAY,GAAG,MAAM,GACpE,QACG;AA3DP;AA4DI,UAAM,EAAE,MAAM,IAAI,SAAS;AAC3B,UAAM,YAAW,uBAAM,aAAN,mBAAgB,WAAhB,mBAAwB,aAAxB,YAAoC,CAAC;AAEtD,sDAAgB,qBAAqB,OAAO,QAAQ;AAEpD,UAAM,CAAC,QAAQ,WAAW,IAAI,uBAAuB,UAAU;AAAA,MAC7D,GAAG;AAAA,MACH;AAAA,IACF,CAAC;AACD,UAAM,EAAE,WAAW,UAAU,GAAG,KAAK,IAAI,eAAe,WAAW;AAEnE,WACE;AAAA,MAAC,GAAG;AAAA,MAAH;AAAA,QACC,WAAW,GAAG,aAAa,SAAS;AAAA,QACpC,OAAO,EAAE,GAAG,OAAO,UAAU;AAAA,QAC5B,GAAG;AAAA,QAEJ;AAAA;AAAA,YAAC,GAAG;AAAA,YAAH;AAAA,cACC;AAAA,cACA,WAAU;AAAA,cACV,OAAO,EAAE,GAAG,OAAO,UAAU;AAAA,cAC5B,GAAG;AAAA;AAAA,UACN;AAAA,UAEA;AAAA,YAAC,GAAG;AAAA,YAAH;AAAA,cACC,WAAU;AAAA,cACV,OAAO,EAAE,GAAG,OAAO,MAAM;AAAA,cACxB,GAAG;AAAA,cAEH;AAAA;AAAA,UACH;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,OAAO,cAAc;AACrB,OAAO,SAAS;","names":[]}

package/dist/index.d.mts

@@ -0,0 +1,2 @@
+export { Status, StatusProps } from './status.mjs';
+import '@yamada-ui/core';

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { Status, StatusProps } from './status.js';
+import '@yamada-ui/core';

package/dist/index.js

@@ -0,0 +1,89 @@
+"use client"
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  Status: () => Status
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/status.tsx
+var import_core = require("@yamada-ui/core");
+var import_utils = require("@yamada-ui/utils");
+var import_jsx_runtime = require("react/jsx-runtime");
+var defaultStatuses = {
+  error: { colorScheme: "danger" },
+  info: { colorScheme: "info" },
+  success: { colorScheme: "success" },
+  warning: { colorScheme: "warning" }
+};
+var getStatusColorScheme = (status, statuses) => {
+  var _a, _b;
+  return (_b = (_a = statuses == null ? void 0 : statuses[status]) == null ? void 0 : _a.colorScheme) != null ? _b : defaultStatuses[status].colorScheme;
+};
+var Status = (0, import_core.forwardRef)(
+  ({ colorScheme, value = "info", indicatorProps, labelProps, ...props }, ref) => {
+    var _a, _b, _c;
+    const { theme } = (0, import_core.useTheme)();
+    const statuses = (_c = (_b = (_a = theme.__config) == null ? void 0 : _a.status) == null ? void 0 : _b.statuses) != null ? _c : {};
+    colorScheme != null ? colorScheme : colorScheme = getStatusColorScheme(value, statuses);
+    const [styles, mergedProps] = (0, import_core.useComponentMultiStyle)("Status", {
+      ...props,
+      colorScheme
+    });
+    const { className, children, ...rest } = (0, import_core.omitThemeProps)(mergedProps);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_core.ui.div,
+      {
+        className: (0, import_utils.cx)("ui-status", className),
+        __css: { ...styles.container },
+        ...rest,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_core.ui.div,
+            {
+              ref,
+              className: "ui-status__indicator",
+              __css: { ...styles.indicator },
+              ...indicatorProps
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_core.ui.p,
+            {
+              className: "ui-status__label",
+              __css: { ...styles.label },
+              ...labelProps,
+              children
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Status.displayName = "Status";
+Status.__ui__ = "Status";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Status
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/status.tsx"],"sourcesContent":["export { Status } from \"./status\"\nexport type { StatusProps } from \"./status\"\n","import type {\n  HTMLUIProps,\n  Statuses,\n  StatusValue,\n  ThemeProps,\n} from \"@yamada-ui/core\"\nimport {\n  forwardRef,\n  omitThemeProps,\n  ui,\n  useComponentMultiStyle,\n  useTheme,\n} from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\n\nconst defaultStatuses = {\n  error: { colorScheme: \"danger\" },\n  info: { colorScheme: \"info\" },\n  success: { colorScheme: \"success\" },\n  warning: { colorScheme: \"warning\" },\n} as const satisfies Statuses\n\nexport const getStatusColorScheme = (\n  status: StatusValue,\n  statuses?: Statuses,\n): string =>\n  statuses?.[status]?.colorScheme ?? defaultStatuses[status].colorScheme\n\ninterface StatusOptions {\n  /**\n   * The type of the status\n   *\n   * @default 'info'\n   * */\n  value?: StatusValue\n  /**\n   * The props for the status indicator component\n   */\n  indicatorProps?: HTMLUIProps\n  /**\n   * The props for the status label component\n   */\n  labelProps?: HTMLUIProps\n}\n\nexport interface StatusProps\n  extends HTMLUIProps,\n    ThemeProps<\"Status\">,\n    StatusOptions {}\n\n/**\n * `Status` is component that indicate the status of a process or state.\n *\n * @see Docs https://yamada-ui.com/components/data-display/status\n */\nexport const Status = forwardRef<StatusProps, \"div\">(\n  (\n    { colorScheme, value = \"info\", indicatorProps, labelProps, ...props },\n    ref,\n  ) => {\n    const { theme } = useTheme()\n    const statuses = theme.__config?.status?.statuses ?? {}\n\n    colorScheme ??= getStatusColorScheme(value, statuses)\n\n    const [styles, mergedProps] = useComponentMultiStyle(\"Status\", {\n      ...props,\n      colorScheme,\n    })\n    const { className, children, ...rest } = omitThemeProps(mergedProps)\n\n    return (\n      <ui.div\n        className={cx(\"ui-status\", className)}\n        __css={{ ...styles.container }}\n        {...rest}\n      >\n        <ui.div\n          ref={ref}\n          className=\"ui-status__indicator\"\n          __css={{ ...styles.indicator }}\n          {...indicatorProps}\n        />\n\n        <ui.p\n          className=\"ui-status__label\"\n          __css={{ ...styles.label }}\n          {...labelProps}\n        >\n          {children}\n        </ui.p>\n      </ui.div>\n    )\n  },\n)\n\nStatus.displayName = \"Status\"\nStatus.__ui__ = \"Status\"\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACMA,kBAMO;AACP,mBAAmB;AA2Db;AAzDN,IAAM,kBAAkB;AAAA,EACtB,OAAO,EAAE,aAAa,SAAS;AAAA,EAC/B,MAAM,EAAE,aAAa,OAAO;AAAA,EAC5B,SAAS,EAAE,aAAa,UAAU;AAAA,EAClC,SAAS,EAAE,aAAa,UAAU;AACpC;AAEO,IAAM,uBAAuB,CAClC,QACA,aACQ;AAzBV;AA0BE,0DAAW,YAAX,mBAAoB,gBAApB,YAAmC,gBAAgB,MAAM,EAAE;AAAA;AA6BtD,IAAM,aAAS;AAAA,EACpB,CACE,EAAE,aAAa,QAAQ,QAAQ,gBAAgB,YAAY,GAAG,MAAM,GACpE,QACG;AA3DP;AA4DI,UAAM,EAAE,MAAM,QAAI,sBAAS;AAC3B,UAAM,YAAW,uBAAM,aAAN,mBAAgB,WAAhB,mBAAwB,aAAxB,YAAoC,CAAC;AAEtD,sDAAgB,qBAAqB,OAAO,QAAQ;AAEpD,UAAM,CAAC,QAAQ,WAAW,QAAI,oCAAuB,UAAU;AAAA,MAC7D,GAAG;AAAA,MACH;AAAA,IACF,CAAC;AACD,UAAM,EAAE,WAAW,UAAU,GAAG,KAAK,QAAI,4BAAe,WAAW;AAEnE,WACE;AAAA,MAAC,eAAG;AAAA,MAAH;AAAA,QACC,eAAW,iBAAG,aAAa,SAAS;AAAA,QACpC,OAAO,EAAE,GAAG,OAAO,UAAU;AAAA,QAC5B,GAAG;AAAA,QAEJ;AAAA;AAAA,YAAC,eAAG;AAAA,YAAH;AAAA,cACC;AAAA,cACA,WAAU;AAAA,cACV,OAAO,EAAE,GAAG,OAAO,UAAU;AAAA,cAC5B,GAAG;AAAA;AAAA,UACN;AAAA,UAEA;AAAA,YAAC,eAAG;AAAA,YAAH;AAAA,cACC,WAAU;AAAA,cACV,OAAO,EAAE,GAAG,OAAO,MAAM;AAAA,cACxB,GAAG;AAAA,cAEH;AAAA;AAAA,UACH;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,OAAO,cAAc;AACrB,OAAO,SAAS;","names":[]}

package/dist/index.mjs

@@ -0,0 +1,8 @@
+"use client"
+import {
+  Status
+} from "./chunk-FBZ7ECK2.mjs";
+export {
+  Status
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/status.d.mts

@@ -0,0 +1,30 @@
+import * as _yamada_ui_core from '@yamada-ui/core';
+import { StatusValue, Statuses, HTMLUIProps, ThemeProps } from '@yamada-ui/core';
+
+declare const getStatusColorScheme: (status: StatusValue, statuses?: Statuses) => string;
+interface StatusOptions {
+    /**
+     * The type of the status
+     *
+     * @default 'info'
+     * */
+    value?: StatusValue;
+    /**
+     * The props for the status indicator component
+     */
+    indicatorProps?: HTMLUIProps;
+    /**
+     * The props for the status label component
+     */
+    labelProps?: HTMLUIProps;
+}
+interface StatusProps extends HTMLUIProps, ThemeProps<"Status">, StatusOptions {
+}
+/**
+ * `Status` is component that indicate the status of a process or state.
+ *
+ * @see Docs https://yamada-ui.com/components/data-display/status
+ */
+declare const Status: _yamada_ui_core.Component<"div", StatusProps>;
+
+export { Status, type StatusProps, getStatusColorScheme };

package/dist/status.d.ts

@@ -0,0 +1,30 @@
+import * as _yamada_ui_core from '@yamada-ui/core';
+import { StatusValue, Statuses, HTMLUIProps, ThemeProps } from '@yamada-ui/core';
+
+declare const getStatusColorScheme: (status: StatusValue, statuses?: Statuses) => string;
+interface StatusOptions {
+    /**
+     * The type of the status
+     *
+     * @default 'info'
+     * */
+    value?: StatusValue;
+    /**
+     * The props for the status indicator component
+     */
+    indicatorProps?: HTMLUIProps;
+    /**
+     * The props for the status label component
+     */
+    labelProps?: HTMLUIProps;
+}
+interface StatusProps extends HTMLUIProps, ThemeProps<"Status">, StatusOptions {
+}
+/**
+ * `Status` is component that indicate the status of a process or state.
+ *
+ * @see Docs https://yamada-ui.com/components/data-display/status
+ */
+declare const Status: _yamada_ui_core.Component<"div", StatusProps>;
+
+export { Status, type StatusProps, getStatusColorScheme };

package/dist/status.js

@@ -0,0 +1,89 @@
+"use client"
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/status.tsx
+var status_exports = {};
+__export(status_exports, {
+  Status: () => Status,
+  getStatusColorScheme: () => getStatusColorScheme
+});
+module.exports = __toCommonJS(status_exports);
+var import_core = require("@yamada-ui/core");
+var import_utils = require("@yamada-ui/utils");
+var import_jsx_runtime = require("react/jsx-runtime");
+var defaultStatuses = {
+  error: { colorScheme: "danger" },
+  info: { colorScheme: "info" },
+  success: { colorScheme: "success" },
+  warning: { colorScheme: "warning" }
+};
+var getStatusColorScheme = (status, statuses) => {
+  var _a, _b;
+  return (_b = (_a = statuses == null ? void 0 : statuses[status]) == null ? void 0 : _a.colorScheme) != null ? _b : defaultStatuses[status].colorScheme;
+};
+var Status = (0, import_core.forwardRef)(
+  ({ colorScheme, value = "info", indicatorProps, labelProps, ...props }, ref) => {
+    var _a, _b, _c;
+    const { theme } = (0, import_core.useTheme)();
+    const statuses = (_c = (_b = (_a = theme.__config) == null ? void 0 : _a.status) == null ? void 0 : _b.statuses) != null ? _c : {};
+    colorScheme != null ? colorScheme : colorScheme = getStatusColorScheme(value, statuses);
+    const [styles, mergedProps] = (0, import_core.useComponentMultiStyle)("Status", {
+      ...props,
+      colorScheme
+    });
+    const { className, children, ...rest } = (0, import_core.omitThemeProps)(mergedProps);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_core.ui.div,
+      {
+        className: (0, import_utils.cx)("ui-status", className),
+        __css: { ...styles.container },
+        ...rest,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_core.ui.div,
+            {
+              ref,
+              className: "ui-status__indicator",
+              __css: { ...styles.indicator },
+              ...indicatorProps
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_core.ui.p,
+            {
+              className: "ui-status__label",
+              __css: { ...styles.label },
+              ...labelProps,
+              children
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Status.displayName = "Status";
+Status.__ui__ = "Status";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Status,
+  getStatusColorScheme
+});
+//# sourceMappingURL=status.js.map

package/dist/status.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/status.tsx"],"sourcesContent":["import type {\n  HTMLUIProps,\n  Statuses,\n  StatusValue,\n  ThemeProps,\n} from \"@yamada-ui/core\"\nimport {\n  forwardRef,\n  omitThemeProps,\n  ui,\n  useComponentMultiStyle,\n  useTheme,\n} from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\n\nconst defaultStatuses = {\n  error: { colorScheme: \"danger\" },\n  info: { colorScheme: \"info\" },\n  success: { colorScheme: \"success\" },\n  warning: { colorScheme: \"warning\" },\n} as const satisfies Statuses\n\nexport const getStatusColorScheme = (\n  status: StatusValue,\n  statuses?: Statuses,\n): string =>\n  statuses?.[status]?.colorScheme ?? defaultStatuses[status].colorScheme\n\ninterface StatusOptions {\n  /**\n   * The type of the status\n   *\n   * @default 'info'\n   * */\n  value?: StatusValue\n  /**\n   * The props for the status indicator component\n   */\n  indicatorProps?: HTMLUIProps\n  /**\n   * The props for the status label component\n   */\n  labelProps?: HTMLUIProps\n}\n\nexport interface StatusProps\n  extends HTMLUIProps,\n    ThemeProps<\"Status\">,\n    StatusOptions {}\n\n/**\n * `Status` is component that indicate the status of a process or state.\n *\n * @see Docs https://yamada-ui.com/components/data-display/status\n */\nexport const Status = forwardRef<StatusProps, \"div\">(\n  (\n    { colorScheme, value = \"info\", indicatorProps, labelProps, ...props },\n    ref,\n  ) => {\n    const { theme } = useTheme()\n    const statuses = theme.__config?.status?.statuses ?? {}\n\n    colorScheme ??= getStatusColorScheme(value, statuses)\n\n    const [styles, mergedProps] = useComponentMultiStyle(\"Status\", {\n      ...props,\n      colorScheme,\n    })\n    const { className, children, ...rest } = omitThemeProps(mergedProps)\n\n    return (\n      <ui.div\n        className={cx(\"ui-status\", className)}\n        __css={{ ...styles.container }}\n        {...rest}\n      >\n        <ui.div\n          ref={ref}\n          className=\"ui-status__indicator\"\n          __css={{ ...styles.indicator }}\n          {...indicatorProps}\n        />\n\n        <ui.p\n          className=\"ui-status__label\"\n          __css={{ ...styles.label }}\n          {...labelProps}\n        >\n          {children}\n        </ui.p>\n      </ui.div>\n    )\n  },\n)\n\nStatus.displayName = \"Status\"\nStatus.__ui__ = \"Status\"\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,kBAMO;AACP,mBAAmB;AA2Db;AAzDN,IAAM,kBAAkB;AAAA,EACtB,OAAO,EAAE,aAAa,SAAS;AAAA,EAC/B,MAAM,EAAE,aAAa,OAAO;AAAA,EAC5B,SAAS,EAAE,aAAa,UAAU;AAAA,EAClC,SAAS,EAAE,aAAa,UAAU;AACpC;AAEO,IAAM,uBAAuB,CAClC,QACA,aACQ;AAzBV;AA0BE,0DAAW,YAAX,mBAAoB,gBAApB,YAAmC,gBAAgB,MAAM,EAAE;AAAA;AA6BtD,IAAM,aAAS;AAAA,EACpB,CACE,EAAE,aAAa,QAAQ,QAAQ,gBAAgB,YAAY,GAAG,MAAM,GACpE,QACG;AA3DP;AA4DI,UAAM,EAAE,MAAM,QAAI,sBAAS;AAC3B,UAAM,YAAW,uBAAM,aAAN,mBAAgB,WAAhB,mBAAwB,aAAxB,YAAoC,CAAC;AAEtD,sDAAgB,qBAAqB,OAAO,QAAQ;AAEpD,UAAM,CAAC,QAAQ,WAAW,QAAI,oCAAuB,UAAU;AAAA,MAC7D,GAAG;AAAA,MACH;AAAA,IACF,CAAC;AACD,UAAM,EAAE,WAAW,UAAU,GAAG,KAAK,QAAI,4BAAe,WAAW;AAEnE,WACE;AAAA,MAAC,eAAG;AAAA,MAAH;AAAA,QACC,eAAW,iBAAG,aAAa,SAAS;AAAA,QACpC,OAAO,EAAE,GAAG,OAAO,UAAU;AAAA,QAC5B,GAAG;AAAA,QAEJ;AAAA;AAAA,YAAC,eAAG;AAAA,YAAH;AAAA,cACC;AAAA,cACA,WAAU;AAAA,cACV,OAAO,EAAE,GAAG,OAAO,UAAU;AAAA,cAC5B,GAAG;AAAA;AAAA,UACN;AAAA,UAEA;AAAA,YAAC,eAAG;AAAA,YAAH;AAAA,cACC,WAAU;AAAA,cACV,OAAO,EAAE,GAAG,OAAO,MAAM;AAAA,cACxB,GAAG;AAAA,cAEH;AAAA;AAAA,UACH;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,OAAO,cAAc;AACrB,OAAO,SAAS;","names":[]}

package/dist/status.mjs

@@ -0,0 +1,10 @@
+"use client"
+import {
+  Status,
+  getStatusColorScheme
+} from "./chunk-FBZ7ECK2.mjs";
+export {
+  Status,
+  getStatusColorScheme
+};
+//# sourceMappingURL=status.mjs.map

package/dist/status.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/package.json

@@ -0,0 +1,79 @@
+{
+  "name": "@yamada-ui/status",
+  "version": "1.0.1-dev-20241127015414",
+  "description": "Yamada UI status component",
+  "keywords": [
+    "yamada",
+    "yamada ui",
+    "react",
+    "emotion",
+    "component",
+    "ui",
+    "uikit",
+    "styled",
+    "style-props",
+    "styled-component",
+    "css-in-js"
+  ],
+  "author": "Hirotomo Yamada <hirotomo.yamada@avap.co.jp>",
+  "license": "MIT",
+  "main": "dist/index.js",
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "homepage": "https://yamada-ui.com",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/yamada-ui/yamada-ui",
+    "directory": "packages/components/status"
+  },
+  "bugs": {
+    "url": "https://github.com/yamada-ui/yamada-ui/issues"
+  },
+  "dependencies": {
+    "@yamada-ui/core": "1.16.0-dev-20241127015414",
+    "@yamada-ui/utils": "1.6.0-dev-20241127015414"
+  },
+  "devDependencies": {
+    "react": "^18.0.0",
+    "clean-package": "2.2.0"
+  },
+  "peerDependencies": {
+    "react": ">=18"
+  },
+  "clean-package": "../../../clean-package.config.json",
+  "tsup": {
+    "clean": true,
+    "target": "es2019",
+    "format": [
+      "cjs",
+      "esm"
+    ],
+    "banner": {
+      "js": "\"use client\""
+    },
+    "sourcemap": true
+  },
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "scripts": {
+    "dev": "pnpm build:fast -- --watch",
+    "build": "tsup src --dts",
+    "build:fast": "tsup src",
+    "clean": "rimraf dist .turbo",
+    "typecheck": "tsc --noEmit",
+    "gen:docs": "tsx ../../../scripts/generate-docs"
+  }
+}