ranui 0.2.0-alpha.0 → 0.2.0-alpha.2

package/dist/{select-BmhCUTLb.js → select-BVdUtQX5.js}

@@ -1,11 +1,11 @@
-import { S as I, c as b, d as w, g as u, l as r, m as D, p as a, s as m, u as h, v as S } from "./utils-D4pPF77E.js";
-import { t as k } from "./events-C59wGdni.js";
-import { _ as v, i as n, m as C, p as g, s as O } from "./factory-BdsO0dEW.js";
+import { S, c as b, d as w, g as u, l as c, m as D, p as a, s as m, u as h, v as k } from "./utils-D4pPF77E.js";
+import { t as x } from "./events-C59wGdni.js";
+import { _ as v, i as l, m as C, p as g, s as O } from "./factory-BdsO0dEW.js";
 import { a as f, n as _ } from "./ssr-DSGwPtEd.js";
-import { n as E } from "./icon-DmoEnao5.js";
-import "./input-DoraIb3x.js";
-import "./dropdown-C5362qTy.js";
-var T = '.remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transparent}.remove-wap-active-focus:active,.remove-wap-active-focus:focus{outline:0;-webkit-tap-highlight-color:transparent}:host{position:var(--ran-select-host-position, relative);display:var(--ran-select-host-display, inline-block);cursor:var(--ran-select-host-cursor, pointer);height:var(--ran-select-host-height, 32px);outline:var(--ran-select-host-outline, 0);-webkit-tap-highlight-color:var(--ran-select-host-tap-highlight-color, transparent)}:host,:host(:focus),:host(:active){outline:var(--ran-select-host-focus-outline, 0);-webkit-tap-highlight-color:transparent}:host ::slotted(r-option){display:var(--ran-select-option-display, none)}:host([disabled]){cursor:var(--ran-select-host-disabled-cursor, not-allowed);pointer-events:var(--ran-select-host-disabled-pointer-events, all);opacity:var(--ran-select-host-disabled-opacity, .6)}:host(:not([disabled]):hover) .ran-select{cursor:var(--ran-select-host-hover-cursor, pointer)}:host(:not([disabled],[type="text"]):hover) .selection{border:var(--ran-select-selection-hover-border, 1px solid var(--ran-color-primary, #1890ff))}:host(:not([disabled],[type="text"]):hover) .selection-search{cursor:var(--ran-select-selection-hover-search-cursor, pointer)}:host(:not([disabled],[type="text"]):hover) .selection-item{cursor:var(--ran-select-selection-hover-item-cursor, pointer);color:var(--ran-select-selection-hover-item-color, var(--ran-color-text-disabled, #bfbfbf))}:host([type="text"]) .selection{border:var(--ran-select-selection-text-border, none);background:var(--ran-select-selection-text-background, transparent)}:host([type="text"]) .icon{display:var(--ran-select-icon-text-display, none)}:host(:not([disabled],[type="text"]):focus) .selection{border:var(--ran-select-selection-focus-border, 1px solid var(--ran-color-primary, #1890ff))}:host(:not([disabled],[type="text"]):focus) .selection-search{cursor:var(--ran-select-selection-focus-search-cursor, pointer)}:host(:not([disabled],[type="text"]):focus) .selection-item{cursor:var(--ran-select-selection-focus-item-cursor, pointer);color:var(--ran-select-selection-focus-item-color, var(--ran-color-text-disabled, #bfbfbf))}:host .selection-search{display:var(--ran-select-selection-search-display, none)}:host([showSearch]:not([disabled])) .selection-search{cursor:var(--ran-select-selection-search-visible-cursor, text);display:var(--ran-select-selection-search-visible-display, block)}:host([showSearch]:not([disabled])) .selection-item{cursor:var(--ran-select-selection-search-visible-item-cursor, pointer)}:host([showSearch]:not([disabled]):focus) .selection-search{display:var(--ran-select-selection-search-visible-display, block);cursor:var(--ran-select-selection-search-visible-cursor, text);opacity:var(--ran-select-selection-search-visible-opacity, 1)}.ran-select{width:var(--ran-select-root-width, 100%);height:var(--ran-select-root-height, 100%);font-size:var(--ran-select-root-font-size, 14px);box-sizing:var(--ran-select-root-box-sizing, border-box);margin:var(--ran-select-root-margin, 0);padding:var(--ran-select-root-padding, 0);color:var(--ran-select-root-color, var(--ran-color-text, rgba(0, 0, 0, .88)));line-height:var(--ran-select-root-line-height, 1.57142857);list-style:var(--ran-select-root-list-style, none);font-family:var(--ran-select-root-font-family, var(--ran-skin-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"));position:var(--ran-select-root-position, relative);display:var(--ran-select-root-display, inline-block)}.ran-select .selection{position:var(--ran-select-selection-position, relative);background-color:var(--ran-select-selection-background-color, var(--ran-color-bg-elevated, #ffffff));background-image:var(--ran-select-selection-background-image, none);border:var(--ran-select-selection-border, 1px solid var(--ran-color-border, #d9d9d9));transition:var(--ran-select-selection-transition, all0 .2s cubic-bezier(.645, .045, .355, 1));width:var(--ran-select-selection-width, 100%);height:var(--ran-select-selection-height, 100%);padding:var(--ran-select-selection-padding, 0 11px);box-sizing:var(--ran-select-selection-box-sizing, border-box);margin:var(--ran-select-selection-margin, 0);color:var(--ran-select-selection-color, var(--ran-color-text, rgba(0, 0, 0, .88)));font-size:var(--ran-select-selection-font-size, 14px);line-height:var(--ran-select-selection-line-height, 1.57142857);list-style:var(--ran-select-selection-list-style, none);font-family:var(--ran-select-selection-font-family, inherit);display:var(--ran-select-selection-display, flex);border-radius:var(--ran-select-selection-border-radius, var(--ran-radius-sm, 6px))}.ran-select .selection-search{position:var(--ran-select-selection-search-position, absolute);opacity:var(--ran-select-selection-search-opacity, 0);top:var(--ran-select-selection-search-top, 0);left:var(--ran-select-selection-search-left, 0);height:var(--ran-select-selection-search-height, 100%);inset-inline-start:var(--ran-select-selection-search-inset-inline-start, 11px);inset-inline-end:var(--ran-select-selection-search-inset-inline-end, 11px);margin:var(--ran-select-selection-search-margin, 0);padding:var(--ran-select-selection-search-padding, 0);background:var(--ran-select-selection-search-background, transparent);border:var(--ran-select-selection-search-border, none);outline:var(--ran-select-selection-search-outline, none);appearance:var(--ran-select-selection-search-appearance, none);font-family:var(--ran-select-selection-search-font-family, inherit);cursor:var(--ran-select-selection-search-cursor, not-allowed)}.ran-select .selection-search::-webkit-search-cancel-button{display:var(--ran-select-selection-search-cancel-display, none);-webkit-appearance:var(--ran-select-selection-search-cancel-appearance, none)}.ran-select .selection-search::part(input){border:var(--ran-select-selection-search-input-border, none);padding:var(--ran-select-selection-search-input-padding, 0);height:100%;min-height:100%;box-sizing:border-box;outline:var(--ran-select-selection-search-input-outline, none)}.ran-select .selection-search::part(input):active{border:var(--ran-select-selection-search-input-active-border, none);padding:var(--ran-select-selection-search-input-active-padding, 0);height:var(--ran-select-selection-search-input-active-height, 100%);outline:var(--ran-select-selection-search-input-active-outline, none);border-color:var(--ran-select-selection-search-input-active-border-color, transparent);box-shadow:var(--ran-select-selection-search-input-active-box-shadow, none);border-right-width:var(--ran-select-selection-search-input-active-border-right-width, 0px)}.ran-select .selection-search::part(content){min-height:var(--ran-select-selection-search-input-content-min-height, 0)}.ran-select .selection-item{position:var(--ran-select-selection-item-position, absolute);top:var(--ran-select-selection-item-top, 0);left:var(--ran-select-selection-item-left, 12px);right:var(--ran-select-selection-item-right, 28px);margin:var(--ran-select-selection-item-margin, 0);padding:var(--ran-select-selection-item-padding, 0);background:var(--ran-select-selection-item-background, transparent);border:var(--ran-select-selection-item-border, none);outline:var(--ran-select-selection-item-outline, none);appearance:var(--ran-select-selection-item-appearance, none);font-family:var(--ran-select-selection-item-font-family, inherit);height:var(--ran-select-selection-item-height, 100%);display:var(--ran-select-selection-item-display, flex);align-items:var(--ran-select-selection-item-align-items, center);-webkit-user-select:var(--ran-select-selection-item-user-select, none);user-select:var(--ran-select-selection-item-user-select, none);overflow:var(--ran-select-selection-item-overflow, hidden);white-space:var(--ran-select-selection-item-white-space, nowrap);text-overflow:var(--ran-select-selection-item-text-overflow, ellipsis);cursor:var(--ran-select-selection-item-cursor, pointer)}.ran-select .selection-select{color:var(--ran-select-selection-select-color, var(--ran-color-text-disabled, rgba(0, 0, 0, .25)))}.ran-select .selection .icon{display:var(--ran-select-selection-icon-display, flex);align-items:var(--ran-select-selection-icon-align-items, center);color:var(--ran-select-selection-icon-color, var(--ran-color-text-disabled, rgba(0, 0, 0, .25)));font-style:var(--ran-select-selection-icon-font-style, normal);text-align:var(--ran-select-selection-icon-text-align, center);text-transform:var(--ran-select-selection-icon-text-transform, none);text-rendering:var(--ran-select-selection-icon-text-rendering, optimizeLegibility);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:var(--ran-select-selection-icon-position, absolute);top:var(--ran-select-selection-icon-top, 50%);inset-inline-start:var(--ran-select-selection-icon-inset-inline-start, auto);inset-inline-end:var(--ran-select-selection-icon-inset-inline-end, 8px);height:var(--ran-select-selection-icon-height, 16px);transform:var(--ran-select-selection-icon-transform, translateY(-50%));margin-top:var(--ran-select-selection-icon-margin-top, 0);font-size:var(--ran-select-selection-icon-font-size, 12px);pointer-events:var(--ran-select-selection-icon-pointer-events, none)}', L = {
+import { n as E } from "./icon-Blm7AbyY.js";
+import "./input-Dskw1bAl.js";
+import "./dropdown-RqHMRhFE.js";
+var T = '.remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transparent}.remove-wap-active-focus:active,.remove-wap-active-focus:focus{outline:0;-webkit-tap-highlight-color:transparent}:host{position:var(--ran-select-host-position, relative);display:var(--ran-select-host-display, inline-block);cursor:var(--ran-select-host-cursor, pointer);height:var(--ran-select-host-height, 32px);outline:var(--ran-select-host-outline, 0);-webkit-tap-highlight-color:var(--ran-select-host-tap-highlight-color, transparent)}:host,:host(:focus),:host(:active){outline:var(--ran-select-host-focus-outline, 0);-webkit-tap-highlight-color:transparent}:host ::slotted(r-option){display:var(--ran-select-option-display, none)}:host([disabled]){cursor:var(--ran-select-host-disabled-cursor, not-allowed);pointer-events:var(--ran-select-host-disabled-pointer-events, all);opacity:var(--ran-select-host-disabled-opacity, .6)}:host(:not([disabled]):hover) .ran-select{cursor:var(--ran-select-host-hover-cursor, pointer)}:host(:not([disabled],[type="text"]):hover) .selection{border:var(--ran-select-selection-hover-border, 1px solid var(--ran-color-primary, #1890ff))}:host(:not([disabled],[type="text"]):hover) .selection-search{cursor:var(--ran-select-selection-hover-search-cursor, pointer)}:host(:not([disabled],[type="text"]):hover) .selection-item{cursor:var(--ran-select-selection-hover-item-cursor, pointer);color:var(--ran-select-selection-hover-item-color, var(--ran-color-text-disabled, #bfbfbf))}:host([type="text"]) .selection{border:var(--ran-select-selection-text-border, none);background:var(--ran-select-selection-text-background, transparent)}:host([type="text"]) .icon{display:var(--ran-select-icon-text-display, none)}:host(:not([disabled],[type="text"]):focus) .selection{border:var(--ran-select-selection-focus-border, 1px solid var(--ran-color-primary, #1890ff))}:host(:not([disabled],[type="text"]):focus) .selection-search{cursor:var(--ran-select-selection-focus-search-cursor, pointer)}:host(:not([disabled],[type="text"]):focus) .selection-item{cursor:var(--ran-select-selection-focus-item-cursor, pointer);color:var(--ran-select-selection-focus-item-color, var(--ran-color-text-disabled, #bfbfbf))}:host .selection-search{display:var(--ran-select-selection-search-display, none)}:host([showSearch]:not([disabled])) .selection-search{cursor:var(--ran-select-selection-search-visible-cursor, text);display:var(--ran-select-selection-search-visible-display, block)}:host([showSearch]:not([disabled])) .selection-item{cursor:var(--ran-select-selection-search-visible-item-cursor, pointer)}:host([showSearch]:not([disabled]):focus) .selection-search{display:var(--ran-select-selection-search-visible-display, block);cursor:var(--ran-select-selection-search-visible-cursor, text);opacity:var(--ran-select-selection-search-visible-opacity, 1)}.ran-select{width:var(--ran-select-root-width, 100%);height:var(--ran-select-root-height, 100%);font-size:var(--ran-select-root-font-size, 14px);box-sizing:var(--ran-select-root-box-sizing, border-box);margin:var(--ran-select-root-margin, 0);padding:var(--ran-select-root-padding, 0);color:var(--ran-select-root-color, var(--ran-color-text, rgba(0, 0, 0, .88)));line-height:var(--ran-select-root-line-height, 1.57142857);list-style:var(--ran-select-root-list-style, none);font-family:var(--ran-select-root-font-family, var(--ran-skin-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"));position:var(--ran-select-root-position, relative);display:var(--ran-select-root-display, inline-block)}.ran-select .selection{position:var(--ran-select-selection-position, relative);background-color:var(--ran-select-selection-background-color, var(--ran-color-bg-elevated, #ffffff));background-image:var(--ran-select-selection-background-image, none);border:var(--ran-select-selection-border, 1px solid var(--ran-color-border, #d9d9d9));transition:var(--ran-select-selection-transition, border-color .2s cubic-bezier(.645, .045, .355, 1), box-shadow .2s cubic-bezier(.645, .045, .355, 1), color .2s cubic-bezier(.645, .045, .355, 1));width:var(--ran-select-selection-width, 100%);height:var(--ran-select-selection-height, 100%);padding:var(--ran-select-selection-padding, 0 11px);box-sizing:var(--ran-select-selection-box-sizing, border-box);margin:var(--ran-select-selection-margin, 0);color:var(--ran-select-selection-color, var(--ran-color-text, rgba(0, 0, 0, .88)));font-size:var(--ran-select-selection-font-size, 14px);line-height:var(--ran-select-selection-line-height, 1.57142857);list-style:var(--ran-select-selection-list-style, none);font-family:var(--ran-select-selection-font-family, inherit);display:var(--ran-select-selection-display, flex);border-radius:var(--ran-select-selection-border-radius, var(--ran-radius-sm, 6px))}.ran-select .selection-search{position:var(--ran-select-selection-search-position, absolute);opacity:var(--ran-select-selection-search-opacity, 0);top:var(--ran-select-selection-search-top, 0);left:var(--ran-select-selection-search-left, 0);height:var(--ran-select-selection-search-height, 100%);inset-inline-start:var(--ran-select-selection-search-inset-inline-start, 11px);inset-inline-end:var(--ran-select-selection-search-inset-inline-end, 11px);margin:var(--ran-select-selection-search-margin, 0);padding:var(--ran-select-selection-search-padding, 0);background:var(--ran-select-selection-search-background, transparent);border:var(--ran-select-selection-search-border, none);outline:var(--ran-select-selection-search-outline, none);appearance:var(--ran-select-selection-search-appearance, none);font-family:var(--ran-select-selection-search-font-family, inherit);cursor:var(--ran-select-selection-search-cursor, not-allowed)}.ran-select .selection-search::-webkit-search-cancel-button{display:var(--ran-select-selection-search-cancel-display, none);-webkit-appearance:var(--ran-select-selection-search-cancel-appearance, none)}.ran-select .selection-search::part(input){border:var(--ran-select-selection-search-input-border, none);padding:var(--ran-select-selection-search-input-padding, 0);height:100%;min-height:100%;box-sizing:border-box;outline:var(--ran-select-selection-search-input-outline, none)}.ran-select .selection-search::part(input):active{border:var(--ran-select-selection-search-input-active-border, none);padding:var(--ran-select-selection-search-input-active-padding, 0);height:var(--ran-select-selection-search-input-active-height, 100%);outline:var(--ran-select-selection-search-input-active-outline, none);border-color:var(--ran-select-selection-search-input-active-border-color, transparent);box-shadow:var(--ran-select-selection-search-input-active-box-shadow, none);border-right-width:var(--ran-select-selection-search-input-active-border-right-width, 0px)}.ran-select .selection-search::part(content){min-height:var(--ran-select-selection-search-input-content-min-height, 0)}.ran-select .selection-item{position:var(--ran-select-selection-item-position, absolute);top:var(--ran-select-selection-item-top, 0);left:var(--ran-select-selection-item-left, 12px);right:var(--ran-select-selection-item-right, 28px);margin:var(--ran-select-selection-item-margin, 0);padding:var(--ran-select-selection-item-padding, 0);background:var(--ran-select-selection-item-background, transparent);border:var(--ran-select-selection-item-border, none);outline:var(--ran-select-selection-item-outline, none);appearance:var(--ran-select-selection-item-appearance, none);font-family:var(--ran-select-selection-item-font-family, inherit);height:var(--ran-select-selection-item-height, 100%);display:var(--ran-select-selection-item-display, flex);align-items:var(--ran-select-selection-item-align-items, center);-webkit-user-select:var(--ran-select-selection-item-user-select, none);user-select:var(--ran-select-selection-item-user-select, none);overflow:var(--ran-select-selection-item-overflow, hidden);white-space:var(--ran-select-selection-item-white-space, nowrap);text-overflow:var(--ran-select-selection-item-text-overflow, ellipsis);cursor:var(--ran-select-selection-item-cursor, pointer)}.ran-select .selection-select{color:var(--ran-select-selection-select-color, var(--ran-color-text-disabled, rgba(0, 0, 0, .25)))}.ran-select .selection .icon{display:var(--ran-select-selection-icon-display, flex);align-items:var(--ran-select-selection-icon-align-items, center);color:var(--ran-select-selection-icon-color, var(--ran-color-text-disabled, rgba(0, 0, 0, .25)));font-style:var(--ran-select-selection-icon-font-style, normal);text-align:var(--ran-select-selection-icon-text-align, center);text-transform:var(--ran-select-selection-icon-text-transform, none);text-rendering:var(--ran-select-selection-icon-text-rendering, optimizeLegibility);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:var(--ran-select-selection-icon-position, absolute);top:var(--ran-select-selection-icon-top, 50%);inset-inline-start:var(--ran-select-selection-icon-inset-inline-start, auto);inset-inline-end:var(--ran-select-selection-icon-inset-inline-end, 8px);height:var(--ran-select-selection-icon-height, 16px);transform:var(--ran-select-selection-icon-transform, translateY(-50%));margin-top:var(--ran-select-selection-icon-margin-top, 0);font-size:var(--ran-select-selection-icon-font-size, 12px);pointer-events:var(--ran-select-selection-icon-pointer-events, none)}', L = {
   success: !0,
   _identification: !0,
   data: `<svg viewBox="0 0 1024 1024" width="200" height="200" version="1.1"
@@ -28,8 +28,8 @@ var T = '.remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transpar
   constructor() {
     super(), this._shadowDom = b(this);
     const e = m(this._shadowDom, ".ran-select-dropdown-option", () => {
-      const i = g().build(), s = n().class("ran-select-dropdown-option-content").children(i).build();
-      return n().class("ran-select-dropdown-option").children(s).build();
+      const i = g().build(), s = l().class("ran-select-dropdown-option-content").children(i).build();
+      return l().class("ran-select-dropdown-option").children(s).build();
     }), t = e.querySelector(".ran-select-dropdown-option-content"), o = e.querySelector("slot");
     this._slot = o, this._optionContent = t, this._option = e;
   }
@@ -62,7 +62,7 @@ var T = '.remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transpar
   }
 };
 f("r-option", P);
-var B = '.remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transparent}.remove-wap-active-focus:active,.remove-wap-active-focus:focus{outline:0;-webkit-tap-highlight-color:transparent}.ranui-dropdown-option-item{position:var(--ran-dropdown-option-item-position, relative);display:var(--ran-dropdown-option-item-display, block);padding:var(--ran-dropdown-option-item-padding, 5px 12px);color:var(--ran-dropdown-option-item-color, var(--ran-color-text, rgba(0, 0, 0, .88)));font-weight:var(--ran-dropdown-option-item-font-weight, normal);font-size:var(--ran-dropdown-option-item-font-size, 14px);transition:var(--ran-dropdown-option-item-transition, background var(--ran-motion-duration-base, .2s) ease);border-radius:var(--ran-dropdown-option-item-border-radius, var(--ran-radius-sm, 6px));cursor:var(--ran-dropdown-option-item-cursor, pointer)}.ranui-dropdown-option-item:hover{background-color:var(--ran-dropdown-option-item-hover-background-color, var(--ran-gray-alpha-100, rgba(0, 0, 0, .04)))}.ranui-dropdown-option-item-content{text-align:var(--ran-dropdown-option-item-content-text-align, left);overflow:var(--ran-dropdown-option-item-content-overflow, hidden);white-space:var(--ran-dropdown-option-item-content-white-space, nowrap);text-overflow:var(--ran-dropdown-option-item-content-text-overflow, ellipsis);color:var(--ran-dropdown-option-item-content-color, var(--ran-color-text, rgba(0, 0, 0, .88)));font-size:var(--ran-dropdown-option-item-content-font-size, 14px);line-height:var(--ran-dropdown-option-item-content-line-height, 1.57142857);box-sizing:var(--ran-dropdown-option-item-content-box-sizing, border-box);list-style:var(--ran-dropdown-option-item-content-list-style, none);font-family:var(--ran-dropdown-option-item-content-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-variant:var(--ran-dropdown-option-item-content-font-variant, initial)}.ranui-dropdown-option-active{background-color:var(--ran-dropdown-option-active-background-color, var(--ran-blue-100, #e6f7ff));font-weight:var(--ran-dropdown-option-active-font-weight, bold)}.ranui-dropdown-option-active:hover{background-color:var(--ran-dropdown-option-active-hover-background-color, var(--ran-blue-100, #e6f7ff))}', M = class extends _ {
+var M = '.remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transparent}.remove-wap-active-focus:active,.remove-wap-active-focus:focus{outline:0;-webkit-tap-highlight-color:transparent}.ranui-dropdown-option-item{position:var(--ran-dropdown-option-item-position, relative);display:var(--ran-dropdown-option-item-display, block);padding:var(--ran-dropdown-option-item-padding, 5px 12px);color:var(--ran-dropdown-option-item-color, var(--ran-color-text, rgba(0, 0, 0, .88)));font-weight:var(--ran-dropdown-option-item-font-weight, normal);font-size:var(--ran-dropdown-option-item-font-size, 14px);transition:var(--ran-dropdown-option-item-transition, background var(--ran-motion-duration-base, .2s) ease);border-radius:var(--ran-dropdown-option-item-border-radius, var(--ran-radius-sm, 6px));cursor:var(--ran-dropdown-option-item-cursor, pointer)}.ranui-dropdown-option-item:hover{background-color:var(--ran-dropdown-option-item-hover-background-color, var(--ran-gray-alpha-100, rgba(0, 0, 0, .04)))}.ranui-dropdown-option-item-content{text-align:var(--ran-dropdown-option-item-content-text-align, left);overflow:var(--ran-dropdown-option-item-content-overflow, hidden);white-space:var(--ran-dropdown-option-item-content-white-space, nowrap);text-overflow:var(--ran-dropdown-option-item-content-text-overflow, ellipsis);color:var(--ran-dropdown-option-item-content-color, var(--ran-color-text, rgba(0, 0, 0, .88)));font-size:var(--ran-dropdown-option-item-content-font-size, 14px);line-height:var(--ran-dropdown-option-item-content-line-height, 1.57142857);box-sizing:var(--ran-dropdown-option-item-content-box-sizing, border-box);list-style:var(--ran-dropdown-option-item-content-list-style, none);font-family:var(--ran-dropdown-option-item-content-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-variant:var(--ran-dropdown-option-item-content-font-variant, initial)}.ranui-dropdown-option-active{background-color:var(--ran-dropdown-option-active-background-color, var(--ran-blue-100, #e6f7ff));font-weight:var(--ran-dropdown-option-active-font-weight, bold)}.ranui-dropdown-option-active:hover{background-color:var(--ran-dropdown-option-active-hover-background-color, var(--ran-blue-100, #e6f7ff))}', B = class extends _ {
   ionDropdownItem;
   _slot;
   _shadowDom;
@@ -76,33 +76,33 @@ var B = '.remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transpar
     ];
   }
   constructor() {
-    super(), this._shadowDom = b(this, B);
+    super(), this._shadowDom = b(this, M);
     const e = m(this._shadowDom, ".ranui-dropdown-option-item", () => {
-      const i = g().class("slot").build(), s = n().class("ranui-dropdown-option-item-content").part("content").children(i).build();
-      return n().class("ranui-dropdown-option-item").part("item").children(s).build();
+      const i = g().class("slot").build(), s = l().class("ranui-dropdown-option-item-content").part("content").children(i).build();
+      return l().class("ranui-dropdown-option-item").part("item").children(s).build();
     }), t = e.querySelector(".ranui-dropdown-option-item-content"), o = e.querySelector("slot");
     this._slot = o, this.ionDropdownItemContent = t, this.ionDropdownItem = e;
   }
   get value() {
-    return r(this, "value");
+    return c(this, "value");
   }
   set value(e) {
     !a(this) && e ? this.setAttribute("value", e) : this.removeAttribute("value");
   }
   get active() {
-    return r(this, "active");
+    return c(this, "active");
   }
   set active(e) {
     e ? this.setAttribute("active", e) : this.removeAttribute("active");
   }
   get title() {
-    return r(this, "title");
+    return c(this, "title");
   }
   set title(e) {
     e ? this.setAttribute("title", e) : this.removeAttribute("title");
   }
   get sheet() {
-    return r(this, "sheet");
+    return c(this, "sheet");
   }
   set sheet(e) {
     h(this, "sheet", e);
@@ -118,11 +118,11 @@ var B = '.remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transpar
       this.handlerExternalCss();
       return;
     }
-    e === "active" && o ? D(this.ionDropdownItem, "ranui-dropdown-option-active") : S(this.ionDropdownItem, "ranui-dropdown-option-active");
+    e === "active" && o ? D(this.ionDropdownItem, "ranui-dropdown-option-active") : k(this.ionDropdownItem, "ranui-dropdown-option-active");
   }
 };
-f("r-dropdown-item", M);
-var x = {
+f("r-dropdown-item", B);
+var A = {
   bottom: {
     add: "ran-dropdown-down-in",
     remove: "ran-dropdown-down-out"
@@ -133,10 +133,11 @@ var x = {
   }
 };
 E("arrow-down", L);
-var V = I(), A = 300, z = class extends _ {
+var z = S(), I = 300, V = class extends _ {
   static formAssociated = !0;
   _internals;
-  _events = new k();
+  _events = new x();
+  _searchEvents = new x();
   removeTimeId;
   _listboxId;
   _activeIndex;
@@ -161,11 +162,10 @@ var V = I(), A = 300, z = class extends _ {
     return [
       "disabled",
       "sheet",
-      "clear",
       "type",
       "value",
-      "defaultValue",
-      "showSearch",
+      "defaultvalue",
+      "showsearch",
       "placement",
       "getPopupContainerId",
       "dropdownclass",
@@ -180,7 +180,7 @@ var V = I(), A = 300, z = class extends _ {
       this._internals = void 0;
     }
     this._listboxId = `ran-select-listbox-${Math.random().toString(36).slice(2, 9)}`, this._activeIndex = -1, this._optionList = [], this._optionLabelMapValue = /* @__PURE__ */ new Map(), this._optionValueMapLabel = /* @__PURE__ */ new Map(), this._shadowDom = b(this, T);
-    const e = m(this._shadowDom, ".ran-select", () => n().class("ran-select").part("select").children(n().class("selection").part("selection").children(v("r-icon").class("icon").part("icon").attr("name", "arrow-down").attr("color", "var(--ran-color-text-secondary)").attr("size", "16"), n().children(C().class("selection-item").part("selection-item"), O().class("selection-search").part("search").attr("type", "search").attr("autocomplete", "off"))), g().class("slot")).build());
+    const e = m(this._shadowDom, ".ran-select", () => l().class("ran-select").part("select").children(l().class("selection").part("selection").children(v("r-icon").class("icon").part("icon").attr("name", "arrow-down").attr("color", "var(--ran-color-text-secondary)").attr("size", "16"), l().children(C().class("selection-item").part("selection-item"), O().class("selection-search").part("search").attr("type", "search").attr("autocomplete", "off"))), g().class("slot")).build());
     this._select = e, this._selection = e.querySelector(".selection"), this._selector = this._selection.querySelector("div"), this._icon = e.querySelector(".icon"), this._text = e.querySelector(".selection-item"), this._search = e.querySelector(".selection-search"), this._slot = e.querySelector("slot");
   }
   get value() {
@@ -217,7 +217,7 @@ var V = I(), A = 300, z = class extends _ {
     this.setAttribute("placement", e || "");
   }
   get sheet() {
-    return r(this, "sheet");
+    return c(this, "sheet");
   }
   set sheet(e) {
     h(this, "sheet", e);
@@ -273,18 +273,30 @@ var V = I(), A = 300, z = class extends _ {
     if (!i) return;
     this.setAttribute("value", i), this.syncFormValue(), this._text.textContent = o, this._text.setAttribute("title", o), this._search.setAttribute("placeholder", o);
     const { height: s } = this.getBoundingClientRect();
-    this._text.style.setProperty("line-height", `${s}px`), this._activeOption && this._activeOption !== e && (this._activeOption.removeAttribute("active"), this._activeOption.setAttribute("aria-selected", "false")), this._activeOption = e, this._activeIndex = this.getDropdownOptions().findIndex((l) => l === e), e.setAttribute("active", i), e.setAttribute("aria-selected", "true"), this.syncActiveState(), this.setSelectDropdownDisplayNone(), t && this.dispatchEvent(new CustomEvent("change", { detail: {
+    this._text.style.setProperty("line-height", `${s}px`), this._activeOption && this._activeOption !== e && (this._activeOption.removeAttribute("active"), this._activeOption.setAttribute("aria-selected", "false")), this._activeOption = e, this._activeIndex = this.getDropdownOptions().findIndex((n) => n === e), e.setAttribute("active", i), e.setAttribute("aria-selected", "true"), this.syncActiveState(), this.setSelectDropdownDisplayNone(), t && this.dispatchEvent(new CustomEvent("change", { detail: {
       value: i,
       label: o
     } }));
   };
   isDropdownOpen = () => this._selectionDropdown ? this._selectionDropdown.style.display === "block" : !1;
+  _nextEnabledIndex = (e, t) => {
+    const o = this.getDropdownOptions(), i = o.length;
+    if (i === 0) return -1;
+    let s = Math.max(0, Math.min(e, i - 1));
+    for (let n = 0; n < i; n++) {
+      if (!a(o[s])) return s;
+      const r = s + t;
+      if (r < 0 || r > i - 1) return -1;
+      s = r;
+    }
+    return -1;
+  };
   keydownSelect = (e) => {
     if (!this.disabled) {
       if (e.key === "ArrowDown" || e.key === "ArrowUp") {
         if (e.preventDefault(), this.isDropdownOpen() || this.selectMouseDown(e), this.getDropdownOptions().length === 0) return;
-        const t = e.key === "ArrowDown" ? 1 : -1, o = this._activeIndex >= 0 ? this._activeIndex : 0;
-        this.setActiveOptionByIndex(o + t);
+        const t = e.key === "ArrowDown" ? 1 : -1, o = this._activeIndex >= 0 ? this._activeIndex : 0, i = this._nextEnabledIndex(o + t, t);
+        i >= 0 && this.setActiveOptionByIndex(i);
         return;
       }
       if (e.key === "Enter" || e.key === " ") {
@@ -302,25 +314,25 @@ var V = I(), A = 300, z = class extends _ {
     w(this, this._shadowDom, "sheet", null, this.sheet);
   }
   setSelectDropdownDisplayNone = () => {
-    this._selectDropDownOutTimeId || (this.updateAriaExpanded(!1), this._selectionDropdown && this._selectionDropdown.style.display !== "none" && (this._detachReposition(), this._selectionDropdown.setAttribute("transit", x[this.placement].remove), this._selectDropDownOutTimeId = setTimeout(() => {
+    this._selectDropDownOutTimeId || (this.updateAriaExpanded(!1), this._selectionDropdown && this._selectionDropdown.style.display !== "none" && (this._detachReposition(), this._selectionDropdown.setAttribute("transit", A[this.placement].remove), this._selectDropDownOutTimeId = setTimeout(() => {
       this._selectionDropdown?.style.setProperty("display", "none"), this._selectionDropdown && this._selectionDropdown.removeAttribute("transit"), clearTimeout(this._selectDropDownOutTimeId), this._selectDropDownOutTimeId = void 0;
-    }, A)));
+    }, I)));
   };
   setSelectDropdownDisplayBlock = () => {
-    this._selectDropDownInTimeId || (this.updateAriaExpanded(!0), this._selectionDropdown && this._selectionDropdown.style.display !== "block" && (this._selectionDropdown.setAttribute("transit", x[this.placement].add), this._selectionDropdown?.style.setProperty("display", "block"), this._attachReposition(), this._selectDropDownInTimeId = setTimeout(() => {
+    this._selectDropDownInTimeId || (this.updateAriaExpanded(!0), this._selectionDropdown && this._selectionDropdown.style.display !== "block" && (this._selectionDropdown.setAttribute("transit", A[this.placement].add), this._selectionDropdown?.style.setProperty("display", "block"), this._attachReposition(), this._selectDropDownInTimeId = setTimeout(() => {
       this._selectionDropdown && this._selectionDropdown.removeAttribute("transit"), clearTimeout(this._selectDropDownInTimeId), this._selectDropDownInTimeId = void 0;
-    }, A)));
+    }, I)));
   };
   placementPosition = () => {
     !this._selectionDropdown || !this._selectDropdown || requestAnimationFrame(() => {
       if (!this._selectionDropdown || !this._selectDropdown) return;
-      const { top: e, left: t, bottom: o, width: i } = this.getBoundingClientRect(), s = this.getRootNode(), l = (s.getElementById ? s.getElementById(this.getPopupContainerId) : null) || document.getElementById(this.getPopupContainerId);
+      const { top: e, left: t, bottom: o, width: i } = this.getBoundingClientRect(), s = this.getRootNode(), n = (s.getElementById ? s.getElementById(this.getPopupContainerId) : null) || document.getElementById(this.getPopupContainerId);
       this._selectionDropdown.style.setProperty("position", "absolute"), this._selectionDropdown.style.setProperty("--ran-x", `${e + window.scrollX}`), this._selectionDropdown.style.setProperty("--ran-y", `${t + window.scrollY}`);
-      const c = 4;
-      let d = o + window.scrollY + c, y = t + window.scrollX;
-      if (this._selectionDropdown.style.setProperty("width", `${i}px`), this.placement === "top" && (d = e + window.scrollY - this._selectionDropdown.clientHeight - c), this.getPopupContainerId && l) {
-        const p = l.getBoundingClientRect();
-        y = t - p.left, this.placement === "top" ? d = e - p.top - this._selectionDropdown.clientHeight - c : d = o - p.top + c;
+      const r = 4;
+      let d = o + window.scrollY + r, y = t + window.scrollX;
+      if (this._selectionDropdown.style.setProperty("width", `${i}px`), this.placement === "top" && (d = e + window.scrollY - this._selectionDropdown.clientHeight - r), this.getPopupContainerId && n) {
+        const p = n.getBoundingClientRect();
+        y = t - p.left, this.placement === "top" ? d = e - p.top - this._selectionDropdown.clientHeight - r : d = o - p.top + r;
       }
       this._selectionDropdown.style.setProperty("inset", `${d}px auto auto ${y}px`);
     });
@@ -349,12 +361,16 @@ var V = I(), A = 300, z = class extends _ {
   clickOption = (e) => {
     e.stopPropagation();
     const t = e.target.closest("r-dropdown-item");
+    if (t && a(t)) {
+      this.removeDropDownTimeId(e);
+      return;
+    }
     this.selectOptionElement(t), this.removeDropDownTimeId(e);
   };
   createOption = () => {
     if (!this._selectDropdown) {
       const e = this.getRootNode(), t = (e.getElementById ? e.getElementById(this.getPopupContainerId) : null) || document.getElementById(this.getPopupContainerId) || document.body;
-      this._selectDropdown = n().style("-webkit-tap-highlight-color", "transparent").style("outline", "0").on("click", this.clickOption).build(), this._selectionDropdown = v("r-dropdown").id(this._listboxId).attr("role", "listbox").style("position", "absolute").style("display", "none").build(), this.dropdownclass && this._selectionDropdown.setAttribute("class", this.dropdownclass), this.trigger.includes("hover") && !u() && (this._selectDropdown.addEventListener("mouseleave", this.selectBlur), this._selectDropdown.addEventListener("mouseenter", this.removeDropDownTimeId)), this._selectDropdown.appendChild(this._selectionDropdown), t.appendChild(this._selectDropdown);
+      this._selectDropdown = l().style("-webkit-tap-highlight-color", "transparent").style("outline", "0").on("click", this.clickOption).build(), this._selectionDropdown = v("r-dropdown").id(this._listboxId).attr("role", "listbox").style("position", "absolute").style("display", "none").build(), this.dropdownclass && this._selectionDropdown.setAttribute("class", this.dropdownclass), this.trigger.includes("hover") && !u() && (this._selectDropdown.addEventListener("mouseleave", this.selectBlur), this._selectDropdown.addEventListener("mouseenter", this.removeDropDownTimeId)), this._selectDropdown.appendChild(this._selectionDropdown), t.appendChild(this._selectDropdown);
     }
   };
   removeSelectDropdown = () => {
@@ -370,18 +386,19 @@ var V = I(), A = 300, z = class extends _ {
   addOptionToSlot = () => {
     this._optionList = [], this._optionLabelMapValue.clear(), this._optionValueMapLabel.clear(), this._slot.assignedElements().forEach((e) => {
       if (e.tagName !== "R-OPTION") return;
-      const t = e.innerHTML, o = e.getAttribute("value") || "";
+      const t = e.innerHTML, o = e.getAttribute("value") || "", i = a(e);
       this._optionList?.push({
         label: t,
-        value: o
+        value: o,
+        disabled: i
       }), this._optionLabelMapValue.get(t) && console.warn(`${t} is repeat option`), this._optionValueMapLabel.get(o) && console.warn(`${o} is repeat option`), this._optionLabelMapValue.set(t, o), this._optionValueMapLabel.set(o, t);
     }), this.createSelectDropdownContent(this._optionList);
   };
   createSelectDropdownContent = (e = []) => {
     e.length === 0 ? this._selectDropdown?.style.setProperty("display", "none") : this._selectDropdown?.style.setProperty("display", "block"), this._selectionDropdown && (this._selectionDropdown.innerHTML = "", this._activeOption = void 0, this._activeIndex = -1), e.forEach((t) => {
       if (this._selectionDropdown) {
-        const { label: o, value: i } = t, s = v("r-dropdown-item").attr("role", "option").attr("value", `${i}`).attr("title", `${o}`).text(`${o}`).build();
-        (this.getAttribute("defaultValue") || this.getAttribute("value")) === i ? (s.setAttribute("active", i), this._activeOption = s) : s.removeAttribute("active"), this._selectionDropdown.appendChild(s);
+        const { label: o, value: i, disabled: s } = t, n = v("r-dropdown-item").attr("role", "option").attr("value", `${i}`).attr("title", `${o}`).text(`${o}`).build();
+        s && (n.setAttribute("disabled", ""), n.setAttribute("aria-disabled", "true")), (this.getAttribute("defaultValue") || this.getAttribute("value")) === i ? (n.setAttribute("active", i), this._activeOption = n) : n.removeAttribute("active"), this._selectionDropdown.appendChild(n);
       }
     }), this._activeIndex = this.getDropdownOptions().findIndex((t) => t === this._activeOption), this.syncActiveState(), this.setDefaultValue();
   };
@@ -403,7 +420,8 @@ var V = I(), A = 300, z = class extends _ {
         const { label: s } = i;
         if (`${s}`.toLowerCase().includes(t)) return {
           label: s,
-          value: i.value
+          value: i.value,
+          disabled: i.disabled
         };
       }).filter((i) => i);
       this.createSelectDropdownContent(o);
@@ -413,13 +431,16 @@ var V = I(), A = 300, z = class extends _ {
     e.stopPropagation(), this.setSelectDropdownDisplayNone();
   };
   connectedCallback() {
-    this.handlerExternalCss(), this.createOption(), this.initAria(), this.syncFormValue(), this._events.on(this._slot, "slotchange", this.addOptionToSlot).on(this, "keydown", this.keydownSelect).on(document, "click", this.clickRemoveSelect), this.trigger.includes("hover") && !u() && this._events.on(this, "mouseenter", this.selectMouseDown).on(this, "mouseleave", this.selectBlur), this.trigger.includes("click") && this._events.on(this, "click", this.selectMouseDown).on(this, "blur", this.selectBlur), this.showSearch && (this.onSearch = V(this.changeSearch), this.onSearch && this._events.on(this._search, "change", this.onSearch).on(this._search, "click", this.onSearch));
+    this.handlerExternalCss(), this.createOption(), this.initAria(), this.syncFormValue(), this._events.on(this._slot, "slotchange", this.addOptionToSlot).on(this, "keydown", this.keydownSelect).on(document, "click", this.clickRemoveSelect), this.trigger.includes("hover") && !u() && this._events.on(this, "mouseenter", this.selectMouseDown).on(this, "mouseleave", this.selectBlur), this.trigger.includes("click") && this._events.on(this, "click", this.selectMouseDown).on(this, "blur", this.selectBlur), this._applyShowSearch();
   }
+  _applyShowSearch = () => {
+    this._searchEvents.abort(), this.showSearch && (this.onSearch = z(this.changeSearch), this.onSearch && this._searchEvents.on(this._search, "change", this.onSearch).on(this._search, "click", this.onSearch));
+  };
   disconnectedCallback() {
-    this._events.abort(), this._detachReposition(), this.removeSelectDropdown();
+    this._events.abort(), this._searchEvents.abort(), this._detachReposition(), this.removeSelectDropdown();
   }
   attributeChangedCallback(e, t, o) {
-    t !== o && (e === "disabled" && this._select && (!o || o === "false" ? (this._select.removeAttribute("disabled"), this._selection.removeAttribute("disabled"), this.removeAttribute("aria-disabled"), this.hasAttribute("tabindex") || (this.tabIndex = 0)) : (this._select.setAttribute("disabled", ""), this._selection.setAttribute("disabled", ""), this.setAttribute("aria-disabled", "true"), this.tabIndex = -1)), e === "value" && this.syncSelectedFromValue(o), e === "sheet" && this._shadowDom && this.handlerExternalCss());
+    t !== o && (e === "disabled" && this._select && (!o || o === "false" ? (this._select.removeAttribute("disabled"), this._selection.removeAttribute("disabled"), this.removeAttribute("aria-disabled"), this.hasAttribute("tabindex") || (this.tabIndex = 0)) : (this._select.setAttribute("disabled", ""), this._selection.setAttribute("disabled", ""), this.setAttribute("aria-disabled", "true"), this.tabIndex = -1)), e === "value" && this.syncSelectedFromValue(o), e === "sheet" && this._shadowDom && this.handlerExternalCss(), e === "defaultvalue" && this.setDefaultValue(), e === "showsearch" && this._search && this._applyShowSearch());
   }
   syncSelectedFromValue = (e) => {
     if (!e || this._activeOption?.getAttribute("value") === e) return;
@@ -427,7 +448,7 @@ var V = I(), A = 300, z = class extends _ {
     t && this.selectOptionElement(t, !1);
   };
 };
-f("r-select", z);
+f("r-select", V);
 export {
-  z as t
+  V as t
 };

package/dist/select.js

@@ -1,4 +1,4 @@
-import { t as e } from "./select-BmhCUTLb.js";
+import { t as e } from "./select-BVdUtQX5.js";
 export {
   e as Select,
   e as default

package/dist/{skeleton-DPv9nFhL.js → skeleton-BAdJ6vyA.js}

@@ -5,7 +5,7 @@ var u = '.remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transpar
   _div;
   _shadowDom;
   static get observedAttributes() {
-    return ["disabled", "sheet"];
+    return ["sheet"];
   }
   constructor() {
     super(), this._shadowDom = r(this, u), this._div = i(this._shadowDom, ".ran-skeleton", () => l().class("ran-skeleton").build());

package/dist/skeleton.js

@@ -1,4 +1,4 @@
-import { t as e } from "./skeleton-DPv9nFhL.js";
+import { t as e } from "./skeleton-BAdJ6vyA.js";
 export {
   e as Skeleton,
   e as default

package/dist/{tab-C9swK-hm.js → tab-DH2owP2V.js}

@@ -6,7 +6,6 @@ var w = '.remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transpar
   static get observedAttributes() {
     return [
       "active",
-      "forceRender",
       "type",
       "align",
       "effect",

package/dist/tab.js

@@ -1,4 +1,4 @@
-import { t } from "./tab-C9swK-hm.js";
+import { t } from "./tab-DH2owP2V.js";
 export {
   t as Tabs,
   t as default

package/dist/vite.config.d.ts

@@ -1,5 +1,9 @@
 import type { BuildOptions, UserConfig } from 'vite';
 export declare const bundle: BuildOptions;
+/** Every web component, keyed by its public entry name. Single source of truth:
+ * the per-component ES build below and the per-component IIFE build
+ * (bin/build-iife.ts) both derive their entry lists from this map. */
+export declare const componentEntries: Record<string, string>;
 export declare const es: BuildOptions;
 export declare const viteConfig: UserConfig;
 declare const _default: UserConfig;

package/docs/COMPONENTS.md

@@ -6,7 +6,7 @@ shape), slots, and `::part()` names — extracted from source. For CSS variables
 (theming tokens) see [style-tokens-public.md](./style-tokens-public.md); for
 design rules see [DESIGN.md](./DESIGN.md).
 
-Generated at: 2026-07-04T08:44:03.975Z
+Generated at: 2026-07-05T13:14:26.449Z
 
 29 custom elements.
 
@@ -50,8 +50,8 @@ Source: `components/checkbox/index.ts`
 
 Source: `components/colorpicker/index.ts`
 
-- **Attributes**: `disabled`, `sheet: string`, `value: string`
-- **Properties**: `sheet: string`, `value: string`
+- **Attributes**: `disabled: boolean`, `sheet: string`, `value: string`
+- **Properties**: `disabled: boolean`, `sheet: string`, `value: string`
 - **Events**: `change`
 - **Slots**: —
 - **Parts**: `block`, `swatch`
@@ -71,7 +71,7 @@ Source: `components/popover/content/index.ts`
 Source: `components/dropdown/index.ts`
 
 - **Attributes**: `arrow: string`, `sheet: string`, `transit: string`
-- **Properties**: `arrow: string`, `sheet: string`, `show: string`, `transit: string`
+- **Properties**: `arrow: string`, `sheet: string`, `transit: string`
 - **Events**: —
 - **Slots**: `default`
 - **Parts**: `dropdown`
@@ -123,7 +123,7 @@ Source: `components/image/index.ts`
 
 Source: `components/input/index.ts`
 
-- **Attributes**: `allowclear`, `count`, `disabled: boolean`, `icon: string`, `label: string`, `maxlength`, `maxrows`, `message: string`, `minrows`, `name: string`, `onPressEnter`, `placeholder: string`, `prefix: string`, `sheet: string`, `showcount`, `status: string`, `suffix: string`, `type: string`, `value: string`, `variant`
+- **Attributes**: `disabled: boolean`, `icon: string`, `label: string`, `max: string`, `message: string`, `min: string`, `name: string`, `placeholder: string`, `required: boolean`, `sheet: string`, `status: string`, `step: string`, `type: string`, `value: string`
 - **Properties**:
   - `disabled: boolean` — input 上 disabled 属性
   - `icon: string` — 一个 icon
@@ -133,12 +133,10 @@ Source: `components/input/index.ts`
   - `min: string` — 当 input 类型为 number 类型时，可以获取 min 属性
   - `name: string` — 与 form 组件联动时，收集的属性名
   - `placeholder: string` — input 的占位字符
-  - `prefix: string` — 前面的 icon
   - `required: boolean` — input 是否为必选
   - `sheet: string`
   - `status: string` — input 框的状态
   - `step: string` — 当 input 类型为 number 类型时，可以获取 step 属性
-  - `suffix: string` — 后面的 icon
   - `type: string` — input 的类型
   - `value: string` — input 的值
 - **Events**: `change` → detail `{ value }` · `input` → detail `{ value }`
@@ -219,8 +217,8 @@ Source: `components/player/index.ts`
 
 Source: `components/popover/index.ts`
 
-- **Attributes**: `arrow: string`, `placement: string`, `sheet: string`, `trigger: string`
-- **Properties**: `arrow: string`, `getPopupContainerId: string`, `placement: string`, `sheet: string`, `trigger: string`
+- **Attributes**: `placement: string`, `sheet: string`, `trigger: string`
+- **Properties**: `getPopupContainerId: string`, `placement: string`, `sheet: string`, `trigger: string`
 - **Events**: —
 - **Slots**: `default`
 - **Parts**: —
@@ -289,7 +287,7 @@ Source: `components/section/index.ts`
 
 Source: `components/select/index.ts`
 
-- **Attributes**: `clear`, `defaultValue: string`, `disabled: boolean`, `dropdownclass: string`, `getPopupContainerId: string`, `placement: string`, `sheet: string`, `showSearch: string`, `trigger: string`, `type: string`, `value: string`
+- **Attributes**: `defaultvalue`, `disabled: boolean`, `dropdownclass: string`, `getPopupContainerId: string`, `placement: string`, `sheet: string`, `showsearch`, `trigger: string`, `type: string`, `value: string`
 - **Properties**: `defaultValue: string`, `disabled: boolean`, `dropdownclass: string`, `getPopupContainerId: string`, `placement: string`, `sheet: string`, `showSearch: string`, `trigger: string`, `type: string`, `value: string`
 - **Events**: `change` → detail `{ label, value }` · `search` → detail `{ value }`
 - **Slots**: `default`
@@ -299,7 +297,7 @@ Source: `components/select/index.ts`
 
 Source: `components/skeleton/index.ts`
 
-- **Attributes**: `disabled`, `sheet: string`
+- **Attributes**: `sheet: string`
 - **Properties**: `sheet: string`
 - **Events**: —
 - **Slots**: —
@@ -319,7 +317,7 @@ Source: `components/tabpane/index.ts`
 
 Source: `components/tab/index.ts`
 
-- **Attributes**: `active: string | null`, `align: string`, `effect: string | null`, `forceRender`, `sheet: string`, `type: string`
+- **Attributes**: `active: string | null`, `align: string`, `effect: string | null`, `sheet: string`, `type: string`
 - **Properties**: `active: string | null`, `align: string`, `effect: string | null`, `sheet: string`, `type: string`
 - **Events**: `change` → detail `{ active }`
 - **Slots**: `default`

package/docs/DESIGN.md

@@ -140,6 +140,22 @@ Durations: `--ran-motion-duration-fast` `0.15s`, `--ran-motion-duration-base` `0
 
 **Principle:** the bigger the change, the more time it earns. Otherwise: don't animate. Keep motion quick, light, and restrained. Respect `prefers-reduced-motion`.
 
+**Never animate a theme switch.** Transitions are for _interaction_ (hover / focus / press), not for flipping light↔dark. A structural surface that declares `transition: all` will, on a theme toggle, fade its `background-color` from the light value to the dark value over the transition duration — a visible white→dark flash while the rest of the page has already flipped. Rules:
+
+- Do **not** put `background` / `background-color` in a `transition` on any surface that carries a theme-driven color. List the interaction props explicitly (`border-color`, `box-shadow`, `color`, `opacity`, `transform`) — never `all`.
+- `transition: all` is banned in component styles for this reason; it also silently animates properties you never intended.
+
+```less
+/* ✗ flashes on theme switch */
+transition: all var(--ran-motion-duration-base, 0.2s);
+
+/* ✓ interaction only — theme flip is instant */
+transition:
+  border-color var(--ran-motion-duration-base, 0.2s),
+  box-shadow var(--ran-motion-duration-base, 0.2s),
+  color var(--ran-motion-duration-base, 0.2s);
+```
+
 ---
 
 ## 6. Content — copy is part of the system

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ranui",
-  "version": "0.2.0-alpha.0",
+  "version": "0.2.0-alpha.2",
   "description": "UI Component library based on `Web Component`",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -25,7 +25,7 @@
       ]
     }
   },
-  "homepage": "https://chaxus.github.io/ran/src/ranui/",
+  "homepage": "https://ran.chaxus.com/src/ranui/",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/chaxus/ran",
@@ -223,7 +223,6 @@
     "@vitest/coverage-v8": "^4.1.9",
     "jsdom": "^29.1.1",
     "less": "^4.6.7",
-    "prettier": "^3.8.5",
     "rollup-plugin-visualizer": "^7.0.1",
     "svgo": "^4.0.1",
     "tsx": "^4.22.4",
@@ -241,6 +240,7 @@
     "build:analyze": "sh -c \"RANUI_ANALYZE=true RANUI_MINIFY=esbuild RANUI_CSS_MINIFY=esbuild sh ./bin/build.sh\"",
     "build:es": "vite build -c ./build/config.es.ts",
     "build:bundle": "vite build -c ./build/config.bundle.ts",
+    "build:iife": "tsx ./bin/build-iife.ts",
     "prepublish": "npm run build",
     "test": "sh ./bin/test.sh",
     "test:unit": "NODE_OPTIONS=--max-old-space-size=4096 vitest run",