@tmorrow/cre8-react 1.0.14

package/lib/components/TertiaryNav/TertiaryNav.d.ts

@@ -0,0 +1,2 @@
+import { Cre8TertiaryNav as Cre8TertiaryNavElement } from '@tmorrow/cre8-wc/lib/components/tertiary-nav/tertiary-nav';
+export declare const Cre8TertiaryNav: import("@lit/react").ReactWebComponent<Cre8TertiaryNavElement, {}>;

package/lib/components/TertiaryNav/TertiaryNav.js

@@ -0,0 +1,8 @@
+import { createComponent } from '@lit/react';
+import { Cre8TertiaryNav as Cre8TertiaryNavElement } from '@tmorrow/cre8-wc/lib/components/tertiary-nav/tertiary-nav';
+import React from 'react';
+export const Cre8TertiaryNav = createComponent({
+    react: React,
+    tagName: 'Cre8-tertiary-nav',
+    elementClass: Cre8TertiaryNavElement,
+});

package/lib/components/TertiaryNav/index.d.ts

@@ -0,0 +1 @@
+export * from './TertiaryNav';

package/lib/components/TertiaryNav/index.js

@@ -0,0 +1 @@
+export * from './TertiaryNav';

package/lib/components/TertiaryNavItem/TertiaryNavItem.d.ts

@@ -0,0 +1,2 @@
+import { Cre8TertiaryNavItem as Cre8TertiaryNavItemElement } from '@tmorrow/cre8-wc/lib/components/tertiary-nav-item/tertiary-nav-item';
+export declare const Cre8TertiaryNavItem: import("@lit/react").ReactWebComponent<Cre8TertiaryNavItemElement, {}>;

package/lib/components/TertiaryNavItem/TertiaryNavItem.js

@@ -0,0 +1,8 @@
+import { createComponent } from '@lit/react';
+import { Cre8TertiaryNavItem as Cre8TertiaryNavItemElement } from '@tmorrow/cre8-wc/lib/components/tertiary-nav-item/tertiary-nav-item';
+import React from 'react';
+export const Cre8TertiaryNavItem = createComponent({
+    react: React,
+    tagName: 'Cre8-tertiary-nav-item',
+    elementClass: Cre8TertiaryNavItemElement,
+});

package/lib/components/TertiaryNavItem/index.d.ts

@@ -0,0 +1 @@
+export * from './TertiaryNavItem';

package/lib/components/TertiaryNavItem/index.js

@@ -0,0 +1 @@
+export * from './TertiaryNavItem';

package/lib/components/TextLink/TextLink.d.ts

@@ -0,0 +1,2 @@
+import { Cre8TextLink as Cre8TextLinkElement } from '@tmorrow/cre8-wc/lib/components/text-link/text-link';
+export declare const Cre8TextLink: import("@lit/react").ReactWebComponent<Cre8TextLinkElement, {}>;

package/lib/components/TextLink/TextLink.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { Cre8TextLink as Cre8TextLinkElement } from '@tmorrow/cre8-wc/lib/components/text-link/text-link';
+export const Cre8TextLink = createComponent({
+    react: React,
+    tagName: 'Cre8-text-link',
+    elementClass: Cre8TextLinkElement,
+});

package/lib/components/TextLink/index.d.ts

@@ -0,0 +1 @@
+export * from './TextLink';

package/lib/components/TextLink/index.js

@@ -0,0 +1 @@
+export * from './TextLink';

package/lib/components/TextPassage/TextPassage.d.ts

@@ -0,0 +1,2 @@
+import { Cre8TextPassage as Cre8TextPassageElement } from '@tmorrow/cre8-wc/lib/components/text-passage/text-passage';
+export declare const Cre8TextPassage: import("@lit/react").ReactWebComponent<Cre8TextPassageElement, {}>;

package/lib/components/TextPassage/TextPassage.js

@@ -0,0 +1,8 @@
+import { createComponent } from '@lit/react';
+import { Cre8TextPassage as Cre8TextPassageElement } from '@tmorrow/cre8-wc/lib/components/text-passage/text-passage';
+import React from 'react';
+export const Cre8TextPassage = createComponent({
+    react: React,
+    tagName: 'Cre8-text-passage',
+    elementClass: Cre8TextPassageElement,
+});

package/lib/components/TextPassage/index.d.ts

@@ -0,0 +1 @@
+export * from './TextPassage';

package/lib/components/TextPassage/index.js

