tharaday 0.5.11 → 0.6.1

package/dist/components/List/List.d.ts

@@ -0,0 +1,5 @@
+import { ListProps } from './List.types';
+export declare const List: {
+    ({ children, variant, spacing, className, margin, marginX, marginY, marginTop, marginBottom, marginLeft, marginRight, padding, paddingX, paddingY, paddingTop, paddingBottom, paddingLeft, paddingRight, style, ...props }: ListProps): import("react/jsx-runtime").JSX.Element;
+    Item: ({ children, icon, className, ...props }: import('./ListItem.types').ListItemProps) => import("react/jsx-runtime").JSX.Element;
+};

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

@@ -0,0 +1,25 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: {
+        ({ children, variant, spacing, className, margin, marginX, marginY, marginTop, marginBottom, marginLeft, marginRight, padding, paddingX, paddingY, paddingTop, paddingBottom, paddingLeft, paddingRight, style, ...props }: import('./List.types').ListProps): import("react/jsx-runtime").JSX.Element;
+        Item: ({ children, icon, className, ...props }: import('./ListItem.types').ListItemProps) => import("react/jsx-runtime").JSX.Element;
+    };
+    tags: string[];
+    argTypes: {
+        variant: {
+            control: "select";
+            options: string[];
+        };
+        spacing: {
+            control: "number";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Unordered: Story;
+export declare const Ordered: Story;
+export declare const Spacing: Story;
+export declare const WithIcons: Story;
+export declare const Nested: Story;

package/dist/components/List/List.types.d.ts

@@ -0,0 +1,42 @@
+import { ReactNode, HTMLAttributes } from 'react';
+import { BoxPadding, BoxMargin } from '../Box/Box.types';
+export type ListVariant = 'unordered' | 'ordered' | 'none';
+export interface ListProps extends HTMLAttributes<HTMLUListElement | HTMLOListElement> {
+    /** The content of the list, usually ListItem components */
+    children: ReactNode;
+    /** The visual variant of the list */
+    variant?: ListVariant;
+    /** Spacing between list items */
+    spacing?: BoxPadding;
+    /** Additional class name */
+    className?: string;
+    /** Margin for the entire list */
+    margin?: BoxMargin;
+    /** Horizontal margin */
+    marginX?: BoxMargin;
+    /** Vertical margin */
+    marginY?: BoxMargin;
+    /** Top margin */
+    marginTop?: BoxMargin;
+    /** Bottom margin */
+    marginBottom?: BoxMargin;
+    /** Left margin */
+    marginLeft?: BoxMargin;
+    /** Right margin */
+    marginRight?: BoxMargin;
+    /** Padding for the entire list */
+    padding?: BoxPadding;
+    /** Horizontal padding */
+    paddingX?: BoxPadding;
+    /** Vertical padding */
+    paddingY?: BoxPadding;
+    /** Top padding */
+    paddingTop?: BoxPadding;
+    /** Bottom padding */
+    paddingBottom?: BoxPadding;
+    /** Left padding */
+    paddingLeft?: BoxPadding;
+    /** Right padding */
+    paddingRight?: BoxPadding;
+}
+export * from './ListItem.types';

package/dist/components/List/ListItem.d.ts

@@ -0,0 +1,2 @@
+import { ListItemProps } from './ListItem.types';
+export declare const ListItem: ({ children, icon, className, ...props }: ListItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/List/ListItem.types.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode, HTMLAttributes } from 'react';
+export interface ListItemProps extends HTMLAttributes<HTMLLIElement> {
+    /** The content of the list item */
+    children: ReactNode;
+    /** Additional class name */
+    className?: string;
+    /** Optional icon or element to display before the content */
+    icon?: ReactNode;
+}

package/dist/components/Slider/Slider.d.ts

@@ -1,2 +1,2 @@
 import { SliderProps } from './Slider.types.ts';
-export declare const Slider: ({ size, label, helperText, fullWidth, showValue, className, id, value, defaultValue, onValueChange, ...props }: SliderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Slider: ({ size, label, helperText, fullWidth, showValue, showInputs, className, id, value, defaultValue, onValueChange, ...props }: SliderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ size, label, helperText, fullWidth, showValue, className, id, value, defaultValue, onValueChange, ...props }: import('./Slider.types.ts').SliderProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ size, label, helperText, fullWidth, showValue, showInputs, className, id, value, defaultValue, onValueChange, ...props }: import('./Slider.types.ts').SliderProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {
         layout: string;
@@ -20,3 +20,4 @@ export declare const Disabled: Story;
 export declare const Sizes: Story;
 export declare const FullWidth: Story;
 export declare const DualValue: Story;
+export declare const WithInputs: Story;

package/dist/components/Slider/Slider.types.d.ts

@@ -8,6 +8,7 @@ export interface SliderProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
     helperText?: string;
     fullWidth?: boolean;
     showValue?: boolean;
+    showInputs?: boolean;
     value?: SliderValue;
     defaultValue?: SliderValue;
     onValueChange?: (value: SliderValue) => void;

package/dist/components/Tree/Tree.d.ts

@@ -0,0 +1,5 @@
+import { TreeProps } from './Tree.types';
+export declare const Tree: {
+    ({ data, className, defaultExpanded, expandIcon, collapseIcon, ...props }: TreeProps): import("react/jsx-runtime").JSX.Element;
+    Item: ({ data, label, defaultExpanded, expandIcon, collapseIcon, isRoot, }: import('./TreeItem.types').TreeItemProps) => import("react/jsx-runtime").JSX.Element;
+};

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

@@ -0,0 +1,20 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: {
+        ({ data, className, defaultExpanded, expandIcon, collapseIcon, ...props }: import('./Tree.types').TreeProps): import("react/jsx-runtime").JSX.Element;
+        Item: ({ data, label, defaultExpanded, expandIcon, collapseIcon, isRoot, }: import('./TreeItem.types').TreeItemProps) => import("react/jsx-runtime").JSX.Element;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Simple: Story;
+export declare const Nested: Story;
+export declare const ArrayOnly: Story;
+export declare const Primitive: Story;
+export declare const NullValue: Story;
+export declare const Collapsed: Story;
+export declare const ExpandedByDefault: Story;
+export declare const CustomIcons: Story;
+export declare const EmptyStructures: Story;

package/dist/components/Tree/Tree.types.d.ts

@@ -0,0 +1,14 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface TreeProps extends HTMLAttributes<HTMLDivElement> {
+    /** The data to be displayed in the tree */
+    data: unknown;
+    /** Additional class name */
+    className?: string;
+    /** Whether the tree items should be expanded by default */
+    defaultExpanded?: boolean;
+    /** Custom icon for expanded state */
+    expandIcon?: ReactNode;
+    /** Custom icon for collapsed state */
+    collapseIcon?: ReactNode;
+}
+export * from './TreeItem.types';

package/dist/components/Tree/TreeItem.d.ts

@@ -0,0 +1,2 @@
+import { TreeItemProps } from './TreeItem.types';
+export declare const TreeItem: ({ data, label, defaultExpanded, expandIcon, collapseIcon, isRoot, }: TreeItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Tree/TreeItem.types.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+export interface TreeItemProps {
+    /** The data to be displayed in the tree item */
+    data: unknown;
+    /** Label for the tree item (e.g., object key) */
+    label?: string;
+    /** Whether the tree items should be expanded by default */
+    defaultExpanded?: boolean;
+    /** Custom icon for expanded state */
+    expandIcon?: ReactNode;
+    /** Custom icon for collapsed state */
+    collapseIcon?: ReactNode;
+    /** Whether the tree item is a root element */
+    isRoot?: boolean;
+}