@kanzo-tech/ui 0.0.1-alpha

package/dist/composites/sidebar.d.ts

@@ -0,0 +1,129 @@
+import { ark } from '@ark-ui/react/factory';
+import { default as React } from 'react';
+import { VariantProps } from 'tailwind-variants';
+import { Button, buttonVariants } from '../simples/button';
+import { Input } from '../simples/input';
+import { Separator } from '../simples/separator';
+import { Sheet } from '../simples/sheet';
+import { TooltipContent } from '../simples/tooltip';
+interface SidebarContextProps {
+    isMobile: boolean;
+    open: boolean;
+    openMobile: boolean;
+    setOpen: (open: boolean) => void;
+    setOpenMobile: (open: boolean) => void;
+    state: "expanded" | "collapsed";
+    toggleSidebar: () => void;
+}
+interface SidebarProviderProps extends React.ComponentProps<"div"> {
+    /**
+     * The default open state of the sidebar.
+     *
+     * @default true
+     */
+    defaultOpen?: boolean;
+    /**
+     * The function to call when the open state of the sidebar changes.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * The open state of the sidebar.
+     */
+    open?: boolean;
+}
+export declare const SidebarProvider: (props: SidebarProviderProps) => React.JSX.Element;
+interface SidebarProps extends React.ComponentProps<typeof Sheet> {
+    className?: string;
+    slot?: string;
+    collapsible?: "offcanvas" | "icon" | "none";
+    placement?: "left" | "right";
+    variant?: "sidebar" | "floating" | "inset";
+}
+export declare const Sidebar: (props: SidebarProps) => React.JSX.Element;
+export declare const SidebarTrigger: (props: React.ComponentProps<typeof Button>) => React.JSX.Element;
+export declare const SidebarRail: (props: React.ComponentProps<typeof ark.button>) => React.JSX.Element;
+export declare const SidebarInset: (props: React.ComponentProps<typeof ark.div>) => React.JSX.Element;
+export declare const SidebarInput: (props: React.ComponentProps<typeof Input>) => React.JSX.Element;
+export declare const SidebarHeader: (props: React.ComponentProps<typeof ark.div>) => React.JSX.Element;
+export declare const SidebarFooter: (props: React.ComponentProps<typeof ark.div>) => React.JSX.Element;
+export declare const SidebarSeparator: (props: React.ComponentProps<typeof Separator>) => React.JSX.Element;
+interface SidebarContentProps extends React.ComponentProps<"div"> {
+    /**
+     * Whether to add a scroll fade effect to the sidebar content.
+     *
+     * @default false
+     */
+    scrollFade?: boolean;
+}
+export declare const SidebarContent: (props: SidebarContentProps) => React.JSX.Element;
+export declare const SidebarGroup: (props: React.ComponentProps<typeof ark.div>) => React.JSX.Element;
+export declare const SidebarGroupLabel: (props: React.ComponentProps<typeof ark.div>) => React.JSX.Element;
+export declare const SidebarGroupAction: (props: React.ComponentProps<typeof ark.button>) => React.JSX.Element;
+export declare const SidebarGroupContent: (props: React.ComponentProps<typeof ark.div>) => React.JSX.Element;
+export declare const SidebarMenu: (props: React.ComponentProps<typeof ark.ul>) => React.JSX.Element;
+export declare const SidebarMenuItem: (props: React.ComponentProps<typeof ark.li>) => React.JSX.Element;
+interface SidebarMenuButtonProps extends React.ComponentProps<typeof Button> {
+    /**
+     * Whether the button is active.
+     *
+     * @default false
+     */
+    isActive?: boolean;
+    /**
+     * The tooltip to display when hovering over the button.
+     *
+     */
+    tooltip?: string | React.ComponentProps<typeof TooltipContent>;
+}
+export declare const SidebarMenuButton: ({ tooltip, ...props }: SidebarMenuButtonProps) => React.JSX.Element;
+interface SidebarMenuActionProps extends React.ComponentProps<typeof ark.button> {
+    showOnHover?: boolean;
+}
+export declare const SidebarMenuAction: (props: SidebarMenuActionProps) => React.JSX.Element;
+declare const sidebarMenuBadgeVariants: import('tailwind-variants').TVReturnType<{
+    placement: {
+        /** Overlaid on the row's trailing edge, sized off the peer button (Shark/shadcn default). */
+        overlay: string[];
+        /**
+         * In the flow, INSIDE the row. Required whenever the row already ends in something else
+         * (a chevron, a `SidebarMenuAction`): the overlay placement would stack on top of it.
+         */
+        inline: string;
+    };
+}, undefined, string[], {
+    placement: {
+        /** Overlaid on the row's trailing edge, sized off the peer button (Shark/shadcn default). */
+        overlay: string[];
+        /**
+         * In the flow, INSIDE the row. Required whenever the row already ends in something else
+         * (a chevron, a `SidebarMenuAction`): the overlay placement would stack on top of it.
+         */
+        inline: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    placement: {
+        /** Overlaid on the row's trailing edge, sized off the peer button (Shark/shadcn default). */
+        overlay: string[];
+        /**
+         * In the flow, INSIDE the row. Required whenever the row already ends in something else
+         * (a chevron, a `SidebarMenuAction`): the overlay placement would stack on top of it.
+         */
+        inline: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export interface SidebarMenuBadgeProps extends React.ComponentProps<typeof ark.div>, VariantProps<typeof sidebarMenuBadgeVariants> {
+}
+export declare const SidebarMenuBadge: (props: SidebarMenuBadgeProps) => React.JSX.Element;
+interface SidebarMenuSkeletonProps extends React.ComponentProps<typeof ark.div> {
+    showIcon?: boolean;
+}
+export declare const SidebarMenuSkeleton: (props: SidebarMenuSkeletonProps) => React.JSX.Element;
+export declare const SidebarMenuSub: (props: React.ComponentProps<typeof ark.ul>) => React.JSX.Element;
+export declare const SidebarMenuSubItem: ({ className, slot, ...props }: React.ComponentProps<typeof ark.li>) => React.JSX.Element;
+interface SidebarMenuSubButtonProps extends React.ComponentProps<typeof ark.a>, VariantProps<typeof buttonVariants> {
+    isActive?: boolean;
+}
+export declare const SidebarMenuSubButton: (props: SidebarMenuSubButtonProps) => React.JSX.Element;
+export declare const useSidebar: () => SidebarContextProps;
+export {};
+//# sourceMappingURL=sidebar.d.ts.map

package/dist/composites/sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../src/composites/sidebar.tsx"],"names":[],"mappings":"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"}