@bouku/core 0.2.2 → 0.2.4

package/dist/components/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("../../utils/functions/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/components/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/components/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/components/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/components/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("../../utils/functions/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/components/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/components/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("../../utils/functions/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/components/pagination/index.d.ts

@@ -1,9 +0,0 @@
-type Props = {
-    style?: string;
-    page: number;
-    prev: () => void;
-    next: () => void;
-    totalPages: number;
-};
-export default function Pagination({ style, page, prev, next, totalPages }: Props): import("react").JSX.Element;
-export {};

package/dist/components/pagination/index.js

@@ -1,21 +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.default = Pagination;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const chevron_left_svg_1 = __importDefault(require("../../assets/icons/chevron-left.svg"));
-const chevron_right_svg_1 = __importDefault(require("../../assets/icons/chevron-right.svg"));
-const flex_1 = require("../layout/flex");
-const normal_1 = require("../button/normal");
-const style_1 = require("../../utils/functions/style");
-function Pagination({ style, page, prev, next, totalPages = 99 }) {
-    const canPrev = page > 1;
-    const canNext = totalPages > 0 ? page < totalPages : true;
-    return ((0, jsx_runtime_1.jsxs)(flex_1.RowBox, { style: (0, style_1.cn)(s.container, style), children: [(0, jsx_runtime_1.jsx)(normal_1.Button, { size: "xs", style: "rounded-none rounded-l-sm", action: prev, disabled: !canPrev, children: (0, jsx_runtime_1.jsx)(chevron_left_svg_1.default, {}) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-px justify-center items-center w-11 h-6 px-2 bg-border-dark/20 border-y border-border-dark text-xs font-medium", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-primary", children: page }), "/", (0, jsx_runtime_1.jsx)("span", { className: "text-primary-darker", children: totalPages || 99 })] }), (0, jsx_runtime_1.jsx)(normal_1.Button, { size: "xs", style: "rounded-none rounded-r-sm", action: next, disabled: !canNext, children: (0, jsx_runtime_1.jsx)(chevron_right_svg_1.default, {}) })] }));
-}
-const s = {
-    container: "justify-center items-center text-primary-darker select-none",
-    subcontainer: "gap-2",
-};

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

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

package/dist/components/progress/_.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.ProgressBar = void 0;
-var bar_1 = require("./bar");
-Object.defineProperty(exports, "ProgressBar", { enumerable: true, get: function () { return __importDefault(bar_1).default; } });

package/dist/components/progress/bar.d.ts

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

package/dist/components/progress/bar.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = ProgressBar;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const style_1 = require("../../utils/functions/style");
-function ProgressBar({ value, style }) {
-    return ((0, jsx_runtime_1.jsx)("div", { className: (0, style_1.cn)(s.container, style), children: (0, jsx_runtime_1.jsx)("div", { className: s.filled, style: { width: (value * 100) + "%" } }) }));
-}
-const s = {
-    container: "flex grow h-1 rounded-full bg-surface overflow-hidden",
-    filled: "h-full bg-accent"
-};

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

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

package/dist/components/table/_.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.Table = void 0;
-var normal_1 = require("./normal");
-Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return __importDefault(normal_1).default; } });

package/dist/components/table/header.d.ts

@@ -1,10 +0,0 @@
-import type { CellValue } from "./row";
-type Props<T> = {
-    columnLabels: Record<string, string>;
-    sortColumn: keyof T | null;
-    sortDirection: "asc" | "desc";
-    sortBy: (x: string | null) => void;
-    toggleSortDirection: () => void;
-};
-export declare const Header: <T extends Record<keyof T, CellValue>>({ columnLabels, sortColumn, sortDirection, sortBy, toggleSortDirection }: Props<T>) => import("react").JSX.Element;
-export {};

package/dist/components/table/header.js

