@jakubmazanec/ui 0.1.0-next.86bf251 → 0.1.0-unstable.02f9f4e

package/build/components/Button.d.ts

@@ -33,8 +33,8 @@ export declare const Button: <T extends ElementType = "button">(props: Partial<i
     idle?: boolean | undefined;
     autoFocus?: boolean | undefined;
     className?: string | undefined;
-    children?: HeadlessButtonProps['children'] | undefined;
+    children?: HeadlessButtonProps["children"] | undefined;
 } & {
     ref?: Ref<HTMLElement> | undefined;
-}) => import("react").ReactNode;
+}) => React.ReactNode;
 export declare const buttonTheme: ComponentTheme<typeof useButtonTheme>;

package/build/components/Card.d.ts

@@ -10,10 +10,10 @@ export type CardProps<T extends ElementType> = ComponentProps<typeof useCardThem
 }>;
 export declare const Card: <T extends ElementType = "div">(props: import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
     as?: T | undefined;
-    className?: string | undefined;
+    className?: string;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & {
     ref?: Ref<HTMLElement> | undefined;
-}) => import("react").ReactNode;
+}) => React.ReactNode;
 export declare const cardTheme: ComponentTheme<typeof useCardTheme>;

package/build/components/Checkbox.d.ts

@@ -30,10 +30,10 @@ export declare const Checkbox: <T extends ElementType = "span">(props: Partial<i
     checked?: boolean | undefined;
     indeterminate?: boolean | undefined;
     autoFocus?: boolean | undefined;
-    name?: string | undefined;
-    className?: string | undefined;
+    name?: string;
+    className?: string;
     onChange?: ((checked: boolean) => void) | undefined;
 } & {
     ref?: Ref<HTMLElement> | undefined;
-}) => import("react").ReactNode;
+}) => React.ReactNode;
 export declare const checkboxTheme: ComponentTheme<typeof useCheckboxTheme>;

package/build/components/Combobox.d.ts

@@ -50,8 +50,8 @@ export type ComboboxProps<T extends ElementType, V extends boolean | number | st
     onChange?: (selectedValue: V[] | undefined) => void;
 })>;
 export declare const Combobox: <T extends ElementType = import("react").ExoticComponent<{
-    children?: import("react").ReactNode;
-}>, V extends string | number | boolean = string>(props: ComboboxProps<T, V> & {
+    children?: import("react").ReactNode | undefined;
+}>, V extends boolean | number | string = string>(props: ComboboxProps<T, V> & {
     ref?: Ref<HTMLElement> | undefined;
-}) => import("react").ReactNode;
+}) => React.ReactNode;
 export declare const comboboxTheme: ComponentTheme<typeof useComboboxTheme>;

package/build/components/ComboboxOption.d.ts

@@ -19,15 +19,15 @@ export type ComboboxOptionProps<T extends ElementType, V extends boolean | numbe
     value: V;
     className?: string;
 }>;
-export declare const ComboboxOption: <T extends ElementType = "div", V extends string | number | boolean = string>(props: Partial<import("@jakubmazanec/ts-utils").Writable<{
+export declare const ComboboxOption: <T extends ElementType = "div", V extends boolean | number | string = string>(props: Partial<import("@jakubmazanec/ts-utils").Writable<{
     readonly disabled: boolean;
 }>> & import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
     as?: T | undefined;
     value: V;
-    className?: string | undefined;
+    className?: string;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & {
     ref?: Ref<HTMLElement> | undefined;
-}) => import("react").ReactNode;
+}) => React.ReactNode;
 export declare const comboboxOptionTheme: ComponentTheme<typeof useComboboxOptionTheme>;

package/build/components/Container.d.ts

@@ -27,10 +27,10 @@ export declare const Container: <T extends ElementType = "div">(props: Partial<i
     readonly align: "center" | "normal";
 }>> & import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
     as?: T | undefined;
-    className?: string | undefined;
+    className?: string;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & {
     ref?: Ref<HTMLElement> | undefined;
-}) => import("react").ReactNode;
+}) => React.ReactNode;
 export declare const containerTheme: ComponentTheme<typeof useContainerTheme>;

package/build/components/Description.d.ts

@@ -12,8 +12,8 @@ export declare const Description: <T extends ElementType = "p">(props: import("r
     as?: T | undefined;
     className?: string | undefined;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & {
     ref?: Ref<HTMLElement> | undefined;
-}) => import("react").ReactNode;
+}) => React.ReactNode;
 export declare const descriptionTheme: ComponentTheme<typeof useDescriptionTheme>;

package/build/components/Dialog.d.ts

@@ -22,11 +22,11 @@ export declare const Dialog: <T extends ElementType = "div">(props: import("reac
     open: boolean;
     static?: boolean | undefined;
     autoFocus?: boolean | undefined;
-    className?: string | undefined;
-    onClose?: (() => void) | undefined;
+    className?: string;
+    onClose?: () => void;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & {
     ref?: Ref<HTMLElement> | undefined;
-}) => import("react").ReactNode;
+}) => React.ReactNode;
 export declare const dialogTheme: ComponentTheme<typeof useDialogTheme>;

package/build/components/DialogPanel.d.ts

