@compill/admin 1.0.104 → 1.0.106

package/dist/lib/json/types/DetailsView.d.ts

@@ -1,57 +0,0 @@
-import { API } from "@compill/admin-api";
-import * as Yup from "yup";
-import { Breadcrumb } from "../../breadcrumbs/BreadCrumbs.js";
-import { FormRendererConfig } from "@compill/form";
-import { CRUDAPI } from "@compill/api";
-export type DetailsViewConfig<T = any> = {
-    type: "details";
-    api: CRUDAPI<T> | API<T>;
-    queryField: string;
-    useNextRouter?: boolean;
-    processInput?: (input: T) => any;
-    screen: Screen | ((data: T) => Screen);
-};
-type Screen = {
-    invalidateParentQueryKey?: string[];
-    invalidatePage?: string;
-    breadcrumbs?: Breadcrumb[];
-    initialValues: any | ((data: any) => any);
-    schema: Yup.Schema;
-    header?: React.ReactNode;
-    sections?: DetailSection[];
-    buttonBar?: DetailViewButton[];
-} & ({
-    type: "form";
-} | {
-    type?: "post" | "section";
-    editor?: DetailEditor;
-    editorFooter?: React.ReactNode;
-});
-type DetailEditor = {
-    type?: "blockEditor";
-    name: string;
-} | {
-    type?: "textarea";
-    name: string;
-};
-export type DetailSection = {
-    type: "section";
-    title?: string;
-    form: FormRendererConfig | ((item: any) => FormRendererConfig);
-} | {
-    type: "custom";
-    component: ((item: any) => React.ReactNode);
-};
-export type DetailViewButton = {
-    type: "invalidate";
-    pathOrPermalink: string;
-} | {
-    type: "link";
-    path: string;
-    icon?: string;
-    label?: string;
-} | {
-    type: "custom";
-    render: (item: any) => React.ReactNode;
-};
-export {};

package/dist/lib/json/types/DetailsView.js

@@ -1 +0,0 @@
-export {};

package/dist/lib/json/types/EditItemDialog.d.ts

@@ -1,4 +0,0 @@
-import { ItemEditDialogProps } from "../dialog/ItemEditDialog.js";
-export type EditItemDialogConfig = Omit<ItemEditDialogProps, "show" | "onClose"> & {
-    type: "dialog";
-};

package/dist/lib/json/types/EditItemDialog.js

@@ -1 +0,0 @@
-export {};

package/dist/lib/json/types/MultiQueryWrapper.d.ts

@@ -1,18 +0,0 @@
-import { CRUDAPI } from "@compill/api";
-import { DetailsViewConfig } from "./DetailsView.js";
-import { TabbedViewConfig } from "./TabbedView.js";
-import { TableViewConfig } from "./TableView.js";
-type SubScreen = TableViewConfig | DetailsViewConfig | TabbedViewConfig;
-export type QueryDef = {
-    api: CRUDAPI<any> | ((id: string) => CRUDAPI<any>);
-    fn: "get" | "getAll";
-    queryField?: string;
-    transformFn?: (data: any) => any;
-    params?: any;
-};
-export type MultiQueryWrapperConfig = {
-    type: "multiQuery";
-    queries: QueryDef[];
-    config: (...data: any[]) => SubScreen;
-};
-export {};

package/dist/lib/json/types/MultiQueryWrapper.js

@@ -1 +0,0 @@
-export {};

package/dist/lib/json/types/MultiQueryWrapperDialog.d.ts

@@ -1,13 +0,0 @@
-import { CRUDAPI } from "@compill/api";
-import { EditItemDialogConfig } from "./EditItemDialog.js";
-export type QueryDef = {
-    api: CRUDAPI<any>;
-    fn: "get" | "getAll";
-    transformFn?: (data: any) => any;
-    cache?: boolean;
-};
-export type MultiQueryWrapperDialogConfig = {
-    type: "multiQuery";
-    queries: QueryDef[];
-    config: (...data: any[]) => Omit<EditItemDialogConfig, "type">;
-};