@@ -1,20 +0,0 @@
-"use client";
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Header = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const flex_1 = require("../layout/flex");
-const arrow_up_svg_1 = __importDefault(require("../../assets/icons/arrow-up.svg"));
-const arrow_down_svg_1 = __importDefault(require("../../assets/icons/arrow-down.svg"));
-const Header = ({ columnLabels, sortColumn, sortDirection, sortBy, toggleSortDirection }) => ((0, jsx_runtime_1.jsx)(flex_1.RowBox, { style: s.container, children: Object.entries(columnLabels).map(([col, label], i) => ((0, jsx_runtime_1.jsxs)(flex_1.RowBox, { style: s.column, children: [(0, jsx_runtime_1.jsx)("span", { className: s.label, onClick: () => sortBy(col), children: label }), col === sortColumn && ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [sortDirection === "desc" && (0, jsx_runtime_1.jsx)(arrow_down_svg_1.default, { className: s.sorter, onClick: () => toggleSortDirection() }), sortDirection === "asc" && (0, jsx_runtime_1.jsx)(arrow_up_svg_1.default, { className: s.sorter, onClick: () => toggleSortDirection() })] }))] }, i))) }));
-exports.Header = Header;
-const s = {
-    container: "w-full px-4 py-3 bg-background-light border-b border-border",
-    column: "flex-1 gap-1 first:justify-start justify-center last:justify-end items-center uppercase text-primary-dark font-light text-sm",
-    label: "hover:brightness-120 duration-200 cursor-pointer",
-    sorter: "hover:text-primary cursor-pointer duration-200"
-};

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

@@ -1,15 +0,0 @@
-import { type Row, type Action } from "./row";
-type ColumnOptions = {
-    label?: string;
-    pad?: number;
-    link?: string;
-};
-type Props<T extends Row> = {
-    style?: string;
-    title?: string;
-    config: Partial<Record<keyof T, boolean | ColumnOptions>>;
-    items: T[];
-    actions?: Action<T>[];
-};
-export default function Table<T extends Row>({ style, title, config: initConfig, items, actions }: Props<T>): import("react").JSX.Element;
-export {};

package/dist/components/table/index.js

@@ -1,37 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = Table;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const sorter_1 = require("./sorter");
-const ts_helper_kit_1 = require("ts-helper-kit");
-const _1 = require("../../utils/functions/_");
-const flex_1 = require("../layout/flex");
-const header_1 = require("./header");
-const row_1 = require("./row");
-function Table({ style, title, config: initConfig, items, actions }) {
-    const { sortedItems, ...sortOptions } = (0, sorter_1.useSort)(items);
-    const config = parseConfig(initConfig, !!actions?.length);
-    const columns = Object.keys(config);
-    const condensedItems = (0, ts_helper_kit_1.condenseArray)(sortedItems, columns);
-    return ((0, jsx_runtime_1.jsxs)(flex_1.ColumnBox, { style: (0, _1.cn)(s.container, style), children: [title && ((0, jsx_runtime_1.jsx)("span", { className: s.title, children: title })), (0, jsx_runtime_1.jsxs)(flex_1.ColumnBox, { style: s.subcontainer, children: [(0, jsx_runtime_1.jsx)(header_1.Header, { ...sortOptions, columnLabels: Object.fromEntries(columns.map(c => [c, config[c].label])) }), (0, jsx_runtime_1.jsx)(flex_1.ColumnBox, { style: s.rows, children: condensedItems.map(({ item, count }, i) => ((0, jsx_runtime_1.jsx)(row_1.TableRow, { config: config, data: item, count: count, actions: actions }, i))) })] })] }));
-}
-function parseConfig(config, hasActions) {
-    const parsed = Object.entries(config).reduce((acc, [key, value]) => {
-        const label = String(key).replaceAll("_", " ");
-        const isObject = typeof value === "object" && value !== null;
-        acc[key] = isObject ? { label, ...value } : { label };
-        return acc;
-    }, {});
-    // Automatically append an actions column if actions exist
-    if (hasActions) {
-        parsed["actions"] = { label: "Actions" };
-    }
-    return parsed;
-}
-const s = {
-    container: "gap-3 overflow-hidden",
-    title: "text-xl font-bold text-primary",
-    subcontainer: "grow w-full border border-border rounded-md overflow-hidden",
-    rows: "grow overflow-y-auto no-scrollbar"
-};

package/dist/components/table/normal.d.ts

@@ -1,7 +0,0 @@
-type CellValue = string | number | null | undefined;
-type Props<T> = {
-    columns: string[];
-    items: T[];
-};
-export default function Table<T extends Record<string, CellValue>>({ columns, items }: Props<T>): import("react").JSX.Element;
-export {};

package/dist/components/table/normal.js