@@ -10,10 +10,10 @@ export type DialogPanelProps<T extends ElementType> = PropsWithChildren<Componen
 }>;
 export declare const DialogPanel: <T extends ElementType = "div">(props: import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
     as?: T | undefined;
-    className?: string | undefined;
+    className?: string;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & {
     ref?: Ref<HTMLElement> | undefined;
-}) => import("react").ReactNode;
+}) => React.ReactNode;
 export declare const dialogPanelTheme: ComponentTheme<typeof useDialogPanelTheme>;

package/build/components/DialogTitle.d.ts

@@ -10,10 +10,10 @@ export type DialogTitleProps<T extends ElementType> = PropsWithChildren<Componen
 }>;
 export declare const DialogTitle: <T extends ElementType = "h2">(props: import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
     as?: T | undefined;
-    className?: string | undefined;
+    className?: string;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & {
     ref?: Ref<HTMLElement> | undefined;
-}) => import("react").ReactNode;
+}) => React.ReactNode;
 export declare const dialogTitleTheme: ComponentTheme<typeof useDialogTitleTheme>;

package/build/components/Error.d.ts

@@ -10,10 +10,10 @@ export type ErrorProps<T extends ElementType> = PropsWithChildren<ComponentProps
 }>;
 export declare const Error: <T extends ElementType = "p">(props: import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
     as?: T | undefined;
-    className?: string | undefined;
+    className?: string;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & {
     ref?: Ref<HTMLElement> | undefined;
-}) => import("react").ReactNode;
+}) => React.ReactNode;
 export declare const errorTheme: ComponentTheme<typeof useErrorTheme>;

package/build/components/Field.d.ts

@@ -18,5 +18,5 @@ export type FieldProps<T extends ElementType> = PropsWithChildren<ComponentProps
 })>;
 export declare const Field: <T extends ElementType = "div">(props: FieldProps<T> & {
     ref?: Ref<HTMLElement> | undefined;
-}) => import("react").ReactNode;
+}) => React.ReactNode;
 export declare const fieldTheme: ComponentTheme<typeof useFieldTheme>;

package/build/components/Fieldset.d.ts

@@ -20,8 +20,8 @@ export declare const Fieldset: <T extends ElementType = "fieldset">(props: Parti
     as?: T | undefined;
     className?: string | undefined;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & {
     ref?: Ref<HTMLElement> | undefined;
-}) => import("react").ReactNode;
+}) => React.ReactNode;
 export declare const fieldsetnTheme: ComponentTheme<typeof useFieldsetTheme>;

package/build/components/Form.d.ts

@@ -12,11 +12,11 @@ export type FormProps<T extends ElementType> = PropsWithChildren<ComponentProps<
 }>;
 export declare const Form: <T extends ElementType = "form">(props: import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
     as?: T | undefined;
-    className?: string | undefined;
+    className?: string;
     form?: FormMetadata<any, any> | undefined;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & {
     ref?: Ref<HTMLElement> | undefined;
-}) => import("react").ReactNode;
+}) => React.ReactNode;
 export declare const formTheme: ComponentTheme<typeof useFormTheme>;

package/build/components/Icon.d.ts

@@ -25,8 +25,8 @@ export declare const Icon: <T extends ElementType = "span">(props: Partial<impor
     name?: string | undefined;
     className?: string | undefined;
 } & {
-    children?: ReactNode;
+    children?: ReactNode | undefined;
 } & {
     ref?: Ref<HTMLElement> | undefined;
-}) => ReactNode;
+}) => React.ReactNode;
 export declare const iconTheme: ComponentTheme<typeof useIconTheme>;

package/build/components/Input.d.ts

@@ -33,5 +33,5 @@ export declare const Input: <T extends ElementType = "input">(props: Partial<imp
     showClearButton?: boolean | undefined;
 } & {
     ref?: Ref<HTMLElement> | undefined;
-}) => import("react").ReactNode;
+}) => React.ReactNode;
 export declare const inputTheme: ComponentTheme<typeof useInputTheme>;

package/build/components/Label.d.ts

@@ -10,10 +10,10 @@ export type LabelProps<T extends ElementType> = PropsWithChildren<ComponentProps
 }>;
 export declare const Label: <T extends ElementType = "label">(props: import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
     as?: T | undefined;
-    className?: string | undefined;
+    className?: string;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & {
     ref?: Ref<HTMLElement> | undefined;
-}) => import("react").ReactNode;
+}) => React.ReactNode;
 export declare const labelTheme: ComponentTheme<typeof useLabelTheme>;

package/build/components/Legend.d.ts

@@ -12,8 +12,8 @@ export declare const Legend: <T extends ElementType = "div">(props: import("reac
     as?: T | undefined;
     className?: string | undefined;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & {
     ref?: Ref<HTMLElement> | undefined;
-}) => import("react").ReactNode;
+}) => React.ReactNode;
 export declare const legendTheme: ComponentTheme<typeof useLegendTheme>;

package/build/components/Listbox.d.ts

@@ -52,8 +52,8 @@ export type ListboxProps<T extends ElementType, V extends boolean | number | str
     onChange?: (selectedValue: V[]) => void;
 })>;
 export declare const Listbox: <T extends ElementType = import("react").ExoticComponent<{
-    children?: ReactNode;
-}>, V extends string | number | boolean = string>(props: ListboxProps<T, V> & {
+    children?: ReactNode | undefined;
+}>, V extends boolean | number | string = string>(props: ListboxProps<T, V> & {
     ref?: Ref<HTMLElement> | undefined;
-}) => ReactNode;
+}) => React.ReactNode;
 export declare const listboxTheme: ComponentTheme<typeof useListboxTheme>;