@@ -0,0 +1 @@
+export * from './TextPassage';

package/lib/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,40 @@
+import { EventName } from '@lit/react';
+import { Cre8Tooltip as Cre8TooltipElement } from '@tmorrow/cre8-wc/lib/components/tooltip/tooltip';
+import { Cre8DomEvent } from '../../util/Cre8DomEvent';
+/**
+ * The purpose of tooltips is to provide a tip or hint about what a tool, icon, link, or other interaction does.
+ * If you need to present a call to action with perhaps a button for the user to click, then use
+ * [Popover](/docs/Cre8-components-popover--docs) instead.
+ *
+ * ##Tooltip Styles
+ * There are 4 alignment options for Tooltips: Top, Bottom, Right, and Left. Default placement is Bottom, below the
+ * element it is describing. Top or Bottom alignment are the the preferred placement, particularly on screens that
+ * have a more narrow viewport. Tooltips utilize Global styles and are not affected by brand themes.
+ *
+ * **With icon**
+ * - **iconRotateDegree** & **iconFlipDirection** props are optional.
+ * - They are used to set up the correct dirrection for icons, for example,
+ * arrows, caret up or caret down.
+ *
+ * ##Usability Considerations
+ * With the exception of icons - which should always have alt text at a minimum - the UI should never rely on
+ * Tooltips for clarity, especially because they are not always discovered by the user. If the user cannot
+ * intuitively understand the interface without Tooltips, the interface should be redesigned.
+ *
+ * ##How to use
+ * - Use Tooltips to clarify the UI element the user is interacting with, not to add additional content on the page.
+ * Also, do not simply restate content on the page, for example, the title of the field.
+ * - Tooltips should be short and to the point. Example: "Click X to do X" or "Icon Description." If a succinct
+ * description is not possible, the interaction element should be redesigned.
+ * - In a mouse-driven UI, Tooltips are triggered on hover (mouseover) and dismissed (disappear) when the user mouses
+ * away from the element. In touch UIs, a Tooltip is triggered by tapping and holding an item. The Tooltip is
+ * displayed as long as the user continues to hold the element. Tap and hold is a more advanced user behavior, and
+ * further reason for not relying on Tooltips. A novice user may never discover tap and hold for Tooltips.
+ *
+ * @slot default - Default, unnamed slot container for Tooltip text
+ * @slot trigger - Named slot container for Tooltip element to trigger showing/hiding the Tooltip text
+ */
+export declare const Cre8Tooltip: import("@lit/react").ReactWebComponent<Cre8TooltipElement, {
+    onOpen: EventName<Cre8DomEvent<Cre8TooltipElement>>;
+    onClose: EventName<Cre8DomEvent<Cre8TooltipElement>>;
+}>;

package/lib/components/Tooltip/Tooltip.js

@@ -0,0 +1,45 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { Cre8Tooltip as Cre8TooltipElement } from '@tmorrow/cre8-wc/lib/components/tooltip/tooltip';
+/**
+ * The purpose of tooltips is to provide a tip or hint about what a tool, icon, link, or other interaction does.
+ * If you need to present a call to action with perhaps a button for the user to click, then use
+ * [Popover](/docs/Cre8-components-popover--docs) instead.
+ *
+ * ##Tooltip Styles
+ * There are 4 alignment options for Tooltips: Top, Bottom, Right, and Left. Default placement is Bottom, below the
+ * element it is describing. Top or Bottom alignment are the the preferred placement, particularly on screens that
+ * have a more narrow viewport. Tooltips utilize Global styles and are not affected by brand themes.
+ *
+ * **With icon**
+ * - **iconRotateDegree** & **iconFlipDirection** props are optional.
+ * - They are used to set up the correct dirrection for icons, for example,
+ * arrows, caret up or caret down.
+ *
+ * ##Usability Considerations
+ * With the exception of icons - which should always have alt text at a minimum - the UI should never rely on
+ * Tooltips for clarity, especially because they are not always discovered by the user. If the user cannot
+ * intuitively understand the interface without Tooltips, the interface should be redesigned.
+ *
+ * ##How to use
+ * - Use Tooltips to clarify the UI element the user is interacting with, not to add additional content on the page.
+ * Also, do not simply restate content on the page, for example, the title of the field.
+ * - Tooltips should be short and to the point. Example: "Click X to do X" or "Icon Description." If a succinct
+ * description is not possible, the interaction element should be redesigned.
+ * - In a mouse-driven UI, Tooltips are triggered on hover (mouseover) and dismissed (disappear) when the user mouses
+ * away from the element. In touch UIs, a Tooltip is triggered by tapping and holding an item. The Tooltip is
+ * displayed as long as the user continues to hold the element. Tap and hold is a more advanced user behavior, and
+ * further reason for not relying on Tooltips. A novice user may never discover tap and hold for Tooltips.
+ *
+ * @slot default - Default, unnamed slot container for Tooltip text
+ * @slot trigger - Named slot container for Tooltip element to trigger showing/hiding the Tooltip text
+ */
+export const Cre8Tooltip = createComponent({
+    react: React,
+    tagName: 'Cre8-tooltip',
+    elementClass: Cre8TooltipElement,
+    events: {
+        onOpen: 'open',
+        onClose: 'close',
+    },
+});

