hisd3-ui-kit 4.0.0 → 4.1.0

package/dist/index.cjs.js

@@ -1,4 +1,4 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("antd"),r=require("react"),n=require("styled-components"),o=require("@ant-design/icons");function i(e,t){void 0===t&&(t={});var r=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===r&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.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 r=e.replace("#",""),n=3===r.length?r.split("").map((e=>e+e)).join(""):r,o=parseInt(n,16),i=o>>8&255,a=255&o,l=e=>Math.round(e+(255-e)*t);return`#${[l(o>>16&255),l(i),l(a)].map((e=>e.toString(16).padStart(2,"0"))).join("")}`},c=({primary:e,radius:t=0,lineWidth:r=2,overrides:n}={})=>{const o=d(e),i=l,a={cssVar:{key:"hisd3"},token:{colorPrimary:o,colorInfo:o,colorLink:o,colorPrimaryBg:p(o,.92),colorPrimaryBgHover:p(o,.86),colorPrimaryBorder:p(o,.6),fontFamily:s,fontSize:14,fontWeightStrong:700,borderRadius:t,borderRadiusLG:t,borderRadiusSM:t,borderRadiusXS:t,lineWidth:r,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(o,.9),itemSelectedColor:o,itemActiveBg:p(o,.86),subMenuItemSelectedColor:o,groupTitleColor:i.textTertiary,groupTitleFontSize:12,itemBorderRadius:0,itemMarginInline:0,itemMarginBlock:0,itemHeight:46,itemPaddingInline:24,iconSize:18,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:20,contentFontSizeLG:16},Input:{activeShadow:"none",colorBorder:i.borderSecondary,hoverBorderColor:i.border,activeBorderColor:i.border,paddingInline:16},Select:{optionSelectedBg:p(o,.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:o,itemColor:i.text,itemSelectedColor:o,itemHoverColor:o,titleFontSize:18,horizontalItemGutter:48,horizontalMargin:"0",lineWidthBold:4},Tag:{borderRadiusSM:0,defaultBg:"transparent"},Pagination:{itemBg:i.bgLayout,itemActiveBg:o,itemSize:48,itemInputBg:i.bgLayout},Dropdown:{paddingBlock:10},Breadcrumb:{itemColor:i.textTertiary,lastItemColor:i.text,linkColor:i.textTertiary,linkHoverColor:o,separatorColor:i.textTertiary},Card:{headerFontSize:20}}};return n?{...a,...n,token:{...a.token,...n.token},components:{...a.components,...n.components}}:a},h=c(),g={primary:a.red,primaryLight:p(a.red,.9),headerSelectedBg:"rgba(0,0,0,0.04)"},u=r.createContext(!1),x=()=>r.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=n(t.Layout)`
+"use strict";var e=require("react/jsx-runtime"),t=require("antd"),r=require("react"),o=require("styled-components"),i=require("@ant-design/icons");function n(e,t){void 0===t&&(t={});var r=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===r&&o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}n('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}');n('@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)}.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,i=parseInt(o,16),n=i>>8&255,a=255&i,l=e=>Math.round(e+(255-e)*t);return`#${[l(i>>16&255),l(n),l(a)].map((e=>e.toString(16).padStart(2,"0"))).join("")}`},u=({primary:e,radius:t=0,borders:r="hairline",lineWidth:o,overrides:i}={})=>{const n=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:n,colorInfo:n,colorLink:n,colorPrimaryBg:h(n,.92),colorPrimaryBgHover:h(n,.86),colorPrimaryBorder:h(n,.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(n,.9),itemSelectedColor:n,itemActiveBg:h(n,.86),subMenuItemSelectedColor:n,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(n,.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:n,itemColor:x.text,itemSelectedColor:n,itemHoverColor:n,titleFontSize:18,horizontalItemGutter:48,horizontalMargin:"0",lineWidthBold:4},Tag:{borderRadiusSM:0,defaultBg:"transparent"},Pagination:{itemBg:x.bgLayout,itemActiveBg:n,itemSize:48,itemInputBg:x.bgLayout},Dropdown:{paddingBlock:10},Breadcrumb:{itemColor:x.textTertiary,lastItemColor:x.text,linkColor:x.textTertiary,linkHoverColor:n,separatorColor:x.textTertiary},Card:{headerFontSize:20}}};return i?{...g,...i,token:{...g.token,...i.token},components:{...g.components,...i.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),y=()=>r.useContext(m),{Header:f,Content:v}=t.Layout,w=a.siderWidth,S=a.siderCollapsedWidth,k=a.topBarHeight,I=o(t.Layout)`
   min-height: 100vh;
   background: var(--ant-color-bg-layout);
 
