@bouko/react 2.5.6 → 2.5.7

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

@@ -1,25 +1,25 @@
-import { ReactNode } from "react";
-declare type Props = {
-    style?: Styles;
-    badge?: string;
-    icon?: ReactNode;
-    title: string;
-    subtitle?: string;
-};
-declare type Styles = {
-    container?: string;
-    badge?: string;
-    title?: string;
-    subtitle?: string;
-};
-/**
- * Text heading with badge, title, subtitle.
- *
- * @param {Styles} style - Additional styles. (optional)
- * @param {string} badge - Little note above the title. (optional)
- * @param {ReactNode} icon - Component displayed left of title. (optional)
- * @param {string} title - Main title content.
- * @param {string} subtitle - Subtitle content. (optional)
-**/
-export default function PageHeading({ style, badge, icon, title, subtitle }: Props): import("react/jsx-runtime").JSX.Element;
-export {};
+import { ReactNode } from "react";
+type Props = {
+    style?: Styles;
+    badge?: string;
+    icon?: ReactNode;
+    title: string;
+    subtitle?: string;
+};
+type Styles = {
+    container?: string;
+    badge?: string;
+    title?: string;
+    subtitle?: string;
+};
+/**
+ * Text heading with badge, title, subtitle.
+ *
+ * @param {Styles} style - Additional styles. (optional)
+ * @param {string} badge - Little note above the title. (optional)
+ * @param {ReactNode} icon - Component displayed left of title. (optional)
+ * @param {string} title - Main title content.
+ * @param {string} subtitle - Subtitle content. (optional)
+**/
+export default function PageHeading({ style, badge, icon, title, subtitle }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/heading/page.js

@@ -1,23 +1,23 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { mergeStyles } from "@bouko/style";
-import { RowBox, ColumnBox } from "../layout/flex";
-import { Badge } from "../text/badge";
-/**
- * Text heading with badge, title, subtitle.
- *
- * @param {Styles} style - Additional styles. (optional)
- * @param {string} badge - Little note above the title. (optional)
- * @param {ReactNode} icon - Component displayed left of title. (optional)
- * @param {string} title - Main title content.
- * @param {string} subtitle - Subtitle content. (optional)
-**/
-export default function PageHeading({ style = {}, badge, icon, title, subtitle }) {
-    const styles = mergeStyles(base, style);
-    return (_jsxs(ColumnBox, { style: styles.container, children: [_jsx(Badge, { style: styles.badge, children: badge }, void 0), _jsxs(RowBox, { style: styles.title, children: [icon, title] }, void 0), _jsx(RowBox, { style: styles.subtitle, children: subtitle }, void 0)] }, void 0));
-}
-const base = {
-    container: "w-full items-center font-mono",
-    badge: "mb-2",
-    title: "items-center gap-2 mb-3 text-4xl sm:text-5xl 2xl:text-6xl text-center font-bold text-primary",
-    subtitle: "items-center gap-2 text-sm sm:text-base 2xl:text-lg text-center text-primary-light dark:text-primary-dark"
-};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { mergeStyles } from "@bouko/style";
+import { RowBox, ColumnBox } from "../layout/flex";
+import { Badge } from "../text/badge";
+/**
+ * Text heading with badge, title, subtitle.
+ *
+ * @param {Styles} style - Additional styles. (optional)
+ * @param {string} badge - Little note above the title. (optional)
+ * @param {ReactNode} icon - Component displayed left of title. (optional)
+ * @param {string} title - Main title content.
+ * @param {string} subtitle - Subtitle content. (optional)
+**/
+export default function PageHeading({ style = {}, badge, icon, title, subtitle }) {
+    const styles = mergeStyles(base, style);
+    return (_jsxs(ColumnBox, { style: styles.container, children: [_jsx(Badge, { style: styles.badge, children: badge }), _jsxs(RowBox, { style: styles.title, children: [icon, title] }), _jsx(RowBox, { style: styles.subtitle, children: subtitle })] }));
+}
+const base = {
+    container: "w-full items-center font-mono",
+    badge: "mb-2",
+    title: "items-center gap-2 mb-3 text-4xl sm:text-5xl 2xl:text-6xl text-center font-bold text-primary",
+    subtitle: "items-center gap-2 text-sm sm:text-base 2xl:text-lg text-center text-primary-light dark:text-primary-dark"
+};

package/dist/components/index.d.ts

@@ -1,13 +1,13 @@
-export { default as Separator } from "./layout/separator";
-export { default as FadeBox } from "./layout/fade";
-export { default as Heading } from "./heading/normal";
-export { default as PageHeading } from "./heading/page";
-export * from "./layout/flex";
-export { default as Button } from "./button/normal";
-export { default as IconButton } from "./button/icon";
-export { default as Badge } from "./text/badge";
-export { default as Dropdown } from "./dropdown/normal";
-export { default as FileUploader } from "./upload/file";
-export * from "./animate";
-export * from "./list";
-export * from "./carousel";
+export { default as Separator } from "./layout/separator";
+export { default as FadeBox } from "./layout/fade";
+export { default as Heading } from "./heading/normal";
+export { default as PageHeading } from "./heading/page";
+export * from "./layout/flex";
+export { default as Button } from "./button/normal";
+export { default as IconButton } from "./button/icon";
+export { default as Badge } from "./text/badge";
+export { default as Dropdown } from "./dropdown/normal";
+export { default as FileUploader } from "./upload/file";
+export * from "./animate";
+export * from "./list";
+export * from "./carousel";

package/dist/components/index.js

@@ -1,13 +1,13 @@
-export { default as Separator } from "./layout/separator";
-export { default as FadeBox } from "./layout/fade";
-export { default as Heading } from "./heading/normal";
-export { default as PageHeading } from "./heading/page";
-export * from "./layout/flex";
-export { default as Button } from "./button/normal";
-export { default as IconButton } from "./button/icon";
-export { default as Badge } from "./text/badge";
-export { default as Dropdown } from "./dropdown/normal";
-export { default as FileUploader } from "./upload/file";
-export * from "./animate";
-export * from "./list";
-export * from "./carousel";
+export { default as Separator } from "./layout/separator";
+export { default as FadeBox } from "./layout/fade";
+export { default as Heading } from "./heading/normal";
+export { default as PageHeading } from "./heading/page";
+export * from "./layout/flex";
+export { default as Button } from "./button/normal";
+export { default as IconButton } from "./button/icon";
+export { default as Badge } from "./text/badge";
+export { default as Dropdown } from "./dropdown/normal";
+export { default as FileUploader } from "./upload/file";
+export * from "./animate";
+export * from "./list";
+export * from "./carousel";

package/dist/components/input.d.ts

@@ -1,37 +1,37 @@
-import { ReactNode } from "react";
-declare type FieldProps<T> = {
-    id?: string;
-    label?: string;
-    style?: string;
-    value?: T;
-    update: (x: T) => void;
-    required?: boolean;
-    disabled?: boolean;
-    note?: ReactNode;
-};
-declare type Variant = "normal" | "ghost";
-declare type Props = Omit<FieldProps<string>, "id"> & {
-    variant?: Variant;
-    style?: string;
-    placeholder?: string;
-    onEnter?: (x: string) => void;
-};
-/**
- * Text field component.
- *
- * Wraps the native `input` element with custom styling and validation.
- * It displays an optional label and note, and can be marked as required.
- * Optional callback for when the user presses `Enter` key.
- * The value is controlled externally via props, usually `useState`.
- *
- * Variants:
- *  - `normal`: Standard input with primary color scheme.
- *  - `ghost`: Transparent for injecting input inside other component.
- *
- * @param {Variant} variant - Visual style variant. (optional, default = normal)
- * @param {string} style - Additional class names for styling. (optional)
- * @param {string} placeholder - Placeholder text for the input. (optional)
- * @param {Function} onEnter - Callback when `Enter` key is pressed. (optional)
-**/
-export default function Input({ variant, style, value, update, onEnter, disabled, placeholder, ...props }: Props): import("react/jsx-runtime").JSX.Element;
-export {};
+import { ReactNode } from "react";
+type FieldProps<T> = {
+    id?: string;
+    label?: string;
+    style?: string;
+    value?: T;
+    update: (x: T) => void;
+    required?: boolean;
+    disabled?: boolean;
+    note?: ReactNode;
+};
+type Variant = "normal" | "ghost";
+type Props = Omit<FieldProps<string>, "id"> & {
+    variant?: Variant;
+    style?: string;
+    placeholder?: string;
+    onEnter?: (x: string) => void;
+};
+/**
+ * Text field component.
+ *
+ * Wraps the native `input` element with custom styling and validation.
+ * It displays an optional label and note, and can be marked as required.
+ * Optional callback for when the user presses `Enter` key.
+ * The value is controlled externally via props, usually `useState`.
+ *
+ * Variants:
+ *  - `normal`: Standard input with primary color scheme.
+ *  - `ghost`: Transparent for injecting input inside other component.
+ *
+ * @param {Variant} variant - Visual style variant. (optional, default = normal)
+ * @param {string} style - Additional class names for styling. (optional)
+ * @param {string} placeholder - Placeholder text for the input. (optional)
+ * @param {Function} onEnter - Callback when `Enter` key is pressed. (optional)
+**/
+export default function Input({ variant, style, value, update, onEnter, disabled, placeholder, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/input.js

@@ -1,40 +1,40 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn, tv } from "@bouko/style";
-function Field({ style, label, required = true, note, children }) {
-    return (_jsxs("div", { className: cn(fieldStyles.container, style), children: [label && _jsxs("span", { className: fieldStyles.label, children: [label, " ", !required ? _jsx("span", { className: "italic text-slate-400", children: "(optional)" }, void 0) : ""] }, void 0), children, note && _jsx("span", { className: fieldStyles.note, children: note }, void 0)] }, void 0));
-}
-const fieldStyles = {
-    container: "flex flex-col shrink-0 gap-1 w-full overflow-hidden",
-    label: "text-xs text-primary-dark",
-    note: "mt-1 text-xs text-slate-500 whitespace-pre-line"
-};
-/**
- * Text field component.
- *
- * Wraps the native `input` element with custom styling and validation.
- * It displays an optional label and note, and can be marked as required.
- * Optional callback for when the user presses `Enter` key.
- * The value is controlled externally via props, usually `useState`.
- *
- * Variants:
- *  - `normal`: Standard input with primary color scheme.
- *  - `ghost`: Transparent for injecting input inside other component.
- *
- * @param {Variant} variant - Visual style variant. (optional, default = normal)
- * @param {string} style - Additional class names for styling. (optional)
- * @param {string} placeholder - Placeholder text for the input. (optional)
- * @param {Function} onEnter - Callback when `Enter` key is pressed. (optional)
-**/
-export default function Input({ variant, style, value, update, onEnter, disabled, placeholder, ...props }) {
-    return (_jsx(Field, { ...props, children: _jsx("input", { className: cn(styles({ variant }), style), placeholder: placeholder, value: value, onChange: ({ target: { value } }) => update?.(value), onKeyUp: ({ key }) => key === "Enter" && value ? onEnter?.(value) : null, disabled: disabled }, void 0) }, void 0));
-}
-const styles = tv({
-    base: "px-3 py-2 duration-200 rounded text-sm placeholder:text-primary-darker text-primary disabled:brightness-90 disabled:cursor-not-allowed",
-    defaultVariants: { variant: "normal" },
-    variants: {
-        variant: {
-            normal: "bg-input border border-outline focus:border-outline-light outline-none",
-            ghost: "p-0 bg-transparent border-none outline-none"
-        }
-    }
-});
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn, tv } from "@bouko/style";
+function Field({ style, label, required = true, note, children }) {
+    return (_jsxs("div", { className: cn(fieldStyles.container, style), children: [label && _jsxs("span", { className: fieldStyles.label, children: [label, " ", !required ? _jsx("span", { className: "italic text-slate-400", children: "(optional)" }) : ""] }), children, note && _jsx("span", { className: fieldStyles.note, children: note })] }));
+}
+const fieldStyles = {
+    container: "flex flex-col shrink-0 gap-1 w-full overflow-hidden",
+    label: "text-xs text-primary-dark",
+    note: "mt-1 text-xs text-slate-500 whitespace-pre-line"
+};
+/**
+ * Text field component.
+ *
+ * Wraps the native `input` element with custom styling and validation.
+ * It displays an optional label and note, and can be marked as required.
+ * Optional callback for when the user presses `Enter` key.
+ * The value is controlled externally via props, usually `useState`.
+ *
+ * Variants:
+ *  - `normal`: Standard input with primary color scheme.
+ *  - `ghost`: Transparent for injecting input inside other component.
+ *
+ * @param {Variant} variant - Visual style variant. (optional, default = normal)
+ * @param {string} style - Additional class names for styling. (optional)
+ * @param {string} placeholder - Placeholder text for the input. (optional)
+ * @param {Function} onEnter - Callback when `Enter` key is pressed. (optional)
+**/
+export default function Input({ variant, style, value, update, onEnter, disabled, placeholder, ...props }) {
+    return (_jsx(Field, { ...props, children: _jsx("input", { className: cn(styles({ variant }), style), placeholder: placeholder, value: value, onChange: ({ target: { value } }) => update?.(value), onKeyUp: ({ key }) => key === "Enter" && value ? onEnter?.(value) : null, disabled: disabled }) }));
+}
+const styles = tv({
+    base: "px-3 py-2 duration-200 rounded text-sm placeholder:text-primary-darker text-primary disabled:brightness-90 disabled:cursor-not-allowed",
+    defaultVariants: { variant: "normal" },
+    variants: {
+        variant: {
+            normal: "bg-input border border-outline focus:border-outline-light outline-none",
+            ghost: "p-0 bg-transparent border-none outline-none"
+        }
+    }
+});

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

@@ -1,7 +1,7 @@
-import { Component } from "../../core/types";
-declare type Props = Component & {
-    direction?: "left" | "down";
-    gradient?: string;
-};
-export declare function FadeBox({ style, direction, gradient, children }: Props): import("react/jsx-runtime").JSX.Element;
-export default FadeBox;
+import { Component } from "../../core/types";
+type Props = Component & {
+    direction?: "left" | "down";
+    gradient?: string;
+};
+export declare function FadeBox({ style, direction, gradient, children }: Props): import("react/jsx-runtime").JSX.Element;
+export default FadeBox;

package/dist/components/layout/fade.js

@@ -1,15 +1,15 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn, tv } from "@bouko/style";
-export function FadeBox({ style, direction = "left", gradient, children }) {
-    return (_jsxs("div", { className: cn("relative", style), children: [children, _jsx("div", { className: cn(styles({ direction }), gradient) }, void 0)] }, void 0));
-}
-const styles = tv({
-    base: "absolute from-background",
-    variants: {
-        direction: {
-            left: "top-0 right-0 w-12 h-full bg-gradient-to-l",
-            down: "top-0 left-0 w-full h-full bg-gradient-to-b"
-        }
-    }
-});
-export default FadeBox;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn, tv } from "@bouko/style";
+export function FadeBox({ style, direction = "left", gradient, children }) {
+    return (_jsxs("div", { className: cn("relative", style), children: [children, _jsx("div", { className: cn(styles({ direction }), gradient) })] }));
+}
+const styles = tv({
+    base: "absolute from-background",
+    variants: {
+        direction: {
+            left: "top-0 right-0 w-12 h-full bg-gradient-to-l",
+            down: "top-0 left-0 w-full h-full bg-gradient-to-b"
+        }
+    }
+});
+export default FadeBox;

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

