@bouko/react 1.6.1 → 1.6.3

package/dist/components/index.d.ts

@@ -1,3 +1,3 @@
-export { default as Heading } from "./layout/heading";
+export { default as Heading, HeadingProps } from "./layout/heading";
 export { default as Separator } from "./layout/separator";
 export * from "./list";

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

@@ -6,7 +6,7 @@ export type HeadingProps = {
     icon?: ReactNode;
     title: ReactNode;
     align?: "left" | "center";
-    subtitle: ReactNode;
+    subtitle?: ReactNode;
     reverse?: boolean;
 };
 export default function Heading({ styles, container, badge, icon, title, align, subtitle, reverse }: HeadingProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/layout/heading.js

@@ -3,7 +3,7 @@ import { RowBox, ColumnBox } from "../flex";
 import { cn } from "@bouko/style";
 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 })] })] }));
+    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 }), subtitle && _jsx("span", { className: cn(base.subtitle, styles.subtitle), children: subtitle })] })] }));
 }
 const base = {
     container: "gap-2 items-center",

package/dist/components/layout/separator.js

@@ -1,24 +1,5 @@
-"use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from "react";
-import { useContainer, useResize } from "../../hooks";
-import { cn, tv } from "@bouko/style";
+import { cn } from "@bouko/style";
 export default function Separator({ style }) {
-    const { container, ref } = useContainer();
-    const [flow, setFlow] = useState();
-    useResize(container, () => {
-        const css = getComputedStyle(container);
-        setFlow(css.flexDirection);
-    });
-    return (_jsx("div", { className: cn(styles({ flow }), style), ref: ref }));
+    return _jsx("hr", { className: cn("w-full text-border-dark", style) });
 }
-;
-const styles = tv({
-    base: "bg-border-dark",
-    variants: {
-        flow: {
-            row: "w-px min-w-px h-full",
-            column: "w-full h-px min-h-px"
-        }
-    }
-});

package/dist/components/list/variants/bullet.js

@@ -11,6 +11,6 @@ function Marker() {
     return (_jsx("span", { className: "mr-3 text-accent", children: "\u2022" }));
 }
 const styles = {
-    base: "flex flex-col gap-1 w-full text-primary-dark",
-    title: "mb-1 text-base text-primary"
+    base: "flex flex-col gap-1 w-full",
+    title: "mb-1 text-base"
 };

package/package.json

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