react-shadcn-kit 0.0.1

package/dist/atoms/resizable.js

@@ -0,0 +1,43 @@
+import { jsx as a } from "react/jsx-runtime";
+import { GripVerticalIcon as n } from "lucide-react";
+import * as t from "react-resizable-panels";
+import { cn as i } from "../lib/utils.js";
+function d({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ a(
+    t.PanelGroup,
+    {
+      "data-slot": "resizable-panel-group",
+      className: i("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", e),
+      ...r
+    }
+  );
+}
+function f({ ...e }) {
+  return /* @__PURE__ */ a(t.Panel, { "data-slot": "resizable-panel", ...e });
+}
+function p({
+  withHandle: e,
+  className: r,
+  ...l
+}) {
+  return /* @__PURE__ */ a(
+    t.PanelResizeHandle,
+    {
+      "data-slot": "resizable-handle",
+      className: i(
+        "bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90",
+        r
+      ),
+      ...l,
+      children: e && /* @__PURE__ */ a("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border", children: /* @__PURE__ */ a(n, { className: "size-2.5" }) })
+    }
+  );
+}
+export {
+  p as ResizableHandle,
+  f as ResizablePanel,
+  d as ResizablePanelGroup
+};

package/dist/atoms/scroll-area.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): import("react/jsx-runtime").JSX.Element;
+export { ScrollArea, ScrollBar };

package/dist/atoms/scroll-area.js

@@ -0,0 +1,60 @@
+import { jsxs as s, jsx as l } from "react/jsx-runtime";
+import * as o from "@radix-ui/react-scroll-area";
+import { cn as t } from "../lib/utils.js";
+function u({
+  className: e,
+  children: r,
+  ...a
+}) {
+  return /* @__PURE__ */ s(
+    o.Root,
+    {
+      "data-slot": "scroll-area",
+      className: t("relative", e),
+      ...a,
+      children: [
+        /* @__PURE__ */ l(
+          o.Viewport,
+          {
+            "data-slot": "scroll-area-viewport",
+            className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
+            children: r
+          }
+        ),
+        /* @__PURE__ */ l(i, {}),
+        /* @__PURE__ */ l(o.Corner, {})
+      ]
+    }
+  );
+}
+function i({
+  className: e,
+  orientation: r = "vertical",
+  ...a
+}) {
+  return /* @__PURE__ */ l(
+    o.ScrollAreaScrollbar,
+    {
+      "data-slot": "scroll-area-scrollbar",
+      orientation: r,
+      className: t(
+        "flex touch-none p-px transition-colors select-none",
+        r === "vertical" && "h-full w-2.5 border-l border-l-transparent",
+        r === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
+        e
+      ),
+      ...a,
+      children: /* @__PURE__ */ l(
+        o.ScrollAreaThumb,
+        {
+          "data-slot": "scroll-area-thumb",
+          className: "bg-border relative flex-1 rounded-full"
+        }
+      )
+    }
+  );
+}
+export {
+  u as ScrollArea,
+  i as ScrollBar
+};

package/dist/atoms/select.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): import("react/jsx-runtime").JSX.Element;
+declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
+    size?: "sm" | "default";
+}): import("react/jsx-runtime").JSX.Element;
+declare function SelectContent({ className, children, position, align, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): import("react/jsx-runtime").JSX.Element;
+declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): import("react/jsx-runtime").JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): import("react/jsx-runtime").JSX.Element;
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };

package/dist/atoms/select.js

