@zimyo/ui 1.0.1 → 1.1.0

package/dist/components/ui/radio-group.d.ts

@@ -1,7 +0,0 @@
-import { RadioGroup as RadioGroup$1 } from 'radix-ui';
-import * as React from 'react';
-
-declare function RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroup$1.Root>): React.JSX.Element;
-declare function RadioGroupItem({ className, ...props }: React.ComponentProps<typeof RadioGroup$1.Item>): React.JSX.Element;
-
-export { RadioGroup, RadioGroupItem };

package/dist/components/ui/radio-group.js

@@ -1,34 +0,0 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
-import { CircleIcon } from 'lucide-react';
-import { RadioGroup as RadioGroup$1 } from 'radix-ui';
-import * as React from 'react';
-import { cn } from '../../lib/utils.js';
-
-function RadioGroup(_a) {
-  var {
-      className
-    } = _a,
-    props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement(RadioGroup$1.Root, _extends({
-    "data-slot": "radio-group",
-    className: cn("grid gap-3", className)
-  }, props));
-}
-function RadioGroupItem(_a) {
-  var {
-      className
-    } = _a,
-    props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement(RadioGroup$1.Item, _extends({
-    "data-slot": "radio-group-item",
-    className: cn("border-input text-primary 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 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className)
-  }, props), /*#__PURE__*/React.createElement(RadioGroup$1.Indicator, {
-    "data-slot": "radio-group-indicator",
-    className: "relative flex items-center justify-center"
-  }, /*#__PURE__*/React.createElement(CircleIcon, {
-    className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2"
-  })));
-}
-
-export { RadioGroup, RadioGroupItem };

package/dist/components/ui/resizable.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import * as ResizablePrimitive from 'react-resizable-panels';
-
-declare function ResizablePanelGroup({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>): React.JSX.Element;
-declare function ResizablePanel({ ...props }: React.ComponentProps<typeof ResizablePrimitive.Panel>): React.JSX.Element;
-declare function ResizableHandle({ withHandle, className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
-    withHandle?: boolean;
-}): React.JSX.Element;
-
-export { ResizableHandle, ResizablePanel, ResizablePanelGroup };

package/dist/components/ui/resizable.js

@@ -1,40 +0,0 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
-import { GripVerticalIcon } from 'lucide-react';
-import * as React from 'react';
-import { PanelResizeHandle, Panel, PanelGroup } from '../../node_modules/react-resizable-panels/dist/react-resizable-panels.js';
-import { cn } from '../../lib/utils.js';
-
-function ResizablePanelGroup(_a) {
-  var {
-      className
-    } = _a,
-    props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement(PanelGroup, _extends({
-    "data-slot": "resizable-panel-group",
-    className: cn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", className)
-  }, props));
-}
-function ResizablePanel(_a) {
-  var props = __rest(_a, []);
-  return /*#__PURE__*/React.createElement(Panel, _extends({
-    "data-slot": "resizable-panel"
-  }, props));
-}
-function ResizableHandle(_a) {
-  var {
-      withHandle,
-      className
-    } = _a,
-    props = __rest(_a, ["withHandle", "className"]);
-  return /*#__PURE__*/React.createElement(PanelResizeHandle, _extends({
-    "data-slot": "resizable-handle",
-    className: cn("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", className)
-  }, props), withHandle && /*#__PURE__*/React.createElement("div", {
-    className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border"
-  }, /*#__PURE__*/React.createElement(GripVerticalIcon, {
-    className: "size-2.5"
-  })));
-}
-
-export { ResizableHandle, ResizablePanel, ResizablePanelGroup };

package/dist/components/ui/scroll-area.d.ts

@@ -1,7 +0,0 @@
-import { ScrollArea as ScrollArea$1 } from 'radix-ui';
-import * as React from 'react';
-
-declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollArea$1.Root>): React.JSX.Element;
-declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollArea$1.ScrollAreaScrollbar>): React.JSX.Element;
-
-export { ScrollArea, ScrollBar };

package/dist/components/ui/scroll-area.js

@@ -1,37 +0,0 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
-import { ScrollArea as ScrollArea$1 } from 'radix-ui';
-import * as React from 'react';
-import { cn } from '../../lib/utils.js';
-
-function ScrollArea(_a) {
-  var {
-      className,
-      children
-    } = _a,
-    props = __rest(_a, ["className", "children"]);
-  return /*#__PURE__*/React.createElement(ScrollArea$1.Root, _extends({
-    "data-slot": "scroll-area",
-    className: cn("relative", className)
-  }, props), /*#__PURE__*/React.createElement(ScrollArea$1.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), /*#__PURE__*/React.createElement(ScrollBar, null), /*#__PURE__*/React.createElement(ScrollArea$1.Corner, null));
-}
-function ScrollBar(_a) {
-  var {
-      className,
-      orientation = "vertical"
-    } = _a,
-    props = __rest(_a, ["className", "orientation"]);
-  return /*#__PURE__*/React.createElement(ScrollArea$1.ScrollAreaScrollbar, _extends({
-    "data-slot": "scroll-area-scrollbar",
-    orientation: orientation,
-    className: cn("flex touch-none p-px transition-colors select-none", orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent", orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent", className)
-  }, props), /*#__PURE__*/React.createElement(ScrollArea$1.ScrollAreaThumb, {
-    "data-slot": "scroll-area-thumb",
-    className: "bg-border relative flex-1 rounded-full"
-  }));
-}
-
-export { ScrollArea, ScrollBar };