package/lib/components/Tooltip/index.d.ts

@@ -0,0 +1 @@
+export * from './Tooltip';

package/lib/components/Tooltip/index.js

@@ -0,0 +1 @@
+export * from './Tooltip';

package/lib/components/UtilityNav/UtilityNav.d.ts

@@ -0,0 +1,2 @@
+import { Cre8UtilityNav as Cre8UtilityNavElement } from '@tmorrow/cre8-wc/lib/components/utility-nav/utility-nav';
+export declare const Cre8UtilityNav: import("@lit/react").ReactWebComponent<Cre8UtilityNavElement, {}>;

package/lib/components/UtilityNav/UtilityNav.js

@@ -0,0 +1,8 @@
+import { createComponent } from '@lit/react';
+import { Cre8UtilityNav as Cre8UtilityNavElement } from '@tmorrow/cre8-wc/lib/components/utility-nav/utility-nav';
+import React from 'react';
+export const Cre8UtilityNav = createComponent({
+    react: React,
+    tagName: 'Cre8-utility-nav',
+    elementClass: Cre8UtilityNavElement,
+});

package/lib/components/UtilityNav/index.d.ts

@@ -0,0 +1 @@
+export * from './UtilityNav';

package/lib/components/UtilityNav/index.js

@@ -0,0 +1 @@
+export * from './UtilityNav';

package/lib/components/UtilityNavItem/UtilityNavItem.d.ts

@@ -0,0 +1,2 @@
+import { Cre8UtilityNavItem as Cre8UtilityNavItemElement } from '@tmorrow/cre8-wc/lib/components/utility-nav-item/utility-nav-item';
+export declare const Cre8UtilityNavItem: import("@lit/react").ReactWebComponent<Cre8UtilityNavItemElement, {}>;

package/lib/components/UtilityNavItem/UtilityNavItem.js

@@ -0,0 +1,8 @@
+import { createComponent } from '@lit/react';
+import { Cre8UtilityNavItem as Cre8UtilityNavItemElement } from '@tmorrow/cre8-wc/lib/components/utility-nav-item/utility-nav-item';
+import React from 'react';
+export const Cre8UtilityNavItem = createComponent({
+    react: React,
+    tagName: 'Cre8-utility-nav-item',
+    elementClass: Cre8UtilityNavItemElement,
+});

package/lib/components/UtilityNavItem/index.d.ts

@@ -0,0 +1 @@
+export * from './UtilityNavItem';

package/lib/components/UtilityNavItem/index.js

@@ -0,0 +1 @@
+export * from './UtilityNavItem';

package/lib/index.d.ts

