@shineuix/core 1.0.0 → 1.0.1

package/dist/esm/sui-button-Dz2gpUeh.js

@@ -1,143 +0,0 @@
-import { r as registerInstance, g as getElement, h, a as Host } from './index-ChCjmDsd.js';
-import { i as inheritAriaLabel } from './aria-Cs2X0Kih.js';
-import { d as delegateFocus } from './form-control-DtXnoXGH.js';
-import { a as circleNotch, G as Glyph } from './glyphs-CCanZos8.js';
-import './locale-lWhwwQJ2.js';
-
-const suiButtonCss = () => `.sc-sui-button-h{display:inline-block;vertical-align:middle;font-family:var(--font-sans)}[block].sc-sui-button-h{display:block}.sui-btn.sc-sui-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;box-sizing:border-box;border:1px solid transparent;border-radius:var(--sui-button-radius, var(--radius-md));font-family:var(--font-sans);line-height:1;white-space:nowrap;user-select:none;cursor:pointer;text-decoration:none;margin:0;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.sui-btn.block.sc-sui-button{display:flex;width:100%}.sui-btn.pill.sc-sui-button{border-radius:var(--radius-pill)}.sui-btn.sc-sui-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--sui-button-focus-offset, 1px);box-shadow:var(--sui-button-focus-shadow, var(--focus-shadow))}.sui-btn.sm.sc-sui-button{height:var(--sui-button-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-btn.md.sc-sui-button{height:var(--sui-button-height, var(--control-md));padding:0 var(--button-pad-x);font-size:13px}.sui-btn.lg.sc-sui-button{height:var(--sui-button-height, var(--control-lg));padding:0 var(--button-pad-x-lg);font-size:14px}.sui-btn.sm.sc-sui-button .sui-btn-icon.sc-sui-button{font-size:11px}.sui-btn.md.sc-sui-button .sui-btn-icon.sc-sui-button{font-size:12px}.sui-btn.lg.sc-sui-button .sui-btn-icon.sc-sui-button{font-size:14px}.sui-btn.accent.sc-sui-button{background:var(--accent);color:var(--accent-contrast);font-weight:var(--w-heavy)}.sui-btn.accent.sc-sui-button:hover:not(:disabled){background:var(--accent-hover)}.sui-btn.accent.sc-sui-button:focus-visible{outline-color:var(--sui-button-focus-accent, var(--focus-ring))}.sui-btn.accent.sc-sui-button:active:not(:disabled){background:var(--accent-active)}.sui-btn.brand.sc-sui-button{background:var(--brand);color:var(--brand-contrast);font-weight:var(--w-bold)}.sui-btn.brand.sc-sui-button:hover:not(:disabled){background:var(--brand-hover)}.sui-btn.brand.sc-sui-button:focus-visible{outline-color:var(--sui-button-focus-brand, var(--focus-ring))}.sui-btn.brand.sc-sui-button:active:not(:disabled){background:var(--brand-active)}.sui-btn.outline.sc-sui-button{background:var(--surface);color:var(--ink);border-color:var(--sui-button-border, var(--control-border));font-weight:var(--w-semibold);background-clip:padding-box}.sui-btn.outline.sc-sui-button:hover:not(:disabled){border-color:var(--sui-button-hover-border, color-mix(in srgb, var(--ink) 30%, var(--control-border)));background:var(--brand-soft)}.sui-btn.outline.sc-sui-button:active:not(:disabled){background:color-mix(in srgb, var(--brand-soft) 92%, var(--ink))}.sui-btn.ghost.sc-sui-button{background:transparent;color:var(--ink);font-weight:var(--w-semibold)}.sui-btn.ghost.sc-sui-button:hover:not(:disabled){background:var(--brand-soft)}.sui-btn.ghost.sc-sui-button:active:not(:disabled){background:color-mix(in srgb, var(--brand-soft) 92%, var(--ink))}.sui-btn.danger.sc-sui-button{background:var(--danger-fill);color:var(--danger-contrast);font-weight:var(--w-heavy);box-shadow:inset 0 0 0 1.5px var(--danger-fill-edge)}.sui-btn.danger.sc-sui-button:hover:not(:disabled){background:var(--danger-hover)}.sui-btn.danger.sc-sui-button:focus-visible{outline-color:var(--sui-button-focus-danger, var(--focus-ring))}.sui-btn.danger.sc-sui-button:active:not(:disabled){background:var(--danger-active)}.sui-btn.link.sc-sui-button{background:transparent;color:var(--link);font-weight:var(--w-semibold);position:relative}.sui-btn.link.sm.sc-sui-button,.sui-btn.link.md.sc-sui-button,.sui-btn.link.lg.sc-sui-button{padding-inline:0;border-inline-width:0}.sui-btn.link.sc-sui-button::after{content:'';position:absolute;inset:0 -6px;border-radius:var(--sui-button-radius, var(--radius-md))}.sui-btn.link.sc-sui-button:focus-visible{outline:none;box-shadow:none}.sui-btn.link.sc-sui-button:focus-visible::after{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-btn.link.sc-sui-button:hover:not(:disabled){text-decoration:underline}.sui-btn.link.sc-sui-button:active:not(:disabled){text-decoration:underline}.sui-btn.link.sc-sui-button:not(.inverse):not(.tone-danger):active:not(:disabled){color:color-mix(in srgb, var(--link) 70%, var(--ink))}.sui-btn.inverse.sc-sui-button{--focus-ring:var(--ink-inverse);--focus-shadow:none}.sui-btn.outline.inverse.sc-sui-button{background:transparent;color:var(--ink-inverse-muted);border-color:var(--border-inverse)}.sui-btn.ghost.inverse.sc-sui-button,.sui-btn.link.inverse.sc-sui-button{background:transparent;color:var(--ink-inverse-muted)}.sui-btn.outline.inverse.sc-sui-button:hover:not(:disabled),.sui-btn.ghost.inverse.sc-sui-button:hover:not(:disabled){background:var(--border-inverse);color:var(--ink-inverse)}.sui-btn.outline.inverse.sc-sui-button:active:not(:disabled),.sui-btn.ghost.inverse.sc-sui-button:active:not(:disabled){background:color-mix(in srgb, var(--ink-inverse) 22%, transparent);color:var(--ink-inverse)}.sui-btn.link.inverse.sc-sui-button:hover:not(:disabled){color:var(--ink-inverse)}.sui-btn.outline.tone-danger.sc-sui-button{color:var(--danger);border-color:var(--danger)}.sui-btn.ghost.tone-danger.sc-sui-button,.sui-btn.link.tone-danger.sc-sui-button{color:var(--danger);font-weight:var(--w-bold)}.sui-btn.outline.tone-danger.sc-sui-button:hover:not(:disabled),.sui-btn.ghost.tone-danger.sc-sui-button:hover:not(:disabled){background:var(--danger-soft);color:var(--danger-soft-ink)}.sui-btn.outline.tone-danger.sc-sui-button:active:not(:disabled),.sui-btn.ghost.tone-danger.sc-sui-button:active:not(:disabled){background:color-mix(in srgb, var(--danger-soft) 84%, var(--danger));color:var(--danger-soft-ink)}.sui-btn.outline.tone-danger.sc-sui-button:hover:not(:disabled),.sui-btn.outline.tone-danger.sc-sui-button:active:not(:disabled){border-color:var(--danger)}.sui-btn.sc-sui-button:disabled{cursor:not-allowed}.sui-btn.loading.sc-sui-button{cursor:progress;pointer-events:none}.sui-btn.disabled.sc-sui-button{pointer-events:none}.sui-btn.sc-sui-button:disabled:not(.loading),.sui-btn.disabled.sc-sui-button:not(.loading){color:var(--disabled-ink);border-color:transparent}.sui-btn.accent.sc-sui-button:disabled:not(.loading),.sui-btn.brand.sc-sui-button:disabled:not(.loading),.sui-btn.danger.sc-sui-button:disabled:not(.loading),.sui-btn.accent.disabled.sc-sui-button,.sui-btn.brand.disabled.sc-sui-button,.sui-btn.danger.disabled.sc-sui-button{background:var(--disabled-bg);box-shadow:none}.sui-btn.outline.sc-sui-button:disabled:not(.loading),.sui-btn.outline.disabled.sc-sui-button{background:var(--surface);border-color:var(--border)}.sui-btn.ghost.sc-sui-button:disabled:not(.loading),.sui-btn.link.sc-sui-button:disabled:not(.loading),.sui-btn.ghost.disabled.sc-sui-button,.sui-btn.link.disabled.sc-sui-button{background:transparent}.sui-btn.inverse.sc-sui-button:disabled:not(.loading),.sui-btn.inverse.disabled.sc-sui-button{background:transparent;color:var(--ink-inverse-faint)}.sui-btn.outline.inverse.sc-sui-button:disabled:not(.loading),.sui-btn.outline.inverse.disabled.sc-sui-button{border-color:var(--border-inverse)}.sui-btn-spin.sc-sui-button{animation:sb-spin 0.8s linear infinite}@media (prefers-reduced-motion: reduce){.sui-btn-spin.sc-sui-button{animation-duration:2s}}@media (forced-colors: active){.sui-btn.disabled.sc-sui-button{color:GrayText;border-color:GrayText}}`;
-
-const VARIANTS = ['accent', 'brand', 'outline', 'ghost', 'danger', 'link'];
-const SIZES = ['sm', 'md', 'lg'];
-const SuiButton = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    get host() { return getElement(this); }
-    /**
-     * Visual role, not behavior: a `brand` button still needs `type="submit"`. accent = the one
-     * primary action per view; brand = form submit; outline = default; ghost = quiet; danger = the
-     * filled confirmation of a destructive action (the dialog footer), not the row action. `link` is
-     * a button dressed as a link; give it `href` and it is a real one, so middle-click, open in new
-     * tab and the URL in the status bar work. Any role takes `href`.
-     */
-    variant = 'outline';
-    /**
-     * Re-inks the quiet roles, outline, ghost and link. Filled roles ignore it.
-     *
-     * `danger` is destructive ink for a button that deletes, removes or voids, so a row or toolbar
-     * carries a destructive action without a second solid fill beside the accent; the filled `danger`
-     * variant is the confirmation step's.
-     *
-     * `inverse` is for a quiet button sitting on dark chrome, an app bar or a side rail, where the
-     * default ink would read against the panel rather than on it. It paints `--ink-inverse-muted` and
-     * brightens to `--ink-inverse` on hover, matching `sui-icon-button`'s tone of the same name so a
-     * labelled button and an icon button agree on a brand bar.
-     */
-    tone;
-    /** Control height: sm 28px, md 34px (toolbars), lg 42px (forms). Reflected. */
-    size = 'md';
-    /** Button text. Prefer this over the slot. */
-    label;
-    /**
-     * Font Awesome class, e.g. "fa-regular fa-paper-plane". An icon with no `label` and no slot
-     * content has no accessible name: give the element an `aria-label`, which is forwarded to the
-     * button, or reach for `sui-icon-button`. An `aria-label` should contain the visible label.
-     */
-    icon;
-    /** Where the icon sits in reading order: `start` puts it before the label and `end` after it, so
-     *  it swaps sides under `dir="rtl"`. Any other value reads as `start`. */
-    iconPos = 'start';
-    /** Blocks clicks. Filled roles take the disabled well, an outline keeps its surface, and ghost
-     *  and link stay bare; on navy (`tone="inverse"`) the ink fades instead. A disabled link keeps
-     *  the look, drops its `href`, reads `aria-disabled="true"` and takes no pointer events, since an
-     *  anchor has no `disabled` attribute of its own. */
-    disabled = false;
-    /** Shows a spinner in place of the icon and blocks clicks. The button stays focusable while busy,
-     *  `aria-disabled` rather than disabled, so a keyboard user keeps their place and a modal trap
-     *  around it holds; a click, Enter or Space does nothing until it clears. A link behaves the
-     *  same and keeps its `href`. Reflected. */
-    loading = false;
-    /** Full width: the host becomes a block and the button fills it. */
-    block = false;
-    /** Pill radius instead of the 8px control radius. */
-    pill = false;
-    /** Native button type. `submit` participates in the surrounding form; `reset` clears it. Inert
-     *  on a link (`href`): an anchor takes no part in a form. */
-    type = 'button';
-    /**
-     * Associates the button with a form by id, for a submitter that sits outside the form it
-     * submits: a dialog footer, or a sticky action bar. Inert on a link (`href`).
-     */
-    form;
-    /**
-     * Form control name, forwarded to the native button. This element is not form-associated: the
-     * inner `<button>` is the surrounding form's submitter, so `name` and `value` post one entry,
-     * and only when this button is the one that submitted. Inert on a link (`href`).
-     */
-    name;
-    /** Value submitted with the form when this button submits it. Inert on a link (`href`). */
-    value;
-    /**
-     * Renders the button as a real link, `<a class="sui-btn">` in the same variant, size, glyph and
-     * label, so middle-click, open in new tab, "Copy link address" and the URL in the status bar
-     * all work. `type`, `name`, `value` and `form` do nothing on a link, since an anchor takes no
-     * part in a form; `disabled` keeps the look, drops the `href` and reads `aria-disabled`;
-     * `loading` is the same contract as on the button. Clicks are still the native `click`.
-     */
-    href;
-    /** Where the link opens, e.g. `_blank`. Nothing without `href`. */
-    target;
-    /** Link relationship, written as given. Unset, a `_blank` target gets `noopener`. Nothing
-     *  without `href`. */
-    rel;
-    /** Accessible name, read from the element's own `aria-label` attribute and forwarded to the button. */
-    hostLabel;
-    stopAria;
-    /** Armed on every connect, not once at load: a button moved in the document, as a framework moves
-     *  a keyed row or a dragged card, is disconnected on the way and would stop following its
-     *  `aria-label`. */
-    connectedCallback() {
-        delegateFocus(this.host, () => this.btn);
-        this.stopAria = inheritAriaLabel(this.host, (v) => { this.hostLabel = v; });
-    }
-    disconnectedCallback() { this.stopAria?.(); this.stopAria = undefined; }
-    btn;
-    /** Moves keyboard focus to the button, or to the link when `href` is set. */
-    async setFocus() {
-        this.btn?.focus();
-    }
-    /** True while the control swallows its activation: a busy button, or a link that is busy or
-     *  disabled. A disabled button dispatches no click of its own, so it needs nothing. */
-    get blocked() {
-        return this.href ? this.loading || this.disabled : this.loading && !this.disabled;
-    }
-    /** The `rel` a link carries: the prop as given, else `noopener` for a `_blank` target. */
-    get linkRel() {
-        return this.rel ?? (this.target === '_blank' ? 'noopener' : undefined);
-    }
-    /** A blocked control swallows its activation before the host, the form or a router hears it. */
-    onClick = (e) => {
-        if (!this.blocked)
-            return;
-        e.preventDefault();
-        e.stopImmediatePropagation();
-    };
-    render() {
-        const busy = this.loading;
-        const off = this.disabled;
-        const link = !!this.href;
-        const variant = VARIANTS.includes(this.variant) ? this.variant : 'outline';
-        const size = SIZES.includes(this.size) ? this.size : 'md';
-        const quiet = variant === 'outline' || variant === 'ghost' || variant === 'link';
-        const danger = this.tone === 'danger' && quiet;
-        const inverse = this.tone === 'inverse' && quiet;
-        const iconEl = busy
-            ? h(Glyph, { glyph: circleNotch, class: "sui-btn-spin sui-btn-icon" })
-            : this.icon ? h("i", { class: `${this.icon} sui-btn-icon`, "aria-hidden": "true" }) : null;
-        const Control = (link ? 'a' : 'button');
-        return (h(Host, { key: 'f553cf85c901de52c44e9d09000a0b6dff2cfbf4' }, h(Control, { key: 'f55fc3360ebc60e83f2be672e5468258184d24d7', ref: (el) => (this.btn = el), class: { 'sui-btn': true, [variant]: true, [size]: true, 'tone-danger': danger, inverse, block: this.block, pill: this.pill, loading: busy && !off, disabled: link && off }, type: link ? undefined : this.type, form: link ? undefined : this.form, name: link ? undefined : this.name, value: link ? undefined : this.value, disabled: link ? undefined : off, href: link && !off ? this.href : undefined, target: link && !off ? this.target : undefined, rel: link && !off ? this.linkRel : undefined, "aria-disabled": this.blocked ? 'true' : undefined, "aria-label": this.hostLabel, "aria-busy": busy ? 'true' : 'false', onClick: this.onClick }, this.iconPos === 'end' ? null : iconEl, this.label ? h("span", { class: "sui-btn-label" }, this.label) : null, h("slot", { key: '7b386e247c64abe095155e16d7cb997f16fe6ba2' }), this.iconPos === 'end' ? iconEl : null)));
-    }
-};
-SuiButton.style = suiButtonCss();
-
-export { SuiButton };

package/dist/esm/sui-icon-button-DTH3ZNyV.js

