huibo-ui 0.3.0 → 0.5.0

package/dist/esm/hb-layout.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-fdf7135e.js';
 
-const layoutCss = "/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.flex{display:flex}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{display:block}.hb-col{box-sizing:border-box;position:relative;width:100%}.hb-col-1{width:4.16667%}.hb-col-2{width:8.33333%}.hb-col-3{width:12.5%}.hb-col-4{width:16.6667%}.hb-col-5{width:20.8333%}.hb-col-6{width:25%}.hb-col-7{width:29.1667%}.hb-col-8{width:33.3333%}.hb-col-9{width:37.5%}.hb-col-10{width:41.6667%}.hb-col-11{width:45.8333%}.hb-col-12{width:50%}.hb-col-13{width:54.1667%}.hb-col-14{width:58.3333%}.hb-col-15{width:62.5%}.hb-col-16{width:66.6667%}.hb-col-17{width:70.8333%}.hb-col-18{width:75%}.hb-col-19{width:79.1667%}.hb-col-20{width:83.3333%}.hb-col-21{width:87.5%}.hb-col-22{width:91.6667%}.hb-col-23{width:95.8333%}.hb-col-24{width:100%}.hb-col-offset-1{margin-left:4.16667%}.hb-col-offset-2{margin-left:8.33333%}.hb-col-offset-3{margin-left:12.5%}.hb-col-offset-4{margin-left:16.6667%}.hb-col-offset-5{margin-left:20.8333%}.hb-col-offset-6{margin-left:25%}.hb-col-offset-7{margin-left:29.1667%}.hb-col-offset-8{margin-left:33.3333%}.hb-col-offset-9{margin-left:37.5%}.hb-col-offset-10{margin-left:41.6667%}.hb-col-offset-11{margin-left:45.8333%}.hb-col-offset-12{margin-left:50%}.hb-col-offset-13{margin-left:54.1667%}.hb-col-offset-14{margin-left:58.3333%}.hb-col-offset-15{margin-left:62.5%}.hb-col-offset-16{margin-left:66.6667%}.hb-col-offset-17{margin-left:70.8333%}.hb-col-offset-18{margin-left:75%}.hb-col-offset-19{margin-left:79.1667%}.hb-col-offset-20{margin-left:83.3333%}.hb-col-offset-21{margin-left:87.5%}.hb-col-offset-22{margin-left:91.6667%}.hb-col-offset-23{margin-left:95.8333%}.hb-col-push-1{left:4.16667%}.hb-col-push-2{left:8.33333%}.hb-col-push-3{left:12.5%}.hb-col-push-4{left:16.6667%}.hb-col-push-5{left:20.8333%}.hb-col-push-6{left:25%}.hb-col-push-7{left:29.1667%}.hb-col-push-8{left:33.3333%}.hb-col-push-9{left:37.5%}.hb-col-push-10{left:41.6667%}.hb-col-push-11{left:45.8333%}.hb-col-push-12{left:50%}.hb-col-pull-1{right:4.16667%}.hb-col-pull-2{right:8.33333%}.hb-col-pull-3{right:12.5%}.hb-col-pull-4{right:16.6667%}.hb-col-pull-5{right:20.8333%}.hb-col-pull-6{right:25%}.hb-col-pull-7{right:29.1667%}.hb-col-pull-8{right:33.3333%}.hb-col-pull-9{right:37.5%}.hb-col-pull-10{right:41.6667%}.hb-col-pull-11{right:45.8333%}.hb-col-pull-12{right:50%}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}";
+const layoutCss = "/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.flex{display:flex}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{display:block}.hb-col{box-sizing:border-box;position:relative;width:100%}.hb-col-1{width:4.16667%}.hb-col-2{width:8.33333%}.hb-col-3{width:12.5%}.hb-col-4{width:16.6667%}.hb-col-5{width:20.8333%}.hb-col-6{width:25%}.hb-col-7{width:29.1667%}.hb-col-8{width:33.3333%}.hb-col-9{width:37.5%}.hb-col-10{width:41.6667%}.hb-col-11{width:45.8333%}.hb-col-12{width:50%}.hb-col-13{width:54.1667%}.hb-col-14{width:58.3333%}.hb-col-15{width:62.5%}.hb-col-16{width:66.6667%}.hb-col-17{width:70.8333%}.hb-col-18{width:75%}.hb-col-19{width:79.1667%}.hb-col-20{width:83.3333%}.hb-col-21{width:87.5%}.hb-col-22{width:91.6667%}.hb-col-23{width:95.8333%}.hb-col-24{width:100%}.hb-col-offset-1{margin-left:4.16667%}.hb-col-offset-2{margin-left:8.33333%}.hb-col-offset-3{margin-left:12.5%}.hb-col-offset-4{margin-left:16.6667%}.hb-col-offset-5{margin-left:20.8333%}.hb-col-offset-6{margin-left:25%}.hb-col-offset-7{margin-left:29.1667%}.hb-col-offset-8{margin-left:33.3333%}.hb-col-offset-9{margin-left:37.5%}.hb-col-offset-10{margin-left:41.6667%}.hb-col-offset-11{margin-left:45.8333%}.hb-col-offset-12{margin-left:50%}.hb-col-offset-13{margin-left:54.1667%}.hb-col-offset-14{margin-left:58.3333%}.hb-col-offset-15{margin-left:62.5%}.hb-col-offset-16{margin-left:66.6667%}.hb-col-offset-17{margin-left:70.8333%}.hb-col-offset-18{margin-left:75%}.hb-col-offset-19{margin-left:79.1667%}.hb-col-offset-20{margin-left:83.3333%}.hb-col-offset-21{margin-left:87.5%}.hb-col-offset-22{margin-left:91.6667%}.hb-col-offset-23{margin-left:95.8333%}.hb-col-push-1{left:4.16667%}.hb-col-push-2{left:8.33333%}.hb-col-push-3{left:12.5%}.hb-col-push-4{left:16.6667%}.hb-col-push-5{left:20.8333%}.hb-col-push-6{left:25%}.hb-col-push-7{left:29.1667%}.hb-col-push-8{left:33.3333%}.hb-col-push-9{left:37.5%}.hb-col-push-10{left:41.6667%}.hb-col-push-11{left:45.8333%}.hb-col-push-12{left:50%}.hb-col-pull-1{right:4.16667%}.hb-col-pull-2{right:8.33333%}.hb-col-pull-3{right:12.5%}.hb-col-pull-4{right:16.6667%}.hb-col-pull-5{right:20.8333%}.hb-col-pull-6{right:25%}.hb-col-pull-7{right:29.1667%}.hb-col-pull-8{right:33.3333%}.hb-col-pull-9{right:37.5%}.hb-col-pull-10{right:41.6667%}.hb-col-pull-11{right:45.8333%}.hb-col-pull-12{right:50%}.hb-col-xs-0{display:none}.hb-col-xs-1{width:4.16667%}.hb-col-xs-2{width:8.33333%}.hb-col-xs-3{width:12.5%}.hb-col-xs-4{width:16.6667%}.hb-col-xs-5{width:20.8333%}.hb-col-xs-6{width:25%}.hb-col-xs-7{width:29.1667%}.hb-col-xs-8{width:33.3333%}.hb-col-xs-9{width:37.5%}.hb-col-xs-10{width:41.6667%}.hb-col-xs-11{width:45.8333%}.hb-col-xs-12{width:50%}.hb-col-xs-13{width:54.1667%}.hb-col-xs-14{width:58.3333%}.hb-col-xs-15{width:62.5%}.hb-col-xs-16{width:66.6667%}.hb-col-xs-17{width:70.8333%}.hb-col-xs-18{width:75%}.hb-col-xs-19{width:79.1667%}.hb-col-xs-20{width:83.3333%}.hb-col-xs-21{width:87.5%}.hb-col-xs-22{width:91.6667%}.hb-col-xs-23{width:95.8333%}.hb-col-xs-24{width:100%}.hb-col-xs-offset-0{margin-left:0}.hb-col-xs-offset-1{margin-left:4.16667%}.hb-col-xs-offset-2{margin-left:8.33333%}.hb-col-xs-offset-3{margin-left:12.5%}.hb-col-xs-offset-4{margin-left:16.6667%}.hb-col-xs-offset-5{margin-left:20.8333%}.hb-col-xs-offset-6{margin-left:25%}.hb-col-xs-offset-7{margin-left:29.1667%}.hb-col-xs-offset-8{margin-left:33.3333%}.hb-col-xs-offset-9{margin-left:37.5%}.hb-col-xs-offset-10{margin-left:41.6667%}.hb-col-xs-offset-11{margin-left:45.8333%}.hb-col-xs-offset-12{margin-left:50%}.hb-col-xs-offset-13{margin-left:54.1667%}.hb-col-xs-offset-14{margin-left:58.3333%}.hb-col-xs-offset-15{margin-left:62.5%}.hb-col-xs-offset-16{margin-left:66.6667%}.hb-col-xs-offset-17{margin-left:70.8333%}.hb-col-xs-offset-18{margin-left:75%}.hb-col-xs-offset-19{margin-left:79.1667%}.hb-col-xs-offset-20{margin-left:83.3333%}.hb-col-xs-offset-21{margin-left:87.5%}.hb-col-xs-offset-22{margin-left:91.6667%}.hb-col-xs-offset-23{margin-left:95.8333%}.hb-col-xs-offset-24{margin-left:100%}.hb-col-xs-push-0{left:0}.hb-col-xs-push-1{left:4.16667%}.hb-col-xs-push-2{left:8.33333%}.hb-col-xs-push-3{left:12.5%}.hb-col-xs-push-4{left:16.6667%}.hb-col-xs-push-5{left:20.8333%}.hb-col-xs-push-6{left:25%}.hb-col-xs-push-7{left:29.1667%}.hb-col-xs-push-8{left:33.3333%}.hb-col-xs-push-9{left:37.5%}.hb-col-xs-push-10{left:41.6667%}.hb-col-xs-push-11{left:45.8333%}.hb-col-xs-push-12{left:50%}.hb-col-xs-push-13{left:54.1667%}.hb-col-xs-push-14{left:58.3333%}.hb-col-xs-push-15{left:62.5%}.hb-col-xs-push-16{left:66.6667%}.hb-col-xs-push-17{left:70.8333%}.hb-col-xs-push-18{left:75%}.hb-col-xs-push-19{left:79.1667%}.hb-col-xs-push-20{left:83.3333%}.hb-col-xs-push-21{left:87.5%}.hb-col-xs-push-22{left:91.6667%}.hb-col-xs-push-23{left:95.8333%}.hb-col-xs-push-24{left:100%}.hb-col-xs-pull-0{right:0}.hb-col-xs-pull-1{right:4.16667%}.hb-col-xs-pull-2{right:8.33333%}.hb-col-xs-pull-3{right:12.5%}.hb-col-xs-pull-4{right:16.6667%}.hb-col-xs-pull-5{right:20.8333%}.hb-col-xs-pull-6{right:25%}.hb-col-xs-pull-7{right:29.1667%}.hb-col-xs-pull-8{right:33.3333%}.hb-col-xs-pull-9{right:37.5%}.hb-col-xs-pull-10{right:41.6667%}.hb-col-xs-pull-11{right:45.8333%}.hb-col-xs-pull-12{right:50%}.hb-col-xs-pull-13{right:54.1667%}.hb-col-xs-pull-14{right:58.3333%}.hb-col-xs-pull-15{right:62.5%}.hb-col-xs-pull-16{right:66.6667%}.hb-col-xs-pull-17{right:70.8333%}.hb-col-xs-pull-18{right:75%}.hb-col-xs-pull-19{right:79.1667%}.hb-col-xs-pull-20{right:83.3333%}.hb-col-xs-pull-21{right:87.5%}.hb-col-xs-pull-22{right:91.6667%}.hb-col-xs-pull-23{right:95.8333%}.hb-col-xs-pull-24{right:100%}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@media (min-width:576px){.hb-col-sm-0{display:none}.hb-col-sm-1{width:4.16667%}.hb-col-sm-2{width:8.33333%}.hb-col-sm-3{width:12.5%}.hb-col-sm-4{width:16.6667%}.hb-col-sm-5{width:20.8333%}.hb-col-sm-6{width:25%}.hb-col-sm-7{width:29.1667%}.hb-col-sm-8{width:33.3333%}.hb-col-sm-9{width:37.5%}.hb-col-sm-10{width:41.6667%}.hb-col-sm-11{width:45.8333%}.hb-col-sm-12{width:50%}.hb-col-sm-13{width:54.1667%}.hb-col-sm-14{width:58.3333%}.hb-col-sm-15{width:62.5%}.hb-col-sm-16{width:66.6667%}.hb-col-sm-17{width:70.8333%}.hb-col-sm-18{width:75%}.hb-col-sm-19{width:79.1667%}.hb-col-sm-20{width:83.3333%}.hb-col-sm-21{width:87.5%}.hb-col-sm-22{width:91.6667%}.hb-col-sm-23{width:95.8333%}.hb-col-sm-24{width:100%}.hb-col-sm-offset-0{margin-left:0}.hb-col-sm-offset-1{margin-left:4.16667%}.hb-col-sm-offset-2{margin-left:8.33333%}.hb-col-sm-offset-3{margin-left:12.5%}.hb-col-sm-offset-4{margin-left:16.6667%}.hb-col-sm-offset-5{margin-left:20.8333%}.hb-col-sm-offset-6{margin-left:25%}.hb-col-sm-offset-7{margin-left:29.1667%}.hb-col-sm-offset-8{margin-left:33.3333%}.hb-col-sm-offset-9{margin-left:37.5%}.hb-col-sm-offset-10{margin-left:41.6667%}.hb-col-sm-offset-11{margin-left:45.8333%}.hb-col-sm-offset-12{margin-left:50%}.hb-col-sm-offset-13{margin-left:54.1667%}.hb-col-sm-offset-14{margin-left:58.3333%}.hb-col-sm-offset-15{margin-left:62.5%}.hb-col-sm-offset-16{margin-left:66.6667%}.hb-col-sm-offset-17{margin-left:70.8333%}.hb-col-sm-offset-18{margin-left:75%}.hb-col-sm-offset-19{margin-left:79.1667%}.hb-col-sm-offset-20{margin-left:83.3333%}.hb-col-sm-offset-21{margin-left:87.5%}.hb-col-sm-offset-22{margin-left:91.6667%}.hb-col-sm-offset-23{margin-left:95.8333%}.hb-col-sm-offset-24{margin-left:100%}.hb-col-sm-push-0{left:0}.hb-col-sm-push-1{left:4.16667%}.hb-col-sm-push-2{left:8.33333%}.hb-col-sm-push-3{left:12.5%}.hb-col-sm-push-4{left:16.6667%}.hb-col-sm-push-5{left:20.8333%}.hb-col-sm-push-6{left:25%}.hb-col-sm-push-7{left:29.1667%}.hb-col-sm-push-8{left:33.3333%}.hb-col-sm-push-9{left:37.5%}.hb-col-sm-push-10{left:41.6667%}.hb-col-sm-push-11{left:45.8333%}.hb-col-sm-push-12{left:50%}.hb-col-sm-push-13{left:54.1667%}.hb-col-sm-push-14{left:58.3333%}.hb-col-sm-push-15{left:62.5%}.hb-col-sm-push-16{left:66.6667%}.hb-col-sm-push-17{left:70.8333%}.hb-col-sm-push-18{left:75%}.hb-col-sm-push-19{left:79.1667%}.hb-col-sm-push-20{left:83.3333%}.hb-col-sm-push-21{left:87.5%}.hb-col-sm-push-22{left:91.6667%}.hb-col-sm-push-23{left:95.8333%}.hb-col-sm-push-24{left:100%}.hb-col-sm-pull-0{right:0}.hb-col-sm-pull-1{right:4.16667%}.hb-col-sm-pull-2{right:8.33333%}.hb-col-sm-pull-3{right:12.5%}.hb-col-sm-pull-4{right:16.6667%}.hb-col-sm-pull-5{right:20.8333%}.hb-col-sm-pull-6{right:25%}.hb-col-sm-pull-7{right:29.1667%}.hb-col-sm-pull-8{right:33.3333%}.hb-col-sm-pull-9{right:37.5%}.hb-col-sm-pull-10{right:41.6667%}.hb-col-sm-pull-11{right:45.8333%}.hb-col-sm-pull-12{right:50%}.hb-col-sm-pull-13{right:54.1667%}.hb-col-sm-pull-14{right:58.3333%}.hb-col-sm-pull-15{right:62.5%}.hb-col-sm-pull-16{right:66.6667%}.hb-col-sm-pull-17{right:70.8333%}.hb-col-sm-pull-18{right:75%}.hb-col-sm-pull-19{right:79.1667%}.hb-col-sm-pull-20{right:83.3333%}.hb-col-sm-pull-21{right:87.5%}.hb-col-sm-pull-22{right:91.6667%}.hb-col-sm-pull-23{right:95.8333%}.hb-col-sm-pull-24{right:100%}}@media (min-width:768px){.hb-col-md-0{display:none}.hb-col-md-1{width:4.16667%}.hb-col-md-2{width:8.33333%}.hb-col-md-3{width:12.5%}.hb-col-md-4{width:16.6667%}.hb-col-md-5{width:20.8333%}.hb-col-md-6{width:25%}.hb-col-md-7{width:29.1667%}.hb-col-md-8{width:33.3333%}.hb-col-md-9{width:37.5%}.hb-col-md-10{width:41.6667%}.hb-col-md-11{width:45.8333%}.hb-col-md-12{width:50%}.hb-col-md-13{width:54.1667%}.hb-col-md-14{width:58.3333%}.hb-col-md-15{width:62.5%}.hb-col-md-16{width:66.6667%}.hb-col-md-17{width:70.8333%}.hb-col-md-18{width:75%}.hb-col-md-19{width:79.1667%}.hb-col-md-20{width:83.3333%}.hb-col-md-21{width:87.5%}.hb-col-md-22{width:91.6667%}.hb-col-md-23{width:95.8333%}.hb-col-md-24{width:100%}.hb-col-md-offset-0{margin-left:0}.hb-col-md-offset-1{margin-left:4.16667%}.hb-col-md-offset-2{margin-left:8.33333%}.hb-col-md-offset-3{margin-left:12.5%}.hb-col-md-offset-4{margin-left:16.6667%}.hb-col-md-offset-5{margin-left:20.8333%}.hb-col-md-offset-6{margin-left:25%}.hb-col-md-offset-7{margin-left:29.1667%}.hb-col-md-offset-8{margin-left:33.3333%}.hb-col-md-offset-9{margin-left:37.5%}.hb-col-md-offset-10{margin-left:41.6667%}.hb-col-md-offset-11{margin-left:45.8333%}.hb-col-md-offset-12{margin-left:50%}.hb-col-md-offset-13{margin-left:54.1667%}.hb-col-md-offset-14{margin-left:58.3333%}.hb-col-md-offset-15{margin-left:62.5%}.hb-col-md-offset-16{margin-left:66.6667%}.hb-col-md-offset-17{margin-left:70.8333%}.hb-col-md-offset-18{margin-left:75%}.hb-col-md-offset-19{margin-left:79.1667%}.hb-col-md-offset-20{margin-left:83.3333%}.hb-col-md-offset-21{margin-left:87.5%}.hb-col-md-offset-22{margin-left:91.6667%}.hb-col-md-offset-23{margin-left:95.8333%}.hb-col-md-offset-24{margin-left:100%}.hb-col-md-push-0{left:0}.hb-col-md-push-1{left:4.16667%}.hb-col-md-push-2{left:8.33333%}.hb-col-md-push-3{left:12.5%}.hb-col-md-push-4{left:16.6667%}.hb-col-md-push-5{left:20.8333%}.hb-col-md-push-6{left:25%}.hb-col-md-push-7{left:29.1667%}.hb-col-md-push-8{left:33.3333%}.hb-col-md-push-9{left:37.5%}.hb-col-md-push-10{left:41.6667%}.hb-col-md-push-11{left:45.8333%}.hb-col-md-push-12{left:50%}.hb-col-md-push-13{left:54.1667%}.hb-col-md-push-14{left:58.3333%}.hb-col-md-push-15{left:62.5%}.hb-col-md-push-16{left:66.6667%}.hb-col-md-push-17{left:70.8333%}.hb-col-md-push-18{left:75%}.hb-col-md-push-19{left:79.1667%}.hb-col-md-push-20{left:83.3333%}.hb-col-md-push-21{left:87.5%}.hb-col-md-push-22{left:91.6667%}.hb-col-md-push-23{left:95.8333%}.hb-col-md-push-24{left:100%}.hb-col-md-pull-0{right:0}.hb-col-md-pull-1{right:4.16667%}.hb-col-md-pull-2{right:8.33333%}.hb-col-md-pull-3{right:12.5%}.hb-col-md-pull-4{right:16.6667%}.hb-col-md-pull-5{right:20.8333%}.hb-col-md-pull-6{right:25%}.hb-col-md-pull-7{right:29.1667%}.hb-col-md-pull-8{right:33.3333%}.hb-col-md-pull-9{right:37.5%}.hb-col-md-pull-10{right:41.6667%}.hb-col-md-pull-11{right:45.8333%}.hb-col-md-pull-12{right:50%}.hb-col-md-pull-13{right:54.1667%}.hb-col-md-pull-14{right:58.3333%}.hb-col-md-pull-15{right:62.5%}.hb-col-md-pull-16{right:66.6667%}.hb-col-md-pull-17{right:70.8333%}.hb-col-md-pull-18{right:75%}.hb-col-md-pull-19{right:79.1667%}.hb-col-md-pull-20{right:83.3333%}.hb-col-md-pull-21{right:87.5%}.hb-col-md-pull-22{right:91.6667%}.hb-col-md-pull-23{right:95.8333%}.hb-col-md-pull-24{right:100%}}@media (min-width:992px){.hb-col-lg-0{display:none}.hb-col-lg-1{width:4.16667%}.hb-col-lg-2{width:8.33333%}.hb-col-lg-3{width:12.5%}.hb-col-lg-4{width:16.6667%}.hb-col-lg-5{width:20.8333%}.hb-col-lg-6{width:25%}.hb-col-lg-7{width:29.1667%}.hb-col-lg-8{width:33.3333%}.hb-col-lg-9{width:37.5%}.hb-col-lg-10{width:41.6667%}.hb-col-lg-11{width:45.8333%}.hb-col-lg-12{width:50%}.hb-col-lg-13{width:54.1667%}.hb-col-lg-14{width:58.3333%}.hb-col-lg-15{width:62.5%}.hb-col-lg-16{width:66.6667%}.hb-col-lg-17{width:70.8333%}.hb-col-lg-18{width:75%}.hb-col-lg-19{width:79.1667%}.hb-col-lg-20{width:83.3333%}.hb-col-lg-21{width:87.5%}.hb-col-lg-22{width:91.6667%}.hb-col-lg-23{width:95.8333%}.hb-col-lg-24{width:100%}.hb-col-lg-offset-0{margin-left:0}.hb-col-lg-offset-1{margin-left:4.16667%}.hb-col-lg-offset-2{margin-left:8.33333%}.hb-col-lg-offset-3{margin-left:12.5%}.hb-col-lg-offset-4{margin-left:16.6667%}.hb-col-lg-offset-5{margin-left:20.8333%}.hb-col-lg-offset-6{margin-left:25%}.hb-col-lg-offset-7{margin-left:29.1667%}.hb-col-lg-offset-8{margin-left:33.3333%}.hb-col-lg-offset-9{margin-left:37.5%}.hb-col-lg-offset-10{margin-left:41.6667%}.hb-col-lg-offset-11{margin-left:45.8333%}.hb-col-lg-offset-12{margin-left:50%}.hb-col-lg-offset-13{margin-left:54.1667%}.hb-col-lg-offset-14{margin-left:58.3333%}.hb-col-lg-offset-15{margin-left:62.5%}.hb-col-lg-offset-16{margin-left:66.6667%}.hb-col-lg-offset-17{margin-left:70.8333%}.hb-col-lg-offset-18{margin-left:75%}.hb-col-lg-offset-19{margin-left:79.1667%}.hb-col-lg-offset-20{margin-left:83.3333%}.hb-col-lg-offset-21{margin-left:87.5%}.hb-col-lg-offset-22{margin-left:91.6667%}.hb-col-lg-offset-23{margin-left:95.8333%}.hb-col-lg-offset-24{margin-left:100%}.hb-col-lg-push-0{left:0}.hb-col-lg-push-1{left:4.16667%}.hb-col-lg-push-2{left:8.33333%}.hb-col-lg-push-3{left:12.5%}.hb-col-lg-push-4{left:16.6667%}.hb-col-lg-push-5{left:20.8333%}.hb-col-lg-push-6{left:25%}.hb-col-lg-push-7{left:29.1667%}.hb-col-lg-push-8{left:33.3333%}.hb-col-lg-push-9{left:37.5%}.hb-col-lg-push-10{left:41.6667%}.hb-col-lg-push-11{left:45.8333%}.hb-col-lg-push-12{left:50%}.hb-col-lg-push-13{left:54.1667%}.hb-col-lg-push-14{left:58.3333%}.hb-col-lg-push-15{left:62.5%}.hb-col-lg-push-16{left:66.6667%}.hb-col-lg-push-17{left:70.8333%}.hb-col-lg-push-18{left:75%}.hb-col-lg-push-19{left:79.1667%}.hb-col-lg-push-20{left:83.3333%}.hb-col-lg-push-21{left:87.5%}.hb-col-lg-push-22{left:91.6667%}.hb-col-lg-push-23{left:95.8333%}.hb-col-lg-push-24{left:100%}.hb-col-lg-pull-0{right:0}.hb-col-lg-pull-1{right:4.16667%}.hb-col-lg-pull-2{right:8.33333%}.hb-col-lg-pull-3{right:12.5%}.hb-col-lg-pull-4{right:16.6667%}.hb-col-lg-pull-5{right:20.8333%}.hb-col-lg-pull-6{right:25%}.hb-col-lg-pull-7{right:29.1667%}.hb-col-lg-pull-8{right:33.3333%}.hb-col-lg-pull-9{right:37.5%}.hb-col-lg-pull-10{right:41.6667%}.hb-col-lg-pull-11{right:45.8333%}.hb-col-lg-pull-12{right:50%}.hb-col-lg-pull-13{right:54.1667%}.hb-col-lg-pull-14{right:58.3333%}.hb-col-lg-pull-15{right:62.5%}.hb-col-lg-pull-16{right:66.6667%}.hb-col-lg-pull-17{right:70.8333%}.hb-col-lg-pull-18{right:75%}.hb-col-lg-pull-19{right:79.1667%}.hb-col-lg-pull-20{right:83.3333%}.hb-col-lg-pull-21{right:87.5%}.hb-col-lg-pull-22{right:91.6667%}.hb-col-lg-pull-23{right:95.8333%}.hb-col-lg-pull-24{right:100%}}@media (min-width:1200px){.hb-col-xl-0{display:none}.hb-col-xl-1{width:4.16667%}.hb-col-xl-2{width:8.33333%}.hb-col-xl-3{width:12.5%}.hb-col-xl-4{width:16.6667%}.hb-col-xl-5{width:20.8333%}.hb-col-xl-6{width:25%}.hb-col-xl-7{width:29.1667%}.hb-col-xl-8{width:33.3333%}.hb-col-xl-9{width:37.5%}.hb-col-xl-10{width:41.6667%}.hb-col-xl-11{width:45.8333%}.hb-col-xl-12{width:50%}.hb-col-xl-13{width:54.1667%}.hb-col-xl-14{width:58.3333%}.hb-col-xl-15{width:62.5%}.hb-col-xl-16{width:66.6667%}.hb-col-xl-17{width:70.8333%}.hb-col-xl-18{width:75%}.hb-col-xl-19{width:79.1667%}.hb-col-xl-20{width:83.3333%}.hb-col-xl-21{width:87.5%}.hb-col-xl-22{width:91.6667%}.hb-col-xl-23{width:95.8333%}.hb-col-xl-24{width:100%}.hb-col-xl-offset-0{margin-left:0}.hb-col-xl-offset-1{margin-left:4.16667%}.hb-col-xl-offset-2{margin-left:8.33333%}.hb-col-xl-offset-3{margin-left:12.5%}.hb-col-xl-offset-4{margin-left:16.6667%}.hb-col-xl-offset-5{margin-left:20.8333%}.hb-col-xl-offset-6{margin-left:25%}.hb-col-xl-offset-7{margin-left:29.1667%}.hb-col-xl-offset-8{margin-left:33.3333%}.hb-col-xl-offset-9{margin-left:37.5%}.hb-col-xl-offset-10{margin-left:41.6667%}.hb-col-xl-offset-11{margin-left:45.8333%}.hb-col-xl-offset-12{margin-left:50%}.hb-col-xl-offset-13{margin-left:54.1667%}.hb-col-xl-offset-14{margin-left:58.3333%}.hb-col-xl-offset-15{margin-left:62.5%}.hb-col-xl-offset-16{margin-left:66.6667%}.hb-col-xl-offset-17{margin-left:70.8333%}.hb-col-xl-offset-18{margin-left:75%}.hb-col-xl-offset-19{margin-left:79.1667%}.hb-col-xl-offset-20{margin-left:83.3333%}.hb-col-xl-offset-21{margin-left:87.5%}.hb-col-xl-offset-22{margin-left:91.6667%}.hb-col-xl-offset-23{margin-left:95.8333%}.hb-col-xl-offset-24{margin-left:100%}.hb-col-xl-push-0{left:0}.hb-col-xl-push-1{left:4.16667%}.hb-col-xl-push-2{left:8.33333%}.hb-col-xl-push-3{left:12.5%}.hb-col-xl-push-4{left:16.6667%}.hb-col-xl-push-5{left:20.8333%}.hb-col-xl-push-6{left:25%}.hb-col-xl-push-7{left:29.1667%}.hb-col-xl-push-8{left:33.3333%}.hb-col-xl-push-9{left:37.5%}.hb-col-xl-push-10{left:41.6667%}.hb-col-xl-push-11{left:45.8333%}.hb-col-xl-push-12{left:50%}.hb-col-xl-push-13{left:54.1667%}.hb-col-xl-push-14{left:58.3333%}.hb-col-xl-push-15{left:62.5%}.hb-col-xl-push-16{left:66.6667%}.hb-col-xl-push-17{left:70.8333%}.hb-col-xl-push-18{left:75%}.hb-col-xl-push-19{left:79.1667%}.hb-col-xl-push-20{left:83.3333%}.hb-col-xl-push-21{left:87.5%}.hb-col-xl-push-22{left:91.6667%}.hb-col-xl-push-23{left:95.8333%}.hb-col-xl-push-24{left:100%}.hb-col-xl-pull-0{right:0}.hb-col-xl-pull-1{right:4.16667%}.hb-col-xl-pull-2{right:8.33333%}.hb-col-xl-pull-3{right:12.5%}.hb-col-xl-pull-4{right:16.6667%}.hb-col-xl-pull-5{right:20.8333%}.hb-col-xl-pull-6{right:25%}.hb-col-xl-pull-7{right:29.1667%}.hb-col-xl-pull-8{right:33.3333%}.hb-col-xl-pull-9{right:37.5%}.hb-col-xl-pull-10{right:41.6667%}.hb-col-xl-pull-11{right:45.8333%}.hb-col-xl-pull-12{right:50%}.hb-col-xl-pull-13{right:54.1667%}.hb-col-xl-pull-14{right:58.3333%}.hb-col-xl-pull-15{right:62.5%}.hb-col-xl-pull-16{right:66.6667%}.hb-col-xl-pull-17{right:70.8333%}.hb-col-xl-pull-18{right:75%}.hb-col-xl-pull-19{right:79.1667%}.hb-col-xl-pull-20{right:83.3333%}.hb-col-xl-pull-21{right:87.5%}.hb-col-xl-pull-22{right:91.6667%}.hb-col-xl-pull-23{right:95.8333%}.hb-col-xl-pull-24{right:100%}}";
 const HbLayoutStyle0 = layoutCss;
 
 const Layout = class {
@@ -28,43 +28,65 @@ const Layout = class {
      */
     pull = 0;
     /**
-     * <768px 响应式栅格数或者栅格属性对象
+     * <576px 响应式栅格数或者栅格属性对象
      */
     xs;
     /**
-     * ≥768px 响应式栅格数或者栅格属性对象
+     * ≥576px 响应式栅格数或者栅格属性对象
      */
     sm;
     /**
-     * ≥992px 响应式栅格数或者栅格属性对象
+     * ≥768px 响应式栅格数或者栅格属性对象
      */
     md;
     /**
-     * ≥1200px 响应式栅格数或者栅格属性对象
+     * ≥992px 响应式栅格数或者栅格属性对象
      */
     lg;
     /**
-     * ≥1920px 响应式栅格数或者栅格属性对象
+     * ≥1200px 响应式栅格数或者栅格属性对象
      */
     xl;
+    /** 把响应式 prop（number 或对象）规范化为 {span,offset,push,pull} */
+    normalizeResponsive(value) {
+        if (value === undefined || value === null)
+            return {};
+        if (typeof value === 'number')
+            return { span: value };
+        return value;
+    }
     getColClass() {
         const classes = ['hb-col'];
-        if (this.span) {
+        // 基础（无断点）span/offset/push/pull —— 仅在没有 xs 时作为 xs 默认（antd 行为）
+        if (this.span)
             classes.push(`hb-col-${this.span}`);
-        }
-        if (this.offset) {
+        if (this.offset)
             classes.push(`hb-col-offset-${this.offset}`);
-        }
-        if (this.push) {
+        if (this.push)
             classes.push(`hb-col-push-${this.push}`);
-        }
-        if (this.pull) {
+        if (this.pull)
             classes.push(`hb-col-pull-${this.pull}`);
+        // 响应式断点：生成 hb-col-{bp}-{span} / hb-col-{bp}-offset-{n} 等 class，
+        // CSS 用 @media 在对应断点应用（覆盖基础值）。
+        const bps = ['xs', 'sm', 'md', 'lg', 'xl'];
+        for (const bp of bps) {
+            const v = this[bp];
+            if (v === undefined)
+                continue;
+            const r = this.normalizeResponsive(v);
+            if (r.span !== undefined)
+                classes.push(`hb-col-${bp}-${r.span}`);
+            if (r.offset !== undefined)
+                classes.push(`hb-col-${bp}-offset-${r.offset}`);
+            if (r.push !== undefined)
+                classes.push(`hb-col-${bp}-push-${r.push}`);
+            if (r.pull !== undefined)
+                classes.push(`hb-col-${bp}-pull-${r.pull}`);
         }
         return classes.join(' ');
     }
     render() {
-        return (h("div", { key: 'fc06cef5bbbcb0c108907a16b5c96fe8dc9f4f77', class: this.getColClass() }, h("slot", { key: '9ca9f6e93df8c29dc901f84a39b3eed635b953bb' })));
+        return (h("div", { key: '4a746d8ded47283a969473aa8cfbd65ad174a18f', class: this.getColClass() }, h("slot", { key: '5c6a2eacb1a2c84678e210cc75aec9a085ae902a' })));
     }
 };
 Layout.style = HbLayoutStyle0;

package/dist/esm/hb-layout.entry.js.map

@@ -1 +1 @@
-{"file":"hb-layout.entry.js","mappings":";;AAAA,MAAM,SAAS,GAAG,8xPAA8xP,CAAC;AACjzP,uBAAe,SAAS;;MCUX,MAAM;;;;;;;;IAKT,IAAI,GAAW,EAAE,CAAC;;;;;IAMlB,MAAM,GAAW,CAAC,CAAC;;;;;IAMnB,IAAI,GAAW,CAAC,CAAC;;;;;IAMjB,IAAI,GAAW,CAAC,CAAC;;;;IAKjB,EAAE,CAAmB;;;;IAKrB,EAAE,CAAmB;;;;IAKrB,EAAE,CAAmB;;;;IAKrB,EAAE,CAAmB;;;;IAKrB,EAAE,CAAmB;IAErB,WAAW;QACjB,MAAM,OAAO,GAAa,CAAC,QAAQ,CAAC,CAAC;QAErC,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,OAAO,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;SACrC;QACD,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,OAAO,CAAC,IAAI,CAAC,iBAAiB,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;SAC9C;QACD,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,OAAO,CAAC,IAAI,CAAC,eAAe,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;SAC1C;QACD,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,OAAO,CAAC,IAAI,CAAC,eAAe,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;SAC1C;QAED,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;KAC1B;IAED,MAAM;QACJ,QACE,4DAAK,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,IAC5B,8DAAa,CACT,EACN;KACH;;;;;;","names":[],"sources":["src/components/Layout/layout.css?tag=hb-layout&encapsulation=shadow","src/components/Layout/Layout.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hb-col {\n  position: relative;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n/* Generate col classes for span 1-24 */\n.hb-col-1 { width: 4.16666667%; }\n.hb-col-2 { width: 8.33333333%; }\n.hb-col-3 { width: 12.5%; }\n.hb-col-4 { width: 16.66666667%; }\n.hb-col-5 { width: 20.83333333%; }\n.hb-col-6 { width: 25%; }\n.hb-col-7 { width: 29.16666667%; }\n.hb-col-8 { width: 33.33333333%; }\n.hb-col-9 { width: 37.5%; }\n.hb-col-10 { width: 41.66666667%; }\n.hb-col-11 { width: 45.83333333%; }\n.hb-col-12 { width: 50%; }\n.hb-col-13 { width: 54.16666667%; }\n.hb-col-14 { width: 58.33333333%; }\n.hb-col-15 { width: 62.5%; }\n.hb-col-16 { width: 66.66666667%; }\n.hb-col-17 { width: 70.83333333%; }\n.hb-col-18 { width: 75%; }\n.hb-col-19 { width: 79.16666667%; }\n.hb-col-20 { width: 83.33333333%; }\n.hb-col-21 { width: 87.5%; }\n.hb-col-22 { width: 91.66666667%; }\n.hb-col-23 { width: 95.83333333%; }\n.hb-col-24 { width: 100%; }\n\n/* Offset classes */\n.hb-col-offset-1 { margin-left: 4.16666667%; }\n.hb-col-offset-2 { margin-left: 8.33333333%; }\n.hb-col-offset-3 { margin-left: 12.5%; }\n.hb-col-offset-4 { margin-left: 16.66666667%; }\n.hb-col-offset-5 { margin-left: 20.83333333%; }\n.hb-col-offset-6 { margin-left: 25%; }\n.hb-col-offset-7 { margin-left: 29.16666667%; }\n.hb-col-offset-8 { margin-left: 33.33333333%; }\n.hb-col-offset-9 { margin-left: 37.5%; }\n.hb-col-offset-10 { margin-left: 41.66666667%; }\n.hb-col-offset-11 { margin-left: 45.83333333%; }\n.hb-col-offset-12 { margin-left: 50%; }\n.hb-col-offset-13 { margin-left: 54.16666667%; }\n.hb-col-offset-14 { margin-left: 58.33333333%; }\n.hb-col-offset-15 { margin-left: 62.5%; }\n.hb-col-offset-16 { margin-left: 66.66666667%; }\n.hb-col-offset-17 { margin-left: 70.83333333%; }\n.hb-col-offset-18 { margin-left: 75%; }\n.hb-col-offset-19 { margin-left: 79.16666667%; }\n.hb-col-offset-20 { margin-left: 83.33333333%; }\n.hb-col-offset-21 { margin-left: 87.5%; }\n.hb-col-offset-22 { margin-left: 91.66666667%; }\n.hb-col-offset-23 { margin-left: 95.83333333%; }\n\n/* Push classes */\n.hb-col-push-1 { left: 4.16666667%; }\n.hb-col-push-2 { left: 8.33333333%; }\n.hb-col-push-3 { left: 12.5%; }\n.hb-col-push-4 { left: 16.66666667%; }\n.hb-col-push-5 { left: 20.83333333%; }\n.hb-col-push-6 { left: 25%; }\n.hb-col-push-7 { left: 29.16666667%; }\n.hb-col-push-8 { left: 33.33333333%; }\n.hb-col-push-9 { left: 37.5%; }\n.hb-col-push-10 { left: 41.66666667%; }\n.hb-col-push-11 { left: 45.83333333%; }\n.hb-col-push-12 { left: 50%; }\n\n/* Pull classes */\n.hb-col-pull-1 { right: 4.16666667%; }\n.hb-col-pull-2 { right: 8.33333333%; }\n.hb-col-pull-3 { right: 12.5%; }\n.hb-col-pull-4 { right: 16.66666667%; }\n.hb-col-pull-5 { right: 20.83333333%; }\n.hb-col-pull-6 { right: 25%; }\n.hb-col-pull-7 { right: 29.16666667%; }\n.hb-col-pull-8 { right: 33.33333333%; }\n.hb-col-pull-9 { right: 37.5%; }\n.hb-col-pull-10 { right: 41.66666667%; }\n.hb-col-pull-11 { right: 45.83333333%; }\n.hb-col-pull-12 { right: 50%; }\n\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * Layout 布局组件\n * 通过基础的 24 分栏，迅速简便地创建布局\n */\n@Component({\n  tag: 'hb-layout',\n  styleUrl: 'layout.css',\n  shadow: true,\n})\nexport class Layout {\n  /**\n   * 栅格占据的列数\n   * @default 24\n   */\n  @Prop() span: number = 24;\n\n  /**\n   * 栅格左侧的间隔格数\n   * @default 0\n   */\n  @Prop() offset: number = 0;\n\n  /**\n   * 栅格向右移动格数\n   * @default 0\n   */\n  @Prop() push: number = 0;\n\n  /**\n   * 栅格向左移动格数\n   * @default 0\n   */\n  @Prop() pull: number = 0;\n\n  /**\n   * <768px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() xs?: number | object;\n\n  /**\n   * ≥768px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() sm?: number | object;\n\n  /**\n   * ≥992px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() md?: number | object;\n\n  /**\n   * ≥1200px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() lg?: number | object;\n\n  /**\n   * ≥1920px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() xl?: number | object;\n\n  private getColClass() {\n    const classes: string[] = ['hb-col'];\n    \n    if (this.span) {\n      classes.push(`hb-col-${this.span}`);\n    }\n    if (this.offset) {\n      classes.push(`hb-col-offset-${this.offset}`);\n    }\n    if (this.push) {\n      classes.push(`hb-col-push-${this.push}`);\n    }\n    if (this.pull) {\n      classes.push(`hb-col-pull-${this.pull}`);\n    }\n\n    return classes.join(' ');\n  }\n\n  render() {\n    return (\n      <div class={this.getColClass()}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n\n"],"version":3}
+{"file":"hb-layout.entry.js","mappings":";;AAAA,MAAM,SAAS,GAAG,k0vBAAk0vB,CAAC;AACr1vB,uBAAe,SAAS;;MCmBX,MAAM;;;;;;;;IAKT,IAAI,GAAW,EAAE,CAAC;;;;;IAMlB,MAAM,GAAW,CAAC,CAAC;;;;;IAMnB,IAAI,GAAW,CAAC,CAAC;;;;;IAMjB,IAAI,GAAW,CAAC,CAAC;;;;IAKjB,EAAE,CAA0B;;;;IAK5B,EAAE,CAA0B;;;;IAK5B,EAAE,CAA0B;;;;IAK5B,EAAE,CAA0B;;;;IAK5B,EAAE,CAA0B;;IAG5B,mBAAmB,CAAC,KAAyC;QACnE,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI;YAAE,OAAO,EAAE,CAAC;QACrD,IAAI,OAAO,KAAK,KAAK,QAAQ;YAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;QACtD,OAAO,KAAK,CAAC;KACd;IAEO,WAAW;QACjB,MAAM,OAAO,GAAa,CAAC,QAAQ,CAAC,CAAC;;QAGrC,IAAI,IAAI,CAAC,IAAI;YAAE,OAAO,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QACnD,IAAI,IAAI,CAAC,MAAM;YAAE,OAAO,CAAC,IAAI,CAAC,iBAAiB,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;QAC9D,IAAI,IAAI,CAAC,IAAI;YAAE,OAAO,CAAC,IAAI,CAAC,eAAe,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QACxD,IAAI,IAAI,CAAC,IAAI;YAAE,OAAO,CAAC,IAAI,CAAC,eAAe,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;;;QAIxD,MAAM,GAAG,GAA4C,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QACpF,KAAK,MAAM,EAAE,IAAI,GAAG,EAAE;YACpB,MAAM,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;YACnB,IAAI,CAAC,KAAK,SAAS;gBAAE,SAAS;YAC9B,MAAM,CAAC,GAAG,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;YACtC,IAAI,CAAC,CAAC,IAAI,KAAK,SAAS;gBAAE,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;YACjE,IAAI,CAAC,CAAC,MAAM,KAAK,SAAS;gBAAE,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC;YAC5E,IAAI,CAAC,CAAC,IAAI,KAAK,SAAS;gBAAE,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;YACtE,IAAI,CAAC,CAAC,IAAI,KAAK,SAAS;gBAAE,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;SACvE;QAED,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;KAC1B;IAED,MAAM;QACJ,QACE,4DAAK,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,IAC5B,8DAAa,CACT,EACN;KACH;;;;;;","names":[],"sources":["src/components/Layout/layout.css?tag=hb-layout&encapsulation=shadow","src/components/Layout/Layout.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hb-col {\n  position: relative;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n/* Generate col classes for span 1-24 */\n.hb-col-1 {\n  width: 4.16666667%;\n}\n.hb-col-2 {\n  width: 8.33333333%;\n}\n.hb-col-3 {\n  width: 12.5%;\n}\n.hb-col-4 {\n  width: 16.66666667%;\n}\n.hb-col-5 {\n  width: 20.83333333%;\n}\n.hb-col-6 {\n  width: 25%;\n}\n.hb-col-7 {\n  width: 29.16666667%;\n}\n.hb-col-8 {\n  width: 33.33333333%;\n}\n.hb-col-9 {\n  width: 37.5%;\n}\n.hb-col-10 {\n  width: 41.66666667%;\n}\n.hb-col-11 {\n  width: 45.83333333%;\n}\n.hb-col-12 {\n  width: 50%;\n}\n.hb-col-13 {\n  width: 54.16666667%;\n}\n.hb-col-14 {\n  width: 58.33333333%;\n}\n.hb-col-15 {\n  width: 62.5%;\n}\n.hb-col-16 {\n  width: 66.66666667%;\n}\n.hb-col-17 {\n  width: 70.83333333%;\n}\n.hb-col-18 {\n  width: 75%;\n}\n.hb-col-19 {\n  width: 79.16666667%;\n}\n.hb-col-20 {\n  width: 83.33333333%;\n}\n.hb-col-21 {\n  width: 87.5%;\n}\n.hb-col-22 {\n  width: 91.66666667%;\n}\n.hb-col-23 {\n  width: 95.83333333%;\n}\n.hb-col-24 {\n  width: 100%;\n}\n\n/* Offset classes */\n.hb-col-offset-1 {\n  margin-left: 4.16666667%;\n}\n.hb-col-offset-2 {\n  margin-left: 8.33333333%;\n}\n.hb-col-offset-3 {\n  margin-left: 12.5%;\n}\n.hb-col-offset-4 {\n  margin-left: 16.66666667%;\n}\n.hb-col-offset-5 {\n  margin-left: 20.83333333%;\n}\n.hb-col-offset-6 {\n  margin-left: 25%;\n}\n.hb-col-offset-7 {\n  margin-left: 29.16666667%;\n}\n.hb-col-offset-8 {\n  margin-left: 33.33333333%;\n}\n.hb-col-offset-9 {\n  margin-left: 37.5%;\n}\n.hb-col-offset-10 {\n  margin-left: 41.66666667%;\n}\n.hb-col-offset-11 {\n  margin-left: 45.83333333%;\n}\n.hb-col-offset-12 {\n  margin-left: 50%;\n}\n.hb-col-offset-13 {\n  margin-left: 54.16666667%;\n}\n.hb-col-offset-14 {\n  margin-left: 58.33333333%;\n}\n.hb-col-offset-15 {\n  margin-left: 62.5%;\n}\n.hb-col-offset-16 {\n  margin-left: 66.66666667%;\n}\n.hb-col-offset-17 {\n  margin-left: 70.83333333%;\n}\n.hb-col-offset-18 {\n  margin-left: 75%;\n}\n.hb-col-offset-19 {\n  margin-left: 79.16666667%;\n}\n.hb-col-offset-20 {\n  margin-left: 83.33333333%;\n}\n.hb-col-offset-21 {\n  margin-left: 87.5%;\n}\n.hb-col-offset-22 {\n  margin-left: 91.66666667%;\n}\n.hb-col-offset-23 {\n  margin-left: 95.83333333%;\n}\n\n/* Push classes */\n.hb-col-push-1 {\n  left: 4.16666667%;\n}\n.hb-col-push-2 {\n  left: 8.33333333%;\n}\n.hb-col-push-3 {\n  left: 12.5%;\n}\n.hb-col-push-4 {\n  left: 16.66666667%;\n}\n.hb-col-push-5 {\n  left: 20.83333333%;\n}\n.hb-col-push-6 {\n  left: 25%;\n}\n.hb-col-push-7 {\n  left: 29.16666667%;\n}\n.hb-col-push-8 {\n  left: 33.33333333%;\n}\n.hb-col-push-9 {\n  left: 37.5%;\n}\n.hb-col-push-10 {\n  left: 41.66666667%;\n}\n.hb-col-push-11 {\n  left: 45.83333333%;\n}\n.hb-col-push-12 {\n  left: 50%;\n}\n\n/* Pull classes */\n.hb-col-pull-1 {\n  right: 4.16666667%;\n}\n.hb-col-pull-2 {\n  right: 8.33333333%;\n}\n.hb-col-pull-3 {\n  right: 12.5%;\n}\n.hb-col-pull-4 {\n  right: 16.66666667%;\n}\n.hb-col-pull-5 {\n  right: 20.83333333%;\n}\n.hb-col-pull-6 {\n  right: 25%;\n}\n.hb-col-pull-7 {\n  right: 29.16666667%;\n}\n.hb-col-pull-8 {\n  right: 33.33333333%;\n}\n.hb-col-pull-9 {\n  right: 37.5%;\n}\n.hb-col-pull-10 {\n  right: 41.66666667%;\n}\n.hb-col-pull-11 {\n  right: 45.83333333%;\n}\n.hb-col-pull-12 {\n  right: 50%;\n}\n\n/* ============================================================\n * 响应式栅格（xs/sm/md/lg/xl）—— 由 Layout.tsx 输出对应 class，\n * 这里按断点用 @media 应用宽度/偏移/推拉。\n * xs 无 @media（移动端默认）；sm/md/lg/xl 用 min-width 渐进增强。\n * 对齐 antd Grid 断点：576 / 768 / 992 / 1200\n * ============================================================ */\n\n.hb-col-xs-0 {\n  display: none;\n}\n.hb-col-xs-1 {\n  width: 4.16666667%;\n}\n.hb-col-xs-2 {\n  width: 8.33333333%;\n}\n.hb-col-xs-3 {\n  width: 12.5%;\n}\n.hb-col-xs-4 {\n  width: 16.66666667%;\n}\n.hb-col-xs-5 {\n  width: 20.83333333%;\n}\n.hb-col-xs-6 {\n  width: 25%;\n}\n.hb-col-xs-7 {\n  width: 29.16666667%;\n}\n.hb-col-xs-8 {\n  width: 33.33333333%;\n}\n.hb-col-xs-9 {\n  width: 37.5%;\n}\n.hb-col-xs-10 {\n  width: 41.66666667%;\n}\n.hb-col-xs-11 {\n  width: 45.83333333%;\n}\n.hb-col-xs-12 {\n  width: 50%;\n}\n.hb-col-xs-13 {\n  width: 54.16666667%;\n}\n.hb-col-xs-14 {\n  width: 58.33333333%;\n}\n.hb-col-xs-15 {\n  width: 62.5%;\n}\n.hb-col-xs-16 {\n  width: 66.66666667%;\n}\n.hb-col-xs-17 {\n  width: 70.83333333%;\n}\n.hb-col-xs-18 {\n  width: 75%;\n}\n.hb-col-xs-19 {\n  width: 79.16666667%;\n}\n.hb-col-xs-20 {\n  width: 83.33333333%;\n}\n.hb-col-xs-21 {\n  width: 87.5%;\n}\n.hb-col-xs-22 {\n  width: 91.66666667%;\n}\n.hb-col-xs-23 {\n  width: 95.83333333%;\n}\n.hb-col-xs-24 {\n  width: 100%;\n}\n.hb-col-xs-offset-0 {\n  margin-left: 0;\n}\n.hb-col-xs-offset-1 {\n  margin-left: 4.16666667%;\n}\n.hb-col-xs-offset-2 {\n  margin-left: 8.33333333%;\n}\n.hb-col-xs-offset-3 {\n  margin-left: 12.5%;\n}\n.hb-col-xs-offset-4 {\n  margin-left: 16.66666667%;\n}\n.hb-col-xs-offset-5 {\n  margin-left: 20.83333333%;\n}\n.hb-col-xs-offset-6 {\n  margin-left: 25%;\n}\n.hb-col-xs-offset-7 {\n  margin-left: 29.16666667%;\n}\n.hb-col-xs-offset-8 {\n  margin-left: 33.33333333%;\n}\n.hb-col-xs-offset-9 {\n  margin-left: 37.5%;\n}\n.hb-col-xs-offset-10 {\n  margin-left: 41.66666667%;\n}\n.hb-col-xs-offset-11 {\n  margin-left: 45.83333333%;\n}\n.hb-col-xs-offset-12 {\n  margin-left: 50%;\n}\n.hb-col-xs-offset-13 {\n  margin-left: 54.16666667%;\n}\n.hb-col-xs-offset-14 {\n  margin-left: 58.33333333%;\n}\n.hb-col-xs-offset-15 {\n  margin-left: 62.5%;\n}\n.hb-col-xs-offset-16 {\n  margin-left: 66.66666667%;\n}\n.hb-col-xs-offset-17 {\n  margin-left: 70.83333333%;\n}\n.hb-col-xs-offset-18 {\n  margin-left: 75%;\n}\n.hb-col-xs-offset-19 {\n  margin-left: 79.16666667%;\n}\n.hb-col-xs-offset-20 {\n  margin-left: 83.33333333%;\n}\n.hb-col-xs-offset-21 {\n  margin-left: 87.5%;\n}\n.hb-col-xs-offset-22 {\n  margin-left: 91.66666667%;\n}\n.hb-col-xs-offset-23 {\n  margin-left: 95.83333333%;\n}\n.hb-col-xs-offset-24 {\n  margin-left: 100%;\n}\n.hb-col-xs-push-0 {\n  left: 0;\n}\n.hb-col-xs-push-1 {\n  left: 4.16666667%;\n}\n.hb-col-xs-push-2 {\n  left: 8.33333333%;\n}\n.hb-col-xs-push-3 {\n  left: 12.5%;\n}\n.hb-col-xs-push-4 {\n  left: 16.66666667%;\n}\n.hb-col-xs-push-5 {\n  left: 20.83333333%;\n}\n.hb-col-xs-push-6 {\n  left: 25%;\n}\n.hb-col-xs-push-7 {\n  left: 29.16666667%;\n}\n.hb-col-xs-push-8 {\n  left: 33.33333333%;\n}\n.hb-col-xs-push-9 {\n  left: 37.5%;\n}\n.hb-col-xs-push-10 {\n  left: 41.66666667%;\n}\n.hb-col-xs-push-11 {\n  left: 45.83333333%;\n}\n.hb-col-xs-push-12 {\n  left: 50%;\n}\n.hb-col-xs-push-13 {\n  left: 54.16666667%;\n}\n.hb-col-xs-push-14 {\n  left: 58.33333333%;\n}\n.hb-col-xs-push-15 {\n  left: 62.5%;\n}\n.hb-col-xs-push-16 {\n  left: 66.66666667%;\n}\n.hb-col-xs-push-17 {\n  left: 70.83333333%;\n}\n.hb-col-xs-push-18 {\n  left: 75%;\n}\n.hb-col-xs-push-19 {\n  left: 79.16666667%;\n}\n.hb-col-xs-push-20 {\n  left: 83.33333333%;\n}\n.hb-col-xs-push-21 {\n  left: 87.5%;\n}\n.hb-col-xs-push-22 {\n  left: 91.66666667%;\n}\n.hb-col-xs-push-23 {\n  left: 95.83333333%;\n}\n.hb-col-xs-push-24 {\n  left: 100%;\n}\n.hb-col-xs-pull-0 {\n  right: 0;\n}\n.hb-col-xs-pull-1 {\n  right: 4.16666667%;\n}\n.hb-col-xs-pull-2 {\n  right: 8.33333333%;\n}\n.hb-col-xs-pull-3 {\n  right: 12.5%;\n}\n.hb-col-xs-pull-4 {\n  right: 16.66666667%;\n}\n.hb-col-xs-pull-5 {\n  right: 20.83333333%;\n}\n.hb-col-xs-pull-6 {\n  right: 25%;\n}\n.hb-col-xs-pull-7 {\n  right: 29.16666667%;\n}\n.hb-col-xs-pull-8 {\n  right: 33.33333333%;\n}\n.hb-col-xs-pull-9 {\n  right: 37.5%;\n}\n.hb-col-xs-pull-10 {\n  right: 41.66666667%;\n}\n.hb-col-xs-pull-11 {\n  right: 45.83333333%;\n}\n.hb-col-xs-pull-12 {\n  right: 50%;\n}\n.hb-col-xs-pull-13 {\n  right: 54.16666667%;\n}\n.hb-col-xs-pull-14 {\n  right: 58.33333333%;\n}\n.hb-col-xs-pull-15 {\n  right: 62.5%;\n}\n.hb-col-xs-pull-16 {\n  right: 66.66666667%;\n}\n.hb-col-xs-pull-17 {\n  right: 70.83333333%;\n}\n.hb-col-xs-pull-18 {\n  right: 75%;\n}\n.hb-col-xs-pull-19 {\n  right: 79.16666667%;\n}\n.hb-col-xs-pull-20 {\n  right: 83.33333333%;\n}\n.hb-col-xs-pull-21 {\n  right: 87.5%;\n}\n.hb-col-xs-pull-22 {\n  right: 91.66666667%;\n}\n.hb-col-xs-pull-23 {\n  right: 95.83333333%;\n}\n.hb-col-xs-pull-24 {\n  right: 100%;\n}\n\n@media (min-width: 576px) {\n  .hb-col-sm-0 {\n    display: none;\n  }\n  .hb-col-sm-1 {\n    width: 4.16666667%;\n  }\n  .hb-col-sm-2 {\n    width: 8.33333333%;\n  }\n  .hb-col-sm-3 {\n    width: 12.5%;\n  }\n  .hb-col-sm-4 {\n    width: 16.66666667%;\n  }\n  .hb-col-sm-5 {\n    width: 20.83333333%;\n  }\n  .hb-col-sm-6 {\n    width: 25%;\n  }\n  .hb-col-sm-7 {\n    width: 29.16666667%;\n  }\n  .hb-col-sm-8 {\n    width: 33.33333333%;\n  }\n  .hb-col-sm-9 {\n    width: 37.5%;\n  }\n  .hb-col-sm-10 {\n    width: 41.66666667%;\n  }\n  .hb-col-sm-11 {\n    width: 45.83333333%;\n  }\n  .hb-col-sm-12 {\n    width: 50%;\n  }\n  .hb-col-sm-13 {\n    width: 54.16666667%;\n  }\n  .hb-col-sm-14 {\n    width: 58.33333333%;\n  }\n  .hb-col-sm-15 {\n    width: 62.5%;\n  }\n  .hb-col-sm-16 {\n    width: 66.66666667%;\n  }\n  .hb-col-sm-17 {\n    width: 70.83333333%;\n  }\n  .hb-col-sm-18 {\n    width: 75%;\n  }\n  .hb-col-sm-19 {\n    width: 79.16666667%;\n  }\n  .hb-col-sm-20 {\n    width: 83.33333333%;\n  }\n  .hb-col-sm-21 {\n    width: 87.5%;\n  }\n  .hb-col-sm-22 {\n    width: 91.66666667%;\n  }\n  .hb-col-sm-23 {\n    width: 95.83333333%;\n  }\n  .hb-col-sm-24 {\n    width: 100%;\n  }\n  .hb-col-sm-offset-0 {\n    margin-left: 0;\n  }\n  .hb-col-sm-offset-1 {\n    margin-left: 4.16666667%;\n  }\n  .hb-col-sm-offset-2 {\n    margin-left: 8.33333333%;\n  }\n  .hb-col-sm-offset-3 {\n    margin-left: 12.5%;\n  }\n  .hb-col-sm-offset-4 {\n    margin-left: 16.66666667%;\n  }\n  .hb-col-sm-offset-5 {\n    margin-left: 20.83333333%;\n  }\n  .hb-col-sm-offset-6 {\n    margin-left: 25%;\n  }\n  .hb-col-sm-offset-7 {\n    margin-left: 29.16666667%;\n  }\n  .hb-col-sm-offset-8 {\n    margin-left: 33.33333333%;\n  }\n  .hb-col-sm-offset-9 {\n    margin-left: 37.5%;\n  }\n  .hb-col-sm-offset-10 {\n    margin-left: 41.66666667%;\n  }\n  .hb-col-sm-offset-11 {\n    margin-left: 45.83333333%;\n  }\n  .hb-col-sm-offset-12 {\n    margin-left: 50%;\n  }\n  .hb-col-sm-offset-13 {\n    margin-left: 54.16666667%;\n  }\n  .hb-col-sm-offset-14 {\n    margin-left: 58.33333333%;\n  }\n  .hb-col-sm-offset-15 {\n    margin-left: 62.5%;\n  }\n  .hb-col-sm-offset-16 {\n    margin-left: 66.66666667%;\n  }\n  .hb-col-sm-offset-17 {\n    margin-left: 70.83333333%;\n  }\n  .hb-col-sm-offset-18 {\n    margin-left: 75%;\n  }\n  .hb-col-sm-offset-19 {\n    margin-left: 79.16666667%;\n  }\n  .hb-col-sm-offset-20 {\n    margin-left: 83.33333333%;\n  }\n  .hb-col-sm-offset-21 {\n    margin-left: 87.5%;\n  }\n  .hb-col-sm-offset-22 {\n    margin-left: 91.66666667%;\n  }\n  .hb-col-sm-offset-23 {\n    margin-left: 95.83333333%;\n  }\n  .hb-col-sm-offset-24 {\n    margin-left: 100%;\n  }\n  .hb-col-sm-push-0 {\n    left: 0;\n  }\n  .hb-col-sm-push-1 {\n    left: 4.16666667%;\n  }\n  .hb-col-sm-push-2 {\n    left: 8.33333333%;\n  }\n  .hb-col-sm-push-3 {\n    left: 12.5%;\n  }\n  .hb-col-sm-push-4 {\n    left: 16.66666667%;\n  }\n  .hb-col-sm-push-5 {\n    left: 20.83333333%;\n  }\n  .hb-col-sm-push-6 {\n    left: 25%;\n  }\n  .hb-col-sm-push-7 {\n    left: 29.16666667%;\n  }\n  .hb-col-sm-push-8 {\n    left: 33.33333333%;\n  }\n  .hb-col-sm-push-9 {\n    left: 37.5%;\n  }\n  .hb-col-sm-push-10 {\n    left: 41.66666667%;\n  }\n  .hb-col-sm-push-11 {\n    left: 45.83333333%;\n  }\n  .hb-col-sm-push-12 {\n    left: 50%;\n  }\n  .hb-col-sm-push-13 {\n    left: 54.16666667%;\n  }\n  .hb-col-sm-push-14 {\n    left: 58.33333333%;\n  }\n  .hb-col-sm-push-15 {\n    left: 62.5%;\n  }\n  .hb-col-sm-push-16 {\n    left: 66.66666667%;\n  }\n  .hb-col-sm-push-17 {\n    left: 70.83333333%;\n  }\n  .hb-col-sm-push-18 {\n    left: 75%;\n  }\n  .hb-col-sm-push-19 {\n    left: 79.16666667%;\n  }\n  .hb-col-sm-push-20 {\n    left: 83.33333333%;\n  }\n  .hb-col-sm-push-21 {\n    left: 87.5%;\n  }\n  .hb-col-sm-push-22 {\n    left: 91.66666667%;\n  }\n  .hb-col-sm-push-23 {\n    left: 95.83333333%;\n  }\n  .hb-col-sm-push-24 {\n    left: 100%;\n  }\n  .hb-col-sm-pull-0 {\n    right: 0;\n  }\n  .hb-col-sm-pull-1 {\n    right: 4.16666667%;\n  }\n  .hb-col-sm-pull-2 {\n    right: 8.33333333%;\n  }\n  .hb-col-sm-pull-3 {\n    right: 12.5%;\n  }\n  .hb-col-sm-pull-4 {\n    right: 16.66666667%;\n  }\n  .hb-col-sm-pull-5 {\n    right: 20.83333333%;\n  }\n  .hb-col-sm-pull-6 {\n    right: 25%;\n  }\n  .hb-col-sm-pull-7 {\n    right: 29.16666667%;\n  }\n  .hb-col-sm-pull-8 {\n    right: 33.33333333%;\n  }\n  .hb-col-sm-pull-9 {\n    right: 37.5%;\n  }\n  .hb-col-sm-pull-10 {\n    right: 41.66666667%;\n  }\n  .hb-col-sm-pull-11 {\n    right: 45.83333333%;\n  }\n  .hb-col-sm-pull-12 {\n    right: 50%;\n  }\n  .hb-col-sm-pull-13 {\n    right: 54.16666667%;\n  }\n  .hb-col-sm-pull-14 {\n    right: 58.33333333%;\n  }\n  .hb-col-sm-pull-15 {\n    right: 62.5%;\n  }\n  .hb-col-sm-pull-16 {\n    right: 66.66666667%;\n  }\n  .hb-col-sm-pull-17 {\n    right: 70.83333333%;\n  }\n  .hb-col-sm-pull-18 {\n    right: 75%;\n  }\n  .hb-col-sm-pull-19 {\n    right: 79.16666667%;\n  }\n  .hb-col-sm-pull-20 {\n    right: 83.33333333%;\n  }\n  .hb-col-sm-pull-21 {\n    right: 87.5%;\n  }\n  .hb-col-sm-pull-22 {\n    right: 91.66666667%;\n  }\n  .hb-col-sm-pull-23 {\n    right: 95.83333333%;\n  }\n  .hb-col-sm-pull-24 {\n    right: 100%;\n  }\n}\n\n@media (min-width: 768px) {\n  .hb-col-md-0 {\n    display: none;\n  }\n  .hb-col-md-1 {\n    width: 4.16666667%;\n  }\n  .hb-col-md-2 {\n    width: 8.33333333%;\n  }\n  .hb-col-md-3 {\n    width: 12.5%;\n  }\n  .hb-col-md-4 {\n    width: 16.66666667%;\n  }\n  .hb-col-md-5 {\n    width: 20.83333333%;\n  }\n  .hb-col-md-6 {\n    width: 25%;\n  }\n  .hb-col-md-7 {\n    width: 29.16666667%;\n  }\n  .hb-col-md-8 {\n    width: 33.33333333%;\n  }\n  .hb-col-md-9 {\n    width: 37.5%;\n  }\n  .hb-col-md-10 {\n    width: 41.66666667%;\n  }\n  .hb-col-md-11 {\n    width: 45.83333333%;\n  }\n  .hb-col-md-12 {\n    width: 50%;\n  }\n  .hb-col-md-13 {\n    width: 54.16666667%;\n  }\n  .hb-col-md-14 {\n    width: 58.33333333%;\n  }\n  .hb-col-md-15 {\n    width: 62.5%;\n  }\n  .hb-col-md-16 {\n    width: 66.66666667%;\n  }\n  .hb-col-md-17 {\n    width: 70.83333333%;\n  }\n  .hb-col-md-18 {\n    width: 75%;\n  }\n  .hb-col-md-19 {\n    width: 79.16666667%;\n  }\n  .hb-col-md-20 {\n    width: 83.33333333%;\n  }\n  .hb-col-md-21 {\n    width: 87.5%;\n  }\n  .hb-col-md-22 {\n    width: 91.66666667%;\n  }\n  .hb-col-md-23 {\n    width: 95.83333333%;\n  }\n  .hb-col-md-24 {\n    width: 100%;\n  }\n  .hb-col-md-offset-0 {\n    margin-left: 0;\n  }\n  .hb-col-md-offset-1 {\n    margin-left: 4.16666667%;\n  }\n  .hb-col-md-offset-2 {\n    margin-left: 8.33333333%;\n  }\n  .hb-col-md-offset-3 {\n    margin-left: 12.5%;\n  }\n  .hb-col-md-offset-4 {\n    margin-left: 16.66666667%;\n  }\n  .hb-col-md-offset-5 {\n    margin-left: 20.83333333%;\n  }\n  .hb-col-md-offset-6 {\n    margin-left: 25%;\n  }\n  .hb-col-md-offset-7 {\n    margin-left: 29.16666667%;\n  }\n  .hb-col-md-offset-8 {\n    margin-left: 33.33333333%;\n  }\n  .hb-col-md-offset-9 {\n    margin-left: 37.5%;\n  }\n  .hb-col-md-offset-10 {\n    margin-left: 41.66666667%;\n  }\n  .hb-col-md-offset-11 {\n    margin-left: 45.83333333%;\n  }\n  .hb-col-md-offset-12 {\n    margin-left: 50%;\n  }\n  .hb-col-md-offset-13 {\n    margin-left: 54.16666667%;\n  }\n  .hb-col-md-offset-14 {\n    margin-left: 58.33333333%;\n  }\n  .hb-col-md-offset-15 {\n    margin-left: 62.5%;\n  }\n  .hb-col-md-offset-16 {\n    margin-left: 66.66666667%;\n  }\n  .hb-col-md-offset-17 {\n    margin-left: 70.83333333%;\n  }\n  .hb-col-md-offset-18 {\n    margin-left: 75%;\n  }\n  .hb-col-md-offset-19 {\n    margin-left: 79.16666667%;\n  }\n  .hb-col-md-offset-20 {\n    margin-left: 83.33333333%;\n  }\n  .hb-col-md-offset-21 {\n    margin-left: 87.5%;\n  }\n  .hb-col-md-offset-22 {\n    margin-left: 91.66666667%;\n  }\n  .hb-col-md-offset-23 {\n    margin-left: 95.83333333%;\n  }\n  .hb-col-md-offset-24 {\n    margin-left: 100%;\n  }\n  .hb-col-md-push-0 {\n    left: 0;\n  }\n  .hb-col-md-push-1 {\n    left: 4.16666667%;\n  }\n  .hb-col-md-push-2 {\n    left: 8.33333333%;\n  }\n  .hb-col-md-push-3 {\n    left: 12.5%;\n  }\n  .hb-col-md-push-4 {\n    left: 16.66666667%;\n  }\n  .hb-col-md-push-5 {\n    left: 20.83333333%;\n  }\n  .hb-col-md-push-6 {\n    left: 25%;\n  }\n  .hb-col-md-push-7 {\n    left: 29.16666667%;\n  }\n  .hb-col-md-push-8 {\n    left: 33.33333333%;\n  }\n  .hb-col-md-push-9 {\n    left: 37.5%;\n  }\n  .hb-col-md-push-10 {\n    left: 41.66666667%;\n  }\n  .hb-col-md-push-11 {\n    left: 45.83333333%;\n  }\n  .hb-col-md-push-12 {\n    left: 50%;\n  }\n  .hb-col-md-push-13 {\n    left: 54.16666667%;\n  }\n  .hb-col-md-push-14 {\n    left: 58.33333333%;\n  }\n  .hb-col-md-push-15 {\n    left: 62.5%;\n  }\n  .hb-col-md-push-16 {\n    left: 66.66666667%;\n  }\n  .hb-col-md-push-17 {\n    left: 70.83333333%;\n  }\n  .hb-col-md-push-18 {\n    left: 75%;\n  }\n  .hb-col-md-push-19 {\n    left: 79.16666667%;\n  }\n  .hb-col-md-push-20 {\n    left: 83.33333333%;\n  }\n  .hb-col-md-push-21 {\n    left: 87.5%;\n  }\n  .hb-col-md-push-22 {\n    left: 91.66666667%;\n  }\n  .hb-col-md-push-23 {\n    left: 95.83333333%;\n  }\n  .hb-col-md-push-24 {\n    left: 100%;\n  }\n  .hb-col-md-pull-0 {\n    right: 0;\n  }\n  .hb-col-md-pull-1 {\n    right: 4.16666667%;\n  }\n  .hb-col-md-pull-2 {\n    right: 8.33333333%;\n  }\n  .hb-col-md-pull-3 {\n    right: 12.5%;\n  }\n  .hb-col-md-pull-4 {\n    right: 16.66666667%;\n  }\n  .hb-col-md-pull-5 {\n    right: 20.83333333%;\n  }\n  .hb-col-md-pull-6 {\n    right: 25%;\n  }\n  .hb-col-md-pull-7 {\n    right: 29.16666667%;\n  }\n  .hb-col-md-pull-8 {\n    right: 33.33333333%;\n  }\n  .hb-col-md-pull-9 {\n    right: 37.5%;\n  }\n  .hb-col-md-pull-10 {\n    right: 41.66666667%;\n  }\n  .hb-col-md-pull-11 {\n    right: 45.83333333%;\n  }\n  .hb-col-md-pull-12 {\n    right: 50%;\n  }\n  .hb-col-md-pull-13 {\n    right: 54.16666667%;\n  }\n  .hb-col-md-pull-14 {\n    right: 58.33333333%;\n  }\n  .hb-col-md-pull-15 {\n    right: 62.5%;\n  }\n  .hb-col-md-pull-16 {\n    right: 66.66666667%;\n  }\n  .hb-col-md-pull-17 {\n    right: 70.83333333%;\n  }\n  .hb-col-md-pull-18 {\n    right: 75%;\n  }\n  .hb-col-md-pull-19 {\n    right: 79.16666667%;\n  }\n  .hb-col-md-pull-20 {\n    right: 83.33333333%;\n  }\n  .hb-col-md-pull-21 {\n    right: 87.5%;\n  }\n  .hb-col-md-pull-22 {\n    right: 91.66666667%;\n  }\n  .hb-col-md-pull-23 {\n    right: 95.83333333%;\n  }\n  .hb-col-md-pull-24 {\n    right: 100%;\n  }\n}\n\n@media (min-width: 992px) {\n  .hb-col-lg-0 {\n    display: none;\n  }\n  .hb-col-lg-1 {\n    width: 4.16666667%;\n  }\n  .hb-col-lg-2 {\n    width: 8.33333333%;\n  }\n  .hb-col-lg-3 {\n    width: 12.5%;\n  }\n  .hb-col-lg-4 {\n    width: 16.66666667%;\n  }\n  .hb-col-lg-5 {\n    width: 20.83333333%;\n  }\n  .hb-col-lg-6 {\n    width: 25%;\n  }\n  .hb-col-lg-7 {\n    width: 29.16666667%;\n  }\n  .hb-col-lg-8 {\n    width: 33.33333333%;\n  }\n  .hb-col-lg-9 {\n    width: 37.5%;\n  }\n  .hb-col-lg-10 {\n    width: 41.66666667%;\n  }\n  .hb-col-lg-11 {\n    width: 45.83333333%;\n  }\n  .hb-col-lg-12 {\n    width: 50%;\n  }\n  .hb-col-lg-13 {\n    width: 54.16666667%;\n  }\n  .hb-col-lg-14 {\n    width: 58.33333333%;\n  }\n  .hb-col-lg-15 {\n    width: 62.5%;\n  }\n  .hb-col-lg-16 {\n    width: 66.66666667%;\n  }\n  .hb-col-lg-17 {\n    width: 70.83333333%;\n  }\n  .hb-col-lg-18 {\n    width: 75%;\n  }\n  .hb-col-lg-19 {\n    width: 79.16666667%;\n  }\n  .hb-col-lg-20 {\n    width: 83.33333333%;\n  }\n  .hb-col-lg-21 {\n    width: 87.5%;\n  }\n  .hb-col-lg-22 {\n    width: 91.66666667%;\n  }\n  .hb-col-lg-23 {\n    width: 95.83333333%;\n  }\n  .hb-col-lg-24 {\n    width: 100%;\n  }\n  .hb-col-lg-offset-0 {\n    margin-left: 0;\n  }\n  .hb-col-lg-offset-1 {\n    margin-left: 4.16666667%;\n  }\n  .hb-col-lg-offset-2 {\n    margin-left: 8.33333333%;\n  }\n  .hb-col-lg-offset-3 {\n    margin-left: 12.5%;\n  }\n  .hb-col-lg-offset-4 {\n    margin-left: 16.66666667%;\n  }\n  .hb-col-lg-offset-5 {\n    margin-left: 20.83333333%;\n  }\n  .hb-col-lg-offset-6 {\n    margin-left: 25%;\n  }\n  .hb-col-lg-offset-7 {\n    margin-left: 29.16666667%;\n  }\n  .hb-col-lg-offset-8 {\n    margin-left: 33.33333333%;\n  }\n  .hb-col-lg-offset-9 {\n    margin-left: 37.5%;\n  }\n  .hb-col-lg-offset-10 {\n    margin-left: 41.66666667%;\n  }\n  .hb-col-lg-offset-11 {\n    margin-left: 45.83333333%;\n  }\n  .hb-col-lg-offset-12 {\n    margin-left: 50%;\n  }\n  .hb-col-lg-offset-13 {\n    margin-left: 54.16666667%;\n  }\n  .hb-col-lg-offset-14 {\n    margin-left: 58.33333333%;\n  }\n  .hb-col-lg-offset-15 {\n    margin-left: 62.5%;\n  }\n  .hb-col-lg-offset-16 {\n    margin-left: 66.66666667%;\n  }\n  .hb-col-lg-offset-17 {\n    margin-left: 70.83333333%;\n  }\n  .hb-col-lg-offset-18 {\n    margin-left: 75%;\n  }\n  .hb-col-lg-offset-19 {\n    margin-left: 79.16666667%;\n  }\n  .hb-col-lg-offset-20 {\n    margin-left: 83.33333333%;\n  }\n  .hb-col-lg-offset-21 {\n    margin-left: 87.5%;\n  }\n  .hb-col-lg-offset-22 {\n    margin-left: 91.66666667%;\n  }\n  .hb-col-lg-offset-23 {\n    margin-left: 95.83333333%;\n  }\n  .hb-col-lg-offset-24 {\n    margin-left: 100%;\n  }\n  .hb-col-lg-push-0 {\n    left: 0;\n  }\n  .hb-col-lg-push-1 {\n    left: 4.16666667%;\n  }\n  .hb-col-lg-push-2 {\n    left: 8.33333333%;\n  }\n  .hb-col-lg-push-3 {\n    left: 12.5%;\n  }\n  .hb-col-lg-push-4 {\n    left: 16.66666667%;\n  }\n  .hb-col-lg-push-5 {\n    left: 20.83333333%;\n  }\n  .hb-col-lg-push-6 {\n    left: 25%;\n  }\n  .hb-col-lg-push-7 {\n    left: 29.16666667%;\n  }\n  .hb-col-lg-push-8 {\n    left: 33.33333333%;\n  }\n  .hb-col-lg-push-9 {\n    left: 37.5%;\n  }\n  .hb-col-lg-push-10 {\n    left: 41.66666667%;\n  }\n  .hb-col-lg-push-11 {\n    left: 45.83333333%;\n  }\n  .hb-col-lg-push-12 {\n    left: 50%;\n  }\n  .hb-col-lg-push-13 {\n    left: 54.16666667%;\n  }\n  .hb-col-lg-push-14 {\n    left: 58.33333333%;\n  }\n  .hb-col-lg-push-15 {\n    left: 62.5%;\n  }\n  .hb-col-lg-push-16 {\n    left: 66.66666667%;\n  }\n  .hb-col-lg-push-17 {\n    left: 70.83333333%;\n  }\n  .hb-col-lg-push-18 {\n    left: 75%;\n  }\n  .hb-col-lg-push-19 {\n    left: 79.16666667%;\n  }\n  .hb-col-lg-push-20 {\n    left: 83.33333333%;\n  }\n  .hb-col-lg-push-21 {\n    left: 87.5%;\n  }\n  .hb-col-lg-push-22 {\n    left: 91.66666667%;\n  }\n  .hb-col-lg-push-23 {\n    left: 95.83333333%;\n  }\n  .hb-col-lg-push-24 {\n    left: 100%;\n  }\n  .hb-col-lg-pull-0 {\n    right: 0;\n  }\n  .hb-col-lg-pull-1 {\n    right: 4.16666667%;\n  }\n  .hb-col-lg-pull-2 {\n    right: 8.33333333%;\n  }\n  .hb-col-lg-pull-3 {\n    right: 12.5%;\n  }\n  .hb-col-lg-pull-4 {\n    right: 16.66666667%;\n  }\n  .hb-col-lg-pull-5 {\n    right: 20.83333333%;\n  }\n  .hb-col-lg-pull-6 {\n    right: 25%;\n  }\n  .hb-col-lg-pull-7 {\n    right: 29.16666667%;\n  }\n  .hb-col-lg-pull-8 {\n    right: 33.33333333%;\n  }\n  .hb-col-lg-pull-9 {\n    right: 37.5%;\n  }\n  .hb-col-lg-pull-10 {\n    right: 41.66666667%;\n  }\n  .hb-col-lg-pull-11 {\n    right: 45.83333333%;\n  }\n  .hb-col-lg-pull-12 {\n    right: 50%;\n  }\n  .hb-col-lg-pull-13 {\n    right: 54.16666667%;\n  }\n  .hb-col-lg-pull-14 {\n    right: 58.33333333%;\n  }\n  .hb-col-lg-pull-15 {\n    right: 62.5%;\n  }\n  .hb-col-lg-pull-16 {\n    right: 66.66666667%;\n  }\n  .hb-col-lg-pull-17 {\n    right: 70.83333333%;\n  }\n  .hb-col-lg-pull-18 {\n    right: 75%;\n  }\n  .hb-col-lg-pull-19 {\n    right: 79.16666667%;\n  }\n  .hb-col-lg-pull-20 {\n    right: 83.33333333%;\n  }\n  .hb-col-lg-pull-21 {\n    right: 87.5%;\n  }\n  .hb-col-lg-pull-22 {\n    right: 91.66666667%;\n  }\n  .hb-col-lg-pull-23 {\n    right: 95.83333333%;\n  }\n  .hb-col-lg-pull-24 {\n    right: 100%;\n  }\n}\n\n@media (min-width: 1200px) {\n  .hb-col-xl-0 {\n    display: none;\n  }\n  .hb-col-xl-1 {\n    width: 4.16666667%;\n  }\n  .hb-col-xl-2 {\n    width: 8.33333333%;\n  }\n  .hb-col-xl-3 {\n    width: 12.5%;\n  }\n  .hb-col-xl-4 {\n    width: 16.66666667%;\n  }\n  .hb-col-xl-5 {\n    width: 20.83333333%;\n  }\n  .hb-col-xl-6 {\n    width: 25%;\n  }\n  .hb-col-xl-7 {\n    width: 29.16666667%;\n  }\n  .hb-col-xl-8 {\n    width: 33.33333333%;\n  }\n  .hb-col-xl-9 {\n    width: 37.5%;\n  }\n  .hb-col-xl-10 {\n    width: 41.66666667%;\n  }\n  .hb-col-xl-11 {\n    width: 45.83333333%;\n  }\n  .hb-col-xl-12 {\n    width: 50%;\n  }\n  .hb-col-xl-13 {\n    width: 54.16666667%;\n  }\n  .hb-col-xl-14 {\n    width: 58.33333333%;\n  }\n  .hb-col-xl-15 {\n    width: 62.5%;\n  }\n  .hb-col-xl-16 {\n    width: 66.66666667%;\n  }\n  .hb-col-xl-17 {\n    width: 70.83333333%;\n  }\n  .hb-col-xl-18 {\n    width: 75%;\n  }\n  .hb-col-xl-19 {\n    width: 79.16666667%;\n  }\n  .hb-col-xl-20 {\n    width: 83.33333333%;\n  }\n  .hb-col-xl-21 {\n    width: 87.5%;\n  }\n  .hb-col-xl-22 {\n    width: 91.66666667%;\n  }\n  .hb-col-xl-23 {\n    width: 95.83333333%;\n  }\n  .hb-col-xl-24 {\n    width: 100%;\n  }\n  .hb-col-xl-offset-0 {\n    margin-left: 0;\n  }\n  .hb-col-xl-offset-1 {\n    margin-left: 4.16666667%;\n  }\n  .hb-col-xl-offset-2 {\n    margin-left: 8.33333333%;\n  }\n  .hb-col-xl-offset-3 {\n    margin-left: 12.5%;\n  }\n  .hb-col-xl-offset-4 {\n    margin-left: 16.66666667%;\n  }\n  .hb-col-xl-offset-5 {\n    margin-left: 20.83333333%;\n  }\n  .hb-col-xl-offset-6 {\n    margin-left: 25%;\n  }\n  .hb-col-xl-offset-7 {\n    margin-left: 29.16666667%;\n  }\n  .hb-col-xl-offset-8 {\n    margin-left: 33.33333333%;\n  }\n  .hb-col-xl-offset-9 {\n    margin-left: 37.5%;\n  }\n  .hb-col-xl-offset-10 {\n    margin-left: 41.66666667%;\n  }\n  .hb-col-xl-offset-11 {\n    margin-left: 45.83333333%;\n  }\n  .hb-col-xl-offset-12 {\n    margin-left: 50%;\n  }\n  .hb-col-xl-offset-13 {\n    margin-left: 54.16666667%;\n  }\n  .hb-col-xl-offset-14 {\n    margin-left: 58.33333333%;\n  }\n  .hb-col-xl-offset-15 {\n    margin-left: 62.5%;\n  }\n  .hb-col-xl-offset-16 {\n    margin-left: 66.66666667%;\n  }\n  .hb-col-xl-offset-17 {\n    margin-left: 70.83333333%;\n  }\n  .hb-col-xl-offset-18 {\n    margin-left: 75%;\n  }\n  .hb-col-xl-offset-19 {\n    margin-left: 79.16666667%;\n  }\n  .hb-col-xl-offset-20 {\n    margin-left: 83.33333333%;\n  }\n  .hb-col-xl-offset-21 {\n    margin-left: 87.5%;\n  }\n  .hb-col-xl-offset-22 {\n    margin-left: 91.66666667%;\n  }\n  .hb-col-xl-offset-23 {\n    margin-left: 95.83333333%;\n  }\n  .hb-col-xl-offset-24 {\n    margin-left: 100%;\n  }\n  .hb-col-xl-push-0 {\n    left: 0;\n  }\n  .hb-col-xl-push-1 {\n    left: 4.16666667%;\n  }\n  .hb-col-xl-push-2 {\n    left: 8.33333333%;\n  }\n  .hb-col-xl-push-3 {\n    left: 12.5%;\n  }\n  .hb-col-xl-push-4 {\n    left: 16.66666667%;\n  }\n  .hb-col-xl-push-5 {\n    left: 20.83333333%;\n  }\n  .hb-col-xl-push-6 {\n    left: 25%;\n  }\n  .hb-col-xl-push-7 {\n    left: 29.16666667%;\n  }\n  .hb-col-xl-push-8 {\n    left: 33.33333333%;\n  }\n  .hb-col-xl-push-9 {\n    left: 37.5%;\n  }\n  .hb-col-xl-push-10 {\n    left: 41.66666667%;\n  }\n  .hb-col-xl-push-11 {\n    left: 45.83333333%;\n  }\n  .hb-col-xl-push-12 {\n    left: 50%;\n  }\n  .hb-col-xl-push-13 {\n    left: 54.16666667%;\n  }\n  .hb-col-xl-push-14 {\n    left: 58.33333333%;\n  }\n  .hb-col-xl-push-15 {\n    left: 62.5%;\n  }\n  .hb-col-xl-push-16 {\n    left: 66.66666667%;\n  }\n  .hb-col-xl-push-17 {\n    left: 70.83333333%;\n  }\n  .hb-col-xl-push-18 {\n    left: 75%;\n  }\n  .hb-col-xl-push-19 {\n    left: 79.16666667%;\n  }\n  .hb-col-xl-push-20 {\n    left: 83.33333333%;\n  }\n  .hb-col-xl-push-21 {\n    left: 87.5%;\n  }\n  .hb-col-xl-push-22 {\n    left: 91.66666667%;\n  }\n  .hb-col-xl-push-23 {\n    left: 95.83333333%;\n  }\n  .hb-col-xl-push-24 {\n    left: 100%;\n  }\n  .hb-col-xl-pull-0 {\n    right: 0;\n  }\n  .hb-col-xl-pull-1 {\n    right: 4.16666667%;\n  }\n  .hb-col-xl-pull-2 {\n    right: 8.33333333%;\n  }\n  .hb-col-xl-pull-3 {\n    right: 12.5%;\n  }\n  .hb-col-xl-pull-4 {\n    right: 16.66666667%;\n  }\n  .hb-col-xl-pull-5 {\n    right: 20.83333333%;\n  }\n  .hb-col-xl-pull-6 {\n    right: 25%;\n  }\n  .hb-col-xl-pull-7 {\n    right: 29.16666667%;\n  }\n  .hb-col-xl-pull-8 {\n    right: 33.33333333%;\n  }\n  .hb-col-xl-pull-9 {\n    right: 37.5%;\n  }\n  .hb-col-xl-pull-10 {\n    right: 41.66666667%;\n  }\n  .hb-col-xl-pull-11 {\n    right: 45.83333333%;\n  }\n  .hb-col-xl-pull-12 {\n    right: 50%;\n  }\n  .hb-col-xl-pull-13 {\n    right: 54.16666667%;\n  }\n  .hb-col-xl-pull-14 {\n    right: 58.33333333%;\n  }\n  .hb-col-xl-pull-15 {\n    right: 62.5%;\n  }\n  .hb-col-xl-pull-16 {\n    right: 66.66666667%;\n  }\n  .hb-col-xl-pull-17 {\n    right: 70.83333333%;\n  }\n  .hb-col-xl-pull-18 {\n    right: 75%;\n  }\n  .hb-col-xl-pull-19 {\n    right: 79.16666667%;\n  }\n  .hb-col-xl-pull-20 {\n    right: 83.33333333%;\n  }\n  .hb-col-xl-pull-21 {\n    right: 87.5%;\n  }\n  .hb-col-xl-pull-22 {\n    right: 91.66666667%;\n  }\n  .hb-col-xl-pull-23 {\n    right: 95.83333333%;\n  }\n  .hb-col-xl-pull-24 {\n    right: 100%;\n  }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/** 响应式栅格配置（对齐 antd：可传 number 或 {span,offset,push,pull}） */\nexport interface ColResponsive {\n  span?: number;\n  offset?: number;\n  push?: number;\n  pull?: number;\n}\n\n/**\n * Layout 布局组件\n * 通过基础的 24 分栏，迅速简便地创建布局。\n * 支持响应式：xs/sm/md/lg/xl 在对应断点应用各自的 span/offset/push/pull。\n */\n@Component({\n  tag: 'hb-layout',\n  styleUrl: 'layout.css',\n  shadow: true,\n})\nexport class Layout {\n  /**\n   * 栅格占据的列数\n   * @default 24\n   */\n  @Prop() span: number = 24;\n\n  /**\n   * 栅格左侧的间隔格数\n   * @default 0\n   */\n  @Prop() offset: number = 0;\n\n  /**\n   * 栅格向右移动格数\n   * @default 0\n   */\n  @Prop() push: number = 0;\n\n  /**\n   * 栅格向左移动格数\n   * @default 0\n   */\n  @Prop() pull: number = 0;\n\n  /**\n   * <576px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() xs?: number | ColResponsive;\n\n  /**\n   * ≥576px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() sm?: number | ColResponsive;\n\n  /**\n   * ≥768px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() md?: number | ColResponsive;\n\n  /**\n   * ≥992px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() lg?: number | ColResponsive;\n\n  /**\n   * ≥1200px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() xl?: number | ColResponsive;\n\n  /** 把响应式 prop（number 或对象）规范化为 {span,offset,push,pull} */\n  private normalizeResponsive(value: number | ColResponsive | undefined): ColResponsive {\n    if (value === undefined || value === null) return {};\n    if (typeof value === 'number') return { span: value };\n    return value;\n  }\n\n  private getColClass() {\n    const classes: string[] = ['hb-col'];\n\n    // 基础（无断点）span/offset/push/pull —— 仅在没有 xs 时作为 xs 默认（antd 行为）\n    if (this.span) classes.push(`hb-col-${this.span}`);\n    if (this.offset) classes.push(`hb-col-offset-${this.offset}`);\n    if (this.push) classes.push(`hb-col-push-${this.push}`);\n    if (this.pull) classes.push(`hb-col-pull-${this.pull}`);\n\n    // 响应式断点：生成 hb-col-{bp}-{span} / hb-col-{bp}-offset-{n} 等 class，\n    // CSS 用 @media 在对应断点应用（覆盖基础值）。\n    const bps: Array<'xs' | 'sm' | 'md' | 'lg' | 'xl'> = ['xs', 'sm', 'md', 'lg', 'xl'];\n    for (const bp of bps) {\n      const v = this[bp];\n      if (v === undefined) continue;\n      const r = this.normalizeResponsive(v);\n      if (r.span !== undefined) classes.push(`hb-col-${bp}-${r.span}`);\n      if (r.offset !== undefined) classes.push(`hb-col-${bp}-offset-${r.offset}`);\n      if (r.push !== undefined) classes.push(`hb-col-${bp}-push-${r.push}`);\n      if (r.pull !== undefined) classes.push(`hb-col-${bp}-pull-${r.pull}`);\n    }\n\n    return classes.join(' ');\n  }\n\n  render() {\n    return (\n      <div class={this.getColClass()}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/hb-link.entry.js

@@ -48,12 +48,12 @@ const Link = class {
     };
     render() {
         const Tag = this.href ? 'a' : 'span';
-        return (h(Tag, { key: 'f4aac8cc7a366ae0c9b4b24fa0d3ee80f79da58b', class: {
+        return (h(Tag, { key: 'adc292c63a29c892aad0a7fbc8731daab5cb274f', class: {
                 'hb-link': true,
                 [`hb-link--${this.type}`]: true,
                 'hb-link--underline': this.underline,
                 'hb-link--disabled': this.disabled,
-            }, href: this.disabled ? undefined : this.href, target: this.target, onClick: this.handleClick }, this.icon && h("i", { key: '4b2675a1daf216c9ee79ea12bcab5ed24fd858ca', class: this.icon }), h("slot", { key: '948264261fa279325d939820adb2c67ae7aaf465' })));
+            }, href: this.disabled ? undefined : this.href, target: this.target, onClick: this.handleClick }, this.icon && h("i", { key: '8647d19079e91743aa0cb73e170f1a017caed895', class: this.icon }), h("slot", { key: '852517194c30de3092746039dfa1d294dc5fd243' })));
     }
 };
 Link.style = HbLinkStyle0;

package/dist/esm/hb-loading.entry.js

@@ -14,11 +14,11 @@ const Loading = class {
     /** 是否全屏显示 */
     fullscreen = false;
     render() {
-        return (h("div", { key: 'a29b2a7301ecd1ea3d4cc775b3eb842f591be4c3', class: {
+        return (h("div", { key: 'd4d4a02e79e76f293ec86320163cb69ff73b41ac', class: {
                 'hb-loading': true,
                 'hb-loading--fullscreen': this.fullscreen,
                 [`hb-loading--${this.size}`]: true,
-            } }, h("div", { key: 'c429099b5e4c3d5ac229cd2d4befb58f9baff269', class: "hb-loading__spinner" }, h("div", { key: '36e30057b133e3d1f0874da7d2be3d933292fc26', class: "hb-loading__circle" }), this.text && h("div", { key: 'a13830edf63e082e26f14d9d120763cf3e7a8003', class: "hb-loading__text" }, this.text))));
+            } }, h("div", { key: 'c31b2e33a1d5a789dfd5eff3ae460b01f960627a', class: "hb-loading__spinner" }, h("div", { key: 'd02a2a05dbfe2b1185512375b64a157d2ebd16a0', class: "hb-loading__circle" }), this.text && h("div", { key: 'd224855e42c1448d2471262c52e14e812cc50d9a', class: "hb-loading__text" }, this.text))));
     }
 };
 Loading.style = HbLoadingStyle0;

package/dist/esm/hb-main.entry.js

@@ -8,7 +8,7 @@ const Main = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("main", { key: 'd326db7b0e9de0ff411ca3af99f2399a5e760557', class: "hb-main" }, h("slot", { key: 'cea61788b327d41f6307be518c368eca41a254b2' })));
+        return (h("main", { key: '98dd998acef2d0cf91173425d84b5e14cd86c104', class: "hb-main" }, h("slot", { key: 'e508104800157f61bec0b0754371c83a4a76dabe' })));
     }
 };
 Main.style = HbMainStyle0;

