@ark-ui/solid 1.2.0 → 2.0.0

package/types/filter-object.d.ts

@@ -1,8 +0,0 @@
-type Entry<T> = {
-    [K in keyof T]: [K, T[K]];
-}[keyof T];
-export declare const filterObject: <T extends object>(obj: T, fn: (entry: Entry<T>, i: number, arr: Entry<T>[]) => boolean) => Partial<T>;
-export declare const filterEmptyValues: <T extends object>(obj: T) => Partial<T>;
-export declare const filterFunctionValues: <T extends object>(obj: T) => Partial<T>;
-export declare const filterBooleanAttributeValues: <T extends object>(obj: T) => Partial<T>;
-export {};

package/types/is-empty.d.ts

@@ -1 +0,0 @@
-export declare const isEmpty: (value: unknown) => boolean;

package/types/is-function.d.ts

@@ -1 +0,0 @@
-export declare const isFunction: (value: unknown) => boolean;

package/types/menu/index.d.ts

@@ -1,31 +0,0 @@
-import { type MenuProps } from './menu';
-import { MenuArrow, type MenuArrowProps } from './menu-arrow';
-import { MenuArrowTip, type MenuArrowTipProps } from './menu-arrow-tip';
-import { MenuContent, type MenuContentProps } from './menu-content';
-import { useMenuContext } from './menu-context';
-import { MenuContextTrigger, type MenuContextTriggerProps } from './menu-context-trigger';
-import { MenuItem, type MenuItemProps } from './menu-item';
-import { MenuItemGroup, type MenuItemGroupProps } from './menu-item-group';
-import { MenuItemGroupLabel, type MenuItemGroupLabelProps } from './menu-item-group-label';
-import { MenuOptionItem, type MenuOptionItemProps } from './menu-option-item';
-import { MenuPositioner, type MenuPositionerProps } from './menu-positioner';
-import { MenuSeparator, type MenuSeparatorProps } from './menu-separator';
-import { MenuTrigger, type MenuTriggerProps } from './menu-trigger';
-import { MenuTriggerItem, type MenuTriggerItemProps } from './menu-trigger-item';
-declare const Menu: ((props: MenuProps) => import("solid-js").JSX.Element) & {
-    Root: (props: MenuProps) => import("solid-js").JSX.Element;
-    Arrow: (props: MenuArrowProps) => import("solid-js").JSX.Element;
-    ArrowTip: (props: MenuArrowTipProps) => import("solid-js").JSX.Element;
-    Content: (props: MenuContentProps) => import("solid-js").JSX.Element;
-    ContextTrigger: (props: MenuContextTriggerProps) => import("solid-js").JSX.Element;
-    Item: (props: MenuItemProps) => import("solid-js").JSX.Element;
-    ItemGroup: (props: MenuItemGroupProps) => import("solid-js").JSX.Element;
-    ItemGroupLabel: (props: MenuItemGroupLabelProps) => import("solid-js").JSX.Element;
-    OptionItem: (props: MenuOptionItemProps) => import("solid-js").JSX.Element;
-    Positioner: (props: MenuPositionerProps) => import("solid-js").JSX.Element;
-    Separator: (props: MenuSeparatorProps) => import("solid-js").JSX.Element;
-    Trigger: (props: MenuTriggerProps) => import("solid-js").JSX.Element;
-    TriggerItem: (props: MenuTriggerItemProps) => import("solid-js").JSX.Element;
-};
-export { Menu, MenuArrow, MenuArrowTip, MenuContent, MenuContextTrigger, MenuItem, MenuItemGroup, MenuItemGroupLabel, MenuOptionItem, MenuPositioner, MenuSeparator, MenuTrigger, MenuTriggerItem, useMenuContext, };
-export type { MenuArrowProps, MenuArrowTipProps, MenuContentProps, MenuContextTriggerProps, MenuItemGroupLabelProps, MenuItemGroupProps, MenuItemProps, MenuOptionItemProps, MenuPositionerProps, MenuProps, MenuSeparatorProps, MenuTriggerItemProps, MenuTriggerProps, };

package/types/merge-style.d.ts