@@ -1,145 +0,0 @@
-import { r as registerInstance, g as getElement, h, a as Host } from './index-ChCjmDsd.js';
-import { i as inheritAriaLabel, b as inheritAriaState } from './aria-Cs2X0Kih.js';
-import { d as delegateFocus } from './form-control-DtXnoXGH.js';
-import { G as Glyph, a as circleNotch } from './glyphs-CCanZos8.js';
-import './locale-lWhwwQJ2.js';
-
-const suiIconButtonCss = () => `.sc-sui-icon-button-h{display:inline-block;vertical-align:middle;flex-shrink:0;font-family:var(--font-sans)}.sui-ib.sc-sui-icon-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;flex-shrink:0;padding:0;margin:0;border:1px solid transparent;border-radius:var(--sui-button-radius, var(--radius-md));font-family:var(--font-sans);line-height:1;cursor:pointer;user-select:none;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out)}.sui-ib.pill.sc-sui-icon-button{border-radius:var(--radius-pill)}.sui-ib.sc-sui-icon-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--sui-button-focus-offset, 1px);box-shadow:var(--sui-button-focus-shadow, var(--focus-shadow))}.sui-ib.sm.sc-sui-icon-button{width:var(--control-sm);height:var(--sui-button-height, var(--control-sm))}.sui-ib.md.sc-sui-icon-button{width:var(--control-md);height:var(--sui-button-height, var(--control-md))}.sui-ib.lg.sc-sui-icon-button{width:var(--control-lg);height:var(--sui-button-height, var(--control-lg))}.sui-ib.sm.sc-sui-icon-button .sui-ib-icon.sc-sui-icon-button{font-size:var(--icon-size-sm)}.sui-ib.md.sc-sui-icon-button .sui-ib-icon.sc-sui-icon-button{font-size:var(--icon-size-md)}.sui-ib.lg.sc-sui-icon-button .sui-ib-icon.sc-sui-icon-button{font-size:var(--icon-size-lg)}.sui-ib.ghost.sc-sui-icon-button{background:transparent;color:var(--ink-muted);border-color:transparent}.sui-ib.ghost.sc-sui-icon-button:hover:not(:disabled){background:var(--brand-soft);color:var(--ink)}.sui-ib.ghost.sc-sui-icon-button:active:not(:disabled){background:color-mix(in srgb, var(--brand-soft) 92%, var(--ink));color:var(--ink)}.sui-ib.outline.sc-sui-icon-button{background:var(--surface);color:var(--ink-muted);border-color:var(--sui-button-border, var(--control-border))}.sui-ib.outline.sc-sui-icon-button:hover:not(:disabled){background:var(--brand-soft);color:var(--ink)}.sui-ib.outline.sc-sui-icon-button:active:not(:disabled){background:color-mix(in srgb, var(--brand-soft) 92%, var(--ink));color:var(--ink)}.sui-ib.brand.sc-sui-icon-button{background:var(--brand);color:var(--brand-contrast)}.sui-ib.brand.sc-sui-icon-button:hover:not(:disabled){background:var(--brand-hover)}.sui-ib.brand.sc-sui-icon-button:focus-visible{outline-color:var(--sui-button-focus-brand, var(--focus-ring))}.sui-ib.brand.sc-sui-icon-button:active:not(:disabled){background:var(--brand-active)}.sui-ib.accent.sc-sui-icon-button{background:var(--accent);color:var(--accent-contrast)}.sui-ib.accent.sc-sui-icon-button:hover:not(:disabled){background:var(--accent-hover)}.sui-ib.accent.sc-sui-icon-button:focus-visible{outline-color:var(--sui-button-focus-accent, var(--focus-ring))}.sui-ib.accent.sc-sui-icon-button:active:not(:disabled){background:var(--accent-active)}.sui-ib.danger.sc-sui-icon-button{background:var(--danger-fill);color:var(--danger-contrast);box-shadow:inset 0 0 0 1.5px var(--danger-fill-edge)}.sui-ib.danger.sc-sui-icon-button:disabled:not(.loading),.sui-ib.danger.disabled.sc-sui-icon-button{box-shadow:none}.sui-ib.danger.sc-sui-icon-button:hover:not(:disabled){background:var(--danger-hover)}.sui-ib.danger.sc-sui-icon-button:focus-visible{outline-color:var(--sui-button-focus-danger, var(--focus-ring))}.sui-ib.danger.sc-sui-icon-button:active:not(:disabled){background:var(--danger-active)}.sui-ib.ghost.tone-danger.sc-sui-icon-button,.sui-ib.outline.tone-danger.sc-sui-icon-button{color:var(--danger)}.sui-ib.outline.tone-danger.sc-sui-icon-button{border-color:var(--danger)}.sui-ib.ghost.tone-danger.sc-sui-icon-button:hover:not(:disabled),.sui-ib.outline.tone-danger.sc-sui-icon-button:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.sui-ib.ghost.tone-danger.sc-sui-icon-button:active:not(:disabled),.sui-ib.outline.tone-danger.sc-sui-icon-button:active:not(:disabled){background:color-mix(in srgb, var(--danger-soft) 84%, var(--danger));color:var(--danger)}.sui-ib.inverse.sc-sui-icon-button{--focus-ring:var(--ink-inverse);--focus-shadow:none}.sui-ib.ghost.inverse.sc-sui-icon-button{background:transparent;color:var(--ink-inverse-muted);border-color:transparent}.sui-ib.ghost.inverse.sc-sui-icon-button:hover:not(:disabled){background:var(--border-inverse);color:var(--ink-inverse)}.sui-ib.ghost.inverse.sc-sui-icon-button:active:not(:disabled){background:color-mix(in srgb, var(--ink-inverse) 22%, transparent);color:var(--ink-inverse)}.sui-ib.outline.inverse.sc-sui-icon-button{background:transparent;color:var(--ink-inverse-muted);border-color:var(--border-inverse)}.sui-ib.outline.inverse.sc-sui-icon-button:hover:not(:disabled){background:var(--border-inverse);color:var(--ink-inverse)}.sui-ib.outline.inverse.sc-sui-icon-button:active:not(:disabled){background:color-mix(in srgb, var(--ink-inverse) 22%, transparent);color:var(--ink-inverse)}.sui-ib.sc-sui-icon-button:disabled{cursor:not-allowed}.sui-ib.loading.sc-sui-icon-button{cursor:progress;pointer-events:none}.sui-ib.disabled.sc-sui-icon-button{pointer-events:none}.sui-ib.sc-sui-icon-button:disabled:not(.loading),.sui-ib.disabled.sc-sui-icon-button:not(.loading){color:var(--disabled-ink);border-color:transparent}.sui-ib.accent.sc-sui-icon-button:disabled:not(.loading),.sui-ib.brand.sc-sui-icon-button:disabled:not(.loading),.sui-ib.danger.sc-sui-icon-button:disabled:not(.loading),.sui-ib.accent.disabled.sc-sui-icon-button,.sui-ib.brand.disabled.sc-sui-icon-button,.sui-ib.danger.disabled.sc-sui-icon-button{background:var(--disabled-bg)}.sui-ib.outline.sc-sui-icon-button:disabled:not(.loading),.sui-ib.outline.disabled.sc-sui-icon-button{background:var(--surface);border-color:var(--border);color:var(--ink-placeholder)}.sui-ib.ghost.sc-sui-icon-button:disabled:not(.loading),.sui-ib.ghost.disabled.sc-sui-icon-button{background:transparent;color:var(--ink-placeholder)}.sui-ib.inverse.sc-sui-icon-button:disabled:not(.loading),.sui-ib.inverse.disabled.sc-sui-icon-button{background:transparent;color:var(--ink-inverse-faint)}.sui-ib.outline.inverse.sc-sui-icon-button:disabled:not(.loading),.sui-ib.outline.inverse.disabled.sc-sui-icon-button{border-color:var(--border-inverse)}.sui-ib-spin.sc-sui-icon-button{animation:sb-spin 0.8s linear infinite}@media (prefers-reduced-motion: reduce){.sui-ib-spin.sc-sui-icon-button{animation-duration:2s}}@media (forced-colors: active){.sui-ib.disabled.sc-sui-icon-button{color:GrayText;border-color:GrayText}}`;
-
-const VARIANTS = ['ghost', 'outline', 'brand', 'accent', 'danger'];
-const SIZES = ['sm', 'md', 'lg'];
-const SuiIconButton = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    get host() { return getElement(this); }
-    /**
-     * Font Awesome class, e.g. "fa-regular fa-pen-to-square". Leave it unset and slot the glyph
-     * instead. The accessible name comes from the element's own `aria-label` attribute, which is
-     * also the `sui-tooltip` text; there is no `ariaLabel` prop. Without one the button renders
-     * unnamed and gets no tooltip. An action that needs a visible label is `sui-button`.
-     */
-    icon;
-    /** Visual role: ghost (default, quiet), outline (bordered), brand (the brand fill), accent (the accent fill, the one primary action), danger (destructive). */
-    variant = 'ghost';
-    /** Square size: sm 28px, md 34px (toolbars), lg 42px. Reflected. */
-    size = 'md';
-    /**
-     * Ink for the quiet roles (ghost and outline; brand, accent and danger ignore it). `inverse` is
-     * inverse ink and border for a button on the brand chrome. `danger` is the inline destructive action,
-     * the trash on a row: danger ink with no fill, so the row does not gain a second solid beside
-     * the accent; the filled `danger` variant stays the confirmation step's. Unset keeps the
-     * canvas/surface recipe.
-     */
-    tone;
-    /** Blocks clicks. As on `sui-button`, filled roles take the disabled well, an outline keeps its
-     *  surface, a ghost stays bare, and on navy the ink fades. A disabled link keeps the look, drops its
-     *  `href`, reads `aria-disabled="true"` and takes no pointer events, since an anchor has no
-     *  `disabled` attribute of its own. */
-    disabled = false;
-    /** Shows a spinner in place of the icon and blocks clicks. The button stays focusable while busy,
-     *  `aria-disabled` rather than disabled, so a keyboard user keeps their place and a modal trap
-     *  around it holds; a click, Enter or Space does nothing until it clears. A link behaves the
-     *  same and keeps its `href`. Reflected. */
-    loading = false;
-    /** Leaves out the tooltip the `aria-label` would otherwise draw, for a button whose name is
-     *  already on screen beside it: a chip's remove control, a row that repeats the word. The name
-     *  stays on the button for a reader. */
-    noTooltip = false;
-    /** Round. Off by default: the button takes the control radius every other button takes, so a
-     *  toolbar of buttons, selects and icon buttons reads as one row of shapes. Set it where a round
-     *  control is the convention, an arrow over a photo say. */
-    pill = false;
-    /**
-     * Takes the button out of the tab order (`tabindex="-1"`), for a control the keyboard already
-     * reaches another way: the overflow arrows on a tab bar, which duplicate what the arrow keys do
-     * inside the bar, are the case this exists for. The button stays clickable and still takes focus
-     * from a pointer or from `setFocus()`. Do not set it on a control with no keyboard route of its
-     * own, which is how a control becomes reachable by mouse alone.
-     */
-    noTabStop = false;
-    /** Native button type. `submit` participates in the surrounding form; `reset` clears it. Inert
-     *  on a link (`href`): an anchor takes no part in a form. */
-    type = 'button';
-    /**
-     * Associates the button with a form by id, for a submitter that sits outside the form it
-     * submits: a dialog footer, or a sticky action bar. Inert on a link (`href`).
-     */
-    form;
-    /** Form control name, forwarded to the native button. Inert on a link (`href`). */
-    name;
-    /** Value submitted with the form when this button submits it. Inert on a link (`href`). */
-    value;
-    /**
-     * Renders the control as a real link, `<a class="sui-ib">` with the same variant, size, glyph,
-     * name and tooltip, so middle-click, open in new tab, "Copy link address" and the URL in the
-     * status bar all work. `type`, `name`, `value` and `form` do nothing on a link, since an anchor
-     * takes no part in a form; `disabled` keeps the look, drops the `href` and reads
-     * `aria-disabled`; `loading` is the same contract as on the button. Clicks are still the
-     * native `click`.
-     */
-    href;
-    /** Where the link opens, e.g. `_blank`. Nothing without `href`. */
-    target;
-    /** Link relationship, written as given. Unset, a `_blank` target gets `noopener`. Nothing
-     *  without `href`. */
-    rel;
-    /** Accessible name, read from the element's own `aria-label` attribute (REQUIRED): also the tooltip text. */
-    hostLabel;
-    stopAria;
-    hostState = {};
-    stopAriaState;
-    /** Armed on every connect, not once at load: a button moved in the document, as a framework moves
-     *  a keyed row or a dragged card, is disconnected on the way and would stop following its
-     *  `aria-label` and state attributes. */
-    connectedCallback() {
-        delegateFocus(this.host, () => this.btn);
-        this.stopAria = inheritAriaLabel(this.host, (v) => { this.hostLabel = v; });
-        this.stopAriaState = inheritAriaState(this.host, (s) => { this.hostState = { ...this.hostState, ...s }; });
-    }
-    disconnectedCallback() {
-        this.stopAria?.();
-        this.stopAriaState?.();
-        this.stopAria = undefined;
-        this.stopAriaState = undefined;
-    }
-    btn;
-    /** Moves keyboard focus to the button, or to the link when `href` is set. */
-    async setFocus() {
-        this.btn?.focus();
-    }
-    /** True while the control swallows its activation: a busy button, or a link that is busy or
-     *  disabled. A disabled button dispatches no click of its own, so it needs nothing. */
-    get blocked() {
-        return this.href ? this.loading || this.disabled : this.loading && !this.disabled;
-    }
-    /** The `rel` a link carries: the prop as given, else `noopener` for a `_blank` target. */
-    get linkRel() {
-        return this.rel ?? (this.target === '_blank' ? 'noopener' : undefined);
-    }
-    /** A blocked control swallows its activation before the host, the form or a router hears it. */
-    onClick = (e) => {
-        if (!this.blocked)
-            return;
-        e.preventDefault();
-        e.stopImmediatePropagation();
-    };
-    render() {
-        const busy = this.loading;
-        const off = this.disabled;
-        const link = !!this.href;
-        const variant = VARIANTS.includes(this.variant) ? this.variant : 'ghost';
-        const size = SIZES.includes(this.size) ? this.size : 'md';
-        const quiet = variant === 'ghost' || variant === 'outline';
-        const inverse = this.tone === 'inverse' && quiet;
-        const danger = this.tone === 'danger' && quiet;
-        const Control = (link ? 'a' : 'button');
-        const btn = (h(Control, { key: 'd257e81474796bef9e182e0648fd59820dffc015', ref: (el) => (this.btn = el), class: { 'sui-ib': true, [variant]: true, [size]: true, pill: this.pill, inverse, 'tone-danger': danger, loading: busy && !off, disabled: link && off }, type: link ? undefined : this.type, form: link ? undefined : this.form, name: link ? undefined : this.name, value: link ? undefined : this.value, disabled: link ? undefined : off, href: link && !off ? this.href : undefined, target: link && !off ? this.target : undefined, rel: link && !off ? this.linkRel : undefined, "aria-disabled": this.blocked ? 'true' : undefined, tabIndex: this.noTabStop ? -1 : undefined, "aria-label": this.hostLabel, "aria-busy": busy ? 'true' : 'false', onClick: this.onClick, ...this.hostState }, busy
-            ? h(Glyph, { glyph: circleNotch, class: "sui-ib-spin sui-ib-icon" })
-            : [this.icon ? h("i", { class: `${this.icon} sui-ib-icon`, "aria-hidden": "true" }) : null, h("slot", null)]));
-        return (h(Host, { key: '68454d2f097a35c705efe2e59abc22c443158400' }, this.hostLabel && !this.noTooltip ? (h("sui-tooltip", { content: this.hostLabel, position: "top" }, btn)) : (btn)));
-    }
-};
-SuiIconButton.style = suiIconButtonCss();
-
-export { SuiIconButton };

package/dist/shineui/p-045f526c.entry.js

