@minidev.fun/ui 1.0.2 → 1.0.4

package/dist/{components/ui/resizable.d.ts → resizable.d.ts}

@@ -1,38 +1,47 @@
-import { Group as PanelGroup, Panel, Separator as PanelResizeHandle } from 'react-resizable-panels';
-import * as React from "react";
-type ResizablePanelGroupProps = React.ComponentProps<typeof PanelGroup>;
-/**
- * Container for resizable panels. Manages layout orientation and panel resizing behavior.
- * Supports both horizontal and vertical layouts with optional persistence via `id` prop.
- */
-declare function ResizablePanelGroup({ className, ...props }: ResizablePanelGroupProps): import("react/jsx-runtime").JSX.Element;
-type ResizablePanelProps = Omit<React.ComponentProps<typeof Panel>, "panelRef"> & {
-    /** Enable smooth CSS transition for collapse/expand. Drag resizing stays instant. @default false */
-    animated?: boolean;
-    /** Controlled collapsed state. When provided, the panel syncs to this value. */
-    collapsed?: boolean;
-    /** Animation duration in milliseconds. Only applies when `animated` is true. @default 400 */
-    duration?: number;
-};
-/**
- * Individual resizable panel within a ResizablePanelGroup.
- * Supports size constraints (minSize, maxSize), default sizing, and collapse behavior.
- *
- * Control collapse state declaratively via the `collapsed` prop.
- * When `animated` is true, collapse/expand transitions are smooth.
- *
- * @example
- * <ResizablePanel collapsed={isCollapsed} animated collapsible>
- */
-declare function ResizablePanel({ className, animated, collapsed, duration, ...props }: ResizablePanelProps): import("react/jsx-runtime").JSX.Element;
-type ResizableHandleProps = React.ComponentProps<typeof PanelResizeHandle> & {
-    /** Display a visible grip indicator on the resize handle. @default false */
-    withHandle?: boolean;
-};
-/**
- * Resize handle between panels. Appears as a thin line with optional visible grip indicator.
- * Supports keyboard navigation and focus states.
- */
-declare function ResizableHandle({ withHandle, className, ...props }: ResizableHandleProps): import("react/jsx-runtime").JSX.Element;
-export { ResizablePanelGroup, ResizablePanel, ResizableHandle, type ResizablePanelGroupProps, type ResizablePanelProps, type ResizableHandleProps, };
-//# sourceMappingURL=resizable.d.ts.map
+import { Group } from 'react-resizable-panels';
+import { JSX } from 'react/jsx-runtime';
+import { Panel } from 'react-resizable-panels';
+import * as React_2 from 'react';
+import { Separator } from 'react-resizable-panels';
+
+/**
+ * Resize handle between panels. Appears as a thin line with optional visible grip indicator.
+ * Supports keyboard navigation and focus states.
+ */
+export declare function ResizableHandle({ withHandle, className, ...props }: ResizableHandleProps): JSX.Element;
+
+export declare type ResizableHandleProps = React_2.ComponentProps<typeof Separator> & {
+    /** Display a visible grip indicator on the resize handle. @default false */
+    withHandle?: boolean;
+};
+
+/**
+ * Individual resizable panel within a ResizablePanelGroup.
+ * Supports size constraints (minSize, maxSize), default sizing, and collapse behavior.
+ *
+ * Control collapse state declaratively via the `collapsed` prop.
+ * When `animated` is true, collapse/expand transitions are smooth.
+ *
+ * @example
+ * <ResizablePanel collapsed={isCollapsed} animated collapsible>
+ */
+export declare function ResizablePanel({ className, animated, collapsed, duration, ...props }: ResizablePanelProps): JSX.Element;
+
+/**
+ * Container for resizable panels. Manages layout orientation and panel resizing behavior.
+ * Supports both horizontal and vertical layouts with optional persistence via `id` prop.
+ */
+export declare function ResizablePanelGroup({ className, ...props }: ResizablePanelGroupProps): JSX.Element;
+
+export declare type ResizablePanelGroupProps = React_2.ComponentProps<typeof Group>;
+
+export declare type ResizablePanelProps = Omit<React_2.ComponentProps<typeof Panel>, "panelRef"> & {
+    /** Enable smooth CSS transition for collapse/expand. Drag resizing stays instant. @default false */
+    animated?: boolean;
+    /** Controlled collapsed state. When provided, the panel syncs to this value. */
+    collapsed?: boolean;
+    /** Animation duration in milliseconds. Only applies when `animated` is true. @default 400 */
+    duration?: number;
+};
+
+export { }

