@pixelated-tech/components 3.2.5 → 3.2.6

package/README.md

@@ -82,6 +82,7 @@ To get a local copy up and running follow these simple example steps.
 
 Components to help build websites quicker:
 1. Centralized 404 Error Page
+1. Accordion Component
 1. Buzzword Bingo Cards
 1. Page Callouts
 1. Image Carousel - Page, Header, and Simple

package/dist/components/callout/callout.js

@@ -86,11 +86,29 @@ export function CalloutHeader({ title, url, target }) {
 /* ========== CALLOUT BUTTON ========== */
 CalloutButton.propTypes = {
     title: PropTypes.string.isRequired,
-    url: PropTypes.string,
+    url: PropTypes.string.isRequired,
     target: PropTypes.string
 };
+/* export function CalloutButton( { title, url, target } : CalloutButtonType) {
+    return (
+        <div className="callout-button">
+            { (url)
+                ? <button type="button" className="callout-button"><a href={url || ""} target={target || ""} rel={target=="_blank" ? "noopener noreferrer" : ""}>{title}</a></button>
+                : null
+            }
+        </div>
+    );
+} */
 export function CalloutButton({ title, url, target }) {
+    const handleClick = () => {
+        if (target === '_blank') {
+            window.open(url, '_blank', 'noopener,noreferrer');
+        }
+        else {
+            window.location.href = url;
+        }
+    };
     return (_jsx("div", { className: "callout-button", children: (url)
-            ? _jsx("button", { type: "button", className: "callout-button", children: _jsx("a", { href: url || "", target: target || "", rel: target == "_blank" ? "noopener noreferrer" : "", children: title }) })
+            ? _jsx("button", { type: "button", className: "callout-button", onClick: handleClick, children: title })
             : null }));
 }

package/dist/components/callout/callout.scss

@@ -142,10 +142,17 @@
     /* cursor: pointer */
 }
 
