huibo-ui 0.3.0

package/dist/cjs/hb-anchor.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"hb-anchor.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,SAAS,GAAG,m+MAAm+M,CAAC;AACt/M,uBAAe,SAAS;;MCqBX,MAAM;;;;;;IAET,KAAK,GAAiB,EAAE,CAAC;;IAGzB,GAAG,CAAqB;;IAGxB,KAAK,GAAY,IAAI,CAAC;;IAGrB,SAAS,GAAW,EAAE,CAAC;;IAGvB,OAAO,CAAkC;IAE1C,WAAW,GAAG,CAAC,IAAgB,EAAE,CAAa;QACpD,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC;QAC1B,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;KACvD,CAAC;IAEF,MAAM;QACJ,MAAM,YAAY,GAA2B,EAAE,CAAC;QAChD,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,GAAG,KAAK,SAAS,EAAE;YACxC,YAAY,CAAC,QAAQ,GAAG,QAAQ,CAAC;YACjC,YAAY,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;SACpC;QAED,QACEA,kEAAK,KAAK,EAAC,WAAW,EAAC,KAAK,EAAE,YAAY,IACxCA,kEAAK,KAAK,EAAC,gBAAgB,iBAAa,MAAM,GAAO,EACrDA,iEAAI,KAAK,EAAC,iBAAiB,IACxB,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,MACnBA,gBAAI,KAAK,EAAC,iBAAiB,IACzBA,eACE,KAAK,EAAE;gBACL,iBAAiB,EAAE,IAAI;gBACvB,yBAAyB,EAAE,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,GAAG;aACvD,EACD,IAAI,EAAE,IAAI,CAAC,IAAI,cACL,IAAI,CAAC,GAAG,EAClB,OAAO,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC,IAExC,IAAI,CAAC,KAAK,CACT,CACD,CACN,CAAC,CACC,CACD,EACN;KACH;;;;;;","names":["h"],"sources":["src/components/Anchor/anchor.css?tag=hb-anchor&encapsulation=shadow","src/components/Anchor/Anchor.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n.hb-anchor {\n  position: relative;\n  padding-left: var(--hb-spacing-md);\n}\n\n.hb-anchor__ink {\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  width: 2px;\n  background-color: var(--hb-color-border, var(--hb-color-fill-secondary));\n  border-radius: var(--hb-border-radius-xs);\n}\n\n.hb-anchor__list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.hb-anchor__item {\n  margin-bottom: var(--hb-spacing-xs);\n}\n\n.hb-anchor__item:last-child {\n  margin-bottom: 0;\n}\n\n.hb-anchor__link {\n  display: inline-block;\n  padding: var(--hb-spacing-xxs) var(--hb-spacing-xs);\n  font-size: var(--hb-font-size-sm);\n  line-height: 1.5;\n  color: var(--hb-color-text-secondary);\n  text-decoration: none;\n  cursor: pointer;\n  border-radius: var(--hb-border-radius-xs);\n  transition: color var(--hb-transition-duration) var(--hb-transition-function);\n}\n\n.hb-anchor__link:hover {\n  color: var(--hb-color-primary);\n}\n\n.hb-anchor__link--active {\n  color: var(--hb-color-primary);\n  font-weight: 500;\n}\n","import { Component, h, Prop, State, Event, EventEmitter } from '@stencil/core';\n\nexport interface AnchorItem {\n  key: string;\n  href: string;\n  title: string;\n}\n\nexport interface AnchorClickDetail {\n  key: string;\n  href: string;\n}\n\n/**\n * Anchor 锚点组件\n * 用于跳转到页面内指定锚点位置的超链接列表\n */\n@Component({\n  tag: 'hb-anchor',\n  styleUrl: 'anchor.css',\n  shadow: true,\n})\nexport class Anchor {\n  /** 锚点项数组 */\n  @Prop() items: AnchorItem[] = [];\n\n  /** 距离窗口顶部偏移（固定时使用） */\n  @Prop() top: number | undefined;\n\n  /** 是否启用固钉模式（affix 包裹） */\n  @Prop() affix: boolean = true;\n\n  /** 当前选中项的 key */\n  @State() activeKey: string = '';\n\n  /** 点击锚点项事件 */\n  @Event() hbClick: EventEmitter<AnchorClickDetail>;\n\n  private handleClick = (item: AnchorItem, e: MouseEvent) => {\n    e.preventDefault();\n    this.activeKey = item.key;\n    this.hbClick.emit({ key: item.key, href: item.href });\n  };\n\n  render() {\n    const wrapperStyle: Record<string, string> = {};\n    if (this.affix && this.top !== undefined) {\n      wrapperStyle.position = 'sticky';\n      wrapperStyle.top = `${this.top}px`;\n    }\n\n    return (\n      <div class=\"hb-anchor\" style={wrapperStyle}>\n        <div class=\"hb-anchor__ink\" aria-hidden=\"true\"></div>\n        <ul class=\"hb-anchor__list\">\n          {this.items.map((item) => (\n            <li class=\"hb-anchor__item\">\n              <a\n                class={{\n                  'hb-anchor__link': true,\n                  'hb-anchor__link--active': this.activeKey === item.key,\n                }}\n                href={item.href}\n                data-key={item.key}\n                onClick={(e) => this.handleClick(item, e)}\n              >\n                {item.title}\n              </a>\n            </li>\n          ))}\n        </ul>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/hb-aside.cjs.entry.js

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-5aa5c817.js');
+
+const asideCss = "/*! 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{--hb-aside-width:200px;--hb-aside-padding:20px;--hb-aside-bg-color:var(--hb-color-white,#fff);display:block}.hb-aside{background-color:var(--hb-aside-bg-color);box-sizing:border-box;overflow:auto;padding:var(--hb-aside-padding);width:var(--hb-aside-width)}@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 HbAsideStyle0 = asideCss;
+
+const Aside = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    /**
+     * 宽度
+     */
+    width;
+    render() {
+        const style = {};
+        if (this.width) {
+            style.width = this.width;
+        }
+        return (index.h("aside", { key: 'f3a737773569b17eaeba7a061c087048d2f0b0d7', class: "hb-aside", style: style }, index.h("slot", { key: 'fde6d1fa95d2bb5c42202413b5c5716c85b26a7b' })));
+    }
+};
+Aside.style = HbAsideStyle0;
+
+exports.hb_aside = Aside;
+
+//# sourceMappingURL=hb-aside.cjs.entry.js.map

