smarthr-ui 65.2.0 → 65.2.1

package/esm/components/AccordionPanel/AccordionPanel.js

@@ -9,13 +9,13 @@ export const AccordionPanelContext = React.createContext({
     expandableMultiply: true,
     parentRef: null,
 });
-const accordionWrapper = tv({
+const classNameGenerator = tv({
     base: 'smarthr-ui-AccordionPanel',
 });
 export const AccordionPanel = ({ iconPosition = 'left', expandableMultiply = true, defaultExpanded = [], className, onClick: onClickProps, ...props }) => {
     const [expandedItems, setExpanded] = useState(flatArrayToMap(defaultExpanded));
     const parentRef = useRef(null);
-    const styles = useMemo(() => accordionWrapper({ className }), [className]);
+    const actualClassName = useMemo(() => classNameGenerator({ className }), [className]);
     const onClickTrigger = useCallback((itemName, isExpanded) => {
         setExpanded(getNewExpandedItems(expandedItems, itemName, isExpanded, expandableMultiply));
     }, [expandableMultiply, expandedItems]);
@@ -31,6 +31,6 @@ export const AccordionPanel = ({ iconPosition = 'left', expandableMultiply = tru
             expandableMultiply,
             parentRef,
         } },
-        React.createElement("div", { ...props, className: styles, ref: parentRef, role: "presentation" })));
+        React.createElement("div", { ...props, ref: parentRef, role: "presentation", className: actualClassName })));
 };
 //# sourceMappingURL=AccordionPanel.js.map

package/esm/components/AccordionPanel/AccordionPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionPanel.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanel.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,EAAE,EAGZ,WAAW,EACX,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAc5D,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAOrD;IACD,YAAY,EAAE,MAAM;IACpB,aAAa,EAAE,IAAI,GAAG,EAAE;IACxB,kBAAkB,EAAE,IAAI;IACxB,SAAS,EAAE,IAAI;CAChB,CAAC,CAAA;AAEF,MAAM,gBAAgB,GAAG,EAAE,CAAC;IAC1B,IAAI,EAAE,2BAA2B;CAClC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,cAAc,GAAmC,CAAC,EAC7D,YAAY,GAAG,MAAM,EACrB,kBAAkB,GAAG,IAAI,EACzB,eAAe,GAAG,EAAE,EACpB,SAAS,EACT,OAAO,EAAE,YAAY,EACrB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,CAAC,aAAa,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAA;IAC9E,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC9C,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAE1E,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,QAAgB,EAAE,UAAmB,EAAE,EAAE;QACxC,WAAW,CAAC,mBAAmB,CAAC,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,kBAAkB,CAAC,CAAC,CAAA;IAC3F,CAAC,EACD,CAAC,kBAAkB,EAAE,aAAa,CAAC,CACpC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC;YAAE,WAAW,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAA;IAC9E,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAA;IAErB,OAAO,CACL,oBAAC,qBAAqB,CAAC,QAAQ,IAC7B,KAAK,EAAE;YACL,cAAc;YACd,YAAY;YACZ,aAAa;YACb,YAAY;YACZ,kBAAkB;YAClB,SAAS;SACV;QAGD,gCAAS,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAC,cAAc,GAAG,CAC1C,CAClC,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"AccordionPanel.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanel.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,EAAE,EAGZ,WAAW,EACX,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAc5D,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAOrD;IACD,YAAY,EAAE,MAAM;IACpB,aAAa,EAAE,IAAI,GAAG,EAAE;IACxB,kBAAkB,EAAE,IAAI;IACxB,SAAS,EAAE,IAAI;CAChB,CAAC,CAAA;AAEF,MAAM,kBAAkB,GAAG,EAAE,CAAC;IAC5B,IAAI,EAAE,2BAA2B;CAClC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,cAAc,GAAmC,CAAC,EAC7D,YAAY,GAAG,MAAM,EACrB,kBAAkB,GAAG,IAAI,EACzB,eAAe,GAAG,EAAE,EACpB,SAAS,EACT,OAAO,EAAE,YAAY,EACrB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,CAAC,aAAa,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAA;IAC9E,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC9C,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAErF,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,QAAgB,EAAE,UAAmB,EAAE,EAAE;QACxC,WAAW,CAAC,mBAAmB,CAAC,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,kBAAkB,CAAC,CAAC,CAAA;IAC3F,CAAC,EACD,CAAC,kBAAkB,EAAE,aAAa,CAAC,CACpC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC;YAAE,WAAW,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAA;IAC9E,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAA;IAErB,OAAO,CACL,oBAAC,qBAAqB,CAAC,QAAQ,IAC7B,KAAK,EAAE;YACL,cAAc;YACd,YAAY;YACZ,aAAa;YACb,YAAY;YACZ,kBAAkB;YAClB,SAAS;SACV;QAGD,gCAAS,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAC,cAAc,EAAC,SAAS,EAAE,eAAe,GAAI,CACnD,CAClC,CAAA;AACH,CAAC,CAAA"}

package/esm/components/AccordionPanel/AccordionPanelContent.js

@@ -5,7 +5,7 @@ import { tv } from 'tailwind-variants';
 import { getIsInclude } from '../../libs/map';
 import { AccordionPanelContext } from './AccordionPanel';
 import { AccordionPanelItemContext } from './AccordionPanelItem';