package/dist/lib/json/types/MultiQueryWrapperDialog.js

@@ -1 +0,0 @@
-export {};

package/dist/lib/json/types/QueryWrapper.d.ts

@@ -1,27 +0,0 @@
-import { CRUDAPI, CRUD_MODEL } from "@compill/api";
-import { DetailsViewConfig } from "./DetailsView.js";
-import { TabbedViewConfig } from "./TabbedView.js";
-import { TableViewConfig } from "./TableView.js";
-type SubScreen<T extends CRUD_MODEL, U> = TableViewConfig | DetailsViewConfig | TabbedViewConfig | QueryWrapperConfig<T, U>;
-export type QueryWrapperConfig<T extends CRUD_MODEL, U = T> = {
-    type: "query";
-    api: CRUDAPI<T> | ((id: string | number) => CRUDAPI<T>);
-    queryField?: string;
-} & ({
-    fn: "get";
-    transformFn?: undefined;
-    config: (data: T) => SubScreen<T, U>;
-} | {
-    fn: "getTransformed";
-    transformFn: (data: T) => U;
-    config: (data: U) => SubScreen<T, U>;
-} | {
-    fn: "getAll";
-    transformFn?: undefined;
-    config: (data: T[]) => SubScreen<T, U>;
-} | {
-    fn: "getAllTransformed";
-    transformFn: (data: T[]) => U;
-    config: (data: U) => SubScreen<T, U>;
-});
-export {};

package/dist/lib/json/types/QueryWrapper.js

@@ -1 +0,0 @@
-export {};

package/dist/lib/json/types/QueryWrapperDialog.d.ts

@@ -1,22 +0,0 @@
-import { CRUDAPI, CRUD_MODEL } from "@compill/api";
-import { EditItemDialogConfig } from "./EditItemDialog.js";
-export type QueryWrapperDialogConfig<T extends CRUD_MODEL, U = T> = {
-    type: "query";
-    api: CRUDAPI<any>;
-} & ({
-    fn: "get";
-    transformFn?: undefined;
-    config: (data: T) => Omit<EditItemDialogConfig, "type">;
-} | {
-    fn: "getTransformed";
-    transformFn: (data: T) => U;
-    config: (data: U) => Omit<EditItemDialogConfig, "type">;
-} | {
-    fn: "getAll";
-    transformFn?: undefined;
-    config: (data: T[]) => Omit<EditItemDialogConfig, "type">;
-} | {
-    fn: "getAllTransformed";
-    transformFn: (data: T[]) => U;
-    config: (data: U) => Omit<EditItemDialogConfig, "type">;
-});

package/dist/lib/json/types/QueryWrapperDialog.js

@@ -1 +0,0 @@
-export {};

package/dist/lib/json/types/ScreenConfig.d.ts

@@ -1,8 +0,0 @@
-import { ItemEditDialogProps } from "../dialog/ItemEditDialog.js";
-import { DetailsViewConfig } from "./DetailsView.js";
-import { MultiQueryWrapperConfig } from "./MultiQueryWrapper.js";
-import { QueryWrapperConfig } from "./QueryWrapper.js";
-import { TabbedViewConfig } from "./TabbedView.js";
-import { TableViewConfig } from "./TableView.js";
-export type ScreenConfig = TableViewConfig | DetailsViewConfig | TabbedViewConfig | QueryWrapperConfig<any, any> | MultiQueryWrapperConfig;
-export type TableViewEditItem = Omit<ItemEditDialogProps, "show" | "onClose">;

package/dist/lib/json/types/ScreenConfig.js

@@ -1 +0,0 @@
-export {};

package/dist/lib/json/types/TabbedView.d.ts

