@nubisco/ui 5.32.0 → 5.33.0

package/src/styles/logic/_ink.scss

@@ -1,34 +1,73 @@
+@use 'sass:map';
+
 /// A semantic colour drawn as ink: text, an outline or an icon set directly on a
 /// surface, with no fill of its own behind it.
 ///
 /// The semantic colours (`--nb-c-primary`, `--nb-c-secondary`, ...) are picked
 /// first as FILLS, with their `-a11y` foreground on top. Drawn straight onto a
-/// surface they are a different pair, and in the dark theme several of them do
-/// not survive it: the dark secondary is a mid grey chosen to carry white text,
-/// and as the label of an outlined button it measured 1.21:1 to 2.15:1 against
-/// the four dark layers.
+/// surface they are a different pair, and several of them do not survive it.
+/// In dark mode the secondary is a mid grey chosen to carry white text, and as
+/// the label of an outlined button it measured 1.21:1 to 2.15:1 on the dark
+/// layers. In light mode the warning amber measured 1.75:1 to 2.06:1, and the
+/// success green 2.69:1 to 3.16:1.
 ///
-/// So ink lifts the colour toward white by `--nb-c-<variant>-ink-lift`. The
-/// light theme does not declare the lift, so the fallback of 0% returns the
-/// colour unchanged and light mode is pixel-identical. The dark theme declares
-/// one per variant, each the smallest lift that clears WCAG AA (4.5:1) on all
-/// four dark layers and on the 14% wash an outlined button paints when pressed.
-/// `tests/inkContrast.test.ts` measures it.
+/// So ink moves the colour away from the surface: toward
+/// `--nb-c-ink-toward` (black in light mode, white in dark) by
+/// `--nb-c-<variant>-ink-lift`. Each lift is the smallest whole value that
+/// clears WCAG AA (4.5:1) on all four layers of its theme, and on the 8% hover
+/// and 14% pressed washes an outlined button paints under its own label, plus
+/// two points of margin. A variant that already clears it has no lift.
+/// `tests/inkContrast.test.ts` measures every one.
 ///
 /// The mix is resolved on the element that paints, not at `:root`, so a product
 /// that re-points `--nb-c-primary` (on `:root` or on a themed subtree) gets ITS
-/// primary lifted, never the library's. A named theme that sets its own dark
-/// colour for a variant resets that variant's lift to 0%, because it chose that
-/// colour for contrast already (see `theme()` in `_theme-api.scss`).
+/// primary moved, never the library's. A named theme that sets its own colour
+/// for a variant resets that variant's lift to 0% in that mode, because it chose
+/// that colour for contrast already (see `theme()` in `_theme-api.scss`).
 ///
+/// @group @nubisco/colors
+
+/// Light-theme lifts, toward black.
+/// @type Map
+$light-lifts: (
+  success: 34%,
+  info: 14%,
+  warning: 46%,
+  danger: 22%,
+);
+
+/// Dark-theme lifts, toward white.
+/// @type Map
+$dark-lifts: (
+  primary: 48%,
+  secondary: 56%,
+  success: 21%,
+  info: 43%,
+  warning: 6%,
+  danger: 46%,
+);
+
+/// The variants ink applies to.
+$variants: primary, secondary, success, info, warning, danger;
+
+/// Declares one theme's lifts. Variants absent from the map get 0%, written
+/// out, so a theme scope never inherits the other mode's value.
+///
+/// @param {Map} $lifts - `$light-lifts` or `$dark-lifts`
+@mixin lifts($lifts) {
+  @each $variant in $variants {
+    --nb-c-#{$variant}-ink-lift: #{map.get($lifts, $variant) or 0%};
+  }
+}
+
 /// @param {String} $variant - primary, secondary, success, info, warning or danger
 /// @return {String} a `color-mix()` expression
 /// @access public