package/dist/{components/ui/scroll-area.d.ts → scroll-area.d.ts}

@@ -1,64 +1,69 @@
-import { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';
-/**
- * Props for the ScrollArea component
- * @property {string} className - Additional CSS classes to apply
- * @property {React.ReactNode} children - Content to be rendered within the scrollable area
- */
-export type ScrollAreaProps = ScrollAreaPrimitive.Root.Props;
-/**
- * ScrollArea component that provides a customizable scrollable container with styled scrollbars.
- * Built on Base UI's ScrollArea primitive with automatic overflow detection and custom scrollbar styling.
- *
- * @component
- * @example
- * ```tsx
- * <ScrollArea className="h-72 w-48 rounded-md border p-4">
- *   <div>Long content that needs scrolling...</div>
- * </ScrollArea>
- * ```
- *
- * @example
- * ```tsx
- * // With horizontal scrolling
- * <ScrollArea className="w-96 whitespace-nowrap rounded-md border">
- *   <div className="flex gap-4 p-4">
- *     <div>Item 1</div>
- *     <div>Item 2</div>
- *     <div>Item 3</div>
- *   </div>
- * </ScrollArea>
- * ```
- *
- * @param {ScrollAreaProps} props - Component props extending Base UI ScrollArea.Root.Props
- * @returns {React.ReactElement} A styled scrollable container with custom scrollbars
- */
-declare function ScrollArea({ className, children, ...props }: ScrollAreaProps): import("react/jsx-runtime").JSX.Element;
-/**
- * Props for the ScrollBar component
- * @property {string} className - Additional CSS classes to apply
- * @property {"vertical" | "horizontal"} orientation - Scrollbar orientation (default: "vertical")
- */
-export type ScrollBarProps = ScrollAreaPrimitive.Scrollbar.Props;
-/**
- * ScrollBar component that renders a custom-styled scrollbar for the ScrollArea.
- * Automatically positions itself based on orientation and includes a draggable thumb.
- * Typically used internally by ScrollArea but can be used independently for custom layouts.
- *
- * @component
- * @example
- * ```tsx
- * // Custom ScrollArea with horizontal scrollbar only
- * <ScrollAreaPrimitive.Root>
- *   <ScrollAreaPrimitive.Viewport>
- *     {children}
- *   </ScrollAreaPrimitive.Viewport>
- *   <ScrollBar orientation="horizontal" />
- * </ScrollAreaPrimitive.Root>
- * ```
- *
- * @param {ScrollBarProps} props - Component props extending Base UI ScrollArea.Scrollbar.Props
- * @returns {React.ReactElement} A styled scrollbar with draggable thumb
- */
-declare function ScrollBar({ className, orientation, ...props }: ScrollBarProps): import("react/jsx-runtime").JSX.Element;
-export { ScrollArea, ScrollBar };
-//# sourceMappingURL=scroll-area.d.ts.map
+import { JSX } from 'react/jsx-runtime';
+import { ScrollArea as ScrollArea_2 } from '@base-ui/react/scroll-area';
+
+/**
+ * ScrollArea component that provides a customizable scrollable container with styled scrollbars.
+ * Built on Base UI's ScrollArea primitive with automatic overflow detection and custom scrollbar styling.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <ScrollArea className="h-72 w-48 rounded-md border p-4">
+ *   <div>Long content that needs scrolling...</div>
+ * </ScrollArea>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // With horizontal scrolling
+ * <ScrollArea className="w-96 whitespace-nowrap rounded-md border">
+ *   <div className="flex gap-4 p-4">
+ *     <div>Item 1</div>
+ *     <div>Item 2</div>
+ *     <div>Item 3</div>
+ *   </div>
+ * </ScrollArea>
+ * ```
+ *
+ * @param {ScrollAreaProps} props - Component props extending Base UI ScrollArea.Root.Props
+ * @returns {React.ReactElement} A styled scrollable container with custom scrollbars
+ */
+export declare function ScrollArea({ className, children, ...props }: ScrollAreaProps): JSX.Element;
+
+/**
+ * Props for the ScrollArea component
+ * @property {string} className - Additional CSS classes to apply
+ * @property {React.ReactNode} children - Content to be rendered within the scrollable area
+ */
+export declare type ScrollAreaProps = ScrollArea_2.Root.Props;
+
+/**
+ * ScrollBar component that renders a custom-styled scrollbar for the ScrollArea.
+ * Automatically positions itself based on orientation and includes a draggable thumb.
+ * Typically used internally by ScrollArea but can be used independently for custom layouts.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Custom ScrollArea with horizontal scrollbar only
+ * <ScrollAreaPrimitive.Root>
+ *   <ScrollAreaPrimitive.Viewport>
+ *     {children}
+ *   </ScrollAreaPrimitive.Viewport>
+ *   <ScrollBar orientation="horizontal" />
+ * </ScrollAreaPrimitive.Root>
+ * ```
+ *
+ * @param {ScrollBarProps} props - Component props extending Base UI ScrollArea.Scrollbar.Props
+ * @returns {React.ReactElement} A styled scrollbar with draggable thumb
+ */
+export declare function ScrollBar({ className, orientation, ...props }: ScrollBarProps): JSX.Element;
+
+/**
+ * Props for the ScrollBar component
+ * @property {string} className - Additional CSS classes to apply
+ * @property {"vertical" | "horizontal"} orientation - Scrollbar orientation (default: "vertical")
+ */
+export declare type ScrollBarProps = ScrollArea_2.Scrollbar.Props;
+
+export { }

package/dist/select.d.ts

@@ -0,0 +1,79 @@
+import { JSX } from 'react/jsx-runtime';
+import * as React_2 from 'react';
+import { Select as Select_2 } from '@base-ui/react/select';
+
+/**
+ * Select root component. Manages select state and provides context to children.
+ * Use with SelectTrigger, SelectContent, SelectItem, and SelectValue.
+ */
+export declare const Select: typeof Select_2.Root;
+
+/**
+ * Select dropdown content. Automatically renders in a portal with positioning and scroll buttons.
+ */
+export declare function SelectContent({ className, children, side, sideOffset, align, alignOffset, alignItemWithTrigger, ...props }: SelectContentProps): JSX.Element;
+
+export declare type SelectContentProps = Select_2.Popup.Props & Pick<Select_2.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset" | "alignItemWithTrigger">;
+
+/**
+ * Groups related select items with a label.
+ */
+export declare function SelectGroup({ className, ...props }: SelectGroupProps): JSX.Element;
+
+export declare type SelectGroupProps = Select_2.Group.Props;
+
+/**
+ * Individual selectable item. Automatically shows check icon when selected.
+ */
+export declare function SelectItem({ className, children, ...props }: SelectItemProps): JSX.Element;
+
+export declare type SelectItemProps = Select_2.Item.Props;
+
+/**
+ * Label for a group of select items.
+ */
+export declare function SelectLabel({ className, ...props }: SelectLabelProps): JSX.Element;
+
+export declare type SelectLabelProps = Select_2.GroupLabel.Props;
+
+export declare type SelectProps<T = unknown> = Select_2.Root.Props<T>;
+
+/**
+ * Scroll indicator button at the bottom of scrollable content.
+ */
+export declare function SelectScrollDownButton({ className, ...props }: SelectScrollDownButtonProps): JSX.Element;
+
+export declare type SelectScrollDownButtonProps = React_2.ComponentProps<typeof Select_2.ScrollDownArrow>;
+
+/**
+ * Scroll indicator button at the top of scrollable content.
+ */
+export declare function SelectScrollUpButton({ className, ...props }: SelectScrollUpButtonProps): JSX.Element;
+
+export declare type SelectScrollUpButtonProps = React_2.ComponentProps<typeof Select_2.ScrollUpArrow>;
+
+/**
+ * Visual separator between select groups.
+ */
+export declare function SelectSeparator({ className, ...props }: SelectSeparatorProps): JSX.Element;
+
+export declare type SelectSeparatorProps = Select_2.Separator.Props;
+
+/**
+ * Button that opens the select dropdown. Automatically includes chevron icon.
+ */
+export declare function SelectTrigger({ className, size, children, ...props }: SelectTriggerProps): JSX.Element;
+
+export declare type SelectTriggerProps = Select_2.Trigger.Props & {
+    /** Select trigger size. @default "default" */
+    size?: "sm" | "default";
+};
+
+/**
+ * Displays the selected item's value or placeholder text.
+ */
+export declare function SelectValue({ className, ...props }: SelectValueProps): JSX.Element;
+
+export declare type SelectValueProps = Select_2.Value.Props;
+
+export { }

package/dist/separator.d.ts

@@ -0,0 +1,12 @@
+import { JSX } from 'react/jsx-runtime';
+import { Separator as Separator_2 } from '@base-ui/react/separator';
+
+/**
+ * Visual divider for separating content sections.
+ * Supports both horizontal (default) and vertical orientations.
+ */
+export declare function Separator({ className, orientation, ...props }: SeparatorProps): JSX.Element;
+
+export declare type SeparatorProps = Separator_2.Props;
+
+export { }

package/dist/sheet.d.ts

@@ -0,0 +1,68 @@
+import { Dialog } from '@base-ui/react/dialog';
+import { JSX } from 'react/jsx-runtime';
+import * as React_2 from 'react';
+
+/**
+ * Sheet root component. Manages open/closed state for slide-in panels.
+ * Built on Base UI Dialog with directional slide animations.
+ */
+export declare function Sheet({ ...props }: SheetProps): JSX.Element;
+
+/**
+ * Button that closes the sheet. Use `render` prop to customize the close element.
+ */
+export declare function SheetClose({ ...props }: SheetCloseProps): JSX.Element;
+
+export declare type SheetCloseProps = Dialog.Close.Props;
+
+/**
+ * Sheet content panel with automatic portal, overlay, and slide animations.
+ * Slides in from specified edge with backdrop blur effect.
+ */
+export declare function SheetContent({ className, children, side, showCloseButton, ...props }: SheetContentProps): JSX.Element;
+
+export declare type SheetContentProps = Dialog.Popup.Props & {
+    /** Which edge the sheet slides in from. @default "right" */
+    side?: "top" | "right" | "bottom" | "left";
+    /** Show close button (X) in top-right corner. @default true */
+    showCloseButton?: boolean;
+};
+
+/**
+ * Accessible sheet description. Provides additional context for screen readers.
+ */
+export declare function SheetDescription({ className, ...props }: SheetDescriptionProps): JSX.Element;
+
+export declare type SheetDescriptionProps = Dialog.Description.Props;
+
+/**
+ * Footer section for sheet actions. Automatically sticks to bottom with consistent spacing.
+ */
+export declare function SheetFooter({ className, ...props }: SheetFooterProps): JSX.Element;
+
+export declare type SheetFooterProps = React_2.ComponentProps<"div">;
+
+/**
+ * Header section for sheet title and description. Provides consistent spacing.
+ */
+export declare function SheetHeader({ className, ...props }: SheetHeaderProps): JSX.Element;
+
+export declare type SheetHeaderProps = React_2.ComponentProps<"div">;
+
+export declare type SheetProps = Dialog.Root.Props;
+
+/**
+ * Accessible sheet title. Automatically linked to sheet for screen readers.
+ */
+export declare function SheetTitle({ className, ...props }: SheetTitleProps): JSX.Element;
+
+export declare type SheetTitleProps = Dialog.Title.Props;
+
+/**
+ * Button that opens the sheet. Use `render` prop to customize the trigger element.
+ */
+export declare function SheetTrigger({ ...props }: SheetTriggerProps): JSX.Element;
+
+export declare type SheetTriggerProps = Dialog.Trigger.Props;
+
+export { }