@kismet-ux/constellation 1.0.0

package/dist/index-qbk6vH0X.d.ts

@@ -0,0 +1,186 @@
+import * as React from 'react';
+import React__default from 'react';
+import { d as SidebarSection, S as SidebarNavItem, B as BreadcrumbItemData, c as NavUserProps } from './nav-user-CJIcWKyY.js';
+import { R as RowProps } from './row-CS9-talZ.js';
+import { I as Input } from './input-CWHXOpeH.js';
+import { b as TooltipContent, B as Button } from './tooltip-XagXjWLB.js';
+import { VariantProps } from 'class-variance-authority';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+interface ColumnProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    children?: React__default.ReactNode;
+    el?: React__default.ElementType<React__default.HTMLAttributes<HTMLDivElement>>;
+    gap?: number;
+    full?: boolean;
+    fullHeight?: boolean;
+    align?: 'start' | 'center' | 'end';
+    flex?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+}
+
+interface ContainerProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    children?: React__default.ReactNode;
+    el?: React__default.ElementType<React__default.HTMLAttributes<HTMLDivElement>>;
+    styled?: boolean;
+    direction?: 'column' | 'row';
+    align?: 'start' | 'center' | 'end' | 'stretch';
+    justify?: 'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly';
+    full?: boolean;
+    rounded?: boolean | 'extra';
+    outlined?: boolean;
+    theme?: 'primary' | 'secondary' | 'success' | 'destructive' | 'warning' | 'info' | 'slate' | 'light-slate';
+    elevation?: number;
+    padding?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 'xl' | 'lg' | 'md' | 'sm' | 'none';
+    darkMode?: boolean;
+    gap?: number;
+}
+
+type GridColumns = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+interface GridProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    children?: React__default.ReactNode;
+    /** Number of columns (1–12). Default: 1. */
+    columns?: GridColumns;
+    /** Responsive column overrides. Each breakpoint sets the column count at that width and above. */
+    sm?: GridColumns;
+    md?: GridColumns;
+    lg?: GridColumns;
+    xl?: GridColumns;
+    /** Gap between items (0–12, maps to --size-N tokens). Default: 2. */
+    gap?: number;
+    /** Horizontal alignment of items within cells. */
+    align?: 'start' | 'center' | 'end' | 'stretch';
+    /** Vertical alignment of items within cells. */
+    justify?: 'start' | 'center' | 'end' | 'stretch';
+    /** Whether the grid fills its parent width. */
+    full?: boolean;
+    /** Semantic HTML element to render. Default: div. */
+    el?: React__default.ElementType<React__default.HTMLAttributes<HTMLDivElement>>;
+}
+
+type SidebarVariant = 'sidebar' | 'floating' | 'inset';
+type SidebarContextValue = {
+    state: 'expanded' | 'collapsed';
+    open: boolean;
+    setOpen: React__default.Dispatch<React__default.SetStateAction<boolean>>;
+    isMobile: boolean;
+    openMobile: boolean;
+    setOpenMobile: React__default.Dispatch<React__default.SetStateAction<boolean>>;
+    toggleSidebar: () => void;
+    variant: SidebarVariant;
+    setVariant: React__default.Dispatch<React__default.SetStateAction<SidebarVariant>>;
+};
+
+declare function AppContent({ children, className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+
+interface AppFooterProps {
+    brand: string;
+    links: {
+        label: string;
+        href: string;
+    }[];
+}
+declare function AppFooter({ brand, links }: AppFooterProps): React.JSX.Element;
+
+interface AppShellProps {
+    children: React.ReactNode;
+    /**
+     * Initial sidebar state. Persist this server-side (cookie, session) or in
+     * localStorage and pass it in, so the sidebar doesn't flash open on load.
+     */
+    defaultSidebarOpen?: boolean;
+}
+declare function AppShell({ children, defaultSidebarOpen }: AppShellProps): React.JSX.Element;
+
+interface AppSidebarProps {
+    logo: React.ReactNode;
+    homeHref?: string;
+    currentPath?: string;
+    linkComponent?: React.ElementType;
+    sections: SidebarSection[];
+    footerItems?: SidebarNavItem[];
+    footerSeparator?: boolean;
+    children?: React.ReactNode;
+}
+declare function AppSidebar({ logo, homeHref, currentPath, linkComponent, sections, footerItems, footerSeparator, children, }: AppSidebarProps): React.JSX.Element;
+
+interface AppSidebarHeaderProps {
+    breadcrumbs?: BreadcrumbItemData[];
+    /** Omit to hide the account menu (e.g. on signed-out chrome). */
+    user?: NavUserProps['user'];
+    userMenu?: Omit<NavUserProps, 'user'>;
+    /** Extra controls between the appearance toggle and the account menu. */
+    actions?: React.ReactNode;
+}
+declare function AppSidebarHeader({ breadcrumbs, user, userMenu, actions, }: AppSidebarHeaderProps): React.JSX.Element;
+
+interface CollapseProps extends React.HTMLAttributes<HTMLDivElement> {
+    open: boolean;
+    duration?: number;
+}
+declare const Collapse: React.ForwardRefExoticComponent<CollapseProps & React.RefAttributes<HTMLDivElement>>;
+
+declare const Column: React.FC<ColumnProps>;
+
+declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
+
+declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;
+
+declare const Row: React.FC<RowProps>;
+
+declare const sidebarMenuButtonVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React.ComponentProps<'div'> & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: React.Dispatch<React.SetStateAction<boolean>>;
+}): React.JSX.Element;
+declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React.ComponentProps<'div'> & {
+    side?: 'left' | 'right';
+    variant?: SidebarVariant;
+    collapsible?: 'offcanvas' | 'icon' | 'none';
+}): React.JSX.Element;
+declare function SidebarTrigger({ className, onClick, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
+declare function SidebarRail({ className, ...props }: React.ComponentProps<'button'>): React.JSX.Element;
+declare function SidebarInset({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function SidebarInput({ className, ...props }: React.ComponentProps<typeof Input>): React.JSX.Element;
+declare function SidebarHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function SidebarFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function SidebarContent({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function SidebarGroup({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function SidebarGroupLabel({ className, asChild, ...props }: React.ComponentProps<'div'> & {
+    asChild?: boolean;
+}): React.JSX.Element;
+declare function SidebarGroupAction({ className, asChild, ...props }: React.ComponentProps<'button'> & {
+    asChild?: boolean;
+}): React.JSX.Element;
+declare function SidebarGroupContent({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function SidebarMenu({ className, ...props }: React.ComponentProps<'ul'>): React.JSX.Element;
+declare function SidebarMenuItem({ className, ...props }: React.ComponentProps<'li'>): React.JSX.Element;
+declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React.ComponentProps<'button'> & {
+    asChild?: boolean;
+    isActive?: boolean;
+    tooltip?: string | React.ComponentProps<typeof TooltipContent>;
+} & VariantProps<typeof sidebarMenuButtonVariants>): React.JSX.Element;
+declare function SidebarMenuAction({ className, asChild, showOnHover, ...props }: React.ComponentProps<'button'> & {
+    asChild?: boolean;
+    showOnHover?: boolean;
+}): React.JSX.Element;
+declare function SidebarMenuBadge({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React.ComponentProps<'div'> & {
+    showIcon?: boolean;
+}): React.JSX.Element;
+declare function SidebarMenuSub({ className, ...props }: React.ComponentProps<'ul'>): React.JSX.Element;
+declare function SidebarMenuSubItem({ className, ...props }: React.ComponentProps<'li'>): React.JSX.Element;
+declare function SidebarMenuSubButton({ asChild, size, isActive, tooltip, className, ...props }: React.ComponentProps<'a'> & {
+    asChild?: boolean;
+    size?: 'sm' | 'md';
+    isActive?: boolean;
+    tooltip?: string | React.ComponentProps<typeof TooltipContent>;
+}): React.JSX.Element;
+
+declare function Skeleton({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+
+export { AppContent as A, SidebarMenuAction as B, Collapse as C, SidebarMenuBadge as D, SidebarMenuButton as E, SidebarMenuItem as F, Grid as G, SidebarMenuSkeleton as H, SidebarMenuSub as I, SidebarMenuSubButton as J, SidebarMenuSubItem as K, SidebarProvider as L, SidebarRail as M, SidebarTrigger as N, Skeleton as P, Row as R, AppFooter as a, AppShell as c, AppSidebar as e, AppSidebarHeader as f, Column as j, Container as l, Sidebar as p, SidebarContent as q, SidebarFooter as r, SidebarGroup as s, SidebarGroupAction as t, SidebarGroupContent as u, SidebarGroupLabel as v, SidebarHeader as w, SidebarInput as x, SidebarInset as y, SidebarMenu as z };
+export type { SidebarVariant as O, SidebarContextValue as S, AppFooterProps as b, AppShellProps as d, AppSidebarHeaderProps as g, AppSidebarProps as h, CollapseProps as i, ColumnProps as k, ContainerProps as m, GridColumns as n, GridProps as o };