package/build/components/ListboxOption.d.ts

@@ -19,15 +19,15 @@ export type ListboxOptionProps<T extends ElementType, V extends boolean | number
     value: V;
     className?: string;
 }>;
-export declare const ListboxOption: <T extends ElementType = "div", V extends string | number | boolean = string>(props: Partial<import("@jakubmazanec/ts-utils").Writable<{
+export declare const ListboxOption: <T extends ElementType = "div", V extends boolean | number | string = string>(props: Partial<import("@jakubmazanec/ts-utils").Writable<{
     readonly disabled: boolean;
 }>> & import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
     as?: T | undefined;
     value: V;
-    className?: string | undefined;
+    className?: string;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & {
     ref?: Ref<HTMLElement> | undefined;
-}) => import("react").ReactNode;
+}) => React.ReactNode;
 export declare const listboxOptionTheme: ComponentTheme<typeof useListboxOptionTheme>;

package/build/components/Menu.d.ts

@@ -9,13 +9,13 @@ export type MenuProps<T extends ElementType> = PropsWithChildren<ComponentProps<
     className?: string;
 }>;
 export declare const Menu: <T extends ElementType = import("react").ExoticComponent<{
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 }>>(props: import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
     as?: T | undefined;
-    className?: string | undefined;
+    className?: string;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & {
     ref?: Ref<HTMLElement> | undefined;
-}) => import("react").ReactNode;
+}) => React.ReactNode;
 export declare const menuTheme: ComponentTheme<typeof useMenuTheme>;

package/build/components/MenuButton.d.ts

@@ -18,10 +18,10 @@ export declare const MenuButton: <T extends ElementType = "button">(props: Parti
     readonly disabled: boolean;
 }>> & import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
     as?: T | undefined;
-    className?: string | undefined;
+    className?: string;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & {
     ref?: Ref<HTMLElement> | undefined;
-}) => import("react").ReactNode;
+}) => React.ReactNode;
 export declare const menuButtonTheme: ComponentTheme<typeof useMenuButtonTheme>;

package/build/components/MenuHeading.d.ts

@@ -10,10 +10,10 @@ export type MenuHeadingProps<T extends ElementType> = PropsWithChildren<Componen
 }>;
 export declare const MenuHeading: <T extends ElementType = "div">(props: import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
     as?: T | undefined;
-    className?: string | undefined;
+    className?: string;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & {
     ref?: Ref<HTMLElement> | undefined;
-}) => import("react").ReactNode;
+}) => React.ReactNode;
 export declare const menuHeadingTheme: ComponentTheme<typeof useMenuHeadingTheme>;

package/build/components/MenuItem.d.ts

@@ -18,10 +18,10 @@ export declare const MenuItem: <T extends ElementType = "div">(props: Partial<im
     readonly disabled: boolean;
 }>> & import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
     as?: T | undefined;
-    className?: string | undefined;
+    className?: string;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & {
     ref?: Ref<HTMLElement> | undefined;
-}) => import("react").ReactNode;
+}) => React.ReactNode;
 export declare const menuItemTheme: ComponentTheme<typeof useMenuItemTheme>;

package/build/components/MenuItems.d.ts

@@ -12,11 +12,11 @@ export type MenuItemsProps<T extends ElementType> = PropsWithChildren<ComponentP
 }>;
 export declare const MenuItems: <T extends ElementType = "div">(props: import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
     as?: T | undefined;
-    anchor?: HeadlessMenuItemsProps['anchor'] | undefined;
-    className?: string | undefined;
+    anchor?: HeadlessMenuItemsProps["anchor"] | undefined;
+    className?: string;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & {
     ref?: Ref<HTMLElement> | undefined;
-}) => import("react").ReactNode;
+}) => React.ReactNode;
 export declare const menuItemsTheme: ComponentTheme<typeof useMenuItemsTheme>;

package/build/components/MenuSection.d.ts

@@ -10,10 +10,10 @@ export type MenuSectionProps<T extends ElementType> = PropsWithChildren<Componen
 }>;
 export declare const MenuSection: <T extends ElementType = "div">(props: import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
     as?: T | undefined;
-    className?: string | undefined;
+    className?: string;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & {
     ref?: Ref<HTMLElement> | undefined;
-}) => import("react").ReactNode;
+}) => React.ReactNode;
 export declare const menuSectionTheme: ComponentTheme<typeof useMenuSectionTheme>;

package/build/components/MenuSeparator.d.ts

@@ -10,10 +10,10 @@ export type MenuSeparatorProps<T extends ElementType> = PropsWithChildren<Compon
 }>;
 export declare const MenuSeparator: <T extends ElementType = "div">(props: import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
     as?: T | undefined;
-    className?: string | undefined;
+    className?: string;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & {
     ref?: Ref<HTMLElement> | undefined;
-}) => import("react").ReactNode;
+}) => React.ReactNode;
 export declare const menuSeparatorTheme: ComponentTheme<typeof useMenuSeparatorTheme>;

package/build/components/Popover.d.ts

