hisd3-ui-kit 3.0.0 → 4.0.0

package/dist/index.cjs.js

@@ -1,5 +1,6 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@ant-design/icons"),i=require("antd"),n=require("react"),o=require("styled-components");!function(e,t){void 0===t&&(t={});var i=t.insertAt;if("undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===i&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}('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}');const r={primary:"#00796b",primaryLight:"#e0f7f7",headerSelectedBg:"rgba(0,0,0,0.04)"},a={token:{colorPrimary:r.primary},components:{Menu:{itemSelectedBg:r.primaryLight,itemSelectedColor:r.primary,itemHoverBg:r.primaryLight,itemHoverColor:r.primary,subMenuItemSelectedColor:r.primary,itemActiveBg:r.primaryLight,horizontalItemSelectedBg:r.headerSelectedBg,horizontalItemSelectedColor:r.primary},Layout:{siderBg:"#ffffff",headerBg:"#ffffff",triggerBg:"#ffffff",triggerColor:"rgba(0,0,0,0.65)"}}},{Header:s,Content:l}=i.Layout,d=56,p=o(i.Layout)`
+"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)`
   min-height: 100vh;
+  background: var(--ant-color-bg-layout);
 
   /*
    * The Sider is rendered as a plain antd <Sider> (not styled(Sider)) because
@@ -10,8 +11,8 @@
     top: 0;
     height: 100vh;
     overflow: hidden;
-    border-right: 1px solid
-      ${({theme:e})=>e?.palette?.borderColor||"rgba(5, 5, 5, 0.06)"};
+    background: var(--ant-color-bg-layout);
+    border-right: 2px solid var(--ant-color-border);
 
     .ant-layout-sider-children {
       display: flex;
@@ -19,177 +20,568 @@
       height: 100%;
     }
   }
-`,h=o.div`
+`,I=n.div`
   flex: 1 1 auto;
   overflow-y: auto;
   overflow-x: hidden;
+  padding-top: 8px;
 
   .ant-menu-inline,
   .ant-menu-vertical {
     border-inline-end: none !important;
+    background: transparent;
   }
-`,c=o.a`
+
+  /* Section titles: "RECEIVABLES AND COLLECTIONS" */
+  .ant-menu-item-group-title {
+    padding: 22px 24px 8px;
+    font-size: 12px;
+    font-weight: 600;
+    letter-spacing: 0.14em;
+    text-transform: uppercase;
+    color: var(--ant-color-text-tertiary);
+  }
+
+  .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;
+  }
+  .ant-menu-item-group + .ant-menu-item-group::before {
+    content: none;
+  }
+
+  .ant-menu-item,
+  .ant-menu-submenu-title {
+    font-size: 17px;
+    font-weight: 500;
+    position: relative;
+    width: 100%;
+  }
+
+  .ant-menu-item .ant-menu-item-icon,
+  .ant-menu-submenu-title .ant-menu-item-icon {
+    font-size: 18px;
+  }
+
+  /* open parent ("Billing") in primary */
+  .ant-menu-submenu-open > .ant-menu-submenu-title,
+  .ant-menu-submenu-selected > .ant-menu-submenu-title {
+    color: var(--ant-color-primary);
+    font-weight: 700;
+  }
+
+  /* child items are indented by antd; keep them slightly smaller */
+  .ant-menu-sub.ant-menu-inline > .ant-menu-item {
+    font-size: 16px;
+  }
+
+  /* active item: tint + 4px accent bar */
+  .ant-menu-item-selected {
+    font-weight: 700;
+
+    &::before {
+      content: "";
+      position: absolute;
+      left: 0;
+      top: 0;
+      bottom: 0;
+      width: 5px;
+      background: var(--ant-color-primary);
+    }
+  }
+
+  &.hisd3-collapsed .ant-menu-item-group-title {
+    display: none;
+  }
+`,T=n.a`
   display: flex;
   align-items: center;
