wimui 0.26.1 → 0.28.0

package/dist/components/data-display/Barcode/Barcode.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../hooks/useMergedRef.cjs"),r=require("./encode.cjs"),i=require("./warn-unencodable-value.cjs"),a=require("./barcode.module.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("classnames");s=e.__toESM(s,1);let c=require("react/jsx-runtime");var l={code128:`Code 128`,ean13:`EAN-13`},u=11,d=o.default.forwardRef(({value:e,format:d=`code128`,height:f=64,moduleWidth:p=2,showValue:m=!0,label:h,className:g,..._},v)=>{let{t:y}=t.useWimTranslation(`common`),b=r.encodeBarcode(e,d),x=o.default.useRef(null),[S,C]=o.default.useState(!1);o.default.useLayoutEffect(()=>{let e=x.current;if(!e||typeof ResizeObserver>`u`)return;let t=()=>C(e.scrollWidth>e.clientWidth);t();let n=new ResizeObserver(t);return n.observe(e),()=>n.disconnect()},[b?.modules,p]);let w=n.useMergedRef(v,x);if(!b){i.warnUnencodableValue(e,d,l[d]);let t=y(`barcode.invalid`,{format:l[d]});return(0,c.jsxs)(`div`,{ref:w,"data-invalid":`true`,className:(0,s.default)(`wim-barcode`,a.default.root,a.default.invalid,g),..._,children:[(0,c.jsx)(`span`,{className:a.default.invalidMessage,children:t}),(0,c.jsx)(`span`,{className:a.default.invalidValue,children:e})]})}let T=b.modules.length+u*2,E=T*p,D=u,O=r.toRuns(b.modules).map(([e,t])=>{let n=D;return D+=t,e?{x:n,width:t}:null});return(0,c.jsxs)(`div`,{ref:w,role:`img`,tabIndex:S?0:void 0,"aria-label":h??y(`barcode.aria_label`,{value:b.text}),"data-format":d,className:(0,s.default)(`wim-barcode`,a.default.root,g),..._,children:[(0,c.jsx)(`svg`,{className:a.default.symbol,width:E,height:f,viewBox:`0 0 ${T} ${f}`,preserveAspectRatio:`none`,shapeRendering:`crispEdges`,"aria-hidden":`true`,children:O.map(e=>e?(0,c.jsx)(`rect`,{x:e.x,y:0,width:e.width,height:f},e.x):null)}),m?(0,c.jsx)(`span`,{className:a.default.value,children:b.text}):null]})});d.displayName=`Barcode`,exports.Barcode=d;

package/dist/components/data-display/Barcode/Barcode.d.ts

@@ -0,0 +1,86 @@
+import { default as React } from 'react';
+import { BarcodeFormat } from './encode';
+export type { BarcodeFormat };
+export type BarcodeProps = Omit<React.ComponentPropsWithoutRef<"div">, "children"> & {
+    /**
+     * Value to encode. For `ean13`, 12 digits (the check digit is calculated) or
+     * 13 digits (the check digit is verified).
+     */
+    value: string;
+    /**
+     * Symbology to encode `value` in.
+     * @default "code128"
+     */
+    format?: BarcodeFormat;
+    /**
+     * Height of the bars, in px.
+     * @default 64
+     */
+    height?: number;
+    /**
+     * Width of the narrowest bar, in px. Below 2 most phone cameras stop reading
+     * the symbol on screen.
+     * @default 2
+     */
+    moduleWidth?: number;
+    /**
+     * Whether the value is printed under the bars.
+     * @default true
+     */
+    showValue?: boolean;
+    /**
+     * Accessible name. Defaults to the value, so that a screen reader can read out
+     * what a scanner would read.
+     */
+    label?: string;
+};
+/**
+ * Draws a scannable 1D barcode — Code 128 for logistics, tickets and internal
+ * SKUs, EAN-13 for retail product codes.
+ *
+ * Two things are deliberate. **The symbol keeps dark bars on a light background
+ * in both themes**: laser and CCD scanners are built for that polarity and read
+ * an inverted symbol unreliably, so following the theme here would produce a
+ * barcode that looks right and does not scan. And **a value that cannot be
+ * encoded is never drawn** — an approximate barcode scans to the wrong thing,
+ * which is worse than one that is visibly missing. For the same reason the
+ * symbol is never scaled down to fit a narrow container: it scrolls instead,
+ * because a squeezed symbol looks identical and stops being read.
+ *
+ * Composition Contract:
+ * - Managed by: App consumption
+ * - Scroll lock: No
+ */
+export declare const Barcode: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children"> & {
+    /**
+     * Value to encode. For `ean13`, 12 digits (the check digit is calculated) or
+     * 13 digits (the check digit is verified).
+     */
+    value: string;
+    /**
+     * Symbology to encode `value` in.
+     * @default "code128"
+     */
+    format?: BarcodeFormat;
+    /**
+     * Height of the bars, in px.
+     * @default 64
+     */
+    height?: number;
+    /**
+     * Width of the narrowest bar, in px. Below 2 most phone cameras stop reading
+     * the symbol on screen.
+     * @default 2
+     */
+    moduleWidth?: number;
+    /**
+     * Whether the value is printed under the bars.
+     * @default true
+     */
+    showValue?: boolean;
+    /**
+     * Accessible name. Defaults to the value, so that a screen reader can read out
+     * what a scanner would read.
+     */
+    label?: string;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/components/data-display/Barcode/Barcode.js