@@ -1 +0,0 @@
-import{r as i,c as s,g as t,h as e,a as r}from"./p-ChCjmDsd.js";import{L as o,a}from"./p-QbF8alxe.js";import{G as l,s as n}from"./p-DGU97JSr.js";import{c as u,m as c}from"./p-q0JbXN8q.js";import{i as d}from"./p-Cs2X0Kih.js";import{l as p}from"./p-lWhwwQJ2.js";import{u as h}from"./p-U06fVoGD.js";import{d as v}from"./p-B3wtlP4_.js";import"./p-D7g5DbgE.js";const f=Symbol("threw"),g=i=>!!i&&"string"==typeof i.section&&void 0===i.id,x=class{constructor(t){i(this,t),this.suiItemPick=s(this,"suiItemPick",7),this.suiSelectionChange=s(this,"suiSelectionChange",3)}get host(){return t(this)}items=[];selection;density="standard";wrap=!1;loading=!1;filter=!1;filterPlaceholder;emptyMessage;emptyFilterMessage;maxHeight;itemRender;suiItemPick;suiSelectionChange;focusIdx=-1;query="";hostLabel;fieldId=h("sui-list");list;searchInput;stopAria;typeahead="";typeaheadTimer;connectedCallback(){v(this.host,(()=>this.focusTarget())),this.stopAria?.(),this.stopAria=d(this.host,(i=>{this.hostLabel=i}))}disconnectedCallback(){this.stopAria?.(),clearTimeout(this.typeaheadTimer),this.typeahead=""}onItems(){this.focusIdx=-1}async setFocus(){const i=this.rows(),s=this.tabStop(i);s>=0?this.focusRow(s):this.searchInput?.focus()}focusTarget(){const i=this.tabStop(this.rows());return(i>=0?this.rowEl(i):null)||this.searchInput||void 0}isSelected(i){return null!=this.selection&&String(i.id)===String(this.selection)}rowMatches(i,s){return!s||[i.title,i.description,i.meta].some((i=>!!i&&i.toLowerCase().includes(s)))}rows(){const i=this.filter?this.query.trim().toLowerCase():"",s=[];return(this.items||[]).forEach((t=>{!g(t)&&t&&this.rowMatches(t,i)&&s.push({item:t,i:s.length})})),s}runs(i){const s=new Map;i.forEach((i=>s.set(i.item,i)));const t=[];let e=null;return(this.items||[]).forEach((i=>{if(!i)return;if(g(i))return e={section:i.section,rows:[]},void t.push(e);const r=s.get(i);r&&(e||(e={rows:[]},t.push(e)),e.rows.push(r))})),t.filter((i=>i.rows.length))}tabStop(i){if((s=this.focusIdx)>=0&&s<i.length&&!i[s].item.disabled)return this.focusIdx;var s;const t=i.findIndex((i=>this.isSelected(i.item)&&!i.item.disabled));return t>=0?t:i.findIndex((i=>!i.item.disabled))}rowEl(i){return this.list?this.list.querySelector(`[data-index="${i}"]`):null}focusRow(i){const s=this.rowEl(i);s&&(this.focusIdx=i,s.focus())}step(i,s,t){let e=s;for(;;){if(e+=t,e<0||e>=i.length)return s;if(!i[e].item.disabled)return e}}edge(i,s){if(s>0)return i.findIndex((i=>!i.item.disabled));for(let s=i.length-1;s>=0;s--)if(!i[s].item.disabled)return s;return-1}onTypeahead(i,s,t){clearTimeout(this.typeaheadTimer),this.typeahead+=t.toLowerCase(),this.typeaheadTimer=setTimeout((()=>this.typeahead=""),500);for(let t=1;t<=i.length;t++){const e=(s+t)%i.length,r=i[e];if(!r.item.disabled&&r.item.title.toLowerCase().startsWith(this.typeahead))return void this.focusRow(e)}}isCommand(i){return!!i.command&&!i.href}pick(i){i.disabled||(this.isCommand(i)||this.isSelected(i)||(this.selection=i.id,this.suiSelectionChange.emit(i.id)),this.suiItemPick.emit({id:i.id,item:i}))}onRowKey=(i,s,t)=>{const e="A"===i.currentTarget.tagName;switch(i.key){case"ArrowDown":return i.preventDefault(),void this.focusRow(this.step(t,s.i,1));case"ArrowUp":return i.preventDefault(),void this.focusRow(this.step(t,s.i,-1));case"Home":return i.preventDefault(),void this.focusRow(this.edge(t,1));case"End":return i.preventDefault(),void this.focusRow(this.edge(t,-1));case"Enter":if(e)return;return i.preventDefault(),void this.pick(s.item);case" ":return i.preventDefault(),void(e?i.currentTarget.click():this.pick(s.item));default:1!==i.key.length||i.ctrlKey||i.metaKey||i.altKey||this.onTypeahead(t,s.i,i.key)}};onSearchKey=(i,s)=>{if("ArrowDown"!==i.key)return;i.preventDefault();const t=this.tabStop(s);t>=0&&this.focusRow(t)};onSearchInput=i=>{this.query=i.target.value,this.focusIdx=-1};marker(i){return i.avatar||i.initials?e("sui-avatar",{class:"sui-list-avatar",src:i.avatar,initials:i.initials,size:"sm","aria-hidden":"true",badge:i.badge,badgeTone:i.badgeTone}):e(o,{severity:i.severity,icon:i.icon})}renderRow(i,s,t,r){const o=i.item,l=this.isSelected(o),n=!!o.href&&!o.disabled,d=this.itemRender?u(this.itemRender,[o],f):f,h=d!==f,v={row:!0,selected:l,unread:!!o.unread,disabled:!!o.disabled,custom:h},g=h?e("span",{class:"body",ref:i=>c(i,d)}):e(a,{marker:this.marker(o),title:o.title,description:o.description,meta:o.meta,unread:!!o.unread,unreadLabel:p(void 0,"list.unread",void 0,"Unread")}),x={id:`${this.fieldId}-${i.i}`,"data-index":i.i,"data-id":String(o.id),tabIndex:o.disabled?-1:i.i===t?0:-1,onFocus:()=>{this.focusIdx=i.i},onClick:i=>{o.disabled?i.preventDefault():this.pick(o)},onKeyDown:t=>this.onRowKey(t,i,s)};if(!r)return e("div",{key:String(o.id),class:v,role:"option","aria-selected":l?"true":"false","aria-disabled":o.disabled?"true":null,...x},g);const b=n?"a":"button";return e("div",{key:String(o.id),role:"listitem",class:"item"},e(b,{class:v,type:n?void 0:"button",role:!n&&this.isCommand(o)?"link":void 0,href:n?o.href:void 0,target:n?o.target:void 0,rel:n&&"_blank"===o.target?"noopener":void 0,disabled:!(n||!o.disabled)||void 0,"aria-disabled":n&&o.disabled?"true":null,"aria-current":l?"page":null,...x},g))}renderSkeleton(){return e("div",{class:"skeleton","aria-hidden":"true"},[0,1,2,3].map((i=>e("div",{class:"row skel",key:`sk${i}`},e("sui-skeleton",{shape:"circle",width:"26"}),e("span",{class:"text"},e("sui-skeleton",{shape:"title",width:58-9*i+"%",height:"12"}),e("sui-skeleton",{width:84-7*i+"%",height:"10"}))))))}render(){const i=this.rows(),s=this.tabStop(i),t=i.some((i=>(!!i.item.href||this.isCommand(i.item))&&!i.item.disabled)),o=this.runs(i),a=this.query.trim(),u=!this.loading&&0===i.length,c=a?p(void 0,"list.emptyFilter",this.emptyFilterMessage,"No matches."):p(void 0,"list.empty",this.emptyMessage,"Nothing here yet."),d=i=>`${this.fieldId}-h${i}`;return e(r,{key:"70d001ab31324bcafe1bc7ae551109fc98f4db6b","aria-busy":this.loading?"true":null},this.filter?e("div",{class:"sui-popup-search search"},e("div",{class:"sui-popup-search-box sui-frame"},e(l,{glyph:n}),e("input",{ref:i=>this.searchInput=i,type:"text",placeholder:p(void 0,"list.search",this.filterPlaceholder,"Search"),"aria-label":p(void 0,"list.searchRows",void 0,"Search the list"),"aria-controls":this.fieldId,value:this.query,onInput:this.onSearchInput,onKeyDown:s=>this.onSearchKey(s,i)}))):null,e("div",{key:"0b0c3d3455a0ff0973d375d6159993c7f31d615b",class:"scroll",style:this.maxHeight?{maxHeight:`${this.maxHeight}px`}:void 0},this.loading?this.renderSkeleton():null,this.loading?null:e("div",{id:this.fieldId,ref:i=>this.list=i,class:"list",role:t?void 0:"listbox","aria-label":t?void 0:this.hostLabel},o.map(t?(t,r)=>[t.section?e("div",{class:"section",id:d(r)},t.section):null,e("div",{role:"list","aria-labelledby":t.section?d(r):void 0,"aria-label":t.section?void 0:this.hostLabel},t.rows.map((t=>this.renderRow(t,i,s,!0))))]:(t,r)=>t.section?e("div",{role:"group","aria-labelledby":d(r)},e("div",{class:"section",id:d(r),role:"presentation"},t.section),t.rows.map((t=>this.renderRow(t,i,s,!1)))):t.rows.map((t=>this.renderRow(t,i,s,!1))))),u?e("div",{class:"empty",role:"status"},a?c:e("slot",{name:"empty"},c)):null))}static get watchers(){return{items:[{onItems:0}]}}};x.style=".sc-sui-list-h{display:block;min-width:0;max-width:100%;box-sizing:border-box;font-family:var(--font-sans);color:var(--ink);overflow-x:hidden}.search.sc-sui-list{padding:8px 8px 6px;margin-bottom:0}.scroll.sc-sui-list{overflow-x:hidden}.scroll[style].sc-sui-list{overflow-y:auto}.list.sc-sui-list{display:block;min-width:0}.item.sc-sui-list{display:block;min-width:0}.section.sc-sui-list{padding:10px 14px 4px;font-size:10.5px;font-weight:650;letter-spacing:0.09em;text-transform:uppercase;color:var(--ink-faint);user-select:none}[density='compact'].sc-sui-list-h .section.sc-sui-list{padding:7px 12px 3px}.row.sc-sui-list{position:relative;display:flex;align-items:flex-start;gap:10px;width:100%;min-width:0;box-sizing:border-box;margin:0;padding:10px var(--sui-inset-x, 14px);border:0;border-bottom:1px solid var(--hairline);background:transparent;color:var(--ink);text-align:start;text-decoration:none;font-family:var(--font-sans);cursor:pointer;user-select:none;outline:none;transition:background var(--duration-fast) var(--ease-out)}.row.sc-sui-list::before{content:'';position:absolute;inset-inline-start:0;top:0;bottom:0;width:3px;background:transparent;transition:background var(--duration-fast) var(--ease-out)}.list.sc-sui-list>.row.sc-sui-list:last-child,.list.sc-sui-list>[role='group'].sc-sui-list:last-child>.row.sc-sui-list:last-child,.list.sc-sui-list>[role='list'].sc-sui-list:last-child>.item.sc-sui-list:last-child>.row.sc-sui-list{border-bottom-color:transparent}a.row.sc-sui-list,a.row.sc-sui-list:hover,a.row.sc-sui-list:visited{color:var(--ink);text-decoration:none}.row.unread.sc-sui-list{background:var(--surface-sunken)}.row.sc-sui-list:hover{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.row.selected.sc-sui-list{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected)}.row.selected.sc-sui-list:hover{--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.row.selected.sc-sui-list::before{background:var(--accent)}.row.selected.sc-sui-list .title.sc-sui-list,a.row.selected.sc-sui-list,a.row.selected.sc-sui-list:hover{color:var(--ink)}.row.selected.sc-sui-list .detail.sc-sui-list,.row.selected.sc-sui-list .meta.sc-sui-list{color:var(--ink-muted)}.row.disabled.sc-sui-list,.row.sc-sui-list:disabled{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);color:var(--disabled-ink);cursor:not-allowed;background:transparent}.row.disabled.sc-sui-list .title.sc-sui-list,.row.disabled.sc-sui-list .detail.sc-sui-list,.row.disabled.sc-sui-list .meta.sc-sui-list,.row.sc-sui-list:disabled .title.sc-sui-list,.row.sc-sui-list:disabled .detail.sc-sui-list,.row.sc-sui-list:disabled .meta.sc-sui-list{color:var(--disabled-ink)}.row.disabled.sc-sui-list .sev.sc-sui-list,.row.sc-sui-list:disabled .sev.sc-sui-list{background:var(--disabled-bg);color:var(--disabled-ink)}.row.sc-sui-list:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px;z-index:1}.row.sc-sui-list:focus-visible::before{inset-block:2px 1px;inset-inline-start:2px}.row.custom.sc-sui-list{display:block}.body.sc-sui-list{display:block;min-width:0}[density='compact'].sc-sui-list-h .row.sc-sui-list{padding-block:6px;padding-inline:calc(var(--sui-inset-x, 14px) - 2px) var(--sui-inset-x, 12px);gap:8px}[density='compact'].sc-sui-list-h .sev.sc-sui-list{width:22px;height:22px;margin-top:0;margin-inline:2px}[density='compact'].sc-sui-list-h .sev.sc-sui-list i.sc-sui-list,[density='compact'].sc-sui-list-h .sev.sc-sui-list .sui-glyph.sc-sui-list{font-size:10px}[density='compact'].sc-sui-list-h .title.sc-sui-list{font-size:12px}[density='compact'].sc-sui-list-h .detail.sc-sui-list{font-size:11px;margin-top:0}[density='comfortable'].sc-sui-list-h .row.sc-sui-list{padding-block:14px}[density='comfortable'].sc-sui-list-h .section.sc-sui-list{padding-top:14px}.title.sc-sui-list,.detail.sc-sui-list{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title.sc-sui-list{display:block;flex:1;min-width:0}[wrap].sc-sui-list-h .title.sc-sui-list,[wrap].sc-sui-list-h .detail.sc-sui-list{white-space:normal;overflow-wrap:anywhere;overflow:visible;text-overflow:clip}[wrap].sc-sui-list-h .title-row.sc-sui-list{align-items:baseline}.empty.sc-sui-list{padding:26px 16px;text-align:center;font-size:12.5px;color:var(--ink-muted)}.skeleton.sc-sui-list{display:block}.row.skel.sc-sui-list{cursor:default;pointer-events:none}.row.skel.sc-sui-list .text.sc-sui-list{display:flex;flex-direction:column;gap:7px;padding-top:3px}@media (forced-colors: active){.list.sc-sui-list>.row.sc-sui-list:last-child,.list.sc-sui-list>[role='group'].sc-sui-list:last-child>.row.sc-sui-list:last-child,.list.sc-sui-list>[role='list'].sc-sui-list:last-child>.item.sc-sui-list:last-child>.row.sc-sui-list{border-bottom-color:Canvas}.row.selected.sc-sui-list::before{background:Highlight}.row.disabled.sc-sui-list{color:GrayText}.row.disabled.sc-sui-list .title.sc-sui-list,.row.disabled.sc-sui-list .detail.sc-sui-list,.row.disabled.sc-sui-list .meta.sc-sui-list{color:GrayText}.row.disabled.sc-sui-list .sev.sc-sui-list{border-color:GrayText;color:GrayText}}.sui-frame.sc-sui-list{box-sizing:border-box;background:var(--sui-field-bg, var(--surface));border:1px solid var(--sui-field-border, var(--control-border));border-radius:var(--sui-field-radius, var(--radius-md));box-shadow:none;outline:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-frame.sc-sui-list:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-list,.sui-frame.readonly.sc-sui-list{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-list:focus-within,.sui-frame.focus.sc-sui-list,.sui-frame.open.sc-sui-list{border-color:var(--sui-field-border, var(--focus-ring));outline:var(--sui-field-edge, 1px solid var(--focus-ring));outline-offset:-2px;box-shadow:var(--sui-field-halo, 0 0 0 3px var(--focus-halo))}.sui-frame.invalid.sc-sui-list{border-color:var(--sui-field-border, var(--danger));outline:var(--sui-field-edge, 1px solid var(--danger));outline-offset:-2px}.sui-frame.invalid.sc-sui-list:focus-within,.sui-frame.invalid.focus.sc-sui-list,.sui-frame.invalid.open.sc-sui-list{outline-width:2px;outline-offset:-3px;box-shadow:var(--sui-field-halo, 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent))}.sui-frame.sc-sui-list:disabled,.sui-frame.disabled.sc-sui-list{--ink-muted:var(--disabled-ink);--ink-faint:var(--disabled-ink);border-color:var(--sui-field-border, var(--border));outline:none;box-shadow:none;background:var(--sui-field-bg, var(--disabled-bg));color:var(--disabled-ink);cursor:not-allowed}.sui-input.sc-sui-list{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-list::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-list{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-list{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-list{height:var(--sui-field-height, var(--control-lg));padding:0 var(--control-pad-x);font-size:14px}@media (forced-colors: active){.sui-frame.sc-sui-list:focus-within,.sui-frame.focus.sc-sui-list,.sui-frame.open.sc-sui-list{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-list:disabled,.sui-frame.disabled.sc-sui-list{color:GrayText;border-color:GrayText}}.sev.sc-sui-list{width:26px;height:26px;border-radius:50%;flex-shrink:0;margin-top:1px;display:inline-flex;align-items:center;justify-content:center}.sev.sc-sui-list i.sc-sui-list,.sev.sc-sui-list .sui-glyph.sc-sui-list{font-size:11px}.sev.positive.sc-sui-list{background:var(--status-positive-bg);color:var(--status-positive-ink)}.sev.attention.sc-sui-list{background:var(--status-attention-bg);color:var(--status-attention-ink)}.sev.critical.sc-sui-list{background:var(--danger-soft);color:var(--danger)}.sev.info.sc-sui-list{background:var(--surface-sunken);color:var(--ink-muted)}.sev.neutral.sc-sui-list{background:var(--status-neutral-bg);color:var(--status-neutral-ink)}.sev.icon.sc-sui-list{background:var(--surface-sunken);color:var(--ink-muted)}.sui-list-avatar.sc-sui-list{flex-shrink:0;margin-top:1px}.text.sc-sui-list{flex:1;min-width:0}.title-row.sc-sui-list{display:flex;align-items:center;gap:6px;min-width:0}.title.sc-sui-list{font-size:12.5px;font-weight:620;min-width:0}.unread.sc-sui-list .title.sc-sui-list{font-weight:700}.dot.sc-sui-list{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-inline-start:auto}.meta.sc-sui-list{flex-shrink:0;margin-inline-start:auto;font-size:11px;color:var(--ink-muted);font-feature-settings:'tnum';white-space:nowrap}.dot.sc-sui-list+.sr-only.sc-sui-list+.meta.sc-sui-list,.dot.sc-sui-list+.meta.sc-sui-list{margin-inline-start:0}.detail.sc-sui-list{display:block;font-size:11.5px;color:var(--ink-muted);line-height:1.45;margin-top:1px}.time.sc-sui-list{display:block;font-size:10.5px;color:var(--ink-faint);margin-top:3px;font-feature-settings:'tnum'}.sr-only.sc-sui-list{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (forced-colors: active){.sev.sc-sui-list{box-sizing:border-box;border:1px solid CanvasText}.dot.sc-sui-list{background:CanvasText}}.sui-popup-trigger.sc-sui-list{box-sizing:border-box;width:100%;height:var(--sui-field-height, var(--control-md));display:flex;align-items:center;gap:8px;padding-block:0;padding-inline:12px 10px;color:var(--ink);font-size:13px;font-family:var(--font-sans);font-weight:460;cursor:pointer;user-select:none;text-align:start}.sui-popup-trigger.sc-sui-list:disabled,.sui-popup-trigger.disabled.sc-sui-list{cursor:not-allowed}.sui-popup-trigger.sc-sui-list .val.sc-sui-list{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-popup-trigger.placeholder.sc-sui-list .val.sc-sui-list{color:var(--ink-placeholder)}.sui-popup-trigger.sc-sui-list .clear.sc-sui-list{display:inline-flex;padding:2px;color:var(--ink-faint);font-size:11px;cursor:pointer;border-radius:4px}.sui-popup-trigger.sc-sui-list .clear.sc-sui-list:hover{color:var(--ink)}.sui-popup-trigger.sc-sui-list .chev.sc-sui-list{display:var(--sui-field-chevron, inline-block);font-size:10px;color:var(--ink-faint);transition:transform var(--duration-fast) var(--ease-out)}.sui-popup-trigger.open.sc-sui-list .chev.sc-sui-list{transform:rotate(180deg)}.sui-popup-trigger.readonly.sc-sui-list .chev.sc-sui-list{opacity:0.4}.sui-popup-trigger.sc-sui-list .spin.sc-sui-list{font-size:11px;color:var(--ink-faint)}.sui-popup-trigger.sm.sc-sui-list{height:var(--sui-field-height, var(--control-sm));font-size:12.5px}.sui-popup-trigger.md.sc-sui-list{height:var(--sui-field-height, var(--control-md));font-size:13px}.sui-popup-trigger.lg.sc-sui-list{height:var(--sui-field-height, var(--control-lg));font-size:14px}.sui-popup-panel.sc-sui-list{position:fixed;z-index:var(--z-dropdown);box-sizing:border-box;min-width:100%;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);padding:5px;max-height:260px;overflow-y:auto;animation:sui-popup-in var(--duration-overlay) var(--ease-out)}.sui-popup-panel[data-side='top'].sc-sui-list{animation-name:sui-popup-in-top}.sui-popup-panel.closing.sc-sui-list{animation:sui-popup-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-popup-in{from{opacity:0;transform:translateY(-4px)}}@keyframes sui-popup-in-top{from{opacity:0;transform:translateY(4px)}}@keyframes sui-popup-out{to{opacity:0}}.sui-popup-search.sc-sui-list{padding:3px 3px 7px;border-bottom:1px solid var(--hairline);margin-bottom:4px}.sui-popup-search-box.sc-sui-list{display:flex;align-items:center;gap:7px;height:30px;padding:0 9px}.sui-popup-search-box.sc-sui-list .sui-glyph.sc-sui-list{font-size:11px;color:var(--ink-faint)}.sui-popup-search-box.sc-sui-list input.sc-sui-list{flex:1;min-width:0;border:none;outline:none;background:transparent;font:460 12.5px var(--font-sans);color:var(--ink)}.sui-popup-empty.sc-sui-list{padding:10px;font-size:12.5px;color:var(--ink-faint)}.sui-popup-group.sc-sui-list{padding:8px 10px 4px;font-size:10.5px;font-weight:650;letter-spacing:0.09em;text-transform:uppercase;color:var(--ink-faint);user-select:none}.sui-popup-status.sc-sui-list{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.sui-popup-loading.sc-sui-list{display:flex;align-items:center;gap:8px;padding:10px;font-size:12.5px;color:var(--ink-faint)}.sui-popup-loading.sc-sui-list .sui-glyph.sc-sui-list{font-size:11px;color:var(--brand)}.sui-popup-spin.sc-sui-list{animation:sb-spin 0.8s linear infinite}@media (prefers-reduced-motion: reduce){.sui-popup-spin.sc-sui-list{animation-duration:2s}}.sui-popup-spacer.sc-sui-list{flex:none;pointer-events:none}.sui-popup-option.sc-sui-list{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;font-size:13px;font-weight:460;color:var(--ink);cursor:pointer;background:transparent}.sui-popup-option-label.sc-sui-list{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-popup-option.hover.sc-sui-list{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-popup-option.selected.sc-sui-list{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);font-weight:650}.sui-popup-option.selected.hover.sc-sui-list{--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.sui-popup-option.keynav.sc-sui-list{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-popup-option.disabled.sc-sui-list{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);color:var(--disabled-ink);cursor:not-allowed}.sui-popup-option.sc-sui-list .sui-glyph.sc-sui-list{font-size:11px;color:var(--brand-soft-ink)}@media (forced-colors: active){.sui-popup-trigger.placeholder.sc-sui-list .val.sc-sui-list{color:GrayText}.sui-popup-option.hover.sc-sui-list{outline:2px solid CanvasText;outline-offset:-2px}.sui-popup-option.selected.sc-sui-list{forced-color-adjust:none;background:Highlight;color:HighlightText}.sui-popup-option.selected.sc-sui-list .sui-glyph.sc-sui-list{color:HighlightText}.sui-popup-option.disabled.sc-sui-list{color:GrayText}}";export{x as sui_list}

package/dist/shineui/p-0c9c8ecb.entry.js

