@commercetools/nimbus 0.0.11 → 0.0.12-rc2

package/dist/date-input.d.ts

@@ -1,16 +1,18 @@
 import { DateFieldProps } from 'react-aria-components';
 import { DateValue } from 'react-aria';
-import { HTMLChakraProps } from '@chakra-ui/react';
+import { HTMLChakraProps } from '@chakra-ui/react/styled-system';
 import { JSX } from 'react/jsx-runtime';
-import { RecipeProps } from '@chakra-ui/react';
-import { RecipeVariantProps } from '@chakra-ui/react';
+import { RecipeProps } from '@chakra-ui/react/styled-system';
+import { RecipeVariantProps } from '@chakra-ui/react/styled-system';
 import { SlotRecipeDefinition } from '@chakra-ui/react';
-import { UnstyledProp } from '@chakra-ui/react';
+import { UnstyledProp } from '@chakra-ui/react/styled-system';
 
 /**
- * DateInput
- * ============================================================
- * allows entering a date in the currently selected locale
+ * # DateInput
+ *
+ * allows entering a date
+ *
+ * @see {@link https://nimbus-documentation.vercel.app/components/inputs/dateinput}
  */
 export declare const DateInput: {
     (props: DateInputProps): JSX.Element;
@@ -99,3 +101,12 @@ boxShadow: "none!";
 declare type ExcludedProps = "validationState" | "label" | "description" | "errorMessage" | "css" | "colorScheme" | "unstyled" | "recipe" | "as" | "asChild";
 
 export { }
+
+
+declare module "slate" {
+    interface CustomTypes {
+        Editor: BaseEditor & ReactEditor & HistoryEditor;
+        Element: CustomElement;
+        Text: CustomText;
+    }
+}

package/dist/date-picker.d.ts

@@ -1,12 +1,12 @@
 import { DateFieldProps } from 'react-aria-components';
 import { DatePickerStateOptions } from 'react-stately';
 import { DateValue } from 'react-aria';
-import { HTMLChakraProps } from '@chakra-ui/react';
+import { HTMLChakraProps } from '@chakra-ui/react/styled-system';
 import { JSX } from 'react/jsx-runtime';
-import { RecipeProps } from '@chakra-ui/react';
-import { RecipeVariantProps } from '@chakra-ui/react';
+import { RecipeProps } from '@chakra-ui/react/styled-system';
+import { RecipeVariantProps } from '@chakra-ui/react/styled-system';
 import { SlotRecipeDefinition } from '@chakra-ui/react';
-import { UnstyledProp } from '@chakra-ui/react';
+import { UnstyledProp } from '@chakra-ui/react/styled-system';
 
 /**
  * Properties from DatePickerStateOptions that would conflict with similarly named
@@ -91,10 +91,11 @@ boxShadow: "none!";
 }>;
 
 /**
- * DatePicker
- * ============================================================
- * Combines a DateInput with a Calendar popover for date selection.
- * Users can either type a date directly or select from the calendar.
+ * # DatePicker
+ *
+ * a UI component for users to enter or select a specific calendar date.
+ *
+ * @see {@link https://nimbus-documentation.vercel.app/components/inputs/datepicker}
  */
 export declare const DatePicker: {
     (props: DatePickerProps): JSX.Element;
@@ -132,7 +133,7 @@ export declare interface DatePickerProps extends Omit<DateInputProps, Conflictin
  * Recipe configuration for the DatePicker component.
  * Defines the styling variants and base styles using Chakra UI's recipe system.
  */
-declare const datePickerSlotRecipe: SlotRecipeDefinition<"popover" | "group" | "root" | "trigger" | "calendar" | "calendarHeader" | "calendarGrid" | "calendarCell", {
+declare const datePickerSlotRecipe: SlotRecipeDefinition<"group" | "popover" | "root" | "trigger" | "calendar" | "calendarHeader" | "calendarGrid" | "calendarCell", {
 size: {
 sm: {
 group: {
@@ -182,3 +183,12 @@ declare type ExcludedProps = "validationState" | "label" | "description" | "erro
 declare type ExcludedProps_2 = "validationState" | "label" | "description" | "errorMessage" | "css" | "colorScheme" | "unstyled" | "recipe" | "as" | "asChild" | "variant";
 
 export { }
+
+
+declare module "slate" {
+    interface CustomTypes {
+        Editor: BaseEditor & ReactEditor & HistoryEditor;
+        Element: CustomElement;
+        Text: CustomText;
+    }
+}

package/dist/date-range-picker.d.ts

@@ -1,11 +1,11 @@
 import { DateRangePickerProps as DateRangePickerProps_2 } from 'react-aria-components';
 import { DateValue } from 'react-aria';
-import { HTMLChakraProps } from '@chakra-ui/react';
+import { HTMLChakraProps } from '@chakra-ui/react/styled-system';
 import { JSX } from 'react/jsx-runtime';
-import { RecipeProps } from '@chakra-ui/react';
-import { RecipeVariantProps } from '@chakra-ui/react';
+import { RecipeProps } from '@chakra-ui/react/styled-system';
+import { RecipeVariantProps } from '@chakra-ui/react/styled-system';
 import { SlotRecipeDefinition } from '@chakra-ui/react';
-import { UnstyledProp } from '@chakra-ui/react';
+import { UnstyledProp } from '@chakra-ui/react/styled-system';
 
 /**
  * DateRangePicker
@@ -59,7 +59,7 @@ declare interface DateRangePickerRecipeProps extends RecipeProps<"div">, Unstyle
 declare interface DateRangePickerRootProps extends HTMLChakraProps<"div", DateRangePickerRecipeProps> {
 }
 
-declare const dateRangePickerSlotRecipe: SlotRecipeDefinition<"popover" | "group" | "root" | "trigger" | "calendar" | "calendarHeader" | "calendarGrid" | "calendarCell", {
+declare const dateRangePickerSlotRecipe: SlotRecipeDefinition<"group" | "popover" | "root" | "trigger" | "calendar" | "calendarHeader" | "calendarGrid" | "calendarCell", {
 size: {
 sm: {
 group: {
@@ -109,3 +109,12 @@ export declare interface DateRangePickerTimeInputProps {
 declare type ExcludedProps = "validationState" | "label" | "description" | "errorMessage" | "css" | "colorScheme" | "unstyled" | "recipe" | "as" | "asChild";
 
 export { }
+
+
+declare module "slate" {
+    interface CustomTypes {
+        Editor: BaseEditor & ReactEditor & HistoryEditor;
+        Element: CustomElement;
+        Text: CustomText;
+    }
+}

package/dist/dialog.d.ts

@@ -1,7 +1,13 @@
-import { Dialog as Dialog_2 } from '@chakra-ui/react';
+import { Dialog as Dialog_2 } from '@chakra-ui/react/dialog';
 import { JSX } from 'react/jsx-runtime';
 
 /**
+ * # Dialog
+ *
+ * displays a dialog
+ *
+ * @see {@link https://nimbus-documentation.vercel.app/components/feedback/dialog}
+ *
  * @experimental This component is experimental and may change or be removed in future versions.
  */
 export declare const Dialog: DialogComponents;
@@ -31,3 +37,12 @@ declare interface DialogContentProps extends Dialog_2.ContentProps {
 }
 
 export { }
+
+
+declare module "slate" {
+    interface CustomTypes {
+        Editor: BaseEditor & ReactEditor & HistoryEditor;
+        Element: CustomElement;
+        Text: CustomText;
+    }
+}

package/dist/divider.d.ts

@@ -1,10 +1,10 @@
-import { HTMLChakraProps } from '@chakra-ui/react';
+import { HTMLChakraProps } from '@chakra-ui/react/styled-system';
 import { JSX } from 'react/jsx-runtime';
 import { RecipeDefinition } from '@chakra-ui/react';
-import { RecipeProps } from '@chakra-ui/react';
-import { RecipeVariantProps } from '@chakra-ui/react';
+import { RecipeProps } from '@chakra-ui/react/styled-system';
+import { RecipeVariantProps } from '@chakra-ui/react/styled-system';
 import { SeparatorProps } from 'react-aria';
-import { UnstyledProp } from '@chakra-ui/react';
+import { UnstyledProp } from '@chakra-ui/react/styled-system';
 
 /**
  * Divider
@@ -45,17 +45,11 @@ declare const dividerRecipe: RecipeDefinition<    {
 orientation: {
 horizontal: {
 width: "100%";
-height: "1px";
-borderTopWidth: "1px";
-borderTopStyle: "solid";
-borderLeftWidth: "0";
+height: "25";
 };
 vertical: {
+width: "25";
 height: "100%";
-width: "1px";
-borderLeftWidth: "1px";
-borderLeftStyle: "solid";
-borderTopWidth: "0";
 };
 };
 }>;
@@ -85,3 +79,12 @@ declare type DividerVariantProps = DividerRootProps & RecipeVariantProps<typeof
 };
 
 export { }
+
+
+declare module "slate" {
+    interface CustomTypes {
+        Editor: BaseEditor & ReactEditor & HistoryEditor;
+        Element: CustomElement;
+        Text: CustomText;
+    }
+}

package/dist/flex.d.ts

@@ -1,5 +1,14 @@
-import { Flex } from '@chakra-ui/react';
+import { Flex } from '@chakra-ui/react/flex';
 
 export { Flex }
 
 export { }
+
+
+declare module "slate" {
+    interface CustomTypes {
+        Editor: BaseEditor & ReactEditor & HistoryEditor;
+        Element: CustomElement;
+        Text: CustomText;
+    }
+}

package/dist/form-field.d.ts

@@ -4,12 +4,12 @@ import { FormFieldInputSlotProps } from './form-field.slots';
 import { FormFieldLabelSlotProps } from './form-field.slots';
 import { FormFieldProps as FormFieldProps_2 } from './form-field.types';
 import { ForwardRefExoticComponent } from 'react';
-import { HTMLChakraProps } from '@chakra-ui/react';
+import { HTMLChakraProps } from '@chakra-ui/react/styled-system';
 import { ReactNode } from 'react';
-import { RecipeVariantProps } from '@chakra-ui/react';
+import { RecipeVariantProps } from '@chakra-ui/react/styled-system';
 import { RefAttributes } from 'react';
 import { SlotRecipeDefinition } from '@chakra-ui/react';
-import { UnstyledProp } from '@chakra-ui/react';
+import { UnstyledProp } from '@chakra-ui/react/styled-system';
 
 export declare const FormField: {
     Root: ForwardRefExoticComponent<FormFieldProps_2 & RefAttributes<HTMLDivElement>>;
@@ -119,9 +119,11 @@ mt: "var(--grid-gap)";
 }>;
 
 /**
- * FormField
- * ============================================================
- * displays inputs in a FormField context
+ * # FormField
+ *
+ * displays miscellaneous inputs in a FormField context
+ *
+ * @see {@link https://nimbus-documentation.vercel.app/components/inputs/formfield}
  */
 export declare const _FormFieldRoot: ForwardRefExoticComponent<FormFieldProps & RefAttributes<HTMLDivElement>>;
 
@@ -129,3 +131,12 @@ declare interface FormFieldRootSlotProps extends HTMLChakraProps<"div", RecipeVa
 }
 
 export { }
+
+
+declare module "slate" {
+    interface CustomTypes {
+        Editor: BaseEditor & ReactEditor & HistoryEditor;
+        Element: CustomElement;
+        Text: CustomText;
+    }
+}

package/dist/grid.d.ts

@@ -1,6 +1,6 @@
 import { ForwardRefExoticComponent } from 'react';
 import { GridItemProps } from '@chakra-ui/react';
-import { GridProps as GridProps_2 } from '@chakra-ui/react';
+import { GridProps as GridProps_2 } from '@chakra-ui/react/grid';
 import { JSX } from 'react/jsx-runtime';
 import { RefAttributes } from 'react';
 
@@ -12,13 +12,11 @@ export declare const Grid: {
 };
 
 /**
- * Grid
- * ============================================================
- * The Grid Layout Component provides a flexible and responsive way to structure content using a two-dimensional grid system. It allows elements to be arranged in rows and columns, enabling dynamic and efficient layouts for different screen sizes.
+ * # Grid
  *
- * Features:
+ * An easily customizable Grid component, re-exported from Chakra UI, that provides a consistent layout structure across different products.
  *
- * - allows forwarding refs to the underlying DOM element
+ * @see {@link https://nimbus-documentation.vercel.app/components/layout/grid}
  */
 export declare interface GridProps extends GridProps_2 {
     children?: React.ReactNode;
@@ -26,3 +24,12 @@ export declare interface GridProps extends GridProps_2 {
 }
 
 export { }
+
+
+declare module "slate" {
+    interface CustomTypes {
+        Editor: BaseEditor & ReactEditor & HistoryEditor;
+        Element: CustomElement;
+        Text: CustomText;
+    }
+}

package/dist/group.d.ts

@@ -0,0 +1,44 @@
+import { FC } from 'react';
+import { Group as Group_2 } from 'react-aria-components';
+import { GroupProps as GroupProps_2 } from 'react-aria-components';
+import { HTMLChakraProps } from '@chakra-ui/react';
+import { RecipeProps } from '@chakra-ui/react';
+import { Ref } from 'react';
+import { UnstyledProp } from '@chakra-ui/react';
+
+declare type DefaultExcludedProps = "css" | "asChild" | "as" | "colorScheme";
+
+export declare const Group: GroupComponent;
+
+/** Type signature for the main `Group` component. */
+export declare type GroupComponent = FC<GroupProps>;
+
+export declare interface GroupProps extends Omit<GroupSlotProps, DefaultExcludedProps>, Pick<GroupProps_2, "isDisabled" | "isInvalid" | "onHoverChange" | "onHoverStart" | "onHoverEnd"> {
+    ref?: Ref<typeof Group_2>;
+}
+
+/**
+ * Base recipe props interface that combines Chakra UI's recipe props
+ * with the unstyled prop option for the div element.
+ */
+declare interface GroupRecipeProps extends RecipeProps<"div">, UnstyledProp {
+}
+
+/**
+ * Root props interface that extends Chakra's HTML props with our recipe props.
+ * This creates a complete set of props for the root element, combining
+ * HTML attributes, Chakra's styling system, and our custom recipe props.
+ */
+declare interface GroupSlotProps extends HTMLChakraProps<"div", GroupRecipeProps> {
+}
+
+export { }
+
+
+declare module "slate" {
+    interface CustomTypes {
+        Editor: BaseEditor & ReactEditor & HistoryEditor;
+        Element: CustomElement;
+        Text: CustomText;
+    }
+}

package/dist/heading.d.ts

@@ -1,5 +1,14 @@
-import { Heading } from '@chakra-ui/react';
+import { Heading } from '@chakra-ui/react/heading';
 
 export { Heading }
 
 export { }
+
+
+declare module "slate" {
+    interface CustomTypes {
+        Editor: BaseEditor & ReactEditor & HistoryEditor;
+        Element: CustomElement;
+        Text: CustomText;
+    }
+}

package/dist/hooks.d.ts

@@ -0,0 +1,60 @@
+import { Editor } from 'slate';
+import { Key } from 'react-aria';
+import { TextStyleDefinition } from '../constants';
+
+export declare const useFormattingState: ({ withPreservedSelection, }: UseFormattingStateProps) => {
+    selectedKeys: Set<string>;
+    selectedScriptKeys: Set<string>;
+    allSelectedKeys: Set<string>;
+    handleAllSelectionChange: (keys: "all" | Set<Key>) => void;
+};
+
+export declare interface UseFormattingStateProps {
+    withPreservedSelection: (fn: () => void) => () => void;
+}
+
+export declare const useKeyboardShortcuts: ({ editor }: UseKeyboardShortcutsProps) => {
+    handleKeyDown: (event: React.KeyboardEvent) => void;
+};
+
+export declare interface UseKeyboardShortcutsProps {
+    editor: Editor;
+}
+
+/**
+ * Hook that provides a helper function to preserve selection when toolbar actions are executed.
+ * This prevents losing text selection when interacting with toolbar buttons and menus.
+ *
+ * TODO: This works for toggle buttons, but not for menus.
+ *
+ * @param editor - The Slate editor instance
+ * @returns A function that wraps actions to preserve selection and focus
+ */
+export declare const usePreservedSelection: (editor: Editor) => (action: () => void) => () => void;
+
+export declare const useToolbarState: ({ withPreservedSelection, }: UseToolbarStateProps) => {
+    currentTextStyle: string;
+    selectedTextStyle: TextStyleDefinition | undefined;
+    selectedTextStyleLabel: string;
+    handleTextStyleChange: (styleId: string) => void;
+    handleListToggle: (selectedKeys: Set<Key>) => void;
+    selectedFormatKeys: Set<string>;
+    selectedListKeys: Set<string>;
+    hasUndos: boolean;
+    hasRedos: boolean;
+};
+
+export declare interface UseToolbarStateProps {
+    withPreservedSelection: (fn: () => void) => () => void;
+}
+
+export { }
+
+
+declare module "slate" {
+    interface CustomTypes {
+        Editor: BaseEditor & ReactEditor & HistoryEditor;
+        Element: CustomElement;
+        Text: CustomText;
+    }
+}

package/dist/icon-button.d.ts

@@ -1,8 +1,8 @@
 import { AriaButtonProps } from 'react-aria';
-import { HTMLChakraProps } from '@chakra-ui/react';
+import { HTMLChakraProps } from '@chakra-ui/react/styled-system';
 import { JSX } from 'react/jsx-runtime';
-import { RecipeProps } from '@chakra-ui/react';
-import { UnstyledProp } from '@chakra-ui/react';
+import { RecipeProps } from '@chakra-ui/react/styled-system';
+import { UnstyledProp } from '@chakra-ui/react/styled-system';
 
 declare interface ButtonProps extends FunctionalButtonProps {
     slot?: string | null | undefined;
@@ -31,10 +31,11 @@ declare type FunctionalButtonProps = AriaButtonProps & Omit<ButtonRootProps, key
 };
 
 /**
- * IconButton
- * ============================================================
- * displays a button with only an icon as child. It is based
- * on the regular `Button` component, but with a few adjustments.
+ * # IconButton
+ *
+ * displays a button with an icon only as child
+ *
+ * @see {@link https://nimbus-documentation.vercel.app/components/inputs/iconbutton}
  */
 export declare const IconButton: {
     (props: IconButtonProps): JSX.Element;
@@ -51,3 +52,12 @@ export declare interface IconButtonProps extends ButtonProps {
 }
 
 export { }
+
+
+declare module "slate" {
+    interface CustomTypes {
+        Editor: BaseEditor & ReactEditor & HistoryEditor;
+        Element: CustomElement;
+        Text: CustomText;
+    }
+}

package/dist/icon-toggle-button.d.ts

@@ -0,0 +1,158 @@
+import { HTMLChakraProps } from '@chakra-ui/react/styled-system';
+import { JSX } from 'react/jsx-runtime';
+import { RecipeDefinition } from '@chakra-ui/react';
+import { RecipeVariantProps } from '@chakra-ui/react/styled-system';
+import { ToggleButtonProps as ToggleButtonProps_2 } from 'react-aria-components';
+import { UnstyledProp } from '@chakra-ui/react/styled-system';
+
+/**
+ * Additional properties we want to exclude from the ToggleButton component.
+ * These are chakra-ui props we don't want exposed for non-polymorphic components.
+ */
+declare type ExcludedProps = "css" | "colorScheme" | "unstyled" | "recipe" | "as" | "asChild";
+
+/**
+ * # IconToggleButton
+ * ============================================================
+ * A toggle button with only an icon as child. It is based
+ * on the regular `ToggleButton` component, but with a few adjustments.
+ *
+ */
+export declare const IconToggleButton: {
+    ({ "aria-label": ariaLabel, children, ref, ...props }: IconToggleButtonProps): JSX.Element;
+    displayName: string;
+};
+
+export declare interface IconToggleButtonProps extends Omit<ToggleButtonProps, "aria-label"> {
+    /** explains the intended action, required for accessibility */
+    "aria-label": string;
+    ref?: React.Ref<HTMLButtonElement>;
+}
+
+declare interface ToggleButtonProps extends ToggleButtonProps_2, Omit<ToggleButtonRootProps, keyof ToggleButtonProps_2 | ExcludedProps> {
+    /**
+     * Ref to the underlying button element
+     */
+    ref?: React.Ref<HTMLButtonElement>;
+}
+
+declare const toggleButtonRecipe: RecipeDefinition<    {
+size: {
+"2xs"?: {
+h: "600";
+minW: "600";
+fontSize: "300";
+fontWeight: "500";
+lineHeight: "400";
+px: "200";
+gap: "100";
+_icon: {
+width: "400";
+height: "400";
+};
+} | undefined;
+xs?: {
+h: "800";
+minW: "800";
+fontSize: "350";
+fontWeight: "500";
+lineHeight: "400";
+px: "300";
+gap: "100";
+_icon: {
+width: "500";
+height: "500";
+};
+} | undefined;
+md?: {
+h: "1000";
+minW: "1000";
+fontSize: "400";
+lineHeight: "500";
+px: "400";
+gap: "200";
+_icon: {
+width: "600";
+height: "600";
+};
+} | undefined;
+};
+variant: {
+outline: {
+"--button-bg": "transparent";
+"--button-text": "{colors.colorPalette.11}";
+"--border-width": "{sizes.25}";
+"--border-color": "{colors.colorPalette.7}";
+bg: "var(--button-bg)";
+boxShadow: "0 0 0 var(--border-width) var(--border-color)";
+color: "var(--button-text)";
+"&[data-hovered='true']": {
+"--button-bg": "{colors.colorPalette.2}";
+"--border-color": "{colors.colorPalette.8}";
+};
+"&[data-selected=true]": {
+"--button-bg": "{colors.colorPalette.3}";
+"--border-color": "{colors.colorPalette.8}";
+_hover: {
+"--button-bg": "{colors.colorPalette.4}";
+"--border-color": "{colors.colorPalette.9}";
+};
+};
+};
+ghost: {
+"--button-text": "{colors.neutral.11}";
+"--button-bg": "transparent";
+color: "var(--button-text)";
+bg: "var(--button-bg)";
+"&[data-hovered='true']": {
+"--button-bg": "{colors.colorPalette.2}";
+};
+"&[data-selected='true']": {
+"--button-bg": "{colors.colorPalette.3}";
+"--button-text": "{colors.colorPalette.11}";
+"&[data-hovered='true']": {
+"--button-bg": "{colors.colorPalette.4}";
+};
+};
+};
+};
+tone: {
+primary?: {
+colorPalette: "primary";
+} | undefined;
+critical?: {
+colorPalette: "critical";
+} | undefined;
+neutral?: {
+colorPalette: "neutral";
+} | undefined;
+info?: {
+colorPalette: "info";
+} | undefined;
+};
+}>;
+
+/**
+ * Base recipe props interface that combines Chakra UI's recipe props
+ * with the unstyled prop option for the toggle button element.
+ */
+declare interface ToggleButtonRecipeProps extends RecipeVariantProps<typeof toggleButtonRecipe>, UnstyledProp {
+}
+
+/**
+ * Root props interface that extends Chakra's HTML props with our recipe props.
+ * This creates a complete set of props for the root element, combining
+ * HTML attributes, Chakra's styling system, and our custom recipe props.
+ */
+declare type ToggleButtonRootProps = HTMLChakraProps<"button", ToggleButtonRecipeProps>;
+
+export { }
+
+
+declare module "slate" {
+    interface CustomTypes {
+        Editor: BaseEditor & ReactEditor & HistoryEditor;
+        Element: CustomElement;
+        Text: CustomText;
+    }
+}

package/dist/icon.d.ts

@@ -1,9 +1,9 @@
-import { HTMLChakraProps } from '@chakra-ui/react';
+import { HTMLChakraProps } from '@chakra-ui/react/styled-system';
 import { JSX } from 'react/jsx-runtime';
 import { RecipeDefinition } from '@chakra-ui/react';
-import { RecipeProps } from '@chakra-ui/react';
-import { RecipeVariantProps } from '@chakra-ui/react';
-import { UnstyledProp } from '@chakra-ui/react';
+import { RecipeProps } from '@chakra-ui/react/styled-system';
+import { RecipeVariantProps } from '@chakra-ui/react/styled-system';
+import { UnstyledProp } from '@chakra-ui/react/styled-system';
 
 declare interface BoxProps extends HTMLChakraProps<"div"> {
     children?: React.ReactNode;
@@ -11,8 +11,11 @@ declare interface BoxProps extends HTMLChakraProps<"div"> {
 }
 
 /**
- * Icon
+ * # Icon
+ *
  * displays icon components
+ *
+ * @see {@link https://nimbus-documentation.vercel.app/components/media/icon}
  */
 export declare const Icon: {
     (props: IconProps): JSX.Element;
@@ -102,3 +105,12 @@ declare interface IconRootSlotProps extends HTMLChakraProps<"svg", IconRecipePro
 declare type IconVariantProps = Omit<IconRootSlotProps, keyof React.SVGProps<SVGSVGElement> | "css" | "unstyled" | "asChild" | "recipe"> & RecipeVariantProps<typeof iconRecipe>;
 
 export { }
+
+
+declare module "slate" {
+    interface CustomTypes {
+        Editor: BaseEditor & ReactEditor & HistoryEditor;
+        Element: CustomElement;
+        Text: CustomText;
+    }
+}