@@ -1,6 +0,0 @@
-import { type JSX } from 'solid-js';
-type StyleObject = JSX.CSSProperties;
-type StyleString = string;
-type Style = StyleObject | StyleString;
-export declare const mergeStyle: (a?: Style, b?: Style) => StyleString;
-export {};

package/types/number-input/index.d.ts

@@ -1,19 +0,0 @@
-import { type NumberInputProps } from './number-input';
-import { useNumberInputContext, type NumberInputContext } from './number-input-context';
-import { NumberInputControl, type NumberInputControlProps } from './number-input-control';
-import { NumberInputDecrementTrigger, type NumberInputDecrementTriggerProps } from './number-input-decrement-trigger';
-import { NumberInputIncrementTrigger, type NumberInputIncrementTriggerProps } from './number-input-increment-trigger';
-import { NumberInputInput, type NumberInputInputProps } from './number-input-input';
-import { NumberInputLabel, type NumberInputLabelProps } from './number-input-label';
-import { NumberInputScrubber, type NumberInputScrubberProps } from './number-input-scrubber';
-declare const NumberInput: ((props: NumberInputProps) => import("solid-js").JSX.Element) & {
-    Root: (props: NumberInputProps) => import("solid-js").JSX.Element;
-    Control: (props: NumberInputControlProps) => import("solid-js").JSX.Element;
-    DecrementTrigger: (props: NumberInputDecrementTriggerProps) => import("solid-js").JSX.Element;
-    Input: (props: NumberInputInputProps) => import("solid-js").JSX.Element;
-    IncrementTrigger: (props: NumberInputIncrementTriggerProps) => import("solid-js").JSX.Element;
-    Label: (props: NumberInputLabelProps) => import("solid-js").JSX.Element;
-    Scrubber: (props: NumberInputScrubberProps) => import("solid-js").JSX.Element;
-};
-export { NumberInput, NumberInputControl, NumberInputDecrementTrigger, NumberInputIncrementTrigger, NumberInputInput, NumberInputLabel, NumberInputScrubber, useNumberInputContext, };
-export type { NumberInputContext, NumberInputControlProps, NumberInputDecrementTriggerProps, NumberInputIncrementTriggerProps, NumberInputInputProps, NumberInputLabelProps, NumberInputProps, NumberInputScrubberProps, };

package/types/number-input/number-input.d.ts

