@koine/react 2.0.0-alpha.1 → 2.0.0-alpha.2

package/Tabs/tw/material.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+/// <reference types="react" />
 export type { KoineTabsProps } from "./bare";
 export declare const Root: import("react").ForwardRefExoticComponent<Omit<{
     className?: string | undefined;
@@ -6,43 +7,39 @@ export declare const Root: import("react").ForwardRefExoticComponent<Omit<{
 }, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<{
     className?: string | undefined;
     ref?: import("react").Ref<any> | undefined;
-}, "ref"> & import("react").RefAttributes<import("@mui/types").OverridableComponent<import("@mui/base/TabsUnstyled").TabsUnstyledTypeMap<{}, "div">>>>>>;
+}, "ref"> & import("react").RefAttributes<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Tabs").TabsTypeMap<{}, "div">>>>>>;
 export declare const List: import("react").ForwardRefExoticComponent<Omit<{
     className?: string | undefined;
     ref?: import("react").Ref<any> | undefined;
 }, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<{
     className?: string | undefined;
     ref?: import("react").Ref<any> | undefined;
-}, "ref"> & import("react").RefAttributes<import("@mui/types").OverridableComponent<import("@mui/base/TabsListUnstyled").TabsListUnstyledTypeMap<{}, "div">>>>>>;
-export declare const Tab: import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLProps<any> & import("@mui/base/TabUnstyled").TabUnstyledOwnProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+}, "ref"> & import("react").RefAttributes<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabsList").TabsListTypeMap<{}, "div">>>>>>;
+export declare const Tab: import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLProps<any> & import("@mui/base/Tab").TabOwnProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, keyof import("@mui/base/TabUnstyled").TabUnstyledOwnProps> & {
-    component?: "button" | undefined;
-} & {
-    Indicator?: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("@mui/base/TabUnstyled").UseTabReturnValue, "disabled" | "selected" | "active"> & {
+}, keyof import("@mui/base/Tab").TabOwnProps> & {
+    Indicator?: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
         children?: import("react").ReactNode;
     }>> | undefined;
 } & {
     className?: string | undefined;
     ref?: import("react").Ref<any> | undefined;
-}, "ref"> | Omit<import("@mui/base/TabUnstyled").TabUnstyledOwnProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+}, "ref"> | Omit<import("@mui/base/Tab").TabOwnProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, keyof import("@mui/base/TabUnstyled").TabUnstyledOwnProps> & {
-    component?: "button" | undefined;
-} & {
-    Indicator?: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("@mui/base/TabUnstyled").UseTabReturnValue, "disabled" | "selected" | "active"> & {
+}, keyof import("@mui/base/Tab").TabOwnProps> & {
+    Indicator?: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
         children?: import("react").ReactNode;
     }>> | undefined;
 } & {
     className?: string | undefined;
     ref?: import("react").Ref<any> | undefined;
 }, "ref">) & import("react").RefAttributes<any>>;