@@ -1,16 +1,16 @@
-import type { Component } from "../../core/types";
-declare type Props = Component & {
-    center?: boolean;
-    centerX?: boolean;
-    centerY?: boolean;
-};
-/**
- * Flex containers with configurable alignment and styling.
- *
- * @param {string} style - Additional styles for container.
- * @param {ReactNode} children - Child elements to render inside the row.
- * @param {Props} opts - Variant options for styling.
-**/
-export declare function RowBox({ style, children, ...opts }: Props): import("react/jsx-runtime").JSX.Element | null;
-export declare function ColumnBox({ style, children, ...opts }: Props): import("react/jsx-runtime").JSX.Element | null;
-export {};
+import type { Component } from "../../core/types";
+type Props = Component & {
+    center?: boolean;
+    centerX?: boolean;
+    centerY?: boolean;
+};
+/**
+ * Flex containers with configurable alignment and styling.
+ *
+ * @param {string} style - Additional styles for container.
+ * @param {ReactNode} children - Child elements to render inside the row.
+ * @param {Props} opts - Variant options for styling.
+**/
+export declare function RowBox({ style, children, ...opts }: Props): import("react/jsx-runtime").JSX.Element | null;
+export declare function ColumnBox({ style, children, ...opts }: Props): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/layout/flex.js