@@ -1,22 +0,0 @@
-import { CRUDAPI } from "@compill/api";
-import { Breadcrumb } from "../../breadcrumbs/BreadCrumbs.js";
-import { DetailsViewConfig } from "./DetailsView.js";
-import { QueryWrapperConfig } from "./QueryWrapper.js";
-import { TableViewConfig } from "./TableView.js";
-import { MultiQueryWrapperConfig } from "./MultiQueryWrapper.js";
-export type TabbedViewConfig<T extends any = any> = {
-    type: "tabbed";
-    queryField: string;
-    api: CRUDAPI<any>;
-    screen: Screen | ((data: T) => Screen);
-};
-type Screen = {
-    breadcrumbs: Breadcrumb[];
-    tabs: Tab[];
-};
-export type Tab = {
-    label: string;
-    config?: TableViewConfig | DetailsViewConfig | QueryWrapperConfig<any> | MultiQueryWrapperConfig | TabbedViewConfig;
-    component?: () => React.ReactNode;
-};
-export {};

package/dist/lib/json/types/TabbedView.js

@@ -1 +0,0 @@
-export {};

package/dist/lib/json/types/TableView.d.ts

@@ -1,117 +0,0 @@
-import { API } from "@compill/admin-api";
-import { FormRendererConfig } from "@compill/form";
-import { TableProps } from "@compill/table";
-import { ButtonProps, ModalProps } from "@valerya/ui";
-import { Breadcrumb, QueryBreadcrumbs } from "../../breadcrumbs/BreadCrumbs.js";
-import { ItemDeleteDialogProps } from "../dialog/ItemDeleteDialog.js";
-import { EditItemDialogConfig } from "./EditItemDialog.js";
-import { QueryWrapperDialogConfig } from "./QueryWrapperDialog.js";
-import * as Yup from "yup";
-import { MutationQueryFn, MutationQueryKey } from "@compill/api";
-export type TableViewScreen = {
-    api: API<any>;
-    breadcrumbs?: Breadcrumb[] | QueryBreadcrumbs;
-    buttonBar?: TableViewButtonConfig[];
-    filters?: TableFilters;
-    massActions?: TableMassActions;
-    createView?: TableViewEditView | ((data?: any) => TableViewEditView);
-    editView?: TableViewEditView | ((item: any) => TableViewEditView);
-    deleteItem?: TableViewDeleteItem | ((item: any) => TableViewDeleteItem);
-    table: TableViewTable;
-    rowActions?: TableRowAction[] | ((item: any) => TableRowAction[]);
-    queryParams?: any;
-};
-export type TableViewConfig = {
-    type: "table";
-    title: string;
-    subtitle?: string | React.ReactNode | ((data: any) => string | React.ReactNode);
-    queryField?: string;
-    screen: TableViewScreen | ((id: string) => TableViewScreen);
-};
-export type CustomDialog = {
-    type: "customDialog";
-    render: (props: ModalProps) => React.ReactNode;
-};
-export type TableViewEditView = CustomDialog | EditItemDialogConfig | QueryWrapperDialogConfig<any>;
-export type TableViewTable = Omit<TableProps, "onRowClick" | "queryKey" | "queryFn" | "queryFilters"> & {
-    filtersMethod?: "internal" | "nextRouter" | "reactRouter";
-    initialVisibleColumns?: string[];
-    onRowClick?: {
-        type: "navigate" | "nextpush" | "link";
-        path: string | ((item: any) => string);
-    };
-};
-export type TableViewDeleteItem = Omit<ItemDeleteDialogProps, "show" | "onClose" | "itemLabel" | "queryId"> & {
-    itemLabel: string | ((item: any) => string);
-};
-export type TableRowAction = {
-    type: "link";
-    path: string | ((item: any) => string);
-} | {
-    type: "view";
-    path: string | ((item: any) => string);
-} | {
-    type: "edit";
-} | {
-    type: "delete";
-    msg?: (itemLabel: string) => (string | React.ReactNode);
-} | {
-    type: "publish";
-    api?: API<any>;
-} | {
-    type: "custom";
-    component: (item: any, queryKey: string[], icon?: string, label?: string) => React.ReactNode;
-    icon?: string;
-    label?: string;
-};
-export type TableViewButtonBar = TableViewButtonConfig[];
-type TableViewButtonConfig = {
-    type: "create";
-    data?: any;
-    label?: string;
-    icon?: string;
-} | {
-    type: "invalidate";
-    pathOrPermalink: string;
-} | {
-    type: "custom";
-    render: () => React.ReactNode;
-};
-type TableFilters = {
-    form: FormRendererConfig;
-    initialValues: any | ((data: any) => any);
-    schema?: Yup.AnySchema;
-    processInput?: (input: any) => any;
-};
-type TableMassActions = {
-    items: MassAction[];
-};
-export type MassAction = ({
-    type: "custom";
-    render: (selectedRows: any[]) => React.ReactNode;
-} | {
-    type: "select";
-    provider?: Record<string, any>[] | ((selectedRows: any) => Record<string, any>[]);
-    labelField?: string;
-    valueField?: string;
-    queryFn: MutationQueryFn<any, any>;
-    queryKey: MutationQueryKey;
-} | {
-    type: "dynamicChoiceList";
-} | {
-    type: "button";
-    label: string;
-    icon?: string;
-    buttonProps?: ButtonProps;
-    queryFn: MutationQueryFn<any, any>;
-    queryKey: MutationQueryKey;
-    invalidateParent?: boolean;
-    showConfirmationDialog?: boolean;
-    confirmationDialogTitle?: string;
-    confirmationDialogText?: string;
-    confirmationDialogPositiveButtonLabel?: string;
-    confirmationDialogNegativeButtonLabel?: string;
-    successMsg?: (rows: any[]) => string;
-    errorMsg?: (rows: any[]) => string;
-});
-export {};