package/dist/cjs/hb-aside.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"hb-aside.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,QAAQ,GAAG,m3LAAm3L,CAAC;AACr4L,sBAAe,QAAQ;;MCUV,KAAK;;;;;;;IAIR,KAAK,CAAU;IAEvB,MAAM;QACJ,MAAM,KAAK,GAAQ,EAAE,CAAC;QACtB,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;SAC1B;QAED,QACEA,oEAAO,KAAK,EAAC,UAAU,EAAC,KAAK,EAAE,KAAK,IAClCA,oEAAa,CACP,EACR;KACH;;;;;;","names":["h"],"sources":["src/components/Container/aside.css?tag=hb-aside&encapsulation=shadow","src/components/Container/Aside.tsx"],"sourcesContent":[":host {\n  display: block;\n  --hb-aside-width: 200px;\n  --hb-aside-padding: 20px;\n  --hb-aside-bg-color: var(--hb-color-white, #ffffff);\n}\n\n.hb-aside {\n  width: var(--hb-aside-width);\n  padding: var(--hb-aside-padding);\n  box-sizing: border-box;\n  overflow: auto;\n  background-color: var(--hb-aside-bg-color);\n}\n\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * Container Aside 组件\n * 侧边栏容器\n */\n@Component({\n  tag: 'hb-aside',\n  styleUrl: 'aside.css',\n  shadow: true,\n})\nexport class Aside {\n  /**\n   * 宽度\n   */\n  @Prop() width?: string;\n\n  render() {\n    const style: any = {};\n    if (this.width) {\n      style.width = this.width;\n    }\n\n    return (\n      <aside class=\"hb-aside\" style={style}>\n        <slot></slot>\n      </aside>\n    );\n  }\n}\n\n"],"version":3}

package/dist/cjs/hb-avatar.cjs.entry.js

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-5aa5c817.js');
+
+const avatarCss = "/*! 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:inline-flex}.hb-avatar{align-items:center;background-color:var(--hb-color-fill);color:var(--hb-color-text-secondary);display:inline-flex;font-weight:600;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none}.hb-avatar--circle{border-radius:50%}.hb-avatar--square{border-radius:var(--hb-border-radius-sm)}.hb-avatar img{height:100%;object-fit:cover;width: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}";
+const HbAvatarStyle0 = avatarCss;
+
+const Avatar = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    size = 'default';
+    shape = 'circle';
+    src;
+    icon;
+    alt;
+    get sizePx() {
+        const map = { small: '28px', default: '36px', large: '44px' };
+        return typeof this.size === 'number' ? `${this.size}px` : map[this.size];
+    }
+    render() {
+        return (index.h("span", { key: 'e8df0341e82865acbcdd25572df385d805172eac', class: { 'hb-avatar': true, [`hb-avatar--${this.shape}`]: true }, style: { width: this.sizePx, height: this.sizePx, fontSize: `calc(${this.sizePx} * 0.45)` } }, this.src ? index.h("img", { src: this.src, alt: this.alt }) : this.icon ? index.h("span", null, this.icon) : index.h("slot", null)));
+    }
+};
+Avatar.style = HbAvatarStyle0;
+
+exports.hb_avatar = Avatar;
+
+//# sourceMappingURL=hb-avatar.cjs.entry.js.map

package/dist/cjs/hb-avatar.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"hb-avatar.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,SAAS,GAAG,6/LAA6/L,CAAC;AAChhM,uBAAe,SAAS;;MCEX,MAAM;;;;IACT,IAAI,GAA2C,SAAS,CAAC;IACzD,KAAK,GAAwB,QAAQ,CAAC;IACtC,GAAG,CAAU;IACb,IAAI,CAAU;IACd,GAAG,CAAU;IAErB,IAAY,MAAM;QAChB,MAAM,GAAG,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;QAC9D,OAAO,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,GAAG,GAAG,IAAI,CAAC,IAAI,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC1E;IAED,MAAM;QACJ,QACEA,mEACE,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,cAAc,IAAI,CAAC,KAAK,EAAE,GAAG,IAAI,EAAE,EAChE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,IAAI,CAAC,MAAM,UAAU,EAAE,IAE1F,IAAI,CAAC,GAAG,GAAGA,iBAAK,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,GAAI,GAAG,IAAI,CAAC,IAAI,GAAGA,sBAAO,IAAI,CAAC,IAAI,CAAQ,GAAGA,qBAAQ,CAC9F,EACP;KACH;;;;;;","names":["h"],"sources":["src/components/Avatar/avatar.css?tag=hb-avatar&encapsulation=shadow","src/components/Avatar/Avatar.tsx"],"sourcesContent":[":host { display: inline-flex; }\n.hb-avatar {\n  display: inline-flex; align-items: center; justify-content: center;\n  background-color: var(--hb-color-fill); color: var(--hb-color-text-secondary);\n  overflow: hidden; font-weight: 600; user-select: none;\n}\n.hb-avatar--circle { border-radius: 50%; }\n.hb-avatar--square { border-radius: var(--hb-border-radius-sm); }\n.hb-avatar img { width: 100%; height: 100%; object-fit: cover; }\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({ tag: 'hb-avatar', styleUrl: 'avatar.css', shadow: true })\nexport class Avatar {\n  @Prop() size: 'small' | 'default' | 'large' | number = 'default';\n  @Prop() shape: 'circle' | 'square' = 'circle';\n  @Prop() src?: string;\n  @Prop() icon?: string;\n  @Prop() alt?: string;\n\n  private get sizePx(): string {\n    const map = { small: '28px', default: '36px', large: '44px' };\n    return typeof this.size === 'number' ? `${this.size}px` : map[this.size];\n  }\n\n  render() {\n    return (\n      <span\n        class={{ 'hb-avatar': true, [`hb-avatar--${this.shape}`]: true }}\n        style={{ width: this.sizePx, height: this.sizePx, fontSize: `calc(${this.sizePx} * 0.45)` }}\n      >\n        {this.src ? <img src={this.src} alt={this.alt} /> : this.icon ? <span>{this.icon}</span> : <slot />}\n      </span>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/hb-backtop.cjs.entry.js

@@ -0,0 +1,100 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-5aa5c817.js');
+
+const backtopCss = "/*! 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{.visible{visibility:visible}.hidden{display:none}.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{cursor:pointer;display:flex;position:fixed;transition:opacity var(--hb-transition-duration)var(--hb-transition-function),visibility var(--hb-transition-duration)var(--hb-transition-function);z-index:var(--hb-z-index-fixed)}.hb-backtop__inner{align-items:center;background:var(--hb-color-bg-container);border-radius:var(--hb-border-radius-round);box-shadow:var(--hb-box-shadow);color:var(--hb-color-text);display:inline-flex;font-size:var(--hb-font-size-xl);height:40px;justify-content:center;line-height:1;transition:background var(--hb-transition-duration)var(--hb-transition-function),color var(--hb-transition-duration)var(--hb-transition-function);width:40px}.hb-backtop__inner:hover{background:var(--hb-color-fill-secondary);color:var(--hb-color-primary)}.hb-backtop__icon{font-size:inherit}@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 HbBacktopStyle0 = backtopCss;
+
+const Backtop = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.hbClick = index.createEvent(this, "hbClick", 7);
+    }
+    /** 滚动高度达到此参数值才出现 */
+    visibilityHeight = 400;
+    /** 可选滚动目标元素选择器（默认监听 window 滚动） */
+    target;
+    /** 距离页面右侧的距离 */
+    right = 40;
+    /** 距离页面底部的距离 */
+    bottom = 40;
+    /** 是否可见 */
+    visible = false;
+    /** 点击按钮时触发的事件 */
+    hbClick;
+    scrollTarget = null;
+    componentDidLoad() {
+        this.setupScrollTarget();
+        this.handleScroll();
+    }
+    disconnectedCallback() {
+        this.teardownScrollTarget();
+    }
+    setupScrollTarget() {
+        if (this.target) {
+            const el = document.querySelector(this.target);
+            if (el) {
+                this.scrollTarget = el;
+            }
+        }
+        if (!this.scrollTarget) {
+            this.scrollTarget = window;
+        }
+        this.scrollTarget.addEventListener('scroll', this.handleScroll);
+    }
+    teardownScrollTarget() {
+        if (this.scrollTarget) {
+            this.scrollTarget.removeEventListener('scroll', this.handleScroll);
+            this.scrollTarget = null;
+        }
+    }
+    getScrollTop() {
+        if (!this.scrollTarget)
+            return 0;
+        if (this.scrollTarget === window) {
+            return window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
+        }
+        return this.scrollTarget.scrollTop;
+    }
+    handleScroll = () => {
+        this.visible = this.getScrollTop() >= this.visibilityHeight;
+    };
+    scrollToTop = () => {
+        const target = this.scrollTarget === window ? window : this.scrollTarget;
+        // 平滑滚动：window 用 scrollTo，容器元素用 scrollTo({ top })
+        if (target === window) {
+            window.scrollTo({ top: 0, behavior: 'smooth' });
+        }
+        else {
+            target.scrollTo({ top: 0, behavior: 'smooth' });
+        }
+        this.hbClick.emit();
+    };
+    /**
+     * 主动触发返回顶部（暴露给外部调用）
+     */
+    async backToTop() {
+        this.scrollToTop();
+    }
+    // 同时监听宿主上的 scroll 事件（便于测试与跨边界触发）
+    onWindowScroll() {
+        if (!this.target) {
+            this.handleScroll();
+        }
+    }
+    render() {
+        return (index.h(index.Host, { key: 'c750c1d56599bb335bb31158b57dfdb332be6750', class: { 'hb-backtop': true, 'hb-backtop--hidden': !this.visible }, style: {
+                right: `${this.right}px`,
+                bottom: `${this.bottom}px`,
+                visibility: this.visible ? 'visible' : 'hidden',
+                opacity: this.visible ? '1' : '0',
+            } }, index.h("div", { key: '4f1311e4de4496fbe8d2558ace0397663ec04fac', class: "hb-backtop__inner", onClick: this.scrollToTop }, index.h("slot", { key: '1d14aa66b400ba226aadacfb0c2a92d6a4ad935a' }, index.h("span", { key: '3b7f4d60d78dcfd458a9e6af63ad94d7061cf147', class: "hb-backtop__icon" }, "\u2191")))));
+    }
+};
+Backtop.style = HbBacktopStyle0;
+
+exports.hb_backtop = Backtop;
+
+//# sourceMappingURL=hb-backtop.cjs.entry.js.map