-/// @group @nubisco/colors
 @function ink($variant) {
   @return color-mix(
     in srgb,
     var(--nb-c-#{$variant}),
-    var(--nb-c-white) var(--nb-c-#{$variant}-ink-lift, 0%)
+    var(--nb-c-ink-toward, var(--nb-c-white))
+      var(--nb-c-#{$variant}-ink-lift, 0%)
   );
 }

package/dist/Card-4l_DbIKC.cjs

@@ -1 +0,0 @@
-require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Icon-C8R_r_In.cjs`),n=require(`./composables/useSurfaceLayer.composable.cjs`),r=require(`./Card.link-CPtMC-Hu.cjs`);let i=require(`vue`);var a={key:0,class:`nb-card__icon`},o={class:`nb-card__head`},s={class:`nb-card__title`},c={key:0,class:`nb-card__subtitle`},l={key:1,class:`nb-card__body`},u={key:2,class:`nb-card__footer`},d=(0,i.defineComponent)({__name:`Card`,props:{title:{default:``},subtitle:{default:``},icon:{default:void 0},href:{default:void 0},to:{default:void 0},target:{default:void 0},clickable:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:[`select`],setup(e,{emit:d}){let f=e,p=d,{layerProps:m}=n.useSurfaceLayer(),{tag:h,attrs:g,isInteractive:_,onClick:v,onKeydown:y}=r.t(f,()=>p(`select`));return(n,r)=>((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)((0,i.unref)(h)),(0,i.mergeProps)({class:[`nb-card`,{"nb-card--interactive":(0,i.unref)(_),"nb-card--selected":e.selected,"nb-card--disabled":e.disabled}]},{...(0,i.unref)(g),...(0,i.unref)(m)},{onClick:(0,i.unref)(v),onKeydown:(0,i.unref)(y)}),{default:(0,i.withCtx)(()=>[e.icon||n.$slots.icon?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,a,[(0,i.renderSlot)(n.$slots,`icon`,{},()=>[(0,i.createVNode)(t.t,{name:e.icon,size:20,"aria-hidden":`true`},null,8,[`name`])],!0)])):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`div`,o,[(0,i.createElementVNode)(`span`,s,[(0,i.renderSlot)(n.$slots,`title`,{},()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.title),1)],!0)]),e.subtitle||n.$slots.subtitle?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,c,[(0,i.renderSlot)(n.$slots,`subtitle`,{},()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.subtitle),1)],!0)])):(0,i.createCommentVNode)(``,!0)]),n.$slots.default?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,l,[(0,i.renderSlot)(n.$slots,`default`,{},void 0,!0)])):(0,i.createCommentVNode)(``,!0),n.$slots.footer?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,u,[(0,i.renderSlot)(n.$slots,`footer`,{},void 0,!0)])):(0,i.createCommentVNode)(``,!0)]),_:3},16,[`class`,`onClick`,`onKeydown`]))}}),f=e.t(d,[[`__scopeId`,`data-v-117532d8`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return f}});

package/dist/Card-BBXSjH58.js

@@ -1,74 +0,0 @@
-import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
-import { t } from "./Icon-rREAqsu0.js";
-import { useSurfaceLayer as n } from "./composables/useSurfaceLayer.composable.mjs";
-import { t as r } from "./Card.link-CfeswzHY.js";
-import { createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, mergeProps as d, openBlock as f, renderSlot as p, resolveDynamicComponent as m, toDisplayString as h, unref as g, withCtx as _ } from "vue";
-//#region src/components/Card.vue?vue&type=script&setup=true&lang.ts
-var v = {
-	key: 0,
-	class: "nb-card__icon"
-}, y = { class: "nb-card__head" }, b = { class: "nb-card__title" }, x = {
-	key: 0,
-	class: "nb-card__subtitle"
-}, S = {
-	key: 1,
-	class: "nb-card__body"
-}, C = {
-	key: 2,
-	class: "nb-card__footer"
-}, w = /* @__PURE__ */ e(/* @__PURE__ */ u({
-	__name: "Card",
-	props: {
-		title: { default: "" },
-		subtitle: { default: "" },
-		icon: { default: void 0 },
-		href: { default: void 0 },
-		to: { default: void 0 },
-		target: { default: void 0 },
-		clickable: {
-			type: Boolean,
-			default: !1
-		},
-		selected: {
-			type: Boolean,
-			default: !1
-		},
-		disabled: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	emits: ["select"],
-	setup(e, { emit: u }) {
-		let w = e, T = u, { layerProps: E } = n(), { tag: D, attrs: O, isInteractive: k, onClick: A, onKeydown: j } = r(w, () => T("select"));
-		return (n, r) => (f(), i(m(g(D)), d({ class: ["nb-card", {
-			"nb-card--interactive": g(k),
-			"nb-card--selected": e.selected,
-			"nb-card--disabled": e.disabled
-		}] }, {
-			...g(O),
-			...g(E)
-		}, {
-			onClick: g(A),
-			onKeydown: g(j)
-		}), {
-			default: _(() => [
-				e.icon || n.$slots.icon ? (f(), o("div", v, [p(n.$slots, "icon", {}, () => [l(t, {
-					name: e.icon,
-					size: 20,
-					"aria-hidden": "true"
-				}, null, 8, ["name"])], !0)])) : a("", !0),
-				s("div", y, [s("span", b, [p(n.$slots, "title", {}, () => [c(h(e.title), 1)], !0)]), e.subtitle || n.$slots.subtitle ? (f(), o("span", x, [p(n.$slots, "subtitle", {}, () => [c(h(e.subtitle), 1)], !0)])) : a("", !0)]),
-				n.$slots.default ? (f(), o("div", S, [p(n.$slots, "default", {}, void 0, !0)])) : a("", !0),
-				n.$slots.footer ? (f(), o("div", C, [p(n.$slots, "footer", {}, void 0, !0)])) : a("", !0)
-			]),
-			_: 3
-		}, 16, [
-			"class",
-			"onClick",
-			"onKeydown"
-		]));
-	}
-}), [["__scopeId", "data-v-117532d8"]]);
-//#endregion
-export { w as t };

package/dist/Layer-BLOx5Oh8.js

@@ -1,20 +0,0 @@
-import { NB_LAYER_INJECTION_KEY as e, clampLayer as t, layerClassFor as n } from "./composables/useSurfaceLayer.composable.mjs";
-import { computed as r, createBlock as i, defineComponent as a, inject as o, normalizeClass as s, openBlock as c, provide as l, renderSlot as u, resolveDynamicComponent as d, withCtx as f } from "vue";
-//#endregion
-//#region src/components/Layer.vue
-var p = /* @__PURE__ */ a({
-	__name: "Layer",
-	props: {
-		level: { default: void 0 },
-		as: { default: "div" }
-	},
-	setup(a) {
-		let p = a, m = o(e, null), h = r(() => p.level === void 0 ? t((m ? m.value : 1) + 1) : t(p.level)), g = r(() => n(h.value));
-		return l(e, r(() => h.value)), (e, t) => (c(), i(d(a.as), { class: s(g.value) }, {
-			default: f(() => [u(e.$slots, "default", { level: h.value })]),
-			_: 3
-		}, 8, ["class"]));
-	}
-});
-//#endregion
-export { p as t };

package/dist/Layer-DOnWnKYV.cjs

@@ -1 +0,0 @@
-require(`./chunk-D-qHiVGv.cjs`);const e=require(`./composables/useSurfaceLayer.composable.cjs`);let t=require(`vue`);var n=(0,t.defineComponent)({__name:`Layer`,props:{level:{default:void 0},as:{default:`div`}},setup(n){let r=n,i=(0,t.inject)(e.NB_LAYER_INJECTION_KEY,null),a=(0,t.computed)(()=>r.level===void 0?e.clampLayer((i?i.value:1)+1):e.clampLayer(r.level)),o=(0,t.computed)(()=>e.layerClassFor(a.value));return(0,t.provide)(e.NB_LAYER_INJECTION_KEY,(0,t.computed)(()=>a.value)),(e,r)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(n.as),{class:(0,t.normalizeClass)(o.value)},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,`default`,{level:a.value})]),_:3},8,[`class`]))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});

package/dist/ReorderList-BpJaGDDA.cjs

@@ -1 +0,0 @@
-require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Icon-C8R_r_In.cjs`),n=require(`./composables/useStableId.composable.cjs`);let r=require(`vue`),i=require(`@nubisco/ui/icons/dots-six-vertical`);var a=[`aria-label`,`aria-describedby`],o=[`data-index`,`onPointerdown`],s=[`tabindex`,`aria-disabled`,`aria-label`,`onKeydown`,`onBlur`],c={class:`nb-reorder-list__content`},l=[`id`],u={class:`nb-reorder-list__sr`,"aria-live":`assertive`},d=(0,r.defineComponent)({__name:`ReorderList`,props:{modelValue:{default:()=>[]},itemKey:{type:[String,Function],default:void 0},handle:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},label:{default:``}},emits:[`update:modelValue`,`reorder`],setup(e,{emit:d}){let f=e,p=d,m=n.useStableId({}),h=(0,r.ref)(null),g=(0,r.computed)(()=>f.modelValue);function _(e,t){let n=f.itemKey;return typeof n==`function`?n(e,t):typeof n==`string`?e?.[n]:t}function v(e){let t=g.value[e];if(t&&typeof t==`object`){let e=t,n=e.label??e.name??e.title;if(typeof n==`string`)return n}return String(t??`Item ${e+1}`)}function y(e){let t=`${v(e)}, ${e+1} of ${g.value.length}`;return S.value===e?`${t}, picked up`:t}let b=(0,r.ref)(``);function x(e,t,n){if(e===t||e<0||t<0)return;let r=[...g.value],[i]=r.splice(e,1);r.splice(t,0,i),p(`update:modelValue`,r),p(`reorder`,{from:e,to:t,via:n}),b.value=`${v(e)} moved to position ${t+1} of ${r.length}`}let S=(0,r.ref)(null);function C(e,t){if(f.disabled)return;if(e.key===`Escape`&&S.value!==null){e.preventDefault(),S.value=null,b.value=`Move cancelled`;return}if(e.key===` `||e.key===`Enter`){e.preventDefault(),S.value===t?(S.value=null,b.value=`${v(t)} dropped at position ${t+1}`):(S.value=t,b.value=`${v(t)} picked up, position ${t+1} of ${g.value.length}`);return}let n=e.key===`ArrowUp`?-1:e.key===`ArrowDown`?1:0;if(!n)return;e.preventDefault();let r=t+n;r<0||r>=g.value.length||(S.value===t?(x(t,r,`keyboard`),S.value=r,w(r)):w(r))}async function w(e){await Promise.resolve(),(h.value?.querySelector(`[data-index="${e}"] .nb-reorder-list__grab`))?.focus()}function T(e){S.value===e&&(S.value=null)}let E=(0,r.ref)(null),D=(0,r.ref)(null);function O(e,t){if(f.disabled||e.button!==0)return;let n=e.target,r=!!n.closest(`.nb-reorder-list__grab`);if(!(f.handle&&!r)&&!(!r&&n.closest(`button, a, input, select, textarea`))&&!(e.pointerType===`touch`&&!r)&&!(E.value!==null&&e.pointerId!==k)){if(S.value=null,E.value=t,D.value=t,k=e.pointerId,e.pointerType&&e.pointerType!==`mouse`){let t=n.closest(`.nb-reorder-list__grab`);try{t?.setPointerCapture?.(e.pointerId)}catch{}}M(),window.addEventListener(`pointermove`,P),window.addEventListener(`pointerup`,F),window.addEventListener(`pointercancel`,I)}}let k;function A(e){return e.pointerId===k}let j=null;function M(){typeof document>`u`||j!==null||(j=document.body.style.userSelect,document.body.style.userSelect=`none`,document.body.style.setProperty(`-webkit-user-select`,`none`))}function N(){typeof document>`u`||j===null||(document.body.style.userSelect=j,document.body.style.removeProperty(`-webkit-user-select`),j=null)}function P(e){if(E.value===null||!h.value||!A(e))return;let t=[...h.value.querySelectorAll(`[data-index]`)],n=t.length;for(let r of t){let t=r.getBoundingClientRect();if(e.clientY<t.top+t.height/2){n=Number(r.dataset.index);break}}D.value=n}function F(e){if(!A(e))return;let t=E.value,n=D.value;L(),!(t===null||n===null)&&x(t,n>t?n-1:n,`pointer`)}function I(e){A(e)&&L()}function L(){N(),E.value=null,D.value=null,k=void 0,window.removeEventListener(`pointermove`,P),window.removeEventListener(`pointerup`,F),window.removeEventListener(`pointercancel`,I)}return(0,r.onBeforeUnmount)(L),(n,d)=>((0,r.openBlock)(),(0,r.createElementBlock)(`ul`,{ref_key:`listRef`,ref:h,class:(0,r.normalizeClass)([`nb-reorder-list`,{"nb-reorder-list--dragging":E.value!==null}]),role:`list`,"aria-label":e.label||void 0,"aria-describedby":`${(0,r.unref)(m)}-hint`},[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(g.value,(a,l)=>((0,r.openBlock)(),(0,r.createElementBlock)(`li`,{key:_(a,l),class:(0,r.normalizeClass)([`nb-reorder-list__row`,{"nb-reorder-list__row--dragging":E.value===l,"nb-reorder-list__row--lifted":S.value===l,"nb-reorder-list__row--drop-before":D.value===l,"nb-reorder-list__row--drop-after":D.value===l+1&&l===g.value.length-1}]),"data-index":l,onPointerdown:e=>O(e,l)},[(0,r.createElementVNode)(`div`,{class:`nb-reorder-list__grab`,tabindex:e.disabled?-1:0,role:`button`,"aria-disabled":e.disabled||void 0,"aria-label":y(l),onKeydown:e=>C(e,l),onBlur:e=>T(l)},[(0,r.renderSlot)(n.$slots,`handle`,{item:a,index:l},()=>[(0,r.createVNode)(t.t,{class:`nb-reorder-list__grip`,name:(0,r.unref)(i.regular),size:16,"aria-hidden":`true`},null,8,[`name`])],!0)],40,s),(0,r.createElementVNode)(`div`,c,[(0,r.renderSlot)(n.$slots,`default`,{item:a,index:l},()=>[(0,r.createTextVNode)((0,r.toDisplayString)(a),1)],!0)])],42,o))),128)),(0,r.createElementVNode)(`li`,{id:`${(0,r.unref)(m)}-hint`,class:`nb-reorder-list__sr`},` Press Space or Enter to pick up, arrow keys to move, Space or Enter to drop, Escape to cancel. `,8,l),(0,r.createElementVNode)(`li`,u,(0,r.toDisplayString)(b.value),1)],10,a))}}),f=e.t(d,[[`__scopeId`,`data-v-a6037f51`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return f}});

