npm - @douglasneuroinformatics/libui - Versions diffs - 5.0.2 → 6.1.0 - Mend

@douglasneuroinformatics/libui 5.0.2 → 6.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1163) hide show

package/src/components/Form/RecordArrayField.tsx CHANGED Viewed

@@ -4,14 +4,14 @@ import type { RecordArrayFieldValue, RecordArrayFormField } from '@douglasneuroi
 import { MinusCircleIcon, PlusCircleIcon } from 'lucide-react';
 import type { Simplify } from 'type-fest';
-import { useTranslation } from '@/hooks';
+import { useTranslation } from '#hooks';
-import { Button } from '../Button';
-import { Heading } from '../Heading';
-import { Label } from '../Label';
-import { ScalarField } from './ScalarField';
+import { Button } from '../Button/Button.tsx';
+import { Heading } from '../Heading/Heading.tsx';
+import { Label } from '../Label/Label.tsx';
+import { ScalarField } from './ScalarField.tsx';
-import type { BaseFieldComponentProps } from './types';
+import type { BaseFieldComponentProps } from './types.ts';
 export type RecordArrayFieldProps = Simplify<BaseFieldComponentProps<RecordArrayFieldValue> & RecordArrayFormField>;

package/src/components/Form/ScalarField.tsx CHANGED Viewed

@@ -7,18 +7,18 @@ import type {
   StringFormField
 } from '@douglasneuroinformatics/libui-form-types';
