@stokelp/ui 1.0.0

package/README.md

@@ -0,0 +1,15 @@
+# Stokelp UI React
+
+## Commands
+
+```shell
+pnpm panda codegen --watch
+pnpm panda ship --watch
+pnpm vite build --watch
+```
+
+### Storybook
+
+```shell
+pnpm storybook
+```

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

@@ -0,0 +1,20 @@
+import { AccordionRecipe } from '@stokelp/styled-system/recipes';
+import { AccordionRootProps, AccordionItemProps, AccordionItemContentProps, AccordionItemIndicatorProps, AccordionItemTriggerProps } from '@ark-ui/react/accordion';
+import { StyledComponent } from '@stokelp/styled-system/jsx';
+import { ComponentVariants } from '../../utils/slots';
+import { ForwardRefExoticComponent, RefAttributes, ComponentProps } from 'react';
+export declare const Accordion: ComponentVariants<StyledComponent<ForwardRefExoticComponent<AccordionRootProps & RefAttributes<HTMLDivElement>>, {}>, AccordionRecipe>;
+export declare const AccordionItem: StyledComponent<ForwardRefExoticComponent<AccordionItemProps & RefAttributes<HTMLDivElement>>, {}>;
+export declare const AccordionItemContent: StyledComponent<ForwardRefExoticComponent<AccordionItemContentProps & RefAttributes<HTMLDivElement>>, {}>;
+export declare const AccordionItemIndicator: StyledComponent<ForwardRefExoticComponent<AccordionItemIndicatorProps & RefAttributes<HTMLDivElement>>, {}>;
+export declare const AccordionItemTrigger: StyledComponent<ForwardRefExoticComponent<AccordionItemTriggerProps & RefAttributes<HTMLButtonElement>>, {}>;
+export interface AccordionProps extends ComponentProps<typeof Accordion> {
+}
+export interface AccordionItemProps extends ComponentProps<typeof AccordionItem> {
+}
+export interface AccordionItemContentProps extends ComponentProps<typeof AccordionItemContent> {
+}
+export interface AccordionItemIndicatorProps extends ComponentProps<typeof AccordionItemIndicator> {
+}
+export interface AccordionItemTriggerProps extends ComponentProps<typeof AccordionItemTrigger> {
+}

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

@@ -0,0 +1 @@
+export * from './Accordion';

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

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

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

@@ -0,0 +1 @@
+export * from './Button';

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

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

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

@@ -0,0 +1 @@
+export * from './Checkbox';

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

@@ -0,0 +1,49 @@
+import { StyledComponent } from '@stokelp/styled-system/jsx';
+import { DrawerRecipe } from '@stokelp/styled-system/recipes';
+import { JSX } from 'react/jsx-runtime';
+import { DialogRootProps, DialogCloseTriggerProps, DialogTitleProps, DialogTriggerProps, DialogPositionerProps, DialogBackdropProps, DialogContentProps } from '@ark-ui/react';
+import { ComponentVariants } from '../../utils/slots';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, ComponentProps } from 'react';
+export declare const Drawer: ComponentVariants<(props: DialogRootProps) => 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;
+}>, {}>;
+export declare const DrawerCloseTrigger: StyledComponent<ForwardRefExoticComponent<DialogCloseTriggerProps & 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: StyledComponent<ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    ref?: ((instance: HTMLElement | null) => void) | RefObject<HTMLElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}>, {}>;
+export declare const DrawerTitle: StyledComponent<ForwardRefExoticComponent<DialogTitleProps & RefAttributes<HTMLHeadingElement>>, {}>;
+export declare const DrawerTrigger: StyledComponent<ForwardRefExoticComponent<DialogTriggerProps & RefAttributes<HTMLButtonElement>>, {}>;
+declare const DrawerPositioner: StyledComponent<ForwardRefExoticComponent<DialogPositionerProps & RefAttributes<HTMLDivElement>>, {}>;
+declare const DrawerBackdrop: StyledComponent<ForwardRefExoticComponent<DialogBackdropProps & RefAttributes<HTMLDivElement>>, {}>;
+export declare const DrawerContent: StyledComponent<ForwardRefExoticComponent<Omit<DialogContentProps & RefAttributes<HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>>, {}>;
+export interface DrawerProps extends ComponentProps<typeof Drawer> {
+}
+export interface DrawerBackdropProps extends ComponentProps<typeof DrawerBackdrop> {
+}
+export interface DrawerBodyProps extends ComponentProps<typeof DrawerBody> {
+}
+export interface DrawerCloseTriggerProps extends ComponentProps<typeof DrawerCloseTrigger> {
+}
+export interface DrawerContentProps extends ComponentProps<typeof DrawerContent> {
+}
+export interface DrawerFooterProps extends ComponentProps<typeof DrawerFooter> {
+}
+export interface DrawerHeaderProps extends ComponentProps<typeof DrawerHeader> {
+}
+export interface DrawerPositionerProps extends ComponentProps<typeof DrawerPositioner> {
+}
+export interface DrawerTitleProps extends ComponentProps<typeof DrawerTitle> {
+}
+export interface DrawerTriggerProps extends ComponentProps<typeof DrawerTrigger> {
+}
+export {};

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

@@ -0,0 +1 @@
+export * from './Drawer';

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

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

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

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

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

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

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

@@ -0,0 +1,3 @@
+export * from './FormControl';
+export * from './FormLabel';
+export * from './FormHelperText';

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

@@ -0,0 +1,9 @@
+import { JSX } from 'react/jsx-runtime';
+import { type HTMLStyledProps } from '@stokelp/styled-system/jsx';
+import { type 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 {};

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

@@ -0,0 +1 @@
+export * from './Heading';

package/dist/components/index.d.ts

@@ -0,0 +1,9 @@
+export * from './accordion';
+export * from './button';
+export * from './checkbox';
+export * from './drawer';
+export * from './form';
+export * from './heading';
+export * from './switch';
+export * from './text';
+export * from './textarea';

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

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

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

@@ -0,0 +1 @@
+export * from './Switch';

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

@@ -0,0 +1,9 @@
+import { JSX } from 'react/jsx-runtime';
+import { type TextVariantProps } from '@stokelp/styled-system/recipes';
+import { type 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 {};

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

@@ -0,0 +1 @@
+export * from './Text';

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

@@ -0,0 +1,10 @@
+import { TextareaVariantProps } from '@stokelp/styled-system/recipes';
+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>;
+export interface TextareaProps extends ComponentProps<typeof Textarea> {
+}

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

@@ -0,0 +1 @@
+export * from './Textarea';

package/dist/index.d.ts

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

package/dist/preset.d.ts

@@ -0,0 +1,2 @@
+import { Preset } from '@pandacss/dev';
+export declare const preset: Preset;