huibo-ui 0.3.0 → 0.5.0

package/dist/cjs/{a11y-802de67a.js → a11y-4385c871.js}

@@ -11,6 +11,20 @@
 function isActivationKey(key) {
     return key === 'Enter' || key === ' ' || key === 'Spacebar';
 }
+/**
+ * 生成一个 keydown 处理器：当按下激活键（Enter/Space）时触发元素 click。
+ * 用于给 `role="button"` 的 `<span>`/`<div>` 补齐键盘可达性（A3）。
+ *
+ * 用法：`onKeyDown={activationClickHandler}`
+ * 它会读 `event.currentTarget`（即绑定 onKeyDown 的元素）并调 .click()，
+ * 并 preventDefault 避免空格滚动页面。
+ */
+function activationClickHandler(e) {
+    if (isActivationKey(e.key)) {
+        e.preventDefault();
+        e.currentTarget.click();
+    }
+}
 /** 查询容器内可聚焦的元素顺序（tabindex >= 0 的语义元素） */
 const FOCUSABLE_SELECTOR = [
     'a[href]',
@@ -22,7 +36,7 @@ const FOCUSABLE_SELECTOR = [
     '[contenteditable="true"]',
 ].join(',');
 function getFocusableElements(container) {
-    return Array.from(container.querySelectorAll(FOCUSABLE_SELECTOR)).filter((el) => el.getAttribute('aria-hidden') !== 'true' && el.style.display !== 'none');
+    return Array.from(container.querySelectorAll(FOCUSABLE_SELECTOR)).filter(el => el.getAttribute('aria-hidden') !== 'true' && el.style.display !== 'none');
 }
 /**
  * 创建焦点陷阱（Dialog / Drawer 打开时把 Tab 循环限制在容器内）。
@@ -116,8 +130,9 @@ function handleListKeyboard(event, options) {
     }
 }
 
+exports.activationClickHandler = activationClickHandler;
 exports.createFocusTrap = createFocusTrap;
 exports.handleListKeyboard = handleListKeyboard;
 exports.isActivationKey = isActivationKey;
 
-//# sourceMappingURL=a11y-802de67a.js.map
+//# sourceMappingURL=a11y-4385c871.js.map

package/dist/cjs/a11y-4385c871.js.map

@@ -0,0 +1 @@
+{"file":"a11y-4385c871.js","mappings":"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","names":[],"sources":["src/utils/a11y.ts"],"sourcesContent":["/**\n * 无障碍（a11y）工具集\n * 统一 ARIA 属性辅助、焦点陷阱、列表键盘导航等在交互组件（Dialog / Drawer / Menu /\n * Dropdown / Select 等）中重复出现且容易写错的可访问性逻辑。\n *\n * 参考标准：WAI-ARIA Authoring Practices 1.2。\n */\n\n/** 判定按键是否为「激活」键（Enter / Space），用于自定义可聚焦元素的点击替代 */\nexport function isActivationKey(key: string | undefined): boolean {\n  return key === 'Enter' || key === ' ' || key === 'Spacebar';\n}\n\n/**\n * 生成一个 keydown 处理器：当按下激活键（Enter/Space）时触发元素 click。\n * 用于给 `role=\"button\"` 的 `<span>`/`<div>` 补齐键盘可达性（A3）。\n *\n * 用法：`onKeyDown={activationClickHandler}`\n * 它会读 `event.currentTarget`（即绑定 onKeyDown 的元素）并调 .click()，\n * 并 preventDefault 避免空格滚动页面。\n */\nexport function activationClickHandler(e: KeyboardEvent): void {\n  if (isActivationKey(e.key)) {\n    e.preventDefault();\n    (e.currentTarget as HTMLElement).click();\n  }\n}\n\n/** 查询容器内可聚焦的元素顺序（tabindex >= 0 的语义元素） */\nconst FOCUSABLE_SELECTOR = [\n  'a[href]',\n  'button:not([disabled])',\n  'textarea:not([disabled])',\n  'input:not([disabled])',\n  'select:not([disabled])',\n  '[tabindex]:not([tabindex=\"-1\"])',\n  '[contenteditable=\"true\"]',\n].join(',');\n\nexport function getFocusableElements(container: HTMLElement): HTMLElement[] {\n  return Array.from(container.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR)).filter(el => el.getAttribute('aria-hidden') !== 'true' && el.style.display !== 'none');\n}\n\n/** 焦点陷阱选项 */\nexport interface FocusTrapOptions {\n  /** 焦点受限的容器元素 */\n  container: HTMLElement;\n  /** 打开时是否自动聚焦容器内首个可聚焦元素 */\n  autoFocus?: boolean;\n  /** 容器激活前的元素（用于关闭时归还焦点） */\n  returnFocusTo?: HTMLElement | null;\n}\n\n/** 焦点陷阱句柄 */\nexport interface FocusTrap {\n  /** 启用：绑定 Tab 拦截，可选自动聚焦 */\n  connect: () => void;\n  /** 关闭：解除拦截，归还焦点 */\n  disconnect: () => void;\n}\n\n/**\n * 创建焦点陷阱（Dialog / Drawer 打开时把 Tab 循环限制在容器内）。\n * 关键点：Tab 与 Shift+Tab 在容器边界时回环到另一端，防止焦点逃逸到背景。\n * 返回句柄，组件在打开时 connect()、关闭时 disconnect()。\n */\nexport function createFocusTrap(options: FocusTrapOptions): FocusTrap {\n  const { container, autoFocus = true, returnFocusTo } = options;\n  let active = false;\n  let previouslyFocused: HTMLElement | null = null;\n\n  const handleKeydown = (e: KeyboardEvent) => {\n    if (e.key !== 'Tab') return;\n    const focusable = getFocusableElements(container);\n    if (focusable.length === 0) {\n      e.preventDefault();\n      container.focus();\n      return;\n    }\n    const first = focusable[0];\n    const last = focusable[focusable.length - 1];\n    const activeEl = document.activeElement;\n\n    if (e.shiftKey) {\n      if (activeEl === first || !container.contains(activeEl)) {\n        e.preventDefault();\n        last.focus();\n      }\n    } else {\n      if (activeEl === last) {\n        e.preventDefault();\n        first.focus();\n      }\n    }\n  };\n\n  const connect = () => {\n    if (active) return;\n    active = true;\n    previouslyFocused = (returnFocusTo ?? document.activeElement) as HTMLElement | null;\n    container.addEventListener('keydown', handleKeydown);\n    if (autoFocus) {\n      const focusable = getFocusableElements(container);\n      (focusable[0] ?? container).focus();\n    }\n  };\n\n  const disconnect = () => {\n    if (!active) return;\n    active = false;\n    container.removeEventListener('keydown', handleKeydown);\n    if (previouslyFocused && typeof previouslyFocused.focus === 'function') {\n      previouslyFocused.focus();\n    }\n    previouslyFocused = null;\n  };\n\n  return { connect, disconnect };\n}\n\n/** 列表键盘导航产生的动作 */\nexport type ListKeyAction = { type: 'navigate'; index: number } | { type: 'select'; index: number } | { type: 'close' } | { type: 'none' };\n\n/** 列表键盘导航参数 */\nexport interface ListKeyboardOptions {\n  /** 当前高亮项索引（-1 表示无高亮） */\n  activeIndex: number;\n  /** 列表项总数 */\n  itemCount: number;\n  /** 是否允许循环（首尾跳转） */\n  loop?: boolean;\n}\n\n/**\n * 列表 / 菜单 / 下拉选项的键盘导航核心逻辑（listbox / menu / combobox 通用）。\n * 返回应执行的动作，由调用方据此更新 activeIndex / 触发选中 / 关闭。\n *\n * 支持：ArrowDown/ArrowUp（竖排）/ArrowRight/ArrowLeft（横排）移动、Home/End 跳首尾、\n * Enter/Space 选中、Escape 关闭。\n */\nexport function handleListKeyboard(event: KeyboardEvent, options: ListKeyboardOptions): ListKeyAction {\n  const { activeIndex, itemCount, loop = true } = options;\n  if (itemCount <= 0) return { type: 'none' };\n\n  const clamp = (idx: number) => (idx + itemCount) % itemCount;\n  const within = (idx: number) => Math.max(0, Math.min(idx, itemCount - 1));\n\n  switch (event.key) {\n    case 'ArrowDown':\n    case 'ArrowRight':\n      return { type: 'navigate', index: loop ? clamp(activeIndex + 1) : within(activeIndex + 1) };\n    case 'ArrowUp':\n    case 'ArrowLeft':\n      return { type: 'navigate', index: loop ? clamp(activeIndex - 1) : within(activeIndex - 1) };\n    case 'Home':\n      return { type: 'navigate', index: 0 };\n    case 'End':\n      return { type: 'navigate', index: itemCount - 1 };\n    case 'Enter':\n    case ' ':\n    case 'Spacebar':\n      return activeIndex >= 0 ? { type: 'select', index: activeIndex } : { type: 'none' };\n    case 'Escape':\n      return { type: 'close' };\n    default:\n      return { type: 'none' };\n  }\n}\n\n/**\n * 为元素批量设置 ARIA 属性（不可变：返回新映射，但直接操作 DOM 属性是 a11y 的固有需求）。\n * 组件挂载后调用一次即可，避免每次 render 重复写 setAttribute。\n */\nexport function applyAria(el: HTMLElement, attrs: Record<string, string | boolean | undefined>): void {\n  Object.entries(attrs).forEach(([key, value]) => {\n    if (value === undefined || value === null) {\n      el.removeAttribute(`aria-${key}`);\n    } else {\n      el.setAttribute(`aria-${key}`, String(value));\n    }\n  });\n}\n"],"version":3}

