aural-ui 2.1.13 → 2.1.16

package/dist/components/aspect-ratio/AspectRatio.stories.tsx

@@ -1,5 +1,5 @@
 import React from "react"
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/react-vite"
 
 import { AspectRatio } from "."
 

package/dist/components/avatar/Avatar.stories.tsx

@@ -1,5 +1,5 @@
 import React from "react"
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/react-vite"
 
 import { Avatar, AvatarFallback, AvatarImage } from "."
 

package/dist/components/badge/Badge.stories.tsx

@@ -1,6 +1,6 @@
 import React from "react"
 import { TickCircleIcon } from "@icons/tick-circle-icon"
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/react-vite"
 
 import { Badge } from "."
 

package/dist/components/banner/Banner.stories.tsx

@@ -1,5 +1,5 @@
 import React from "react"
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/react-vite"
 
 import { Banner } from "."
 

package/dist/components/breadcrumb/Breadcrumb.stories.tsx

@@ -1,7 +1,7 @@
 import React from "react"
 import { ArrowRightIcon } from "@icons/arrow-right-icon"
 import { ChevronDoubleRightIcon } from "@icons/chevron-double-right-icon"
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/react-vite"
 
 import { Breadcrumb } from "."
 

package/dist/components/breadcrumb/index.tsx

@@ -31,8 +31,9 @@ export interface BreadCrumbsItemProps {
   className?: string
 }
 
