huibo-ui 0.3.0

package/dist/huibo-ui/p-e6f2d71d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["transferCss","HbTransferStyle0","Transfer","data","targetKeys","selectedKeys","titles","disabled","filterable","hbChange","leftFilter","rightFilter","handleSelectedKeysChange","leftList","this","filter","item","includes","key","rightList","targetSet","Set","has","isSelected","toggleItem","k","getSelectableKeys","list","map","getCheckAllState","selectableKeys","length","selectedCount","toggleCheckAll","state","merged","Array","from","moveToRight","leftSelected","emit","moveToLeft","rightSelected","removeSet","filterList","keyword","lower","toLowerCase","title","renderList","filterValue","onFilter","filteredList","checkAllState","h","class","type","checked","onChange","placeholder","value","onInput","render","leftCheckAllState","rightCheckAllState","e","target","onClick"],"sources":["src/components/Transfer/transfer.css?tag=hb-transfer&encapsulation=shadow","src/components/Transfer/Transfer.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hb-transfer {\n  display: flex;\n  align-items: stretch;\n  gap: 12px;\n  font-size: 14px;\n  color: var(--hb-color-text-regular, #606266);\n}\n\n.hb-transfer--disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n\n/* 单栏 */\n.hb-transfer__panel {\n  display: flex;\n  flex-direction: column;\n  width: 220px;\n  max-height: 100%;\n  border: 1px solid var(--hb-border-color, #dcdfe6);\n  border-radius: 4px;\n  background-color: var(--hb-color-white, #ffffff);\n  overflow: hidden;\n}\n\n.hb-transfer__panel--disabled {\n  background-color: var(--hb-fill-color-light, #f5f7fa);\n}\n\n/* 头部：全选 + 标题 */\n.hb-transfer__panel-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 8px 12px;\n  border-bottom: 1px solid var(--hb-border-color-lighter, #ebeef5);\n  background-color: var(--hb-fill-color-light, #f5f7fa);\n}\n\n.hb-transfer__check-all {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  cursor: pointer;\n  user-select: none;\n}\n\n.hb-transfer__check-all-input {\n  margin: 0;\n  cursor: pointer;\n}\n\n.hb-transfer__panel-title {\n  font-weight: 600;\n  color: var(--hb-color-text-primary, #303133);\n}\n\n/* 搜索框 */\n.hb-transfer__panel-filter {\n  padding: 8px;\n  border-bottom: 1px solid var(--hb-border-color-lighter, #ebeef5);\n}\n\n.hb-transfer__filter-input {\n  width: 100%;\n  box-sizing: border-box;\n  padding: 6px 10px;\n  font-size: 13px;\n  color: var(--hb-color-text-regular, #606266);\n  border: 1px solid var(--hb-border-color, #dcdfe6);\n  border-radius: 4px;\n  outline: none;\n  transition: border-color 0.2s;\n}\n\n.hb-transfer__filter-input:focus {\n  border-color: var(--hb-color-primary);\n}\n\n.hb-transfer__filter-input:disabled {\n  background-color: var(--hb-fill-color-light, #f5f7fa);\n  cursor: not-allowed;\n}\n\n/* 列表主体 */\n.hb-transfer__panel-body {\n  flex: 1;\n  min-height: 120px;\n  max-height: 246px;\n  overflow-y: auto;\n  padding: 4px 0;\n}\n\n.hb-transfer__empty {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  min-height: 120px;\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n  font-size: 13px;\n}\n\n/* 列表项 */\n.hb-transfer__item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 6px 12px;\n  cursor: pointer;\n  transition: background-color 0.2s;\n  user-select: none;\n}\n\n.hb-transfer__item:hover:not(.hb-transfer__item--disabled) {\n  background-color: var(--hb-fill-color-light, #f5f7fa);\n}\n\n.hb-transfer__item--checked {\n  color: var(--hb-color-primary);\n}\n\n.hb-transfer__item--disabled {\n  cursor: not-allowed;\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n}\n\n.hb-transfer__item-input {\n  margin: 0;\n  cursor: pointer;\n}\n\n.hb-transfer__item-input:disabled {\n  cursor: not-allowed;\n}\n\n.hb-transfer__item-title {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* 中间操作按钮区 */\n.hb-transfer__operations {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  align-self: center;\n}\n\n.hb-transfer__operation-btn {\n  width: 36px;\n  height: 32px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 18px;\n  line-height: 1;\n  color: var(--hb-color-text-regular, #606266);\n  background-color: var(--hb-color-white, #ffffff);\n  border: 1px solid var(--hb-border-color, #dcdfe6);\n  border-radius: 4px;\n  cursor: pointer;\n  transition: all 0.2s;\n}\n\n.hb-transfer__operation-btn:hover:not(:disabled) {\n  color: var(--hb-color-primary);\n  border-color: var(--hb-color-primary);\n}\n\n.hb-transfer__operation-btn:disabled {\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n  background-color: var(--hb-fill-color-light, #f5f7fa);\n  cursor: not-allowed;\n}\n","import { Component, h, Prop, Event, EventEmitter, State, Watch } from '@stencil/core';\n\n/**\n * Transfer 数据项\n */\nexport interface TransferDataItem {\n  key: string;\n  title: string;\n  disabled?: boolean;\n}\n\n/**\n * Transfer 穿梭框组件\n * 双栏列表选择，勾选项后通过中间按钮在两栏间移动\n */\n@Component({\n  tag: 'hb-transfer',\n  styleUrl: 'transfer.css',\n  shadow: true,\n})\nexport class Transfer {\n  /**\n   * 数据源\n   */\n  @Prop() data: TransferDataItem[] = [];\n\n  /**\n   * 右侧（目标列表）的 keys\n   */\n  @Prop({ mutable: true }) targetKeys: string[] = [];\n\n  /**\n   * 两侧已勾选的 keys\n   */\n  @Prop({ mutable: true }) selectedKeys: string[] = [];\n\n  /**\n   * 标题，[源列表标题, 目标列表标题]\n   * @default ['源列表', '目标列表']\n   */\n  @Prop() titles: [string, string] = ['源列表', '目标列表'];\n\n  /**\n   * 是否禁用\n   * @default false\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * 是否显示搜索框\n   * @default false\n   */\n  @Prop() filterable: boolean = false;\n\n  /**\n   * 右侧列表变化事件\n   */\n  @Event() hbChange: EventEmitter<{ targetKeys: string[] }>;\n\n  @State() leftFilter: string = '';\n  @State() rightFilter: string = '';\n\n  @Watch('selectedKeys')\n  handleSelectedKeysChange() {\n    /* 触发重渲染 */\n  }\n\n  /** 左侧列表：key 不在 targetKeys 中 */\n  private get leftList(): TransferDataItem[] {\n    return this.data.filter((item) => !this.targetKeys.includes(item.key));\n  }\n\n  /** 右侧列表：key 在 targetKeys 中 */\n  private get rightList(): TransferDataItem[] {\n    const targetSet = new Set(this.targetKeys);\n    return this.data.filter((item) => targetSet.has(item.key));\n  }\n\n  /** 当前列表项是否被勾选 */\n  private isSelected(key: string): boolean {\n    return this.selectedKeys.includes(key);\n  }\n\n  /** 切换某项的勾选状态 */\n  private toggleItem = (item: TransferDataItem) => {\n    if (this.disabled || item.disabled) return;\n    const isSelected = this.isSelected(item.key);\n    this.selectedKeys = isSelected\n      ? this.selectedKeys.filter((k) => k !== item.key)\n      : [...this.selectedKeys, item.key];\n  };\n\n  /** 获取某侧可勾选（非 disabled）的全部 keys */\n  private getSelectableKeys(list: TransferDataItem[]): string[] {\n    return list.filter((item) => !item.disabled).map((item) => item.key);\n  }\n\n  /** 计算某侧全选 checkbox 状态：'all' | 'none' | 'indeterminate' */\n  private getCheckAllState(list: TransferDataItem[]): 'all' | 'none' | 'indeterminate' {\n    const selectableKeys = this.getSelectableKeys(list);\n    if (selectableKeys.length === 0) return 'none';\n    const selectedCount = selectableKeys.filter((k) => this.isSelected(k)).length;\n    if (selectedCount === 0) return 'none';\n    if (selectedCount === selectableKeys.length) return 'all';\n    return 'indeterminate';\n  }\n\n  /** 切换某侧全选 */\n  private toggleCheckAll = (list: TransferDataItem[]) => {\n    if (this.disabled) return;\n    const selectableKeys = this.getSelectableKeys(list);\n    const state = this.getCheckAllState(list);\n    if (state === 'all') {\n      // 取消该侧全部勾选\n      this.selectedKeys = this.selectedKeys.filter((k) => !selectableKeys.includes(k));\n    } else {\n      // 勾选该侧全部（合并去重）\n      const merged = new Set([...this.selectedKeys, ...selectableKeys]);\n      this.selectedKeys = Array.from(merged);\n    }\n  };\n\n  /** 向右移动：把左侧已勾选的项移到右侧 */\n  private moveToRight = () => {\n    if (this.disabled) return;\n    const leftSelected = this.leftList\n      .filter((item) => this.isSelected(item.key) && !item.disabled)\n      .map((item) => item.key);\n    if (leftSelected.length === 0) return;\n    // 合并到 targetKeys（保持 data 中的顺序）\n    const targetSet = new Set([...this.targetKeys, ...leftSelected]);\n    this.targetKeys = this.data\n      .filter((item) => targetSet.has(item.key))\n      .map((item) => item.key);\n    // 清除已移动项的勾选\n    this.selectedKeys = this.selectedKeys.filter((k) => !leftSelected.includes(k));\n    this.hbChange.emit({ targetKeys: this.targetKeys });\n  };\n\n  /** 向左移动：把右侧已勾选的项移回左侧 */\n  private moveToLeft = () => {\n    if (this.disabled) return;\n    const rightSelected = this.rightList\n      .filter((item) => this.isSelected(item.key) && !item.disabled)\n      .map((item) => item.key);\n    if (rightSelected.length === 0) return;\n    const removeSet = new Set(rightSelected);\n    this.targetKeys = this.targetKeys.filter((k) => !removeSet.has(k));\n    // 清除已移动项的勾选\n    this.selectedKeys = this.selectedKeys.filter((k) => !removeSet.has(k));\n    this.hbChange.emit({ targetKeys: this.targetKeys });\n  };\n\n  /** 列表项过滤 */\n  private filterList(list: TransferDataItem[], keyword: string): TransferDataItem[] {\n    if (!keyword) return list;\n    const lower = keyword.toLowerCase();\n    return list.filter((item) => item.title.toLowerCase().includes(lower));\n  }\n\n  private renderList = (\n    list: TransferDataItem[],\n    title: string,\n    filterValue: string,\n    onFilter: (e: Event) => void,\n  ) => {\n    const filteredList = this.filterList(list, filterValue);\n    const selectableKeys = this.getSelectableKeys(list);\n    const selectedCount = selectableKeys.filter((k) => this.isSelected(k)).length;\n    const checkAllState = this.getCheckAllState(list);\n\n    return (\n      <div class={{ 'hb-transfer__panel': true, 'hb-transfer__panel--disabled': this.disabled }}>\n        <div class=\"hb-transfer__panel-header\">\n          <label class=\"hb-transfer__check-all\">\n            <input\n              type=\"checkbox\"\n              class=\"hb-transfer__check-all-input\"\n              checked={checkAllState === 'all'}\n              disabled={this.disabled || selectableKeys.length === 0}\n              onChange={() => this.toggleCheckAll(list)}\n            />\n            <span>{selectedCount > 0 ? `${selectedCount}/` : ''}{selectableKeys.length} 项</span>\n          </label>\n          <span class=\"hb-transfer__panel-title\">{title}</span>\n        </div>\n\n        {this.filterable && (\n          <div class=\"hb-transfer__panel-filter\">\n            <input\n              type=\"text\"\n              class=\"hb-transfer__filter-input\"\n              placeholder=\"请输入搜索内容\"\n              value={filterValue}\n              disabled={this.disabled}\n              onInput={onFilter}\n            />\n          </div>\n        )}\n\n        <div class=\"hb-transfer__panel-body\">\n          {filteredList.length === 0 ? (\n            <div class=\"hb-transfer__empty\">无数据</div>\n          ) : (\n            filteredList.map((item) => (\n              <label\n                class={{\n                  'hb-transfer__item': true,\n                  'hb-transfer__item--checked': this.isSelected(item.key),\n                  'hb-transfer__item--disabled': this.disabled || !!item.disabled,\n                }}\n              >\n                <input\n                  type=\"checkbox\"\n                  class=\"hb-transfer__item-input\"\n                  checked={this.isSelected(item.key)}\n                  disabled={this.disabled || !!item.disabled}\n                  onChange={() => this.toggleItem(item)}\n                />\n                <span class=\"hb-transfer__item-title\">{item.title}</span>\n              </label>\n            ))\n          )}\n        </div>\n      </div>\n    );\n  };\n\n  render() {\n    const leftCheckAllState = this.getCheckAllState(this.leftList);\n    const rightCheckAllState = this.getCheckAllState(this.rightList);\n\n    return (\n      <div class={{ 'hb-transfer': true, 'hb-transfer--disabled': this.disabled }}>\n        {this.renderList(\n          this.leftList,\n          this.titles[0],\n          this.leftFilter,\n          (e) => {\n            this.leftFilter = (e.target as HTMLInputElement).value;\n          },\n        )}\n\n        <div class=\"hb-transfer__operations\">\n          <button\n            type=\"button\"\n            class=\"hb-transfer__operation-btn\"\n            disabled={this.disabled || rightCheckAllState === 'none'}\n            onClick={this.moveToLeft}\n            aria-label=\"向左移动\"\n          >\n            ‹\n          </button>\n          <button\n            type=\"button\"\n            class=\"hb-transfer__operation-btn\"\n            disabled={this.disabled || leftCheckAllState === 'none'}\n            onClick={this.moveToRight}\n            aria-label=\"向右移动\"\n          >\n            ›\n          </button>\n        </div>\n\n        {this.renderList(\n          this.rightList,\n          this.titles[1],\n          this.rightFilter,\n          (e) => {\n            this.rightFilter = (e.target as HTMLInputElement).value;\n          },\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/huibo-ui/p-e9490259.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e}from"./p-e42dfa95.js";const i='/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.flex{display:flex}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{display:block}.hb-col{box-sizing:border-box;position:relative;width:100%}.hb-col-1{width:4.16667%}.hb-col-2{width:8.33333%}.hb-col-3{width:12.5%}.hb-col-4{width:16.6667%}.hb-col-5{width:20.8333%}.hb-col-6{width:25%}.hb-col-7{width:29.1667%}.hb-col-8{width:33.3333%}.hb-col-9{width:37.5%}.hb-col-10{width:41.6667%}.hb-col-11{width:45.8333%}.hb-col-12{width:50%}.hb-col-13{width:54.1667%}.hb-col-14{width:58.3333%}.hb-col-15{width:62.5%}.hb-col-16{width:66.6667%}.hb-col-17{width:70.8333%}.hb-col-18{width:75%}.hb-col-19{width:79.1667%}.hb-col-20{width:83.3333%}.hb-col-21{width:87.5%}.hb-col-22{width:91.6667%}.hb-col-23{width:95.8333%}.hb-col-24{width:100%}.hb-col-offset-1{margin-left:4.16667%}.hb-col-offset-2{margin-left:8.33333%}.hb-col-offset-3{margin-left:12.5%}.hb-col-offset-4{margin-left:16.6667%}.hb-col-offset-5{margin-left:20.8333%}.hb-col-offset-6{margin-left:25%}.hb-col-offset-7{margin-left:29.1667%}.hb-col-offset-8{margin-left:33.3333%}.hb-col-offset-9{margin-left:37.5%}.hb-col-offset-10{margin-left:41.6667%}.hb-col-offset-11{margin-left:45.8333%}.hb-col-offset-12{margin-left:50%}.hb-col-offset-13{margin-left:54.1667%}.hb-col-offset-14{margin-left:58.3333%}.hb-col-offset-15{margin-left:62.5%}.hb-col-offset-16{margin-left:66.6667%}.hb-col-offset-17{margin-left:70.8333%}.hb-col-offset-18{margin-left:75%}.hb-col-offset-19{margin-left:79.1667%}.hb-col-offset-20{margin-left:83.3333%}.hb-col-offset-21{margin-left:87.5%}.hb-col-offset-22{margin-left:91.6667%}.hb-col-offset-23{margin-left:95.8333%}.hb-col-push-1{left:4.16667%}.hb-col-push-2{left:8.33333%}.hb-col-push-3{left:12.5%}.hb-col-push-4{left:16.6667%}.hb-col-push-5{left:20.8333%}.hb-col-push-6{left:25%}.hb-col-push-7{left:29.1667%}.hb-col-push-8{left:33.3333%}.hb-col-push-9{left:37.5%}.hb-col-push-10{left:41.6667%}.hb-col-push-11{left:45.8333%}.hb-col-push-12{left:50%}.hb-col-pull-1{right:4.16667%}.hb-col-pull-2{right:8.33333%}.hb-col-pull-3{right:12.5%}.hb-col-pull-4{right:16.6667%}.hb-col-pull-5{right:20.8333%}.hb-col-pull-6{right:25%}.hb-col-pull-7{right:29.1667%}.hb-col-pull-8{right:33.3333%}.hb-col-pull-9{right:37.5%}.hb-col-pull-10{right:41.6667%}.hb-col-pull-11{right:45.8333%}.hb-col-pull-12{right:50%}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}';const o=i;const l=class{constructor(e){t(this,e)}span=24;offset=0;push=0;pull=0;xs;sm;md;lg;xl;getColClass(){const t=["hb-col"];if(this.span){t.push(`hb-col-${this.span}`)}if(this.offset){t.push(`hb-col-offset-${this.offset}`)}if(this.push){t.push(`hb-col-push-${this.push}`)}if(this.pull){t.push(`hb-col-pull-${this.pull}`)}return t.join(" ")}render(){return e("div",{key:"fc06cef5bbbcb0c108907a16b5c96fe8dc9f4f77",class:this.getColClass()},e("slot",{key:"9ca9f6e93df8c29dc901f84a39b3eed635b953bb"}))}};l.style=o;export{l as hb_layout};
+//# sourceMappingURL=p-e9490259.entry.js.map

package/dist/huibo-ui/p-e9490259.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["layoutCss","HbLayoutStyle0","Layout","span","offset","push","pull","xs","sm","md","lg","xl","getColClass","classes","this","join","render","h","key","class"],"sources":["src/components/Layout/layout.css?tag=hb-layout&encapsulation=shadow","src/components/Layout/Layout.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hb-col {\n  position: relative;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n/* Generate col classes for span 1-24 */\n.hb-col-1 { width: 4.16666667%; }\n.hb-col-2 { width: 8.33333333%; }\n.hb-col-3 { width: 12.5%; }\n.hb-col-4 { width: 16.66666667%; }\n.hb-col-5 { width: 20.83333333%; }\n.hb-col-6 { width: 25%; }\n.hb-col-7 { width: 29.16666667%; }\n.hb-col-8 { width: 33.33333333%; }\n.hb-col-9 { width: 37.5%; }\n.hb-col-10 { width: 41.66666667%; }\n.hb-col-11 { width: 45.83333333%; }\n.hb-col-12 { width: 50%; }\n.hb-col-13 { width: 54.16666667%; }\n.hb-col-14 { width: 58.33333333%; }\n.hb-col-15 { width: 62.5%; }\n.hb-col-16 { width: 66.66666667%; }\n.hb-col-17 { width: 70.83333333%; }\n.hb-col-18 { width: 75%; }\n.hb-col-19 { width: 79.16666667%; }\n.hb-col-20 { width: 83.33333333%; }\n.hb-col-21 { width: 87.5%; }\n.hb-col-22 { width: 91.66666667%; }\n.hb-col-23 { width: 95.83333333%; }\n.hb-col-24 { width: 100%; }\n\n/* Offset classes */\n.hb-col-offset-1 { margin-left: 4.16666667%; }\n.hb-col-offset-2 { margin-left: 8.33333333%; }\n.hb-col-offset-3 { margin-left: 12.5%; }\n.hb-col-offset-4 { margin-left: 16.66666667%; }\n.hb-col-offset-5 { margin-left: 20.83333333%; }\n.hb-col-offset-6 { margin-left: 25%; }\n.hb-col-offset-7 { margin-left: 29.16666667%; }\n.hb-col-offset-8 { margin-left: 33.33333333%; }\n.hb-col-offset-9 { margin-left: 37.5%; }\n.hb-col-offset-10 { margin-left: 41.66666667%; }\n.hb-col-offset-11 { margin-left: 45.83333333%; }\n.hb-col-offset-12 { margin-left: 50%; }\n.hb-col-offset-13 { margin-left: 54.16666667%; }\n.hb-col-offset-14 { margin-left: 58.33333333%; }\n.hb-col-offset-15 { margin-left: 62.5%; }\n.hb-col-offset-16 { margin-left: 66.66666667%; }\n.hb-col-offset-17 { margin-left: 70.83333333%; }\n.hb-col-offset-18 { margin-left: 75%; }\n.hb-col-offset-19 { margin-left: 79.16666667%; }\n.hb-col-offset-20 { margin-left: 83.33333333%; }\n.hb-col-offset-21 { margin-left: 87.5%; }\n.hb-col-offset-22 { margin-left: 91.66666667%; }\n.hb-col-offset-23 { margin-left: 95.83333333%; }\n\n/* Push classes */\n.hb-col-push-1 { left: 4.16666667%; }\n.hb-col-push-2 { left: 8.33333333%; }\n.hb-col-push-3 { left: 12.5%; }\n.hb-col-push-4 { left: 16.66666667%; }\n.hb-col-push-5 { left: 20.83333333%; }\n.hb-col-push-6 { left: 25%; }\n.hb-col-push-7 { left: 29.16666667%; }\n.hb-col-push-8 { left: 33.33333333%; }\n.hb-col-push-9 { left: 37.5%; }\n.hb-col-push-10 { left: 41.66666667%; }\n.hb-col-push-11 { left: 45.83333333%; }\n.hb-col-push-12 { left: 50%; }\n\n/* Pull classes */\n.hb-col-pull-1 { right: 4.16666667%; }\n.hb-col-pull-2 { right: 8.33333333%; }\n.hb-col-pull-3 { right: 12.5%; }\n.hb-col-pull-4 { right: 16.66666667%; }\n.hb-col-pull-5 { right: 20.83333333%; }\n.hb-col-pull-6 { right: 25%; }\n.hb-col-pull-7 { right: 29.16666667%; }\n.hb-col-pull-8 { right: 33.33333333%; }\n.hb-col-pull-9 { right: 37.5%; }\n.hb-col-pull-10 { right: 41.66666667%; }\n.hb-col-pull-11 { right: 45.83333333%; }\n.hb-col-pull-12 { right: 50%; }\n\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * Layout 布局组件\n * 通过基础的 24 分栏，迅速简便地创建布局\n */\n@Component({\n  tag: 'hb-layout',\n  styleUrl: 'layout.css',\n  shadow: true,\n})\nexport class Layout {\n  /**\n   * 栅格占据的列数\n   * @default 24\n   */\n  @Prop() span: number = 24;\n\n  /**\n   * 栅格左侧的间隔格数\n   * @default 0\n   */\n  @Prop() offset: number = 0;\n\n  /**\n   * 栅格向右移动格数\n   * @default 0\n   */\n  @Prop() push: number = 0;\n\n  /**\n   * 栅格向左移动格数\n   * @default 0\n   */\n  @Prop() pull: number = 0;\n\n  /**\n   * <768px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() xs?: number | object;\n\n  /**\n   * ≥768px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() sm?: number | object;\n\n  /**\n   * ≥992px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() md?: number | object;\n\n  /**\n   * ≥1200px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() lg?: number | object;\n\n  /**\n   * ≥1920px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() xl?: number | object;\n\n  private getColClass() {\n    const classes: string[] = ['hb-col'];\n    \n    if (this.span) {\n      classes.push(`hb-col-${this.span}`);\n    }\n    if (this.offset) {\n      classes.push(`hb-col-offset-${this.offset}`);\n    }\n    if (this.push) {\n      classes.push(`hb-col-push-${this.push}`);\n    }\n    if (this.pull) {\n      classes.push(`hb-col-pull-${this.pull}`);\n    }\n\n    return classes.join(' ');\n  }\n\n  render() {\n    return (\n      <div class={this.getColClass()}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n\n"],"mappings":"2CAAA,MAAMA,EAAY,2uPAClB,MAAAC,EAAeD,E,MCUFE,EAAM,M,yBAKTC,KAAe,GAMfC,OAAiB,EAMjBC,KAAe,EAMfC,KAAe,EAKfC,GAKAC,GAKAC,GAKAC,GAKAC,GAEA,WAAAC,GACN,MAAMC,EAAoB,CAAC,UAE3B,GAAIC,KAAKX,KAAM,CACbU,EAAQR,KAAK,UAAUS,KAAKX,O,CAE9B,GAAIW,KAAKV,OAAQ,CACfS,EAAQR,KAAK,iBAAiBS,KAAKV,S,CAErC,GAAIU,KAAKT,KAAM,CACbQ,EAAQR,KAAK,eAAeS,KAAKT,O,CAEnC,GAAIS,KAAKR,KAAM,CACbO,EAAQR,KAAK,eAAeS,KAAKR,O,CAGnC,OAAOO,EAAQE,KAAK,I,CAGtB,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAOL,KAAKF,eACfK,EAAA,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/huibo-ui/p-ea74fcae.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,g as e,h as o}from"./p-e42dfa95.js";const r='/*! 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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--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{.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.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-scrollbar-bg-color:var(--hb-fill-color-light,#f5f7fa);--hb-scrollbar-thumb-color:var(--hb-fill-color,#c0c4cc);--hb-scrollbar-thumb-hover-color:var(--hb-fill-color-dark,#a0a4ac);display:block}.hb-scrollbar{height:100%;overflow:hidden;position:relative}.hb-scrollbar__wrap{height:100%;overflow:auto;scrollbar-color:var(--hb-scrollbar-thumb-color)var(--hb-scrollbar-bg-color);scrollbar-width:thin}.hb-scrollbar__wrap::-webkit-scrollbar{height:6px;width:6px}.hb-scrollbar__wrap::-webkit-scrollbar-track{background:var(--hb-scrollbar-bg-color);border-radius:3px}.hb-scrollbar__wrap::-webkit-scrollbar-thumb{background:var(--hb-scrollbar-thumb-color);border-radius:3px}.hb-scrollbar__wrap::-webkit-scrollbar-thumb:hover{background:var(--hb-scrollbar-thumb-hover-color)}.hb-scrollbar--native .hb-scrollbar__wrap{overflow-y:auto}.hb-scrollbar__view{width:100%}.hb-scrollbar__bar{border-radius:4px;bottom:2px;opacity:0;position:absolute;right:2px;transition:opacity .12s ease-out;z-index:1}.hb-scrollbar:hover .hb-scrollbar__bar{opacity:1}.hb-scrollbar__bar--vertical{top:2px;width:6px}.hb-scrollbar__bar--vertical>div{width:100%}.hb-scrollbar__thumb{background-color:var(--hb-scrollbar-thumb-color);border-radius:inherit;cursor:pointer;display:block;height:0;position:relative;transition:background-color .3s;width:100%}.hb-scrollbar__thumb:hover{background-color:var(--hb-scrollbar-thumb-hover-color)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@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 s=r;const a=class{constructor(e){t(this,e);this.hbScroll=i(this,"hbScroll",7)}get el(){return e(this)}height;maxHeight;always=false;native=false;minSize=20;hbScroll;scrollbarVisible=false;thumbHeight=0;thumbTop=0;wrapRef;thumbRef;resizeObserver;isDragging=false;startY=0;startScrollTop=0;componentDidLoad(){if(!this.native){this.initScrollbar()}}disconnectedCallback(){if(this.resizeObserver){this.resizeObserver.disconnect()}this.removeEventListeners()}handleSizeChange(){this.updateScrollbar()}async setScrollTop(t){if(this.wrapRef){this.wrapRef.scrollTop=t;this.updateScrollbar()}}async setScrollLeft(t){if(this.wrapRef){this.wrapRef.scrollLeft=t;this.updateScrollbar()}}async getScrollTop(){return this.wrapRef?.scrollTop||0}async getScrollLeft(){return this.wrapRef?.scrollLeft||0}initScrollbar(){if(!this.wrapRef)return;this.resizeObserver=new ResizeObserver((()=>{this.updateScrollbar()}));this.resizeObserver.observe(this.wrapRef);this.addEventListeners();this.updateScrollbar()}addEventListeners(){if(this.wrapRef){this.wrapRef.addEventListener("scroll",this.handleScroll)}if(this.thumbRef){this.thumbRef.addEventListener("mousedown",this.handleThumbMouseDown)}document.addEventListener("mousemove",this.handleMouseMove);document.addEventListener("mouseup",this.handleMouseUp)}removeEventListeners(){if(this.wrapRef){this.wrapRef.removeEventListener("scroll",this.handleScroll)}if(this.thumbRef){this.thumbRef.removeEventListener("mousedown",this.handleThumbMouseDown)}document.removeEventListener("mousemove",this.handleMouseMove);document.removeEventListener("mouseup",this.handleMouseUp)}updateScrollbar(){if(!this.wrapRef)return;const t=this.wrapRef.clientHeight;const i=this.wrapRef.scrollHeight;const e=this.wrapRef.scrollTop;const o=i>t;this.scrollbarVisible=o||this.always;if(o&&this.thumbRef){const o=Math.max(this.minSize,t/i*t);const r=t-o;const s=e/(i-t)*r;this.thumbHeight=o;this.thumbTop=Math.max(0,Math.min(r,s))}}handleScroll=()=>{this.updateScrollbar();if(this.wrapRef){this.hbScroll.emit({scrollTop:this.wrapRef.scrollTop,scrollLeft:this.wrapRef.scrollLeft})}};handleThumbMouseDown=t=>{t.preventDefault();t.stopPropagation();this.isDragging=true;this.startY=t.clientY;this.startScrollTop=this.wrapRef?.scrollTop||0};handleMouseMove=t=>{if(!this.isDragging||!this.wrapRef)return;const i=t.clientY-this.startY;const e=this.wrapRef.clientHeight;const o=this.wrapRef.scrollHeight;const r=o-e;const s=this.thumbHeight;const a=e-s;const n=i/a*r;const l=Math.max(0,Math.min(r,this.startScrollTop+n));this.wrapRef.scrollTop=l};handleMouseUp=()=>{this.isDragging=false};render(){const t={};if(this.height){t.height=this.height}if(this.maxHeight){t.maxHeight=this.maxHeight}if(this.native){return o("div",{class:"hb-scrollbar hb-scrollbar--native",style:t},o("div",{class:"hb-scrollbar__wrap"},o("div",{class:"hb-scrollbar__view"},o("slot",null))))}return o("div",{class:"hb-scrollbar",style:t},o("div",{class:"hb-scrollbar__wrap",ref:t=>this.wrapRef=t,onScroll:this.handleScroll},o("div",{class:"hb-scrollbar__view"},o("slot",null))),this.scrollbarVisible&&!this.native&&o("div",{class:"hb-scrollbar__bar hb-scrollbar__bar--vertical"},o("div",{class:"hb-scrollbar__thumb",ref:t=>{this.thumbRef=t;if(t&&!this.native){t.addEventListener("mousedown",this.handleThumbMouseDown)}},style:{height:`${this.thumbHeight}px`,transform:`translateY(${this.thumbTop}px)`}})))}static get watchers(){return{height:["handleSizeChange"],maxHeight:["handleSizeChange"]}}};a.style=s;export{a as hb_scrollbar};
+//# sourceMappingURL=p-ea74fcae.entry.js.map

package/dist/huibo-ui/p-ea74fcae.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["scrollbarCss","HbScrollbarStyle0","Scrollbar","height","maxHeight","always","native","minSize","hbScroll","scrollbarVisible","thumbHeight","thumbTop","wrapRef","thumbRef","resizeObserver","isDragging","startY","startScrollTop","componentDidLoad","this","initScrollbar","disconnectedCallback","disconnect","removeEventListeners","handleSizeChange","updateScrollbar","setScrollTop","top","scrollTop","setScrollLeft","left","scrollLeft","getScrollTop","getScrollLeft","ResizeObserver","observe","addEventListeners","addEventListener","handleScroll","handleThumbMouseDown","document","handleMouseMove","handleMouseUp","removeEventListener","wrapHeight","clientHeight","scrollHeight","hasScroll","Math","max","maxThumbTop","min","emit","e","preventDefault","stopPropagation","clientY","deltaY","maxScrollTop","scrollDelta","newScrollTop","render","style","h","class","ref","el","onScroll","transform"],"sources":["src/components/Scrollbar/scrollbar.css?tag=hb-scrollbar&encapsulation=shadow","src/components/Scrollbar/Scrollbar.tsx"],"sourcesContent":[":host {\n  display: block;\n  --hb-scrollbar-bg-color: var(--hb-fill-color-light, #f5f7fa);\n  --hb-scrollbar-thumb-color: var(--hb-fill-color, #c0c4cc);\n  --hb-scrollbar-thumb-hover-color: var(--hb-fill-color-dark, #a0a4ac);\n}\n\n.hb-scrollbar {\n  position: relative;\n  height: 100%;\n  overflow: hidden;\n}\n\n.hb-scrollbar__wrap {\n  overflow: auto;\n  height: 100%;\n  scrollbar-width: thin;\n  scrollbar-color: var(--hb-scrollbar-thumb-color) var(--hb-scrollbar-bg-color);\n}\n\n.hb-scrollbar__wrap::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n\n.hb-scrollbar__wrap::-webkit-scrollbar-track {\n  background: var(--hb-scrollbar-bg-color);\n  border-radius: 3px;\n}\n\n.hb-scrollbar__wrap::-webkit-scrollbar-thumb {\n  background: var(--hb-scrollbar-thumb-color);\n  border-radius: 3px;\n}\n\n.hb-scrollbar__wrap::-webkit-scrollbar-thumb:hover {\n  background: var(--hb-scrollbar-thumb-hover-color);\n}\n\n.hb-scrollbar--native .hb-scrollbar__wrap {\n  overflow-y: auto;\n}\n\n.hb-scrollbar__view {\n  width: 100%;\n}\n\n.hb-scrollbar__bar {\n  position: absolute;\n  right: 2px;\n  bottom: 2px;\n  z-index: 1;\n  border-radius: 4px;\n  opacity: 0;\n  transition: opacity 0.12s ease-out;\n}\n\n.hb-scrollbar:hover .hb-scrollbar__bar {\n  opacity: 1;\n}\n\n.hb-scrollbar__bar--vertical {\n  width: 6px;\n  top: 2px;\n}\n\n.hb-scrollbar__bar--vertical > div {\n  width: 100%;\n}\n\n.hb-scrollbar__thumb {\n  position: relative;\n  display: block;\n  width: 100%;\n  height: 0;\n  cursor: pointer;\n  border-radius: inherit;\n  background-color: var(--hb-scrollbar-thumb-color);\n  transition: background-color 0.3s;\n}\n\n.hb-scrollbar__thumb:hover {\n  background-color: var(--hb-scrollbar-thumb-hover-color);\n}\n\n","import { Component, h, Prop, Element, State, Watch, Event, EventEmitter, Method } from '@stencil/core';\n\n/**\n * Scrollbar 滚动条组件\n * 用于替换浏览器原生滚动条\n */\n@Component({\n  tag: 'hb-scrollbar',\n  styleUrl: 'scrollbar.css',\n  shadow: true,\n})\nexport class Scrollbar {\n  @Element() el: HTMLElement;\n\n  /**\n   * 滚动条高度\n   */\n  @Prop() height?: string;\n\n  /**\n   * 滚动条最大高度\n   */\n  @Prop() maxHeight?: string;\n\n  /**\n   * 是否总是显示滚动条\n   * @default false\n   */\n  @Prop() always: boolean = false;\n\n  /**\n   * 是否显示原生滚动条\n   * @default false\n   */\n  @Prop() native: boolean = false;\n\n  /**\n   * 滚动条的最小尺寸\n   * @default 20\n   */\n  @Prop() minSize: number = 20;\n\n  /**\n   * 滚动事件\n   */\n  @Event() hbScroll: EventEmitter<{ scrollTop: number; scrollLeft: number }>;\n\n  @State() scrollbarVisible: boolean = false;\n  @State() thumbHeight: number = 0;\n  @State() thumbTop: number = 0;\n\n  private wrapRef?: HTMLDivElement;\n  private thumbRef?: HTMLDivElement;\n  private resizeObserver?: ResizeObserver;\n  private isDragging: boolean = false;\n  private startY: number = 0;\n  private startScrollTop: number = 0;\n\n  componentDidLoad() {\n    if (!this.native) {\n      this.initScrollbar();\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.resizeObserver) {\n      this.resizeObserver.disconnect();\n    }\n    this.removeEventListeners();\n  }\n\n  @Watch('height')\n  @Watch('maxHeight')\n  handleSizeChange() {\n    this.updateScrollbar();\n  }\n\n  /**\n   * 设置滚动条位置\n   */\n  @Method()\n  async setScrollTop(top: number) {\n    if (this.wrapRef) {\n      this.wrapRef.scrollTop = top;\n      this.updateScrollbar();\n    }\n  }\n\n  /**\n   * 设置滚动条位置\n   */\n  @Method()\n  async setScrollLeft(left: number) {\n    if (this.wrapRef) {\n      this.wrapRef.scrollLeft = left;\n      this.updateScrollbar();\n    }\n  }\n\n  /**\n   * 获取滚动条位置\n   */\n  @Method()\n  async getScrollTop(): Promise<number> {\n    return this.wrapRef?.scrollTop || 0;\n  }\n\n  /**\n   * 获取滚动条位置\n   */\n  @Method()\n  async getScrollLeft(): Promise<number> {\n    return this.wrapRef?.scrollLeft || 0;\n  }\n\n  private initScrollbar() {\n    if (!this.wrapRef) return;\n\n    this.resizeObserver = new ResizeObserver(() => {\n      this.updateScrollbar();\n    });\n\n    this.resizeObserver.observe(this.wrapRef);\n    this.addEventListeners();\n    this.updateScrollbar();\n  }\n\n  private addEventListeners() {\n    if (this.wrapRef) {\n      this.wrapRef.addEventListener('scroll', this.handleScroll);\n    }\n    if (this.thumbRef) {\n      this.thumbRef.addEventListener('mousedown', this.handleThumbMouseDown);\n    }\n    document.addEventListener('mousemove', this.handleMouseMove);\n    document.addEventListener('mouseup', this.handleMouseUp);\n  }\n\n  private removeEventListeners() {\n    if (this.wrapRef) {\n      this.wrapRef.removeEventListener('scroll', this.handleScroll);\n    }\n    if (this.thumbRef) {\n      this.thumbRef.removeEventListener('mousedown', this.handleThumbMouseDown);\n    }\n    document.removeEventListener('mousemove', this.handleMouseMove);\n    document.removeEventListener('mouseup', this.handleMouseUp);\n  }\n\n  private updateScrollbar() {\n    if (!this.wrapRef) return;\n\n    const wrapHeight = this.wrapRef.clientHeight;\n    const scrollHeight = this.wrapRef.scrollHeight;\n    const scrollTop = this.wrapRef.scrollTop;\n\n    const hasScroll = scrollHeight > wrapHeight;\n    this.scrollbarVisible = hasScroll || this.always;\n\n    if (hasScroll && this.thumbRef) {\n      const thumbHeight = Math.max(\n        this.minSize,\n        (wrapHeight / scrollHeight) * wrapHeight\n      );\n      const maxThumbTop = wrapHeight - thumbHeight;\n      const thumbTop = (scrollTop / (scrollHeight - wrapHeight)) * maxThumbTop;\n\n      this.thumbHeight = thumbHeight;\n      this.thumbTop = Math.max(0, Math.min(maxThumbTop, thumbTop));\n    }\n  }\n\n  private handleScroll = () => {\n    this.updateScrollbar();\n    if (this.wrapRef) {\n      this.hbScroll.emit({\n        scrollTop: this.wrapRef.scrollTop,\n        scrollLeft: this.wrapRef.scrollLeft,\n      });\n    }\n  };\n\n  private handleThumbMouseDown = (e: MouseEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    this.isDragging = true;\n    this.startY = e.clientY;\n    this.startScrollTop = this.wrapRef?.scrollTop || 0;\n  };\n\n  private handleMouseMove = (e: MouseEvent) => {\n    if (!this.isDragging || !this.wrapRef) return;\n\n    const deltaY = e.clientY - this.startY;\n    const wrapHeight = this.wrapRef.clientHeight;\n    const scrollHeight = this.wrapRef.scrollHeight;\n    const maxScrollTop = scrollHeight - wrapHeight;\n    const thumbHeight = this.thumbHeight;\n    const maxThumbTop = wrapHeight - thumbHeight;\n\n    const scrollDelta = (deltaY / maxThumbTop) * maxScrollTop;\n    const newScrollTop = Math.max(0, Math.min(maxScrollTop, this.startScrollTop + scrollDelta));\n\n    this.wrapRef.scrollTop = newScrollTop;\n  };\n\n  private handleMouseUp = () => {\n    this.isDragging = false;\n  };\n\n  render() {\n    const style: any = {};\n    if (this.height) {\n      style.height = this.height;\n    }\n    if (this.maxHeight) {\n      style.maxHeight = this.maxHeight;\n    }\n\n    if (this.native) {\n      return (\n        <div\n          class=\"hb-scrollbar hb-scrollbar--native\"\n          style={style}\n        >\n          <div class=\"hb-scrollbar__wrap\">\n            <div class=\"hb-scrollbar__view\">\n              <slot></slot>\n            </div>\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div class=\"hb-scrollbar\" style={style}>\n        <div\n          class=\"hb-scrollbar__wrap\"\n          ref={(el) => (this.wrapRef = el)}\n          onScroll={this.handleScroll}\n        >\n          <div class=\"hb-scrollbar__view\">\n            <slot></slot>\n          </div>\n        </div>\n        {this.scrollbarVisible && !this.native && (\n          <div class=\"hb-scrollbar__bar hb-scrollbar__bar--vertical\">\n            <div\n              class=\"hb-scrollbar__thumb\"\n              ref={(el) => {\n                this.thumbRef = el;\n                if (el && !this.native) {\n                  el.addEventListener('mousedown', this.handleThumbMouseDown);\n                }\n              }}\n              style={{\n                height: `${this.thumbHeight}px`,\n                transform: `translateY(${this.thumbTop}px)`,\n              }}\n            ></div>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\n"],"mappings":"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","ignoreList":[]}