-import { BooleanField } from './BooleanField';
-import { DateField } from './DateField';
-import { NumberField } from './NumberField';
-import { SetField } from './SetField';
-import { StringField } from './StringField';
+import { BooleanField } from './BooleanField/BooleanField.tsx';
+import { DateField } from './DateField/DateField.tsx';
+import { NumberField } from './NumberField/NumberField.tsx';
+import { SetField } from './SetField/SetField.tsx';
+import { StringField } from './StringField/StringField.tsx';
-import type { BooleanFieldProps } from './BooleanField';
-import type { DateFieldProps } from './DateField';
-import type { NumberFieldProps } from './NumberField';
-import type { SetFieldProps } from './SetField';
-import type { StringFieldProps } from './StringField';
-import type { BaseFieldComponentProps } from './types';
+import type { BooleanFieldProps } from './BooleanField/BooleanField.tsx';
+import type { DateFieldProps } from './DateField/DateField.tsx';
+import type { NumberFieldProps } from './NumberField/NumberField.tsx';
+import type { SetFieldProps } from './SetField/SetField.tsx';
+import type { StringFieldProps } from './StringField/StringField.tsx';
+import type { BaseFieldComponentProps } from './types.ts';
 export type ScalarFieldProps = BaseFieldComponentProps<ScalarFieldValue> & {
   field: BooleanFormField | DateFormField | NumberFormField | SetFormField | StringFormField;

package/src/components/Form/SetField/SetField.stories.tsx CHANGED Viewed

@@ -2,7 +2,7 @@ import { useState } from 'react';
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import { SetField } from './SetField';
+import { SetField } from './SetField.tsx';
 type Fruit = 'apple' | 'banana' | 'blueberry' | 'mango';

package/src/components/Form/SetField/SetField.tsx CHANGED Viewed

@@ -4,10 +4,10 @@ import type { SetFormField } from '@douglasneuroinformatics/libui-form-types';
 import { match } from 'ts-pattern';
 import type { Simplify } from 'type-fest';
-import { SetFieldListbox } from './SetFieldListbox';
-import { SetFieldSelect } from './SetFieldSelect';
+import { SetFieldListbox } from './SetFieldListbox.tsx';
+import { SetFieldSelect } from './SetFieldSelect.tsx';
-import type { BaseFieldComponentProps } from '../types';
+import type { BaseFieldComponentProps } from '../types.ts';
 export type SetFieldProps<T extends string = string> = Simplify<BaseFieldComponentProps<Set<T>> & SetFormField<Set<T>>>;

package/src/components/Form/SetField/SetFieldListbox.tsx CHANGED Viewed

@@ -1,9 +1,8 @@
-import { Checkbox } from '@/components/Checkbox';
-import { Label } from '@/components/Label';
+import { Checkbox, Label } from '#components';
-import { FieldGroup } from '../FieldGroup';
+import { FieldGroup } from '../FieldGroup/FieldGroup.tsx';
-import type { SetFieldProps } from './SetField';
+import type { SetFieldProps } from './SetField.tsx';
 export type SetFieldListboxProps<T extends string = string> = SetFieldProps<T> & {
   onCheckedChange: (option: T, isChecked: boolean) => void;
@@ -37,7 +36,7 @@ export const SetFieldListbox = <T extends string = string>({
                 onCheckedChange(option as T, !checked);
               }}
             />
-            <Label className="font-normal text-muted-foreground" htmlFor={`${name}-${option}`}>
+            <Label className="text-muted-foreground font-normal" htmlFor={`${name}-${option}`}>
               {options[option as T]}
             </Label>
           </FieldGroup.Row>

package/src/components/Form/SetField/SetFieldSelect.tsx CHANGED Viewed

@@ -1,11 +1,8 @@
-import { Badge } from '@/components/Badge';
-import { DropdownButton } from '@/components/DropdownButton';
-import { DropdownMenu } from '@/components/DropdownMenu';
-import { Label } from '@/components/Label';
+import { Badge, DropdownButton, DropdownMenu, Label } from '#components';
-import { FieldGroup } from '../FieldGroup';
+import { FieldGroup } from '../FieldGroup/FieldGroup.tsx';
-import type { SetFieldProps } from './SetField';
+import type { SetFieldProps } from './SetField.tsx';
 export type SetFieldSelectProps<T extends string = string> = SetFieldProps<T> & {
   onCheckedChange: (option: T, isChecked: boolean) => void;

package/src/components/Form/StaticField.tsx CHANGED Viewed

@@ -13,12 +13,12 @@ import type {
 } from '@douglasneuroinformatics/libui-form-types';
 import { match } from 'ts-pattern';
-import { NumberRecordField } from './NumberRecordField';
-import { RecordArrayField } from './RecordArrayField';
-import { ScalarField } from './ScalarField';
+import { NumberRecordField } from './NumberRecordField.tsx';
+import { RecordArrayField } from './RecordArrayField.tsx';
+import { ScalarField } from './ScalarField.tsx';
-import type { ScalarFieldProps } from './ScalarField';
-import type { FieldError, FormErrors } from './types';
+import type { ScalarFieldProps } from './ScalarField.tsx';
+import type { FieldError, FormErrors } from './types.ts';
 export type StaticFieldProps<TData extends FormDataType> = {
   errors: FormErrors<TData>;

package/src/components/Form/StringField/StringField.stories.tsx CHANGED Viewed

@@ -2,9 +2,9 @@ import { useState } from 'react';
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import { StringField } from './StringField';
+import { StringField } from './StringField.tsx';
-import type { PasswordStrengthValue } from './StringFieldPassword';
+import type { PasswordStrengthValue } from './StringFieldPassword.tsx';
 type Story = StoryObj<typeof StringField>;

package/src/components/Form/StringField/StringField.tsx CHANGED Viewed

@@ -1,15 +1,15 @@
 import { match } from 'ts-pattern';
-import { StringFieldInput } from './StringFieldInput';
-import { StringFieldPassword } from './StringFieldPassword';
-import { StringFieldRadio } from './StringFieldRadio';
-import { StringFieldSelect } from './StringFieldSelect';
-import { StringFieldTextArea } from './StringFieldTextArea';
+import { StringFieldInput } from './StringFieldInput.tsx';
+import { StringFieldPassword } from './StringFieldPassword.tsx';
+import { StringFieldRadio } from './StringFieldRadio.tsx';
+import { StringFieldSelect } from './StringFieldSelect.tsx';
+import { StringFieldTextArea } from './StringFieldTextArea.tsx';
-import type { StringFieldInputProps } from './StringFieldInput';
-import type { StringFieldPasswordProps } from './StringFieldPassword';
-import type { StringFieldRadioProps } from './StringFieldRadio';
-import type { StringFieldTextAreaProps } from './StringFieldTextArea';
+import type { StringFieldInputProps } from './StringFieldInput.tsx';
+import type { StringFieldPasswordProps } from './StringFieldPassword.tsx';
+import type { StringFieldRadioProps } from './StringFieldRadio.tsx';
+import type { StringFieldTextAreaProps } from './StringFieldTextArea.tsx';
 export type StringFieldProps =
   | StringFieldInputProps

package/src/components/Form/StringField/StringFieldInput.tsx CHANGED Viewed

@@ -1,11 +1,10 @@
 import type { StringFormField } from '@douglasneuroinformatics/libui-form-types';
-import { Input } from '@/components/Input';
-import { Label } from '@/components/Label';
+import { Input, Label } from '#components';
-import { FieldGroup } from '../FieldGroup';
+import { FieldGroup } from '../FieldGroup/FieldGroup.tsx';
-import type { BaseFieldComponentProps } from '../types';
+import type { BaseFieldComponentProps } from '../types.ts';
 export type StringFieldInputProps = BaseFieldComponentProps<string> &
   Extract<StringFormField, { variant: 'input' | 'textarea' }>;

package/src/components/Form/StringField/StringFieldPassword.tsx CHANGED Viewed

@@ -4,13 +4,12 @@ import type { StringFormField } from '@douglasneuroinformatics/libui-form-types'
 import { EyeIcon, EyeOffIcon } from 'lucide-react';
 import { motion } from 'motion/react';
-import { Input } from '@/components/Input';
-import { Label } from '@/components/Label';
-import { cn } from '@/utils';
+import { Input, Label } from '#components';
+import { cn } from '#utils';
-import { FieldGroup } from '../FieldGroup';
+import { FieldGroup } from '../FieldGroup/FieldGroup.tsx';
-import type { BaseFieldComponentProps } from '../types';
+import type { BaseFieldComponentProps } from '../types.ts';
 export type PasswordStrengthValue = 0 | 1 | 2 | 3 | 4;

package/src/components/Form/StringField/StringFieldRadio.tsx CHANGED Viewed

@@ -1,9 +1,9 @@
 import type { StringFormField } from '@douglasneuroinformatics/libui-form-types';
 import type { Simplify } from 'type-fest';
-import { BaseRadioField } from '../BaseRadioField';
+import { BaseRadioField } from '../BaseRadioField.tsx';
-import type { BaseFieldComponentProps } from '../types';
+import type { BaseFieldComponentProps } from '../types.ts';
 export type StringFieldRadioProps<T extends string = string> = Simplify<
   BaseFieldComponentProps<T> & Extract<StringFormField<T>, { options: object }>

package/src/components/Form/StringField/StringFieldSelect.tsx CHANGED Viewed

@@ -1,12 +1,11 @@
 import type { StringFormField } from '@douglasneuroinformatics/libui-form-types';
 import type { Simplify } from 'type-fest';
-import { Label } from '@/components/Label';
-import { Select } from '@/components/Select';
+import { Label, Select } from '#components';
-import { FieldGroup } from '../FieldGroup';
+import { FieldGroup } from '../FieldGroup/FieldGroup.tsx';
-import type { BaseFieldComponentProps } from '../types';
+import type { BaseFieldComponentProps } from '../types.ts';
 export type StringFieldSelectProps<T extends string = string> = Simplify<
   BaseFieldComponentProps<T> & Extract<StringFormField<T>, { options: object }>

package/src/components/Form/StringField/StringFieldTextArea.tsx CHANGED Viewed

@@ -1,11 +1,10 @@
 import type { StringFormField } from '@douglasneuroinformatics/libui-form-types';
-import { Label } from '@/components/Label';
-import { TextArea } from '@/components/TextArea';
+import { Label, TextArea } from '#components';
-import { FieldGroup } from '../FieldGroup';
+import { FieldGroup } from '../FieldGroup/FieldGroup.tsx';
-import type { BaseFieldComponentProps } from '../types';
+import type { BaseFieldComponentProps } from '../types.ts';
 export type StringFieldTextAreaProps = BaseFieldComponentProps<string> &
   Extract<StringFormField, { variant: 'input' | 'textarea' }>;

package/src/components/Heading/Heading.stories.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import { Heading } from './Heading';
+import { Heading } from './Heading.tsx';
 type Story = StoryObj<typeof Heading>;

package/src/components/Heading/Heading.tsx CHANGED Viewed

@@ -1,4 +1,4 @@
-import { cn } from '@/utils';
+import { cn } from '#utils';
 export type HeadingProps = {
   children: string;

package/src/components/HoverCard/HoverCard.stories.tsx CHANGED Viewed

@@ -1,9 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import { CalendarDays } from 'lucide-react';
-import { Avatar } from '../Avatar';
-import { Button } from '../Button';
-import { HoverCard } from './HoverCard';
+import { Button } from '../Button/Button.tsx';
+import { HoverCard } from './HoverCard.tsx';
 type Story = StoryObj<typeof HoverCard>;
@@ -14,23 +12,14 @@ export const Default: Story = {
     children: (
       <>
         <HoverCard.Trigger asChild>
-          <Button variant="link">@nextjs</Button>
+          <Button variant="link">View</Button>
         </HoverCard.Trigger>
         <HoverCard.Content className="w-80">
-          <div className="flex justify-between space-x-4">
-            <Avatar>
-              <Avatar.Image src="https://github.com/vercel.png" />
-              <Avatar.Fallback>VC</Avatar.Fallback>
-            </Avatar>
-            <div className="space-y-1">
-              <h4 className="text-sm font-semibold">@nextjs</h4>
-              <p className="text-sm">The React Framework - created and maintained by @vercel.</p>
-              <div className="flex items-center pt-2">
-                <CalendarDays className="mr-2 h-4 w-4 opacity-70" />
-                <span className="text-muted-foreground text-xs">Joined December 2021</span>
-              </div>
-            </div>
-          </div>
+          <p className="text-muted-foreground">
+            Lorem ipsum dolor sit amet consectetur adipisicing elit. Ut animi, incidunt corrupti officiis voluptatem,
+            perspiciatis reiciendis quo nesciunt doloremque, recusandae pariatur nobis ratione! Accusamus ipsa
+            repudiandae distinctio maiores enim temporibus.
+          </p>
         </HoverCard.Content>
       </>
     )

package/src/components/HoverCard/HoverCard.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import { Root, Trigger } from '@radix-ui/react-hover-card';
-import { HoverCardContent } from './HoverCardContent';
+import { HoverCardContent } from './HoverCardContent.tsx';
 export const HoverCard = Object.assign(Root.bind(null), {
   Content: HoverCardContent,

package/src/components/HoverCard/HoverCardContent.tsx CHANGED Viewed

@@ -2,7 +2,7 @@ import { forwardRef } from 'react';
 import { Content } from '@radix-ui/react-hover-card';
-import { cn } from '@/utils';
+import { cn } from '#utils';
 export const HoverCardContent = forwardRef<
   React.ElementRef<typeof Content>,

package/src/components/Input/Input.spec.tsx CHANGED Viewed

@@ -2,7 +2,7 @@ import { render, screen } from '@testing-library/react';
 import { userEvent } from '@testing-library/user-event';
 import { describe, expect, it } from 'vitest';
-import { Input } from './Input';
+import { Input } from './Input.tsx';
 const TEST_ID = 'input';

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

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import { Input } from './Input';
+import { Input } from './Input.tsx';
 type Story = StoryObj<typeof Input>;

package/src/components/Input/Input.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { cn } from '@/utils';
+import { cn } from '#utils';
 export type InputProps = React.InputHTMLAttributes<HTMLInputElement>;

package/src/components/Label/Label.spec.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 import { render, screen } from '@testing-library/react';
 import { describe, expect, it } from 'vitest';
-import { Label } from './Label';
+import { Label } from './Label.tsx';
 describe('Label', () => {
   it('should render', () => {

package/src/components/Label/Label.stories.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import { Label } from './Label';
+import { Label } from './Label.tsx';
 type Story = StoryObj<typeof Label>;

package/src/components/Label/Label.tsx CHANGED Viewed

@@ -4,7 +4,7 @@ import * as LabelPrimitive from '@radix-ui/react-label';
 import { cva } from 'class-variance-authority';
 import type { VariantProps } from 'class-variance-authority';
-import { cn } from '@/utils';
+import { cn } from '#utils';
 export const labelVariants = cva(
   'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 aria-disabled:cursor-not-allowed aria-disabled:opacity-70'

package/src/components/LanguageToggle/LanguageToggle.stories.tsx CHANGED Viewed

@@ -1,9 +1,9 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import { useTranslation } from '@/hooks';
+import { useTranslation } from '#hooks';
-import { Separator } from '../Separator';
-import { LanguageToggle } from './LanguageToggle';
+import { Separator } from '../Separator/Separator.tsx';
+import { LanguageToggle } from './LanguageToggle.tsx';
 type Story = StoryObj<typeof LanguageToggle>;

package/src/components/LanguageToggle/LanguageToggle.tsx CHANGED Viewed

@@ -1,12 +1,12 @@
 import { LanguagesIcon } from 'lucide-react';
-import { useTranslation } from '@/hooks';
-import type { Language } from '@/i18n';
+import { useTranslation } from '#hooks';
+import type { Language } from '#i18n';
-import { Button } from '../Button';
-import { DropdownMenu } from '../DropdownMenu';
+import { Button } from '../Button/Button.tsx';
+import { DropdownMenu } from '../DropdownMenu/DropdownMenu.tsx';
-import type { ButtonProps } from '../Button';
+import type { ButtonProps } from '../Button/Button.tsx';
 export type LanguageToggleProps = {
   align?: 'center' | 'end' | 'start';

package/src/components/ListboxDropdown/ListboxDropdown.stories.tsx CHANGED Viewed

@@ -2,7 +2,7 @@ import { useState } from 'react';
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import { ListboxDropdown } from './ListboxDropdown';
+import { ListboxDropdown } from './ListboxDropdown.tsx';
 type Story = StoryObj<typeof ListboxDropdown>;

package/src/components/ListboxDropdown/ListboxDropdown.tsx CHANGED Viewed

@@ -1,11 +1,11 @@
 import * as React from 'react';
-import { cn } from '@/utils';
+import { cn } from '#utils';
-import { DropdownButton } from '../DropdownButton';
-import { DropdownMenu } from '../DropdownMenu';
+import { DropdownButton } from '../DropdownButton/DropdownButton.tsx';
+import { DropdownMenu } from '../DropdownMenu/DropdownMenu.tsx';
-import type { ButtonProps } from '../Button';
+import type { ButtonProps } from '../Button/Button.tsx';
 export type ListboxDropdownOption = {
   key: string;
@@ -47,7 +47,7 @@ export const ListboxDropdown = <T extends ListboxDropdownOption>({
           return (
             <DropdownMenu.CheckboxItem
               checked={checked}
-              className="flex w-full items-center whitespace-nowrap bg-slate-50 p-2 text-sm hover:bg-slate-200 dark:bg-slate-800 dark:hover:bg-slate-700"
+              className="flex w-full items-center bg-slate-50 p-2 text-sm whitespace-nowrap hover:bg-slate-200 dark:bg-slate-800 dark:hover:bg-slate-700"
               data-testid="select-dropdown-option"
               key={option.key}
               onSelect={(event) => {

package/src/components/OneTimePasswordInput/OneTimePasswordInput.spec.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 import { render, screen } from '@testing-library/react';
 import { describe, expect, it } from 'vitest';
-import { OneTimePasswordInput } from './OneTimePasswordInput';
+import { OneTimePasswordInput } from './OneTimePasswordInput.tsx';
 type Props = React.ComponentPropsWithoutRef<typeof OneTimePasswordInput>;

package/src/components/OneTimePasswordInput/OneTimePasswordInput.stories.tsx CHANGED Viewed

@@ -1,8 +1,8 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import { CoreProvider } from '@/providers/CoreProvider';
+import { CoreProvider } from '#providers';
-import { OneTimePasswordInput } from './OneTimePasswordInput';
+import { OneTimePasswordInput } from './OneTimePasswordInput.tsx';
 type Story = StoryObj<typeof OneTimePasswordInput>;

package/src/components/OneTimePasswordInput/OneTimePasswordInput.tsx CHANGED Viewed

@@ -3,8 +3,8 @@ import type { ChangeEvent, ClipboardEvent, KeyboardEvent } from 'react';
 import type { Promisable } from 'type-fest';
-import { useNotificationsStore, useTranslation } from '@/hooks';
-import { cn } from '@/utils';
+import { useNotificationsStore, useTranslation } from '#hooks';
+import { cn } from '#utils';
 const CODE_LENGTH = 6;

package/src/components/Popover/Popover.spec.tsx CHANGED Viewed

@@ -2,7 +2,7 @@ import { render, screen } from '@testing-library/react';
 import { userEvent } from '@testing-library/user-event';
 import { describe, expect, it } from 'vitest';
-import { Popover } from './Popover';
+import { Popover } from './Popover.tsx';
 const TestPopover = () => (
   <Popover>

package/src/components/Popover/Popover.stories.tsx CHANGED Viewed

@@ -3,10 +3,10 @@ import { Fragment } from 'react';
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import { CircleHelpIcon } from 'lucide-react';
-import { Button } from '../Button';
-import { Input } from '../Input';
-import { Label } from '../Label';
-import { Popover } from './Popover';
+import { Button } from '../Button/Button.tsx';
+import { Input } from '../Input/Input.tsx';
+import { Label } from '../Label/Label.tsx';
+import { Popover } from './Popover.tsx';
 type Story = StoryObj<typeof Popover>;

package/src/components/Popover/Popover.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import { Root as PopoverRoot, Trigger as PopoverTrigger } from '@radix-ui/react-popover';
-import { PopoverContent } from './PopoverContent';
+import { PopoverContent } from './PopoverContent.tsx';
 export const Popover = Object.assign(PopoverRoot.bind(null), {
   Content: PopoverContent,

package/src/components/Popover/PopoverContent.tsx CHANGED Viewed

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { Content, Portal } from '@radix-ui/react-popover';
-import { cn } from '@/utils';
+import { cn } from '#utils';
 export type PopoverContentProps = {
   /** The preferred alignment against the anchor, which may change when collisions occur */

package/src/components/RadioGroup/RadioGroup.spec.tsx CHANGED Viewed

@@ -2,10 +2,10 @@ import { render, screen } from '@testing-library/react';
 import { userEvent } from '@testing-library/user-event';
 import { describe, expect, it, vi } from 'vitest';
-import { Label } from '../Label';
-import { RadioGroup } from './RadioGroup';
+import { Label } from '../Label/Label.tsx';
+import { RadioGroup } from './RadioGroup.tsx';
-import type { RadioGroupProps } from './RadioGroup';
+import type { RadioGroupProps } from './RadioGroup.tsx';
 const TEST_ID = 'radio-group';

package/src/components/RadioGroup/RadioGroup.stories.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import { Label } from '../Label';
-import { RadioGroup } from './RadioGroup';
+import { Label } from '../Label/Label.tsx';
+import { RadioGroup } from './RadioGroup.tsx';
 type Story = StoryObj<typeof RadioGroup>;

package/src/components/RadioGroup/RadioGroup.tsx CHANGED Viewed

@@ -2,9 +2,9 @@ import * as React from 'react';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
-import { cn } from '@/utils';
+import { cn } from '#utils';
-import { RadioGroupItem } from './RadioGroupItem';
+import { RadioGroupItem } from './RadioGroupItem.tsx';
 type RadioGroupProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>;

package/src/components/RadioGroup/RadioGroupItem.tsx CHANGED Viewed

@@ -3,7 +3,7 @@ import { forwardRef } from 'react';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import { CircleIcon } from 'lucide-react';
-import { cn } from '@/utils';
+import { cn } from '#utils';
 export const RadioGroupItem = forwardRef<
   React.ElementRef<typeof RadioGroupPrimitive.Item>,

package/src/components/ScrollArea/ScrollArea.spec.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 import { render, screen } from '@testing-library/react';
 import { describe, expect, it } from 'vitest';
-import { ScrollArea } from './ScrollArea';
+import { ScrollArea } from './ScrollArea.tsx';
 const TEST_ID = 'scroll-area';

package/src/components/ScrollArea/ScrollArea.stories.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import { ScrollArea } from './ScrollArea';
+import { ScrollArea } from './ScrollArea.tsx';
 type Story = StoryObj<typeof ScrollArea>;