@@ -0,0 +1,80 @@
+export { type Cre8DomEvent } from './util/Cre8DomEvent';
+export { Cre8AccordionItem } from './components/AccordionItem';
+export { Cre8UtilityNav } from './components/UtilityNav';
+export { Cre8UtilityNavItem } from './components/UtilityNavItem';
+export { Cre8Tooltip } from './components/Tooltip';
+export { Cre8TextPassage } from './components/TextPassage';
+export { Cre8TextLink } from './components/TextLink';
+export { Cre8TertiaryNavItem } from './components/TertiaryNavItem';
+export { Cre8TertiaryNav } from './components/TertiaryNav';
+export { Cre8TagList } from './components/TagList';
+export { Cre8Tag } from './components/Tag';
+export { Cre8Tabs } from './components/Tabs';
+export { Cre8TableRow } from './components/TableRow';
+export { Cre8TableObject } from './components/TableObject';
+export { Cre8TableHeaderCell } from './components/TableHeaderCell';
+export { Cre8TableHeader } from './components/TableHeader';
+export { Cre8TableCell } from './components/TableCell';
+export { Cre8TableBody } from './components/TableBody';
+export { Cre8Table } from './components/Table';
+export { Cre8TabPanel } from './components/TabPanel';
+export { Cre8Tab } from './components/Tab';
+export { Cre8SubmenuItem } from './components/SubmenuItem';
+export { Cre8Submenu } from './components/Submenu';
+export { Cre8SplitButton } from './components/SplitButton';
+export { Cre8SkeletonLoader } from './components/SkeletonLoader';
+export { Cre8SelectTileList } from './components/SelectTileList';
+export { Cre8SelectTile } from './components/SelectTile';
+export { Cre8Select } from './components/Select';
+export { Cre8Section } from './components/Section';
+export { Cre8RadioFieldItem } from './components/RadioFieldItem';
+export { Cre8RadioField } from './components/RadioField';
+export { Cre8Pagination } from './components/Pagination';
+export { Cre8ProgressMeter } from './components/ProgressMeter';
+export { Cre8PrimaryNavItem } from './components/PrimaryNavItem';
+export { Cre8PrimaryNav } from './components/PrimaryNav';
+export { Cre8Popover } from './components/Popover';
+export { Cre8NavContainer } from './components/NavContainer';
+export { Cre8MultiSelect } from './components/MultiSelect';
+export { Cre8Modal } from './components/Modal';
+export { Cre8Main } from './components/Main';
+export { Cre8Logo } from './components/Logo';
+export { Cre8LoadingSpinner } from './components/LoadingSpinner';
+export { Cre8LinkListItem } from './components/LinkListItem';
+export { Cre8LinkList } from './components/LinkList';
+export { Cre8Link } from './components/Link';
+export { Cre8LinelengthContainer } from './components/LinelengthContainer';
+export { Cre8LayoutSection } from './components/LayoutSection';
+export { Cre8LayoutContainer } from './components/LayoutContainer';
+export { Cre8Layout } from './components/Layout';
+export { Cre8InlineAlert } from './components/InlineAlert';
+export { Cre8Icon, Cre8IconLegacy } from './components/Icon';
+export { Cre8Hero } from './components/Hero';
+export { Cre8Heading } from './components/Heading';
+export { Cre8Header } from './components/Header';
+export { Cre8GridItem } from './components/GridItem';
+export { Cre8Grid } from './components/Grid';
+export { Cre8GlobalNavItem } from './components/GlobalNavItem';
+export { Cre8GlobalNav } from './components/GlobalNav';
+export { Cre8Footer } from './components/Footer';
+export { Cre8FieldNote } from './components/FieldNote';
+export { Cre8Field } from './components/Field';
+export { Cre8Feature } from './components/Feature';
+export { Cre8DropdownItem } from './components/DropdownItem';
+export { Cre8Dropdown } from './components/Dropdown';
+export { Cre8Divider } from './components/Divider';
+export { Cre8DatePicker } from './components/DatePicker';
+export { Cre8CheckboxFieldItem } from './components/CheckboxFieldItem';
+export { Cre8CheckboxField } from './components/CheckboxField';
+export { Cre8Card } from './components/Card';
+export { Cre8ButtonGroup } from './components/ButtonGroup';
+export { Cre8Button } from './components/Button';
+export { Cre8BreadcrumbsItem } from './components/BreadcrumbsItem';
+export { Cre8Breadcrumbs } from './components/Breadcrumbs';
+export { Cre8Band } from './components/Band';
+export { Cre8Badge } from './components/Badge';
+export { Cre8Alert } from './components/Alert';
+export { Cre8Accordion } from './components/Accordion';
+export { Cre8RemoveTag } from './components/RemoveTag';
+export { Cre8PercentBar } from './components/PercentBar';
+export { Cre8DangerButton } from './components/DangerButton';

package/lib/index.js