@@ -12,7 +12,7 @@
     height: 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 +20,11 @@
       height: 100%;
     }
   }
-`,I=n.div`
+`,j=o.div`
   flex: 1 1 auto;
   overflow-y: auto;
   overflow-x: hidden;
-  padding-top: 8px;
+  padding-top: 4px;
 
   .ant-menu-inline,
   .ant-menu-vertical {
@@ -34,8 +34,8 @@
 
   /* Section titles: "RECEIVABLES AND COLLECTIONS" */
   .ant-menu-item-group-title {
-    padding: 22px 24px 8px;
-    font-size: 12px;
+    padding: 16px ${a.pageGutter}px 4px;
+    font-size: 11px;
     font-weight: 600;
     letter-spacing: 0.14em;
     text-transform: uppercase;
@@ -44,9 +44,9 @@
 
   .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);
-    margin-top: 12px;
-    padding-top: 26px;
+    border-top: var(--hisd3-rule-width, 1px) solid var(--ant-color-border-secondary);
+    margin-top: 10px;
+    padding-top: 20px;
   }
   .ant-menu-item-group + .ant-menu-item-group::before {
     content: none;
@@ -54,7 +54,7 @@
 
   .ant-menu-item,
   .ant-menu-submenu-title {
-    font-size: 17px;
+    font-size: 14px;
     font-weight: 500;
     position: relative;
     width: 100%;
@@ -62,7 +62,7 @@
 
   .ant-menu-item .ant-menu-item-icon,
   .ant-menu-submenu-title .ant-menu-item-icon {
-    font-size: 18px;
+    font-size: 16px;
   }
 
   /* open parent ("Billing") in primary */
@@ -74,7 +74,7 @@
 
   /* child items are indented by antd; keep them slightly smaller */
   .ant-menu-sub.ant-menu-inline > .ant-menu-item {
-    font-size: 16px;
+    font-size: 13.5px;
   }
 
   /* active item: tint + 4px accent bar */
@@ -87,7 +87,7 @@
       left: 0;
       top: 0;
       bottom: 0;
-      width: 5px;
+      width: 4px;
       background: var(--ant-color-primary);
     }
   }
@@ -95,23 +95,23 @@
   &.hisd3-collapsed .ant-menu-item-group-title {
     display: none;
   }
-`,T=n.a`
+`,T=o.a`
   display: flex;
   align-items: center;
-  gap: 16px;
-  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: 40px;
-    height: 40px;
+    width: 28px;
+    height: 28px;
     flex: 0 0 auto;
     background: var(--ant-color-primary);
     display: flex;
@@ -120,8 +120,8 @@
   }
 
   img {
-    height: 40px;
-    width: 40px;
+    height: 28px;
+    width: 28px;
     object-fit: contain;
     flex: 0 0 auto;
   }
@@ -129,7 +129,7 @@
   h1 {
     margin: 0;
     font-family: var(--font-heading);
-    font-size: 22px;
+    font-size: 16px;
     font-weight: var(--font-weight-heading, 800);
     letter-spacing: 0.04em;
     text-transform: uppercase;
@@ -137,47 +137,47 @@
     overflow: hidden;
     text-overflow: ellipsis;
   }
-`,D=n(b)`
+`,D=o(f)`
   display: flex;
   align-items: center;
   gap: 24px;
-  height: ${w}px;
-  line-height: ${w}px;
-  padding: 0 ${m.pageGutter}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;
-    font-size: 16px;
+    line-height: ${k-2}px;
+    font-size: 14px;
     font-weight: 500;
   }
-`,E=n(b)`
+`,E=o(f)`
   display: flex;
   align-items: center;
-  gap: 16px;
-  height: ${w}px;
-  line-height: ${w}px;
-  padding: 0 ${m.pageGutter}px;
+  gap: 12px;
+  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=n.button`
-  border: 2px solid var(--ant-color-border);
+  border-bottom: var(--hisd3-rule-width, 1px) solid var(--ant-color-border);
+`,C=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,53 +187,53 @@
   &:hover {
     background: rgba(0, 0, 0, 0.05);
   }
-`,C=n(y)`
-  padding: 32px ${m.pageGutter}px 48px;
-  min-height: calc(100vh - ${w}px);
-`,L=n.div`
+`,z=o(v)`
+  padding: 24px ${a.pageGutter}px 40px;
+  min-height: calc(100vh - ${k}px);
+`,L=o.div`
   flex: 0 0 auto;
   display: flex;
   flex-direction: column;
   justify-content: center;
   line-height: 1.25;
   transition: all 0.2s ease;
