@geoinsight/react-components 0.6.10 → 0.7.0

package/dist/esm/index.js

@@ -188,8 +188,8 @@ const AccordionContent = function AccordionContent({ children, label, toggle, })
 // how do I solve reseting the form outside the form
 function Form({ children, onSubmit, submitButton = {
     label: "Submit",
-}, ...rest }) {
-    const methods = useForm();
+}, initialState, ...rest }) {
+    const methods = useForm(initialState);
     const { formState: { isValid }, } = methods;
     const [result, setResult] = useState({
         message: "",
@@ -207,7 +207,7 @@ function Input({ inputClassName = "", classNameGroup = "", error = {
                         icon.className), children: icon.element }))] })] }));
 }
 
-function FormInput({ name, isRequired, error, ...rest }) {
+function FormInput({ name, isRequired, error, defaultValue, ...rest }) {
     const { control } = useFormContext();
     return (jsx(Controller, { name: name, control: control, rules: {
             ...(isRequired
@@ -219,7 +219,7 @@ function FormInput({ name, isRequired, error, ...rest }) {
             return (jsx(Input, { isRequired: true, error: {
                     is: !!error,
                     message: error?.message,
-                }, ...field, ...rest }));
+                }, defaultValue: defaultValue, ...field, ...rest }));
         } }));
 }
 
@@ -328,8 +328,7 @@ setFormSelected, clearError, resetForm, onFormBlur, handleSelect, ...rest }) {
 }
 
 function FormSelect({ name, isRequired, error, fieldsToReset, ...rest }) {
-    const { control, setValue, clearErrors, unregister } = useFormContext();
-    console.log(fieldsToReset);
+    const { control, setValue, clearErrors, unregister, resetField } = useFormContext();
     return (jsx(Controller, { name: name, control: control, rules: {
             ...(isRequired
                 ? {
@@ -340,7 +339,10 @@ function FormSelect({ name, isRequired, error, fieldsToReset, ...rest }) {
             return (jsx(Select, { isRequired: true, error: {
                     is: !!error,
                     message: error?.message,
-                }, setFormSelected: setValue, resetForm: () => fieldsToReset && fieldsToReset.map((field) => unregister(field)), clearError: clearErrors, onFormBlur: onBlur, ...restField, ...rest }));
+                }, setFormSelected: setValue, resetForm: () => fieldsToReset && fieldsToReset.map((field) => {
+                    setValue(field, undefined);
+                    unregister(field);
+                }), clearError: clearErrors, onFormBlur: onBlur, ...restField, ...rest }));
         } }));
 }
 

package/dist/esm/types/components/accordion/accordion-button.d.ts

@@ -0,0 +1,4 @@
+import "./index.css";
+import { AccordionButton as AccordionButtonProps } from "./index.types";
+export declare function AccordionButton({ children, is, label, ...rest }: AccordionButtonProps): import("react/jsx-runtime").JSX.Element;
+export default AccordionButton;

package/dist/esm/types/components/accordion/accordion-content.d.ts

@@ -0,0 +1,4 @@
+import "./index.css";
+import { AccordionContent as AccordionContentProps } from "./index.types";
+export declare const AccordionContent: ({ children, label, toggle, }: AccordionContentProps) => false | "" | import("react/jsx-runtime").JSX.Element | undefined;
+export default AccordionContent;

package/dist/esm/types/components/accordion/accordion-item.d.ts

@@ -0,0 +1,4 @@
+import "./index.css";
+import { AccordionItem as AccordionItemProps } from "./index.types";
+export declare function AccordionItem({ children, label, isExpanded, }: AccordionItemProps): import("react/jsx-runtime").JSX.Element;
+export default AccordionItem;

package/dist/esm/types/components/accordion/accordion.d.ts

@@ -0,0 +1,4 @@
+import "./index.css";
+import { Accordion as AccordionProps } from "./index.types";
+export declare function Accordion({ children, expanded, }: AccordionProps): import("react/jsx-runtime").JSX.Element;
+export default Accordion;

