@regardio/react 0.3.2

package/dist/shadcn/resizable.js

@@ -0,0 +1,32 @@
+import { GripVerticalIcon } from 'lucide-react';
+import { jsx as _jsx } from 'react/jsx-runtime';
+import * as ResizablePrimitive from 'react-resizable-panels';
+import { cn } from '../utils/cn';
+
+function ResizablePanelGroup({ className, ...props }) {
+  return _jsx(ResizablePrimitive.PanelGroup, {
+    className: cn('flex h-full w-full data-[panel-group-direction=vertical]:flex-col', className),
+    'data-slot': 'resizable-panel-group',
+    ...props,
+  });
+}
+function ResizablePanel({ ...props }) {
+  return _jsx(ResizablePrimitive.Panel, { 'data-slot': 'resizable-panel', ...props });
+}
+function ResizableHandle({ withHandle, className, ...props }) {
+  return _jsx(ResizablePrimitive.PanelResizeHandle, {
+    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,
+    ),
+    'data-slot': 'resizable-handle',
+    ...props,
+    children:
+      withHandle &&
+      _jsx('div', {
+        children: _jsx(GripVerticalIcon, { className: 'size-2.5' }),
+        className: 'bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border',
+      }),
+  });
+}
+export { ResizablePanelGroup, ResizablePanel, ResizableHandle };

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

@@ -0,0 +1,16 @@
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import type * as React from 'react';
+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 };
+//# sourceMappingURL=scroll-area.d.ts.map

package/dist/shadcn/scroll-area.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../src/shadcn/scroll-area.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,2CAiBvD;AAED,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,WAAwB,EACxB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,mBAAmB,CAAC,2CAmBtE;AAED,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}

package/dist/shadcn/scroll-area.js

@@ -0,0 +1,40 @@
+'use client';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import { cn } from '../utils/cn';
+
+function ScrollArea({ className, children, ...props }) {
+  return _jsxs(ScrollAreaPrimitive.Root, {
+    className: cn('relative', className),
+    'data-slot': 'scroll-area',
+    ...props,
+    children: [
+      _jsx(ScrollAreaPrimitive.Viewport, {
+        children: children,
+        className:
+          'focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1',
+        'data-slot': 'scroll-area-viewport',
+      }),
+      _jsx(ScrollBar, {}),
+      _jsx(ScrollAreaPrimitive.Corner, {}),
+    ],
+  });
+}
+function ScrollBar({ className, orientation = 'vertical', ...props }) {
+  return _jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, {
+    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,
+    ),
+    'data-slot': 'scroll-area-scrollbar',
+    orientation: orientation,
+    ...props,
+    children: _jsx(ScrollAreaPrimitive.ScrollAreaThumb, {
+      className: 'bg-border relative flex-1 rounded-full',
+      'data-slot': 'scroll-area-thumb',
+    }),
+  });
+}
+export { ScrollArea, ScrollBar };

package/dist/shadcn/select.d.ts

@@ -0,0 +1,63 @@
+import * as SelectPrimitive from '@radix-ui/react-select';
+import type * as React from 'react';
+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,
+  ...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,
+};
+//# sourceMappingURL=select.d.ts.map

package/dist/shadcn/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/shadcn/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,iBAAS,MAAM,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAO9E;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAOpF;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAOpF;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,IAAgB,EAChB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACxD,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;CACzB,2CAiBA;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,QAAmB,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CA4BtD;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQ/F;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAkBnD;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,2CAQxD;AAED,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,cAAc,CAAC,2CAU7D;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,gBAAgB,CAAC,2CAU/D;AAED,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,GACZ,CAAC"}

package/dist/shadcn/select.js

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

package/dist/shadcn/separator.d.ts

@@ -0,0 +1,10 @@
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import type * as React from 'react';
+declare function Separator({
+  className,
+  orientation,
+  decorative,
+  ...props
+}: React.ComponentProps<typeof SeparatorPrimitive.Root>): import('react/jsx-runtime').JSX.Element;
+export { Separator };
+//# sourceMappingURL=separator.d.ts.map

package/dist/shadcn/separator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../src/shadcn/separator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,WAA0B,EAC1B,UAAiB,EACjB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CAatD;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/shadcn/separator.js

@@ -0,0 +1,18 @@
+'use client';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import { jsx as _jsx } from 'react/jsx-runtime';
+import { cn } from '../utils/cn';
+
+function Separator({ className, orientation = 'horizontal', decorative = true, ...props }) {
+  return _jsx(SeparatorPrimitive.Root, {
+    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,
+    ),
+    'data-slot': 'separator',
+    decorative: decorative,
+    orientation: orientation,
+    ...props,
+  });
+}
+export { Separator };