-  padding: ${({$inHeader:e,$collapsed:t})=>e?"0 4px":t?"16px 0":"20px 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=n.a`
+`,$=o.a`
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   color: inherit;
-  gap: 16px;
-`,A=n.span`
-  width: 48px;
-  height: 48px;
+  gap: 10px;
+`,A=o.span`
+  width: 34px;
+  height: 34px;
   flex: 0 0 auto;
   display: flex;
   align-items: center;
   justify-content: center;
-  font-size: 16px;
+  font-size: 13px;
   font-weight: 700;
   color: var(--ant-color-text);
   background: ${({$src:e})=>e?`center / cover no-repeat url("${e}")`:"#D9D6D2"};
-`,O=n.span`
+`,N=o.span`
   flex: 1 1 auto;
   min-width: 0;
-`,R=n.span`
+`,O=o.span`
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   gap: 8px;
-`,z=n.h3`
+`,R=o.h3`
   margin: 0;
   font-family: var(--font-body);
-  font-size: 17px;
+  font-size: 14px;
   font-weight: 700;
   letter-spacing: 0;
   color: var(--ant-color-text);
@@ -242,7 +242,7 @@
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
-`,B=n.span`
+`,B=o.span`
   width: 20px;
   height: 22px;
   display: flex;
@@ -254,10 +254,10 @@
   & svg {
     display: block;
   }
-`,H=n.span`
+`,F=o.span`
   display: block;
-  margin-top: 4px;
-  font-size: 12px;
+  margin-top: 3px;
+  font-size: 11px;
   font-weight: 500;
   letter-spacing: 0.12em;
   text-transform: uppercase;
@@ -265,20 +265,20 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-`,N=(e,t)=>e.key??e.path??`menu-${t}`,F=(e,t)=>(e??[]).filter((e=>e&&!e.hideInMenu)).map(((e,r)=>{const n=N(e,r);return Array.isArray(e.children)&&e.children.length>0?{key:n,icon:e.icon,label:e.name,disabled:e.disabled,type:e.group?"group":void 0,children:F(e.children,t)}:{key:n,icon:e.icon,disabled:e.disabled,label:t(e,e.name)}})),U=(e,t)=>r.createElement("a",{href:e.path||"/"},t),M=({account:r,avatarSrc:n,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(o.SettingOutlined,{}),label:"Settings",onClick:()=>{window.location.href=i??"/settings"}},{key:"logout",icon:e.jsx(o.LogoutOutlined,{}),label:"Logout",onClick:()=>{p.confirm({title:"Are you sure you want to logout?",content:"Please click OK to continue",icon:e.jsx(o.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(j,{className:"ant-dropdown-link",onClick:e=>e.preventDefault(),children:[e.jsx(A,{$src:n,"aria-hidden":!0,children:!n&&h}),!l&&e.jsxs(O,{children:[e.jsxs(R,{children:[e.jsx(z,{title:r.fullName,children:r.fullName}),e.jsx(B,{children:e.jsx(o.DownOutlined,{})})]}),r.positionType&&e.jsx(H,{title:r.positionType,children:r.positionType})]})]})})})},{Sider:$}=t.Layout,_=m.pageGutter,P=n.div`
+`,H=(e,t)=>e.key??e.path??`menu-${t}`,M=(e,t)=>(e??[]).filter((e=>e&&!e.hideInMenu)).map(((e,r)=>{const o=H(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:M(e.children,t)}:{key:o,icon:e.icon,disabled:e.disabled,label:t(e,e.name)}})),U=(e,t)=>r.createElement("a",{href:e.path||"/"},t),_=({account:r,avatarSrc:o,settingsUrl:n,onLogout:a,collapsed:l=!1,placement:s="topRight",extraItems:d=[]})=>{const{modal:p}=t.App.useApp(),c=[...d??[],{key:"settings",icon:e.jsx(i.SettingOutlined,{}),label:"Settings",onClick:()=>{window.location.href=n??"/settings"}},{key:"logout",icon:e.jsx(i.LogoutOutlined,{}),label:"Logout",onClick:()=>{p.confirm({title:"Are you sure you want to logout?",content:"Please click OK to continue",icon:e.jsx(i.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($,{className:"ant-dropdown-link",onClick:e=>e.preventDefault(),children:[e.jsx(A,{$src:o,"aria-hidden":!0,children:!o&&h}),!l&&e.jsxs(N,{children:[e.jsxs(O,{children:[e.jsx(R,{title:r.fullName,children:r.fullName}),e.jsx(B,{children:e.jsx(i.DownOutlined,{})})]}),r.positionType&&e.jsx(F,{title:r.positionType,children:r.positionType})]})]})})})},{Sider:P}=t.Layout,G=a.pageGutter,W=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 */
+  padding: 0 ${G}px;
+  border-bottom: var(--hisd3-rule-width, 1px) solid var(--ant-color-border);
   background: var(--ant-color-bg-layout);
   position: sticky;
   top: 0;
   z-index: 20;
 
   .ant-breadcrumb {
-    font-size: 16px;
+    font-size: 14px;
     flex: 1 1 auto;
     min-width: 0;
   }
@@ -286,24 +286,24 @@
   .ant-breadcrumb ol {
     flex-wrap: nowrap;
   }
-`,W=n.div`
+`,K=o.div`
   display: flex;
   align-items: center;
-  gap: 16px;
+  gap: 10px;
   flex: 0 0 auto;
-`,G=n.div`
+`,q=o.div`
   display: flex;
   align-items: baseline;
-  gap: 24px;
+  gap: 16px;
   flex-wrap: wrap;
-  padding: 36px ${_}px 28px;
-  border-bottom: 2px solid var(--ant-color-border-secondary);
+  padding: 20px ${G}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: 56px;
-    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 +311,303 @@
 
   p {
     margin: 0;
-    font-size: 20px;
+    font-size: 15px;
     color: var(--ant-color-text-secondary);
   }
-`,K=n.div`
-  padding: 32px ${_}px 48px;
-`,q=n.div`
+`,X=o.div`
+  padding: 24px ${G}px 40px;
+`,V=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;
+  }
+`,Y=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);
+`,J=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;
+    }
+  }
+`,Q=o.div`
+  max-height: 380px;
+  overflow-y: auto;
+`,Z=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)"};
+  }
+`,ee=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)"};
+`,te=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);
+  }
+`,re=o.span`
+  width: 8px;
+  height: 8px;
+  margin-top: 6px;
+  flex: 0 0 auto;
+  border-radius: 50%;
+  background: var(--ant-color-primary);
+`,oe=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);
+  }
+`,ie=o.div`
+  padding: 28px 16px;
+`,ne=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;
+  }
+`,ae=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;
+
+  ${ne}[aria-expanded="true"] & {
+    background: var(--ant-color-primary);
+    color: #fff;
+  }
+
+  & svg {
+    display: block;
+  }
+`,le=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;
+  }
+`,se=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)"};
+`,de=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;
+  }
+`,pe=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("")||"?",ce=o.div`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex: 0 0 auto;
+`,he=o.span`
+  width: 2px;
+  height: 24px;
+  background: var(--ant-color-border-secondary);
+  flex: 0 0 auto;
+`,ue=o.div`
   .ant-table-wrapper .ant-table {
     background: transparent;
   }
@@ -328,17 +619,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 +657,14 @@
   .hisd3-cell-muted {
     color: var(--ant-color-text-tertiary);
   }
-`,X=n.div`
+`,xe=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=n.div`
+`,ge=o.div`
   display: flex;
   align-items: center;
   gap: 24px;
@@ -387,7 +678,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 +690,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 +724,15 @@
       font-weight: 700;
     }
   }
-`,Y=n.div`
+`,be=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 +748,12 @@
       color: #fff;
     }
   }