-export declare const Indicator: import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLProps<any> & Pick<import("@mui/base/TabUnstyled").UseTabReturnValue, "disabled" | "selected" | "active"> & {
+export declare const Indicator: import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLProps<any> & Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
     children?: import("react").ReactNode;
 } & {
     className?: string | undefined;
     ref?: import("react").Ref<any> | undefined;
-}, "ref"> | Omit<Pick<import("@mui/base/TabUnstyled").UseTabReturnValue, "disabled" | "selected" | "active"> & {
+}, "ref"> | Omit<Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
     children?: import("react").ReactNode;
 } & {
     className?: string | undefined;
@@ -54,10 +51,10 @@ export declare const Panel: import("react").ForwardRefExoticComponent<Omit<{
 }, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<{
     className?: string | undefined;
     ref?: import("react").Ref<any> | undefined;
-}, "ref"> & import("react").RefAttributes<import("@mui/types").OverridableComponent<import("@mui/base/TabPanelUnstyled").TabPanelUnstyledTypeMap<{}, "div">>>>>>;
+}, "ref"> & import("react").RefAttributes<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabPanel").TabPanelTypeMap<{}, "div">>>>>>;
 export declare const KoineTabs: ((props: Omit<{
     key?: import("react").Key | null | undefined;
-    value?: string | number | false | undefined;
+    value?: string | number | null | undefined;
     id?: string | undefined;
     title?: string | undefined;
     color?: string | undefined;
@@ -65,10 +62,11 @@ export declare const KoineTabs: ((props: Omit<{
     style?: import("react").CSSProperties | undefined;
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
     defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | false | undefined;
+    defaultValue?: string | number | null | undefined;
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
+    autoFocus?: boolean | undefined;
     className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
     contextMenu?: string | undefined;
@@ -84,11 +82,14 @@ export declare const KoineTabs: ((props: Omit<{
     radioGroup?: string | undefined;
     role?: import("react").AriaRole | undefined;
     about?: string | undefined;
+    content?: string | undefined;
     datatype?: string | undefined;
     inlist?: any;
     prefix?: string | undefined;
     property?: string | undefined;
+    rel?: string | undefined;
     resource?: string | undefined;
+    rev?: string | undefined;
     typeof?: string | undefined;
     vocab?: string | undefined;
     autoCapitalize?: string | undefined;
@@ -107,14 +108,18 @@ export declare const KoineTabs: ((props: Omit<{
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
     'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
+    'aria-braillelabel'?: string | undefined;
+    'aria-brailleroledescription'?: string | undefined;
     'aria-busy'?: (boolean | "true" | "false") | undefined;
     'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
     'aria-colcount'?: number | undefined;
     'aria-colindex'?: number | undefined;
+    'aria-colindextext'?: string | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
     'aria-current'?: boolean | "location" | "time" | "true" | "false" | "page" | "step" | "date" | undefined;
     'aria-describedby'?: string | undefined;
+    'aria-description'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
     'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
@@ -144,6 +149,7 @@ export declare const KoineTabs: ((props: Omit<{
     'aria-roledescription'?: string | undefined;
     'aria-rowcount'?: number | undefined;
     'aria-rowindex'?: number | undefined;
+    'aria-rowindextext'?: string | undefined;
     'aria-rowspan'?: number | undefined;
     'aria-selected'?: (boolean | "true" | "false") | undefined;
     'aria-setsize'?: number | undefined;
@@ -154,7 +160,7 @@ export declare const KoineTabs: ((props: Omit<{
     'aria-valuetext'?: string | undefined;
     children?: import("react").ReactNode;
     dangerouslySetInnerHTML?: {
-        __html: string;
+        __html: string | TrustedHTML;
     } | undefined;
     onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
     onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
@@ -172,7 +178,7 @@ export declare const KoineTabs: ((props: Omit<{
     onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
     onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
     onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-    onChange?: ((event: import("react").SyntheticEvent<Element, Event>, value: string | number | boolean) => void) | undefined;
+    onChange?: ((event: import("react").SyntheticEvent<Element, Event> | null, value: string | number | null) => void) | undefined;
     onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -322,13 +328,13 @@ export declare const KoineTabs: ((props: Omit<{
     orientation?: ("horizontal" | "vertical") | undefined;
     selectionFollowsFocus?: boolean | undefined;
     mTab?: import("framer-motion").MotionProps | undefined;
-    Root: import("@mui/types").OverridableComponent<import("@mui/base/TabsUnstyled").TabsUnstyledTypeMap<{}, "div">>;
-    List: import("@mui/types").OverridableComponent<import("@mui/base/TabsListUnstyled").TabsListUnstyledTypeMap<{}, "div">>;
-    Tab: import("@mui/types").OverridableComponent<import("@mui/base/TabUnstyled").TabUnstyledTypeMap<{}, "button">>;
-    Indicator: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("@mui/base/TabUnstyled").UseTabReturnValue, "disabled" | "selected" | "active"> & {
+    Root: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Tabs").TabsTypeMap<{}, "div">>;
+    List: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabsList").TabsListTypeMap<{}, "div">>;
+    Tab: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Tab").TabTypeMap<{}, "button">>;
+    Indicator: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
         children?: import("react").ReactNode;
     }>>;
-    Panel: import("@mui/types").OverridableComponent<import("@mui/base/TabPanelUnstyled").TabPanelUnstyledTypeMap<{}, "div">>;
+    Panel: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabPanel").TabPanelTypeMap<{}, "div">>;
 }, "ref"> & import("react").RefAttributes<HTMLDivElement>) => import("react").FunctionComponentElement<any>) & {
     Root: import("react").ForwardRefExoticComponent<Omit<{
         className?: string | undefined;
@@ -336,43 +342,39 @@ export declare const KoineTabs: ((props: Omit<{
     }, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<{
         className?: string | undefined;
         ref?: import("react").Ref<any> | undefined;
-    }, "ref"> & import("react").RefAttributes<import("@mui/types").OverridableComponent<import("@mui/base/TabsUnstyled").TabsUnstyledTypeMap<{}, "div">>>>>>;
+    }, "ref"> & import("react").RefAttributes<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Tabs").TabsTypeMap<{}, "div">>>>>>;
     List: import("react").ForwardRefExoticComponent<Omit<{
         className?: string | undefined;
         ref?: import("react").Ref<any> | undefined;
     }, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<{
         className?: string | undefined;
         ref?: import("react").Ref<any> | undefined;
-    }, "ref"> & import("react").RefAttributes<import("@mui/types").OverridableComponent<import("@mui/base/TabsListUnstyled").TabsListUnstyledTypeMap<{}, "div">>>>>>;
-    Tab: import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLProps<any> & import("@mui/base/TabUnstyled").TabUnstyledOwnProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    }, "ref"> & import("react").RefAttributes<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabsList").TabsListTypeMap<{}, "div">>>>>>;
+    Tab: import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLProps<any> & import("@mui/base/Tab").TabOwnProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
         ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-    }, keyof import("@mui/base/TabUnstyled").TabUnstyledOwnProps> & {
-        component?: "button" | undefined;
-    } & {
-        Indicator?: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("@mui/base/TabUnstyled").UseTabReturnValue, "disabled" | "selected" | "active"> & {
+    }, keyof import("@mui/base/Tab").TabOwnProps> & {
+        Indicator?: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
             children?: import("react").ReactNode;
         }>> | undefined;
     } & {
         className?: string | undefined;
         ref?: import("react").Ref<any> | undefined;
-    }, "ref"> | Omit<import("@mui/base/TabUnstyled").TabUnstyledOwnProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    }, "ref"> | Omit<import("@mui/base/Tab").TabOwnProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
         ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-    }, keyof import("@mui/base/TabUnstyled").TabUnstyledOwnProps> & {
-        component?: "button" | undefined;
-    } & {
-        Indicator?: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("@mui/base/TabUnstyled").UseTabReturnValue, "disabled" | "selected" | "active"> & {
+    }, keyof import("@mui/base/Tab").TabOwnProps> & {
+        Indicator?: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
             children?: import("react").ReactNode;
         }>> | undefined;
     } & {
         className?: string | undefined;
         ref?: import("react").Ref<any> | undefined;
     }, "ref">) & import("react").RefAttributes<any>>;
-    Indicator: import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLProps<any> & Pick<import("@mui/base/TabUnstyled").UseTabReturnValue, "disabled" | "selected" | "active"> & {
+    Indicator: import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLProps<any> & Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
         children?: import("react").ReactNode;
     } & {
         className?: string | undefined;
         ref?: import("react").Ref<any> | undefined;
-    }, "ref"> | Omit<Pick<import("@mui/base/TabUnstyled").UseTabReturnValue, "disabled" | "selected" | "active"> & {
+    }, "ref"> | Omit<Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
         children?: import("react").ReactNode;
     } & {
         className?: string | undefined;
@@ -384,7 +386,7 @@ export declare const KoineTabs: ((props: Omit<{
     }, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<{
         className?: string | undefined;
         ref?: import("react").Ref<any> | undefined;
-    }, "ref"> & import("react").RefAttributes<import("@mui/types").OverridableComponent<import("@mui/base/TabPanelUnstyled").TabPanelUnstyledTypeMap<{}, "div">>>>>>;
+    }, "ref"> & import("react").RefAttributes<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabPanel").TabPanelTypeMap<{}, "div">>>>>>;
 } & {
     defaultProps: {
         Root: import("react").ForwardRefExoticComponent<Omit<{
@@ -393,43 +395,39 @@ export declare const KoineTabs: ((props: Omit<{
         }, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<{
             className?: string | undefined;
             ref?: import("react").Ref<any> | undefined;
-        }, "ref"> & import("react").RefAttributes<import("@mui/types").OverridableComponent<import("@mui/base/TabsUnstyled").TabsUnstyledTypeMap<{}, "div">>>>>>;
+        }, "ref"> & import("react").RefAttributes<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Tabs").TabsTypeMap<{}, "div">>>>>>;
         List: import("react").ForwardRefExoticComponent<Omit<{
             className?: string | undefined;
             ref?: import("react").Ref<any> | undefined;
         }, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<{
             className?: string | undefined;
             ref?: import("react").Ref<any> | undefined;
-        }, "ref"> & import("react").RefAttributes<import("@mui/types").OverridableComponent<import("@mui/base/TabsListUnstyled").TabsListUnstyledTypeMap<{}, "div">>>>>>;
-        Tab: import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLProps<any> & import("@mui/base/TabUnstyled").TabUnstyledOwnProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+        }, "ref"> & import("react").RefAttributes<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabsList").TabsListTypeMap<{}, "div">>>>>>;
+        Tab: import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLProps<any> & import("@mui/base/Tab").TabOwnProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
             ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-        }, keyof import("@mui/base/TabUnstyled").TabUnstyledOwnProps> & {
-            component?: "button" | undefined;
-        } & {
-            Indicator?: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("@mui/base/TabUnstyled").UseTabReturnValue, "disabled" | "selected" | "active"> & {
+        }, keyof import("@mui/base/Tab").TabOwnProps> & {
+            Indicator?: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
                 children?: import("react").ReactNode;
             }>> | undefined;
         } & {
             className?: string | undefined;
             ref?: import("react").Ref<any> | undefined;
-        }, "ref"> | Omit<import("@mui/base/TabUnstyled").TabUnstyledOwnProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+        }, "ref"> | Omit<import("@mui/base/Tab").TabOwnProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
             ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-        }, keyof import("@mui/base/TabUnstyled").TabUnstyledOwnProps> & {
-            component?: "button" | undefined;
-        } & {
-            Indicator?: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("@mui/base/TabUnstyled").UseTabReturnValue, "disabled" | "selected" | "active"> & {
+        }, keyof import("@mui/base/Tab").TabOwnProps> & {
+            Indicator?: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
                 children?: import("react").ReactNode;
             }>> | undefined;
         } & {
             className?: string | undefined;
             ref?: import("react").Ref<any> | undefined;
         }, "ref">) & import("react").RefAttributes<any>>;
-        Indicator: import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLProps<any> & Pick<import("@mui/base/TabUnstyled").UseTabReturnValue, "disabled" | "selected" | "active"> & {
+        Indicator: import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLProps<any> & Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
             children?: import("react").ReactNode;
         } & {
             className?: string | undefined;
             ref?: import("react").Ref<any> | undefined;
-        }, "ref"> | Omit<Pick<import("@mui/base/TabUnstyled").UseTabReturnValue, "disabled" | "selected" | "active"> & {
+        }, "ref"> | Omit<Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
             children?: import("react").ReactNode;
         } & {
             className?: string | undefined;
@@ -441,6 +439,6 @@ export declare const KoineTabs: ((props: Omit<{
         }, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<{
             className?: string | undefined;
             ref?: import("react").Ref<any> | undefined;
-        }, "ref"> & import("react").RefAttributes<import("@mui/types").OverridableComponent<import("@mui/base/TabPanelUnstyled").TabPanelUnstyledTypeMap<{}, "div">>>>>>;
+        }, "ref"> & import("react").RefAttributes<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabPanel").TabPanelTypeMap<{}, "div">>>>>>;
     };
 };

package/Typography/ReadMore.d.ts

@@ -9,4 +9,4 @@ export type ReadMoreProps = React.ComponentPropsWithoutRef<"div"> & {
     /** @default "Collapse" */
     collapse?: string;
 };
-export declare const ReadMore: ({ lines, lineHeight, fontSize, bg, expand, collapse, ...props }: ReadMoreProps) => JSX.Element;
+export declare const ReadMore: ({ lines, lineHeight, fontSize, bg, expand, collapse, ...props }: ReadMoreProps) => import("react/jsx-runtime").JSX.Element;

package/Typography/ReadMore.js

@@ -41,7 +41,7 @@ var ReadMore = function (_a) {
     (0, hooks_1.useIsomorphicLayoutEffect)(function () {
         height.set(expanded ? fullHeight : maxHeight);
     }, [expanded, height, fullHeight, maxHeight]);
-    return ((0, jsx_runtime_1.jsxs)(Root, { children: [(0, jsx_runtime_1.jsx)(framer_motion_1.m.div, tslib_1.__assign({ style: styles }, { children: (0, jsx_runtime_1.jsx)(Content, tslib_1.__assign({ ref: content }, props)) })), exceeds && ((0, jsx_runtime_1.jsxs)(BtnWrap, tslib_1.__assign({ "$expanded": expanded }, { children: [(0, jsx_runtime_1.jsx)(BtnFader, { "$bg": bg }), (0, jsx_runtime_1.jsxs)(Btn, tslib_1.__assign({ "$fontSize": fontSize, "$lineHeight": lineHeight, onClick: handleExpandClick, "aria-expanded": expanded, "aria-label": expanded ? collapse : expand }, { children: [expanded ? collapse : expand, (0, jsx_runtime_1.jsx)(BtnIcon, { "$expanded": expanded })] }))] })))] }));
+    return ((0, jsx_runtime_1.jsxs)(Root, { children: [(0, jsx_runtime_1.jsx)(framer_motion_1.m.div, { style: styles, children: (0, jsx_runtime_1.jsx)(Content, tslib_1.__assign({ ref: content }, props)) }), exceeds && ((0, jsx_runtime_1.jsxs)(BtnWrap, { "$expanded": expanded, children: [(0, jsx_runtime_1.jsx)(BtnFader, { "$bg": bg }), (0, jsx_runtime_1.jsxs)(Btn, { "$fontSize": fontSize, "$lineHeight": lineHeight, onClick: handleExpandClick, "aria-expanded": expanded, "aria-label": expanded ? collapse : expand, children: [expanded ? collapse : expand, (0, jsx_runtime_1.jsx)(BtnIcon, { "$expanded": expanded })] })] }))] }));
 };
 exports.ReadMore = ReadMore;
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

package/Typography/ReadMore.mjs

@@ -38,6 +38,6 @@ export var ReadMore = function (_a) {
     useIsomorphicLayoutEffect(function () {
         height.set(expanded ? fullHeight : maxHeight);
     }, [expanded, height, fullHeight, maxHeight]);
-    return (_jsxs(Root, { children: [_jsx(m.div, __assign({ style: styles }, { children: _jsx(Content, __assign({ ref: content }, props)) })), exceeds && (_jsxs(BtnWrap, __assign({ "$expanded": expanded }, { children: [_jsx(BtnFader, { "$bg": bg }), _jsxs(Btn, __assign({ "$fontSize": fontSize, "$lineHeight": lineHeight, onClick: handleExpandClick, "aria-expanded": expanded, "aria-label": expanded ? collapse : expand }, { children: [expanded ? collapse : expand, _jsx(BtnIcon, { "$expanded": expanded })] }))] })))] }));
+    return (_jsxs(Root, { children: [_jsx(m.div, { style: styles, children: _jsx(Content, __assign({ ref: content }, props)) }), exceeds && (_jsxs(BtnWrap, { "$expanded": expanded, children: [_jsx(BtnFader, { "$bg": bg }), _jsxs(Btn, { "$fontSize": fontSize, "$lineHeight": lineHeight, onClick: handleExpandClick, "aria-expanded": expanded, "aria-label": expanded ? collapse : expand, children: [expanded ? collapse : expand, _jsx(BtnIcon, { "$expanded": expanded })] })] }))] }));
 };
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

package/Typography/TextLoop.d.ts

@@ -8,9 +8,9 @@ export type TextLoopPieceProps = React.PropsWithChildren<{
     className?: string;
     style?: React.CSSProperties;
 }>;
-export declare const TextLoopPiece: ({ text, style, className, direction, inline, noOverflow, delay, }: TextLoopPieceProps) => JSX.Element;
+export declare const TextLoopPiece: ({ text, style, className, direction, inline, noOverflow, delay, }: TextLoopPieceProps) => import("react/jsx-runtime").JSX.Element;
 export type TextLoopPrpps = Omit<TextLoopPieceProps, "text"> & {
     texts: string[];
     interval?: number;
 };
-export declare const TextLoop: ({ texts, interval, ...props }: TextLoopPrpps) => JSX.Element;
+export declare const TextLoop: ({ texts, interval, ...props }: TextLoopPrpps) => import("react/jsx-runtime").JSX.Element;

package/Typography/TextLoop.js

@@ -21,7 +21,7 @@ var TextLoopPiece = function (_a) {
         }, delay);
         return function () { return clearTimeout(timeoutId); };
     }, [text, delay, inline]);
-    return ((0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ className: className, style: tslib_1.__assign(tslib_1.__assign({}, style), { position: "relative", display: inline ? "inline-block" : "block", width: width, whiteSpace: inline ? "nowrap" : "normal" }) }, { children: [(0, jsx_runtime_1.jsx)("span", { ref: placeholderRef, style: { visibility: "hidden" } }), (0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ style: {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: className, style: tslib_1.__assign(tslib_1.__assign({}, style), { position: "relative", display: inline ? "inline-block" : "block", width: width, whiteSpace: inline ? "nowrap" : "normal" }), children: [(0, jsx_runtime_1.jsx)("span", { ref: placeholderRef, style: { visibility: "hidden" } }), (0, jsx_runtime_1.jsx)("div", { style: {
                     overflow: noOverflow ? "hidden" : "visible",
                     display: "block",
                     position: "absolute",
@@ -29,13 +29,13 @@ var TextLoopPiece = function (_a) {
                     left: 0,
                     height: "100%",
                     width: "100%",
-                } }, { children: (0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, { children: (0, jsx_runtime_1.jsx)(framer_motion_1.m.div, tslib_1.__assign({ style: { position: "absolute" }, initial: {
+                }, children: (0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, { children: (0, jsx_runtime_1.jsx)(framer_motion_1.m.div, { style: { position: "absolute" }, initial: {
                             opacity: 0,
                             y: direction === "down" ? "-100%" : "100%",
                         }, animate: { opacity: 1, y: 0 }, exit: {
                             opacity: 0,
                             y: direction === "down" ? "100%" : "-100%",
-                        } }, { children: content.data }), content.key) }) }))] })));
+                        }, children: content.data }, content.key) }) })] }));
 };
 exports.TextLoopPiece = TextLoopPiece;
 var TextLoop = function (_a) {

package/Typography/TextLoop.mjs

@@ -18,7 +18,7 @@ export var TextLoopPiece = function (_a) {
         }, delay);
         return function () { return clearTimeout(timeoutId); };
     }, [text, delay, inline]);
-    return (_jsxs("div", __assign({ className: className, style: __assign(__assign({}, style), { position: "relative", display: inline ? "inline-block" : "block", width: width, whiteSpace: inline ? "nowrap" : "normal" }) }, { children: [_jsx("span", { ref: placeholderRef, style: { visibility: "hidden" } }), _jsx("div", __assign({ style: {
+    return (_jsxs("div", { className: className, style: __assign(__assign({}, style), { position: "relative", display: inline ? "inline-block" : "block", width: width, whiteSpace: inline ? "nowrap" : "normal" }), children: [_jsx("span", { ref: placeholderRef, style: { visibility: "hidden" } }), _jsx("div", { style: {
                     overflow: noOverflow ? "hidden" : "visible",
                     display: "block",
                     position: "absolute",
@@ -26,13 +26,13 @@ export var TextLoopPiece = function (_a) {
                     left: 0,
                     height: "100%",
                     width: "100%",
-                } }, { children: _jsx(AnimatePresence, { children: _jsx(m.div, __assign({ style: { position: "absolute" }, initial: {
+                }, children: _jsx(AnimatePresence, { children: _jsx(m.div, { style: { position: "absolute" }, initial: {
                             opacity: 0,
                             y: direction === "down" ? "-100%" : "100%",
                         }, animate: { opacity: 1, y: 0 }, exit: {
                             opacity: 0,
                             y: direction === "down" ? "100%" : "-100%",
-                        } }, { children: content.data }), content.key) }) }))] })));
+                        }, children: content.data }, content.key) }) })] }));
 };
 export var TextLoop = function (_a) {
     var texts = _a.texts, _b = _a.interval, interval = _b === void 0 ? 3000 : _b, props = __rest(_a, ["texts", "interval"]);

package/Typography/TypeStairs.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TypeStairs = void 0;
-var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 exports.TypeStairs = (0, react_1.forwardRef)(function (_a, ref) {
@@ -48,6 +47,6 @@ function renderRow(row, rowIndex, ref) {
             if (letter !== " ") {
                 fontWeightIdx++;
             }
-            return ((0, jsx_runtime_1.jsx)("span", tslib_1.__assign({ style: { fontWeight: fontWeight }, ref: ref }, { children: letter }), "letter-".concat(rowIndex, "-").concat(letterIndex)));
+            return ((0, jsx_runtime_1.jsx)("span", { style: { fontWeight: fontWeight }, ref: ref, children: letter }, "letter-".concat(rowIndex, "-").concat(letterIndex)));
         }) }));
 }

package/Typography/TypeStairs.mjs

@@ -1,4 +1,3 @@
-import { __assign } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { forwardRef } from "react";
 export var TypeStairs = forwardRef(function (_a, ref) {
@@ -45,6 +44,6 @@ function renderRow(row, rowIndex, ref) {
             if (letter !== " ") {
                 fontWeightIdx++;
             }
-            return (_jsx("span", __assign({ style: { fontWeight: fontWeight }, ref: ref }, { children: letter }), "letter-".concat(rowIndex, "-").concat(letterIndex)));
+            return (_jsx("span", { style: { fontWeight: fontWeight }, ref: ref, children: letter }, "letter-".concat(rowIndex, "-").concat(letterIndex)));
         }) }));
 }