package/dist/esm/types/components/accordion/index.d.ts

@@ -0,0 +1,4 @@
+export { Accordion } from "./accordion";
+export { AccordionItem } from "./accordion-item";
+export { AccordionButton } from "./accordion-button";
+export { AccordionContent } from "./accordion-content";

package/dist/esm/types/components/accordion/index.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { Accordion } from "./accordion";
+declare const meta: Meta<typeof Accordion>;
+type Story = StoryObj<typeof Accordion>;
+export declare const Primary: Story;
+export default meta;

package/dist/esm/types/components/accordion/index.types.d.ts

@@ -0,0 +1,34 @@
+import { ReactNode } from "react";
+import { ButtonAsButton, ButtonAsLink } from "../button/index.types";
+export interface Accordion {
+    /**
+     * Accordion children
+     */
+    children: ReactNode | ReactNode[];
+    /**
+     * Expand all items
+     */
+    expanded: "all" | "none" | "custom";
+}
+export interface ToggleArray {
+    [key: string]: {
+        depth: number;
+        isToggle: boolean;
+        paddingLeft?: string;
+    };
+}
+export interface AccordionItem {
+    children: ReactNode | ReactNode[];
+    label?: string;
+    isExpanded?: boolean;
+}
+export type AccordionButton = ButtonAsButton & ButtonAsLink & {
+    is?: "button" | "link";
+    label?: string;
+    toggle?: ToggleArray;
+};
+export interface AccordionContent {
+    children: ReactNode | ReactNode[];
+    label?: string;
+    toggle?: ToggleArray;
+}

package/dist/esm/types/components/button/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ButtonAsButton, ButtonAsLink } from "./index.types";
+import "./index.css";
+export declare function Button({ children, className, icon, isNewWindow, mode, size, as, CustomAnchor, ...rest }: ButtonAsButton | ButtonAsLink): JSX.Element;
+export default Button;

package/dist/esm/types/components/button/index.stories.d.ts

@@ -0,0 +1,7 @@
+import { StoryObj, Meta } from "@storybook/react";
+import { Button } from "./index";
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Primary: Story;
+export declare const Secondary: Story;

package/dist/esm/types/components/button/index.types.d.ts

@@ -0,0 +1,41 @@
+/// <reference types="react" />
+type Mode = "primary" | "secondary" | "icon";
+type Size = "small" | "medium" | "large";
+export type ButtonAsButton = Base & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof Base> & {
+    as?: "button";
+};
+export type ButtonAsLink = Base & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof Base> & {
+    as?: "link";
+};
+export interface Base {
+    /**
+     * What to put inside the button (string or html elements)
+     */
+    children?: JSX.Element | string;
+    /**
+     * Custom css class name
+     */
+    className?: string;
+    /**
+     * If you want to add an icon image next to the children. Needs to be an react html element.
+     */
+    icon?: JSX.Element;
+    /**
+     * If you want to open a new window on the browser when you click the button. Only applies to html anchor elements.
+     */
+    isNewWindow?: boolean;
+    /**
+     * Css mode used to style the button.
+     */
+    mode?: Mode;
+    /**
+     * Button size.
+     */
+    size?: Size;
+    /**
+     * Button type.
+     */
+    as?: "button" | "link";
+    CustomAnchor?: React.ComponentClass<any>;
+}
+export {};

package/dist/esm/types/components/form/FormInput.d.ts

@@ -0,0 +1,4 @@
+import "./index.css";
+import { FormInputs } from "./index.types";
+export declare function FormInput({ name, isRequired, error, defaultValue, ...rest }: FormInputs): import("react/jsx-runtime").JSX.Element;
+export default FormInput;

package/dist/esm/types/components/form/FormSelect.d.ts

@@ -0,0 +1,4 @@
+import "./index.css";
+import { FormSelect as FormSelectProps } from "./index.types";
+export declare function FormSelect({ name, isRequired, error, fieldsToReset, ...rest }: FormSelectProps): import("react/jsx-runtime").JSX.Element;
+export default FormSelect;