-const accordionPanelContent = tv({
+const classNameGenerator = tv({
     base: [
         'smarthr-ui-AccordionPanel-content',
         'shr-max-h-0 shr-transition-[max-height,_visible,_opacity] shr-duration-150 shr-ease-in-out shr-invisible shr-opacity-0',
@@ -15,9 +15,9 @@ const accordionPanelContent = tv({
 export const AccordionPanelContent = ({ className, ...props }) => {
     const { name } = useContext(AccordionPanelItemContext);
     const { expandedItems } = useContext(AccordionPanelContext);
-    const isInclude = getIsInclude(expandedItems, name);
+    const isInclude = useMemo(() => getIsInclude(expandedItems, name), [expandedItems, name]);
     const wrapperRef = useRef(null);
-    const styles = useMemo(() => accordionPanelContent({ className }), [className]);
-    return (React.createElement(Transition, { in: isInclude, timeout: 150, nodeRef: wrapperRef }, (status) => (React.createElement("div", { ...props, id: `${name}-content`, className: `${styles} ${status}`, "aria-labelledby": `${name}-trigger`, "aria-hidden": !isInclude, ref: wrapperRef }))));
+    const actualClassName = useMemo(() => classNameGenerator({ className }), [className]);
+    return (React.createElement(Transition, { in: isInclude, timeout: 150, nodeRef: wrapperRef }, (status) => (React.createElement("div", { ...props, ref: wrapperRef, id: `${name}-content`, "aria-labelledby": `${name}-trigger`, "aria-hidden": !isInclude, className: `${actualClassName} ${status}` }))));
 };
 //# sourceMappingURL=AccordionPanelContent.js.map

package/esm/components/AccordionPanel/AccordionPanelContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionPanelContent.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelContent.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,EAAE,EAIZ,UAAU,EACV,OAAO,EACP,MAAM,GACP,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAA;AAKhE,MAAM,qBAAqB,GAAG,EAAE,CAAC;IAC/B,IAAI,EAAE;QACJ,mCAAmC;QACnC,wHAAwH;QACxH,oFAAoF;KACrF;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAA6B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACzF,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,yBAAyB,CAAC,CAAA;IACtD,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAA;IAC3D,MAAM,SAAS,GAAG,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC,CAAA;IACnD,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC/C,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAE/E,OAAO,CACL,oBAAC,UAAU,IAAC,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,UAAU,IACzD,CAAC,MAAM,EAAE,EAAE,CAAC,CACX,gCACM,KAAK,EACT,EAAE,EAAE,GAAG,IAAI,UAAU,EACrB,SAAS,EAAE,GAAG,MAAM,IAAI,MAAM,EAAE,qBACf,GAAG,IAAI,UAAU,iBACrB,CAAC,SAAS,EACvB,GAAG,EAAE,UAAU,GACf,CACH,CACU,CACd,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"AccordionPanelContent.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelContent.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,EAAE,EAIZ,UAAU,EACV,OAAO,EACP,MAAM,GACP,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAA;AAKhE,MAAM,kBAAkB,GAAG,EAAE,CAAC;IAC5B,IAAI,EAAE;QACJ,mCAAmC;QACnC,wHAAwH;QACxH,oFAAoF;KACrF;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAA6B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACzF,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,yBAAyB,CAAC,CAAA;IACtD,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAA;IAC3D,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,CAAA;IACzF,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC/C,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAErF,OAAO,CACL,oBAAC,UAAU,IAAC,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,UAAU,IACzD,CAAC,MAAM,EAAE,EAAE,CAAC,CACX,gCACM,KAAK,EACT,GAAG,EAAE,UAAU,EACf,EAAE,EAAE,GAAG,IAAI,UAAU,qBACJ,GAAG,IAAI,UAAU,iBACrB,CAAC,SAAS,EACvB,SAAS,EAAE,GAAG,eAAe,IAAI,MAAM,EAAE,GACzC,CACH,CACU,CACd,CAAA;AACH,CAAC,CAAA"}

package/esm/components/AccordionPanel/AccordionPanelItem.js

@@ -5,14 +5,14 @@ import { Section } from '../SectioningContent';
 export const AccordionPanelItemContext = createContext({
     name: '',
 });
-const accordionPanelItem = tv({
+const classNameGenerator = tv({
     base: ['smarthr-ui-AccordionPanel-item', '[&_+_&]:shr-border-t-shorthand'],
 });
 export const AccordionPanelItem = ({ name, className, ...props }) => {
-    const styles = useMemo(() => accordionPanelItem({ className }), [className]);
+    const actualClassName = useMemo(() => classNameGenerator({ className }), [className]);
     return (React.createElement(AccordionPanelItemContext.Provider, { value: {
             name,
         } },
-        React.createElement(Section, { ...props, className: styles })));
+        React.createElement(Section, { ...props, className: actualClassName })));
 };
 //# sourceMappingURL=AccordionPanelItem.js.map

package/esm/components/AccordionPanel/AccordionPanelItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionPanelItem.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelItem.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,EAAE,EAIZ,aAAa,EACb,OAAO,GACR,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAS9C,MAAM,CAAC,MAAM,yBAAyB,GAAG,aAAa,CAAmB;IACvE,IAAI,EAAE,EAAE;CACT,CAAC,CAAA;AAEF,MAAM,kBAAkB,GAAG,EAAE,CAAC;IAC5B,IAAI,EAAE,CAAC,gCAAgC,EAAE,gCAAgC,CAAC;CAC3E,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAA6B,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC5F,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAC5E,OAAO,CACL,oBAAC,yBAAyB,CAAC,QAAQ,IACjC,KAAK,EAAE;YACL,IAAI;SACL;QAED,oBAAC,OAAO,OAAK,KAAK,EAAE,SAAS,EAAE,MAAM,GAAI,CACN,CACtC,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"AccordionPanelItem.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelItem.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,EAAE,EAIZ,aAAa,EACb,OAAO,GACR,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAS9C,MAAM,CAAC,MAAM,yBAAyB,GAAG,aAAa,CAAmB;IACvE,IAAI,EAAE,EAAE;CACT,CAAC,CAAA;AAEF,MAAM,kBAAkB,GAAG,EAAE,CAAC;IAC5B,IAAI,EAAE,CAAC,gCAAgC,EAAE,gCAAgC,CAAC;CAC3E,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAA6B,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC5F,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAErF,OAAO,CACL,oBAAC,yBAAyB,CAAC,QAAQ,IACjC,KAAK,EAAE;YACL,IAAI;SACL;QAED,oBAAC,OAAO,OAAK,KAAK,EAAE,SAAS,EAAE,eAAe,GAAI,CACf,CACtC,CAAA;AACH,CAAC,CAAA"}

package/esm/components/AccordionPanel/AccordionPanelTrigger.js

@@ -8,7 +8,7 @@ import { Cluster } from '../Layout';
 import { AccordionPanelContext } from './AccordionPanel';
 import { AccordionPanelItemContext } from './AccordionPanelItem';
 import { focusFirstSibling, focusLastSibling, focusNextSibling, focusPreviousSibling, getNewExpandedItems, } from './accordionPanelHelper';
-const accordionPanelTrigger = tv({
+const classNameGenerator = tv({
     slots: {
         title: 'shr-grow shr-leading-tight',
         button: [
@@ -31,51 +31,67 @@ const accordionPanelTrigger = tv({
     ],
 });
 export const AccordionPanelTrigger = ({ children, className, headingType = 'blockTitle', headingTag, ...props }) => {
-    const { titleStyle, buttonStyle, leftIconStyle, rightIconStyle } = useMemo(() => {
-        const { title, button, leftIcon, rightIcon } = accordionPanelTrigger();
+    const classNames = useMemo(() => {
+        const { title, button, leftIcon, rightIcon } = classNameGenerator();
         return {
-            titleStyle: title(),
-            buttonStyle: button({ className }),
-            leftIconStyle: leftIcon(),
-            rightIconStyle: rightIcon(),
+            title: title(),
+            button: button({ className }),
+            leftIcon: leftIcon(),
+            rightIcon: rightIcon(),
         };
     }, [className]);
     const { name } = useContext(AccordionPanelItemContext);
     const { iconPosition, expandedItems, onClickTrigger, onClickProps, expandableMultiply, parentRef, } = useContext(AccordionPanelContext);
-    const isExpanded = getIsInclude(expandedItems, name);
-    const handleClick = useCallback(() => {
-        if (onClickTrigger)
-            onClickTrigger(name, !isExpanded);
-        if (onClickProps) {
-            const newExpandedItems = getNewExpandedItems(expandedItems, name, !isExpanded, expandableMultiply);
+    const isExpanded = useMemo(() => getIsInclude(expandedItems, name), [expandedItems, name]);
+    const actualOnClickTrigger = useMemo(() => onClickTrigger
+        ? (e) => onClickTrigger(e.currentTarget.value, !isExpanded)
+        : undefined, [isExpanded, onClickTrigger]);
+    const actualOnClickProps = useMemo(() => onClickProps
+        ? (e) => {
+            const newExpandedItems = getNewExpandedItems(expandedItems, e.currentTarget.value, !isExpanded, expandableMultiply);
             onClickProps(mapToKeyArray(newExpandedItems));
         }
-    }, [onClickTrigger, name, isExpanded, onClickProps, expandedItems, expandableMultiply]);
-    const handleKeyDown = useCallback((event) => {
+        : undefined, [isExpanded, expandedItems, expandableMultiply, onClickProps]);
+    const handleClick = useMemo(() => {
+        if (actualOnClickTrigger) {
+            if (actualOnClickProps) {
+                return (e) => {
+                    actualOnClickTrigger(e);
+                    actualOnClickProps(e);
+                };
+            }
+            return actualOnClickTrigger;
+        }
+        else if (actualOnClickProps) {
+            return actualOnClickProps;
+        }
+        return undefined;
+    }, [actualOnClickProps, actualOnClickTrigger]);
+    const handleKeyDown = useCallback((e) => {
         if (!parentRef?.current) {
             return;
         }
-        const item = event.target;
-        switch (event.key) {
+        const item = e.target;
+        switch (e.key) {
             case 'Home': {
-                event.preventDefault();
+                e.preventDefault();
                 focusFirstSibling(parentRef.current);
                 break;
             }
             case 'End': {
-                event.preventDefault();
+                e.preventDefault();
                 focusLastSibling(parentRef.current);
                 break;
             }
             case 'ArrowLeft':
             case 'ArrowUp': {
-                event.preventDefault();
+                e.preventDefault();
                 focusPreviousSibling(item, parentRef.current);
                 break;
             }
             case 'ArrowRight':
             case 'ArrowDown': {
-                event.preventDefault();
+                e.preventDefault();
                 focusNextSibling(item, parentRef.current);
                 break;
             }
@@ -84,10 +100,11 @@ export const AccordionPanelTrigger = ({ children, className, headingType = 'bloc
     return (
     // eslint-disable-next-line smarthr/a11y-heading-in-sectioning-content
     React.createElement(Heading, { tag: headingTag, type: headingType },
-        React.createElement("button", { ...props, id: `${name}-trigger`, "aria-expanded": isExpanded, "aria-controls": `${name}-content`, onClick: handleClick, onKeyDown: handleKeyDown, className: buttonStyle, "data-component": "AccordionHeaderButton", type: "button" },
-            React.createElement(Cluster, { className: "shr-flex-nowrap", align: "center", as: "span" },
-                iconPosition === 'left' && React.createElement(FaCaretRightIcon, { className: leftIconStyle }),
-                React.createElement("span", { className: titleStyle }, children),
-                iconPosition === 'right' && React.createElement(FaCaretDownIcon, { className: rightIconStyle })))));
+        React.createElement("button", { ...props, type: "button", value: name, id: `${name}-trigger`, "aria-expanded": isExpanded, "aria-controls": `${name}-content`, onClick: handleClick, onKeyDown: handleKeyDown, className: classNames.button, "data-component": "AccordionHeaderButton" },
+            React.createElement(MemoizedTitle, { iconPosition: iconPosition, classNames: classNames }, children))));
 };
+const MemoizedTitle = React.memo(({ classNames, iconPosition, children }) => (React.createElement(Cluster, { className: "shr-flex-nowrap", align: "center", as: "span" },
+    iconPosition === 'left' && React.createElement(FaCaretRightIcon, { className: classNames.leftIcon }),
+    React.createElement("span", { className: classNames.title }, children),
+    iconPosition === 'right' && React.createElement(FaCaretDownIcon, { className: classNames.rightIcon }))));
 //# sourceMappingURL=AccordionPanelTrigger.js.map

package/esm/components/AccordionPanel/AccordionPanelTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionPanelTrigger.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelTrigger.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"AccordionPanelTrigger.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelTrigger.tsx"],"names":[],"mappings":"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"}

package/esm/components/AccordionPanel/accordionPanelHelper.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordionPanelHelper.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/accordionPanelHelper.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,iBAAsC,EACtC,QAAgB,EAChB,UAAmB,EACnB,kBAA2B,EAC3B,EAAE;IACF,IAAI,QAA6B,CAAA;IAEjC,IAAI,kBAAkB,EAAE,CAAC;QACvB,QAAQ,GAAG,IAAI,GAAG,CAAC,iBAAiB,CAAC,CAAA;QAErC,IAAI,UAAU,EAAE,CAAC;YACf,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;QAClC,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;QAC3B,CAAC;IACH,CAAC;SAAM,CAAC;QACN,QAAQ,GAAG,UAAU,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE,CAAA;IACrE,CAAC;IAED,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,MAAsB,EAAiB,EAAE,CACzE,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,0CAA0C,CAAC,CAAC,CAAA;AAEjF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,MAAsB,EAAQ,EAAE;IAChE,MAAM,QAAQ,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAC1C,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IACzB,KAAK,CAAC,KAAK,EAAE,CAAA;AACf,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,MAAsB,EAAQ,EAAE;IAC/D,MAAM,QAAQ,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAC1C,MAAM,IAAI,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;IAC1C,IAAI,CAAC,KAAK,EAAE,CAAA;AACd,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAiB,EAAE,MAAsB,EAAQ,EAAE;IAClF,MAAM,QAAQ,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAC1C,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;IAEtC,IAAI,OAAO,KAAK,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACpC,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;QACzB,KAAK,CAAC,KAAK,EAAE,CAAA;IACf,CAAC;SAAM,IAAI,OAAO,KAAK,CAAC,CAAC,EAAE,CAAC;QAC1B,MAAM,IAAI,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC,CAAA;QAClC,IAAI,CAAC,KAAK,EAAE,CAAA;IACd,CAAC;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,IAAiB,EAAE,MAAsB,EAAQ,EAAE;IACtF,MAAM,QAAQ,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAC1C,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;IAEtC,IAAI,OAAO,KAAK,CAAC,EAAE,CAAC;QAClB,MAAM,IAAI,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;QAC1C,IAAI,CAAC,KAAK,EAAE,CAAA;IACd,CAAC;SAAM,IAAI,OAAO,KAAK,CAAC,CAAC,EAAE,CAAC;QAC1B,MAAM,QAAQ,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC,CAAA;QACtC,QAAQ,CAAC,KAAK,EAAE,CAAA;IAClB,CAAC;AACH,CAAC,CAAA"}
+{"version":3,"file":"accordionPanelHelper.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/accordionPanelHelper.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,iBAAsC,EACtC,QAAgB,EAChB,UAAmB,EACnB,kBAA2B,EAC3B,EAAE;IACF,IAAI,QAA6B,CAAA;IAEjC,IAAI,kBAAkB,EAAE,CAAC;QACvB,QAAQ,GAAG,IAAI,GAAG,CAAC,iBAAiB,CAAC,CAAA;QAErC,IAAI,UAAU,EAAE,CAAC;YACf,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;QAClC,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;QAC3B,CAAC;IACH,CAAC;SAAM,CAAC;QACN,QAAQ,GAAG,UAAU,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE,CAAA;IACrE,CAAC;IAED,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,MAAsB,EAAiB,EAAE,CACzE,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,0CAA0C,CAAC,CAAC,CAAA;AAEjF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,MAAsB,EAAQ,EAAE;IAChE,MAAM,QAAQ,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAC1C,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAEzB,KAAK,CAAC,KAAK,EAAE,CAAA;AACf,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,MAAsB,EAAQ,EAAE;IAC/D,MAAM,QAAQ,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAC1C,MAAM,IAAI,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;IAE1C,IAAI,CAAC,KAAK,EAAE,CAAA;AACd,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAiB,EAAE,MAAsB,EAAQ,EAAE;IAClF,MAAM,QAAQ,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAC1C,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;IAEtC,IAAI,OAAO,KAAK,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACpC,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;QAEzB,KAAK,CAAC,KAAK,EAAE,CAAA;IACf,CAAC;SAAM,IAAI,OAAO,KAAK,CAAC,CAAC,EAAE,CAAC;QAC1B,MAAM,IAAI,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC,CAAA;QAElC,IAAI,CAAC,KAAK,EAAE,CAAA;IACd,CAAC;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,IAAiB,EAAE,MAAsB,EAAQ,EAAE;IACtF,MAAM,QAAQ,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAC1C,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;IAEtC,IAAI,OAAO,KAAK,CAAC,EAAE,CAAC;QAClB,MAAM,IAAI,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;QAE1C,IAAI,CAAC,KAAK,EAAE,CAAA;IACd,CAAC;SAAM,IAAI,OAAO,KAAK,CAAC,CAAC,EAAE,CAAC;QAC1B,MAAM,QAAQ,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC,CAAA;QAEtC,QAAQ,CAAC,KAAK,EAAE,CAAA;IAClB,CAAC;AACH,CAAC,CAAA"}

package/esm/components/AppHeader/components/mobile/TenantSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"TenantSelector.js","sourceRoot":"","sources":["../../../../../src/components/AppHeader/components/mobile/TenantSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAA;AACjD,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAE9E,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAErD,MAAM,2BAA2B,GAAG,EAAE,CAAC;IACrC,IAAI,EAAE;QACJ,iHAAiH;QACjH,2BAA2B;QAC3B,sEAAsE;KACvE;CACF,CAAC,CAAA;AAQF,MAAM,CAAC,MAAM,cAAc,GAAc,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,EAAE,EAAE;IACxF,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC;QACzD,OAAO,IAAI,CAAA;IACb,CAAC;IAED,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,eAAe,CAAC,EAAE,IAAI,CAAA;IAEhF,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO,IAAI,CAAA;IACb,CAAC;IAED,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5C,OAAO,oBAAC,IAAI,IAAC,EAAE,EAAC,GAAG,IAAE,UAAU,CAAQ,CAAA;IACzC,CAAC;IAED,OAAO,CACL,oBAAC,QAAQ;QAEP,oBAAC,eAAe;YACd,gCAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,2BAA2B,EAAE;gBAC3D,UAAU;gBACX,oBAAC,eAAe,IAAC,SAAS,EAAC,YAAY,EAAC,KAAK,EAAC,YAAY,GAAG,CACtD,CACO;QAElB,oBAAC,eAAe,IAAC,YAAY;YAC3B,6BAAK,SAAS,EAAC,WAAW,IACvB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;gBACtB,MAAM,SAAS,GAAG,MAAM,CAAC,EAAE,KAAK,eAAe,CAAA;gBAE/C,OAAO,CACL,oBAAC,YAAY,IACX,SAAS,EAAC,QAAQ,EAClB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,SAAS,EAClB,GAAG,EAAE,MAAM,CAAC,EAAE,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,SAAS,IAAI,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC,IAErD,MAAM,CAAC,IAAI,CACC,CAChB,CAAA;YACH,CAAC,CAAC,CACE,CACU,CACT,CACZ,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"TenantSelector.js","sourceRoot":"","sources":["../../../../../src/components/AppHeader/components/mobile/TenantSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAA;AACjD,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAE9E,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAErD,MAAM,2BAA2B,GAAG,EAAE,CAAC;IACrC,IAAI,EAAE;QACJ,iHAAiH;QACjH,2BAA2B;QAC3B,sEAAsE;KACvE;CACF,CAAC,CAAA;AAQF,MAAM,CAAC,MAAM,cAAc,GAAc,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,EAAE,EAAE;IACxF,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC;QACzD,OAAO,IAAI,CAAA;IACb,CAAC;IAED,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,eAAe,CAAC,EAAE,IAAI,CAAA;IAEhF,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO,IAAI,CAAA;IACb,CAAC;IAED,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5C,OAAO,oBAAC,IAAI,IAAC,EAAE,EAAC,GAAG,IAAE,UAAU,CAAQ,CAAA;IACzC,CAAC;IAED,OAAO,CACL,oBAAC,QAAQ;QACP,oBAAC,eAAe;YACd,gCAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,2BAA2B,EAAE;gBAC3D,UAAU;gBACX,oBAAC,eAAe,IAAC,SAAS,EAAC,YAAY,EAAC,KAAK,EAAC,YAAY,GAAG,CACtD,CACO;QAElB,oBAAC,eAAe,IAAC,YAAY;YAC3B,6BAAK,SAAS,EAAC,WAAW,IACvB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;gBACtB,MAAM,SAAS,GAAG,MAAM,CAAC,EAAE,KAAK,eAAe,CAAA;gBAE/C,OAAO,CACL,oBAAC,YAAY,IACX,SAAS,EAAC,QAAQ,EAClB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,SAAS,EAClB,GAAG,EAAE,MAAM,CAAC,EAAE,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,SAAS,IAAI,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC,IAErD,MAAM,CAAC,IAAI,CACC,CAChB,CAAA;YACH,CAAC,CAAC,CACE,CACU,CACT,CACZ,CAAA;AACH,CAAC,CAAA"}

package/esm/components/AppNavi/AppNavi.js

@@ -1,18 +1,19 @@
-import React from 'react';
+import React, { useMemo } from 'react';
 import { tv } from 'tailwind-variants';
+import { Heading } from '../Heading';
 import { Nav } from '../SectioningContent';
 import { StatusLabel } from '../StatusLabel';
 import { AppNaviAnchor } from './AppNaviAnchor';
 import { AppNaviButton } from './AppNaviButton';
 import { AppNaviCustomTag } from './AppNaviCustomTag';
 import { AppNaviDropdown } from './AppNaviDropdown';
-const appNavi = tv({
+const classNameGenerator = tv({
     slots: {
         wrapper: [
             'smarthr-ui-AppNavi',
             'shr-flex shr-min-w-max shr-items-center shr-bg-white shr-px-1.5 shr-shadow-layer-1',
         ],
-        statusLabel: ['smarthr-ui-AppNavi-label', 'shr-me-1 shr-shrink-0'],
+        statusLabelHeading: ['smarthr-ui-AppNavi-label', 'shr-me-1 shr-shrink-0 shr-leading-none'],
         buttonsEl: [
             'smarthr-ui-AppNavi-buttons',
             'shr-flex shr-items-stretch shr-gap-1 shr-self-stretch',
@@ -21,31 +22,25 @@ const appNavi = tv({
         additionalAreaEl: 'shr-ms-auto',
     },
 });
-const { wrapper, statusLabel, buttonsEl, listItem, additionalAreaEl } = appNavi();
-export const AppNavi = ({ label, buttons, className, children, displayDropdownCaret = false, additionalArea, ...props }) => (
-// eslint-disable-next-line smarthr/a11y-heading-in-sectioning-content
-React.createElement(Nav, { ...props, className: wrapper({ className }) },
-    label && React.createElement(StatusLabel, { className: statusLabel() }, label),
-    React.createElement("ul", { className: buttonsEl() },
-        buttons &&
-            buttons.map((button, i) => {
-                if ('tag' in button) {
-                    return (React.createElement("li", { key: i, className: listItem() },
-                        React.createElement(AppNaviCustomTag, { ...button })));
-                }
-                if ('href' in button) {
-                    return (React.createElement("li", { key: i, className: listItem() },
-                        React.createElement(AppNaviAnchor, { ...button })));
-                }
-                if ('dropdownContent' in button) {
-                    return (React.createElement("li", { key: i, className: listItem() },
-                        React.createElement(AppNaviDropdown, { ...button, displayCaret: displayDropdownCaret })));
-                }
-                return (React.createElement("li", { key: i, className: listItem() },
-                    React.createElement(AppNaviButton, { ...button })));
-            }),
-        renderButtons(children)),
-    additionalArea && React.createElement("div", { className: additionalAreaEl() }, additionalArea)));
+const { wrapper, statusLabelHeading, buttonsEl, listItem, additionalAreaEl } = classNameGenerator();
+const classNames = {
+    statusLabelHeading: statusLabelHeading(),
+    buttonsEl: buttonsEl(),
+    listItem: listItem(),
+    additionalAreaEl: additionalAreaEl(),
+};
+export const AppNavi = ({ label, buttons, className, children, displayDropdownCaret, additionalArea, ...rest }) => {
+    const wrapperClassName = useMemo(() => wrapper({ className }), [className]);
+    return (React.createElement(Nav, { ...rest, className: wrapperClassName },
+        React.createElement(StatusLabelHeading, null, label),
+        React.createElement("ul", { className: classNames.buttonsEl },
+            buttons &&
+                buttons.map((button, i) => (React.createElement("li", { key: i, className: classNames.listItem }, 'tag' in button ? (React.createElement(AppNaviCustomTag, { ...button })) : 'href' in button ? (React.createElement(AppNaviAnchor, { ...button })) : 'dropdownContent' in button ? (React.createElement(AppNaviDropdown, { ...button, displayCaret: displayDropdownCaret })) : (React.createElement(AppNaviButton, { ...button }))))),
+            renderButtons(children)),
+        additionalArea && React.createElement("div", { className: classNames.additionalAreaEl }, additionalArea)));
+};
+const StatusLabelHeading = React.memo(({ children }) => children && (React.createElement(Heading, { className: classNames.statusLabelHeading },
+    React.createElement(StatusLabel, null, children))));
 const renderButtons = (children) => React.Children.map(children, (child) => {
     if (!(child && React.isValidElement(child))) {
         return null;
@@ -53,6 +48,6 @@ const renderButtons = (children) => React.Children.map(children, (child) => {
     if (child.type === React.Fragment) {
         return renderButtons(child.props.children);
     }
-    return React.createElement("li", { className: listItem() }, child);
+    return React.createElement("li", { className: classNames.listItem }, child);
 });
 //# sourceMappingURL=AppNavi.js.map

package/esm/components/AppNavi/AppNavi.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppNavi.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNavi.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"AppNavi.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNavi.tsx"],"names":[],"mappings":"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"}

package/esm/components/AppNavi/AppNaviAnchor.js

@@ -1,23 +1,23 @@
 import React, { forwardRef, useMemo, } from 'react';
 import { tv } from 'tailwind-variants';
 import { appNaviItemStyle } from './style';
-const appNaviAnchor = tv({
+const classNameGenerator = tv({
     extend: appNaviItemStyle,
     slots: {
         wrapper: ['smarthr-ui-AppNavi-anchor', 'forced-colors:shr-underline'],
     },
 });
-export const AppNaviAnchor = forwardRef(({ children, href, icon: Icon, current = false, elementAs, ...others }, ref) => {
-    const { wrapperStyle, iconStyle } = useMemo(() => {
-        const { wrapper, icon } = appNaviAnchor({ active: current });
+export const AppNaviAnchor = forwardRef(({ children, href, icon: Icon, current, elementAs, ...others }, ref) => {
+    const classNames = useMemo(() => {
+        const { wrapper, icon } = classNameGenerator({ active: current });
         return {
-            wrapperStyle: wrapper(),
-            iconStyle: icon(),
+            wrapper: wrapper(),
+            icon: icon(),
         };
     }, [current]);
     const Component = elementAs || 'a';
-    return (React.createElement(Component, { ...others, ref: ref, href: href, "aria-current": current ? 'page' : undefined, className: wrapperStyle },
-        Icon && React.createElement(Icon, { className: iconStyle }),
+    return (React.createElement(Component, { ...others, ref: ref, href: href, "aria-current": current ? 'page' : undefined, className: classNames.wrapper },
+        Icon && React.createElement(Icon, { className: classNames.icon }),
         children));
 });
 //# sourceMappingURL=AppNaviAnchor.js.map

package/esm/components/AppNavi/AppNaviAnchor.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppNaviAnchor.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviAnchor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAQZ,UAAU,EACV,OAAO,GACR,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAKtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAsB1C,MAAM,aAAa,GAAG,EAAE,CAAC;IACvB,MAAM,EAAE,gBAAgB;IACxB,KAAK,EAAE;QACL,OAAO,EAAE,CAAC,2BAA2B,EAAE,6BAA6B,CAAC;KACtE;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,aAAa,GAA2B,UAAU,CAC7D,CACE,EACE,QAAQ,EACR,IAAI,EACJ,IAAI,EAAE,IAAI,EACV,OAAO,GAAG,KAAK,EACf,SAAS,EACT,GAAG,MAAM,EACgD,EAC3D,GAAuB,EACT,EAAE;IAChB,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/C,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,aAAa,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAA;QAC5D,OAAO;YACL,YAAY,EAAE,OAAO,EAAE;YACvB,SAAS,EAAE,IAAI,EAAE;SAClB,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,MAAM,SAAS,GAAG,SAAS,IAAI,GAAG,CAAA;IAElC,OAAO,CACL,oBAAC,SAAS,OACJ,MAAM,EACV,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,kBACI,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC1C,SAAS,EAAE,YAAY;QAEtB,IAAI,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAE,SAAS,GAAI;QACtC,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CACF,CAAA"}
+{"version":3,"file":"AppNaviAnchor.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviAnchor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAQZ,UAAU,EACV,OAAO,GACR,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAKtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAsB1C,MAAM,kBAAkB,GAAG,EAAE,CAAC;IAC5B,MAAM,EAAE,gBAAgB;IACxB,KAAK,EAAE;QACL,OAAO,EAAE,CAAC,2BAA2B,EAAE,6BAA6B,CAAC;KACtE;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,aAAa,GAA2B,UAAU,CAC7D,CACE,EACE,QAAQ,EACR,IAAI,EACJ,IAAI,EAAE,IAAI,EACV,OAAO,EACP,SAAS,EACT,GAAG,MAAM,EACgD,EAC3D,GAAuB,EACT,EAAE;IAChB,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,kBAAkB,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAA;QAEjE,OAAO;YACL,OAAO,EAAE,OAAO,EAAE;YAClB,IAAI,EAAE,IAAI,EAAE;SACb,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,MAAM,SAAS,GAAG,SAAS,IAAI,GAAG,CAAA;IAElC,OAAO,CACL,oBAAC,SAAS,OACJ,MAAM,EACV,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,kBACI,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC1C,SAAS,EAAE,UAAU,CAAC,OAAO;QAE5B,IAAI,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,IAAI,GAAI;QAC5C,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CACF,CAAA"}

package/esm/components/AppNavi/AppNaviButton.js

@@ -2,22 +2,22 @@ import React, { useMemo } from 'react';
 import { tv } from 'tailwind-variants';
 import { UnstyledButton } from '../Button';
 import { appNaviItemStyle } from './style';
-const appNaviButton = tv({
+const classNameGenerator = tv({
     extend: appNaviItemStyle,
     slots: {
         wrapper: 'smarthr-ui-AppNavi-button',
     },
 });
-export const AppNaviButton = ({ children, icon: Icon, current = false, onClick, }) => {
-    const { wrapperStyle, iconStyle } = useMemo(() => {
-        const { wrapper, icon } = appNaviButton({ active: current });
+export const AppNaviButton = ({ children, icon: Icon, current, onClick, }) => {
+    const classNames = useMemo(() => {
+        const { wrapper, icon } = classNameGenerator({ active: current });
         return {
-            wrapperStyle: wrapper(),
-            iconStyle: icon(),
+            wrapper: wrapper(),
+            icon: icon(),
         };
     }, [current]);
-    return (React.createElement(UnstyledButton, { "aria-current": current ? 'page' : undefined, onClick: onClick, className: wrapperStyle },
-        Icon && React.createElement(Icon, { className: iconStyle }),
+    return (React.createElement(UnstyledButton, { "aria-current": current ? 'page' : undefined, onClick: onClick, className: classNames.wrapper },
+        Icon && React.createElement(Icon, { className: classNames.icon }),
         children));
 };
 //# sourceMappingURL=AppNaviButton.js.map

package/esm/components/AppNavi/AppNaviButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppNaviButton.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAyB,OAAO,EAAE,MAAM,OAAO,CAAA;AAC7D,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAG1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAW1C,MAAM,aAAa,GAAG,EAAE,CAAC;IACvB,MAAM,EAAE,gBAAgB;IACxB,KAAK,EAAE;QACL,OAAO,EAAE,2BAA2B;KACrC;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EACpD,QAAQ,EACR,IAAI,EAAE,IAAI,EACV,OAAO,GAAG,KAAK,EACf,OAAO,GACR,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/C,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,aAAa,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAA;QAC5D,OAAO;YACL,YAAY,EAAE,OAAO,EAAE;YACvB,SAAS,EAAE,IAAI,EAAE;SAClB,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,OAAO,CACL,oBAAC,cAAc,oBACC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC1C,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,YAAY;QAEtB,IAAI,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAE,SAAS,GAAI;QACtC,QAAQ,CACM,CAClB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"AppNaviButton.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAyB,OAAO,EAAE,MAAM,OAAO,CAAA;AAC7D,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAG1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAW1C,MAAM,kBAAkB,GAAG,EAAE,CAAC;IAC5B,MAAM,EAAE,gBAAgB;IACxB,KAAK,EAAE;QACL,OAAO,EAAE,2BAA2B;KACrC;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EACpD,QAAQ,EACR,IAAI,EAAE,IAAI,EACV,OAAO,EACP,OAAO,GACR,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,kBAAkB,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAA;QAEjE,OAAO;YACL,OAAO,EAAE,OAAO,EAAE;YAClB,IAAI,EAAE,IAAI,EAAE;SACb,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,OAAO,CACL,oBAAC,cAAc,oBACC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC1C,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,UAAU,CAAC,OAAO;QAE5B,IAAI,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,IAAI,GAAI;QAC5C,QAAQ,CACM,CAClB,CAAA;AACH,CAAC,CAAA"}

package/esm/components/AppNavi/AppNaviCustomTag.js

@@ -1,22 +1,22 @@
 import React, { useMemo } from 'react';
 import { tv } from 'tailwind-variants';
 import { appNaviItemStyle } from './style';
-const appNaviCustomTag = tv({
+const classNameGenerator = tv({
     extend: appNaviItemStyle,
     slots: {
         wrapper: 'smarthr-ui-AppNavi-customTag',
     },
 });
-export const AppNaviCustomTag = ({ children, tag: Tag, icon: Icon, current = false, ...props }) => {
-    const { wrapperStyle, iconStyle } = useMemo(() => {
-        const { wrapper, icon } = appNaviCustomTag({ active: current });
+export const AppNaviCustomTag = ({ children, tag: Tag, icon: Icon, current, ...props }) => {
+    const classNames = useMemo(() => {
+        const { wrapper, icon } = classNameGenerator({ active: current });
         return {
-            wrapperStyle: wrapper(),
-            iconStyle: icon(),
+            wrapper: wrapper(),
+            icon: icon(),
         };
     }, [current]);
-    return (React.createElement(Tag, { ...props, "aria-current": current ? 'page' : undefined, className: wrapperStyle },
-        Icon && React.createElement(Icon, { className: iconStyle }),
+    return (React.createElement(Tag, { ...props, "aria-current": current ? 'page' : undefined, className: classNames.wrapper },
+        Icon && React.createElement(Icon, { className: classNames.icon }),
         children));
 };
 //# sourceMappingURL=AppNaviCustomTag.js.map

package/esm/components/AppNavi/AppNaviCustomTag.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppNaviCustomTag.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviCustomTag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAwC,OAAO,EAAE,MAAM,OAAO,CAAA;AAC5E,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAItC,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAW1C,MAAM,gBAAgB,GAAG,EAAE,CAAC;IAC1B,MAAM,EAAE,gBAAgB;IACxB,KAAK,EAAE;QACL,OAAO,EAAE,8BAA8B;KACxC;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAA8B,CAAC,EAC1D,QAAQ,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/C,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,gBAAgB,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAA;QAC/D,OAAO;YACL,YAAY,EAAE,OAAO,EAAE;YACvB,SAAS,EAAE,IAAI,EAAE;SAClB,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,OAAO,CACL,oBAAC,GAAG,OAAK,KAAK,kBAAgB,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,YAAY;QAChF,IAAI,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAE,SAAS,GAAI;QACtC,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"AppNaviCustomTag.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviCustomTag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAwC,OAAO,EAAE,MAAM,OAAO,CAAA;AAC5E,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAItC,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAW1C,MAAM,kBAAkB,GAAG,EAAE,CAAC;IAC5B,MAAM,EAAE,gBAAgB;IACxB,KAAK,EAAE;QACL,OAAO,EAAE,8BAA8B;KACxC;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAA8B,CAAC,EAC1D,QAAQ,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,OAAO,EACP,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,kBAAkB,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAA;QAEjE,OAAO;YACL,OAAO,EAAE,OAAO,EAAE;YAClB,IAAI,EAAE,IAAI,EAAE;SACb,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,OAAO,CACL,oBAAC,GAAG,OAAK,KAAK,kBAAgB,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO;QACtF,IAAI,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,IAAI,GAAI;QAC5C,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA"}

package/esm/components/AppNavi/AppNaviDropdown.js

@@ -4,7 +4,7 @@ import { UnstyledButton } from '../Button';
 import { Dropdown, DropdownContent, DropdownTrigger } from '../Dropdown';
 import { FaCaretDownIcon } from '../Icon';
 import { appNaviItemStyle } from './style';
-const appNaviDropdown = tv({
+const classNameGenerator = tv({
     extend: appNaviItemStyle,
     variants: {
         displayCaret: {
@@ -17,18 +17,18 @@ const appNaviDropdown = tv({
         },
     },
 });
-export const AppNaviDropdown = ({ children, dropdownContent, icon: Icon, current = false, displayCaret, }) => {
-    const { wrapperStyle, iconStyle } = useMemo(() => {
-        const { wrapper, icon } = appNaviDropdown({ active: current, displayCaret });
+export const AppNaviDropdown = ({ children, dropdownContent, icon: Icon, current, displayCaret, }) => {
+    const classNames = useMemo(() => {
+        const { wrapper, icon } = classNameGenerator({ active: current, displayCaret });
         return {
-            wrapperStyle: wrapper(),
-            iconStyle: icon(),
+            wrapper: wrapper(),
+            icon: icon(),
         };
     }, [current, displayCaret]);
     return (React.createElement(Dropdown, null,
         React.createElement(DropdownTrigger, null,
-            React.createElement(UnstyledButton, { "aria-current": current ? 'page' : undefined, className: wrapperStyle },
-                Icon && React.createElement(Icon, { className: iconStyle }),
+            React.createElement(UnstyledButton, { "aria-current": current ? 'page' : undefined, className: classNames.wrapper },
+                Icon && React.createElement(Icon, { className: classNames.icon }),
                 children,
                 displayCaret && React.createElement(FaCaretDownIcon, null))),
         React.createElement(DropdownContent, null, dropdownContent)));

package/esm/components/AppNavi/AppNaviDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppNaviDropdown.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAoC,OAAO,EAAE,MAAM,OAAO,CAAA;AACxE,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AACxE,OAAO,EAAE,eAAe,EAA+B,MAAM,SAAS,CAAA;AAEtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAY1C,MAAM,eAAe,GAAG,EAAE,CAAC;IACzB,MAAM,EAAE,gBAAgB;IACxB,QAAQ,EAAE;QACR,YAAY,EAAE;YACZ,IAAI,EAAE;gBACJ,OAAO,EAAE;oBACP,6BAA6B;oBAC7B,sEAAsE;iBACvE;aACF;SACF;KACF;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,eAAe,GAA6B,CAAC,EACxD,QAAQ,EACR,eAAe,EACf,IAAI,EAAE,IAAI,EACV,OAAO,GAAG,KAAK,EACf,YAAY,GACb,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/C,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,eAAe,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,CAAA;QAC5E,OAAO;YACL,YAAY,EAAE,OAAO,EAAE;YACvB,SAAS,EAAE,IAAI,EAAE;SAClB,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAA;IAE3B,OAAO,CACL,oBAAC,QAAQ;QACP,oBAAC,eAAe;YACd,oBAAC,cAAc,oBAAe,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,YAAY;gBAChF,IAAI,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAE,SAAS,GAAI;gBACtC,QAAQ;gBACR,YAAY,IAAI,oBAAC,eAAe,OAAG,CACrB,CACD;QAElB,oBAAC,eAAe,QAAE,eAAe,CAAmB,CAC3C,CACZ,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"AppNaviDropdown.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAoC,OAAO,EAAE,MAAM,OAAO,CAAA;AACxE,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AACxE,OAAO,EAAE,eAAe,EAA+B,MAAM,SAAS,CAAA;AAEtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAY1C,MAAM,kBAAkB,GAAG,EAAE,CAAC;IAC5B,MAAM,EAAE,gBAAgB;IACxB,QAAQ,EAAE;QACR,YAAY,EAAE;YACZ,IAAI,EAAE;gBACJ,OAAO,EAAE;oBACP,6BAA6B;oBAC7B,sEAAsE;iBACvE;aACF;SACF;KACF;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,eAAe,GAA6B,CAAC,EACxD,QAAQ,EACR,eAAe,EACf,IAAI,EAAE,IAAI,EACV,OAAO,EACP,YAAY,GACb,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,kBAAkB,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,CAAA;QAE/E,OAAO;YACL,OAAO,EAAE,OAAO,EAAE;YAClB,IAAI,EAAE,IAAI,EAAE;SACb,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAA;IAE3B,OAAO,CACL,oBAAC,QAAQ;QACP,oBAAC,eAAe;YACd,oBAAC,cAAc,oBAAe,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO;gBACtF,IAAI,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,IAAI,GAAI;gBAC5C,QAAQ;gBACR,YAAY,IAAI,oBAAC,eAAe,OAAG,CACrB,CACD;QAClB,oBAAC,eAAe,QAAE,eAAe,CAAmB,CAC3C,CACZ,CAAA;AACH,CAAC,CAAA"}

package/esm/components/AppNavi/AppNaviDropdownMenuButton.d.ts

@@ -1,7 +1,7 @@
 import { type FC, type PropsWithChildren, type ReactNode } from 'react';
-type AppNaviDropdownMenuButtonProps = PropsWithChildren<{
+type Props = PropsWithChildren<{
     /** 引き金となるボタンラベル */
     label: ReactNode;
 }>;
-export declare const AppNaviDropdownMenuButton: FC<AppNaviDropdownMenuButtonProps>;
+export declare const AppNaviDropdownMenuButton: FC<Props>;
 export {};

package/esm/components/AppNavi/AppNaviDropdownMenuButton.js

@@ -1,7 +1,7 @@
-import React from 'react';
+import React, { useMemo } from 'react';
 import { tv } from 'tailwind-variants';
 import { DropdownMenuButton } from '../Dropdown/DropdownMenuButton/DropdownMenuButton';
-const dropdownMenuButton = tv({
+const classNameGenerator = tv({
     base: [
         'smarthr-ui-AppNavi-dropdownMenuButton',
         [
@@ -24,7 +24,12 @@ const dropdownMenuButton = tv({
         ],
     ],
 });
-export const AppNaviDropdownMenuButton = ({ label, children, }) => (React.createElement(DropdownMenuButton, { label: React.createElement(React.Fragment, null,
-        label,
-        React.createElement("span", { hidden: true }, children)), className: dropdownMenuButton() }, children));
+export const AppNaviDropdownMenuButton = ({ label, children }) => {
+    const className = useMemo(() => classNameGenerator(), []);
+    return (React.createElement(DropdownMenuButton, { label: React.createElement(React.Fragment, null,
+            label,
+            React.createElement("span", { hidden: true }, 
+            // has([aria-current="page"]) を書くために複製
+            children)), className: className }, children));
+};
 //# sourceMappingURL=AppNaviDropdownMenuButton.js.map

package/esm/components/AppNavi/AppNaviDropdownMenuButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppNaviDropdownMenuButton.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviDropdownMenuButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0D,MAAM,OAAO,CAAA;AAC9E,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,mDAAmD,CAAA;AAOtF,MAAM,kBAAkB,GAAG,EAAE,CAAC;IAC5B,IAAI,EAAE;QACJ,uCAAuC;QACvC;YACE,4DAA4D;YAC5D,uDAAuD;YACvD,0DAA0D;YAC1D,6DAA6D;SAC9D;QACD;YACE,kFAAkF;YAClF,oFAAoF;SACrF;QACD;YACE,4FAA4F;YAC5F,wFAAwF;YACxF,wFAAwF;YACxF,yFAAyF;YACzF,sFAAsF;YACtF,uFAAuF;SACxF;KACF;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAuC,CAAC,EAC5E,KAAK,EACL,QAAQ,GACT,EAAE,EAAE,CAAC,CACJ,oBAAC,kBAAkB,IACjB,KAAK,EACH;QACG,KAAK;QAEN,8BAAM,MAAM,UAAE,QAAQ,CAAQ,CAC7B,EAEL,SAAS,EAAE,kBAAkB,EAAE,IAE9B,QAAQ,CACU,CACtB,CAAA"}
+{"version":3,"file":"AppNaviDropdownMenuButton.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviDropdownMenuButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAmD,OAAO,EAAE,MAAM,OAAO,CAAA;AACvF,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,mDAAmD,CAAA;AAEtF,MAAM,kBAAkB,GAAG,EAAE,CAAC;IAC5B,IAAI,EAAE;QACJ,uCAAuC;QACvC;YACE,4DAA4D;YAC5D,uDAAuD;YACvD,0DAA0D;YAC1D,6DAA6D;SAC9D;QACD;YACE,kFAAkF;YAClF,oFAAoF;SACrF;QACD;YACE,4FAA4F;YAC5F,wFAAwF;YACxF,wFAAwF;YACxF,yFAAyF;YACzF,sFAAsF;YACtF,uFAAuF;SACxF;KACF;CACF,CAAC,CAAA;AAOF,MAAM,CAAC,MAAM,yBAAyB,GAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC1E,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,kBAAkB,EAAE,EAAE,EAAE,CAAC,CAAA;IAEzD,OAAO,CACL,oBAAC,kBAAkB,IACjB,KAAK,EACH;YACG,KAAK;YACN,8BAAM,MAAM;YAER,sCAAsC;YACtC,QAAQ,CAEL,CACN,EAEL,SAAS,EAAE,SAAS,IAEnB,QAAQ,CACU,CACtB,CAAA;AACH,CAAC,CAAA"}