package/dist/shadcn/sheet.d.ts

@@ -0,0 +1,48 @@
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+import type * as React from 'react';
+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,
+};
+//# sourceMappingURL=sheet.d.ts.map

package/dist/shadcn/sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../src/shadcn/sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,wBAAwB,CAAC;AAEzD,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,iBAAS,KAAK,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,2CAO5E;AAED,iBAAS,YAAY,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,2CAOtF;AAED,iBAAS,UAAU,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,2CAOlF;AA2BD,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,QAAQ,EACR,IAAc,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,GAAG;IACvD,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;CAC5C,2CA4BA;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQxE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQxE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,2CAQ7F;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,WAAW,CAAC,2CAQzD;AAED,OAAO,EACL,KAAK,EACL,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,WAAW,EACX,WAAW,EACX,UAAU,EACV,gBAAgB,GACjB,CAAC"}

package/dist/shadcn/sheet.js

@@ -0,0 +1,99 @@
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+import { XIcon } from 'lucide-react';
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import { cn } from '../utils/cn';
+
+function Sheet({ ...props }) {
+  return _jsx(SheetPrimitive.Root, { 'data-slot': 'sheet', ...props });
+}
+function SheetTrigger({ ...props }) {
+  return _jsx(SheetPrimitive.Trigger, { 'data-slot': 'sheet-trigger', ...props });
+}
+function SheetClose({ ...props }) {
+  return _jsx(SheetPrimitive.Close, { 'data-slot': 'sheet-close', ...props });
+}
+function SheetPortal({ ...props }) {
+  return _jsx(SheetPrimitive.Portal, { 'data-slot': 'sheet-portal', ...props });
+}
+function SheetOverlay({ className, ...props }) {
+  return _jsx(SheetPrimitive.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,
+    ),
+    'data-slot': 'sheet-overlay',
+    ...props,
+  });
+}
+function SheetContent({ className, children, side = 'right', ...props }) {
+  return _jsxs(SheetPortal, {
+    children: [
+      _jsx(SheetOverlay, {}),
+      _jsxs(SheetPrimitive.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,
+        ),
+        'data-slot': 'sheet-content',
+        ...props,
+        children: [
+          children,
+          _jsxs(SheetPrimitive.Close, {
+            children: [
+              _jsx(XIcon, { className: 'size-4' }),
+              _jsx('span', { children: 'Close', className: 'sr-only' }),
+            ],
+            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',
+          }),
+        ],
+      }),
+    ],
+  });
+}
+function SheetHeader({ className, ...props }) {
+  return _jsx('div', {
+    className: cn('flex flex-col gap-1.5 p-4', className),
+    'data-slot': 'sheet-header',
+    ...props,
+  });
+}
+function SheetFooter({ className, ...props }) {
+  return _jsx('div', {
+    className: cn('mt-auto flex flex-col gap-2 p-4', className),
+    'data-slot': 'sheet-footer',
+    ...props,
+  });
+}
+function SheetTitle({ className, ...props }) {
+  return _jsx(SheetPrimitive.Title, {
+    className: cn('text-foreground font-semibold', className),
+    'data-slot': 'sheet-title',
+    ...props,
+  });
+}
+function SheetDescription({ className, ...props }) {
+  return _jsx(SheetPrimitive.Description, {
+    className: cn('text-muted-foreground text-sm', className),
+    'data-slot': 'sheet-description',
+    ...props,
+  });
+}
+export {
+  Sheet,
+  SheetTrigger,
+  SheetClose,
+  SheetContent,
+  SheetHeader,
+  SheetFooter,
+  SheetTitle,
+  SheetDescription,
+};

package/dist/shadcn/sidebar.d.ts

@@ -0,0 +1,200 @@
+import * as React from 'react';
+import { type VariantProps } from '../utils/cn';
+import { Button } from './button';
+import { Input } from './input';
+import { Separator } from './separator';
+import { TooltipContent } from './tooltip';
+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?:
+    | ({
+        size?: 'default' | 'lg' | 'sm' | undefined;
+        variant?: 'default' | 'outline' | undefined;
+      } & (
+        | {
+            class?: import('cva').ClassValue;
+            className?: never;
+          }
+        | {
+            class?: never;
+            className?: import('cva').ClassValue;
+          }
+      ))
+    | 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,
+};
+//# sourceMappingURL=sidebar.d.ts.map