@@ -0,0 +1,156 @@
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import * as a from "@radix-ui/react-select";
+import { CheckIcon as c, ChevronDownIcon as i, ChevronUpIcon as u } from "lucide-react";
+import { cn as s } from "../lib/utils.js";
+function x({ ...e }) {
+  return /* @__PURE__ */ t(a.Root, { "data-slot": "select", ...e });
+}
+function h({ ...e }) {
+  return /* @__PURE__ */ t(a.Group, { "data-slot": "select-group", ...e });
+}
+function b({ ...e }) {
+  return /* @__PURE__ */ t(a.Value, { "data-slot": "select-value", ...e });
+}
+function w({
+  className: e,
+  size: r = "default",
+  children: o,
+  ...n
+}) {
+  return /* @__PURE__ */ l(
+    a.Trigger,
+    {
+      "data-slot": "select-trigger",
+      "data-size": r,
+      className: s(
+        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        e
+      ),
+      ...n,
+      children: [
+        o,
+        /* @__PURE__ */ t(a.Icon, { asChild: !0, children: /* @__PURE__ */ t(i, { className: "size-4 opacity-50" }) })
+      ]
+    }
+  );
+}
+function y({
+  className: e,
+  children: r,
+  position: o = "popper",
+  align: n = "center",
+  ...d
+}) {
+  return /* @__PURE__ */ t(a.Portal, { children: /* @__PURE__ */ l(
+    a.Content,
+    {
+      "data-slot": "select-content",
+      className: s(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
+        o === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        e
+      ),
+      position: o,
+      align: n,
+      ...d,
+      children: [
+        /* @__PURE__ */ t(p, {}),
+        /* @__PURE__ */ t(
+          a.Viewport,
+          {
+            className: s(
+              "p-1",
+              o === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
+            ),
+            children: r
+          }
+        ),
+        /* @__PURE__ */ t(m, {})
+      ]
+    }
+  ) });
+}
+function S({ className: e, ...r }) {
+  return /* @__PURE__ */ t(
+    a.Label,
+    {
+      "data-slot": "select-label",
+      className: s("text-muted-foreground px-2 py-1.5 text-xs", e),
+      ...r
+    }
+  );
+}
+function z({
+  className: e,
+  children: r,
+  ...o
+}) {
+  return /* @__PURE__ */ l(
+    a.Item,
+    {
+      "data-slot": "select-item",
+      className: s(
+        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        e
+      ),
+      ...o,
+      children: [
+        /* @__PURE__ */ t("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ t(a.ItemIndicator, { children: /* @__PURE__ */ t(c, { className: "size-4" }) }) }),
+        /* @__PURE__ */ t(a.ItemText, { children: r })
+      ]
+    }
+  );
+}
+function N({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    a.Separator,
+    {
+      "data-slot": "select-separator",
+      className: s("bg-border pointer-events-none -mx-1 my-1 h-px", e),
+      ...r
+    }
+  );
+}
+function p({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    a.ScrollUpButton,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: s("flex cursor-default items-center justify-center py-1", e),
+      ...r,
+      children: /* @__PURE__ */ t(u, { className: "size-4" })
+    }
+  );
+}
+function m({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    a.ScrollDownButton,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: s("flex cursor-default items-center justify-center py-1", e),
+      ...r,
+      children: /* @__PURE__ */ t(i, { className: "size-4" })
+    }
+  );
+}
+export {
+  x as Select,
+  y as SelectContent,
+  h as SelectGroup,
+  z as SelectItem,
+  S as SelectLabel,
+  m as SelectScrollDownButton,
+  p as SelectScrollUpButton,
+  N as SelectSeparator,
+  w as SelectTrigger,
+  b as SelectValue
+};

package/dist/atoms/separator.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Separator };

package/dist/atoms/separator.js

@@ -0,0 +1,26 @@
+import { jsx as i } from "react/jsx-runtime";
+import * as n from "@radix-ui/react-separator";
+import { cn as e } from "../lib/utils.js";
+function m({
+  className: t,
+  orientation: o = "horizontal",
+  decorative: r = !0,
+  ...a
+}) {
+  return /* @__PURE__ */ i(
+    n.Root,
+    {
+      "data-slot": "separator",
+      decorative: r,
+      orientation: o,
+      className: e(
+        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        t
+      ),
+      ...a
+    }
+  );
+}
+export {
+  m as Separator
+};