@@ -1 +0,0 @@
-import{r as i,c as s,g as e,h as c,a as t}from"./p-ChCjmDsd.js";import{d as a}from"./p-B3wtlP4_.js";import{a as o}from"./p-lWhwwQJ2.js";import{G as r,z as h}from"./p-DGU97JSr.js";const n=class{constructor(e){i(this,e),this.suiRemove=s(this,"suiRemove",7)}get host(){return e(this)}label="";value;icon;initial;image;removable=!1;size="md";selected=!1;disabled=!1;clickable=!1;suiRemove;imageFailed=!1;onImage(){this.imageFailed=!1}connectedCallback(){a(this.host,(()=>this.focusTarget()))}async setFocus(){this.focusTarget()?.focus()}focusTarget(){if(!this.disabled)return this.clickable?this.host:this.removable&&this.host.querySelector("button.remove")||void 0}removed(){return null!=this.value&&""!==this.value?String(this.value):this.label}onCaptureClick(i){this.disabled&&(i.stopImmediatePropagation(),i.preventDefault())}onKeyDown=i=>{if(!this.disabled)return!this.removable||"Backspace"!==i.key&&"Delete"!==i.key?void(this.clickable&&i.target===this.host&&("Enter"!==i.key&&" "!==i.key||(i.preventDefault(),this.host.click()))):(i.preventDefault(),void this.suiRemove.emit(this.removed()))};onRemove=i=>{i.stopPropagation(),this.disabled||this.suiRemove.emit(this.removed())};render(){const i=!!this.image&&!this.imageFailed;return c(t,{key:"ae54ba2a21ce88274c1f35f1808ff45387621c42",role:this.clickable?"button":null,tabIndex:this.clickable&&!this.disabled?0:null,"aria-disabled":this.clickable&&this.disabled?"true":null,"aria-pressed":this.clickable?String(this.selected):null,"aria-keyshortcuts":this.removable&&this.clickable?"Backspace":null,onKeyDown:this.onKeyDown},c("span",{key:"2af15cdb09572a93fd767682cb8ccb01af22b3da",class:{"sui-chip":!0,selected:this.selected,disabled:this.disabled,"with-initial":i||!!this.initial}},i?c("img",{class:"image",src:this.image,alt:"","aria-hidden":"true",onError:()=>this.imageFailed=!0}):this.initial?c("span",{class:"initial","aria-hidden":"true"},this.initial):null,this.icon?c("i",{class:`${this.icon} icon`,"aria-hidden":"true"}):null,c("span",{key:"a3dc546aaa637478d367095d88e392e65a567a14",class:"label"},this.label),this.removable&&this.clickable?c("span",{class:"remove","aria-hidden":"true",onClick:this.onRemove},c(r,{glyph:h})):this.removable?c("button",{type:"button",class:"remove","aria-label":o(void 0,"chip.remove",void 0,"Remove {name}",{name:this.label}),disabled:this.disabled,tabIndex:this.disabled?-1:0,onClick:this.onRemove},c(r,{glyph:h})):null))}static get watchers(){return{image:[{onImage:0}]}}};n.style='.sc-sui-chip-h{display:inline-block;vertical-align:middle;max-width:100%;border-radius:var(--radius-pill);font-family:var(--font-sans);line-height:0}.sc-sui-chip-h:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}[clickable].sc-sui-chip-h:not([disabled]){cursor:pointer}[disabled].sc-sui-chip-h{cursor:not-allowed}.sui-chip.sc-sui-chip{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 11px;box-sizing:border-box;max-width:100%;border-radius:var(--radius-pill);background:var(--brand-soft);color:var(--ink);font-family:var(--font-sans);font-size:12.5px;font-weight:620;line-height:1;white-space:nowrap;user-select:none;cursor:default;transition:background var(--duration-fast) var(--ease-out)}.sui-chip.with-initial.sc-sui-chip{padding:0 10px;padding-inline-start:3px}.label.sc-sui-chip{min-width:0;overflow:hidden;text-overflow:ellipsis;line-height:1.4}[clickable].sc-sui-chip-h:not([disabled]) .sui-chip.sc-sui-chip{cursor:pointer}[clickable].sc-sui-chip-h:not([disabled]):hover .sui-chip.sc-sui-chip:not(.selected){background:var(--border)}.sui-chip.selected.sc-sui-chip{background:var(--brand);color:var(--brand-contrast)}.sui-chip.disabled.sc-sui-chip{background:var(--disabled-bg);color:var(--disabled-ink);cursor:not-allowed}.initial.sc-sui-chip{width:22px;height:22px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--brand);color:var(--brand-contrast);font-size:9.5px;font-weight:720}.sui-chip.selected.sc-sui-chip .initial.sc-sui-chip{background:var(--accent);color:var(--accent-contrast)}.image.sc-sui-chip{width:22px;height:22px;border-radius:50%;flex-shrink:0;display:block;object-fit:cover;background:var(--surface-sunken)}.icon.sc-sui-chip{font-size:11px;color:var(--ink-muted)}.sui-chip.selected.sc-sui-chip .icon.sc-sui-chip{color:var(--ink-inverse-muted)}.sui-chip.disabled.sc-sui-chip .icon.sc-sui-chip{color:var(--disabled-ink)}.remove.sc-sui-chip{appearance:none;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;border:0;background:transparent;border-radius:50%;width:16px;height:16px;margin-inline-end:-3px;color:var(--ink-muted);font-size:10px;line-height:1;cursor:pointer}.remove.sc-sui-chip:hover{color:var(--ink)}.remove.sc-sui-chip:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.remove.sc-sui-chip:disabled{cursor:not-allowed;color:var(--ink-placeholder)}.sui-chip.disabled.sc-sui-chip span.remove.sc-sui-chip{cursor:not-allowed;color:var(--disabled-ink)}.sui-chip.selected.sc-sui-chip .remove.sc-sui-chip{color:var(--ink-inverse-muted)}.sui-chip.selected.sc-sui-chip .remove.sc-sui-chip:hover{color:var(--brand-contrast)}[size="sm"].sc-sui-chip-h .sui-chip.sc-sui-chip{height:22px;padding:0 9px;font-size:12px;gap:5px}[size="sm"].sc-sui-chip-h .sui-chip.with-initial.sc-sui-chip{padding:0 8px;padding-inline-start:2px}[size="sm"].sc-sui-chip-h .initial.sc-sui-chip{width:18px;height:18px;font-size:8.5px}[size="sm"].sc-sui-chip-h .image.sc-sui-chip{width:18px;height:18px}[size="sm"].sc-sui-chip-h .icon.sc-sui-chip{font-size:10px}[size="sm"].sc-sui-chip-h .remove.sc-sui-chip{width:14px;height:14px;margin-inline-end:-2px}@media (forced-colors: active){.sui-chip.sc-sui-chip{border:1px solid CanvasText}.initial.sc-sui-chip{border:1px solid CanvasText}.sui-chip.selected.sc-sui-chip{forced-color-adjust:none;background:Highlight;color:HighlightText;border-color:HighlightText}.sui-chip.selected.sc-sui-chip .initial.sc-sui-chip{background:HighlightText;color:Highlight;border-color:HighlightText}.sui-chip.selected.sc-sui-chip .image.sc-sui-chip{background:Highlight}.sui-chip.selected.sc-sui-chip .icon.sc-sui-chip,.sui-chip.selected.sc-sui-chip .remove.sc-sui-chip,.sui-chip.selected.sc-sui-chip .remove.sc-sui-chip:hover{color:HighlightText}.sui-chip.selected.sc-sui-chip .remove.sc-sui-chip:focus-visible{outline-color:CanvasText;box-shadow:none}.sui-chip.disabled.sc-sui-chip{forced-color-adjust:auto;background:Canvas;color:GrayText;border-color:GrayText}.sui-chip.disabled.sc-sui-chip .initial.sc-sui-chip{background:Canvas;color:GrayText;border-color:GrayText}.sui-chip.disabled.sc-sui-chip .icon.sc-sui-chip,.sui-chip.disabled.sc-sui-chip span.remove.sc-sui-chip{color:GrayText}}';export{n as sui_chip}

package/dist/shineui/p-0d203e37.entry.js

@@ -1 +0,0 @@
-import{r as s,h as i,a as r}from"./p-ChCjmDsd.js";import{A as t,R as e}from"./p-CSWfMYDf.js";import{d as a}from"./p-DHVm09RY.js";import"./p-lWhwwQJ2.js";const l=class{constructor(i){s(this,i)}data=[];width=96;height=28;accent=!1;min;max;static points(s,i,r,t,e){if(!s||s.length<2)return"";const l="number"==typeof t?t:Math.min(...s),n=("number"==typeof e?e:Math.max(...s))-l||1;return s.map(((t,e)=>`${(e/(s.length-1)*(i-2)+1).toFixed(1)},${((1-a((t-l)/n,0,1))*(r-4)+2).toFixed(1)}`)).join(" ")}render(){const s=l.points(this.data,this.width,this.height,this.min,this.max);if(!s)return i(r,null);const a=`var(--sui-sparkline-line, ${this.accent?t:e[1]})`,[n,o]=s.split(" ").pop().split(",");return i(r,null,i("svg",{class:"spark",width:this.width,height:this.height,"aria-hidden":"true",focusable:"false"},i("polyline",{points:s,fill:"none",stroke:a,"stroke-width":1.5,"stroke-linejoin":"round","stroke-linecap":"round"}),i("circle",{cx:n,cy:o,r:2.4,fill:a})))}};l.style=".sc-sui-sparkline-h{display:inline-block;line-height:0;vertical-align:bottom}.spark.sc-sui-sparkline{display:block;overflow:visible}@media (forced-colors: active){.spark.sc-sui-sparkline polyline.sc-sui-sparkline{stroke:CanvasText}.spark.sc-sui-sparkline circle.sc-sui-sparkline{fill:CanvasText}}";export{l as sui_sparkline}

package/dist/shineui/p-21dc8541.entry.js

@@ -1 +0,0 @@
-import{r as i,g as s,h as t,a as o}from"./p-ChCjmDsd.js";import{d as a}from"./p-B3wtlP4_.js";import{r}from"./p-BnZU02lM.js";import{o as e}from"./p--VsCbcYp.js";import{o as n}from"./p-BWkzTEZX.js";import"./p-lWhwwQJ2.js";import"./p-GAnFXayY.js";import"./p-8R5d4SBR.js";import"./p-DXIDl7cw.js";const h="button, a[href]",d=class{constructor(s){i(this,s)}get host(){return s(this)}open=!1;x=0;y=0;closing=!1;disposeRoving;disposeObserver;exit=e((()=>this.closing=!1));loaded=!1;connectedCallback(){a(this.host,(()=>this.tabStop())),this.loaded&&this.watch()}async setFocus(){this.tabStop()?.focus()}tabStop(){return this.open?Array.from(this.host.querySelectorAll(h)).find((i=>"0"===i.getAttribute("tabindex")))??this.host.querySelector(h):null}componentDidLoad(){this.loaded=!0,this.watch()}disconnectedCallback(){this.disposeRoving?.(),this.disposeRoving=void 0,this.disposeObserver?.(),this.disposeObserver=void 0,this.exit.active&&(this.exit.cancel(),this.closing=!1)}watch(){this.arm(),this.disposeObserver?.(),this.disposeObserver=n(this.host,(()=>this.arm()))}onOpenChange(i){if(i)return this.exit.cancel(),void(this.closing=!1);this.closing=this.exit.begin(this.host)}arm(){this.disposeRoving?.(),this.disposeRoving=r(this.host,h,"horizontal")}render(){return t(o,{key:"b7e5cb8d8520e76c4fa3ca7df31b88b134da959d",role:"toolbar",class:{hidden:!this.open&&!this.closing,closing:this.closing},inert:this.closing,"aria-hidden":this.open?null:"true",style:{left:`${Number(this.x)||0}px`,top:`${Number(this.y)||0}px`}},t("slot",{key:"9dcad9e1aecf2e86a7a25a6af8fb59ba6f9e1efb"}))}static get watchers(){return{open:[{onOpenChange:0}]}}};d.style=".sc-sui-mini-toolbar-h{position:absolute;left:0;top:0;z-index:var(--z-dropdown);box-sizing:border-box;display:inline-flex;align-items:center;gap:2px;padding:4px;white-space:nowrap;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);font-family:var(--font-sans);color:var(--ink);animation:sui-mini-toolbar-in var(--duration-overlay) var(--ease-out)}.hidden.sc-sui-mini-toolbar-h{display:none}.closing.sc-sui-mini-toolbar-h{animation:sui-mini-toolbar-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-mini-toolbar-in{from{opacity:0;transform:translateY(4px)}}@keyframes sui-mini-toolbar-out{to{opacity:0}}";export{d as sui_mini_toolbar}

package/dist/shineui/p-2bf865be.entry.js

@@ -1 +0,0 @@
-export{SuiInputGroup as sui_input_group}from"./p-CEE56zCP.js";import"./p-ChCjmDsd.js";import"./p-hpOwNlzr.js";import"./p-DGU97JSr.js";import"./p-U06fVoGD.js";import"./p-BWkzTEZX.js";import"./p-Cs2X0Kih.js";import"./p-Vp9Oolk_.js";import"./p--VsCbcYp.js";import"./p-GAnFXayY.js";import"./p-8R5d4SBR.js";import"./p-DXIDl7cw.js";

package/dist/shineui/p-2e29ed9a.entry.js