package/dist/huibo-ui/p-ebd04656.entry.js

@@ -0,0 +1,2 @@
+import{r as e,g as t,h as i}from"./p-e42dfa95.js";import{i as s}from"./p-cc0aeb50.js";const a=class{constructor(t){e(this,t)}get el(){return t(this)}key="";disabled=false;icon;active=false;handleClick=()=>{if(this.disabled)return;const e=this.el.closest("hb-menu");if(e){e.dispatchEvent(new CustomEvent("hbMenuItemSelect",{detail:this.key,bubbles:true}))}};handleKeydown=e=>{if(this.disabled)return;if(s(e.key)){e.preventDefault();this.handleClick()}};render(){return i("li",{key:"34b8ae3ee2a580757cd0c01261772e6de97bf332",class:{"hb-menu-item":true,"hb-menu-item--active":this.active,"hb-menu-item--disabled":this.disabled},role:"menuitem",tabindex:this.disabled?-1:0,"aria-disabled":this.disabled?"true":undefined,"aria-current":this.active?"page":undefined,onClick:this.handleClick,onKeyDown:this.handleKeydown},this.icon&&i("span",{key:"a0b70a81ce4f8ed1cef7bd37c5b194a02554bc22",class:"hb-menu-item__icon"},this.icon),i("span",{key:"8ef65eda6376d1e16ed614fa30e7cef532abc2ad",class:"hb-menu-item__text"},i("slot",{key:"716cf4bc2cd4cd6d992010759d55f2924662cd9a"})))}};export{a as hb_menu_item};
+//# sourceMappingURL=p-ebd04656.entry.js.map

