@stokelp/ui 1.9.0 → 1.10.1

package/dist/components/accordion/Accordion.d.ts

@@ -1,8 +1,9 @@
-import { AccordionRecipe } from '@stokelp/styled-system/recipes';
-import { StyledComponent } from '@stokelp/styled-system/jsx';
-import { ComponentVariants } from '../../utils/slots';
 import { Accordion as ArkAccordion } from '@ark-ui/react';
-import { ForwardRefExoticComponent, RefAttributes, ComponentProps } from 'react';
+import { ComponentProps, ForwardRefExoticComponent, RefAttributes } from 'react';
+import { ComponentVariants } from '../../utils/slots';
+import { StyledComponent } from '@stokelp/styled-system/jsx';
+import { AccordionRecipe } from '@stokelp/styled-system/recipes';
+
 export declare const Accordion: ComponentVariants<StyledComponent<ForwardRefExoticComponent<ArkAccordion.RootProps & RefAttributes<HTMLDivElement>>, {}>, AccordionRecipe>;
 export declare const AccordionItem: StyledComponent<ForwardRefExoticComponent<ArkAccordion.ItemProps & RefAttributes<HTMLDivElement>>, {}>;
 export declare const AccordionItemContent: StyledComponent<ForwardRefExoticComponent<ArkAccordion.ItemContentProps & RefAttributes<HTMLDivElement>>, {}>;

package/dist/components/box/Box.d.ts

@@ -1,8 +1,8 @@
-import { JSX } from 'react/jsx-runtime';
-import { type HTMLStyledProps } from '@stokelp/styled-system/types';
+import { HTMLStyledProps } from '@stokelp/styled-system/types';
+
 type As = 'span' | 'div' | 'nav' | 'aside' | 'ul' | 'li' | 'main' | 'section' | 'header' | 'footer';
 export type BoxProps = {
     as?: As;
 } & HTMLStyledProps<As>;
-export declare const Box: (props: BoxProps) => JSX.Element;
+export declare const Box: (props: BoxProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/button/Button.d.ts

@@ -1,6 +1,7 @@
-import { ButtonVariantProps } from '@stokelp/styled-system/recipes';
+import { ComponentProps } from 'react';
 import { StyledComponent } from '@stokelp/styled-system/jsx';
-import type { ComponentProps } from 'react';
+import { ButtonVariantProps } from '@stokelp/styled-system/recipes';
+
 export declare const Button: StyledComponent<"button", ButtonVariantProps>;
 export interface ButtonProps extends ComponentProps<typeof Button> {
 }

package/dist/components/checkbox/Checkbox.d.ts

@@ -1,7 +1,8 @@
-import { type CheckboxRootProps } from '@ark-ui/react';
-import { ForwardRefExoticComponent, RefAttributes, type ReactNode } from 'react';
-import { type CheckboxVariantProps } from '@stokelp/styled-system/recipes';
-import type { Assign, JsxStyleProps } from '@stokelp/styled-system/types';
+import { CheckboxRootProps } from '@ark-ui/react';
+import { ReactNode, ForwardRefExoticComponent, RefAttributes } from 'react';
+import { CheckboxVariantProps } from '@stokelp/styled-system/recipes';
+import { Assign, JsxStyleProps } from '@stokelp/styled-system/types';
+
 export interface CheckboxProps extends Assign<JsxStyleProps, CheckboxRootProps>, CheckboxVariantProps {
     children?: ReactNode;
 }

package/dist/components/date-picker/DatePicker.d.ts

@@ -1,7 +1,8 @@
-import { DatepickerRecipe } from '@stokelp/styled-system/recipes';
-import { ComponentVariants } from '../../utils/slots';
 import { DatePicker as ArkDatePicker } from '@ark-ui/react';
-import { ForwardRefExoticComponent, RefAttributes, ComponentProps, FC } from 'react';
+import { ComponentProps, FC, ForwardRefExoticComponent, RefAttributes } from 'react';
+import { ComponentVariants } from '../../utils/slots';
+import { DatepickerRecipe } from '@stokelp/styled-system/recipes';
+
 declare const DatePickerRoot: ComponentVariants<ForwardRefExoticComponent<ArkDatePicker.RootProps & RefAttributes<HTMLDivElement>>, DatepickerRecipe>;
 interface DatePickerRootProps extends ComponentProps<typeof DatePickerRoot> {
     placeholder?: string;

package/dist/components/drawer/Drawer.d.ts

@@ -1,27 +1,21 @@
-import { StyledComponent } from '@stokelp/styled-system/jsx';
-import { DrawerRecipe } from '@stokelp/styled-system/recipes';
-import { JSX } from 'react/jsx-runtime';
+import { Dialog as ArkDrawer, PolymorphicProps } from '@ark-ui/react';
+import { ComponentProps, ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES, RefObject, RefAttributes } from 'react';
 import { ComponentVariants } from '../../utils/slots';
-import { Dialog as ArkDrawer } from '@ark-ui/react';
-import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, ComponentProps } from 'react';
-export declare const Drawer: ComponentVariants<(props: ArkDrawer.RootProps) => JSX.Element, DrawerRecipe>;
-export declare const DrawerBody: StyledComponent<ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
-    ref?: ((instance: HTMLElement | null) => void) | RefObject<HTMLElement> | null | undefined;
-} & {
-    asChild?: boolean | undefined;
-}>, {}>;
+import { DrawerRecipe } from '@stokelp/styled-system/recipes';
+import { StyledComponent } from '@stokelp/styled-system/jsx';
+
+export declare const Drawer: ComponentVariants<(props: ArkDrawer.RootProps) => import("react/jsx-runtime").JSX.Element, DrawerRecipe>;
+export declare const DrawerBody: StyledComponent<ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    ref?: ((instance: HTMLElement | null) => void | DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | RefObject<HTMLElement> | null | undefined;
+} & PolymorphicProps>, {}>;
 export declare const DrawerCloseTrigger: StyledComponent<ForwardRefExoticComponent<ArkDrawer.CloseTriggerProps & RefAttributes<HTMLButtonElement>>, {}>;