package/dist/lib/json/types/TableView.js

@@ -1 +0,0 @@
-export {};

package/dist/lib/layout/AdminLayout.d.ts

@@ -1,13 +0,0 @@
-import { Color, ParentComponent, SoperioComponent } from "@soperio/react";
-import { MenuConfig } from "./menu/MenuConfig.js";
-interface LayoutProps extends SoperioComponent, ParentComponent {
-    color: Color;
-    darkMode?: boolean;
-    logo?: React.ReactNode;
-    title?: string;
-    menuConfig: MenuConfig;
-    userMenuConfig?: MenuConfig;
-    userSettingsPath: string;
-}
-export declare function AdminLayout({ color, darkMode, logo, title, menuConfig, userMenuConfig, userSettingsPath, ...props }: LayoutProps): JSX.Element;
-export {};

package/dist/lib/layout/AdminLayout.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@soperio/jsx-runtime";
-import { useBoolean } from "@compill/hooks";
-import { mdiArrowLeft } from "@mdi/js";
-import { IconButton } from "@valerya/ui";
-import { useHotkeys } from "react-hotkeys-hook";
-import Content from "./Content.js";
-import { Sidebar } from "./Sidebar.js";
-export function AdminLayout({ color, darkMode, logo, title, menuConfig, userMenuConfig, userSettingsPath, ...props }) {
-    return (_jsxs("div", { w: "full", h: "screen", dflex: true, flexRow: true, bgColor: `${color}-${darkMode ? "900" : "100"}`, ...props, children: [_jsx(LeftPanel, { color: color, darkMode: darkMode, logo: logo, title: title, menuConfig: menuConfig, userMenuConfig: userMenuConfig, userSettingsPath: userSettingsPath }), _jsx("div", { w: "screen", py: "2", pe: "2", children: _jsx(Content, { bgColor: "white", rounded: "lg", shadow: true }) })] }));
-}
-function LeftPanel({ color, darkMode, logo, title, menuConfig, userMenuConfig, userSettingsPath }) {
-    const [isOpen, __, toggle] = useBoolean(true);
-    useHotkeys('ctrl+t', () => toggle(), [toggle]);
-    return (_jsxs("div", { ms: isOpen ? "0" : "-14.5rem", transition: "all", duration: "500", transform: true, children: [_jsx(Sidebar, { flexShrink: "0", color: color, darkMode: darkMode, logo: logo, title: title, menuConfig: menuConfig, userMenuConfig: userMenuConfig, userSettingsPath: userSettingsPath }), _jsx(IconButton, { icon: mdiArrowLeft, transition: "all", duration: "500", transform: true, rotate: isOpen ? "0" : "180", position: "absolute", bottom: "14", end: "-5", size: "lg", corners: "pill", onClick: toggle, z: "100" })] }));
-}

