@pantheon-systems/pds-toolkit-react 1.0.0-dev.9998 → 1.0.0

package/_dist/mocks/data/navigation-items.d.ts

@@ -1,30 +1,30 @@
-import React from 'react';
-import type { SideNavGlobalItemProps } from '@components/navigation/SideNavGlobal/SideNavGlobalItem';
+import type { SideNavGlobalItemProps } from '../../components/navigation/SideNavGlobal/SideNavGlobalItem';
+import type { WorkspaceSelectorItem } from '../../components/navigation/WorkspaceSelector/WorkspaceSelector';
 export declare const dialogMsgBase = "Activated menu item => ";
-import { UserMenuItem } from '@components/navigation/UserMenu/UserMenu';
+import { UserMenuItem } from '../../components/navigation/UserMenu/UserMenu';
 export declare const buttonNavSampleMenuItems: ({
-    linkContent: React.JSX.Element;
+    linkContent: import("react/jsx-runtime").JSX.Element;
     isActive: boolean;
 } | {
-    linkContent: React.JSX.Element;
+    linkContent: import("react/jsx-runtime").JSX.Element;
     isActive?: undefined;
 })[];
 export declare const buttonNavSampleMenuItemsRR: {
-    linkContent: React.JSX.Element;
+    linkContent: import("react/jsx-runtime").JSX.Element;
 }[];
 export declare const blogMenuItems: {
-    linkContent: React.JSX.Element;
+    linkContent: import("react/jsx-runtime").JSX.Element;
 }[];
 export declare const dashboardNavSampleMenuItems: SideNavGlobalItemProps[];
 export declare const dashboardNavSampleMenuItemsRR: SideNavGlobalItemProps[];
 export declare const documentationMenuItems: ({
     label: string;
     links: {
-        linkContent: React.JSX.Element;
+        linkContent: import("react/jsx-runtime").JSX.Element;
     }[];
     linkContent?: undefined;
 } | {
-    linkContent: React.JSX.Element;
+    linkContent: import("react/jsx-runtime").JSX.Element;
     label?: undefined;
     links?: undefined;
 })[];
