@x15ventures/x15-ui-library 3.11.4 → 3.13.1

package/dist/esm/autoGenerated/libraryThemes.json

@@ -10,8 +10,8 @@
       "map": "index.min.css.map"
     },
     "versioned": {
-      "css": "base.min.3.11.4.css",
-      "map": "base.min.3.11.4.css.map"
+      "css": "base.min.3.13.1.css",
+      "map": "base.min.3.13.1.css.map"
     }
   },
   "cba": {
@@ -25,8 +25,8 @@
       "map": "cba.min.css.map"
     },
     "versioned": {
-      "css": "cba.min.3.11.4.css",
-      "map": "cba.min.3.11.4.css.map"
+      "css": "cba.min.3.13.1.css",
+      "map": "cba.min.3.13.1.css.map"
     }
   },
   "creditSavvy": {
@@ -40,8 +40,8 @@
       "map": "creditSavvy.min.css.map"
     },
     "versioned": {
-      "css": "creditSavvy.min.3.11.4.css",
-      "map": "creditSavvy.min.3.11.4.css.map"
+      "css": "creditSavvy.min.3.13.1.css",
+      "map": "creditSavvy.min.3.13.1.css.map"
     }
   },
   "doshii": {
@@ -55,8 +55,8 @@
       "map": "doshii.min.css.map"
     },
     "versioned": {
-      "css": "doshii.min.3.11.4.css",
-      "map": "doshii.min.3.11.4.css.map"
+      "css": "doshii.min.3.13.1.css",
+      "map": "doshii.min.3.13.1.css.map"
     }
   },
   "homeIn": {
@@ -70,8 +70,8 @@
       "map": "homeIn.min.css.map"
     },
     "versioned": {
-      "css": "homeIn.min.3.11.4.css",
-      "map": "homeIn.min.3.11.4.css.map"
+      "css": "homeIn.min.3.13.1.css",
+      "map": "homeIn.min.3.13.1.css.map"
     }
   },
   "x15Core": {
@@ -85,8 +85,8 @@
       "map": "x15Core.min.css.map"
     },
     "versioned": {
-      "css": "x15Core.min.3.11.4.css",
-      "map": "x15Core.min.3.11.4.css.map"
+      "css": "x15Core.min.3.13.1.css",
+      "map": "x15Core.min.3.13.1.css.map"
     }
   }
 }

package/dist/esm/components/design/accordion/Accordion.js

@@ -1,10 +1,12 @@
 'use client';
 
 /* eslint-disable jsxA11y/no-noninteractive-tabindex, no-unused-vars */
+import _extends from "@babel/runtime/helpers/extends";
 import React, { useRef, useState } from 'react';
 import { SvgIcon } from '@x15ventures/x15-ui-library-icons/svgIcon/SvgIcon';
 import { chevronUp, chevronDown } from '@x15ventures/x15-ui-library-icons/iconDefinitions';
 import { Icon } from '../icons/basicIcon/Icon';