@@ -1,20 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = Table;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const flex_1 = require("../layout/flex");
-const _1 = require("../button/_");
-const ts_1 = require("@bouko/ts");
-const style_1 = require("@bouko/style");
-function Table({ columns, items }) {
-    return ((0, jsx_runtime_1.jsxs)(flex_1.ColumnBox, { style: s.table, children: [(0, jsx_runtime_1.jsx)(flex_1.RowBox, { style: s.header, children: columns.map((x, i) => ((0, jsx_runtime_1.jsx)(flex_1.RowBox, { style: (0, style_1.cn)(s.columnLabel, i === 0 ? "justify-start" : i === columns.length - 1 ? "justify-end" : "justify-center"), children: x }, i))) }), (0, jsx_runtime_1.jsx)(flex_1.ColumnBox, { style: s.rows, children: items.map((x, i) => ((0, jsx_runtime_1.jsx)(flex_1.RowBox, { style: (0, style_1.cn)(s.row, i % 2 === 0 && "bg-surface", i === 0 ? "border-none" : i === items.length - 1 ? "border-none" : "border-b"), children: columns.map((key, j) => ((0, jsx_runtime_1.jsxs)(flex_1.RowBox, { style: (0, style_1.cn)(s.cell, j === 0 ? "justify-start" : j === columns.length - 1 ? "justify-end" : "justify-center"), children: [key === "id" ? (0, ts_1.shortenStr)(x[key]) : (x[key] ?? "N/A"), key === "id" && (0, jsx_runtime_1.jsx)(_1.CopyButton, { style: "text-primary-dark", value: (x["id"] || "N/A").toString() })] }, j))) }, i))) })] }));
-}
-const s = {
-    table: "grow w-full border border-border rounded-md overflow-hidden",
-    header: "w-full px-4 py-3 bg-background-light border-b border-border",
-    columnLabel: "flex-1 uppercase text-primary-dark font-light text-sm",
-    rows: "grow overflow-y-auto no-scrollbar",
-    row: "w-full px-4 py-4 border-b border-border",
-    cell: "flex-1 items-center gap-2"
-};

package/dist/components/table/row.d.ts

@@ -1,22 +0,0 @@
-export declare const isDateLike: (val: string) => boolean;
-type ColumnOptions = {
-    label: string;
-    pad?: number;
-    link?: string;
-};
-export type Action<T> = {
-    variant?: "accent" | "surface" | "error";
-    icon?: React.ReactNode;
-    style?: string;
-    handler: (row: T) => void;
-};
-interface Props<T> {
-    config: Record<string, ColumnOptions>;
-    data: T;
-    count: number;
-    actions?: Action<T>[];
-}
-export type Row = Record<string, CellValue>;
-export type CellValue = string | number | boolean | object | null;
-export declare function TableRow<T extends Row>({ config, data, actions, count }: Props<T>): import("react").JSX.Element;
-export {};

package/dist/components/table/row.js

@@ -1,40 +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.isDateLike = void 0;
-exports.TableRow = TableRow;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const flex_1 = require("../layout/flex");
-const _1 = require("../button/_");
-const check_circle_svg_1 = __importDefault(require("../../assets/icons/check-circle.svg"));
-const x_circle_svg_1 = __importDefault(require("../../assets/icons/x-circle.svg"));
-const ts_helper_kit_1 = require("ts-helper-kit");
-const isDateLike = (val) => !isNaN(Date.parse(val)) && isNaN(Number(val));
-exports.isDateLike = isDateLike;
-function TableRow({ config, data, actions, count }) {
-    return ((0, jsx_runtime_1.jsxs)(flex_1.RowBox, { style: s.container, children: [Object.keys(config).map((key, i) => {
-                if (key === "actions" && actions) {
-                    return ((0, jsx_runtime_1.jsx)(flex_1.RowBox, { style: s.cell, children: (0, jsx_runtime_1.jsx)(flex_1.RowBox, { style: "gap-2 items-center", children: actions.map((action, actionIdx) => {
-                                const variantStyles = action.variant === "error" ? "bg-error/10 text-error hover:bg-error/20" :
-                                    action.variant === "accent" ? "bg-accent/10 text-accent hover:bg-accent/20" :
-                                        "bg-surface-light text-primary hover:bg-surface-light/80";
-                                return ((0, jsx_runtime_1.jsx)(_1.Button, { size: "xs", variant: "surface", style: action.style, icon: action.icon, action: () => action.handler(data) }, actionIdx));
-                            }) }) }, i));
-                }
-                const rawValue = data[key];
-                const value = rawValue === 0 ? 0 : (data[key] ?? "N/A");
-                const options = config[key];
-                let cellValue = value;
-                if (options && options.pad)
-                    cellValue = (0, ts_helper_kit_1.padNum)(cellValue, options.pad);
-                else if ((0, exports.isDateLike)(cellValue.toString()))
-                    cellValue = new Date(cellValue.toString()).toLocaleDateString();
-                return ((0, jsx_runtime_1.jsxs)(flex_1.RowBox, { style: s.cell, children: [options && options?.link && (0, jsx_runtime_1.jsx)("a", { className: "text-primary underline duration-200 hover:text-accent", href: options.link?.replace("[x]", rawValue), children: cellValue }), options && !options?.link && ((0, jsx_runtime_1.jsx)("span", { className: "truncate", children: value === true ? (0, jsx_runtime_1.jsx)(check_circle_svg_1.default, { className: "text-success" }) : value === false ? (0, jsx_runtime_1.jsx)(x_circle_svg_1.default, { className: "text-error" }) : (typeof cellValue === "object" ? JSON.stringify(cellValue) : cellValue) }))] }, i));
-            }), count > 1 && ((0, jsx_runtime_1.jsx)("span", { className: "absolute top-0 left-0 pb-px px-1 bg-surface-light border-b border-r rounded-br border-border-light font-bold font-mono text-px text-accent", children: count }))] }));
-}
-const s = {
-    container: "relative w-full px-4 py-4 even:bg-surface border-b border-border last:border-b-0",
-    cell: "flex-1 first-of-type:justify-start justify-center last-of-type:justify-end items-center gap-2 font-mono overflow-hidden"
-};