package/dist/atoms/sheet.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+declare function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function SheetTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function SheetContent({ className, children, side, ...props }: React.ComponentProps<typeof SheetPrimitive.Content> & {
+    side?: "top" | "right" | "bottom" | "left";
+}): import("react/jsx-runtime").JSX.Element;
+declare function SheetHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function SheetFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function SheetDescription({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };

package/dist/atoms/sheet.js

@@ -0,0 +1,117 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import * as a from "@radix-ui/react-dialog";
+import { XIcon as l } from "lucide-react";
+import { cn as s } from "../lib/utils.js";
+function h({ ...t }) {
+  return /* @__PURE__ */ e(a.Root, { "data-slot": "sheet", ...t });
+}
+function p({ ...t }) {
+  return /* @__PURE__ */ e(a.Trigger, { "data-slot": "sheet-trigger", ...t });
+}
+function g({ ...t }) {
+  return /* @__PURE__ */ e(a.Close, { "data-slot": "sheet-close", ...t });
+}
+function d({ ...t }) {
+  return /* @__PURE__ */ e(a.Portal, { "data-slot": "sheet-portal", ...t });
+}
+function c({
+  className: t,
+  ...o
+}) {
+  return /* @__PURE__ */ e(
+    a.Overlay,
+    {
+      "data-slot": "sheet-overlay",
+      className: s(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        t
+      ),
+      ...o
+    }
+  );
+}
+function x({
+  className: t,
+  children: o,
+  side: n = "right",
+  ...i
+}) {
+  return /* @__PURE__ */ r(d, { children: [
+    /* @__PURE__ */ e(c, {}),
+    /* @__PURE__ */ r(
+      a.Content,
+      {
+        "data-slot": "sheet-content",
+        className: s(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+          n === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
+          n === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
+          n === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
+          n === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",
+          t
+        ),
+        ...i,
+        children: [
+          o,
+          /* @__PURE__ */ r(a.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
+            /* @__PURE__ */ e(l, { className: "size-4" }),
+            /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function b({ className: t, ...o }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "sheet-header",
+      className: s("flex flex-col gap-1.5 p-4", t),
+      ...o
+    }
+  );
+}
+function S({ className: t, ...o }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "sheet-footer",
+      className: s("mt-auto flex flex-col gap-2 p-4", t),
+      ...o
+    }
+  );
+}
+function y({ className: t, ...o }) {
+  return /* @__PURE__ */ e(
+    a.Title,
+    {
+      "data-slot": "sheet-title",
+      className: s("text-foreground font-semibold", t),
+      ...o
+    }
+  );
+}
+function N({
+  className: t,
+  ...o
+}) {
+  return /* @__PURE__ */ e(
+    a.Description,
+    {
+      "data-slot": "sheet-description",
+      className: s("text-muted-foreground text-sm", t),
+      ...o
+    }
+  );
+}
+export {
+  h as Sheet,
+  g as SheetClose,
+  x as SheetContent,
+  N as SheetDescription,
+  S as SheetFooter,
+  b as SheetHeader,
+  y as SheetTitle,
+  p as SheetTrigger
+};

package/dist/atoms/sidebar.d.ts

@@ -0,0 +1,69 @@
+import { VariantProps } from 'class-variance-authority';
+import { Button } from './button';
+import { Input } from './input';
+import { Separator } from './separator';
+import { TooltipContent } from './tooltip';
+import * as React from "react";
+type SidebarContextProps = {
+    state: "expanded" | "collapsed";
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    openMobile: boolean;
+    setOpenMobile: (open: boolean) => void;
+    isMobile: boolean;
+    toggleSidebar: () => void;
+};
+declare function useSidebar(): SidebarContextProps;
+declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React.ComponentProps<"div"> & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}): import("react/jsx-runtime").JSX.Element;
+declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React.ComponentProps<"div"> & {
+    side?: "left" | "right";
+    variant?: "sidebar" | "floating" | "inset";
+    collapsible?: "offcanvas" | "icon" | "none";
+}): import("react/jsx-runtime").JSX.Element;
+declare function SidebarTrigger({ className, onClick, ...props }: React.ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarRail({ className, ...props }: React.ComponentProps<"button">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarInset({ className, ...props }: React.ComponentProps<"main">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarInput({ className, ...props }: React.ComponentProps<typeof Input>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarGroupLabel({ className, asChild, ...props }: React.ComponentProps<"div"> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function SidebarGroupAction({ className, asChild, ...props }: React.ComponentProps<"button"> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function SidebarGroupContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenu({ className, ...props }: React.ComponentProps<"ul">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuItem({ className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
+declare const sidebarMenuButtonVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+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>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuAction({ className, asChild, showOnHover, ...props }: React.ComponentProps<"button"> & {
+    asChild?: boolean;
+    showOnHover?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuBadge({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React.ComponentProps<"div"> & {
+    showIcon?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuSub({ className, ...props }: React.ComponentProps<"ul">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuSubItem({ className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuSubButton({ asChild, size, isActive, className, ...props }: React.ComponentProps<"a"> & {
+    asChild?: boolean;
+    size?: "sm" | "md";
+    isActive?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar, };