tharaday 0.8.3 → 0.8.4

package/src/components/Card/Card.stories.tsx

@@ -1,8 +1,8 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 
-import { Card, CardHeader, CardContent, CardFooter } from './Card.tsx';
 import { Button } from '../Button/Button.tsx';
 import { Text } from '../Text/Text.tsx';
+import { Card, CardContent, CardFooter, CardHeader } from './Card.tsx';
 
 const meta = {
   title: 'Components/Card',

package/src/components/Card/Card.test.tsx

@@ -1,6 +1,6 @@
 import { render, screen } from '@testing-library/react';
 
-import { Card, CardHeader, CardContent, CardFooter } from './Card.tsx';
+import { Card, CardContent, CardFooter, CardHeader } from './Card.tsx';
 
 describe('Card', () => {
   it('renders children', () => {

package/src/components/Card/Card.tsx

@@ -2,10 +2,10 @@ import classnames from 'classnames';
 
 import styles from './Card.module.css';
 import type {
-  CardProps,
-  CardHeaderProps,
   CardContentProps,
   CardFooterProps,
+  CardHeaderProps,
+  CardProps,
 } from './Card.types.ts';
 
 export const Card = ({

package/src/components/Checkbox/Checkbox.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 
-import { Checkbox } from './Checkbox.tsx';
 import { Box } from '../Box/Box.tsx';
+import { Checkbox } from './Checkbox.tsx';
 
 const meta = {
   title: 'Components/Checkbox',

package/src/components/Checkbox/Checkbox.tsx

@@ -1,6 +1,6 @@
 import classnames from 'classnames';
-import { useComponentId } from '../../hooks/useComponentId.ts';
 
+import { useComponentId } from '../../hooks/useComponentId.ts';
 import styles from './Checkbox.module.css';
 import type { CheckboxProps } from './Checkbox.types.ts';
 

package/src/components/DatePicker/DatePicker.stories.tsx

@@ -15,16 +15,19 @@ type Story = StoryObj<typeof meta>;
 
 const Controlled = (args: React.ComponentProps<typeof DatePicker>) => {
   const [value, setValue] = useState<Date | null>(null);
+
   return <DatePicker {...args} value={value} onChange={setValue} />;
 };
 
 const Preselected = (args: React.ComponentProps<typeof DatePicker>) => {
   const [value, setValue] = useState<Date | null>(new Date(2026, 0, 15));
+
   return <DatePicker {...args} value={value} onChange={setValue} />;
 };
 
 const WithMinMaxDemo = (args: React.ComponentProps<typeof DatePicker>) => {
   const [value, setValue] = useState<Date | null>(null);
+
   return <DatePicker {...args} value={value} onChange={setValue} />;
 };
 

package/src/components/DatePicker/DatePicker.tsx

@@ -102,6 +102,7 @@ export const DatePicker = ({
         return true;
       }
     }
+
     return false;
   };
 
@@ -221,6 +222,7 @@ export const DatePicker = ({
               const selected = value ? isSameDay(date, value) : false;
               const todayFlag = isToday(date);
               const disabledFlag = isDisabledDate(date);
+
               return (
                 <button
                   key={date.toISOString()}

package/src/components/Divider/Divider.stories.tsx

@@ -1,8 +1,8 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 
-import { Divider } from './Divider.tsx';
 import { Box } from '../Box/Box.tsx';
 import { Text } from '../Text/Text.tsx';
+import { Divider } from './Divider.tsx';
 
 const meta = {
   title: 'Components/Divider',

package/src/components/Drawer/Drawer.stories.tsx

@@ -24,6 +24,7 @@ type Story = StoryObj<typeof meta>;
 
 const DrawerDemo = (args: React.ComponentProps<typeof Drawer>) => {
   const [isOpen, setIsOpen] = useState(false);
+
   return (
     <>
       <Button onClick={() => setIsOpen(true)}>Open drawer</Button>

package/src/components/Dropdown/Dropdown.tsx

@@ -1,10 +1,9 @@
 import classnames from 'classnames';
-import { useState, useRef, useEffect, type KeyboardEvent } from 'react';
+import { type KeyboardEvent, useEffect, useRef, useState } from 'react';
 
 import { useComponentId } from '../../hooks/useComponentId.ts';
-
 import styles from './Dropdown.module.css';
-import type { DropdownProps, DropdownOption } from './Dropdown.types.ts';
+import type { DropdownOption, DropdownProps } from './Dropdown.types.ts';
 
 export const Dropdown = ({
   options,
@@ -74,11 +73,13 @@ export const Dropdown = ({
       }
       idx += direction;
     }
+
     return from;
   };
 
   const firstEnabled = () => {
     const idx = options.findIndex((opt) => !opt.disabled);
+
     return idx >= 0 ? idx : 0;
   };
 
@@ -87,6 +88,7 @@ export const Dropdown = ({
     while (idx >= 0 && options[idx].disabled) {
       idx -= 1;
     }
+
     return idx >= 0 ? idx : options.length - 1;
   };
 
@@ -173,6 +175,7 @@ export const Dropdown = ({
     };
 
     document.addEventListener('mousedown', handleClickOutside);
+
     return () => {
       document.removeEventListener('mousedown', handleClickOutside);
     };
@@ -242,6 +245,7 @@ export const Dropdown = ({
             {options.map((option, index) => {
               const isSelected = option.value === currentValue;
               const isFocused = index === focusedIndex;
+
               return (
                 <li
                   key={option.value}

package/src/components/Header/Header.tsx

@@ -1,9 +1,9 @@
 import classnames from 'classnames';
 
-import styles from './Header.module.css';
-import type { HeaderProps } from './Header.types.ts';
 import { Button } from '../Button/Button.tsx';
 import type { ButtonProps } from '../Button/Button.types.ts';
+import styles from './Header.module.css';
+import type { HeaderProps } from './Header.types.ts';
 
 export const Header = ({
   id,

package/src/components/Input/Input.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 
-import { Input } from './Input.tsx';
 import { Box } from '../Box/Box.tsx';
+import { Input } from './Input.tsx';
 
 const meta = {
   title: 'Components/Input',

package/src/components/Input/Input.tsx

@@ -1,6 +1,6 @@
 import classnames from 'classnames';
-import { useComponentId } from '../../hooks/useComponentId.ts';
 
+import { useComponentId } from '../../hooks/useComponentId.ts';
 import styles from './Input.module.css';
 import type { InputProps } from './Input.types.ts';
 

package/src/components/List/List.stories.tsx

@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
+
 import { List } from './List';
 
 const meta = {

package/src/components/List/List.tsx

@@ -1,9 +1,9 @@
 import classnames from 'classnames';
 import type { CSSProperties } from 'react';
 
+import { getSpacingStyles } from '../Box/helpers/getSpacingStyles';
 import styles from './List.module.css';
 import type { ListProps } from './List.types';
-import { getSpacingStyles } from '../Box/helpers/getSpacingStyles';
 import { ListItem } from './ListItem';
 
 export const List = ({

package/src/components/List/List.types.ts

@@ -1,5 +1,6 @@
-import type { ReactNode, HTMLAttributes } from 'react';
-import type { BoxPadding, BoxMargin } from '../Box/Box.types';
+import type { HTMLAttributes, ReactNode } from 'react';
+
+import type { BoxMargin, BoxPadding } from '../Box/Box.types';
 
 export type ListVariant = 'unordered' | 'ordered' | 'none';
 

package/src/components/List/ListItem.tsx

@@ -1,6 +1,7 @@
 import classnames from 'classnames';
-import type { ListItemProps } from './ListItem.types';
+
 import styles from './ListItem.module.css';
+import type { ListItemProps } from './ListItem.types';
 
 export const ListItem = ({ children, icon, className, ...props }: ListItemProps) => {
   return (

package/src/components/List/ListItem.types.ts

@@ -1,4 +1,4 @@
-import type { ReactNode, HTMLAttributes } from 'react';
+import type { HTMLAttributes, ReactNode } from 'react';
 
 export interface ListItemProps extends HTMLAttributes<HTMLLIElement> {
   /** The content of the list item */

package/src/components/Loader/Loader.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 
-import { Loader } from './Loader.tsx';
 import { Box } from '../Box/Box.tsx';
+import { Loader } from './Loader.tsx';
 
 const meta = {
   title: 'Components/Loader',

package/src/components/Modal/Modal.stories.tsx

@@ -2,12 +2,12 @@ import type { Meta, StoryObj } from '@storybook/react-vite';
 import { useState } from 'react';
 import { fn } from 'storybook/test';
 
-import { Modal } from './Modal.tsx';
 import { Box } from '../Box/Box.tsx';
 import { Button } from '../Button/Button.tsx';
 import { Input } from '../Input/Input.tsx';
 import { Text } from '../Text/Text.tsx';
 import { Textarea } from '../Textarea/Textarea.tsx';
+import { Modal } from './Modal.tsx';
 
 const meta = {
   title: 'Components/Modal',

package/src/components/Modal/Modal.tsx

@@ -1,12 +1,11 @@
 import classnames from 'classnames';
+import { createPortal } from 'react-dom';
 
 import { useComponentId } from '../../hooks/useComponentId.ts';
 import { useFocusTrap } from '../../hooks/useFocusTrap.ts';
-import { createPortal } from 'react-dom';
-
+import { Button } from '../Button/Button.tsx';
 import styles from './Modal.module.css';
 import type { ModalProps } from './Modal.types.ts';
-import { Button } from '../Button/Button.tsx';
 
 export const Modal = ({
   isOpen,

package/src/components/NavBar/NavBar.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react';
 
-import { NavBar } from './NavBar.tsx';
 import { Button } from '../Button/Button.tsx';
+import { NavBar } from './NavBar.tsx';
 
 const meta: Meta<typeof NavBar> = {
   title: 'Components/NavBar',

package/src/components/Notification/Notification.stories.tsx

@@ -1,8 +1,8 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import { fn } from 'storybook/test';
 
-import { Notification } from './Notification.tsx';
 import { Box } from '../Box/Box.tsx';
+import { Notification } from './Notification.tsx';
 
 const meta = {
   title: 'Components/Notification',

package/src/components/Notification/Notification.tsx

@@ -1,8 +1,8 @@
 import classnames from 'classnames';
 
+import { Button } from '../Button/Button.tsx';
 import styles from './Notification.module.css';
 import type { NotificationProps } from './Notification.types.ts';
-import { Button } from '../Button/Button.tsx';
 
 export const Notification = ({
   intent = 'neutral',

package/src/components/Pagination/Pagination.tsx

@@ -2,10 +2,9 @@ import classnames from 'classnames';
 import { useMemo, useState } from 'react';
 
 import { useComponentId } from '../../hooks/useComponentId.ts';
-
+import { Button } from '../Button/Button.tsx';
 import styles from './Pagination.module.css';
 import type { PaginationProps } from './Pagination.types.ts';
-import { Button } from '../Button/Button.tsx';
 
 type PageItem = number | 'ellipsis';
 
@@ -16,6 +15,7 @@ const range = (start: number, end: number) => {
   for (let i = start; i <= end; i += 1) {
     items.push(i);
   }
+
   return items;
 };
 

package/src/components/Popover/Popover.tsx

@@ -2,10 +2,10 @@ import classnames from 'classnames';
 import {
   cloneElement,
   isValidElement,
+  type ReactElement,
   useCallback,
   useRef,
   useState,
-  type ReactElement,
 } from 'react';
 
 import { useClickOutside } from '../../hooks/useClickOutside.ts';

package/src/components/ProgressBar/ProgressBar.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 
-import { ProgressBar } from './ProgressBar.tsx';
 import { Box } from '../Box/Box.tsx';
+import { ProgressBar } from './ProgressBar.tsx';
 
 const meta = {
   title: 'Components/ProgressBar',

package/src/components/ProgressBar/ProgressBar.tsx

@@ -1,6 +1,6 @@
 import classnames from 'classnames';
-import { useComponentId } from '../../hooks/useComponentId.ts';
 
+import { useComponentId } from '../../hooks/useComponentId.ts';
 import styles from './ProgressBar.module.css';
 import type { ProgressBarProps } from './ProgressBar.types.ts';
 

package/src/components/RadioButton/RadioButton.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 
-import { RadioButton } from './RadioButton.tsx';
 import { Box } from '../Box/Box.tsx';
+import { RadioButton } from './RadioButton.tsx';
 
 const meta = {
   title: 'Components/RadioButton',

package/src/components/RadioButton/RadioButton.tsx

@@ -1,6 +1,6 @@
 import classnames from 'classnames';
-import { useComponentId } from '../../hooks/useComponentId.ts';
 
+import { useComponentId } from '../../hooks/useComponentId.ts';
 import styles from './RadioButton.module.css';
 import type { RadioButtonProps } from './RadioButton.types.ts';
 

package/src/components/Select/Select.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 
-import { Select } from './Select.tsx';
 import { Box } from '../Box/Box.tsx';
+import { Select } from './Select.tsx';
 
 const meta = {
   title: 'Components/Select',

package/src/components/Select/Select.tsx

@@ -1,6 +1,6 @@
 import classnames from 'classnames';
-import { useComponentId } from '../../hooks/useComponentId.ts';
 
+import { useComponentId } from '../../hooks/useComponentId.ts';
 import styles from './Select.module.css';
 import type { SelectProps } from './Select.types.ts';
 

package/src/components/Select/Select.types.ts

@@ -1,4 +1,4 @@
-import type { SelectHTMLAttributes, ReactNode } from 'react';
+import type { ReactNode, SelectHTMLAttributes } from 'react';
 
 export type SelectSize = 'sm' | 'md' | 'lg';
 

package/src/components/Skeleton/Skeleton.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 
-import { Skeleton } from './Skeleton.tsx';
 import { Box } from '../Box/Box.tsx';
+import { Skeleton } from './Skeleton.tsx';
 
 const meta = {
   title: 'Components/Skeleton',

package/src/components/Skeleton/Skeleton.tsx

@@ -1,8 +1,8 @@
 import classnames from 'classnames';
 
+import { Box } from '../Box/Box.tsx';
 import styles from './Skeleton.module.css';
 import type { SkeletonProps } from './Skeleton.types.ts';
-import { Box } from '../Box/Box.tsx';
 
 export const Skeleton = ({
   variant = 'rectangular',

package/src/components/Slider/Slider.tsx

@@ -2,7 +2,6 @@ import classnames from 'classnames';
 import { useEffect, useMemo, useState } from 'react';
 
 import { useComponentId } from '../../hooks/useComponentId.ts';
-
 import { Input } from '../Input/Input.tsx';
 import styles from './Slider.module.css';
 import type { SliderProps, SliderValue } from './Slider.types.ts';
@@ -12,6 +11,7 @@ const toNumber = (value: number | string | undefined, fallback: number): number
     return fallback;
   }
   const parsed = typeof value === 'number' ? value : Number(value);
+
   return Number.isNaN(parsed) ? fallback : parsed;
 };
 
@@ -29,6 +29,7 @@ const alignToStep = (
   }
 
   const steps = Math.round((value - min) / step);
+
   return clamp(min + steps * step, min, max);
 };
 
@@ -40,10 +41,12 @@ const normalizeToPair = (
   if (Array.isArray(value)) {
     const left = clamp(toNumber(value[0], min), min, max);
     const right = clamp(toNumber(value[1], max), min, max);
+
     return left <= right ? [left, right] : [right, left];
   }
 
   const resolved = clamp(toNumber(value, min), min, max);
+
   return [resolved, resolved];
 };
 

package/src/components/Stepper/Stepper.stories.tsx

@@ -1,8 +1,8 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 
+import { Box } from '../Box/Box.tsx';
 import type { StepOptions } from './Step.types.ts';
 import { Stepper } from './Stepper.tsx';
-import { Box } from '../Box/Box.tsx';
 
 const meta = {
   title: 'Components/Stepper',

package/src/components/Stepper/Stepper.tsx

@@ -1,6 +1,6 @@
 import classnames from 'classnames';
-import { useComponentId } from '../../hooks/useComponentId.ts';
 
+import { useComponentId } from '../../hooks/useComponentId.ts';
 import { Step } from './Step.tsx';
 import styles from './Stepper.module.css';
 import type { StepperProps } from './Stepper.types.ts';

package/src/components/Stepper/stepper.utils.ts

@@ -1,9 +1,10 @@
-import type { StepperStatus, StepOptions } from './Step.types.ts';
+import type { StepOptions, StepperStatus } from './Step.types.ts';
 
 const clampIndex = (index: number, length: number) => {
   if (Number.isNaN(index) || length <= 0) {
     return -1;
   }
+
   return Math.min(Math.max(index, 0), length - 1);
 };
 
@@ -17,6 +18,7 @@ export const resolveCurrentIndex = (
   if (typeof currentStep === 'string') {
     return steps.findIndex((step) => step.id === currentStep);
   }
+
   return steps.findIndex((step) => step.status === 'current');
 };
 
@@ -37,5 +39,6 @@ export const getStepStatus = (
   if (index === currentIndex) {
     return 'current';
   }
+
   return 'upcoming';
 };

package/src/components/Switch/Switch.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 
-import { Switch } from './Switch.tsx';
 import { Box } from '../Box/Box.tsx';
+import { Switch } from './Switch.tsx';
 
 const meta = {
   title: 'Components/Switch',

package/src/components/Switch/Switch.tsx

@@ -1,6 +1,6 @@
 import classnames from 'classnames';
-import { useComponentId } from '../../hooks/useComponentId.ts';
 
+import { useComponentId } from '../../hooks/useComponentId.ts';
 import styles from './Switch.module.css';
 import type { SwitchProps } from './Switch.types.ts';
 

package/src/components/Table/Table.stories.tsx

@@ -1,8 +1,8 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 
-import { Table, TableHeader, TableBody, TableRow, TableHead, TableCell } from './Table.tsx';
 import { Badge } from '../Badge/Badge.tsx';
 import { Button } from '../Button/Button.tsx';
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from './Table.tsx';
 
 const meta = {
   title: 'Components/Table',

package/src/components/Table/Table.test.tsx

@@ -2,12 +2,12 @@ import { render, screen } from '@testing-library/react';
 
 import {
   Table,
-  TableHeader,
   TableBody,
+  TableCell,
   TableFooter,
-  TableRow,
   TableHead,
-  TableCell,
+  TableHeader,
+  TableRow,
 } from './Table.tsx';
 
 const BasicTable = () => (

package/src/components/Table/Table.tsx

@@ -2,13 +2,13 @@ import classnames from 'classnames';
 
 import styles from './Table.module.css';
 import type {
-  TableProps,
-  TableHeaderProps,
   TableBodyProps,
+  TableCellProps,
   TableFooterProps,
-  TableRowProps,
+  TableHeaderProps,
   TableHeadProps,
-  TableCellProps,
+  TableProps,
+  TableRowProps,
 } from './Table.types.ts';
 
 export const Table = ({

package/src/components/Tabs/Tabs.tsx

@@ -1,8 +1,7 @@
 import classnames from 'classnames';
-import { useState, useRef, type KeyboardEvent } from 'react';
+import { type KeyboardEvent, useRef, useState } from 'react';
 
 import { useComponentId } from '../../hooks/useComponentId.ts';
-
 import styles from './Tabs.module.css';
 import type { TabsProps } from './Tabs.types.ts';
 
@@ -76,6 +75,7 @@ export const Tabs = ({
           const isSelected = item.id === activeId;
           const isDisabled = Boolean(item.disabled);
           const tabIndex = isDisabled ? -1 : isSelected ? 0 : -1;
+
           return (
             <button
               key={item.id}

package/src/components/Text/Text.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 
-import { Text } from './Text.tsx';
 import { Box } from '../Box/Box.tsx';
+import { Text } from './Text.tsx';
 
 const meta = {
   title: 'Components/Text',

package/src/components/Text/Text.types.ts

@@ -1,8 +1,8 @@
-import type { ReactNode, ElementType, HTMLAttributes } from 'react';
+import type { ElementType, HTMLAttributes, ReactNode } from 'react';
 
-import type { BoxPadding, BoxMargin } from '../Box/Box.types.ts';
+import type { BoxMargin, BoxPadding } from '../Box/Box.types.ts';
 
-export type { BoxPadding, BoxMargin };
+export type { BoxMargin, BoxPadding };
 
 export type TextVariant =
   | 'h1'

package/src/components/Textarea/Textarea.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 
-import { Textarea } from './Textarea.tsx';
 import { Box } from '../Box/Box.tsx';
+import { Textarea } from './Textarea.tsx';
 
 const meta = {
   title: 'Components/Textarea',

package/src/components/Textarea/Textarea.tsx

@@ -1,6 +1,6 @@
 import classnames from 'classnames';
-import { useComponentId } from '../../hooks/useComponentId.ts';
 
+import { useComponentId } from '../../hooks/useComponentId.ts';
 import styles from './Textarea.module.css';
 import type { TextareaProps } from './Textarea.types.ts';