package/dist/cjs/hb-backtop.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"hb-backtop.entry.cjs.js","mappings":"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","names":["h","Host"],"sources":["src/components/Backtop/backtop.css?tag=hb-backtop&encapsulation=shadow","src/components/Backtop/Backtop.tsx"],"sourcesContent":[":host {\n  position: fixed;\n  display: flex;\n  z-index: var(--hb-z-index-fixed);\n  transition:\n    opacity var(--hb-transition-duration) var(--hb-transition-function),\n    visibility var(--hb-transition-duration) var(--hb-transition-function);\n  cursor: pointer;\n}\n\n.hb-backtop__inner {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n  border-radius: var(--hb-border-radius-round);\n  background: var(--hb-color-bg-container);\n  color: var(--hb-color-text);\n  font-size: var(--hb-font-size-xl);\n  line-height: 1;\n  box-shadow: var(--hb-box-shadow);\n  transition:\n    background var(--hb-transition-duration) var(--hb-transition-function),\n    color var(--hb-transition-duration) var(--hb-transition-function);\n}\n\n.hb-backtop__inner:hover {\n  background: var(--hb-color-fill-secondary);\n  color: var(--hb-color-primary);\n}\n\n.hb-backtop__icon { font-size: inherit; }\n","import { Component, h, Prop, Event, EventEmitter, State, Method, Listen, Host } from '@stencil/core';\n\n/**\n * Backtop 返回顶部组件\n * 滚动超过指定高度时出现，点击后平滑滚动回顶部\n */\n@Component({\n  tag: 'hb-backtop',\n  styleUrl: 'backtop.css',\n  shadow: true,\n})\nexport class Backtop {\n  /** 滚动高度达到此参数值才出现 */\n  @Prop() visibilityHeight: number = 400;\n\n  /** 可选滚动目标元素选择器（默认监听 window 滚动） */\n  @Prop() target?: string;\n\n  /** 距离页面右侧的距离 */\n  @Prop() right: number = 40;\n\n  /** 距离页面底部的距离 */\n  @Prop() bottom: number = 40;\n\n  /** 是否可见 */\n  @State() visible: boolean = false;\n\n  /** 点击按钮时触发的事件 */\n  @Event() hbClick: EventEmitter<void>;\n\n  private scrollTarget: HTMLElement | Window | null = null;\n\n  componentDidLoad() {\n    this.setupScrollTarget();\n    this.handleScroll();\n  }\n\n  disconnectedCallback() {\n    this.teardownScrollTarget();\n  }\n\n  private setupScrollTarget() {\n    if (this.target) {\n      const el = document.querySelector(this.target);\n      if (el) {\n        this.scrollTarget = el as HTMLElement;\n      }\n    }\n    if (!this.scrollTarget) {\n      this.scrollTarget = window;\n    }\n    this.scrollTarget.addEventListener('scroll', this.handleScroll);\n  }\n\n  private teardownScrollTarget() {\n    if (this.scrollTarget) {\n      this.scrollTarget.removeEventListener('scroll', this.handleScroll);\n      this.scrollTarget = null;\n    }\n  }\n\n  private getScrollTop(): number {\n    if (!this.scrollTarget) return 0;\n    if (this.scrollTarget === window) {\n      return window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;\n    }\n    return (this.scrollTarget as HTMLElement).scrollTop;\n  }\n\n  private handleScroll = () => {\n    this.visible = this.getScrollTop() >= this.visibilityHeight;\n  };\n\n  private scrollToTop = () => {\n    const target = this.scrollTarget === window ? window : (this.scrollTarget as HTMLElement);\n    // 平滑滚动：window 用 scrollTo，容器元素用 scrollTo({ top })\n    if (target === window) {\n      window.scrollTo({ top: 0, behavior: 'smooth' });\n    } else {\n      (target as HTMLElement).scrollTo({ top: 0, behavior: 'smooth' });\n    }\n    this.hbClick.emit();\n  };\n\n  /**\n   * 主动触发返回顶部（暴露给外部调用）\n   */\n  @Method()\n  async backToTop() {\n    this.scrollToTop();\n  }\n\n  // 同时监听宿主上的 scroll 事件（便于测试与跨边界触发）\n  @Listen('scroll', { target: 'window' })\n  onWindowScroll() {\n    if (!this.target) {\n      this.handleScroll();\n    }\n  }\n\n  render() {\n    return (\n      <Host\n        class={{ 'hb-backtop': true, 'hb-backtop--hidden': !this.visible }}\n        style={{\n          right: `${this.right}px`,\n          bottom: `${this.bottom}px`,\n          visibility: this.visible ? 'visible' : 'hidden',\n          opacity: this.visible ? '1' : '0',\n        }}\n      >\n        <div class=\"hb-backtop__inner\" onClick={this.scrollToTop}>\n          <slot>\n            <span class=\"hb-backtop__icon\">↑</span>\n          </slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/hb-badge.cjs.entry.js

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-5aa5c817.js');
+
+const badgeCss = "/*! 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{.hidden{display:none}.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:inline-block}.hb-badge{display:inline-block;position:relative}.hb-badge__content{background-color:var(--hb-color-danger);border-radius:999px;color:#fff;font-size:12px;line-height:1;padding:3px 6px;position:absolute;right:0;top:0;transform:translate(50%,-50%);white-space:nowrap}.hb-badge__content--dot{border-radius:50%;height:8px;padding:0;width:8px}.hb-badge__content--primary{background-color:var(--hb-color-primary)}.hb-badge__content--success{background-color:var(--hb-color-success)}.hb-badge__content--warning{background-color:var(--hb-color-warning)}.hb-badge__content--info{background-color:var(--hb-color-info)}@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 HbBadgeStyle0 = badgeCss;
+
+const Badge = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    value = '';
+    max = 99;
+    isDot = false;
+    hidden = false;
+    type = 'danger';
+    get displayValue() {
+        if (this.isDot)
+            return '';
+        const num = typeof this.value === 'number' ? this.value : parseInt(this.value, 10);
+        if (!isNaN(num) && num > this.max)
+            return `${this.max}+`;
+        return String(this.value);
+    }
+    render() {
+        return (index.h("div", { key: 'e979ef5ba0392f4d7f802a8019f1c81ced8f8eac', class: "hb-badge" }, index.h("slot", { key: '8c1083ff2f2699bbf2652199e3a40b3690c7ab45' }), !this.hidden && (index.h("sup", { key: '955da69dfdb7543ef65eb8d811c4d95f4789fe87', class: { 'hb-badge__content': true, [`hb-badge__content--${this.type}`]: true, 'hb-badge__content--dot': this.isDot } }, this.displayValue))));
+    }
+};
+Badge.style = HbBadgeStyle0;
+
+exports.hb_badge = Badge;
+
+//# sourceMappingURL=hb-badge.cjs.entry.js.map

