hisd3-ui-kit 4.0.1 → 4.2.0

package/dist/index.cjs.js

@@ -1,7 +1,13 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("antd"),n=require("react"),o=require("styled-components"),r=require("@ant-design/icons");function i(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===n&&o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}i('body,html{height:100%;width:100%}input::-ms-clear,input::-ms-reveal{display:none}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:sans-serif;line-height:1.15}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{font-weight:500;margin-bottom:.5em;margin-top:0}p{margin-bottom:1em;margin-top:0}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}address{font-style:normal;line-height:inherit;margin-bottom:1em}input[type=number],input[type=password],input[type=text],textarea{-webkit-appearance:none}dl,ol,ul{margin-bottom:1em;margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}code,kbd,pre,samp{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:1em}pre{margin-bottom:1em;margin-top:0;overflow:auto}figure{margin:0 0 1em}img{border-style:none;vertical-align:middle}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{caption-side:bottom;padding-bottom:.3em;padding-top:.75em;text-align:left}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{color:inherit;display:block;font-size:1.5em;line-height:inherit;margin-bottom:.5em;max-width:100%;padding:0;white-space:normal;width:100%}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:none;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}');i('@import url("https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap");:root{--font-body:"Archivo",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-heading:var(--font-body);--font-weight-heading:800}body{-webkit-font-smoothing:antialiased;font-family:var(--font-body)}.ant-typography h1,.ant-typography h2,.ant-typography h3,.ant-typography h4,.ant-typography h5,h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-weight-heading);letter-spacing:-.01em}');const a={red:"#E5401C",orange:"#F26B1D",teal:"#00796B",blue:"#1D5FD1",green:"#2E7D32",purple:"#6A3FD6"},l={bgLayout:"#F3F2F0",bgContainer:"#F3F2F0",bgElevated:"#FFFFFF",bgFilled:"#E6E4E1",text:"#171717",textSecondary:"#4A4A4A",textTertiary:"#6E6E6E",border:"#1F1F1F",borderSecondary:"#CFCDC9",white:"#FFFFFF"},s="'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",d=(e="red")=>a[e]??e,p=(e,t)=>{const n=e.replace("#",""),o=3===n.length?n.split("").map((e=>e+e)).join(""):n,r=parseInt(o,16),i=r>>8&255,a=255&r,l=e=>Math.round(e+(255-e)*t);return`#${[l(r>>16&255),l(i),l(a)].map((e=>e.toString(16).padStart(2,"0"))).join("")}`},c=({primary:e,radius:t=0,lineWidth:n=2,overrides:o}={})=>{const r=d(e),i=l,a={cssVar:{key:"hisd3"},token:{colorPrimary:r,colorInfo:r,colorLink:r,colorPrimaryBg:p(r,.92),colorPrimaryBgHover:p(r,.86),colorPrimaryBorder:p(r,.6),fontFamily:s,fontSize:14,fontWeightStrong:700,borderRadius:t,borderRadiusLG:t,borderRadiusSM:t,borderRadiusXS:t,lineWidth:n,colorBgLayout:i.bgLayout,colorBgContainer:i.bgContainer,colorBgElevated:i.bgElevated,colorText:i.text,colorTextSecondary:i.textSecondary,colorTextTertiary:i.textTertiary,colorTextHeading:i.text,colorBorder:i.border,colorBorderSecondary:i.borderSecondary,colorSplit:i.borderSecondary,controlHeight:40,controlHeightLG:52,controlHeightSM:32,boxShadow:"none",boxShadowSecondary:"0 8px 24px rgba(0,0,0,0.12)"},components:{Layout:{siderBg:i.bgLayout,headerBg:i.bgLayout,bodyBg:i.bgLayout,headerPadding:"0 48px"},Menu:{itemBg:"transparent",subMenuItemBg:"transparent",itemColor:i.text,itemHoverColor:i.text,itemHoverBg:"rgba(0,0,0,0.04)",itemSelectedBg:p(r,.9),itemSelectedColor:r,itemActiveBg:p(r,.86),subMenuItemSelectedColor:r,groupTitleColor:i.textTertiary,groupTitleFontSize:12,itemBorderRadius:0,itemMarginInline:0,itemMarginBlock:0,itemHeight:40,itemPaddingInline:24,iconSize:16,collapsedIconSize:18,activeBarBorderWidth:0,activeBarWidth:0},Button:{fontWeight:600,primaryShadow:"none",defaultShadow:"none",dangerShadow:"none",defaultBorderColor:i.border,defaultColor:i.text,defaultBg:i.bgLayout,defaultHoverBg:i.white,defaultHoverBorderColor:i.border,defaultHoverColor:i.text,defaultActiveBorderColor:i.border,paddingInline:16,contentFontSize:14,contentFontSizeLG:16,contentFontSizeSM:13},Input:{activeShadow:"none",colorBorder:i.borderSecondary,hoverBorderColor:i.border,activeBorderColor:i.border,paddingInline:16},Select:{optionSelectedBg:p(r,.9),colorBorder:i.borderSecondary},Table:{headerBg:"transparent",headerColor:i.textTertiary,headerSplitColor:"transparent",headerBorderRadius:0,borderColor:i.borderSecondary,rowHoverBg:"rgba(0,0,0,0.03)",cellPaddingBlock:20,cellPaddingInline:16,cellFontSize:16,footerBg:"transparent"},Tabs:{inkBarColor:r,itemColor:i.text,itemSelectedColor:r,itemHoverColor:r,titleFontSize:18,horizontalItemGutter:48,horizontalMargin:"0",lineWidthBold:4},Tag:{borderRadiusSM:0,defaultBg:"transparent"},Pagination:{itemBg:i.bgLayout,itemActiveBg:r,itemSize:48,itemInputBg:i.bgLayout},Dropdown:{paddingBlock:10},Breadcrumb:{itemColor:i.textTertiary,lastItemColor:i.text,linkColor:i.textTertiary,linkHoverColor:r,separatorColor:i.textTertiary},Card:{headerFontSize:20}}};return o?{...a,...o,token:{...a.token,...o.token},components:{...a.components,...o.components}}:a},h=c(),g={primary:a.red,primaryLight:p(a.red,.9),headerSelectedBg:"rgba(0,0,0,0.04)"},u=n.createContext(!1),x=()=>n.useContext(u),m={siderWidth:280,siderCollapsedWidth:72,topBarHeight:88,pageGutter:40},{Header:b,Content:y}=t.Layout,f=m.siderWidth,v=m.siderCollapsedWidth,w=m.topBarHeight,S=o(t.Layout)`
-  min-height: 100vh;
+"use strict";var e=require("react/jsx-runtime"),t=require("antd"),r=require("react"),o=require("styled-components"),n=require("@ant-design/icons");function i(e,t){void 0===t&&(t={});var r=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===r&&o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}i('body,html{height:100%;width:100%}input::-ms-clear,input::-ms-reveal{display:none}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:sans-serif;line-height:1.15}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{font-weight:500;margin-bottom:.5em;margin-top:0}p{margin-bottom:1em;margin-top:0}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}address{font-style:normal;line-height:inherit;margin-bottom:1em}input[type=number],input[type=password],input[type=text],textarea{-webkit-appearance:none}dl,ol,ul{margin-bottom:1em;margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}code,kbd,pre,samp{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:1em}pre{margin-bottom:1em;margin-top:0;overflow:auto}figure{margin:0 0 1em}img{border-style:none;vertical-align:middle}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{caption-side:bottom;padding-bottom:.3em;padding-top:.75em;text-align:left}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{color:inherit;display:block;font-size:1.5em;line-height:inherit;margin-bottom:.5em;max-width:100%;padding:0;white-space:normal;width:100%}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:none;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}');i('@import url("https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap");:root{--hisd3-rule-width:1px;--hisd3-control-bg:#e6e4e1;--hisd3-control-bg-hover:#dbd8d4;--hisd3-popup-radius:10px;--font-body:"Archivo",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-heading:var(--font-body);--font-weight-heading:800}body{-webkit-font-smoothing:antialiased;font-family:var(--font-body)}body,html{overscroll-behavior:none}.ant-typography h1,.ant-typography h2,.ant-typography h3,.ant-typography h4,.ant-typography h5,h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-weight-heading);letter-spacing:-.01em}');const a={siderWidth:260,siderCollapsedWidth:64,topBarHeight:60,pageGutter:28},l={red:"#E5401C",orange:"#F26B1D",teal:"#00796B",blue:"#1D5FD1",green:"#2E7D32",purple:"#6A3FD6"},s={bgLayout:"#F3F2F0",bgContainer:"#F3F2F0",bgElevated:"#FFFFFF",bgFilled:"#E6E4E1",bgFilledHover:"#DBD8D4",text:"#171717",textSecondary:"#4A4A4A",textTertiary:"#6E6E6E",border:"#D9D5CE",borderSecondary:"#E7E4DE",borderStrong:"#1F1F1F",white:"#FFFFFF"},d={hairline:{width:1,border:"#D9D5CE",borderSecondary:"#E7E4DE"},bold:{width:2,border:"#1F1F1F",borderSecondary:"#CFCDC9"}},p="'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",c=(e="red")=>l[e]??e,h=(e,t)=>{const r=e.replace("#",""),o=3===r.length?r.split("").map((e=>e+e)).join(""):r,n=parseInt(o,16),i=n>>8&255,a=255&n,l=e=>Math.round(e+(255-e)*t);return`#${[l(n>>16&255),l(i),l(a)].map((e=>e.toString(16).padStart(2,"0"))).join("")}`},u=({primary:e,radius:t=0,borders:r="hairline",lineWidth:o,overrides:n}={})=>{const i=c(e),l=d[r]??d.hairline,u=o??l.width,x={...s,border:l.border,borderSecondary:l.borderSecondary},g={cssVar:{key:"hisd3"},token:{colorPrimary:i,colorInfo:i,colorLink:i,colorPrimaryBg:h(i,.92),colorPrimaryBgHover:h(i,.86),colorPrimaryBorder:h(i,.6),fontFamily:p,fontSize:14,fontWeightStrong:700,borderRadius:t,borderRadiusLG:t,borderRadiusSM:t,borderRadiusXS:t,lineWidth:u,colorBgLayout:x.bgLayout,colorBgContainer:x.bgContainer,colorBgElevated:x.bgElevated,colorText:x.text,colorTextSecondary:x.textSecondary,colorTextTertiary:x.textTertiary,colorTextHeading:x.text,colorBorder:x.border,colorBorderSecondary:x.borderSecondary,colorSplit:x.borderSecondary,controlHeight:40,controlHeightLG:52,controlHeightSM:32,boxShadow:"none",boxShadowSecondary:"0 2px 6px rgba(16,15,14,0.06), 0 12px 32px rgba(16,15,14,0.14)"},components:{Layout:{siderBg:x.bgLayout,headerBg:x.bgLayout,bodyBg:x.bgLayout,headerPadding:`0 ${a.pageGutter}px`},Menu:{itemBg:"transparent",subMenuItemBg:"transparent",itemColor:x.text,itemHoverColor:x.text,itemHoverBg:"rgba(0,0,0,0.04)",itemSelectedBg:h(i,.9),itemSelectedColor:i,itemActiveBg:h(i,.86),subMenuItemSelectedColor:i,groupTitleColor:x.textTertiary,groupTitleFontSize:12,itemBorderRadius:0,itemMarginInline:0,itemMarginBlock:0,itemHeight:40,itemPaddingInline:a.pageGutter,iconSize:16,collapsedIconSize:18,activeBarBorderWidth:0,activeBarWidth:0},Button:{fontWeight:600,primaryShadow:"none",defaultShadow:"none",dangerShadow:"none",defaultBorderColor:x.border,defaultColor:x.text,defaultBg:x.bgLayout,defaultHoverBg:x.white,defaultHoverBorderColor:x.borderStrong,defaultHoverColor:x.text,defaultActiveBorderColor:x.borderStrong,paddingInline:16,contentFontSize:14,contentFontSizeLG:16,contentFontSizeSM:13},Input:{activeShadow:"none",colorBorder:x.border,hoverBorderColor:x.borderStrong,activeBorderColor:x.borderStrong,paddingInline:16},Select:{optionSelectedBg:h(i,.9),colorBorder:x.border},Table:{headerBg:"transparent",headerColor:x.textTertiary,headerSplitColor:"transparent",headerBorderRadius:0,borderColor:x.borderSecondary,rowHoverBg:"rgba(0,0,0,0.03)",cellPaddingBlock:20,cellPaddingInline:16,cellFontSize:16,footerBg:"transparent"},Tabs:{inkBarColor:i,itemColor:x.text,itemSelectedColor:i,itemHoverColor:i,titleFontSize:18,horizontalItemGutter:48,horizontalMargin:"0",lineWidthBold:4},Tag:{borderRadiusSM:0,defaultBg:"transparent"},Pagination:{itemBg:x.bgLayout,itemActiveBg:i,itemSize:48,itemInputBg:x.bgLayout},Dropdown:{paddingBlock:10},Breadcrumb:{itemColor:x.textTertiary,lastItemColor:x.text,linkColor:x.textTertiary,linkHoverColor:i,separatorColor:x.textTertiary},Card:{headerFontSize:20}}};return n?{...g,...n,token:{...g.token,...n.token},components:{...g.components,...n.components}}:g},x=(e="hairline",t)=>`:root{--hisd3-rule-width:${t??(d[e]??d.hairline).width}px;--hisd3-control-bg:${s.bgFilled};--hisd3-control-bg-hover:${s.bgFilledHover};}`,g=u(),b={primary:l.red,primaryLight:h(l.red,.9),headerSelectedBg:"rgba(0,0,0,0.04)"},m=r.createContext(!1),f=()=>r.useContext(m),{Header:y,Content:v}=t.Layout,w=a.siderWidth,S=a.siderCollapsedWidth,k=a.topBarHeight,I=o(t.Layout)`
   background: var(--ant-color-bg-layout);
 