@@ -10,10 +10,10 @@ export type PopoverProps<T extends ElementType> = PropsWithChildren<ComponentPro
 }>;
 export declare const Popover: <T extends ElementType = "div">(props: import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
     as?: T | undefined;
-    className?: string | undefined;
+    className?: string;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & {
     ref?: Ref<HTMLElement> | undefined;
-}) => import("react").ReactNode;
+}) => React.ReactNode;
 export declare const popoverTheme: ComponentTheme<typeof usePopoverTheme>;

package/build/components/PopoverBackdrop.d.ts

@@ -10,10 +10,10 @@ export type PopoverBackdropProps<T extends ElementType> = PropsWithChildren<Comp
 }>;
 export declare const PopoverBackdrop: <T extends ElementType = "div">(props: import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
     as?: T | undefined;
-    className?: string | undefined;
+    className?: string;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & {
     ref?: Ref<HTMLElement> | undefined;
-}) => import("react").ReactNode;
+}) => React.ReactNode;
 export declare const popoverBackdropTheme: ComponentTheme<typeof usePopoverBackdropTheme>;

package/build/components/PopoverButton.d.ts

@@ -20,10 +20,10 @@ export declare const PopoverButton: <T extends ElementType = "div">(props: Parti
 }>> & import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
     as?: T | undefined;
     autoFocus?: boolean | undefined;
-    className?: string | undefined;
+    className?: string;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & {
     ref?: Ref<HTMLElement> | undefined;
-}) => import("react").ReactNode;
+}) => React.ReactNode;
 export declare const popoverButtonTheme: ComponentTheme<typeof usePopoverButtonTheme>;

package/build/components/PopoverGroup.d.ts

@@ -10,10 +10,10 @@ export type PopoverGroupProps<T extends ElementType> = PropsWithChildren<Compone
 }>;
 export declare const PopoverGroup: <T extends ElementType = "div">(props: import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
     as?: T | undefined;
-    className?: string | undefined;
+    className?: string;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & {
     ref?: Ref<HTMLElement> | undefined;
-}) => import("react").ReactNode;
+}) => React.ReactNode;
 export declare const popoverGroupTheme: ComponentTheme<typeof usePopoverGroupTheme>;

package/build/components/PopoverPanel.d.ts

@@ -14,11 +14,11 @@ export type PopoverPanelProps<T extends ElementType> = PropsWithChildren<Compone
 export declare const PopoverPanel: <T extends ElementType = "div">(props: import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
     as?: T | undefined;
     static?: boolean | undefined;
-    anchor?: HeadlessPopoverPanelProps['anchor'] | undefined;
-    className?: string | undefined;
+    anchor?: HeadlessPopoverPanelProps["anchor"] | undefined;
+    className?: string;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & {
     ref?: Ref<HTMLElement> | undefined;
-}) => import("react").ReactNode;
+}) => React.ReactNode;
 export declare const popoverPanelTheme: ComponentTheme<typeof usePopoverPanelTheme>;

package/build/components/Radio.d.ts

@@ -20,14 +20,14 @@ export type RadioProps<T extends ElementType, V extends boolean | number | strin
     autoFocus?: boolean | undefined;
     className?: string;
 };
-export declare const Radio: <T extends ElementType = "span", V extends string | number | boolean = string>(props: Partial<import("@jakubmazanec/ts-utils").Writable<{
+export declare const Radio: <T extends ElementType = "span", V extends boolean | number | string = string>(props: Partial<import("@jakubmazanec/ts-utils").Writable<{
     readonly disabled: boolean;
 }>> & import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
     as?: T | undefined;
     value: V;
     autoFocus?: boolean | undefined;
-    className?: string | undefined;
+    className?: string;
 } & {
     ref?: Ref<HTMLElement> | undefined;
-}) => import("react").ReactNode;
+}) => React.ReactNode;
 export declare const radioTheme: ComponentTheme<typeof useRadioTheme>;

package/build/components/RadioGroup.d.ts

@@ -28,7 +28,7 @@ export type RadioGroupProps<T extends ElementType, V extends boolean | number |
     className?: string;
     onChange?: ((value: V) => void) | undefined;
 })>;
-export declare const RadioGroup: <T extends ElementType = "div", V extends string | number | boolean = string>(props: RadioGroupProps<T, V> & {
+export declare const RadioGroup: <T extends ElementType = "div", V extends boolean | number | string = string>(props: RadioGroupProps<T, V> & {
     ref?: Ref<HTMLElement> | undefined;
-}) => import("react").ReactNode;
+}) => React.ReactNode;
 export declare const radioGroupTheme: ComponentTheme<typeof useRadioGroupTheme>;

package/build/components/Spinner.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" resolution-mode="require"/>
 import { type ComponentProps, type ComponentTheme } from '../theme/internals.js';
 export declare const useSpinnerTheme: ((themeProps: {
     readonly size: "small" | "medium" | "large" | "surface";

package/build/components/Table.d.ts

@@ -12,8 +12,8 @@ export declare const Table: <T extends ElementType = "table">(props: import("rea
     as?: T | undefined;
     className?: string | undefined;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & {
     ref?: Ref<HTMLElement> | undefined;
-}) => import("react").ReactNode;
+}) => React.ReactNode;
 export declare const tableTheme: ComponentTheme<typeof useTableTheme>;

package/build/components/TableBody.d.ts

@@ -10,10 +10,10 @@ export type TableBodyProps<T extends ElementType> = PropsWithChildren<ComponentP
 }>;
 export declare const TableBody: <T extends ElementType = "tbody">(props: import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
     as?: T | undefined;
-    className?: string | undefined;
+    className?: string;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & {
     ref?: Ref<HTMLElement> | undefined;
-}) => import("react").ReactNode;
+}) => React.ReactNode;
 export declare const tableBodyTheme: ComponentTheme<typeof useTableBodyTheme>;

