react-beauty-calendar 1.0.8 → 1.2.0

package/dist/components/ui/Badge.d.ts

@@ -0,0 +1,9 @@
+import { VariantProps } from 'class-variance-authority';
+import type * as React from "react";
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+}
+declare function Badge({ className, variant, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export { Badge, badgeVariants };

package/dist/components/ui/Button.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
     asChild?: boolean;

package/dist/context/drag/dragStore.d.ts

@@ -1,8 +1,8 @@
-export interface DragProps {
+export interface DragStoreProps {
     isDragging: boolean;
 }
-export interface DragState extends DragProps {
-    updateIsDragging: (status: boolean) => void;
+export interface DragStoreState extends DragStoreProps {
+    updateIsDragging: (isDragging: boolean) => void;
 }
-declare const useDragStore: import('zustand').UseBoundStore<import('zustand').StoreApi<DragState>>;
+declare const useDragStore: import('zustand').UseBoundStore<import('zustand').StoreApi<DragStoreState>>;
 export default useDragStore;

package/dist/context/drag/useDragStateAtStore.d.ts

@@ -0,0 +1,8 @@
+export interface DragProps {
+    startAt: string;
+}
+export interface DragState extends DragProps {
+    updateStartAt: (startAt: string) => void;
+}
+declare const useDragStartAtStore: import('zustand').UseBoundStore<import('zustand').StoreApi<DragState>>;
+export default useDragStartAtStore;

package/dist/context/global/config/ConfigProvider.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from 'react';
+import { ConfigStoreProps } from './config-store';
+type ConfigProviderProps = PropsWithChildren<ConfigStoreProps>;
+declare const ConfigProvider: ({ children, ...props }: ConfigProviderProps) => import("react/jsx-runtime").JSX.Element;
+export { ConfigProvider };

package/dist/context/global/config/config-context.d.ts

@@ -0,0 +1,2 @@
+declare const ConfigContext: import('react').Context<import('zustand').StoreApi<import('./config-store').ConfigStoreState> | null>;
+export default ConfigContext;

package/dist/context/global/config/config-store.d.ts

@@ -0,0 +1,13 @@
+export type SystemColor = "#1700af" | "#b50000" | "#000000";
+export declare const initialConfigState: ConfigStoreProps;
+export interface ConfigStoreProps {
+    systemColor?: SystemColor;
+    isTimeInfoVisible?: boolean;
+}
+export interface ConfigStoreState extends ConfigStoreProps {
+    updateSystemColor: (systemColor: SystemColor) => void;
+    changeTimeInfoVisibility: (status: boolean) => void;
+}
+declare const configStore: (initialProps?: Partial<ConfigStoreState>) => import('zustand').StoreApi<ConfigStoreState>;
+export type ConfigStore = ReturnType<typeof configStore>;
+export { configStore };

package/dist/context/global/days-and-week/day-and-week-store.d.ts

@@ -1,6 +1,8 @@
 import { StateCreator } from 'zustand';
 import { HourWithActionsRef } from '../../../core/calendar/HourWithActions';
 import { Times } from '../../../utils/hours';
+export declare const START_TIME = 1;
+export declare const END_24_HOUR_FORMAT = 24;
 export type DaysOfWeek = Date[];
 export interface NextAndPreviousWeek {
     firstDayOfWeek: Date;

package/dist/context/index.d.ts

@@ -1,4 +1,6 @@
 import { default as BookingProvider } from './booking/bookingProvider';
 import { default as BookingModalProvider } from './bookingModal/BookingModalProvider';
+import { ConfigProvider } from './global/config/ConfigProvider';
 import { default as MonthDescriptionProvider } from './month-description/MonthDescriptionProvider';
-export { MonthDescriptionProvider, BookingModalProvider, BookingProvider };
+import { NewEventProvider } from './new-event/new-event-context';
+export { MonthDescriptionProvider, BookingModalProvider, BookingProvider, NewEventProvider, ConfigProvider, };

package/dist/context/new-event/new-event-store.d.ts

@@ -6,6 +6,7 @@ export interface NewEventFormProps {
     date: string;
     startAt: string;
     finishAt: string;
+    slotStartAt: string;
     ref?: Ref<NewEventFormRef>;
 }
 export interface NewEventFormState extends NewEventFormProps {
@@ -16,6 +17,7 @@ export interface NewEventFormState extends NewEventFormProps {
     updateDate: (dateAsString: string) => void;
     updateFinishAtWithOffset: (time: string, increasingMinutes?: number) => string;
     resetForm: () => void;
+    updatePrevStartAt: (slotStartAt: string) => void;
 }
 export declare const initialFormState: NewEventFormProps;
 export type NewEventStore = ReturnType<typeof newEventFormStore>;

package/dist/core/Root.d.ts

@@ -1,3 +1,3 @@
 import { RootProps } from '../@types/calendar-instance';
-declare const Root: ({ viewModes, createBookingModal, onChangeViewType, onCardDropCallback, onDayChange, onHeaderDayClick, onTodayClick, onSlotClick, onModalClose, bookings, ref, }: RootProps) => import("react/jsx-runtime").JSX.Element;
+declare const Root: ({ viewModes, createBookingModal, onChangeViewType, onCardDropCallback, onCardResizeEnd, onDayChange, onHeaderDayClick, onTodayClick, onSlotClick, onModalClose, bookings, isTimeInfoVisible, systemColor, ref, }: RootProps) => import("react/jsx-runtime").JSX.Element;
 export default Root;

package/dist/core/booking-card/BookingCard.d.ts

@@ -1,10 +1,17 @@
+import { Ref } from 'react';
 import { Booking, BookingDateAndTime } from '../../@types/booking';
+export interface BookingCardRef {
+    changeCurrentCardResize: () => void;
+}
 interface BookingCardProps {
     booking: Booking;
     slotData: BookingDateAndTime;
     customClasses?: string;
-    heightStyleTransformer?: string;
+    heightStyle: number;
+    layerCount?: number;
+    half?: boolean;
     onClick?: () => void;
+    ref?: Ref<BookingCardRef>;
 }
-declare const BookingCard: ({ booking, slotData, onClick, heightStyleTransformer, customClasses, }: BookingCardProps) => import("react/jsx-runtime").JSX.Element;
+declare const BookingCard: ({ booking, slotData, onClick, heightStyle, customClasses, ref, }: BookingCardProps) => import("react/jsx-runtime").JSX.Element;
 export default BookingCard;

package/dist/core/booking-create/BookingCreate.d.ts

@@ -0,0 +1,17 @@
+import { JSX, Ref } from 'react';
+import { Side } from '../booking-options/BookingInfoOptions';
+interface BookingCreateProps {
+    modal?: boolean;
+    side?: Side;
+    buttonTrigger?: JSX.Element;
+    onClose?: () => void;
+    onOpenChange?: (status: boolean) => void;
+    ref: Ref<BookingCreateRef>;
+}
+export interface BookingCreateRef {
+    showCreationModal: () => void;
+    closeModal: () => void;
+    isModalOpen: () => boolean;
+}
+declare const BookingCreate: ({ modal, side, onClose, onOpenChange, buttonTrigger, ref, }: BookingCreateProps) => import("react/jsx-runtime").JSX.Element;
+export default BookingCreate;

package/dist/core/calendar/CalendarHolder.d.ts

@@ -1,2 +1,5 @@
-declare const CalendarHolder: () => import("react/jsx-runtime").JSX.Element;
+interface CalendarHolderProps {
+    isLoading: boolean;
+}
+declare const CalendarHolder: ({ isLoading }: CalendarHolderProps) => import("react/jsx-runtime").JSX.Element;
 export default CalendarHolder;

package/dist/core/calendar/HourWithActions.d.ts

@@ -4,7 +4,6 @@ export interface HourWithActionsProps {
     ref: Ref<HourWithActionsRef>;
 }
 export interface HourWithActionsRef {
-    setDisabledHour: () => void;
     setActivateHour: () => void;
 }
 declare const HourWithActions: ({ hour, ref }: HourWithActionsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/core/calendar/ViewTypes.d.ts

@@ -1,6 +1,4 @@
-import { BookingViewType } from '../../@types/booking';
-interface HandleViewTypeProps {
-    bookingViewType: BookingViewType;
-}
-declare const HandleViewType: ({ bookingViewType }: HandleViewTypeProps) => import("react/jsx-runtime").JSX.Element | null;
+import { PropsWithChildren } from 'react';
+type HandleViewTypePropsWithChildren = PropsWithChildren;
+declare const HandleViewType: ({ children }: HandleViewTypePropsWithChildren) => import('react').ReactNode;
 export default HandleViewType;

package/dist/core/card-slots/SlotTrigger.d.ts

@@ -9,7 +9,6 @@ interface SlotTriggerProps {
     slotPosition: TimesBlock;
     disabledCss: string;
     events: SlotEvents;
-    border?: boolean;
     children?: ReactNode;
     actualTimerIndicatorChildren?: ReactNode;
     ref: Ref<SlotTriggerForwardRef>;
@@ -19,5 +18,5 @@ export interface SlotTriggerForwardRef {
     closeEvent: () => void;
     onOpenCloseChange: (status: boolean) => void;
 }
-declare const SlotTrigger: ({ slotData, slotPosition, disabledCss, events, border, actualTimerIndicatorChildren, children, ref, }: SlotTriggerProps) => import("react/jsx-runtime").JSX.Element;
+declare const SlotTrigger: ({ slotData, slotPosition, disabledCss, events, actualTimerIndicatorChildren, children, ref, }: SlotTriggerProps) => import("react/jsx-runtime").JSX.Element;
 export default SlotTrigger;

package/dist/core/header-calendar/HeaderTodayAction.d.ts

@@ -1,6 +1,5 @@
 interface HeaderTodayActionProps {
-    mobileLayout: boolean;
     onClick: () => void;
 }
-declare const HeaderTodayAction: ({ mobileLayout, onClick, }: HeaderTodayActionProps) => import("react/jsx-runtime").JSX.Element;
+declare const HeaderTodayAction: ({ onClick }: HeaderTodayActionProps) => import("react/jsx-runtime").JSX.Element;
 export default HeaderTodayAction;

package/dist/core/slots/Card.d.ts

@@ -3,12 +3,14 @@ import { Booking, BookingDateAndTime } from '../../@types/booking';
 interface CardProps {
     booking: Booking;
     slotData: BookingDateAndTime;
+    lastCard?: boolean;
+    half?: boolean;
+    cardsQuantity?: number;
+    cardIndex?: number;
     ref?: Ref<CardRef>;
 }
-export declare const INITIAL_HEIGHT = 600;
-export declare const MIN_DIFF_TIME_THRESHOLD = 15;
 export interface CardRef {
     bookingId: string;
 }
-declare const Card: ({ booking, slotData, ref }: CardProps) => import("react/jsx-runtime").JSX.Element;
+declare const Card: ({ booking, slotData, cardsQuantity, cardIndex, lastCard, half, ref, }: CardProps) => import("react/jsx-runtime").JSX.Element;
 export default Card;

package/dist/core/slots/CardBlockContent.d.ts

@@ -0,0 +1,8 @@
+import { Booking, BookingDateAndTime } from '../../@types';
+interface CardBlockContentProps {
+    bookings?: Booking[];
+    blockTimeString: string;
+    slotData?: BookingDateAndTime;
+}
+declare const CardBlockContent: ({ bookings, blockTimeString, slotData, }: CardBlockContentProps) => import("react/jsx-runtime").JSX.Element | null | undefined;
+export default CardBlockContent;

package/dist/core/slots/CardContent.d.ts

@@ -4,6 +4,7 @@ import { BookingDateAndTime } from '../../@types/booking';
 import { DraggableAttributes } from '@dnd-kit/core';
 import { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities';
 import { ResizeCallbackData, ResizeHandle } from 'react-resizable';
+import { BookingCardRef } from '../booking-card/BookingCard';
 interface ResizableState {
     height: number;
     width: number;
@@ -20,18 +21,24 @@ interface CardContentProps {
     bookingInit: Booking;
     bookingViewType: string;
     slotData: BookingDateAndTime;
-    heightStyleTransformer: string;
+    heightStyle: number;
+    topHeightIncrement?: number;
     listeners?: SyntheticListenerMap | undefined;
     attributes?: DraggableAttributes;
     onClick?: () => void;
     customClasses?: string;
     open?: boolean;
+    lastCard?: boolean;
+    half?: boolean;
+    cardsQuantity?: number;
+    cardIndex?: number;
     resizableParam?: ResizableParam;
     events?: {
         onUnmount: () => void;
     };
+    cardContentRef?: Ref<BookingCardRef>;
     ref?: Ref<CardContentForward>;
 }
 type CardContentForward = HTMLDivElement;
-declare const CardContent: ({ bookingInit, slotData, heightStyleTransformer, onClick, customClasses, bookingViewType, resizableParam, events, open, ref, }: CardContentProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const CardContent: ({ bookingInit, slotData, heightStyle, topHeightIncrement, onClick, customClasses, bookingViewType, resizableParam, events, open, lastCard, half, cardContentRef: dataRef, cardsQuantity, cardIndex, ref, }: CardContentProps) => import("react/jsx-runtime").JSX.Element | null;
 export default CardContent;

package/dist/core/slots/CardOverlay.d.ts

@@ -3,7 +3,7 @@ import { BookingDateAndTime } from '../../@types/booking';
 interface CardOverlayProps {
     bookingInit: Booking;
     slotData: BookingDateAndTime;
-    heightStyle: string;
+    heightStyle: number;
 }
 declare const CardOverlay: ({ bookingInit, slotData, heightStyle, }: CardOverlayProps) => import("react/jsx-runtime").JSX.Element;
 export default CardOverlay;

package/dist/core/slots/EventsTab.d.ts

@@ -1,13 +1,12 @@
 import { JSX, PropsWithChildren } from 'react';
-import { EmptySlotNodes } from '../../context/emptySlotsStore.ts/useEmptySlotStore';
 import { Side } from '../booking-options/BookingInfoOptions';
 interface EventTabsProps {
-    emptySlotNodes?: EmptySlotNodes;
-    side: Side;
-    buttonTrigger: JSX.Element;
+    side?: Side;
+    buttonTrigger?: JSX.Element;
+    modal?: boolean;
     onClose: (event: React.MouseEvent) => void;
     onOpenChange: (status: boolean) => void;
 }
 type EventTabsWithChildren = PropsWithChildren<EventTabsProps>;
-declare const EventTabs: ({ onClose, side, onOpenChange, buttonTrigger, children, }: EventTabsWithChildren) => import("react/jsx-runtime").JSX.Element;
+declare const EventTabs: ({ onClose, side, onOpenChange, buttonTrigger, modal, children, }: EventTabsWithChildren) => import("react/jsx-runtime").JSX.Element;
 export default EventTabs;

package/dist/core/slots/SlotRender.d.ts

@@ -0,0 +1,14 @@
+import { Booking, BookingDateAndTime } from '../../@types/booking';
+import { BlocksTimeStructure } from './EmptySlot';
+interface SlotRenderProps {
+    firstDay: boolean;
+    booking: Booking[];
+    dayHour: BookingDateAndTime;
+    disabledCss: string;
+    firstBlockTimeData: BlocksTimeStructure;
+    secondBlockTimeData: BlocksTimeStructure;
+    thirdBlockTimeData: BlocksTimeStructure;
+    fourthBlockTimeData: BlocksTimeStructure;
+}
+declare const SlotRender: import('react').MemoExoticComponent<({ firstDay, booking, dayHour, disabledCss, firstBlockTimeData, secondBlockTimeData, thirdBlockTimeData, fourthBlockTimeData, }: SlotRenderProps) => import("react/jsx-runtime").JSX.Element>;
+export default SlotRender;

package/dist/core/slots/Slots.d.ts

@@ -1,4 +1,4 @@
-import { Booking, BookingDateAndTime, BookingViewType } from '../../@types/booking';
+import { Booking, BookingDateAndTime } from '../../@types/booking';
 export type TimesBlock = "first" | "second" | "third" | "fourth";
 interface SlotsProps {
     dayHour: BookingDateAndTime;
@@ -7,8 +7,7 @@ interface SlotsProps {
         finishAt: string;
     };
     firstDay: boolean;
-    bookingViewType: BookingViewType;
     bookingBulk: Booking[];
 }
-declare const Slots: ({ dayHour, lunchTimeBlock, firstDay, bookingBulk, bookingViewType, }: SlotsProps) => import("react/jsx-runtime").JSX.Element;
+declare const Slots: ({ dayHour, lunchTimeBlock, firstDay, bookingBulk, }: SlotsProps) => import("react/jsx-runtime").JSX.Element;
 export default Slots;

package/dist/core/slots/TimeInfo.d.ts

@@ -5,10 +5,15 @@ interface TimeInfoEvents {
     openOptions: () => void;
     resetPrevView: () => void;
 }
+export interface TimeInfoRef {
+    show: () => void;
+    hide: () => void;
+    changeIsOpen: (isOpen: boolean) => void;
+}
 interface TimeInfoProps {
     isDragging: boolean;
     slotData: BlocksTimeStructure;
     events: TimeInfoEvents;
 }
-declare const TimeInfo: ({ isDragging, slotData, events: { onClick, renderPreviewCard, resetPrevView }, }: TimeInfoProps) => import("react/jsx-runtime").JSX.Element;
+declare const TimeInfo: import('react').ForwardRefExoticComponent<TimeInfoProps & import('react').RefAttributes<TimeInfoRef>>;
 export default TimeInfo;

package/dist/core/slots/actualTimeIndicator/ActualTimeIndicator.d.ts

@@ -1,8 +1,8 @@
 import { BlocksTimeStructure } from '../EmptySlot';
 interface ActualTimerIndicatorProps {
-    tailwindColor: string;
+    color?: string;
     isFirstDay: boolean;
     slotData: BlocksTimeStructure;
 }
-export declare const ActualTimerIndicator: ({ tailwindColor, isFirstDay, slotData, }: ActualTimerIndicatorProps) => import("react/jsx-runtime").JSX.Element | undefined;
+export declare const ActualTimerIndicator: ({ color, isFirstDay, slotData, }: ActualTimerIndicatorProps) => import("react/jsx-runtime").JSX.Element | undefined;
 export default ActualTimerIndicator;

package/dist/core/slots/actualTimeIndicator/FirstDaySlot.d.ts

@@ -0,0 +1,6 @@
+interface FirstDaySlotProps {
+    dateToRender: string;
+    isFirstDay: boolean;
+}
+declare const FirstDaySlot: ({ dateToRender, isFirstDay }: FirstDaySlotProps) => import("react/jsx-runtime").JSX.Element;
+export default FirstDaySlot;

package/dist/core/slots/actualTimeIndicator/position-based-on-seconds.d.ts

@@ -1,7 +1,5 @@
-import { HourWithActionsRef } from '../../calendar/HourWithActions';
 declare class TimeIndicatorPosition {
-    positionBasedOnSeconds: (slotDataTime: string, dateToRender: string, timesRendered: Map<string, HourWithActionsRef>) => number;
-    toggleTimeVisibility: (slotDataTime: string, dateToRenderHour: string, minutes: number, timesRendered: Map<string, HourWithActionsRef>) => void;
+    positionBasedOnSeconds: (dateToRender: string) => number;
     normalizingMinutes: (minutes: number) => number;
     isInitialMinute: (minutes: number) => boolean;
     isSameHour: (dateToRenderHour: string, slotDataTime: string) => boolean;

package/dist/core/slots/innerCardHandle/inner-card-handle.d.ts

@@ -0,0 +1,5 @@
+import { Booking } from '../../../@types';
+declare const InnerCardsHandle: {
+    calculateOverlappingBookings: (currentBooking: Booking, allBookings: Booking[]) => number;
+};
+export { InnerCardsHandle };

package/dist/core/slots/useResizableCardHook.d.ts

@@ -8,6 +8,9 @@ interface useResizableCardHookProps {
     onSubTime?: (datetime: Date) => void;
     starter?: boolean;
 }
+export declare const INITIAL_SIZE = 600;
+export declare const MIN_DIFF_TIME_THRESHOLD = 15;
+export declare const BASE_VALUE: number;
 declare const useResizableCardHook: ({ booking, onAddTime, onAddStartTime, onSubTime, starter, }: useResizableCardHookProps) => {
     state: {
         height: number;
@@ -20,6 +23,7 @@ declare const useResizableCardHook: ({ booking, onAddTime, onAddStartTime, onSub
     resetState: () => void;
     resetHeightStyle: () => void;
     heightStyle: number;
+    topHeightIncrement: number;
     onResize: (event: SyntheticEvent, { size, handle }: ResizeCallbackData) => void;
     updateHeightStyle: (finishMock: Date, startMock: Date) => void;
 };

package/dist/hooks/use-booking-model.d.ts

@@ -1,2 +1,2 @@
-export declare const useBookingModal: () => import('../context/bookingModal/BookingModalProvider').BookingModalContextProps;
+declare const useBookingModal: () => import('../context/bookingModal/BookingModalProvider').BookingModalContextProps;
 export default useBookingModal;

package/dist/hooks/useGlobalConfig.d.ts

@@ -0,0 +1,3 @@
+import { ConfigStoreState } from '../context/global/config/config-store';
+declare const useGlobalConfig: <T>(selector: (state: ConfigStoreState) => T) => T;
+export default useGlobalConfig;

package/dist/mock/booking-mock.d.ts

@@ -1,4 +1,5 @@
 import { Booking, User } from '../@types';
 declare const mockUser: User;
 declare const mockBooking: Booking[];
-export { mockBooking, mockUser };
+declare const nextWeekBookingMock: Booking[];
+export { mockBooking, nextWeekBookingMock, mockUser };

package/dist/utils/date-utils.d.ts

@@ -1,3 +1,4 @@
+import { Booking } from '../@types';
 import { DaysOfWeek, NextAndPreviousWeek } from '../context/global/days-and-week/day-and-week-store';
 export declare const WEEK_DAYS: readonly ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
 type WeekDays = (typeof WEEK_DAYS)[number];
@@ -13,6 +14,9 @@ export declare const DateUtils: {
     addDay(currentDate: Date, numberOfDays: number): Date;
     formatDate(time: string): string;
     dateTimeAsString(date: Date): string;
+    getTimeDiff(startTime: Date, endTime: Date): string;
+    bookingTimeRange: (booking: Booking, overId: string) => Booking;
+    getNewFinishAt(newStartAt: string, timeString: string): Date;
     minuteDifference(date1: Date, date2: Date): number;
     dateAndHourDateToString(date: Date): string;
     shortMonthDescription(...month: Date[]): string;

package/dist/utils/hours.d.ts

@@ -1,5 +1,5 @@
 export type Times = string[];
-declare const generateTimes: (start: string, end: string, interval: number) => Times;
+declare const generateTimes: (start: number, end: number) => Times;
 interface WorkingTimesSlots {
     time: string;
     available: boolean;

package/package.json

@@ -11,7 +11,7 @@
   },
   "license": "MIT",
   "private": false,
-  "version": "1.0.8",
+  "version": "1.2.0",
   "keywords": [
     "react",
     "component",
@@ -60,6 +60,7 @@
     "dayjs": "^1.11.13",
     "react-resizable": "^3.0.5",
     "react-router": "^7.4.0",
+    "react-spinners": "^0.16.1",
     "tailwindcss": "^4.0.15",
     "tw-animate-css": "^1.2.4",
     "vite-plugin-lib-inject-css": "^2.2.1",
@@ -72,6 +73,16 @@
     "@commitlint/cli": "^19.8.0",
     "@commitlint/config-conventional": "^19.8.0",
     "@eslint/js": "^9.21.0",
+    "@radix-ui/react-dropdown-menu": "^2.1.6",
+    "@radix-ui/react-icons": "^1.3.2",
+    "@radix-ui/react-label": "^2.1.2",
+    "@radix-ui/react-popover": "^1.1.6",
+    "@radix-ui/react-select": "^2.1.6",
+    "@radix-ui/react-separator": "^1.1.2",
+    "@radix-ui/react-slot": "^1.1.2",
+    "@radix-ui/react-tabs": "^1.1.3",
+    "@radix-ui/react-toggle": "^1.1.2",
+    "@radix-ui/react-tooltip": "^1.1.8",
     "@storybook/addon-essentials": "^8.6.8",
     "@storybook/addon-mdx-gfm": "^8.6.8",
     "@storybook/addon-onboarding": "^8.6.8",
@@ -96,6 +107,7 @@
     "eslint-plugin-storybook": "^0.11.6",
     "globals": "^15.15.0",
     "husky": "^9.1.7",
+    "lucide-react": "^0.483.0",
     "playwright": "^1.51.1",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
@@ -105,17 +117,7 @@
     "typescript-eslint": "^8.24.1",
     "vite": "^6.2.0",
     "vite-plugin-dts": "^4.5.3",
-    "vitest": "^3.0.9",
-    "@radix-ui/react-dropdown-menu": "^2.1.6",
-    "@radix-ui/react-icons": "^1.3.2",
-    "@radix-ui/react-label": "^2.1.2",
-    "@radix-ui/react-popover": "^1.1.6",
-    "@radix-ui/react-select": "^2.1.6",
-    "@radix-ui/react-separator": "^1.1.2",
-    "@radix-ui/react-slot": "^1.1.2",
-    "@radix-ui/react-tabs": "^1.1.3",
-    "@radix-ui/react-toggle": "^1.1.2",
-    "@radix-ui/react-tooltip": "^1.1.8"
+    "vitest": "^3.0.9"
   },
   "eslintConfig": {
     "extends": [
@@ -126,7 +128,6 @@
     "**/*.css"
   ],
   "peerDependencies": {
-    "lucide-react": "^0.483.0",
     "react": ">=18.0.0 <20.0.0",
     "react-dom": ">=18.0.0 <20.0.0"
   }