@@ -1 +0,0 @@
-import{r as i,c as s,g as t,f as a,h as e,a as o}from"./p-ChCjmDsd.js";import{d as r}from"./p-B3wtlP4_.js";import{o as n}from"./p-cvVX1H_n.js";import{m as c}from"./p-DWPMf2AG.js";import{u as l}from"./p-U06fVoGD.js";import{l as h,a as d}from"./p-lWhwwQJ2.js";import{G as u,V as m,W as p,X as g,S as f,z as b}from"./p-DGU97JSr.js";import{M as v}from"./p-MZMDZSVW.js";import{h as x}from"./p-BWkzTEZX.js";import"./p-C-GcFQjn.js";import"./p-8R5d4SBR.js";import"./p--VsCbcYp.js";import"./p-GAnFXayY.js";import"./p-DXIDl7cw.js";const k=["cover","contain"],y=["lazy","eager"],w=class{constructor(t){i(this,t),this.suiOpen=s(this,"suiOpen",3),this.suiClose=s(this,"suiClose",3),this.suiError=s(this,"suiError",3)}get host(){return t(this)}src;previewSrc;alt="";caption;width;height;radius;fit="cover";loading="lazy";noPreview=!1;open=!1;suiOpen;suiClose;suiError;zoom=1;rotation=0;panX=0;panY=0;panning=!1;failed=!1;previewFailed=!1;closing=!1;layer;stage;big;modal;layerId=l("sui-image-lightbox");top=c({exited:()=>this.closing=!1,onEscape:()=>this.requestClose("escape")});panFrom;panMoved=!1;static PAN_STEP=40;connectedCallback(){r(this.host,(()=>this.frameButton())),this.open&&this.layer&&a(this)}async setFocus(){this.frameButton()?.focus()}frameButton(){return this.interactive&&this.host.querySelector("button.frame")||void 0}disconnectedCallback(){this.deactivate(),this.top.disconnect()&&(this.closing=!1),this.endPan()}onOpen(i){if(i)return this.top.reopen(),this.closing=!1,void this.reset();this.deactivate(),this.closing=this.top.close()}onSrc(){this.failed=!1,this.previewFailed=!1}onPreviewSrc(){this.previewFailed=!1}componentDidRender(){this.open&&this.activate()}activate(){this.open&&this.layer&&!this.modal&&this.host.isConnected&&(this.top.open(this.layer),this.modal=n(this.layer))}deactivate(){this.modal?.release(),this.modal=void 0}reset(){this.zoom=1,this.rotation=0,this.panX=0,this.panY=0}openPreview=()=>{this.interactive&&!this.open&&(this.open=!0,this.suiOpen.emit())};requestClose(i){this.suiClose.emit(i).defaultPrevented||(this.open=!1)}get interactive(){return!this.noPreview&&!this.failed&&!this.previewFailed}get bigSrc(){return this.previewSrc||this.src}get pannable(){return this.zoom>1}setZoom(i){this.zoom=i,i<=1?(this.panX=0,this.panY=0):this.clampPan()}clampPan(){const i=this.big?.offsetWidth||0,s=this.big?.offsetHeight||0;if(!i||!s)return;const t=Math.max(0,(i*this.zoom-i)/2),a=Math.max(0,(s*this.zoom-s)/2);this.panX=Math.min(t,Math.max(-t,this.panX)),this.panY=Math.min(a,Math.max(-a,this.panY))}turn(i){this.rotation=(this.rotation+i)%360}pan(i,s){this.panX+=i,this.panY+=s,this.clampPan()}onPanDown=i=>{this.pannable&&(i.preventDefault(),this.panFrom={x:i.clientX-this.panX,y:i.clientY-this.panY},this.panMoved=!1,this.panning=!0,document.addEventListener("pointermove",this.onPanMove),document.addEventListener("pointerup",this.endPan),document.addEventListener("pointercancel",this.endPan))};onPanMove=i=>{this.panFrom&&(this.panMoved=!0,this.panX=i.clientX-this.panFrom.x,this.panY=i.clientY-this.panFrom.y,this.clampPan())};endPan=()=>{this.panFrom=void 0,this.panning=!1,"undefined"!=typeof document&&(document.removeEventListener("pointermove",this.onPanMove),document.removeEventListener("pointerup",this.endPan),document.removeEventListener("pointercancel",this.endPan))};onLayerKeyDown=i=>{const s=w.PAN_STEP;let t=0,a=0;switch(i.key){case"ArrowLeft":t=s;break;case"ArrowRight":t=-s;break;case"ArrowUp":a=s;break;case"ArrowDown":a=-s;break;default:return}i.stopPropagation(),this.pannable&&(i.preventDefault(),this.pan(t,a))};onLayerClick=i=>{const s=this.panMoved;this.panMoved=!1,s||i.target!==this.layer&&i.target!==this.stage||this.requestClose("scrim")};onImageError=()=>{this.failed||(this.failed=!0,this.suiError.emit(this.src),this.open&&this.requestClose("cancel"))};onPreviewError=()=>{if(!this.previewSrc)return this.onImageError();this.previewFailed||(this.previewFailed=!0,this.suiError.emit(this.previewSrc),this.open&&this.requestClose("cancel"))};transform(){const i=[];return(this.panX||this.panY)&&i.push(`translate(${this.panX}px, ${this.panY}px)`),this.rotation&&i.push(`rotate(${this.rotation}deg)`),1!==this.zoom&&i.push(`scale(${this.zoom})`),i.length?i.join(" "):void 0}static len(i){if(null!=i&&""!==i)return"number"==typeof i||/^\d+(\.\d+)?$/.test(String(i))?`${i}px`:String(i)}static one(i,s,t){return i.includes(s)?s:t}tool(i,s,t){return e("button",{type:"button",class:"tool","aria-label":i,onClick:t},e(u,{glyph:s}))}render(){const i={width:w.len(this.width),height:w.len(this.height),borderRadius:this.radius||void 0},s=this.caption||this.alt||h(void 0,"image.imagePreview",void 0,"Image preview"),t=w.one(k,this.fit,"cover"),a=[this.failed?null:e("img",{class:{pic:!0,[t]:!0},src:this.src,alt:this.alt,loading:w.one(y,this.loading,"lazy"),onError:this.onImageError}),e("span",{key:"a26973d182b104f7a4bdc114bdd3bfe5697fbbb1",class:"fallback",hidden:!this.failed},e("slot",{key:"02e2716a07d9d3fef1c016da68ff83604dcafdc2",name:"error"})),this.failed&&!x(this.host,"error")?e(v,{text:h(void 0,"image.unavailable",void 0,"Image unavailable")}):null];return e(o,{key:"f02baa9ae7c9a0b775607cda11d8dffb56a74583"},e("figure",{key:"d9b8a137ff65c6083abecf8f5ed89c95567cfde4",class:"figure"},this.interactive?e("button",{type:"button",class:"frame preview",style:i,"aria-label":d(void 0,"image.preview",void 0,"Preview: {name}",{name:s}),"aria-haspopup":"dialog","aria-expanded":this.open?"true":"false","aria-controls":this.open?this.layerId:void 0,onClick:this.openPreview},a,e("span",{class:"veil","aria-hidden":"true"},e(u,{glyph:m}))):e("div",{class:{frame:!0,failed:this.failed},style:i},a),this.caption?e("figcaption",{class:"caption"},this.caption):null),this.open||this.closing?e("div",{id:this.layerId,class:{layer:!0,closing:this.closing},inert:this.closing,ref:i=>this.layer=i,role:"dialog","aria-label":s,onClick:this.onLayerClick,onKeyDown:this.onLayerKeyDown},e("div",{class:"bar"},this.caption?e("div",{class:"big-caption"},this.caption):null,e("div",{class:"tools"},this.tool(h(void 0,"image.zoomIn",void 0,"Zoom in"),m,(()=>this.setZoom(Math.min(2.5,+(this.zoom+.25).toFixed(2))))),this.tool(h(void 0,"image.zoomOut",void 0,"Zoom out"),p,(()=>this.setZoom(Math.max(.5,+(this.zoom-.25).toFixed(2))))),e("span",{class:"sep","aria-hidden":"true"}),this.tool(h(void 0,"image.rotateLeft",void 0,"Rotate left"),g,(()=>this.turn(-90))),this.tool(h(void 0,"image.rotateRight",void 0,"Rotate right"),f,(()=>this.turn(90))),e("span",{class:"sep","aria-hidden":"true"}),this.tool(h(void 0,"image.close",void 0,"Close"),b,(()=>this.requestClose("close-button"))))),e("div",{class:"stage",ref:i=>this.stage=i},e("img",{class:{big:!0,pannable:this.pannable,panning:this.panning},ref:i=>this.big=i,src:this.bigSrc,alt:this.alt,style:{transform:this.transform()},onError:this.onPreviewError,onPointerDown:this.onPanDown}))):null)}static get watchers(){return{open:[{onOpen:0}],src:[{onSrc:0}],previewSrc:[{onPreviewSrc:0}]}}};w.style=".sc-sui-image-h{display:inline-block;font-family:var(--font-sans)}.figure.sc-sui-image{margin:0;display:inline-block}.frame.sc-sui-image{position:relative;display:block;overflow:hidden;box-sizing:border-box;padding:0;margin:0;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-sunken);cursor:default;font:inherit;color:inherit;text-align:start}.frame.preview.sc-sui-image{cursor:zoom-in}.frame.preview.sc-sui-image:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.pic.sc-sui-image{display:block;width:100%;height:100%}.pic.cover.sc-sui-image{object-fit:cover}.pic.contain.sc-sui-image{object-fit:contain}.fallback.sc-sui-image{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.fallback[hidden].sc-sui-image{display:none}.frame.failed.sc-sui-image{min-width:128px;min-height:96px}.veil.sc-sui-image{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--scrim);color:var(--ink-on-dark);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.veil.sc-sui-image .sui-glyph.sc-sui-image{font-size:18px}.frame.preview.sc-sui-image:hover .veil.sc-sui-image,.frame.preview.sc-sui-image:focus-visible .veil.sc-sui-image{opacity:1}.caption.sc-sui-image{font-size:11.5px;color:var(--ink-faint);margin-top:6px}.layer.sc-sui-image{position:fixed;inset:0;z-index:var(--z-dialog);background:color-mix(in srgb, var(--media-dark) 90%, transparent);display:flex;flex-direction:column;animation:sui-image-fade var(--duration-slow) var(--ease-out)}.layer.sc-sui-image:focus{outline:none}.bar.sc-sui-image{flex:none;display:flex;align-items:center;gap:16px;height:64px;box-sizing:border-box;padding-inline:24px 14px;background:var(--media-dark)}.big-caption.sc-sui-image{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:color-mix(in srgb, var(--ink-on-dark) 85%, transparent);font-size:13px;font-weight:600;font-family:var(--font-sans)}.tools.sc-sui-image{display:flex;align-items:center;gap:4px;margin-inline-start:auto}.sep.sc-sui-image{width:1px;height:20px;margin-inline:4px;background:color-mix(in srgb, var(--ink-on-dark) 22%, transparent)}.tool.sc-sui-image{width:40px;height:40px;padding:0;margin:0;border:0;border-radius:var(--radius-md);background:transparent;color:var(--ink-on-dark);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background var(--duration-fast) var(--ease-out)}.tool.sc-sui-image .sui-glyph.sc-sui-image{font-size:16px}.tool.sc-sui-image:hover{background:color-mix(in srgb, var(--ink-on-dark) 14%, transparent)}.tool.sc-sui-image:focus-visible{outline:2px solid var(--ink-on-dark);outline-offset:1px;box-shadow:none}.stage.sc-sui-image{position:relative;flex:1;min-height:0;overflow:hidden;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:16px 24px}@media (max-width: 480px){.bar.sc-sui-image{flex-wrap:wrap;height:auto;min-height:64px;padding-block:12px;row-gap:6px}.big-caption.sc-sui-image{order:1;flex-basis:100%;white-space:normal;overflow-wrap:break-word}}.big.sc-sui-image{position:relative;max-width:100%;max-height:100%;border-radius:var(--radius-md);display:block;transition:transform var(--duration-base) var(--ease-out);animation:sui-image-in var(--duration-slow) var(--ease-out)}.big.pannable.sc-sui-image{cursor:grab}.big.pannable.sc-sui-image:active{cursor:grabbing}.big.panning.sc-sui-image{transition:none}.layer.closing.sc-sui-image{pointer-events:none;animation:sui-image-out var(--duration-fast) var(--ease-out) forwards}@keyframes sui-image-fade{from{opacity:0}}@keyframes sui-image-in{from{opacity:0;top:4px}}@keyframes sui-image-out{to{opacity:0}}@media (forced-colors: active){.layer.sc-sui-image{background:Canvas}.bar.sc-sui-image{background:Canvas}.big.sc-sui-image{border:1px solid CanvasText;box-sizing:border-box}.big-caption.sc-sui-image{color:CanvasText}.tool.sc-sui-image{color:ButtonText;border:1px solid ButtonText}.tool.sc-sui-image:focus-visible{outline-color:Highlight}.sep.sc-sui-image{background:CanvasText}}.sui-media-fallback.sc-sui-image{position:absolute;inset:0;box-sizing:border-box;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--surface-sunken);color:var(--ink-faint);font:460 12.5px/1.4 var(--font-sans);text-align:center}.sui-media-fallback.sc-sui-image .sui-glyph.sc-sui-image{font-size:22px}.sui-media-fallback.sc-sui-image .sui-mf-text.sc-sui-image{color:var(--ink-muted)}.sui-media-fallback.compact.sc-sui-image{gap:0;padding:0}.sui-media-fallback.compact.sc-sui-image .sui-glyph.sc-sui-image{font-size:14px}.sui-media-fallback.inverse.sc-sui-image{background:transparent;color:color-mix(in srgb, var(--ink-on-dark) 70%, transparent)}.sui-media-fallback.inverse.sc-sui-image .sui-mf-text.sc-sui-image{color:var(--ink-on-dark)}@media (forced-colors: active){.sui-media-fallback.sc-sui-image,.sui-media-fallback.sc-sui-image .sui-mf-text.sc-sui-image{color:GrayText}}";export{w as sui_image}

package/dist/shineui/p-31bf7cbf.entry.js