package/dist/lib/layout/ButtonBar.d.ts

@@ -1,19 +0,0 @@
-import { DialogButtonProps } from "../buttons/DialogButton.js";
-import { ParentComponent, SoperioComponent } from "@soperio/react";
-import { ButtonProps } from "@valerya/ui";
-import React from "react";
-export declare function ButtonBar({ children, ...props }: ParentComponent & SoperioComponent): JSX.Element;
-export type ButtonBarButtonProps = {
-    icon?: string;
-} & ButtonProps;
-export declare const ButtonBarButton: React.ForwardRefExoticComponent<{
-    icon?: string;
-} & ButtonProps & React.RefAttributes<HTMLDivElement>>;
-export interface ButtonBarSubmitButtonProps extends ButtonBarButtonProps {
-    useDirty?: boolean;
-}
-export declare const ButtonBarSubmitButton: React.ForwardRefExoticComponent<ButtonBarSubmitButtonProps & React.RefAttributes<HTMLDivElement>>;
-export type ButtonBarDialogButtonProps = {
-    icon?: string;
-} & DialogButtonProps;
-export declare function ButtonBarDialogButton({ icon, children, ...props }: ButtonBarDialogButtonProps): JSX.Element;

package/dist/lib/layout/ButtonBar.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@soperio/jsx-runtime";
-import { DialogButton } from "../buttons/DialogButton.js";
-import { Button, Icon } from "@valerya/ui";
-import { useFormikContext } from "formik";
-import React from "react";
-export function ButtonBar({ children, ...props }) {
-    return (_jsx("div", { dflex: true, border: "1px", borderColor: "zinc-200", divideX: "1px", divideColor: "zinc-200", rounded: "lg", overflow: "hidden", ...props, children: children }));
-}
-export const ButtonBarButton = React.forwardRef(function ({ icon, children, ...props }, ref) {
-    return (_jsxs(Button, { scheme: "dark", size: "sm", aspectRatio: icon && !children ? "square" : undefined, variant: "borderless", dflex: true, alignItems: "center", placeContent: "center", corners: "square", gap: "2", ...props, ref: ref, children: [icon && _jsx(Icon, { path: icon }), children] }));
-});
-export const ButtonBarSubmitButton = React.forwardRef(function ({ useDirty, disabled, icon, children, ...props }, ref) {
-    const { dirty, handleSubmit } = useFormikContext() ?? { dirty: false, handleSubmit: undefined, values: {} };
-    const onSubmit = React.useCallback(() => handleSubmit(), [handleSubmit]);
-    return (_jsxs(Button, { scheme: "dark", size: "sm", aspectRatio: icon && !children ? "square" : undefined, variant: "borderless", dflex: true, alignItems: "center", placeContent: "center", corners: "square", gap: "2", disabled: (useDirty && !dirty) || disabled, onClick: onSubmit, ...props, ref: ref, children: [icon && _jsx(Icon, { path: icon }), children] }));
-});
-export function ButtonBarDialogButton({ icon, children, ...props }) {
-    return (_jsxs(DialogButton, { scheme: "dark", size: "sm", aspectRatio: icon && !children ? "square" : undefined, variant: "borderless", dflex: true, alignItems: "center", placeContent: "center", corners: "square", gap: "2", ...props, children: [icon && _jsx(Icon, { path: icon }), children] }));
-}

package/dist/lib/layout/Content.d.ts

@@ -1,9 +0,0 @@
-import { SoperioComponent, ParentComponent } from "@soperio/react";
-interface ContentProps extends SoperioComponent, ParentComponent {
-}
-/**
- *
- *
- */
-export default function Content({ ...props }: ContentProps): JSX.Element;
-export {};