package/dist/cjs/hb-badge.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"hb-badge.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,QAAQ,GAAG,6vMAA6vM,CAAC;AAC/wM,sBAAe,QAAQ;;MCEV,KAAK;;;;IACR,KAAK,GAAoB,EAAE,CAAC;IAC5B,GAAG,GAAW,EAAE,CAAC;IACjB,KAAK,GAAY,KAAK,CAAC;IACvB,MAAM,GAAY,KAAK,CAAC;IACxB,IAAI,GAA0D,QAAQ,CAAC;IAE/E,IAAY,YAAY;QACtB,IAAI,IAAI,CAAC,KAAK;YAAE,OAAO,EAAE,CAAC;QAC1B,MAAM,GAAG,GAAG,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACnF,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,GAAG,GAAG,IAAI,CAAC,GAAG;YAAE,OAAO,GAAG,IAAI,CAAC,GAAG,GAAG,CAAC;QACzD,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAC3B;IAED,MAAM;QACJ,QACEA,kEAAK,KAAK,EAAC,UAAU,IACnBA,oEAAQ,EACP,CAAC,IAAI,CAAC,MAAM,KACXA,kEAAK,KAAK,EAAE,EAAE,mBAAmB,EAAE,IAAI,EAAE,CAAC,sBAAsB,IAAI,CAAC,IAAI,EAAE,GAAG,IAAI,EAAE,wBAAwB,EAAE,IAAI,CAAC,KAAK,EAAE,IACvH,IAAI,CAAC,YAAY,CACd,CACP,CACG,EACN;KACH;;;;;;","names":["h"],"sources":["src/components/Badge/badge.css?tag=hb-badge&encapsulation=shadow","src/components/Badge/Badge.tsx"],"sourcesContent":[":host { display: inline-block; }\n.hb-badge { position: relative; display: inline-block; }\n.hb-badge__content {\n  position: absolute; top: 0; right: 0;\n  transform: translate(50%, -50%);\n  background-color: var(--hb-color-danger);\n  color: #fff;\n  font-size: 12px; line-height: 1;\n  padding: 3px 6px;\n  border-radius: 999px;\n  white-space: nowrap;\n}\n.hb-badge__content--dot { width: 8px; height: 8px; padding: 0; border-radius: 50%; }\n.hb-badge__content--primary { background-color: var(--hb-color-primary); }\n.hb-badge__content--success { background-color: var(--hb-color-success); }\n.hb-badge__content--warning { background-color: var(--hb-color-warning); }\n.hb-badge__content--info    { background-color: var(--hb-color-info); }\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({ tag: 'hb-badge', styleUrl: 'badge.css', shadow: true })\nexport class Badge {\n  @Prop() value: string | number = '';\n  @Prop() max: number = 99;\n  @Prop() isDot: boolean = false;\n  @Prop() hidden: boolean = false;\n  @Prop() type: 'primary' | 'success' | 'warning' | 'danger' | 'info' = 'danger';\n\n  private get displayValue(): string {\n    if (this.isDot) return '';\n    const num = typeof this.value === 'number' ? this.value : parseInt(this.value, 10);\n    if (!isNaN(num) && num > this.max) return `${this.max}+`;\n    return String(this.value);\n  }\n\n  render() {\n    return (\n      <div class=\"hb-badge\">\n        <slot />\n        {!this.hidden && (\n          <sup class={{ 'hb-badge__content': true, [`hb-badge__content--${this.type}`]: true, 'hb-badge__content--dot': this.isDot }}>\n            {this.displayValue}\n          </sup>\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/hb-breadcrumb-item.cjs.entry.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-5aa5c817.js');
+
+const BreadcrumbItem = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    get el() { return index.getElement(this); }
+    /** 链接地址 */
+    href;
+    render() {
+        const Tag = this.href ? 'a' : 'span';
+        // 从父级 hb-breadcrumb 读取分隔符 prop
+        // 优先级：item 的 separator slot > breadcrumb.separator > 默认 '/'
+        const parentSeparator = this.el.closest('hb-breadcrumb')?.separator;
+        return (index.h("span", { key: 'f9ced0c34ef309a1240258786b4ecba3055caeed', class: "hb-breadcrumb-item" }, index.h(Tag, { key: '2218776bb05edeba450f3ecaa23c6602f4ff3480', class: "hb-breadcrumb-item__inner", href: this.href }, index.h("slot", { key: '5598e7b2fbd95c16b5ad5456f36c97e708104cf9' })), index.h("span", { key: 'fcb0f6f10b2707a8d1d3d882e80854b0b24cb665', class: "hb-breadcrumb-item__separator" }, index.h("slot", { key: '502eec59718fdd8391132d2395bc4d4420e851b1', name: "separator" }, parentSeparator ?? '/'))));
+    }
+};
+
+exports.hb_breadcrumb_item = BreadcrumbItem;
+
+//# sourceMappingURL=hb-breadcrumb-item.cjs.entry.js.map