@@ -1 +0,0 @@
-import{r as i,c as s,g as r,h as t,a as e}from"./p-ChCjmDsd.js";import{G as o,U as l,r as a,aj as d,o as n,q as u,ak as c,s as h,ab as v}from"./p-DGU97JSr.js";import{r as p,s as f,R as b}from"./p-BngFAmWB.js";import{u as g}from"./p-U06fVoGD.js";import{d as x}from"./p-DHVm09RY.js";import{l as m,a as k}from"./p-lWhwwQJ2.js";import{d as w}from"./p-B3wtlP4_.js";import"./p-QbF8alxe.js";import"./p-D7g5DbgE.js";const y=class{constructor(r){i(this,r),this.suiItemsChange=s(this,"suiItemsChange",3),this.suiSelectionChange=s(this,"suiSelectionChange",3)}get host(){return r(this)}heading;items=[];selection=[];height=240;noDrag=!1;dragOnly=!1;selectionMode="single";filter=!1;emptyMessage;emptyFilterMessage;loading=!1;suiItemsChange;suiSelectionChange;focused=-1;dragIdx=-1;overIdx=-1;lifted=-1;live="";query="";fieldId=g("sui-order-list");rowEls=[];pendingFocus=-1;snapshot;connectedCallback(){w(this.host,(()=>this.rowEls[this.tabRow()]))}onItems(i){const s=(i||[]).length;this.lifted>=s&&(this.lifted=-1),this.focused>=s&&(this.focused=s?s-1:-1)}componentDidRender(){this.pendingFocus>=0&&(this.focusRow(this.pendingFocus),this.pendingFocus=-1)}async setFocus(){this.focusRow(this.tabRow())}list(){return this.items||[]}get boxes(){return"checkbox"===this.selectionMode}get filtering(){return this.filter&&this.query.trim().length>0}sel(){const i=this.selection||[];if(!i.length)return[];const s=[];return this.list().forEach(((r,t)=>{i.includes(r.value)&&s.push(t)})),this.boxes?s:s.slice(0,1)}visible(){const i=this.query.trim().toLowerCase(),s=this.list(),r=s.map(((i,s)=>s));return this.filtering?r.filter((r=>p(s[r],i))):r}tabRow(){const i=this.visible(),s=this.sel(),r=this.boxes||!s.length?this.focused:s[0];return i.includes(r)?r:i.length?i[0]:0}focusRow(i){const s=this.rowEls[i];s&&"function"==typeof s.focus&&s.focus()}setSel(i){const s=this.list(),r=i.slice().sort(((i,s)=>i-s)).map((i=>s[i].value));f(r,this.selection)||(this.selection=r,this.suiSelectionChange.emit(r))}select(i){this.setSel(i<0?[]:[i])}toggle(i){const s=this.sel();this.setSel(s.includes(i)?s.filter((s=>s!==i)):s.concat([i]))}toggleAll=()=>{const i=this.visible();if(!i.length)return;const s=this.sel(),r=i.every((i=>s.includes(i)));this.setSel(r?s.filter((s=>!i.includes(s))):s.concat(i.filter((i=>!s.includes(i)))))};commit(i){this.items=i,this.suiItemsChange.emit(i)}reorder(i,s){const r=this.list().slice(),[t]=r.splice(i,1);return r.splice(s,0,t),r}packed(i){const s=this.sel(),r=this.list().length;return!s.length||s.every("top"===i?(i,s)=>i===s:(i,t)=>i===r-s.length+t)}move(i){const s=this.sel(),r=this.list().length;if(!s.length||!r||this.filtering)return;const t=this.list().filter(((i,r)=>!s.includes(r))),e=s.map((i=>this.list()[i]));let o;o="top"===i?0:"bottom"===i?t.length:"up"===i?Math.max(0,s[0]-1):Math.min(t.length,s[s.length-1]+2-s.length);const l=t.slice(0,o).concat(e,t.slice(o));l.every(((i,s)=>i===this.list()[s]))||(this.focused=o,this.pendingFocus=o,this.commit(l))}resetDrag=()=>{this.dragIdx=-1,this.overIdx=-1};onDragStart(i,s){if(this.dragIdx=s,this.focused=s,this.boxes||this.select(s),i.dataTransfer){i.dataTransfer.effectAllowed="move";try{i.dataTransfer.setData("text/plain",this.list()[s].label)}catch{}}}onRowDragOver(i,s){if(this.noDrag||this.filtering)return;i.preventDefault();const r=i.currentTarget.getBoundingClientRect();this.overIdx=i.clientY<r.top+r.height/2?s:s+1}onDrop=i=>{i.preventDefault();const s=this.dragIdx,r=this.overIdx;if(this.resetDrag(),s<0||r<0)return;const t=r>s?r-1:r;t!==s?(this.focused=t,this.commit(this.reorder(s,t))):this.boxes||this.select(s)};onKey(i,s){const r=this.lifted===s,t=this.visible(),e=t.indexOf(s),o=(o,l)=>{i.preventDefault(),r?this.moveLifted(s,null!=l?l<0?0:this.list().length-1:s+o):this.focusAt(null!=l?l<0?t[0]:t[t.length-1]:t[e+o]??(o<0?t[0]:t[t.length-1]))},l=()=>{i.preventDefault(),r?this.dropLifted(s):this.lift(s)};switch(i.key){case" ":case"Spacebar":i.preventDefault(),this.boxes?(this.focused=s,this.toggle(s)):l();break;case"Enter":l();break;case"ArrowDown":o(1);break;case"ArrowUp":o(-1);break;case"Home":o(0,-1);break;case"End":o(0,1);break;case"Escape":r&&(i.preventDefault(),this.cancelLift())}}focusAt(i){null!=i&&(this.focused=i,this.boxes||this.select(i),this.focusRow(i))}lift(i){this.filtering?this.live=m(void 0,"order-list.filterHeld",void 0,"Clear the filter to reorder the list."):(this.lifted=i,this.focused=i,this.boxes||this.select(i),this.snapshot=this.list().slice(),this.live=k(void 0,"order-list.lifted",void 0,"{item} lifted. Use the arrow keys to move it, then drop it.",{item:this.list()[i].label}))}moveLifted(i,s){const r=this.list().length,t=x(s,0,r-1),e=this.list()[i].label;t!==i?(this.commit(this.reorder(i,t)),this.lifted=t,this.focused=t,this.pendingFocus=t,this.live=k(void 0,"order-list.moved",void 0,"{item} moved to position {n} of {count}.",{item:e,n:t+1,count:r})):this.live=0===t?k(void 0,"order-list.atTop",void 0,"{item} is already at the top.",{item:e}):k(void 0,"order-list.atBottom",void 0,"{item} is already at the bottom.",{item:e})}dropLifted(i){this.lifted=-1,this.snapshot=void 0,this.live=k(void 0,"order-list.dropped",void 0,"{item} dropped at position {n} of {count}.",{item:this.list()[i].label,n:i+1,count:this.list().length})}cancelLift(){const i=this.lifted,s=this.snapshot,r=this.list()[i];this.lifted=-1,this.snapshot=void 0;let t=i;s&&!s.every(((i,s)=>i===this.list()[s]))&&(t=Math.max(0,s.indexOf(r)),this.pendingFocus=t,this.focused=t,this.commit(s)),this.live=k(void 0,"order-list.canceled",void 0,"Move canceled. {item} returned to position {n}.",{item:r.label,n:t+1})}ctrl(i,s,r,e){return t("button",{type:"button",class:"sui-rl-ctrl","aria-label":s,disabled:e,onClick:r},t(o,{glyph:i}))}onRowClick(i){this.focused=i,this.boxes?this.toggle(i):this.select(i)}render(){const i=this.list(),s=this.boxes,r=this.visible(),p=this.sel(),f=-1!==this.dragIdx,g=!this.noDrag,x=this.tabRow(),w=r.filter((i=>p.includes(i))).length,y=r.length>0&&w===r.length,z=w>0&&!y,D=this.filtering||this.loading,j={},C=[];this.rowEls=[];const H=this.heading?k(void 0,"order-list.filterList",void 0,"Filter {list}",{list:this.heading}):m(void 0,"order-list.filter",void 0,"Filter"),T=this.loading?m(void 0,"order-list.loading",void 0,"Loading"):0===r.length?this.filtering?m(void 0,"order-list.emptyFilter",this.emptyFilterMessage,"No matches."):m(void 0,"order-list.empty",this.emptyMessage,"Nothing here yet."):"";return this.loading||r.forEach((r=>{const e=i[r];f&&this.overIdx===r&&C.push(t("li",{class:"sui-rl-dropline",role:"presentation",key:`dl${r}`}));const d=String(e.value),n=j[d]=(j[d]||0)+1,u=p.includes(r);C.push(t("li",{key:n>1?`${d}#${n}`:d,ref:i=>{i&&(this.rowEls[r]=i)},class:{"sui-rl-row":!0,selected:u,dragging:this.dragIdx===r,lifted:this.lifted===r,static:!g||D},role:"option","aria-selected":u?"true":"false",tabIndex:r===x?0:-1,draggable:g&&!D,onClick:()=>this.onRowClick(r),onKeyDown:i=>this.onKey(i,r),onDragStart:i=>this.onDragStart(i,r),onDragEnd:this.resetDrag,onDragOver:i=>this.onRowDragOver(i,r)},s?t("span",{class:{"sui-rl-box":!0,on:u},"aria-hidden":"true"},u?t(o,{glyph:a}):null):null,t(o,{glyph:l,class:"grip"}),t(b,{item:e,avatar:e.avatar||e.initials?t("sui-avatar",{class:"sui-list-avatar",src:e.avatar,initials:e.initials,size:"sm","aria-hidden":"true"}):void 0})))})),f&&this.overIdx===i.length&&C.push(t("li",{class:"sui-rl-dropline",role:"presentation",key:"dlend"})),t(e,{key:"fb4815cbb5d1360d2066ca6c75c0e93eaf42494e"},t("div",{key:"57e3a79d964e24e7700087dd8bed7a35d103098d",class:"wrap"},this.dragOnly?null:t("div",{class:"sui-rl-ctrls"},this.ctrl(d,m(void 0,"order-list.moveToTop",void 0,"Move to top"),(()=>this.move("top")),D||this.packed("top")),this.ctrl(n,m(void 0,"order-list.moveUp",void 0,"Move up"),(()=>this.move("up")),D||this.packed("top")),this.ctrl(u,m(void 0,"order-list.moveDown",void 0,"Move down"),(()=>this.move("down")),D||this.packed("bottom")),this.ctrl(c,m(void 0,"order-list.moveToBottom",void 0,"Move to bottom"),(()=>this.move("bottom")),D||this.packed("bottom"))),t("div",{key:"5187c5d85e762006486a8436ec1889baec4c3e8d",class:"main"},this.heading?t("div",{class:"sui-rl-header",id:`${this.fieldId}-h`},this.heading):null,this.filter?t("div",{class:"sui-rl-filter sui-frame"},t(o,{glyph:h}),t("input",{type:"text",placeholder:m(void 0,"order-list.filterPlaceholder",void 0,"Filter"),"aria-label":H,value:this.query,onInput:i=>this.query=i.target.value})):null,s?t("button",{type:"button",class:"sui-rl-all",role:"checkbox","aria-checked":y?"true":z?"mixed":"false",disabled:0===r.length,onClick:this.toggleAll},t("span",{class:{"sui-rl-box":!0,on:y,mixed:z},"aria-hidden":"true"},y?t(o,{glyph:a}):null,z?t(o,{glyph:v}):null),t("span",null,m(void 0,"order-list.selectAll",void 0,"Select all"))):null,t("ol",{key:"b8e12bcb8eac713b19234ccb6334e1b4f9b7f12a",class:"sui-rl-shell",role:"listbox","aria-multiselectable":s?"true":null,"aria-labelledby":this.heading?`${this.fieldId}-h`:null,"aria-describedby":T?`${this.fieldId}-empty ${this.fieldId}-hint`:`${this.fieldId}-hint`,"aria-busy":this.loading?"true":null,style:{maxHeight:`${this.height}px`},onDragOver:g&&!D?i=>i.preventDefault():void 0,onDrop:g&&!D?this.onDrop:void 0},T?t("li",{class:"sui-rl-empty empty",id:`${this.fieldId}-empty`,role:"presentation","aria-hidden":"true"},T):null,C),t("div",{key:"9142ec5a246968c1da2b0dc44c27bafe5d2ae34d",class:"sui-rl-live",id:`${this.fieldId}-hint`},this.filtering?m(void 0,"order-list.filterHeld",void 0,"Clear the filter to reorder the list."):s?m(void 0,"order-list.hintBoxes",void 0,"Press Space to tick a row, Enter to lift it, the arrow keys to move it and Enter to drop it."):m(void 0,"order-list.hint",void 0,"Press Space to lift a row, the arrow keys to move it and Space to drop it.")),t("div",{key:"3eac4f74cabd623923bbeff6c2c66bbe54f8bf00",class:"sui-rl-live","aria-live":"assertive","aria-atomic":"true"},this.live))))}static get watchers(){return{items:[{onItems:0}]}}};y.style=".sc-sui-order-list-h{display:block;font-family:var(--font-sans);color:var(--ink)}.wrap.sc-sui-order-list{display:flex;gap:10px;align-items:stretch}.main.sc-sui-order-list{flex:1;min-width:0;position:relative}.sui-frame.sc-sui-order-list{box-sizing:border-box;background:var(--sui-field-bg, var(--surface));border:1px solid var(--sui-field-border, var(--control-border));border-radius:var(--sui-field-radius, var(--radius-md));box-shadow:none;outline:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-frame.sc-sui-order-list:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-order-list,.sui-frame.readonly.sc-sui-order-list{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-order-list:focus-within,.sui-frame.focus.sc-sui-order-list,.sui-frame.open.sc-sui-order-list{border-color:var(--sui-field-border, var(--focus-ring));outline:var(--sui-field-edge, 1px solid var(--focus-ring));outline-offset:-2px;box-shadow:var(--sui-field-halo, 0 0 0 3px var(--focus-halo))}.sui-frame.invalid.sc-sui-order-list{border-color:var(--sui-field-border, var(--danger));outline:var(--sui-field-edge, 1px solid var(--danger));outline-offset:-2px}.sui-frame.invalid.sc-sui-order-list:focus-within,.sui-frame.invalid.focus.sc-sui-order-list,.sui-frame.invalid.open.sc-sui-order-list{outline-width:2px;outline-offset:-3px;box-shadow:var(--sui-field-halo, 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent))}.sui-frame.sc-sui-order-list:disabled,.sui-frame.disabled.sc-sui-order-list{--ink-muted:var(--disabled-ink);--ink-faint:var(--disabled-ink);border-color:var(--sui-field-border, var(--border));outline:none;box-shadow:none;background:var(--sui-field-bg, var(--disabled-bg));color:var(--disabled-ink);cursor:not-allowed}.sui-input.sc-sui-order-list{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-order-list::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-order-list{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-order-list{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-order-list{height:var(--sui-field-height, var(--control-lg));padding:0 var(--control-pad-x);font-size:14px}@media (forced-colors: active){.sui-frame.sc-sui-order-list:focus-within,.sui-frame.focus.sc-sui-order-list,.sui-frame.open.sc-sui-order-list{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-order-list:disabled,.sui-frame.disabled.sc-sui-order-list{color:GrayText;border-color:GrayText}}.sev.sc-sui-order-list{width:26px;height:26px;border-radius:50%;flex-shrink:0;margin-top:1px;display:inline-flex;align-items:center;justify-content:center}.sev.sc-sui-order-list i.sc-sui-order-list,.sev.sc-sui-order-list .sui-glyph.sc-sui-order-list{font-size:11px}.sev.positive.sc-sui-order-list{background:var(--status-positive-bg);color:var(--status-positive-ink)}.sev.attention.sc-sui-order-list{background:var(--status-attention-bg);color:var(--status-attention-ink)}.sev.critical.sc-sui-order-list{background:var(--danger-soft);color:var(--danger)}.sev.info.sc-sui-order-list{background:var(--surface-sunken);color:var(--ink-muted)}.sev.neutral.sc-sui-order-list{background:var(--status-neutral-bg);color:var(--status-neutral-ink)}.sev.icon.sc-sui-order-list{background:var(--surface-sunken);color:var(--ink-muted)}.sui-list-avatar.sc-sui-order-list{flex-shrink:0;margin-top:1px}.text.sc-sui-order-list{flex:1;min-width:0}.title-row.sc-sui-order-list{display:flex;align-items:center;gap:6px;min-width:0}.title.sc-sui-order-list{font-size:12.5px;font-weight:620;min-width:0}.unread.sc-sui-order-list .title.sc-sui-order-list{font-weight:700}.dot.sc-sui-order-list{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-inline-start:auto}.meta.sc-sui-order-list{flex-shrink:0;margin-inline-start:auto;font-size:11px;color:var(--ink-muted);font-feature-settings:'tnum';white-space:nowrap}.dot.sc-sui-order-list+.sr-only.sc-sui-order-list+.meta.sc-sui-order-list,.dot.sc-sui-order-list+.meta.sc-sui-order-list{margin-inline-start:0}.detail.sc-sui-order-list{display:block;font-size:11.5px;color:var(--ink-muted);line-height:1.45;margin-top:1px}.time.sc-sui-order-list{display:block;font-size:10.5px;color:var(--ink-faint);margin-top:3px;font-feature-settings:'tnum'}.sr-only.sc-sui-order-list{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (forced-colors: active){.sev.sc-sui-order-list{box-sizing:border-box;border:1px solid CanvasText}.dot.sc-sui-order-list{background:CanvasText}}.sui-rl-shell.sc-sui-order-list{box-sizing:border-box;margin:0;list-style:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:5px;overflow-y:auto}.sui-rl-shell.sc-sui-order-list:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-rl-empty.sc-sui-order-list{list-style:none;padding:14px 10px;font-size:12px;color:var(--ink-faint);text-align:center}.sui-rl-row.sc-sui-order-list{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--radius-md);font-size:13px;font-weight:460;color:var(--ink);background:transparent;cursor:grab;user-select:none;-webkit-user-select:none;opacity:1;box-shadow:none;transition:background var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-rl-row.static.sc-sui-order-list{cursor:pointer}.sui-rl-row.sc-sui-order-list:hover{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-rl-row.selected.sc-sui-order-list{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);font-weight:650}.sui-rl-row.selected.sc-sui-order-list:hover{--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.sui-rl-row.dragging.sc-sui-order-list{opacity:0.5;box-shadow:none;outline:1px dashed var(--ink-muted);outline-offset:-1px}.sui-rl-row.lifted.sc-sui-order-list{box-shadow:var(--shadow-raised);background:var(--surface);position:relative;z-index:1}.sui-rl-row.sc-sui-order-list:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-rl-row.lifted.sc-sui-order-list:focus-visible{box-shadow:var(--shadow-raised)}.sui-rl-row.sc-sui-order-list .grip.sc-sui-order-list{font-size:10px;color:var(--ink-faint)}.sui-rl-row.static.sc-sui-order-list .grip.sc-sui-order-list{color:var(--border-strong)}.sui-rl-row.sc-sui-order-list .label.sc-sui-order-list{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-rl-row.sc-sui-order-list .text.sc-sui-order-list .label.sc-sui-order-list{display:block}.sui-rl-row.sc-sui-order-list .detail.sc-sui-order-list{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:460}.sui-rl-row.sc-sui-order-list .meta.sc-sui-order-list{font-weight:460}.sui-rl-row.selected.sc-sui-order-list .detail.sc-sui-order-list,.sui-rl-row.selected.sc-sui-order-list .meta.sc-sui-order-list{color:var(--ink-muted)}.sui-rl-dropline.sc-sui-order-list{height:2px;border-radius:1px;background:var(--accent-ink);margin:1px 6px;box-shadow:0 0 0 1px color-mix(in srgb, var(--accent-ink) 25%, transparent)}.sui-rl-ctrls.sc-sui-order-list{display:flex;flex-direction:column;gap:6px;justify-content:center}.sui-rl-ctrl.sc-sui-order-list{box-sizing:border-box;width:30px;height:30px;padding:0;margin:0;border:1px solid var(--control-border);border-radius:var(--radius-md);background:var(--surface);color:var(--ink-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.sui-rl-ctrl.sc-sui-order-list .sui-glyph.sc-sui-order-list{font-size:11px}.sui-rl-ctrl.sc-sui-order-list:hover:not(:disabled){background:linear-gradient(var(--surface-hover) 0 0) var(--surface)}.sui-rl-ctrl.sc-sui-order-list:active:not(:disabled){background:linear-gradient(var(--surface-pressed) 0 0) var(--surface)}.sui-rl-ctrl.sc-sui-order-list:disabled{color:var(--ink-placeholder);cursor:not-allowed}.sui-rl-ctrl.sc-sui-order-list:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-rl-header.sc-sui-order-list{font-size:12.5px;font-weight:650;color:var(--ink);margin-bottom:6px}.sui-rl-header.sc-sui-order-list .count.sc-sui-order-list{color:var(--ink-faint);font-weight:460;margin-inline-start:6px;font-feature-settings:'tnum'}.sui-rl-live.sc-sui-order-list{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}@media (forced-colors: active){.sui-rl-row.selected.sc-sui-order-list{forced-color-adjust:none;background:Highlight;color:HighlightText}.sui-rl-row.selected.sc-sui-order-list .grip.sc-sui-order-list{color:HighlightText}.sui-rl-row.selected.sc-sui-order-list .sui-rl-box.sc-sui-order-list{forced-color-adjust:auto}.sui-rl-row.selected.sc-sui-order-list .detail.sc-sui-order-list,.sui-rl-row.selected.sc-sui-order-list .meta.sc-sui-order-list{color:HighlightText}.sui-rl-row.selected.sc-sui-order-list .sev.sc-sui-order-list,.sui-rl-row.selected.sc-sui-order-list .sui-list-avatar.sc-sui-order-list{forced-color-adjust:auto}.sui-rl-row.selected.sc-sui-order-list:focus-visible{outline-color:HighlightText;box-shadow:none}.sui-rl-row.lifted.sc-sui-order-list{outline:2px dashed Highlight;outline-offset:-2px;box-shadow:none}.sui-rl-row.selected.lifted.sc-sui-order-list{outline-color:HighlightText}.sui-rl-dropline.sc-sui-order-list{background:Highlight;box-shadow:none}}.sui-rl-box.sc-sui-order-list{width:18px;height:18px;box-sizing:border-box;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);border:1.5px solid color-mix(in srgb, var(--control-border) 75%, var(--ink));background:var(--surface);transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out)}.sui-rl-box.on.sc-sui-order-list,.sui-rl-box.mixed.sc-sui-order-list{border-color:var(--brand);background:var(--brand)}.sui-rl-box.sc-sui-order-list .sui-glyph.sc-sui-order-list{font-size:10px;color:var(--brand-contrast)}.sui-rl-all.sc-sui-order-list{display:flex;align-items:center;gap:9px;width:100%;box-sizing:border-box;margin:0 0 6px;padding:5px 10px;border:none;border-radius:var(--radius-md);background:transparent;cursor:pointer;text-align:start;font:550 12.5px var(--font-sans);color:var(--ink);transition:background var(--duration-fast) var(--ease-out)}.sui-rl-all.sc-sui-order-list:hover:not(:disabled){--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-rl-all.sc-sui-order-list:disabled{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);color:var(--disabled-ink);cursor:not-allowed}.sui-rl-all.sc-sui-order-list:disabled .sui-rl-box.sc-sui-order-list{background:var(--disabled-bg);border-color:var(--border-strong)}.sui-rl-all.sc-sui-order-list:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-rl-filter.sc-sui-order-list{display:flex;align-items:center;gap:7px;height:30px;padding:0 9px;margin-bottom:6px;box-sizing:border-box}.sui-rl-filter.sc-sui-order-list .sui-glyph.sc-sui-order-list{font-size:11px;color:var(--ink-faint)}.sui-rl-filter.sc-sui-order-list input.sc-sui-order-list{flex:1;min-width:0;border:none;outline:none;background:transparent;font:460 12.5px var(--font-sans);color:var(--ink)}.sui-rl-filter.sc-sui-order-list input.sc-sui-order-list::placeholder{color:var(--ink-placeholder)}";export{y as sui_order_list}

package/dist/shineui/p-3e25ddd2.entry.js

@@ -1 +0,0 @@
-import{r as i,h as e,a as t}from"./p-ChCjmDsd.js";import{G as s,J as n}from"./p-DGU97JSr.js";import{S as l}from"./p-D7g5DbgE.js";import{S as r}from"./p-DRMr6xXH.js";import{c as a,m as o}from"./p-q0JbXN8q.js";const c=Symbol("threw"),d=class{constructor(e){i(this,e)}items=[];orientation="vertical";align="start";variant="default";severityFill="soft";get feed(){return"feed"===this.variant}marker(i){if(this.feed&&i.avatar)return e("sui-avatar",{class:"avatar",name:i.avatar.name,initials:i.avatar.initials,src:i.avatar.src,size:"sm"});const t=i.severity&&r.includes(i.severity)?i.severity:void 0,a={dot:!0,accent:!!i.accent&&!t,sev:!!t};return t&&(a[t]=!0),e("div",{class:a},i.icon?e("i",{class:i.icon,"aria-hidden":"true"}):e(s,{glyph:t?l[t]:n}))}description(i){if("function"==typeof i.render){const t=a(i.render,[],c);if(t!==c)return e("div",{class:"description",ref:i=>o(i,t)})}return i.description?e("div",{class:"description"},i.description):null}titleOf(i){return i.href?e("a",{class:"title link",href:i.href},i.title):e(this.feed?"span":"div",{class:"title"},i.title)}body(i,t="start"){return this.feed?e("div",{class:{body:!0,[t]:!0}},e("div",{class:"entry"},i.actor?e("span",{class:"actor"},i.actor):null,this.titleOf(i),i.time?e("span",{class:"time"},i.time):null),this.description(i)):e("div",{class:{body:!0,[t]:!0}},this.titleOf(i),this.description(i),i.time?e("div",{class:"time"},i.time):null)}opposite(i,t){return i.opposite?e("div",{class:{opp:!0,[t]:!0}},i.opposite):null}render(){const i=this.items||[],s=i.length-1,n=i.some((i=>!!i.opposite)),l=this.feed,r="solid"===this.severityFill;if("horizontal"===this.orientation)return e(t,null,e("ol",{class:{list:!0,horizontal:!0,feed:l,solid:r}},i.map(((i,t)=>e("li",{class:"event",key:String(t)},n?e("div",{class:"pad opp-pad"},this.opposite(i,"center")):null,e("div",{class:"rail"},e("div",{class:{seg:!0,hidden:0===t}}),this.marker(i),e("div",{class:{seg:!0,hidden:t===s}})),e("div",{class:"pad"},this.body(i,"center")))))));const a="alternate"===this.align;return e(t,null,e("ol",{class:{list:!0,vertical:!0,feed:l,solid:r}},i.map(((i,t)=>{const l=a?t%2==0:"end"!==this.align,r=l?this.opposite(i,"end"):this.body(i,"end"),o=l?this.body(i):this.opposite(i,"start"),c=a||n;return e("li",{class:"event",key:String(t)},c||!l?e("div",{class:"side"},r):null,e("div",{class:"spine"},this.marker(i),t<s?e("div",{class:"line"}):null),c||l?e("div",{class:"side"},o):null)}))))}};d.style=".sc-sui-timeline-h{display:block;font-family:var(--font-sans);color:var(--ink)}.list.sc-sui-timeline{list-style:none;margin:0;padding:0;display:flex}.list.vertical.sc-sui-timeline{flex-direction:column}.list.horizontal.sc-sui-timeline{flex-direction:row;align-items:flex-start}.dot.sc-sui-timeline{width:28px;height:28px;border-radius:50%;flex-shrink:0;box-sizing:border-box;background:var(--brand-soft);border:2px solid var(--border-strong);color:var(--ink-muted);display:flex;align-items:center;justify-content:center}.dot.sc-sui-timeline i.sc-sui-timeline,.dot.sc-sui-timeline .sui-glyph.sc-sui-timeline{font-size:11px;line-height:1;display:block}.dot.sc-sui-timeline .sui-glyph.sc-sui-timeline{font-size:12px}.dot.accent.sc-sui-timeline{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.dot.sev.info.sc-sui-timeline{background:var(--status-info-bg);border-color:var(--status-info-accent);color:var(--status-info-ink)}.dot.sev.positive.sc-sui-timeline{background:var(--status-positive-bg);border-color:var(--status-positive-edge);color:var(--status-positive-ink)}.dot.sev.attention.sc-sui-timeline{background:var(--status-attention-bg);border-color:var(--status-attention-accent);color:var(--status-attention-ink)}.dot.sev.critical.sc-sui-timeline{background:var(--danger-soft);border-color:var(--danger);color:var(--danger-soft-ink)}.dot.sev.neutral.sc-sui-timeline{background:var(--status-neutral-bg);border-color:var(--status-neutral-border);color:var(--status-neutral-ink)}.solid.sc-sui-timeline .dot.sev.info.sc-sui-timeline{background:var(--status-info-accent);border-color:var(--status-info-accent);color:var(--brand-contrast)}.solid.sc-sui-timeline .dot.sev.positive.sc-sui-timeline{background:var(--status-positive-accent);border-color:var(--status-positive-accent);color:var(--status-positive-contrast)}.solid.sc-sui-timeline .dot.sev.attention.sc-sui-timeline{background:var(--status-attention-accent);border-color:var(--status-attention-accent);color:var(--status-attention-contrast)}.solid.sc-sui-timeline .dot.sev.critical.sc-sui-timeline{background:var(--danger-fill);border-color:var(--danger-fill);color:var(--danger-contrast)}.solid.sc-sui-timeline .dot.sev.neutral.sc-sui-timeline{background:var(--status-neutral-ink);border-color:var(--status-neutral-ink);color:var(--surface)}.avatar.sc-sui-timeline{margin:1px}.body.sc-sui-timeline,.opp.sc-sui-timeline{text-align:start}.body.end.sc-sui-timeline,.opp.end.sc-sui-timeline{text-align:end}.body.center.sc-sui-timeline,.opp.center.sc-sui-timeline{text-align:center}.opp.sc-sui-timeline{font-size:12px;color:var(--ink-muted);font-feature-settings:'tnum'}.title.sc-sui-timeline{font-size:13px;font-weight:700}.title.link.sc-sui-timeline{color:var(--link);text-decoration:none}.title.link.sc-sui-timeline:hover{color:var(--ink);text-decoration:underline}.title.link.sc-sui-timeline:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;border-radius:var(--radius-xs)}.description.sc-sui-timeline{font-size:12.5px;color:var(--ink-muted);margin-top:2px;line-height:1.45}.time.sc-sui-timeline{font-size:11.5px;color:var(--ink-faint);margin-top:3px}.vertical.sc-sui-timeline .event.sc-sui-timeline{display:flex;gap:14px;min-height:64px}.vertical.sc-sui-timeline .side.sc-sui-timeline{flex:1;padding-bottom:18px;min-width:0}.spine.sc-sui-timeline{display:flex;flex-direction:column;align-items:center}.spine.sc-sui-timeline .line.sc-sui-timeline{width:2px;flex:1;background:var(--border);margin:4px 0}.feed.sc-sui-timeline .entry.sc-sui-timeline{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:5px;font-size:13px;line-height:1.45;padding-top:4px}.feed.sc-sui-timeline .actor.sc-sui-timeline{font-weight:var(--w-medium)}.feed.sc-sui-timeline .title.sc-sui-timeline{font-weight:var(--w-regular)}.feed.sc-sui-timeline .time.sc-sui-timeline{margin-top:0;font-feature-settings:'tnum'}.feed.sc-sui-timeline .description.sc-sui-timeline{margin-top:4px}.feed.vertical.sc-sui-timeline .event.sc-sui-timeline{min-height:0}.feed.vertical.sc-sui-timeline .side.sc-sui-timeline{padding-bottom:14px}.feed.sc-sui-timeline .body.end.sc-sui-timeline .entry.sc-sui-timeline{justify-content:flex-end}.feed.sc-sui-timeline .body.center.sc-sui-timeline .entry.sc-sui-timeline{justify-content:center}.horizontal.sc-sui-timeline .event.sc-sui-timeline{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;min-width:0}.rail.sc-sui-timeline{display:flex;align-items:center;width:100%}.rail.sc-sui-timeline .seg.sc-sui-timeline{flex:1;height:2px;background:var(--border)}.rail.sc-sui-timeline .seg.hidden.sc-sui-timeline{background:transparent}.pad.sc-sui-timeline{align-self:stretch;min-width:0;padding:0 10px;overflow-wrap:break-word}.opp-pad.sc-sui-timeline{min-height:18px}@media (forced-colors: active){.dot.accent.sc-sui-timeline{forced-color-adjust:none;background:Highlight;border-color:Highlight;color:HighlightText}.spine.sc-sui-timeline .line.sc-sui-timeline{background:CanvasText}.rail.sc-sui-timeline .seg.sc-sui-timeline{background:CanvasText}}";export{d as sui_timeline}