-export declare const DrawerFooter: StyledComponent<ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
-    ref?: ((instance: HTMLElement | null) => void) | RefObject<HTMLElement> | null | undefined;
-} & {
-    asChild?: boolean | undefined;
-}>, {}>;
-export declare const DrawerHeader: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
-    ref?: ((instance: HTMLElement | null) => void) | RefObject<HTMLElement> | null | undefined;
-} & {
-    asChild?: boolean | undefined;
-}, "ref"> & {
-    showCloseTrigger?: boolean | undefined;
+export declare const DrawerFooter: StyledComponent<ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    ref?: ((instance: HTMLElement | null) => void | DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | RefObject<HTMLElement> | null | undefined;
+} & PolymorphicProps>, {}>;
+export declare const DrawerHeader: ForwardRefExoticComponent<Omit<Omit< DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    ref?: ((instance: HTMLElement | null) => void | DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | RefObject<HTMLElement> | null | undefined;
+} & PolymorphicProps, "ref"> & {
+    showCloseTrigger?: boolean;
 } & RefAttributes<HTMLElement>>;
 export declare const DrawerTitle: StyledComponent<ForwardRefExoticComponent<ArkDrawer.TitleProps & RefAttributes<HTMLHeadingElement>>, {}>;
 export declare const DrawerTrigger: StyledComponent<ForwardRefExoticComponent<ArkDrawer.TriggerProps & RefAttributes<HTMLButtonElement>>, {}>;

package/dist/components/form/FormControl.d.ts

@@ -1,6 +1,7 @@
-import { FormControlVariantProps } from '@stokelp/styled-system/recipes';
+import { ComponentProps, FC } from 'react';
 import { StyledComponent } from '@stokelp/styled-system/jsx';
-import type { ComponentProps, FC } from 'react';
+import { FormControlVariantProps } from '@stokelp/styled-system/recipes';
+
 declare const StyledFormControl: StyledComponent<"div", FormControlVariantProps>;
 export interface FormControlProps extends ComponentProps<typeof StyledFormControl> {
     isInvalid?: boolean;

package/dist/components/form/FormHelperText.d.ts

@@ -1,6 +1,7 @@
-import { FormHelperTextVariantProps } from '@stokelp/styled-system/recipes';
+import { ComponentProps } from 'react';
 import { StyledComponent } from '@stokelp/styled-system/jsx';
-import type { ComponentProps } from 'react';
+import { FormHelperTextVariantProps } from '@stokelp/styled-system/recipes';
+
 export declare const FormHelperText: StyledComponent<"p", FormHelperTextVariantProps>;
 export interface FormHelperTextProps extends ComponentProps<typeof FormHelperText> {
 }

package/dist/components/form/FormLabel.d.ts

@@ -1,6 +1,7 @@
-import { FormLabelVariantProps } from '@stokelp/styled-system/recipes';
+import { ComponentProps, FC, ReactNode } from 'react';
 import { StyledComponent } from '@stokelp/styled-system/jsx';
-import type { ComponentProps, FC, ReactNode } from 'react';
+import { FormLabelVariantProps } from '@stokelp/styled-system/recipes';
+
 declare const StyledFormLabel: StyledComponent<"label", FormLabelVariantProps>;
 export interface FormLabelProps extends ComponentProps<typeof StyledFormLabel> {
     addon?: ReactNode;

package/dist/components/heading/Heading.d.ts

@@ -1,9 +1,9 @@
-import { JSX } from 'react/jsx-runtime';
-import { type HTMLStyledProps } from '@stokelp/styled-system/jsx';
-import { type HeadingVariantProps } from '@stokelp/styled-system/recipes';
+import { HTMLStyledProps } from '@stokelp/styled-system/jsx';
+import { HeadingVariantProps } from '@stokelp/styled-system/recipes';
+
 type As = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 export type HeadingProps = {
     as?: As;
 } & HeadingVariantProps & HTMLStyledProps<As>;
-export declare const Heading: (props: HeadingProps) => JSX.Element;
+export declare const Heading: (props: HeadingProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/input/Input.d.ts

@@ -1,6 +1,7 @@
-import { InputVariantProps } from '@stokelp/styled-system/recipes';
+import { ComponentProps } from 'react';
 import { StyledComponent } from '@stokelp/styled-system/jsx';
-import type { ComponentProps } from 'react';
+import { InputVariantProps } from '@stokelp/styled-system/recipes';
+
 export declare const Input: StyledComponent<"input", InputVariantProps>;
 export interface InputProps extends ComponentProps<typeof Input> {
 }

package/dist/components/input/InputAddon.d.ts

@@ -1,10 +1,10 @@
-import { InputAddonVariantProps } from '@stokelp/styled-system/recipes';
+import { ComponentProps, ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES, RefObject } from 'react';
 import { StyledComponent } from '@stokelp/styled-system/jsx';
-import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, ComponentProps } from 'react';
-export declare const InputAddon: StyledComponent<ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
-} & {
-    asChild?: boolean | undefined;
-}>, InputAddonVariantProps>;
+import { PolymorphicProps } from '@ark-ui/react';
+import { InputAddonVariantProps } from '@stokelp/styled-system/recipes';
+
+export declare const InputAddon: StyledComponent<ForwardRefExoticComponent<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | RefObject<HTMLDivElement> | null | undefined;
+} & PolymorphicProps>, InputAddonVariantProps>;
 export interface InputAddonProps extends ComponentProps<typeof InputAddon> {
 }

package/dist/components/input/InputGroup.d.ts

@@ -1,6 +1,7 @@
-import { InputGroupVariantProps } from '@stokelp/styled-system/recipes';
+import { ComponentProps } from 'react';
 import { StyledComponent } from '@stokelp/styled-system/jsx';
-import type { ComponentProps } from 'react';
+import { InputGroupVariantProps } from '@stokelp/styled-system/recipes';
+
 export declare const InputGroup: StyledComponent<"div", InputGroupVariantProps>;
 export interface InputGroupProps extends ComponentProps<typeof InputGroup> {
 }

package/dist/components/select/Select.d.ts

@@ -1,9 +1,10 @@
-import type { FC } from 'react';
-import { type SelectRootProps } from '@ark-ui/react';
+import { FC } from 'react';
+import { SelectRootProps } from '@ark-ui/react';
 import { select } from '@stokelp/styled-system/recipes';
 import { HTMLStyledProps, RecipeVariantProps } from '@stokelp/styled-system/types';
+
 export type SelectItem = {
-    value: string;
+    value: string | number;
     label: string;
     disabled?: boolean;
 };

package/dist/components/switch/Switch.d.ts

@@ -1,7 +1,8 @@
-import { type SwitchRootProps } from '@ark-ui/react';
-import { type SwitchRecipeVariantProps } from '@stokelp/styled-system/recipes';
-import type { Assign, JsxStyleProps } from '@stokelp/styled-system/types';
-import { ForwardRefExoticComponent, RefAttributes, type ReactNode } from 'react';
+import { SwitchRootProps } from '@ark-ui/react';
+import { SwitchRecipeVariantProps } from '@stokelp/styled-system/recipes';
+import { Assign, JsxStyleProps } from '@stokelp/styled-system/types';
+import { ReactNode, ForwardRefExoticComponent, RefAttributes } from 'react';
+
 export interface SwitchProps extends Assign<JsxStyleProps, SwitchRootProps>, SwitchRecipeVariantProps {
     children?: ReactNode;
 }

package/dist/components/tabs/Tabs.d.ts

@@ -1,8 +1,9 @@
-import { TabsRecipe } from '@stokelp/styled-system/recipes';
-import { StyledComponent } from '@stokelp/styled-system/jsx';
-import { ComponentVariants } from '../../utils/slots.tsx';
 import { Tabs as ArkTab } from '@ark-ui/react';
-import { ForwardRefExoticComponent, RefAttributes, ComponentProps } from 'react';
+import { ComponentProps, ForwardRefExoticComponent, RefAttributes } from 'react';
+import { ComponentVariants } from '../../utils/slots.tsx';
+import { StyledComponent } from '@stokelp/styled-system/jsx';
+import { TabsRecipe } from '@stokelp/styled-system/recipes';
+
 export declare const Tabs: ComponentVariants<StyledComponent<ForwardRefExoticComponent<ArkTab.RootProps & RefAttributes<HTMLDivElement>>, {}>, TabsRecipe>;
 export declare const TabsContent: StyledComponent<ForwardRefExoticComponent<ArkTab.ContentProps & RefAttributes<HTMLDivElement>>, {}>;
 export declare const TabsTrigger: StyledComponent<ForwardRefExoticComponent<ArkTab.TriggerProps & RefAttributes<HTMLButtonElement>>, {}>;

package/dist/components/tag/Tag.d.ts

@@ -1,7 +1,8 @@
-import { type HTMLArkProps } from '@ark-ui/react';
-import { type TagVariantProps } from '@stokelp/styled-system/recipes';
+import { HTMLArkProps } from '@ark-ui/react';
+import { TagVariantProps } from '@stokelp/styled-system/recipes';
 import { Assign, JsxStyleProps } from '@stokelp/styled-system/types';
-import { ForwardRefExoticComponent, RefAttributes, type ReactNode } from 'react';
+import { ReactNode, ForwardRefExoticComponent, RefAttributes } from 'react';
+
 export interface TagProps extends Assign<JsxStyleProps, HTMLArkProps<'div'>>, TagVariantProps {
     children: ReactNode;
 }

package/dist/components/text/Text.d.ts

@@ -1,9 +1,9 @@
-import { JSX } from 'react/jsx-runtime';
-import { type TextVariantProps } from '@stokelp/styled-system/recipes';
-import { type HTMLStyledProps } from '@stokelp/styled-system/types';
+import { TextVariantProps } from '@stokelp/styled-system/recipes';
+import { HTMLStyledProps } from '@stokelp/styled-system/types';
+
 type As = 'p' | 'span' | 'div' | 'label' | 'pre';
 export type TextProps = {
     as?: As;
 } & TextVariantProps & HTMLStyledProps<As>;
-export declare const Text: (props: TextProps) => JSX.Element;
+export declare const Text: (props: TextProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/textarea/Textarea.d.ts

@@ -1,10 +1,10 @@
-import { TextareaVariantProps } from '@stokelp/styled-system/recipes';
+import { ComponentProps, ForwardRefExoticComponent, DetailedHTMLProps, TextareaHTMLAttributes, DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES, RefObject } from 'react';
 import { StyledComponent } from '@stokelp/styled-system/jsx';
-import { ForwardRefExoticComponent, DetailedHTMLProps, TextareaHTMLAttributes, RefObject, ComponentProps } from 'react';
-export declare const Textarea: StyledComponent<ForwardRefExoticComponent<Omit<DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & {
-    ref?: ((instance: HTMLTextAreaElement | null) => void) | RefObject<HTMLTextAreaElement> | null | undefined;
-} & {
-    asChild?: boolean | undefined;
-}>, TextareaVariantProps>;
+import { PolymorphicProps } from '@ark-ui/react';
+import { TextareaVariantProps } from '@stokelp/styled-system/recipes';
+
+export declare const Textarea: StyledComponent<ForwardRefExoticComponent<Omit< DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & {
+    ref?: ((instance: HTMLTextAreaElement | null) => void | DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | RefObject<HTMLTextAreaElement> | null | undefined;
+} & PolymorphicProps>, TextareaVariantProps>;
 export interface TextareaProps extends ComponentProps<typeof Textarea> {
 }

package/dist/index.d.ts

@@ -1,2 +1,3 @@
+
 export * from './components';
 export { preset } from './preset';

package/dist/shared/ConditionalWrapper.d.ts

@@ -1,4 +1,5 @@
-import type { FC, ReactNode } from 'react';
+import { FC, ReactNode } from 'react';
+
 export interface ConditionalWrapperProps {
     readonly when: boolean;
     readonly children: ReactNode;