package/build/components/TableCaption.d.ts

@@ -10,10 +10,10 @@ export type TableCaptionProps<T extends ElementType> = PropsWithChildren<Compone
 }>;
 export declare const TableCaption: <T extends ElementType = "caption">(props: import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
     as?: T | undefined;
-    className?: string | undefined;
+    className?: string;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & {
     ref?: Ref<HTMLElement> | undefined;
-}) => import("react").ReactNode;
+}) => React.ReactNode;
 export declare const tableCaptionTheme: ComponentTheme<typeof useTableCaptionTheme>;

package/build/components/TableCell.d.ts

@@ -10,10 +10,10 @@ export type TableCellProps<T extends ElementType> = PropsWithChildren<ComponentP
 }>;
 export declare const TableCell: <T extends ElementType = "td">(props: import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
     as?: T | undefined;
-    className?: string | undefined;
+    className?: string;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & {
     ref?: Ref<HTMLElement> | undefined;
-}) => import("react").ReactNode;
+}) => React.ReactNode;
 export declare const tableCellTheme: ComponentTheme<typeof useTableCellTheme>;

package/build/components/TableFoot.d.ts

@@ -10,10 +10,10 @@ export type TableFootProps<T extends ElementType> = PropsWithChildren<ComponentP
 }>;
 export declare const TableFoot: <T extends ElementType = "tfoot">(props: import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
     as?: T | undefined;
-    className?: string | undefined;
+    className?: string;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & {
     ref?: Ref<HTMLElement> | undefined;
-}) => import("react").ReactNode;
+}) => React.ReactNode;
 export declare const tableFootTheme: ComponentTheme<typeof useTableFootTheme>;

package/build/components/TableHead.d.ts

@@ -10,10 +10,10 @@ export type TableHeadProps<T extends ElementType> = PropsWithChildren<ComponentP
 }>;
 export declare const TableHead: <T extends ElementType = "thead">(props: import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
     as?: T | undefined;
-    className?: string | undefined;
+    className?: string;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & {
     ref?: Ref<HTMLElement> | undefined;
-}) => import("react").ReactNode;
+}) => React.ReactNode;
 export declare const tableHeadTheme: ComponentTheme<typeof useTableHeadTheme>;

package/build/components/TableHeader.d.ts

@@ -10,10 +10,10 @@ export type TableHeaderProps<T extends ElementType> = PropsWithChildren<Componen
 }>;
 export declare const TableHeader: <T extends ElementType = "th">(props: import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
     as?: T | undefined;
-    className?: string | undefined;
+    className?: string;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & {
     ref?: Ref<HTMLElement> | undefined;
-}) => import("react").ReactNode;
+}) => React.ReactNode;
 export declare const tableHeaderTheme: ComponentTheme<typeof useTableHeaderTheme>;

package/build/components/TableRow.d.ts

@@ -10,10 +10,10 @@ export type TableRowProps<T extends ElementType> = PropsWithChildren<ComponentPr
 }>;
 export declare const TableRow: <T extends ElementType = "tr">(props: import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
     as?: T | undefined;
-    className?: string | undefined;
+    className?: string;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & {
     ref?: Ref<HTMLElement> | undefined;
-}) => import("react").ReactNode;
+}) => React.ReactNode;
 export declare const tableRowTheme: ComponentTheme<typeof useTableRowTheme>;

package/build/components/Text.d.ts

@@ -18,10 +18,10 @@ export declare const Text: <T extends ElementType = "p">(props: Partial<import("
     readonly size: "small" | "medium" | "large";
 }>> & import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
     as?: T | undefined;
-    className?: string | undefined;
+    className?: string;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & {
     ref?: Ref<HTMLElement> | undefined;
-}) => import("react").ReactNode;
+}) => React.ReactNode;
 export declare const textTheme: ComponentTheme<typeof useTextTheme>;

package/build/components/Textarea.d.ts

@@ -30,5 +30,5 @@ export declare const Textarea: <T extends ElementType = "textarea">(props: Parti
     icon?: ComponentType<object> | undefined;
 } & {
     ref?: Ref<HTMLElement> | undefined;
-}) => import("react").ReactNode;
+}) => React.ReactNode;
 export declare const textareaTheme: ComponentTheme<typeof useTextareaTheme>;