package/dist/huibo-ui/p-ebd04656.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MenuItem","key","disabled","icon","active","handleClick","this","menu","el","closest","dispatchEvent","CustomEvent","detail","bubbles","handleKeydown","e","isActivationKey","preventDefault","render","h","class","role","tabindex","undefined","onClick","onKeyDown"],"sources":["src/components/Menu/MenuItem.tsx"],"sourcesContent":["import { Component, h, Prop, Element } from '@stencil/core';\nimport { isActivationKey } from '../../utils/a11y';\n\n/**\n * MenuItem 菜单项\n */\n@Component({\n  tag: 'hb-menu-item',\n  shadow: true,\n})\nexport class MenuItem {\n  @Element() el: HTMLElement;\n\n  /** 唯一标识 */\n  @Prop() key: string = '';\n\n  /** 是否禁用 */\n  @Prop() disabled: boolean = false;\n\n  /** 图标 */\n  @Prop() icon?: string;\n\n  /** 是否激活（由父级 Menu 设置） */\n  @Prop() active: boolean = false;\n\n  private handleClick = () => {\n    if (this.disabled) return;\n    const menu = this.el.closest('hb-menu');\n    if (menu) {\n      // 使用内部事件名 hbMenuItemSelect，与 Menu 向外发射的公开事件 hbSelect 区分，\n      // 否则 Menu 的 @Listen('hbSelect') 会被自身 emit 的事件再次触发，导致无限递归。\n      menu.dispatchEvent(new CustomEvent('hbMenuItemSelect', { detail: this.key, bubbles: true }));\n    }\n  };\n\n  private handleKeydown = (e: KeyboardEvent) => {\n    if (this.disabled) return;\n    if (isActivationKey(e.key)) {\n      e.preventDefault();\n      this.handleClick();\n    }\n  };\n\n  render() {\n    return (\n      <li\n        class={{\n          'hb-menu-item': true,\n          'hb-menu-item--active': this.active,\n          'hb-menu-item--disabled': this.disabled,\n        }}\n        role=\"menuitem\"\n        tabindex={this.disabled ? -1 : 0}\n        aria-disabled={this.disabled ? 'true' : undefined}\n        aria-current={this.active ? 'page' : undefined}\n        onClick={this.handleClick}\n        onKeyDown={this.handleKeydown}\n      >\n        {this.icon && <span class=\"hb-menu-item__icon\">{this.icon}</span>}\n        <span class=\"hb-menu-item__text\"><slot /></span>\n      </li>\n    );\n  }\n}\n"],"mappings":"4FAUaA,EAAQ,M,iDAIXC,IAAc,GAGdC,SAAoB,MAGpBC,KAGAC,OAAkB,MAElBC,YAAc,KACpB,GAAIC,KAAKJ,SAAU,OACnB,MAAMK,EAAOD,KAAKE,GAAGC,QAAQ,WAC7B,GAAIF,EAAM,CAGRA,EAAKG,cAAc,IAAIC,YAAY,mBAAoB,CAAEC,OAAQN,KAAKL,IAAKY,QAAS,O,GAIhFC,cAAiBC,IACvB,GAAIT,KAAKJ,SAAU,OACnB,GAAIc,EAAgBD,EAAEd,KAAM,CAC1Bc,EAAEE,iBACFX,KAAKD,a,GAIT,MAAAa,GACE,OACEC,EAAA,MAAAlB,IAAA,2CACEmB,MAAO,CACL,eAAgB,KAChB,uBAAwBd,KAAKF,OAC7B,yBAA0BE,KAAKJ,UAEjCmB,KAAK,WACLC,SAAUhB,KAAKJ,UAAY,EAAI,EAAC,gBACjBI,KAAKJ,SAAW,OAASqB,UAAS,eACnCjB,KAAKF,OAAS,OAASmB,UACrCC,QAASlB,KAAKD,YACdoB,UAAWnB,KAAKQ,eAEfR,KAAKH,MAAQgB,EAAA,QAAAlB,IAAA,2CAAMmB,MAAM,sBAAsBd,KAAKH,MACrDgB,EAAA,QAAAlB,IAAA,2CAAMmB,MAAM,sBAAqBD,EAAA,QAAAlB,IAAA,8C","ignoreList":[]}

package/dist/huibo-ui/p-ecce2b5e.js

@@ -0,0 +1,2 @@
+let t=1e3;const e={value:0};function a(){return++t}function o(){e.value++;if(e.value===1){document.body.style.overflow="hidden"}}function s(){e.value=Math.max(0,e.value-1);if(e.value===0){document.body.style.overflow=""}}function c(t,e,a,o="bottom",s=8){const{top:c,left:f,width:r,height:n}=t;const l=window.innerWidth;const p=window.innerHeight;let b;switch(o){case"top":b={top:c-a-s,left:f+r/2-e/2};break;case"top-start":b={top:c-a-s,left:f};break;case"top-end":b={top:c-a-s,left:f+r-e};break;case"bottom":b={top:c+n+s,left:f+r/2-e/2};break;case"bottom-start":b={top:c+n+s,left:f};break;case"bottom-end":b={top:c+n+s,left:f+r-e};break;case"left":b={top:c+n/2-a/2,left:f-e-s};break;case"left-start":b={top:c,left:f-e-s};break;case"left-end":b={top:c+n-a,left:f-e-s};break;case"right":b={top:c+n/2-a/2,left:f+r+s};break;case"right-start":b={top:c,left:f+r+s};break;case"right-end":b={top:c+n-a,left:f+r+s};break;default:b={top:c+n+s,left:f}}b.top=Math.max(4,Math.min(b.top,p-a-4));b.left=Math.max(4,Math.min(b.left,l-e-4));return b}export{c,a as g,o as l,s as u};
+//# sourceMappingURL=p-ecce2b5e.js.map

package/dist/huibo-ui/p-ecce2b5e.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["zIndexCounter","scrollLockCount","value","getNextZIndex","lockScroll","document","body","style","overflow","unlockScroll","Math","max","computePosition","triggerRect","popupWidth","popupHeight","placement","gap","top","left","width","height","vw","window","innerWidth","vh","innerHeight","pos","min"],"sources":["src/utils/popup-manager.ts"],"sourcesContent":["/**\n * 弹出层管理工具\n * 统一管理弹出层的 z-index、滚动锁定、Escape 关闭\n */\n\nlet zIndexCounter = 1000;\nconst scrollLockCount = { value: 0 };\n\n/** 获取下一个 z-index */\nexport function getNextZIndex(): number {\n  return ++zIndexCounter;\n}\n\n/** 锁定 body 滚动 */\nexport function lockScroll() {\n  scrollLockCount.value++;\n  if (scrollLockCount.value === 1) {\n    document.body.style.overflow = 'hidden';\n  }\n}\n\n/** 解锁 body 滚动 */\nexport function unlockScroll() {\n  scrollLockCount.value = Math.max(0, scrollLockCount.value - 1);\n  if (scrollLockCount.value === 0) {\n    document.body.style.overflow = '';\n  }\n}\n\n/** 计算弹出层位置 */\nexport interface PopupPosition {\n  top: number;\n  left: number;\n}\n\nexport type Placement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' |\n  'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';\n\nexport function computePosition(\n  triggerRect: DOMRect,\n  popupWidth: number,\n  popupHeight: number,\n  placement: Placement = 'bottom',\n  gap: number = 8\n): PopupPosition {\n  const { top, left, width, height } = triggerRect;\n  const vw = window.innerWidth;\n  const vh = window.innerHeight;\n\n  let pos: PopupPosition;\n\n  switch (placement) {\n    case 'top':\n      pos = { top: top - popupHeight - gap, left: left + width / 2 - popupWidth / 2 };\n      break;\n    case 'top-start':\n      pos = { top: top - popupHeight - gap, left };\n      break;\n    case 'top-end':\n      pos = { top: top - popupHeight - gap, left: left + width - popupWidth };\n      break;\n    case 'bottom':\n      pos = { top: top + height + gap, left: left + width / 2 - popupWidth / 2 };\n      break;\n    case 'bottom-start':\n      pos = { top: top + height + gap, left };\n      break;\n    case 'bottom-end':\n      pos = { top: top + height + gap, left: left + width - popupWidth };\n      break;\n    case 'left':\n      pos = { top: top + height / 2 - popupHeight / 2, left: left - popupWidth - gap };\n      break;\n    case 'left-start':\n      pos = { top, left: left - popupWidth - gap };\n      break;\n    case 'left-end':\n      pos = { top: top + height - popupHeight, left: left - popupWidth - gap };\n      break;\n    case 'right':\n      pos = { top: top + height / 2 - popupHeight / 2, left: left + width + gap };\n      break;\n    case 'right-start':\n      pos = { top, left: left + width + gap };\n      break;\n    case 'right-end':\n      pos = { top: top + height - popupHeight, left: left + width + gap };\n      break;\n    default:\n      pos = { top: top + height + gap, left };\n  }\n\n  // 视口边界修正\n  pos.top = Math.max(4, Math.min(pos.top, vh - popupHeight - 4));\n  pos.left = Math.max(4, Math.min(pos.left, vw - popupWidth - 4));\n\n  return pos;\n}\n"],"mappings":"AAKA,IAAIA,EAAgB,IACpB,MAAMC,EAAkB,CAAEC,MAAO,G,SAGjBC,IACd,QAASH,CACX,C,SAGgBI,IACdH,EAAgBC,QAChB,GAAID,EAAgBC,QAAU,EAAG,CAC/BG,SAASC,KAAKC,MAAMC,SAAW,Q,CAEnC,C,SAGgBC,IACdR,EAAgBC,MAAQQ,KAAKC,IAAI,EAAGV,EAAgBC,MAAQ,GAC5D,GAAID,EAAgBC,QAAU,EAAG,CAC/BG,SAASC,KAAKC,MAAMC,SAAW,E,CAEnC,C,SAWgBI,EACdC,EACAC,EACAC,EACAC,EAAuB,SACvBC,EAAc,GAEd,MAAMC,IAAEA,EAAGC,KAAEA,EAAIC,MAAEA,EAAKC,OAAEA,GAAWR,EACrC,MAAMS,EAAKC,OAAOC,WAClB,MAAMC,EAAKF,OAAOG,YAElB,IAAIC,EAEJ,OAAQX,GACN,IAAK,MACHW,EAAM,CAAET,IAAKA,EAAMH,EAAcE,EAAKE,KAAMA,EAAOC,EAAQ,EAAIN,EAAa,GAC5E,MACF,IAAK,YACHa,EAAM,CAAET,IAAKA,EAAMH,EAAcE,EAAKE,QACtC,MACF,IAAK,UACHQ,EAAM,CAAET,IAAKA,EAAMH,EAAcE,EAAKE,KAAMA,EAAOC,EAAQN,GAC3D,MACF,IAAK,SACHa,EAAM,CAAET,IAAKA,EAAMG,EAASJ,EAAKE,KAAMA,EAAOC,EAAQ,EAAIN,EAAa,GACvE,MACF,IAAK,eACHa,EAAM,CAAET,IAAKA,EAAMG,EAASJ,EAAKE,QACjC,MACF,IAAK,aACHQ,EAAM,CAAET,IAAKA,EAAMG,EAASJ,EAAKE,KAAMA,EAAOC,EAAQN,GACtD,MACF,IAAK,OACHa,EAAM,CAAET,IAAKA,EAAMG,EAAS,EAAIN,EAAc,EAAGI,KAAMA,EAAOL,EAAaG,GAC3E,MACF,IAAK,aACHU,EAAM,CAAET,MAAKC,KAAMA,EAAOL,EAAaG,GACvC,MACF,IAAK,WACHU,EAAM,CAAET,IAAKA,EAAMG,EAASN,EAAaI,KAAMA,EAAOL,EAAaG,GACnE,MACF,IAAK,QACHU,EAAM,CAAET,IAAKA,EAAMG,EAAS,EAAIN,EAAc,EAAGI,KAAMA,EAAOC,EAAQH,GACtE,MACF,IAAK,cACHU,EAAM,CAAET,MAAKC,KAAMA,EAAOC,EAAQH,GAClC,MACF,IAAK,YACHU,EAAM,CAAET,IAAKA,EAAMG,EAASN,EAAaI,KAAMA,EAAOC,EAAQH,GAC9D,MACF,QACEU,EAAM,CAAET,IAAKA,EAAMG,EAASJ,EAAKE,QAIrCQ,EAAIT,IAAMR,KAAKC,IAAI,EAAGD,KAAKkB,IAAID,EAAIT,IAAKO,EAAKV,EAAc,IAC3DY,EAAIR,KAAOT,KAAKC,IAAI,EAAGD,KAAKkB,IAAID,EAAIR,KAAMG,EAAKR,EAAa,IAE5D,OAAOa,CACT,Q","ignoreList":[]}

package/dist/huibo-ui/p-ed0ff857.entry.js

@@ -0,0 +1,2 @@
+import{r as t,g as e,h as i}from"./p-e42dfa95.js";import{c as o,g as n}from"./p-ecce2b5e.js";const r='/*! 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}.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-popconfirm__trigger{cursor:pointer;display:inline-block}.hb-popconfirm__popup{animation:hb-popconfirm-fade .15s ease-out;background:var(--hb-color-bg-elevated);border-radius:var(--hb-border-radius-base);box-shadow:var(--hb-box-shadow);min-width:200px;padding:var(--hb-spacing-md);pointer-events:auto;position:fixed}.hb-popconfirm__main{align-items:flex-start;display:flex;gap:var(--hb-spacing-xs);margin-bottom:var(--hb-spacing-sm)}.hb-popconfirm__icon{color:var(--hb-color-warning);flex-shrink:0;font-size:16px}.hb-popconfirm__title{color:var(--hb-color-text);font-size:var(--hb-font-size-sm);line-height:1.5}.hb-popconfirm__action{display:flex;gap:var(--hb-spacing-xs);justify-content:flex-end}.hb-popconfirm__btn{background:var(--hb-color-bg);border:1px solid var(--hb-color-border);border-radius:var(--hb-border-radius-sm);cursor:pointer;font-size:var(--hb-font-size-xs);padding:4px 12px;transition:all var(--hb-transition-duration)}.hb-popconfirm__btn--cancel:hover{border-color:var(--hb-color-primary);color:var(--hb-color-primary)}.hb-popconfirm__btn--confirm{background:var(--hb-color-primary);border-color:var(--hb-color-primary);color:#fff}.hb-popconfirm__btn--confirm:hover{background:var(--hb-color-primary-hover)}@keyframes hb-popconfirm-fade{0%{opacity:0}to{opacity:1}}@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 a=r;const s=class{constructor(e){t(this,e)}get el(){return e(this)}title="确定执行此操作？";confirmButtonText="确定";cancelButtonText="取消";placement="top";disabled=false;icon="⚠";visible=false;popupStyle={};triggerRef;popupRef;show=()=>{if(!this.disabled){this.visible=true;requestAnimationFrame((()=>this.updatePosition()))}};hide=()=>{this.visible=false};updatePosition(){if(!this.triggerRef||!this.popupRef)return;const t=this.triggerRef.getBoundingClientRect();const{width:e,height:i}=this.popupRef.getBoundingClientRect();const r=o(t,e,i,this.placement,8);this.popupStyle={top:`${r.top}px`,left:`${r.left}px`,zIndex:String(n())}}handleConfirm=t=>{t.stopPropagation();this.hide();this.el.dispatchEvent(new CustomEvent("hbConfirm",{bubbles:true}))};handleCancel=t=>{t.stopPropagation();this.hide();this.el.dispatchEvent(new CustomEvent("hbCancel",{bubbles:true}))};render(){return i("div",{key:"d4817c4b90b135f3dc911259760ec6135c014882",class:"hb-popconfirm",onClick:this.show},i("div",{key:"bc992147604a6b601b9bfd1848fbd9fd425bcc65",ref:t=>{this.triggerRef=t},class:"hb-popconfirm__trigger"},i("slot",{key:"a5be9404aa726abc5c1c40292bfa3adef7793fa7"})),this.visible&&i("div",{key:"4d9794a39fe67cae8d61b6ddf421eb922e89ed4e",ref:t=>{this.popupRef=t},class:"hb-popconfirm__popup",style:this.popupStyle},i("div",{key:"15b32d88525e57064aa6c98ab5d409a86bce1a48",class:"hb-popconfirm__main"},i("span",{key:"a958b70e2ce984d8a87f278dcc13831778a37ddb",class:"hb-popconfirm__icon"},this.icon),i("span",{key:"d965d258313cf129d8d07a4085897b750cfe046b",class:"hb-popconfirm__title"},this.title)),i("div",{key:"184c808d11c9c987d7cc8d419133f5cdc5655466",class:"hb-popconfirm__action"},i("button",{key:"4c2f7eb3b996bd5231a1df845a6e6422a189293f",type:"button",class:"hb-popconfirm__btn hb-popconfirm__btn--cancel",onClick:this.handleCancel},this.cancelButtonText),i("button",{key:"de7a86643978c024e780061b775035488e879faf",type:"button",class:"hb-popconfirm__btn hb-popconfirm__btn--confirm",onClick:this.handleConfirm},this.confirmButtonText))))}};s.style=a;export{s as hb_popconfirm};
+//# sourceMappingURL=p-ed0ff857.entry.js.map

package/dist/huibo-ui/p-ed0ff857.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["popconfirmCss","HbPopconfirmStyle0","Popconfirm","title","confirmButtonText","cancelButtonText","placement","disabled","icon","visible","popupStyle","triggerRef","popupRef","show","this","requestAnimationFrame","updatePosition","hide","rect","getBoundingClientRect","width","pw","height","ph","pos","computePosition","top","left","zIndex","String","getNextZIndex","handleConfirm","e","stopPropagation","el","dispatchEvent","CustomEvent","bubbles","handleCancel","render","h","key","class","onClick","ref","style","type"],"sources":["src/components/Popconfirm/popconfirm.css?tag=hb-popconfirm&encapsulation=shadow","src/components/Popconfirm/Popconfirm.tsx"],"sourcesContent":[":host { display: inline-block; }\n.hb-popconfirm__trigger { display: inline-block; cursor: pointer; }\n.hb-popconfirm__popup {\n  position: fixed; background: var(--hb-color-bg-elevated);\n  border-radius: var(--hb-border-radius-base); box-shadow: var(--hb-box-shadow);\n  padding: var(--hb-spacing-md); min-width: 200px; animation: hb-popconfirm-fade 0.15s ease-out; pointer-events: auto;\n}\n.hb-popconfirm__main { display: flex; align-items: flex-start; gap: var(--hb-spacing-xs); margin-bottom: var(--hb-spacing-sm); }\n.hb-popconfirm__icon { color: var(--hb-color-warning); font-size: 16px; flex-shrink: 0; }\n.hb-popconfirm__title { font-size: var(--hb-font-size-sm); color: var(--hb-color-text); line-height: 1.5; }\n.hb-popconfirm__action { display: flex; justify-content: flex-end; gap: var(--hb-spacing-xs); }\n.hb-popconfirm__btn {\n  padding: 4px 12px; font-size: var(--hb-font-size-xs); border-radius: var(--hb-border-radius-sm);\n  cursor: pointer; border: 1px solid var(--hb-color-border); background: var(--hb-color-bg);\n  transition: all var(--hb-transition-duration);\n}\n.hb-popconfirm__btn--cancel:hover { color: var(--hb-color-primary); border-color: var(--hb-color-primary); }\n.hb-popconfirm__btn--confirm { background: var(--hb-color-primary); color: #fff; border-color: var(--hb-color-primary); }\n.hb-popconfirm__btn--confirm:hover { background: var(--hb-color-primary-hover); }\n@keyframes hb-popconfirm-fade { from { opacity: 0; } to { opacity: 1; } }\n","import { Component, h, Prop, State, Element } from '@stencil/core';\nimport { computePosition, getNextZIndex, Placement } from '../../utils/popup-manager';\n\n@Component({ tag: 'hb-popconfirm', styleUrl: 'popconfirm.css', shadow: true })\nexport class Popconfirm {\n  @Element() el: HTMLElement;\n  @Prop() title: string = '确定执行此操作？';\n  @Prop() confirmButtonText: string = '确定';\n  @Prop() cancelButtonText: string = '取消';\n  @Prop() placement: Placement = 'top';\n  @Prop() disabled: boolean = false;\n  @Prop() icon: string = '⚠';\n  @State() visible: boolean = false;\n  @State() popupStyle: Record<string, string> = {};\n\n  private triggerRef?: HTMLElement;\n  private popupRef?: HTMLDivElement;\n\n  private show = () => { if (!this.disabled) { this.visible = true; requestAnimationFrame(() => this.updatePosition()); } };\n  private hide = () => { this.visible = false; };\n\n  private updatePosition() {\n    if (!this.triggerRef || !this.popupRef) return;\n    const rect = this.triggerRef.getBoundingClientRect();\n    const { width: pw, height: ph } = this.popupRef.getBoundingClientRect();\n    const pos = computePosition(rect, pw, ph, this.placement, 8);\n    this.popupStyle = { top: `${pos.top}px`, left: `${pos.left}px`, zIndex: String(getNextZIndex()) };\n  }\n\n  private handleConfirm = (e: Event) => { e.stopPropagation(); this.hide(); this.el.dispatchEvent(new CustomEvent('hbConfirm', { bubbles: true })); };\n  private handleCancel = (e: Event) => { e.stopPropagation(); this.hide(); this.el.dispatchEvent(new CustomEvent('hbCancel', { bubbles: true })); };\n\n  render() {\n    return (\n      <div class=\"hb-popconfirm\" onClick={this.show}>\n        <div ref={(el: any) => { this.triggerRef = el; }} class=\"hb-popconfirm__trigger\"><slot /></div>\n        {this.visible && (\n          <div ref={(el: any) => { this.popupRef = el; }} class=\"hb-popconfirm__popup\" style={this.popupStyle}>\n            <div class=\"hb-popconfirm__main\">\n              <span class=\"hb-popconfirm__icon\">{this.icon}</span>\n              <span class=\"hb-popconfirm__title\">{this.title}</span>\n            </div>\n            <div class=\"hb-popconfirm__action\">\n              <button type=\"button\" class=\"hb-popconfirm__btn hb-popconfirm__btn--cancel\" onClick={this.handleCancel}>{this.cancelButtonText}</button>\n              <button type=\"button\" class=\"hb-popconfirm__btn hb-popconfirm__btn--confirm\" onClick={this.handleConfirm}>{this.confirmButtonText}</button>\n            </div>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAgB,w3NACtB,MAAAC,EAAeD,E,MCGFE,EAAU,M,iDAEbC,MAAgB,WAChBC,kBAA4B,KAC5BC,iBAA2B,KAC3BC,UAAuB,MACvBC,SAAoB,MACpBC,KAAe,IACdC,QAAmB,MACnBC,WAAqC,GAEtCC,WACAC,SAEAC,KAAO,KAAQ,IAAKC,KAAKP,SAAU,CAAEO,KAAKL,QAAU,KAAMM,uBAAsB,IAAMD,KAAKE,kB,GAC3FC,KAAO,KAAQH,KAAKL,QAAU,KAAK,EAEnC,cAAAO,GACN,IAAKF,KAAKH,aAAeG,KAAKF,SAAU,OACxC,MAAMM,EAAOJ,KAAKH,WAAWQ,wBAC7B,MAAQC,MAAOC,EAAIC,OAAQC,GAAOT,KAAKF,SAASO,wBAChD,MAAMK,EAAMC,EAAgBP,EAAMG,EAAIE,EAAIT,KAAKR,UAAW,GAC1DQ,KAAKJ,WAAa,CAAEgB,IAAK,GAAGF,EAAIE,QAASC,KAAM,GAAGH,EAAIG,SAAUC,OAAQC,OAAOC,K,CAGzEC,cAAiBC,IAAeA,EAAEC,kBAAmBnB,KAAKG,OAAQH,KAAKoB,GAAGC,cAAc,IAAIC,YAAY,YAAa,CAAEC,QAAS,OAAQ,EACxIC,aAAgBN,IAAeA,EAAEC,kBAAmBnB,KAAKG,OAAQH,KAAKoB,GAAGC,cAAc,IAAIC,YAAY,WAAY,CAAEC,QAAS,OAAQ,EAE9I,MAAAE,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,gBAAgBC,QAAS7B,KAAKD,MACvC2B,EAAA,OAAAC,IAAA,2CAAKG,IAAMV,IAAcpB,KAAKH,WAAauB,CAAE,EAAKQ,MAAM,0BAAyBF,EAAA,QAAAC,IAAA,8CAChF3B,KAAKL,SACJ+B,EAAA,OAAAC,IAAA,2CAAKG,IAAMV,IAAcpB,KAAKF,SAAWsB,CAAE,EAAKQ,MAAM,uBAAuBG,MAAO/B,KAAKJ,YACvF8B,EAAA,OAAAC,IAAA,2CAAKC,MAAM,uBACTF,EAAA,QAAAC,IAAA,2CAAMC,MAAM,uBAAuB5B,KAAKN,MACxCgC,EAAA,QAAAC,IAAA,2CAAMC,MAAM,wBAAwB5B,KAAKX,QAE3CqC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,yBACTF,EAAA,UAAAC,IAAA,2CAAQK,KAAK,SAASJ,MAAM,gDAAgDC,QAAS7B,KAAKwB,cAAexB,KAAKT,kBAC9GmC,EAAA,UAAAC,IAAA,2CAAQK,KAAK,SAASJ,MAAM,iDAAiDC,QAAS7B,KAAKiB,eAAgBjB,KAAKV,qB","ignoreList":[]}

package/dist/huibo-ui/p-f0ac7db5.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as i}from"./p-e42dfa95.js";const o='/*! 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{.block{display:block}.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-segmented{background:var(--hb-color-fill);border-radius:var(--hb-border-radius-base);box-sizing:border-box;display:inline-flex;padding:2px}.hb-segmented--block{display:flex;width:100%}.hb-segmented__items{display:inline-flex;gap:2px;width:100%}.hb-segmented--large .hb-segmented__item{font-size:var(--hb-font-size-base);padding:6px 18px}.hb-segmented--default .hb-segmented__item{font-size:var(--hb-font-size-sm);padding:4px 14px}.hb-segmented--small .hb-segmented__item{font-size:var(--hb-font-size-xs);padding:2px 10px}.hb-segmented__item{align-items:center;background:0 0;border:none;border-radius:var(--hb-border-radius-sm);color:var(--hb-color-text);cursor:pointer;display:inline-flex;flex:1;font-family:inherit;justify-content:center;line-height:1.5;transition:background .2s,color .2s;white-space:nowrap}.hb-segmented__item:hover:not(.hb-segmented__item--active):not(.hb-segmented__item--disabled){background:var(--hb-color-fill-secondary)}.hb-segmented__item--active{background:var(--hb-color-bg-container);box-shadow:0 2px 8px #00000014;color:var(--hb-color-primary);font-weight:500}.hb-segmented__item--disabled{color:var(--hb-color-text-disabled);cursor:not-allowed}.hb-segmented__item-label{pointer-events:none}@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 n=o;const a=class{constructor(i){e(this,i);this.hbChange=t(this,"hbChange",7)}modelValue="";block=false;size="default";options=[];hbChange;handleSelect=e=>{if(e.disabled||e.value===this.modelValue)return;this.modelValue=e.value;this.hbChange.emit(e.value)};render(){return i("div",{key:"1e3f2004fd85fbce0d29721006dcf9f415827ec5",class:{"hb-segmented":true,[`hb-segmented--${this.size}`]:true,"hb-segmented--block":this.block}},i("div",{key:"81859de225297f531f53825d792a965356daf685",class:"hb-segmented__items"},this.options.map((e=>i("button",{type:"button",class:{"hb-segmented__item":true,"hb-segmented__item--active":e.value===this.modelValue,"hb-segmented__item--disabled":!!e.disabled},disabled:!!e.disabled,onClick:()=>this.handleSelect(e)},i("span",{class:"hb-segmented__item-label"},e.label))))))}};a.style=n;export{a as hb_segmented};
+//# sourceMappingURL=p-f0ac7db5.entry.js.map

package/dist/huibo-ui/p-f0ac7db5.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["segmentedCss","HbSegmentedStyle0","Segmented","modelValue","block","size","options","hbChange","handleSelect","option","disabled","value","this","emit","render","h","key","class","map","type","onClick","label"],"sources":["src/components/Segmented/segmented.css?tag=hb-segmented&encapsulation=shadow","src/components/Segmented/Segmented.tsx"],"sourcesContent":[":host { display: block; }\n.hb-segmented {\n  display: inline-flex;\n  padding: 2px;\n  background: var(--hb-color-fill);\n  border-radius: var(--hb-border-radius-base);\n  box-sizing: border-box;\n}\n.hb-segmented--block { display: flex; width: 100%; }\n.hb-segmented__items { display: inline-flex; gap: 2px; width: 100%; }\n\n/* 尺寸 */\n.hb-segmented--large .hb-segmented__item { padding: 6px 18px; font-size: var(--hb-font-size-base); }\n.hb-segmented--default .hb-segmented__item { padding: 4px 14px; font-size: var(--hb-font-size-sm); }\n.hb-segmented--small .hb-segmented__item { padding: 2px 10px; font-size: var(--hb-font-size-xs); }\n\n.hb-segmented__item {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  background: transparent;\n  color: var(--hb-color-text);\n  cursor: pointer;\n  border-radius: var(--hb-border-radius-sm);\n  transition: background 0.2s, color 0.2s;\n  white-space: nowrap;\n  flex: 1;\n  line-height: 1.5;\n  font-family: inherit;\n}\n.hb-segmented__item:hover:not(.hb-segmented__item--active):not(.hb-segmented__item--disabled) {\n  background: var(--hb-color-fill-secondary);\n}\n/* 高亮滑块背景 */\n.hb-segmented__item--active {\n  background: var(--hb-color-bg-container);\n  color: var(--hb-color-primary);\n  font-weight: 500;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n}\n.hb-segmented__item--disabled {\n  color: var(--hb-color-text-disabled);\n  cursor: not-allowed;\n}\n.hb-segmented__item-label { pointer-events: none; }\n","import { Component, h, Prop, Event, EventEmitter } from '@stencil/core';\n\n/**\n * Segmented 分段控制器组件\n * 类似 iOS 分段控件，选中项有高亮滑块背景\n */\n@Component({ tag: 'hb-segmented', styleUrl: 'segmented.css', shadow: true })\nexport class Segmented {\n  /** 当前选中值 */\n  @Prop({ mutable: true }) modelValue: string = '';\n\n  /** 是否撑满宽度 */\n  @Prop() block: boolean = false;\n\n  /** 尺寸 */\n  @Prop() size: 'large' | 'default' | 'small' = 'default';\n\n  /** 选项数组 */\n  @Prop() options: SegmentedOption[] = [];\n\n  /** 选中值变化事件 */\n  @Event() hbChange: EventEmitter<string>;\n\n  private handleSelect = (option: SegmentedOption) => {\n    if (option.disabled || option.value === this.modelValue) return;\n    this.modelValue = option.value;\n    this.hbChange.emit(option.value);\n  };\n\n  render() {\n    return (\n      <div class={{ 'hb-segmented': true, [`hb-segmented--${this.size}`]: true, 'hb-segmented--block': this.block }}>\n        <div class=\"hb-segmented__items\">\n          {this.options.map((option) => (\n            <button\n              type=\"button\"\n              class={{\n                'hb-segmented__item': true,\n                'hb-segmented__item--active': option.value === this.modelValue,\n                'hb-segmented__item--disabled': !!option.disabled,\n              }}\n              disabled={!!option.disabled}\n              onClick={() => this.handleSelect(option)}\n            >\n              <span class=\"hb-segmented__item-label\">{option.label}</span>\n            </button>\n          ))}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport interface SegmentedOption {\n  value: string;\n  label: string;\n  disabled?: boolean;\n}\n"],"mappings":"kDAAA,MAAMA,EAAe,8yNACrB,MAAAC,EAAeD,E,MCMFE,EAAS,M,4DAEKC,WAAqB,GAGtCC,MAAiB,MAGjBC,KAAsC,UAGtCC,QAA6B,GAG5BC,SAEDC,aAAgBC,IACtB,GAAIA,EAAOC,UAAYD,EAAOE,QAAUC,KAAKT,WAAY,OACzDS,KAAKT,WAAaM,EAAOE,MACzBC,KAAKL,SAASM,KAAKJ,EAAOE,MAAM,EAGlC,MAAAG,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAO,CAAE,eAAgB,KAAM,CAAC,iBAAiBL,KAAKP,QAAS,KAAM,sBAAuBO,KAAKR,QACpGW,EAAA,OAAAC,IAAA,2CAAKC,MAAM,uBACRL,KAAKN,QAAQY,KAAKT,GACjBM,EAAA,UACEI,KAAK,SACLF,MAAO,CACL,qBAAsB,KACtB,6BAA8BR,EAAOE,QAAUC,KAAKT,WACpD,iCAAkCM,EAAOC,UAE3CA,WAAYD,EAAOC,SACnBU,QAAS,IAAMR,KAAKJ,aAAaC,IAEjCM,EAAA,QAAME,MAAM,4BAA4BR,EAAOY,W","ignoreList":[]}