package/dist/esm/types/components/form/FormTextArea.d.ts

@@ -0,0 +1,4 @@
+import "./index.css";
+import { FormInputs } from "./index.types";
+export declare function FormTextArea({ name, isRequired, error, ...rest }: FormInputs): import("react/jsx-runtime").JSX.Element;
+export default FormTextArea;

package/dist/esm/types/components/form/index.d.ts

@@ -0,0 +1,4 @@
+import { Form as FormProps } from "./index.types";
+import "./index.css";
+export declare function Form({ children, onSubmit, submitButton, initialState, ...rest }: FormProps): import("react/jsx-runtime").JSX.Element;
+export default Form;

package/dist/esm/types/components/form/index.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { Form } from "./index";
+declare const meta: Meta<typeof Form>;
+export default meta;
+type Story = StoryObj<typeof Form>;
+export declare const InsertForm: Story;
+export declare const UpdateForm: Story;

package/dist/esm/types/components/form/index.types.d.ts

@@ -0,0 +1,45 @@
+import { Dispatch, JSXElementConstructor, ReactElement, ReactNode, SetStateAction } from "react";
+import { FieldError, FieldErrorsImpl, FieldValues, FormState, Merge } from "react-hook-form";
+import { Input } from "../input/index.types";
+import { TextArea } from "../text-area/index.types";
+import { Select } from "../select/index.types";
+export interface Form {
+    /**
+     * Custom css class name.
+     */
+    className?: string;
+    children?: ReactNode | ReactNode[];
+    onSubmit: (data: FieldValues, setResult: SetResult) => void;
+    submitButton?: {
+        label: string;
+    };
+    initialState?: FormState<FieldValues>;
+}
+export interface ReactNodeControlled extends ReactElement<any, string | JSXElementConstructor<any>> {
+    props: ControlledInput;
+}
+export type ControlledInput = Input & TextArea & {
+    name: string;
+    error: string;
+};
+export type SetResult = Dispatch<SetStateAction<{
+    message?: string;
+    isSuccess: boolean;
+}>>;
+export interface FormInputs extends Input {
+    name: string;
+    isRequired?: boolean;
+    error?: {
+        message?: string | false | FieldError | Merge<FieldError, FieldErrorsImpl<any>> | undefined;
+        is?: boolean;
+    };
+}
+export interface FormSelect extends Select {
+    name: string;
+    isRequired?: boolean;
+    error?: {
+        message?: string | false | FieldError | Merge<FieldError, FieldErrorsImpl<any>> | undefined;
+        is?: boolean;
+    };
+    fieldsToReset?: string[];
+}

package/dist/esm/types/components/input/index.d.ts

@@ -0,0 +1,4 @@
+import { Input as InputProps } from "./index.types";
+import "./index.css";
+export declare function Input({ inputClassName, classNameGroup, error, inputRef, styleGroup, placeholder, label, labelClass, icon, ...rest }: InputProps): import("react/jsx-runtime").JSX.Element;
+export default Input;

package/dist/esm/types/components/input/index.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { Input } from "./index";
+declare const meta: Meta<typeof Input>;
+export default meta;
+type Story = StoryObj<typeof Input>;
+export declare const Primary: Story;
+export declare const Error: Story;
+export declare const Search: Story;

package/dist/esm/types/components/input/index.types.d.ts

@@ -0,0 +1,40 @@
+import { dataTheme } from "data-theme";
+import { CSSProperties, ReactNode, Ref } from "react";
+import { FieldError, FieldErrorsImpl, Merge } from "react-hook-form";
+export interface Input extends React.InputHTMLAttributes<HTMLInputElement> {
+    /**
+     * Custom css class name.
+     */
+    inputClassName?: string;
+    /**
+     * Custom css class name for group wrapper.
+     */
+    classNameGroup?: string;
+    /**
+     * Data theme for the html. `${themes}`
+     */
+    paletteTheme?: dataTheme;
+    /**
+     * Error message to show when input has an error.
+     */
+    error?: {
+        message?: string | false | FieldError | Merge<FieldError, FieldErrorsImpl<any>> | undefined;
+        is?: boolean;
+    };
+    /**
+     * Ref react elemnt to use
+     */
+    inputRef?: Ref<HTMLInputElement>;
+    /**
+     * Style input group wrapper
+     */
+    styleGroup?: CSSProperties;
+    isRequired?: boolean;
+    label?: string;
+    labelClass?: string;
+    icon?: {
+        className?: string;
+        element?: ReactNode;
+        position?: "right" | "left";
+    };
+}

