@stokelp/ui 2.13.0 → 2.15.0

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

@@ -0,0 +1,2 @@
+export * as Dialog from './styled';
+export type { DialogProps, DialogBackdropProps, DialogCloseTriggerProps, DialogContentProps, DialogHeaderProps, DialogBodyProps, DialogFooterProps, DialogPositionerProps, DialogTitleProps, DialogTriggerProps, } from './styled';

package/dist/components/dialog/styled.d.ts

@@ -0,0 +1,44 @@
+import { Dialog as ArkDialog, PolymorphicProps } from '@ark-ui/react';
+import { ComponentProps, ForwardRefExoticComponent, RefAttributes, DetailedHTMLProps, HTMLAttributes, DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES, RefObject } from 'react';
+import { ComponentVariants } from '../../utils/slots';
+import { DialogRecipe } from '@stokelp/styled-system/recipes';
+import { StyledComponent } from '@stokelp/styled-system/types';
+
+export declare const Root: ComponentVariants<(props: ArkDialog.RootProps) => import("react/jsx-runtime").JSX.Element, DialogRecipe>;
+export declare const Backdrop: StyledComponent<ForwardRefExoticComponent<ArkDialog.BackdropProps & RefAttributes<HTMLDivElement>>, {}>;
+export declare const CloseTrigger: StyledComponent<ForwardRefExoticComponent<ArkDialog.CloseTriggerProps & RefAttributes<HTMLButtonElement>>, {}>;
+export declare const Content: StyledComponent<ForwardRefExoticComponent<Omit<ArkDialog.ContentProps & RefAttributes<HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>>, {}>;
+export declare const Header: StyledComponent<ForwardRefExoticComponent<Omit<Omit< DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    ref?: ((instance: HTMLElement | null) => void | DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | RefObject<HTMLElement> | null | undefined;
+} & PolymorphicProps, "ref"> & {
+    showCloseTrigger?: boolean;
+} & RefAttributes<HTMLElement>>, {}>;
+export declare const Body: StyledComponent<ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    ref?: ((instance: HTMLElement | null) => void | DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | RefObject<HTMLElement> | null | undefined;
+} & PolymorphicProps>, {}>;
+export declare const Footer: StyledComponent<ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    ref?: ((instance: HTMLElement | null) => void | DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | RefObject<HTMLElement> | null | undefined;
+} & PolymorphicProps>, {}>;
+export declare const Positioner: StyledComponent<ForwardRefExoticComponent<ArkDialog.PositionerProps & RefAttributes<HTMLDivElement>>, {}>;
+export declare const Title: StyledComponent<ForwardRefExoticComponent<ArkDialog.TitleProps & RefAttributes<HTMLHeadingElement>>, {}>;
+export declare const Trigger: StyledComponent<ForwardRefExoticComponent<ArkDialog.TriggerProps & RefAttributes<HTMLButtonElement>>, {}>;
+export interface DialogProps extends ComponentProps<typeof Root> {
+}
+export interface DialogBackdropProps extends ComponentProps<typeof Backdrop> {
+}
+export interface DialogCloseTriggerProps extends ComponentProps<typeof CloseTrigger> {
+}
+export interface DialogContentProps extends ComponentProps<typeof Content> {
+}
+export interface DialogHeaderProps extends ComponentProps<typeof Header> {
+}
+export interface DialogBodyProps extends ComponentProps<typeof Body> {
+}
+export interface DialogFooterProps extends ComponentProps<typeof Footer> {
+}
+export interface DialogPositionerProps extends ComponentProps<typeof Positioner> {
+}
+export interface DialogTitleProps extends ComponentProps<typeof Title> {
+}
+export interface DialogTriggerProps extends ComponentProps<typeof Trigger> {
+}

package/dist/components/index.d.ts

@@ -33,4 +33,5 @@ export * from './checkbox-card';
 export * from './combobox';
 export * from './icon';
 export * from './collapsible';
+export * from './dialog';
 export * from './app';