@@ -0,0 +1,87 @@
+export { Cre8AccordionItem } from './components/AccordionItem';
+export { Cre8UtilityNav } from './components/UtilityNav';
+export { Cre8UtilityNavItem } from './components/UtilityNavItem';
+export { Cre8Tooltip } from './components/Tooltip';
+export { Cre8TextPassage } from './components/TextPassage';
+export { Cre8TextLink } from './components/TextLink';
+export { Cre8TertiaryNavItem } from './components/TertiaryNavItem';
+export { Cre8TertiaryNav } from './components/TertiaryNav';
+export { Cre8TagList } from './components/TagList';
+export { Cre8Tag } from './components/Tag';
+export { Cre8Tabs } from './components/Tabs';
+export { Cre8TableRow } from './components/TableRow';
+export { Cre8TableObject } from './components/TableObject';
+export { Cre8TableHeaderCell } from './components/TableHeaderCell';
+export { Cre8TableHeader } from './components/TableHeader';
+export { Cre8TableCell } from './components/TableCell';
+export { Cre8TableBody } from './components/TableBody';
+export { Cre8Table } from './components/Table';
+export { Cre8TabPanel } from './components/TabPanel';
+export { Cre8Tab } from './components/Tab';
+export { Cre8SubmenuItem } from './components/SubmenuItem';
+export { Cre8Submenu } from './components/Submenu';
+export { Cre8SplitButton } from './components/SplitButton';
+export { Cre8SkeletonLoader } from './components/SkeletonLoader';
+export { Cre8SelectTileList } from './components/SelectTileList';
+export { Cre8SelectTile } from './components/SelectTile';
+export { Cre8Select } from './components/Select';
+export { Cre8Section } from './components/Section';
+export { Cre8RadioFieldItem } from './components/RadioFieldItem';
+export { Cre8RadioField } from './components/RadioField';
+export { Cre8Pagination } from './components/Pagination';
+export { Cre8ProgressMeter } from './components/ProgressMeter';
+export { Cre8PrimaryNavItem } from './components/PrimaryNavItem';
+export { Cre8PrimaryNav } from './components/PrimaryNav';
+export { Cre8Popover } from './components/Popover';
+// export { Cre8PageHeader } from './components/PageHeader';
+export { Cre8NavContainer } from './components/NavContainer';
+export { Cre8MultiSelect } from './components/MultiSelect';
+export { Cre8Modal } from './components/Modal';
+export { Cre8Main } from './components/Main';
+export { Cre8Logo } from './components/Logo';
+export { Cre8LoadingSpinner } from './components/LoadingSpinner';
+// export { Cre8ListItem } from './components/ListItem';
+// export { Cre8List } from './components/List';
+export { Cre8LinkListItem } from './components/LinkListItem';
+export { Cre8LinkList } from './components/LinkList';
+export { Cre8Link } from './components/Link';
+export { Cre8LinelengthContainer } from './components/LinelengthContainer';
+export { Cre8LayoutSection } from './components/LayoutSection';
+export { Cre8LayoutContainer } from './components/LayoutContainer';
+export { Cre8Layout } from './components/Layout';
+export { Cre8InlineAlert } from './components/InlineAlert';
+export { Cre8Icon, Cre8IconLegacy } from './components/Icon';
+export { Cre8Hero } from './components/Hero';
+export { Cre8Heading } from './components/Heading';
+export { Cre8Header } from './components/Header';
+export { Cre8GridItem } from './components/GridItem';
+export { Cre8Grid } from './components/Grid';
+export { Cre8GlobalNavItem } from './components/GlobalNavItem';
+export { Cre8GlobalNav } from './components/GlobalNav';
+export { Cre8Footer } from './components/Footer';
+export { Cre8FieldNote } from './components/FieldNote';
+export { Cre8Field } from './components/Field';
+export { Cre8Feature } from './components/Feature';
+export { Cre8DropdownItem } from './components/DropdownItem';
+export { Cre8Dropdown } from './components/Dropdown';
+export { Cre8Divider } from './components/Divider';
+export { Cre8DatePicker } from './components/DatePicker';
+export { Cre8CheckboxFieldItem } from './components/CheckboxFieldItem';
+export { Cre8CheckboxField } from './components/CheckboxField';
+export { Cre8Card } from './components/Card';
+export { Cre8ButtonGroup } from './components/ButtonGroup';
+export { Cre8Button } from './components/Button';
+export { Cre8BreadcrumbsItem } from './components/BreadcrumbsItem';
+export { Cre8Breadcrumbs } from './components/Breadcrumbs';
+export { Cre8Band } from './components/Band';
+export { Cre8Badge } from './components/Badge';
+export { Cre8Alert } from './components/Alert';
+// TODO: VerticalCard component doesn't exist in cre8-wc yet
+// export { Cre8VerticalCard } from './components/VerticalCard/VerticalCard';
+export { Cre8Accordion } from './components/Accordion';
+export { Cre8RemoveTag } from './components/RemoveTag';
+// TODO: ProgressSteps components not exported from cre8-wc index
+// export { Cre8ProgressSteps } from './components/ProgressSteps';
+// export { Cre8ProgressStepsItem } from './components/ProgressStepsItem';
+export { Cre8PercentBar } from './components/PercentBar';
+export { Cre8DangerButton } from './components/DangerButton';