package/dist/huibo-ui/p-f1c084c5.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e}from"./p-e42dfa95.js";const i='/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.flex{display:flex}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{--hb-row-gutter:0;display:block}.hb-row{box-sizing:border-box;display:flex;flex-wrap:wrap;margin-left:calc(var(--hb-row-gutter)/-2);margin-right:calc(var(--hb-row-gutter)/-2);position:relative}.hb-row--justify-start{justify-content:flex-start}.hb-row--justify-end{justify-content:flex-end}.hb-row--justify-center{justify-content:center}.hb-row--justify-space-around{justify-content:space-around}.hb-row--justify-space-between{justify-content:space-between}.hb-row--justify-space-evenly{justify-content:space-evenly}.hb-row--align-top{align-items:flex-start}.hb-row--align-middle{align-items:center}.hb-row--align-bottom{align-items:flex-end}::slotted(hb-layout){padding-left:calc(var(--hb-row-gutter)/2);padding-right:calc(var(--hb-row-gutter)/2)}@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 o=i;const n=class{constructor(e){t(this,e)}gutter;justify="start";align="top";tag="div";getGutterValue(){if(typeof this.gutter==="number"){return this.gutter}if(typeof this.gutter==="object"&&this.gutter!==null){return this.gutter.xs||this.gutter.default||0}return 0}render(){const t=this.getGutterValue();const i=this.tag;return e(i,{key:"e24936c60590569a21ee87a86c387fcc91c27cbc",class:{"hb-row":true,[`hb-row--justify-${this.justify}`]:true,[`hb-row--align-${this.align}`]:true},style:{"--hb-row-gutter":t?`${t}px`:"0"}},e("slot",{key:"32644828e97b7bfdb31e7aba4db3c16511ae8ad0"}))}};n.style=o;export{n as hb_row};
+//# sourceMappingURL=p-f1c084c5.entry.js.map