package/dist/esm/hb-menu-item.entry.js

@@ -1,13 +1,22 @@
 import { r as registerInstance, g as getElement, h } from './index-fdf7135e.js';
-import { i as isActivationKey } from './a11y-f9ab2964.js';
+import { i as isActivationKey } from './a11y-e4cde5b0.js';
 
 const MenuItem = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
     get el() { return getElement(this); }
-    /** 唯一标识 */
+    /**
+     * 唯一标识。
+     * O3：推荐用 itemKey。保留 key 作为向后兼容别名（key 是 Stencil/React 保留 prop，
+     * 通过 JSX 设置时可能被 vdom 拦截；HTML 属性 key="..." 仍可工作）。
+     */
+    itemKey = '';
     key = '';
+    /** 解析出的有效 key：itemKey 优先，回退到 key */
+    get effectiveKey() {
+        return this.itemKey || this.key;
+    }
     /** 是否禁用 */
     disabled = false;
     /** 图标 */
@@ -21,7 +30,7 @@ const MenuItem = class {
         if (menu) {
             // 使用内部事件名 hbMenuItemSelect，与 Menu 向外发射的公开事件 hbSelect 区分，
             // 否则 Menu 的 @Listen('hbSelect') 会被自身 emit 的事件再次触发，导致无限递归。
-            menu.dispatchEvent(new CustomEvent('hbMenuItemSelect', { detail: this.key, bubbles: true }));
+            menu.dispatchEvent(new CustomEvent('hbMenuItemSelect', { detail: this.effectiveKey, bubbles: true }));
         }
     };
     handleKeydown = (e) => {
@@ -33,11 +42,11 @@ const MenuItem = class {
         }
     };
     render() {
-        return (h("li", { key: '34b8ae3ee2a580757cd0c01261772e6de97bf332', class: {
+        return (h("li", { key: '67ecfc7c68603c1264237d73a4d5cfa3803835df', class: {
                 'hb-menu-item': true,
                 'hb-menu-item--active': this.active,
                 'hb-menu-item--disabled': this.disabled,
-            }, role: "menuitem", tabindex: this.disabled ? -1 : 0, "aria-disabled": this.disabled ? 'true' : undefined, "aria-current": this.active ? 'page' : undefined, onClick: this.handleClick, onKeyDown: this.handleKeydown }, this.icon && h("span", { key: 'a0b70a81ce4f8ed1cef7bd37c5b194a02554bc22', class: "hb-menu-item__icon" }, this.icon), h("span", { key: '8ef65eda6376d1e16ed614fa30e7cef532abc2ad', class: "hb-menu-item__text" }, h("slot", { key: '716cf4bc2cd4cd6d992010759d55f2924662cd9a' }))));
+            }, role: "menuitem", tabindex: this.disabled ? -1 : 0, "aria-disabled": this.disabled ? 'true' : undefined, "aria-current": this.active ? 'page' : undefined, onClick: this.handleClick, onKeyDown: this.handleKeydown }, this.icon && h("span", { key: 'c1327820c95c2d16241194dad04143f8a05ee9ce', class: "hb-menu-item__icon" }, this.icon), h("span", { key: '01b93549cd0431e05f61ddcaddcfcf3ed71de866', class: "hb-menu-item__text" }, h("slot", { key: 'e7051746681ca4e78581494bb52bd0ed26afef21' }))));
     }
 };
 