@@ -0,0 +1,79 @@
+"use client";
+import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
+import { useMergedRef as t } from "../../../hooks/useMergedRef.js";
+import { encodeBarcode as n, toRuns as r } from "./encode.js";
+import { warnUnencodableValue as i } from "./warn-unencodable-value.js";
+import a from "./barcode.module.js";
+import o from "react";
+import s from "classnames";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/data-display/Barcode/Barcode.tsx
+var u = {
+	code128: "Code 128",
+	ean13: "EAN-13"
+}, d = 11, f = o.forwardRef(({ value: f, format: p = "code128", height: m = 64, moduleWidth: h = 2, showValue: g = !0, label: _, className: v, ...y }, b) => {
+	let { t: x } = e("common"), S = n(f, p), C = o.useRef(null), [w, T] = o.useState(!1);
+	o.useLayoutEffect(() => {
+		let e = C.current;
+		if (!e || typeof ResizeObserver > "u") return;
+		let t = () => T(e.scrollWidth > e.clientWidth);
+		t();
+		let n = new ResizeObserver(t);
+		return n.observe(e), () => n.disconnect();
+	}, [S?.modules, h]);
+	let E = t(b, C);
+	if (!S) {
+		i(f, p, u[p]);
+		let e = x("barcode.invalid", { format: u[p] });
+		return /* @__PURE__ */ l("div", {
+			ref: E,
+			"data-invalid": "true",
+			className: s("wim-barcode", a.root, a.invalid, v),
+			...y,
+			children: [/* @__PURE__ */ c("span", {
+				className: a.invalidMessage,
+				children: e
+			}), /* @__PURE__ */ c("span", {
+				className: a.invalidValue,
+				children: f
+			})]
+		});
+	}
+	let D = S.modules.length + d * 2, O = D * h, k = d, A = r(S.modules).map(([e, t]) => {
+		let n = k;
+		return k += t, e ? {
+			x: n,
+			width: t
+		} : null;
+	});
+	return /* @__PURE__ */ l("div", {
+		ref: E,
+		role: "img",
+		tabIndex: w ? 0 : void 0,
+		"aria-label": _ ?? x("barcode.aria_label", { value: S.text }),
+		"data-format": p,
+		className: s("wim-barcode", a.root, v),
+		...y,
+		children: [/* @__PURE__ */ c("svg", {
+			className: a.symbol,
+			width: O,
+			height: m,
+			viewBox: `0 0 ${D} ${m}`,
+			preserveAspectRatio: "none",
+			shapeRendering: "crispEdges",
+			"aria-hidden": "true",
+			children: A.map((e) => e ? /* @__PURE__ */ c("rect", {
+				x: e.x,
+				y: 0,
+				width: e.width,
+				height: m
+			}, e.x) : null)
+		}), g ? /* @__PURE__ */ c("span", {
+			className: a.value,
+			children: S.text
+		}) : null]
+	});
+});
+f.displayName = "Barcode";
+//#endregion
+export { f as Barcode };