-`,J=e=>`Total ${e.toLocaleString()} items`;const Q=n(t.Tabs)`
+`,me=e=>`Total ${e.toLocaleString()} items`;const ye=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 +781,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=n.span`
+`,fe={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)"},ve={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)"},we=o.span`
   display: inline-flex;
   align-items: center;
   gap: 6px;
@@ -502,45 +793,46 @@
   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 r=Z[t],n=ee[t];switch(e){case"soft":return`color: ${r}; background: ${n};`;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);"}}}
-`,re=n(t.Button)`
+  ${({$variant:e,$tone:t})=>{const r=fe[t],o=ve[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);"}}}
+`,Se=o(t.Button)`
   &.ant-btn {
-    text-transform: none;
-    letter-spacing: 0;
     display: inline-flex;
     align-items: center;
     gap: 8px;
-    height: var(--hisd3-btn-height, 52px);
-    padding-inline: 20px;
-    font-size: 16px;
+    height: 40px;
+    padding-inline: 16px;
+    font-size: 14px;
     font-weight: 600;
     box-shadow: none;
   }
 
   &.ant-btn-sm {
-    --hisd3-btn-height: 36px;
-    font-size: 14px;
-    padding-inline: 14px;
+    height: 32px;
+    padding-inline: 12px;
+    font-size: 13px;
+    gap: 6px;
   }
 
   &.ant-btn-lg {
-    --hisd3-btn-height: 56px;
+    height: 52px;
+    padding-inline: 20px;
+    font-size: 16px;
   }
 
   &.ant-btn-default {
-    border-width: 2px;
+    border-width: var(--hisd3-rule-width, 1px);
   }
 
   .anticon {
     font-size: 1.05em;
   }
-`,ne={primary:{type:"primary"},secondary:{type:"default"},ghost:{type:"text"},danger:{type:"primary",danger:!0}},oe=n(t.Input)`
+`,ke={primary:{type:"primary"},secondary:{type:"default"},ghost:{type:"text"},danger:{type:"primary",danger:!0}},Ie=o(t.Input)`
   &.ant-input,
   &.ant-input-affix-wrapper {
-    border-width: 2px;
+    border-width: var(--hisd3-rule-width, 1px);
     font-size: 16px;
   }
 
@@ -549,7 +841,7 @@
     color: var(--ant-color-text-tertiary);
     font-size: 18px;
   }
-`,ie=n(oe)`
+`,je=o(Ie)`
   &.ant-input-affix-wrapper {
     background: var(--hisd3-bg-filled, #e6e4e1);
     border-color: var(--ant-color-border-secondary);
@@ -583,5 +875,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",...r})=>e.jsx(re,{...ne[t],...r}),exports.HISD3Input=t=>e.jsx(oe,{...t}),exports.HISD3PageBody=K,exports.HISD3PageHeader=({title:r,subtitle:n,breadcrumb:o,extra:i,leading:a,hideTopBar:l=!1,className:s})=>e.jsxs("header",{className:s,children:[!l&&e.jsxs(P,{children:[a,o&&o.length>0&&e.jsx(t.Breadcrumb,{items:o.map((t=>({title:t.href?e.jsx("a",{href:t.href,children:t.title}):t.title,onClick:t.onClick})))}),!o?.length&&e.jsx("span",{style:{flex:1}}),i&&e.jsx(W,{children:i})]}),e.jsxs(G,{children:[e.jsx("h1",{children:r}),n&&e.jsx("p",{children:n})]})]}),exports.HISD3Provider=({primary:o,radius:i,lineWidth:a,overrides:l,theme:s,styledTheme:d={},children:p})=>{const h=r.useMemo((()=>s??c({primary:o,radius:i,lineWidth:a,overrides:l})),[s,o,i,a,l]);return e.jsx(u.Provider,{value:!0,children:e.jsx(t.ConfigProvider,{theme:h,children:e.jsx(n.ThemeProvider,{theme:d,children:e.jsx(t.App,{component:!1,children:p})})})})},exports.HISD3SearchInput=({compact:t=!1,className:r,...n})=>e.jsx(ie,{allowClear:!0,prefix:e.jsx(o.SearchOutlined,{}),className:[t?"hisd3-search-compact":"",r??""].join(" ").trim(),...n}),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:O=!1,hideSidebar:R=!1,layoutTop:z=!1,hideCollapseTrigger:B=!1,siderWidth:H=f,bareContent:_=!1,hideHeaderBar:P=!1,brandHref:W="/"})=>{const G=x(),K=void 0===b?G?null:h:b,[q,X]=r.useState(A);r.useEffect((()=>{X(A)}),[A]);const V=r.useMemo((()=>F(d,y)),[d,y]),Y=r.useMemo((()=>((e,t)=>{let r;const n=(e,o)=>{(e??[]).forEach(((e,i)=>{const a=N(e,i);if(e.path&&t.startsWith(e.path)){const n=t===e.path,i=e.path.length+(n?1:0);(!r||i>r.length)&&(r={key:a,parents:o,length:i})}e.children?.length&&n(e.children,[...o,a])}))};return n(e,[]),{selectedKey:r?.key,openKeys:r?.parents??[]}})(d,c)),[d,c]),[J,Q]=r.useState((()=>Y.openKeys));r.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:!z&&q,children:[l?e.jsx("img",{src:l,alt:s}):e.jsx("span",{className:"hisd3-brand-mark","aria-hidden":!0}),(z||!q)&&e.jsx("h1",{children:s})]}),re=_?i:e.jsx(C,{children:i});if("undefined"==typeof document)return null;const ne=e.jsx(t.App,{component:!1,children:e.jsx(t.Spin,{spinning:O,size:"large",children:R?e.jsx(e.Fragment,{children:i}):z?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})]}),re]}):e.jsxs(S,{hasSider:!0,children:[e.jsxs($,{className:"hisd3-sider",width:H,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:[!B&&e.jsx(k,{type:"button","aria-label":q?"Expand menu":"Collapse menu",onClick:()=>Z(!q),children:q?e.jsx(o.MenuUnfoldOutlined,{}):e.jsx(o.MenuFoldOutlined,{})}),e.jsx("span",{style:{flex:1}}),w]}),re]})]})})});return G&&!u?K?e.jsx(t.ConfigProvider,{theme:K,children:ne}):ne:e.jsx(n.ThemeProvider,{theme:u??{},children:K?e.jsx(t.ConfigProvider,{theme:K,children:ne}):ne})},exports.HISD3Table=function({pagination:r,footer:n,...i}){const a=r||void 0,l=a?.pageSizeOptions??[10,20,50];return e.jsxs(q,{children:[e.jsx(t.Table,{...i,pagination:!1}),n&&e.jsx(X,{children:n}),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,r,n)=>"prev"===r?e.jsx("span",{className:"ant-pagination-item-link",children:e.jsx(o.LeftOutlined,{})}):"next"===r?e.jsx("span",{className:"ant-pagination-item-link",children:e.jsx(o.RightOutlined,{})}):n}),!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,...r})=>e.jsx(Q,{...r,items:t.map((({count:t,label:r,...n})=>({...n,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:n,...o})=>e.jsx(te,{$variant:t,$tone:r,...o,children:n}),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 Te,De,Ee,Ce,ze,Le,$e,Ae,Ne,Oe,Re,Be,Fe;exports.ThemeStyle=void 0,(Te=exports.ThemeStyle||(exports.ThemeStyle={})).MODERN="modern",Te.STANDARD="standard",exports.ThemeStyleRadius=void 0,(De=exports.ThemeStyleRadius||(exports.ThemeStyleRadius={})).MODERN="30px",De.STANDARD="16px",exports.ThemeMode=void 0,(Ee=exports.ThemeMode||(exports.ThemeMode={})).LIGHT="light",Ee.SEMI_DARK="semi-dark",Ee.DARK="dark",exports.LayoutType=void 0,(Ce=exports.LayoutType||(exports.LayoutType={})).FULL_WIDTH="full-width",Ce.BOXED="boxed",Ce.FRAMED="framed",exports.MenuStyle=void 0,(ze=exports.MenuStyle||(exports.MenuStyle={})).DEFAULT="default",ze.STANDARD="standard",ze.ROUNDED="rounded",ze.ROUNDED_REVERSE="rounded-reverse",ze.CURVED_MENU="curved-menu",exports.NavStyle=void 0,(Le=exports.NavStyle||(exports.NavStyle={})).DEFAULT="default",Le.MINI="mini",Le.MINI_SIDEBAR_TOGGLE="mini-sidebar-toggle",Le.STANDARD="standard",Le.HEADER_USER="user-header",Le.HEADER_USER_MINI="user-mini-header",Le.DRAWER="drawer",Le.BIT_BUCKET="bit-bucket",Le.H_DEFAULT="h-default",Le.HOR_HEADER_FIXED="hor-header-fixed",Le.HOR_DARK_LAYOUT="hor-dark-layout",exports.FooterType=void 0,($e=exports.FooterType||(exports.FooterType={})).FIXED="fixed",$e.FLUID="fluid",exports.LayoutDirection=void 0,(Ae=exports.LayoutDirection||(exports.LayoutDirection={})).RTL="rtl",Ae.LTR="ltr",exports.HeaderType=void 0,(Ne=exports.HeaderType||(exports.HeaderType={})).DARK="dark",Ne.LIGHT="light",exports.RouteTransition=void 0,(Oe=exports.RouteTransition||(exports.RouteTransition={})).NONE="none",Oe.FADE="fade",Oe.SLIDE_LEFT="slideLeft",Oe.SLIDE_RIGHT="slideRight",Oe.SLIDE_UP="slideUp",Oe.SLIDE_DOWN="slideDown",exports.Fonts=void 0,(Re=exports.Fonts||(exports.Fonts={})).LIGHT="300",Re.REGULAR="400",Re.MEDIUM="500",Re.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,(Fe=exports.AppAnimates||(exports.AppAnimates={})).SLIDEUPIN="transition.slideUpIn",Fe.SLIDEUPOUT="transition.slideUpOut",Fe.SLIDEDOWNIN="transition.slideDownIn",Fe.SLIDEDOWNOUT="transition.slideDownOut",Fe.SLIDELEFTIN="transition.slideLeftIn",Fe.SLIDELEFTOUT="transition.slideLeftOut",Fe.SLIDERIGHTIN="transition.slideRightIn",Fe.SLIDERIGHTOUT="transition.slideRightOut",Fe.FADEIN="transition.fadeIn",Fe.FADEOUT="transition.fadeOut";var He,Me;exports.MessageType=void 0,(He=exports.MessageType||(exports.MessageType={}))[He.MEDIA=1]="MEDIA",He[He.TEXT=2]="TEXT",exports.RoutePermittedRole=void 0,(Me=exports.RoutePermittedRole||(exports.RoutePermittedRole={})).Admin="admin",Me.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:n,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),y=[...p??[],...null!==a||l?[{key:"settings",icon:e.jsx(i.SettingOutlined,{}),label:"Settings",onClick:()=>{l?l():a&&(window.location.href=a)}}]:[],{key:"logout",icon:e.jsx(i.LogoutOutlined,{}),label:"Logout",onClick:()=>{d?g.confirm({title:"Are you sure you want to logout?",content:"Please click OK to continue",icon:e.jsx(i.ExclamationCircleOutlined,{}),okText:"Logout",onOk:s}):s()}}];return e.jsx(t.Dropdown,{open:b,onOpenChange:m,trigger:["click"],placement:"bottomRight",menu:{items:y,onClick:()=>m(!1)},popupRender:t=>e.jsxs(de,{children:[e.jsxs(le,{children:[e.jsx(se,{$src:n,children:!n&&pe(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(ne,{type:"button",className:x,$shape:c,$size:h,"aria-label":`Account menu for ${o.fullName}`,children:[n?e.jsx("img",{src:n,alt:""}):pe(o.fullName),!u&&e.jsx(ae,{$size:h,"aria-hidden":!0,children:e.jsx(i.DownOutlined,{})})]})})},exports.HISD3Button=({variant:t="secondary",...r})=>e.jsx(Se,{...ke[t],...r}),exports.HISD3HeaderActions=({children:t,divided:o=!1,className:i})=>{const n=r.Children.toArray(t).filter(Boolean);return e.jsx(ce,{className:i,children:n.map(((t,i)=>e.jsxs(r.Fragment,{children:[o&&i===n.length-1&&i>0&&e.jsx(he,{}),t]},i)))})},exports.HISD3Input=t=>e.jsx(Ie,{...t}),exports.HISD3NotificationButton=({items:o=[],count:n,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=n??o.filter((e=>e.unread)).length,y=e.jsxs(Y,{children:[e.jsxs(J,{children:[e.jsx("h4",{children:l}),s&&m>0&&e.jsx("button",{type:"button",onClick:s,children:"Mark all as read"})]}),a?e.jsx(ie,{style:{textAlign:"center"},children:e.jsx(t.Spin,{})}):0===o.length?e.jsx(ie,{children:e.jsx(t.Empty,{image:t.Empty.PRESENTED_IMAGE_SIMPLE,description:c})}):e.jsx(Q,{children:o.map((t=>e.jsxs(Z,{type:"button",$unread:t.unread,onClick:()=>{t.onClick?.(t),b(!1),h?.(!1)},children:[e.jsx(ee,{$src:t.avatarSrc,children:!t.avatarSrc&&(t.icon??e.jsx(i.BellOutlined,{}))}),e.jsxs(te,{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(re,{})]},t.id)))}),d&&e.jsx(oe,{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:()=>y,children:e.jsx(V,{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(i.BellOutlined,{})})})})},exports.HISD3PageBody=X,exports.HISD3PageHeader=({title:r,subtitle:o,breadcrumb:i,extra:n,leading:a,hideTopBar:l=!1,className:s})=>e.jsxs("header",{className:s,children:[!l&&e.jsxs(W,{children:[a,i&&i.length>0&&e.jsx(t.Breadcrumb,{items:i.map((t=>({title:t.href?e.jsx("a",{href:t.href,children:t.title}):t.title,onClick:t.onClick})))}),!i?.length&&e.jsx("span",{style:{flex:1}}),n&&e.jsx(K,{children:n})]}),e.jsxs(q,{children:[e.jsx("h1",{children:r}),o&&e.jsx("p",{children:o})]})]}),exports.HISD3Provider=({primary:i,radius:n,borders:a="hairline",lineWidth:l,overrides:s,theme:d,styledTheme:p={},children:c})=>{const h=r.useMemo((()=>d??u({primary:i,radius:n,borders:a,lineWidth:l,overrides:s})),[d,i,n,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(je,{allowClear:!0,prefix:e.jsx(i.SearchOutlined,{}),className:[t?"hisd3-search-compact":"",r??""].join(" ").trim(),...o}),exports.HISD3Sidebar=({children:n,account:a,logoUrl:l,appName:s,menuItems:d,onLogout:p,pathname:c,avatarSrc:h,styledTheme:u,settingsUrl:x,antdTheme:b,renderMenuLink:m=U,headerExtra:f,userMenuItems:v,onCollapse:k,collapsed:L=!1,loading:$=!1,hideSidebar:A=!1,layoutTop:N=!1,hideCollapseTrigger:O=!1,siderWidth:R=w,bareContent:B=!1,hideHeaderBar:F=!1,brandHref:G="/",hideAccountCard:W=!1})=>{const K=y(),q=void 0===b?K?null:g:b,[X,V]=r.useState(L);r.useEffect((()=>{V(L)}),[L]);const Y=r.useMemo((()=>M(d,m)),[d,m]),J=r.useMemo((()=>((e,t)=>{let r;const o=(e,i)=>{(e??[]).forEach(((e,n)=>{const a=H(e,n);if(e.path&&t.startsWith(e.path)){const o=t===e.path,n=e.path.length+(o?1:0);(!r||n>r.length)&&(r={key:a,parents:i,length:n})}e.children?.length&&o(e.children,[...i,a])}))};return o(e,[]),{selectedKey:r?.key,openKeys:r?.parents??[]}})(d,c)),[d,c]),[Q,Z]=r.useState((()=>J.openKeys));r.useEffect((()=>{Z((e=>Array.from(new Set([...e,...J.openKeys]))))}),[J.openKeys.join("|")]);const ee=e=>{V(e),k?.(e)},te=J.selectedKey?[J.selectedKey]:[],re=e.jsxs(T,{href:G,$collapsed:!N&&X,children:[l?e.jsx("img",{src:l,alt:s}):e.jsx("span",{className:"hisd3-brand-mark","aria-hidden":!0}),(N||!X)&&e.jsx("h1",{children:s})]}),oe=B?n:e.jsx(z,{children:n});if("undefined"==typeof document)return null;const ie=e.jsx(t.App,{component:!1,children:e.jsx(t.Spin,{spinning:$,size:"large",children:A?e.jsx(e.Fragment,{children:n}):N?e.jsxs(I,{children:[e.jsxs(D,{children:[re,e.jsx(t.Menu,{mode:"horizontal",items:Y,selectedKeys:te}),f,!W&&e.jsx(_,{account:a,avatarSrc:h,settingsUrl:x,onLogout:p,placement:"bottomRight",extraItems:v})]}),oe]}):e.jsxs(I,{hasSider:!0,children:[e.jsxs(P,{className:"hisd3-sider",width:R,collapsedWidth:S,collapsible:!0,collapsed:X,trigger:null,theme:"light",breakpoint:"lg",onBreakpoint:e=>{e&&ee(!0)},children:[re,e.jsx(j,{className:X?"hisd3-collapsed":void 0,children:e.jsx(t.Menu,{mode:"inline",theme:"light",inlineCollapsed:X,items:Y,selectedKeys:te,openKeys:X?void 0:Q,onOpenChange:e=>Z(e)})}),!W&&e.jsx(_,{account:a,avatarSrc:h,settingsUrl:x,onLogout:p,collapsed:X,placement:"topRight",extraItems:v})]}),e.jsxs(t.Layout,{style:{background:"transparent"},children:[!F&&e.jsxs(E,{children:[!O&&e.jsx(C,{type:"button","aria-label":X?"Expand menu":"Collapse menu",onClick:()=>ee(!X),children:X?e.jsx(i.MenuUnfoldOutlined,{}):e.jsx(i.MenuFoldOutlined,{})}),e.jsx("span",{style:{flex:1}}),f]}),oe]})]})})});return K&&!u?q?e.jsx(t.ConfigProvider,{theme:q,children:ie}):ie:e.jsx(o.ThemeProvider,{theme:u??{},children:q?e.jsx(t.ConfigProvider,{theme:q,children:ie}):ie})},exports.HISD3Table=function({pagination:r,footer:o,...n}){const a=r||void 0,l=a?.pageSizeOptions??[10,20,50];return e.jsxs(ue,{children:[e.jsx(t.Table,{...n,pagination:!1}),o&&e.jsx(xe,{children:o}),a&&e.jsxs(ge,{children:[e.jsx("span",{className:"hisd3-total",children:(a.renderTotal??me)(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(i.LeftOutlined,{})}):"next"===r?e.jsx("span",{className:"ant-pagination-item-link",children:e.jsx(i.RightOutlined,{})}):o}),!a.hidePageSize&&e.jsx(be,{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(ye,{...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,...i})=>e.jsx(we,{$variant:t,$tone:r,...i,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=V,exports.UserMenu=_,exports.borderVarsCss=x,exports.createHisd3Theme=u,exports.getInitials=pe,exports.hisd3AntdTheme=g,exports.resolvePrimary=c,exports.tint=h,exports.useInsideHISD3Provider=y;
 //# sourceMappingURL=index.cjs.js.map