@mbao01/common 0.3.0 → 0.4.1

package/dist/types/components/Chart/stories/args/activeShapeArgs.d.ts

@@ -1,2 +1,2 @@
-import { ArgTypes } from '@storybook/react';
+import { ArgTypes } from '@storybook/react-vite';
 export declare const activeShapeArgs: ArgTypes;

package/dist/types/components/Chart/stories/args/animationArgs.d.ts

@@ -1,4 +1,4 @@
-import { ArgTypes } from '@storybook/react';
+import { ArgTypes } from '@storybook/react-vite';
 export declare const animateNewValues: ArgTypes[0];
 export declare const animationBegin: ArgTypes[0];
 export declare const animationDuration: ArgTypes[0];

package/dist/types/components/Chart/stories/args/areaArgs.d.ts

@@ -1,2 +1,2 @@
-import { Args } from '@storybook/react';
+import { Args } from '@storybook/react-vite';
 export declare const areaArgs: Args;

package/dist/types/components/Chart/stories/args/areaChartArgs.d.ts

@@ -1,2 +1,2 @@
-import { ArgTypes } from '@storybook/react';
+import { ArgTypes } from '@storybook/react-vite';
 export declare const areaChartArgs: ArgTypes;

package/dist/types/components/Chart/stories/args/barArgs.d.ts

@@ -1,4 +1,4 @@
-import { ArgTypes } from '@storybook/react';
+import { ArgTypes } from '@storybook/react-vite';
 /**
  * MultiSelect Docs: {@link: https://shadcn-extension.vercel.app/docs/multi-select}
  */

package/dist/types/components/Chart/stories/args/barChartArgs.d.ts

@@ -1,2 +1,2 @@
-import { ArgTypes } from '@storybook/react';
+import { ArgTypes } from '@storybook/react-vite';
 export declare const barChartArgs: ArgTypes;

package/dist/types/components/Chart/stories/args/cartesianChartArgs.d.ts

@@ -1,2 +1,2 @@
-import { ArgTypes } from '@storybook/react';
+import { ArgTypes } from '@storybook/react-vite';
 export declare const cartesianChartArgs: ArgTypes;

package/dist/types/components/Chart/stories/args/cartesianSharedArgs.d.ts

@@ -1,4 +1,4 @@
-import { ArgTypes } from '@storybook/react';
+import { ArgTypes } from '@storybook/react-vite';
 export declare const dataKey: ArgTypes[0];
 export declare const nameKey: ArgTypes[0];
 export declare const activeShape: ArgTypes[0];

package/dist/types/components/Chart/stories/args/chartArgs.d.ts

@@ -1,4 +1,4 @@
-import { ArgTypes } from '@storybook/react';
+import { ArgTypes } from '@storybook/react-vite';
 export declare const data: ArgTypes[0];
 export declare const chartSizeArgs: ArgTypes;
 export declare const margin: ArgTypes[0];

package/dist/types/components/Chart/stories/args/dotArgs.d.ts

@@ -1,4 +1,4 @@
-import { ArgTypes } from '@storybook/react';
+import { ArgTypes } from '@storybook/react-vite';
 export declare const r: ArgTypes[0];
 export declare const cx: ArgTypes[0];
 export declare const cy: ArgTypes[0];

package/dist/types/components/Chart/stories/args/events.d.ts