package/dist/cjs/hb-breadcrumb-item.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"hb-breadcrumb-item.entry.cjs.js","mappings":";;;;;;MASa,cAAc;;;;;;IAIjB,IAAI,CAAU;IAEtB,MAAM;QACJ,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,GAAG,GAAG,GAAG,MAAM,CAAC;;;QAGrC,MAAM,eAAe,GAAI,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,eAAe,CAAS,EAAE,SAAS,CAAC;QAE7E,QACEA,mEAAM,KAAK,EAAC,oBAAoB,IAC9BA,QAAC,GAAG,qDAAC,KAAK,EAAC,2BAA2B,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,IACpDA,oEAAQ,CACJ,EACNA,mEAAM,KAAK,EAAC,+BAA+B,IACzCA,mEAAM,IAAI,EAAC,WAAW,IAAE,eAAe,IAAI,GAAG,CAAQ,CACjD,CACF,EACP;KACH;;;;;","names":["h"],"sources":["src/components/Breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["import { Component, h, Prop, Element } from '@stencil/core';\n\n/**\n * BreadcrumbItem 面包屑项\n */\n@Component({\n  tag: 'hb-breadcrumb-item',\n  shadow: true,\n})\nexport class BreadcrumbItem {\n  @Element() el: HTMLElement;\n\n  /** 链接地址 */\n  @Prop() href?: string;\n\n  render() {\n    const Tag = this.href ? 'a' : 'span';\n    // 从父级 hb-breadcrumb 读取分隔符 prop\n    // 优先级：item 的 separator slot > breadcrumb.separator > 默认 '/'\n    const parentSeparator = (this.el.closest('hb-breadcrumb') as any)?.separator;\n\n    return (\n      <span class=\"hb-breadcrumb-item\">\n        <Tag class=\"hb-breadcrumb-item__inner\" href={this.href}>\n          <slot />\n        </Tag>\n        <span class=\"hb-breadcrumb-item__separator\">\n          <slot name=\"separator\">{parentSeparator ?? '/'}</slot>\n        </span>\n      </span>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/hb-breadcrumb.cjs.entry.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-5aa5c817.js');
+
+const breadcrumbCss = "/*! 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-breadcrumb{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--hb-font-size-sm)}@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 HbBreadcrumbStyle0 = breadcrumbCss;
+
+const Breadcrumb = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    /** 分隔符 */
+    separator = '/';
+    render() {
+        return (index.h("nav", { key: '936e64f454bbb5a5d6cb868cdce563d2a57cbffa', class: "hb-breadcrumb", "aria-label": "Breadcrumb" }, index.h("slot", { key: '73da7e657e9ba3219e0eeb312e1ec8b9db01b0e1' })));
+    }
+};
+Breadcrumb.style = HbBreadcrumbStyle0;
+
+exports.hb_breadcrumb = Breadcrumb;
+
+//# sourceMappingURL=hb-breadcrumb.cjs.entry.js.map

package/dist/cjs/hb-breadcrumb.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"hb-breadcrumb.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,aAAa,GAAG,guLAAguL,CAAC;AACvvL,2BAAe,aAAa;;MCUf,UAAU;;;;;IAEb,SAAS,GAAW,GAAG,CAAC;IAEhC,MAAM;QACJ,QACEA,kEAAK,KAAK,EAAC,eAAe,gBAAY,YAAY,IAChDA,oEAAQ,CACJ,EACN;KACH;;;;;;","names":["h"],"sources":["src/components/Breadcrumb/breadcrumb.css?tag=hb-breadcrumb&encapsulation=shadow","src/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hb-breadcrumb {\n  display: flex;\n  align-items: center;\n  font-size: var(--hb-font-size-sm);\n  flex-wrap: wrap;\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * Breadcrumb 面包屑导航组件\n * 显示当前页面的路径，快速返回之前的任意页面\n */\n@Component({\n  tag: 'hb-breadcrumb',\n  styleUrl: 'breadcrumb.css',\n  shadow: true,\n})\nexport class Breadcrumb {\n  /** 分隔符 */\n  @Prop() separator: string = '/';\n\n  render() {\n    return (\n      <nav class=\"hb-breadcrumb\" aria-label=\"Breadcrumb\">\n        <slot />\n      </nav>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/hb-button.cjs.entry.js

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-5aa5c817.js');
+
+const buttonCss = "/*! 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:inline-block}.hb-button{align-items:center;border:1px solid #0000;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(--hb-font-family);font-weight:400;gap:var(--hb-spacing-xxs);justify-content:center;outline:none;text-align:center;transition:all var(--hb-transition-duration)var(--hb-transition-function);-webkit-user-select:none;user-select:none;white-space:nowrap}.hb-button:focus-visible{outline:2px solid var(--hb-color-primary);outline-offset:1px}.hb-button--small{border-radius:var(--hb-button-radius);font-size:var(--hb-button-font-size-sm);height:var(--hb-button-height-sm);padding:0 var(--hb-button-padding-sm)}.hb-button--default{background-color:var(--hb-color-bg);border-color:var(--hb-button-default-border);border-radius:var(--hb-button-radius);color:var(--hb-color-text);font-size:var(--hb-button-font-size);height:var(--hb-button-height);padding:0 var(--hb-button-padding)}.hb-button--large{border-radius:var(--hb-button-radius);font-size:var(--hb-button-font-size-lg);height:var(--hb-button-height-lg);padding:0 var(--hb-button-padding-lg)}.hb-button--default:hover{border-color:var(--hb-button-default-hover-border);color:var(--hb-button-default-hover-color)}.hb-button--primary{background-color:var(--hb-button-primary-bg);border-color:var(--hb-button-primary-bg);color:#fff}.hb-button--primary:hover{background-color:var(--hb-button-primary-hover-bg);border-color:var(--hb-button-primary-hover-bg)}.hb-button--dashed{background-color:var(--hb-color-bg);border-color:var(--hb-button-default-border);border-style:dashed;color:var(--hb-color-text)}.hb-button--dashed:hover{border-color:var(--hb-button-default-hover-border);color:var(--hb-button-default-hover-color)}.hb-button--text{background-color:#0000;border-color:#0000;color:var(--hb-color-text)}.hb-button--text:hover{background-color:var(--hb-color-fill-tertiary)}.hb-button--link{background-color:#0000;border-color:#0000;color:var(--hb-color-primary)}.hb-button--link:hover{color:var(--hb-color-primary-hover)}.hb-button--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.hb-button--loading{cursor:default;opacity:.7;pointer-events:none}.hb-button__loading-icon{animation:hb-spin 1s linear infinite;display:inline-flex;font-size:1em}@keyframes hb-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@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 HbButtonStyle0 = buttonCss;
+
+const Button = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    /** 按钮类型 */
+    type = 'default';
+    /** 按钮尺寸 */
+    size = 'default';
+    /** 自定义 class */
+    classNames = '';
+    /** 是否禁用 */
+    disabled = false;
+    /** 是否加载中 */
+    loading = false;
+    render() {
+        return (index.h("button", { key: '1628f4fd2f0e565910115361d0be682cf3d813c6', disabled: this.disabled || this.loading, class: {
+                'hb-button': true,
+                [`hb-button--${this.type}`]: true,
+                [`hb-button--${this.size}`]: true,
+                'hb-button--disabled': this.disabled,
+                'hb-button--loading': this.loading,
+                [this.classNames]: !!this.classNames,
+            } }, this.loading && index.h("span", { key: '305de3274e8bfce745beb06499da13bd3209f616', class: "hb-button__loading-icon" }, "\u23F3"), index.h("slot", { key: '624ab73421118eefd5b1e7590e18ddb713c7ce0c' })));
+    }
+};
+Button.style = HbButtonStyle0;
+
+exports.hb_button = Button;
+
+//# sourceMappingURL=hb-button.cjs.entry.js.map

package/dist/cjs/hb-button.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"hb-button.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,SAAS,GAAG,o4PAAo4P,CAAC;AACv5P,uBAAe,SAAS;;MCUX,MAAM;;;;;IAET,IAAI,GAAuD,SAAS,CAAC;;IAGrE,IAAI,GAAkC,SAAS,CAAC;;IAGhD,UAAU,GAAW,EAAE,CAAC;;IAGxB,QAAQ,GAAY,KAAK,CAAC;;IAG1B,OAAO,GAAY,KAAK,CAAC;IAEjC,MAAM;QACJ,QACEA,qEACE,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,EACvC,KAAK,EAAE;gBACL,WAAW,EAAE,IAAI;gBACjB,CAAC,cAAc,IAAI,CAAC,IAAI,EAAE,GAAG,IAAI;gBACjC,CAAC,cAAc,IAAI,CAAC,IAAI,EAAE,GAAG,IAAI;gBACjC,qBAAqB,EAAE,IAAI,CAAC,QAAQ;gBACpC,oBAAoB,EAAE,IAAI,CAAC,OAAO;gBAClC,CAAC,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,IAAI,CAAC,UAAU;aACrC,IAEA,IAAI,CAAC,OAAO,IAAIA,mEAAM,KAAK,EAAC,yBAAyB,aAAS,EAC/DA,oEAAQ,CACD,EACT;KACH;;;;;;","names":["h"],"sources":["src/components/Button/button.css?tag=hb-button&encapsulation=shadow","src/components/Button/Button.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n/* ---- 基础样式 ---- */\n.hb-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--hb-spacing-xxs);\n  font-family: var(--hb-font-family);\n  font-weight: 400;\n  white-space: nowrap;\n  text-align: center;\n  cursor: pointer;\n  user-select: none;\n  border: 1px solid transparent;\n  outline: none;\n  transition:\n    all var(--hb-transition-duration) var(--hb-transition-function);\n  box-sizing: border-box;\n}\n\n.hb-button:focus-visible {\n  outline: 2px solid var(--hb-color-primary);\n  outline-offset: 1px;\n}\n\n/* ---- 尺寸 ---- */\n.hb-button--small {\n  height: var(--hb-button-height-sm);\n  padding: 0 var(--hb-button-padding-sm);\n  font-size: var(--hb-button-font-size-sm);\n  border-radius: var(--hb-button-radius);\n}\n\n.hb-button--default {\n  height: var(--hb-button-height);\n  padding: 0 var(--hb-button-padding);\n  font-size: var(--hb-button-font-size);\n  border-radius: var(--hb-button-radius);\n}\n\n.hb-button--large {\n  height: var(--hb-button-height-lg);\n  padding: 0 var(--hb-button-padding-lg);\n  font-size: var(--hb-button-font-size-lg);\n  border-radius: var(--hb-button-radius);\n}\n\n/* ---- 类型：default ---- */\n.hb-button--default {\n  color: var(--hb-color-text);\n  background-color: var(--hb-color-bg);\n  border-color: var(--hb-button-default-border);\n}\n.hb-button--default:hover {\n  color: var(--hb-button-default-hover-color);\n  border-color: var(--hb-button-default-hover-border);\n}\n\n/* ---- 类型：primary ---- */\n.hb-button--primary {\n  color: #ffffff;\n  background-color: var(--hb-button-primary-bg);\n  border-color: var(--hb-button-primary-bg);\n}\n.hb-button--primary:hover {\n  background-color: var(--hb-button-primary-hover-bg);\n  border-color: var(--hb-button-primary-hover-bg);\n}\n\n/* ---- 类型：dashed ---- */\n.hb-button--dashed {\n  color: var(--hb-color-text);\n  background-color: var(--hb-color-bg);\n  border-color: var(--hb-button-default-border);\n  border-style: dashed;\n}\n.hb-button--dashed:hover {\n  color: var(--hb-button-default-hover-color);\n  border-color: var(--hb-button-default-hover-border);\n}\n\n/* ---- 类型：text ---- */\n.hb-button--text {\n  color: var(--hb-color-text);\n  background-color: transparent;\n  border-color: transparent;\n}\n.hb-button--text:hover {\n  background-color: var(--hb-color-fill-tertiary);\n}\n\n/* ---- 类型：link ---- */\n.hb-button--link {\n  color: var(--hb-color-primary);\n  background-color: transparent;\n  border-color: transparent;\n}\n.hb-button--link:hover {\n  color: var(--hb-color-primary-hover);\n}\n\n/* ---- 禁用 ---- */\n.hb-button--disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n/* ---- 加载 ---- */\n.hb-button--loading {\n  cursor: default;\n  opacity: 0.7;\n  pointer-events: none;\n}\n.hb-button__loading-icon {\n  display: inline-flex;\n  animation: hb-spin 1s linear infinite;\n  font-size: 1em;\n}\n\n@keyframes hb-spin {\n  from { transform: rotate(0deg); }\n  to   { transform: rotate(360deg); }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * Button 按钮组件\n * 常用的操作按钮\n */\n@Component({\n  tag: 'hb-button',\n  styleUrl: 'button.css',\n  shadow: true,\n})\nexport class Button {\n  /** 按钮类型 */\n  @Prop() type: 'primary' | 'dashed' | 'link' | 'text' | 'default' = 'default';\n\n  /** 按钮尺寸 */\n  @Prop() size: 'small' | 'default' | 'large' = 'default';\n\n  /** 自定义 class */\n  @Prop() classNames: string = '';\n\n  /** 是否禁用 */\n  @Prop() disabled: boolean = false;\n\n  /** 是否加载中 */\n  @Prop() loading: boolean = false;\n\n  render() {\n    return (\n      <button\n        disabled={this.disabled || this.loading}\n        class={{\n          'hb-button': true,\n          [`hb-button--${this.type}`]: true,\n          [`hb-button--${this.size}`]: true,\n          'hb-button--disabled': this.disabled,\n          'hb-button--loading': this.loading,\n          [this.classNames]: !!this.classNames,\n        }}\n      >\n        {this.loading && <span class=\"hb-button__loading-icon\">⏳</span>}\n        <slot />\n      </button>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/hb-calendar.cjs.entry.js

@@ -0,0 +1,90 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-5aa5c817.js');
+const dateHelpers = require('./date-helpers-904747ff.js');
+
+const calendarCss = "/*! 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-calendar{background-color:var(--hb-color-white,#fff);border-radius:4px;box-sizing:border-box;padding:12px;width:100%}.hb-calendar__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.hb-calendar__header-label{color:var(--hb-color-text-regular,#606266);font-size:14px;font-weight:600}.hb-calendar__next-btn,.hb-calendar__prev-btn{background:0 0;border:none;color:var(--hb-color-text-regular,#606266);cursor:pointer;font-size:18px;line-height:1;padding:4px 8px;transition:color .2s}.hb-calendar__next-btn:hover,.hb-calendar__prev-btn:hover{color:var(--hb-color-primary)}.hb-calendar__weekdays{display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.hb-calendar__weekday{color:var(--hb-color-text-placeholder,#c0c4cc);font-size:12px;font-weight:500;padding:4px 0;text-align:center}.hb-calendar__days{display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.hb-calendar__day{align-items:center;aspect-ratio:1;border-radius:4px;color:var(--hb-color-text-regular,#606266);cursor:pointer;display:flex;font-size:13px;justify-content:center;transition:all .2s;-webkit-user-select:none;user-select:none}.hb-calendar__day:hover:not(.hb-calendar__day--other-month){background-color:var(--hb-fill-color-light,#f5f7fa)}.hb-calendar__day--other-month{color:var(--hb-color-text-placeholder,#c0c4cc);cursor:default}.hb-calendar__day--today{color:var(--hb-color-primary);font-weight:600}.hb-calendar__day--selected{color:var(--hb-color-white,#fff)}.hb-calendar__day--selected,.hb-calendar__day--selected:hover{background-color:var(--hb-color-primary)}@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 HbCalendarStyle0 = calendarCss;
+
+const Calendar = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.hbChange = index.createEvent(this, "hbChange", 7);
+    }
+    /**
+     * 绑定值（ISO 日期字符串）
+     */
+    modelValue;
+    /**
+     * 每周第一天（0=周日，1=周一 …）
+     * @default 0
+     */
+    firstDayOfWeek = 0;
+    /**
+     * 禁用日期判定（声明预留，暂不强求实现）
+     */
+    disabledDate;
+    /**
+     * 值改变事件，detail 为 ISO 日期字符串
+     */
+    hbChange;
+    viewDate = new Date();
+    selectedDate;
+    componentDidLoad() {
+        this.initFromModelValue();
+    }
+    handleModelValueChange() {
+        this.initFromModelValue();
+    }
+    initFromModelValue() {
+        const parsed = dateHelpers.parseDate(this.modelValue);
+        this.selectedDate = parsed;
+        if (parsed) {
+            this.viewDate = new Date(parsed.getFullYear(), parsed.getMonth(), 1);
+        }
+    }
+    handleSelect = (day) => {
+        if (!day.isCurrentMonth)
+            return;
+        if (this.disabledDate && this.disabledDate(day.date))
+            return;
+        this.selectedDate = day.date;
+        const iso = this.toISODate(day.date);
+        this.modelValue = iso;
+        this.hbChange.emit(iso);
+    };
+    toISODate(date) {
+        const y = date.getFullYear();
+        const m = String(date.getMonth() + 1).padStart(2, '0');
+        const d = String(date.getDate()).padStart(2, '0');
+        return `${y}-${m}-${d}`;
+    }
+    changeMonth(delta) {
+        this.viewDate = dateHelpers.addMonths(this.viewDate, delta);
+    }
+    /** 按 firstDayOfWeek 重排星期标题（getCalendarDays 网格恒以周日为首列） */
+    get orderedWeekNames() {
+        const offset = ((this.firstDayOfWeek % 7) + 7) % 7;
+        return [...dateHelpers.WEEK_DAY_NAMES.slice(offset), ...dateHelpers.WEEK_DAY_NAMES.slice(0, offset)];
+    }
+    render() {
+        const days = dateHelpers.getCalendarDays(this.viewDate, this.selectedDate);
+        const current = this.viewDate;
+        return (index.h("div", { key: '349964b635ebec88f000ea4b26c4c6779f9f8925', class: "hb-calendar" }, index.h("div", { key: '05a23a21700199202f902cab89c01af76ebe4bb6', class: "hb-calendar__header" }, index.h("button", { key: '442c8a247cff4cbfc76e1a73a983f6e1255f7fd5', type: "button", class: "hb-calendar__prev-btn", onClick: () => this.changeMonth(-1), "aria-label": "\u4E0A\u4E00\u6708" }, "\u2039"), index.h("span", { key: 'be82bfda5eddbee738587405924ebad7cb4757f9', class: "hb-calendar__header-label" }, current.getFullYear(), "\u5E74 ", dateHelpers.MONTH_NAMES[current.getMonth()]), index.h("button", { key: 'd25451367e0ae14dd93efe57bfa7381535940d4b', type: "button", class: "hb-calendar__next-btn", onClick: () => this.changeMonth(1), "aria-label": "\u4E0B\u4E00\u6708" }, "\u203A")), index.h("div", { key: '1ecc238f1f6c08e4e32aad8067277dd4f6ee94b8', class: "hb-calendar__body" }, index.h("div", { key: '52e7bfd36efbcb3cf0d0ee5f5f8a2798169f9a64', class: "hb-calendar__weekdays" }, this.orderedWeekNames.map((day) => (index.h("div", { class: "hb-calendar__weekday" }, day)))), index.h("div", { key: '54545d72d643142c0b3f46f2b6817764fe22fdb2', class: "hb-calendar__days" }, days.map((day, index$1) => (index.h("div", { key: index$1, class: {
+                'hb-calendar__day': true,
+                'hb-calendar__day--other-month': !day.isCurrentMonth,
+                'hb-calendar__day--today': day.isToday,
+                'hb-calendar__day--selected': day.isSelected,
+            }, onClick: () => this.handleSelect(day) }, day.date.getDate())))))));
+    }
+    static get watchers() { return {
+        "modelValue": ["handleModelValueChange"]
+    }; }
+};
+Calendar.style = HbCalendarStyle0;
+
+exports.hb_calendar = Calendar;
+
+//# sourceMappingURL=hb-calendar.cjs.entry.js.map

package/dist/cjs/hb-calendar.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"hb-calendar.entry.cjs.js","mappings":"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","names":["parseDate","addMonths","WEEK_DAY_NAMES","getCalendarDays","h","MONTH_NAMES","index"],"sources":["src/components/Calendar/calendar.css?tag=hb-calendar&encapsulation=shadow","src/components/Calendar/Calendar.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hb-calendar {\n  width: 100%;\n  padding: 12px;\n  box-sizing: border-box;\n  background-color: var(--hb-color-white, #ffffff);\n  border-radius: 4px;\n}\n\n/* 头部：年月 + 上下月按钮 */\n.hb-calendar__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 12px;\n}\n\n.hb-calendar__header-label {\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--hb-color-text-regular, #606266);\n}\n\n.hb-calendar__prev-btn,\n.hb-calendar__next-btn {\n  background: none;\n  border: none;\n  font-size: 18px;\n  cursor: pointer;\n  color: var(--hb-color-text-regular, #606266);\n  padding: 4px 8px;\n  line-height: 1;\n  transition: color 0.2s;\n}\n\n.hb-calendar__prev-btn:hover,\n.hb-calendar__next-btn:hover {\n  color: var(--hb-color-primary);\n}\n\n/* 星期行 */\n.hb-calendar__weekdays {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  gap: 4px;\n  margin-bottom: 8px;\n}\n\n.hb-calendar__weekday {\n  text-align: center;\n  font-size: 12px;\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n  font-weight: 500;\n  padding: 4px 0;\n}\n\n/* 日期网格 */\n.hb-calendar__days {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  gap: 4px;\n}\n\n.hb-calendar__day {\n  aspect-ratio: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 13px;\n  color: var(--hb-color-text-regular, #606266);\n  cursor: pointer;\n  border-radius: 4px;\n  transition: all 0.2s;\n  user-select: none;\n}\n\n.hb-calendar__day:hover:not(.hb-calendar__day--other-month) {\n  background-color: var(--hb-fill-color-light, #f5f7fa);\n}\n\n.hb-calendar__day--other-month {\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n  cursor: default;\n}\n\n.hb-calendar__day--today {\n  color: var(--hb-color-primary);\n  font-weight: 600;\n}\n\n.hb-calendar__day--selected {\n  background-color: var(--hb-color-primary);\n  color: var(--hb-color-white, #ffffff);\n}\n\n.hb-calendar__day--selected:hover {\n  background-color: var(--hb-color-primary);\n}\n","import { Component, h, Prop, Event, EventEmitter, State, Watch } from '@stencil/core';\nimport {\n  getCalendarDays,\n  parseDate,\n  addMonths,\n  MONTH_NAMES,\n  WEEK_DAY_NAMES,\n} from '../../utils/date-helpers';\n\n/**\n * Calendar 日历组件\n * 月份视图日历，支持选中日期与月份切换\n */\n@Component({\n  tag: 'hb-calendar',\n  styleUrl: 'calendar.css',\n  shadow: true,\n})\nexport class Calendar {\n  /**\n   * 绑定值（ISO 日期字符串）\n   */\n  @Prop({ mutable: true }) modelValue?: string;\n\n  /**\n   * 每周第一天（0=周日，1=周一 …）\n   * @default 0\n   */\n  @Prop() firstDayOfWeek: number = 0;\n\n  /**\n   * 禁用日期判定（声明预留，暂不强求实现）\n   */\n  @Prop() disabledDate?: (date: Date) => boolean;\n\n  /**\n   * 值改变事件，detail 为 ISO 日期字符串\n   */\n  @Event() hbChange: EventEmitter<string>;\n\n  @State() viewDate: Date = new Date();\n  @State() selectedDate?: Date;\n\n  componentDidLoad() {\n    this.initFromModelValue();\n  }\n\n  @Watch('modelValue')\n  handleModelValueChange() {\n    this.initFromModelValue();\n  }\n\n  private initFromModelValue() {\n    const parsed = parseDate(this.modelValue);\n    this.selectedDate = parsed;\n    if (parsed) {\n      this.viewDate = new Date(parsed.getFullYear(), parsed.getMonth(), 1);\n    }\n  }\n\n  private handleSelect = (day: { date: Date; isCurrentMonth: boolean }) => {\n    if (!day.isCurrentMonth) return;\n    if (this.disabledDate && this.disabledDate(day.date)) return;\n    this.selectedDate = day.date;\n    const iso = this.toISODate(day.date);\n    this.modelValue = iso;\n    this.hbChange.emit(iso);\n  };\n\n  private toISODate(date: Date): string {\n    const y = date.getFullYear();\n    const m = String(date.getMonth() + 1).padStart(2, '0');\n    const d = String(date.getDate()).padStart(2, '0');\n    return `${y}-${m}-${d}`;\n  }\n\n  private changeMonth(delta: number) {\n    this.viewDate = addMonths(this.viewDate, delta);\n  }\n\n  /** 按 firstDayOfWeek 重排星期标题（getCalendarDays 网格恒以周日为首列） */\n  private get orderedWeekNames(): string[] {\n    const offset = ((this.firstDayOfWeek % 7) + 7) % 7;\n    return [...WEEK_DAY_NAMES.slice(offset), ...WEEK_DAY_NAMES.slice(0, offset)];\n  }\n\n  render() {\n    const days = getCalendarDays(this.viewDate, this.selectedDate);\n    const current = this.viewDate;\n\n    return (\n      <div class=\"hb-calendar\">\n        <div class=\"hb-calendar__header\">\n          <button\n            type=\"button\"\n            class=\"hb-calendar__prev-btn\"\n            onClick={() => this.changeMonth(-1)}\n            aria-label=\"上一月\"\n          >\n            ‹\n          </button>\n          <span class=\"hb-calendar__header-label\">\n            {current.getFullYear()}年 {MONTH_NAMES[current.getMonth()]}\n          </span>\n          <button\n            type=\"button\"\n            class=\"hb-calendar__next-btn\"\n            onClick={() => this.changeMonth(1)}\n            aria-label=\"下一月\"\n          >\n            ›\n          </button>\n        </div>\n        <div class=\"hb-calendar__body\">\n          <div class=\"hb-calendar__weekdays\">\n            {this.orderedWeekNames.map((day) => (\n              <div class=\"hb-calendar__weekday\">{day}</div>\n            ))}\n          </div>\n          <div class=\"hb-calendar__days\">\n            {days.map((day, index) => (\n              <div\n                key={index}\n                class={{\n                  'hb-calendar__day': true,\n                  'hb-calendar__day--other-month': !day.isCurrentMonth,\n                  'hb-calendar__day--today': day.isToday,\n                  'hb-calendar__day--selected': day.isSelected,\n                }}\n                onClick={() => this.handleSelect(day)}\n              >\n                {day.date.getDate()}\n              </div>\n            ))}\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}