package/build/components/data-table/internals/DataTablePagination.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" resolution-mode="require"/>
 import { type Table } from '@tanstack/react-table';
 import { type DataTableProps } from '../DataTable.js';
 export type DataTablePaginationProps = {

package/build/components/internals/fieldContext.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" resolution-mode="require"/>
 import { type FieldMetadata } from '@conform-to/react';
 export declare const fieldContext: import("react").Context<FieldMetadata | undefined>;

package/build/components/internals/fieldNameContext.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" resolution-mode="require"/>
 import { type FieldName } from '@conform-to/react';
 export declare const fieldNameContext: import("react").Context<FieldName<any> | undefined>;

package/build/components/internals/formIdContext.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" resolution-mode="require"/>
 export declare const formIdContext: import("react").Context<string | undefined>;

package/build/development/createTailwindMerge.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../source/development/createTailwindMerge.ts"],
-  "sourcesContent": ["import {extendTailwindMerge, twMerge} from 'tailwind-merge';\nimport {type Config as TailwindConfig} from 'tailwindcss';\n\nconst THEME_SCALES = [\n  'colors',\n  'spacing',\n  'blur',\n  'brightness',\n  'borderColor',\n  'borderRadius',\n  'borderSpacing',\n  'borderWidth',\n  'contrast',\n  'grayscale',\n  'hueRotate',\n  'invert',\n  'gap',\n  'gradientColorStops',\n  'gradientColorStopPositions',\n  'inset',\n  'margin',\n  'opacity',\n  'padding',\n  'saturate',\n  'scale',\n  'sepia',\n  'skew',\n  'space',\n  'translate',\n];\n\nexport function createTailwindMerge(tailwindConfig: TailwindConfig) {\n  if (!tailwindConfig.theme) {\n    return twMerge;\n  }\n\n  let tailwindMergeConfig: Parameters<typeof extendTailwindMerge>[0] = {\n    override: {theme: {}},\n    extend: {theme: {}},\n  };\n\n  for (let scale of THEME_SCALES) {\n    if (!tailwindMergeConfig.override?.theme || !tailwindMergeConfig.extend?.theme) {\n      throw new Error('Creating Tailwind merge failed!');\n    }\n\n    if (tailwindConfig.theme[scale]) {\n      let tailwindConfigScale = tailwindConfig.theme[scale] as Record<\n        string,\n        Record<string, string | unknown> | unknown\n      >;\n      let keys = Object.keys(tailwindConfigScale);\n      let combinedKeys = [];\n\n      for (let key of keys) {\n        if (\n          tailwindConfigScale[key] !== undefined &&\n          tailwindConfigScale[key] !== null &&\n          typeof tailwindConfigScale[key] === 'object'\n        ) {\n          combinedKeys.push(\n            ...Object.keys(tailwindConfigScale[key] as object)\n              .filter((value) => value !== 'DEFAULT')\n              .map((value) => `${key}-${value}`),\n          );\n        } else {\n          combinedKeys.push(key);\n        }\n      }\n\n      tailwindMergeConfig.override.theme[scale] = combinedKeys;\n    } else if (tailwindConfig.theme.extend?.[scale]) {\n      let tailwindConfigScale = tailwindConfig.theme.extend[scale] as Record<\n        string,\n        Record<string, string | unknown> | unknown\n      >;\n      let keys = Object.keys(tailwindConfigScale);\n      let combinedKeys = [];\n\n      for (let key of keys) {\n        if (\n          tailwindConfigScale[key] !== undefined &&\n          tailwindConfigScale[key] !== null &&\n          typeof tailwindConfigScale[key] === 'object'\n        ) {\n          combinedKeys.push(\n            ...Object.keys(tailwindConfigScale[key] as object)\n              .filter((value) => value !== 'DEFAULT')\n              .map((value) => `${key}-${value}`),\n          );\n        } else {\n          combinedKeys.push(key);\n        }\n      }\n\n      tailwindMergeConfig.extend.theme[scale] = combinedKeys;\n    }\n  }\n\n  return extendTailwindMerge(tailwindMergeConfig);\n}\n"],
-  "mappings": ";AAAA,SAAQ,qBAAqB,eAAc;AAG3C,MAAM,eAAe;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,gBAAS,oBAAoB,gBAAgC;AAClE,MAAI,CAAC,eAAe,OAAO;AACzB,WAAO;AAAA,EACT;AAEA,MAAI,sBAAiE;AAAA,IACnE,UAAU,EAAC,OAAO,CAAC,EAAC;AAAA,IACpB,QAAQ,EAAC,OAAO,CAAC,EAAC;AAAA,EACpB;AAEA,WAAS,SAAS,cAAc;AAC9B,QAAI,CAAC,oBAAoB,UAAU,SAAS,CAAC,oBAAoB,QAAQ,OAAO;AAC9E,YAAM,IAAI,MAAM,iCAAiC;AAAA,IACnD;AAEA,QAAI,eAAe,MAAM,KAAK,GAAG;AAC/B,UAAI,sBAAsB,eAAe,MAAM,KAAK;AAIpD,UAAI,OAAO,OAAO,KAAK,mBAAmB;AAC1C,UAAI,eAAe,CAAC;AAEpB,eAAS,OAAO,MAAM;AACpB,YACE,oBAAoB,GAAG,MAAM,UAC7B,oBAAoB,GAAG,MAAM,QAC7B,OAAO,oBAAoB,GAAG,MAAM,UACpC;AACA,uBAAa;AAAA,YACX,GAAG,OAAO,KAAK,oBAAoB,GAAG,CAAW,EAC9C,OAAO,CAAC,UAAU,UAAU,SAAS,EACrC,IAAI,CAAC,UAAU,GAAG,GAAG,IAAI,KAAK,EAAE;AAAA,UACrC;AAAA,QACF,OAAO;AACL,uBAAa,KAAK,GAAG;AAAA,QACvB;AAAA,MACF;AAEA,0BAAoB,SAAS,MAAM,KAAK,IAAI;AAAA,IAC9C,WAAW,eAAe,MAAM,SAAS,KAAK,GAAG;AAC/C,UAAI,sBAAsB,eAAe,MAAM,OAAO,KAAK;AAI3D,UAAI,OAAO,OAAO,KAAK,mBAAmB;AAC1C,UAAI,eAAe,CAAC;AAEpB,eAAS,OAAO,MAAM;AACpB,YACE,oBAAoB,GAAG,MAAM,UAC7B,oBAAoB,GAAG,MAAM,QAC7B,OAAO,oBAAoB,GAAG,MAAM,UACpC;AACA,uBAAa;AAAA,YACX,GAAG,OAAO,KAAK,oBAAoB,GAAG,CAAW,EAC9C,OAAO,CAAC,UAAU,UAAU,SAAS,EACrC,IAAI,CAAC,UAAU,GAAG,GAAG,IAAI,KAAK,EAAE;AAAA,UACrC;AAAA,QACF,OAAO;AACL,uBAAa,KAAK,GAAG;AAAA,QACvB;AAAA,MACF;AAEA,0BAAoB,OAAO,MAAM,KAAK,IAAI;AAAA,IAC5C;AAAA,EACF;AAEA,SAAO,oBAAoB,mBAAmB;AAChD;",
+  "sourcesContent": ["import {extendTailwindMerge, twMerge} from 'tailwind-merge';\nimport {type Config as TailwindConfig} from 'tailwindcss';\n\nconst THEME_SCALES = [\n  'colors',\n  'spacing',\n  'blur',\n  'brightness',\n  'borderColor',\n  'borderRadius',\n  'borderSpacing',\n  'borderWidth',\n  'contrast',\n  'grayscale',\n  'hueRotate',\n  'invert',\n  'gap',\n  'gradientColorStops',\n  'gradientColorStopPositions',\n  'inset',\n  'margin',\n  'opacity',\n  'padding',\n  'saturate',\n  'scale',\n  'sepia',\n  'skew',\n  'space',\n  'translate',\n];\n\nexport function createTailwindMerge(tailwindConfig: TailwindConfig) {\n  if (!tailwindConfig.theme) {\n    return twMerge;\n  }\n\n  let tailwindMergeConfig: Parameters<typeof extendTailwindMerge>[0] = {\n    override: {theme: {}},\n    extend: {theme: {}},\n  };\n\n  for (let scale of THEME_SCALES) {\n    if (!tailwindMergeConfig.override?.theme || !tailwindMergeConfig.extend?.theme) {\n      throw new Error('Creating Tailwind merge failed!');\n    }\n\n    if (tailwindConfig.theme[scale]) {\n      let tailwindConfigScale = tailwindConfig.theme[scale] as Record<\n        string,\n        Record<string, string | unknown> | unknown\n      >;\n      let keys = Object.keys(tailwindConfigScale);\n      let combinedKeys = [];\n\n      for (let key of keys) {\n        if (\n          tailwindConfigScale[key] !== undefined &&\n          tailwindConfigScale[key] !== null &&\n          typeof tailwindConfigScale[key] === 'object'\n        ) {\n          combinedKeys.push(\n            ...Object.keys(tailwindConfigScale[key])\n              .filter((value) => value !== 'DEFAULT')\n              .map((value) => `${key}-${value}`),\n          );\n        } else {\n          combinedKeys.push(key);\n        }\n      }\n\n      tailwindMergeConfig.override.theme[scale] = combinedKeys;\n    } else if (tailwindConfig.theme.extend?.[scale]) {\n      let tailwindConfigScale = tailwindConfig.theme.extend[scale] as Record<\n        string,\n        Record<string, string | unknown> | unknown\n      >;\n      let keys = Object.keys(tailwindConfigScale);\n      let combinedKeys = [];\n\n      for (let key of keys) {\n        if (\n          tailwindConfigScale[key] !== undefined &&\n          tailwindConfigScale[key] !== null &&\n          typeof tailwindConfigScale[key] === 'object'\n        ) {\n          combinedKeys.push(\n            ...Object.keys(tailwindConfigScale[key])\n              .filter((value) => value !== 'DEFAULT')\n              .map((value) => `${key}-${value}`),\n          );\n        } else {\n          combinedKeys.push(key);\n        }\n      }\n\n      tailwindMergeConfig.extend.theme[scale] = combinedKeys;\n    }\n  }\n\n  return extendTailwindMerge(tailwindMergeConfig);\n}\n"],
+  "mappings": ";AAAA,SAAQ,qBAAqB,eAAc;AAG3C,MAAM,eAAe;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,gBAAS,oBAAoB,gBAAgC;AAClE,MAAI,CAAC,eAAe,OAAO;AACzB,WAAO;AAAA,EACT;AAEA,MAAI,sBAAiE;AAAA,IACnE,UAAU,EAAC,OAAO,CAAC,EAAC;AAAA,IACpB,QAAQ,EAAC,OAAO,CAAC,EAAC;AAAA,EACpB;AAEA,WAAS,SAAS,cAAc;AAC9B,QAAI,CAAC,oBAAoB,UAAU,SAAS,CAAC,oBAAoB,QAAQ,OAAO;AAC9E,YAAM,IAAI,MAAM,iCAAiC;AAAA,IACnD;AAEA,QAAI,eAAe,MAAM,KAAK,GAAG;AAC/B,UAAI,sBAAsB,eAAe,MAAM,KAAK;AAIpD,UAAI,OAAO,OAAO,KAAK,mBAAmB;AAC1C,UAAI,eAAe,CAAC;AAEpB,eAAS,OAAO,MAAM;AACpB,YACE,oBAAoB,GAAG,MAAM,UAC7B,oBAAoB,GAAG,MAAM,QAC7B,OAAO,oBAAoB,GAAG,MAAM,UACpC;AACA,uBAAa;AAAA,YACX,GAAG,OAAO,KAAK,oBAAoB,GAAG,CAAC,EACpC,OAAO,CAAC,UAAU,UAAU,SAAS,EACrC,IAAI,CAAC,UAAU,GAAG,GAAG,IAAI,KAAK,EAAE;AAAA,UACrC;AAAA,QACF,OAAO;AACL,uBAAa,KAAK,GAAG;AAAA,QACvB;AAAA,MACF;AAEA,0BAAoB,SAAS,MAAM,KAAK,IAAI;AAAA,IAC9C,WAAW,eAAe,MAAM,SAAS,KAAK,GAAG;AAC/C,UAAI,sBAAsB,eAAe,MAAM,OAAO,KAAK;AAI3D,UAAI,OAAO,OAAO,KAAK,mBAAmB;AAC1C,UAAI,eAAe,CAAC;AAEpB,eAAS,OAAO,MAAM;AACpB,YACE,oBAAoB,GAAG,MAAM,UAC7B,oBAAoB,GAAG,MAAM,QAC7B,OAAO,oBAAoB,GAAG,MAAM,UACpC;AACA,uBAAa;AAAA,YACX,GAAG,OAAO,KAAK,oBAAoB,GAAG,CAAC,EACpC,OAAO,CAAC,UAAU,UAAU,SAAS,EACrC,IAAI,CAAC,UAAU,GAAG,GAAG,IAAI,KAAK,EAAE;AAAA,UACrC;AAAA,QACF,OAAO;AACL,uBAAa,KAAK,GAAG;AAAA,QACvB;AAAA,MACF;AAEA,0BAAoB,OAAO,MAAM,KAAK,IAAI;AAAA,IAC5C;AAAA,EACF;AAEA,SAAO,oBAAoB,mBAAmB;AAChD;",
   "names": []
 }