package/dist/huibo-ui/p-f1c084c5.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["rowCss","HbRowStyle0","Row","gutter","justify","align","tag","getGutterValue","this","xs","default","render","Tag","h","key","class","style"],"sources":["src/components/Layout/row.css?tag=hb-row&encapsulation=shadow","src/components/Layout/Row.tsx"],"sourcesContent":[":host {\n  display: block;\n  --hb-row-gutter: 0;\n}\n\n.hb-row {\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex-wrap: wrap;\n  margin-left: calc(var(--hb-row-gutter) / -2);\n  margin-right: calc(var(--hb-row-gutter) / -2);\n}\n\n.hb-row--justify-start {\n  justify-content: flex-start;\n}\n\n.hb-row--justify-end {\n  justify-content: flex-end;\n}\n\n.hb-row--justify-center {\n  justify-content: center;\n}\n\n.hb-row--justify-space-around {\n  justify-content: space-around;\n}\n\n.hb-row--justify-space-between {\n  justify-content: space-between;\n}\n\n.hb-row--justify-space-evenly {\n  justify-content: space-evenly;\n}\n\n.hb-row--align-top {\n  align-items: flex-start;\n}\n\n.hb-row--align-middle {\n  align-items: center;\n}\n\n.hb-row--align-bottom {\n  align-items: flex-end;\n}\n\n/* 子元素间距 */\n::slotted(hb-layout) {\n  padding-left: calc(var(--hb-row-gutter) / 2);\n  padding-right: calc(var(--hb-row-gutter) / 2);\n}\n\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * Layout Row 组件\n * 行布局组件\n */\n@Component({\n  tag: 'hb-row',\n  styleUrl: 'row.css',\n  shadow: true,\n})\nexport class Row {\n  /**\n   * 栅格间距\n   */\n  @Prop() gutter?: number | object;\n\n  /**\n   * 布局模式，可选 flex，现代浏览器下有效\n   * @default false\n   */\n  @Prop() justify: 'start' | 'end' | 'center' | 'space-around' | 'space-between' | 'space-evenly' = 'start';\n\n  /**\n   * flex 布局下的垂直对齐方式\n   */\n  @Prop() align: 'top' | 'middle' | 'bottom' = 'top';\n\n  /**\n   * 自定义元素标签\n   * @default 'div'\n   */\n  @Prop() tag: string = 'div';\n\n  private getGutterValue(): number {\n    if (typeof this.gutter === 'number') {\n      return this.gutter;\n    }\n    if (typeof this.gutter === 'object' && this.gutter !== null) {\n      return (this.gutter as any).xs || (this.gutter as any).default || 0;\n    }\n    return 0;\n  }\n\n  render() {\n    const gutter = this.getGutterValue();\n    const Tag = this.tag as any;\n\n    return (\n      <Tag\n        class={{\n          'hb-row': true,\n          [`hb-row--justify-${this.justify}`]: true,\n          [`hb-row--align-${this.align}`]: true,\n        }}\n        style={{\n          '--hb-row-gutter': gutter ? `${gutter}px` : '0',\n        }}\n      >\n        <slot></slot>\n      </Tag>\n    );\n  }\n}\n\n"],"mappings":"2CAAA,MAAMA,EAAS,8zMACf,MAAAC,EAAeD,E,MCUFE,EAAG,M,yBAINC,OAMAC,QAA0F,QAK1FC,MAAqC,MAMrCC,IAAc,MAEd,cAAAC,GACN,UAAWC,KAAKL,SAAW,SAAU,CACnC,OAAOK,KAAKL,M,CAEd,UAAWK,KAAKL,SAAW,UAAYK,KAAKL,SAAW,KAAM,CAC3D,OAAQK,KAAKL,OAAeM,IAAOD,KAAKL,OAAeO,SAAW,C,CAEpE,OAAO,C,CAGT,MAAAC,GACE,MAAMR,EAASK,KAAKD,iBACpB,MAAMK,EAAMJ,KAAKF,IAEjB,OACEO,EAACD,EAAG,CAAAE,IAAA,2CACFC,MAAO,CACL,SAAU,KACV,CAAC,mBAAmBP,KAAKJ,WAAY,KACrC,CAAC,iBAAiBI,KAAKH,SAAU,MAEnCW,MAAO,CACL,kBAAmBb,EAAS,GAAGA,MAAa,MAG9CU,EAAA,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/huibo-ui/p-f374d5a3.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e}from"./p-e42dfa95.js";const i='/*! 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-footer-height:60px;--hb-footer-padding:0 20px;--hb-footer-bg-color:var(--hb-color-white,#fff);display:block}.hb-footer{background-color:var(--hb-footer-bg-color);box-sizing:border-box;flex-shrink:0;height:var(--hb-footer-height);padding:var(--hb-footer-padding)}@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 o=i;const n=class{constructor(e){t(this,e)}height;render(){const t={};if(this.height){t.height=this.height}return e("footer",{key:"a6a73df27a1e1a7891a436a0f57c337e27cb9328",class:"hb-footer",style:t},e("slot",{key:"02927f1f9433b928f2552ef19e2e3fbd7cf69d44"}))}};n.style=o;export{n as hb_footer};
+//# sourceMappingURL=p-f374d5a3.entry.js.map