package/dist/components/table/sorter.d.ts

@@ -1,10 +0,0 @@
-import type { CellValue } from "./row";
-type SortDirection = "asc" | "desc";
-export declare function useSort<T extends Record<string, CellValue>>(items: T[]): {
-    sortedItems: T[];
-    sortBy: (col: keyof T | null) => void;
-    toggleSortDirection: () => void;
-    sortColumn: keyof T | null;
-    sortDirection: SortDirection;
-};
-export {};

package/dist/components/table/sorter.js

@@ -1,53 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSort = useSort;
-const react_1 = require("react");
-function useSort(items) {
-    const [column, setColumn] = (0, react_1.useState)(null);
-    const [isDescending, setDescending] = (0, react_1.useState)(true);
-    const sortBy = (col) => {
-        if (col === column)
-            return setColumn(null);
-        setDescending(true);
-        setColumn(col);
-    };
-    const sortedItems = (0, react_1.useMemo)(() => {
-        if (!column)
-            return items;
-        return [...items].sort((a, b) => {
-            const valA = a[column];
-            const valB = b[column];
-            if (valA === undefined || valA === null)
-                return 1;
-            if (valB === undefined || valB === null)
-                return -1;
-            let comparison = 0;
-            // 2. Date detection & comparison
-            const isDateLike = (val) => val instanceof Date ||
-                (typeof val === "string" && !isNaN(Date.parse(val)) && isNaN(Number(val)));
-            if (isDateLike(valA) && isDateLike(valB)) {
-                const timeA = new Date(valA).getTime();
-                const timeB = new Date(valB).getTime();
-                // Swap this to timeB - timeA so the base comparison defaults to descending
-                comparison = timeA - timeB;
-            }
-            // 3. Number comparison
-            else if (typeof valA === "number" && typeof valB === "number")
-                comparison = valA - valB;
-            // 4. String / Fallback comparison (case-insensitive)
-            else {
-                const strA = String(valA).toLowerCase();
-                const strB = String(valB).toLowerCase();
-                comparison = strA.localeCompare(strB);
-            }
-            return isDescending ? -comparison : comparison;
-        });
-    }, [items, column, isDescending]);
-    return {
-        sortedItems,
-        sortBy,
-        toggleSortDirection: () => setDescending(p => !p),
-        sortColumn: column,
-        sortDirection: isDescending ? "desc" : "asc"
-    };
-}

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

@@ -1,2 +0,0 @@
-export { default as Button } from "./normal";
-export { default as CopyButton } from "./copy";

package/dist/ui/button/_.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.CopyButton = exports.Button = void 0;
-var normal_1 = require("./normal");
-Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return __importDefault(normal_1).default; } });
-var copy_1 = require("./copy");
-Object.defineProperty(exports, "CopyButton", { enumerable: true, get: function () { return __importDefault(copy_1).default; } });

package/dist/ui/button/copy.d.ts

@@ -1,6 +0,0 @@
-import { ButtonProps } from "./normal";
-type Props = ButtonProps & {
-    value: string;
-};
-export default function CopyButton({ value, action, children, ...props }: Props): import("react").JSX.Element;
-export {};

package/dist/ui/button/copy.js

