@bouku/core 0.4.8 → 0.4.9

package/dist/components/layout/_.d.ts

@@ -1,3 +1,4 @@
 export { default as Section } from "./section.js";
 export { default as Footer } from "./footer.js";
 export { default as Separator } from "./separator.js";
+export { ErrorMessage } from "./status.js";

package/dist/components/layout/_.js

@@ -1,3 +1,4 @@
 export { default as Section } from "./section.js";
 export { default as Footer } from "./footer.js";
 export { default as Separator } from "./separator.js";
+export { ErrorMessage } from "./status.js";

package/dist/components/layout/status.d.ts

@@ -0,0 +1,4 @@
+import type { ReactNode } from "react";
+export declare function ErrorMessage({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;

package/dist/components/layout/status.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ColumnBox } from "../container/flex.js";
+import XCircle from "../../assets/icons/x-circle.svg";
+export function ErrorMessage({ children }) {
+    return (_jsxs(ColumnBox, { style: "grow gap-4", center: true, children: [_jsx(XCircle, { className: "text-4xl text-error" }), _jsx("span", { className: "text-2xl font-bold", children: children })] }));
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bouku/core",
-  "version": "0.4.8",
+  "version": "0.4.9",
   "main": "./dist/index.js",
   "type": "module",
   "types": "./dist/index.d.ts",