package/dist/esm/hb-menu-item.entry.js.map

@@ -1 +1 @@
-{"file":"hb-menu-item.entry.js","mappings":";;;MAUa,QAAQ;;;;;;IAIX,GAAG,GAAW,EAAE,CAAC;;IAGjB,QAAQ,GAAY,KAAK,CAAC;;IAG1B,IAAI,CAAU;;IAGd,MAAM,GAAY,KAAK,CAAC;IAExB,WAAW,GAAG;QACpB,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QACxC,IAAI,IAAI,EAAE;;;YAGR,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,kBAAkB,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;SAC9F;KACF,CAAC;IAEM,aAAa,GAAG,CAAC,CAAgB;QACvC,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,IAAI,eAAe,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE;YAC1B,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,WAAW,EAAE,CAAC;SACpB;KACF,CAAC;IAEF,MAAM;QACJ,QACE,2DACE,KAAK,EAAE;gBACL,cAAc,EAAE,IAAI;gBACpB,sBAAsB,EAAE,IAAI,CAAC,MAAM;gBACnC,wBAAwB,EAAE,IAAI,CAAC,QAAQ;aACxC,EACD,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC,mBACjB,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,SAAS,kBACnC,IAAI,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,EAC9C,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,SAAS,EAAE,IAAI,CAAC,aAAa,IAE5B,IAAI,CAAC,IAAI,IAAI,6DAAM,KAAK,EAAC,oBAAoB,IAAE,IAAI,CAAC,IAAI,CAAQ,EACjE,6DAAM,KAAK,EAAC,oBAAoB,IAAC,8DAAQ,CAAO,CAC7C,EACL;KACH;;;;;","names":[],"sources":["src/components/Menu/MenuItem.tsx"],"sourcesContent":["import { Component, h, Prop, Element } from '@stencil/core';\nimport { isActivationKey } from '../../utils/a11y';\n\n/**\n * MenuItem 菜单项\n */\n@Component({\n  tag: 'hb-menu-item',\n  shadow: true,\n})\nexport class MenuItem {\n  @Element() el: HTMLElement;\n\n  /** 唯一标识 */\n  @Prop() key: string = '';\n\n  /** 是否禁用 */\n  @Prop() disabled: boolean = false;\n\n  /** 图标 */\n  @Prop() icon?: string;\n\n  /** 是否激活（由父级 Menu 设置） */\n  @Prop() active: boolean = false;\n\n  private handleClick = () => {\n    if (this.disabled) return;\n    const menu = this.el.closest('hb-menu');\n    if (menu) {\n      // 使用内部事件名 hbMenuItemSelect，与 Menu 向外发射的公开事件 hbSelect 区分，\n      // 否则 Menu 的 @Listen('hbSelect') 会被自身 emit 的事件再次触发，导致无限递归。\n      menu.dispatchEvent(new CustomEvent('hbMenuItemSelect', { detail: this.key, bubbles: true }));\n    }\n  };\n\n  private handleKeydown = (e: KeyboardEvent) => {\n    if (this.disabled) return;\n    if (isActivationKey(e.key)) {\n      e.preventDefault();\n      this.handleClick();\n    }\n  };\n\n  render() {\n    return (\n      <li\n        class={{\n          'hb-menu-item': true,\n          'hb-menu-item--active': this.active,\n          'hb-menu-item--disabled': this.disabled,\n        }}\n        role=\"menuitem\"\n        tabindex={this.disabled ? -1 : 0}\n        aria-disabled={this.disabled ? 'true' : undefined}\n        aria-current={this.active ? 'page' : undefined}\n        onClick={this.handleClick}\n        onKeyDown={this.handleKeydown}\n      >\n        {this.icon && <span class=\"hb-menu-item__icon\">{this.icon}</span>}\n        <span class=\"hb-menu-item__text\"><slot /></span>\n      </li>\n    );\n  }\n}\n"],"version":3}
+{"file":"hb-menu-item.entry.js","mappings":";;;MAUa,QAAQ;;;;;;;;;;IAQX,OAAO,GAAW,EAAE,CAAC;IACrB,GAAG,GAAW,EAAE,CAAC;;IAGzB,IAAY,YAAY;QACtB,OAAO,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,GAAG,CAAC;KACjC;;IAGO,QAAQ,GAAY,KAAK,CAAC;;IAG1B,IAAI,CAAU;;IAGd,MAAM,GAAY,KAAK,CAAC;IAExB,WAAW,GAAG;QACpB,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QACxC,IAAI,IAAI,EAAE;;;YAGR,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,kBAAkB,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,YAAY,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;SACvG;KACF,CAAC;IAEM,aAAa,GAAG,CAAC,CAAgB;QACvC,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,IAAI,eAAe,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE;YAC1B,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,WAAW,EAAE,CAAC;SACpB;KACF,CAAC;IAEF,MAAM;QACJ,QACE,2DACE,KAAK,EAAE;gBACL,cAAc,EAAE,IAAI;gBACpB,sBAAsB,EAAE,IAAI,CAAC,MAAM;gBACnC,wBAAwB,EAAE,IAAI,CAAC,QAAQ;aACxC,EACD,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC,mBACjB,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,SAAS,kBACnC,IAAI,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,EAC9C,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,SAAS,EAAE,IAAI,CAAC,aAAa,IAE5B,IAAI,CAAC,IAAI,IAAI,6DAAM,KAAK,EAAC,oBAAoB,IAAE,IAAI,CAAC,IAAI,CAAQ,EACjE,6DAAM,KAAK,EAAC,oBAAoB,IAC9B,8DAAQ,CACH,CACJ,EACL;KACH;;;;;","names":[],"sources":["src/components/Menu/MenuItem.tsx"],"sourcesContent":["import { Component, h, Prop, Element } from '@stencil/core';\nimport { isActivationKey } from '../../utils/a11y';\n\n/**\n * MenuItem 菜单项\n */\n@Component({\n  tag: 'hb-menu-item',\n  shadow: true,\n})\nexport class MenuItem {\n  @Element() el: HTMLElement;\n\n  /**\n   * 唯一标识。\n   * O3：推荐用 itemKey。保留 key 作为向后兼容别名（key 是 Stencil/React 保留 prop，\n   * 通过 JSX 设置时可能被 vdom 拦截；HTML 属性 key=\"...\" 仍可工作）。\n   */\n  @Prop() itemKey: string = '';\n  @Prop() key: string = '';\n\n  /** 解析出的有效 key：itemKey 优先，回退到 key */\n  private get effectiveKey(): string {\n    return this.itemKey || this.key;\n  }\n\n  /** 是否禁用 */\n  @Prop() disabled: boolean = false;\n\n  /** 图标 */\n  @Prop() icon?: string;\n\n  /** 是否激活（由父级 Menu 设置） */\n  @Prop() active: boolean = false;\n\n  private handleClick = () => {\n    if (this.disabled) return;\n    const menu = this.el.closest('hb-menu');\n    if (menu) {\n      // 使用内部事件名 hbMenuItemSelect，与 Menu 向外发射的公开事件 hbSelect 区分，\n      // 否则 Menu 的 @Listen('hbSelect') 会被自身 emit 的事件再次触发，导致无限递归。\n      menu.dispatchEvent(new CustomEvent('hbMenuItemSelect', { detail: this.effectiveKey, bubbles: true }));\n    }\n  };\n\n  private handleKeydown = (e: KeyboardEvent) => {\n    if (this.disabled) return;\n    if (isActivationKey(e.key)) {\n      e.preventDefault();\n      this.handleClick();\n    }\n  };\n\n  render() {\n    return (\n      <li\n        class={{\n          'hb-menu-item': true,\n          'hb-menu-item--active': this.active,\n          'hb-menu-item--disabled': this.disabled,\n        }}\n        role=\"menuitem\"\n        tabindex={this.disabled ? -1 : 0}\n        aria-disabled={this.disabled ? 'true' : undefined}\n        aria-current={this.active ? 'page' : undefined}\n        onClick={this.handleClick}\n        onKeyDown={this.handleKeydown}\n      >\n        {this.icon && <span class=\"hb-menu-item__icon\">{this.icon}</span>}\n        <span class=\"hb-menu-item__text\">\n          <slot />\n        </span>\n      </li>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/hb-menu.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, g as getElement, h } from './index-fdf7135e.js';
 
-const menuCss = "/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{display:block}.hb-menu{background-color:var(--hb-menu-bg,var(--hb-color-bg-container));border-right:1px solid var(--hb-color-border-secondary);box-sizing:border-box;color:var(--hb-menu-color,var(--hb-color-text));font-size:var(--hb-font-size-sm);list-style:none;margin:0;padding:4px 0}.hb-menu--horizontal{border-bottom:1px solid var(--hb-color-border-secondary);border-right:none;display:flex}.hb-menu--collapsed{width:64px}.hb-menu--collapsed .hb-menu-item__text,.hb-menu--collapsed .hb-sub-menu__arrow,.hb-menu--collapsed .hb-sub-menu__label{display:none}.hb-sub-menu--collapsed{position:relative}.hb-sub-menu--collapsed .hb-sub-menu__title{justify-content:center;padding:0}.hb-sub-menu__children--popover{background-color:var(--hb-menu-bg,var(--hb-color-bg-container));border:1px solid var(--hb-color-border-secondary);border-radius:var(--hb-radius-sm,4px);box-shadow:0 2px 8px #0000001f;left:100%;margin-left:4px;min-width:160px;padding:4px 0;position:absolute;top:0;white-space:nowrap;z-index:1000}.hb-sub-menu__children--popover .hb-menu-item{padding-left:var(--hb-spacing-md)}::slotted(hb-menu-item){display:block}.hb-menu-item{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;gap:var(--hb-spacing-xs);height:var(--hb-size-default);line-height:var(--hb-size-default);list-style:none;padding:0 var(--hb-spacing-md);transition:all var(--hb-transition-duration)var(--hb-transition-function);white-space:nowrap}.hb-menu-item:hover:not(.hb-menu-item--disabled){background-color:var(--hb-menu-item-hover-bg,var(--hb-color-fill-tertiary))}.hb-menu-item--active{background-color:var(--hb-menu-item-active-bg,var(--hb-color-primary-bg));color:var(--hb-menu-active-color,var(--hb-color-primary))}.hb-menu-item--disabled{cursor:not-allowed;opacity:.5}.hb-menu-item__icon{display:inline-flex;width:16px}.hb-sub-menu{list-style:none}.hb-sub-menu__title{align-items:center;cursor:pointer;display:flex;gap:var(--hb-spacing-xs);height:var(--hb-size-default);line-height:var(--hb-size-default);padding:0 var(--hb-spacing-md);transition:all var(--hb-transition-duration)}.hb-sub-menu__title:hover{background-color:var(--hb-menu-item-hover-bg,var(--hb-color-fill-tertiary))}.hb-sub-menu__label{flex:1}.hb-sub-menu__arrow{font-size:10px;transition:transform var(--hb-transition-duration)}.hb-sub-menu__arrow--open{transform:rotate(90deg)}.hb-sub-menu__children{background-color:var(--hb-menu-bg,var(--hb-color-bg-container));list-style:none;margin:0;padding:0}.hb-sub-menu__children .hb-menu-item{padding-left:calc(var(--hb-spacing-md) + var(--hb-spacing-lg))}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}";
+const menuCss = "/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{display:block}.hb-menu{background-color:var(--hb-menu-bg,var(--hb-color-bg-container));border-right:1px solid var(--hb-color-border-secondary);box-sizing:border-box;color:var(--hb-menu-color,var(--hb-color-text));font-size:var(--hb-font-size-sm);list-style:none;margin:0;padding:4px 0}.hb-menu--horizontal{border-bottom:1px solid var(--hb-color-border-secondary);border-right:none;display:flex}.hb-menu--collapsed{width:64px}.hb-menu--collapsed .hb-menu-item__text,.hb-menu--collapsed .hb-sub-menu__arrow,.hb-menu--collapsed .hb-sub-menu__label{display:none}.hb-sub-menu--collapsed{position:relative}.hb-sub-menu--collapsed .hb-sub-menu__title{justify-content:center;padding:0}.hb-sub-menu__children--popover{background-color:var(--hb-menu-bg,var(--hb-color-bg-container));border:1px solid var(--hb-color-border-secondary);border-radius:var(--hb-radius-sm,4px);box-shadow:0 2px 8px #0000001f;left:100%;margin-left:4px;min-width:160px;padding:4px 0;position:absolute;top:0;white-space:nowrap;z-index:1000}.hb-sub-menu__children--popover .hb-menu-item{padding-left:var(--hb-spacing-md)}::slotted(hb-menu-item){display:block}.hb-menu-item{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;gap:var(--hb-spacing-xs);height:var(--hb-size-default);line-height:var(--hb-size-default);list-style:none;padding:0 var(--hb-spacing-md);transition:all var(--hb-transition-duration)var(--hb-transition-function);white-space:nowrap}.hb-menu-item:hover:not(.hb-menu-item--disabled){background-color:var(--hb-menu-item-hover-bg,var(--hb-color-fill-tertiary))}.hb-menu-item--active{background-color:var(--hb-menu-item-active-bg,var(--hb-color-primary-bg));color:var(--hb-menu-active-color,var(--hb-color-primary))}.hb-menu-item--disabled{cursor:not-allowed;opacity:.5}.hb-menu-item__icon{display:inline-flex;width:16px}.hb-sub-menu{list-style:none}.hb-sub-menu__title{align-items:center;cursor:pointer;display:flex;gap:var(--hb-spacing-xs);height:var(--hb-size-default);line-height:var(--hb-size-default);padding:0 var(--hb-spacing-md);transition:all var(--hb-transition-duration)}.hb-sub-menu__title:hover{background-color:var(--hb-menu-item-hover-bg,var(--hb-color-fill-tertiary))}.hb-sub-menu__label{flex:1}.hb-sub-menu__arrow{font-size:10px;transition:transform var(--hb-transition-duration)}.hb-sub-menu__arrow--open{transform:rotate(90deg)}.hb-sub-menu__children{background-color:var(--hb-menu-bg,var(--hb-color-bg-container));list-style:none;margin:0;padding:0}.hb-sub-menu__children .hb-menu-item{padding-left:calc(var(--hb-spacing-md) + var(--hb-spacing-lg))}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@media (max-width:575.98px){.hb-menu--horizontal{align-items:stretch;flex-direction:column;gap:2px}.hb-menu--horizontal .hb-menu-item,.hb-menu--horizontal .hb-sub-menu{padding:10px 12px}:host .hb-menu-item__text,:host .hb-sub-menu__label{display:inline}}";
 const HbMenuStyle0 = menuCss;
 
 const Menu = class {
@@ -65,11 +65,11 @@ const Menu = class {
             style['--hb-menu-color'] = this.textColor;
         if (this.activeTextColor)
             style['--hb-menu-active-color'] = this.activeTextColor;
-        return (h("ul", { key: '0352bda3d62d4a280681612a7bf301f16459bcc0', class: {
+        return (h("ul", { key: 'afca5c6b17206341e12c66c5948c328396ceeccf', class: {
                 'hb-menu': true,
                 [`hb-menu--${this.mode}`]: true,
                 'hb-menu--collapsed': this.collapsed,
-            }, style: style, role: "menu" }, h("slot", { key: '142fea193616a6e311b854f6bd893e0646950b29' })));
+            }, style: style, role: "menu" }, h("slot", { key: '3de1ef4c434bacb9fea50b46a275ab8854df65c6' })));
     }
     static get watchers() { return {
         "defaultActive": ["handleDefaultActiveChange"],

package/dist/esm/hb-menu.entry.js.map

@@ -1 +1 @@
-{"file":"hb-menu.entry.js","mappings":";;AAAA,MAAM,OAAO,GAAG,2nQAA2nQ,CAAC;AAC5oQ,qBAAe,OAAO;;MCUT,IAAI;;;;;;;IAIP,IAAI,GAA8B,UAAU,CAAC;;IAG5B,aAAa,GAAW,EAAE,CAAC;;IAG5C,SAAS,GAAY,KAAK,CAAC;;IAG3B,eAAe,CAAU;;IAGzB,SAAS,CAAU;;IAGnB,eAAe,CAAU;IAExB,UAAU,GAAW,EAAE,CAAC;;IAGxB,QAAQ,CAAuB;IAExC,gBAAgB;QACd,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC;;QAErC,IAAI,CAAC,uBAAuB,EAAE,CAAC;KAChC;IAGD,yBAAyB;QACvB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC;KACtC;IAGD,qBAAqB;QACnB,IAAI,CAAC,uBAAuB,EAAE,CAAC;KAChC;;;;;IAMO,uBAAuB;QAC7B,IAAI,CAAC,IAAI,CAAC,EAAE;YAAE,OAAO;QACrB,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG;YAClD,GAAG,CAAC,YAAY,CAAC,WAAW,EAAE,IAAI,CAAC,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;SAClE,CAAC,CAAC;KACJ;;IAID,YAAY,CAAC,KAA0B;QACrC,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC;QACzB,IAAI,CAAC,UAAU,GAAG,GAAG,CAAC;QACtB,IAAI,CAAC,aAAa,GAAG,GAAG,CAAC;QACzB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;;QAExB,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI;YACpD,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;SAClF,CAAC,CAAC;KACJ;IAED,MAAM;QACJ,MAAM,KAAK,GAA2B,EAAE,CAAC;QACzC,IAAI,IAAI,CAAC,eAAe;YAAE,KAAK,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC;QACvE,IAAI,IAAI,CAAC,SAAS;YAAE,KAAK,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC;QAC9D,IAAI,IAAI,CAAC,eAAe;YAAE,KAAK,CAAC,wBAAwB,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC;QAEjF,QACE,2DACE,KAAK,EAAE;gBACL,SAAS,EAAE,IAAI;gBACf,CAAC,YAAY,IAAI,CAAC,IAAI,EAAE,GAAG,IAAI;gBAC/B,oBAAoB,EAAE,IAAI,CAAC,SAAS;aACrC,EACD,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,MAAM,IAEX,8DAAQ,CACL,EACL;KACH;;;;;;;;;;","names":[],"sources":["src/components/Menu/menu.css?tag=hb-menu&encapsulation=shadow","src/components/Menu/Menu.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hb-menu {\n  list-style: none;\n  margin: 0;\n  padding: 4px 0;\n  background-color: var(--hb-menu-bg, var(--hb-color-bg-container));\n  color: var(--hb-menu-color, var(--hb-color-text));\n  font-size: var(--hb-font-size-sm);\n  border-right: 1px solid var(--hb-color-border-secondary);\n  box-sizing: border-box;\n}\n\n/* ---- 水平模式 ---- */\n.hb-menu--horizontal {\n  display: flex;\n  border-right: none;\n  border-bottom: 1px solid var(--hb-color-border-secondary);\n}\n\n/* ---- 折叠 ---- */\n.hb-menu--collapsed {\n  width: 64px;\n}\n.hb-menu--collapsed .hb-menu-item__text,\n.hb-menu--collapsed .hb-sub-menu__label,\n.hb-menu--collapsed .hb-sub-menu__arrow {\n  display: none;\n}\n\n/* 折叠态 SubMenu：图标条布局（仅显示 icon），不再就地展开 */\n.hb-sub-menu--collapsed {\n  position: relative;\n}\n.hb-sub-menu--collapsed .hb-sub-menu__title {\n  justify-content: center;\n  padding: 0;\n}\n\n/* 折叠态浮层：绝对定位弹出在右侧 */\n.hb-sub-menu__children--popover {\n  position: absolute;\n  left: 100%;\n  top: 0;\n  margin-left: 4px;\n  min-width: 160px;\n  padding: 4px 0;\n  background-color: var(--hb-menu-bg, var(--hb-color-bg-container));\n  border: 1px solid var(--hb-color-border-secondary);\n  border-radius: var(--hb-radius-sm, 4px);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);\n  z-index: 1000;\n  white-space: nowrap;\n}\n\n/* 折叠态浮层内的 MenuItem 取消就地展开时的缩进 */\n.hb-sub-menu__children--popover .hb-menu-item {\n  padding-left: var(--hb-spacing-md);\n}\n\n/* ---- MenuItem ---- */\n::slotted(hb-menu-item) {\n  display: block;\n}\n\n.hb-menu-item {\n  display: flex;\n  align-items: center;\n  gap: var(--hb-spacing-xs);\n  padding: 0 var(--hb-spacing-md);\n  height: var(--hb-size-default);\n  line-height: var(--hb-size-default);\n  cursor: pointer;\n  transition: all var(--hb-transition-duration) var(--hb-transition-function);\n  white-space: nowrap;\n  list-style: none;\n  box-sizing: border-box;\n}\n\n.hb-menu-item:hover:not(.hb-menu-item--disabled) {\n  background-color: var(--hb-menu-item-hover-bg, var(--hb-color-fill-tertiary));\n}\n\n.hb-menu-item--active {\n  color: var(--hb-menu-active-color, var(--hb-color-primary));\n  background-color: var(--hb-menu-item-active-bg, var(--hb-color-primary-bg));\n}\n\n.hb-menu-item--disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.hb-menu-item__icon {\n  display: inline-flex;\n  width: 16px;\n}\n\n/* ---- SubMenu ---- */\n.hb-sub-menu {\n  list-style: none;\n}\n\n.hb-sub-menu__title {\n  display: flex;\n  align-items: center;\n  gap: var(--hb-spacing-xs);\n  padding: 0 var(--hb-spacing-md);\n  height: var(--hb-size-default);\n  line-height: var(--hb-size-default);\n  cursor: pointer;\n  transition: all var(--hb-transition-duration);\n}\n\n.hb-sub-menu__title:hover {\n  background-color: var(--hb-menu-item-hover-bg, var(--hb-color-fill-tertiary));\n}\n\n.hb-sub-menu__label {\n  flex: 1;\n}\n\n.hb-sub-menu__arrow {\n  font-size: 10px;\n  transition: transform var(--hb-transition-duration);\n}\n\n.hb-sub-menu__arrow--open {\n  transform: rotate(90deg);\n}\n\n.hb-sub-menu__children {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  background-color: var(--hb-menu-bg, var(--hb-color-bg-container));\n}\n\n.hb-sub-menu__children .hb-menu-item {\n  padding-left: calc(var(--hb-spacing-md) + var(--hb-spacing-lg));\n}\n","import { Component, h, Prop, State, Element, Watch, Event, EventEmitter, Listen } from '@stencil/core';\n\n/**\n * Menu 导航菜单组件\n * 为页面和功能提供导航的菜单\n */\n@Component({\n  tag: 'hb-menu',\n  styleUrl: 'menu.css',\n  shadow: true,\n})\nexport class Menu {\n  @Element() el: HTMLElement;\n\n  /** 模式 */\n  @Prop() mode: 'horizontal' | 'vertical' = 'vertical';\n\n  /** 当前激活菜单项 */\n  @Prop({ mutable: true }) defaultActive: string = '';\n\n  /** 是否折叠（仅垂直模式） */\n  @Prop() collapsed: boolean = false;\n\n  /** 背景色 */\n  @Prop() backgroundColor?: string;\n\n  /** 文字颜色 */\n  @Prop() textColor?: string;\n\n  /** 激活项文字颜色 */\n  @Prop() activeTextColor?: string;\n\n  @State() activeItem: string = '';\n\n  /** 选中事件 */\n  @Event() hbSelect: EventEmitter<string>;\n\n  componentDidLoad() {\n    this.activeItem = this.defaultActive;\n    // 折叠态透传给子 hb-sub-menu（子组件无法继承 prop，需在 host 属性层面同步）\n    this.syncCollapsedToChildren();\n  }\n\n  @Watch('defaultActive')\n  handleDefaultActiveChange() {\n    this.activeItem = this.defaultActive;\n  }\n\n  @Watch('collapsed')\n  handleCollapsedChange() {\n    this.syncCollapsedToChildren();\n  }\n\n  /**\n   * 把 collapsed 状态同步到所有直连与嵌套的 hb-sub-menu 子节点。\n   * querySelectorAll 递归匹配，因此 hb-sub-menu > hb-sub-menu（多级）也会被覆盖。\n   */\n  private syncCollapsedToChildren() {\n    if (!this.el) return;\n    this.el.querySelectorAll('hb-sub-menu').forEach((sub) => {\n      sub.setAttribute('collapsed', this.collapsed ? 'true' : 'false');\n    });\n  }\n\n  /** 监听子 hb-menu-item 派发的内部选中事件，更新激活态并向外发射公开的 hbSelect */\n  @Listen('hbMenuItemSelect')\n  handleSelect(event: CustomEvent<string>) {\n    const key = event.detail;\n    this.activeItem = key;\n    this.defaultActive = key;\n    this.hbSelect.emit(key);\n    // 通知子组件（含嵌套在 hb-sub-menu 内的 hb-menu-item）\n    this.el.querySelectorAll('hb-menu-item').forEach((item) => {\n      item.setAttribute('active', item.getAttribute('key') === key ? 'true' : 'false');\n    });\n  }\n\n  render() {\n    const style: Record<string, string> = {};\n    if (this.backgroundColor) style['--hb-menu-bg'] = this.backgroundColor;\n    if (this.textColor) style['--hb-menu-color'] = this.textColor;\n    if (this.activeTextColor) style['--hb-menu-active-color'] = this.activeTextColor;\n\n    return (\n      <ul\n        class={{\n          'hb-menu': true,\n          [`hb-menu--${this.mode}`]: true,\n          'hb-menu--collapsed': this.collapsed,\n        }}\n        style={style}\n        role=\"menu\"\n      >\n        <slot />\n      </ul>\n    );\n  }\n}\n"],"version":3}
+{"file":"hb-menu.entry.js","mappings":";;AAAA,MAAM,OAAO,GAAG,y3QAAy3Q,CAAC;AAC14Q,qBAAe,OAAO;;MCUT,IAAI;;;;;;;IAIP,IAAI,GAA8B,UAAU,CAAC;;IAG5B,aAAa,GAAW,EAAE,CAAC;;IAG5C,SAAS,GAAY,KAAK,CAAC;;IAG3B,eAAe,CAAU;;IAGzB,SAAS,CAAU;;IAGnB,eAAe,CAAU;IAExB,UAAU,GAAW,EAAE,CAAC;;IAGxB,QAAQ,CAAuB;IAExC,gBAAgB;QACd,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC;;QAErC,IAAI,CAAC,uBAAuB,EAAE,CAAC;KAChC;IAGD,yBAAyB;QACvB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC;KACtC;IAGD,qBAAqB;QACnB,IAAI,CAAC,uBAAuB,EAAE,CAAC;KAChC;;;;;IAMO,uBAAuB;QAC7B,IAAI,CAAC,IAAI,CAAC,EAAE;YAAE,OAAO;QACrB,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG;YAClD,GAAG,CAAC,YAAY,CAAC,WAAW,EAAE,IAAI,CAAC,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;SAClE,CAAC,CAAC;KACJ;;IAID,YAAY,CAAC,KAA0B;QACrC,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC;QACzB,IAAI,CAAC,UAAU,GAAG,GAAG,CAAC;QACtB,IAAI,CAAC,aAAa,GAAG,GAAG,CAAC;QACzB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;;QAExB,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI;YACpD,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;SAClF,CAAC,CAAC;KACJ;IAED,MAAM;QACJ,MAAM,KAAK,GAA2B,EAAE,CAAC;QACzC,IAAI,IAAI,CAAC,eAAe;YAAE,KAAK,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC;QACvE,IAAI,IAAI,CAAC,SAAS;YAAE,KAAK,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC;QAC9D,IAAI,IAAI,CAAC,eAAe;YAAE,KAAK,CAAC,wBAAwB,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC;QAEjF,QACE,2DACE,KAAK,EAAE;gBACL,SAAS,EAAE,IAAI;gBACf,CAAC,YAAY,IAAI,CAAC,IAAI,EAAE,GAAG,IAAI;gBAC/B,oBAAoB,EAAE,IAAI,CAAC,SAAS;aACrC,EACD,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,MAAM,IAEX,8DAAQ,CACL,EACL;KACH;;;;;;;;;;","names":[],"sources":["src/components/Menu/menu.css?tag=hb-menu&encapsulation=shadow","src/components/Menu/Menu.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hb-menu {\n  list-style: none;\n  margin: 0;\n  padding: 4px 0;\n  background-color: var(--hb-menu-bg, var(--hb-color-bg-container));\n  color: var(--hb-menu-color, var(--hb-color-text));\n  font-size: var(--hb-font-size-sm);\n  border-right: 1px solid var(--hb-color-border-secondary);\n  box-sizing: border-box;\n}\n\n/* ---- 水平模式 ---- */\n.hb-menu--horizontal {\n  display: flex;\n  border-right: none;\n  border-bottom: 1px solid var(--hb-color-border-secondary);\n}\n\n/* ---- 折叠 ---- */\n.hb-menu--collapsed {\n  width: 64px;\n}\n.hb-menu--collapsed .hb-menu-item__text,\n.hb-menu--collapsed .hb-sub-menu__label,\n.hb-menu--collapsed .hb-sub-menu__arrow {\n  display: none;\n}\n\n/* 折叠态 SubMenu：图标条布局（仅显示 icon），不再就地展开 */\n.hb-sub-menu--collapsed {\n  position: relative;\n}\n.hb-sub-menu--collapsed .hb-sub-menu__title {\n  justify-content: center;\n  padding: 0;\n}\n\n/* 折叠态浮层：绝对定位弹出在右侧 */\n.hb-sub-menu__children--popover {\n  position: absolute;\n  left: 100%;\n  top: 0;\n  margin-left: 4px;\n  min-width: 160px;\n  padding: 4px 0;\n  background-color: var(--hb-menu-bg, var(--hb-color-bg-container));\n  border: 1px solid var(--hb-color-border-secondary);\n  border-radius: var(--hb-radius-sm, 4px);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);\n  z-index: 1000;\n  white-space: nowrap;\n}\n\n/* 折叠态浮层内的 MenuItem 取消就地展开时的缩进 */\n.hb-sub-menu__children--popover .hb-menu-item {\n  padding-left: var(--hb-spacing-md);\n}\n\n/* ---- MenuItem ---- */\n::slotted(hb-menu-item) {\n  display: block;\n}\n\n.hb-menu-item {\n  display: flex;\n  align-items: center;\n  gap: var(--hb-spacing-xs);\n  padding: 0 var(--hb-spacing-md);\n  height: var(--hb-size-default);\n  line-height: var(--hb-size-default);\n  cursor: pointer;\n  transition: all var(--hb-transition-duration) var(--hb-transition-function);\n  white-space: nowrap;\n  list-style: none;\n  box-sizing: border-box;\n}\n\n.hb-menu-item:hover:not(.hb-menu-item--disabled) {\n  background-color: var(--hb-menu-item-hover-bg, var(--hb-color-fill-tertiary));\n}\n\n.hb-menu-item--active {\n  color: var(--hb-menu-active-color, var(--hb-color-primary));\n  background-color: var(--hb-menu-item-active-bg, var(--hb-color-primary-bg));\n}\n\n.hb-menu-item--disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.hb-menu-item__icon {\n  display: inline-flex;\n  width: 16px;\n}\n\n/* ---- SubMenu ---- */\n.hb-sub-menu {\n  list-style: none;\n}\n\n.hb-sub-menu__title {\n  display: flex;\n  align-items: center;\n  gap: var(--hb-spacing-xs);\n  padding: 0 var(--hb-spacing-md);\n  height: var(--hb-size-default);\n  line-height: var(--hb-size-default);\n  cursor: pointer;\n  transition: all var(--hb-transition-duration);\n}\n\n.hb-sub-menu__title:hover {\n  background-color: var(--hb-menu-item-hover-bg, var(--hb-color-fill-tertiary));\n}\n\n.hb-sub-menu__label {\n  flex: 1;\n}\n\n.hb-sub-menu__arrow {\n  font-size: 10px;\n  transition: transform var(--hb-transition-duration);\n}\n\n.hb-sub-menu__arrow--open {\n  transform: rotate(90deg);\n}\n\n.hb-sub-menu__children {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  background-color: var(--hb-menu-bg, var(--hb-color-bg-container));\n}\n\n.hb-sub-menu__children .hb-menu-item {\n  padding-left: calc(var(--hb-spacing-md) + var(--hb-spacing-lg));\n}\n\n/* ============================================================\n * 响应式（移动端）：小屏水平菜单改为纵向折叠，\n * 子菜单展开为内联列表（避免横向溢出）。对齐 antd 移动端行为。\n * ============================================================ */\n@media (max-width: 575.98px) {\n  /* 水平菜单在小屏改为垂直堆叠 */\n  .hb-menu--horizontal {\n    flex-direction: column;\n    align-items: stretch;\n    gap: 2px;\n  }\n\n  /* 收窄的内边距 */\n  .hb-menu--horizontal .hb-menu-item,\n  .hb-menu--horizontal .hb-sub-menu {\n    padding: 10px 12px;\n  }\n\n  /* 让所有菜单项文字始终显示（即便桌面端折叠态隐藏文字，移动端不适用） */\n  :host .hb-menu-item__text,\n  :host .hb-sub-menu__label {\n    display: inline;\n  }\n}\n","import { Component, h, Prop, State, Element, Watch, Event, EventEmitter, Listen } from '@stencil/core';\n\n/**\n * Menu 导航菜单组件\n * 为页面和功能提供导航的菜单\n */\n@Component({\n  tag: 'hb-menu',\n  styleUrl: 'menu.css',\n  shadow: true,\n})\nexport class Menu {\n  @Element() el: HTMLElement;\n\n  /** 模式 */\n  @Prop() mode: 'horizontal' | 'vertical' = 'vertical';\n\n  /** 当前激活菜单项 */\n  @Prop({ mutable: true }) defaultActive: string = '';\n\n  /** 是否折叠（仅垂直模式） */\n  @Prop() collapsed: boolean = false;\n\n  /** 背景色 */\n  @Prop() backgroundColor?: string;\n\n  /** 文字颜色 */\n  @Prop() textColor?: string;\n\n  /** 激活项文字颜色 */\n  @Prop() activeTextColor?: string;\n\n  @State() activeItem: string = '';\n\n  /** 选中事件 */\n  @Event() hbSelect: EventEmitter<string>;\n\n  componentDidLoad() {\n    this.activeItem = this.defaultActive;\n    // 折叠态透传给子 hb-sub-menu（子组件无法继承 prop，需在 host 属性层面同步）\n    this.syncCollapsedToChildren();\n  }\n\n  @Watch('defaultActive')\n  handleDefaultActiveChange() {\n    this.activeItem = this.defaultActive;\n  }\n\n  @Watch('collapsed')\n  handleCollapsedChange() {\n    this.syncCollapsedToChildren();\n  }\n\n  /**\n   * 把 collapsed 状态同步到所有直连与嵌套的 hb-sub-menu 子节点。\n   * querySelectorAll 递归匹配，因此 hb-sub-menu > hb-sub-menu（多级）也会被覆盖。\n   */\n  private syncCollapsedToChildren() {\n    if (!this.el) return;\n    this.el.querySelectorAll('hb-sub-menu').forEach((sub) => {\n      sub.setAttribute('collapsed', this.collapsed ? 'true' : 'false');\n    });\n  }\n\n  /** 监听子 hb-menu-item 派发的内部选中事件，更新激活态并向外发射公开的 hbSelect */\n  @Listen('hbMenuItemSelect')\n  handleSelect(event: CustomEvent<string>) {\n    const key = event.detail;\n    this.activeItem = key;\n    this.defaultActive = key;\n    this.hbSelect.emit(key);\n    // 通知子组件（含嵌套在 hb-sub-menu 内的 hb-menu-item）\n    this.el.querySelectorAll('hb-menu-item').forEach((item) => {\n      item.setAttribute('active', item.getAttribute('key') === key ? 'true' : 'false');\n    });\n  }\n\n  render() {\n    const style: Record<string, string> = {};\n    if (this.backgroundColor) style['--hb-menu-bg'] = this.backgroundColor;\n    if (this.textColor) style['--hb-menu-color'] = this.textColor;\n    if (this.activeTextColor) style['--hb-menu-active-color'] = this.activeTextColor;\n\n    return (\n      <ul\n        class={{\n          'hb-menu': true,\n          [`hb-menu--${this.mode}`]: true,\n          'hb-menu--collapsed': this.collapsed,\n        }}\n        style={style}\n        role=\"menu\"\n      >\n        <slot />\n      </ul>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/hb-message.entry.js

@@ -21,21 +21,30 @@ const Message = class {
     /** 显示时间（毫秒），0 为不自动关闭 */
     duration = 3000;
     visible = true;
+    // L3：存储 timer id 以便 disconnectedCallback 清理（修复前未存、卸载后仍触发 detached 实例）
+    autoCloseTimer;
+    removeTimer;
     componentDidLoad() {
         if (this.duration > 0) {
-            setTimeout(() => this.close(), this.duration);
+            this.autoCloseTimer = setTimeout(() => this.close(), this.duration);
         }
     }
     close = () => {
         this.visible = false;
-        setTimeout(() => this.el.remove(), 300);
+        this.removeTimer = setTimeout(() => this.el.remove(), 300);
     };
+    disconnectedCallback() {
+        if (this.autoCloseTimer)
+            clearTimeout(this.autoCloseTimer);
+        if (this.removeTimer)
+            clearTimeout(this.removeTimer);
+    }
     render() {
-        return (h("div", { key: '51069b8f2a5079fcfd64bb24168907bbcfbfd869', class: {
+        return (h("div", { key: '8502f9c4c0877fb5cebe6db6fcc838ce9de92c97', class: {
                 'hb-message': true,
                 [`hb-message--${this.type}`]: true,
                 'hb-message--visible': this.visible,
-            }, role: "alert" }, h("span", { key: 'ad3123ae0c4eb9b8010c446bf0016d54af7b8a3a', class: "hb-message__icon" }, ICON_MAP[this.type]), h("span", { key: '557ea0f92544ab58079a498b8f90dc774746c0a2', class: "hb-message__text" }, this.message), this.closable && (h("span", { key: 'e90e3380ba2b9a473d5f839983b959584948fd2a', class: "hb-message__close", onClick: this.close }, "\u00D7"))));
+            }, role: "alert" }, h("span", { key: 'fa00c1a8f6fbc9c4be3cb3809a739eb1f08035b2', class: "hb-message__icon" }, ICON_MAP[this.type]), h("span", { key: '870991d67ff662ba9c15d3df820394258d5eef3e', class: "hb-message__text" }, this.message), this.closable && (h("span", { key: '5f10b7332a0125841384238b2048572e7ee8558b', class: "hb-message__close", onClick: this.close }, "\u00D7"))));
     }
 };
 

package/dist/esm/hb-message.entry.js.map

@@ -1 +1 @@
-{"file":"hb-message.entry.js","mappings":";;AAIA,MAAM,QAAQ,GAAgC;IAC5C,OAAO,EAAE,GAAG;IACZ,OAAO,EAAE,GAAG;IACZ,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,GAAG;IACV,OAAO,EAAE,GAAG;CACb,CAAC;MAUW,OAAO;;;;;;IAIV,OAAO,GAAW,EAAE,CAAC;;IAGrB,IAAI,GAAgB,MAAM,CAAC;;IAG3B,QAAQ,GAAY,KAAK,CAAC;;IAG1B,QAAQ,GAAW,IAAI,CAAC;IAEvB,OAAO,GAAY,IAAI,CAAC;IAEjC,gBAAgB;QACd,IAAI,IAAI,CAAC,QAAQ,GAAG,CAAC,EAAE;YACrB,UAAU,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;SAC/C;KACF;IAEO,KAAK,GAAG;QACd,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,UAAU,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,EAAE,GAAG,CAAC,CAAC;KACzC,CAAC;IAEF,MAAM;QACJ,QACE,4DACE,KAAK,EAAE;gBACL,YAAY,EAAE,IAAI;gBAClB,CAAC,eAAe,IAAI,CAAC,IAAI,EAAE,GAAG,IAAI;gBAClC,qBAAqB,EAAE,IAAI,CAAC,OAAO;aACpC,EACD,IAAI,EAAC,OAAO,IAEZ,6DAAM,KAAK,EAAC,kBAAkB,IAAE,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAQ,EAC3D,6DAAM,KAAK,EAAC,kBAAkB,IAAE,IAAI,CAAC,OAAO,CAAQ,EACnD,IAAI,CAAC,QAAQ,KACZ,6DAAM,KAAK,EAAC,mBAAmB,EAAC,OAAO,EAAE,IAAI,CAAC,KAAK,aAAU,CAC9D,CACG,EACN;KACH;;;;;","names":[],"sources":["src/components/Message/Message.tsx"],"sourcesContent":["import { Component, h, Prop, State, Element } from '@stencil/core';\n\nexport type MessageType = 'success' | 'warning' | 'info' | 'error' | 'loading';\n\nconst ICON_MAP: Record<MessageType, string> = {\n  success: '✓',\n  warning: '⚠',\n  info: 'ℹ',\n  error: '✕',\n  loading: '⏳',\n};\n\n/**\n * Message 消息提示组件\n * 常用于主动操作后的反馈提示\n */\n@Component({\n  tag: 'hb-message',\n  shadow: true,\n})\nexport class Message {\n  @Element() el: HTMLElement;\n\n  /** 消息文字 */\n  @Prop() message: string = '';\n\n  /** 消息类型 */\n  @Prop() type: MessageType = 'info';\n\n  /** 是否显示关闭按钮 */\n  @Prop() closable: boolean = false;\n\n  /** 显示时间（毫秒），0 为不自动关闭 */\n  @Prop() duration: number = 3000;\n\n  @State() visible: boolean = true;\n\n  componentDidLoad() {\n    if (this.duration > 0) {\n      setTimeout(() => this.close(), this.duration);\n    }\n  }\n\n  private close = () => {\n    this.visible = false;\n    setTimeout(() => this.el.remove(), 300);\n  };\n\n  render() {\n    return (\n      <div\n        class={{\n          'hb-message': true,\n          [`hb-message--${this.type}`]: true,\n          'hb-message--visible': this.visible,\n        }}\n        role=\"alert\"\n      >\n        <span class=\"hb-message__icon\">{ICON_MAP[this.type]}</span>\n        <span class=\"hb-message__text\">{this.message}</span>\n        {this.closable && (\n          <span class=\"hb-message__close\" onClick={this.close}>×</span>\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"hb-message.entry.js","mappings":";;AAIA,MAAM,QAAQ,GAAgC;IAC5C,OAAO,EAAE,GAAG;IACZ,OAAO,EAAE,GAAG;IACZ,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,GAAG;IACV,OAAO,EAAE,GAAG;CACb,CAAC;MAUW,OAAO;;;;;;IAIV,OAAO,GAAW,EAAE,CAAC;;IAGrB,IAAI,GAAgB,MAAM,CAAC;;IAG3B,QAAQ,GAAY,KAAK,CAAC;;IAG1B,QAAQ,GAAW,IAAI,CAAC;IAEvB,OAAO,GAAY,IAAI,CAAC;;IAGzB,cAAc,CAAiC;IAC/C,WAAW,CAAiC;IAEpD,gBAAgB;QACd,IAAI,IAAI,CAAC,QAAQ,GAAG,CAAC,EAAE;YACrB,IAAI,CAAC,cAAc,GAAG,UAAU,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;SACrE;KACF;IAEO,KAAK,GAAG;QACd,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,EAAE,GAAG,CAAC,CAAC;KAC5D,CAAC;IAEF,oBAAoB;QAClB,IAAI,IAAI,CAAC,cAAc;YAAE,YAAY,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAC3D,IAAI,IAAI,CAAC,WAAW;YAAE,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;KACtD;IAED,MAAM;QACJ,QACE,4DACE,KAAK,EAAE;gBACL,YAAY,EAAE,IAAI;gBAClB,CAAC,eAAe,IAAI,CAAC,IAAI,EAAE,GAAG,IAAI;gBAClC,qBAAqB,EAAE,IAAI,CAAC,OAAO;aACpC,EACD,IAAI,EAAC,OAAO,IAEZ,6DAAM,KAAK,EAAC,kBAAkB,IAAE,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAQ,EAC3D,6DAAM,KAAK,EAAC,kBAAkB,IAAE,IAAI,CAAC,OAAO,CAAQ,EACnD,IAAI,CAAC,QAAQ,KACZ,6DAAM,KAAK,EAAC,mBAAmB,EAAC,OAAO,EAAE,IAAI,CAAC,KAAK,aAE5C,CACR,CACG,EACN;KACH;;;;;","names":[],"sources":["src/components/Message/Message.tsx"],"sourcesContent":["import { Component, h, Prop, State, Element } from '@stencil/core';\n\nexport type MessageType = 'success' | 'warning' | 'info' | 'error' | 'loading';\n\nconst ICON_MAP: Record<MessageType, string> = {\n  success: '✓',\n  warning: '⚠',\n  info: 'ℹ',\n  error: '✕',\n  loading: '⏳',\n};\n\n/**\n * Message 消息提示组件\n * 常用于主动操作后的反馈提示\n */\n@Component({\n  tag: 'hb-message',\n  shadow: true,\n})\nexport class Message {\n  @Element() el: HTMLElement;\n\n  /** 消息文字 */\n  @Prop() message: string = '';\n\n  /** 消息类型 */\n  @Prop() type: MessageType = 'info';\n\n  /** 是否显示关闭按钮 */\n  @Prop() closable: boolean = false;\n\n  /** 显示时间（毫秒），0 为不自动关闭 */\n  @Prop() duration: number = 3000;\n\n  @State() visible: boolean = true;\n\n  // L3：存储 timer id 以便 disconnectedCallback 清理（修复前未存、卸载后仍触发 detached 实例）\n  private autoCloseTimer?: ReturnType<typeof setTimeout>;\n  private removeTimer?: ReturnType<typeof setTimeout>;\n\n  componentDidLoad() {\n    if (this.duration > 0) {\n      this.autoCloseTimer = setTimeout(() => this.close(), this.duration);\n    }\n  }\n\n  private close = () => {\n    this.visible = false;\n    this.removeTimer = setTimeout(() => this.el.remove(), 300);\n  };\n\n  disconnectedCallback() {\n    if (this.autoCloseTimer) clearTimeout(this.autoCloseTimer);\n    if (this.removeTimer) clearTimeout(this.removeTimer);\n  }\n\n  render() {\n    return (\n      <div\n        class={{\n          'hb-message': true,\n          [`hb-message--${this.type}`]: true,\n          'hb-message--visible': this.visible,\n        }}\n        role=\"alert\"\n      >\n        <span class=\"hb-message__icon\">{ICON_MAP[this.type]}</span>\n        <span class=\"hb-message__text\">{this.message}</span>\n        {this.closable && (\n          <span class=\"hb-message__close\" onClick={this.close}>\n            ×\n          </span>\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/hb-notification.entry.js

@@ -48,12 +48,12 @@ const Notification = class {
         this.hbClose.emit(this.id);
     };
     render() {
-        return (h("div", { key: '9848b6a924f89df2fa9996742f06986ad8c33da5', class: {
+        return (h("div", { key: '9be96a5baeb818da2c93a36e47c25aaa64bc5cfa', class: {
                 'hb-notification': true,
                 [`hb-notification--${this.type}`]: true,
                 [`hb-notification--${this.position}`]: true,
                 'hb-notification--visible': this.visible,
-            }, role: "alert" }, h("div", { key: 'a15adaf1401116e0dd462fa2a9abf56595052069', class: "hb-notification__icon", "aria-hidden": "true" }, h("span", { key: '7d56d7ce4760963f1bd7c214c5d19c9003e302ee', class: `hb-notification__icon-sign hb-notification__icon-sign--${this.type}` })), h("div", { key: '881c23e049f6870a4f2a4db347fdfaedc331708e', class: "hb-notification__content" }, this.title && h("div", { key: '034c55a3d5b0b4bbb27657db8f2f35bf917caf91', class: "hb-notification__title" }, this.title), this.message && h("div", { key: '0d49cebbf4e1db0baa953691c7519a2a8469563d', class: "hb-notification__message" }, this.message)), this.showClose && (h("button", { key: '180dc1d07aa4993a25ef97e92eb8ab4700e6c120', type: "button", class: "hb-notification__close", onClick: this.close, "aria-label": "\u5173\u95ED" }, "\u00D7"))));
+            }, role: "alert" }, h("div", { key: '81e28521a930f9dfabe4c5cdc821bf25fe15fc6a', class: "hb-notification__icon", "aria-hidden": "true" }, h("span", { key: '5023ecaabb4a12ecc2c7dbc1ce0f5ff9d979ced9', class: `hb-notification__icon-sign hb-notification__icon-sign--${this.type}` })), h("div", { key: '525ed80909f70b304eb4460bd2ad70e1ee969a8e', class: "hb-notification__content" }, this.title && h("div", { key: '5c7ff54e7c91a0df0e476db31f6df33262cf15ec', class: "hb-notification__title" }, this.title), this.message && h("div", { key: '25b34f64119a5ac609deab1633b8876036fd73df', class: "hb-notification__message" }, this.message)), this.showClose && (h("button", { key: '5999ff418c3e232e74257be4ea3d8cfe619cb401', type: "button", class: "hb-notification__close", onClick: this.close, "aria-label": "\u5173\u95ED" }, "\u00D7"))));
     }
 };
 Notification.style = HbNotificationStyle0;

package/dist/esm/hb-page-header.entry.js

@@ -23,7 +23,7 @@ const PageHeader = class {
         this.hbBack.emit();
     };
     render() {
-        return (h("div", { key: '1b030e60e77df9e97b6d60f704e521c05ae7af51', class: { 'hb-page-header': true, 'hb-page-header--ghost': this.ghost } }, h("div", { key: '2ee91ddf333fe5e771c9cbb0a62b14b03a3b1663', class: "hb-page-header__main" }, this.back && (h("button", { key: '225309da83f36a22e5e75200344399bcb94a3391', type: "button", class: "hb-page-header__back", onClick: this.handleBack, "aria-label": "\u8FD4\u56DE" }, h("span", { key: '1f67010455c9c682df8cefbb2dd81b1a41a73457', class: "hb-page-header__back-arrow" }, "\u2190"))), h("div", { key: '50ec1439869c987330e4536fe6f12e62416b1527', class: "hb-page-header__titles" }, this.title && h("span", { key: 'cdfde7eb8f6b643ea01327c87cab94db474b0825', class: "hb-page-header__title" }, this.title), this.subtitle && h("span", { key: '21756140f35d3fb19cea52d6c5a9e759641c0118', class: "hb-page-header__subtitle" }, this.subtitle))), h("div", { key: '59b5e1c8a71f17e9bb647394048ffe9484a85a5a', class: "hb-page-header__extra" }, h("slot", { key: '2c0543b118ac038e47b0aad6b389b996bf4f163c' }))));
+        return (h("div", { key: 'ecfe4d352c4696133f30f9cb130a484c9512872f', class: { 'hb-page-header': true, 'hb-page-header--ghost': this.ghost } }, h("div", { key: 'b8972b2af8caf2c16dfa336434112d53dbced99e', class: "hb-page-header__main" }, this.back && (h("button", { key: '175834ac887d6079cc4518e2e454e3b19b574e49', type: "button", class: "hb-page-header__back", onClick: this.handleBack, "aria-label": "\u8FD4\u56DE" }, h("span", { key: '2effefb7b2e1846992b549def041226f9076ae8c', class: "hb-page-header__back-arrow" }, "\u2190"))), h("div", { key: '2bd0014a9b6788bd9202f330b36808f74d3feecc', class: "hb-page-header__titles" }, this.title && h("span", { key: 'a1538b4e5a6e1eb611c7cfa3eaaefbd802d71911', class: "hb-page-header__title" }, this.title), this.subtitle && h("span", { key: 'ff730fda5ba94da9482a513262b6f31749f712ad', class: "hb-page-header__subtitle" }, this.subtitle))), h("div", { key: '5b062f4656eed561e52f1aacb26c32ac8f638fb9', class: "hb-page-header__extra" }, h("slot", { key: 'd5cb18262a07f8b4962704f0d661ec3265275b35' }))));
     }
 };
 PageHeader.style = HbPageHeaderStyle0;