package/dist/lib/layout/Content.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "@soperio/jsx-runtime";
-import { Outlet } from "react-router-dom";
-/**
- *
- *
- */
-export default function Content({ ...props }) {
-    return (_jsx("div", { w: "100%", h: "100%", overflowY: "auto", ...props, children: _jsx(Outlet, {}) }));
-}

package/dist/lib/layout/PageTitleBar.d.ts

@@ -1,6 +0,0 @@
-import { ParentComponent, SoperioComponent } from "@soperio/react";
-interface TableTopBarProps extends SoperioComponent, ParentComponent {
-    title?: string;
-}
-export declare function PageTitleBar({ title, children, ...props }: TableTopBarProps): JSX.Element;
-export {};

package/dist/lib/layout/PageTitleBar.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@soperio/jsx-runtime";
-export function PageTitleBar({ title, children, ...props }) {
-    return (_jsxs("div", { dflex: true, flexRow: true, alignItems: "center", gap: "3", p: "8", ...props, children: [title && _jsx("h2", { textSize: "x2", fontWeight: "600", textColor: "#3f4254", textTransform: "capitalize", children: title }), _jsx("div", { flexGrow: true, children: "\u00A0" }), children] }));
-}

package/dist/lib/layout/Sidebar.d.ts

@@ -1,20 +0,0 @@
-import { Color, ParentComponent, SoperioComponent } from "@soperio/react";
-import { MenuConfig } from "./menu/MenuConfig.js";
-interface SidebarProps extends SoperioComponent, ParentComponent {
-    show?: boolean;
-    color: Color;
-    darkMode?: boolean;
-    logo?: React.ReactNode;
-    title?: string;
-    menuConfig: MenuConfig;
-    userMenuConfig?: MenuConfig;
-    userSettingsPath: string;
-}
-export declare function Sidebar({ show, logo, title, menuConfig, userMenuConfig, userSettingsPath, color, darkMode, ...props }: SidebarProps): JSX.Element;
-interface LogoProps extends SoperioComponent, ParentComponent {
-    width: number;
-    height: number;
-    darkMode?: boolean;
-}
-export default function Logo({ width, height, darkMode, ...props }: LogoProps): JSX.Element;
-export {};

package/dist/lib/layout/Sidebar.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@soperio/jsx-runtime";
-import { FlexCenter } from "@compill/components";
-import { Menu } from "./menu/Menu.js";
-import { AppEnv } from "@compill/env";
-import Image from "next/image";
-import { UserBlock } from "./menu/UserBlock.js";
-export function Sidebar({ show, logo, title, menuConfig, userMenuConfig, userSettingsPath, color, darkMode, ...props }) {
-    return (_jsxs("div", { dflex: true, flexCol: true, w: "full", md_w: "64", minH: "screen", p: "0", textColor: darkMode ? "white" : "slate-800", ...props, children: [_jsxs(FlexCenter, { placeContent: "start", p: "4", font: "title", gap: "3", borderB: "px", borderBColor: "slate-900", borderOpacity: "5", children: [logo ?? _jsx(Logo, { width: 40, height: 40, darkMode: darkMode }), _jsx("h1", { textSize: "md", children: title || AppEnv.appName() })] }), _jsx(Menu, { overflowY: "auto", flexGrow: "1", p: "4", darkMode: darkMode, config: menuConfig }), _jsx("div", { p: "2", children: _jsx(UserBlock, { darkMode: darkMode, color: color, menuConfig: userMenuConfig, path: userSettingsPath }) })] }));
-}
-export default function Logo({ width, height, darkMode, ...props }) {
-    return (_jsx("div", { ...props, children: _jsx(Image, { src: `/logo_${darkMode ? "light" : "dark"}.png`, alt: AppEnv.appName() || "", width: width, height: height, priority: true, unoptimized: true }) }));
-}

package/dist/lib/layout/menu/Menu.d.ts