package/dist/esm/types/components/loading/index.d.ts

@@ -0,0 +1,4 @@
+import { Loading as LoadingProps } from "./index.types";
+import "./index.css";
+export declare function Loading({ img, children }: LoadingProps): import("react/jsx-runtime").JSX.Element;
+export default Loading;

package/dist/esm/types/components/loading/index.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { Loading } from "./index";
+declare const meta: Meta<typeof Loading>;
+export default meta;
+type Story = StoryObj<typeof Loading>;
+export declare const Primary: Story;

package/dist/esm/types/components/loading/index.types.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+export interface Loading {
+    /**
+     * Image or gif used
+     */
+    img?: string;
+    /**
+     * Message that its sent
+     */
+    children?: React.ReactNode;
+}

package/dist/esm/types/components/modal/index.d.ts

@@ -0,0 +1,4 @@
+import { Modal as ModalProps } from "./index.types";
+import "./index.css";
+export declare function Modal({ modalref, children, title, subtitle, footer, hasCloseButton, handleClose, }: ModalProps): import("react/jsx-runtime").JSX.Element;
+export default Modal;

package/dist/esm/types/components/modal/index.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { Modal } from "./index";
+declare const meta: Meta<typeof Modal>;
+export default meta;
+type Story = StoryObj<typeof Modal>;
+export declare const Primary: Story;

package/dist/esm/types/components/modal/index.types.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+export interface Modal {
+    /**
+     * Children
+     */
+    children?: React.ReactNode;
+    /**
+     * Modal footer
+     */
+    footer?: React.ReactNode;
+    /**
+     * Close click function
+     */
+    handleClose?: any;
+    /**
+     * Modal close button
+     */
+    hasCloseButton?: boolean;
+    /**
+     * Modal body ref
+     */
+    modalref?: React.LegacyRef<HTMLDivElement>;
+    /**
+     * Subtitle of the modal
+     */
+    subtitle?: React.ReactNode;
+    /**
+     * Title of the modal
+     */
+    title?: React.ReactNode;
+}

package/dist/esm/types/components/select/index.d.ts

@@ -0,0 +1,4 @@
+import { Select as SelectProps } from "./index.types";
+import "./index.css";
+export declare function Select({ inputClassName, classNameGroup, options, styleGroup, defaultValue, setFormSelected, clearError, resetForm, onFormBlur, handleSelect, ...rest }: SelectProps): import("react/jsx-runtime").JSX.Element;
+export default Select;

package/dist/esm/types/components/select/index.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { Select } from "./index";
+declare const meta: Meta<typeof Select>;
+export default meta;
+type Story = StoryObj<typeof Select>;
+export declare const Primary: Story;
+export declare const Error: Story;

package/dist/esm/types/components/select/index.types.d.ts

@@ -0,0 +1,30 @@
+import { CSSProperties } from "react";
+import { dataTheme } from "data-theme";
+export interface Select extends React.InputHTMLAttributes<HTMLInputElement> {
+    /**
+     * Custom css class name.
+     */
+    inputClassName?: string;
+    /**
+     * Custom css class name for group wrapper.
+     */
+    classNameGroup?: string;
+    /**
+     * Data theme for the html. `${themes}`
+     */
+    paletteTheme?: dataTheme;
+    /**
+     * Error message to show when input has an error.
+     */
+    options?: string[];
+    /**
+     * Style input group wrapper
+     */
+    styleGroup?: CSSProperties;
+    defaultValue?: string;
+    setFormSelected?: any;
+    clearError?: any;
+    resetForm?: any;
+    onFormBlur?: any;
+    handleSelect?: any;
+}