package/dist/huibo-ui/p-f374d5a3.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["footerCss","HbFooterStyle0","Footer","height","render","style","this","h","key","class"],"sources":["src/components/Container/footer.css?tag=hb-footer&encapsulation=shadow","src/components/Container/Footer.tsx"],"sourcesContent":[":host {\n  display: block;\n  --hb-footer-height: 60px;\n  --hb-footer-padding: 0 20px;\n  --hb-footer-bg-color: var(--hb-color-white, #ffffff);\n}\n\n.hb-footer {\n  height: var(--hb-footer-height);\n  padding: var(--hb-footer-padding);\n  box-sizing: border-box;\n  flex-shrink: 0;\n  background-color: var(--hb-footer-bg-color);\n}\n\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * Container Footer 组件\n * 底部容器\n */\n@Component({\n  tag: 'hb-footer',\n  styleUrl: 'footer.css',\n  shadow: true,\n})\nexport class Footer {\n  /**\n   * 高度\n   */\n  @Prop() height?: string;\n\n  render() {\n    const style: any = {};\n    if (this.height) {\n      style.height = this.height;\n    }\n\n    return (\n      <footer class=\"hb-footer\" style={style}>\n        <slot></slot>\n      </footer>\n    );\n  }\n}\n\n"],"mappings":"2CAAA,MAAMA,EAAY,20LAClB,MAAAC,EAAeD,E,MCUFE,EAAM,M,yBAITC,OAER,MAAAC,GACE,MAAMC,EAAa,GACnB,GAAIC,KAAKH,OAAQ,CACfE,EAAMF,OAASG,KAAKH,M,CAGtB,OACEI,EAAA,UAAAC,IAAA,2CAAQC,MAAM,YAAYJ,MAAOA,GAC/BE,EAAA,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/huibo-ui/p-f81ec512.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as i}from"./p-e42dfa95.js";const t='/*! 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-image{background:var(--hb-color-fill-quaternary);display:inline-flex;overflow:hidden;position:relative}.hb-image__inner{height:100%;opacity:0;transition:opacity .3s;width:100%}.hb-image__inner--loaded{opacity:1}.hb-image__error{color:var(--hb-color-text-secondary);font-size:var(--hb-font-size-sm);height:100%;width:100%}.hb-image__error,.hb-image__preview{align-items:center;display:flex;justify-content:center}.hb-image__preview{background:#000c;cursor:zoom-out;inset:0;position:fixed;z-index:2000}.hb-image__preview-img{max-height:90%;max-width:90%;object-fit:contain}@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 o=t;const a=class{constructor(i){e(this,i)}src="";alt="";width;height;fit="fill";lazy=false;preview=false;radius;loaded=false;error=false;previewVisible=false;handleLoad=()=>{this.loaded=true};handleError=()=>{this.error=true};render(){return i("div",{key:"c6ededfba4d6a1d4b9356c1b18dc7b19aa8c8631",class:"hb-image",style:{width:this.width,height:this.height,borderRadius:this.radius}},!this.error?i("img",{src:this.src,alt:this.alt,class:{"hb-image__inner":true,"hb-image__inner--loaded":this.loaded},style:{objectFit:this.fit},loading:this.lazy?"lazy":undefined,onLoad:this.handleLoad,onError:this.handleError,onClick:()=>this.preview&&(this.previewVisible=true)}):i("div",{class:"hb-image__error"},"图片加载失败"),this.previewVisible&&i("div",{key:"b32748bc6a54360e9cfab47ee06671f4568bae8c",class:"hb-image__preview",onClick:()=>{this.previewVisible=false}},i("img",{key:"7bcc5a1f9b34756827fb8566a953296f808febea",src:this.src,alt:this.alt,class:"hb-image__preview-img"})))}};a.style=o;export{a as hb_image};
+//# sourceMappingURL=p-f81ec512.entry.js.map