@@ -1,12 +0,0 @@
-import { ParentComponent, SoperioComponent } from "@soperio/react";
-import { MenuConfig } from "./MenuConfig.js";
-export interface MenuProps extends SoperioComponent, ParentComponent {
-    darkMode?: boolean;
-    config: MenuConfig;
-    useNextRouter?: boolean;
-}
-/**
- *
- *
- */
-export declare function Menu({ darkMode, config, useNextRouter, ...props }: MenuProps): JSX.Element;

package/dist/lib/layout/menu/Menu.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx } from "@soperio/jsx-runtime";
-import { MenuItem } from "./MenuItem.js";
-import { NextMenuItem } from "./NextMenuItem.js";
-/**
- *
- *
- */
-export function Menu({ darkMode, config, useNextRouter, ...props }) {
-    const Comp = useNextRouter ? NextMenuItem : MenuItem;
-    return (_jsx("ul", { ...props, children: config.map((item, index) => {
-            if (item.type == "divider")
-                return _jsx(Divider, { title: item.label }, index);
-            if (item.type == "item") {
-                return (_jsx(Comp, { icon: item.icon, path: item.path, depth: 0, darkMode: darkMode, subMenu: item.children, children: item.label }, index));
-            }
-        }) }));
-}
-function Divider({ title }) {
-    return (_jsx("div", { px: "2", mt: "5", mb: "2", opacity: "75", textTransform: "capitalize", letterSpacing: "widest", fontWeight: "700", textSize: "xs", children: title }));
-}
-function CategoryItem({ children, ...props }) {
-    return (_jsx("li", { ps: "5", py: "2", mt: "5", textSize: "sm", textColor: "white", textOpacity: "80", fontWeight: "600", textTransform: "uppercase", children: children }));
-}

package/dist/lib/layout/menu/MenuButton.d.ts

@@ -1,6 +0,0 @@
-import { ButtonProps } from "@valerya/ui";
-export declare function MenuButton({ depth, darkMode, icon, selected, children, ...props }: {
-    depth?: number;
-    icon?: string;
-    darkMode?: boolean;
-} & ButtonProps): JSX.Element;

package/dist/lib/layout/menu/MenuButton.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@soperio/jsx-runtime";
-import { Button, Icon } from "@valerya/ui";
-export function MenuButton({ depth, darkMode, icon, selected, children, ...props }) {
-    return (_jsxs(Button, { as: "li", minH: "8", ms: `${(depth ?? 0) * 2}`, p: "2", font: "title", textColor: darkMode ? "white" : "black", fontWeight: "600", rounded: "lg", textSize: "sm", variant: "borderless", hover_bgColor: darkMode ? "white" : "black", hover_bgOpacity: "10", hover_textColor: darkMode ? "white" : "zinc-800", cursor: "pointer", dflex: true, alignItems: "center", gap: "3", ...props, children: [icon && _jsx(Icon, { path: icon, opacity: selected ? "100" : "60" }), children] }));
-}

package/dist/lib/layout/menu/MenuConfig.d.ts

@@ -1,13 +0,0 @@
-export type MenuConfig = MenuItems;
-export type MenuItems = (Item | MenuDivider)[];
-export type Item = {
-    type: "item";
-    path: string;
-    icon?: string;
-    label: string;
-    children?: Item[];
-};
-export type MenuDivider = {
-    type: "divider";
-    label?: string;
-};

package/dist/lib/layout/menu/MenuConfig.js

@@ -1 +0,0 @@
-export {};

package/dist/lib/layout/menu/MenuItem.d.ts

@@ -1,11 +0,0 @@
-import { ParentComponent, SoperioComponent } from "@soperio/react";
-import { Item } from "./MenuConfig.js";
-interface MenuItemProps extends SoperioComponent, ParentComponent {
-    path: string;
-    depth?: number;
-    icon?: string;
-    darkMode?: boolean;
-    subMenu?: Item[];
-}
-export declare function MenuItem({ icon, path, depth, darkMode, subMenu, ...props }: MenuItemProps): JSX.Element;
-export {};