+  /*
+   * App-shell mode: the shell is exactly one viewport tall and never scrolls,
+   * so the document has no scrollbar and cannot rubber-band. The content
+   * column (StyledMain) is the scroller instead.
+   */
+  ${({$appShell:e})=>e?"height: 100vh; max-height: 100vh; overflow: hidden;":"min-height: 100vh;"}
+
   /*
    * The Sider is rendered as a plain antd <Sider> (not styled(Sider)) because
    * styled-components would swallow its \`theme\` prop; style it from here.
@@ -9,10 +15,10 @@
   > .ant-layout-sider.hisd3-sider {
     position: sticky;
     top: 0;
-    height: 100vh;
+    height: ${({$appShell:e})=>e?"100%":"100vh"};
     overflow: hidden;
     background: var(--ant-color-bg-layout);
-    border-right: 2px solid var(--ant-color-border);
+    border-right: var(--hisd3-rule-width, 1px) solid var(--ant-color-border);
 
     .ant-layout-sider-children {
       display: flex;
@@ -20,11 +26,17 @@
       height: 100%;
     }
   }
-`,I=o.div`
+`,j=o(t.Layout)`
+  background: transparent;
+  min-width: 0;
+
+  ${({$scroll:e})=>e?"\n    height: 100%;\n    overflow-y: auto;\n    overflow-x: hidden;\n    /* keep scroll chaining (and its bounce) out of the document */\n    overscroll-behavior: contain;\n  ":""}
+`,T=o.div`
   flex: 1 1 auto;
   overflow-y: auto;
   overflow-x: hidden;
