santosp-rslib-project 1.0.7 → 2.0.0

package/package.json

@@ -1,7 +1,55 @@
 {
   "name": "santosp-rslib-project",
-  "version": "1.0.7",
+  "version": "2.0.0",
   "type": "module",
+  "private": false,
+  "scripts": {
+    "prepare": "panda codegen",
+    "dev": "vite",
+    "build": "tsc -b && vite build && panda cssgen --outfile dist/styles.css",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "bun run build && storybook build",
+    "publish": "npm publish --access public"
+  },
+  "dependencies": {
+    "@untitledui/icons": "^0.0.21",
+    "clsx": "^2.1.1",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
+  },
+  "devDependencies": {
+    "prettier": "^3.8.1",
+    "@chromatic-com/storybook": "^5.0.1",
+    "@eslint/js": "^9.39.1",
+    "@microsoft/api-extractor": "^7.57.6",
+    "@pandacss/dev": "^1.8.2",
+    "@storybook/addon-a11y": "^10.2.16",
+    "@storybook/addon-docs": "^10.2.16",
+    "@storybook/addon-vitest": "^10.2.16",
+    "@storybook/react-vite": "^10.2.16",
+    "@types/node": "^24.10.1",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.1",
+    "@vitest/browser-playwright": "^4.0.18",
+    "@vitest/coverage-v8": "^4.0.18",
+    "ajv": "^8.18.0",
+    "eslint": "^9.39.1",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.24",
+    "eslint-plugin-storybook": "^10.2.16",
+    "globals": "^16.5.0",
+    "playwright": "^1.58.2",
+    "storybook": "^10.2.16",
+    "typescript": "~5.9.3",
+    "typescript-eslint": "^8.48.0",
+    "unplugin-dts": "^1.0.0-beta.6",
+    "vite": "^7.3.1",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^4.0.18"
+  },
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -15,44 +63,5 @@
   "types": "./dist/index.d.ts",
   "files": [
     "dist"
-  ],
-  "scripts": {
-    "build": "panda codegen && rslib build && panda cssgen --outfile dist/styles.css",
-    "build:storybook": "storybook build",
-    "dev": "rslib build --watch",
-    "format": "prettier --write .",
-    "lint": "eslint .",
-    "stories": "storybook dev",
-    "prepare": "panda codegen",
-    "publish": "bunx npm publish --access public"
-  },
-  "devDependencies": {
-    "@eslint/js": "^9.39.2",
-    "@pandacss/dev": "^1.8.2",
-    "@rsbuild/core": "~1.7.3",
-    "@rsbuild/plugin-react": "^1.4.5",
-    "@rslib/core": "^0.19.6",
-    "@storybook/addon-docs": "^10.2.8",
-    "@storybook/addon-onboarding": "^10.2.8",
-    "@storybook/react": "^10.2.8",
-    "eslint": "^9.39.2",
-    "globals": "^17.3.0",
-    "prettier": "^3.8.1",
-    "storybook": "^10.2.8",
-    "storybook-addon-rslib": "^3.2.2",
-    "storybook-react-rsbuild": "^3.2.2",
-    "typescript": "^5.9.3",
-    "typescript-eslint": "^8.55.0",
-    "@ark-ui/react": "^5.34.0",
-    "@untitledui/icons": "^0.0.21",
-    "clsx": "^2.1.1",
-    "@types/react": "^19.2.14",
-    "react": "^19.2.4"
-  },
-  "peerDependencies": {
-    "react": ">=16.9.0",
-    "react-dom": ">=16.9.0"
-  },
-  "private": false,
-  "dependencies": {}
+  ]
 }

package/dist/components/button.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { type ButtonRecipeVariantProps } from '../styled-system/recipes';
-export interface ButtonProps extends Omit<React.ComponentProps<'button'>, 'color'>, ButtonRecipeVariantProps {
-    children?: React.ReactNode;
-    className?: string;
-    leftIcon?: React.ReactNode;
-    rightIcon?: React.ReactNode;
-}
-export declare const Button: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +0,0 @@
-export declare const buttonRecipe: import("@pandacss/types").RecipeConfig<import("@pandacss/types").RecipeVariantRecord>;

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