@@ -1,16 +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.default = CopyButton;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const normal_1 = require("./normal");
-const copy_svg_1 = __importDefault(require("../../assets/icons/copy.svg"));
-function CopyButton({ value, action, children, ...props }) {
-    const submit = async () => {
-        await navigator.clipboard.writeText(value);
-        await action?.();
-    };
-    return ((0, jsx_runtime_1.jsxs)(normal_1.Button, { action: submit, ...props, children: [(0, jsx_runtime_1.jsx)(copy_svg_1.default, {}), children] }));
-}

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

@@ -1,11 +0,0 @@
-import type { ReactNode } from "react";
-import type { Component } from "../../utils";
-export type ButtonProps = Component & {
-    size?: "xs" | "sm" | "md" | "lg";
-    variant?: "surface" | "accent" | "outline" | "ghost" | "error" | "future";
-    icon?: ReactNode;
-    action?: () => void;
-    disabled?: boolean;
-};
-export declare function Button({ style, size, variant, icon, children, disabled, action }: ButtonProps): import("react").JSX.Element;
-export default Button;

package/dist/ui/button/normal.js

@@ -1,48 +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.Button = Button;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const style_1 = require("@bouko/style");
-const tailwind_variants_1 = require("tailwind-variants");
-const spinner_svg_1 = __importDefault(require("../../assets/icons/spinner.svg"));
-function Button({ style, size, variant, icon, children, disabled, action }) {
-    const [isLoading, setLoading] = (0, react_1.useState)(false);
-    const handleClick = async () => {
-        if (action) {
-            setLoading(true);
-            await action();
-            setLoading(false);
-        }
-    };
-    return ((0, jsx_runtime_1.jsxs)("button", { className: (0, style_1.cn)(styles({ size, variant }), style), onClick: handleClick, disabled: disabled || isLoading, children: [icon && isLoading
-                ? (0, jsx_runtime_1.jsx)(spinner_svg_1.default, { className: "animate-spin" })
-                : icon, children] }));
-}
-const styles = (0, tailwind_variants_1.tv)({
-    base: "relative flex justify-center items-center border outline-none rounded font-semibold duration-200 cursor-pointer disabled:cursor-not-allowed hover:brightness-115",
-    defaultVariants: {
-        size: "md",
-        variant: "surface"
-    },
-    variants: {
-        size: {
-            xs: "gap-1 px-2 py-2 text-sm rounded-full",
-            sm: "gap-2 px-3 py-2 text-xs sm:text-sm",
-            md: "gap-2 px-4 py-2 text-xs sm:text-sm",
-            lg: "gap-3 px-5 py-3 text-base sm:text-lg"
-        },
-        variant: {
-            surface: "bg-surface border-border text-primary",
-            accent: "bg-accent border-accent-dark text-background",
-            outline: "bg-transparent border-accent text-accent",
-            ghost: "bg-transparent border-transparent text-primary",
-            error: "bg-error border-error-dark text-background",
-            future: "backdrop-blur-sm test-button"
-        }
-    }
-});
-exports.default = Button;

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

@@ -1 +0,0 @@
-export { default as TimeAgo } from "./time-ago";

package/dist/ui/date/_.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.TimeAgo = void 0;
-var time_ago_1 = require("./time-ago");
-Object.defineProperty(exports, "TimeAgo", { enumerable: true, get: function () { return __importDefault(time_ago_1).default; } });

package/dist/ui/date/time-ago.d.ts

@@ -1,7 +0,0 @@
-type Props = {
-    style?: string;
-    prefix?: string;
-    date?: Date | null | undefined;
-};
-export default function TimeAgo({ style, prefix, date }: Props): import("react").JSX.Element | null;
-export {};

package/dist/ui/date/time-ago.js

@@ -1,13 +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.default = TimeAgo;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_time_ago_1 = __importDefault(require("react-time-ago"));
-function TimeAgo({ style, prefix, date }) {
-    if (!date)
-        return null;
-    return ((0, jsx_runtime_1.jsxs)("span", { className: style, children: [(0, jsx_runtime_1.jsx)("span", { className: "mr-1", children: prefix }), (0, jsx_runtime_1.jsx)(react_time_ago_1.default, { date: date, timeStyle: "mini-minute-now" })] }));
-}

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

@@ -1,10 +0,0 @@
-import { ReactNode } from "react";
-type Option = {
-    label: ReactNode;
-    action: () => void;
-};
-export default function Dropdown({ options, children }: {
-    options: Option[];
-    children: ReactNode;
-}): import("react").JSX.Element;
-export {};