package/dist/lib/layout/menu/MenuItem.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@soperio/jsx-runtime";
-import { SelectedIndicator } from "./SelectedIndicator.js";
-import { Link, useLocation, useMatch } from "react-router-dom";
-import { MenuButton } from "./MenuButton.js";
-export function MenuItem({ icon, path, depth, darkMode, subMenu, ...props }) {
-    const location = useLocation();
-    const selected = path == "/" ? location.pathname == "/" : location.pathname.startsWith(path.startsWith("/") ? path : `/${path}`);
-    const match = useMatch("/" + path) != null;
-    // const selected = match != null
-    return (_jsxs(_Fragment, { children: [_jsxs(Link, { to: path, style: { position: "relative" }, children: [_jsx(MenuButton, { depth: depth, darkMode: darkMode, icon: icon, selected: selected, ...props }), match && _jsx(SelectedIndicator, { darkMode: darkMode })] }), subMenu?.map((item, index) => (_jsx(MenuItem, { icon: item.icon, path: item.path, depth: (depth ?? 0) + 1, darkMode: darkMode, subMenu: item.children, children: item.label }, index)))] }));
-}

package/dist/lib/layout/menu/NextMenuItem.d.ts

@@ -1,11 +0,0 @@
-import { ParentComponent, SoperioComponent } from "@soperio/react";
-import { Item } from "./MenuConfig.js";
-interface NextMenuItemProps extends SoperioComponent, ParentComponent {
-    path: string;
-    depth?: number;
-    icon?: string;
-    darkMode?: boolean;
-    subMenu?: Item[];
-}
-export declare function NextMenuItem({ icon, path, depth, darkMode, subMenu, ...props }: NextMenuItemProps): JSX.Element;
-export {};

package/dist/lib/layout/menu/NextMenuItem.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@soperio/jsx-runtime";
-import { MenuButton } from "./MenuButton.js";
-import { SelectedIndicator } from "./SelectedIndicator.js";
-import Link from "next/link";
-import { useRouter } from "next/router";
-export function NextMenuItem({ icon, path, depth, darkMode, subMenu, ...props }) {
-    const { pathname } = useRouter();
-    const selected = path == "/" ? pathname == "/" : pathname.startsWith(path.startsWith("/") ? path : `/${path}`);
-    const match = path == "/" ? pathname == "/" : pathname == (path.startsWith("/") ? path : `/${path}`);
-    return (_jsxs(_Fragment, { children: [_jsxs(Link, { href: path, style: { position: "relative" }, children: [_jsx(MenuButton, { depth: depth, darkMode: darkMode, icon: icon, selected: selected, ...props }), match && _jsx(SelectedIndicator, { darkMode: darkMode })] }), subMenu?.map((item, index) => (_jsx(NextMenuItem, { icon: item.icon, path: item.path, depth: (depth ?? 0) + 1, darkMode: darkMode, subMenu: item.children, children: item.label }, index)))] }));
-}

package/dist/lib/layout/menu/SelectedIndicator.d.ts

@@ -1,3 +0,0 @@
-export declare function SelectedIndicator({ darkMode }: {
-    darkMode?: boolean;
-}): JSX.Element;

package/dist/lib/layout/menu/SelectedIndicator.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "@soperio/jsx-runtime";
-export function SelectedIndicator({ darkMode }) {
-    return (_jsx("div", { position: "absolute", bgColor: darkMode ? "white" : "black", bgOpacity: "90", w: "0.5", h: "6", top: "1.5", start: "-4" }));
-}

package/dist/lib/layout/menu/UserBlock.d.ts

@@ -1,9 +0,0 @@
-import { MenuConfig } from "./MenuConfig.js";
-interface UserBlockProps {
-    color: string;
-    darkMode?: boolean;
-    menuConfig?: MenuConfig;
-    path: string;
-}
-export declare function UserBlock({ color, darkMode, menuConfig, path }: UserBlockProps): JSX.Element | null;
-export {};