@@ -1,42 +1,42 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn, tv } from "@bouko/style";
-/**
- * Flex containers with configurable alignment and styling.
- *
- * @param {string} style - Additional styles for container.
- * @param {ReactNode} children - Child elements to render inside the row.
- * @param {Props} opts - Variant options for styling.
-**/
-export function RowBox({ style, children, ...opts }) {
-    if (!children)
-        return null;
-    return (_jsx("div", { className: cn(row(opts), style), children: children }, void 0));
-}
-export function ColumnBox({ style, children, ...opts }) {
-    if (!children)
-        return null;
-    return (_jsx("div", { className: cn(column(opts), style), children: children }, void 0));
-}
-/**
- * Styling variants for flex options.
- *
- * @param {boolean} centerX - center children horizontally
- * @param {boolean} centerY - center children vertically
- * @param {boolean} center - center children on both axis
-**/
-const row = tv({
-    base: "flex",
-    variants: {
-        centerX: { true: "justify-center" },
-        centerY: { true: "items-center" },
-        center: { true: "items-center justify-center" }
-    }
-});
-const column = tv({
-    base: "flex flex-col",
-    variants: {
-        centerX: { true: "items-center" },
-        centerY: { true: "justify-center" },
-        center: { true: "items-center justify-center" }
-    }
-});
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn, tv } from "@bouko/style";
+/**
+ * Flex containers with configurable alignment and styling.
+ *
+ * @param {string} style - Additional styles for container.
+ * @param {ReactNode} children - Child elements to render inside the row.
+ * @param {Props} opts - Variant options for styling.
+**/
+export function RowBox({ style, children, ...opts }) {
+    if (!children)
+        return null;
+    return (_jsx("div", { className: cn(row(opts), style), children: children }));
+}
+export function ColumnBox({ style, children, ...opts }) {
+    if (!children)
+        return null;
+    return (_jsx("div", { className: cn(column(opts), style), children: children }));
+}
+/**
+ * Styling variants for flex options.
+ *
+ * @param {boolean} centerX - center children horizontally
+ * @param {boolean} centerY - center children vertically
+ * @param {boolean} center - center children on both axis
+**/
+const row = tv({
+    base: "flex",
+    variants: {
+        centerX: { true: "justify-center" },
+        centerY: { true: "items-center" },
+        center: { true: "items-center justify-center" }
+    }
+});
+const column = tv({
+    base: "flex flex-col",
+    variants: {
+        centerX: { true: "items-center" },
+        centerY: { true: "justify-center" },
+        center: { true: "items-center justify-center" }
+    }
+});

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