package/dist/components/data-display/Barcode/barcode.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_1goq6_34`,t=`_symbol_1goq6_64`,n=`_value_1goq6_78`,r=`_invalid_1goq6_94`,i=`_invalidMessage_1goq6_100`,a=`_invalidValue_1goq6_106`,o={root:e,symbol:t,value:n,invalid:r,invalidMessage:i,invalidValue:a};exports.default=o,exports.invalid=r,exports.invalidMessage=i,exports.invalidValue=a,exports.root=e,exports.symbol=t,exports.value=n;

package/dist/components/data-display/Barcode/barcode.module.js

@@ -0,0 +1,12 @@
+"use client";
+//#region src/components/data-display/Barcode/barcode.module.scss
+var e = "_root_1goq6_34", t = "_symbol_1goq6_64", n = "_value_1goq6_78", r = "_invalid_1goq6_94", i = "_invalidMessage_1goq6_100", a = "_invalidValue_1goq6_106", o = {
+	root: e,
+	symbol: t,
+	value: n,
+	invalid: r,
+	invalidMessage: i,
+	invalidValue: a
+};
+//#endregion
+export { o as default, r as invalid, i as invalidMessage, a as invalidValue, e as root, t as symbol, n as value };

package/dist/components/data-display/Barcode/encode.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`212222.222122.222221.121223.121322.131222.122213.122312.132212.221213.221312.231212.112232.122132.122231.113222.123122.123221.223211.221132.221231.213212.223112.312131.311222.321122.321221.312212.322112.322211.212123.212321.232121.111323.131123.131321.112313.132113.132311.211313.231113.231311.112133.112331.132131.113123.113321.133121.313121.211331.231131.213113.213311.213131.311123.311321.331121.312113.312311.332111.314111.221411.431111.111224.111422.121124.121421.141122.141221.112214.112412.122114.122411.142112.142211.241211.221114.413111.241112.134111.111242.121142.121241.114212.124112.124211.411212.421112.421211.212141.214121.412121.111143.111341.131141.114113.114311.411113.411311.113141.114131.311141.411131.211412.211214.211232`.split(`.`),t=`2331112`,n=104,r=105,i=103,a=e=>{let t=``;for(let n=0;n<e.length;n+=1)t+=(n%2==0?`1`:`0`).repeat(Number(e[n]));return t},o=o=>{if(o.length===0)return null;let s=[];if(/^\d+$/.test(o)&&o.length%2==0){s.push(r);for(let e=0;e<o.length;e+=2)s.push(Number(o.slice(e,e+2)))}else{if(!/^[\x20-\x7e]+$/.test(o))return null;s.push(n);for(let e of o)s.push(e.charCodeAt(0)-32)}let c=s.reduce((e,t,n)=>e+t*(n===0?1:n),0)%i;return s.push(c),{modules:s.map(t=>a(e[t])).join(``)+a(t),text:o}},s=[`0001101`,`0011001`,`0010011`,`0111101`,`0100011`,`0110001`,`0101111`,`0111011`,`0110111`,`0001011`],c=[`0100111`,`0110011`,`0011011`,`0100001`,`0011101`,`0111001`,`0000101`,`0010001`,`0001001`,`0010111`],l=[`1110010`,`1100110`,`1101100`,`1000010`,`1011100`,`1001110`,`1010000`,`1000100`,`1001000`,`1110100`],u=[`LLLLLL`,`LLGLGG`,`LLGGLG`,`LLGGGL`,`LGLLGG`,`LGGLLG`,`LGGGLL`,`LGLGLG`,`LGLGGL`,`LGGLGL`],d=`101`,f=`01010`,p=e=>{let t=0;for(let n=0;n<12;n+=1)t+=Number(e[n])*(n%2==0?1:3);return(10-t%10)%10},m=e=>{if(!/^\d{12,13}$/.test(e))return null;let t=e.slice(0,12),n=p(t);if(e.length===13&&Number(e[12])!==n)return null;let r=`${t}${n}`,i=u[Number(r[0])],a=``;for(let e=0;e<6;e+=1){let t=Number(r[e+1]);a+=i[e]===`L`?s[t]:c[t]}let o=``;for(let e=7;e<13;e+=1)o+=l[Number(r[e])];return{modules:`${d}${a}${f}${o}${d}`,text:r}},h=(e,t)=>t===`ean13`?m(e):o(e),g=e=>{let t=[];for(let n of e){let e=n===`1`,r=t[t.length-1];r&&r[0]===e?r[1]+=1:t.push([e,1])}return t};exports.ean13CheckDigit=p,exports.encodeBarcode=h,exports.toRuns=g;

package/dist/components/data-display/Barcode/encode.d.ts

@@ -0,0 +1,28 @@
+/**
+ * 1 次元シンボル体系のエンコーダ。**描画から切り離してある**のは、バーの並びが
+ * 規格で決まっていて単体で検証できるものだからで、`Barcode.tsx` 側は
+ * 「1 と 0 の列をどう塗るか」だけを持つ。
+ *
+ * 対応は Code 128 と EAN-13 の 2 つ。前者は物流・チケット・社内 SKU、後者は
+ * 小売の商品コードで、この 2 つで「バーコードを出したい」の大半が埋まる。
+ * 体系を増やすのは後方互換なので、要求が出てから足せばよい。
+ */
+export type BarcodeFormat = "code128" | "ean13";
+export type EncodedBarcode = {
+    /** 1 = bar, 0 = space. One character per module. */
+    modules: string;
+    /** Human-readable interpretation printed under the bars. */
+    text: string;
+};
+/** Test seam: the raw pattern table, so its invariants can be measured. */
+export declare const code128Patterns: () => readonly string[];
+/** 右から重み 1,3,1,3… を掛けて 10 の補数を取る（GS1 のモジュラス 10）。 */
+export declare const ean13CheckDigit: (first12: string) => number;
+/**
+ * Encodes `value` into a module string, or returns `null` when the value cannot
+ * be represented in `format` — an unencodable value must not be drawn, because a
+ * barcode that scans to the wrong thing is worse than one that is missing.
+ */
+export declare const encodeBarcode: (value: string, format: BarcodeFormat) => EncodedBarcode | null;
+/** Consecutive runs of the same module, as `[isBar, width]` pairs. */
+export declare const toRuns: (modules: string) => Array<[boolean, number]>;

package/dist/components/data-display/Barcode/encode.js

@@ -0,0 +1,95 @@
+"use client";
+//#region src/components/data-display/Barcode/encode.ts
+var e = /* @__PURE__ */ "212222.222122.222221.121223.121322.131222.122213.122312.132212.221213.221312.231212.112232.122132.122231.113222.123122.123221.223211.221132.221231.213212.223112.312131.311222.321122.321221.312212.322112.322211.212123.212321.232121.111323.131123.131321.112313.132113.132311.211313.231113.231311.112133.112331.132131.113123.113321.133121.313121.211331.231131.213113.213311.213131.311123.311321.331121.312113.312311.332111.314111.221411.431111.111224.111422.121124.121421.141122.141221.112214.112412.122114.122411.142112.142211.241211.221114.413111.241112.134111.111242.121142.121241.114212.124112.124211.411212.421112.421211.212141.214121.412121.111143.111341.131141.114113.114311.411113.411311.113141.114131.311141.411131.211412.211214.211232".split("."), t = "2331112", n = 104, r = 105, i = 103, a = (e) => {
+	let t = "";
+	for (let n = 0; n < e.length; n += 1) t += (n % 2 == 0 ? "1" : "0").repeat(Number(e[n]));
+	return t;
+}, o = (o) => {
+	if (o.length === 0) return null;
+	let s = [];
+	if (/^\d+$/.test(o) && o.length % 2 == 0) {
+		s.push(r);
+		for (let e = 0; e < o.length; e += 2) s.push(Number(o.slice(e, e + 2)));
+	} else {
+		if (!/^[\x20-\x7e]+$/.test(o)) return null;
+		s.push(n);
+		for (let e of o) s.push(e.charCodeAt(0) - 32);
+	}
+	let c = s.reduce((e, t, n) => e + t * (n === 0 ? 1 : n), 0) % i;
+	return s.push(c), {
+		modules: s.map((t) => a(e[t])).join("") + a(t),
+		text: o
+	};
+}, s = [
+	"0001101",
+	"0011001",
+	"0010011",
+	"0111101",
+	"0100011",
+	"0110001",
+	"0101111",
+	"0111011",
+	"0110111",
+	"0001011"
+], c = [
+	"0100111",
+	"0110011",
+	"0011011",
+	"0100001",
+	"0011101",
+	"0111001",
+	"0000101",
+	"0010001",
+	"0001001",
+	"0010111"
+], l = [
+	"1110010",
+	"1100110",
+	"1101100",
+	"1000010",
+	"1011100",
+	"1001110",
+	"1010000",
+	"1000100",
+	"1001000",
+	"1110100"
+], u = [
+	"LLLLLL",
+	"LLGLGG",
+	"LLGGLG",
+	"LLGGGL",
+	"LGLLGG",
+	"LGGLLG",
+	"LGGGLL",
+	"LGLGLG",
+	"LGLGGL",
+	"LGGLGL"
+], d = "101", f = "01010", p = (e) => {
+	let t = 0;
+	for (let n = 0; n < 12; n += 1) t += Number(e[n]) * (n % 2 == 0 ? 1 : 3);
+	return (10 - t % 10) % 10;
+}, m = (e) => {
+	if (!/^\d{12,13}$/.test(e)) return null;
+	let t = e.slice(0, 12), n = p(t);
+	if (e.length === 13 && Number(e[12]) !== n) return null;
+	let r = `${t}${n}`, i = u[Number(r[0])], a = "";
+	for (let e = 0; e < 6; e += 1) {
+		let t = Number(r[e + 1]);
+		a += i[e] === "L" ? s[t] : c[t];
+	}
+	let o = "";
+	for (let e = 7; e < 13; e += 1) o += l[Number(r[e])];
+	return {
+		modules: `${d}${a}${f}${o}${d}`,
+		text: r
+	};
+}, h = (e, t) => t === "ean13" ? m(e) : o(e), g = (e) => {
+	let t = [];
+	for (let n of e) {
+		let e = n === "1", r = t[t.length - 1];
+		r && r[0] === e ? r[1] += 1 : t.push([e, 1]);
+	}
+	return t;
+};
+//#endregion
+export { p as ean13CheckDigit, h as encodeBarcode, g as toRuns };

package/dist/components/data-display/Barcode/warn-unencodable-value.cjs

@@ -0,0 +1,2 @@
+"use client";
+function e(e,t,n){}exports.warnUnencodableValue=e;

package/dist/components/data-display/Barcode/warn-unencodable-value.d.ts

@@ -0,0 +1,3 @@
+export declare function warnUnencodableValue(value: string, format: string, formatName: string): void;
+/** Test seam — the warn-once set is module state. */
+export declare function resetBarcodeWarnings(): void;

package/dist/components/data-display/Barcode/warn-unencodable-value.js

@@ -0,0 +1,4 @@
+"use client";
+function e(e, t, n) {}
+//#endregion
+export { e as warnUnencodableValue };

package/dist/components/data-display/Presence/Presence.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../layout/VisuallyHidden/VisuallyHidden.cjs"),r=require("../../feedback/Indicator/Indicator.cjs"),i=require("./presence.module.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("classnames");o=e.__toESM(o,1);let s=require("react/jsx-runtime");var c={online:`success`,away:`warning`,busy:`danger`,offline:`neutral`},l=a.default.forwardRef(({status:e,label:a,showLabel:l=!1,size:u=`md`,position:d=`bottom-right`,children:f,className:p,...m},h)=>{let{t:g}=t.useWimTranslation(`common`),_=a??g(`presence.${e}`);return(0,s.jsxs)(`span`,{ref:h,className:(0,o.default)(`wim-presence`,i.default.root,p),...m,children:[f?(0,s.jsx)(r.Indicator,{color:c[e],size:u,position:d,children:f}):(0,s.jsx)(r.Indicator,{color:c[e],size:u,inline:!0}),l?(0,s.jsx)(`span`,{className:i.default.label,children:_}):(0,s.jsx)(n.VisuallyHidden,{children:_})]})});l.displayName=`Presence`,exports.Presence=l;

package/dist/components/data-display/Presence/Presence.d.ts

@@ -0,0 +1,77 @@
+import { default as React } from 'react';
+import { ComponentSizeBasic } from '../../../types/tokens';
+export type PresenceStatus = "online" | "away" | "busy" | "offline";
+export type PresenceProps = Omit<React.ComponentPropsWithoutRef<"span">, "children"> & {
+    /**
+     * Availability of the person or resource.
+     */
+    status: PresenceStatus;
+    /**
+     * Text for the status. Defaults to the localized name of `status`.
+     */
+    label?: string;
+    /**
+     * Whether the label is shown next to the dot. The label is always exposed to
+     * assistive technology; this only controls whether it is also visible.
+     * @default false
+     */
+    showLabel?: boolean;
+    /**
+     * Size of the dot.
+     * @default "md"
+     */
+    size?: ComponentSizeBasic;
+    /**
+     * Corner the dot is placed at. Only applies when `children` is given.
+     * @default "bottom-right"
+     */
+    position?: "top-right" | "top-left" | "bottom-right" | "bottom-left";
+    /**
+     * Element the dot is attached to, typically an `Avatar`. Without it the dot
+     * renders inline, next to whatever follows it.
+     */
+    children?: React.ReactNode;
+};
+/**
+ * Shows whether a person is online, away, busy, or offline.
+ *
+ * The dot is the same one `Indicator` draws; what this component adds is the
+ * vocabulary (which state maps to which color) and a name for that state —
+ * a colored dot on its own carries meaning by color alone, so the name is
+ * always exposed to assistive technology even when `showLabel` is false.
+ *
+ * Composition Contract:
+ * - Managed by: App consumption
+ * - Scroll lock: No
+ */
+export declare const Presence: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "children"> & {
+    /**
+     * Availability of the person or resource.
+     */
+    status: PresenceStatus;
+    /**
+     * Text for the status. Defaults to the localized name of `status`.
+     */
+    label?: string;
+    /**
+     * Whether the label is shown next to the dot. The label is always exposed to
+     * assistive technology; this only controls whether it is also visible.
+     * @default false
+     */
+    showLabel?: boolean;
+    /**
+     * Size of the dot.
+     * @default "md"
+     */
+    size?: ComponentSizeBasic;
+    /**
+     * Corner the dot is placed at. Only applies when `children` is given.
+     * @default "bottom-right"
+     */
+    position?: "top-right" | "top-left" | "bottom-right" | "bottom-left";
+    /**
+     * Element the dot is attached to, typically an `Avatar`. Without it the dot
+     * renders inline, next to whatever follows it.
+     */
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLSpanElement>>;

package/dist/components/data-display/Presence/Presence.js

@@ -0,0 +1,38 @@
+"use client";
+import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
+import { VisuallyHidden as t } from "../../layout/VisuallyHidden/VisuallyHidden.js";
+import { Indicator as n } from "../../feedback/Indicator/Indicator.js";
+import r from "./presence.module.js";
+import i from "react";
+import a from "classnames";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/data-display/Presence/Presence.tsx
+var c = {
+	online: "success",
+	away: "warning",
+	busy: "danger",
+	offline: "neutral"
+}, l = i.forwardRef(({ status: i, label: l, showLabel: u = !1, size: d = "md", position: f = "bottom-right", children: p, className: m, ...h }, g) => {
+	let { t: _ } = e("common"), v = l ?? _(`presence.${i}`);
+	return /* @__PURE__ */ s("span", {
+		ref: g,
+		className: a("wim-presence", r.root, m),
+		...h,
+		children: [p ? /* @__PURE__ */ o(n, {
+			color: c[i],
+			size: d,
+			position: f,
+			children: p
+		}) : /* @__PURE__ */ o(n, {
+			color: c[i],
+			size: d,
+			inline: !0
+		}), u ? /* @__PURE__ */ o("span", {
+			className: r.label,
+			children: v
+		}) : /* @__PURE__ */ o(t, { children: v })]
+	});
+});
+l.displayName = "Presence";
+//#endregion
+export { l as Presence };

package/dist/components/data-display/Presence/presence.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_1kzd9_3`,t=`_label_1kzd9_10`,n={root:e,label:t};exports.default=n,exports.label=t,exports.root=e;