-  padding-top: 8px;
+  overscroll-behavior: contain;
+  padding-top: 4px;
 
   .ant-menu-inline,
   .ant-menu-vertical {
@@ -34,7 +46,7 @@
 
   /* Section titles: "RECEIVABLES AND COLLECTIONS" */
   .ant-menu-item-group-title {
-    padding: 18px 24px 6px;
+    padding: 16px ${a.pageGutter}px 4px;
     font-size: 11px;
     font-weight: 600;
     letter-spacing: 0.14em;
@@ -44,7 +56,7 @@
 
   .ant-menu-item-group + .ant-menu-item-group > .ant-menu-item-group-title,
   .ant-menu-item-group + .ant-menu-item-group::before {
-    border-top: 2px solid var(--ant-color-border-secondary);
+    border-top: var(--hisd3-rule-width, 1px) solid var(--ant-color-border-secondary);
     margin-top: 10px;
     padding-top: 20px;
   }
@@ -95,23 +107,23 @@
   &.hisd3-collapsed .ant-menu-item-group-title {
     display: none;
   }
-`,T=o.a`
+`,D=o.a`
   display: flex;
   align-items: center;
-  gap: 12px;
-  height: ${w}px;
-  padding: 0 ${({$collapsed:e})=>e?14:24}px;
+  gap: 10px;
+  height: ${k}px;
+  padding: 0 ${({$collapsed:e})=>e?12:a.pageGutter}px;
   justify-content: ${({$collapsed:e})=>e?"center":"flex-start"};
   color: inherit;
   text-decoration: none;
   overflow: hidden;
   white-space: nowrap;
   flex: 0 0 auto;
-  border-bottom: 2px solid var(--ant-color-border);
+  border-bottom: var(--hisd3-rule-width, 1px) solid var(--ant-color-border);
 
   .hisd3-brand-mark {
-    width: 36px;
-    height: 36px;
+    width: 28px;
+    height: 28px;
     flex: 0 0 auto;
     background: var(--ant-color-primary);
     display: flex;
@@ -120,8 +132,8 @@
   }
 
   img {
-    height: 36px;
-    width: 36px;
+    height: 28px;
+    width: 28px;
     object-fit: contain;
     flex: 0 0 auto;
   }
@@ -129,7 +141,7 @@
   h1 {
     margin: 0;
     font-family: var(--font-heading);
-    font-size: 18px;
+    font-size: 16px;
     font-weight: var(--font-weight-heading, 800);
     letter-spacing: 0.04em;
     text-transform: uppercase;
@@ -137,47 +149,49 @@
     overflow: hidden;
     text-overflow: ellipsis;
   }
-`,D=o(b)`
+`,E=o(y)`
   display: flex;
   align-items: center;
   gap: 24px;
-  height: ${w}px;
-  line-height: ${w}px;
-  padding: 0 ${m.pageGutter}px;
+  flex: 0 0 ${k}px;
+  height: ${k}px;
+  line-height: ${k}px;
+  padding: 0 ${a.pageGutter}px;
   position: sticky;
   top: 0;
   z-index: 100;
   background: var(--ant-color-bg-layout);
-  border-bottom: 2px solid var(--ant-color-border);
+  border-bottom: var(--hisd3-rule-width, 1px) solid var(--ant-color-border);
 
   .ant-menu-horizontal {
     flex: 1 1 auto;
     min-width: 0;
     border-bottom: none;
     background: transparent;
-    line-height: ${w-2}px;
+    line-height: ${k-2}px;
     font-size: 14px;
     font-weight: 500;
   }
-`,E=o(b)`
+`,C=o(y)`
   display: flex;
   align-items: center;
-  gap: 16px;
-  height: ${w}px;
-  line-height: ${w}px;
-  padding: 0 ${m.pageGutter}px;
+  gap: 12px;
+  flex: 0 0 ${k}px;
+  height: ${k}px;
+  line-height: ${k}px;
+  padding: 0 ${a.pageGutter}px;
   position: sticky;
   top: 0;
   z-index: 99;
   background: var(--ant-color-bg-layout);
-  border-bottom: 2px solid var(--ant-color-border);
-`,k=o.button`
-  border: 2px solid var(--ant-color-border);
+  border-bottom: var(--hisd3-rule-width, 1px) solid var(--ant-color-border);
+`,$=o.button`
+  border: var(--hisd3-rule-width, 1px) solid var(--ant-color-border);
   background: transparent;
   cursor: pointer;
-  font-size: 16px;
-  width: 40px;
-  height: 40px;
+  font-size: 14px;
+  width: 32px;
+  height: 32px;
   color: inherit;
   display: inline-flex;
   align-items: center;
@@ -187,9 +201,9 @@
   &:hover {
     background: rgba(0, 0, 0, 0.05);
   }
-`,C=o(y)`
-  padding: 32px ${m.pageGutter}px 48px;
-  min-height: calc(100vh - ${w}px);
+`,z=o(v)`
+  flex: 1 0 auto;
+  padding: 24px ${a.pageGutter}px 40px;
 `,L=o.div`
   flex: 0 0 auto;
   display: flex;
@@ -197,40 +211,40 @@
   justify-content: center;
   line-height: 1.25;
   transition: all 0.2s ease;
-  padding: ${({$inHeader:e,$collapsed:t})=>e?"0 4px":t?"14px 0":"16px 24px"};
+  padding: ${({$inHeader:e,$collapsed:t})=>e?"0 4px":t?"12px 0":`12px ${a.pageGutter}px`};
   min-width: ${({$inHeader:e})=>e?"220px":"0"};
-  border-top: ${({$inHeader:e})=>e?"none":"2px solid var(--ant-color-border)"};
+  border-top: ${({$inHeader:e})=>e?"none":"var(--hisd3-rule-width, 1px) solid var(--ant-color-border)"};
 
   & .ant-dropdown-link {
     color: inherit;
   }
-`,j=o.a`
+`,A=o.a`
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   color: inherit;
-  gap: 12px;
-`,A=o.span`
-  width: 40px;
-  height: 40px;
+  gap: 10px;
+`,N=o.span`
+  width: 34px;
+  height: 34px;
   flex: 0 0 auto;
   display: flex;
   align-items: center;
   justify-content: center;
-  font-size: 14px;
+  font-size: 13px;
   font-weight: 700;
   color: var(--ant-color-text);
   background: ${({$src:e})=>e?`center / cover no-repeat url("${e}")`:"#D9D6D2"};
-`,z=o.span`
+`,O=o.span`
   flex: 1 1 auto;
   min-width: 0;
-`,O=o.span`
+`,R=o.span`
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   gap: 8px;
-`,R=o.h3`
+`,B=o.h3`
   margin: 0;
   font-family: var(--font-body);
   font-size: 14px;
@@ -242,7 +256,7 @@
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
-`,F=o.span`
+`,H=o.span`
   width: 20px;
   height: 22px;
   display: flex;
@@ -254,7 +268,7 @@
   & svg {
     display: block;
   }
-`,B=o.span`
+`,F=o.span`
   display: block;
   margin-top: 3px;
   font-size: 11px;
@@ -265,13 +279,17 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-`,H=(e,t)=>e.key??e.path??`menu-${t}`,N=(e,t)=>(e??[]).filter((e=>e&&!e.hideInMenu)).map(((e,n)=>{const o=H(e,n);return Array.isArray(e.children)&&e.children.length>0?{key:o,icon:e.icon,label:e.name,disabled:e.disabled,type:e.group?"group":void 0,children:N(e.children,t)}:{key:o,icon:e.icon,disabled:e.disabled,label:t(e,e.name)}})),U=(e,t)=>n.createElement("a",{href:e.path||"/"},t),M=({account:n,avatarSrc:o,settingsUrl:i,onLogout:a,collapsed:l=!1,placement:s="topRight",extraItems:d=[]})=>{const{modal:p}=t.App.useApp(),c=[...d??[],{key:"settings",icon:e.jsx(r.SettingOutlined,{}),label:"Settings",onClick:()=>{window.location.href=i??"/settings"}},{key:"logout",icon:e.jsx(r.LogoutOutlined,{}),label:"Logout",onClick:()=>{p.confirm({title:"Are you sure you want to logout?",content:"Please click OK to continue",icon:e.jsx(r.ExclamationCircleOutlined,{}),onOk:a})}}],h=(n.fullName||"").replace(/\(.*?\)/g," ").split(/[\s,]+/).map((e=>e.replace(/[^\p{L}\p{N}]/gu,""))).filter(Boolean).slice(0,2).map((e=>e[0].toUpperCase())).join("")||"?";return e.jsx(L,{className:"cr-user-info-light",$collapsed:l,$inHeader:"bottomRight"===s,children:e.jsx(t.Dropdown,{trigger:["click"],placement:s,menu:{items:c},children:e.jsxs(j,{className:"ant-dropdown-link",onClick:e=>e.preventDefault(),children:[e.jsx(A,{$src:o,"aria-hidden":!0,children:!o&&h}),!l&&e.jsxs(z,{children:[e.jsxs(O,{children:[e.jsx(R,{title:n.fullName,children:n.fullName}),e.jsx(F,{children:e.jsx(r.DownOutlined,{})})]}),n.positionType&&e.jsx(B,{title:n.positionType,children:n.positionType})]})]})})})},{Sider:$}=t.Layout,_=m.pageGutter,P=o.div`
+`,M=(e,t)=>e.key??e.path??`menu-${t}`,U=(e,t)=>(e??[]).filter((e=>e&&!e.hideInMenu)).map(((e,r)=>{const o=M(e,r);return Array.isArray(e.children)&&e.children.length>0?{key:o,icon:e.icon,label:e.name,disabled:e.disabled,type:e.group?"group":void 0,children:U(e.children,t)}:{key:o,icon:e.icon,disabled:e.disabled,label:t(e,e.name)}})),_=(e,t)=>r.createElement("a",{href:e.path||"/"},t),P=({account:r,avatarSrc:o,settingsUrl:i,onLogout:a,collapsed:l=!1,placement:s="topRight",extraItems:d=[]})=>{const{modal:p}=t.App.useApp(),c=[...d??[],{key:"settings",icon:e.jsx(n.SettingOutlined,{}),label:"Settings",onClick:()=>{window.location.href=i??"/settings"}},{key:"logout",icon:e.jsx(n.LogoutOutlined,{}),label:"Logout",onClick:()=>{p.confirm({title:"Are you sure you want to logout?",content:"Please click OK to continue",icon:e.jsx(n.ExclamationCircleOutlined,{}),onOk:a})}}],h=(r.fullName||"").replace(/\(.*?\)/g," ").split(/[\s,]+/).map((e=>e.replace(/[^\p{L}\p{N}]/gu,""))).filter(Boolean).slice(0,2).map((e=>e[0].toUpperCase())).join("")||"?";return e.jsx(L,{className:"cr-user-info-light",$collapsed:l,$inHeader:"bottomRight"===s,children:e.jsx(t.Dropdown,{trigger:["click"],placement:s,menu:{items:c},children:e.jsxs(A,{className:"ant-dropdown-link",onClick:e=>e.preventDefault(),children:[e.jsx(N,{$src:o,"aria-hidden":!0,children:!o&&h}),!l&&e.jsxs(O,{children:[e.jsxs(R,{children:[e.jsx(B,{title:r.fullName,children:r.fullName}),e.jsx(H,{children:e.jsx(n.DownOutlined,{})})]}),r.positionType&&e.jsx(F,{title:r.positionType,children:r.positionType})]})]})})})},{Sider:G}=t.Layout,W=a.pageGutter,K=o.header`
+  display: contents;
+`,q=o.div`
   display: flex;
   align-items: center;
-  gap: 24px;
-  height: ${m.topBarHeight}px; /* same as the sidebar brand block */
-  padding: 0 ${_}px;
-  border-bottom: 2px solid var(--ant-color-border);
+  gap: 16px;
+  height: ${a.topBarHeight}px; /* same as the sidebar brand block */
+  /* never shrink: these are flex items of the scrolling column */
+  flex: 0 0 ${a.topBarHeight}px;
+  padding: 0 ${W}px;
+  border-bottom: var(--hisd3-rule-width, 1px) solid var(--ant-color-border);
   background: var(--ant-color-bg-layout);
   position: sticky;
   top: 0;
@@ -286,24 +304,25 @@
   .ant-breadcrumb ol {
     flex-wrap: nowrap;
   }
-`,W=o.div`
+`,X=o.div`
   display: flex;
   align-items: center;
-  gap: 16px;
+  gap: 10px;
   flex: 0 0 auto;
-`,G=o.div`
+`,V=o.div`
   display: flex;
   align-items: baseline;
-  gap: 24px;
+  gap: 16px;
   flex-wrap: wrap;
-  padding: 28px ${_}px 24px;
-  border-bottom: 2px solid var(--ant-color-border-secondary);
+  flex: 0 0 auto;
+  padding: 20px ${W}px 18px;
+  border-bottom: var(--hisd3-rule-width, 1px) solid var(--ant-color-border-secondary);
 
   h1 {
     margin: 0;
     font-family: var(--font-heading);
-    font-size: 44px;
-    line-height: 1.05;
+    font-size: 32px;
+    line-height: 1.1;
     font-weight: var(--font-weight-heading, 800);
     letter-spacing: -0.02em;
     color: var(--ant-color-text);
@@ -311,12 +330,304 @@
 
   p {
     margin: 0;
-    font-size: 17px;
+    font-size: 15px;
     color: var(--ant-color-text-secondary);
   }
-`,K=o.div`
-  padding: 32px ${_}px 48px;
-`,q=o.div`
+`,Y=o.div`
+  flex: 1 0 auto;
+  padding: 24px ${W}px 40px;
+`,J=o.button`
+  position: relative;
+  width: ${({$size:e=40})=>e}px;
+  height: ${({$size:e=40})=>e}px;
+  flex: 0 0 auto;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  font-size: ${({$size:e=40})=>Math.round(.45*e)}px;
+  line-height: 1;
+  color: var(--ant-color-text);
+  background: var(--hisd3-control-bg, #e6e4e1);
+  border: 0;
+  border-radius: 50%;
+  cursor: pointer;
+  transition: background 0.15s ease, color 0.15s ease;
+
+  &:hover {
+    background: var(--hisd3-control-bg-hover, #dbd8d4);
+  }
+
+  /* open state: tinted with the app's primary, like Facebook's blue */
+  &[aria-expanded="true"] {
+    background: var(--ant-color-primary-bg);
+    color: var(--ant-color-primary);
+  }
+
+  &:focus-visible {
+    outline: 2px solid var(--ant-color-primary);
+    outline-offset: 2px;
+  }
+
+  .ant-badge {
+    color: inherit;
+    line-height: 0;
+  }
+`,Q=o.div`
+  width: 360px;
+  max-width: calc(100vw - 32px);
+  overflow: hidden;
+  background: var(--ant-color-bg-elevated);
+  border: 1px solid var(--ant-color-border-secondary);
+  border-radius: var(--hisd3-popup-radius, 10px);
+  box-shadow: 0 2px 6px rgba(16, 15, 14, 0.06),
+    0 12px 32px rgba(16, 15, 14, 0.14);
+`,Z=o.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 12px 16px;
+  border-bottom: 1px solid var(--ant-color-border-secondary);
+
+  h4 {
+    margin: 0;
+    font-size: 15px;
+    font-weight: 700;
+    letter-spacing: 0;
+  }
+
+  button {
+    border: 0;
+    background: none;
+    padding: 0;
+    font: inherit;
+    font-size: 13px;
+    color: var(--ant-color-primary);
+    cursor: pointer;
+
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+`,ee=o.div`
+  max-height: 380px;
+  overflow-y: auto;
+`,te=o.button`
+  display: flex;
+  align-items: flex-start;
+  gap: 12px;
+  width: 100%;
+  padding: 12px 16px;
+  text-align: left;
+  font: inherit;
+  border: 0;
+  cursor: pointer;
+  background: ${({$unread:e})=>e?"var(--ant-color-primary-bg)":"transparent"};
+
+  &:hover {
+    background: ${({$unread:e})=>e?"var(--ant-color-primary-bg-hover)":"rgba(0,0,0,0.04)"};
+  }
+`,re=o.span`
+  width: 36px;
+  height: 36px;
+  flex: 0 0 auto;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 16px;
+  color: var(--ant-color-text);
+  border-radius: 50%;
+  background: ${({$src:e})=>e?`center / cover no-repeat url("${e}")`:"rgba(0,0,0,0.06)"};
+`,oe=o.span`
+  flex: 1 1 auto;
+  min-width: 0;
+
+  strong {
+    display: block;
+    font-size: 14px;
+    font-weight: 600;
+    color: var(--ant-color-text);
+  }
+
+  span {
+    display: block;
+    font-size: 13px;
+    color: var(--ant-color-text-secondary);
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  time {
+    display: block;
+    margin-top: 2px;
+    font-size: 12px;
+    color: var(--ant-color-text-tertiary);
+  }
+`,ne=o.span`
+  width: 8px;
+  height: 8px;
+  margin-top: 6px;
+  flex: 0 0 auto;
+  border-radius: 50%;
+  background: var(--ant-color-primary);
+`,ie=o.button`
+  display: block;
+  width: 100%;
+  padding: 12px 16px;
+  font: inherit;
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--ant-color-primary);
+  text-align: center;
+  background: transparent;
+  border: 0;
+  border-top: 1px solid var(--ant-color-border-secondary);
+  cursor: pointer;
+
+  &:hover {
+    background: rgba(0, 0, 0, 0.04);
+  }
+`,ae=o.div`
+  padding: 28px 16px;
+`,le=o.button`
+  position: relative;
+  width: ${({$size:e})=>e}px;
+  height: ${({$size:e})=>e}px;
+  flex: 0 0 auto;
+  padding: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-size: ${({$size:e})=>Math.round(.36*e)}px;
+  font-weight: 700;
+  color: var(--ant-color-text);
+  background: var(--hisd3-control-bg, #e6e4e1);
+  border: 0;
+  border-radius: ${({$shape:e})=>"circle"===e?"50%":"0"};
+  cursor: pointer;
+  transition: filter 0.15s ease;
+
+  &:hover {
+    filter: brightness(0.94);
+  }
+
+  &:focus-visible {
+    outline: 2px solid var(--ant-color-primary);
+    outline-offset: 2px;
+  }
+
+  img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    display: block;
+    border-radius: inherit;
+  }
+`,se=o.span`
+  position: absolute;
+  right: ${({$size:e})=>-Math.round(.05*e)}px;
+  bottom: ${({$size:e})=>-Math.round(.05*e)}px;
+  width: ${({$size:e})=>Math.round(.45*e)}px;
+  height: ${({$size:e})=>Math.round(.45*e)}px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: ${({$size:e})=>Math.round(.2*e)}px;
+  color: var(--ant-color-text);
+  background: var(--hisd3-control-bg, #e6e4e1);
+  border: 2px solid var(--ant-color-bg-layout, #f3f2f0);
+  border-radius: 50%;
+  pointer-events: none;
+
+  ${le}[aria-expanded="true"] & {
+    background: var(--ant-color-primary);
+    color: #fff;
+  }
+
+  & svg {
+    display: block;
+  }
+`,de=o.div`
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 12px 16px;
+  min-width: 230px;
+  border-bottom: 1px solid var(--ant-color-border-secondary);
+
+  .hisd3-identity-text {
+    flex: 1 1 auto;
+    min-width: 0;
+  }
+
+  .hisd3-identity-name {
+    display: block;
+    font-size: 14px;
+    font-weight: 700;
+    color: var(--ant-color-text);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .hisd3-identity-role {
+    display: block;
+    margin-top: 2px;
+    font-size: 11px;
+    font-weight: 500;
+    letter-spacing: 0.1em;
+    text-transform: uppercase;
+    color: var(--ant-color-text-tertiary);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+`,pe=o.span`
+  width: 40px;
+  height: 40px;
+  flex: 0 0 auto;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 14px;
+  font-weight: 700;
+  border-radius: 50%;
+  background: ${({$src:e})=>e?`center / cover no-repeat url("${e}")`:"rgba(0,0,0,0.08)"};
+`,ce=o.div`
+  overflow: hidden;
+  background: var(--ant-color-bg-elevated);
+  border: 1px solid var(--ant-color-border-secondary);
+  border-radius: var(--hisd3-popup-radius, 10px);
+  box-shadow: 0 2px 6px rgba(16, 15, 14, 0.06),
+    0 12px 32px rgba(16, 15, 14, 0.14);
+
+  .ant-menu {
+    border-inline-end: none !important;
+    background: transparent;
+  }
+
+  .ant-menu {
+    padding: 6px;
+  }
+
+  .ant-menu-item {
+    margin: 0;
+    width: 100%;
+    border-radius: 8px;
+    font-size: 14px;
+  }
+`,he=e=>(e||"").replace(/\(.*?\)/g," ").split(/[\s,]+/).map((e=>e.replace(/[^\p{L}\p{N}]/gu,""))).filter(Boolean).slice(0,2).map((e=>e[0].toUpperCase())).join("")||"?",ue=o.div`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex: 0 0 auto;
+`,xe=o.span`
+  width: 2px;
+  height: 24px;
+  background: var(--ant-color-border-secondary);
+  flex: 0 0 auto;
+`,ge=o.div`
   .ant-table-wrapper .ant-table {
     background: transparent;
   }
@@ -328,17 +639,17 @@
     text-transform: uppercase;
     color: var(--ant-color-text-tertiary);
     padding-block: 14px;
-    border-bottom: 2px solid var(--ant-color-border);
+    border-bottom: var(--hisd3-rule-width, 1px) solid var(--ant-color-border);
     background: transparent;
   }
 
   .ant-table-wrapper .ant-table-tbody > tr > td {
-    border-bottom: 2px solid var(--ant-color-border-secondary);
+    border-bottom: var(--hisd3-rule-width, 1px) solid var(--ant-color-border-secondary);
     font-size: 16px;
   }
 
   .ant-table-wrapper .ant-table-tbody > tr:last-child > td {
-    border-bottom: 2px solid var(--ant-color-border);
+    border-bottom: var(--hisd3-rule-width, 1px) solid var(--ant-color-border);
   }
 
   .ant-table-wrapper .ant-table-thead > tr > th:first-child,
@@ -366,14 +677,14 @@
   .hisd3-cell-muted {
     color: var(--ant-color-text-tertiary);
   }
-`,X=o.div`
+`,be=o.div`
   padding: 22px 0 14px;
   font-size: 13px;
   font-weight: 600;
   letter-spacing: 0.1em;
   text-transform: uppercase;
   color: var(--ant-color-text-tertiary);
-`,V=o.div`
+`,me=o.div`
   display: flex;
   align-items: center;
   gap: 24px;
@@ -387,7 +698,7 @@
 
   .ant-pagination {
     display: inline-flex;
-    border: 2px solid var(--ant-color-border);
+    border: var(--hisd3-rule-width, 1px) solid var(--ant-color-border);
 
     .ant-pagination-item,
     .ant-pagination-prev,
@@ -399,7 +710,7 @@
       height: 56px;
       line-height: 56px;
       border: 0;
-      border-right: 2px solid var(--ant-color-border);
+      border-right: var(--hisd3-rule-width, 1px) solid var(--ant-color-border);
       border-radius: 0;
       font-weight: 700;
       font-size: 16px;
@@ -433,15 +744,15 @@
       font-weight: 700;
     }
   }
-`,Y=o.div`
+`,fe=o.div`
   display: inline-flex;
-  border: 2px solid var(--ant-color-border);
+  border: var(--hisd3-rule-width, 1px) solid var(--ant-color-border);
 
   button {
     height: 56px;
     padding: 0 22px;
     border: 0;
-    border-right: 2px solid var(--ant-color-border);
+    border-right: var(--hisd3-rule-width, 1px) solid var(--ant-color-border);
     background: transparent;
     font: inherit;
     font-size: 16px;
@@ -457,12 +768,12 @@
       color: #fff;
     }
   }
-`,J=e=>`Total ${e.toLocaleString()} items`;const Q=o(t.Tabs)`
+`,ye=e=>`Total ${e.toLocaleString()} items`;const ve=o(t.Tabs)`
   &.ant-tabs .ant-tabs-nav {
     margin: 0;
 
     &::before {
-      border-bottom: 2px solid var(--ant-color-border-secondary);
+      border-bottom: var(--hisd3-rule-width, 1px) solid var(--ant-color-border-secondary);
     }
   }
 
@@ -490,7 +801,7 @@
   .ant-tabs-tab-active .hisd3-tab-count {
     color: var(--ant-color-primary);
   }
-`,Z={default:"var(--ant-color-text)",primary:"var(--ant-color-primary)",success:"var(--ant-color-success)",warning:"var(--ant-color-warning)",danger:"var(--ant-color-error)"},ee={default:"rgba(0,0,0,0.05)",primary:"var(--ant-color-primary-bg)",success:"var(--ant-color-success-bg)",warning:"var(--ant-color-warning-bg)",danger:"var(--ant-color-error-bg)"},te=o.span`
+`,we={default:"var(--ant-color-text)",primary:"var(--ant-color-primary)",success:"var(--ant-color-success)",warning:"var(--ant-color-warning)",danger:"var(--ant-color-error)"},Se={default:"rgba(0,0,0,0.05)",primary:"var(--ant-color-primary-bg)",success:"var(--ant-color-success-bg)",warning:"var(--ant-color-warning-bg)",danger:"var(--ant-color-error-bg)"},ke=o.span`
   display: inline-flex;
   align-items: center;
   gap: 6px;
@@ -502,11 +813,11 @@
   text-transform: uppercase;
   white-space: nowrap;
   line-height: 1;
-  border: 2px solid transparent;
+  border: var(--hisd3-rule-width, 1px) solid transparent;
   border-radius: 0;
 
-  ${({$variant:e,$tone:t})=>{const n=Z[t],o=ee[t];switch(e){case"soft":return`color: ${n}; background: ${o};`;case"outline":return`color: ${n}; border-color: ${n}; background: transparent;`;case"solid":return`color: #fff; background: ${"default"===t?"var(--ant-color-text)":n};`;default:return"color: var(--ant-color-text); background: rgba(0,0,0,0.05);"}}}
-`,ne=o(t.Button)`
+  ${({$variant:e,$tone:t})=>{const r=we[t],o=Se[t];switch(e){case"soft":return`color: ${r}; background: ${o};`;case"outline":return`color: ${r}; border-color: ${r}; background: transparent;`;case"solid":return`color: #fff; background: ${"default"===t?"var(--ant-color-text)":r};`;default:return"color: var(--ant-color-text); background: rgba(0,0,0,0.05);"}}}
+`,Ie=o(t.Button)`
   &.ant-btn {
     display: inline-flex;
     align-items: center;
@@ -532,16 +843,16 @@
   }
 
   &.ant-btn-default {
-    border-width: 2px;
+    border-width: var(--hisd3-rule-width, 1px);
   }
 
   .anticon {
     font-size: 1.05em;
   }
-`,oe={primary:{type:"primary"},secondary:{type:"default"},ghost:{type:"text"},danger:{type:"primary",danger:!0}},re=o(t.Input)`
+`,je={primary:{type:"primary"},secondary:{type:"default"},ghost:{type:"text"},danger:{type:"primary",danger:!0}},Te=o(t.Input)`
   &.ant-input,
   &.ant-input-affix-wrapper {
-    border-width: 2px;
+    border-width: var(--hisd3-rule-width, 1px);
     font-size: 16px;
   }
 
@@ -550,7 +861,7 @@
     color: var(--ant-color-text-tertiary);
     font-size: 18px;
   }
-`,ie=o(re)`
+`,De=o(Te)`
   &.ant-input-affix-wrapper {
     background: var(--hisd3-bg-filled, #e6e4e1);
     border-color: var(--ant-color-border-secondary);
@@ -584,5 +895,5 @@
       font-size: 18px;
     }
   }
-`;var ae,le,se,de,pe,ce,he,ge,ue,xe,me,be,ye;exports.ThemeStyle=void 0,(ae=exports.ThemeStyle||(exports.ThemeStyle={})).MODERN="modern",ae.STANDARD="standard",exports.ThemeStyleRadius=void 0,(le=exports.ThemeStyleRadius||(exports.ThemeStyleRadius={})).MODERN="30px",le.STANDARD="16px",exports.ThemeMode=void 0,(se=exports.ThemeMode||(exports.ThemeMode={})).LIGHT="light",se.SEMI_DARK="semi-dark",se.DARK="dark",exports.LayoutType=void 0,(de=exports.LayoutType||(exports.LayoutType={})).FULL_WIDTH="full-width",de.BOXED="boxed",de.FRAMED="framed",exports.MenuStyle=void 0,(pe=exports.MenuStyle||(exports.MenuStyle={})).DEFAULT="default",pe.STANDARD="standard",pe.ROUNDED="rounded",pe.ROUNDED_REVERSE="rounded-reverse",pe.CURVED_MENU="curved-menu",exports.NavStyle=void 0,(ce=exports.NavStyle||(exports.NavStyle={})).DEFAULT="default",ce.MINI="mini",ce.MINI_SIDEBAR_TOGGLE="mini-sidebar-toggle",ce.STANDARD="standard",ce.HEADER_USER="user-header",ce.HEADER_USER_MINI="user-mini-header",ce.DRAWER="drawer",ce.BIT_BUCKET="bit-bucket",ce.H_DEFAULT="h-default",ce.HOR_HEADER_FIXED="hor-header-fixed",ce.HOR_DARK_LAYOUT="hor-dark-layout",exports.FooterType=void 0,(he=exports.FooterType||(exports.FooterType={})).FIXED="fixed",he.FLUID="fluid",exports.LayoutDirection=void 0,(ge=exports.LayoutDirection||(exports.LayoutDirection={})).RTL="rtl",ge.LTR="ltr",exports.HeaderType=void 0,(ue=exports.HeaderType||(exports.HeaderType={})).DARK="dark",ue.LIGHT="light",exports.RouteTransition=void 0,(xe=exports.RouteTransition||(exports.RouteTransition={})).NONE="none",xe.FADE="fade",xe.SLIDE_LEFT="slideLeft",xe.SLIDE_RIGHT="slideRight",xe.SLIDE_UP="slideUp",xe.SLIDE_DOWN="slideDown",exports.Fonts=void 0,(me=exports.Fonts||(exports.Fonts={})).LIGHT="300",me.REGULAR="400",me.MEDIUM="500",me.BOLD="600",exports.AuthType=void 0,(be=exports.AuthType||(exports.AuthType={})).FIREBASE="firebase",be.AWS_COGNITO="aws_cognito",be.AUTH0="auth0",be.JWT_AUTH="jwt_auth",exports.AppAnimates=void 0,(ye=exports.AppAnimates||(exports.AppAnimates={})).SLIDEUPIN="transition.slideUpIn",ye.SLIDEUPOUT="transition.slideUpOut",ye.SLIDEDOWNIN="transition.slideDownIn",ye.SLIDEDOWNOUT="transition.slideDownOut",ye.SLIDELEFTIN="transition.slideLeftIn",ye.SLIDELEFTOUT="transition.slideLeftOut",ye.SLIDERIGHTIN="transition.slideRightIn",ye.SLIDERIGHTOUT="transition.slideRightOut",ye.FADEIN="transition.fadeIn",ye.FADEOUT="transition.fadeOut";var fe,ve;exports.MessageType=void 0,(fe=exports.MessageType||(exports.MessageType={}))[fe.MEDIA=1]="MEDIA",fe[fe.TEXT=2]="TEXT",exports.RoutePermittedRole=void 0,(ve=exports.RoutePermittedRole||(exports.RoutePermittedRole={})).Admin="admin",ve.User="user",exports.AppAnimateGroups={SLIDEUPIN:{hidden:{y:0},visible:{opacity:1,y:0,transition:{ease:"easeIn",delay:0,when:"beforeChildren",duration:.2,staggerChildren:.05}}},SLIDEUPOUT:{hidden:{y:0},visible:{opacity:0,y:"100vh",transition:{ease:"easeOut",delay:0,when:"beforeChildren",duration:.4,staggerChildren:.15}}},SLIDEDOWNIN:{hidden:{opacity:0,y:"-100vh"},visible:{opacity:1,y:0,transition:{ease:"easeIn",delay:0,when:"beforeChildren",duration:.4,staggerChildren:.15}}},SLIDEDOWNOUT:{hidden:{y:0},visible:{opacity:0,y:"-100vh",transition:{ease:"easeOut",delay:0,when:"beforeChildren",duration:.4,staggerChildren:.15}}},SLIDELEFTIN:{hidden:{x:"100vw"},visible:{opacity:1,x:0,transition:{ease:"easeIn",delay:0,when:"beforeChildren",duration:.4,staggerChildren:.15}}},SLIDELEFTOUT:{hidden:{x:0},visible:{opacity:0,x:"100vw",transition:{ease:"easeOut",delay:0,when:"beforeChildren",duration:.4,staggerChildren:.15}}},SLIDERIGHTIN:{hidden:{x:"-100vw"},visible:{opacity:1,x:0,transition:{ease:"easeIn",delay:0,when:"beforeChildren",duration:.4,staggerChildren:.15}}},SLIDERIGHTOUT:{hidden:{x:0},visible:{opacity:0,x:"-100vw",transition:{ease:"easeOut",delay:0,when:"beforeChildren",duration:.4,staggerChildren:.15}}},FADEIN:{hidden:{opacity:0,scale:1},visible:{opacity:1,scale:1,transition:{ease:"easeIn",when:"beforeChildren",staggerChildren:.15}}},FADEOUT:{hidden:{opacity:1,scale:1},visible:{opacity:0,scale:1,transition:{ease:"easeOut",when:"beforeChildren",staggerChildren:.15}}},NOANIMATION:{hidden:{opacity:1},visible:{opacity:1}}},exports.AppMotionAnimate={SLIDEUPIN:{variants:{hidden:{y:100,opacity:0},visible:{opacity:1,y:0}},transition:{ease:"easeIn",when:"beforeChildren"}},SLIDEUPOUT:{variants:{hidden:{y:0,opacity:1},visible:{opacity:0,y:"-100vh"}},transition:{ease:"easeOut",when:"beforeChildren"}},SLIDEDOWNIN:{variants:{hidden:{y:-100,opacity:0},visible:{opacity:1,y:0}},transition:{ease:"easeIn",when:"beforeChildren"}},SLIDEDOWNOUT:{variants:{hidden:{y:0,opacity:1},visible:{opacity:0,y:"100vh"}},transition:{ease:"easeOut",when:"beforeChildren"}},SLIDELEFTIN:{variants:{hidden:{x:100,opacity:0},visible:{opacity:1,x:0}},transition:{ease:"easeIn",when:"beforeChildren"}},SLIDELEFTOUT:{variants:{hidden:{x:0,opacity:1},visible:{opacity:0,x:"-100vw"}},transition:{ease:"easeOut",when:"beforeChildren"}},SLIDERIGHTIN:{variants:{hidden:{x:-100,opacity:0},visible:{opacity:1,x:0}},transition:{ease:"easeIn",when:"beforeChildren"}},SLIDERIGHTOUT:{variants:{hidden:{x:0,opacity:1},visible:{opacity:0,x:"-100vw"}},transition:{ease:"easeOut",when:"beforeChildren"}},FADEIN:{variants:{hidden:{opacity:0},visible:{opacity:1}},transition:{duration:.1,ease:"easeIn",when:"beforeChildren"}},FADEOUT:{variants:{hidden:{opacity:1},visible:{opacity:0}},transition:{duration:.1,ease:"easeOut",when:"beforeChildren"}}},exports.HISD3Button=({variant:t="secondary",...n})=>e.jsx(ne,{...oe[t],...n}),exports.HISD3Input=t=>e.jsx(re,{...t}),exports.HISD3PageBody=K,exports.HISD3PageHeader=({title:n,subtitle:o,breadcrumb:r,extra:i,leading:a,hideTopBar:l=!1,className:s})=>e.jsxs("header",{className:s,children:[!l&&e.jsxs(P,{children:[a,r&&r.length>0&&e.jsx(t.Breadcrumb,{items:r.map((t=>({title:t.href?e.jsx("a",{href:t.href,children:t.title}):t.title,onClick:t.onClick})))}),!r?.length&&e.jsx("span",{style:{flex:1}}),i&&e.jsx(W,{children:i})]}),e.jsxs(G,{children:[e.jsx("h1",{children:n}),o&&e.jsx("p",{children:o})]})]}),exports.HISD3Provider=({primary:r,radius:i,lineWidth:a,overrides:l,theme:s,styledTheme:d={},children:p})=>{const h=n.useMemo((()=>s??c({primary:r,radius:i,lineWidth:a,overrides:l})),[s,r,i,a,l]);return e.jsx(u.Provider,{value:!0,children:e.jsx(t.ConfigProvider,{theme:h,children:e.jsx(o.ThemeProvider,{theme:d,children:e.jsx(t.App,{component:!1,children:p})})})})},exports.HISD3SearchInput=({compact:t=!1,className:n,...o})=>e.jsx(ie,{allowClear:!0,prefix:e.jsx(r.SearchOutlined,{}),className:[t?"hisd3-search-compact":"",n??""].join(" ").trim(),...o}),exports.HISD3Sidebar=({children:i,account:a,logoUrl:l,appName:s,menuItems:d,onLogout:p,pathname:c,avatarSrc:g,styledTheme:u,settingsUrl:m,antdTheme:b,renderMenuLink:y=U,headerExtra:w,userMenuItems:L,onCollapse:j,collapsed:A=!1,loading:z=!1,hideSidebar:O=!1,layoutTop:R=!1,hideCollapseTrigger:F=!1,siderWidth:B=f,bareContent:_=!1,hideHeaderBar:P=!1,brandHref:W="/"})=>{const G=x(),K=void 0===b?G?null:h:b,[q,X]=n.useState(A);n.useEffect((()=>{X(A)}),[A]);const V=n.useMemo((()=>N(d,y)),[d,y]),Y=n.useMemo((()=>((e,t)=>{let n;const o=(e,r)=>{(e??[]).forEach(((e,i)=>{const a=H(e,i);if(e.path&&t.startsWith(e.path)){const o=t===e.path,i=e.path.length+(o?1:0);(!n||i>n.length)&&(n={key:a,parents:r,length:i})}e.children?.length&&o(e.children,[...r,a])}))};return o(e,[]),{selectedKey:n?.key,openKeys:n?.parents??[]}})(d,c)),[d,c]),[J,Q]=n.useState((()=>Y.openKeys));n.useEffect((()=>{Q((e=>Array.from(new Set([...e,...Y.openKeys]))))}),[Y.openKeys.join("|")]);const Z=e=>{X(e),j?.(e)},ee=Y.selectedKey?[Y.selectedKey]:[],te=e.jsxs(T,{href:W,$collapsed:!R&&q,children:[l?e.jsx("img",{src:l,alt:s}):e.jsx("span",{className:"hisd3-brand-mark","aria-hidden":!0}),(R||!q)&&e.jsx("h1",{children:s})]}),ne=_?i:e.jsx(C,{children:i});if("undefined"==typeof document)return null;const oe=e.jsx(t.App,{component:!1,children:e.jsx(t.Spin,{spinning:z,size:"large",children:O?e.jsx(e.Fragment,{children:i}):R?e.jsxs(S,{children:[e.jsxs(D,{children:[te,e.jsx(t.Menu,{mode:"horizontal",items:V,selectedKeys:ee}),w,e.jsx(M,{account:a,avatarSrc:g,settingsUrl:m,onLogout:p,placement:"bottomRight",extraItems:L})]}),ne]}):e.jsxs(S,{hasSider:!0,children:[e.jsxs($,{className:"hisd3-sider",width:B,collapsedWidth:v,collapsible:!0,collapsed:q,trigger:null,theme:"light",breakpoint:"lg",onBreakpoint:e=>{e&&Z(!0)},children:[te,e.jsx(I,{className:q?"hisd3-collapsed":void 0,children:e.jsx(t.Menu,{mode:"inline",theme:"light",inlineCollapsed:q,items:V,selectedKeys:ee,openKeys:q?void 0:J,onOpenChange:e=>Q(e)})}),e.jsx(M,{account:a,avatarSrc:g,settingsUrl:m,onLogout:p,collapsed:q,placement:"topRight",extraItems:L})]}),e.jsxs(t.Layout,{style:{background:"transparent"},children:[!P&&e.jsxs(E,{children:[!F&&e.jsx(k,{type:"button","aria-label":q?"Expand menu":"Collapse menu",onClick:()=>Z(!q),children:q?e.jsx(r.MenuUnfoldOutlined,{}):e.jsx(r.MenuFoldOutlined,{})}),e.jsx("span",{style:{flex:1}}),w]}),ne]})]})})});return G&&!u?K?e.jsx(t.ConfigProvider,{theme:K,children:oe}):oe:e.jsx(o.ThemeProvider,{theme:u??{},children:K?e.jsx(t.ConfigProvider,{theme:K,children:oe}):oe})},exports.HISD3Table=function({pagination:n,footer:o,...i}){const a=n||void 0,l=a?.pageSizeOptions??[10,20,50];return e.jsxs(q,{children:[e.jsx(t.Table,{...i,pagination:!1}),o&&e.jsx(X,{children:o}),a&&e.jsxs(V,{children:[e.jsx("span",{className:"hisd3-total",children:(a.renderTotal??J)(a.total,[(a.current-1)*a.pageSize+1,Math.min(a.current*a.pageSize,a.total)])}),e.jsx(t.Pagination,{current:a.current,pageSize:a.pageSize,total:a.total,showSizeChanger:!1,onChange:(e,t)=>a.onChange(e,t),itemRender:(t,n,o)=>"prev"===n?e.jsx("span",{className:"ant-pagination-item-link",children:e.jsx(r.LeftOutlined,{})}):"next"===n?e.jsx("span",{className:"ant-pagination-item-link",children:e.jsx(r.RightOutlined,{})}):o}),!a.hidePageSize&&e.jsx(Y,{role:"group","aria-label":"Rows per page",children:l.map((t=>e.jsxs("button",{type:"button","aria-pressed":t===a.pageSize,onClick:()=>a.onChange(1,t),children:[t," / page"]},t)))})]})]})},exports.HISD3Tabs=({items:t,...n})=>e.jsx(Q,{...n,items:t.map((({count:t,label:n,...o})=>({...o,label:e.jsxs(e.Fragment,{children:[n,void 0!==t&&e.jsx("span",{className:"hisd3-tab-count",children:t})]})})))}),exports.HISD3Tag=({variant:t="neutral",tone:n=("neutral"===t?"default":"primary"),children:o,...r})=>e.jsx(te,{$variant:t,$tone:n,...r,children:o}),exports.HISD3_COLORS=g,exports.HISD3_FONT_FAMILY=s,exports.HISD3_FONT_WEIGHT_BODY=400,exports.HISD3_FONT_WEIGHT_HEADING=800,exports.HISD3_LAYOUT=m,exports.HISD3_NEUTRALS=l,exports.HISD3_PRESETS=a,exports.UserMenu=M,exports.createHisd3Theme=c,exports.hisd3AntdTheme=h,exports.resolvePrimary=d,exports.tint=p,exports.useInsideHISD3Provider=x;
+`;var Ee,Ce,$e,ze,Le,Ae,Ne,Oe,Re,Be,He,Fe,Me;exports.ThemeStyle=void 0,(Ee=exports.ThemeStyle||(exports.ThemeStyle={})).MODERN="modern",Ee.STANDARD="standard",exports.ThemeStyleRadius=void 0,(Ce=exports.ThemeStyleRadius||(exports.ThemeStyleRadius={})).MODERN="30px",Ce.STANDARD="16px",exports.ThemeMode=void 0,($e=exports.ThemeMode||(exports.ThemeMode={})).LIGHT="light",$e.SEMI_DARK="semi-dark",$e.DARK="dark",exports.LayoutType=void 0,(ze=exports.LayoutType||(exports.LayoutType={})).FULL_WIDTH="full-width",ze.BOXED="boxed",ze.FRAMED="framed",exports.MenuStyle=void 0,(Le=exports.MenuStyle||(exports.MenuStyle={})).DEFAULT="default",Le.STANDARD="standard",Le.ROUNDED="rounded",Le.ROUNDED_REVERSE="rounded-reverse",Le.CURVED_MENU="curved-menu",exports.NavStyle=void 0,(Ae=exports.NavStyle||(exports.NavStyle={})).DEFAULT="default",Ae.MINI="mini",Ae.MINI_SIDEBAR_TOGGLE="mini-sidebar-toggle",Ae.STANDARD="standard",Ae.HEADER_USER="user-header",Ae.HEADER_USER_MINI="user-mini-header",Ae.DRAWER="drawer",Ae.BIT_BUCKET="bit-bucket",Ae.H_DEFAULT="h-default",Ae.HOR_HEADER_FIXED="hor-header-fixed",Ae.HOR_DARK_LAYOUT="hor-dark-layout",exports.FooterType=void 0,(Ne=exports.FooterType||(exports.FooterType={})).FIXED="fixed",Ne.FLUID="fluid",exports.LayoutDirection=void 0,(Oe=exports.LayoutDirection||(exports.LayoutDirection={})).RTL="rtl",Oe.LTR="ltr",exports.HeaderType=void 0,(Re=exports.HeaderType||(exports.HeaderType={})).DARK="dark",Re.LIGHT="light",exports.RouteTransition=void 0,(Be=exports.RouteTransition||(exports.RouteTransition={})).NONE="none",Be.FADE="fade",Be.SLIDE_LEFT="slideLeft",Be.SLIDE_RIGHT="slideRight",Be.SLIDE_UP="slideUp",Be.SLIDE_DOWN="slideDown",exports.Fonts=void 0,(He=exports.Fonts||(exports.Fonts={})).LIGHT="300",He.REGULAR="400",He.MEDIUM="500",He.BOLD="600",exports.AuthType=void 0,(Fe=exports.AuthType||(exports.AuthType={})).FIREBASE="firebase",Fe.AWS_COGNITO="aws_cognito",Fe.AUTH0="auth0",Fe.JWT_AUTH="jwt_auth",exports.AppAnimates=void 0,(Me=exports.AppAnimates||(exports.AppAnimates={})).SLIDEUPIN="transition.slideUpIn",Me.SLIDEUPOUT="transition.slideUpOut",Me.SLIDEDOWNIN="transition.slideDownIn",Me.SLIDEDOWNOUT="transition.slideDownOut",Me.SLIDELEFTIN="transition.slideLeftIn",Me.SLIDELEFTOUT="transition.slideLeftOut",Me.SLIDERIGHTIN="transition.slideRightIn",Me.SLIDERIGHTOUT="transition.slideRightOut",Me.FADEIN="transition.fadeIn",Me.FADEOUT="transition.fadeOut";var Ue,_e;exports.MessageType=void 0,(Ue=exports.MessageType||(exports.MessageType={}))[Ue.MEDIA=1]="MEDIA",Ue[Ue.TEXT=2]="TEXT",exports.RoutePermittedRole=void 0,(_e=exports.RoutePermittedRole||(exports.RoutePermittedRole={})).Admin="admin",_e.User="user",exports.AppAnimateGroups={SLIDEUPIN:{hidden:{y:0},visible:{opacity:1,y:0,transition:{ease:"easeIn",delay:0,when:"beforeChildren",duration:.2,staggerChildren:.05}}},SLIDEUPOUT:{hidden:{y:0},visible:{opacity:0,y:"100vh",transition:{ease:"easeOut",delay:0,when:"beforeChildren",duration:.4,staggerChildren:.15}}},SLIDEDOWNIN:{hidden:{opacity:0,y:"-100vh"},visible:{opacity:1,y:0,transition:{ease:"easeIn",delay:0,when:"beforeChildren",duration:.4,staggerChildren:.15}}},SLIDEDOWNOUT:{hidden:{y:0},visible:{opacity:0,y:"-100vh",transition:{ease:"easeOut",delay:0,when:"beforeChildren",duration:.4,staggerChildren:.15}}},SLIDELEFTIN:{hidden:{x:"100vw"},visible:{opacity:1,x:0,transition:{ease:"easeIn",delay:0,when:"beforeChildren",duration:.4,staggerChildren:.15}}},SLIDELEFTOUT:{hidden:{x:0},visible:{opacity:0,x:"100vw",transition:{ease:"easeOut",delay:0,when:"beforeChildren",duration:.4,staggerChildren:.15}}},SLIDERIGHTIN:{hidden:{x:"-100vw"},visible:{opacity:1,x:0,transition:{ease:"easeIn",delay:0,when:"beforeChildren",duration:.4,staggerChildren:.15}}},SLIDERIGHTOUT:{hidden:{x:0},visible:{opacity:0,x:"-100vw",transition:{ease:"easeOut",delay:0,when:"beforeChildren",duration:.4,staggerChildren:.15}}},FADEIN:{hidden:{opacity:0,scale:1},visible:{opacity:1,scale:1,transition:{ease:"easeIn",when:"beforeChildren",staggerChildren:.15}}},FADEOUT:{hidden:{opacity:1,scale:1},visible:{opacity:0,scale:1,transition:{ease:"easeOut",when:"beforeChildren",staggerChildren:.15}}},NOANIMATION:{hidden:{opacity:1},visible:{opacity:1}}},exports.AppMotionAnimate={SLIDEUPIN:{variants:{hidden:{y:100,opacity:0},visible:{opacity:1,y:0}},transition:{ease:"easeIn",when:"beforeChildren"}},SLIDEUPOUT:{variants:{hidden:{y:0,opacity:1},visible:{opacity:0,y:"-100vh"}},transition:{ease:"easeOut",when:"beforeChildren"}},SLIDEDOWNIN:{variants:{hidden:{y:-100,opacity:0},visible:{opacity:1,y:0}},transition:{ease:"easeIn",when:"beforeChildren"}},SLIDEDOWNOUT:{variants:{hidden:{y:0,opacity:1},visible:{opacity:0,y:"100vh"}},transition:{ease:"easeOut",when:"beforeChildren"}},SLIDELEFTIN:{variants:{hidden:{x:100,opacity:0},visible:{opacity:1,x:0}},transition:{ease:"easeIn",when:"beforeChildren"}},SLIDELEFTOUT:{variants:{hidden:{x:0,opacity:1},visible:{opacity:0,x:"-100vw"}},transition:{ease:"easeOut",when:"beforeChildren"}},SLIDERIGHTIN:{variants:{hidden:{x:-100,opacity:0},visible:{opacity:1,x:0}},transition:{ease:"easeIn",when:"beforeChildren"}},SLIDERIGHTOUT:{variants:{hidden:{x:0,opacity:1},visible:{opacity:0,x:"-100vw"}},transition:{ease:"easeOut",when:"beforeChildren"}},FADEIN:{variants:{hidden:{opacity:0},visible:{opacity:1}},transition:{duration:.1,ease:"easeIn",when:"beforeChildren"}},FADEOUT:{variants:{hidden:{opacity:1},visible:{opacity:0}},transition:{duration:.1,ease:"easeOut",when:"beforeChildren"}}},exports.HISD3AvatarMenu=({account:o,avatarSrc:i,settingsUrl:a="/settings",onSettings:l,onLogout:s,confirmLogout:d=!0,extraItems:p,shape:c="circle",size:h=40,hideChevron:u=!1,className:x})=>{const{modal:g}=t.App.useApp(),[b,m]=r.useState(!1),f=[...p??[],...null!==a||l?[{key:"settings",icon:e.jsx(n.SettingOutlined,{}),label:"Settings",onClick:()=>{l?l():a&&(window.location.href=a)}}]:[],{key:"logout",icon:e.jsx(n.LogoutOutlined,{}),label:"Logout",onClick:()=>{d?g.confirm({title:"Are you sure you want to logout?",content:"Please click OK to continue",icon:e.jsx(n.ExclamationCircleOutlined,{}),okText:"Logout",onOk:s}):s()}}];return e.jsx(t.Dropdown,{open:b,onOpenChange:m,trigger:["click"],placement:"bottomRight",menu:{items:f,onClick:()=>m(!1)},popupRender:t=>e.jsxs(ce,{children:[e.jsxs(de,{children:[e.jsx(pe,{$src:i,children:!i&&he(o.fullName)}),e.jsxs("span",{className:"hisd3-identity-text",children:[e.jsx("span",{className:"hisd3-identity-name",children:o.fullName}),o.positionType&&e.jsx("span",{className:"hisd3-identity-role",children:o.positionType})]})]}),t]}),children:e.jsxs(le,{type:"button",className:x,$shape:c,$size:h,"aria-label":`Account menu for ${o.fullName}`,children:[i?e.jsx("img",{src:i,alt:""}):he(o.fullName),!u&&e.jsx(se,{$size:h,"aria-hidden":!0,children:e.jsx(n.DownOutlined,{})})]})})},exports.HISD3Button=({variant:t="secondary",...r})=>e.jsx(Ie,{...je[t],...r}),exports.HISD3HeaderActions=({children:t,divided:o=!1,className:n})=>{const i=r.Children.toArray(t).filter(Boolean);return e.jsx(ue,{className:n,children:i.map(((t,n)=>e.jsxs(r.Fragment,{children:[o&&n===i.length-1&&n>0&&e.jsx(xe,{}),t]},n)))})},exports.HISD3Input=t=>e.jsx(Te,{...t}),exports.HISD3NotificationButton=({items:o=[],count:i,loading:a=!1,title:l="Notifications",onMarkAllRead:s,onSeeAll:d,seeAllLabel:p="See all notifications",emptyText:c="You're all caught up",onOpenChange:h,size:u=40,className:x})=>{const[g,b]=r.useState(!1),m=i??o.filter((e=>e.unread)).length,f=e.jsxs(Q,{children:[e.jsxs(Z,{children:[e.jsx("h4",{children:l}),s&&m>0&&e.jsx("button",{type:"button",onClick:s,children:"Mark all as read"})]}),a?e.jsx(ae,{style:{textAlign:"center"},children:e.jsx(t.Spin,{})}):0===o.length?e.jsx(ae,{children:e.jsx(t.Empty,{image:t.Empty.PRESENTED_IMAGE_SIMPLE,description:c})}):e.jsx(ee,{children:o.map((t=>e.jsxs(te,{type:"button",$unread:t.unread,onClick:()=>{t.onClick?.(t),b(!1),h?.(!1)},children:[e.jsx(re,{$src:t.avatarSrc,children:!t.avatarSrc&&(t.icon??e.jsx(n.BellOutlined,{}))}),e.jsxs(oe,{children:[e.jsx("strong",{children:t.title}),t.description&&e.jsx("span",{children:t.description}),t.time&&e.jsx("time",{children:t.time})]}),t.unread&&e.jsx(ne,{})]},t.id)))}),d&&e.jsx(ie,{type:"button",onClick:()=>{d(),b(!1),h?.(!1)},children:p})]});return e.jsx(t.Dropdown,{open:g,onOpenChange:e=>{b(e),h?.(e)},trigger:["click"],placement:"bottomRight",popupRender:()=>f,children:e.jsx(J,{type:"button",$size:u,className:x,"aria-label":`${l}${m?` (${m} unread)`:""}`,children:e.jsx(t.Badge,{count:m,size:"small",offset:[2,-2],children:e.jsx(n.BellOutlined,{})})})})},exports.HISD3PageBody=Y,exports.HISD3PageHeader=({title:r,subtitle:o,breadcrumb:n,extra:i,leading:a,hideTopBar:l=!1,className:s})=>e.jsxs(K,{className:s,children:[!l&&e.jsxs(q,{children:[a,n&&n.length>0&&e.jsx(t.Breadcrumb,{items:n.map((t=>({title:t.href?e.jsx("a",{href:t.href,children:t.title}):t.title,onClick:t.onClick})))}),!n?.length&&e.jsx("span",{style:{flex:1}}),i&&e.jsx(X,{children:i})]}),e.jsxs(V,{children:[e.jsx("h1",{children:r}),o&&e.jsx("p",{children:o})]})]}),exports.HISD3Provider=({primary:n,radius:i,borders:a="hairline",lineWidth:l,overrides:s,theme:d,styledTheme:p={},children:c})=>{const h=r.useMemo((()=>d??u({primary:n,radius:i,borders:a,lineWidth:l,overrides:s})),[d,n,i,a,l,s]),g=r.useMemo((()=>x(a,l)),[a,l]);return e.jsxs(m.Provider,{value:!0,children:[e.jsx("style",{dangerouslySetInnerHTML:{__html:g}}),e.jsx(t.ConfigProvider,{theme:h,children:e.jsx(o.ThemeProvider,{theme:p,children:e.jsx(t.App,{component:!1,children:c})})})]})},exports.HISD3SearchInput=({compact:t=!1,className:r,...o})=>e.jsx(De,{allowClear:!0,prefix:e.jsx(n.SearchOutlined,{}),className:[t?"hisd3-search-compact":"",r??""].join(" ").trim(),...o}),exports.HISD3Sidebar=({children:i,account:a,logoUrl:l,appName:s,menuItems:d,onLogout:p,pathname:c,avatarSrc:h,styledTheme:u,settingsUrl:x,antdTheme:b,renderMenuLink:m=_,headerExtra:y,userMenuItems:v,onCollapse:k,collapsed:L=!1,loading:A=!1,hideSidebar:N=!1,layoutTop:O=!1,hideCollapseTrigger:R=!1,siderWidth:B=w,bareContent:H=!1,hideHeaderBar:F=!1,brandHref:W="/",hideAccountCard:K=!1,scrollContent:q=!0})=>{const X=f(),V=void 0===b?X?null:g:b,[Y,J]=r.useState(L);r.useEffect((()=>{J(L)}),[L]);const Q=r.useMemo((()=>U(d,m)),[d,m]),Z=r.useMemo((()=>((e,t)=>{let r;const o=(e,n)=>{(e??[]).forEach(((e,i)=>{const a=M(e,i);if(e.path&&t.startsWith(e.path)){const o=t===e.path,i=e.path.length+(o?1:0);(!r||i>r.length)&&(r={key:a,parents:n,length:i})}e.children?.length&&o(e.children,[...n,a])}))};return o(e,[]),{selectedKey:r?.key,openKeys:r?.parents??[]}})(d,c)),[d,c]),[ee,te]=r.useState((()=>Z.openKeys));r.useEffect((()=>{te((e=>Array.from(new Set([...e,...Z.openKeys]))))}),[Z.openKeys.join("|")]);const re=e=>{J(e),k?.(e)},oe=Z.selectedKey?[Z.selectedKey]:[],ne=e.jsxs(D,{href:W,$collapsed:!O&&Y,children:[l?e.jsx("img",{src:l,alt:s}):e.jsx("span",{className:"hisd3-brand-mark","aria-hidden":!0}),(O||!Y)&&e.jsx("h1",{children:s})]}),ie=H?i:e.jsx(z,{children:i});if("undefined"==typeof document)return null;const ae=e.jsx(t.App,{component:!1,children:e.jsx(t.Spin,{spinning:A,size:"large",children:N?e.jsx(e.Fragment,{children:i}):O?e.jsxs(I,{$appShell:q,children:[e.jsxs(E,{children:[ne,e.jsx(t.Menu,{mode:"horizontal",items:Q,selectedKeys:oe}),y,!K&&e.jsx(P,{account:a,avatarSrc:h,settingsUrl:x,onLogout:p,placement:"bottomRight",extraItems:v})]}),e.jsx(j,{$scroll:q,children:ie})]}):e.jsxs(I,{hasSider:!0,$appShell:q,children:[e.jsxs(G,{className:"hisd3-sider",width:B,collapsedWidth:S,collapsible:!0,collapsed:Y,trigger:null,theme:"light",breakpoint:"lg",onBreakpoint:e=>{e&&re(!0)},children:[ne,e.jsx(T,{className:Y?"hisd3-collapsed":void 0,children:e.jsx(t.Menu,{mode:"inline",theme:"light",inlineCollapsed:Y,items:Q,selectedKeys:oe,openKeys:Y?void 0:ee,onOpenChange:e=>te(e)})}),!K&&e.jsx(P,{account:a,avatarSrc:h,settingsUrl:x,onLogout:p,collapsed:Y,placement:"topRight",extraItems:v})]}),e.jsxs(j,{$scroll:q,children:[!F&&e.jsxs(C,{children:[!R&&e.jsx($,{type:"button","aria-label":Y?"Expand menu":"Collapse menu",onClick:()=>re(!Y),children:Y?e.jsx(n.MenuUnfoldOutlined,{}):e.jsx(n.MenuFoldOutlined,{})}),e.jsx("span",{style:{flex:1}}),y]}),ie]})]})})});return X&&!u?V?e.jsx(t.ConfigProvider,{theme:V,children:ae}):ae:e.jsx(o.ThemeProvider,{theme:u??{},children:V?e.jsx(t.ConfigProvider,{theme:V,children:ae}):ae})},exports.HISD3Table=function({pagination:r,footer:o,...i}){const a=r||void 0,l=a?.pageSizeOptions??[10,20,50];return e.jsxs(ge,{children:[e.jsx(t.Table,{...i,pagination:!1}),o&&e.jsx(be,{children:o}),a&&e.jsxs(me,{children:[e.jsx("span",{className:"hisd3-total",children:(a.renderTotal??ye)(a.total,[(a.current-1)*a.pageSize+1,Math.min(a.current*a.pageSize,a.total)])}),e.jsx(t.Pagination,{current:a.current,pageSize:a.pageSize,total:a.total,showSizeChanger:!1,onChange:(e,t)=>a.onChange(e,t),itemRender:(t,r,o)=>"prev"===r?e.jsx("span",{className:"ant-pagination-item-link",children:e.jsx(n.LeftOutlined,{})}):"next"===r?e.jsx("span",{className:"ant-pagination-item-link",children:e.jsx(n.RightOutlined,{})}):o}),!a.hidePageSize&&e.jsx(fe,{role:"group","aria-label":"Rows per page",children:l.map((t=>e.jsxs("button",{type:"button","aria-pressed":t===a.pageSize,onClick:()=>a.onChange(1,t),children:[t," / page"]},t)))})]})]})},exports.HISD3Tabs=({items:t,...r})=>e.jsx(ve,{...r,items:t.map((({count:t,label:r,...o})=>({...o,label:e.jsxs(e.Fragment,{children:[r,void 0!==t&&e.jsx("span",{className:"hisd3-tab-count",children:t})]})})))}),exports.HISD3Tag=({variant:t="neutral",tone:r=("neutral"===t?"default":"primary"),children:o,...n})=>e.jsx(ke,{$variant:t,$tone:r,...n,children:o}),exports.HISD3_BORDER_PRESETS=d,exports.HISD3_COLORS=b,exports.HISD3_FONT_FAMILY=p,exports.HISD3_FONT_WEIGHT_BODY=400,exports.HISD3_FONT_WEIGHT_HEADING=800,exports.HISD3_LAYOUT=a,exports.HISD3_NEUTRALS=s,exports.HISD3_PRESETS=l,exports.HeaderIconButton=J,exports.UserMenu=P,exports.borderVarsCss=x,exports.createHisd3Theme=u,exports.getInitials=he,exports.hisd3AntdTheme=g,exports.resolvePrimary=c,exports.tint=h,exports.useInsideHISD3Provider=f;
 //# sourceMappingURL=index.cjs.js.map