@@ -24,6 +24,8 @@ export {};
 /**
  * Problems
  *
+ * - Perfect `mergeStyles`
+ * - Perfect `RowBox`
+ * - Perfect `ColumnBox`
  * - Perfect `Badge`
- * - Long `subtitle` style
 **/ 

package/dist/components/layout/heading.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { mergeStyles } from "@bouko/style";
 import { RowBox, ColumnBox } from "./flex";
-import { Badge } from "../text/badge";
+import { default as Badge } from "../text/badge";
 /**
  * Text heading with badge, title, subtitle.
  *
@@ -18,5 +18,5 @@ const base = {
     container: "items-center",
     badge: "mb-2",
     title: "items-center gap-2 text-xl sm:text-2xl 2xl:text-3xl font-bold text-primary",
-    subtitle: "items-center gap-2 max-sm:text-sm 2xl:text-lg text-center text-primary-light dark:text-primary-dark"
+    subtitle: "items-center gap-2 max-sm:text-sm 2xl:text-lg text-primary-light dark:text-primary-dark"
 };

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

@@ -1,3 +1,3 @@
-export default function Separator({ style }: {
-    style?: string;
-}): import("react/jsx-runtime").JSX.Element;
+export default function Separator({ style }: {
+    style?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/layout/separator.js

@@ -1,5 +1,5 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "@bouko/style";
-export default function Separator({ style }) {
-    return _jsx("hr", { className: cn("w-full text-border-dark", style) }, void 0);
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "@bouko/style";
+export default function Separator({ style }) {
+    return _jsx("hr", { className: cn("w-full text-border-dark", style) });
+}

package/dist/components/list/index.d.ts

@@ -1,2 +1,2 @@
-export { default as BulletList } from "./variants/bullet";
-export { default as NumberList } from "./variants/number";
+export { default as BulletList } from "./variants/bullet";
+export { default as NumberList } from "./variants/number";

package/dist/components/list/index.js

@@ -1,2 +1,2 @@
-export { default as BulletList } from "./variants/bullet";
-export { default as NumberList } from "./variants/number";
+export { default as BulletList } from "./variants/bullet";
+export { default as NumberList } from "./variants/number";

package/dist/components/list/item.d.ts

@@ -1,9 +1,9 @@
-import { type ReactNode } from "react";
-interface Props {
-    marker: ReactNode;
-    content: ReactNode;
-    index: number;
-    centerMarker?: boolean;
-}
-export default function Item({ marker, content, centerMarker, index }: Props): import("react/jsx-runtime").JSX.Element;
-export {};
+import { type ReactNode } from "react";
+interface Props {
+    marker: ReactNode;
+    content: ReactNode;
+    index: number;
+    centerMarker?: boolean;
+}
+export default function Item({ marker, content, centerMarker, index }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/list/item.js

@@ -1,7 +1,7 @@
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Animation } from "../animate";
-import { cn } from "@bouko/style";
-;
-export default function Item({ marker, content, centerMarker, index }) {
-    return (_jsxs(Animation, { style: cn("flex items-start text-sm", centerMarker && "items-center"), children: [marker, content] }, index));
-}
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Animation } from "../animate";
+import { cn } from "@bouko/style";
+;
+export default function Item({ marker, content, centerMarker, index }) {
+    return (_jsxs(Animation, { style: cn("flex items-start text-sm", centerMarker && "items-center"), children: [marker, content] }, index));
+}

package/dist/components/list/variants/bullet.d.ts

@@ -1,9 +1,9 @@
-import { type ReactNode } from "react";
-interface Props {
-    style?: string;
-    title?: string;
-    items: ReactNode[];
-    centerMarker?: boolean;
-}
-export default function BulletList({ style, title, items, centerMarker }: Props): import("react/jsx-runtime").JSX.Element;
-export {};
+import { type ReactNode } from "react";
+interface Props {
+    style?: string;
+    title?: string;
+    items: ReactNode[];
+    centerMarker?: boolean;
+}
+export default function BulletList({ style, title, items, centerMarker }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,16 +1,16 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Item from "../item";
-import { Animation } from "../../animate/";
-import { cn } from "@bouko/style";
-;
-export default function BulletList({ style, title, items, centerMarker }) {
-    return (_jsxs(Animation, { style: cn(styles.base, style), children: [!!title && _jsx("span", { className: styles.title, children: title }, void 0), _jsx(Animation, { style: cn(styles.base, style, !!title && "ml-2"), children: items.map((x, i) => (_jsx(Item, { marker: _jsx(Marker, {}, void 0), content: x, index: i, centerMarker: centerMarker }, i))) }, void 0)] }, title));
-}
-function Marker() {
-    return (_jsx("span", { className: "mr-3 text-accent", children: "\u2022" }, void 0));
-}
-const styles = {
-    base: "flex flex-col gap-1 w-full",
-    title: "mb-1 text-base"
-};
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Item from "../item";
+import { Animation } from "../../animate/";
+import { cn } from "@bouko/style";
+;
+export default function BulletList({ style, title, items, centerMarker }) {
+    return (_jsxs(Animation, { style: cn(styles.base, style), children: [!!title && _jsx("span", { className: styles.title, children: title }), _jsx(Animation, { style: cn(styles.base, style, !!title && "ml-2"), children: items.map((x, i) => (_jsx(Item, { marker: _jsx(Marker, {}), content: x, index: i, centerMarker: centerMarker }, i))) })] }, title));
+}
+function Marker() {
+    return (_jsx("span", { className: "mr-3 text-accent", children: "\u2022" }));
+}
+const styles = {
+    base: "flex flex-col gap-1 w-full",
+    title: "mb-1 text-base"
+};