package/dist/shineui/p-3e907bda.entry.js

@@ -1 +0,0 @@
-import{r as i,c as s,g as t,h as e,a as r}from"./p-ChCjmDsd.js";import{G as o,U as l,r as a,ab as c,s as n,q as d,k as u,ak as h,F as p,o as v,f as k,aj as f,H as g}from"./p-DGU97JSr.js";import{r as b,s as x,R as m}from"./p-BngFAmWB.js";import{u as w}from"./p-U06fVoGD.js";import{d as y}from"./p-DHVm09RY.js";import{l as z,a as D}from"./p-lWhwwQJ2.js";import{i as H}from"./p-GAnFXayY.js";import{d as j}from"./p-B3wtlP4_.js";import"./p-QbF8alxe.js";import"./p-D7g5DbgE.js";const S=class{constructor(t){i(this,t),this.suiSourceChange=s(this,"suiSourceChange",3),this.suiTargetChange=s(this,"suiTargetChange",3),this.suiSelectionChange=s(this,"suiSelectionChange",3)}get host(){return t(this)}sourceHeading;targetHeading;source=[];target=[];selection=[];height=240;noDrag=!1;dragOnly=!1;selectionMode="single";filter=!1;emptyMessage;emptyFilterMessage;loading=!1;breakpoint=640;suiSourceChange;suiTargetChange;suiSelectionChange;focused={s:-1,t:-1};drag=null;over=null;lifted=null;live="";query={s:"",t:""};stacked=!1;resizeObserver;fieldId=w("sui-pick-list");rowEls={s:[],t:[]};pendingFocus=null;snapshot;loaded=!1;onLists(){this.lifted&&this.lifted.idx>=this.listOf(this.lifted.side).length&&(this.lifted=null),["s","t"].forEach((i=>{const s=this.listOf(i).length;this.focused[i]>=s&&(this.focused={...this.focused,[i]:s?s-1:-1})}))}connectedCallback(){j(this.host,(()=>{const i=this.selSide()||"s";return this.rowEls[i][this.tabRow(i)]})),this.loaded&&this.watchWidth(!0)}componentDidLoad(){this.loaded=!0,this.watchWidth()}watchWidth(i=!1){if(this.resizeObserver?.disconnect(),this.resizeObserver=void 0,"undefined"==typeof ResizeObserver)return;const s=i=>{this.stacked=this.breakpoint>0&&i>0&&i<this.breakpoint};this.resizeObserver=new ResizeObserver((i=>s(i.length?i[0].contentRect.width:this.host.clientWidth||0))),this.resizeObserver.observe(this.host),i&&Promise.resolve().then((()=>{this.host.isConnected&&s(this.host.clientWidth||0)}))}disconnectedCallback(){this.resizeObserver?.disconnect(),this.resizeObserver=void 0}componentDidRender(){this.pendingFocus&&(this.focusRow(this.pendingFocus),this.pendingFocus=null)}async setFocus(){const i=this.selSide()||"s";this.focusRow({side:i,idx:this.tabRow(i)})}get boxes(){return"checkbox"===this.selectionMode}focusRow(i){const s=this.rowEls[i.side][i.idx];s&&"function"==typeof s.focus&&s.focus()}listOf(i){return("s"===i?this.source:this.target)||[]}nameOf(i){return"s"===i?z(void 0,"pick-list.sourceHeading",this.sourceHeading,"Available"):z(void 0,"pick-list.targetHeading",this.targetHeading,"Selected")}filtering(i){return this.filter&&this.query[i].trim().length>0}visible(i){const s=this.listOf(i),t=s.map(((i,s)=>s));if(!this.filtering(i))return t;const e=this.query[i].trim().toLowerCase();return t.filter((i=>b(s[i],e)))}holding(i){const s=this.selection||[];if(!s.length)return[];const t=[];return this.listOf(i).forEach(((i,e)=>{s.includes(i.value)&&t.push(e)})),t}selSide(){return this.holding("s").length?"s":this.holding("t").length?"t":null}picked(i){if(this.selSide()!==i)return[];const s=this.holding(i);return this.boxes?s:s.slice(0,1)}tabRow(i){const s=this.visible(i),t=this.picked(i),e=this.boxes||!t.length?this.focused[i]:t[0];return s.includes(e)?e:s.length?s[0]:0}setSel(i,s){const t=this.listOf(i),e=s.slice().sort(((i,s)=>i-s)).map((i=>t[i].value));x(e,this.selection)||(this.selection=e,this.suiSelectionChange.emit(e))}select(i,s){this.setSel(i,[s])}toggle(i,s){const t=this.picked(i);this.setSel(i,t.includes(s)?t.filter((i=>i!==s)):t.concat([s]))}toggleAll(i){const s=this.visible(i);if(!s.length)return;const t=this.picked(i),e=s.every((i=>t.includes(i)));this.setSel(i,e?t.filter((i=>!s.includes(i))):t.concat(s.filter((i=>!t.includes(i)))))}commit(i){const s=!this.same(i.s,this.listOf("s")),t=!this.same(i.t,this.listOf("t"));this.source=i.s,this.target=i.t,s&&this.suiSourceChange.emit(i.s),t&&this.suiTargetChange.emit(i.t)}same(i,s){return i.length===s.length&&i.every(((i,t)=>i===s[t]))}moveItem(i,s,t){const e={s:this.listOf("s").slice(),t:this.listOf("t").slice()},[r]=e[i.side].splice(i.idx,1),o=y(t,0,e[s].length);return e[s].splice(o,0,r),{lists:e,idx:o}}moveSel(i){const s=i>0?"s":"t",t=this.picked(s);if(!t.length)return;const e="s"===s?"t":"s",r=t.map((i=>this.listOf(s)[i])),o=this.listOf(s).filter(((i,s)=>!t.includes(s))),l=this.listOf(e).length,a=this.listOf(e).concat(r);this.commit("s"===s?{s:o,t:a}:{s:a,t:o}),this.live=1===r.length?D(void 0,"pick-list.movedTo",void 0,"{item} moved to {list}.",{item:r[0].label,list:this.nameOf(e)}):D(void 0,"pick-list.movedManyTo",void 0,"{n} rows moved to {list}.",{n:r.length,list:this.nameOf(e)}),this.focused={...this.focused,[e]:l},this.pendingFocus={side:e,idx:l}}moveAll(i){const s=i>0?"t":"s",t=this.listOf(s).length;this.commit(i>0?{s:[],t:this.listOf("t").concat(this.listOf("s"))}:{s:this.listOf("s").concat(this.listOf("t")),t:[]}),this.focused={...this.focused,[s]:t},this.pendingFocus={side:s,idx:t}}resetDrag=()=>{this.drag=null,this.over=null};onDragStart(i,s,t){if(this.drag={side:s,idx:t},this.focused={...this.focused,[s]:t},this.boxes||this.select(s,t),i.dataTransfer){i.dataTransfer.effectAllowed="move";try{i.dataTransfer.setData("text/plain",this.listOf(s)[t].label)}catch{}}}onRowDragOver(i,s,t){if(this.noDrag||this.filtering(s))return;i.preventDefault();const e=i.currentTarget.getBoundingClientRect();this.over={side:s,idx:i.clientY<e.top+e.height/2?t:t+1}}onShellDragOver(i,s){this.filtering(s)||(i.preventDefault(),this.over&&this.over.side===s||(this.over={side:s,idx:this.listOf(s).length}))}onDrop=i=>{i.preventDefault();const s=this.drag,t=this.over;if(this.resetDrag(),!s||!t)return;const e=s.side===t.side&&t.idx>s.idx?t.idx-1:t.idx;if(s.side===t.side&&e===s.idx)return void(this.boxes||this.select(s.side,s.idx));const r=this.moveItem(s,t.side,e);this.focused={...this.focused,[t.side]:r.idx},this.commit(r.lists)};onKey(i,s,t){const e=!!this.lifted&&this.lifted.side===s&&this.lifted.idx===t,r="s"===s?"t":"s",o=this.visible(s),l=o.indexOf(t),a=(r,a)=>{i.preventDefault(),this.stacked&&null==a&&("s"===s&&r>0&&l===o.length-1||"t"===s&&r<0&&0===l)?c():e?this.moveLifted(s,null!=a?a<0?0:this.listOf(s).length-1:t+r):this.focusAt(s,null!=a?a<0?o[0]:o[o.length-1]:o[l+r]??(r<0?o[0]:o[o.length-1]))},c=()=>{if(i.preventDefault(),e)this.moveLifted(r,this.listOf(r).length);else{const i=this.visible(r);if(!i.length)return;const s=this.tabRow(r);this.focusAt(r,i.includes(s)?s:i[0])}},n=()=>{i.preventDefault(),e?this.dropLifted():this.lift(s,t)};switch(i.key){case" ":case"Spacebar":i.preventDefault(),this.boxes?(this.focused={...this.focused,[s]:t},this.toggle(s,t)):n();break;case"Enter":n();break;case"ArrowDown":a(1);break;case"ArrowUp":a(-1);break;case"Home":a(0,-1);break;case"End":a(0,1);break;case"ArrowRight":s===(H(this.host)?"t":"s")&&c();break;case"ArrowLeft":s===(H(this.host)?"s":"t")&&c();break;case"Escape":e&&(i.preventDefault(),this.cancelLift())}}focusAt(i,s){null!=s&&(this.focused={...this.focused,[i]:s},this.boxes||this.select(i,s),this.focusRow({side:i,idx:s}))}lift(i,s){this.filtering(i)?this.live=D(void 0,"pick-list.paneFilterHeld",void 0,"Clear the {list} filter to move rows inside it.",{list:this.nameOf(i)}):(this.lifted={side:i,idx:s},this.focused={...this.focused,[i]:s},this.boxes||this.select(i,s),this.snapshot={s:this.listOf("s").slice(),t:this.listOf("t").slice()},this.live=D(void 0,"pick-list.lifted",void 0,"{item} lifted. Use the arrow keys to move it, then drop it.",{item:this.listOf(i)[s].label}))}moveLifted(i,s){const t=this.lifted,e=this.listOf(t.side)[t.idx].label;if(i===t.side){const r=this.listOf(t.side).length,o=y(s,0,r-1);if(o===t.idx)return void(this.live=0===o?D(void 0,"pick-list.atTop",void 0,"{item} is already at the top.",{item:e}):D(void 0,"pick-list.atBottom",void 0,"{item} is already at the bottom.",{item:e}));const l=this.moveItem(t,i,o),a={side:i,idx:l.idx};return this.commit(l.lists),this.lifted=a,this.pendingFocus=a,this.focused={...this.focused,[i]:a.idx},void(this.live=D(void 0,"pick-list.moved",void 0,"{item} moved to position {n} of {count}.",{item:e,n:l.idx+1,count:r}))}const r=this.moveItem(t,i,s),o={side:i,idx:r.idx};this.commit(r.lists),this.lifted=o,this.pendingFocus=o,this.focused={...this.focused,[i]:o.idx},this.live=D(void 0,"pick-list.movedAcross",void 0,"{item} moved to {list}, position {n} of {count}.",{item:e,list:this.nameOf(i),n:r.idx+1,count:this.listOf(i).length})}dropLifted(){const i=this.lifted;this.lifted=null,this.snapshot=void 0,this.live=D(void 0,"pick-list.droppedIn",void 0,"{item} dropped in {list} at position {n} of {count}.",{item:this.listOf(i.side)[i.idx].label,list:this.nameOf(i.side),n:i.idx+1,count:this.listOf(i.side).length})}cancelLift(){const i=this.lifted,s=this.snapshot,t=this.listOf(i.side)[i.idx];let e=i.side;if(this.lifted=null,this.snapshot=void 0,s&&(!this.same(s.s,this.listOf("s"))||!this.same(s.t,this.listOf("t")))){e=s.s.includes(t)?"s":"t";const i={side:e,idx:Math.max(0,s[e].indexOf(t))};this.pendingFocus=i,this.focused={...this.focused,[e]:i.idx},this.commit(s)}this.live=D(void 0,"pick-list.canceledTo",void 0,"Move canceled. {item} returned to {list}.",{item:t.label,list:this.nameOf(e)})}ctrl(i,s,t,r){return e("button",{type:"button",class:"sui-rl-ctrl","aria-label":s,disabled:r,onClick:t},e(o,{glyph:i}))}onRowClick(i,s){this.focused={...this.focused,[i]:s},this.boxes?this.toggle(i,s):this.select(i,s)}pane(i){const s=this.listOf(i),t=`${this.fieldId}-${i}`,r=this.visible(i),d=this.tabRow(i),u=!this.noDrag,h=!!this.drag&&!!this.over&&this.over.side===i,p=this.picked(i),v=r.filter((i=>p.includes(i))).length,k=r.length>0&&v===r.length,f=v>0&&!k,g={},b=[],x=this.filtering(i),w=this.nameOf(i),y=this.loading?z(void 0,"pick-list.loading",void 0,"Loading"):0!==r.length||this.drag?"":x?z(void 0,"pick-list.emptyFilter",this.emptyFilterMessage,"No matches."):z(void 0,"pick-list.empty",this.emptyMessage,"Nothing here yet.");return this.rowEls[i]=[],this.loading||r.forEach((t=>{const r=s[t];h&&this.over.idx===t&&b.push(e("li",{class:"sui-rl-dropline",role:"presentation",key:`${i}dl${t}`}));const c=String(r.value),n=g[c]=(g[c]||0)+1,v=p.includes(t);b.push(e("li",{key:n>1?`${c}#${n}`:c,ref:s=>{s&&(this.rowEls[i][t]=s)},class:{"sui-rl-row":!0,selected:v,dragging:!!this.drag&&this.drag.side===i&&this.drag.idx===t,lifted:!!this.lifted&&this.lifted.side===i&&this.lifted.idx===t,static:!u||x},role:"option","aria-selected":v?"true":"false",tabIndex:t===d?0:-1,draggable:u&&!x,onClick:()=>this.onRowClick(i,t),onKeyDown:s=>this.onKey(s,i,t),onDragStart:s=>this.onDragStart(s,i,t),onDragEnd:this.resetDrag,onDragOver:s=>this.onRowDragOver(s,i,t)},this.boxes?e("span",{class:{"sui-rl-box":!0,on:v},"aria-hidden":"true"},v?e(o,{glyph:a}):null):null,e(o,{glyph:l,class:"grip"}),e(m,{item:r,avatar:r.avatar||r.initials?e("sui-avatar",{class:"sui-list-avatar",src:r.avatar,initials:r.initials,size:"sm","aria-hidden":"true"}):void 0})))})),h&&this.over.idx===s.length&&r.length>0&&b.push(e("li",{class:"sui-rl-dropline",role:"presentation",key:`${i}dlend`})),e("div",{class:{pane:!0,["s"===i?"source":"target"]:!0}},e("div",{class:"sui-rl-header",id:t},this.nameOf(i),e("span",{class:"count"},"(",s.length,")")),this.filter?e("div",{class:"sui-rl-filter sui-frame"},e(o,{glyph:n}),e("input",{type:"text",placeholder:z(void 0,"pick-list.filterPlaceholder",void 0,"Filter"),"aria-label":D(void 0,"pick-list.filter",void 0,"Filter {list}",{list:w}),value:this.query[i],onInput:s=>this.query={...this.query,[i]:s.target.value}})):null,this.boxes?e("button",{type:"button",class:"sui-rl-all",role:"checkbox","aria-checked":k?"true":f?"mixed":"false","aria-label":D(void 0,"pick-list.selectAllIn",void 0,"Select all {list}",{list:w}),disabled:0===r.length||this.loading,onClick:()=>this.toggleAll(i)},e("span",{class:{"sui-rl-box":!0,on:k,mixed:f},"aria-hidden":"true"},k?e(o,{glyph:a}):null,f?e(o,{glyph:c}):null),e("span",null,z(void 0,"pick-list.selectAll",void 0,"Select all"))):null,e("ol",{class:"sui-rl-shell pane-list",role:"listbox","aria-multiselectable":this.boxes?"true":null,"aria-labelledby":t,"aria-describedby":y?`${this.fieldId}-${i}-empty ${this.fieldId}-hint`:`${this.fieldId}-hint`,"aria-busy":this.loading?"true":null,style:{maxHeight:`${this.height}px`},onDragOver:u&&!this.loading?s=>this.onShellDragOver(s,i):void 0,onDrop:u&&!this.loading?this.onDrop:void 0},y?e("li",{class:"sui-rl-empty empty",id:`${this.fieldId}-${i}-empty`,role:"presentation","aria-hidden":"true"},y):null,0===r.length&&this.drag?e("li",{class:{"drop-here":!0,over:h},role:"presentation","aria-hidden":"true"},z(void 0,"pick-list.dropHere",void 0,"Drop here")):null,b))}render(){const i=this.picked("s").length>0&&!this.loading,s=this.picked("t").length>0&&!this.loading,t=this.loading,o=this.stacked?{one:d,all:h}:{one:u,all:p},l=this.stacked?{one:v,all:f}:{one:k,all:g};return e(r,{key:"af9aa8dbe209e9b0c9022a83cba308c9f221a46f"},e("div",{key:"f729157b603b7ab2b37eb483748deb39a8c31c04",class:{wrap:!0,stacked:this.stacked}},this.pane("s"),this.dragOnly?null:e("div",{class:"sui-rl-ctrls"},this.ctrl(o.one,z(void 0,"pick-list.moveToSelected",void 0,"Move to selected"),(()=>this.moveSel(1)),!i),this.ctrl(o.all,z(void 0,"pick-list.moveAll",void 0,"Move all"),(()=>this.moveAll(1)),t||0===this.listOf("s").length),this.ctrl(l.one,z(void 0,"pick-list.remove",void 0,"Remove"),(()=>this.moveSel(-1)),!s),this.ctrl(l.all,z(void 0,"pick-list.removeAll",void 0,"Remove all"),(()=>this.moveAll(-1)),t||0===this.listOf("t").length)),this.pane("t")),e("div",{key:"c5c7d730b625da6f5138558da012ea04c9173ec9",class:"sui-rl-live",id:`${this.fieldId}-hint`},this.boxes?z(void 0,"pick-list.hintBoxes",void 0,"Press Space to tick a row, Enter to lift it, and the arrow keys to move it between and within the lists."):z(void 0,"pick-list.hint",void 0,"Press Space to lift a row, the arrow keys to move it between and within the lists, and Space to drop it.")),e("div",{key:"404cfa67b7d96c8b8777cb69f73bcf0d800e545f",class:"sui-rl-live","aria-live":"assertive","aria-atomic":"true"},this.live))}static get watchers(){return{source:[{onLists:0}],target:[{onLists:0}]}}};S.style=".sc-sui-pick-list-h{display:block;position:relative;font-family:var(--font-sans);color:var(--ink)}.wrap.sc-sui-pick-list{display:flex;gap:12px;align-items:stretch}.wrap.stacked.sc-sui-pick-list{flex-direction:column}.wrap.stacked.sc-sui-pick-list .sui-rl-ctrls.sc-sui-pick-list{flex-direction:row;justify-content:center}.pane.sc-sui-pick-list{flex:1;min-width:0}.pane-list.sc-sui-pick-list{min-height:120px}.sui-rl-ctrl.sc-sui-pick-list .sui-glyph.sc-sui-pick-list:dir(rtl){transform:scaleX(-1)}.wrap.stacked.sc-sui-pick-list .sui-rl-ctrl.sc-sui-pick-list .sui-glyph.sc-sui-pick-list:dir(rtl){transform:none}.drop-here.sc-sui-pick-list{list-style:none;padding:14px 10px;margin:2px;font-size:12px;color:var(--accent-ink);text-align:center;border:1.5px dashed var(--accent);border-radius:var(--radius-md)}.drop-here.over.sc-sui-pick-list{background:var(--accent-soft);color:var(--accent-soft-ink)}@media (forced-colors: active){.drop-here.sc-sui-pick-list{border-color:Highlight}.drop-here.over.sc-sui-pick-list{forced-color-adjust:none;background:Highlight;color:HighlightText}}.sui-frame.sc-sui-pick-list{box-sizing:border-box;background:var(--sui-field-bg, var(--surface));border:1px solid var(--sui-field-border, var(--control-border));border-radius:var(--sui-field-radius, var(--radius-md));box-shadow:none;outline:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-frame.sc-sui-pick-list:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-pick-list,.sui-frame.readonly.sc-sui-pick-list{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-pick-list:focus-within,.sui-frame.focus.sc-sui-pick-list,.sui-frame.open.sc-sui-pick-list{border-color:var(--sui-field-border, var(--focus-ring));outline:var(--sui-field-edge, 1px solid var(--focus-ring));outline-offset:-2px;box-shadow:var(--sui-field-halo, 0 0 0 3px var(--focus-halo))}.sui-frame.invalid.sc-sui-pick-list{border-color:var(--sui-field-border, var(--danger));outline:var(--sui-field-edge, 1px solid var(--danger));outline-offset:-2px}.sui-frame.invalid.sc-sui-pick-list:focus-within,.sui-frame.invalid.focus.sc-sui-pick-list,.sui-frame.invalid.open.sc-sui-pick-list{outline-width:2px;outline-offset:-3px;box-shadow:var(--sui-field-halo, 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent))}.sui-frame.sc-sui-pick-list:disabled,.sui-frame.disabled.sc-sui-pick-list{--ink-muted:var(--disabled-ink);--ink-faint:var(--disabled-ink);border-color:var(--sui-field-border, var(--border));outline:none;box-shadow:none;background:var(--sui-field-bg, var(--disabled-bg));color:var(--disabled-ink);cursor:not-allowed}.sui-input.sc-sui-pick-list{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-pick-list::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-pick-list{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-pick-list{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-pick-list{height:var(--sui-field-height, var(--control-lg));padding:0 var(--control-pad-x);font-size:14px}@media (forced-colors: active){.sui-frame.sc-sui-pick-list:focus-within,.sui-frame.focus.sc-sui-pick-list,.sui-frame.open.sc-sui-pick-list{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-pick-list:disabled,.sui-frame.disabled.sc-sui-pick-list{color:GrayText;border-color:GrayText}}.sev.sc-sui-pick-list{width:26px;height:26px;border-radius:50%;flex-shrink:0;margin-top:1px;display:inline-flex;align-items:center;justify-content:center}.sev.sc-sui-pick-list i.sc-sui-pick-list,.sev.sc-sui-pick-list .sui-glyph.sc-sui-pick-list{font-size:11px}.sev.positive.sc-sui-pick-list{background:var(--status-positive-bg);color:var(--status-positive-ink)}.sev.attention.sc-sui-pick-list{background:var(--status-attention-bg);color:var(--status-attention-ink)}.sev.critical.sc-sui-pick-list{background:var(--danger-soft);color:var(--danger)}.sev.info.sc-sui-pick-list{background:var(--surface-sunken);color:var(--ink-muted)}.sev.neutral.sc-sui-pick-list{background:var(--status-neutral-bg);color:var(--status-neutral-ink)}.sev.icon.sc-sui-pick-list{background:var(--surface-sunken);color:var(--ink-muted)}.sui-list-avatar.sc-sui-pick-list{flex-shrink:0;margin-top:1px}.text.sc-sui-pick-list{flex:1;min-width:0}.title-row.sc-sui-pick-list{display:flex;align-items:center;gap:6px;min-width:0}.title.sc-sui-pick-list{font-size:12.5px;font-weight:620;min-width:0}.unread.sc-sui-pick-list .title.sc-sui-pick-list{font-weight:700}.dot.sc-sui-pick-list{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-inline-start:auto}.meta.sc-sui-pick-list{flex-shrink:0;margin-inline-start:auto;font-size:11px;color:var(--ink-muted);font-feature-settings:'tnum';white-space:nowrap}.dot.sc-sui-pick-list+.sr-only.sc-sui-pick-list+.meta.sc-sui-pick-list,.dot.sc-sui-pick-list+.meta.sc-sui-pick-list{margin-inline-start:0}.detail.sc-sui-pick-list{display:block;font-size:11.5px;color:var(--ink-muted);line-height:1.45;margin-top:1px}.time.sc-sui-pick-list{display:block;font-size:10.5px;color:var(--ink-faint);margin-top:3px;font-feature-settings:'tnum'}.sr-only.sc-sui-pick-list{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (forced-colors: active){.sev.sc-sui-pick-list{box-sizing:border-box;border:1px solid CanvasText}.dot.sc-sui-pick-list{background:CanvasText}}.sui-rl-shell.sc-sui-pick-list{box-sizing:border-box;margin:0;list-style:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:5px;overflow-y:auto}.sui-rl-shell.sc-sui-pick-list:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-rl-empty.sc-sui-pick-list{list-style:none;padding:14px 10px;font-size:12px;color:var(--ink-faint);text-align:center}.sui-rl-row.sc-sui-pick-list{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--radius-md);font-size:13px;font-weight:460;color:var(--ink);background:transparent;cursor:grab;user-select:none;-webkit-user-select:none;opacity:1;box-shadow:none;transition:background var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-rl-row.static.sc-sui-pick-list{cursor:pointer}.sui-rl-row.sc-sui-pick-list:hover{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-rl-row.selected.sc-sui-pick-list{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);font-weight:650}.sui-rl-row.selected.sc-sui-pick-list:hover{--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.sui-rl-row.dragging.sc-sui-pick-list{opacity:0.5;box-shadow:none;outline:1px dashed var(--ink-muted);outline-offset:-1px}.sui-rl-row.lifted.sc-sui-pick-list{box-shadow:var(--shadow-raised);background:var(--surface);position:relative;z-index:1}.sui-rl-row.sc-sui-pick-list:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-rl-row.lifted.sc-sui-pick-list:focus-visible{box-shadow:var(--shadow-raised)}.sui-rl-row.sc-sui-pick-list .grip.sc-sui-pick-list{font-size:10px;color:var(--ink-faint)}.sui-rl-row.static.sc-sui-pick-list .grip.sc-sui-pick-list{color:var(--border-strong)}.sui-rl-row.sc-sui-pick-list .label.sc-sui-pick-list{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-rl-row.sc-sui-pick-list .text.sc-sui-pick-list .label.sc-sui-pick-list{display:block}.sui-rl-row.sc-sui-pick-list .detail.sc-sui-pick-list{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:460}.sui-rl-row.sc-sui-pick-list .meta.sc-sui-pick-list{font-weight:460}.sui-rl-row.selected.sc-sui-pick-list .detail.sc-sui-pick-list,.sui-rl-row.selected.sc-sui-pick-list .meta.sc-sui-pick-list{color:var(--ink-muted)}.sui-rl-dropline.sc-sui-pick-list{height:2px;border-radius:1px;background:var(--accent-ink);margin:1px 6px;box-shadow:0 0 0 1px color-mix(in srgb, var(--accent-ink) 25%, transparent)}.sui-rl-ctrls.sc-sui-pick-list{display:flex;flex-direction:column;gap:6px;justify-content:center}.sui-rl-ctrl.sc-sui-pick-list{box-sizing:border-box;width:30px;height:30px;padding:0;margin:0;border:1px solid var(--control-border);border-radius:var(--radius-md);background:var(--surface);color:var(--ink-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.sui-rl-ctrl.sc-sui-pick-list .sui-glyph.sc-sui-pick-list{font-size:11px}.sui-rl-ctrl.sc-sui-pick-list:hover:not(:disabled){background:linear-gradient(var(--surface-hover) 0 0) var(--surface)}.sui-rl-ctrl.sc-sui-pick-list:active:not(:disabled){background:linear-gradient(var(--surface-pressed) 0 0) var(--surface)}.sui-rl-ctrl.sc-sui-pick-list:disabled{color:var(--ink-placeholder);cursor:not-allowed}.sui-rl-ctrl.sc-sui-pick-list:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-rl-header.sc-sui-pick-list{font-size:12.5px;font-weight:650;color:var(--ink);margin-bottom:6px}.sui-rl-header.sc-sui-pick-list .count.sc-sui-pick-list{color:var(--ink-faint);font-weight:460;margin-inline-start:6px;font-feature-settings:'tnum'}.sui-rl-live.sc-sui-pick-list{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}@media (forced-colors: active){.sui-rl-row.selected.sc-sui-pick-list{forced-color-adjust:none;background:Highlight;color:HighlightText}.sui-rl-row.selected.sc-sui-pick-list .grip.sc-sui-pick-list{color:HighlightText}.sui-rl-row.selected.sc-sui-pick-list .sui-rl-box.sc-sui-pick-list{forced-color-adjust:auto}.sui-rl-row.selected.sc-sui-pick-list .detail.sc-sui-pick-list,.sui-rl-row.selected.sc-sui-pick-list .meta.sc-sui-pick-list{color:HighlightText}.sui-rl-row.selected.sc-sui-pick-list .sev.sc-sui-pick-list,.sui-rl-row.selected.sc-sui-pick-list .sui-list-avatar.sc-sui-pick-list{forced-color-adjust:auto}.sui-rl-row.selected.sc-sui-pick-list:focus-visible{outline-color:HighlightText;box-shadow:none}.sui-rl-row.lifted.sc-sui-pick-list{outline:2px dashed Highlight;outline-offset:-2px;box-shadow:none}.sui-rl-row.selected.lifted.sc-sui-pick-list{outline-color:HighlightText}.sui-rl-dropline.sc-sui-pick-list{background:Highlight;box-shadow:none}}.sui-rl-box.sc-sui-pick-list{width:18px;height:18px;box-sizing:border-box;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);border:1.5px solid color-mix(in srgb, var(--control-border) 75%, var(--ink));background:var(--surface);transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out)}.sui-rl-box.on.sc-sui-pick-list,.sui-rl-box.mixed.sc-sui-pick-list{border-color:var(--brand);background:var(--brand)}.sui-rl-box.sc-sui-pick-list .sui-glyph.sc-sui-pick-list{font-size:10px;color:var(--brand-contrast)}.sui-rl-all.sc-sui-pick-list{display:flex;align-items:center;gap:9px;width:100%;box-sizing:border-box;margin:0 0 6px;padding:5px 10px;border:none;border-radius:var(--radius-md);background:transparent;cursor:pointer;text-align:start;font:550 12.5px var(--font-sans);color:var(--ink);transition:background var(--duration-fast) var(--ease-out)}.sui-rl-all.sc-sui-pick-list:hover:not(:disabled){--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-rl-all.sc-sui-pick-list:disabled{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);color:var(--disabled-ink);cursor:not-allowed}.sui-rl-all.sc-sui-pick-list:disabled .sui-rl-box.sc-sui-pick-list{background:var(--disabled-bg);border-color:var(--border-strong)}.sui-rl-all.sc-sui-pick-list:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-rl-filter.sc-sui-pick-list{display:flex;align-items:center;gap:7px;height:30px;padding:0 9px;margin-bottom:6px;box-sizing:border-box}.sui-rl-filter.sc-sui-pick-list .sui-glyph.sc-sui-pick-list{font-size:11px;color:var(--ink-faint)}.sui-rl-filter.sc-sui-pick-list input.sc-sui-pick-list{flex:1;min-width:0;border:none;outline:none;background:transparent;font:460 12.5px var(--font-sans);color:var(--ink)}.sui-rl-filter.sc-sui-pick-list input.sc-sui-pick-list::placeholder{color:var(--ink-placeholder)}";export{S as sui_pick_list}

