@moondreamsdev/dreamer-ui 1.7.7-test.4 → 1.7.7-test.5

package/dist/providers.esm.js

@@ -1,6 +1,6 @@
 import { jsxs as g, jsx as l } from "react/jsx-runtime";
 import { useState as x, useCallback as s } from "react";
-import { A as v, T as y } from "./Toast-CKF3_Xwk.js";
+import { A as v, T as y } from "./Toast-C84BREWE.js";
 import "react-dom";
 import { A as b, T as C } from "./useToast-CEKvEJVB.js";
 import { join as w } from "./utils.esm.js";

package/dist/src/components/index.d.ts

@@ -6,6 +6,7 @@ export * from './clickable';
 export * from './input';
 export * from './label';
 export * from './modal';
+export * from './panel';
 export * from './radiogroup';
 export * from './separator';
 export * from './slot';

package/dist/src/components/panel/Panel.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import { PanelSize } from './variants';
+export interface PanelProps {
+    ref?: React.Ref<HTMLDivElement>;
+    /** Unique identifier for the panel */
+    id?: string;
+    /** Whether the panel is open */
+    isOpen: boolean;
+    /** Callback when panel should close */
+    onClose: () => void;
+    /** Panel title - can be a string or React node */
+    title?: React.ReactNode;
+    /** Panel content */
+    children: React.ReactNode;
+    /** Panel footer - can be a string or React node */
+    footer?: React.ReactNode;
+    /** Panel size variant */
+    size?: PanelSize;
+    /** Additional CSS classes for the panel */
+    className?: string;
+    /** Additional CSS classes for the overlay */
+    overlayClassName?: string;
+    /** Whether to hide the close button */
+    hideCloseButton?: boolean;
+    /** Whether to disable closing when clicking the overlay */
+    disableCloseOnOverlayClick?: boolean;
+    /** ARIA labelledby attribute */
+    ariaLabelledBy?: string;
+    /** ARIA describedby attribute */
+    ariaDescribedBy?: string;
+}
+/**
+ * Panel component that slides in from the right side of the screen.
+ * Provides an overlay and slide-in animation for side content display.
+ */
+export default function Panel({ ref, id, isOpen, onClose, title, children, footer, size, className, overlayClassName, hideCloseButton, disableCloseOnOverlayClick, ariaLabelledBy, ariaDescribedBy, }: PanelProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/src/components/panel/hooks.d.ts

@@ -0,0 +1,6 @@
+export declare function useAnimationSlideIn(isOpen: boolean): {
+    show: boolean;
+    shouldRender: boolean;
+};
+export declare function usePanelDocumentChanges(isOpen: boolean, onClose: () => void): void;
+export declare function usePanelFocus(panelId: string, isOpen: boolean): void;

package/dist/src/components/panel/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Panel } from './Panel';
+export type { PanelProps } from './Panel';
+export type { PanelSize } from './variants';

package/dist/src/components/panel/variants.d.ts

@@ -0,0 +1,12 @@
+export declare const panelVariants: {
+    readonly size: {
+        readonly sm: "max-w-sm";
+        readonly md: "max-w-md";
+        readonly lg: "max-w-lg";
+        readonly xl: "max-w-xl";
+        readonly '2xl': "max-w-2xl";
+        readonly full: "w-full";
+        readonly screen: "w-screen";
+    };
+};
+export type PanelSize = keyof typeof panelVariants.size;

package/dist/theme.css

@@ -12,4 +12,5 @@
 
   --color-success: var(--color-green-500);
   --color-border: var(--color-slate-600); /* for input/textarea borders and dividers */
+  --color-popover: var(--color-slate-900); /* for popover backgrounds (tooltip, dropdowns, modals, etc) */
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moondreamsdev/dreamer-ui",
-  "version": "1.7.7-test.4",
+  "version": "1.7.7-test.5",
   "publishConfig": {
     "access": "public"
   },