@okshaun/components 0.5.7 → 0.5.8

package/dist/index.d.ts

@@ -27,6 +27,7 @@ import { LabelVariantProps } from '../../../styled-system/recipes';
 import { LinkVariantProps } from '../../../styled-system/recipes';
 import { menu } from '../../../styled-system/recipes';
 import { MenuVariantProps } from '../../../styled-system/recipes';
+import { ModalVariantProps } from '../../../styled-system/recipes';
 import { NumericSizeToken } from '../../../styled-system/tokens';
 import { Placement } from '@floating-ui/react';
 import { RadioInputVariantProps } from '../../../styled-system/recipes';
@@ -34,6 +35,10 @@ import { RadioVariantProps } from '../../../styled-system/recipes';
 import * as React_2 from 'react';
 import { ReactNode } from 'react';
 import { RefObject } from 'react';
+import { SelectContextValue } from './types';
+import { SelectOptionProps } from './types';
+import { SelectProps } from './types';
+import { SelectTriggerProps } from './types';
 import { SpinnerVariantProps } from '../../../styled-system/recipes';
 import { SVGAttributes } from 'react';
 import { SystemStyleObject } from '../../../styled-system/types';
@@ -869,6 +874,55 @@ export declare type MenuTriggerProps = Omit<BoxProps, 'children'> & {
     disabled?: boolean;
 };
 
+export declare const Modal: default_2.FC<ModalProps>;
+
+export declare const ModalBody: default_2.FC<ModalBodyProps>;
+
+export declare type ModalBodyProps = Omit<BoxProps, 'children'> & {
+    /** Body content */
+    children: React.ReactNode;
+};
+
+declare interface ModalContextValue {
+    /** Whether the modal is open */
+    open: boolean;
+    /** Callback to close the modal */
+    onClose: () => void;
+    /** Whether overlay clicks should close the modal */
+    preventOverlayClose?: boolean;
+}
+
+export declare const ModalFooter: default_2.FC<ModalFooterProps>;
+
+export declare type ModalFooterProps = Omit<BoxProps, 'children'> & {
+    /** Footer content (typically action buttons) */
+    children: React.ReactNode;
+};
+
+export declare const ModalHeader: default_2.FC<ModalHeaderProps>;
+
+export declare type ModalHeaderProps = Omit<BoxProps, 'children'> & {
+    /** Title text */
+    title?: string | React.ReactNode;
+    /** Whether to show the close button */
+    showCloseButton?: boolean;
+    /** Children (custom header content) */
+    children?: React.ReactNode;
+};
+
+export declare type ModalProps = Omit<BoxProps, keyof ModalVariantProps> & ModalVariantProps & {
+    /** Controlled open state (REQUIRED) */
+    open: boolean;
+    /** Callback when open state should change (REQUIRED) */
+    onOpenChange: (open: boolean) => void;
+    /** Whether clicking the overlay should close the modal */
+    preventOverlayClose?: boolean;
+    /** Children (ModalHeader, ModalBody, ModalFooter) */
+    children: React.ReactNode;
+    /** Optional ID for ARIA attributes */
+    id?: string;
+};
+
 declare const numericSizes: {
     '0': {
         value: string;
@@ -1051,8 +1105,27 @@ export declare type RadioProps = Omit<BoxProps, keyof RadioVariantProps> & Radio
     error?: boolean;
 };
 
+export declare const Select: default_2.FC<SelectProps>;
+
+export { SelectContextValue }
+
 export declare type SelectionIndicator = 'checkmark' | 'checkbox';
 
+/**
+ * SelectOption component used within Select
+ * Note: This component doesn't render directly - the Select parent component
+ * converts SelectOption instances to MenuItem components for actual rendering.
+ */
+export declare const SelectOption: default_2.FC<SelectOptionProps>;
+
+export { SelectOptionProps }
+
+export { SelectProps }
+
+export declare const SelectTrigger: default_2.FC<SelectTriggerProps>;
+
+export { SelectTriggerProps }
+
 export declare const Spinner: React.FC<SpinnerProps>;
 
 export declare type SpinnerProps = Omit<BoxProps, keyof SpinnerVariantProps> & SpinnerVariantProps & {
@@ -1186,6 +1259,10 @@ export declare function useMediaQuery(breakpoint: BreakpointKey, direction?: Que
 
 export declare const useMenuContext: () => MenuContextValue;
 
+export declare const useModalContext: () => ModalContextValue;
+
+export declare const useSelectContext: () => SelectContextValue;
+
 export declare function useTheme(): ThemeContextType;
 
 export { }