@@ -1,4 +1,4 @@
-import { ArgTypes } from '@storybook/react';
+import { ArgTypes } from '@storybook/react-vite';
 export declare const onAbort: {
     table: {
         category: string;

package/dist/types/components/Chart/stories/args/index.d.ts

@@ -1,5 +1,5 @@
 import { AreaProps, BarProps, LineProps, PieProps, RadarProps, RadialBarProps, XAxisProps, YAxisProps } from 'recharts';
-import { ArgTypes } from '@storybook/react';
+import { ArgTypes } from '@storybook/react-vite';
 import { CategoricalChartProps } from 'recharts/types/chart/generateCategoricalChart';
 import { Flatten, OmitSVGElement } from './types';
 type AxisProps = {

package/dist/types/components/Chart/stories/args/labelListArgs.d.ts

@@ -1,2 +1,2 @@
-import { ArgTypes } from '@storybook/react';
+import { ArgTypes } from '@storybook/react-vite';
 export declare const labelListArgs: ArgTypes;

package/dist/types/components/Chart/stories/args/legendArgs.d.ts

@@ -1,3 +1,3 @@
-import { ArgTypes } from '@storybook/react';
+import { ArgTypes } from '@storybook/react-vite';
 export declare const legendType: ArgTypes[0];
 export declare const legendArgs: ArgTypes;

package/dist/types/components/Chart/stories/args/lineArgs.d.ts

@@ -1,2 +1,2 @@
-import { Args } from '@storybook/react';
+import { Args } from '@storybook/react-vite';
 export declare const lineArgs: Args;

package/dist/types/components/Chart/stories/args/lineChartArgs.d.ts

@@ -1,2 +1,2 @@
-import { ArgTypes } from '@storybook/react';
+import { ArgTypes } from '@storybook/react-vite';
 export declare const lineChartArgs: ArgTypes;

package/dist/types/components/Chart/stories/args/pieArgs.d.ts

@@ -1,2 +1,2 @@
-import { Args } from '@storybook/react';
+import { Args } from '@storybook/react-vite';
 export declare const pieArgs: Args;

package/dist/types/components/Chart/stories/args/pieChartArgs.d.ts

@@ -1,2 +1,2 @@
-import { ArgTypes } from '@storybook/react';
+import { ArgTypes } from '@storybook/react-vite';
 export declare const pieChartArgs: ArgTypes;

package/dist/types/components/Chart/stories/args/polarChartArgs.d.ts

@@ -1,2 +1,2 @@
-import { ArgTypes } from '@storybook/react';
+import { ArgTypes } from '@storybook/react-vite';
 export declare const polarChartArgs: ArgTypes;

package/dist/types/components/Chart/stories/args/polarSharedArgs.d.ts

@@ -1,2 +1,2 @@
-import { ArgTypes } from '@storybook/react';
+import { ArgTypes } from '@storybook/react-vite';
 export declare const polarSharedArgs: ArgTypes;

package/dist/types/components/Chart/stories/args/radarArgs.d.ts

@@ -1,2 +1,2 @@
-import { ArgTypes } from '@storybook/react';
+import { ArgTypes } from '@storybook/react-vite';
 export declare const radarArgs: ArgTypes;

package/dist/types/components/Chart/stories/args/radarChartArgs.d.ts

@@ -1,2 +1,2 @@
-import { ArgTypes } from '@storybook/react';
+import { ArgTypes } from '@storybook/react-vite';
 export declare const radarChartArgs: ArgTypes;

package/dist/types/components/Chart/stories/args/radialBarArgs.d.ts

@@ -1,2 +1,2 @@
-import { ArgTypes } from '@storybook/react';
+import { ArgTypes } from '@storybook/react-vite';
 export declare const radialBarArgs: ArgTypes;

package/dist/types/components/Chart/stories/args/radialBarChartArgs.d.ts

@@ -1,2 +1,2 @@
-import { ArgTypes } from '@storybook/react';
+import { ArgTypes } from '@storybook/react-vite';
 export declare const radialBarChartArgs: ArgTypes;

package/dist/types/components/Chart/stories/args/rectangleArgs.d.ts

@@ -1,4 +1,4 @@
-import { ArgTypes } from '@storybook/react';
+import { ArgTypes } from '@storybook/react-vite';
 export declare const radius: ArgTypes[0];
 export declare const isUpdateAnimationActive: ArgTypes[0];
 /**

package/dist/types/components/Chart/stories/args/referenceSharedArgs.d.ts

@@ -1,4 +1,4 @@
-import { ArgTypes } from '@storybook/react';
+import { ArgTypes } from '@storybook/react-vite';
 export declare const referenceStyleArgs: ArgTypes;
 export declare const referenceGeneralArgs: ArgTypes;
 export declare const referenceInternalArgs: ArgTypes;

package/dist/types/components/Chart/stories/args/sectorArgs.d.ts

@@ -1,4 +1,4 @@
-import { ArgTypes } from '@storybook/react';
+import { ArgTypes } from '@storybook/react-vite';
 /**
  * Caveat: If any prop is added here, it would falsely be add to the documentation of the component
  * where this group is used. If the group is to be extended, then only single props should be imported

package/dist/types/components/Chart/stories/args/sharedAxisArgs.d.ts

@@ -1,2 +1,2 @@
-import { ArgTypes } from '@storybook/react';
+import { ArgTypes } from '@storybook/react-vite';
 export declare const sharedAxisArgs: ArgTypes;

package/dist/types/components/Chart/stories/args/stylesArgs.d.ts

@@ -1,4 +1,4 @@
-import { Args, ArgTypes } from '@storybook/react';
+import { Args, ArgTypes } from '@storybook/react-vite';
 export declare const hide: ArgTypes[0];
 export declare const generalStyleArgs: ArgTypes;
 export declare const labelDescription = "If false set, labels will not be drawn. If true set, labels will be drawn which have\nthe props calculated internally. If object set, labels will be drawn which have the props merged\nby the internal calculated props and the option. If ReactElement set, the option can be the custom\nlabel element. If set a function, the function will be called to render customized label.";

package/dist/types/components/Chart/stories/args/textArgs.d.ts

@@ -1,2 +1,2 @@
-import { ArgTypes } from '@storybook/react';
+import { ArgTypes } from '@storybook/react-vite';
 export declare const textArgs: ArgTypes;

package/dist/types/components/Chart/stories/args/tooltipArgs.d.ts

@@ -1,4 +1,4 @@
-import { ArgTypes } from '@storybook/react';
+import { ArgTypes } from '@storybook/react-vite';
 export declare const tooltipType: ArgTypes[0];
 export declare const activeDot: ArgTypes[0];
 export declare const tooltipArgs: ArgTypes;

package/dist/types/components/Chart/stories/args/xAxisArgs.d.ts

@@ -1,2 +1,2 @@
-import { ArgTypes } from '@storybook/react';
+import { ArgTypes } from '@storybook/react-vite';
 export declare const xAxisArgs: ArgTypes;

package/dist/types/components/Chart/stories/args/yAxisArgs.d.ts

@@ -1,2 +1,2 @@
-import { ArgTypes } from '@storybook/react';
+import { ArgTypes } from '@storybook/react-vite';
 export declare const yAxisArgs: ArgTypes;

package/dist/types/components/Chart/stories/helpers/index.d.ts

@@ -1,6 +1,6 @@
-import { ArgTypes, StoryContext } from '@storybook/react';
+import { ArgTypes, StoryContext } from '@storybook/react-vite';
 import { ElementType } from 'react';
-export declare const categorizeArgs: (args: ArgTypes, category: string) => ArgTypes<import('@storybook/react').Args>;
+export declare const categorizeArgs: (args: ArgTypes, category: string) => ArgTypes<import('@storybook/react-vite').Args>;
 export declare const withArgs: <T extends object>(Component: React.FC, context: StoryContext<T>) => import("react/jsx-runtime").JSX.Element;
 export declare const getArgsFromArgTypes: <T extends ArgTypes>(argsTypes: T) => Record<keyof T, unknown>;
 export declare const renderer: <T extends ElementType>(Component: T) => {

package/dist/types/components/DatePicker/DateRangePicker.d.ts

@@ -1,2 +1,2 @@
 import { DateRangePickerProps } from './types';
-export declare const DateRangePicker: ({ name, size, wide, label, outline, variant, disabled, defaultRange, getRangeValue, getRangeLabel, triggerClassName, ...props }: DateRangePickerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DateRangePicker: ({ name, size, wide, label, outline, variant, disabled, disabledDates, defaultRange, getRangeValue, getRangeLabel, triggerClassName, ...props }: DateRangePickerProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -13,8 +13,9 @@ export type DatePickerProps = BaseDatePickerProps & Omit<PropsSingle, "mode"> &
     getDateLabel?: (date: Date | undefined) => string | undefined;
     getDateValue?: (date: Date | undefined) => string | undefined;
 };
-export type DateRangePickerProps = BaseDatePickerProps & Omit<PropsRange, "mode"> & {
+export type DateRangePickerProps = BaseDatePickerProps & Omit<PropsRange, "mode" | "disabled"> & {
     defaultRange?: DateRange;
+    disabledDates?: PropsRange["disabled"];
     getRangeValue?: (range: DateRange | undefined) => {
         from: string | undefined;
         to: string | undefined;

package/dist/types/components/Form/DatetimeInput/DatetimeInput.d.ts

@@ -46,6 +46,7 @@ export declare const DatetimeInput: import('react').ForwardRefExoticComponent<{
         hideNavigation?: boolean | undefined;
         disableNavigation?: boolean | undefined;
         captionLayout?: "label" | "dropdown" | "dropdown-months" | "dropdown-years" | undefined;
+        navLayout?: "around" | "after" | undefined | undefined;
         fixedWeeks?: boolean | undefined;
         hideWeekdays?: boolean | undefined;
         showWeekNumber?: boolean | undefined;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mbao01/common",
   "private": false,
-  "version": "0.3.0",
+  "version": "0.4.1",
   "type": "module",
   "author": "Ayomide Bakare",
   "license": "MIT",
@@ -69,103 +69,97 @@
     "@dnd-kit/modifiers": "^9.0.0",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
-    "@radix-ui/react-accordion": "^1.2.8",
-    "@radix-ui/react-alert-dialog": "^1.1.11",
-    "@radix-ui/react-avatar": "^1.1.7",
-    "@radix-ui/react-checkbox": "^1.2.3",
-    "@radix-ui/react-collapsible": "^1.1.8",
-    "@radix-ui/react-context-menu": "^2.2.12",
-    "@radix-ui/react-dialog": "^1.1.11",
-    "@radix-ui/react-dropdown-menu": "^2.1.12",
-    "@radix-ui/react-hover-card": "^1.1.11",
-    "@radix-ui/react-label": "^2.1.4",
-    "@radix-ui/react-menubar": "^1.1.12",
-    "@radix-ui/react-navigation-menu": "^1.2.10",
-    "@radix-ui/react-popover": "^1.1.11",
-    "@radix-ui/react-progress": "^1.1.4",
-    "@radix-ui/react-scroll-area": "^1.2.6",
-    "@radix-ui/react-select": "^2.2.2",
-    "@radix-ui/react-separator": "^1.1.4",
-    "@radix-ui/react-slider": "^1.3.2",
-    "@radix-ui/react-slot": "^1.2.0",
-    "@radix-ui/react-tabs": "^1.1.9",
-    "@radix-ui/react-toggle": "^1.1.6",
-    "@radix-ui/react-toggle-group": "^1.1.7",
-    "@radix-ui/react-tooltip": "^1.2.4",
+    "@radix-ui/react-accordion": "^1.2.11",
+    "@radix-ui/react-alert-dialog": "^1.1.14",
+    "@radix-ui/react-avatar": "^1.1.10",
+    "@radix-ui/react-checkbox": "^1.3.2",
+    "@radix-ui/react-collapsible": "^1.1.11",
+    "@radix-ui/react-context-menu": "^2.2.15",
+    "@radix-ui/react-dialog": "^1.1.14",
+    "@radix-ui/react-dropdown-menu": "^2.1.15",
+    "@radix-ui/react-hover-card": "^1.1.14",
+    "@radix-ui/react-label": "^2.1.7",
+    "@radix-ui/react-menubar": "^1.1.15",
+    "@radix-ui/react-navigation-menu": "^1.2.13",
+    "@radix-ui/react-popover": "^1.1.14",
+    "@radix-ui/react-progress": "^1.1.7",
+    "@radix-ui/react-scroll-area": "^1.2.9",
+    "@radix-ui/react-select": "^2.2.5",
+    "@radix-ui/react-separator": "^1.1.7",
+    "@radix-ui/react-slider": "^1.3.5",
+    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-tabs": "^1.1.12",
+    "@radix-ui/react-toggle": "^1.1.9",
+    "@radix-ui/react-toggle-group": "^1.1.10",
+    "@radix-ui/react-tooltip": "^1.2.7",
     "@tailwindcss/typography": "^0.5.16",
-    "chrono-node": "^2.8.0",
+    "chrono-node": "^2.8.3",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
     "date-fns": "^4.1.0",
     "embla-carousel-react": "^8.6.0",
-    "lucide-react": "^0.507.0",
-    "react-day-picker": "^9.6.7",
+    "lucide-react": "^0.522.0",
+    "react-day-picker": "^9.7.0",
     "react-dropzone": "^14.3.8",
     "react-international-phone": "^4.5.0",
     "react-otp-input": "^3.1.1",
-    "react-resizable-panels": "^3.0.0",
-    "sonner": "^2.0.3",
-    "tailwind-merge": "^3.2.0",
+    "react-resizable-panels": "^3.0.3",
+    "sonner": "^2.0.5",
+    "tailwind-merge": "^3.3.1",
     "timescape": "^0.7.1",
     "universal-cookie": "^8.0.1",
     "vaul": "^1.1.2"
   },
   "devDependencies": {
-    "@eslint/js": "^9.26.0",
-    "@ianvs/prettier-plugin-sort-imports": "^4.4.1",
-    "@storybook/addon-a11y": "^8.6.12",
-    "@storybook/addon-coverage": "^1.0.5",
-    "@storybook/addon-essentials": "^8.6.12",
-    "@storybook/addon-interactions": "^8.6.12",
-    "@storybook/addon-links": "^8.6.12",
-    "@storybook/addon-onboarding": "^8.6.12",
-    "@storybook/addon-storysource": "^8.6.12",
-    "@storybook/addon-themes": "^8.6.12",
-    "@storybook/addon-viewport": "^8.6.12",
-    "@storybook/blocks": "^8.6.12",
-    "@storybook/react": "^8.6.12",
-    "@storybook/react-vite": "^8.6.12",
-    "@storybook/test": "^8.6.12",
-    "@storybook/test-runner": "^0.22.0",
-    "@tailwindcss/postcss": "^4.1.5",
-    "@tailwindcss/vite": "^4.1.5",
+    "@eslint/js": "^9.29.0",
+    "@ianvs/prettier-plugin-sort-imports": "^4.4.2",
+    "@storybook/addon-a11y": "^9.0.12",
+    "@storybook/addon-coverage": "^2.0.0",
+    "@storybook/addon-docs": "^9.0.12",
+    "@storybook/addon-links": "^9.0.12",
+    "@storybook/addon-onboarding": "^9.0.12",
+    "@storybook/addon-themes": "^9.0.12",
+    "@storybook/react-vite": "^9.0.12",
+    "@storybook/test-runner": "^0.23.0",
+    "@tailwindcss/postcss": "^4.1.10",
+    "@tailwindcss/vite": "^4.1.10",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
     "@types/jest-image-snapshot": "^6.4.0",
-    "@types/node": "^22.15.3",
-    "@types/react": "^19.1.2",
-    "@types/react-dom": "^19.1.3",
-    "@typescript-eslint/eslint-plugin": "^8.31.1",
-    "@typescript-eslint/parser": "^8.31.1",
-    "@vitejs/plugin-react": "^4.4.1",
-    "@vitest/coverage-v8": "^3.1.2",
-    "@vitest/ui": "^3.1.2",
+    "@types/node": "^24.0.3",
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.1.6",
+    "@typescript-eslint/eslint-plugin": "^8.34.1",
+    "@typescript-eslint/parser": "^8.34.1",
+    "@vitejs/plugin-react": "^4.5.2",
+    "@vitest/coverage-v8": "^3.2.4",
+    "@vitest/ui": "^3.2.4",
     "axe-playwright": "^2.1.0",
-    "daisyui": "^5.0.35",
-    "eslint": "^9.26.0",
+    "daisyui": "^5.0.43",
+    "eslint": "^9.29.0",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.20",
-    "eslint-plugin-storybook": "^0.12.0",
-    "globals": "^16.0.0",
-    "jest-image-snapshot": "^6.4.0",
+    "eslint-plugin-storybook": "^9.0.12",
+    "globals": "^16.2.0",
+    "jest-image-snapshot": "^6.5.1",
     "jsdom": "^26.1.0",
     "path": "^0.12.7",
-    "postcss": "^8.5.3",
+    "postcss": "^8.5.6",
     "prettier": "^3.5.3",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
-    "react-router-dom": "^7.5.3",
-    "recharts": "^2.15.3",
-    "storybook": "^8.6.12",
-    "tailwindcss": "^4.1.5",
+    "react-router-dom": "^7.6.2",
+    "recharts": "^2.15.4",
+    "storybook": "^9.0.12",
+    "tailwindcss": "^4.1.10",
     "typescript": "^5.8.3",
-    "typescript-eslint": "^8.31.1",
-    "vite": "^6.3.4",
-    "vite-plugin-dts": "^4.5.3",
-    "vitest": "^3.1.2"
+    "typescript-eslint": "^8.34.1",
+    "vite": "^6.3.5",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^3.2.4"
   },
   "peerDependencies": {
     "daisyui": "5",
@@ -174,5 +168,5 @@
     "recharts": "2",
     "typescript": "5"
   },
-  "gitHead": "3a70cd973761d6167bd9076eb43a9618469d5b21"
+  "gitHead": "dbd7ef70a813c7ebfde498a82a6646a907370555"
 }

package/src/components/Chart/stories/args/activeShapeArgs.ts

@@ -1,4 +1,4 @@
-import { type ArgTypes } from "@storybook/react";
+import { type ArgTypes } from "@storybook/react-vite";
 
 export const activeShapeArgs: ArgTypes = {
   activeIndex: {

package/src/components/Chart/stories/args/animationArgs.ts

@@ -3,7 +3,7 @@
  * are documented, as well as grouped in case a whole group is needed.
  */
 
-import { type ArgTypes } from "@storybook/react";
+import { type ArgTypes } from "@storybook/react-vite";
 
 export const animateNewValues: ArgTypes[0] = { table: { category: "Animation" } };
 export const animationBegin: ArgTypes[0] = {

package/src/components/Chart/stories/args/areaArgs.ts

@@ -1,4 +1,4 @@
-import { type Args } from "@storybook/react";
+import { type Args } from "@storybook/react-vite";
 import { lineArgs } from "./lineArgs";
 
 export const areaArgs: Args = {

package/src/components/Chart/stories/args/areaChartArgs.ts

@@ -1,4 +1,4 @@
-import { type ArgTypes } from "@storybook/react";
+import { type ArgTypes } from "@storybook/react-vite";
 import { cartesianChartArgs } from "./cartesianChartArgs";
 
 export const areaChartArgs: ArgTypes = {

package/src/components/Chart/stories/args/barArgs.ts

@@ -1,4 +1,4 @@
-import { ArgTypes } from "@storybook/react";
+import { ArgTypes } from "@storybook/react-vite";
 import { animationArgs } from "./animationArgs";
 import { cartesianSharedArgs, data } from "./cartesianSharedArgs";
 import { legendType } from "./legendArgs";

package/src/components/Chart/stories/args/barChartArgs.ts

@@ -1,4 +1,4 @@
-import { type ArgTypes } from "@storybook/react";
+import { type ArgTypes } from "@storybook/react-vite";
 import { categoricalChartArgs } from "./chartArgs";
 
 export const barChartArgs: ArgTypes = {

package/src/components/Chart/stories/args/cartesianChartArgs.ts

@@ -1,4 +1,4 @@
-import { type ArgTypes } from "@storybook/react";
+import { type ArgTypes } from "@storybook/react-vite";
 import { categoricalChartArgs } from "./chartArgs";
 
 export const cartesianChartArgs: ArgTypes = {

package/src/components/Chart/stories/args/cartesianSharedArgs.ts

@@ -1,4 +1,4 @@
-import { type ArgTypes } from "@storybook/react";
+import { type ArgTypes } from "@storybook/react-vite";
 
 export const dataKey: ArgTypes[0] = {
   description: `The key or getter of a group of data.

package/src/components/Chart/stories/args/chartArgs.ts

@@ -1,4 +1,4 @@
-import { ArgTypes } from "@storybook/react";
+import { ArgTypes } from "@storybook/react-vite";
 import { onClick, onMouseDown, onMouseEnter, onMouseLeave, onMouseMove, onMouseUp } from "./events";
 
 export const data: ArgTypes[0] = {

package/src/components/Chart/stories/args/dotArgs.ts

@@ -1,4 +1,4 @@
-import { type ArgTypes } from "@storybook/react";
+import { type ArgTypes } from "@storybook/react-vite";
 
 export const r: ArgTypes[0] = {
   description: "The radius of the dot.",

package/src/components/Chart/stories/args/events.ts

@@ -3,7 +3,7 @@
  * are documented, as well as grouped in case a whole group is needed.
  */
 
-import { type ArgTypes } from "@storybook/react";
+import { type ArgTypes } from "@storybook/react-vite";
 
 export const onAbort = { table: { category: "EventHandlers" } };
 export const onAbortCapture = { table: { category: "EventHandlers" } };

package/src/components/Chart/stories/args/index.ts

@@ -8,7 +8,7 @@ import type {
   XAxisProps,
   YAxisProps,
 } from "recharts";
-import { type ArgTypes } from "@storybook/react";
+import { type ArgTypes } from "@storybook/react-vite";
 import { type CategoricalChartProps } from "recharts/types/chart/generateCategoricalChart";
 import type { Flatten } from "./types";
 import { categorizeArgs } from "../helpers";

package/src/components/Chart/stories/args/labelListArgs.ts

@@ -1,4 +1,4 @@
-import { type ArgTypes } from "@storybook/react";
+import { type ArgTypes } from "@storybook/react-vite";
 
 export const labelListArgs: ArgTypes = {
   dataKey: {

package/src/components/Chart/stories/args/legendArgs.ts

@@ -1,4 +1,4 @@
-import { type ArgTypes } from "@storybook/react";
+import { type ArgTypes } from "@storybook/react-vite";
 
 export const legendType: ArgTypes[0] = {
   description: "The type of icon in legend. If set to 'none', no legend item will be rendered.",

package/src/components/Chart/stories/args/lineArgs.ts

@@ -1,4 +1,4 @@
-import { type Args } from "@storybook/react";
+import { type Args } from "@storybook/react-vite";
 import { dataKey } from "./chartArgs";
 import { generalStyleArgs, hide, labelDescription, labelSummary } from "./stylesArgs";
 

package/src/components/Chart/stories/args/lineChartArgs.ts

@@ -1,4 +1,4 @@
-import { type ArgTypes } from "@storybook/react";
+import { type ArgTypes } from "@storybook/react-vite";
 import { categoricalChartArgs } from "./chartArgs";
 
 export const lineChartArgs: ArgTypes = {

package/src/components/Chart/stories/args/pieArgs.ts

@@ -1,4 +1,4 @@
-import { type Args } from "@storybook/react";
+import { type Args } from "@storybook/react-vite";
 import { polarChartArgs } from "./polarChartArgs";
 import { polarSharedArgs } from "./polarSharedArgs";
 

package/src/components/Chart/stories/args/pieChartArgs.ts

@@ -1,4 +1,4 @@
-import { type ArgTypes } from "@storybook/react";
+import { type ArgTypes } from "@storybook/react-vite";
 import { chartSizeArgs, margin } from "./chartArgs";
 
 export const pieChartArgs: ArgTypes = {

package/src/components/Chart/stories/args/polarChartArgs.ts

@@ -1,4 +1,4 @@
-import { type ArgTypes } from "@storybook/react";
+import { type ArgTypes } from "@storybook/react-vite";
 import { categoricalChartArgs } from "./chartArgs";
 
 export const polarChartArgs: ArgTypes = {

package/src/components/Chart/stories/args/polarSharedArgs.ts

@@ -1,4 +1,4 @@
-import { type ArgTypes } from "@storybook/react";
+import { type ArgTypes } from "@storybook/react-vite";
 import { dataKey } from "./cartesianSharedArgs";
 
 export const polarSharedArgs: ArgTypes = {

package/src/components/Chart/stories/args/radarArgs.ts

@@ -1,4 +1,4 @@
-import { type ArgTypes } from "@storybook/react";
+import { type ArgTypes } from "@storybook/react-vite";
 import { sharedAxisArgs } from "./sharedAxisArgs";
 
 export const radarArgs: ArgTypes = {

package/src/components/Chart/stories/args/radarChartArgs.ts

@@ -1,4 +1,4 @@
-import { type ArgTypes } from "@storybook/react";
+import { type ArgTypes } from "@storybook/react-vite";
 import { categoricalChartArgs } from "./chartArgs";
 
 export const radarChartArgs: ArgTypes = {

package/src/components/Chart/stories/args/radialBarArgs.ts

@@ -1,4 +1,4 @@
-import { type ArgTypes } from "@storybook/react";
+import { type ArgTypes } from "@storybook/react-vite";
 import { animationArgs } from "./animationArgs";
 import { dataKey } from "./chartArgs";
 import { eventArgs } from "./events";

package/src/components/Chart/stories/args/radialBarChartArgs.ts

@@ -1,4 +1,4 @@
-import { type ArgTypes } from "@storybook/react";
+import { type ArgTypes } from "@storybook/react-vite";
 import { barChartArgs } from "./barChartArgs";
 import { polarChartArgs } from "./polarChartArgs";
 

package/src/components/Chart/stories/args/rectangleArgs.ts

@@ -1,4 +1,4 @@
-import { type ArgTypes } from "@storybook/react";
+import { type ArgTypes } from "@storybook/react-vite";
 
 export const radius: ArgTypes[0] = {
   description:

package/src/components/Chart/stories/args/referenceSharedArgs.ts

@@ -1,4 +1,4 @@
-import { type ArgTypes } from "@storybook/react";
+import { type ArgTypes } from "@storybook/react-vite";
 
 export const referenceStyleArgs: ArgTypes = {
   ifOverflow: {

package/src/components/Chart/stories/args/sectorArgs.ts

@@ -1,4 +1,4 @@
-import { type ArgTypes } from "@storybook/react";
+import { type ArgTypes } from "@storybook/react-vite";
 
 /**
  * Caveat: If any prop is added here, it would falsely be add to the documentation of the component

package/src/components/Chart/stories/args/sharedAxisArgs.ts

@@ -1,4 +1,4 @@
-import { type ArgTypes } from "@storybook/react";
+import { type ArgTypes } from "@storybook/react-vite";
 
 export const sharedAxisArgs: ArgTypes = {
   hide: {

package/src/components/Chart/stories/args/stylesArgs.ts

@@ -1,4 +1,4 @@
-import type { Args, ArgTypes } from "@storybook/react";
+import type { Args, ArgTypes } from "@storybook/react-vite";
 
 export const hide: ArgTypes[0] = {
   description: "Hides the component when true, useful when toggling visibility state via legend",

package/src/components/Chart/stories/args/textArgs.ts

@@ -1,4 +1,4 @@
-import { type ArgTypes } from "@storybook/react";
+import { type ArgTypes } from "@storybook/react-vite";
 
 export const textArgs: ArgTypes = {
   content: {

package/src/components/Chart/stories/args/tooltipArgs.ts

@@ -1,4 +1,4 @@
-import { type ArgTypes } from "@storybook/react";
+import { type ArgTypes } from "@storybook/react-vite";
 
 export const tooltipType: ArgTypes[0] = {
   description: `If set to be 'none', no series data is shown in tooltip.`,

package/src/components/Chart/stories/args/xAxisArgs.ts

@@ -1,4 +1,4 @@
-import { type ArgTypes } from "@storybook/react";
+import { type ArgTypes } from "@storybook/react-vite";
 import { sharedAxisArgs } from "./sharedAxisArgs";
 
 export const xAxisArgs: ArgTypes = {

package/src/components/Chart/stories/args/yAxisArgs.ts

@@ -1,4 +1,4 @@
-import { type ArgTypes } from "@storybook/react";
+import { type ArgTypes } from "@storybook/react-vite";
 import { sharedAxisArgs } from "./sharedAxisArgs";
 
 export const yAxisArgs: ArgTypes = {

package/src/components/Chart/stories/helpers/index.tsx

@@ -1,4 +1,4 @@
-import type { ArgTypes, StoryContext } from "@storybook/react";
+import type { ArgTypes, StoryContext } from "@storybook/react-vite";
 import type { ComponentProps, ElementType } from "react";
 
 export const categorizeArgs = (args: ArgTypes, category: string) => {

package/src/components/DatePicker/DateRangePicker.tsx

@@ -18,6 +18,7 @@ export const DateRangePicker = ({
   outline,
   variant,
   disabled,
+  disabledDates,
   defaultRange,
   getRangeValue = (range) => ({
     from: range?.from?.toUTCString(),
@@ -82,6 +83,7 @@ export const DateRangePicker = ({
           autoFocus
           mode="range"
           selected={range}
+          disabled={disabledDates}
           onSelect={setRange}
           captionLayout="label"
           {...props}

package/src/components/DatePicker/types.ts

@@ -22,8 +22,9 @@ export type DatePickerProps = BaseDatePickerProps &
   };
 
 export type DateRangePickerProps = BaseDatePickerProps &
-  Omit<PropsRange, "mode"> & {
+  Omit<PropsRange, "mode" | "disabled"> & {
     defaultRange?: DateRange;
+    disabledDates?: PropsRange["disabled"];
     getRangeValue?: (range: DateRange | undefined) => {
       from: string | undefined;
       to: string | undefined;