@bouku/core 0.2.2 → 0.2.4

package/dist/ui/dropdown/normal.js

@@ -1,22 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = Dropdown;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const framer_motion_1 = require("framer-motion");
-function Dropdown({ options, children }) {
-    const [isOpen, setOpen] = (0, react_1.useState)(false);
-    const boom = (action) => {
-        action();
-        setOpen(false);
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", { className: styles.container, children: [(0, jsx_runtime_1.jsx)("div", { onClick: () => setOpen(true), children: children }), (0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, { children: isOpen && ((0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { className: styles.dropdown, initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, children: options.map(({ label, action }, i) => ((0, jsx_runtime_1.jsx)("div", { className: "cursor-pointer duration-200 hover:brightness-115", onClick: () => boom(action), children: label }, i))) }, "dropdown")) })] }));
-}
-const styles = {
-    container: "relative shrink-0",
-    subcontainer: "flex flex-col gap-1 w-full",
-    label: "text-xs text-slate-600",
-    trigger: "flex justify-between items-center px-3 py-2 bg-slate-200/50 hover:bg-slate-200/80 border border-slate-300 outline-blue-500 rounded text-sm duration-200 cursor-pointer",
-    dropdown: "absolute mt-2 z-50 flex flex-col items-end justify-end gap-1 w-full bg-slate-950 rounded border border-border-dark p-3 pr-4 text-sm max-h-46 overflow-y-auto"
-};

package/dist/ui/fade/_.d.ts

@@ -1 +0,0 @@
-export { default as CircleFade } from "./circle";

package/dist/ui/fade/_.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CircleFade = void 0;
-var circle_1 = require("./circle");
-Object.defineProperty(exports, "CircleFade", { enumerable: true, get: function () { return __importDefault(circle_1).default; } });

package/dist/ui/fade/circle.d.ts

@@ -1,10 +0,0 @@
-type Props = {
-    className?: string;
-    style?: {
-        top?: string;
-        left?: string;
-        transform?: string;
-    };
-};
-export default function CircleFade({ className, style }: Props): import("react").JSX.Element;
-export {};

package/dist/ui/fade/circle.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = CircleFade;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const style_1 = require("@bouko/style");
-function CircleFade({ className, style }) {
-    return ((0, jsx_runtime_1.jsx)("div", { className: (0, style_1.cn)("absolute size-24 bg-radial from-background", className), style: style }));
-}

package/dist/ui/heading/_.d.ts

@@ -1,2 +0,0 @@
-export { default as Heading } from "./normal";
-export { default as PageHeading } from "./page";

package/dist/ui/heading/_.js

@@ -1,10 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageHeading = exports.Heading = void 0;
-var normal_1 = require("./normal");
-Object.defineProperty(exports, "Heading", { enumerable: true, get: function () { return __importDefault(normal_1).default; } });
-var page_1 = require("./page");
-Object.defineProperty(exports, "PageHeading", { enumerable: true, get: function () { return __importDefault(page_1).default; } });

package/dist/ui/heading/normal.d.ts

@@ -1,24 +0,0 @@
-import { ReactNode } from "react";
-type Props = {
-    badge?: string;
-    image?: string;
-    title: ReactNode;
-    subtitle?: ReactNode;
-    style?: Styles;
-};
-type Styles = {
-    container?: string;
-    badge?: string;
-    title?: string;
-    subtitle?: string;
-};
-/**
- * Text heading with badge, title, subtitle.
- *
- * @param {string} badge - Little note above the title (optional).
- * @param {ReactNode} title - Main title content.
- * @param {ReactNode} subtitle - Subtitle content (optional).
- * @param {Styles} style - Additional styles (optional).
-**/
-export default function Heading({ badge, image, title, subtitle, style }: Props): import("react").JSX.Element;
-export {};

package/dist/ui/heading/normal.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = Heading;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const style_1 = require("@bouko/style");
-const flex_1 = require("../layout/flex");
-const badge_1 = require("../text/badge");
-/**
- * Text heading with badge, title, subtitle.
- *
- * @param {string} badge - Little note above the title (optional).
- * @param {ReactNode} title - Main title content.
- * @param {ReactNode} subtitle - Subtitle content (optional).
- * @param {Styles} style - Additional styles (optional).
-**/
-function Heading({ badge, image, title, subtitle, style = {} }) {
-    const styles = (0, style_1.mergeStyles)(base, style);
-    return ((0, jsx_runtime_1.jsxs)(flex_1.ColumnBox, { style: styles.container, children: [(0, jsx_runtime_1.jsx)(badge_1.Badge, { style: styles.badge, children: badge }), image && (0, jsx_runtime_1.jsx)("img", { className: styles.logo, src: image, alt: "Logo" }), (0, jsx_runtime_1.jsx)(flex_1.RowBox, { style: styles.title, children: title }), (0, jsx_runtime_1.jsx)(flex_1.RowBox, { style: styles.subtitle, children: subtitle })] }));
-}
-const base = {
-    container: "items-center",
-    badge: "mb-2",
-    logo: "mb-5 w-12",
-    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"
-};

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

@@ -1,25 +0,0 @@
-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.Element;
-export {};

package/dist/ui/heading/page.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = PageHeading;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const style_1 = require("@bouko/style");
-const flex_1 = require("../layout/flex");
-const badge_1 = require("../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)
-**/
-function PageHeading({ style = {}, badge, icon, title, subtitle }) {
-    const styles = (0, style_1.mergeStyles)(base, style);
-    return ((0, jsx_runtime_1.jsxs)(flex_1.ColumnBox, { style: styles.container, children: [(0, jsx_runtime_1.jsx)(badge_1.Badge, { style: styles.badge, children: badge }), (0, jsx_runtime_1.jsxs)(flex_1.RowBox, { style: styles.title, children: [icon, title] }), (0, jsx_runtime_1.jsx)(flex_1.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/ui/index.d.ts

@@ -1,19 +0,0 @@
-export { default as Separator } from "./layout/separator";
-export { default as FadeBox } from "./layout/fade";
-export { default as AbsoluteBox } from "./layout/absolute";
-export * from "./layout/flex";
-export * from "./layout/_";
-export * from "./heading/_";
-export * from "./button/_";
-export { default as Pagination } from "./pagination";
-export { default as Section } from "./layout/section";
-export { default as Dropdown } from "./dropdown/normal";
-export * from "./fade/_";
-export * from "./list";
-export * from "./layout/media-row";
-export * from "./layout/scroll-box";
-export * from "./date/_";
-export * from "./information/_";
-export * from "./progress/_";
-export * from "./text/_";
-export * from "./table/_";

package/dist/ui/index.js

@@ -1,45 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Dropdown = exports.Section = exports.Pagination = exports.AbsoluteBox = exports.FadeBox = exports.Separator = void 0;
-var separator_1 = require("./layout/separator");
-Object.defineProperty(exports, "Separator", { enumerable: true, get: function () { return __importDefault(separator_1).default; } });
-var fade_1 = require("./layout/fade");
-Object.defineProperty(exports, "FadeBox", { enumerable: true, get: function () { return __importDefault(fade_1).default; } });
-var absolute_1 = require("./layout/absolute");
-Object.defineProperty(exports, "AbsoluteBox", { enumerable: true, get: function () { return __importDefault(absolute_1).default; } });
-__exportStar(require("./layout/flex"), exports);
-__exportStar(require("./layout/_"), exports);
-__exportStar(require("./heading/_"), exports);
-__exportStar(require("./button/_"), exports);
-var pagination_1 = require("./pagination");
-Object.defineProperty(exports, "Pagination", { enumerable: true, get: function () { return __importDefault(pagination_1).default; } });
-var section_1 = require("./layout/section");
-Object.defineProperty(exports, "Section", { enumerable: true, get: function () { return __importDefault(section_1).default; } });
-var normal_1 = require("./dropdown/normal");
-Object.defineProperty(exports, "Dropdown", { enumerable: true, get: function () { return __importDefault(normal_1).default; } });
-__exportStar(require("./fade/_"), exports);
-__exportStar(require("./list"), exports);
-__exportStar(require("./layout/media-row"), exports);
-__exportStar(require("./layout/scroll-box"), exports);
-__exportStar(require("./date/_"), exports);
-__exportStar(require("./information/_"), exports);
-__exportStar(require("./progress/_"), exports);
-__exportStar(require("./text/_"), exports);
-__exportStar(require("./table/_"), exports);

package/dist/ui/information/_.d.ts

@@ -1 +0,0 @@
-export { default as Card } from "./card";

package/dist/ui/information/_.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Card = void 0;
-var card_1 = require("./card");
-Object.defineProperty(exports, "Card", { enumerable: true, get: function () { return __importDefault(card_1).default; } });

package/dist/ui/information/card.d.ts

@@ -1,7 +0,0 @@
-type Props = {
-    label: string;
-    value: string | number;
-    note?: string;
-};
-export declare const Card: ({ label, value, note }: Props) => import("react").JSX.Element;
-export default Card;

package/dist/ui/information/card.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Card = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const flex_1 = require("../layout/flex");
-const Card = ({ label, value, note }) => ((0, jsx_runtime_1.jsxs)(flex_1.ColumnBox, { style: s.card, children: [(0, jsx_runtime_1.jsx)("span", { className: s.label, children: label }), (0, jsx_runtime_1.jsx)("span", { className: s.value, children: formatValue(value) }), (0, jsx_runtime_1.jsx)("span", { className: s.note, children: note })] }));
-exports.Card = Card;
-const formatValue = (x) => {
-    if (typeof x === "string")
-        return x;
-    else if (typeof x === "number")
-        return x.toLocaleString("en-US");
-};
-const s = {
-    card: "gap-2 flex-1 p-5 bg-surface border border-border-light rounded-md shadow hover:brightness-120 duration-200",
-    label: "text-sm font-mono tracking-wide text-primary-dark uppercase",
-    value: "text-5xl font-bold",
-    note: "text-xs text-primary-dark"
-};
-exports.default = exports.Card;

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

@@ -1,2 +0,0 @@
-export { default as RnD } from "./rnd";
-export { default as Footer } from "./footer";

package/dist/ui/layout/_.js

@@ -1,10 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Footer = exports.RnD = void 0;
-var rnd_1 = require("./rnd");
-Object.defineProperty(exports, "RnD", { enumerable: true, get: function () { return __importDefault(rnd_1).default; } });
-var footer_1 = require("./footer");
-Object.defineProperty(exports, "Footer", { enumerable: true, get: function () { return __importDefault(footer_1).default; } });

package/dist/ui/layout/absolute.d.ts

@@ -1,9 +0,0 @@
-import { ReactNode, RefObject } from "react";
-type Props = {
-    pos?: string;
-    style?: string;
-    ref?: RefObject<HTMLDivElement | null>;
-    children: ReactNode;
-};
-export default function AbsoluteBox({ pos, style, ref, children }: Props): import("react").JSX.Element;
-export {};

package/dist/ui/layout/absolute.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = AbsoluteBox;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const style_1 = require("@bouko/style");
-function AbsoluteBox({ pos, style, ref, children }) {
-    return ((0, jsx_runtime_1.jsx)("div", { className: (0, style_1.cn)(styles.container, pos), ref: ref, children: (0, jsx_runtime_1.jsx)("div", { className: (0, style_1.cn)(styles.subcontainer, style), children: children }) }));
-}
-const styles = {
-    container: "absolute",
-    subcontainer: "relative w-full h-full"
-};

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

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

package/dist/ui/layout/fade.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FadeBox = FadeBox;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const style_1 = require("@bouko/style");
-const tailwind_variants_1 = require("tailwind-variants");
-function FadeBox({ style, direction = "up", gradient, children }) {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, style_1.cn)("relative", style), children: [children, (0, jsx_runtime_1.jsx)("div", { className: (0, style_1.cn)(styles({ direction }), gradient) })] }));
-}
-const styles = (0, tailwind_variants_1.tv)({
-    base: "absolute from-background",
-    variants: {
-        direction: {
-            up: "left-0 bottom-0 w-full h-full bg-gradient-to-t",
-            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"
-        }
-    }
-});
-exports.default = FadeBox;

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

@@ -1,17 +0,0 @@
-import { Component, Hoverable } from "../../utils";
-type Props = Component & Hoverable & {
-    center?: boolean;
-    centerX?: boolean;
-    centerY?: boolean;
-    equal?: 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, onHover, onLeave, ...opts }: Props): import("react").JSX.Element | null;
-export declare function ColumnBox({ style, children, onHover, onLeave, ...opts }: Props): import("react").JSX.Element | null;
-export {};

package/dist/ui/layout/flex.js

@@ -1,49 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RowBox = RowBox;
-exports.ColumnBox = ColumnBox;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const style_1 = require("@bouko/style");
-const tailwind_variants_1 = require("tailwind-variants");
-/**
- * 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.
-**/
-function RowBox({ style, children, onHover, onLeave, ...opts }) {
-    if (!children)
-        return null;
-    return ((0, jsx_runtime_1.jsx)("div", { className: (0, style_1.cn)(row(opts), style), onMouseEnter: onHover, onMouseLeave: onLeave, children: children }));
-}
-function ColumnBox({ style, children, onHover, onLeave, ...opts }) {
-    if (!children)
-        return null;
-    return ((0, jsx_runtime_1.jsx)("div", { className: (0, style_1.cn)(column(opts), style), onMouseEnter: onHover, onMouseLeave: onLeave, 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 = (0, tailwind_variants_1.tv)({
-    base: "flex",
-    variants: {
-        centerX: { true: "justify-center" },
-        centerY: { true: "items-center" },
-        center: { true: "items-center justify-center" },
-        equal: { true: "[&>*]:flex-1 [&>*]:shrink-0" }
-    }
-});
-const column = (0, tailwind_variants_1.tv)({
-    base: "flex flex-col",
-    variants: {
-        centerX: { true: "items-center" },
-        centerY: { true: "justify-center" },
-        center: { true: "items-center justify-center" },
-        equal: { true: "[&>*]:flex-1" }
-    }
-});

package/dist/ui/layout/footer.d.ts

@@ -1,15 +0,0 @@
-import type { ReactNode } from "react";
-/**
- * Page Footer component.
- *
- * Meant to be rendered at the bottom of pages that need
- * a footer. Provides controls for refreshing the page contents,
- * navigating the paginated results, and other actions.
-**/
-type Props = {
-    Left: ReactNode;
-    Center: ReactNode;
-    Right?: ReactNode;
-};
-export declare const Footer: ({ Left, Center, Right }: Props) => import("react").JSX.Element;
-export default Footer;

package/dist/ui/layout/footer.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Footer = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const flex_1 = require("./flex");
-const style_1 = require("@bouko/style");
-const Footer = ({ Left, Center, Right }) => ((0, jsx_runtime_1.jsxs)(flex_1.RowBox, { style: style, equal: true, children: [(0, jsx_runtime_1.jsx)(flex_1.RowBox, { style: "justify-start items-center", children: Left }), (0, jsx_runtime_1.jsx)(flex_1.RowBox, { style: "justify-center items-center", children: Center }), (0, jsx_runtime_1.jsx)("div", { className: "flex justify-end items-center", children: Right })] }));
-exports.Footer = Footer;
-const style = (0, style_1.css)({
-    layout: "justify-between items-center w-full gap-4 p-3 border",
-    color: "bg-background-light border-border-dark"
-});
-exports.default = exports.Footer;

package/dist/ui/layout/media-row.d.ts

@@ -1,15 +0,0 @@
-import { ReactNode } from "react";
-type MediaRowProps = {
-    media: string;
-    title: string;
-    subtitle?: ReactNode;
-    badge?: string;
-    styles?: {
-        container?: string;
-        media?: string;
-        title?: string;
-        subtitle?: string;
-    };
-};
-export declare const MediaRow: ({ media, title, subtitle, badge, styles, }: MediaRowProps) => import("react").JSX.Element;
-export {};

package/dist/ui/layout/media-row.js

@@ -1,11 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MediaRow = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const flex_1 = require("./flex");
-const badge_1 = __importDefault(require("../text/badge"));
-const MediaRow = ({ media, title, subtitle, badge, styles = {}, }) => ((0, jsx_runtime_1.jsxs)(flex_1.RowBox, { style: `items-center gap-3 ${styles.container ?? ""}`, children: [(0, jsx_runtime_1.jsx)("img", { src: media, className: "size-10 w-10 h-10 border border-border rounded", alt: title }), (0, jsx_runtime_1.jsxs)(flex_1.ColumnBox, { style: "gap-px min-w-0", children: [(0, jsx_runtime_1.jsxs)(flex_1.RowBox, { style: "items-center gap-2 min-w-0", children: [(0, jsx_runtime_1.jsx)("span", { className: `text-primary text-sm font-semibold truncate ${styles.title ?? ""}`, children: title }), badge && (0, jsx_runtime_1.jsx)(badge_1.default, { size: "xs", children: badge })] }), subtitle && ((0, jsx_runtime_1.jsx)("span", { className: `text-xs text-primary-dark ${styles.subtitle}`, children: subtitle }))] })] }));
-exports.MediaRow = MediaRow;

package/dist/ui/layout/rnd.d.ts

@@ -1,10 +0,0 @@
-type Props = {
-    style?: string;
-    min: number;
-    max: number;
-    minWidth?: number;
-    update: (min: number, size: number) => void;
-    children: React.ReactNode;
-};
-export default function RnD({ style, min, max, minWidth, update, children }: Props): import("react").JSX.Element;
-export {};

package/dist/ui/layout/rnd.js

@@ -1,32 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = RnD;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_rnd_1 = require("react-rnd");
-const style_1 = require("@bouko/style");
-function RnD({ style, min, max, minWidth, update, children }) {
-    const gapSize = max - min;
-    const handleResize = (x, width) => {
-        update(x, width);
-    };
-    const handleDrag = (x) => {
-        update(x, gapSize);
-    };
-    return ((0, jsx_runtime_1.jsx)(react_rnd_1.Rnd, { ...opts(min, max, minWidth), className: (0, style_1.cn)("flex! justify-center items-center overflow-hidden", style), size: { width: gapSize, height: "100%" }, position: { x: min, y: 0 }, onResize: (e, dir, ref, d, pos) => handleResize(pos.x, ref.offsetWidth), onDragStop: (e, d) => handleDrag(d.x), children: children }));
-}
-const opts = (min, max, minWidth) => ({
-    bounds: "parent",
-    axis: "x",
-    minWidth: minWidth || 30,
-    default: {
-        x: min,
-        y: 0,
-        width: max - min,
-        height: "100%"
-    },
-    enableResizing: {
-        left: true,
-        right: true
-    }
-});

package/dist/ui/layout/scroll-box.d.ts

@@ -1,14 +0,0 @@
-import { Dispatch, SetStateAction } from "react";
-type RowProps<T> = {
-    data: T;
-    hovered: boolean;
-    setHovered: Dispatch<SetStateAction<number | null>>;
-    index: number;
-};
-type Props<T> = {
-    style?: string;
-    items: T[];
-    element: React.ComponentType<RowProps<T>>;
-};
-export declare function ScrollBox<T>({ style, items, element: Row }: Props<T>): import("react").JSX.Element;
-export {};

package/dist/ui/layout/scroll-box.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ScrollBox = ScrollBox;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const style_1 = require("@bouko/style");
-const flex_1 = require("./flex");
-function ScrollBox({ style, items, element: Row }) {
-    const [hoveredIndex, setHoveredIndex] = (0, react_1.useState)(null);
-    return ((0, jsx_runtime_1.jsx)(flex_1.ColumnBox, { style: (0, style_1.cn)("grow gap-1 w-full overflow-y-auto", style), children: items.map((x, i) => ((0, jsx_runtime_1.jsx)(Row, { data: x, hovered: hoveredIndex === i, setHovered: setHoveredIndex, index: i }, i))) }));
-}

package/dist/ui/layout/section.d.ts

@@ -1,15 +0,0 @@
-import { ReactNode } from "react";
-/**
- * Settings Section Component.
- *
- * Generic layout wrapper used to group related settings or content
- * under a titled section with a visual separator for consistency.
- *
- * @param {string} title - The section title displayed at top.
- * @param {ReactNode} content - Rendered below the separator.
-**/
-declare const Section: ({ title, content }: {
-    title: string;
-    content: ReactNode;
-}) => import("react").JSX.Element;
-export default Section;

package/dist/ui/layout/section.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const flex_1 = require("./flex");
-/**
- * Settings Section Component.
- *
- * Generic layout wrapper used to group related settings or content
- * under a titled section with a visual separator for consistency.
- *
- * @param {string} title - The section title displayed at top.
- * @param {ReactNode} content - Rendered below the separator.
-**/
-const Section = ({ title, content }) => ((0, jsx_runtime_1.jsxs)(flex_1.ColumnBox, { style: styles.container, children: [title, (0, jsx_runtime_1.jsx)("hr", { className: styles.separator }), content] }));
-const styles = {
-    container: "gap-2 items-start text-primary",
-    separator: "mb-2 w-full text-border-dark"
-};
-exports.default = Section;

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

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

package/dist/ui/layout/separator.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = Separator;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const style_1 = require("@bouko/style");
-function Separator({ style }) {
-    return (0, jsx_runtime_1.jsx)("hr", { className: (0, style_1.cn)("w-full text-border-dark", style) });
-}

package/dist/ui/link/_.d.ts

@@ -1 +0,0 @@
-export { default as NavTab } from "./tab";

package/dist/ui/link/_.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NavTab = void 0;
-var tab_1 = require("./tab");
-Object.defineProperty(exports, "NavTab", { enumerable: true, get: function () { return __importDefault(tab_1).default; } });