-.callout .callout-button a {
-    display: inline-block;
+.callout .callout-button button:hover { 
+	color: #369;
+	text-decoration: underline;
+	cursor: pointer;
 }
 
+
+/* .callout .callout-button a {
+    display: inline-block;
+} */
+
 /* ========================================
 =============  BOXED CALLOUT  =============
 ======================================== */

package/dist/components/cms/contentful.items.components.js

@@ -135,7 +135,7 @@ export function ContentfulListItem(props) {
                             ? _jsx(ContentfulItemHeader, { url: itemURL, target: itemURLTarget, title: thisItem.fields.title })
                             : _jsx(ContentfulItemHeader, { title: thisItem.fields.title }) }), _jsxs("div", { className: "contentful-item-details grid12", children: [_jsxs("div", { children: [_jsx("b", { children: "Item ID: " }), thisItem.sys.id] }), _jsxs("div", { children: [_jsx("b", { children: "UPC ID: " }), thisItem.fields.id] }), _jsxs("div", { children: [_jsx("b", { children: "Quantity: " }), thisItem.fields.quantity] }), _jsxs("div", { children: [_jsx("b", { children: "Brand / Model: " }), thisItem.fields.brand, " ", thisItem.fields.model] }), _jsxs("div", { children: [_jsx("b", { children: "Listing Date: " }), thisItem.fields.date] })] }), _jsx("div", { className: "contentful-item-price", children: itemURL
                             ? _jsxs("a", { href: itemURL, target: itemURLTarget, rel: "noreferrer", children: ["$", thisItem.fields.price, " USD"] })
-                            : "$" + thisItem.fields.price + " USD" }), _jsx("br", {}), _jsxs("div", { className: "contentful-itemAddToCart", children: [_jsx(ViewItemDetails, { href: "/store", itemID: thisItem.sys.id }), _jsx(AddToCartButton, { handler: AddToShoppingCart, item: shoppingCartItem, itemID: thisItem.sys.id })] })] })] }));
+                            : "$" + thisItem.fields.price + " USD" }), _jsx("br", {}), _jsxs("div", { className: "contentful-item-addtocart", children: [_jsx(ViewItemDetails, { href: "/store", itemID: thisItem.sys.id }), _jsx(AddToCartButton, { handler: AddToShoppingCart, item: shoppingCartItem, itemID: thisItem.sys.id })] })] })] }));
 }
 /* ========== CONTENTFUL ITEM HEADER ========== */
 ContentfulItemHeader.propTypes = {
@@ -235,7 +235,7 @@ export function ContentfulItemDetail(props) {
                             ? _jsx(ContentfulItemHeader, { url: itemURL, title: thisItem.fields.title })
                             : _jsx(ContentfulItemHeader, { title: thisItem.fields.title }) }), _jsx("br", {}), _jsx("div", { className: "contentful-item-photo-carousel grid-s1-e7", children: _jsx(Carousel, { cards: cards, draggable: true, imgFit: "contain" }) }), _jsxs("div", { className: "grid-s7-e13", children: [_jsx("div", { className: "contentful-item-details grid12", children: _jsx("div", { dangerouslySetInnerHTML: { __html: thisItem.fields.description.replace(/(<br\s*\/?>\s*){2,}/gi, '') } }) }), _jsx("br", {}), _jsxs("div", { className: "contentful-item-details grid12", children: [_jsxs("div", { children: [_jsx("b", { children: "Item ID: " }), thisItem.sys.id] }), _jsxs("div", { children: [_jsx("b", { children: "UPC ID: " }), thisItem.fields.id] }), _jsxs("div", { children: [_jsx("b", { children: "Quantity: " }), thisItem.fields.quantity] }), _jsxs("div", { children: [_jsx("b", { children: "Brand / Model: " }), thisItem.fields.brand, " ", thisItem.fields.model] }), _jsxs("div", { children: [_jsx("b", { children: "Listing Date: " }), thisItem.fields.date] }), _jsx("br", {})] }), _jsx("div", { className: "contentful-item-price", children: itemURL
                                     ? _jsxs("a", { href: itemURL, target: itemURLTarget, rel: "noreferrer", children: ["$", thisItem.fields.price, " USD"] })
-                                    : "$" + thisItem.fields.price + " USD" }), _jsx("br", {}), _jsx("div", { className: "contentful-itemAddToCart", children: _jsx(AddToCartButton, { handler: AddToShoppingCart, item: shoppingCartItem, itemID: thisItem.sys.id }) })] })] }) }));
+                                    : "$" + thisItem.fields.price + " USD" }), _jsx("br", {}), _jsx("div", { className: "contentful-item-addtocart", children: _jsx(AddToCartButton, { handler: AddToShoppingCart, item: shoppingCartItem, itemID: thisItem.sys.id }) })] })] }) }));
     }
     else {
         return (_jsx(_Fragment, { children: _jsx("div", { id: "contentful-items", className: "contentful-items", children: _jsx("div", { className: "centered", children: "Loading..." }) }) }));

package/dist/components/cms/wordpress.components.js

@@ -8,9 +8,9 @@ import { Loading, ToggleLoading } from '../general/loading';
 import "./wordpress.css";
 // https://microformats.org/wiki/h-entry
 function decodeString(str) {
-    const textarea = { value: '' };
+    const textarea = document.createElement('textarea');
     textarea.innerHTML = str;
-    return textarea.value || str;
+    return textarea.value;
 }
 export function BlogPostList(props) {
     const { site, count, posts: cachedPosts } = props;

package/dist/components/general/accordion.css

@@ -0,0 +1,114 @@
+/* ========================================
+=====    ACCORDION COMPONENT       =====
+======================================== */
+
+.accordion {
+	margin: 0;
+	padding: 0;
+}
+
+.accordion-item {
+	margin-bottom: 0.5rem;
+	border: 1px solid #e1e5e9;
+	border-radius: 4px;
+	background: #fff;
+}
+
+.accordion-title {
+	cursor: pointer;
+	padding: 1rem;
+	font-size: 1rem;
+	font-weight: 600;
+	color: #1a202c;
+	background: none;
+	border: none;
+	width: 100%;
+	text-align: left;
+	display: flex;
+	align-items: center;
+	gap: 0.75rem;
+	transition: background-color 0.2s ease;
+}
+
+.accordion-title:hover {
+	background-color: #f7fafc;
+}
+
+.accordion-title:focus {
+	outline: 2px solid #3182ce;
+	outline-offset: -2px;
+	background-color: #f7fafc;
+}
+
+/* Hide default triangle and add custom one */
+.accordion-title::before {
+	content: '▶';
+	font-size: 0.75rem;
+	color: #718096;
+	transition: transform 0.2s ease;
+	flex-shrink: 0;
+}
+
+details[open] .accordion-title::before {
+	content: '🔽';
+	transform: rotate(0deg);
+}
+
+/* Remove default marker */
+.accordion-title::-webkit-details-marker,
+.accordion-title::marker {
+	display: none;
+}
+
+.accordion-title h3 {
+	margin: 0;
+	font-size: inherit;
+	font-weight: inherit;
+	color: inherit;
+	flex: 1;
+}
+
+.accordion-content {
+	padding: 1rem;
+	border-top: 1px solid #e1e5e9;
+	background-color: #f7fafc;
+}
+
+.accordion-content p {
+	margin: 0 0 1rem 0;
+}
+
+.accordion-content p:last-child {
+	margin-bottom: 0;
+}
+
+/* Animation for smooth expand/collapse */
+.accordion-content {
+	animation: accordionSlideDown 0.3s ease-out;
+}
+
+details[open] .accordion-content {
+	animation: accordionSlideDown 0.3s ease-out;
+}
+
+@keyframes accordionSlideDown {
+	from {
+		opacity: 0;
+		transform: translateY(-10px);
+	}
+	to {
+		opacity: 1;
+		transform: translateY(0);
+	}
+}
+
+/* Respect user's motion preferences */
+@media (prefers-reduced-motion: reduce) {
+	.accordion-content {
+		animation: none;
+	}
+
+	.accordion-title::before {
+		transition: none;
+	}
+}

package/dist/components/general/accordion.js

@@ -0,0 +1,13 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
+import './accordion.css';
+Accordion.propTypes = {
+    items: PropTypes.arrayOf(PropTypes.shape({
+        title: PropTypes.string.isRequired,
+        content: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,
+    })).isRequired,
+};
+export function Accordion({ items }) {
+    return (_jsx("div", { className: "accordion", children: items?.map((item, index) => (item ? (_jsxs("details", { className: "accordion-item", children: [_jsx("summary", { className: "accordion-title", children: _jsx("h3", { id: `accordion-header-${index}`, children: item.title }) }), _jsx("div", { className: "accordion-content", role: "region", "aria-labelledby": `accordion-header-${index}`, children: typeof item.content === 'string' ? (_jsx("p", { children: item.content })) : (item.content) })] }, index)) : null)) }));
+}

package/dist/components/menu/menu-expando.js

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef } from 'react';
@@ -86,14 +87,10 @@ export function MenuExpando(props) {
     }, []);
     function generateMenuItems() {
         const myItems = [];
-        console.log('MenuExpando props.menuItems:', props.menuItems);
-        console.log('Is array?', Array.isArray(props.menuItems));
         // Handle both object format (name: href) and array format (with name/path properties)
         if (Array.isArray(props.menuItems)) {
             // Array format like MenuAccordion
-            console.log('Processing as array, length:', props.menuItems.length);
             for (const item of props.menuItems) {
-                console.log('Item:', item);
                 if (item.routes && item.routes.length > 0) {
                     // Item has nested routes - create expandable submenu
                     myItems.push(_jsx("li", { children: _jsxs("details", { className: "menuExpandoNested", children: [_jsx("summary", { children: _jsx("a", { href: item.path, children: item.name }) }), _jsx("ul", { children: item.routes.map((route) => (_jsx(MenuExpandoItem, { name: route.name, href: route.path }, route.name))) })] }) }, item.name));
@@ -106,12 +103,10 @@ export function MenuExpando(props) {
         }
         else {
             // Object format
-            console.log('Processing as object');
             for (const itemKey in props.menuItems) {
                 myItems.push(_jsx(MenuExpandoItem, { name: itemKey, href: props.menuItems[itemKey] }, itemKey));
             }
         }
-        console.log('Generated items count:', myItems.length);
         return myItems;
     }
     return (_jsx("div", { className: "menuExpando", id: "menuExpando", children: _jsxs("details", { className: "menuExpandoWrapper", id: "menuExpandoWrapper", ref: detailsRef, children: [_jsx("summary", {}), _jsx("ul", { ref: ulRef, children: generateMenuItems() })] }) }));

package/dist/components/shoppingcart/shoppingcart.css

@@ -104,6 +104,14 @@
     height: auto;
     margin: 5px auto;
 }
+
+.pixCartButton:hover,
+.pixCart .pixCartButton:hover,
+#pixCartButton.pixCartButton:hover {
+    color: #369;
+	text-decoration: underline;
+}
+
 #pixCartButton.pixCartButton {
     width: 80px;
     min-width: 80px;
@@ -115,6 +123,8 @@
 
 
 
+
+
 input[readonly] {
   border: none;
   background-color: transparent;

package/dist/index.js

@@ -25,6 +25,7 @@ export * from './components/config/config.server';
 export * from './components/config/config';
 export * from './components/config/config.types';
 export * from './components/general/css';
+export * from './components/general/accordion';
 export * from './components/general/image';
 export * from './components/general/loading';
 export * from './components/general/microinteractions';

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

@@ -46,7 +46,7 @@ export declare function CalloutButton({ title, url, target }: CalloutButtonType)
 export declare namespace CalloutButton {
     var propTypes: {
         title: PropTypes.Validator<string>;
-        url: PropTypes.Requireable<string>;
+        url: PropTypes.Validator<string>;
         target: PropTypes.Requireable<string>;
     };
 }

package/dist/types/components/callout/callout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"callout.d.ts","sourceRoot":"","sources":["../../../../src/components/callout/callout.tsx"],"names":[],"mappings":"AAGA,OAAO,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAInD,OAAO,gBAAgB,CAAC;AAiBxB,eAAO,MAAM,QAAQ,iFAAkF,CAAC;AACxG,eAAO,MAAM,MAAM,mDAAoD,CAAC;AACxE,eAAO,MAAM,OAAO,qCAAsC,CAAC;AAC3D,eAAO,MAAM,UAAU,4BAA6B,CAAC;AAGrD,MAAM,MAAM,SAAS,GAAG,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC;AAC9C,MAAM,MAAM,WAAW,GAAG,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC;AAClD,MAAM,MAAM,UAAU,GAAG,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC;AAChD,MAAM,MAAM,aAAa,GAAG,OAAO,UAAU,CAAC,MAAM,CAAC,CAAC;AA0BtD,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,SAAS,CAAC,CAAC;AAC/D,wBAAgB,OAAO,CAAC,EACvB,OAAmB,EACnB,QAAqB,EACrB,MAAqB,EACrB,SAAkB,EAClB,WAAiC,EACjC,GAAG,EAAE,GAAG,EAAE,MAAM,EAChB,QAAmB,EACnB,QAAQ,EACR,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EACpC,SAAS,GAGgB,EAAE,WAAW,2CA2EtC;yBAxFe,OAAO;;;;;;;;;;;;;;;;;;;;;;AAkGvB,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,SAAS,CAAC,CAAC;AAC3E,wBAAgB,aAAa,CAAE,EAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAC,EAAE,iBAAiB,2CASrE;yBATe,aAAa;;;;;;;AAmB7B,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,SAAS,CAAC,CAAC;AAC3E,wBAAgB,aAAa,CAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAG,iBAAiB,2CASxE;yBATe,aAAa"}
+{"version":3,"file":"callout.d.ts","sourceRoot":"","sources":["../../../../src/components/callout/callout.tsx"],"names":[],"mappings":"AAGA,OAAO,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAInD,OAAO,gBAAgB,CAAC;AAiBxB,eAAO,MAAM,QAAQ,iFAAkF,CAAC;AACxG,eAAO,MAAM,MAAM,mDAAoD,CAAC;AACxE,eAAO,MAAM,OAAO,qCAAsC,CAAC;AAC3D,eAAO,MAAM,UAAU,4BAA6B,CAAC;AAGrD,MAAM,MAAM,SAAS,GAAG,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC;AAC9C,MAAM,MAAM,WAAW,GAAG,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC;AAClD,MAAM,MAAM,UAAU,GAAG,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC;AAChD,MAAM,MAAM,aAAa,GAAG,OAAO,UAAU,CAAC,MAAM,CAAC,CAAC;AA0BtD,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,SAAS,CAAC,CAAC;AAC/D,wBAAgB,OAAO,CAAC,EACvB,OAAmB,EACnB,QAAqB,EACrB,MAAqB,EACrB,SAAkB,EAClB,WAAiC,EACjC,GAAG,EAAE,GAAG,EAAE,MAAM,EAChB,QAAmB,EACnB,QAAQ,EACR,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EACpC,SAAS,GAGgB,EAAE,WAAW,2CA2EtC;yBAxFe,OAAO;;;;;;;;;;;;;;;;;;;;;;AAkGvB,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,SAAS,CAAC,CAAC;AAC3E,wBAAgB,aAAa,CAAE,EAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAC,EAAE,iBAAiB,2CASrE;yBATe,aAAa;;;;;;;AAmB7B,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,SAAS,CAAC,CAAC;AAW3E,wBAAgB,aAAa,CAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAG,iBAAiB,2CAgBxE;yBAhBe,aAAa"}

package/dist/types/components/general/accordion.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import PropTypes, { InferProps } from 'prop-types';
+import './accordion.css';
+export interface AccordionItem {
+    title: string;
+    content: string | React.ReactNode;
+}
+export type AccordionType = InferProps<typeof Accordion.propTypes>;
+export declare function Accordion({ items }: AccordionType): import("react/jsx-runtime").JSX.Element;
+export declare namespace Accordion {
+    var propTypes: {
+        items: PropTypes.Validator<(PropTypes.InferProps<{
+            title: PropTypes.Validator<string>;
+            content: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
+        }> | null | undefined)[]>;
+    };
+}
+//# sourceMappingURL=accordion.d.ts.map

package/dist/types/components/general/accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/general/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,iBAAiB,CAAC;AAEzB,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;CACnC;AAUD,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,CAAC;AACnE,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE,aAAa,2CA2BjD;yBA3Be,SAAS"}

package/dist/types/components/menu/menu-expando.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-expando.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/menu-expando.tsx"],"names":[],"mappings":"AAGA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,oBAAoB,CAAC;AAE5B,wBAAgB,WAAW,CAAC,KAAK,EAAE,GAAG,2CA2JrC;yBA3Je,WAAW;;;;;AAwK3B,wBAAgB,eAAe,CAAC,KAAK,EAAE,GAAG,2CAIzC;yBAJe,eAAe;;;;;;AAW/B,wBAAgB,iBAAiB,4CAahC;yBAbe,iBAAiB"}
+{"version":3,"file":"menu-expando.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/menu-expando.tsx"],"names":[],"mappings":"AAIA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,oBAAoB,CAAC;AAE5B,wBAAgB,WAAW,CAAC,KAAK,EAAE,GAAG,2CAkJrC;yBAlJe,WAAW;;;;;AA+J3B,wBAAgB,eAAe,CAAC,KAAK,EAAE,GAAG,2CAIzC;yBAJe,eAAe;;;;;;AAW/B,wBAAgB,iBAAiB,4CAahC;yBAbe,iBAAiB"}