package/dist/huibo-ui/p-f81ec512.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["imageCss","HbImageStyle0","Image","src","alt","width","height","fit","lazy","preview","radius","loaded","error","previewVisible","handleLoad","this","handleError","render","h","key","class","style","borderRadius","objectFit","loading","undefined","onLoad","onError","onClick"],"sources":["src/components/Image/image.css?tag=hb-image&encapsulation=shadow","src/components/Image/Image.tsx"],"sourcesContent":[":host { display: inline-block; }\n.hb-image { position: relative; display: inline-flex; overflow: hidden; background: var(--hb-color-fill-quaternary); }\n.hb-image__inner { width: 100%; height: 100%; opacity: 0; transition: opacity 0.3s; }\n.hb-image__inner--loaded { opacity: 1; }\n.hb-image__error { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: var(--hb-font-size-sm); color: var(--hb-color-text-secondary); }\n.hb-image__preview { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.8); display: flex; align-items: center; justify-content: center; z-index: 2000; cursor: zoom-out; }\n.hb-image__preview-img { max-width: 90%; max-height: 90%; object-fit: contain; }\n","import { Component, h, Prop, State } from '@stencil/core';\n\n@Component({ tag: 'hb-image', styleUrl: 'image.css', shadow: true })\nexport class Image {\n  @Prop() src: string = '';\n  @Prop() alt: string = '';\n  @Prop() width?: string;\n  @Prop() height?: string;\n  @Prop() fit: 'fill' | 'contain' | 'cover' | 'none' | 'scale-down' = 'fill';\n  @Prop() lazy: boolean = false;\n  @Prop() preview: boolean = false;\n  @Prop() radius?: string;\n\n  @State() loaded: boolean = false;\n  @State() error: boolean = false;\n  @State() previewVisible: boolean = false;\n\n  private handleLoad = () => { this.loaded = true; };\n  private handleError = () => { this.error = true; };\n\n  render() {\n    return (\n      <div class=\"hb-image\" style={{ width: this.width, height: this.height, borderRadius: this.radius }}>\n        {!this.error ? (\n          <img\n            src={this.src} alt={this.alt}\n            class={{ 'hb-image__inner': true, 'hb-image__inner--loaded': this.loaded }}\n            style={{ objectFit: this.fit }}\n            loading={this.lazy ? 'lazy' : undefined}\n            onLoad={this.handleLoad}\n            onError={this.handleError}\n            onClick={() => this.preview && (this.previewVisible = true)}\n          />\n        ) : (\n          <div class=\"hb-image__error\">图片加载失败</div>\n        )}\n        {this.previewVisible && (\n          <div class=\"hb-image__preview\" onClick={() => { this.previewVisible = false; }}>\n            <img src={this.src} alt={this.alt} class=\"hb-image__preview-img\" />\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAW,opMACjB,MAAAC,EAAeD,E,MCEFE,EAAK,M,yBACRC,IAAc,GACdC,IAAc,GACdC,MACAC,OACAC,IAA4D,OAC5DC,KAAgB,MAChBC,QAAmB,MACnBC,OAECC,OAAkB,MAClBC,MAAiB,MACjBC,eAA0B,MAE3BC,WAAa,KAAQC,KAAKJ,OAAS,IAAI,EACvCK,YAAc,KAAQD,KAAKH,MAAQ,IAAI,EAE/C,MAAAK,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,WAAWC,MAAO,CAAEhB,MAAOU,KAAKV,MAAOC,OAAQS,KAAKT,OAAQgB,aAAcP,KAAKL,UACtFK,KAAKH,MACLM,EAAA,OACEf,IAAKY,KAAKZ,IAAKC,IAAKW,KAAKX,IACzBgB,MAAO,CAAE,kBAAmB,KAAM,0BAA2BL,KAAKJ,QAClEU,MAAO,CAAEE,UAAWR,KAAKR,KACzBiB,QAAST,KAAKP,KAAO,OAASiB,UAC9BC,OAAQX,KAAKD,WACba,QAASZ,KAAKC,YACdY,QAAS,IAAMb,KAAKN,UAAYM,KAAKF,eAAiB,QAGxDK,EAAA,OAAKE,MAAM,mBAAiB,UAE7BL,KAAKF,gBACJK,EAAA,OAAAC,IAAA,2CAAKC,MAAM,oBAAoBQ,QAAS,KAAQb,KAAKF,eAAiB,KAAK,GACzEK,EAAA,OAAAC,IAAA,2CAAKhB,IAAKY,KAAKZ,IAAKC,IAAKW,KAAKX,IAAKgB,MAAM,2B","ignoreList":[]}