package/lib/util/Cre8DomEvent.d.ts

@@ -0,0 +1,4 @@
+export interface Cre8DomEvent<E extends EventTarget, CT extends EventTarget = E> extends Event {
+    currentTarget: CT;
+    target: E;
+}

package/lib/util/Cre8DomEvent.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -0,0 +1,102 @@
+{
+  "name": "@tmorrow/cre8-react",
+  "version": "1.0.14",
+  "description": "The React-powered cre8 design system library for Cigna web applications",
+  "license": "UNLICENSED",
+  "main": "lib/index.js",
+  "module": "lib/index.js",
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "node": "./lib/index.js",
+      "default": "./lib/index.js"
+    },
+    "./lib/*": "./lib/index.js",
+    "./lib/": "./lib/",
+    "./lib/components/*": "./lib/components/*",
+    "./package.json": "./package.json"
+  },
+  "scripts": {
+    "start": "pnpm sb dev",
+    "build": "npm run lib",
+    "lib": "npm run lib.clear && tsc",
+    "lib.clear": "del-cli lib",
+    "lib.build": "run-p build:js",
+    "test": "react-scripts test --watchAll=false",
+    "test:watch": "react-scripts test",
+    "plop": "plop component",
+    "plop:page": "plop page",
+    "plop:recipe": "plop recipe",
+    "storybook": "storybook dev -p 9009",
+    "build-storybook": "del-cli dist && pnpm sb build -o dist",
+    "lint": "eslint-config ./ --ext tsx,jsx,ts,js --ignore-path ../../.eslintignore",
+    "format": "eslint-config ./ --fix --ext tsx,jsx,ts,js --ignore-path ../../.eslintignore"
+  },
+  "dependencies": {
+    "@tmorrow/cre8-wc": "1.0.14",
+    "@lit/react": "^1.0.8",
+    "classnames": "2.5.1",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
+  },
+  "browser": "./lib/index.js",
+  "entry": "lib/index.js",
+  "types": "lib/index.d.ts",
+  "files": [
+    "dist",
+    "lib"
+  ],
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.28.3",
+    "@babel/core": "^7.28.5",
+    "@babel/plugin-proposal-class-properties": "^7.18.6",
+    "@babel/plugin-proposal-decorators": "^7.28.0",
+    "@babel/plugin-transform-typescript": "^7.28.5",
+    "@babel/preset-env": "^7.28.5",
+    "@babel/preset-react": "7.28.5",
+    "@etchteam/storybook-addon-css-variables-theme": "^3.0.0",
+    "@etchteam/storybook-addon-status": "^8.0.0",
+    "@storybook/addon-a11y": "^10.0.6",
+    "@storybook/addon-essentials": "^8.6.14",
+    "@storybook/addon-links": "^10.0.6",
+    "@storybook/addon-storyshots": "^7.6.17",
+    "@storybook/cli": "^10.0.6",
+    "@storybook/react": "^10.0.6",
+    "@storybook/react-vite": "^10.0.6",
+    "@storybook/types": "^8.6.14",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/node": "24.10.0",
+    "@types/react": "19.2.2",
+    "@types/react-dom": "19.2.2",
+    "@typescript-eslint/eslint-plugin": "^8.46.3",
+    "@typescript-eslint/parser": "^8.46.3",
+    "@vitejs/plugin-react": "^5.1.0",
+    "babel-loader": "^10.0.0",
+    "babel-plugin-transform-rename-import": "^2.3.0",
+    "css-loader": "7.1.2",
+    "del-cli": "^7.0.0",
+    "loader-utils": "^3.3.1",
+    "npm-run-all": "^4.1.5",
+    "plop": "^4.0.4",
+    "regenerator-runtime": "0.14.1",
+    "sass": "1.93.3",
+    "sass-loader": "^16.0.6",
+    "style-loader": "^4.0.0",
+    "ts-node": "^10.9.2",
+    "typescript": "^5.9.3",
+    "vite": "^7.2.2"
+  }
+}