@bouko/react 2.4.9 → 2.5.1

package/dist/components/badge.d.ts

@@ -1,5 +0,0 @@
-import type { ReactNode } from "react";
-export default function Badge({ style, children }: {
-    style?: string;
-    children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/components/badge.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function Badge({ style, children }) {
-    return (_jsx("span", { className: "w-min px-3 py-1 bg-accent/20 border border-accent-dark rounded-full text-xs text-accent-dark font-semibold", children: children }));
-}

package/dist/components/flex.d.ts

@@ -1,16 +0,0 @@
-import type { ReactNode } from "react";
-type Props = Position & {
-    style?: string;
-    children: ReactNode;
-};
-type Position = {
-    center?: boolean;
-    centerX?: boolean;
-    centerY?: boolean;
-};
-export declare function ColumnBox({ style, center, centerX, centerY, children }: Props): import("react/jsx-runtime").JSX.Element;
-export declare function RowBox({ style, children }: {
-    style?: string;
-    children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/flex.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "@bouko/style";
-export function ColumnBox({ style, center, centerX, centerY, children }) {
-    return (_jsx("div", { className: cn("flex flex-col", center && "items-center justify-center", centerX && "items-center", centerY && "justify-center", style), children: children }));
-}
-export function RowBox({ style, children }) {
-    return (_jsx("div", { className: cn("flex", style), children: children }));
-}

package/dist/components/form/fields.d.ts

@@ -1,16 +0,0 @@
-import { Field, Option } from "./types";
-export type FormBuilderField<T = unknown> = (Omit<Field<T>, "value" | "update"> & {
-    id: string;
-    element: string;
-    rows?: number;
-    placeholder?: string;
-    options?: Option[];
-})[][];
-type Props<T> = {
-    id?: string;
-    fields: FormBuilderField<T>;
-    data: T;
-    setField: (x: string, y: unknown) => void;
-};
-export default function Fields<T>({ fields, data, setField }: Props<T>): Promise<import("react/jsx-runtime").JSX.Element[]>;
-export {};

package/dist/components/form/fields.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { RowBox } from "../layout/flex";
-import Input from "../input";
-import Select from "../select";
-import TextArea from "../textarea";
-import MultipleChoice from "../multiple-choice";
-import Attachment from "../attachment";
-export default async function Fields({ fields, data, setField }) {
-    return fields.map((row, i) => (_jsx(RowBox, { style: "w-full gap-5 overflow-hidden", children: row.map(({ element, id, rows, label, placeholder, disabled, options, required, note }) => {
-            if (element === "input")
-                return (_jsx(Input, { id: id, styles: { container: "flex-1" }, label: label, placeholder: placeholder, value: data[id], update: x => setField(id, x), disabled: disabled, note: note, required: required }, id));
-            else if (element === "select")
-                return (_jsx(Select, { id: id, label: label, placeholder: placeholder, options: options || [], value: data[id], update: x => setField(id, x), note: note, required: required }, id));
-            else if (element === "textarea")
-                return (_jsx(TextArea, { id: id, label: label, placeholder: placeholder, rows: rows, value: data[id], update: x => setField(id, x), note: note, required: required }, id));
-            else if (element === "multiple-choice")
-                return (_jsx(MultipleChoice, { id: id, label: label, options: options || [], value: data[id], update: x => setField(id, x), note: note, required: required }, id));
-            else if (element === "attachment")
-                return (_jsx(Attachment, { id: id, label: label, value: data[id], update: x => setField(id, x), note: note, required: required }, id));
-        }) }, i)));
-}

package/dist/components/form/loaders.d.ts

@@ -1,3 +0,0 @@
-import { FormBuilderField } from "./fields";
-export declare function loadJson<T>(name: string): Promise<T>;
-export declare function loadForm<T>(name?: string): Promise<FormBuilderField<T>>;

package/dist/components/form/loaders.js

@@ -1,11 +0,0 @@
-"use server";
-import { promises as fs } from "fs";
-export async function loadJson(name) {
-    const file = await fs.readFile(process.cwd() + "/assets/" + name + ".json", "utf-8");
-    return JSON.parse(file);
-}
-export async function loadForm(name) {
-    if (!name)
-        throw new Error("Form not found");
-    return loadJson(`forms/${name}`);
-}

package/dist/components/form/test-next.d.ts

@@ -1 +0,0 @@
-export declare function loadJson<T>(name: string): Promise<T>;

package/dist/components/form/test-next.js

@@ -1,6 +0,0 @@
-"use server";
-import { promises as fs } from "fs";
-export async function loadJson(name) {
-    const file = await fs.readFile(process.cwd() + "/assets/" + name + ".json", "utf-8");
-    return JSON.parse(file);
-}

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

@@ -1,6 +0,0 @@
-type Props = {
-    placeholder?: string;
-    action: (query: string) => void;
-};
-export default function SearchBar({ placeholder, action }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/search/index.js

@@ -1,12 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { RowBox } from "../flex";
-import { Button } from "../button";
-export default function SearchBar({ placeholder, action }) {
-    const [query, search] = useState("");
-    return (_jsxs(RowBox, { style: styles.container, children: [_jsxs("div", { className: "relative grow", children: [_jsx("input", { className: "w-full outline-none lowercase text-lg placeholder-slate-500 tracking-wide", placeholder: placeholder, value: query, onChange: (e) => search(e.target.value), onKeyUp: (e) => e.key === "Enter" ? action(query) : null }), _jsx("div", { className: "absolute top-0 right-0 w-12 h-full bg-gradient-to-l from-slate-950" })] }), _jsx(Button, { size: "sm", style: "gap-[0.4rem] font-extrabold py-1 px-3 font-mono", onClick: () => action(query), children: "GO" })] }));
-}
-const styles = {
-    container: "items-center gap-6 w-xl pl-5 pr-4 py-3 bg-slate-950 border border-border rounded-md"
-};

package/dist/hooks/color.d.ts

@@ -1,7 +0,0 @@
-type Props = {
-    variable: string;
-    color: string;
-    original: string;
-};
-export default function useColor({ variable, color, original }: Props): void;
-export {};

package/dist/hooks/color.js

@@ -1,8 +0,0 @@
-"use client";
-import { useEffect } from "react";
-export default function useColor({ variable, color, original }) {
-    useEffect(() => {
-        document.documentElement.style.setProperty(`--${variable}`, color);
-        return () => document.documentElement.style.setProperty(`--${variable}`, original);
-    }, []);
-}