package/dist/huibo-ui/p-fd19813c.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e}from"./p-e42dfa95.js";const i='/*! 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{.italic{font-style:italic}.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-text-font-size-default:14px;--hb-text-font-size-small:12px;--hb-text-font-size-large:16px;--hb-text-color:var(--hb-color-text-regular);display:inline-block}.hb-text{color:var(--hb-text-color);font-size:var(--hb-text-font-size-default);line-height:1.5}.hb-text--small{font-size:var(--hb-text-font-size-small)}.hb-text--large{font-size:var(--hb-text-font-size-large)}.hb-text--truncated{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hb-text--bold{font-weight:600}.hb-text--italic{font-style:italic}.hb-text--deleted{text-decoration:line-through}.hb-text--primary{--hb-text-color:var(--hb-color-primary)}.hb-text--success{--hb-text-color:var(--hb-color-success)}.hb-text--warning{--hb-text-color:var(--hb-color-warning)}.hb-text--danger{--hb-text-color:var(--hb-color-danger)}.hb-text--info{--hb-text-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 o=i;const a=class{constructor(e){t(this,e)}type="";size="default";truncated=false;bold=false;italic=false;deleted=false;render(){return e("span",{key:"71ef3be634ff5831895415e3225d0197c66319d9",class:{"hb-text":true,[`hb-text--${this.type}`]:!!this.type,[`hb-text--${this.size}`]:true,"hb-text--truncated":this.truncated,"hb-text--bold":this.bold,"hb-text--italic":this.italic,"hb-text--deleted":this.deleted}},e("slot",{key:"801d3ae1c36d0d62c7853e4f16e28c4b27eaa865"}))}};a.style=o;export{a as hb_text};
+//# sourceMappingURL=p-fd19813c.entry.js.map

package/dist/huibo-ui/p-fd19813c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["textCss","HbTextStyle0","Text","type","size","truncated","bold","italic","deleted","render","h","key","class","this"],"sources":["src/components/Text/text.css?tag=hb-text&encapsulation=shadow","src/components/Text/Text.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  --hb-text-font-size-default: 14px;\n  --hb-text-font-size-small: 12px;\n  --hb-text-font-size-large: 16px;\n  --hb-text-color: var(--hb-color-text-regular);\n}\n\n.hb-text {\n  font-size: var(--hb-text-font-size-default);\n  color: var(--hb-text-color);\n  line-height: 1.5;\n}\n\n.hb-text--small {\n  font-size: var(--hb-text-font-size-small);\n}\n\n.hb-text--large {\n  font-size: var(--hb-text-font-size-large);\n}\n\n.hb-text--truncated {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.hb-text--bold {\n  font-weight: 600;\n}\n\n.hb-text--italic {\n  font-style: italic;\n}\n\n.hb-text--deleted {\n  text-decoration: line-through;\n}\n\n/* Type variants */\n.hb-text--primary {\n  --hb-text-color: var(--hb-color-primary);\n}\n\n.hb-text--success {\n  --hb-text-color: var(--hb-color-success);\n}\n\n.hb-text--warning {\n  --hb-text-color: var(--hb-color-warning);\n}\n\n.hb-text--danger {\n  --hb-text-color: var(--hb-color-danger);\n}\n\n.hb-text--info {\n  --hb-text-color: var(--hb-color-info);\n}\n\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * Text 文本组件\n * 用于文本展示的基础组件\n */\n@Component({\n  tag: 'hb-text',\n  styleUrl: 'text.css',\n  shadow: true,\n})\nexport class Text {\n  /**\n   * 文本类型\n   * @default ''\n   */\n  @Prop() type: 'primary' | 'success' | 'warning' | 'danger' | 'info' | '' = '';\n\n  /**\n   * 文本大小\n   * @default 'default'\n   */\n  @Prop() size: 'large' | 'default' | 'small' = 'default';\n\n  /**\n   * 是否省略\n   * @default false\n   */\n  @Prop() truncated: boolean = false;\n\n  /**\n   * 是否加粗\n   * @default false\n   */\n  @Prop() bold: boolean = false;\n\n  /**\n   * 是否斜体\n   * @default false\n   */\n  @Prop() italic: boolean = false;\n\n  /**\n   * 是否删除线\n   * @default false\n   */\n  @Prop() deleted: boolean = false;\n\n  render() {\n    return (\n      <span\n        class={{\n          'hb-text': true,\n          [`hb-text--${this.type}`]: !!this.type,\n          [`hb-text--${this.size}`]: true,\n          'hb-text--truncated': this.truncated,\n          'hb-text--bold': this.bold,\n          'hb-text--italic': this.italic,\n          'hb-text--deleted': this.deleted,\n        }}\n      >\n        <slot></slot>\n      </span>\n    );\n  }\n}\n\n"],"mappings":"2CAAA,MAAMA,EAAU,q6MAChB,MAAAC,EAAeD,E,MCUFE,EAAI,M,yBAKPC,KAAmE,GAMnEC,KAAsC,UAMtCC,UAAqB,MAMrBC,KAAgB,MAMhBC,OAAkB,MAMlBC,QAAmB,MAE3B,MAAAC,GACE,OACEC,EAAA,QAAAC,IAAA,2CACEC,MAAO,CACL,UAAW,KACX,CAAC,YAAYC,KAAKV,UAAWU,KAAKV,KAClC,CAAC,YAAYU,KAAKT,QAAS,KAC3B,qBAAsBS,KAAKR,UAC3B,gBAAiBQ,KAAKP,KACtB,kBAAmBO,KAAKN,OACxB,mBAAoBM,KAAKL,UAG3BE,EAAA,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/index.cjs.js

@@ -0,0 +1 @@
+module.exports = require('./cjs/index.cjs.js');

package/dist/index.js

@@ -0,0 +1 @@
+export * from './esm/index.js';

package/dist/types/components/Affix/Affix.d.ts

@@ -0,0 +1,27 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * Affix 固钉组件
+ * 将页面元素固定在可视范围内，滚动超过阈值后吸附在顶部或底部
+ */
+export declare class Affix {
+    host: HTMLElement;
+    /** 距离窗口顶部达到指定偏移后触发固定 */
+    top: number;
+    /** 距离窗口底部达到指定偏移后触发固定（与 top 互斥，优先 bottom） */
+    bottom: number | undefined;
+    /** 自定义滚动容器 selector（默认 window） */
+    target: string;
+    /** 当前是否处于固定状态 */
+    affixed: boolean;
+    /** 固定状态变化事件，detail 为当前 affixed 布尔值 */
+    hbChange: EventEmitter<boolean>;
+    private scrollTarget;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private resolveTarget;
+    private updateAffixed;
+    private handleScroll;
+    onTestScroll(): void;
+    private get fixedStyle();
+    render(): any;
+}

package/dist/types/components/Alert/Alert.d.ts

@@ -0,0 +1,23 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * Alert 警告提示组件
+ * 展示需要关注的信息
+ */
+export declare class Alert {
+    /** 标题 */
+    title: string;
+    /** 描述文字 */
+    description?: string;
+    /** 类型 */
+    type: 'success' | 'warning' | 'info' | 'error';
+    /** 是否可关闭 */
+    closable: boolean;
+    /** 是否显示图标 */
+    showIcon: boolean;
+    /** 是否居中 */
+    center: boolean;
+    closed: boolean;
+    hbClose: EventEmitter<void>;
+    private handleClose;
+    render(): any;
+}

package/dist/types/components/Anchor/Anchor.d.ts

@@ -0,0 +1,28 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export interface AnchorItem {
+    key: string;
+    href: string;
+    title: string;
+}
+export interface AnchorClickDetail {
+    key: string;
+    href: string;
+}
+/**
+ * Anchor 锚点组件
+ * 用于跳转到页面内指定锚点位置的超链接列表
+ */
+export declare class Anchor {
+    /** 锚点项数组 */
+    items: AnchorItem[];
+    /** 距离窗口顶部偏移（固定时使用） */
+    top: number | undefined;
+    /** 是否启用固钉模式（affix 包裹） */
+    affix: boolean;
+    /** 当前选中项的 key */
+    activeKey: string;
+    /** 点击锚点项事件 */
+    hbClick: EventEmitter<AnchorClickDetail>;
+    private handleClick;
+    render(): any;
+}

package/dist/types/components/Avatar/Avatar.d.ts

@@ -0,0 +1,9 @@
+export declare class Avatar {
+    size: 'small' | 'default' | 'large' | number;
+    shape: 'circle' | 'square';
+    src?: string;
+    icon?: string;
+    alt?: string;
+    private get sizePx();
+    render(): any;
+}

package/dist/types/components/Backtop/Backtop.d.ts

@@ -0,0 +1,33 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * Backtop 返回顶部组件
+ * 滚动超过指定高度时出现，点击后平滑滚动回顶部
+ */
+export declare class Backtop {
+    /** 滚动高度达到此参数值才出现 */
+    visibilityHeight: number;
+    /** 可选滚动目标元素选择器（默认监听 window 滚动） */
+    target?: string;
+    /** 距离页面右侧的距离 */
+    right: number;
+    /** 距离页面底部的距离 */
+    bottom: number;
+    /** 是否可见 */
+    visible: boolean;
+    /** 点击按钮时触发的事件 */
+    hbClick: EventEmitter<void>;
+    private scrollTarget;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private setupScrollTarget;
+    private teardownScrollTarget;
+    private getScrollTop;
+    private handleScroll;
+    private scrollToTop;
+    /**
+     * 主动触发返回顶部（暴露给外部调用）
+     */
+    backToTop(): Promise<void>;
+    onWindowScroll(): void;
+    render(): any;
+}

package/dist/types/components/Badge/Badge.d.ts

@@ -0,0 +1,9 @@
+export declare class Badge {
+    value: string | number;
+    max: number;
+    isDot: boolean;
+    hidden: boolean;
+    type: 'primary' | 'success' | 'warning' | 'danger' | 'info';
+    private get displayValue();
+    render(): any;
+}

package/dist/types/components/Breadcrumb/Breadcrumb.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Breadcrumb 面包屑导航组件
+ * 显示当前页面的路径，快速返回之前的任意页面
+ */
+export declare class Breadcrumb {
+    /** 分隔符 */
+    separator: string;
+    render(): any;
+}

package/dist/types/components/Breadcrumb/BreadcrumbItem.d.ts

@@ -0,0 +1,9 @@
+/**
+ * BreadcrumbItem 面包屑项
+ */
+export declare class BreadcrumbItem {
+    el: HTMLElement;
+    /** 链接地址 */
+    href?: string;
+    render(): any;
+}

package/dist/types/components/Button/Button.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Button 按钮组件
+ * 常用的操作按钮
+ */
+export declare class Button {
+    /** 按钮类型 */
+    type: 'primary' | 'dashed' | 'link' | 'text' | 'default';
+    /** 按钮尺寸 */
+    size: 'small' | 'default' | 'large';
+    /** 自定义 class */
+    classNames: string;
+    /** 是否禁用 */
+    disabled: boolean;
+    /** 是否加载中 */
+    loading: boolean;
+    render(): any;
+}