+import { useInertAttribute } from '../../../hooks/InertAttribute';
 import './accordion.css';
 export const Accordion = ({
   id,
@@ -29,6 +31,8 @@ export const Accordion = ({
 }) => {
   const [panelIsOpen, setPanelIsOpen] = useState(isOpen || isFixed);
   const accordionControl = useRef(null);
+  const accordionContentSection = useRef(null);
+  useInertAttribute(accordionContentSection, !panelIsOpen && !isFixed);
   const panelId = id || `accordion_${Date.now()}`;
   const contentId = `${panelId}_content`;
   const controlId = `${panelId}_control`;
@@ -58,10 +62,10 @@ export const Accordion = ({
     '--footer-align-h': horizontalAlignments?.footer || 'left'
   };
   const wrapperCssClass = `
-    accordion 
-    ${customCssClass || ''} 
-    ${heightCssClass} 
-    ${panelIsOpen || isFixed ? 'open' : 'closed'} 
+    accordion
+    ${customCssClass || ''}
+    ${heightCssClass}
+    ${panelIsOpen || isFixed ? 'open' : 'closed'}
     ${isFixed ? 'fixed' : ''}
     ${isAnimated ? 'animated' : ''}
     ${outerBorders ? 'outerBorders' : ''}
@@ -111,12 +115,16 @@ export const Accordion = ({
     className: "sr-only"
   }, "Open and close accordion"), headerButtonCustomLabel || /*#__PURE__*/React.createElement("span", {
     className: "labelText"
-  }, heading), panelIsOpen ? /*#__PURE__*/React.createElement(OpenIcon, null) : /*#__PURE__*/React.createElement(CloseIcon, null)))), /*#__PURE__*/React.createElement("section", {
-    tabIndex: 0,
+  }, heading), panelIsOpen ? /*#__PURE__*/React.createElement(OpenIcon, null) : /*#__PURE__*/React.createElement(CloseIcon, null)))), /*#__PURE__*/React.createElement("section", _extends({
+    ref: accordionContentSection,
     className: contentCssClass,
     id: contentId,
     "aria-labelledby": controlId
-  }, /*#__PURE__*/React.createElement("span", {
+  }, !panelIsOpen && !isFixed ? {
+    'aria-hidden': true
+  } : {}, {
+    tabIndex: restrictHeight && (panelIsOpen || isFixed) ? 0 : undefined
+  }), /*#__PURE__*/React.createElement("span", {
     className: "sr-only"
   }, "Start of accordion content"), children, footer && /*#__PURE__*/React.createElement("footer", null, footer)));
 };

package/dist/esm/components/design/accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","names":["React","useRef","useState","SvgIcon","chevronUp","chevronDown","Icon","Accordion","id","heading","children","footer","openIcon","closeIcon","isOpen","isAnimated","isFixed","innerBorders","outerBorders","hasShadow","onChange","customCssClass","restrictHeight","headerButtonCustomLabel","headerButtonCssClass","paddingStyle","horizontalAlignments","panelIsOpen","setPanelIsOpen","accordionControl","panelId","Date","now","contentId","controlId","customSectionHeader","TogglePanelOpenState","newState","heightCssClass","justifyContentMap","left","center","right","alignmentStyle","header","content","wrapperCssClass","headerCssClass","controlCssClass","contentCssClass","OpenIcon","createElement","icon","svgDefinition","CloseIcon","className","style","tabIndex","ref","onClick","type"],"sources":["../../../../../src/components/design/accordion/Accordion.tsx"],"sourcesContent":["'use client';\n\n/* eslint-disable jsxA11y/no-noninteractive-tabindex, no-unused-vars */\n\nimport React, { useRef, useState } from 'react';\nimport { SvgIcon } from '@x15ventures/x15-ui-library-icons/svgIcon/SvgIcon';\nimport { chevronUp, chevronDown } from '@x15ventures/x15-ui-library-icons/iconDefinitions';\n\nimport { Icon } from '../icons/basicIcon/Icon';\n\nimport './accordion.scss';\n\nexport interface AccordionProps {\n  id: string;\n  isOpen?: boolean;\n  isAnimated?: boolean;\n  isFixed?: boolean;\n  innerBorders?: boolean;\n  outerBorders?: boolean;\n  hasShadow?: boolean;\n  onChange?: (args: boolean) => void;\n  openIcon?: string;\n  closeIcon?: string;\n  heading: string | React.ReactElement;\n  footer?: string | React.ReactElement;\n  customCssClass?: string;\n  restrictHeight?: 'xs' | 's' | 'm' | 'l' | 'xl' | 'auto';\n  headerButtonCustomLabel?: string | React.ReactElement;\n  headerButtonCssClass?: string;\n  paddingStyle?: 'compact' | 'regular' | 'spacious';\n  children?: React.ReactNode;\n  horizontalAlignments?: {\n    header?: 'left' | 'center' | 'right';\n    content?: 'left' | 'center' | 'right';\n    footer?: 'left' | 'center' | 'right';\n  };\n}\n\nexport const Accordion: React.FC<AccordionProps> = (\n  {\n    id,\n    heading,\n    children,\n    footer,\n    openIcon = null,\n    closeIcon = null,\n    isOpen = true,\n    isAnimated = true,\n    isFixed = false,\n    innerBorders = true,\n    outerBorders = true,\n    hasShadow = false,\n    onChange,\n    customCssClass,\n    restrictHeight,\n    headerButtonCustomLabel,\n    headerButtonCssClass,\n    paddingStyle = 'regular',\n    horizontalAlignments,\n  }\n) => {\n  const [panelIsOpen, setPanelIsOpen] = useState(isOpen || isFixed);\n  const accordionControl = useRef(null);\n\n  const panelId = id || `accordion_${ Date.now() }`;\n  const contentId = `${ panelId }_content`;\n  const controlId = `${ panelId }_control`;\n\n  const customSectionHeader = typeof heading !== 'string' && !headerButtonCustomLabel;\n\n  const TogglePanelOpenState = () => {\n    const newState = !panelIsOpen;\n    setPanelIsOpen(newState);\n    if (onChange) {\n      onChange(newState);\n    }\n  };\n\n  const heightCssClass = restrictHeight ? `accordion_${ restrictHeight }` : '';\n\n\n  // map horizontal alignment props to justify-content values for fixed accordions\n  const justifyContentMap = {\n    left: 'flex-start',\n    center: 'center',\n    right: 'flex-end',\n  };\n\n  const alignmentStyle = {\n    ...(isFixed && horizontalAlignments?.header\n      ? { '--header-align-h': justifyContentMap[horizontalAlignments.header] }\n      : { '--header-align-h': horizontalAlignments?.header || 'left' }),\n    '--content-align-h': horizontalAlignments?.content || 'left',\n    '--footer-align-h': horizontalAlignments?.footer || 'left',\n  };\n\n  const wrapperCssClass = `\n    accordion \n    ${ customCssClass || '' } \n    ${ heightCssClass } \n    ${ panelIsOpen || isFixed ? 'open' : 'closed' } \n    ${ isFixed ? 'fixed' : '' }\n    ${ isAnimated ? 'animated' : '' }\n    ${ outerBorders ? 'outerBorders' : '' }\n    ${ paddingStyle ? `padding_${ paddingStyle }` : '' }\n    ${ hasShadow ? 'hasShadow' : '' }\n  `;\n\n  const headerCssClass = `accordionHeader ${ customSectionHeader || isFixed ? 'accordionHeader_custom' : '' } ${ innerBorders ? 'accordionHeader_innerBorders' : '' }`;\n\n  const controlCssClass = `accordionControl ${ customCssClass ? `${ customCssClass }_accordionControl` : '' } ${ headerButtonCssClass || '' }`;\n\n  const contentCssClass = `accordionContent ${ customCssClass ? `${ customCssClass }_accordionContent` : '' }`;\n\n  const OpenIcon = () => {\n    if (openIcon) {\n      return <Icon icon={ openIcon } />;\n    }\n    return <SvgIcon svgDefinition={ chevronUp } />;\n  };\n\n  const CloseIcon = () => {\n    if (closeIcon) {\n      return <Icon icon={ closeIcon } />;\n    }\n    return <SvgIcon svgDefinition={ chevronDown } />;\n  };\n\n  return (\n    <section className={ wrapperCssClass } style={ alignmentStyle as React.CSSProperties }>\n      <header className={ headerCssClass }>\n        {\n          customSectionHeader\n            ? <div tabIndex={ 0 } className=\"accordionCustomHeading\">{ heading }</div>\n            : (\n              <h3>\n                { isFixed\n                  ? heading\n                  : (\n                    <button\n                      ref={ accordionControl }\n                      aria-controls={ contentId }\n                      aria-expanded={ panelIsOpen }\n                      id={ controlId }\n                      onClick={ TogglePanelOpenState }\n                      type=\"button\"\n                      className={ controlCssClass }\n                    >\n                      <span className=\"sr-only\">Open and close accordion</span>\n                      {\n                        headerButtonCustomLabel || <span className=\"labelText\">{ heading }</span>\n                      }\n                      {\n                        panelIsOpen\n                          ? <OpenIcon />\n                          : <CloseIcon />\n                      }\n                    </button>\n                  ) }\n              </h3>\n            )\n        }\n      </header>\n\n      <section tabIndex={ 0 } className={ contentCssClass } id={ contentId } aria-labelledby={ controlId }>\n        <span className=\"sr-only\">Start of accordion content</span>\n        { children }\n\n        { footer\n          && (\n            <footer>\n              { footer }\n            </footer>\n          ) }\n      </section>\n    </section>\n  );\n};\n\nexport default Accordion;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Accordion.js","names":["_extends","React","useRef","useState","SvgIcon","chevronUp","chevronDown","Icon","useInertAttribute","Accordion","id","heading","children","footer","openIcon","closeIcon","isOpen","isAnimated","isFixed","innerBorders","outerBorders","hasShadow","onChange","customCssClass","restrictHeight","headerButtonCustomLabel","headerButtonCssClass","paddingStyle","horizontalAlignments","panelIsOpen","setPanelIsOpen","accordionControl","accordionContentSection","panelId","Date","now","contentId","controlId","customSectionHeader","TogglePanelOpenState","newState","heightCssClass","justifyContentMap","left","center","right","alignmentStyle","header","content","wrapperCssClass","headerCssClass","controlCssClass","contentCssClass","OpenIcon","createElement","icon","svgDefinition","CloseIcon","className","style","tabIndex","ref","onClick","type","undefined"],"sources":["../../../../../src/components/design/accordion/Accordion.tsx"],"sourcesContent":["'use client';\n\n/* eslint-disable jsxA11y/no-noninteractive-tabindex, no-unused-vars */\n\nimport React, { useEffect, useRef, useState } from 'react';\nimport { SvgIcon } from '@x15ventures/x15-ui-library-icons/svgIcon/SvgIcon';\nimport { chevronUp, chevronDown } from '@x15ventures/x15-ui-library-icons/iconDefinitions';\n\nimport { Icon } from '../icons/basicIcon/Icon';\nimport { useInertAttribute } from '../../../hooks/InertAttribute';\n\nimport './accordion.scss';\n\nexport interface AccordionProps {\n  id: string;\n  isOpen?: boolean;\n  isAnimated?: boolean;\n  isFixed?: boolean;\n  innerBorders?: boolean;\n  outerBorders?: boolean;\n  hasShadow?: boolean;\n  onChange?: (args: boolean) => void;\n  openIcon?: string;\n  closeIcon?: string;\n  heading: string | React.ReactElement;\n  footer?: string | React.ReactElement;\n  customCssClass?: string;\n  restrictHeight?: 'xs' | 's' | 'm' | 'l' | 'xl' | 'auto';\n  headerButtonCustomLabel?: string | React.ReactElement;\n  headerButtonCssClass?: string;\n  paddingStyle?: 'compact' | 'regular' | 'spacious';\n  children?: React.ReactNode;\n  horizontalAlignments?: {\n    header?: 'left' | 'center' | 'right';\n    content?: 'left' | 'center' | 'right';\n    footer?: 'left' | 'center' | 'right';\n  };\n}\n\nexport const Accordion: React.FC<AccordionProps> = (\n  {\n    id,\n    heading,\n    children,\n    footer,\n    openIcon = null,\n    closeIcon = null,\n    isOpen = true,\n    isAnimated = true,\n    isFixed = false,\n    innerBorders = true,\n    outerBorders = true,\n    hasShadow = false,\n    onChange,\n    customCssClass,\n    restrictHeight,\n    headerButtonCustomLabel,\n    headerButtonCssClass,\n    paddingStyle = 'regular',\n    horizontalAlignments,\n  }\n) => {\n  const [panelIsOpen, setPanelIsOpen] = useState(isOpen || isFixed);\n  const accordionControl = useRef(null);\n  const accordionContentSection = useRef<HTMLElement>(null);\n\n  useInertAttribute(accordionContentSection, !panelIsOpen && !isFixed);\n\n  const panelId = id || `accordion_${ Date.now() }`;\n  const contentId = `${ panelId }_content`;\n  const controlId = `${ panelId }_control`;\n\n  const customSectionHeader = typeof heading !== 'string' && !headerButtonCustomLabel;\n\n  const TogglePanelOpenState = () => {\n    const newState = !panelIsOpen;\n    setPanelIsOpen(newState);\n    if (onChange) {\n      onChange(newState);\n    }\n  };\n\n  const heightCssClass = restrictHeight ? `accordion_${ restrictHeight }` : '';\n\n  // map horizontal alignment props to justify-content values for fixed accordions\n  const justifyContentMap = {\n    left: 'flex-start',\n    center: 'center',\n    right: 'flex-end',\n  };\n\n  const alignmentStyle = {\n    ...(isFixed && horizontalAlignments?.header\n      ? { '--header-align-h': justifyContentMap[horizontalAlignments.header] }\n      : { '--header-align-h': horizontalAlignments?.header || 'left' }),\n    '--content-align-h': horizontalAlignments?.content || 'left',\n    '--footer-align-h': horizontalAlignments?.footer || 'left',\n  };\n\n  const wrapperCssClass = `\n    accordion\n    ${ customCssClass || '' }\n    ${ heightCssClass }\n    ${ panelIsOpen || isFixed ? 'open' : 'closed' }\n    ${ isFixed ? 'fixed' : '' }\n    ${ isAnimated ? 'animated' : '' }\n    ${ outerBorders ? 'outerBorders' : '' }\n    ${ paddingStyle ? `padding_${ paddingStyle }` : '' }\n    ${ hasShadow ? 'hasShadow' : '' }\n  `;\n\n  const headerCssClass = `accordionHeader ${ customSectionHeader || isFixed ? 'accordionHeader_custom' : '' } ${ innerBorders ? 'accordionHeader_innerBorders' : '' }`;\n\n  const controlCssClass = `accordionControl ${ customCssClass ? `${ customCssClass }_accordionControl` : '' } ${ headerButtonCssClass || '' }`;\n\n  const contentCssClass = `accordionContent ${ customCssClass ? `${ customCssClass }_accordionContent` : '' }`;\n\n  const OpenIcon = () => {\n    if (openIcon) {\n      return <Icon icon={ openIcon } />;\n    }\n    return <SvgIcon svgDefinition={ chevronUp } />;\n  };\n\n  const CloseIcon = () => {\n    if (closeIcon) {\n      return <Icon icon={ closeIcon } />;\n    }\n    return <SvgIcon svgDefinition={ chevronDown } />;\n  };\n\n  return (\n    <section className={ wrapperCssClass } style={ alignmentStyle as React.CSSProperties }>\n      <header className={ headerCssClass }>\n        {\n          customSectionHeader\n            ? <div tabIndex={ 0 } className=\"accordionCustomHeading\">{ heading }</div>\n            : (\n              <h3>\n                { isFixed\n                  ? heading\n                  : (\n                    <button\n                      ref={ accordionControl }\n                      aria-controls={ contentId }\n                      aria-expanded={ panelIsOpen }\n                      id={ controlId }\n                      onClick={ TogglePanelOpenState }\n                      type=\"button\"\n                      className={ controlCssClass }\n                    >\n                      <span className=\"sr-only\">Open and close accordion</span>\n                      {\n                        headerButtonCustomLabel || <span className=\"labelText\">{ heading }</span>\n                      }\n                      {\n                        panelIsOpen\n                          ? <OpenIcon />\n                          : <CloseIcon />\n                      }\n                    </button>\n                  ) }\n              </h3>\n            )\n        }\n      </header>\n\n      <section\n        ref={ accordionContentSection }\n        className={ contentCssClass }\n        id={ contentId }\n        aria-labelledby={ controlId }\n        { ...(!panelIsOpen && !isFixed ? {\n          'aria-hidden': true\n        } : {}) }\n        tabIndex={ restrictHeight && (panelIsOpen || isFixed) ? 0 : undefined }\n      >\n        <span className=\"sr-only\">Start of accordion content</span>\n        { children }\n\n        { footer\n          && (\n            <footer>\n              { footer }\n            </footer>\n          ) }\n      </section>\n    </section>\n  );\n};\n\nexport default Accordion;\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/hooks/InertAttribute.js

@@ -0,0 +1,21 @@
+import { useEffect } from 'react';
+export const useInertAttribute = (elementRef, enabled) => {
+  useEffect(() => {
+    const domElement = elementRef.current;
+    if (!domElement) return;
+
+    // Set DOM property (cross React-version safe)
+    if ('inert' in domElement) {
+      domElement.inert = enabled;
+    }
+
+    // Sync attribute (SSR + consistency)
+    if (enabled) {
+      domElement.setAttribute('inert', '');
+    } else {
+      domElement.removeAttribute('inert');
+    }
+  }, [enabled]);
+};
+export default useInertAttribute;
+//# sourceMappingURL=InertAttribute.js.map

package/dist/esm/hooks/InertAttribute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InertAttribute.js","names":["useEffect","useInertAttribute","elementRef","enabled","domElement","current","inert","setAttribute","removeAttribute"],"sources":["../../../src/hooks/InertAttribute.ts"],"sourcesContent":["import { RefObject, useEffect } from 'react';\n\ntype InertElement = HTMLElement & { inert?: boolean };\n\nexport const useInertAttribute = <T extends HTMLElement>(\n  elementRef: RefObject<T | null>,\n  enabled: boolean\n) => {\n  useEffect(() => {\n    const domElement = elementRef.current as InertElement | null;\n    if (!domElement) return;\n\n    // Set DOM property (cross React-version safe)\n    if ('inert' in domElement) {\n      domElement.inert = enabled;\n    }\n\n    // Sync attribute (SSR + consistency)\n    if (enabled) {\n      domElement.setAttribute('inert', '');\n    } else {\n      domElement.removeAttribute('inert');\n    }\n  }, [enabled]);\n};\n\nexport default useInertAttribute;"],"mappings":"AAAA,SAAoBA,SAAS,QAAQ,OAAO;AAI5C,OAAO,MAAMC,iBAAiB,GAAGA,CAC/BC,UAA+B,EAC/BC,OAAgB,KACb;EACHH,SAAS,CAAC,MAAM;IACd,MAAMI,UAAU,GAAGF,UAAU,CAACG,OAA8B;IAC5D,IAAI,CAACD,UAAU,EAAE;;IAEjB;IACA,IAAI,OAAO,IAAIA,UAAU,EAAE;MACzBA,UAAU,CAACE,KAAK,GAAGH,OAAO;IAC5B;;IAEA;IACA,IAAIA,OAAO,EAAE;MACXC,UAAU,CAACG,YAAY,CAAC,OAAO,EAAE,EAAE,CAAC;IACtC,CAAC,MAAM;MACLH,UAAU,CAACI,eAAe,CAAC,OAAO,CAAC;IACrC;EACF,CAAC,EAAE,CAACL,OAAO,CAAC,CAAC;AACf,CAAC;AAED,eAAeF,iBAAiB","ignoreList":[]}

package/dist/esm/hooks/index.js

@@ -8,4 +8,5 @@ export { useTabbableInputGroup } from './TabbableInputGroup';
 export { useDialogOverlay } from './DialogOverlay';
 export { useEllipsisBookends } from './EllipsisBookends';
 export { useFocusTrap } from './FocusTrap';
+export { useInertAttribute } from './InertAttribute';
 //# sourceMappingURL=index.js.map

package/dist/esm/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useOnClickOutside","usePopupKeys","useOnEdgeProximityDetect","useFirstCapital","useTabbableInputGroup","useDialogOverlay","useEllipsisBookends","useFocusTrap"],"sources":["../../../src/hooks/index.tsx"],"sourcesContent":["'use client';\n\nexport { useOnClickOutside } from './ClickOutside';\nexport { usePopupKeys } from './PopupKeys';\nexport { useOnEdgeProximityDetect } from './EdgeProximityDetect';\nexport { useFirstCapital } from './Strings';\nexport { useTabbableInputGroup } from './TabbableInputGroup';\nexport { useDialogOverlay } from './DialogOverlay';\nexport { useEllipsisBookends } from './EllipsisBookends';\nexport { useFocusTrap } from './FocusTrap';"],"mappings":"AAAA,YAAY;;AAEZ,SAASA,iBAAiB,QAAQ,gBAAgB;AAClD,SAASC,YAAY,QAAQ,aAAa;AAC1C,SAASC,wBAAwB,QAAQ,uBAAuB;AAChE,SAASC,eAAe,QAAQ,WAAW;AAC3C,SAASC,qBAAqB,QAAQ,sBAAsB;AAC5D,SAASC,gBAAgB,QAAQ,iBAAiB;AAClD,SAASC,mBAAmB,QAAQ,oBAAoB;AACxD,SAASC,YAAY,QAAQ,aAAa","ignoreList":[]}
+{"version":3,"file":"index.js","names":["useOnClickOutside","usePopupKeys","useOnEdgeProximityDetect","useFirstCapital","useTabbableInputGroup","useDialogOverlay","useEllipsisBookends","useFocusTrap","useInertAttribute"],"sources":["../../../src/hooks/index.tsx"],"sourcesContent":["'use client';\n\nexport { useOnClickOutside } from './ClickOutside';\nexport { usePopupKeys } from './PopupKeys';\nexport { useOnEdgeProximityDetect } from './EdgeProximityDetect';\nexport { useFirstCapital } from './Strings';\nexport { useTabbableInputGroup } from './TabbableInputGroup';\nexport { useDialogOverlay } from './DialogOverlay';\nexport { useEllipsisBookends } from './EllipsisBookends';\nexport { useFocusTrap } from './FocusTrap';\nexport { useInertAttribute } from './InertAttribute';"],"mappings":"AAAA,YAAY;;AAEZ,SAASA,iBAAiB,QAAQ,gBAAgB;AAClD,SAASC,YAAY,QAAQ,aAAa;AAC1C,SAASC,wBAAwB,QAAQ,uBAAuB;AAChE,SAASC,eAAe,QAAQ,WAAW;AAC3C,SAASC,qBAAqB,QAAQ,sBAAsB;AAC5D,SAASC,gBAAgB,QAAQ,iBAAiB;AAClD,SAASC,mBAAmB,QAAQ,oBAAoB;AACxD,SAASC,YAAY,QAAQ,aAAa;AAC1C,SAASC,iBAAiB,QAAQ,kBAAkB","ignoreList":[]}

package/dist/esm/package.json

@@ -137,12 +137,8 @@
   "files": [
     "dist"
   ],
-  "version": "3.11.4",
+  "version": "3.13.0",
   "packageManager": "pnpm@10.11.0",
-  "publishConfig": {
-    "registry": "https://npm.pkg.github.com/",
-    "tag": "latest"
-  },
   "repository": {
     "type": "git",
     "url": "https://github.com/x15ventures/x15-ui-library.git"
@@ -154,13 +150,13 @@
     "watch:react": "nodemon --watch src --ext ts,tsx --exec 'pnpm build:react'",
     "watch:sass": "nodemon --watch src/styles --ext scss --exec 'pnpm build:sass'",
     "build": "",
-    "build:cicd": "pnpm build:sass && pnpm build:react && pnpm build:types && pnpm build:sass",
+    "build:cicd": "pnpm build:sass && pnpm build:react && pnpm build:types && pnpm build:sass && pnpm storybook:styles",
     "build:local": "pnpm build:react && pnpm storybook:build",
     "build:react": "run-func buildLibrary.js buildLibrary",
-    "build:sass": "run-func sass.utilities.js buildSassFiles && pnpm storybook:styles",
+    "build:sass": "run-func sass.utilities.js buildSassFiles",
     "build:static": "pnpm build:react && pnpm build:sass",
     "build:types": "npx tsc --build tsconfig.lib.json --force",
-    "build:ai:docs": "run-func aiTools/scripts/componentAIDocExtractor.js generateDocumentation",
+    "build:ai:docs": "run-func aiTools/scripts/componentAIDocExtractor.js generateDocumentation && pnpm storybook:build && mkdir -p ./aiTools/storybookDocs && cp -R ./storybook-static/* ./aiTools/storybookDocs",
     "build:ai:library": "run-func buildLibrary.js makeAIReferenceFiles",
     "build:ai:styles": "node aiTools/scripts/componentAICssExtractor.js",
     "build:ai:styles:reference": "node aiTools/scripts/buildAiStylesReference.js",
@@ -179,6 +175,7 @@
   "dependencies": {
     "@hookform/error-message": "^2.0.1",
     "@semantic-release/exec": "^7.0.3",
+    "@x15stack/aws": "^1.6.5",
     "@x15ventures/x15-ui-library-icons": "^1.0.4",
     "babel-plugin-transform-imports": "^2.0.0",
     "html-react-parser": "^5.1.16",
@@ -210,6 +207,8 @@
     "@babel/preset-react": "^7",
     "@babel/preset-typescript": "^7",
     "@babel/runtime": "^7.26.10",
+    "@commitlint/cli": "^20.5.0",
+    "@commitlint/config-conventional": "^20.5.0",
     "@eslint/js": "^9.38.0",
     "@jest/globals": "^29.7.0",
     "@jest/types": "^29.6.3",
@@ -257,6 +256,7 @@
     "babel-loader": "^9.1.3",
     "babel-plugin-macros": "^3.1.0",
     "chromatic": "^11.10.1",
+    "commitlint": "^20.5.0",
     "copy-webpack-plugin": "^12.0.2",
     "cors": "^2.8.5",
     "cross-env": "^7.0.3",
@@ -276,11 +276,12 @@
     "file-loader": "^6.2.0",
     "fs": "0.0.1-security",
     "fs-extra": "^11.3.0",
-    "glob": "^11.0.1",
+    "glob": "^13.0.6",
     "globals": "^15.14.0",
     "jest": "^30.2.0",
     "jest-environment-jsdom": "^29.7.0",
     "lefthook": "^1.11.2",
+    "minimatch": "^10.2.4",
     "nodemon": "^3.1.4",
     "npm-run-all": "^4.1.5",
     "null-loader": "^4.0.1",
@@ -304,32 +305,22 @@
   },
   "pnpm": {
     "overrides": {
-      "brace-expansion": "2.0.1",
-      "form-data": ">=4.0.4",
-      "react": "^18",
-      "react-dom": "^18",
-      "cookie": "1.0.1",
-      "cross-spawn@<7.0.5": ">=7.0.5",
-      "vitest-axe>vitest": "3.1.1",
-      "vite": ">=7.1.11",
-      "@webpack-contrib/schema-utils>webpack": "5.97.1",
-      "@octokit/request-error@>=6.0.0 <6.1.7": ">=6.1.7",
-      "@octokit/endpoint@>=10.0.0 <10.1.3": ">=10.1.3",
-      "@octokit/request@>=1.0.0 <9.2.1": ">=9.2.1",
-      "@octokit/plugin-paginate-rest@>=1.0.0 <11.4.1": ">=11.4.1",
-      "esbuild@<=0.24.2": ">=0.25.0",
-      "@babel/runtime": "^7.26.10",
-      "@eslint/plugin-kit": ">=0.3.4",
-      "brace-expansion@>=1.0.0 <=1.1.11": ">=1.1.12",
-      "brace-expansion@>=2.0.0 <=2.0.1": ">=2.0.2",
-      "minimatch>brace-expansion": "2.0.2",
-      "js-yaml": ">=4.1.1",
-      "glob": ">=11.1.0",
-      "mdast-util-to-hast@>=13.0.0 <13.2.1": ">=13.2.1",
-      "qs@<6.14.1": ">=6.14.1",
-      "lodash-es": ">=4.17.23",
-      "lodash": ">=4.17.23",
-      "undici": ">=7.18.2"
+      "@tootallnate/once@<3.0.1": ">=3.0.1",
+      "brace-expansion": ">=5.0.5",
+      "flatted": ">=3.4.2",
+      "flatted@<3.4.0": ">=3.4.0",
+      "handlebars": ">=4.7.9",
+      "immutable@>=5.0.0 <5.1.5": ">=5.1.5",
+      "minimatch": ">=9.0.7",
+      "path-to-regexp": ">=8.4.0",
+      "picomatch": ">=4.0.4",
+      "qs": ">=6.14.2",
+      "rollup": ">=4.59.0",
+      "serialize-javascript": ">=7.0.3",
+      "storybook": ">=10.2.10",
+      "undici": ">=7.24.0",
+      "webpack": ">=5.104.1",
+      "yaml": ">=1.10.3"
     },
     "auditConfig": {
       "ignoreCves": [

package/dist/esm/types/react.d.js

@@ -0,0 +1,6 @@
+// Extend React types to include the inert attribute for HTML elements
+// The inert attribute is a standard HTML attribute supported in modern browsers
+// but is not included in React 18's type definitions (added in React 19)
+
+export {};
+//# sourceMappingURL=react.d.js.map

package/dist/esm/types/react.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.d.js","names":[],"sources":["../../../src/types/react.d.ts"],"sourcesContent":["// Extend React types to include the inert attribute for HTML elements\n// The inert attribute is a standard HTML attribute supported in modern browsers\n// but is not included in React 18's type definitions (added in React 19)\ndeclare module 'react' {\n  // eslint-disable-next-line no-unused-vars\n  interface HTMLAttributes<T> {\n    /**\n     * The inert attribute is a boolean attribute that indicates that the element\n     * and all its descendants should be made non-interactive and invisible to\n     * assistive technologies (screen readers).\n     *\n     * When inert is true, the element:\n     * - Is removed from the tab order\n     * - Cannot be focused\n     * - Is hidden from screen readers\n     * - Cannot have any interactions\n     *\n     * Supported in all modern browsers (Chrome 102+, Firefox 112+, Safari 15.5+, Edge 102+)\n     *\n     * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert\n     */\n    inert?: boolean;\n  }\n}\n\nexport {};\n"],"mappings":"AAAA;AACA;AACA;;AAuBA","ignoreList":[]}

package/dist/hooks/InertAttribute.d.ts

@@ -0,0 +1,4 @@
+import { RefObject } from 'react';
+export declare const useInertAttribute: <T extends HTMLElement>(elementRef: RefObject<T | null>, enabled: boolean) => void;
+export default useInertAttribute;
+//# sourceMappingURL=InertAttribute.d.ts.map

package/dist/hooks/InertAttribute.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InertAttribute.d.ts","sourceRoot":"","sources":["../../src/hooks/InertAttribute.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAI7C,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,WAAW,cACzC,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,WACtB,OAAO,SAkBjB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/hooks/index.d.ts

@@ -6,4 +6,5 @@ export { useTabbableInputGroup } from './TabbableInputGroup';
 export { useDialogOverlay } from './DialogOverlay';
 export { useEllipsisBookends } from './EllipsisBookends';
 export { useFocusTrap } from './FocusTrap';
+export { useInertAttribute } from './InertAttribute';
 //# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/package.json

@@ -137,12 +137,8 @@
   "files": [
     "dist"
   ],
-  "version": "3.11.4",
+  "version": "3.13.0",
   "packageManager": "pnpm@10.11.0",
-  "publishConfig": {
-    "registry": "https://npm.pkg.github.com/",
-    "tag": "latest"
-  },
   "repository": {
     "type": "git",
     "url": "https://github.com/x15ventures/x15-ui-library.git"
@@ -154,13 +150,13 @@
     "watch:react": "nodemon --watch src --ext ts,tsx --exec 'pnpm build:react'",
     "watch:sass": "nodemon --watch src/styles --ext scss --exec 'pnpm build:sass'",
     "build": "",
-    "build:cicd": "pnpm build:sass && pnpm build:react && pnpm build:types && pnpm build:sass",
+    "build:cicd": "pnpm build:sass && pnpm build:react && pnpm build:types && pnpm build:sass && pnpm storybook:styles",
     "build:local": "pnpm build:react && pnpm storybook:build",
     "build:react": "run-func buildLibrary.js buildLibrary",
-    "build:sass": "run-func sass.utilities.js buildSassFiles && pnpm storybook:styles",
+    "build:sass": "run-func sass.utilities.js buildSassFiles",
     "build:static": "pnpm build:react && pnpm build:sass",
     "build:types": "npx tsc --build tsconfig.lib.json --force",
-    "build:ai:docs": "run-func aiTools/scripts/componentAIDocExtractor.js generateDocumentation",
+    "build:ai:docs": "run-func aiTools/scripts/componentAIDocExtractor.js generateDocumentation && pnpm storybook:build && mkdir -p ./aiTools/storybookDocs && cp -R ./storybook-static/* ./aiTools/storybookDocs",
     "build:ai:library": "run-func buildLibrary.js makeAIReferenceFiles",
     "build:ai:styles": "node aiTools/scripts/componentAICssExtractor.js",
     "build:ai:styles:reference": "node aiTools/scripts/buildAiStylesReference.js",
@@ -179,6 +175,7 @@
   "dependencies": {
     "@hookform/error-message": "^2.0.1",
     "@semantic-release/exec": "^7.0.3",
+    "@x15stack/aws": "^1.6.5",
     "@x15ventures/x15-ui-library-icons": "^1.0.4",
     "babel-plugin-transform-imports": "^2.0.0",
     "html-react-parser": "^5.1.16",
@@ -210,6 +207,8 @@
     "@babel/preset-react": "^7",
     "@babel/preset-typescript": "^7",
     "@babel/runtime": "^7.26.10",
+    "@commitlint/cli": "^20.5.0",
+    "@commitlint/config-conventional": "^20.5.0",
     "@eslint/js": "^9.38.0",
     "@jest/globals": "^29.7.0",
     "@jest/types": "^29.6.3",
@@ -257,6 +256,7 @@
     "babel-loader": "^9.1.3",
     "babel-plugin-macros": "^3.1.0",
     "chromatic": "^11.10.1",
+    "commitlint": "^20.5.0",
     "copy-webpack-plugin": "^12.0.2",
     "cors": "^2.8.5",
     "cross-env": "^7.0.3",
@@ -276,11 +276,12 @@
     "file-loader": "^6.2.0",
     "fs": "0.0.1-security",
     "fs-extra": "^11.3.0",
-    "glob": "^11.0.1",
+    "glob": "^13.0.6",
     "globals": "^15.14.0",
     "jest": "^30.2.0",
     "jest-environment-jsdom": "^29.7.0",
     "lefthook": "^1.11.2",
+    "minimatch": "^10.2.4",
     "nodemon": "^3.1.4",
     "npm-run-all": "^4.1.5",
     "null-loader": "^4.0.1",
@@ -304,32 +305,22 @@
   },
   "pnpm": {
     "overrides": {
-      "brace-expansion": "2.0.1",
-      "form-data": ">=4.0.4",
-      "react": "^18",
-      "react-dom": "^18",
-      "cookie": "1.0.1",
-      "cross-spawn@<7.0.5": ">=7.0.5",
-      "vitest-axe>vitest": "3.1.1",
-      "vite": ">=7.1.11",
-      "@webpack-contrib/schema-utils>webpack": "5.97.1",
-      "@octokit/request-error@>=6.0.0 <6.1.7": ">=6.1.7",
-      "@octokit/endpoint@>=10.0.0 <10.1.3": ">=10.1.3",
-      "@octokit/request@>=1.0.0 <9.2.1": ">=9.2.1",
-      "@octokit/plugin-paginate-rest@>=1.0.0 <11.4.1": ">=11.4.1",
-      "esbuild@<=0.24.2": ">=0.25.0",
-      "@babel/runtime": "^7.26.10",
-      "@eslint/plugin-kit": ">=0.3.4",
-      "brace-expansion@>=1.0.0 <=1.1.11": ">=1.1.12",
-      "brace-expansion@>=2.0.0 <=2.0.1": ">=2.0.2",
-      "minimatch>brace-expansion": "2.0.2",
-      "js-yaml": ">=4.1.1",
-      "glob": ">=11.1.0",
-      "mdast-util-to-hast@>=13.0.0 <13.2.1": ">=13.2.1",
-      "qs@<6.14.1": ">=6.14.1",
-      "lodash-es": ">=4.17.23",
-      "lodash": ">=4.17.23",
-      "undici": ">=7.18.2"
+      "@tootallnate/once@<3.0.1": ">=3.0.1",
+      "brace-expansion": ">=5.0.5",
+      "flatted": ">=3.4.2",
+      "flatted@<3.4.0": ">=3.4.0",
+      "handlebars": ">=4.7.9",
+      "immutable@>=5.0.0 <5.1.5": ">=5.1.5",
+      "minimatch": ">=9.0.7",
+      "path-to-regexp": ">=8.4.0",
+      "picomatch": ">=4.0.4",
+      "qs": ">=6.14.2",
+      "rollup": ">=4.59.0",
+      "serialize-javascript": ">=7.0.3",
+      "storybook": ">=10.2.10",
+      "undici": ">=7.24.0",
+      "webpack": ">=5.104.1",
+      "yaml": ">=1.10.3"
     },
     "auditConfig": {
       "ignoreCves": [