package/dist/esm/types/components/text-area/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { TextArea as TextAreaProps } from "./index.types";
+import "./index.css";
+export declare function TextArea({ className, disabled, hasToggleButton, hideHeight, placeholder, showHeight, style, textareaClassName, label, labelClass, error, ...rest }: TextAreaProps): JSX.Element;
+export default TextArea;

package/dist/esm/types/components/text-area/index.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { TextArea } from "./index";
+declare const meta: Meta<typeof TextArea>;
+export default meta;
+type Story = StoryObj<typeof TextArea>;
+export declare const Active: Story;
+export declare const Disabled: Story;

package/dist/esm/types/components/text-area/index.types.d.ts

@@ -0,0 +1,37 @@
+import { CSSProperties } from "react";
+export interface TextArea extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    /**
+     * Custom css class name textarea wrapper.
+     */
+    className?: string;
+    /**
+     * Disable prop
+     */
+    disabled?: boolean;
+    /**
+     * Check if there is a toggle button
+     */
+    hasToggleButton?: boolean;
+    /**
+     * Minimum height if toggle button is true
+     */
+    hideHeight?: string;
+    /**
+     * Placeholder for textarea html tag
+     */
+    placeholder?: string;
+    /**
+     * Maximum height if toggle button is false
+     */
+    showHeight?: string;
+    /**
+     * Style textarea group wrapper
+     */
+    style?: CSSProperties;
+    /**
+     * Classname of the textarea
+     */
+    textareaClassName?: string;
+    label?: string;
+    labelClass?: string;
+}

package/dist/esm/types/context/accordion/index.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { Accordion, ToggleArray } from "../../components/accordion/index.types";
+interface State {
+    toggle?: ToggleArray;
+    setToggle: (prev: any) => void;
+}
+declare const AccordionContext: React.Context<State | undefined>;
+declare function AccordionProvider({ children, expanded }: Accordion): import("react/jsx-runtime").JSX.Element;
+declare function useAccordion(): State;
+export { useAccordion, AccordionContext, AccordionProvider };

package/dist/esm/types/context/loading/index.d.ts

@@ -0,0 +1,24 @@
+import React, { ReactNode, RefObject } from "react";
+type State = {
+    isLoading: boolean;
+    message?: string | React.ReactNode;
+    ref?: RefObject<ReactNode>;
+};
+type Context = {
+    state: State;
+    setRef: (ref: RefObject<ReactNode>) => void;
+    setMessage: (message: string) => void;
+    startLoading: () => void;
+    stopLoading: () => void;
+};
+type LoadingProviderProps = {
+    children: React.ReactNode;
+};
+type UseLoadingProps = {
+    ref?: RefObject<ReactNode>;
+    message?: string;
+};
+declare const LoadingContext: React.Context<Context | undefined>;
+declare function LoadingProvider({ children }: LoadingProviderProps): import("react/jsx-runtime").JSX.Element;
+declare function useLoading({ ref, message }?: UseLoadingProps): Context;
+export { LoadingContext, LoadingProvider, useLoading };

package/dist/esm/types/context/loading/index.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { LoadingProvider } from ".";
+declare const meta: Meta<typeof LoadingProvider>;
+export default meta;
+type Story = StoryObj<typeof LoadingProvider>;
+export declare const Basic: Story;
+export declare const CustomMessage: Story;
+export declare const CustomImage: Story;

package/dist/esm/types/context/modal/index.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import Modal from "../../components/modal";
+type Modal = {
+    title?: React.ReactNode;
+    subtitle?: React.ReactNode;
+    content?: React.ReactNode;
+    hasCloseButton?: boolean;
+    footer?: React.ReactNode;
+};
+interface State extends Modal {
+    isModal: boolean;
+}
+type Context = {
+    state: State;
+    openModal: (modal?: Modal) => void;
+    closeModal: () => void;
+};
+type ModalProviderProps = {
+    children: React.ReactNode;
+};
+type UseModalProps = {};
+declare const ModalContext: React.Context<Context | undefined>;
+declare function ModalProvider({ children }: ModalProviderProps): import("react/jsx-runtime").JSX.Element;
+declare function useModal({}?: UseModalProps): Context;
+export { ModalContext, ModalProvider, useModal };