-export interface BreadcrumbProps
-  extends VariantProps<typeof breadcrumbVariants> {
+export interface BreadcrumbProps extends VariantProps<
+  typeof breadcrumbVariants
+> {
   items: BreadCrumbsItemProps[]
   onItemClick?: (title: string, url?: string) => void
   className?: string

package/dist/components/button/Button.stories.tsx

@@ -1,5 +1,5 @@
 import React from "react"
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/react-vite"
 
 import { Button } from "."
 

package/dist/components/card/Card.stories.tsx

@@ -1,7 +1,7 @@
 import React from "react"
 import { Badge } from "@components/badge"
 import { Button } from "@components/button"
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/react-vite"
 
 import {
   Card,

package/dist/components/char-count/CharCount.stories.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from "react"
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/react-vite"
 
 import CharCount from "."
 

package/dist/components/checkbox/Checkbox.stories.tsx

@@ -1,7 +1,7 @@
 import React from "react"
 import { Button } from "@components/button"
 import { Label } from "@components/label"
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/react-vite"
 
 import { Checkbox } from "."
 

package/dist/components/chip/Chip.stories.tsx

@@ -2,7 +2,7 @@ import React from "react"
 import { AngleDownIcon } from "@icons/angle-down-icon"
 import { CrossCircleIcon } from "@icons/cross-circle-icon"
 import { FeatureShineIcon } from "@icons/feature-shine-icon"
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/react-vite"
 
 import { Chip } from "."
 

package/dist/components/chip/index.tsx

@@ -2,8 +2,7 @@ import React, { forwardRef, ReactNode } from "react"
 import { FeatureShineIcon } from "@icons/feature-shine-icon"
 import { cn } from "@lib/utils"
 
-export interface ChipProps
-  extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+export interface ChipProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
   /** Content to display inside the chip */
   children: React.ReactNode
   /** Sets the chip to selected state */

package/dist/components/circular-loader/CircularLoader.stories.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from "react"
 import { Button } from "@components/button"
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/react-vite"
 
 import CircularLoader from "."
 

package/dist/components/collapsible/Collapsible.stories.tsx

@@ -1,6 +1,6 @@
 import React from "react"
 import { AngleDownIcon } from "@icons/angle-down-icon"
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/react-vite"
 
 import { IconButton } from "../icon-button"
 import {

package/dist/components/command/Command.stories.tsx

@@ -23,7 +23,7 @@ import {
   TrashIcon,
   UploadIcon,
 } from "@icons/index"
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/react-vite"
 
 import {
   Command,

package/dist/components/dialog/Dialog.stories.tsx

@@ -10,7 +10,7 @@ import { EditBigIcon } from "@icons/edit-big-icon"
 import { LightBulbSimpleIcon } from "@icons/light-bulb-simple-icon"
 import { TickIcon } from "@icons/tick-icon"
 import { TrashIcon } from "@icons/trash-icon"
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/react-vite"
 
 import {
   Dialog,

package/dist/components/dialog/index.tsx

@@ -192,7 +192,8 @@ export const dialogVariants = cva(
 )
 
 interface DialogContentProps
-  extends React.HTMLAttributes<HTMLDivElement>,
+  extends
+    React.HTMLAttributes<HTMLDivElement>,
     VariantProps<typeof dialogVariants> {
   showCloseButton?: boolean
   borderConfig?: BorderConfig

package/dist/components/divider/Divider.stories.tsx

@@ -1,5 +1,5 @@
 import React from "react"
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/react-vite"
 
 import { Divider } from "."
 

package/dist/components/divider/index.tsx

@@ -123,8 +123,9 @@ const dividerVariants = cva("flex-auto", {
   },
 })
 
-export interface DividerProps
-  extends React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root> {
+export interface DividerProps extends React.ComponentPropsWithoutRef<
+  typeof SeparatorPrimitive.Root
+> {
   variant?: "primary" | "secondary" | "stylised" | "dashed"
   size?: "half_default" | "full_default" | "full_medium" | "full_large"
   wrapperClassName?: string

package/dist/components/dot-loader/DotLoader.stories.tsx

@@ -1,5 +1,5 @@
 import React from "react"
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/react-vite"
 
 import DotLoader from "."
 

package/dist/components/drawer/Drawer.stories.tsx

@@ -14,7 +14,7 @@ import {
 import Textarea from "@components/textarea"
 import { CrossIcon } from "@icons/cross-icon"
 import { EditBigIcon } from "@icons/edit-big-icon"
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/react-vite"
 
 import {
   Drawer,

package/dist/components/drawer/index.tsx

@@ -82,7 +82,8 @@ export const drawerVariants = cva(
 )
 
 interface DrawerContentProps
-  extends React.HTMLAttributes<HTMLDivElement>,
+  extends
+    React.HTMLAttributes<HTMLDivElement>,
     VariantProps<typeof drawerVariants> {
   showOverlay?: boolean
   showSwipeButton?: boolean

package/dist/components/dropdown/Dropdown.stories.tsx

@@ -20,7 +20,7 @@ import {
   TrashIcon,
   UploadIcon,
 } from "@icons/index"
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/react-vite"
 
 import {
   DropdownArrow,

package/dist/components/form/Form.stories.tsx

@@ -3,7 +3,7 @@ import { Button } from "@components/button"
 import { Checkbox } from "@components/checkbox"
 import Input from "@components/input"
 import { zodResolver } from "@hookform/resolvers/zod"
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/react-vite"
 import { useForm } from "react-hook-form"
 import { z } from "zod"
 

package/dist/components/helper-text/HelperText.stories.tsx

@@ -1,5 +1,5 @@
 import React from "react"
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/react-vite"
 
 import HelperText from "."
 

package/dist/components/hover-card/HoverCard.stories.tsx

@@ -8,7 +8,7 @@ import {
   SearchIcon,
   TickCircleIcon,
 } from "@icons/index"
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/react-vite"
 
 import { HoverCard, HoverCardContent, HoverCardTrigger } from "."
 

package/dist/components/icon-button/IconButton.stories.tsx

@@ -2,7 +2,7 @@ import React from "react"
 import { CrossIcon } from "@icons/cross-icon"
 import { FeatureShineIcon } from "@icons/feature-shine-icon"
 import { SearchIcon } from "@icons/search-icon"
-import { type Meta, type StoryObj } from "@storybook/react"
+import { type Meta, type StoryObj } from "@storybook/react-vite"
 
 import { NotepadIcon } from "src/ui/icons"
 

package/dist/components/icon-button/index.tsx

@@ -60,7 +60,8 @@ export const getIconSize = (size: "small" | "large" | "medium") => {
 }
 
 export interface IconButtonProps
-  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
+  extends
+    React.ButtonHTMLAttributes<HTMLButtonElement>,
     Omit<VariantProps<typeof iconButtonVariants>, "disabled"> {
   icon: React.ReactNode | SVGSVGElement
   label: string // Accessible label for the button

package/dist/components/if-else/if-else.stories.tsx

@@ -1,5 +1,5 @@
 import React from "react"
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/react-vite"
 
 import { Else, If, IfElse } from "."
 

package/dist/components/input/Input.stories.tsx

@@ -1,7 +1,7 @@
 import React from "react"
 import HelperText from "@components/helper-text"
 import { AlertIcon, CrossIcon, TickIcon } from "@icons/index"
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/react-vite"
 
 import Input from "."
 

package/dist/components/input/index.tsx

@@ -15,10 +15,9 @@ import { EyeOpenIcon } from "@icons/eye-open-icon"
 import { cn } from "@lib/utils"
 import { cva } from "class-variance-authority"
 
-interface InputComponent
-  extends ForwardRefExoticComponent<
-    InputProps & RefAttributes<HTMLInputElement>
-  > {
+interface InputComponent extends ForwardRefExoticComponent<
+  InputProps & RefAttributes<HTMLInputElement>
+> {
   Root: typeof InputRoot
   Label: typeof InputLabel
   Wrapper: typeof InputWrapper

package/dist/components/label/Label.stories.tsx

@@ -1,5 +1,5 @@
 import React from "react"
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/react-vite"
 
 import Label from "."
 

package/dist/components/list/List.stories.tsx

@@ -17,7 +17,7 @@ import {
   TrashIcon,
   UploadIcon,
 } from "@icons/index"
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/react-vite"
 
 import {
   List,

package/dist/components/list/index.tsx

@@ -128,7 +128,8 @@ export const listLabelVariants = cva(
 
 // Base List Container Component
 export interface ListProps
-  extends React.HTMLAttributes<HTMLDivElement>,
+  extends
+    React.HTMLAttributes<HTMLDivElement>,
     VariantProps<typeof listVariants> {
   borderVariant?: "default" | "error" | "warning" | "success" | "info"
   showBorder?: boolean
@@ -202,7 +203,8 @@ ListGroup.displayName = "ListGroup"
 
 // List Item Component
 export interface ListItemProps
-  extends React.HTMLAttributes<HTMLDivElement>,
+  extends
+    React.HTMLAttributes<HTMLDivElement>,
     VariantProps<typeof listItemVariants> {
   selected?: boolean
   disabled?: boolean
@@ -301,8 +303,10 @@ const ListItem = React.forwardRef<HTMLDivElement, ListItemProps>(
 ListItem.displayName = "ListItem"
 
 // List Checkbox Item Component
-export interface ListCheckboxItemProps
-  extends Omit<ListItemProps, "showIndicator"> {
+export interface ListCheckboxItemProps extends Omit<
+  ListItemProps,
+  "showIndicator"
+> {
   checked?: boolean
   onCheckedChange?: (checked: boolean) => void
 }
@@ -373,8 +377,7 @@ const ListRadioGroupContext =
   React.createContext<ListRadioGroupContextValue | null>(null)
 
 // List Radio Group Component
-export interface ListRadioGroupProps
-  extends React.HTMLAttributes<HTMLDivElement> {
+export interface ListRadioGroupProps extends React.HTMLAttributes<HTMLDivElement> {
   value?: string
   onValueChange?: (value: string) => void
   classes?: {
@@ -403,8 +406,10 @@ const ListRadioGroup = React.forwardRef<HTMLDivElement, ListRadioGroupProps>(
 ListRadioGroup.displayName = "ListRadioGroup"
 
 // List Radio Item Component
-export interface ListRadioItemProps
-  extends Omit<ListItemProps, "showIndicator" | "selected" | "onSelect"> {
+export interface ListRadioItemProps extends Omit<
+  ListItemProps,
+  "showIndicator" | "selected" | "onSelect"
+> {
   value: string
   onSelect?: (value: string) => void
 }
@@ -479,7 +484,8 @@ ListRadioItem.displayName = "ListRadioItem"
 
 // List Label Component
 export interface ListLabelProps
-  extends React.HTMLAttributes<HTMLDivElement>,
+  extends
+    React.HTMLAttributes<HTMLDivElement>,
     VariantProps<typeof listLabelVariants> {
   classes?: {
     root?: string
@@ -505,8 +511,7 @@ const ListLabel = React.forwardRef<HTMLDivElement, ListLabelProps>(
 ListLabel.displayName = "ListLabel"
 
 // List Separator Component
-export interface ListSeparatorProps
-  extends React.HTMLAttributes<HTMLDivElement> {
+export interface ListSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
   classes?: {
     root?: string
   }

package/dist/components/marquee/Marquee.stories.tsx

@@ -9,7 +9,7 @@ import {
   TickCircleIcon,
   TrashIcon,
 } from "@icons/index"
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/react-vite"
 
 import Marquee from "."
 

package/dist/components/otp-inputs/OtpInputs.stories.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from "react"
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/react-vite"
 
 import OtpInputs from "."
 

package/dist/components/overlay/Overlay.stories.tsx

@@ -6,7 +6,7 @@ import { CrossIcon } from "@icons/cross-icon"
 import { MaintenanceIcon } from "@icons/maintenance-icon"
 import { SearchIcon } from "@icons/search-icon"
 import { TickCircleIcon } from "@icons/tick-circle-icon"
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/react-vite"
 
 import { Overlay } from "."
 

package/dist/components/overlay/index.tsx

@@ -34,7 +34,8 @@ const overlayVariants = cva(
 )
 
 export interface OverlayProps
-  extends React.HTMLAttributes<HTMLDivElement>,
+  extends
+    React.HTMLAttributes<HTMLDivElement>,
     VariantProps<typeof overlayVariants> {
   classes?: {
     content?: string

package/dist/components/pagination/Pagination.stories.tsx

@@ -5,7 +5,7 @@ import {
   ChevronLeftIcon,
   ChevronRightIcon,
 } from "@icons/index"
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/react-vite"
 
 import {
   Pagination,

package/dist/components/pagination/index.tsx

@@ -58,8 +58,7 @@ export const usePagination = (): PaginationContextProps => {
  * Pagination Primitives
  */
 // Base pagination container
-export interface PaginationRootProps
-  extends React.HTMLAttributes<HTMLDivElement> {
+export interface PaginationRootProps extends React.HTMLAttributes<HTMLDivElement> {
   className?: string
 }
 
@@ -79,8 +78,7 @@ export const PaginationRoot = React.forwardRef<
 PaginationRoot.displayName = "PaginationRoot"
 
 // Pagination navigation container
-export interface PaginationContentProps
-  extends React.ComponentPropsWithoutRef<"nav"> {
+export interface PaginationContentProps extends React.ComponentPropsWithoutRef<"nav"> {
   className?: string
   size?: "sm" | "md" | "lg"
 }
@@ -117,8 +115,7 @@ interface PaginationSizeSelectorClasses {
 }
 
 // Page size selector component
-export interface PaginationSizeSelectorProps
-  extends React.HTMLAttributes<HTMLDivElement> {
+export interface PaginationSizeSelectorProps extends React.HTMLAttributes<HTMLDivElement> {
   className?: string
   size?: "sm" | "md" | "lg"
   pageSizeOptions?: number[]
@@ -246,8 +243,7 @@ export const pageButtonVariants = cva(
 )
 
 // Page button component
-export interface PaginationButtonProps
-  extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+export interface PaginationButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
   className?: string
   size?: "sm" | "md" | "lg"
   variant?: "number" | "active" | "navigation"
@@ -266,8 +262,7 @@ export const PaginationButton = React.forwardRef<
 PaginationButton.displayName = "PaginationButton"
 
 // Ellipsis component
-export interface PaginationEllipsisProps
-  extends React.HTMLAttributes<HTMLSpanElement> {
+export interface PaginationEllipsisProps extends React.HTMLAttributes<HTMLSpanElement> {
   className?: string
   size?: "sm" | "md" | "lg"
 }

package/dist/components/popover/Popover.stories.tsx

@@ -2,7 +2,7 @@ import React from "react"
 import { Button } from "@components/button"
 import Input from "@components/input"
 import { Label } from "@components/label"
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/react-vite"
 
 import { FeatureShineIcon } from "src/ui/icons"
 

package/dist/components/radio/Radio.stories.tsx

@@ -1,6 +1,6 @@
 import React from "react"
 import { Label } from "@components/label"
-import type { Meta } from "@storybook/react"
+import type { Meta } from "@storybook/react-vite"
 
 import { RadioGroup, RadioGroupItem } from "."
 

package/dist/components/resizable/Resizable.stories.tsx

@@ -1,5 +1,5 @@
 import React from "react"
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/react-vite"
 
 import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from "."
 

package/dist/components/scroll-area/ScrollArea.stories.tsx

@@ -1,5 +1,5 @@
 import React from "react"
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/react-vite"
 
 import { ScrollArea, ScrollBar } from "."
 

package/dist/components/search/Search.stories.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from "react"
 import { Button } from "@components/button"
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/react-vite"
 
 import Search, { SearchResult } from "."
 

package/dist/components/select/Select.stories.tsx

@@ -13,7 +13,7 @@ import {
   SelectValue,
   SelectWrapper,
 } from "@/ui/components/select"
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/react-vite"
 
 import { Button } from "../button"
 

package/dist/components/sheet/Sheet.stories.tsx

@@ -17,7 +17,7 @@ import { MaintenanceIcon } from "@icons/maintenance-icon"
 import { SearchIcon } from "@icons/search-icon"
 import { SiteLogoIcon } from "@icons/site-logo-icon"
 import { TickCircleIcon } from "@icons/tick-circle-icon"
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/react-vite"
 
 import {
   Sheet,

package/dist/components/sheet/index.tsx

@@ -299,7 +299,8 @@ const closeIconVariants = cva(
 )
 
 interface SheetContentProps
-  extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,
+  extends
+    React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,
     VariantProps<typeof sheetVariants>,
     ISheetOverlay {
   container: HTMLElement | null

package/dist/components/skelton/Skelton.stories.tsx

@@ -1,7 +1,7 @@
 import React from "react"
 import { Badge } from "@components/badge"
 import { Button } from "@components/button"
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/react-vite"
 
 import { Skeleton } from "."
 

package/dist/components/slider/Slider.stories.tsx

@@ -1,5 +1,5 @@
 import React from "react"
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/react-vite"
 
 import { Slider } from "."
 

package/dist/components/slider/index.tsx

@@ -57,8 +57,9 @@ const sliderThumbVariants = cva(
   }
 )
 
-interface SliderProps
-  extends React.ComponentProps<typeof SliderPrimitive.Root> {
+interface SliderProps extends React.ComponentProps<
+  typeof SliderPrimitive.Root
+> {
   variant?:
     | "default"
     | "primary"

package/dist/components/stepper/Stepper.stories.tsx

@@ -1,5 +1,5 @@
 import * as React from "react"
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/react-vite"
 
 import { Stepper } from "."
 

package/dist/components/stepper/index.tsx

@@ -224,8 +224,7 @@ export interface StepperStepProps extends React.HTMLAttributes<HTMLDivElement> {
   }
 }
 
-export interface StepperContentProps
-  extends React.HTMLAttributes<HTMLDivElement> {
+export interface StepperContentProps extends React.HTMLAttributes<HTMLDivElement> {
   children?: React.ReactNode
 }
 

package/dist/components/switch/Switch.stories.tsx

@@ -1,7 +1,7 @@
 import React from "react"
 import { Button } from "@components/button"
 import Label from "@components/label"
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/react-vite"
 
 import { CrossIcon, TickIcon } from "src/ui/icons"