package/build/theme/internals/themeContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" resolution-mode="require"/>
 export declare const themeContext: import("react").Context<import("@jakubmazanec/ts-utils").Simplify<{
     Button: {
         className?: import("./ClassName.js").ClassName;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jakubmazanec/ui",
-  "version": "0.1.0-next.86bf251",
+  "version": "0.1.0-unstable.02f9f4e",
   "description": "React component library.",
   "repository": {
     "type": "git",
@@ -41,7 +41,7 @@
     "@dnd-kit/utilities": "^3.2.2",
     "@headlessui/react": "^2.1.2",
     "@heroicons/react": "^2.1.5",
-    "@jakubmazanec/ts-utils": "3.0.4-next.86bf251",
+    "@jakubmazanec/ts-utils": "3.0.4-unstable.02f9f4e",
     "@tanstack/match-sorter-utils": "^8.19.4",
     "@tanstack/react-table": "^8.20.5",
     "culori": "^4.0.1",
@@ -51,7 +51,7 @@
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^1.6.1",
-    "@jakubmazanec/eslint-config": "3.3.2-next.86bf251",
+    "@jakubmazanec/eslint-config": "3.3.2-unstable.02f9f4e",
     "@storybook/addon-controls": "^8.3.0",
     "@storybook/addon-essentials": "^8.3.0",
     "@storybook/addon-interactions": "^8.3.0",
@@ -84,9 +84,9 @@
     "storybook": "^8.3.0",
     "tailwindcss": "^3.4.7",
     "tsx": "^4.15.6",
-    "typedoc": "^0.25.13",
-    "typedoc-plugin-markdown": "^4.0.3",
-    "typescript": "^5.4.5",
+    "typedoc": "^0.26.11",
+    "typedoc-plugin-markdown": "^4.2.10",
+    "typescript": "^5.6.3",
     "vitest": "^1.3.1"
   },
   "peerDependencies": {

package/source/development/createTailwindMerge.ts

@@ -59,7 +59,7 @@ export function createTailwindMerge(tailwindConfig: TailwindConfig) {
           typeof tailwindConfigScale[key] === 'object'
         ) {
           combinedKeys.push(
-            ...Object.keys(tailwindConfigScale[key] as object)
+            ...Object.keys(tailwindConfigScale[key])
               .filter((value) => value !== 'DEFAULT')
               .map((value) => `${key}-${value}`),
           );
@@ -84,7 +84,7 @@ export function createTailwindMerge(tailwindConfig: TailwindConfig) {
           typeof tailwindConfigScale[key] === 'object'
         ) {
           combinedKeys.push(
-            ...Object.keys(tailwindConfigScale[key] as object)
+            ...Object.keys(tailwindConfigScale[key])
               .filter((value) => value !== 'DEFAULT')
               .map((value) => `${key}-${value}`),
           );