@sproutsocial/seeds-react-peek-in 0.0.1

package/dist/index.d.mts

@@ -0,0 +1,79 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { TypeIconName } from '@sproutsocial/seeds-react-icon';
+
+interface TypePeekInControlledProps {
+    /** Controlled open state */
+    open: boolean;
+    /** Called when the open state changes (close button, overlay click, escape) */
+    onOpenChange: (open: boolean) => void;
+    defaultOpen?: never;
+}
+interface TypePeekInUncontrolledProps {
+    open?: never;
+    onOpenChange?: (open: boolean) => void;
+    /** Initial open state for uncontrolled mode */
+    defaultOpen?: boolean;
+}
+type TypePeekInActionProps = {
+    /** Accessible label for the action button */
+    "aria-label": string;
+    /** Icon name from the Seeds icon set */
+    iconName?: TypeIconName;
+    /** Click handler */
+    onClick?: () => void;
+    /** Disable the action */
+    disabled?: boolean;
+};
+type TypePeekInRailToggleConfig = {
+    /** Icon name for the rail toggle button */
+    iconName: string;
+    /** Accessible label. Default: "Toggle panel" */
+    "aria-label"?: string;
+};
+type TypePeekInProps = (TypePeekInControlledProps | TypePeekInUncontrolledProps) & {
+    /** Aria label for the built-in close button */
+    closeButtonAriaLabel?: string;
+    /** Additional action buttons shown in the rail alongside the close button */
+    actions?: TypePeekInActionProps[];
+    /** Show a rail toggle button in the action rail. Requires PeekIn.Rail to be present. */
+    railToggle?: TypePeekInRailToggleConfig;
+    children: React.ReactNode;
+};
+interface TypePeekInHeaderProps {
+    /** Title displayed on the left side of the header */
+    title: React.ReactNode;
+    /** If provided, renders a back arrow button before the title */
+    onBack?: () => void;
+    /** Action buttons rendered on the right side of the header */
+    children?: React.ReactNode;
+}
+interface TypePeekInMainProps {
+    children: React.ReactNode;
+}
+interface TypePeekInRailProps {
+    /** Title for the rail header */
+    title?: React.ReactNode;
+    /** Whether the rail starts open or collapsed. Default: true */
+    defaultOpen?: boolean;
+    children: React.ReactNode;
+}
+interface TypePeekInTriggerProps {
+    /** Element that opens the PeekIn when clicked */
+    children: React.ReactNode;
+}
+
+declare const PeekInHeader: React.FC<TypePeekInHeaderProps>;
+
+declare const PeekInMain: React.FC<TypePeekInMainProps>;
+
+declare const PeekInRail: React.FC<TypePeekInRailProps>;
+
+declare const PeekInTrigger: React.FC<TypePeekInTriggerProps>;
+
+declare const PeekIn: {
+    ({ open, defaultOpen, onOpenChange, closeButtonAriaLabel, actions, railToggle, children, }: TypePeekInProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+export { PeekIn, PeekInHeader, PeekInMain, PeekInRail, PeekInTrigger, type TypePeekInActionProps, type TypePeekInHeaderProps, type TypePeekInMainProps, type TypePeekInProps, type TypePeekInRailProps, type TypePeekInRailToggleConfig, type TypePeekInTriggerProps };

package/dist/index.d.ts

@@ -0,0 +1,79 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { TypeIconName } from '@sproutsocial/seeds-react-icon';
+
+interface TypePeekInControlledProps {
+    /** Controlled open state */
+    open: boolean;
+    /** Called when the open state changes (close button, overlay click, escape) */
+    onOpenChange: (open: boolean) => void;
+    defaultOpen?: never;
+}
+interface TypePeekInUncontrolledProps {
+    open?: never;
+    onOpenChange?: (open: boolean) => void;
+    /** Initial open state for uncontrolled mode */
+    defaultOpen?: boolean;
+}
+type TypePeekInActionProps = {
+    /** Accessible label for the action button */
+    "aria-label": string;
+    /** Icon name from the Seeds icon set */
+    iconName?: TypeIconName;
+    /** Click handler */
+    onClick?: () => void;
+    /** Disable the action */
+    disabled?: boolean;
+};
+type TypePeekInRailToggleConfig = {
+    /** Icon name for the rail toggle button */
+    iconName: string;
+    /** Accessible label. Default: "Toggle panel" */
+    "aria-label"?: string;
+};
+type TypePeekInProps = (TypePeekInControlledProps | TypePeekInUncontrolledProps) & {
+    /** Aria label for the built-in close button */
+    closeButtonAriaLabel?: string;
+    /** Additional action buttons shown in the rail alongside the close button */
+    actions?: TypePeekInActionProps[];
+    /** Show a rail toggle button in the action rail. Requires PeekIn.Rail to be present. */
+    railToggle?: TypePeekInRailToggleConfig;
+    children: React.ReactNode;
+};
+interface TypePeekInHeaderProps {
+    /** Title displayed on the left side of the header */
+    title: React.ReactNode;
+    /** If provided, renders a back arrow button before the title */
+    onBack?: () => void;
+    /** Action buttons rendered on the right side of the header */
+    children?: React.ReactNode;
+}
+interface TypePeekInMainProps {
+    children: React.ReactNode;
+}
+interface TypePeekInRailProps {
+    /** Title for the rail header */
+    title?: React.ReactNode;
+    /** Whether the rail starts open or collapsed. Default: true */
+    defaultOpen?: boolean;
+    children: React.ReactNode;
+}
+interface TypePeekInTriggerProps {
+    /** Element that opens the PeekIn when clicked */
+    children: React.ReactNode;
+}
+
+declare const PeekInHeader: React.FC<TypePeekInHeaderProps>;
+
+declare const PeekInMain: React.FC<TypePeekInMainProps>;
+
+declare const PeekInRail: React.FC<TypePeekInRailProps>;
+
+declare const PeekInTrigger: React.FC<TypePeekInTriggerProps>;
+
+declare const PeekIn: {
+    ({ open, defaultOpen, onOpenChange, closeButtonAriaLabel, actions, railToggle, children, }: TypePeekInProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+export { PeekIn, PeekInHeader, PeekInMain, PeekInRail, PeekInTrigger, type TypePeekInActionProps, type TypePeekInHeaderProps, type TypePeekInMainProps, type TypePeekInProps, type TypePeekInRailProps, type TypePeekInRailToggleConfig, type TypePeekInTriggerProps };