package/dist/ReorderList-DvPkvpFU.js

@@ -1,181 +0,0 @@
-import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
-import { t } from "./Icon-rREAqsu0.js";
-import { useStableId as n } from "./composables/useStableId.composable.mjs";
-import { Fragment as r, computed as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, onBeforeUnmount as d, openBlock as f, ref as p, renderList as m, renderSlot as h, toDisplayString as g, unref as _ } from "vue";
-import { regular as v } from "@nubisco/ui/icons/dots-six-vertical";
-//#region src/components/ReorderList.vue?vue&type=script&setup=true&lang.ts
-var y = ["aria-label", "aria-describedby"], b = ["data-index", "onPointerdown"], x = [
-	"tabindex",
-	"aria-disabled",
-	"aria-label",
-	"onKeydown",
-	"onBlur"
-], S = { class: "nb-reorder-list__content" }, C = ["id"], w = {
-	class: "nb-reorder-list__sr",
-	"aria-live": "assertive"
-}, T = /* @__PURE__ */ e(/* @__PURE__ */ l({
-	__name: "ReorderList",
-	props: {
-		modelValue: { default: () => [] },
-		itemKey: {
-			type: [String, Function],
-			default: void 0
-		},
-		handle: {
-			type: Boolean,
-			default: !1
-		},
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		label: { default: "" }
-	},
-	emits: ["update:modelValue", "reorder"],
-	setup(e, { emit: l }) {
-		let T = e, E = l, D = n({}), O = p(null), k = i(() => T.modelValue);
-		function A(e, t) {
-			let n = T.itemKey;
-			return typeof n == "function" ? n(e, t) : typeof n == "string" ? e?.[n] : t;
-		}
-		function j(e) {
-			let t = k.value[e];
-			if (t && typeof t == "object") {
-				let e = t, n = e.label ?? e.name ?? e.title;
-				if (typeof n == "string") return n;
-			}
-			return String(t ?? `Item ${e + 1}`);
-		}
-		function M(e) {
-			let t = `${j(e)}, ${e + 1} of ${k.value.length}`;
-			return F.value === e ? `${t}, picked up` : t;
-		}
-		let N = p("");
-		function P(e, t, n) {
-			if (e === t || e < 0 || t < 0) return;
-			let r = [...k.value], [i] = r.splice(e, 1);
-			r.splice(t, 0, i), E("update:modelValue", r), E("reorder", {
-				from: e,
-				to: t,
-				via: n
-			}), N.value = `${j(e)} moved to position ${t + 1} of ${r.length}`;
-		}
-		let F = p(null);
-		function I(e, t) {
-			if (T.disabled) return;
-			if (e.key === "Escape" && F.value !== null) {
-				e.preventDefault(), F.value = null, N.value = "Move cancelled";
-				return;
-			}
-			if (e.key === " " || e.key === "Enter") {
-				e.preventDefault(), F.value === t ? (F.value = null, N.value = `${j(t)} dropped at position ${t + 1}`) : (F.value = t, N.value = `${j(t)} picked up, position ${t + 1} of ${k.value.length}`);
-				return;
-			}
-			let n = e.key === "ArrowUp" ? -1 : e.key === "ArrowDown" ? 1 : 0;
-			if (!n) return;
-			e.preventDefault();
-			let r = t + n;
-			r < 0 || r >= k.value.length || (F.value === t ? (P(t, r, "keyboard"), F.value = r, L(r)) : L(r));
-		}
-		async function L(e) {
-			await Promise.resolve(), (O.value?.querySelector(`[data-index="${e}"] .nb-reorder-list__grab`))?.focus();
-		}
-		function R(e) {
-			F.value === e && (F.value = null);
-		}
-		let z = p(null), B = p(null);
-		function V(e, t) {
-			if (T.disabled || e.button !== 0) return;
-			let n = e.target, r = !!n.closest(".nb-reorder-list__grab");
-			if (!(T.handle && !r) && !(!r && n.closest("button, a, input, select, textarea")) && !(e.pointerType === "touch" && !r) && !(z.value !== null && e.pointerId !== H)) {
-				if (F.value = null, z.value = t, B.value = t, H = e.pointerId, e.pointerType && e.pointerType !== "mouse") {
-					let t = n.closest(".nb-reorder-list__grab");
-					try {
-						t?.setPointerCapture?.(e.pointerId);
-					} catch {}
-				}
-				G(), window.addEventListener("pointermove", q), window.addEventListener("pointerup", J), window.addEventListener("pointercancel", Y);
-			}
-		}
-		let H;
-		function U(e) {
-			return e.pointerId === H;
-		}
-		let W = null;
-		function G() {
-			typeof document > "u" || W !== null || (W = document.body.style.userSelect, document.body.style.userSelect = "none", document.body.style.setProperty("-webkit-user-select", "none"));
-		}
-		function K() {
-			typeof document > "u" || W === null || (document.body.style.userSelect = W, document.body.style.removeProperty("-webkit-user-select"), W = null);
-		}
-		function q(e) {
-			if (z.value === null || !O.value || !U(e)) return;
-			let t = [...O.value.querySelectorAll("[data-index]")], n = t.length;
-			for (let r of t) {
-				let t = r.getBoundingClientRect();
-				if (e.clientY < t.top + t.height / 2) {
-					n = Number(r.dataset.index);
-					break;
-				}
-			}
-			B.value = n;
-		}
-		function J(e) {
-			if (!U(e)) return;
-			let t = z.value, n = B.value;
-			X(), !(t === null || n === null) && P(t, n > t ? n - 1 : n, "pointer");
-		}
-		function Y(e) {
-			U(e) && X();
-		}
-		function X() {
-			K(), z.value = null, B.value = null, H = void 0, window.removeEventListener("pointermove", q), window.removeEventListener("pointerup", J), window.removeEventListener("pointercancel", Y);
-		}
-		return d(X), (n, i) => (f(), a("ul", {
-			ref_key: "listRef",
-			ref: O,
-			class: u(["nb-reorder-list", { "nb-reorder-list--dragging": z.value !== null }]),
-			role: "list",
-			"aria-label": e.label || void 0,
-			"aria-describedby": `${_(D)}-hint`
-		}, [
-			(f(!0), a(r, null, m(k.value, (r, i) => (f(), a("li", {
-				key: A(r, i),
-				class: u(["nb-reorder-list__row", {
-					"nb-reorder-list__row--dragging": z.value === i,
-					"nb-reorder-list__row--lifted": F.value === i,
-					"nb-reorder-list__row--drop-before": B.value === i,
-					"nb-reorder-list__row--drop-after": B.value === i + 1 && i === k.value.length - 1
-				}]),
-				"data-index": i,
-				onPointerdown: (e) => V(e, i)
-			}, [o("div", {
-				class: "nb-reorder-list__grab",
-				tabindex: e.disabled ? -1 : 0,
-				role: "button",
-				"aria-disabled": e.disabled || void 0,
-				"aria-label": M(i),
-				onKeydown: (e) => I(e, i),
-				onBlur: (e) => R(i)
-			}, [h(n.$slots, "handle", {
-				item: r,
-				index: i
-			}, () => [c(t, {
-				class: "nb-reorder-list__grip",
-				name: _(v),
-				size: 16,
-				"aria-hidden": "true"
-			}, null, 8, ["name"])], !0)], 40, x), o("div", S, [h(n.$slots, "default", {
-				item: r,
-				index: i
-			}, () => [s(g(r), 1)], !0)])], 42, b))), 128)),
-			o("li", {
-				id: `${_(D)}-hint`,
-				class: "nb-reorder-list__sr"
-			}, " Press Space or Enter to pick up, arrow keys to move, Space or Enter to drop, Escape to cancel. ", 8, C),
-			o("li", w, g(N.value), 1)
-		], 10, y));
-	}
-}), [["__scopeId", "data-v-a6037f51"]]);
-//#endregion
-export { T as t };