@@ -47,18 +47,18 @@ export declare const helpMenuItems: ({
 export declare const micrositeMenuItems: ({
     label: string;
     links: {
-        linkContent: React.JSX.Element;
+        linkContent: import("react/jsx-runtime").JSX.Element;
     }[];
     linkContent?: undefined;
 } | {
-    linkContent: React.JSX.Element;
+    linkContent: import("react/jsx-runtime").JSX.Element;
     label?: undefined;
     links?: undefined;
 })[];
-export declare const navMenuSampleMenuItems: ({
+export declare const navMenuSampleNavMenuItems: ({
     label: string;
     links: ({
-        linkContent: React.JSX.Element;
+        linkContent: import("react/jsx-runtime").JSX.Element;
         isSeparator?: undefined;
     } | {
         isSeparator: boolean;
@@ -67,20 +67,20 @@ export declare const navMenuSampleMenuItems: ({
     linkContent?: undefined;
     isActive?: undefined;
 } | {
-    linkContent: React.JSX.Element;
+    linkContent: import("react/jsx-runtime").JSX.Element;
     isActive: boolean;
     label?: undefined;
     links?: undefined;
 } | {
-    linkContent: React.JSX.Element;
+    linkContent: import("react/jsx-runtime").JSX.Element;
     label?: undefined;
     links?: undefined;
     isActive?: undefined;
 })[];
-export declare const navMenuSampleMenuItemsRR: ({
+export declare const navMenuSampleNavMenuItemsRR: ({
     label: string;
     links: ({
-        linkContent: React.JSX.Element;
+        linkContent: import("react/jsx-runtime").JSX.Element;
         isSeparator?: undefined;
     } | {
         isSeparator: boolean;
@@ -88,7 +88,7 @@ export declare const navMenuSampleMenuItemsRR: ({
     })[];
     linkContent?: undefined;
 } | {
-    linkContent: React.JSX.Element;
+    linkContent: import("react/jsx-runtime").JSX.Element;
     label?: undefined;
     links?: undefined;
 })[];
@@ -112,111 +112,111 @@ export declare const sampleSites: ({
     type?: undefined;
 })[];
 export declare const sideNavSampleMenuItems: ({
-    linkContent: React.JSX.Element;
+    linkContent: import("react/jsx-runtime").JSX.Element;
     links?: undefined;
 } | {
-    linkContent: React.JSX.Element;
+    linkContent: import("react/jsx-runtime").JSX.Element;
     links: {
-        linkContent: React.JSX.Element;
+        linkContent: import("react/jsx-runtime").JSX.Element;
     }[];
 } | {
     linkContent: string;
     links: ({
-        linkContent: React.JSX.Element;
+        linkContent: import("react/jsx-runtime").JSX.Element;
         isActive?: undefined;
     } | {
-        linkContent: React.JSX.Element;
+        linkContent: import("react/jsx-runtime").JSX.Element;
         isActive: boolean;
     })[];
 })[];
 export declare const sideNavSampleMenuItemsWithTallies: ({
-    linkContent: React.JSX.Element;
+    linkContent: import("react/jsx-runtime").JSX.Element;
     links?: undefined;
 } | {
-    linkContent: React.JSX.Element;
+    linkContent: import("react/jsx-runtime").JSX.Element;
     links: {
-        linkContent: React.JSX.Element;
+        linkContent: import("react/jsx-runtime").JSX.Element;
     }[];
 } | {
     linkContent: string;
     links: ({
-        linkContent: React.JSX.Element;
+        linkContent: import("react/jsx-runtime").JSX.Element;
         isActive?: undefined;
     } | {
-        linkContent: React.JSX.Element;
+        linkContent: import("react/jsx-runtime").JSX.Element;
         isActive: boolean;
     })[];
 })[];
 export declare const sideNavSampleMenuItemsRR: ({
-    linkContent: React.JSX.Element;
+    linkContent: import("react/jsx-runtime").JSX.Element;
     links?: undefined;
 } | {
     linkContent: string;
     links: {
-        linkContent: React.JSX.Element;
+        linkContent: import("react/jsx-runtime").JSX.Element;
     }[];
 })[];
 export declare const sideNavSampleMenuItemsMultidev: ({
-    linkContent: React.JSX.Element;
+    linkContent: import("react/jsx-runtime").JSX.Element;
     isActive: boolean;
 } | {
-    linkContent: React.JSX.Element;
+    linkContent: import("react/jsx-runtime").JSX.Element;
     isActive?: undefined;
 })[];
 export declare const sideNavSampleMenuItemsCode: ({
-    linkContent: React.JSX.Element;
+    linkContent: import("react/jsx-runtime").JSX.Element;
     isActive: boolean;
 } | {
-    linkContent: React.JSX.Element;
+    linkContent: import("react/jsx-runtime").JSX.Element;
     isActive?: undefined;
 })[];
 export declare const sideNavCompactSampleMenuItems: ({
-    linkContent: React.JSX.Element;
+    linkContent: import("react/jsx-runtime").JSX.Element;
     links?: undefined;
 } | {
     linkContent: string;
     links: {
-        linkContent: React.JSX.Element;
+        linkContent: import("react/jsx-runtime").JSX.Element;
     }[];
 } | {
-    linkContent: React.JSX.Element;
+    linkContent: import("react/jsx-runtime").JSX.Element;
     links: ({
         linkContent: string;
         links: ({
-            linkContent: React.JSX.Element;
+            linkContent: import("react/jsx-runtime").JSX.Element;
             links: ({
-                linkContent: React.JSX.Element;
+                linkContent: import("react/jsx-runtime").JSX.Element;
                 isActive: boolean;
             } | {
-                linkContent: React.JSX.Element;
+                linkContent: import("react/jsx-runtime").JSX.Element;
                 isActive?: undefined;
             })[];
         } | {
-            linkContent: React.JSX.Element;
+            linkContent: import("react/jsx-runtime").JSX.Element;
             links?: undefined;
         })[];
     } | {
-        linkContent: React.JSX.Element;
+        linkContent: import("react/jsx-runtime").JSX.Element;
         links?: undefined;
     })[];
 })[];
 export declare const sideNavCompactSampleMenuItemsRR: ({
-    linkContent: React.JSX.Element;
+    linkContent: import("react/jsx-runtime").JSX.Element;
     links?: undefined;
 } | {
     linkContent: string;
     links: {
-        linkContent: React.JSX.Element;
+        linkContent: import("react/jsx-runtime").JSX.Element;
     }[];
 } | {
-    linkContent: React.JSX.Element;
+    linkContent: import("react/jsx-runtime").JSX.Element;
     links: ({
         linkContent: string;
         links: {
-            linkContent: React.JSX.Element;
+            linkContent: import("react/jsx-runtime").JSX.Element;
         }[];
     } | {
-        linkContent: React.JSX.Element;
+        linkContent: import("react/jsx-runtime").JSX.Element;
         links?: undefined;
     })[];
 })[];
@@ -229,20 +229,20 @@ export declare const tabMenuSampleMenuItems: ({
         noResultsText: string;
     };
     icon: string;
-    linkContent: React.JSX.Element;
+    linkContent: import("react/jsx-runtime").JSX.Element;
     links: {
-        linkContent: React.JSX.Element;
+        linkContent: import("react/jsx-runtime").JSX.Element;
     }[];
     isActive?: undefined;
 } | {
     icon: string;
-    linkContent: React.JSX.Element;
+    linkContent: import("react/jsx-runtime").JSX.Element;
     isActive: boolean;
     dropdownSettings?: undefined;
     links?: undefined;
 } | {
     icon: string;
-    linkContent: React.JSX.Element;
+    linkContent: import("react/jsx-runtime").JSX.Element;
     dropdownSettings?: undefined;
     links?: undefined;
     isActive?: undefined;
@@ -256,112 +256,23 @@ export declare const tabMenuSampleMenuItemsMultidev: ({
         noResultsText: string;
     };
     icon: string;
-    linkContent: React.JSX.Element;
+    linkContent: import("react/jsx-runtime").JSX.Element;
     links: ({
-        linkContent: React.JSX.Element;
+        linkContent: import("react/jsx-runtime").JSX.Element;
         isActive?: undefined;
     } | {
-        linkContent: React.JSX.Element;
+        linkContent: import("react/jsx-runtime").JSX.Element;
         isActive: boolean;
     })[];
     promoteActiveChildLink: boolean;
 } | {
     icon: string;
-    linkContent: React.JSX.Element;
+    linkContent: import("react/jsx-runtime").JSX.Element;
     dropdownSettings?: undefined;
     links?: undefined;
     promoteActiveChildLink?: undefined;
 })[];
 export declare const userMenuSampleItems: UserMenuItem[];
-export declare const workspaceItemsSimple: ({
-    displayName: string;
-    workspaceId: string;
-    workspaceLink: React.JSX.Element;
-    imageSrc?: undefined;
-    planTier?: undefined;
-    isUnprivileged?: undefined;
-    isActive?: undefined;
-} | {
-    displayName: string;
-    imageSrc: string;
-    planTier: string;
-    workspaceId: string;
-    workspaceLink: React.JSX.Element;
-    isUnprivileged?: undefined;
-    isActive?: undefined;
-} | {
-    displayName: string;
-    imageSrc: string;
-    planTier: string;
-    workspaceId: string;
-    workspaceLink: React.JSX.Element;
-    isUnprivileged: boolean;
-    isActive?: undefined;
-} | {
-    displayName: string;
-    planTier: string;
-    workspaceId: string;
-    workspaceLink: React.JSX.Element;
-    isActive: boolean;
-    imageSrc?: undefined;
-    isUnprivileged?: undefined;
-} | {
-    displayName: string;
-    planTier: string;
-    workspaceId: string;
-    workspaceLink: React.JSX.Element;
-    imageSrc?: undefined;
-    isUnprivileged?: undefined;
-    isActive?: undefined;
-})[];
-export declare const workspaceItemsPersonal: ({
-    displayName: string;
-    workspaceId: string;
-    workspaceLink: React.JSX.Element;
-    isActive: boolean;
-    imageSrc?: undefined;
-    planTier?: undefined;
-} | {
-    displayName: string;
-    imageSrc: string;
-    planTier: string;
-    workspaceId: string;
-    workspaceLink: React.JSX.Element;
-    isActive?: undefined;
-} | {
-    displayName: string;
-    planTier: string;
-    workspaceId: string;
-    workspaceLink: React.JSX.Element;
-    isActive?: undefined;
-    imageSrc?: undefined;
-})[];
-export declare const workspaceItemsLonger: ({
-    displayName: string;
-    workspaceId: string;
-    workspaceLink: React.JSX.Element;
-    imageSrc?: undefined;
-    planTier?: undefined;
-    isActive?: undefined;
-} | {
-    displayName: string;
-    imageSrc: string;
-    planTier: string;
-    workspaceId: string;
-    workspaceLink: React.JSX.Element;
-    isActive?: undefined;
-} | {
-    displayName: string;
-    planTier: string;
-    workspaceId: string;
-    workspaceLink: React.JSX.Element;
-    imageSrc?: undefined;
-    isActive?: undefined;
-} | {
-    displayName: string;
-    planTier: string;
-    workspaceId: string;
-    workspaceLink: React.JSX.Element;
-    isActive: boolean;
-    imageSrc?: undefined;
-})[];
+export declare const workspaceItemsSimple: WorkspaceSelectorItem[];
+export declare const workspaceItemsPersonal: WorkspaceSelectorItem[];
+export declare const workspaceItemsLonger: WorkspaceSelectorItem[];

package/_dist/mocks/markup/dashboard-main-content.d.ts

@@ -1,10 +1,9 @@
-import React from 'react';
 export declare const DemoDashboardInnerHeaderLeft: ({ slot: _slot, }: {
     slot?: string;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const DemoDashboardInnerHeaderRight: ({ slot: _slot, }: {
     slot?: string;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const DemoDashboardContent: ({ slot: _slot }: {
     slot?: string;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/_dist/mocks/markup/dashboard-navigation.d.ts

@@ -1,11 +1,10 @@
-import React from 'react';
 export declare const DemoDashboardSidebarNav: ({ slot: _slot }: {
     slot?: string;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const DemoDashboardFooter: ({ slot: _slot }: {
     slot?: string;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const DemoDashboardNavbar: ({ isAdmin, slot: _slot, }: {
     isAdmin?: boolean;
     slot?: string;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/_dist/mocks/markup/inputs.d.ts

@@ -1,2 +1 @@
-import React from 'react';
-export declare const sampleMessage: React.JSX.Element;
+export declare const sampleMessage: import("react/jsx-runtime").JSX.Element;

package/_dist/mocks/markup/modal.d.ts

@@ -1,2 +1 @@
-import React from 'react';
-export declare const ModalWithForm: () => React.JSX.Element;
+export declare const ModalWithForm: () => import("react/jsx-runtime").JSX.Element;

package/_dist/mocks/markup/panel-row-content.d.ts

@@ -1,16 +1,15 @@
-import React from 'react';
 export declare const PanelRowDemoItemsLeft: ({ slot: _slot }: {
     slot?: string;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const PanelRowDemoItemsLeftList: ({ slot: _slot, }: {
     slot?: string;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const PanelRowDemoItemsRight: ({ slot: _slot }: {
     slot?: string;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const PanelRowDemoItemsDropdown: ({ slot: _slot, }: {
     slot?: string;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const PanelRowDemoItemsBelow: ({ slot: _slot }: {
     slot?: string;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/_dist/utilities/color/color-preview-swatches.d.ts

@@ -1,13 +1,12 @@
-import React from 'react';
 import './color-preview-swatches.css';
 export declare const SwatchButton: ({ clipboardText, color, type, }: {
-    color: string;
     clipboardText: string;
+    color: string;
     type: "background" | "foreground" | "border";
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 interface ColorPreviewSwatchesProps {
     colors: string[];
     type: 'background' | 'foreground' | 'border';
 }
-export declare const ColorPreviewSwatches: ({ colors, type, }: ColorPreviewSwatchesProps) => React.JSX.Element;
+export declare const ColorPreviewSwatches: ({ colors, type, }: ColorPreviewSwatchesProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/_dist/utilities/context-providers/OverlayContext/OverlayContext.d.ts

@@ -0,0 +1,12 @@
+import React, { ReactNode } from 'react';
+interface OverlayContextType {
+    closeOverlay: () => void;
+    hasOpenOverlay: boolean;
+    openOverlay: () => void;
+}
+export declare const OverlayContext: React.Context<OverlayContextType>;
+export declare const OverlayContextProvider: ({ children, }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useOverlayContext: () => OverlayContextType;
+export {};

package/_dist/utilities/context-providers/ResponsiveContext/ResponsiveContext.d.ts

@@ -3,4 +3,4 @@ export declare const ResponsiveContext: React.Context<any>;
 export declare const ResponsiveContextProvider: ({ children, mobileMenuMaxWidth, }: {
     children: any;
     mobileMenuMaxWidth?: number;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/_dist/vars/animation.d.ts

@@ -1,5 +1,5 @@
 export const ANIMATION_TRANSITION_DEFAULT_DURATION: 200;
 export const ANIMATION_TRANSITION_DEFAULT_DELAY: 0;
-export const ANIMATION_TRANSITION_DEFAULT_TIMING_FUNCTION: "ease-in-out";
+export const ANIMATION_TRANSITION_DEFAULT_TIMING_FUNCTION: "cubic-bezier(.2, 0, 0, 1)";
 export const ANIMATION_TRANSITION_REVEAL_DURATION: 300;
-export const ANIMATION_TRANSITION_REVEAL_TIMING_FUNCTION: "ease-out";
+export const ANIMATION_TRANSITION_REVEAL_TIMING_FUNCTION: "cubic-bezier(.2, 0, 0, 1)";

package/package.json

@@ -1,8 +1,8 @@
 {
 	"name": "@pantheon-systems/pds-toolkit-react",
-	"description": "PDS toolkit built using the React framework",
 	"technology": "React",
-	"version": "1.0.0-dev.9998",
+	"version": "1.0.0",
+	"description": "PDS toolkit built using the React framework",
 	"publishConfig": {
 		"access": "public",
 		"registry": "https://registry.npmjs.org/",
@@ -37,26 +37,27 @@
 	],
 	"type": "module",
 	"scripts": {
-		"build": "npm run vite build && npm run build:types || true",
-		"build:types": "tsc -p tsconfig.build.json",
-		"postbuild": "npm run build:css && npm run build:css:components && npm run build:css:layouts && npm run build:css:packageExtraCss",
+		"build:lib": "vite build && npm run build:types",
+		"build:types": "tsc -p tsconfig.build.json && tsc-alias -p tsconfig.build.json",
+		"postbuild:lib": "npm run build:css && npm run build:css:components && npm run build:css:layouts && npm run build:css:packageExtraCss",
 		"build:css": "postcss src/core.css -o _dist/css/pds-core.css",
 		"build:css:components": "postcss src/components/index.css -o _dist/css/pds-components.css",
 		"build:css:layouts": "postcss src/layouts/index.css -o _dist/css/pds-layouts.css",
 		"build:css:packageExtraCss": "node scripts/package-extra-css.js",
 		"build:css:watch": "npm run build:css -- -w",
-		"typecheck:tsc": "tsc --noEmit",
-		"typecheck:attw": "attw --pack . --ignore-rules cjs-resolves-to-esm no-resolution internal-resolution-error",
-		"typecheck:publint": "npx publint",
-		"typecheck": "npm run typecheck:attw && npm run typecheck:publint && npm run typecheck:tsc",
 		"prestorybook": "npm run build:css",
 		"storybook": "storybook dev -p 6006",
-		"prestorybook:build": "npm run build:css",
-		"storybook:build": "storybook build",
+		"prebuild": "npm run build:css",
+		"build": "storybook build",
+		"build-storybook": "storybook build",
+		"predeploy:pantheon": "npm run build:css",
+		"deploy:pantheon": "storybook build",
+		"start": "node index.js",
 		"develop": "concurrently --raw --kill-others \"npm run storybook\" \"npm run build:css:watch\"",
-		"eslint": "eslint --ext .jsx,.tsx,.js,.ts",
-		"eslint:all": "eslint src --ext .jsx,.tsx,.js,.ts --cache",
-		"format:fix": "prettier . --write && npm run eslint:all -- --fix",
+		"typecheck": "npm run typecheck:attw && npm run typecheck:publint && npm run typecheck:tsc",
+		"typecheck:tsc": "tsc --noEmit",
+		"typecheck:attw": "attw --pack . --ignore-rules cjs-resolves-to-esm no-resolution internal-resolution-error",
+		"typecheck:publint": "npx publint",
 		"pretest": "npm run build:css",
 		"test": "playwright test",
 		"pretest:vrt": "npm run build:css",
@@ -64,51 +65,54 @@
 		"pretest:vrt:update": "npm run build:css",
 		"test:vrt:update": "npm run test:vrt -- --update-snapshots",
 		"pretest:a11y:generate": "npm run build:css",
-		"test:a11y:generate": "npm run storybook:build && npx sb extract && node __tests__/a11y/a11y.generate-tests.js",
-		"test:a11y": "playwright test --project 'a11y'",
+		"test:a11y:generate": "DISABLE_A11Y_ADDON=true npm run build && node __tests__/a11y/a11y.generate-tests.js",
+		"test:a11y": "USE_STATIC_STORYBOOK=true DISABLE_A11Y_ADDON=true playwright test --project 'a11y'",
 		"test:a11y:results": "npx http-server ./__tests__/a11y/results/",
-		"predeploy:pantheon": "npm run build:css",
-		"deploy:pantheon": "storybook build",
+		"eslint": "eslint --ext .jsx,.tsx,.js,.ts",
+		"eslint:all": "eslint src --ext .jsx,.tsx,.js,.ts --cache",
+		"format:fix": "prettier . --write && npm run eslint:all -- --fix",
 		"generate:component": "plop component",
 		"generate:layout": "plop layout",
 		"generate:foundation": "plop foundation",
 		"generate:pattern": "plop pattern",
 		"generate:utility": "plop utility",
-		"prepare": "husky install",
-		"build-storybook": "storybook build",
-		"vite": "vite"
+		"test:version-switcher": "bash scripts/test-version-switcher.sh",
+		"pack:local": "bash scripts/pack-local.sh",
+		"prepare": "husky install"
 	},
 	"devDependencies": {
 		"@arethetypeswrong/cli": "^0.15.3",
-		"@axe-core/playwright": "^4.7.0",
+		"@axe-core/playwright": "^4.11.0",
 		"@babel/preset-env": "^7.21.5",
 		"@babel/preset-react": "^7.18.6",
 		"@csstools/postcss-design-tokens": "^2.0.4",
 		"@csstools/postcss-global-data": "^1.0.3",
 		"@playwright/test": "^1.36.2",
-		"@storybook/addon-a11y": "^8.2.4",
-		"@storybook/addon-essentials": "^8.2.4",
-		"@storybook/addon-interactions": "^8.2.4",
-		"@storybook/addon-links": "^8.2.4",
-		"@storybook/addon-webpack5-compiler-swc": "^1.0.2",
-		"@storybook/blocks": "^8.2.4",
-		"@storybook/react": "^8.2.4",
-		"@storybook/react-vite": "^8.2.4",
-		"@storybook/react-webpack5": "^8.2.4",
-		"@storybook/test": "^8.2.4",
-		"@storybook/theming": "^8.2.4",
+		"@storybook/addon-a11y": "^10.1.7",
+		"@storybook/addon-docs": "^10.1.7",
+		"@storybook/addon-links": "^10.1.7",
+		"@storybook/addon-webpack5-compiler-swc": "^4.0.2",
+		"@storybook/react-vite": "^10.1.7",
+		"@storybook/react-webpack5": "^10.1.7",
 		"@types/prismjs": "^1.26.5",
-		"@typescript-eslint/eslint-plugin": "^7.7.0",
-		"@typescript-eslint/parser": "^7.7.0",
+		"@types/react": "^19.2.2",
+		"@typescript-eslint/eslint-plugin": "^8.47.0",
+		"@typescript-eslint/parser": "^8.47.0",
 		"@vitejs/plugin-react": "^4.3.0",
+		"@vueless/storybook-dark-mode": "^9.0.9",
 		"axe-html-reporter": "^2.2.3",
 		"concurrently": "^8.0.1",
 		"cssnano": "^6.0.1",
 		"eslint": "^8.57.0",
 		"eslint-config-prettier": "^9.1.0",
+		"eslint-import-resolver-typescript": "^4.4.4",
+		"eslint-plugin-import": "^2.32.0",
 		"eslint-plugin-prettier": "^5.1.3",
 		"eslint-plugin-react": "^7.32.2",
-		"eslint-plugin-storybook": "^0.8.0",
+		"eslint-plugin-simple-import-sort": "^12.1.1",
+		"eslint-plugin-sort-destructure-keys": "^2.0.0",
+		"eslint-plugin-storybook": "^10.1.7",
+		"eslint-plugin-typescript-sort-keys": "^3.3.0",
 		"fast-glob": "^3.3.2",
 		"husky": "^8.0.3",
 		"lint-staged": "^13.2.3",
@@ -124,10 +128,10 @@
 		"prettier-plugin-css-order": "^2.1.2",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
-		"storybook": "^8.2.4",
-		"storybook-dark-mode": "^4.0.1",
+		"storybook": "^10.1.7",
+		"tsc-alias": "^1.8.16",
 		"typescript": "^5.4.5",
-		"vite": "^5.2.11",
+		"vite": "^7.2.2",
 		"vite-plugin-lib-inject-css": "^2.1.1",
 		"vite-tsconfig-paths": "^4.3.2"
 	},
@@ -138,22 +142,25 @@
 	"dependencies": {
 		"@floating-ui/react": "^0.24.3",
 		"@floating-ui/react-dom": "~1.3.0",
-		"@pantheon-systems/pds-design-tokens": "^1.0.0-dev.164",
+		"@pantheon-systems/pds-design-tokens": "^1.0.0",
 		"@reactuses/core": "^5.0.15",
+		"date-fns": "^4.1.0",
 		"downshift": "^9.0.8",
+		"express": "^4.22.1",
+		"express-rate-limit": "^8.2.1",
 		"focus-trap-react": "^10.2.1",
 		"hash-sum": "^2.0.0",
 		"prism-react-renderer": "^2.4.1",
 		"prismjs": "^1.29.0",
 		"react-code-block": "^1.1.1",
+		"react-day-picker": "^9.11.1",
 		"react-device-detect": "^2.2.3",
 		"react-hotkeys-hook": "^4.5.1",
 		"react-router-dom": "^6.13.0",
 		"react-toastify": "^9.0.3"
 	},
 	"lint-staged": {
-		"src/**/*.{js,jsx,ts,tsx}": [
-			"npm run eslint"
-		]
+		"*": "prettier --write --ignore-unknown",
+		"src/**/*.{js,jsx,ts,tsx}": "npm run eslint -- --fix"
 	}
 }