-  gap: 10px;
-  height: ${d}px;
-  padding: 0 ${({$collapsed:e})=>e?12:16}px;
+  gap: 16px;
+  height: ${w}px;
+  padding: 0 ${({$collapsed:e})=>e?14:24}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);
+
+  .hisd3-brand-mark {
+    width: 40px;
+    height: 40px;
+    flex: 0 0 auto;
+    background: var(--ant-color-primary);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
 
   img {
-    height: 32px;
-    width: 32px;
+    height: 40px;
+    width: 40px;
     object-fit: contain;
     flex: 0 0 auto;
   }
 
   h1 {
     margin: 0;
-    font-size: 16px;
-    font-weight: 600;
-    color: ${({theme:e})=>e?.palette?.text||"rgba(0, 0, 0, 0.88)"};
+    font-family: var(--font-heading);
+    font-size: 22px;
+    font-weight: var(--font-weight-heading, 800);
+    letter-spacing: 0.04em;
+    text-transform: uppercase;
+    color: var(--ant-color-text);
     overflow: hidden;
     text-overflow: ellipsis;
   }
-`,m=o(s)`
+`,D=n(b)`
   display: flex;
   align-items: center;
-  gap: 16px;
-  height: ${d}px;
-  line-height: ${d}px;
-  padding: 0 16px;
+  gap: 24px;
+  height: ${w}px;
+  line-height: ${w}px;
+  padding: 0 ${m.pageGutter}px;
   position: sticky;
   top: 0;
   z-index: 100;
-  border-bottom: 1px solid
-    ${({theme:e})=>e?.palette?.borderColor||"rgba(5, 5, 5, 0.06)"};
+  background: var(--ant-color-bg-layout);
+  border-bottom: 2px solid var(--ant-color-border);
 
   .ant-menu-horizontal {
     flex: 1 1 auto;
     min-width: 0;
     border-bottom: none;
-    line-height: ${54}px;
+    background: transparent;
+    line-height: ${w-2}px;
+    font-size: 16px;
+    font-weight: 500;
   }
-`,u=o(s)`
+`,E=n(b)`
   display: flex;
   align-items: center;
-  height: ${d}px;
-  line-height: ${d}px;
-  padding: 0 16px;
+  gap: 16px;
+  height: ${w}px;
+  line-height: ${w}px;
+  padding: 0 ${m.pageGutter}px;
   position: sticky;
   top: 0;
   z-index: 99;
-  border-bottom: 1px solid
-    ${({theme:e})=>e?.palette?.borderColor||"rgba(5, 5, 5, 0.06)"};
-`,x=o.button`
-  border: none;
+  background: var(--ant-color-bg-layout);
+  border-bottom: 2px solid var(--ant-color-border);
+`,k=n.button`
+  border: 2px solid var(--ant-color-border);
   background: transparent;
   cursor: pointer;
   font-size: 16px;
-  padding: 8px;
-  border-radius: ${({theme:e})=>e?.sizes?.borderRadius?.base||"6px"};
+  width: 40px;
+  height: 40px;
   color: inherit;
   display: inline-flex;
   align-items: center;
+  justify-content: center;
+  flex: 0 0 auto;
 
   &:hover {
-    background: rgba(0, 0, 0, 0.04);
-  }
-`,g=o(l)`
-  padding: 24px;
-  min-height: calc(100vh - ${d}px);
-`;o(i.List)`
-  & .ant-list-item {
-    padding: 5px 12px;
-    cursor: pointer;
+    background: rgba(0, 0, 0, 0.05);
   }
-`;const y=o.div`
-  background-color: transparent;
-  padding: ${({$inHeader:e})=>e?"0 4px":"7px 12px"};
-  min-height: ${({$inHeader:e})=>e?"auto":"56px"};
-  line-height: 1.3;
+`,C=n(y)`
+  padding: 32px ${m.pageGutter}px 48px;
+  min-height: calc(100vh - ${w}px);
+`,L=n.div`
+  flex: 0 0 auto;
   display: flex;
   flex-direction: column;
   justify-content: center;
+  line-height: 1.25;
   transition: all 0.2s ease;
-  flex: 0 0 auto;
-  min-width: ${({$inHeader:e,$collapsed:t})=>e?"200px":t?"0":"auto"};
-  border-top: ${({$inHeader:e,theme:t})=>e?"none":`1px solid ${t?.palette?.borderColor||"rgba(5, 5, 5, 0.06)"}`};
-
-  @media screen and (min-width: ${({theme:e})=>e?.breakpoints?.md||768}px) {
-    ${({$inHeader:e})=>e?"":"padding-top: 10px; padding-bottom: 10px; min-height: 71px;"}
-  }
+  padding: ${({$inHeader:e,$collapsed:t})=>e?"0 4px":t?"16px 0":"20px 24px"};
+  min-width: ${({$inHeader:e})=>e?"220px":"0"};
+  border-top: ${({$inHeader:e})=>e?"none":"2px solid var(--ant-color-border)"};
 
   & .ant-dropdown-link {
     color: inherit;
-
-    & .anticon {
-      font-size: ${({theme:e})=>e?.font?.size?.sm||"14px"};
-    }
   }
-`,b=o.a`
+`,j=n.a`
   display: flex;
   align-items: center;
+  justify-content: center;
   cursor: pointer;
   color: inherit;
-`,f=o(i.Avatar)`
-  font-size: 24px;
-  background-color: ${({theme:e})=>e?.palette?.orange?.[6]||"#FFA500"};
-  width: 40px;
-  height: 40px;
+  gap: 16px;
+`,A=n.span`
+  width: 48px;
+  height: 48px;
+  flex: 0 0 auto;
   display: flex;
   align-items: center;
   justify-content: center;
-  flex: 0 0 auto;
-`,v=o.span`
-  width: calc(100% - 62px);
-  margin-left: 16px;
-  transition: all 0.2s ease;
+  font-size: 16px;
+  font-weight: 700;
+  color: var(--ant-color-text);
+  background: ${({$src:e})=>e?`center / cover no-repeat url("${e}")`:"#D9D6D2"};
+`,O=n.span`
+  flex: 1 1 auto;
   min-width: 0;
-
-  [dir="rtl"] & {
-    margin-left: 0;
-    margin-right: 16px;
-  }
-`,w=o.span`
+`,R=n.span`
   display: flex;
-  align-items: center;
+  align-items: flex-start;
   justify-content: space-between;
-`,I=o.h3`
-  margin-bottom: 0;
-  font-size: ${({theme:e})=>e?.font?.size?.sm||"14px"};
-  font-weight: ${({theme:e})=>e?.font?.weight?.lg||"bold"};
-  color: ${({theme:e})=>e?.palette?.text||"#000000e0"};
+  gap: 8px;
+`,z=n.h3`
+  margin: 0;
+  font-family: var(--font-body);
+  font-size: 17px;
+  font-weight: 700;
+  letter-spacing: 0;
+  color: var(--ant-color-text);
   overflow: hidden;
   text-overflow: ellipsis;
-  white-space: nowrap;
-`,T=o.span`
-  margin-left: 12px;
-  width: 24px;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+`,B=n.span`
+  width: 20px;
+  height: 22px;
   display: flex;
   align-items: center;
   justify-content: center;
-
-  [dir="rtl"] & {
-    margin-left: 0;
-    margin-right: 12px;
-  }
+  flex: 0 0 auto;
+  color: var(--ant-color-text);
 
   & svg {
     display: block;
   }
-`,D=o.span`
+`,H=n.span`
   display: block;
-  margin-top: -2px;
-  color: ${({theme:e})=>e?.palette?.text||"#000000e0"};
-  font-size: ${({theme:e})=>e?.font?.size?.sm||"14px"};
+  margin-top: 4px;
+  font-size: 12px;
+  font-weight: 500;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+  color: var(--ant-color-text-tertiary);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-`,E=(e,t)=>e.key??e.path??`menu-${t}`,S=(e,t)=>(e??[]).filter((e=>e&&!e.hideInMenu)).map(((e,i)=>{const n=E(e,i);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:S(e.children,t)}:{key:n,icon:e.icon,disabled:e.disabled,label:t(e,e.name)}})),L=(e,t)=>n.createElement("a",{href:e.path||"/"},t),A=({account:n,avatarSrc:o,settingsUrl:r,onLogout:a,collapsed:s=!1,placement:l="topRight",extraItems:d=[]})=>{const{modal:p}=i.App.useApp(),h=[...d??[],{key:"settings",icon:e.jsx(t.SettingOutlined,{}),label:"Settings",onClick:()=>{window.location.href=r??"/settings"}},{key:"logout",icon:e.jsx(t.LogoutOutlined,{}),label:"Logout",onClick:()=>{p.confirm({title:"Are you sure you want to logout?",content:"Please click OK to continue",icon:e.jsx(t.ExclamationCircleOutlined,{}),onOk:a})}}],c=(n.fullName||"?").split(" ").filter(Boolean).slice(0,2).map((e=>e[0]?.toUpperCase())).join("");return e.jsx(y,{className:"cr-user-info-light",$collapsed:s,$inHeader:"bottomRight"===l,children:e.jsx(i.Dropdown,{trigger:["click"],placement:l,menu:{items:h},children:e.jsxs(b,{className:"ant-dropdown-link",onClick:e=>e.preventDefault(),children:[e.jsx(f,{src:o,size:"small",children:!o&&c}),!s&&e.jsxs(v,{children:[e.jsxs(w,{children:[e.jsx(I,{title:n.fullName,children:n.fullName}),e.jsx(T,{children:e.jsx(t.DownOutlined,{})})]}),n.positionType&&e.jsx(D,{title:n.positionType,children:n.positionType})]})]})})})},{Sider:C}=i.Layout;var O,R,k,N,U,j,$,M,F,z,H,_,B;exports.ThemeStyle=void 0,(O=exports.ThemeStyle||(exports.ThemeStyle={})).MODERN="modern",O.STANDARD="standard",exports.ThemeStyleRadius=void 0,(R=exports.ThemeStyleRadius||(exports.ThemeStyleRadius={})).MODERN="30px",R.STANDARD="16px",exports.ThemeMode=void 0,(k=exports.ThemeMode||(exports.ThemeMode={})).LIGHT="light",k.SEMI_DARK="semi-dark",k.DARK="dark",exports.LayoutType=void 0,(N=exports.LayoutType||(exports.LayoutType={})).FULL_WIDTH="full-width",N.BOXED="boxed",N.FRAMED="framed",exports.MenuStyle=void 0,(U=exports.MenuStyle||(exports.MenuStyle={})).DEFAULT="default",U.STANDARD="standard",U.ROUNDED="rounded",U.ROUNDED_REVERSE="rounded-reverse",U.CURVED_MENU="curved-menu",exports.NavStyle=void 0,(j=exports.NavStyle||(exports.NavStyle={})).DEFAULT="default",j.MINI="mini",j.MINI_SIDEBAR_TOGGLE="mini-sidebar-toggle",j.STANDARD="standard",j.HEADER_USER="user-header",j.HEADER_USER_MINI="user-mini-header",j.DRAWER="drawer",j.BIT_BUCKET="bit-bucket",j.H_DEFAULT="h-default",j.HOR_HEADER_FIXED="hor-header-fixed",j.HOR_DARK_LAYOUT="hor-dark-layout",exports.FooterType=void 0,($=exports.FooterType||(exports.FooterType={})).FIXED="fixed",$.FLUID="fluid",exports.LayoutDirection=void 0,(M=exports.LayoutDirection||(exports.LayoutDirection={})).RTL="rtl",M.LTR="ltr",exports.HeaderType=void 0,(F=exports.HeaderType||(exports.HeaderType={})).DARK="dark",F.LIGHT="light",exports.RouteTransition=void 0,(z=exports.RouteTransition||(exports.RouteTransition={})).NONE="none",z.FADE="fade",z.SLIDE_LEFT="slideLeft",z.SLIDE_RIGHT="slideRight",z.SLIDE_UP="slideUp",z.SLIDE_DOWN="slideDown",exports.Fonts=void 0,(H=exports.Fonts||(exports.Fonts={})).LIGHT="300",H.REGULAR="400",H.MEDIUM="500",H.BOLD="600",exports.AuthType=void 0,(_=exports.AuthType||(exports.AuthType={})).FIREBASE="firebase",_.AWS_COGNITO="aws_cognito",_.AUTH0="auth0",_.JWT_AUTH="jwt_auth",exports.AppAnimates=void 0,(B=exports.AppAnimates||(exports.AppAnimates={})).SLIDEUPIN="transition.slideUpIn",B.SLIDEUPOUT="transition.slideUpOut",B.SLIDEDOWNIN="transition.slideDownIn",B.SLIDEDOWNOUT="transition.slideDownOut",B.SLIDELEFTIN="transition.slideLeftIn",B.SLIDELEFTOUT="transition.slideLeftOut",B.SLIDERIGHTIN="transition.slideRightIn",B.SLIDERIGHTOUT="transition.slideRightOut",B.FADEIN="transition.fadeIn",B.FADEOUT="transition.fadeOut";var K,G;exports.MessageType=void 0,(K=exports.MessageType||(exports.MessageType={}))[K.MEDIA=1]="MEDIA",K[K.TEXT=2]="TEXT",exports.RoutePermittedRole=void 0,(G=exports.RoutePermittedRole||(exports.RoutePermittedRole={})).Admin="admin",G.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.HISD3Sidebar=({children:r,account:s,logoUrl:l,appName:d,menuItems:y,onLogout:b,pathname:f,avatarSrc:v,styledTheme:w,settingsUrl:I,antdTheme:T=a,renderMenuLink:D=L,headerExtra:O,userMenuItems:R,onCollapse:k,collapsed:N=!1,loading:U=!1,hideSidebar:j=!1,layoutTop:$=!1,hideCollapseTrigger:M=!1,siderWidth:F=220,bareContent:z=!1})=>{const[H,_]=n.useState(N);n.useEffect((()=>{_(N)}),[N]);const B=n.useMemo((()=>S(y,D)),[y,D]),K=n.useMemo((()=>((e,t)=>{let i;const n=(e,o)=>{(e??[]).forEach(((e,r)=>{const a=E(e,r);if(e.path&&t.startsWith(e.path)){const n=t===e.path,r=e.path.length+(n?1:0);(!i||r>i.length)&&(i={key:a,parents:o,length:r})}e.children?.length&&n(e.children,[...o,a])}))};return n(e,[]),{selectedKey:i?.key,openKeys:i?.parents??[]}})(y,f)),[y,f]),[G,P]=n.useState((()=>K.openKeys));n.useEffect((()=>{P((e=>Array.from(new Set([...e,...K.openKeys]))))}),[K.openKeys.join("|")]);const W=e=>{_(e),k?.(e)},q=K.selectedKey?[K.selectedKey]:[],X=e.jsxs(c,{href:"/",$collapsed:!$&&H,children:[l&&e.jsx("img",{src:l,alt:d}),($||!H)&&e.jsx("h1",{children:d})]}),V=z?r:e.jsx(g,{children:r});if("undefined"==typeof document)return null;const J=e.jsx(i.App,{component:!1,children:e.jsx(i.Spin,{spinning:U,size:"large",children:j?e.jsx(e.Fragment,{children:r}):$?e.jsxs(p,{children:[e.jsxs(m,{children:[X,e.jsx(i.Menu,{mode:"horizontal",items:B,selectedKeys:q}),O,e.jsx(A,{account:s,avatarSrc:v,settingsUrl:I,onLogout:b,placement:"bottomRight",extraItems:R})]}),V]}):e.jsxs(p,{hasSider:!0,children:[e.jsxs(C,{className:"hisd3-sider",width:F,collapsedWidth:64,collapsible:!0,collapsed:H,trigger:null,theme:"light",breakpoint:"lg",onBreakpoint:e=>{e&&W(!0)},children:[X,e.jsx(h,{children:e.jsx(i.Menu,{mode:"inline",theme:"light",inlineCollapsed:H,items:B,selectedKeys:q,openKeys:H?void 0:G,onOpenChange:e=>P(e)})}),e.jsx(A,{account:s,avatarSrc:v,settingsUrl:I,onLogout:b,collapsed:H,placement:"topRight",extraItems:R})]}),e.jsxs(i.Layout,{children:[e.jsxs(u,{children:[!M&&e.jsx(x,{type:"button","aria-label":H?"Expand menu":"Collapse menu",onClick:()=>W(!H),children:H?e.jsx(t.MenuUnfoldOutlined,{}):e.jsx(t.MenuFoldOutlined,{})}),e.jsx("span",{style:{flex:1}}),O]}),V]})]})})});return e.jsx(o.ThemeProvider,{theme:w,children:T?e.jsx(i.ConfigProvider,{theme:T,children:J}):J})},exports.HISD3_COLORS=r,exports.UserMenu=A,exports.hisd3AntdTheme=a;
+`,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`
+  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);
+  background: var(--ant-color-bg-layout);
+  position: sticky;
+  top: 0;
+  z-index: 20;
+
+  .ant-breadcrumb {
+    font-size: 16px;
+    flex: 1 1 auto;
+    min-width: 0;
+  }
+
+  .ant-breadcrumb ol {
+    flex-wrap: nowrap;
+  }
+`,W=n.div`
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  flex: 0 0 auto;
+`,G=n.div`
+  display: flex;
+  align-items: baseline;
+  gap: 24px;
+  flex-wrap: wrap;
+  padding: 36px ${_}px 28px;
+  border-bottom: 2px solid var(--ant-color-border-secondary);
+
+  h1 {
+    margin: 0;
+    font-family: var(--font-heading);
+    font-size: 56px;
+    line-height: 1.05;
+    font-weight: var(--font-weight-heading, 800);
+    letter-spacing: -0.02em;
+    color: var(--ant-color-text);
+  }
+
+  p {
+    margin: 0;
+    font-size: 20px;
+    color: var(--ant-color-text-secondary);
+  }
+`,K=n.div`
+  padding: 32px ${_}px 48px;
+`,q=n.div`
+  .ant-table-wrapper .ant-table {
+    background: transparent;
+  }
+
+  .ant-table-wrapper .ant-table-thead > tr > th {
+    font-size: 13px;
+    font-weight: 700;
+    letter-spacing: 0.1em;
+    text-transform: uppercase;
+    color: var(--ant-color-text-tertiary);
+    padding-block: 14px;
+    border-bottom: 2px solid var(--ant-color-border);
+    background: transparent;
+  }
+
+  .ant-table-wrapper .ant-table-tbody > tr > td {
+    border-bottom: 2px 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);
+  }
+
+  .ant-table-wrapper .ant-table-thead > tr > th:first-child,
+  .ant-table-wrapper .ant-table-tbody > tr > td:first-child {
+    padding-left: 0;
+  }
+
+  .ant-table-wrapper .ant-table-thead > tr > th:last-child,
+  .ant-table-wrapper .ant-table-tbody > tr > td:last-child {
+    padding-right: 0;
+  }
+
+  .ant-table-wrapper .ant-table-cell-row-hover {
+    background: rgba(0, 0, 0, 0.025) !important;
+  }
+
+  /* Highlighted / linked cell text, e.g. bill numbers */
+  .hisd3-cell-primary {
+    color: var(--ant-color-primary);
+    font-weight: 700;
+  }
+  .hisd3-cell-link {
+    color: var(--ant-color-primary);
+  }
+  .hisd3-cell-muted {
+    color: var(--ant-color-text-tertiary);
+  }
+`,X=n.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`
+  display: flex;
+  align-items: center;
+  gap: 24px;
+  padding: 20px 0 8px;
+
+  .hisd3-total {
+    flex: 1 1 auto;
+    font-size: 16px;
+    color: var(--ant-color-text-secondary);
+  }
+
+  .ant-pagination {
+    display: inline-flex;
+    border: 2px solid var(--ant-color-border);
+
+    .ant-pagination-item,
+    .ant-pagination-prev,
+    .ant-pagination-next,
+    .ant-pagination-jump-prev,
+    .ant-pagination-jump-next {
+      margin: 0;
+      min-width: 56px;
+      height: 56px;
+      line-height: 56px;
+      border: 0;
+      border-right: 2px solid var(--ant-color-border);
+      border-radius: 0;
+      font-weight: 700;
+      font-size: 16px;
+      background: transparent;
+
+      &:last-child {
+        border-right: 0;
+      }
+
+      a {
+        color: var(--ant-color-text);
+      }
+    }
+
+    .ant-pagination-item-active {
+      background: var(--ant-color-primary);
+      a {
+        color: #fff;
+      }
+    }
+
+    .ant-pagination-prev .ant-pagination-item-link,
+    .ant-pagination-next .ant-pagination-item-link {
+      color: var(--ant-color-text);
+      font-size: 14px;
+    }
+
+    .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
+    .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
+      color: var(--ant-color-text);
+      font-weight: 700;
+    }
+  }
+`,Y=n.div`
+  display: inline-flex;
+  border: 2px solid var(--ant-color-border);
+
+  button {
+    height: 56px;
+    padding: 0 22px;
+    border: 0;
+    border-right: 2px solid var(--ant-color-border);
+    background: transparent;
+    font: inherit;
+    font-size: 16px;
+    color: var(--ant-color-text);
+    cursor: pointer;
+
+    &:last-child {
+      border-right: 0;
+    }
+
+    &[aria-pressed="true"] {
+      background: var(--ant-color-primary);
+      color: #fff;
+    }
+  }
+`,J=e=>`Total ${e.toLocaleString()} items`;const Q=n(t.Tabs)`
+  &.ant-tabs .ant-tabs-nav {
+    margin: 0;
+
+    &::before {
+      border-bottom: 2px solid var(--ant-color-border-secondary);
+    }
+  }
+
+  &.ant-tabs .ant-tabs-tab {
+    padding: 14px 0 18px;
+    font-weight: 600;
+    font-size: 18px;
+
+    + .ant-tabs-tab {
+      margin-left: 48px;
+    }
+  }
+
+  &.ant-tabs .ant-tabs-ink-bar {
+    height: 4px;
+  }
+
+  .hisd3-tab-count {
+    margin-left: 10px;
+    font-size: 14px;
+    font-weight: 500;
+    color: var(--ant-color-text-tertiary);
+  }
+
+  .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`
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  height: 32px;
+  padding: 0 14px;
+  font-size: 12px;
+  font-weight: 500;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+  white-space: nowrap;
+  line-height: 1;
+  border: 2px 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)`
+  &.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;
+    font-weight: 600;
+    box-shadow: none;
+  }
+
+  &.ant-btn-sm {
+    --hisd3-btn-height: 36px;
+    font-size: 14px;
+    padding-inline: 14px;
+  }
+
+  &.ant-btn-lg {
+    --hisd3-btn-height: 56px;
+  }
+
+  &.ant-btn-default {
+    border-width: 2px;
+  }
+
+  .anticon {
+    font-size: 1.05em;
+  }
+`,ne={primary:{type:"primary"},secondary:{type:"default"},ghost:{type:"text"},danger:{type:"primary",danger:!0}},oe=n(t.Input)`
+  &.ant-input,
+  &.ant-input-affix-wrapper {
+    border-width: 2px;
+    font-size: 16px;
+  }
+
+  &.ant-input-affix-wrapper .ant-input-prefix {
+    margin-inline-end: 14px;
+    color: var(--ant-color-text-tertiary);
+    font-size: 18px;
+  }
+`,ie=n(oe)`
+  &.ant-input-affix-wrapper {
+    background: var(--hisd3-bg-filled, #e6e4e1);
+    border-color: var(--ant-color-border-secondary);
+    height: 72px;
+    padding-inline: 24px;
+
+    &:hover,
+    &:focus-within {
+      border-color: var(--ant-color-border);
+      background: var(--hisd3-bg-filled, #e6e4e1);
+    }
+
+    .ant-input {
+      background: transparent;
+      font-size: 20px;
+    }
+
+    .ant-input-prefix {
+      font-size: 22px;
+    }
+  }
+
+  &.hisd3-search-compact.ant-input-affix-wrapper {
+    height: 48px;
+    padding-inline: 16px;
+
+    .ant-input {
+      font-size: 16px;
+    }
+    .ant-input-prefix {
+      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;
 //# sourceMappingURL=index.cjs.js.map