package/dist/Stat-CHBimwPd.cjs

@@ -1 +0,0 @@
-const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),n=require(`./Icon-C8R_r_In.cjs`),r=require(`./composables/useSurfaceLayer.composable.cjs`),i=require(`./Card.link-CPtMC-Hu.cjs`),a=require(`./Skeleton-CSRjBPVt.cjs`);let o=require(`vue`),s=require(`@nubisco/ui/icons/arrow-up-right`);s=e.n(s);let c=require(`@nubisco/ui/icons/arrow-down-right`);c=e.n(c);let l=require(`@nubisco/ui/icons/minus`);l=e.n(l);var u={class:`nb-stat__label`},d={class:`nb-stat__value`},f={key:1},p={key:2,class:`nb-stat__comparison`},m=(0,o.defineComponent)({__name:`Stat`,props:{label:{},value:{default:void 0},status:{default:`neutral`},delta:{default:void 0},trend:{default:void 0},invertTrend:{type:Boolean,default:!1},comparison:{default:void 0},size:{default:`md`},loading:{type:Boolean,default:!1},to:{default:void 0},href:{default:void 0},target:{default:void 0},clickable:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:[`select`],setup(e,{emit:t}){let m=e,h=t,{layerProps:g}=r.useSurfaceLayer(),{tag:_,attrs:v,isInteractive:y,onClick:b,onKeydown:x}=i.t(m,()=>h(`select`)),S=(0,o.computed)(()=>m.trend===`up`?s:m.trend===`down`?c:m.trend===`flat`?l:null),C=(0,o.computed)(()=>m.trend===`up`?m.invertTrend?`negative`:`positive`:m.trend===`down`?m.invertTrend?`positive`:`negative`:`neutral`);return(t,r)=>((0,o.openBlock)(),(0,o.createBlock)((0,o.resolveDynamicComponent)((0,o.unref)(_)),(0,o.mergeProps)({class:[`nb-stat`,[`nb-stat--${e.status}`,`nb-stat--${e.size}`,{"nb-stat--interactive":(0,o.unref)(y),"nb-stat--selected":e.selected,"nb-stat--disabled":e.disabled}]]},{...(0,o.unref)(v),...(0,o.unref)(g)},{"aria-busy":e.loading?!0:void 0,onClick:(0,o.unref)(b),onKeydown:(0,o.unref)(x)}),{default:(0,o.withCtx)(()=>[(0,o.createElementVNode)(`span`,u,[(0,o.renderSlot)(t.$slots,`label`,{},()=>[(0,o.createTextVNode)((0,o.toDisplayString)(e.label),1)],!0)]),(0,o.createElementVNode)(`span`,d,[e.loading?((0,o.openBlock)(),(0,o.createBlock)(a.t,{key:0,variant:`block`,height:e.size===`lg`?36:28,width:`4.5ch`,radius:`sm`},null,8,[`height`])):(0,o.renderSlot)(t.$slots,`value`,{key:1},()=>[(0,o.createTextVNode)((0,o.toDisplayString)(e.value),1)],!0)]),!e.loading&&(e.delta||e.trend||e.comparison||t.$slots.delta)?((0,o.openBlock)(),(0,o.createElementBlock)(`span`,{key:0,class:(0,o.normalizeClass)([`nb-stat__delta`,e.trend?`nb-stat__delta--${C.value}`:null])},[(0,o.renderSlot)(t.$slots,`delta`,{},()=>[S.value?((0,o.openBlock)(),(0,o.createBlock)(n.t,{key:0,name:S.value,size:12,class:`nb-stat__trend`,"aria-hidden":`true`},null,8,[`name`])):(0,o.createCommentVNode)(``,!0),e.delta?((0,o.openBlock)(),(0,o.createElementBlock)(`span`,f,(0,o.toDisplayString)(e.delta),1)):(0,o.createCommentVNode)(``,!0),e.comparison?((0,o.openBlock)(),(0,o.createElementBlock)(`span`,p,(0,o.toDisplayString)(e.comparison),1)):(0,o.createCommentVNode)(``,!0)],!0)],2)):(0,o.createCommentVNode)(``,!0)]),_:3},16,[`class`,`aria-busy`,`onClick`,`onKeydown`]))}}),h=t.t(m,[[`__scopeId`,`data-v-ff54027c`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return h}});