package/dist/esm/types/context/modal/index.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { ModalProvider } from ".";
+declare const meta: Meta<typeof ModalProvider>;
+export default meta;
+type Story = StoryObj<typeof ModalProvider>;
+export declare const Basic: Story;

package/dist/esm/types/context/theme/index.d.ts

@@ -0,0 +1,18 @@
+import { DataPalette } from "data-palette";
+import React from "react";
+type DataTheme = "light" | "dark";
+type State = {
+    dataTheme?: DataTheme;
+    switchDataTheme: (mode: DataTheme) => void;
+    dataPalette?: DataPalette;
+    switchDataPalette: (mode: DataPalette) => void;
+};
+type ThemeProviderProps = {
+    children: React.ReactNode;
+    dataTheme?: DataTheme;
+    dataPalette?: DataPalette;
+};
+declare const ThemeContext: React.Context<State | undefined>;
+declare function ThemeProvider({ children, dataTheme: dataThemeProp, dataPalette: dataPaletteProp, }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+declare function useTheme(): State;
+export { ThemeContext, ThemeProvider, useTheme };

package/dist/esm/types/decorators/withColorScheme.d.ts

@@ -0,0 +1,7 @@
+import { StoryContext, StoryFn } from "@storybook/react";
+import "../styles/variables.css";
+export declare const withColorScheme: (Story: StoryFn, context: StoryContext) => import("react/jsx-runtime").JSX.Element;
+export declare const Wrapped: ({ Story, context, }: {
+    Story: StoryFn;
+    context: StoryContext;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/decorators/withLoading.d.ts

@@ -0,0 +1,2 @@
+import { StoryContext, StoryFn } from "@storybook/react";
+export declare const withLoading: (Story: StoryFn, context: StoryContext) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/decorators/withModal.d.ts

@@ -0,0 +1,2 @@
+import { StoryContext, StoryFn } from "@storybook/react";
+export declare const withModal: (Story: StoryFn, context: StoryContext) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/decorators/withWrapper.d.ts

@@ -0,0 +1,2 @@
+import { StoryContext, StoryFn } from "@storybook/react";
+export declare const withWrapper: (Story: StoryFn, context: StoryContext) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/index.d.ts

@@ -0,0 +1,15 @@
+import "../src/styles/variables.css";
+export { Accordion, AccordionItem, AccordionButton, AccordionContent } from "./components/accordion";
+export { Button } from "./components/button";
+export { Form } from "./components/form";
+export { FormInput } from "./components/form/FormInput";
+export { FormTextArea } from "./components/form/FormTextArea";
+export { FormSelect } from "./components/form/FormSelect";
+export { Input } from "./components/input";
+export { Loading } from "./components/loading";
+export { Modal } from "./components/modal";
+export { Select } from "./components/select";
+export { TextArea } from "./components/text-area";
+export { LoadingContext, LoadingProvider, useLoading } from "./context/loading";
+export { ModalContext, ModalProvider, useModal } from "./context/modal";
+export { ThemeContext, ThemeProvider, useTheme } from "./context/theme";

package/dist/esm/types/utils/palette.d.ts

@@ -0,0 +1 @@
+export declare const palette: readonly ["forest", "water", "earth"];

package/dist/esm/types/utils/recursive.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+import { ToggleArray } from "../components/accordion/index.types";
+export declare function recursiveChildren(children: ReactNode | ReactNode[], i?: number): ReactNode;
+export declare function recursiveToggle(children: ReactNode[], toggleArray: ToggleArray | undefined, i: number | undefined, props: {
+    expanded: "all" | "none" | "custom";
+}): ToggleArray | undefined;