package/hooks/useFocus.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * @see https://stackoverflow.com/a/54159564/1938970
  */

package/m/MotionProvider.d.ts

@@ -34,5 +34,5 @@ export type MotionProviderProps = LazyProps & React.PropsWithChildren<{}>;
  * </MotionProvider>
  * ```
  */
-export declare const MotionProvider: ({ features, children }: MotionProviderProps) => JSX.Element;
+export declare const MotionProvider: ({ features, children }: MotionProviderProps) => import("react/jsx-runtime").JSX.Element;
 export default MotionProvider;

package/m/MotionProvider.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MotionProvider = void 0;
-var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
 var framer_motion_1 = require("framer-motion");
 /**
@@ -38,7 +37,7 @@ var framer_motion_1 = require("framer-motion");
  */
 var MotionProvider = function (_a) {
     var features = _a.features, children = _a.children;
-    return (0, jsx_runtime_1.jsx)(framer_motion_1.LazyMotion, tslib_1.__assign({ features: features }, { children: children }));
+    return (0, jsx_runtime_1.jsx)(framer_motion_1.LazyMotion, { features: features, children: children });
 };
 exports.MotionProvider = MotionProvider;
 exports.default = exports.MotionProvider;

package/m/MotionProvider.mjs

@@ -1,4 +1,3 @@
-import { __assign } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { LazyMotion } from "framer-motion";
 /**
@@ -35,6 +34,6 @@ import { LazyMotion } from "framer-motion";
  */
 export var MotionProvider = function (_a) {
     var features = _a.features, children = _a.children;
-    return _jsx(LazyMotion, __assign({ features: features }, { children: children }));
+    return _jsx(LazyMotion, { features: features, children: children });
 };
 export default MotionProvider;

package/package.json

@@ -47,31 +47,27 @@
   },
   "dependencies": {
     "@kuus/yup": "1.0.0-beta.7",
-    "@mui/base": "5.0.0-alpha.118",
-    "@mui/utils": "5.11.9",
-    "@tiptap/react": "2.0.0-beta.218",
-    "@tiptap/starter-kit": "2.0.0-beta.218",
+    "@mui/base": "5.0.0-beta.4",
+    "@mui/utils": "5.13.1",
+    "@tiptap/react": "2.0.3",
+    "@tiptap/starter-kit": "2.0.3",
     "clsx": "1.2.1",
-    "date-fns": "^2.29.3",
-    "framer-motion": "^10.0.0",
-    "next": "^13.2.1",
+    "date-fns": "^2.30.0",
+    "framer-motion": "^10.12.16",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-hook-form": "^7.43.2",
-    "react-icons": "^4.7.1",
-    "react-is": "^18.2.0",
-    "react-swipeable": "^7.0.0",
-    "styled-components": "^5.3.6",
+    "react-hook-form": "^7.44.3",
+    "react-icons": "^4.9.0",
+    "react-swipeable": "^7.0.1",
+    "styled-components": "^5.3.11",
     "ts-debounce": "^4.0.0",
-    "tslib": "^2.5.0",
-    "type-fest": "^3.6.0"
+    "tslib": "^2.5.3",
+    "type-fest": "^3.11.1"
   },
   "peerDependencies": {
-    "@koine/dom": "2.0.0-alpha.1",
-    "@koine/utils": "2.0.0-alpha.1"
+    "@koine/utils": "2.0.0-alpha.2"
   },
   "main": "./index.js",
   "types": "./index.d.ts",
-  "version": "2.0.0-alpha.1",
+  "version": "2.0.0-alpha.2",
   "module": "./index.mjs"
 }

package/styles/index.d.ts

@@ -1,7 +1,7 @@
-export * from "./Body";
-export * from "./Global";
-export * from "./media";
-export * from "./spacing";
-export * from "./styled";
-export * from "./theme";
-export * from "./theme--vanilla";
+export { BodyMain, BodyRoot } from "./Body";
+export { StylesGlobal, stylesGlobal } from "./Global";
+export { MediaDirection, MediaQuery, MediaQueryFunction, between, down, generateMediaQueries, max, min, only, up, useMedia, } from "./media";
+export { SpacingArgs, SpacingDevices, SpacingDirection, SpacingDirectionAxis, SpacingFactor, SpacingProperty, SpacingSize, spacing, spacingBottom, spacingTop, spacingVertical, } from "./spacing";
+export { colStretch, centered, ellipsis, inset0, invisible, overlay, stateFocus, } from "./styled";
+export { breakpoints, createTheme, useTheme, type Breakpoint, type Breakpoints, type Theme, type ThemeOptions, } from "./theme";
+export { THEME_DEFAULT, THEME_KEY, type ThemeCookie, ThemeVanillaContext, type ThemeVanillaContextType, ThemeVanillaProvider, type ThemeVanillaProviderProps, type ThemeVanillaValue, getInitialThemeFromClient, } from "./theme--vanilla";

package/styles/index.js

@@ -1,10 +1,41 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Body"), exports);
-tslib_1.__exportStar(require("./Global"), exports);
-tslib_1.__exportStar(require("./media"), exports);
-tslib_1.__exportStar(require("./spacing"), exports);
-tslib_1.__exportStar(require("./styled"), exports);
-tslib_1.__exportStar(require("./theme"), exports);
-tslib_1.__exportStar(require("./theme--vanilla"), exports);
+exports.getInitialThemeFromClient = exports.ThemeVanillaProvider = exports.ThemeVanillaContext = exports.THEME_KEY = exports.THEME_DEFAULT = exports.useTheme = exports.createTheme = exports.breakpoints = exports.stateFocus = exports.overlay = exports.invisible = exports.inset0 = exports.ellipsis = exports.centered = exports.colStretch = exports.spacingVertical = exports.spacingTop = exports.spacingBottom = exports.spacing = exports.useMedia = exports.up = exports.only = exports.min = exports.max = exports.generateMediaQueries = exports.down = exports.between = exports.stylesGlobal = exports.StylesGlobal = exports.BodyRoot = exports.BodyMain = void 0;
+var Body_1 = require("./Body");
+Object.defineProperty(exports, "BodyMain", { enumerable: true, get: function () { return Body_1.BodyMain; } });
+Object.defineProperty(exports, "BodyRoot", { enumerable: true, get: function () { return Body_1.BodyRoot; } });
+var Global_1 = require("./Global");
+Object.defineProperty(exports, "StylesGlobal", { enumerable: true, get: function () { return Global_1.StylesGlobal; } });
+Object.defineProperty(exports, "stylesGlobal", { enumerable: true, get: function () { return Global_1.stylesGlobal; } });
+var media_1 = require("./media");
+Object.defineProperty(exports, "between", { enumerable: true, get: function () { return media_1.between; } });
+Object.defineProperty(exports, "down", { enumerable: true, get: function () { return media_1.down; } });
+Object.defineProperty(exports, "generateMediaQueries", { enumerable: true, get: function () { return media_1.generateMediaQueries; } });
+Object.defineProperty(exports, "max", { enumerable: true, get: function () { return media_1.max; } });
+Object.defineProperty(exports, "min", { enumerable: true, get: function () { return media_1.min; } });
+Object.defineProperty(exports, "only", { enumerable: true, get: function () { return media_1.only; } });
+Object.defineProperty(exports, "up", { enumerable: true, get: function () { return media_1.up; } });
+Object.defineProperty(exports, "useMedia", { enumerable: true, get: function () { return media_1.useMedia; } });
+var spacing_1 = require("./spacing");
+Object.defineProperty(exports, "spacing", { enumerable: true, get: function () { return spacing_1.spacing; } });
+Object.defineProperty(exports, "spacingBottom", { enumerable: true, get: function () { return spacing_1.spacingBottom; } });
+Object.defineProperty(exports, "spacingTop", { enumerable: true, get: function () { return spacing_1.spacingTop; } });
+Object.defineProperty(exports, "spacingVertical", { enumerable: true, get: function () { return spacing_1.spacingVertical; } });
+var styled_1 = require("./styled");
+Object.defineProperty(exports, "colStretch", { enumerable: true, get: function () { return styled_1.colStretch; } });
+Object.defineProperty(exports, "centered", { enumerable: true, get: function () { return styled_1.centered; } });
+Object.defineProperty(exports, "ellipsis", { enumerable: true, get: function () { return styled_1.ellipsis; } });
+Object.defineProperty(exports, "inset0", { enumerable: true, get: function () { return styled_1.inset0; } });
+Object.defineProperty(exports, "invisible", { enumerable: true, get: function () { return styled_1.invisible; } });
+Object.defineProperty(exports, "overlay", { enumerable: true, get: function () { return styled_1.overlay; } });
+Object.defineProperty(exports, "stateFocus", { enumerable: true, get: function () { return styled_1.stateFocus; } });
+var theme_1 = require("./theme");
+Object.defineProperty(exports, "breakpoints", { enumerable: true, get: function () { return theme_1.breakpoints; } });
+Object.defineProperty(exports, "createTheme", { enumerable: true, get: function () { return theme_1.createTheme; } });
+Object.defineProperty(exports, "useTheme", { enumerable: true, get: function () { return theme_1.useTheme; } });
+var theme__vanilla_1 = require("./theme--vanilla");
+Object.defineProperty(exports, "THEME_DEFAULT", { enumerable: true, get: function () { return theme__vanilla_1.THEME_DEFAULT; } });
+Object.defineProperty(exports, "THEME_KEY", { enumerable: true, get: function () { return theme__vanilla_1.THEME_KEY; } });
+Object.defineProperty(exports, "ThemeVanillaContext", { enumerable: true, get: function () { return theme__vanilla_1.ThemeVanillaContext; } });
+Object.defineProperty(exports, "ThemeVanillaProvider", { enumerable: true, get: function () { return theme__vanilla_1.ThemeVanillaProvider; } });
+Object.defineProperty(exports, "getInitialThemeFromClient", { enumerable: true, get: function () { return theme__vanilla_1.getInitialThemeFromClient; } });