package/dist/components/data-display/Presence/presence.module.js

@@ -0,0 +1,8 @@
+"use client";
+//#region src/components/data-display/Presence/presence.module.scss
+var e = "_root_1kzd9_3", t = "_label_1kzd9_10", n = {
+	root: e,
+	label: t
+};
+//#endregion
+export { n as default, t as label, e as root };

package/dist/components/feedback/Loader/Loader.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../utilities/style-utils.cjs"),n=require("./loader.module.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("classnames");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=({variant:e=`bars`,size:r=`md`,color:o=`primary`,className:s,style:c,...l})=>{let u=typeof o==`string`&&[`primary`,`secondary`,`success`,`warning`,`danger`,`neutral`].includes(o);return(0,a.jsxs)(`div`,{className:(0,i.default)(`wim-loader`,n.default.root,n.default[e],n.default[r],u&&n.default[o],s),style:{color:u?void 0:t.getColorValue(o),...c},role:`status`,"aria-live":`polite`,...l,children:[(0,a.jsx)(`span`,{className:n.default.item}),(0,a.jsx)(`span`,{className:n.default.item}),(0,a.jsx)(`span`,{className:n.default.item})]})};exports.Loader=o;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../utilities/style-utils.cjs"),n=require("./loader.module.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("classnames");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=({variant:e=`bars`,size:r=`md`,color:o=`primary`,className:s,style:c,...l})=>{let u=typeof o==`string`&&[`primary`,`secondary`,`success`,`warning`,`danger`,`neutral`].includes(o);return(0,a.jsxs)(`div`,{className:(0,i.default)(`wim-loader`,n.default.root,n.default[e],n.default[r],u&&n.default[o],s),style:{color:u?void 0:t.getColorValue(o),...c},...l,children:[(0,a.jsx)(`span`,{className:n.default.item}),(0,a.jsx)(`span`,{className:n.default.item}),(0,a.jsx)(`span`,{className:n.default.item})]})};exports.Loader=o;