@@ -1,54 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: (props: import("./button").ButtonProps) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
-    argTypes: {
-        className: {
-            control: {
-                disable: true;
-            };
-        };
-        leftIcon: {
-            control: {
-                disable: true;
-            };
-        };
-        rightIcon: {
-            control: {
-                disable: true;
-            };
-        };
-        disabled: {
-            type: "boolean";
-        };
-        children: {
-            type: "string";
-        };
-        variant: {
-            control: {
-                type: "select";
-            };
-            options: ("solid" | "outline" | "ghost")[];
-        };
-        size: {
-            control: {
-                type: "select";
-            };
-            options: string[];
-        };
-        color: {
-            control: {
-                type: "select";
-            };
-            options: ("primary" | "secondary" | "dark" | "light" | "purple" | "orange" | "red" | "yellow" | "sand" | "petrol" | "olive" | "lead" | "pink" | "neutral" | "green")[];
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Solid: Story;
-export declare const Outline: Story;
-export declare const Ghost: Story;
-export declare const Icon: Story;
-export declare const Disabled: Story;

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

@@ -1,8 +0,0 @@
-interface DatePickerProps {
-    label?: string;
-    value?: Date;
-    onChange?: (value?: Date) => void;
-    displayFormatter?: (value: Date) => string;
-}
-export declare const DatePicker: (props: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1 +0,0 @@
-export declare const datePickerRecipe: import("@pandacss/types").SlotRecipeConfig;

package/dist/components/flex.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import { type FlexProperties } from '../styled-system/patterns';
-/**
- * Flex component props.
- *
- * @property {React.ReactNode} [children] - Text node children.
- * @property {string} [className] - Additional CSS classes.
- */
-export interface FlexProps extends FlexProperties {
-    /**
-     * Text node children.
-     */
-    children?: React.ReactNode;
-    /**
-     * Additional CSS classes.
-     */
-    className?: string;
-}
-export declare const Flex: (props: FlexProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/grid.d.ts

@@ -1,39 +0,0 @@
-import React from 'react';
-import { type GridProperties, type GridItemProperties } from '../styled-system/patterns';
-/**
- * Grid component props.
- *
- * @property {React.ReactNode} [children] - Text node children.
- * @property {string} [className] - Additional CSS classes.
- */
-export interface GridProps extends GridProperties {
-    /**
-     * Text node children.
-     */
-    children?: React.ReactNode;
-    /**
-     * Additional CSS classes.
-     */
-    className?: string;
-}
-/**
- * Grid item component props.
- *
- * @property {React.ReactNode} [children] - Text node children.
- * @property {string} [className] - Additional CSS classes.
- */
-export interface GridItemProps extends GridItemProperties {
-    /**
-     * Text node children.
-     */
-    children?: React.ReactNode;
-    /**
-     * Additional CSS classes.
-     */
-    className?: string;
-}
-declare const Grid: {
-    (props: GridProps): import("react/jsx-runtime").JSX.Element;
-    Item: (props: GridItemProps) => import("react/jsx-runtime").JSX.Element;
-};
-export { Grid };

package/dist/components/link.d.ts

@@ -1,34 +0,0 @@
-import React from 'react';
-import { type LinkRecipeVariantProps } from '../styled-system/recipes';
-/**
- * Link component props.
- *
- * @property {string} [className] - Additional CSS classes.
- * @property {React.ReactNode} [children] - Text node children.
- * @property {string} href - Link href attribute.
- * @property {ReactNode} [leftIcon] - Left icon element.
- * @property {ReactNode} [rightIcon] - Right icon element.
- */
-export interface LinkProps extends LinkRecipeVariantProps, Omit<React.ComponentProps<'a'>, 'color'> {
-    /**
-     * Additional CSS classes.
-     */
-    className?: string;
-    /**
-     * Text node children.
-     */
-    children?: React.ReactNode;
-    /**
-     * Link href attribute.
-     */
-    href: string;
-    /**
-     * Left icon element.
-     */
-    leftIcon?: React.ReactNode;
-    /**
-     * Right icon element.
-     */
-    rightIcon?: React.ReactNode;
-}
-export declare const Link: (props: LinkProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/link.recipe.d.ts

@@ -1 +0,0 @@
-export declare const linkRecipe: import("@pandacss/types").RecipeConfig<import("@pandacss/types").RecipeVariantRecord>;

package/dist/components/link.stories.d.ts

@@ -1,30 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: (props: import("./link").LinkProps) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
-    argTypes: {
-        className: {
-            control: {
-                disable: true;
-            };
-        };
-        disabled: {
-            type: "boolean";
-        };
-        children: {
-            type: "string";
-        };
-        color: {
-            control: {
-                type: "select";
-            };
-            options: ("primary" | "secondary" | "dark" | "light" | "purple" | "orange" | "red" | "yellow" | "sand" | "petrol" | "olive" | "lead" | "pink" | "neutral" | "green")[];
-            description: string;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Disabled: Story;

package/dist/components/text.d.ts

@@ -1,25 +0,0 @@
-import React from 'react';
-import { type TextRecipeVariantProps } from '../styled-system/recipes';
-/**
- * Text component props.
- *
- * @property {React.ReactNode} [children] - Text node children.
- * @property {string} [className] - Additional CSS classes.
- * @property {'h1'|'h2'|'h3'|'h4'|'h5'|'h6'} [tag=h1] - HTML tag name.
- */
-export interface TextProps extends TextRecipeVariantProps, Omit<React.ComponentProps<'h1'>, 'color'> {
-    /**
-     * Text node children.
-     */
-    children?: React.ReactNode;
-    /**
-     * Additional CSS classes.
-     */
-    className?: string;
-    /**
-     * HTML tag name.
-     * @default 'h1'
-     */
-    tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-}
-export declare const Text: (props: TextProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +0,0 @@
-export declare const textRecipe: import("@pandacss/types").RecipeConfig<import("@pandacss/types").RecipeVariantRecord>;

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

@@ -1,46 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import { type TextProps } from './text';
-declare const meta: {
-    title: string;
-    component: (props: TextProps) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
-    argTypes: {
-        className: {
-            control: {
-                disable: true;
-            };
-        };
-        children: {
-            type: "string";
-        };
-        bold: {
-            type: "boolean";
-        };
-        truncate: {
-            type: "boolean";
-        };
-        tag: {
-            control: {
-                type: "select";
-            };
-            options: TextProps["tag"][];
-        };
-        size: {
-            control: {
-                type: "select";
-            };
-            options: ("h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "sm" | "md" | "lg" | "xxs" | "xs")[];
-        };
-        color: {
-            control: {
-                type: "select";
-            };
-            options: ("primary" | "secondary" | "dark" | "light" | "purple" | "orange" | "red" | "yellow" | "sand" | "petrol" | "olive" | "lead" | "pink" | "neutral" | "green")[];
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Smaller: Story;
-export declare const Larger: Story;

package/dist/src/styled-system/css/css.d.ts

@@ -1,22 +0,0 @@
-/* eslint-disable */
-import type { SystemStyleObject } from '../types/index';
-
-type Styles = SystemStyleObject | undefined | null | false
-
-interface CssRawFunction {
-  (styles: Styles): SystemStyleObject
-  (styles: Styles[]): SystemStyleObject
-  (...styles: Array<Styles | Styles[]>): SystemStyleObject
-  (styles: Styles): SystemStyleObject
-}
-
-interface CssFunction {
-  (styles: Styles): string
-  (styles: Styles[]): string
-  (...styles: Array<Styles | Styles[]>): string
-  (styles: Styles): string
-
-  raw: CssRawFunction
-}
-
-export declare const css: CssFunction;

package/dist/src/styled-system/css/cva.d.ts

@@ -1,6 +0,0 @@
-/* eslint-disable */
-import type { RecipeCreatorFn } from '../types/recipe';
-
-export declare const cva: RecipeCreatorFn
-
-export type { RecipeVariant, RecipeVariantProps } from '../types/recipe';

package/dist/src/styled-system/css/cx.d.ts

@@ -1,5 +0,0 @@
-/* eslint-disable */
-type Argument = string | boolean | null | undefined
-
-/** Conditionally join classNames into a single string */
-export declare function cx(...args: Argument[]): string

package/dist/src/styled-system/css/index.d.ts

@@ -1,5 +0,0 @@
-/* eslint-disable */
-export * from './css';
-export * from './cx';
-export * from './cva';
-export * from './sva';

package/dist/src/styled-system/css/sva.d.ts

@@ -1,4 +0,0 @@
-/* eslint-disable */
-import type { SlotRecipeCreatorFn } from '../types/recipe';
-
-export declare const sva: SlotRecipeCreatorFn

package/dist/src/styled-system/jsx/aspect-ratio.d.ts

@@ -1,10 +0,0 @@
-/* eslint-disable */
-import type { FunctionComponent } from 'react'
-import type { AspectRatioProperties } from '../patterns/aspect-ratio';
-import type { HTMLStyledProps } from '../types/jsx';
-import type { DistributiveOmit } from '../types/system-types';
-
-export interface AspectRatioProps extends AspectRatioProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof AspectRatioProperties | 'aspectRatio'> {}
-
-
-export declare const AspectRatio: FunctionComponent<AspectRatioProps>

package/dist/src/styled-system/jsx/bleed.d.ts

@@ -1,10 +0,0 @@
-/* eslint-disable */
-import type { FunctionComponent } from 'react'
-import type { BleedProperties } from '../patterns/bleed';
-import type { HTMLStyledProps } from '../types/jsx';
-import type { DistributiveOmit } from '../types/system-types';
-
-export interface BleedProps extends BleedProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof BleedProperties > {}
-
-
-export declare const Bleed: FunctionComponent<BleedProps>

package/dist/src/styled-system/jsx/box.d.ts

@@ -1,10 +0,0 @@
-/* eslint-disable */
-import type { FunctionComponent } from 'react'
-import type { BoxProperties } from '../patterns/box';
-import type { HTMLStyledProps } from '../types/jsx';
-import type { DistributiveOmit } from '../types/system-types';
-
-export interface BoxProps extends BoxProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof BoxProperties > {}
-
-
-export declare const Box: FunctionComponent<BoxProps>

package/dist/src/styled-system/jsx/center.d.ts

@@ -1,10 +0,0 @@
-/* eslint-disable */
-import type { FunctionComponent } from 'react'
-import type { CenterProperties } from '../patterns/center';
-import type { HTMLStyledProps } from '../types/jsx';
-import type { DistributiveOmit } from '../types/system-types';
-
-export interface CenterProps extends CenterProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof CenterProperties > {}
-
-
-export declare const Center: FunctionComponent<CenterProps>

package/dist/src/styled-system/jsx/circle.d.ts

@@ -1,10 +0,0 @@
-/* eslint-disable */
-import type { FunctionComponent } from 'react'
-import type { CircleProperties } from '../patterns/circle';
-import type { HTMLStyledProps } from '../types/jsx';
-import type { DistributiveOmit } from '../types/system-types';
-
-export interface CircleProps extends CircleProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof CircleProperties > {}
-
-
-export declare const Circle: FunctionComponent<CircleProps>

package/dist/src/styled-system/jsx/container.d.ts

@@ -1,10 +0,0 @@
-/* eslint-disable */
-import type { FunctionComponent } from 'react'
-import type { ContainerProperties } from '../patterns/container';
-import type { HTMLStyledProps } from '../types/jsx';
-import type { DistributiveOmit } from '../types/system-types';
-
-export interface ContainerProps extends ContainerProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof ContainerProperties > {}
-
-
-export declare const Container: FunctionComponent<ContainerProps>

package/dist/src/styled-system/jsx/cq.d.ts

@@ -1,10 +0,0 @@
-/* eslint-disable */
-import type { FunctionComponent } from 'react'
-import type { CqProperties } from '../patterns/cq';
-import type { HTMLStyledProps } from '../types/jsx';
-import type { DistributiveOmit } from '../types/system-types';
-
-export interface CqProps extends CqProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof CqProperties > {}
-
-
-export declare const Cq: FunctionComponent<CqProps>

package/dist/src/styled-system/jsx/create-style-context.d.ts

@@ -1,54 +0,0 @@
-/* eslint-disable */
-import type { SlotRecipeRuntimeFn, RecipeVariantProps } from '../types/recipe';
-import type { JsxHTMLProps, JsxStyleProps, Assign } from '../types/system-types';
-import type { JsxFactoryOptions, ComponentProps, DataAttrs, AsProps } from '../types/jsx';
-import type { ComponentType, ElementType } from 'react'
-
-interface UnstyledProps {
-  unstyled?: boolean | undefined
-}
-
-type SvaFn<S extends string = any> = SlotRecipeRuntimeFn<S, any>
-interface SlotRecipeFn {
-  __type: any
-  __slot: string
-  (props?: any): any
-}
-type SlotRecipe = SvaFn | SlotRecipeFn
-
-type InferSlot<R extends SlotRecipe> = R extends SlotRecipeFn ? R['__slot'] : R extends SvaFn<infer S> ? S : never
-
-interface WithProviderOptions<P = {}> {
-  defaultProps?: (Partial<P> & DataAttrs) | undefined
-}
-
-type StyleContextProvider<T extends ElementType, R extends SlotRecipe> = ComponentType<
-  JsxHTMLProps<ComponentProps<T> & UnstyledProps & AsProps, Assign<RecipeVariantProps<R>, JsxStyleProps>>
->
-
-type StyleContextRootProvider<T extends ElementType, R extends SlotRecipe> = ComponentType<
-  ComponentProps<T> & UnstyledProps & RecipeVariantProps<R>
->
-
-type StyleContextConsumer<T extends ElementType> = ComponentType<
-  JsxHTMLProps<ComponentProps<T> & UnstyledProps & AsProps, JsxStyleProps>
->
-
-export interface StyleContext<R extends SlotRecipe> {
-  withRootProvider: <T extends ElementType>(
-    Component: T,
-    options?: WithProviderOptions<ComponentProps<T>> | undefined
-  ) => StyleContextRootProvider<T, R>
-  withProvider: <T extends ElementType>(
-    Component: T,
-    slot: InferSlot<R>,
-    options?: JsxFactoryOptions<ComponentProps<T>> | undefined
-  ) => StyleContextProvider<T, R>
-  withContext: <T extends ElementType>(
-    Component: T,
-    slot: InferSlot<R>,
-    options?: JsxFactoryOptions<ComponentProps<T>> | undefined
-  ) => StyleContextConsumer<T>
-}
-
-export declare function createStyleContext<R extends SlotRecipe>(recipe: R): StyleContext<R>

package/dist/src/styled-system/jsx/divider.d.ts

@@ -1,10 +0,0 @@
-/* eslint-disable */
-import type { FunctionComponent } from 'react'
-import type { DividerProperties } from '../patterns/divider';
-import type { HTMLStyledProps } from '../types/jsx';
-import type { DistributiveOmit } from '../types/system-types';
-
-export interface DividerProps extends DividerProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof DividerProperties > {}
-
-
-export declare const Divider: FunctionComponent<DividerProps>

package/dist/src/styled-system/jsx/factory.d.ts

@@ -1,3 +0,0 @@
-/* eslint-disable */
-import type { Styled } from '../types/jsx';
-export declare const styled: Styled

package/dist/src/styled-system/jsx/flex.d.ts

@@ -1,10 +0,0 @@
-/* eslint-disable */
-import type { FunctionComponent } from 'react'
-import type { FlexProperties } from '../patterns/flex';
-import type { HTMLStyledProps } from '../types/jsx';
-import type { DistributiveOmit } from '../types/system-types';
-
-export interface FlexProps extends FlexProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof FlexProperties > {}
-
-
-export declare const Flex: FunctionComponent<FlexProps>

package/dist/src/styled-system/jsx/float.d.ts

@@ -1,10 +0,0 @@
-/* eslint-disable */
-import type { FunctionComponent } from 'react'
-import type { FloatProperties } from '../patterns/float';
-import type { HTMLStyledProps } from '../types/jsx';
-import type { DistributiveOmit } from '../types/system-types';
-
-export interface FloatProps extends FloatProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof FloatProperties > {}
-
-
-export declare const Float: FunctionComponent<FloatProps>

package/dist/src/styled-system/jsx/grid-item.d.ts

@@ -1,10 +0,0 @@
-/* eslint-disable */
-import type { FunctionComponent } from 'react'
-import type { GridItemProperties } from '../patterns/grid-item';
-import type { HTMLStyledProps } from '../types/jsx';
-import type { DistributiveOmit } from '../types/system-types';
-
-export interface GridItemProps extends GridItemProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof GridItemProperties > {}
-
-
-export declare const GridItem: FunctionComponent<GridItemProps>

package/dist/src/styled-system/jsx/grid.d.ts

@@ -1,10 +0,0 @@
-/* eslint-disable */
-import type { FunctionComponent } from 'react'
-import type { GridProperties } from '../patterns/grid';
-import type { HTMLStyledProps } from '../types/jsx';
-import type { DistributiveOmit } from '../types/system-types';
-
-export interface GridProps extends GridProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof GridProperties > {}
-
-
-export declare const Grid: FunctionComponent<GridProps>

package/dist/src/styled-system/jsx/hstack.d.ts

@@ -1,10 +0,0 @@
-/* eslint-disable */
-import type { FunctionComponent } from 'react'
-import type { HstackProperties } from '../patterns/hstack';
-import type { HTMLStyledProps } from '../types/jsx';
-import type { DistributiveOmit } from '../types/system-types';
-
-export interface HstackProps extends HstackProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof HstackProperties > {}
-
-
-export declare const HStack: FunctionComponent<HstackProps>