package/dist/types/index.d.ts

@@ -23,6 +23,7 @@ export * from "./components/config/config.server";
 export * from "./components/config/config";
 export * from "./components/config/config.types";
 export * from "./components/general/css";
+export * from "./components/general/accordion";
 export * from "./components/general/image";
 export * from "./components/general/loading";
 export * from "./components/general/microinteractions";

package/dist/types/stories/general/accordion.stories.d.ts

@@ -0,0 +1,10 @@
+declare namespace _default {
+    export let title: string;
+    export { Accordion as component };
+}
+export default _default;
+export function Default(): import("react/jsx-runtime").JSX.Element;
+export function WithHTMLContent(): import("react/jsx-runtime").JSX.Element;
+export function SingleItem(): import("react/jsx-runtime").JSX.Element;
+import { Accordion } from '@/components/general/accordion';
+//# sourceMappingURL=accordion.stories.d.ts.map

package/dist/types/stories/general/accordion.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/general/accordion.stories.js"],"names":[],"mappings":";;;;;AAuBO,mEAEN;AAEM,2EAeN;AAEM,sEAON;0BAlDyB,gCAAgC"}

package/dist/types/tests/accordion.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=accordion.test.d.ts.map

package/dist/types/tests/accordion.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.test.d.ts","sourceRoot":"","sources":["../../../src/tests/accordion.test.tsx"],"names":[],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pixelated-tech/components",
-	"version": "3.2.5",
+	"version": "3.2.6",
 	"private": false,
 	"author": {
 		"name": "Pixelated Technologies",
@@ -91,7 +91,7 @@
 		"@eslint/markdown": "^7.5.1",
 		"@storybook/addon-webpack5-compiler-babel": "^4.0.0",
 		"@storybook/preset-scss": "^1.0.3",
-		"@storybook/react-webpack5": "^10.1.7",
+		"@storybook/react-webpack5": "^10.1.8",
 		"@testing-library/dom": "^10.4.1",
 		"@testing-library/react": "^16.3.0",
 		"@testing-library/user-event": "^14.6.1",
@@ -110,14 +110,14 @@
 		"clean-webpack-plugin": "^4.0.0",
 		"copy-webpack-plugin": "^13.0.1",
 		"css-loader": "^7.1.2",
-		"eslint": "^9.39.1",
+		"eslint": "^9.39.2",
 		"eslint-config-standard": "^17.0.0",
 		"eslint-plugin-import": "^2.32.0",
 		"eslint-plugin-jsx-a11y": "^6.10.2",
 		"eslint-plugin-n": "^17.23.1",
 		"eslint-plugin-promise": "^7.2.1",
 		"eslint-plugin-react": "^7.37.4",
-		"eslint-plugin-storybook": "^10.1.7",
+		"eslint-plugin-storybook": "^10.1.8",
 		"file-loader": "^6.2.0",
 		"happy-dom": "^20.0.11",
 		"jsdom": "^27.3.0",
@@ -131,7 +131,7 @@
 		"react-test-renderer": "^19.2.3",
 		"sass": "^1.96.0",
 		"sass-loader": "^16.0.6",
-		"storybook": "^10.1.7",
+		"storybook": "^10.1.8",
 		"style-loader": "^4.0.0",
 		"ts-loader": "^9.5.4",
 		"typescript": "^5.9.3",