package/dist/components/feedback/Loader/Loader.js

@@ -20,8 +20,6 @@ var a = ({ variant: a = "bars", size: o = "md", color: s = "primary", className:
 			color: d ? void 0 : e(s),
 			...l
 		},
-		role: "status",
-		"aria-live": "polite",
 		...u,
 		children: [
 			/* @__PURE__ */ r("span", { className: t.item }),

package/dist/components/feedback/Spinner/Spinner.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../utilities/style-utils.cjs"),n=require("./spinner.module.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("classnames");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=({size:e=`md`,color:r=`primary`,label:o,labelPosition:s=`right`,className:c,style:l,...u})=>{let d=typeof r==`string`&&[`primary`,`secondary`,`success`,`warning`,`danger`,`neutral`].includes(r);return(0,a.jsxs)(`div`,{className:(0,i.default)(n.default.container,o&&n.default[`label-${s}`],c),role:`status`,"aria-live":`polite`,style:{color:d?void 0:t.getColorValue(r),...l},...u,children:[(0,a.jsxs)(`svg`,{className:(0,i.default)(`wim-spinner`,n.default.root,n.default[e],d&&n.default[r]),viewBox:`0 0 50 50`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:[(0,a.jsx)(`circle`,{className:n.default.track,cx:`25`,cy:`25`,r:`20`,stroke:`currentColor`,strokeWidth:`4`}),(0,a.jsx)(`circle`,{className:n.default.head,cx:`25`,cy:`25`,r:`20`,stroke:`currentColor`,strokeWidth:`4`,strokeLinecap:`round`,strokeDasharray:`126`,strokeDashoffset:`100`})]}),o&&(0,a.jsx)(`span`,{className:n.default.label,children:o})]})};exports.Spinner=o;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../utilities/style-utils.cjs"),n=require("./spinner.module.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("classnames");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=({size:e=`md`,color:r=`primary`,label:o,labelPosition:s=`right`,className:c,style:l,...u})=>{let d=typeof r==`string`&&[`primary`,`secondary`,`success`,`warning`,`danger`,`neutral`].includes(r);return(0,a.jsxs)(`div`,{className:(0,i.default)(n.default.container,o&&n.default[`label-${s}`],c),role:o?`status`:void 0,"aria-live":o?`polite`:void 0,style:{color:d?void 0:t.getColorValue(r),...l},...u,children:[(0,a.jsxs)(`svg`,{className:(0,i.default)(`wim-spinner`,n.default.root,n.default[e],d&&n.default[r]),viewBox:`0 0 50 50`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:[(0,a.jsx)(`circle`,{className:n.default.track,cx:`25`,cy:`25`,r:`20`,stroke:`currentColor`,strokeWidth:`4`}),(0,a.jsx)(`circle`,{className:n.default.head,cx:`25`,cy:`25`,r:`20`,stroke:`currentColor`,strokeWidth:`4`,strokeLinecap:`round`,strokeDasharray:`126`,strokeDashoffset:`100`})]}),o&&(0,a.jsx)(`span`,{className:n.default.label,children:o})]})};exports.Spinner=o;

package/dist/components/feedback/Spinner/Spinner.js

@@ -16,8 +16,8 @@ var a = ({ size: a = "md", color: o = "primary", label: s, labelPosition: c = "r
 	].includes(o);
 	return /* @__PURE__ */ i("div", {
 		className: n(t.container, s && t[`label-${c}`], l),
-		role: "status",
-		"aria-live": "polite",
+		role: s ? "status" : void 0,
+		"aria-live": s ? "polite" : void 0,
 		style: {
 			color: f ? void 0 : e(o),
 			...u

package/dist/data-display-core.d.ts

@@ -30,3 +30,5 @@ export * from './components/data-display/Reaction/Reaction';
 export * from './components/data-display/Leaderboard/Leaderboard';
 export * from './components/data-display/RelativeTime/RelativeTime';
 export * from './components/data-display/Countdown/Countdown';
+export * from './components/data-display/Presence/Presence';
+export * from './components/data-display/Barcode/Barcode';

package/dist/data-display.cjs

@@ -1,2 +1,2 @@
 "use client";
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./components/data-display/Card/Card.cjs"),t=require("./components/data-display/Badge/Badge.cjs"),n=require("./components/data-display/Calendar/Calendar.cjs"),r=require("./components/data-display/Chip/Chip.cjs"),i=require("./components/data-display/VirtualList/VirtualList.cjs"),a=require("./components/data-display/TreeView/TreeView.cjs"),o=require("./components/data-display/Tag/Tag.cjs"),s=require("./components/data-display/Accordion/Accordion.cjs"),c=require("./components/data-display/Avatar/Avatar.cjs"),l=require("./components/data-display/AvatarGroup/AvatarGroup.cjs"),u=require("./components/data-display/Calendar/RangeCalendar.cjs"),d=require("./components/data-display/Carousel/Carousel.cjs"),f=require("./components/data-display/Table/useTableSort.cjs"),p=require("./components/data-display/Table/Table.cjs"),m=require("./components/data-display/DataGrid/DataGrid.cjs"),h=require("./components/data-display/DescriptionList/DescriptionList.cjs"),g=require("./components/data-display/EmptyState/EmptyState.cjs"),_=require("./components/data-display/Kanban/Kanban.cjs"),v=require("./components/data-display/List/List.cjs"),y=require("./components/data-display/Marquee/Marquee.cjs"),b=require("./components/data-display/Stats/Stats.cjs"),x=require("./components/data-display/Timeline/Timeline.cjs"),S=require("./components/data-display/FAQSection/FAQSection.cjs"),C=require("./components/data-display/InfiniteScroll/InfiniteScroll.cjs"),w=require("./components/data-display/SortableList/SortableList.cjs"),T=require("./components/data-display/SwipeAction/SwipeAction.cjs"),E=require("./components/data-display/PullToRefresh/PullToRefresh.cjs"),D=require("./components/data-display/JsonViewer/JsonViewer.cjs"),O=require("./components/data-display/CalendarHeatmap/CalendarHeatmap.cjs"),k=require("./components/data-display/Reaction/Reaction.cjs"),A=require("./components/data-display/Leaderboard/Leaderboard.cjs"),j=require("./components/data-display/RelativeTime/RelativeTime.cjs"),M=require("./components/data-display/Countdown/Countdown.cjs");exports.Accordion=s.Accordion,exports.AccordionContent=s.AccordionContent,exports.AccordionItem=s.AccordionItem,exports.AccordionTrigger=s.AccordionTrigger,exports.Avatar=c.Avatar,exports.AvatarGroup=l.AvatarGroup,exports.Badge=t.Badge,exports.Calendar=n.Calendar,exports.CalendarHeatmap=O.CalendarHeatmap,exports.Card=e.Card,exports.CardBody=e.CardBody,exports.CardFooter=e.CardFooter,exports.CardHeader=e.CardHeader,exports.Carousel=d.Carousel,exports.Chip=r.Chip,exports.Countdown=M.Countdown,exports.DataGrid=m.DataGrid,exports.DescriptionList=h.DescriptionList,exports.DescriptionListDetails=h.DescriptionListDetails,exports.DescriptionListItem=h.DescriptionListItem,exports.DescriptionListTerm=h.DescriptionListTerm,exports.EmptyState=g.EmptyState,exports.FAQSection=S.FAQSection,exports.InfiniteScroll=C.InfiniteScroll,exports.JsonViewer=D.JsonViewer,exports.Kanban=_.Kanban,exports.KanbanBoard=_.KanbanBoard,exports.KanbanCard=_.KanbanCard,exports.KanbanColumn=_.KanbanColumn,exports.Leaderboard=A.Leaderboard,exports.List=v.List,exports.ListItem=v.ListItem,exports.Marquee=y.Marquee,exports.PullToRefresh=E.PullToRefresh,exports.RangeCalendar=u.RangeCalendar,exports.Reaction=k.Reaction,exports.RelativeTime=j.RelativeTime,exports.SortableList=w.SortableList,exports.SortableListDragHandle=w.SortableListDragHandle,exports.SortableListItem=w.SortableListItem,exports.Stats=b.Stats,exports.StatsDescription=b.StatsDescription,exports.StatsLabel=b.StatsLabel,exports.StatsTrend=b.StatsTrend,exports.StatsValue=b.StatsValue,exports.SwipeAction=T.SwipeAction,exports.Table=p.Table,exports.TableBody=p.TableBody,exports.TableCell=p.TableCell,exports.TableFooter=p.TableFooter,exports.TableHead=p.TableHead,exports.TableHeader=p.TableHeader,exports.TableRow=p.TableRow,exports.Tag=o.Tag,exports.Timeline=x.Timeline,exports.TimelineConnector=x.TimelineConnector,exports.TimelineContent=x.TimelineContent,exports.TimelineItem=x.TimelineItem,exports.TimelineOppositeContent=x.TimelineOppositeContent,exports.TimelinePoint=x.TimelinePoint,exports.TimelineSeparator=x.TimelineSeparator,exports.TreeView=a.TreeView,exports.TreeViewItem=a.TreeViewItem,exports.VirtualList=i.VirtualList,exports.getNextSortDirection=f.getNextSortDirection,exports.useTableSort=f.useTableSort;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./components/data-display/Card/Card.cjs"),t=require("./components/data-display/Badge/Badge.cjs"),n=require("./components/data-display/Calendar/Calendar.cjs"),r=require("./components/data-display/Chip/Chip.cjs"),i=require("./components/data-display/VirtualList/VirtualList.cjs"),a=require("./components/data-display/TreeView/TreeView.cjs"),o=require("./components/data-display/Tag/Tag.cjs"),s=require("./components/data-display/Accordion/Accordion.cjs"),c=require("./components/data-display/Avatar/Avatar.cjs"),l=require("./components/data-display/AvatarGroup/AvatarGroup.cjs"),u=require("./components/data-display/Calendar/RangeCalendar.cjs"),d=require("./components/data-display/Carousel/Carousel.cjs"),f=require("./components/data-display/Table/useTableSort.cjs"),p=require("./components/data-display/Table/Table.cjs"),m=require("./components/data-display/DataGrid/DataGrid.cjs"),h=require("./components/data-display/DescriptionList/DescriptionList.cjs"),g=require("./components/data-display/EmptyState/EmptyState.cjs"),_=require("./components/data-display/Kanban/Kanban.cjs"),v=require("./components/data-display/List/List.cjs"),y=require("./components/data-display/Marquee/Marquee.cjs"),b=require("./components/data-display/Stats/Stats.cjs"),x=require("./components/data-display/Timeline/Timeline.cjs"),S=require("./components/data-display/FAQSection/FAQSection.cjs"),C=require("./components/data-display/InfiniteScroll/InfiniteScroll.cjs"),w=require("./components/data-display/SortableList/SortableList.cjs"),T=require("./components/data-display/SwipeAction/SwipeAction.cjs"),E=require("./components/data-display/PullToRefresh/PullToRefresh.cjs"),D=require("./components/data-display/JsonViewer/JsonViewer.cjs"),O=require("./components/data-display/CalendarHeatmap/CalendarHeatmap.cjs"),k=require("./components/data-display/Reaction/Reaction.cjs"),A=require("./components/data-display/Leaderboard/Leaderboard.cjs"),j=require("./components/data-display/RelativeTime/RelativeTime.cjs"),M=require("./components/data-display/Countdown/Countdown.cjs"),N=require("./components/data-display/Presence/Presence.cjs"),P=require("./components/data-display/Barcode/Barcode.cjs");exports.Accordion=s.Accordion,exports.AccordionContent=s.AccordionContent,exports.AccordionItem=s.AccordionItem,exports.AccordionTrigger=s.AccordionTrigger,exports.Avatar=c.Avatar,exports.AvatarGroup=l.AvatarGroup,exports.Badge=t.Badge,exports.Barcode=P.Barcode,exports.Calendar=n.Calendar,exports.CalendarHeatmap=O.CalendarHeatmap,exports.Card=e.Card,exports.CardBody=e.CardBody,exports.CardFooter=e.CardFooter,exports.CardHeader=e.CardHeader,exports.Carousel=d.Carousel,exports.Chip=r.Chip,exports.Countdown=M.Countdown,exports.DataGrid=m.DataGrid,exports.DescriptionList=h.DescriptionList,exports.DescriptionListDetails=h.DescriptionListDetails,exports.DescriptionListItem=h.DescriptionListItem,exports.DescriptionListTerm=h.DescriptionListTerm,exports.EmptyState=g.EmptyState,exports.FAQSection=S.FAQSection,exports.InfiniteScroll=C.InfiniteScroll,exports.JsonViewer=D.JsonViewer,exports.Kanban=_.Kanban,exports.KanbanBoard=_.KanbanBoard,exports.KanbanCard=_.KanbanCard,exports.KanbanColumn=_.KanbanColumn,exports.Leaderboard=A.Leaderboard,exports.List=v.List,exports.ListItem=v.ListItem,exports.Marquee=y.Marquee,exports.Presence=N.Presence,exports.PullToRefresh=E.PullToRefresh,exports.RangeCalendar=u.RangeCalendar,exports.Reaction=k.Reaction,exports.RelativeTime=j.RelativeTime,exports.SortableList=w.SortableList,exports.SortableListDragHandle=w.SortableListDragHandle,exports.SortableListItem=w.SortableListItem,exports.Stats=b.Stats,exports.StatsDescription=b.StatsDescription,exports.StatsLabel=b.StatsLabel,exports.StatsTrend=b.StatsTrend,exports.StatsValue=b.StatsValue,exports.SwipeAction=T.SwipeAction,exports.Table=p.Table,exports.TableBody=p.TableBody,exports.TableCell=p.TableCell,exports.TableFooter=p.TableFooter,exports.TableHead=p.TableHead,exports.TableHeader=p.TableHeader,exports.TableRow=p.TableRow,exports.Tag=o.Tag,exports.Timeline=x.Timeline,exports.TimelineConnector=x.TimelineConnector,exports.TimelineContent=x.TimelineContent,exports.TimelineItem=x.TimelineItem,exports.TimelineOppositeContent=x.TimelineOppositeContent,exports.TimelinePoint=x.TimelinePoint,exports.TimelineSeparator=x.TimelineSeparator,exports.TreeView=a.TreeView,exports.TreeViewItem=a.TreeViewItem,exports.VirtualList=i.VirtualList,exports.getNextSortDirection=f.getNextSortDirection,exports.useTableSort=f.useTableSort;

package/dist/data-display.js

@@ -32,4 +32,6 @@ import { Reaction as ce } from "./components/data-display/Reaction/Reaction.js";
 import { Leaderboard as le } from "./components/data-display/Leaderboard/Leaderboard.js";
 import { RelativeTime as ue } from "./components/data-display/RelativeTime/RelativeTime.js";
 import { Countdown as de } from "./components/data-display/Countdown/Countdown.js";
-export { d as Accordion, f as AccordionContent, p as AccordionItem, m as AccordionTrigger, h as Avatar, g as AvatarGroup, i as Badge, a as Calendar, se as CalendarHeatmap, e as Card, t as CardBody, n as CardFooter, r as CardHeader, v as Carousel, o as Chip, de as Countdown, O as DataGrid, k as DescriptionList, A as DescriptionListDetails, j as DescriptionListItem, M as DescriptionListTerm, N as EmptyState, $ as FAQSection, ee as InfiniteScroll, oe as JsonViewer, P as Kanban, F as KanbanBoard, I as KanbanCard, L as KanbanColumn, le as Leaderboard, R as List, z as ListItem, B as Marquee, ae as PullToRefresh, _ as RangeCalendar, ce as Reaction, ue as RelativeTime, te as SortableList, ne as SortableListDragHandle, re as SortableListItem, V as Stats, H as StatsDescription, U as StatsLabel, W as StatsTrend, G as StatsValue, ie as SwipeAction, x as Table, S as TableBody, C as TableCell, w as TableFooter, T as TableHead, E as TableHeader, D as TableRow, u as Tag, K as Timeline, q as TimelineConnector, J as TimelineContent, Y as TimelineItem, X as TimelineOppositeContent, Z as TimelinePoint, Q as TimelineSeparator, c as TreeView, l as TreeViewItem, s as VirtualList, y as getNextSortDirection, b as useTableSort };
+import { Presence as fe } from "./components/data-display/Presence/Presence.js";
+import { Barcode as pe } from "./components/data-display/Barcode/Barcode.js";
+export { d as Accordion, f as AccordionContent, p as AccordionItem, m as AccordionTrigger, h as Avatar, g as AvatarGroup, i as Badge, pe as Barcode, a as Calendar, se as CalendarHeatmap, e as Card, t as CardBody, n as CardFooter, r as CardHeader, v as Carousel, o as Chip, de as Countdown, O as DataGrid, k as DescriptionList, A as DescriptionListDetails, j as DescriptionListItem, M as DescriptionListTerm, N as EmptyState, $ as FAQSection, ee as InfiniteScroll, oe as JsonViewer, P as Kanban, F as KanbanBoard, I as KanbanCard, L as KanbanColumn, le as Leaderboard, R as List, z as ListItem, B as Marquee, fe as Presence, ae as PullToRefresh, _ as RangeCalendar, ce as Reaction, ue as RelativeTime, te as SortableList, ne as SortableListDragHandle, re as SortableListItem, V as Stats, H as StatsDescription, U as StatsLabel, W as StatsTrend, G as StatsValue, ie as SwipeAction, x as Table, S as TableBody, C as TableCell, w as TableFooter, T as TableHead, E as TableHeader, D as TableRow, u as Tag, K as Timeline, q as TimelineConnector, J as TimelineContent, Y as TimelineItem, X as TimelineOppositeContent, Z as TimelinePoint, Q as TimelineSeparator, c as TreeView, l as TreeViewItem, s as VirtualList, y as getNextSortDirection, b as useTableSort };