package/dist/components/ui/select.d.ts

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

package/dist/components/ui/select.js

@@ -1,118 +0,0 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
-import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react';
-import { Select as Select$1 } from 'radix-ui';
-import * as React from 'react';
-import { cn } from '../../lib/utils.js';
-
-function Select(_a) {
-  var props = __rest(_a, []);
-  return /*#__PURE__*/React.createElement(Select$1.Root, _extends({
-    "data-slot": "select"
-  }, props));
-}
-function SelectGroup(_a) {
-  var props = __rest(_a, []);
-  return /*#__PURE__*/React.createElement(Select$1.Group, _extends({
-    "data-slot": "select-group"
-  }, props));
-}
-function SelectValue(_a) {
-  var props = __rest(_a, []);
-  return /*#__PURE__*/React.createElement(Select$1.Value, _extends({
-    "data-slot": "select-value"
-  }, props));
-}
-function SelectTrigger(_a) {
-  var {
-      className,
-      size = "default",
-      children
-    } = _a,
-    props = __rest(_a, ["className", "size", "children"]);
-  return /*#__PURE__*/React.createElement(Select$1.Trigger, _extends({
-    "data-slot": "select-trigger",
-    "data-size": size,
-    className: cn("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", className)
-  }, props), children, /*#__PURE__*/React.createElement(Select$1.Icon, {
-    asChild: true
-  }, /*#__PURE__*/React.createElement(ChevronDownIcon, {
-    className: "size-4 opacity-50"
-  })));
-}
-function SelectContent(_a) {
-  var {
-      className,
-      children,
-      position = "popper"
-    } = _a,
-    props = __rest(_a, ["className", "children", "position"]);
-  return /*#__PURE__*/React.createElement(Select$1.Portal, null, /*#__PURE__*/React.createElement(Select$1.Content, _extends({
-    "data-slot": "select-content",
-    className: cn("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", position === "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", className),
-    position: position
-  }, props), /*#__PURE__*/React.createElement(SelectScrollUpButton, null), /*#__PURE__*/React.createElement(Select$1.Viewport, {
-    className: cn("p-1", position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1")
-  }, children), /*#__PURE__*/React.createElement(SelectScrollDownButton, null)));
-}
-function SelectLabel(_a) {
-  var {
-      className
-    } = _a,
-    props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement(Select$1.Label, _extends({
-    "data-slot": "select-label",
-    className: cn("text-muted-foreground px-2 py-1.5 text-xs", className)
-  }, props));
-}
-function SelectItem(_a) {
-  var {
-      className,
-      children
-    } = _a,
-    props = __rest(_a, ["className", "children"]);
-  return /*#__PURE__*/React.createElement(Select$1.Item, _extends({
-    "data-slot": "select-item",
-    className: cn("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", className)
-  }, props), /*#__PURE__*/React.createElement("span", {
-    className: "absolute right-2 flex size-3.5 items-center justify-center"
-  }, /*#__PURE__*/React.createElement(Select$1.ItemIndicator, null, /*#__PURE__*/React.createElement(CheckIcon, {
-    className: "size-4"
-  }))), /*#__PURE__*/React.createElement(Select$1.ItemText, null, children));
-}
-function SelectSeparator(_a) {
-  var {
-      className
-    } = _a,
-    props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement(Select$1.Separator, _extends({
-    "data-slot": "select-separator",
-    className: cn("bg-border pointer-events-none -mx-1 my-1 h-px", className)
-  }, props));
-}
-function SelectScrollUpButton(_a) {
-  var {
-      className
-    } = _a,
-    props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement(Select$1.ScrollUpButton, _extends({
-    "data-slot": "select-scroll-up-button",
-    className: cn("flex cursor-default items-center justify-center py-1", className)
-  }, props), /*#__PURE__*/React.createElement(ChevronUpIcon, {
-    className: "size-4"
-  }));
-}
-function SelectScrollDownButton(_a) {
-  var {
-      className
-    } = _a,
-    props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement(Select$1.ScrollDownButton, _extends({
-    "data-slot": "select-scroll-down-button",
-    className: cn("flex cursor-default items-center justify-center py-1", className)
-  }, props), /*#__PURE__*/React.createElement(ChevronDownIcon, {
-    className: "size-4"
-  }));
-}
-
-export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };

package/dist/components/ui/separator.d.ts

@@ -1,6 +0,0 @@
-import { Separator as Separator$1 } from 'radix-ui';
-import * as React from 'react';
-
-declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof Separator$1.Root>): React.JSX.Element;
-
-export { Separator };

package/dist/components/ui/separator.js

@@ -1,22 +0,0 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
-import { Separator as Separator$1 } from 'radix-ui';
-import * as React from 'react';
-import { cn } from '../../lib/utils.js';
-
-function Separator(_a) {
-  var {
-      className,
-      orientation = "horizontal",
-      decorative = true
-    } = _a,
-    props = __rest(_a, ["className", "orientation", "decorative"]);
-  return /*#__PURE__*/React.createElement(Separator$1.Root, _extends({
-    "data-slot": "separator",
-    decorative: decorative,
-    orientation: orientation,
-    className: cn("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", className)
-  }, props));
-}
-
-export { Separator };

package/dist/components/ui/sheet.d.ts

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

package/dist/components/ui/sheet.js

@@ -1,101 +0,0 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
-import { XIcon } from 'lucide-react';
-import { Dialog } from 'radix-ui';
-import * as React from 'react';
-import { cn } from '../../lib/utils.js';
-
-function Sheet(_a) {
-  var props = __rest(_a, []);
-  return /*#__PURE__*/React.createElement(Dialog.Root, _extends({
-    "data-slot": "sheet"
-  }, props));
-}
-function SheetTrigger(_a) {
-  var props = __rest(_a, []);
-  return /*#__PURE__*/React.createElement(Dialog.Trigger, _extends({
-    "data-slot": "sheet-trigger"
-  }, props));
-}
-function SheetClose(_a) {
-  var props = __rest(_a, []);
-  return /*#__PURE__*/React.createElement(Dialog.Close, _extends({
-    "data-slot": "sheet-close"
-  }, props));
-}
-function SheetPortal(_a) {
-  var props = __rest(_a, []);
-  return /*#__PURE__*/React.createElement(Dialog.Portal, _extends({
-    "data-slot": "sheet-portal"
-  }, props));
-}
-function SheetOverlay(_a) {
-  var {
-      className
-    } = _a,
-    props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement(Dialog.Overlay, _extends({
-    "data-slot": "sheet-overlay",
-    className: cn("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", className)
-  }, props));
-}
-function SheetContent(_a) {
-  var {
-      className,
-      children,
-      side = "right"
-    } = _a,
-    props = __rest(_a, ["className", "children", "side"]);
-  return /*#__PURE__*/React.createElement(SheetPortal, null, /*#__PURE__*/React.createElement(SheetOverlay, null), /*#__PURE__*/React.createElement(Dialog.Content, _extends({
-    "data-slot": "sheet-content",
-    className: cn("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", side === "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", side === "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", side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b", side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t", className)
-  }, props), children, /*#__PURE__*/React.createElement(Dialog.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"
-  }, /*#__PURE__*/React.createElement(XIcon, {
-    className: "size-4"
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "sr-only"
-  }, "Close"))));
-}
-function SheetHeader(_a) {
-  var {
-      className
-    } = _a,
-    props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement("div", _extends({
-    "data-slot": "sheet-header",
-    className: cn("flex flex-col gap-1.5 p-4", className)
-  }, props));
-}
-function SheetFooter(_a) {
-  var {
-      className
-    } = _a,
-    props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement("div", _extends({
-    "data-slot": "sheet-footer",
-    className: cn("mt-auto flex flex-col gap-2 p-4", className)
-  }, props));
-}
-function SheetTitle(_a) {
-  var {
-      className
-    } = _a,
-    props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement(Dialog.Title, _extends({
-    "data-slot": "sheet-title",
-    className: cn("text-foreground font-semibold", className)
-  }, props));
-}
-function SheetDescription(_a) {
-  var {
-      className
-    } = _a,
-    props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement(Dialog.Description, _extends({
-    "data-slot": "sheet-description",
-    className: cn("text-muted-foreground text-sm", className)
-  }, props));
-}
-
-export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };

package/dist/components/ui/sidebar.d.ts

@@ -1,73 +0,0 @@
-import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
-import { VariantProps } from 'class-variance-authority';
-import * as React from 'react';
-import { Button } from './button.js';
-import { Input } from './input.js';
-import { Separator } from './separator.js';
-import { TooltipContent } from './tooltip.js';
-import 'radix-ui';
-
-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;
-}): React.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";
-}): 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<"main">): 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 SidebarSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): 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 const sidebarMenuButtonVariants: (props?: ({
-    variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_dist_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>): 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, className, ...props }: React.ComponentProps<"a"> & {
-    asChild?: boolean;
-    size?: "sm" | "md";
-    isActive?: boolean;
-}): React.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 };