santosp-rslib-project 1.0.1

package/README.md

@@ -0,0 +1,23 @@
+# Rslib project
+
+## Setup
+
+Install the dependencies:
+
+```bash
+bun install
+```
+
+## Get started
+
+Build the library:
+
+```bash
+bun run build
+```
+
+Build the library in watch mode:
+
+```bash
+bun run dev
+```

package/dist/components/button.d.ts

@@ -0,0 +1,8 @@
+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

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

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

@@ -0,0 +1,53 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: (props: import("./button").ButtonProps) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {
+        className: {
+            control: {
+                disable: true;
+            };
+        };
+        leftIcon: {
+            control: {
+                disable: true;
+            };
+        };
+        rightIcon: {
+            control: {
+                disable: true;
+            };
+        };
+        disabled: {
+            type: "boolean";
+        };
+        children: {
+            type: "string";
+        };
+        variant: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+        color: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+    };
+};
+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

@@ -0,0 +1,8 @@
+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

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

package/dist/components/flex.d.ts

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

package/dist/components/grid.d.ts

@@ -0,0 +1,39 @@
+import type { ReactNode } from 'react';
+import { type GridProperties, type GridItemProperties } from '../../styled-system/patterns';
+/**
+ * Grid component props.
+ *
+ * @property {ReactNode} [children] - Text node children.
+ * @property {string} [className] - Additional CSS classes.
+ */
+export interface GridProps extends GridProperties {
+    /**
+     * Text node children.
+     */
+    children?: ReactNode;
+    /**
+     * Additional CSS classes.
+     */
+    className?: string;
+}
+/**
+ * Grid item component props.
+ *
+ * @property {ReactNode} [children] - Text node children.
+ * @property {string} [className] - Additional CSS classes.
+ */
+export interface GridItemProps extends GridItemProperties {
+    /**
+     * Text node children.
+     */
+    children?: 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

@@ -0,0 +1,34 @@
+import { ReactNode } from 'react';
+import { type LinkRecipeVariantProps } from '../../styled-system/recipes';
+/**
+ * Link component props.
+ *
+ * @property {string} [className] - Additional CSS classes.
+ * @property {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?: ReactNode;
+    /**
+     * Link href attribute.
+     */
+    href: string;
+    /**
+     * Left icon element.
+     */
+    leftIcon?: ReactNode;
+    /**
+     * Right icon element.
+     */
+    rightIcon?: ReactNode;
+}
+export declare const Link: (props: LinkProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,28 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: (props: import("./link").LinkProps) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {
+        className: {
+            control: {
+                disable: true;
+            };
+        };
+        disabled: {
+            type: "boolean";
+        };
+        children: {
+            type: "string";
+        };
+        color: {
+            control: {
+                type: "select";
+            };
+            options: 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

@@ -0,0 +1,25 @@
+import type { ReactNode } from 'react';
+import { type TextRecipeVariantProps } from '../../styled-system/recipes';
+/**
+ * Text component props.
+ *
+ * @property {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?: 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

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

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

@@ -0,0 +1,46 @@
+import type { StoryObj } from '@storybook/react';
+import { type TextProps } from './text';
+import { type FontSizeToken } from '../../styled-system/tokens';
+declare const meta: {
+    title: string;
+    component: (props: TextProps) => import("react/jsx-runtime").JSX.Element;
+    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: FontSizeToken[];
+        };
+        color: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Smaller: Story;
+export declare const Larger: Story;