@bouko/react 0.5.2 → 0.5.4

package/dist/components/heading.d.ts

@@ -2,11 +2,12 @@ import type { ReactNode } from "react";
 type Props = {
     styles?: Record<string, string>;
     container?: string;
+    badge?: string;
     icon?: ReactNode;
     title: ReactNode;
     align?: "left" | "center";
     subtitle: ReactNode;
     reverse?: boolean;
 };
-export default function Heading({ styles, container, icon, title, align, subtitle, reverse }: Props): import("react/jsx-runtime").JSX.Element;
+export default function Heading({ styles, container, badge, icon, title, align, subtitle, reverse }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/heading.js

@@ -1,12 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { RowBox, ColumnBox } from "./flex";
 import { cn } from "@bouko/style";
-export default function Heading({ styles = {}, container, icon, title, align = "left", subtitle, reverse }) {
-    return (_jsxs(RowBox, { style: cn(base.container, styles.container, container), children: [icon, _jsxs(ColumnBox, { style: cn(base.subcontainer, align === "center" && "items-center", reverse && "flex-col-reverse"), children: [_jsx("span", { className: cn(base.title, styles.title), children: title }), _jsx("span", { className: cn(base.subtitle, styles.subtitle), children: subtitle })] })] }));
+import Badge from "./badge";
+export default function Heading({ styles = {}, container, badge, icon, title, align = "left", subtitle, reverse }) {
+    return (_jsxs(RowBox, { style: cn(base.container, styles.container, container), children: [icon, _jsxs(ColumnBox, { style: cn(base.subcontainer, align === "center" && "items-center", reverse && "flex-col-reverse"), children: [badge && _jsx(Badge, { style: base.badge, children: badge }), _jsx("span", { className: cn(base.title, styles.title), children: title }), _jsx("span", { className: cn(base.subtitle, styles.subtitle), children: subtitle })] })] }));
 }
 const base = {
     container: "gap-2 items-center",
-    subcontainer: "grow",
+    subcontainer: "flex grow flex-col",
+    badge: "mb-2",
     title: "flex items-center gap-2 font-bold",
     subtitle: "text-sm font-semibold text-primary-lighter"
 };

package/dist/core/functions.d.ts

@@ -1 +1,2 @@
 export declare const getFileData: (files: File[]) => Promise<unknown[]>;
+export declare const getEnv: (key: string) => string;

package/dist/core/functions.js

@@ -13,3 +13,9 @@ export const getFileData = (files) => Promise.all(files.map((file) => {
         reader.readAsDataURL(file);
     });
 }));
+export const getEnv = (key) => {
+    const value = process.env[key];
+    if (!value)
+        throw new Error(`Missing required env: ${key}`);
+    return value;
+};

package/package.json

@@ -1,7 +1,7 @@
 {
 
   "name": "@bouko/react",
-  "version": "0.5.2",
+  "version": "0.5.4",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",