lsp-uikit 1.4.3 → 1.4.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/alert/alert.d.ts +1 -1
- package/dist/components/badge/badge.d.ts +1 -1
- package/dist/components/button/button.d.ts +2 -2
- package/dist/components/sidebar/sidebar.d.ts +2 -2
- package/dist/components/sidebar/sidebar.js +1 -1
- package/dist/components/toggle/toggle.d.ts +2 -2
- package/package.json +1 -1
|
@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
|
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
|
|
6
6
|
declare const alertVariants: (props?: ({
|
|
7
|
-
variant?: "
|
|
7
|
+
variant?: "success" | "destructive" | "default" | "warning" | null | undefined;
|
|
8
8
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
9
9
|
declare function Alert({ className, variant, hideDefaultIcon, children, ...props }: React.ComponentProps<'div'> & VariantProps<typeof alertVariants> & {
|
|
10
10
|
hideDefaultIcon?: boolean;
|
|
@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
|
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
|
|
6
6
|
declare const badgeVariants: (props?: ({
|
|
7
|
-
variant?: "
|
|
7
|
+
variant?: "primary" | "primary_ghost" | "primary_outline" | "success" | "success_ghost" | "success_outline" | "purple" | "purple_ghost" | "purple_outline" | "secondary" | "destructive" | "destructive_ghost" | "destructive_outline" | "outline" | null | undefined;
|
|
8
8
|
rounded?: "sm" | "md" | "full" | null | undefined;
|
|
9
9
|
textOverflow?: "default" | "hidden" | null | undefined;
|
|
10
10
|
hover?: boolean | null | undefined;
|
|
@@ -4,8 +4,8 @@ import * as React from 'react';
|
|
|
4
4
|
import { VariantProps } from 'class-variance-authority';
|
|
5
5
|
|
|
6
6
|
declare const buttonVariants: (props?: ({
|
|
7
|
-
variant?: "
|
|
8
|
-
size?: "
|
|
7
|
+
variant?: "secondary" | "destructive" | "outline" | "default" | "default_invert" | "destructive_invert" | "ghost" | "link" | "clear" | null | undefined;
|
|
8
|
+
size?: "sm" | "default" | "lg" | "icon" | null | undefined;
|
|
9
9
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
10
10
|
interface ButtonProps extends React.ComponentProps<'button'>, VariantProps<typeof buttonVariants> {
|
|
11
11
|
asChild?: boolean;
|
|
@@ -46,8 +46,8 @@ declare function SidebarGroupContent({ className, ...props }: React.ComponentPro
|
|
|
46
46
|
declare function SidebarMenu({ className, ...props }: React.ComponentProps<'ul'>): react_jsx_runtime.JSX.Element;
|
|
47
47
|
declare function SidebarMenuItem({ className, ...props }: React.ComponentProps<'li'>): react_jsx_runtime.JSX.Element;
|
|
48
48
|
declare const sidebarMenuButtonVariants: (props?: ({
|
|
49
|
-
variant?: "
|
|
50
|
-
size?: "
|
|
49
|
+
variant?: "outline" | "default" | null | undefined;
|
|
50
|
+
size?: "sm" | "default" | "lg" | null | undefined;
|
|
51
51
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
52
52
|
declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React.ComponentProps<'button'> & {
|
|
53
53
|
asChild?: boolean;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as e,jsxs as a}from"react/jsx-runtime";import{Root as t}from"../../node_modules/@radix-ui/react-slot/dist/index.js";import{cva as r}from"../../node_modules/class-variance-authority/dist/index.js";import{PanelLeftIcon as i}from"lucide-react";import*as s from"react";import{useIsMobile as d}from"../../lib/hooks/useMobile.js";import{cn as n}from"../../lib/utils/cn.js";import{Button as o}from"../button/button.js";import{Input as l}from"../input/input.js";import{Separator as c}from"../separator/separator.js";import{Sheet as u,SheetContent as b}from"../sheet/sheet.js";import{Skeleton as p}from"../skeleton/skeleton.js";import{Tooltip as m,TooltipTrigger as f,TooltipContent as g,TooltipProvider as h}from"../tooltip/tooltip.js";const v=s.createContext(null);function x(){const e=s.useContext(v);if(!e)throw new Error("useSidebar must be used within a SidebarProvider.");return e}function w({defaultOpen:a=!0,open:t,onOpenChange:r,className:i,style:o,children:l,...c}){const u=d(),[b,p]=s.useState(!1),[m,f]=s.useState(a),g=t??m,x=s.useCallback(e=>{const a="function"==typeof e?e(g):e;r?r(a):f(a),document.cookie=`sidebar_state=${a}; path=/; max-age=604800`},[r,g]),w=s.useCallback(()=>u?p(e=>!e):x(e=>!e),[u,x,p]);s.useEffect(()=>{const e=e=>{"b"===e.key&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),w())};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[w]);const N=g?"expanded":"collapsed",y=s.useMemo(()=>({state:N,open:g,setOpen:x,isMobile:u,openMobile:b,setOpenMobile:p,toggleSidebar:w}),[N,g,x,u,b,p,w]);return e(v.Provider,{value:y,children:e(h,{delayDuration:0,children:e("div",{"data-slot":"sidebar-wrapper",style:{"--sidebar-width":"16rem","--sidebar-width-icon":"5rem",...o},className:n("group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full",i),...c,children:l})})})}function N({side:t="left",variant:r="sidebar",collapsible:i="offcanvas",className:s,children:d,...o}){const{isMobile:l,state:c,openMobile:p,setOpenMobile:m}=x();return"none"===i?e("div",{"data-slot":"sidebar",className:n("bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col",s),...o,children:d}):l?e(u,{open:p,onOpenChange:m,...o,children:e(b,{"data-sidebar":"sidebar","data-slot":"sidebar","data-mobile":"true",className:"text-sidebar-foreground w-full p-0 [&>button]:hidden",style:{"--sidebar-width":"18rem"},side:t,children:d})}):a("div",{className:"group peer text-sidebar-foreground hidden md:block","data-state":c,"data-collapsible":"collapsed"===c?i:"","data-variant":r,"data-side":t,"data-slot":"sidebar",children:[e("div",{"data-slot":"sidebar-gap",className:n("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear","group-data-[collapsible=offcanvas]:w-0","group-data-[side=right]:rotate-180","floating"===r||"inset"===r?"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon)")}),e("div",{"data-slot":"sidebar-container",className:n("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex","left"===t?"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]":"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]","floating"===r||"inset"===r?"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",s),...o,children:e("div",{"data-sidebar":"sidebar","data-slot":"sidebar-inner",className:"bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm",children:d})})]})}function y({className:t,onClick:r,...s}){const{toggleSidebar:d}=x();return a(o,{"data-sidebar":"trigger","data-slot":"sidebar-trigger",variant:"ghost",size:"icon",className:n("size-7",t),onClick:e=>{r?.(e),d()},...s,children:[e(i,{}),e("span",{className:"sr-only",children:"Toggle Sidebar"})]})}function k({className:a,...t}){const{toggleSidebar:r}=x();return e("button",{"data-sidebar":"rail","data-slot":"sidebar-rail","aria-label":"Toggle Sidebar",tabIndex:-1,onClick:r,title:"Toggle Sidebar",className:n("hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex","in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize","[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize","hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full","[[data-side=left][data-collapsible=offcanvas]_&]:-right-2","[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",a),...t})}function z({className:a,...t}){return e("main",{"data-slot":"sidebar-inset",className:n("bg-background relative flex w-full flex-1 flex-col","md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2",a),...t})}function C({className:a,...t}){return e(l,{"data-slot":"sidebar-input","data-sidebar":"input",className:n("bg-background h-8 w-full shadow-none",a),...t})}function _({className:a,...t}){return e("div",{"data-slot":"sidebar-header","data-sidebar":"header",className:n("flex flex-col gap-2 p-2",a),...t})}function j({className:a,...t}){return e("div",{"data-slot":"sidebar-footer","data-sidebar":"footer",className:n("flex flex-col gap-2 p-2",a),...t})}function M({className:a,...t}){return e(c,{"data-slot":"sidebar-separator","data-sidebar":"separator",className:n("bg-sidebar-border mx-2 w-auto",a),...t})}function S({className:a,...t}){return e("div",{"data-slot":"sidebar-content","data-sidebar":"content",className:n("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",a),...t})}function O({className:a,...t}){return e("div",{"data-slot":"sidebar-group","data-sidebar":"group",className:n("relative flex w-full min-w-0 flex-col px-[15px] py-2 max-md:p-0",a),...t})}function E({className:a,asChild:r=!1,...i}){return e(r?t:"div",{"data-slot":"sidebar-group-label","data-sidebar":"group-label",className:n("text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0","group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",a),...i})}function T({className:a,asChild:r=!1,...i}){return e(r?t:"button",{"data-slot":"sidebar-group-action","data-sidebar":"group-action",className:n("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0","after:absolute after:-inset-2 md:after:hidden","group-data-[collapsible=icon]:hidden",a),...i})}function q({className:a,...t}){return e("div",{"data-slot":"sidebar-group-content","data-sidebar":"group-content",className:n("w-full text-sm",a),...t})}function A({className:a,...t}){return e("ul",{"data-slot":"sidebar-menu","data-sidebar":"menu",className:n("flex w-full min-w-0 flex-col gap-1",a),...t})}function D({className:a,...t}){return e("li",{"data-slot":"sidebar-menu-item","data-sidebar":"menu-item",className:n("group/menu-item relative",a),...t})}const I=r("peer/menu-button cursor-pointer flex w-full items-center gap-2 [&>svg]:ml-[8px] overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate group-data-[collapsible=icon]:[&>span:last-child]:hidden [&>svg]:size-4 [&>svg]:shrink-0",{variants:{variant:{default:"hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",outline:"bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"},size:{default:"h-[32px] text-sm",sm:"h-7 text-xs",lg:"h-10 text-sm "}},defaultVariants:{variant:"default",size:"default"}});function K({asChild:r=!1,isActive:i=!1,variant:s="default",size:d="default",tooltip:o,className:l,...c}){const u=r?t:"button",{isMobile:b,state:p}=x(),h=e(u,{"data-slot":"sidebar-menu-button","data-sidebar":"menu-button","data-size":d,"data-active":i,className:n(I({variant:s,size:d}),l),...c});return o?("string"==typeof o&&(o={children:o}),a(m,{children:[e(f,{asChild:!0,children:h}),e(g,{side:"right",align:"center",hidden:"collapsed"!==p||b,...o})]})):h}function L({className:a,asChild:r=!1,showOnHover:i=!1,...s}){return e(r?t:"button",{"data-slot":"sidebar-menu-action","data-sidebar":"menu-action",className:n("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0","after:absolute after:-inset-2 md:after:hidden","peer-data-[size=sm]/menu-button:top-1","peer-data-[size=default]/menu-button:top-1.5","peer-data-[size=lg]/menu-button:top-2.5","group-data-[collapsible=icon]:hidden",i&&"peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0",a),...s})}function P({className:a,...t}){return e("div",{"data-slot":"sidebar-menu-badge","data-sidebar":"menu-badge",className:n("text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none","peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground","peer-data-[size=sm]/menu-button:top-1","peer-data-[size=default]/menu-button:top-1.5","peer-data-[size=lg]/menu-button:top-2.5","group-data-[collapsible=icon]:hidden",a),...t})}function $({className:t,showIcon:r=!1,...i}){const d=s.useMemo(()=>`${Math.floor(40*Math.random())+50}%`,[]);return a("div",{"data-slot":"sidebar-menu-skeleton","data-sidebar":"menu-skeleton",className:n("flex h-8 items-center gap-2 rounded-md px-2",t),...i,children:[r&&e(p,{className:"size-4 rounded-md","data-sidebar":"menu-skeleton-icon"}),e(p,{className:"h-4 max-w-(--skeleton-width) flex-1","data-sidebar":"menu-skeleton-text",style:{"--skeleton-width":d}})]})}function H({className:a,...t}){return e("ul",{"data-slot":"sidebar-menu-sub","data-sidebar":"menu-sub",className:n("border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5","group-data-[collapsible=icon]:hidden",a),...t})}function R({className:a,...t}){return e("li",{"data-slot":"sidebar-menu-sub-item","data-sidebar":"menu-sub-item",className:n("group/menu-sub-item relative",a),...t})}function V({asChild:a=!1,size:r="md",isActive:i=!1,className:s,...d}){return e(a?t:"a",{"data-slot":"sidebar-menu-sub-button","data-sidebar":"menu-sub-button","data-size":r,"data-active":i,className:n("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0","data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground","sm"===r&&"text-xs","md"===r&&"text-sm","group-data-[collapsible=icon]:hidden",s),...d})}export{N as Sidebar,S as SidebarContent,j as SidebarFooter,O as SidebarGroup,T as SidebarGroupAction,q as SidebarGroupContent,E as SidebarGroupLabel,_ as SidebarHeader,C as SidebarInput,z as SidebarInset,A as SidebarMenu,L as SidebarMenuAction,P as SidebarMenuBadge,K as SidebarMenuButton,D as SidebarMenuItem,$ as SidebarMenuSkeleton,H as SidebarMenuSub,V as SidebarMenuSubButton,R as SidebarMenuSubItem,w as SidebarProvider,k as SidebarRail,M as SidebarSeparator,y as SidebarTrigger,x as useSidebar};
|
|
2
|
+
import{jsx as e,jsxs as a}from"react/jsx-runtime";import{Root as t}from"../../node_modules/@radix-ui/react-slot/dist/index.js";import{cva as r}from"../../node_modules/class-variance-authority/dist/index.js";import{PanelLeftIcon as i}from"lucide-react";import*as s from"react";import{useIsMobile as d}from"../../lib/hooks/useMobile.js";import{cn as n}from"../../lib/utils/cn.js";import{Button as o}from"../button/button.js";import{Input as l}from"../input/input.js";import{Separator as c}from"../separator/separator.js";import{Sheet as u,SheetContent as b,SheetHeader as m,SheetTitle as p,SheetDescription as f}from"../sheet/sheet.js";import{Skeleton as g}from"../skeleton/skeleton.js";import{Tooltip as h,TooltipTrigger as v,TooltipContent as x,TooltipProvider as w}from"../tooltip/tooltip.js";const N=s.createContext(null);function y(){const e=s.useContext(N);if(!e)throw new Error("useSidebar must be used within a SidebarProvider.");return e}function k({defaultOpen:a=!0,open:t,onOpenChange:r,className:i,style:o,children:l,...c}){const u=d(),[b,m]=s.useState(!1),[p,f]=s.useState(a),g=t??p,h=s.useCallback(e=>{const a="function"==typeof e?e(g):e;r?r(a):f(a),document.cookie=`sidebar_state=${a}; path=/; max-age=604800`},[r,g]),v=s.useCallback(()=>u?m(e=>!e):h(e=>!e),[u,h,m]);s.useEffect(()=>{const e=e=>{"b"===e.key&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),v())};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[v]);const x=g?"expanded":"collapsed",y=s.useMemo(()=>({state:x,open:g,setOpen:h,isMobile:u,openMobile:b,setOpenMobile:m,toggleSidebar:v}),[x,g,h,u,b,m,v]);return e(N.Provider,{value:y,children:e(w,{delayDuration:0,children:e("div",{"data-slot":"sidebar-wrapper",style:{"--sidebar-width":"16rem","--sidebar-width-icon":"5rem",...o},className:n("group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full",i),...c,children:l})})})}function z({side:t="left",variant:r="sidebar",collapsible:i="offcanvas",className:s,children:d,...o}){const{isMobile:l,state:c,openMobile:g,setOpenMobile:h}=y();return"none"===i?e("div",{"data-slot":"sidebar",className:n("bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col",s),...o,children:d}):l?e(u,{open:g,onOpenChange:h,...o,children:a(b,{"data-sidebar":"sidebar","data-slot":"sidebar","data-mobile":"true",className:"text-sidebar-foreground w-full p-0 [&>button]:hidden",style:{"--sidebar-width":"18rem"},side:t,children:[a(m,{className:"sr-only",children:[e(p,{children:"Меню"}),e(f,{className:"hidden"})]}),d]})}):a("div",{className:"group peer text-sidebar-foreground hidden md:block","data-state":c,"data-collapsible":"collapsed"===c?i:"","data-variant":r,"data-side":t,"data-slot":"sidebar",children:[e("div",{"data-slot":"sidebar-gap",className:n("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear","group-data-[collapsible=offcanvas]:w-0","group-data-[side=right]:rotate-180","floating"===r||"inset"===r?"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon)")}),e("div",{"data-slot":"sidebar-container",className:n("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex","left"===t?"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]":"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]","floating"===r||"inset"===r?"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",s),...o,children:e("div",{"data-sidebar":"sidebar","data-slot":"sidebar-inner",className:"bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm",children:d})})]})}function C({className:t,onClick:r,...s}){const{toggleSidebar:d}=y();return a(o,{"data-sidebar":"trigger","data-slot":"sidebar-trigger",variant:"ghost",size:"icon",className:n("size-7",t),onClick:e=>{r?.(e),d()},...s,children:[e(i,{}),e("span",{className:"sr-only",children:"Toggle Sidebar"})]})}function _({className:a,...t}){const{toggleSidebar:r}=y();return e("button",{"data-sidebar":"rail","data-slot":"sidebar-rail","aria-label":"Toggle Sidebar",tabIndex:-1,onClick:r,title:"Toggle Sidebar",className:n("hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex","in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize","[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize","hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full","[[data-side=left][data-collapsible=offcanvas]_&]:-right-2","[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",a),...t})}function j({className:a,...t}){return e("main",{"data-slot":"sidebar-inset",className:n("bg-background relative flex w-full flex-1 flex-col","md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2",a),...t})}function M({className:a,...t}){return e(l,{"data-slot":"sidebar-input","data-sidebar":"input",className:n("bg-background h-8 w-full shadow-none",a),...t})}function S({className:a,...t}){return e("div",{"data-slot":"sidebar-header","data-sidebar":"header",className:n("flex flex-col gap-2 p-2",a),...t})}function O({className:a,...t}){return e("div",{"data-slot":"sidebar-footer","data-sidebar":"footer",className:n("flex flex-col gap-2 p-2",a),...t})}function E({className:a,...t}){return e(c,{"data-slot":"sidebar-separator","data-sidebar":"separator",className:n("bg-sidebar-border mx-2 w-auto",a),...t})}function T({className:a,...t}){return e("div",{"data-slot":"sidebar-content","data-sidebar":"content",className:n("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",a),...t})}function q({className:a,...t}){return e("div",{"data-slot":"sidebar-group","data-sidebar":"group",className:n("relative flex w-full min-w-0 flex-col px-[15px] py-2 max-md:p-0",a),...t})}function A({className:a,asChild:r=!1,...i}){return e(r?t:"div",{"data-slot":"sidebar-group-label","data-sidebar":"group-label",className:n("text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0","group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",a),...i})}function D({className:a,asChild:r=!1,...i}){return e(r?t:"button",{"data-slot":"sidebar-group-action","data-sidebar":"group-action",className:n("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0","after:absolute after:-inset-2 md:after:hidden","group-data-[collapsible=icon]:hidden",a),...i})}function I({className:a,...t}){return e("div",{"data-slot":"sidebar-group-content","data-sidebar":"group-content",className:n("w-full text-sm",a),...t})}function K({className:a,...t}){return e("ul",{"data-slot":"sidebar-menu","data-sidebar":"menu",className:n("flex w-full min-w-0 flex-col gap-1",a),...t})}function L({className:a,...t}){return e("li",{"data-slot":"sidebar-menu-item","data-sidebar":"menu-item",className:n("group/menu-item relative",a),...t})}const P=r("peer/menu-button cursor-pointer flex w-full items-center gap-2 [&>svg]:ml-[8px] overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate group-data-[collapsible=icon]:[&>span:last-child]:hidden [&>svg]:size-4 [&>svg]:shrink-0",{variants:{variant:{default:"hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",outline:"bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"},size:{default:"h-[32px] text-sm",sm:"h-7 text-xs",lg:"h-10 text-sm "}},defaultVariants:{variant:"default",size:"default"}});function $({asChild:r=!1,isActive:i=!1,variant:s="default",size:d="default",tooltip:o,className:l,...c}){const u=r?t:"button",{isMobile:b,state:m}=y(),p=e(u,{"data-slot":"sidebar-menu-button","data-sidebar":"menu-button","data-size":d,"data-active":i,className:n(P({variant:s,size:d}),l),...c});return o?("string"==typeof o&&(o={children:o}),a(h,{children:[e(v,{asChild:!0,children:p}),e(x,{side:"right",align:"center",hidden:"collapsed"!==m||b,...o})]})):p}function H({className:a,asChild:r=!1,showOnHover:i=!1,...s}){return e(r?t:"button",{"data-slot":"sidebar-menu-action","data-sidebar":"menu-action",className:n("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0","after:absolute after:-inset-2 md:after:hidden","peer-data-[size=sm]/menu-button:top-1","peer-data-[size=default]/menu-button:top-1.5","peer-data-[size=lg]/menu-button:top-2.5","group-data-[collapsible=icon]:hidden",i&&"peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0",a),...s})}function R({className:a,...t}){return e("div",{"data-slot":"sidebar-menu-badge","data-sidebar":"menu-badge",className:n("text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none","peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground","peer-data-[size=sm]/menu-button:top-1","peer-data-[size=default]/menu-button:top-1.5","peer-data-[size=lg]/menu-button:top-2.5","group-data-[collapsible=icon]:hidden",a),...t})}function V({className:t,showIcon:r=!1,...i}){const d=s.useMemo(()=>`${Math.floor(40*Math.random())+50}%`,[]);return a("div",{"data-slot":"sidebar-menu-skeleton","data-sidebar":"menu-skeleton",className:n("flex h-8 items-center gap-2 rounded-md px-2",t),...i,children:[r&&e(g,{className:"size-4 rounded-md","data-sidebar":"menu-skeleton-icon"}),e(g,{className:"h-4 max-w-(--skeleton-width) flex-1","data-sidebar":"menu-skeleton-text",style:{"--skeleton-width":d}})]})}function B({className:a,...t}){return e("ul",{"data-slot":"sidebar-menu-sub","data-sidebar":"menu-sub",className:n("border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5","group-data-[collapsible=icon]:hidden",a),...t})}function F({className:a,...t}){return e("li",{"data-slot":"sidebar-menu-sub-item","data-sidebar":"menu-sub-item",className:n("group/menu-sub-item relative",a),...t})}function G({asChild:a=!1,size:r="md",isActive:i=!1,className:s,...d}){return e(a?t:"a",{"data-slot":"sidebar-menu-sub-button","data-sidebar":"menu-sub-button","data-size":r,"data-active":i,className:n("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0","data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground","sm"===r&&"text-xs","md"===r&&"text-sm","group-data-[collapsible=icon]:hidden",s),...d})}export{z as Sidebar,T as SidebarContent,O as SidebarFooter,q as SidebarGroup,D as SidebarGroupAction,I as SidebarGroupContent,A as SidebarGroupLabel,S as SidebarHeader,M as SidebarInput,j as SidebarInset,K as SidebarMenu,H as SidebarMenuAction,R as SidebarMenuBadge,$ as SidebarMenuButton,L as SidebarMenuItem,V as SidebarMenuSkeleton,B as SidebarMenuSub,G as SidebarMenuSubButton,F as SidebarMenuSubItem,k as SidebarProvider,_ as SidebarRail,E as SidebarSeparator,C as SidebarTrigger,y as useSidebar};
|
|
@@ -5,8 +5,8 @@ import { VariantProps } from 'class-variance-authority';
|
|
|
5
5
|
import * as React from 'react';
|
|
6
6
|
|
|
7
7
|
declare const toggleVariants: (props?: ({
|
|
8
|
-
variant?: "
|
|
9
|
-
size?: "
|
|
8
|
+
variant?: "outline" | "default" | null | undefined;
|
|
9
|
+
size?: "sm" | "default" | "lg" | null | undefined;
|
|
10
10
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
11
11
|
declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
|
|
12
12
|
|