package/dist/cjs/{date-helpers-904747ff.js → date-helpers-c05ef385.js}

@@ -6,12 +6,10 @@
  */
 /** 判断两个日期是否为同一天 */
 function isSameDay(date1, date2) {
-    return (date1.getFullYear() === date2.getFullYear() &&
-        date1.getMonth() === date2.getMonth() &&
-        date1.getDate() === date2.getDate());
+    return date1.getFullYear() === date2.getFullYear() && date1.getMonth() === date2.getMonth() && date1.getDate() === date2.getDate();
 }
 /** 生成 42 天（6 周）的日历网格数据 */
-function getCalendarDays(viewDate, selectedDate, today = new Date()) {
+function getCalendarDays(viewDate, selectedDate, today = new Date(), firstDayOfWeek = 0) {
     const days = [];
     const year = viewDate.getFullYear();
     const month = viewDate.getMonth();
@@ -19,9 +17,13 @@ function getCalendarDays(viewDate, selectedDate, today = new Date()) {
     const lastDay = new Date(year, month + 1, 0);
     const firstDayWeek = firstDay.getDay();
     const daysInMonth = lastDay.getDate();
+    // 按 firstDayOfWeek 计算需要补多少上月天数。
+    // 默认 firstDayOfWeek=0（周日为首列）时，offset = firstDayWeek；
+    // firstDayOfWeek=1（周一为首列）时，周日的 offset 多 1、周一的 offset 为 0。
+    const offset = (firstDayWeek - firstDayOfWeek + 7) % 7;
     // 上月填充
     const prevMonth = new Date(year, month - 1, 0);
-    for (let i = firstDayWeek - 1; i >= 0; i--) {
+    for (let i = offset - 1; i >= 0; i--) {
         const date = new Date(year, month - 1, prevMonth.getDate() - i);
         days.push({
             date,
@@ -64,13 +66,7 @@ function formatDate(date, format) {
     const hours = String(date.getHours()).padStart(2, '0');
     const minutes = String(date.getMinutes()).padStart(2, '0');
     const seconds = String(date.getSeconds()).padStart(2, '0');
-    return format
-        .replace('YYYY', String(year))
-        .replace('MM', month)
-        .replace('DD', day)
-        .replace('HH', hours)
-        .replace('mm', minutes)
-        .replace('ss', seconds);
+    return format.replace('YYYY', String(year)).replace('MM', month).replace('DD', day).replace('HH', hours).replace('mm', minutes).replace('ss', seconds);
 }
 /** 安全解析日期值 */
 function parseDate(value) {
@@ -113,10 +109,7 @@ function getYearRangeStart(viewDate) {
     return year - (year % 12);
 }
 /** 中文月份名称 */
-const MONTH_NAMES = [
-    '一月', '二月', '三月', '四月', '五月', '六月',
-    '七月', '八月', '九月', '十月', '十一月', '十二月',
-];
+const MONTH_NAMES = ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'];
 /** 中文星期名称 */
 const WEEK_DAY_NAMES = ['日', '一', '二', '三', '四', '五', '六'];
 
@@ -131,4 +124,4 @@ exports.getYearRangeStart = getYearRangeStart;
 exports.isSameDay = isSameDay;
 exports.parseDate = parseDate;
 
-//# sourceMappingURL=date-helpers-904747ff.js.map
+//# sourceMappingURL=date-helpers-c05ef385.js.map

package/dist/cjs/date-helpers-c05ef385.js.map

@@ -0,0 +1 @@
+{"file":"date-helpers-c05ef385.js","mappings":"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","names":[],"sources":["src/utils/date-helpers.ts"],"sourcesContent":["/**\n * 日历和日期工具函数\n * 从 DatePicker / DateTimePicker / DatePickerPane 中提取的共享逻辑\n */\n\nexport interface CalendarDay {\n  date: Date;\n  isCurrentMonth: boolean;\n  isToday: boolean;\n  isSelected: boolean;\n}\n\n/** 判断两个日期是否为同一天 */\nexport function isSameDay(date1: Date, date2: Date): boolean {\n  return date1.getFullYear() === date2.getFullYear() && date1.getMonth() === date2.getMonth() && date1.getDate() === date2.getDate();\n}\n\n/** 生成 42 天（6 周）的日历网格数据 */\nexport function getCalendarDays(viewDate: Date, selectedDate?: Date, today: Date = new Date(), firstDayOfWeek: number = 0): CalendarDay[] {\n  const days: CalendarDay[] = [];\n  const year = viewDate.getFullYear();\n  const month = viewDate.getMonth();\n\n  const firstDay = new Date(year, month, 1);\n  const lastDay = new Date(year, month + 1, 0);\n  const firstDayWeek = firstDay.getDay();\n  const daysInMonth = lastDay.getDate();\n\n  // 按 firstDayOfWeek 计算需要补多少上月天数。\n  // 默认 firstDayOfWeek=0（周日为首列）时，offset = firstDayWeek；\n  // firstDayOfWeek=1（周一为首列）时，周日的 offset 多 1、周一的 offset 为 0。\n  const offset = (firstDayWeek - firstDayOfWeek + 7) % 7;\n\n  // 上月填充\n  const prevMonth = new Date(year, month - 1, 0);\n  for (let i = offset - 1; i >= 0; i--) {\n    const date = new Date(year, month - 1, prevMonth.getDate() - i);\n    days.push({\n      date,\n      isCurrentMonth: false,\n      isToday: isSameDay(date, today),\n      isSelected: !!selectedDate && isSameDay(date, selectedDate),\n    });\n  }\n\n  // 当月日期\n  for (let i = 1; i <= daysInMonth; i++) {\n    const date = new Date(year, month, i);\n    days.push({\n      date,\n      isCurrentMonth: true,\n      isToday: isSameDay(date, today),\n      isSelected: !!selectedDate && isSameDay(date, selectedDate),\n    });\n  }\n\n  // 下月填充（补齐 42 天）\n  const remainingDays = 42 - days.length;\n  for (let i = 1; i <= remainingDays; i++) {\n    const date = new Date(year, month + 1, i);\n    days.push({\n      date,\n      isCurrentMonth: false,\n      isToday: isSameDay(date, today),\n      isSelected: !!selectedDate && isSameDay(date, selectedDate),\n    });\n  }\n\n  return days;\n}\n\n/**\n * 格式化日期为指定格式字符串\n * 支持：YYYY, MM, DD, HH, mm, ss\n */\nexport function formatDate(date: Date, format: string): string {\n  const year = date.getFullYear();\n  const month = String(date.getMonth() + 1).padStart(2, '0');\n  const day = String(date.getDate()).padStart(2, '0');\n  const hours = String(date.getHours()).padStart(2, '0');\n  const minutes = String(date.getMinutes()).padStart(2, '0');\n  const seconds = String(date.getSeconds()).padStart(2, '0');\n\n  return format.replace('YYYY', String(year)).replace('MM', month).replace('DD', day).replace('HH', hours).replace('mm', minutes).replace('ss', seconds);\n}\n\n/** 安全解析日期值 */\nexport function parseDate(value: string | Date | undefined): Date | undefined {\n  if (!value) return undefined;\n  const date = value instanceof Date ? value : new Date(value);\n  if (isNaN(date.getTime())) return undefined;\n  return date;\n}\n\n/** 月份偏移，返回新日期对象（不可变） */\nexport function addMonths(date: Date, delta: number): Date {\n  const result = new Date(date);\n  result.setMonth(result.getMonth() + delta);\n  return result;\n}\n\n/** 年份偏移，返回新日期对象（不可变） */\nexport function addYears(date: Date, delta: number): Date {\n  const result = new Date(date);\n  result.setFullYear(result.getFullYear() + delta);\n  return result;\n}\n\n/**\n * 生成 years 视图的 12 年档数据（每档 12 年）。\n * 以 viewDate 所在年份向下取整到 12 的倍数作为起点。\n */\nexport interface CalendarYear {\n  year: number;\n  isCurrentYearRange: boolean;\n  isSelected: boolean;\n}\n\nexport function getCalendarYears(viewDate: Date, selectedDate?: Date, startYearBase?: number): CalendarYear[] {\n  const year = viewDate.getFullYear();\n  const rangeStart = startYearBase ?? year - (year % 12);\n  const years: CalendarYear[] = [];\n  for (let i = 0; i < 12; i++) {\n    const y = rangeStart + i;\n    years.push({\n      year: y,\n      isCurrentYearRange: y === year,\n      isSelected: !!selectedDate && selectedDate.getFullYear() === y,\n    });\n  }\n  return years;\n}\n\n/** 获取 years 视图标题所显示的年份档区间起点 */\nexport function getYearRangeStart(viewDate: Date): number {\n  const year = viewDate.getFullYear();\n  return year - (year % 12);\n}\n\n/** 中文月份名称 */\nexport const MONTH_NAMES = ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'];\n\n/** 中文星期名称 */\nexport const WEEK_DAY_NAMES = ['日', '一', '二', '三', '四', '五', '六'];\n"],"version":3}

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

@@ -91,7 +91,7 @@ const Affix = class {
         };
     }
     render() {
-        return (index.h("div", { key: 'e342673fa2ca768295c96ba2ba6f06c9dee2f38f', class: { 'hb-affix': true, 'hb-affix--fixed': this.affixed }, style: this.affixed ? this.fixedStyle : undefined }, index.h("slot", { key: 'fd66d7c127a33851bd0ca92a4e42f87a2a623ca7' })));
+        return (index.h("div", { key: '374ccf4d24df0d0e4ca4dd35b915a34a39669056', class: { 'hb-affix': true, 'hb-affix--fixed': this.affixed }, style: this.affixed ? this.fixedStyle : undefined }, index.h("slot", { key: '5f7c0c1341c274663846cc6d4264129415c6fffc' })));
     }
 };
 Affix.style = HbAffixStyle0;

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

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5aa5c817.js');
+const a11y = require('./a11y-4385c871.js');
 
 const alertCss = "/*! 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-alert{align-items:flex-start;border-radius:var(--hb-border-radius-base);display:flex;font-size:var(--hb-font-size-sm);gap:var(--hb-spacing-xs);line-height:1.5;padding:var(--hb-spacing-sm)var(--hb-spacing-md)}.hb-alert--center{justify-content:center;text-align:center}.hb-alert__icon{flex-shrink:0;font-size:16px;margin-top:2px}.hb-alert__body{flex:1}.hb-alert__title{font-weight:600}.hb-alert__description{font-size:var(--hb-font-size-xs);margin-top:4px;opacity:.85}.hb-alert__close{cursor:pointer;flex-shrink:0;font-size:16px;opacity:.6}.hb-alert__close:hover{opacity:1}.hb-alert--success{background:var(--hb-color-success-bg);border:1px solid var(--hb-color-success-border);color:var(--hb-color-success)}.hb-alert--warning{background:var(--hb-color-warning-bg);border:1px solid var(--hb-color-warning-border);color:var(--hb-color-warning)}.hb-alert--error{background:var(--hb-color-danger-bg);border:1px solid var(--hb-color-danger-border);color:var(--hb-color-danger)}.hb-alert--info{background:var(--hb-color-primary-bg);border:1px solid var(--hb-color-primary-border);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 HbAlertStyle0 = alertCss;
@@ -37,7 +38,7 @@ const Alert = class {
         // error/warning 是紧急通告 → role=alert（断言式，屏幕阅读器即时朗读）；
         // info/success 是状态信息 → role=status（礼貌式，不打断）。
         const liveRole = this.type === 'error' || this.type === 'warning' ? 'alert' : 'status';
-        return (index.h("div", { class: { 'hb-alert': true, [`hb-alert--${this.type}`]: true, 'hb-alert--center': this.center, 'hb-alert--with-description': !!this.description }, role: liveRole }, this.showIcon && index.h("span", { class: "hb-alert__icon", "aria-hidden": "true" }, icons[this.type]), index.h("div", { class: "hb-alert__body" }, index.h("div", { class: "hb-alert__title" }, this.title), this.description && index.h("div", { class: "hb-alert__description" }, this.description)), this.closable && index.h("span", { class: "hb-alert__close", role: "button", "aria-label": "\u5173\u95ED", tabIndex: 0, onClick: this.handleClose }, "\u00D7")));
+        return (index.h("div", { class: { 'hb-alert': true, [`hb-alert--${this.type}`]: true, 'hb-alert--center': this.center, 'hb-alert--with-description': !!this.description }, role: liveRole }, this.showIcon && (index.h("span", { class: "hb-alert__icon", "aria-hidden": "true" }, icons[this.type])), index.h("div", { class: "hb-alert__body" }, index.h("div", { class: "hb-alert__title" }, this.title), this.description && index.h("div", { class: "hb-alert__description" }, this.description)), this.closable && (index.h("span", { class: "hb-alert__close", role: "button", "aria-label": "\u5173\u95ED", tabIndex: 0, onClick: this.handleClose, onKeyDown: a11y.activationClickHandler }, "\u00D7"))));
     }
 };
 Alert.style = HbAlertStyle0;

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

@@ -1 +1 @@
-{"file":"hb-alert.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,QAAQ,GAAG,otNAAotN,CAAC;AACtuN,sBAAe,QAAQ;;MCUV,KAAK;;;;;;IAER,KAAK,GAAW,EAAE,CAAC;;IAGnB,WAAW,CAAU;;IAGrB,IAAI,GAA6C,MAAM,CAAC;;IAGxD,QAAQ,GAAY,KAAK,CAAC;;IAG1B,QAAQ,GAAY,IAAI,CAAC;;IAGzB,MAAM,GAAY,KAAK,CAAC;IAEvB,MAAM,GAAY,KAAK,CAAC;IAExB,OAAO,CAAqB;IAE7B,WAAW,GAAG;QACpB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QACnB,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;KACrB,CAAC;IAEF,MAAM;QACJ,IAAI,IAAI,CAAC,MAAM;YAAE,OAAO,IAAI,CAAC;QAC7B,MAAM,KAAK,GAA2B,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;;;QAG5F,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;QACvF,QACEA,iBACE,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,aAAa,IAAI,CAAC,IAAI,EAAE,GAAG,IAAI,EAAE,kBAAkB,EAAE,IAAI,CAAC,MAAM,EAAE,4BAA4B,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,EAChJ,IAAI,EAAE,QAAQ,IAEb,IAAI,CAAC,QAAQ,IAAIA,kBAAM,KAAK,EAAC,gBAAgB,iBAAa,MAAM,IAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAQ,EAC3FA,iBAAK,KAAK,EAAC,gBAAgB,IACzBA,iBAAK,KAAK,EAAC,iBAAiB,IAAE,IAAI,CAAC,KAAK,CAAO,EAC9C,IAAI,CAAC,WAAW,IAAIA,iBAAK,KAAK,EAAC,uBAAuB,IAAE,IAAI,CAAC,WAAW,CAAO,CAC5E,EACL,IAAI,CAAC,QAAQ,IAAIA,kBAAM,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,QAAQ,gBAAY,cAAI,EAAC,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,WAAW,aAAU,CAC1H,EACN;KACH;;;;;;","names":["h"],"sources":["src/components/Alert/alert.css?tag=hb-alert&encapsulation=shadow","src/components/Alert/Alert.tsx"],"sourcesContent":[":host { display: block; }\n.hb-alert {\n  display: flex; align-items: flex-start; gap: var(--hb-spacing-xs);\n  padding: var(--hb-spacing-sm) var(--hb-spacing-md);\n  border-radius: var(--hb-border-radius-base);\n  font-size: var(--hb-font-size-sm);\n  line-height: 1.5;\n}\n.hb-alert--center { justify-content: center; text-align: center; }\n.hb-alert__icon { font-size: 16px; margin-top: 2px; flex-shrink: 0; }\n.hb-alert__body { flex: 1; }\n.hb-alert__title { font-weight: 600; }\n.hb-alert__description { margin-top: 4px; font-size: var(--hb-font-size-xs); opacity: 0.85; }\n.hb-alert__close { cursor: pointer; font-size: 16px; opacity: 0.6; flex-shrink: 0; }\n.hb-alert__close:hover { opacity: 1; }\n\n.hb-alert--success { background: var(--hb-color-success-bg); color: var(--hb-color-success); border: 1px solid var(--hb-color-success-border); }\n.hb-alert--warning { background: var(--hb-color-warning-bg); color: var(--hb-color-warning); border: 1px solid var(--hb-color-warning-border); }\n.hb-alert--error   { background: var(--hb-color-danger-bg); color: var(--hb-color-danger); border: 1px solid var(--hb-color-danger-border); }\n.hb-alert--info    { background: var(--hb-color-primary-bg); color: var(--hb-color-primary); border: 1px solid var(--hb-color-primary-border); }\n","import { Component, h, Prop, Event, EventEmitter, State } from '@stencil/core';\n\n/**\n * Alert 警告提示组件\n * 展示需要关注的信息\n */\n@Component({\n  tag: 'hb-alert',\n  styleUrl: 'alert.css',\n  shadow: true,\n})\nexport class Alert {\n  /** 标题 */\n  @Prop() title: string = '';\n\n  /** 描述文字 */\n  @Prop() description?: string;\n\n  /** 类型 */\n  @Prop() type: 'success' | 'warning' | 'info' | 'error' = 'info';\n\n  /** 是否可关闭 */\n  @Prop() closable: boolean = false;\n\n  /** 是否显示图标 */\n  @Prop() showIcon: boolean = true;\n\n  /** 是否居中 */\n  @Prop() center: boolean = false;\n\n  @State() closed: boolean = false;\n\n  @Event() hbClose: EventEmitter<void>;\n\n  private handleClose = () => {\n    this.closed = true;\n    this.hbClose.emit();\n  };\n\n  render() {\n    if (this.closed) return null;\n    const icons: Record<string, string> = { success: '✓', warning: '⚠', info: 'ℹ', error: '✕' };\n    // error/warning 是紧急通告 → role=alert（断言式，屏幕阅读器即时朗读）；\n    // info/success 是状态信息 → role=status（礼貌式，不打断）。\n    const liveRole = this.type === 'error' || this.type === 'warning' ? 'alert' : 'status';\n    return (\n      <div\n        class={{ 'hb-alert': true, [`hb-alert--${this.type}`]: true, 'hb-alert--center': this.center, 'hb-alert--with-description': !!this.description }}\n        role={liveRole}\n      >\n        {this.showIcon && <span class=\"hb-alert__icon\" aria-hidden=\"true\">{icons[this.type]}</span>}\n        <div class=\"hb-alert__body\">\n          <div class=\"hb-alert__title\">{this.title}</div>\n          {this.description && <div class=\"hb-alert__description\">{this.description}</div>}\n        </div>\n        {this.closable && <span class=\"hb-alert__close\" role=\"button\" aria-label=\"关闭\" tabIndex={0} onClick={this.handleClose}>×</span>}\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"hb-alert.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,QAAQ,GAAG,otNAAotN,CAAC;AACtuN,sBAAe,QAAQ;;MCWV,KAAK;;;;;;IAER,KAAK,GAAW,EAAE,CAAC;;IAGnB,WAAW,CAAU;;IAGrB,IAAI,GAA6C,MAAM,CAAC;;IAGxD,QAAQ,GAAY,KAAK,CAAC;;IAG1B,QAAQ,GAAY,IAAI,CAAC;;IAGzB,MAAM,GAAY,KAAK,CAAC;IAEvB,MAAM,GAAY,KAAK,CAAC;IAExB,OAAO,CAAqB;IAE7B,WAAW,GAAG;QACpB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QACnB,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;KACrB,CAAC;IAEF,MAAM;QACJ,IAAI,IAAI,CAAC,MAAM;YAAE,OAAO,IAAI,CAAC;QAC7B,MAAM,KAAK,GAA2B,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;;;QAG5F,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;QACvF,QACEA,iBAAK,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,aAAa,IAAI,CAAC,IAAI,EAAE,GAAG,IAAI,EAAE,kBAAkB,EAAE,IAAI,CAAC,MAAM,EAAE,4BAA4B,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,IAAI,EAAE,QAAQ,IAClK,IAAI,CAAC,QAAQ,KACZA,kBAAM,KAAK,EAAC,gBAAgB,iBAAa,MAAM,IAC5C,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CACZ,CACR,EACDA,iBAAK,KAAK,EAAC,gBAAgB,IACzBA,iBAAK,KAAK,EAAC,iBAAiB,IAAE,IAAI,CAAC,KAAK,CAAO,EAC9C,IAAI,CAAC,WAAW,IAAIA,iBAAK,KAAK,EAAC,uBAAuB,IAAE,IAAI,CAAC,WAAW,CAAO,CAC5E,EACL,IAAI,CAAC,QAAQ,KACZA,kBAAM,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,QAAQ,gBAAY,cAAI,EAAC,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE,SAAS,EAAEC,2BAAsB,aAE9H,CACR,CACG,EACN;KACH;;;;;;","names":["h","activationClickHandler"],"sources":["src/components/Alert/alert.css?tag=hb-alert&encapsulation=shadow","src/components/Alert/Alert.tsx"],"sourcesContent":[":host { display: block; }\n.hb-alert {\n  display: flex; align-items: flex-start; gap: var(--hb-spacing-xs);\n  padding: var(--hb-spacing-sm) var(--hb-spacing-md);\n  border-radius: var(--hb-border-radius-base);\n  font-size: var(--hb-font-size-sm);\n  line-height: 1.5;\n}\n.hb-alert--center { justify-content: center; text-align: center; }\n.hb-alert__icon { font-size: 16px; margin-top: 2px; flex-shrink: 0; }\n.hb-alert__body { flex: 1; }\n.hb-alert__title { font-weight: 600; }\n.hb-alert__description { margin-top: 4px; font-size: var(--hb-font-size-xs); opacity: 0.85; }\n.hb-alert__close { cursor: pointer; font-size: 16px; opacity: 0.6; flex-shrink: 0; }\n.hb-alert__close:hover { opacity: 1; }\n\n.hb-alert--success { background: var(--hb-color-success-bg); color: var(--hb-color-success); border: 1px solid var(--hb-color-success-border); }\n.hb-alert--warning { background: var(--hb-color-warning-bg); color: var(--hb-color-warning); border: 1px solid var(--hb-color-warning-border); }\n.hb-alert--error   { background: var(--hb-color-danger-bg); color: var(--hb-color-danger); border: 1px solid var(--hb-color-danger-border); }\n.hb-alert--info    { background: var(--hb-color-primary-bg); color: var(--hb-color-primary); border: 1px solid var(--hb-color-primary-border); }\n","import { Component, h, Prop, Event, EventEmitter, State } from '@stencil/core';\nimport { activationClickHandler } from '../../utils/a11y';\n\n/**\n * Alert 警告提示组件\n * 展示需要关注的信息\n */\n@Component({\n  tag: 'hb-alert',\n  styleUrl: 'alert.css',\n  shadow: true,\n})\nexport class Alert {\n  /** 标题 */\n  @Prop() title: string = '';\n\n  /** 描述文字 */\n  @Prop() description?: string;\n\n  /** 类型 */\n  @Prop() type: 'success' | 'warning' | 'info' | 'error' = 'info';\n\n  /** 是否可关闭 */\n  @Prop() closable: boolean = false;\n\n  /** 是否显示图标 */\n  @Prop() showIcon: boolean = true;\n\n  /** 是否居中 */\n  @Prop() center: boolean = false;\n\n  @State() closed: boolean = false;\n\n  @Event() hbClose: EventEmitter<void>;\n\n  private handleClose = () => {\n    this.closed = true;\n    this.hbClose.emit();\n  };\n\n  render() {\n    if (this.closed) return null;\n    const icons: Record<string, string> = { success: '✓', warning: '⚠', info: 'ℹ', error: '✕' };\n    // error/warning 是紧急通告 → role=alert（断言式，屏幕阅读器即时朗读）；\n    // info/success 是状态信息 → role=status（礼貌式，不打断）。\n    const liveRole = this.type === 'error' || this.type === 'warning' ? 'alert' : 'status';\n    return (\n      <div class={{ 'hb-alert': true, [`hb-alert--${this.type}`]: true, 'hb-alert--center': this.center, 'hb-alert--with-description': !!this.description }} role={liveRole}>\n        {this.showIcon && (\n          <span class=\"hb-alert__icon\" aria-hidden=\"true\">\n            {icons[this.type]}\n          </span>\n        )}\n        <div class=\"hb-alert__body\">\n          <div class=\"hb-alert__title\">{this.title}</div>\n          {this.description && <div class=\"hb-alert__description\">{this.description}</div>}\n        </div>\n        {this.closable && (\n          <span class=\"hb-alert__close\" role=\"button\" aria-label=\"关闭\" tabIndex={0} onClick={this.handleClose} onKeyDown={activationClickHandler}>\n            ×\n          </span>\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}

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

@@ -20,7 +20,7 @@ const Aside = class {
         if (this.width) {
             style.width = this.width;
         }
-        return (index.h("aside", { key: 'f3a737773569b17eaeba7a061c087048d2f0b0d7', class: "hb-aside", style: style }, index.h("slot", { key: 'fde6d1fa95d2bb5c42202413b5c5716c85b26a7b' })));
+        return (index.h("aside", { key: '2615bba7300b1d86fa82a1618718e07479f41348', class: "hb-aside", style: style }, index.h("slot", { key: 'dd4ad7e905f2ea8c72bc4d70c82ab0a13bed5e0f' })));
     }
 };
 Aside.style = HbAsideStyle0;

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

@@ -21,7 +21,7 @@ const Avatar = class {
         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)));
+        return (index.h("span", { key: '41fda719b0c3d2ca0a562a0b4ff98e3705cac0c0', 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;

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

@@ -85,12 +85,12 @@ const Backtop = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'c750c1d56599bb335bb31158b57dfdb332be6750', class: { 'hb-backtop': true, 'hb-backtop--hidden': !this.visible }, style: {
+        return (index.h(index.Host, { key: '5406d83477f015dc770e46c3e495a5c036effa61', 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")))));
+            } }, index.h("div", { key: 'dd75722c174dc48fd77ca0342955745a8e233f98', class: "hb-backtop__inner", onClick: this.scrollToTop }, index.h("slot", { key: '7dda375453258d76e61720d5689cbe79dd564046' }, index.h("span", { key: '96bf90719eff982610a4bcd44367c2250ebedfd4', class: "hb-backtop__icon" }, "\u2191")))));
     }
 };
 Backtop.style = HbBacktopStyle0;

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

@@ -25,7 +25,7 @@ const Badge = class {
         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))));
+        return (index.h("div", { key: 'f8c6ce8c0c83e0a6332f305c4e1d83e42f0ed8da', class: "hb-badge" }, index.h("slot", { key: 'c7a52c406aaa545972888f4761b0e8637e5a76f9' }), !this.hidden && (index.h("sup", { key: '9786f19cb8fc171d7265b0d14624e51d6b72a250', class: { 'hb-badge__content': true, [`hb-badge__content--${this.type}`]: true, 'hb-badge__content--dot': this.isDot } }, this.displayValue))));
     }
 };
 Badge.style = HbBadgeStyle0;

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

@@ -16,7 +16,7 @@ const BreadcrumbItem = class {
         // 从父级 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 ?? '/'))));
+        return (index.h("span", { key: '181c8e289f83b6a95445bee02ae0e6405a3ac7c7', class: "hb-breadcrumb-item" }, index.h(Tag, { key: 'af828de3d06e5a41c52b23b874d0b211a44e4169', class: "hb-breadcrumb-item__inner", href: this.href }, index.h("slot", { key: '0c4b87ea5809acd5e2b2d53f59011a32fae8d370' })), index.h("span", { key: '106653462a241dcc2a64556b4a5bae60a548d766', class: "hb-breadcrumb-item__separator" }, index.h("slot", { key: '905f0e3fffa0a2d7452065f95f33c39c4c3382b8', name: "separator" }, parentSeparator ?? '/'))));
     }
 };
 

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

@@ -14,7 +14,7 @@ const Breadcrumb = class {
     /** 分隔符 */
     separator = '/';
     render() {
-        return (index.h("nav", { key: '936e64f454bbb5a5d6cb868cdce563d2a57cbffa', class: "hb-breadcrumb", "aria-label": "Breadcrumb" }, index.h("slot", { key: '73da7e657e9ba3219e0eeb312e1ec8b9db01b0e1' })));
+        return (index.h("nav", { key: '404e3b9cb740956fa8e3f12ca91efec1d3d0a03b', class: "hb-breadcrumb", "aria-label": "Breadcrumb" }, index.h("slot", { key: '8fac787347489530954f2edbe79dab5d05ce7ef4' })));
     }
 };
 Breadcrumb.style = HbBreadcrumbStyle0;

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

@@ -22,14 +22,14 @@ const Button = class {
     /** 是否加载中 */
     loading = false;
     render() {
-        return (index.h("button", { key: '1628f4fd2f0e565910115361d0be682cf3d813c6', disabled: this.disabled || this.loading, class: {
+        return (index.h("button", { key: '77ba452cfa960b02e746b2494aa1f471a85d33fd', 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' })));
+            } }, this.loading && index.h("span", { key: '152d4a7657ba8399554782c7abd38a6c5b26de17', class: "hb-button__loading-icon" }, "\u23F3"), index.h("slot", { key: '9381db3ab788d9bfe73c8b29d422642d1a8eacbc' })));
     }
 };
 Button.style = HbButtonStyle0;

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5aa5c817.js');
-const dateHelpers = require('./date-helpers-904747ff.js');
+const dateHelpers = require('./date-helpers-c05ef385.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 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{.grid{display:grid}.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)}.hb-calendar__day--focused{outline:2px solid var(--hb-color-primary,#1677ff);outline-offset:-2px}.hb-calendar__day--disabled{color:var(--hb-color-text-disabled,#c0c4cc);cursor:not-allowed;opacity:.5}.hb-calendar__day--disabled:hover{background-color:#0000}@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 {
@@ -32,6 +32,8 @@ const Calendar = class {
     hbChange;
     viewDate = new Date();
     selectedDate;
+    /** 键盘导航的焦点日期（用于 role=gridcell 的 roving tabindex） */
+    focusDate = new Date();
     componentDidLoad() {
         this.initFromModelValue();
     }
@@ -43,6 +45,11 @@ const Calendar = class {
         this.selectedDate = parsed;
         if (parsed) {
             this.viewDate = new Date(parsed.getFullYear(), parsed.getMonth(), 1);
+            this.focusDate = new Date(parsed);
+        }
+        else {
+            // 无选中值时焦点默认到今天
+            this.focusDate = new Date();
         }
     }
     handleSelect = (day) => {
@@ -51,10 +58,65 @@ const Calendar = class {
         if (this.disabledDate && this.disabledDate(day.date))
             return;
         this.selectedDate = day.date;
+        this.focusDate = new Date(day.date);
         const iso = this.toISODate(day.date);
         this.modelValue = iso;
         this.hbChange.emit(iso);
     };
+    /**
+     * 日期网格键盘导航（对齐 WAI-ARIA grid / antd Calendar）：
+     * - ArrowRight/Left：±1 天
+     * - ArrowDown/Up：±7 天
+     * - Home/End：当周首/末日
+     * - PageDown/Up：±1 月
+     * - Enter：选中焦点日
+     * 焦点日跨月时同步滚动 viewDate。
+     */
+    handleGridKeydown = (e) => {
+        const next = new Date(this.focusDate);
+        switch (e.key) {
+            case 'ArrowRight':
+                next.setDate(next.getDate() + 1);
+                break;
+            case 'ArrowLeft':
+                next.setDate(next.getDate() - 1);
+                break;
+            case 'ArrowDown':
+                next.setDate(next.getDate() + 7);
+                break;
+            case 'ArrowUp':
+                next.setDate(next.getDate() - 7);
+                break;
+            case 'Home': {
+                const d = next.getDay();
+                next.setDate(next.getDate() - d);
+                break;
+            }
+            case 'End': {
+                const d = 6 - next.getDay();
+                next.setDate(next.getDate() + d);
+                break;
+            }
+            case 'PageDown':
+                next.setMonth(next.getMonth() + 1);
+                break;
+            case 'PageUp':
+                next.setMonth(next.getMonth() - 1);
+                break;
+            case 'Enter':
+                e.preventDefault();
+                this.handleSelect({ date: this.focusDate, isCurrentMonth: true });
+                return;
+            default:
+                return;
+        }
+        e.preventDefault();
+        // 焦点跨月：viewDate 跟随（PageUp/Down 或方向键滑出）
+        if (next.getMonth() !== this.viewDate.getMonth() || next.getFullYear() !== this.viewDate.getFullYear()) {
+            this.viewDate = new Date(next.getFullYear(), next.getMonth(), 1);
+        }
+        this.focusDate = next;
+    };
     toISODate(date) {
         const y = date.getFullYear();
         const m = String(date.getMonth() + 1).padStart(2, '0');
@@ -64,20 +126,26 @@ const Calendar = class {
     changeMonth(delta) {
         this.viewDate = dateHelpers.addMonths(this.viewDate, delta);
     }
-    /** 按 firstDayOfWeek 重排星期标题（getCalendarDays 网格恒以周日为首列） */
+    /** 按 firstDayOfWeek 重排星期标题；getCalendarDays 也按同一 firstDayOfWeek 对齐网格 */
     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 days = dateHelpers.getCalendarDays(this.viewDate, this.selectedDate, new Date(), this.firstDayOfWeek);
         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())))))));
+        return (index.h("div", { key: '93d05f6bffa7431d3e957d4e99113faeaa4c3314', class: "hb-calendar" }, index.h("div", { key: '27d4364c5d5302a284fa14b9a72421548808cd1d', class: "hb-calendar__header" }, index.h("button", { key: '0665e23eb52ceb41d89e79d3eea8f4de70085dd5', type: "button", class: "hb-calendar__prev-btn", onClick: () => this.changeMonth(-1), "aria-label": "\u4E0A\u4E00\u6708" }, "\u2039"), index.h("span", { key: '40620771f91edb847d4979d47a7bf35f6ccc3c8f', class: "hb-calendar__header-label", "aria-live": "polite" }, current.getFullYear(), "\u5E74 ", dateHelpers.MONTH_NAMES[current.getMonth()]), index.h("button", { key: '0707cec8950af171a6eabe1bf8872e5b6681109a', type: "button", class: "hb-calendar__next-btn", onClick: () => this.changeMonth(1), "aria-label": "\u4E0B\u4E00\u6708" }, "\u203A")), index.h("div", { key: '2637f3cbdf27e4a1883ec91421287129b16ed849', class: "hb-calendar__body", role: "grid", "aria-label": `${current.getFullYear()}年${current.getMonth() + 1}月日历` }, index.h("div", { key: '19123fefb853bf7c3cd64a7f47159406a8e36806', class: "hb-calendar__weekdays", role: "row" }, this.orderedWeekNames.map(day => (index.h("div", { class: "hb-calendar__weekday", role: "columnheader", "aria-disabled": "true" }, day)))), index.h("div", { key: '7eeee10f18915e83d3f9e7d5127768e6d67b5496', class: "hb-calendar__days", role: "row", onKeyDown: this.handleGridKeydown }, days.map((day, index$1) => {
+            const isFocused = dateHelpers.isSameDay(day.date, this.focusDate);
+            const dayDisabled = day.isCurrentMonth && !!this.disabledDate && this.disabledDate(day.date);
+            return (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,
+                    'hb-calendar__day--focused': isFocused,
+                    'hb-calendar__day--disabled': dayDisabled,
+                }, role: "gridcell", tabindex: isFocused ? 0 : -1, "aria-selected": day.isSelected ? 'true' : 'false', "aria-current": day.isToday ? 'date' : undefined, "aria-disabled": !day.isCurrentMonth || dayDisabled ? 'true' : undefined, "aria-label": this.toISODate(day.date), onClick: () => this.handleSelect(day) }, day.date.getDate()));
+        })))));
     }
     static get watchers() { return {
         "modelValue": ["handleModelValueChange"]

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

@@ -1 +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}
+{"file":"hb-calendar.entry.cjs.js","mappings":"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","names":["parseDate","addMonths","WEEK_DAY_NAMES","getCalendarDays","h","MONTH_NAMES","index","isSameDay"],"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\n/* 键盘焦点日（roving tabindex 的可见焦点态） */\n.hb-calendar__day--focused {\n  outline: 2px solid var(--hb-color-primary, #1677ff);\n  outline-offset: -2px;\n}\n\n.hb-calendar__day--disabled {\n  color: var(--hb-color-text-disabled, #c0c4cc);\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n.hb-calendar__day--disabled:hover {\n  background-color: transparent;\n}\n","import { Component, h, Prop, Event, EventEmitter, State, Watch } from '@stencil/core';\nimport { getCalendarDays, parseDate, addMonths, isSameDay, MONTH_NAMES, WEEK_DAY_NAMES } 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  /** 键盘导航的焦点日期（用于 role=gridcell 的 roving tabindex） */\n  @State() focusDate: Date = new 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      this.focusDate = new Date(parsed);\n    } else {\n      // 无选中值时焦点默认到今天\n      this.focusDate = new Date();\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    this.focusDate = new Date(day.date);\n    const iso = this.toISODate(day.date);\n    this.modelValue = iso;\n    this.hbChange.emit(iso);\n  };\n\n  /**\n   * 日期网格键盘导航（对齐 WAI-ARIA grid / antd Calendar）：\n   * - ArrowRight/Left：±1 天\n   * - ArrowDown/Up：±7 天\n   * - Home/End：当周首/末日\n   * - PageDown/Up：±1 月\n   * - Enter：选中焦点日\n   * 焦点日跨月时同步滚动 viewDate。\n   */\n  private handleGridKeydown = (e: KeyboardEvent) => {\n    const next = new Date(this.focusDate);\n    let monthDelta = 0;\n    switch (e.key) {\n      case 'ArrowRight':\n        next.setDate(next.getDate() + 1);\n        break;\n      case 'ArrowLeft':\n        next.setDate(next.getDate() - 1);\n        break;\n      case 'ArrowDown':\n        next.setDate(next.getDate() + 7);\n        break;\n      case 'ArrowUp':\n        next.setDate(next.getDate() - 7);\n        break;\n      case 'Home': {\n        const d = next.getDay();\n        next.setDate(next.getDate() - d);\n        break;\n      }\n      case 'End': {\n        const d = 6 - next.getDay();\n        next.setDate(next.getDate() + d);\n        break;\n      }\n      case 'PageDown':\n        next.setMonth(next.getMonth() + 1);\n        monthDelta = 1;\n        break;\n      case 'PageUp':\n        next.setMonth(next.getMonth() - 1);\n        monthDelta = -1;\n        break;\n      case 'Enter':\n        e.preventDefault();\n        this.handleSelect({ date: this.focusDate, isCurrentMonth: true });\n        return;\n      default:\n        return;\n    }\n    e.preventDefault();\n    // 焦点跨月：viewDate 跟随（PageUp/Down 或方向键滑出）\n    if (next.getMonth() !== this.viewDate.getMonth() || next.getFullYear() !== this.viewDate.getFullYear()) {\n      this.viewDate = new Date(next.getFullYear(), next.getMonth(), 1);\n    }\n    if (monthDelta) void monthDelta;\n    this.focusDate = next;\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 也按同一 firstDayOfWeek 对齐网格 */\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, new Date(), this.firstDayOfWeek);\n    const current = this.viewDate;\n\n    return (\n      <div class=\"hb-calendar\">\n        <div class=\"hb-calendar__header\">\n          <button type=\"button\" class=\"hb-calendar__prev-btn\" onClick={() => this.changeMonth(-1)} aria-label=\"上一月\">\n            ‹\n          </button>\n          <span class=\"hb-calendar__header-label\" aria-live=\"polite\">\n            {current.getFullYear()}年 {MONTH_NAMES[current.getMonth()]}\n          </span>\n          <button type=\"button\" class=\"hb-calendar__next-btn\" onClick={() => this.changeMonth(1)} aria-label=\"下一月\">\n            ›\n          </button>\n        </div>\n        <div class=\"hb-calendar__body\" role=\"grid\" aria-label={`${current.getFullYear()}年${current.getMonth() + 1}月日历`}>\n          <div class=\"hb-calendar__weekdays\" role=\"row\">\n            {this.orderedWeekNames.map(day => (\n              <div class=\"hb-calendar__weekday\" role=\"columnheader\" aria-disabled=\"true\">\n                {day}\n              </div>\n            ))}\n          </div>\n          <div class=\"hb-calendar__days\" role=\"row\" onKeyDown={this.handleGridKeydown}>\n            {days.map((day, index) => {\n              const isFocused = isSameDay(day.date, this.focusDate);\n              const dayDisabled = day.isCurrentMonth && !!this.disabledDate && this.disabledDate(day.date);\n              return (\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                    'hb-calendar__day--focused': isFocused,\n                    'hb-calendar__day--disabled': dayDisabled,\n                  }}\n                  role=\"gridcell\"\n                  tabindex={isFocused ? 0 : -1}\n                  aria-selected={day.isSelected ? 'true' : 'false'}\n                  aria-current={day.isToday ? 'date' : undefined}\n                  aria-disabled={!day.isCurrentMonth || dayDisabled ? 'true' : undefined}\n                  aria-label={this.toISODate(day.date)}\n                  onClick={() => this.handleSelect(day)}\n                >\n                  {day.date.getDate()}\n                </div>\n              );\n            })}\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

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

@@ -14,7 +14,7 @@ const Card = class {
     header;
     shadow = 'always';
     render() {
-        return (index.h("div", { key: 'a6fda886ea3031b93b9f42b12053357b7a461fcf', class: { 'hb-card': true, [`hb-card--shadow-${this.shadow}`]: true } }, (this.header || this.elHasHeaderSlot) && (index.h("div", { key: 'fdc0b804aa88c0520bf855e1b870880d08da9dd4', class: "hb-card__header" }, index.h("slot", { key: 'e335dfcc2bc494a671123599657bdc7636a873b9', name: "header" }, index.h("span", { key: '3391493e5295f33fb4fe0d8de5fb03a69be077f3' }, this.header)))), index.h("div", { key: 'e3fe736ff66aec2a14d1c22f9356ddf6c069ec2a', class: "hb-card__body" }, index.h("slot", { key: 'd22bff61394ae6f20c0be991f87223ab34c765b2' }))));
+        return (index.h("div", { key: 'f7608af1d9f0b49f69ae715158640746b0cef19d', class: { 'hb-card': true, [`hb-card--shadow-${this.shadow}`]: true } }, (this.header || this.elHasHeaderSlot) && (index.h("div", { key: '07d640827829fba28288c45643ea94553ae668bc', class: "hb-card__header" }, index.h("slot", { key: 'b48962d1f96d2c6caf8aeea54739d40ebd992a7b', name: "header" }, index.h("span", { key: '1c4701c4b0b478fdacfb950dab4da22ed92b8eca' }, this.header)))), index.h("div", { key: '3c98aa57aa0f8338dac90ff5a81baeb068473bd2', class: "hb-card__body" }, index.h("slot", { key: 'e4e3f11461bd73def3139e19cd3b945da1bc1365' }))));
     }
     get elHasHeaderSlot() {
         return !!document.querySelector('hb-card [slot="header"]');