@@ -1,9 +0,0 @@
-import { type JSX } from 'solid-js';
-import { type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-import { type UseNumberInputProps, type UseNumberInputReturn } from './use-number-input';
-export interface NumberInputProps extends Assign<Assign<HTMLArkProps<'div'>, {
-    children?: JSX.Element | ((api: UseNumberInputReturn) => JSX.Element);
-}>, UseNumberInputProps> {
-}
-export declare const NumberInput: (props: NumberInputProps) => JSX.Element;

package/types/pagination/pagination.d.ts

@@ -1,9 +0,0 @@
-import { type JSX } from 'solid-js';
-import { type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-import { type UsePaginationProps, type UsePaginationReturn } from './use-pagination';
-export interface PaginationProps extends Assign<Assign<HTMLArkProps<'nav'>, {
-    children?: JSX.Element | ((api: UsePaginationReturn) => JSX.Element);
-}>, UsePaginationProps> {
-}
-export declare const Pagination: (props: PaginationProps) => JSX.Element;

package/types/parse-template.d.ts

@@ -1,45 +0,0 @@
-type Node = DocumentNode | ElementNode | TextNode | CommentNode | DoctypeNode;
-type NodeType = typeof DOCUMENT_NODE | typeof ELEMENT_NODE | typeof TEXT_NODE | typeof COMMENT_NODE | typeof DOCTYPE_NODE;
-interface Location {
-    start: number;
-    end: number;
-}
-interface BaseNode {
-    type: NodeType;
-    loc: [Location, Location];
-    parent: Node;
-    [key: string]: any;
-}
-interface LiteralNode extends BaseNode {
-    value: string;
-}
-interface ParentNode extends BaseNode {
-    children: Node[];
-}
-interface DocumentNode extends Omit<ParentNode, 'parent'> {
-    type: typeof DOCUMENT_NODE;
-    attributes: Record<string, string>;
-    parent: undefined;
-}
-interface ElementNode extends ParentNode {
-    type: typeof ELEMENT_NODE;
-    name: string;
-    attributes: Record<string, string>;
-}
-interface TextNode extends LiteralNode {
-    type: typeof TEXT_NODE;
-}
-interface CommentNode extends LiteralNode {
-    type: typeof COMMENT_NODE;
-}
-interface DoctypeNode extends LiteralNode {
-    type: typeof DOCTYPE_NODE;
-}
-declare const DOCUMENT_NODE = 0;
-declare const ELEMENT_NODE = 1;
-declare const TEXT_NODE = 2;
-declare const COMMENT_NODE = 3;
-declare const DOCTYPE_NODE = 4;
-export declare function parse(str: string): any;
-export declare function render(node: Node): string;
-export {};

package/types/pin-input/pin-input.d.ts

@@ -1,6 +0,0 @@
-import { type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-import { type UsePinInputProps } from './use-pin-input';
-export interface PinInputProps extends Assign<HTMLArkProps<'div'>, UsePinInputProps> {
-}
-export declare const PinInput: (props: PinInputProps) => import("solid-js").JSX.Element;

package/types/pipe.d.ts

@@ -1,10 +0,0 @@
-type AnyFunc = (...arg: any) => any;
-type LastFnReturnType<F extends Array<AnyFunc>, Else = never> = F extends [
-    ...any[],
-    (...arg: any) => infer R
-] ? R : Else;
-type PipeArgs<F extends AnyFunc[], Acc extends AnyFunc[] = []> = F extends [
-    (...args: infer A) => infer B
-] ? [...Acc, (...args: A) => B] : F extends [(...args: infer A) => any, ...infer Tail] ? Tail extends [(arg: infer B) => any, ...any[]] ? PipeArgs<Tail, [...Acc, (...args: A) => B]> : Acc : Acc;
-export declare const pipe: <FirstFn extends AnyFunc, F extends AnyFunc[]>(arg: Parameters<FirstFn>[0], firstFn: FirstFn, ...fns: PipeArgs<F, []> extends F ? F : PipeArgs<F, []>) => LastFnReturnType<F, ReturnType<FirstFn>>;
-export {};

package/types/radio-group/radio-group.d.ts

@@ -1,6 +0,0 @@
-import { type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-import { type UseRadioGroupProps } from './use-radio-group';
-export interface RadioGroupProps extends Assign<HTMLArkProps<'div'>, UseRadioGroupProps> {
-}
-export declare const RadioGroup: (props: RadioGroupProps) => import("solid-js").JSX.Element;

package/types/rating-group/index.d.ts

@@ -1,14 +0,0 @@
-import { type RatingGroupProps } from './rating-group';
-import { useRatingGroupContext, type RatingGroupContext } from './rating-group-context';
-import { RatingGroupControl, type RatingGroupControlProps } from './rating-group-control';
-import { RatingGroupItem, type RatingGroupItemProps } from './rating-group-item';
-import { useRatingGroupItemContext, type RatingGroupItemContext } from './rating-group-item-context';
-import { RatingGroupLabel, type RatingGroupLabelProps } from './rating-group-label';
-declare const RatingGroup: ((props: RatingGroupProps) => import("solid-js").JSX.Element) & {
-    Root: (props: RatingGroupProps) => import("solid-js").JSX.Element;
-    Control: (props: RatingGroupControlProps) => import("solid-js").JSX.Element;
-    Label: (props: RatingGroupLabelProps) => import("solid-js").JSX.Element;
-    Item: (props: RatingGroupItemProps) => import("solid-js").JSX.Element;
-};
-export { RatingGroup, RatingGroupControl, RatingGroupItem, RatingGroupLabel, useRatingGroupContext, useRatingGroupItemContext, };
-export type { RatingGroupContext, RatingGroupControlProps, RatingGroupItemContext, RatingGroupItemProps, RatingGroupLabelProps, RatingGroupProps, };

package/types/rating-group/rating-group.d.ts

@@ -1,6 +0,0 @@
-import { type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-import { type UseRatingGroupProps } from './use-rating-group';
-export interface RatingGroupProps extends Assign<HTMLArkProps<'div'>, UseRatingGroupProps> {
-}
-export declare const RatingGroup: (props: RatingGroupProps) => import("solid-js").JSX.Element;

package/types/segment-group/index.d.ts

@@ -1,18 +0,0 @@
-import { type SegmentGroupProps } from './segment-group';
-import { useSegmentGroupContext, type SegmentGroupContext } from './segment-group-context';
-import { SegmentGroupIndicator, type SegmentGroupIndicatorProps } from './segment-group-indicator';
-import { SegmentGroupItem, type SegmentGroupItemProps } from './segment-group-item';
-import { useSegmentGroupItemContext, type SegmentGroupItemContext } from './segment-group-item-context';
-import { SegmentGroupItemControl, type SegmentGroupItemControlProps } from './segment-group-item-control';
-import { SegmentGroupItemText, type SegmentGroupItemTextProps } from './segment-group-item-text';
-import { SegmentGroupLabel, type SegmentGroupLabelProps } from './segment-group-label';
-declare const SegmentGroup: ((props: SegmentGroupProps) => import("solid-js").JSX.Element) & {
-    Root: (props: SegmentGroupProps) => import("solid-js").JSX.Element;
-    Indicator: (props: SegmentGroupIndicatorProps) => import("solid-js").JSX.Element;
-    Item: (props: SegmentGroupItemProps) => import("solid-js").JSX.Element;
-    ItemControl: (props: SegmentGroupItemControlProps) => import("solid-js").JSX.Element;
-    ItemText: (props: SegmentGroupItemTextProps) => import("solid-js").JSX.Element;
-    Label: (props: SegmentGroupLabelProps) => import("solid-js").JSX.Element;
-};
-export { SegmentGroup, SegmentGroupIndicator, SegmentGroupItem, SegmentGroupItemControl, SegmentGroupItemText, SegmentGroupLabel, useSegmentGroupContext, useSegmentGroupItemContext, };
-export type { SegmentGroupContext, SegmentGroupIndicatorProps, SegmentGroupItemContext, SegmentGroupItemControlProps, SegmentGroupItemProps, SegmentGroupItemTextProps, SegmentGroupLabelProps, SegmentGroupProps, };

package/types/segment-group/segment-group.d.ts

@@ -1,6 +0,0 @@
-import { type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-import { type UseSegmentGroupProps } from './use-segment-group';
-export interface SegmentGroupProps extends Assign<HTMLArkProps<'div'>, UseSegmentGroupProps> {
-}
-export declare const SegmentGroup: (props: SegmentGroupProps) => import("solid-js").JSX.Element;

package/types/select/index.d.ts

@@ -1,35 +0,0 @@
-import type { CollectionItem } from '../types';
-import { type SelectProps } from './select';
-import { SelectClearTrigger, type SelectClearTriggerProps } from './select-clear-trigger';
-import { SelectContent, type SelectContentProps } from './select-content';
-import { useSelectContext, type SelectContext } from './select-context';
-import { SelectControl, type SelectControlProps } from './select-control';
-import { SelectIndicator, type SelectIndicatorProps } from './select-indicator';
-import { SelectItem, type SelectItemProps } from './select-item';
-import { useSelectItemContext, type SelectItemContext } from './select-item-context';
-import { SelectItemGroup, type SelectItemGroupProps } from './select-item-group';
-import { SelectItemGroupLabel, type SelectItemGroupLabelProps } from './select-item-group-label';
-import { SelectItemIndicator, type SelectItemIndicatorProps } from './select-item-indicator';
-import { SelectItemText, type SelectItemTextProps } from './select-item-text';
-import { SelectLabel, type SelectLabelProps } from './select-label';
-import { SelectPositioner, type SelectPositionerProps } from './select-positioner';
-import { SelectTrigger, type SelectTriggerProps } from './select-trigger';
-import { SelectValueText, type SelectValueTextProps } from './select-value-text';
-declare const Select: (<T extends CollectionItem>(props: SelectProps<T>) => import("solid-js").JSX.Element) & {
-    Root: <T extends CollectionItem>(props: SelectProps<T>) => import("solid-js").JSX.Element;
-    ClearTrigger: (props: SelectClearTriggerProps) => import("solid-js").JSX.Element;
-    Content: (props: SelectContentProps) => import("solid-js").JSX.Element;
-    Control: (props: SelectControlProps) => import("solid-js").JSX.Element;
-    Indicator: (props: SelectIndicatorProps) => import("solid-js").JSX.Element;
-    Item: (props: SelectItemProps) => import("solid-js").JSX.Element;
-    ItemGroup: (props: SelectItemGroupProps) => import("solid-js").JSX.Element;
-    ItemGroupLabel: (props: SelectItemGroupLabelProps) => import("solid-js").JSX.Element;
-    ItemIndicator: (props: SelectItemIndicatorProps) => import("solid-js").JSX.Element;
-    ItemText: (props: SelectItemTextProps) => import("solid-js").JSX.Element;
-    Label: (props: SelectLabelProps) => import("solid-js").JSX.Element;
-    Positioner: (props: SelectPositionerProps) => import("solid-js").JSX.Element;
-    Trigger: (props: SelectTriggerProps) => import("solid-js").JSX.Element;
-    ValueText: (props: SelectValueTextProps) => import("solid-js").JSX.Element;
-};
-export { Select, SelectClearTrigger, SelectContent, SelectControl, SelectIndicator, SelectItem, SelectItemGroup, SelectItemGroupLabel, SelectItemIndicator, SelectItemText, SelectLabel, SelectPositioner, SelectTrigger, SelectValueText, useSelectContext, useSelectItemContext, };
-export type { CollectionItem, SelectClearTriggerProps, SelectContentProps, SelectContext, SelectControlProps, SelectIndicatorProps, SelectItemContext, SelectItemGroupLabelProps, SelectItemGroupProps, SelectItemIndicatorProps, SelectItemProps, SelectItemTextProps, SelectLabelProps, SelectPositionerProps, SelectProps, SelectTriggerProps, SelectValueTextProps, };

package/types/slider/slider.d.ts

@@ -1,9 +0,0 @@
-import { type JSX } from 'solid-js';
-import { type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-import { type UseSliderProps, type UseSliderReturn } from './use-slider';
-export interface SliderProps extends Assign<Assign<HTMLArkProps<'div'>, {
-    children?: JSX.Element | ((api: UseSliderReturn) => JSX.Element);
-}>, UseSliderProps> {
-}
-export declare const Slider: (props: SliderProps) => JSX.Element;

package/types/splitter/splitter.d.ts

@@ -1,9 +0,0 @@
-import { type JSX } from 'solid-js';
-import { type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-import { type UseSplitterProps, type UseSplitterReturn } from './use-splitter';
-export interface SplitterProps extends Assign<Assign<HTMLArkProps<'div'>, {
-    children?: JSX.Element | ((api: UseSplitterReturn) => JSX.Element);
-}>, UseSplitterProps> {
-}
-export declare const Splitter: (props: SplitterProps) => JSX.Element;

package/types/spread.d.ts

@@ -1 +0,0 @@
-export declare const spread: (node: HTMLElement, props: any) => void;

package/types/ssr-spread.d.ts

@@ -1,10 +0,0 @@
-import { type JSX } from 'solid-js';
-type Children = {
-    t: string;
-} | JSX.Element;
-type Attributes = {
-    class?: string;
-    style?: string | JSX.CSSProperties;
-} & object;
-export declare const ssrSpread: <T extends Children>(children: T, attributes: Attributes) => T;
-export {};

package/types/switch/switch.d.ts

@@ -1,9 +0,0 @@
-import type { JSX } from 'solid-js';
-import { type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-import { type UseSwitchProps, type UseSwitchReturn } from './use-switch';
-export interface SwitchProps extends Assign<Assign<HTMLArkProps<'label'>, {
-    children?: JSX.Element | ((api: UseSwitchReturn) => JSX.Element);
-}>, UseSwitchProps> {
-}
-export declare const Switch: (props: SwitchProps) => JSX.Element;

package/types/tabs/tabs.d.ts

@@ -1,7 +0,0 @@
-import { type HTMLArkProps } from '../factory';
-import { type UsePresenceProps } from '../presence';
-import type { Assign } from '../types';
-import { type UseTabsProps } from './use-tabs';
-export interface TabsProps extends Assign<HTMLArkProps<'div'>, UseTabsProps>, UsePresenceProps {
-}
-export declare const Tabs: (props: TabsProps) => import("solid-js").JSX.Element;

package/types/tags-input/index.d.ts

@@ -1,24 +0,0 @@
-import { type TagsInputProps } from './tags-input';
-import { TagsInputClearTrigger, type TagsInputClearTriggerProps } from './tags-input-clear-trigger';
-import { useTagsInputContext, type TagsInputContext } from './tags-input-context';
-import { TagsInputControl, type TagsInputControlProps } from './tags-input-control';
-import { TagsInputInput, type TagsInputInputProps } from './tags-input-input';
-import { TagsInputItem, type TagsInputItemProps } from './tags-input-item';
-import { useTagsInputItemContext, type TagsInputItemContext } from './tags-input-item-context';
-import { TagsInputItemDeleteTrigger, type TagsInputItemDeleteTriggerProps } from './tags-input-item-delete-trigger';
-import { TagsInputItemInput, type TagsInputItemInputProps } from './tags-input-item-input';
-import { TagsInputItemText, type TagsInputItemTextProps } from './tags-input-item-text';
-import { TagsInputLabel, type TagsInputLabelProps } from './tags-input-label';
-declare const TagsInput: ((props: TagsInputProps) => import("solid-js").JSX.Element) & {
-    Root: (props: TagsInputProps) => import("solid-js").JSX.Element;
-    ClearTrigger: (props: TagsInputClearTriggerProps) => import("solid-js").JSX.Element;
-    Control: (props: TagsInputControlProps) => import("solid-js").JSX.Element;
-    Input: (props: TagsInputInputProps) => import("solid-js").JSX.Element;
-    Item: (props: TagsInputItemProps) => import("solid-js").JSX.Element;
-    ItemDeleteTrigger: (props: TagsInputItemDeleteTriggerProps) => import("solid-js").JSX.Element;
-    ItemInput: (props: TagsInputItemInputProps) => import("solid-js").JSX.Element;
-    ItemText: (props: TagsInputItemTextProps) => import("solid-js").JSX.Element;
-    Label: (props: TagsInputLabelProps) => import("solid-js").JSX.Element;
-};
-export { TagsInput, TagsInputClearTrigger, TagsInputControl, TagsInputInput, TagsInputItem, TagsInputItemDeleteTrigger, TagsInputItemInput, TagsInputItemText, TagsInputLabel, useTagsInputContext, useTagsInputItemContext, };
-export type { TagsInputClearTriggerProps, TagsInputContext, TagsInputControlProps, TagsInputInputProps, TagsInputItemContext, TagsInputItemDeleteTriggerProps, TagsInputItemInputProps, TagsInputItemProps, TagsInputItemTextProps, TagsInputLabelProps, TagsInputProps, };

package/types/tags-input/tags-input.d.ts

@@ -1,9 +0,0 @@
-import { type JSX } from 'solid-js';
-import { type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-import { type UseTagsInputProps, type UseTagsInputReturn } from './use-tags-input';
-export interface TagsInputProps extends Assign<Assign<HTMLArkProps<'div'>, {
-    children?: JSX.Element | ((api: UseTagsInputReturn) => JSX.Element);
-}>, UseTagsInputProps> {
-}
-export declare const TagsInput: (props: TagsInputProps) => JSX.Element;

package/types/toast/toast.d.ts

@@ -1,4 +0,0 @@
-import { type HTMLArkProps } from '../factory';
-export interface ToastProps extends HTMLArkProps<'li'> {
-}
-export declare const Toast: (props: ToastProps) => import("solid-js").JSX.Element;

package/types/toggle-group/toggle-group.d.ts

@@ -1,6 +0,0 @@
-import { type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-import { type UseToggleGroupProps } from './use-toggle-group';
-export interface ToggleGroupProps extends Assign<HTMLArkProps<'div'>, UseToggleGroupProps> {
-}
-export declare const ToggleGroup: (props: ToggleGroupProps) => import("solid-js").JSX.Element;