package/dist/shineui/p-46309ad1.entry.js

@@ -1 +0,0 @@
-import{r as s,g as e,h as i,a as r}from"./p-ChCjmDsd.js";import{i as t}from"./p-Cs2X0Kih.js";import{o as a,h as o}from"./p-BWkzTEZX.js";import{c}from"./p-DHVm09RY.js";import"./p-lWhwwQJ2.js";const n=class{constructor(e){s(this,e)}get host(){return e(this)}value=0;diameter=44;thickness=4;label;showValue=!1;accent=!1;hasValueSlot=!1;hostLabel;dispose;disposeLabel;loaded=!1;connectedCallback(){this.disposeLabel?.(),this.disposeLabel=t(this.host,(s=>this.hostLabel=s)),this.loaded&&this.watch(!0)}componentWillLoad(){this.readSlots()}componentDidLoad(){this.loaded=!0,this.watch()}disconnectedCallback(){this.dispose?.(),this.dispose=void 0,this.disposeLabel?.()}watch(s=!1){this.dispose?.(),this.dispose=a(this.host,(()=>this.readSlots())),s&&Promise.resolve().then((()=>{this.host.isConnected&&this.readSlots()}))}readSlots(){this.hasValueSlot=o(this.host,"value")}render(){const s=Math.min(100,Math.max(0,Number(this.value)||0)),e=Number(this.diameter)||44,t=Number(this.thickness)||4,a=(e-t)/2,o=2*Math.PI*a,n=o*(1-s/100),l=`${Math.max(10,e/4.2)}px`;return i(r,{key:"8a6b3f8ee23a9ec1c56d7526f6c3f97ae1e414ea"},i("div",{key:"4400c97c491420725cb678d5cbea48e35da49fc7",class:{ring:!0,accent:this.accent},role:"progressbar","aria-valuenow":s,"aria-valuemin":"0","aria-valuemax":"100","aria-label":this.label||this.hostLabel||void 0,style:{width:`${e}px`,height:`${e}px`}},i("svg",{key:"b0ff8285ca990cdfc03c2ffde797f92cab93dd28",viewBox:`0 0 ${e} ${e}`,width:e,height:e,"aria-hidden":"true",focusable:"false"},i("circle",{key:"4165eaa7d93b4a785010813b76c71655cf9acab0",class:"track",cx:e/2,cy:e/2,r:a,fill:"none","stroke-width":t}),i("circle",{key:"8b1d3eb19bf0cd5956a8cd0f7c8a6e77bf5a9ae6",class:"arc",cx:e/2,cy:e/2,r:a,fill:"none","stroke-width":t,"stroke-dasharray":`${o} ${o}`,"stroke-dashoffset":n,transform:`rotate(-90 ${e/2} ${e/2})`})),this.showValue?i("span",{class:"value",style:{fontSize:l}},this.hasValueSlot?null:c(Math.round(s)),i("slot",{name:"value"})):null),this.label?i("span",{class:"label"},this.label):null)}};n.style=".sc-sui-progress-ring-h{display:inline-flex;flex-direction:column;align-items:center;gap:8px;font-family:var(--font-sans);color:var(--ink)}.ring.sc-sui-progress-ring{position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%}.ring.sc-sui-progress-ring svg.sc-sui-progress-ring{position:absolute;inset:0;display:block}.track.sc-sui-progress-ring{stroke:var(--brand-soft)}.arc.sc-sui-progress-ring{stroke:var(--brand);transition:stroke-dashoffset var(--duration-slow) var(--ease-out)}.ring.accent.sc-sui-progress-ring .arc.sc-sui-progress-ring{stroke:var(--accent)}.value.sc-sui-progress-ring{position:relative;font-weight:720;font-feature-settings:'tnum';line-height:1}.label.sc-sui-progress-ring{font-size:12px;font-weight:620;color:var(--ink-muted)}@media (forced-colors: active){.track.sc-sui-progress-ring{stroke:CanvasText;stroke-width:1}.arc.sc-sui-progress-ring,.ring.accent.sc-sui-progress-ring .arc.sc-sui-progress-ring{stroke:Highlight}}";export{n as sui_progress_ring}