@ssa-ui-kit/core 2.1.0-canary-afe713f-20250306 → 2.1.1-canary-2f77c98-20250310

package/dist/components/Drawer/DrawerCloseButton.d.ts

@@ -0,0 +1,5 @@
+import { ButtonProps } from '../Button/types';
+export interface DrawerCloseButtonProps extends ButtonProps {
+    children?: React.ReactNode;
+}
+export declare const DrawerCloseButton: import("react").ForwardRefExoticComponent<DrawerCloseButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/Drawer/DrawerContent.d.ts

@@ -0,0 +1,3 @@
+export declare const DrawerContent: import("react").ForwardRefExoticComponent<{
+    children: React.ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Drawer/DrawerHeader.d.ts

@@ -0,0 +1,4 @@
+export interface DrawerHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+}
+export declare const DrawerHeader: import("react").ForwardRefExoticComponent<DrawerHeaderProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Drawer/DrawerOverlay.d.ts

@@ -0,0 +1,4 @@
+import { FloatingOverlayProps } from '@floating-ui/react';
+export declare const DrawerOverlay: ({ children, ...props }: {
+    children?: React.ReactNode;
+} & FloatingOverlayProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Drawer/DrawerPortal.d.ts

@@ -0,0 +1,2 @@
+import { FloatingPortal } from '@floating-ui/react';
+export declare const DrawerPortal: ({ children, ...props }: React.ComponentProps<typeof FloatingPortal>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Drawer/DrawerProvider.d.ts

@@ -0,0 +1,8 @@
+import { UseDrawerStore } from './useDrawer';
+export interface DrawerContextValue {
+    store: UseDrawerStore;
+}
+export declare const DrawerProvider: ({ children, value, }: {
+    value: DrawerContextValue;
+    children: React.ReactNode;
+}) => import("react").FunctionComponentElement<import("react").ProviderProps<DrawerContextValue | null>>, useDrawerContext: () => DrawerContextValue;

package/dist/components/Drawer/DrawerRoot.d.ts

@@ -0,0 +1,6 @@
+import { UseDrawerStore } from './useDrawer';
+export interface DrawerProps {
+    children: React.ReactElement;
+    store?: UseDrawerStore;
+}
+export declare const Drawer: ({ children, store: controlledStore }: DrawerProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;

package/dist/components/Drawer/DrawerTitle.d.ts

@@ -0,0 +1,4 @@
+export interface DrawerTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
+    children?: React.ReactNode;
+}
+export declare const DrawerTitle: import("react").ForwardRefExoticComponent<DrawerTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;

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

@@ -0,0 +1,2 @@
+export * as Drawer from './index.parts';
+export { useDrawer, UseDrawerOptions } from './useDrawer';

package/dist/components/Drawer/index.parts.d.ts

@@ -0,0 +1,7 @@
+export { Drawer as Root } from './DrawerRoot';
+export { DrawerOverlay as Overlay } from './DrawerOverlay';
+export { DrawerPortal as Portal } from './DrawerPortal';
+export { DrawerContent as Content } from './DrawerContent';
+export { DrawerHeader as Header } from './DrawerHeader';
+export { DrawerTitle as Title } from './DrawerTitle';
+export { DrawerCloseButton as CloseButton } from './DrawerCloseButton';

package/dist/components/Drawer/useDrawer.d.ts

@@ -0,0 +1,48 @@
+import { OpenChangeReason } from '@floating-ui/react';
+export type Position = 'left' | 'right' | 'top' | 'bottom';
+export type UseDrawerOptions = {
+    opened?: boolean;
+    duration?: number;
+    defaultOpened?: boolean;
+    dismissable?: boolean;
+    position?: Position;
+    title?: string;
+    withCloseButton?: boolean;
+    onOpenChange?: (open: boolean, event?: Event, reason?: OpenChangeReason) => void;
+};
+export declare const useDrawer: ({ opened, duration, defaultOpened, dismissable, position, title, withCloseButton, onOpenChange, }?: UseDrawerOptions) => {
+    opened: boolean;
+    dismissable: boolean;
+    position: Position;
+    duration: number;
+    floatingContext: {
+        x: number;
+        y: number;
+        placement: import("@floating-ui/react").Placement;
+        strategy: import("@floating-ui/react").Strategy;
+        middlewareData: import("@floating-ui/react").MiddlewareData;
+        isPositioned: boolean;
+        update: () => void;
+        floatingStyles: React.CSSProperties;
+        open: boolean;
+        onOpenChange: (open: boolean, event?: Event, reason?: OpenChangeReason) => void;
+        events: import("@floating-ui/react").FloatingEvents;
+        dataRef: React.MutableRefObject<import("@floating-ui/react").ContextData>;
+        nodeId: string | undefined;
+        floatingId: string | undefined;
+        refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+        elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
+    };
+    interactions: import("@floating-ui/react").UseInteractionsReturn;
+    transition: {
+        isMounted: boolean;
+        status: "initial" | "open" | "close" | "unmounted";
+    };
+    title: string | undefined;
+    withCloseButton: boolean;
+    portalNode: HTMLElement | null;
+    setFloating: ((node: HTMLElement | null) => void) & ((node: HTMLElement | null) => void);
+    setPortalNode: import("react").Dispatch<import("react").SetStateAction<HTMLElement | null>>;
+    toggle: (open?: boolean) => void;
+};
+export type UseDrawerStore = ReturnType<typeof useDrawer>;

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

@@ -1,5 +1,5 @@
 export * as default from './index.parts';
-export { FieldRootProps as FieldProps } from './FieldRoot';
-export { FieldLabelProps } from './FieldLabel';
-export { FieldControlProps } from './FieldControl';
+export { type FieldRootProps as FieldProps } from './FieldRoot';
+export { type FieldLabelProps } from './FieldLabel';
+export { type FieldControlProps } from './FieldControl';
 export { useFieldContext } from './FieldProvider';

package/dist/components/Field/index.parts.d.ts

@@ -2,5 +2,5 @@ export { FieldRoot as Root } from './FieldRoot';
 export { FieldError as Error } from './FieldError';
 export { FieldSuccess as Success } from './FieldSuccess';
 export { FieldDescription as Description } from './FieldDescription';
-export { FieldLabel as Label, FieldLabelProps } from './FieldLabel';
-export { FieldControl as Control, FieldControlProps } from './FieldControl';
+export { FieldLabel as Label } from './FieldLabel';
+export { FieldControl as Control } from './FieldControl';

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

@@ -1,5 +1,5 @@
-export { FiltersMultiSelect, FiltersMultiSelectProps, } from './FiltersMultiSelect';
-export { FiltersMultiSelectOption, FiltersMultiSelectOptionProps, } from './components/FiltersMultiSelectOption';
+export { FiltersMultiSelect, type FiltersMultiSelectProps, } from './FiltersMultiSelect';
+export { FiltersMultiSelectOption, type FiltersMultiSelectOptionProps, } from './components/FiltersMultiSelectOption';
 export { FiltersMultiSelectOptions } from './components/FiltersMultiSelectOptions';
-export { FiltersMultiSelectEmpty, FiltersMultiSelectEmptyProps, } from './components/FiltersMultiSelectEmpty';
-export { useFilterMultiSelect, Filter, SelectedFilter, } from './useFiltersMultiSelect';
+export { FiltersMultiSelectEmpty, type FiltersMultiSelectEmptyProps, } from './components/FiltersMultiSelectEmpty';
+export { useFilterMultiSelect, type Filter, type SelectedFilter, } from './useFiltersMultiSelect';

package/dist/components/NestedTable/components/NestedTableCell.d.ts

@@ -1 +1,2 @@
-export declare const NestedTableCell: ({ children, ...props }: React.PropsWithChildren) => import("@emotion/react/jsx-runtime").JSX.Element;
+import { HTMLAttributes } from 'react';
+export declare const NestedTableCell: ({ children, ...props }: React.PropsWithChildren<HTMLAttributes<HTMLTableCellElement>>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/NestedTable/components/NestedTableCellSubHeader.d.ts

@@ -1,3 +1,4 @@
+import { HTMLAttributes } from 'react';
 export declare const NestedTableCellSubHeader: ({ isHeader, ...props }: {
     isHeader?: boolean;
-}) => import("@emotion/react/jsx-runtime").JSX.Element;
+} & HTMLAttributes<HTMLTableCellElement>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/NestedTable/components/NestedTableRow.d.ts

@@ -1,3 +1,4 @@
+import { HTMLAttributes } from 'react';
 export declare const NestedTableRow: ({ children, isHeader, ...props }: React.PropsWithChildren<{
     isHeader?: boolean;
-}>) => import("@emotion/react/jsx-runtime").JSX.Element;
+} & HTMLAttributes<HTMLTableRowElement>>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/index.d.ts

@@ -71,6 +71,7 @@ export * from './CardList';
 export * from './Checkbox';
 export * from './CollapsibleNavBar';
 export * from './DatePicker';
+export * from './Drawer';
 export * from './Field';
 export * from './Filters';
 export * from './FiltersMultiSelect';