@xfers/design-system 8.0.0-dev.7a712dceac → 8.0.0-dev.cc13f5d18b

package/dist/components/Sidebar/Sidebar.js

@@ -109,8 +109,8 @@ const SidebarBase = ({ variant = 'business', logo, companyProfile, children, foo
         react_1.default.createElement(styles_1.MenuHeader, null,
             logo && react_1.default.createElement(styles_1.LogoWrapper, null, logo),
             companyProfile,
-            react_1.default.createElement(styles_1.MenuContainer, null, children)),
-        footer));
+            react_1.default.createElement(styles_1.MenuContainer, null, children),
+            footer)));
     // Mobile: render as drawer overlay
     if (isMobile) {
         if (!open)

package/dist/components/Sidebar/Sidebar.js.map

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

package/dist/components/Sidebar/SidebarNavItem.js

@@ -8,11 +8,24 @@ const styles_1 = require("./styles");
 const MaterialSymbols_1 = __importDefault(require("../../icons/MaterialSymbols/MaterialSymbols"));
 const Tag_1 = __importDefault(require("../Tag"));
 const SidebarSubItem_1 = __importDefault(require("./SidebarSubItem"));
-const SidebarNavItem = ({ id, icon, label, variant = 'business', active = false, onClick, subItems, isExpanded = false, tag, }) => {
+const SidebarNavItem = ({ id, icon, label, variant = 'business', active = false, onClick, subItems, isExpanded = false, tag, autoSelectFirstSubItem = false, }) => {
     const color = (0, styles_1.itemTextColor)(variant, active);
     const hasSubItems = Boolean(subItems && subItems.length > 0);
+    const handleClick = () => {
+        var _a, _b, _c;
+        // Fire the parent handler (consumer toggles expansion). If auto-select is
+        // on and this click is opening a collapsed group, also select the first
+        // sub-item so it's active without a second click.
+        if (autoSelectFirstSubItem &&
+            hasSubItems &&
+            !isExpanded &&
+            ((_a = subItems === null || subItems === void 0 ? void 0 : subItems[0]) === null || _a === void 0 ? void 0 : _a.onClick)) {
+            (_c = (_b = subItems[0]).onClick) === null || _c === void 0 ? void 0 : _c.call(_b);
+        }
+        onClick === null || onClick === void 0 ? void 0 : onClick();
+    };
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(styles_1.NavItemWrapper, { variant: variant, active: active, onClick: onClick, "data-id": id },
+        react_1.default.createElement(styles_1.NavItemWrapper, { variant: variant, active: active, onClick: handleClick, "data-id": id },
             react_1.default.createElement(MaterialSymbols_1.default, { icon: icon, size: "m", fill: active ? 1 : 0, color: color }),
             react_1.default.createElement(styles_1.NavItemLabel, { variant: variant, active: active }, label),
             tag && (react_1.default.createElement(Tag_1.default, { type: "positive", variant: "filled", size: "sm" }, tag)),

package/dist/components/Sidebar/SidebarNavItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarNavItem.js","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarNavItem.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AAEzB,qCAKiB;AAEjB,kGAAyE;AACzE,iDAAwB;AACxB,sEAA6C;AAuB7C,MAAM,cAAc,GAAG,CAAC,EACtB,EAAE,EACF,IAAI,EACJ,KAAK,EACL,OAAO,GAAG,UAAU,EACpB,MAAM,GAAG,KAAK,EACd,OAAO,EACP,QAAQ,EACR,UAAU,GAAG,KAAK,EAClB,GAAG,GACiB,EAAE,EAAE;IACxB,MAAM,KAAK,GAAG,IAAA,sBAAa,EAAC,OAAO,EAAE,MAAM,CAAC,CAAA;IAC5C,MAAM,WAAW,GAAG,OAAO,CAAC,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;IAE5D,OAAO,CACL;QACE,8BAAC,uBAAc,IACb,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,aACP,EAAE;YAEX,8BAAC,yBAAe,IACd,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,GAAG,EACR,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACpB,KAAK,EAAE,KAAK,GACZ;YACF,8BAAC,qBAAY,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,IAC3C,KAAK,CACO;YACd,GAAG,IAAI,CACN,8BAAC,aAAG,IAAC,IAAI,EAAC,UAAU,EAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,EAAC,IAAI,IAC5C,GAAG,CACA,CACP;YACA,WAAW,IAAI,CACd,8BAAC,0BAAiB;gBAChB,8BAAC,yBAAe,IACd,IAAI,EAAC,qBAAqB,EAC1B,IAAI,EAAC,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC,SAAS,GAC/D,CACgB,CACrB,CACc;QAChB,UAAU;YACT,QAAQ;YACR,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACpB,8BAAC,wBAAc,IACb,GAAG,EAAE,GAAG,CAAC,EAAE,EACX,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,GAAG,CAAC,MAAM,EAClB,OAAO,EAAE,GAAG,CAAC,OAAO,GACpB,CACH,CAAC,CACH,CACJ,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,cAAc,CAAA"}
+{"version":3,"file":"SidebarNavItem.js","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarNavItem.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AAEzB,qCAKiB;AAEjB,kGAAyE;AACzE,iDAAwB;AACxB,sEAA6C;AA6B7C,MAAM,cAAc,GAAG,CAAC,EACtB,EAAE,EACF,IAAI,EACJ,KAAK,EACL,OAAO,GAAG,UAAU,EACpB,MAAM,GAAG,KAAK,EACd,OAAO,EACP,QAAQ,EACR,UAAU,GAAG,KAAK,EAClB,GAAG,EACH,sBAAsB,GAAG,KAAK,GACV,EAAE,EAAE;IACxB,MAAM,KAAK,GAAG,IAAA,sBAAa,EAAC,OAAO,EAAE,MAAM,CAAC,CAAA;IAC5C,MAAM,WAAW,GAAG,OAAO,CAAC,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;IAE5D,MAAM,WAAW,GAAG,GAAG,EAAE;;QACvB,0EAA0E;QAC1E,wEAAwE;QACxE,kDAAkD;QAClD,IACE,sBAAsB;YACtB,WAAW;YACX,CAAC,UAAU;aACX,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,0CAAE,OAAO,CAAA,EACtB,CAAC;YACD,MAAA,MAAA,QAAQ,CAAC,CAAC,CAAC,EAAC,OAAO,kDAAI,CAAA;QACzB,CAAC;QACD,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAA;IACb,CAAC,CAAA;IAED,OAAO,CACL;QACE,8BAAC,uBAAc,IACb,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,WAAW,aACX,EAAE;YAEX,8BAAC,yBAAe,IACd,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,GAAG,EACR,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACpB,KAAK,EAAE,KAAK,GACZ;YACF,8BAAC,qBAAY,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,IAC3C,KAAK,CACO;YACd,GAAG,IAAI,CACN,8BAAC,aAAG,IAAC,IAAI,EAAC,UAAU,EAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,EAAC,IAAI,IAC5C,GAAG,CACA,CACP;YACA,WAAW,IAAI,CACd,8BAAC,0BAAiB;gBAChB,8BAAC,yBAAe,IACd,IAAI,EAAC,qBAAqB,EAC1B,IAAI,EAAC,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC,SAAS,GAC/D,CACgB,CACrB,CACc;QAChB,UAAU;YACT,QAAQ;YACR,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACpB,8BAAC,wBAAc,IACb,GAAG,EAAE,GAAG,CAAC,EAAE,EACX,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,GAAG,CAAC,MAAM,EAClB,OAAO,EAAE,GAAG,CAAC,OAAO,GACpB,CACH,CAAC,CACH,CACJ,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,cAAc,CAAA"}

package/dist/components/Sidebar/styles.js

@@ -34,19 +34,20 @@ exports.SidebarWrapper = styled_1.default.div `
   width: 240px;
   height: 100vh;
   box-sizing: border-box;
-  padding: 32px 16px;
+  padding: 32px 0;
   background-color: ${(props) => ROOT_BACKGROUND[props.variant]};
   display: flex;
   flex-direction: column;
   align-items: center;
-  justify-content: space-between;
   flex-shrink: 0;
   overflow: hidden;
 `;
 /*
- * Scrollable region holding logo, company profile, and nav items. The
- * regulatory footer sits outside this and stays pinned — per Notion spec
- * "does not scroll with the navigation content".
+ * Scrollable region holding logo, company profile, nav items, and the
+ * regulatory footer. Everything scrolls together as one list.
+ *
+ * Horizontal padding lives on the inner sections (not the wrapper) so the
+ * scrollbar sits flush against the panel's right edge.
  */
 exports.MenuHeader = styled_1.default.div `
   display: flex;
@@ -54,6 +55,8 @@ exports.MenuHeader = styled_1.default.div `
   align-items: center;
   gap: 24px;
   width: 100%;
+  box-sizing: border-box;
+  padding: 0 16px;
   flex: 1 1 auto;
   min-height: 0;
   overflow-y: auto;

package/dist/components/Sidebar/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Sidebar/styles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Sidebar/styles.ts"],"names":[],"mappings":";;;;;;AAAA,6DAAoC;AACpC,2DAImC;AACnC,0DAMsC;AAItC,MAAM,SAAS,GAAG,CAAC,OAAuB,EAAE,EAAE,CAAC,OAAO,KAAK,SAAS,CAAA;AAEpE,MAAM,eAAe,GAAmC;IACtD,QAAQ,EAAE,gBAAO,CAAC,OAAO;IACzB,QAAQ,EAAE,gBAAO,CAAC,OAAO;IACzB,OAAO,EAAE,aAAI,CAAC,SAAS;CACxB,CAAA;AAED,MAAM,iBAAiB,GAAmC;IACxD,QAAQ,EAAE,kBAAS,CAAC,cAAc;IAClC,QAAQ,EAAE,kBAAS,CAAC,cAAc;IAClC,OAAO,EAAE,kBAAS,CAAC,sBAAsB;CAC1C,CAAA;AAED,MAAM,gBAAgB,GAAmC;IACvD,QAAQ,EAAE,oBAAW,CAAC,aAAa;IACnC,QAAQ,EAAE,oBAAW,CAAC,aAAa;IACnC,OAAO,EAAE,2BAA2B;CACrC,CAAA;AAEM,MAAM,aAAa,GAAG,CAAC,OAAuB,EAAE,MAAgB,EAAE,EAAE;IACzE,IAAI,SAAS,CAAC,OAAO,CAAC;QAAE,OAAO,aAAI,CAAC,YAAY,CAAA;IAChD,OAAO,MAAM,CAAC,CAAC,CAAC,eAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAI,CAAC,oBAAoB,CAAA;AAC7D,CAAC,CAAA;AAHY,QAAA,aAAa,iBAGzB;AAED,MAAM,OAAO,GAAG,CAAC,OAAuB,EAAE,MAAgB,EAAE,EAAE,CAC5D,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAA;AAEpD,QAAA,cAAc,GAAG,gBAAM,CAAC,GAAG,CAA6B;;;;;sBAK/C,CAAC,KAAK,EAAE,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,OAAO,CAAC;;;;;;CAM9D,CAAA;AAED;;;;;;GAMG;AACU,QAAA,UAAU,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;CAenC,CAAA;AAEY,QAAA,WAAW,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;CAIpC,CAAA;AAEY,QAAA,aAAa,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;;;CAMtC,CAAA;AAED,mBAAmB;AAEN,QAAA,cAAc,GAAG,gBAAM,CAAC,GAAG,CAGtC;;;;;;;;;sBASoB,CAAC,KAAK,EAAE,EAAE,CAC5B,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,aAAa;;;wBAG3C,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC;;CAEtE,CAAA;AAEY,QAAA,YAAY,GAAG,gBAAM,CAAC,IAAI,CAGrC;;;iBAGe,sBAAS,KAAK,0BAAa;;;iBAG3B,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;WAC3C,CAAC,KAAK,EAAE,EAAE,CAAC,IAAA,qBAAa,EAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC;;;;CAI/D,CAAA;AAEY,QAAA,iBAAiB,GAAG,gBAAM,CAAC,IAAI,CAAA;;;;CAI3C,CAAA;AAED,mBAAmB;AAEN,QAAA,cAAc,GAAG,gBAAM,CAAC,GAAG,CAGtC;;;;;;;sBAOoB,CAAC,KAAK,EAAE,EAAE,CAC5B,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,aAAa;;;wBAG3C,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC;;CAEtE,CAAA;AAEY,QAAA,YAAY,GAAG,gBAAM,CAAC,IAAI,CAGrC;;;iBAGe,sBAAS,KAAK,0BAAa;;;iBAG3B,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;WAC3C,CAAC,KAAK,EAAE,EAAE,CAAC,IAAA,qBAAa,EAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC;;;;CAI/D,CAAA;AAED,0BAA0B;AAEb,QAAA,uBAAuB,GAAG,gBAAM,CAAC,GAAG,CAAA;;;CAGhD,CAAA;AAEY,QAAA,qBAAqB,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;;;;;;sBASzB,gBAAO,CAAC,iBAAiB;;;wBAGvB,oBAAW,CAAC,aAAa;;CAEhD,CAAA;AAEY,QAAA,qBAAqB,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;;;;CAO9C,CAAA;AAEY,QAAA,WAAW,GAAG,gBAAM,CAAC,IAAI,CAAA;;iBAErB,2BAAc;;;;WAIpB,aAAI,CAAC,oBAAoB;;CAEnC,CAAA;AAEY,QAAA,eAAe,GAAG,gBAAM,CAAC,IAAI,CAAA;;iBAEzB,sBAAS,KAAK,0BAAa;;;;WAIjC,aAAI,CAAC,oBAAoB;;CAEnC,CAAA;AAED,kDAAkD;AAErC,QAAA,sBAAsB,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;;;;;;;sBAU1B,gBAAO,CAAC,iBAAiB;CAC9C,CAAA;AAEY,QAAA,mBAAmB,GAAG,gBAAM,CAAC,IAAI,CAAA;;;iBAG7B,sBAAS,KAAK,0BAAa;;;;WAIjC,aAAI,CAAC,oBAAoB;;CAEnC,CAAA"}

package/dist/types/components/Sidebar/SidebarNavItem.d.ts

@@ -19,6 +19,12 @@ type SidebarNavItemProps = {
     isExpanded?: boolean;
     /** Optional trailing tag text (e.g. "New"). Uses DS Tag component. */
     tag?: string;
+    /**
+     * When true and this item has sub-items, expanding the parent also fires
+     * the first sub-item's onClick, so the child is selected without an extra
+     * click. Only applies on expand (not collapse) and only to the first child.
+     */
+    autoSelectFirstSubItem?: boolean;
 };
-declare const SidebarNavItem: ({ id, icon, label, variant, active, onClick, subItems, isExpanded, tag, }: SidebarNavItemProps) => React.JSX.Element;
+declare const SidebarNavItem: ({ id, icon, label, variant, active, onClick, subItems, isExpanded, tag, autoSelectFirstSubItem, }: SidebarNavItemProps) => React.JSX.Element;
 export default SidebarNavItem;

package/es/index.js

@@ -1284,12 +1284,11 @@ padding-top:
   width: 240px;
   height: 100vh;
   box-sizing: border-box;
-  padding: 32px 16px;
+  padding: 32px 0;
   background-color: ${t=>Wf[t.variant]};
   display: flex;
   flex-direction: column;
   align-items: center;
-  justify-content: space-between;
   flex-shrink: 0;
   overflow: hidden;
 `,Zf=Hn.div`
@@ -1298,6 +1297,8 @@ padding-top:
   align-items: center;
   gap: 24px;
   width: 100%;
+  box-sizing: border-box;
+  padding: 0 16px;
   flex: 1 1 auto;
   min-height: 0;
   overflow-y: auto;
@@ -1446,7 +1447,7 @@ padding-top:
   .material-symbols-rounded {
     font-size: 24px;
   }
-`,bm=({variant:t="business",logo:e,companyProfile:n,children:i,footer:o})=>{var r,a;const s=ut(um),l=null===(r=null==s?void 0:s.open)||void 0===r||r,c=null!==(a=null==s?void 0:s.isMobile)&&void 0!==a&&a,d=et.createElement(qf,{variant:t},et.createElement(Zf,null,e&&et.createElement(Kf,null,e),n,et.createElement(Jf,null,i)),o);return c?l?et.createElement(xm,null,et.createElement(ym,{onClick:()=>null==s?void 0:s.setOpen(!1),"aria-label":"Close navigation"}),et.createElement(vm,null,d)):null:l?d:null},xm=Hn.div`
+`,bm=({variant:t="business",logo:e,companyProfile:n,children:i,footer:o})=>{var r,a;const s=ut(um),l=null===(r=null==s?void 0:s.open)||void 0===r||r,c=null!==(a=null==s?void 0:s.isMobile)&&void 0!==a&&a,d=et.createElement(qf,{variant:t},et.createElement(Zf,null,e&&et.createElement(Kf,null,e),n,et.createElement(Jf,null,i),o));return c?l?et.createElement(xm,null,et.createElement(ym,{onClick:()=>null==s?void 0:s.setOpen(!1),"aria-label":"Close navigation"}),et.createElement(vm,null,d)):null:l?d:null},xm=Hn.div`
   position: fixed;
   inset: 0;
   z-index: 1000;
@@ -1461,7 +1462,7 @@ padding-top:
   z-index: 1;
   height: 100%;
   overflow-y: auto;
-`,_m={Base:bm,Provider:fm,Trigger:mm},wm=({label:t,variant:e="business",active:n=!1,onClick:i})=>et.createElement(nm,{variant:e,active:n,onClick:i},et.createElement(im,{variant:e,active:n},t)),km=({id:t,icon:e,label:n,variant:i="business",active:o=!1,onClick:r,subItems:a,isExpanded:s=!1,tag:l})=>{const c=Gf(i,o),d=Boolean(a&&a.length>0);return et.createElement(et.Fragment,null,et.createElement(Qf,{variant:i,active:o,onClick:r,"data-id":t},et.createElement(Uh,{icon:e,size:"m",fill:o?1:0,color:c}),et.createElement(tm,{variant:i,active:o},n),l&&et.createElement(Jh,{type:"positive",variant:"filled",size:"sm"},l),d&&et.createElement(em,null,et.createElement(Uh,{icon:"keyboard_arrow_down",size:"m",color:c,style:s?{transform:"rotate(180deg)"}:void 0}))),s&&a&&a.map(t=>et.createElement(wm,{key:t.id,label:t.label,variant:i,active:t.active,onClick:t.onClick})))},Em=Hn.div`
+`,_m={Base:bm,Provider:fm,Trigger:mm},wm=({label:t,variant:e="business",active:n=!1,onClick:i})=>et.createElement(nm,{variant:e,active:n,onClick:i},et.createElement(im,{variant:e,active:n},t)),km=({id:t,icon:e,label:n,variant:i="business",active:o=!1,onClick:r,subItems:a,isExpanded:s=!1,tag:l,autoSelectFirstSubItem:c=!1})=>{const d=Gf(i,o),h=Boolean(a&&a.length>0);return et.createElement(et.Fragment,null,et.createElement(Qf,{variant:i,active:o,onClick:()=>{var t,e,n;c&&h&&!s&&(null===(t=null==a?void 0:a[0])||void 0===t?void 0:t.onClick)&&(null===(n=(e=a[0]).onClick)||void 0===n||n.call(e)),null==r||r()},"data-id":t},et.createElement(Uh,{icon:e,size:"m",fill:o?1:0,color:d}),et.createElement(tm,{variant:i,active:o},n),l&&et.createElement(Jh,{type:"positive",variant:"filled",size:"sm"},l),h&&et.createElement(em,null,et.createElement(Uh,{icon:"keyboard_arrow_down",size:"m",color:d,style:s?{transform:"rotate(180deg)"}:void 0}))),s&&a&&a.map(t=>et.createElement(wm,{key:t.id,label:t.label,variant:i,active:t.active,onClick:t.onClick})))},Em=Hn.div`
   position: absolute;
   top: calc(100% + 4px);
   left: 0;