pi-kiosk-shared 2.2.36 → 2.2.37

package/dist/ui/Select/index.js

@@ -0,0 +1,2 @@
+export { Select, } from './Select.js';
+//# sourceMappingURL=index.js.map

package/dist/ui/Select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,GAIP,MAAM,aAAa,CAAC"}

package/dist/ui/Skeleton/Skeleton.d.ts

@@ -0,0 +1,15 @@
+/**
+ * CMP-0014 Skeleton — pulse placeholders.
+ */
+export interface SkeletonProps {
+    readonly className?: string;
+    readonly 'aria-label'?: string;
+    readonly testId?: string;
+}
+export declare function Skeleton({ className, 'aria-label': ariaLabel, testId, }: SkeletonProps): JSX.Element;
+export interface SkeletonTextProps {
+    readonly lines?: number;
+    readonly className?: string;
+}
+export declare function SkeletonText({ lines, className }: SkeletonTextProps): JSX.Element;
+//# sourceMappingURL=Skeleton.d.ts.map

package/dist/ui/Skeleton/Skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/ui/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,YAAY,EAAE,SAAqB,EACnC,MAAmB,GACpB,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAc7B;AAID,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,wBAAgB,YAAY,CAAC,EAAE,KAAS,EAAE,SAAS,EAAE,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAcrF"}

package/dist/ui/Skeleton/Skeleton.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function Skeleton({ className, 'aria-label': ariaLabel = 'Loading', testId = 'skeleton', }) {
+    return (_jsx("div", { className: [
+            'animate-pulse rounded-md bg-[var(--color-border,var(--color-an-border))] motion-reduce:animate-none',
+            className,
+        ]
+            .filter(Boolean)
+            .join(' '), "aria-busy": "true", "aria-label": ariaLabel, "data-testid": testId }));
+}
+const SKELETON_TEXT_KEYS = ['sk-text-1', 'sk-text-2', 'sk-text-3', 'sk-text-4', 'sk-text-5'];
+export function SkeletonText({ lines = 2, className }) {
+    const count = Math.min(Math.max(lines, 1), SKELETON_TEXT_KEYS.length);
+    const keys = SKELETON_TEXT_KEYS.slice(0, count);
+    return (_jsx("div", { className: ['flex flex-col gap-2', className].filter(Boolean).join(' '), "aria-busy": "true", children: keys.map((key, index) => (_jsx(Skeleton, { className: ['h-3', index === keys.length - 1 ? 'w-2/3' : 'w-full'].join(' ') }, key))) }));
+}
+//# sourceMappingURL=Skeleton.js.map

package/dist/ui/Skeleton/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../src/ui/Skeleton/Skeleton.tsx"],"names":[],"mappings":";AASA,MAAM,UAAU,QAAQ,CAAC,EACvB,SAAS,EACT,YAAY,EAAE,SAAS,GAAG,SAAS,EACnC,MAAM,GAAG,UAAU,GACL;IACd,OAAO,CACL,cACE,SAAS,EAAE;YACT,qGAAqG;YACrG,SAAS;SACV;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,eACF,MAAM,gBACJ,SAAS,iBACR,MAAM,GACnB,CACH,CAAC;AACJ,CAAC;AAED,MAAM,kBAAkB,GAAG,CAAC,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,CAAU,CAAC;AAOtG,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,SAAS,EAAqB;IACtE,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IACtE,MAAM,IAAI,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;IAEhD,OAAO,CACL,cAAK,SAAS,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,eAAY,MAAM,YAC3F,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,KAAC,QAAQ,IAEP,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IADvE,GAAG,CAER,CACH,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/ui/Switch/Switch.d.ts

@@ -0,0 +1,11 @@
+import { type ButtonHTMLAttributes } from 'react';
+export type SwitchProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> & {
+    readonly checked: boolean;
+    readonly onCheckedChange?: (checked: boolean) => void;
+};
+/** CMP-0008 Switch — button role=switch. */
+export declare const Switch: import("react").ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange"> & {
+    readonly checked: boolean;
+    readonly onCheckedChange?: (checked: boolean) => void;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Switch.d.ts.map

package/dist/ui/Switch/Switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/ui/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAkC9D,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,GAAG;IACpF,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACvD,CAAC;AAEF,4CAA4C;AAC5C,eAAO,MAAM,MAAM;sBALC,OAAO;+BACE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI;qDAmBtD,CAAC"}

package/dist/ui/Switch/Switch.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { tv } from '../tvShim.js';
+const switchTrack = tv({
+    base: [
+        'relative inline-flex h-[1.55rem] w-[2.85rem] shrink-0 cursor-pointer rounded-full',
+        'bg-[var(--color-border,var(--color-an-border,#cbd5e1))] transition-[background-color] duration-150',
+        'focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2',
+        'focus-visible:outline-[var(--color-focus-ring,var(--color-an-primary))]',
+        'disabled:cursor-not-allowed disabled:opacity-55',
+    ].join(' '),
+    variants: {
+        checked: {
+            true: 'bg-[var(--color-action-primary,var(--color-an-primary))]',
+            false: '',
+        },
+    },
+    defaultVariants: { checked: false },
+});
+const switchKnob = tv({
+    base: [
+        'pointer-events-none absolute left-[2px] top-[2px] h-5 w-5 rounded-full bg-white',
+        'shadow-[0_1px_3px_rgba(15,23,42,0.18)] transition-transform duration-150',
+    ].join(' '),
+    variants: {
+        checked: {
+            true: 'translate-x-[1.3rem]',
+            false: '',
+        },
+    },
+    defaultVariants: { checked: false },
+});
+/** CMP-0008 Switch — button role=switch. */
+export const Switch = forwardRef(({ checked, onCheckedChange, className, disabled, ...rest }, ref) => (_jsx("button", { ref: ref, type: "button", role: "switch", "aria-checked": checked, disabled: disabled, className: switchTrack({ checked, className }), onClick: () => onCheckedChange?.(!checked), ...rest, children: _jsx("span", { className: switchKnob({ checked }), "aria-hidden": "true" }) })));
+Switch.displayName = 'Switch';
+//# sourceMappingURL=Switch.js.map

package/dist/ui/Switch/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/ui/Switch/Switch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA6B,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,WAAW,GAAG,EAAE,CAAC;IACrB,IAAI,EAAE;QACJ,mFAAmF;QACnF,oGAAoG;QACpG,8EAA8E;QAC9E,yEAAyE;QACzE,iDAAiD;KAClD,CAAC,IAAI,CAAC,GAAG,CAAC;IACX,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,0DAA0D;YAChE,KAAK,EAAE,EAAE;SACV;KACF;IACD,eAAe,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;CACpC,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,EAAE,CAAC;IACpB,IAAI,EAAE;QACJ,iFAAiF;QACjF,0EAA0E;KAC3E,CAAC,IAAI,CAAC,GAAG,CAAC;IACX,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,sBAAsB;YAC5B,KAAK,EAAE,EAAE;SACV;KACF;IACD,eAAe,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;CACpC,CAAC,CAAC;AAOH,4CAA4C;AAC5C,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnE,iBACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,kBACC,OAAO,EACrB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,WAAW,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EAC9C,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,EAAE,CAAC,CAAC,OAAO,CAAC,KACtC,IAAI,YAER,eAAM,SAAS,EAAE,UAAU,CAAC,EAAE,OAAO,EAAE,CAAC,iBAAc,MAAM,GAAG,GACxD,CACV,CACF,CAAC;AACF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}

package/dist/ui/Textarea/Textarea.d.ts

@@ -0,0 +1,24 @@
+import { type TextareaHTMLAttributes } from 'react';
+import { type VariantProps } from '../tvShim.js';
+declare const textarea: import("tailwind-variants").TVReturnType<{
+    invalid: {
+        true: string;
+        false: string;
+    };
+}, undefined, string, TVConfig<V, EV>, {
+    invalid: {
+        true: string;
+        false: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    invalid: {
+        true: string;
+        false: string;
+    };
+}, undefined, string, TVConfig<V, EV>, unknown, unknown, undefined>>;
+type TextareaVariants = VariantProps<typeof textarea>;
+export type TextareaProps = TextareaHTMLAttributes<HTMLTextAreaElement> & TextareaVariants;
+/** CMP-0023 Textarea */
+export declare const Textarea: import("react").ForwardRefExoticComponent<TextareaHTMLAttributes<HTMLTextAreaElement> & TextareaVariants & import("react").RefAttributes<HTMLTextAreaElement>>;
+export {};
+//# sourceMappingURL=Textarea.d.ts.map

package/dist/ui/Textarea/Textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/ui/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAErD,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;oEAiBZ,CAAC;AAEH,KAAK,gBAAgB,GAAG,YAAY,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEtD,MAAM,MAAM,aAAa,GAAG,sBAAsB,CAAC,mBAAmB,CAAC,GAAG,gBAAgB,CAAC;AAE3F,wBAAwB;AACxB,eAAO,MAAM,QAAQ,gKAIpB,CAAC"}

package/dist/ui/Textarea/Textarea.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { tv } from '../tvShim.js';
+const textarea = tv({
+    base: [
+        'min-h-[5rem] w-full rounded-md border px-3 py-2 text-sm',
+        'border-[var(--color-border,var(--color-an-border))]',
+        'bg-[var(--color-surface,var(--color-an-surface))]',
+        'text-[var(--color-on-surface,var(--color-an-text))]',
+        'placeholder:text-[var(--color-on-surface-muted,var(--color-an-text-muted))]',
+        'focus-visible:outline-none focus-visible:border-[var(--color-focus-ring,var(--color-an-primary))]',
+        'disabled:cursor-not-allowed disabled:opacity-60',
+    ].join(' '),
+    variants: {
+        invalid: {
+            true: 'border-[var(--color-danger,var(--color-an-danger))]',
+            false: '',
+        },
+    },
+    defaultVariants: { invalid: false },
+});
+/** CMP-0023 Textarea */
+export const Textarea = forwardRef(({ className, invalid, ...rest }, ref) => (_jsx("textarea", { ref: ref, className: textarea({ invalid, className }), ...rest })));
+Textarea.displayName = 'Textarea';
+//# sourceMappingURL=Textarea.js.map

package/dist/ui/Textarea/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../src/ui/Textarea/Textarea.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA+B,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,EAAE,EAAqB,MAAM,cAAc,CAAC;AAErD,MAAM,QAAQ,GAAG,EAAE,CAAC;IAClB,IAAI,EAAE;QACJ,yDAAyD;QACzD,qDAAqD;QACrD,mDAAmD;QACnD,qDAAqD;QACrD,6EAA6E;QAC7E,mGAAmG;QACnG,iDAAiD;KAClD,CAAC,IAAI,CAAC,GAAG,CAAC;IACX,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,qDAAqD;YAC3D,KAAK,EAAE,EAAE;SACV;KACF;IACD,eAAe,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;CACpC,CAAC,CAAC;AAMH,wBAAwB;AACxB,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACxC,mBAAU,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,KAAM,IAAI,GAAI,CAC9E,CACF,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}

package/dist/ui/Toast/Toast.d.ts

@@ -0,0 +1,14 @@
+import type { HTMLAttributes } from 'react';
+export type ToastVariant = 'default' | 'success' | 'warn' | 'danger' | 'info';
+export interface ToastProps extends HTMLAttributes<HTMLDivElement> {
+    readonly message: string;
+    readonly variant?: ToastVariant;
+    readonly onDismiss?: () => void;
+    readonly dismissLabel?: string;
+    readonly testId?: string;
+}
+/**
+ * CMP-0011 Toast (= Snackbar) — presentational item; host owns queue/viewport.
+ */
+export declare function Toast({ message, variant, onDismiss, dismissLabel, className, testId, ...rest }: ToastProps): JSX.Element;
+//# sourceMappingURL=Toast.d.ts.map

package/dist/ui/Toast/Toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/ui/Toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE9E,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,OAAO,CAAC,EAAE,YAAY,CAAC;IAChC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;CAC1B;AAYD;;GAEG;AACH,wBAAgB,KAAK,CAAC,EACpB,OAAO,EACP,OAAmB,EACnB,SAAS,EACT,YAAwB,EACxB,SAAS,EACT,MAAgB,EAChB,GAAG,IAAI,EACR,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CA6B1B"}

package/dist/ui/Toast/Toast.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const VARIANT_CLASS = {
+    default: 'border-[var(--color-border)] bg-[var(--color-surface)] text-[var(--color-on-surface)]',
+    success: 'border-[var(--color-success,var(--color-an-success))] bg-[color-mix(in_oklab,var(--color-success,var(--color-an-success))_12%,transparent)] text-[var(--color-success,var(--color-an-success))]',
+    warn: 'border-[var(--color-warning,var(--color-an-warn))] bg-[color-mix(in_oklab,var(--color-warning,var(--color-an-warn))_12%,transparent)] text-[var(--color-warning,var(--color-an-warn))]',
+    danger: 'border-[var(--color-danger,var(--color-an-danger))] bg-[color-mix(in_oklab,var(--color-danger,var(--color-an-danger))_12%,transparent)] text-[var(--color-danger,var(--color-an-danger))]',
+    info: 'border-[var(--color-info,#0ea5e9)] bg-[color-mix(in_oklab,var(--color-info,#0ea5e9)_12%,transparent)] text-[var(--color-info,#0ea5e9)]',
+};
+/**
+ * CMP-0011 Toast (= Snackbar) — presentational item; host owns queue/viewport.
+ */
+export function Toast({ message, variant = 'default', onDismiss, dismissLabel = 'Dismiss', className, testId = 'toast', ...rest }) {
+    return (_jsxs("div", { role: "status", className: [
+            'flex items-start gap-3 rounded-md border px-3 py-2 text-sm shadow-sm',
+            VARIANT_CLASS[variant],
+            className,
+        ]
+            .filter(Boolean)
+            .join(' '), "data-testid": testId, "data-variant": variant, ...rest, children: [_jsx("p", { className: "m-0 flex-1", children: message }), onDismiss ? (_jsx("button", { type: "button", className: "shrink-0 text-xs font-semibold underline", "aria-label": dismissLabel, onClick: onDismiss, "data-testid": `${testId}-dismiss`, children: dismissLabel })) : null] }));
+}
+//# sourceMappingURL=Toast.js.map

package/dist/ui/Toast/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../../src/ui/Toast/Toast.tsx"],"names":[],"mappings":";AAYA,MAAM,aAAa,GAAiC;IAClD,OAAO,EAAE,uFAAuF;IAChG,OAAO,EACL,iMAAiM;IACnM,IAAI,EAAE,wLAAwL;IAC9L,MAAM,EACJ,2LAA2L;IAC7L,IAAI,EAAE,wIAAwI;CAC/I,CAAC;AAEF;;GAEG;AACH,MAAM,UAAU,KAAK,CAAC,EACpB,OAAO,EACP,OAAO,GAAG,SAAS,EACnB,SAAS,EACT,YAAY,GAAG,SAAS,EACxB,SAAS,EACT,MAAM,GAAG,OAAO,EAChB,GAAG,IAAI,EACI;IACX,OAAO,CACL,eACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE;YACT,sEAAsE;YACtE,aAAa,CAAC,OAAO,CAAC;YACtB,SAAS;SACV;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,iBACC,MAAM,kBACL,OAAO,KACjB,IAAI,aAER,YAAG,SAAS,EAAC,YAAY,YAAE,OAAO,GAAK,EACtC,SAAS,CAAC,CAAC,CAAC,CACX,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,0CAA0C,gBACxC,YAAY,EACxB,OAAO,EAAE,SAAS,iBACL,GAAG,MAAM,UAAU,YAE/B,YAAY,GACN,CACV,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}

package/dist/ui/Typography/Typography.d.ts

@@ -0,0 +1,70 @@
+import { type ElementType, type HTMLAttributes, type ReactNode } from 'react';
+import { type VariantProps } from '../tvShim.js';
+/**
+ * Shared Typography atom (CMP-0022).
+ * Size/weight from brand-bridge type scale; line-height = unitless Size/line multipliers.
+ * Display XL is forbidden — no `displayXl` variant.
+ */
+declare const typography: import("tailwind-variants").TVReturnType<{
+    variant: {
+        display: string;
+        h1: string;
+        h2: string;
+        h3: string;
+        h4: string;
+        bodyLg: string;
+        body: string;
+        bodySm: string;
+        caption: string;
+        label: string;
+        button: string;
+        overline: string;
+        mono: string;
+    };
+}, undefined, "font-[family-name:var(--font-family-primary)] m-0", TVConfig<V, EV>, {
+    variant: {
+        display: string;
+        h1: string;
+        h2: string;
+        h3: string;
+        h4: string;
+        bodyLg: string;
+        body: string;
+        bodySm: string;
+        caption: string;
+        label: string;
+        button: string;
+        overline: string;
+        mono: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        display: string;
+        h1: string;
+        h2: string;
+        h3: string;
+        h4: string;
+        bodyLg: string;
+        body: string;
+        bodySm: string;
+        caption: string;
+        label: string;
+        button: string;
+        overline: string;
+        mono: string;
+    };
+}, undefined, "font-[family-name:var(--font-family-primary)] m-0", TVConfig<V, EV>, unknown, unknown, undefined>>;
+type TypographyVariants = VariantProps<typeof typography>;
+export type TypographyVariant = NonNullable<TypographyVariants['variant']>;
+export type TypographyProps = Omit<HTMLAttributes<HTMLElement>, 'children'> & {
+    readonly variant?: TypographyVariant;
+    readonly as?: ElementType;
+    readonly children?: ReactNode;
+};
+export declare const Typography: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLElement>, "children"> & {
+    readonly variant?: TypographyVariant;
+    readonly as?: ElementType;
+    readonly children?: ReactNode;
+} & import("react").RefAttributes<HTMLElement>>;
+export {};
+//# sourceMappingURL=Typography.d.ts.map

package/dist/ui/Typography/Typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../src/ui/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAErD;;;;GAIG;AAEH,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iHAgCd,CAAC;AAEH,KAAK,kBAAkB,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC;AAE1D,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC,CAAC;AAkB3E,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC,GAAG;IAC5E,QAAQ,CAAC,OAAO,CAAC,EAAE,iBAAiB,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC;IAC1B,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,UAAU;uBALF,iBAAiB;kBACtB,WAAW;wBACL,SAAS;+CAgB9B,CAAC"}

package/dist/ui/Typography/Typography.js

@@ -0,0 +1,58 @@
+import { createElement, forwardRef, } from 'react';
+import { tv } from '../tvShim.js';
+/**
+ * Shared Typography atom (CMP-0022).
+ * Size/weight from brand-bridge type scale; line-height = unitless Size/line multipliers.
+ * Display XL is forbidden — no `displayXl` variant.
+ */
+const typography = tv({
+    base: 'font-[family-name:var(--font-family-primary)] m-0',
+    variants: {
+        variant: {
+            display: 'text-[length:var(--font-size-display)] leading-[1.2] font-[number:var(--font-weight-bold)]',
+            h1: 'text-[length:var(--font-size-h1)] leading-[1.25] font-[number:var(--font-weight-bold)]',
+            h2: 'text-[length:var(--font-size-h2)] leading-[1.2857] font-[number:var(--font-weight-bold)]',
+            h3: 'text-[length:var(--font-size-h3)] leading-[1.3333] font-[number:var(--font-weight-bold)]',
+            h4: 'text-[length:var(--font-size-h4)] leading-[1.4] font-[number:var(--font-weight-semibold)]',
+            bodyLg: 'text-[length:var(--font-size-body-lg)] leading-[1.5556] font-[number:var(--font-weight-regular)]',
+            body: 'text-[length:var(--font-size-body)] leading-[1.5] font-[number:var(--font-weight-regular)]',
+            bodySm: 'text-[length:var(--font-size-body-sm)] leading-[1.4286] font-[number:var(--font-weight-regular)]',
+            caption: 'text-[length:var(--font-size-caption)] leading-[1.3333] font-[number:var(--font-weight-regular)]',
+            label: 'text-[length:var(--font-size-label)] leading-[1.4286] font-[number:var(--font-weight-semibold)]',
+            button: 'text-[length:var(--font-size-button)] leading-[1.4286] font-[number:var(--font-weight-semibold)]',
+            overline: 'text-[length:var(--font-size-overline)] leading-[1.3333] font-[number:var(--font-weight-semibold)] uppercase tracking-[0.06em]',
+            mono: [
+                'text-[length:var(--font-size-mono)] leading-[1.5385] font-[number:var(--font-weight-regular)]',
+                'font-[family-name:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace]',
+            ].join(' '),
+        },
+    },
+    defaultVariants: {
+        variant: 'body',
+    },
+});
+const DEFAULT_ELEMENT = {
+    display: 'p',
+    h1: 'h1',
+    h2: 'h2',
+    h3: 'h3',
+    h4: 'h4',
+    bodyLg: 'p',
+    body: 'p',
+    bodySm: 'p',
+    caption: 'span',
+    label: 'span',
+    button: 'span',
+    overline: 'span',
+    mono: 'code',
+};
+export const Typography = forwardRef(({ variant = 'body', as, className, children, ...rest }, ref) => {
+    const Component = as ?? DEFAULT_ELEMENT[variant];
+    return createElement(Component, {
+        ref,
+        className: typography({ variant, className }),
+        ...rest,
+    }, children);
+});
+Typography.displayName = 'Typography';
+//# sourceMappingURL=Typography.js.map

package/dist/ui/Typography/Typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../../src/ui/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,UAAU,GAIX,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,EAAE,EAAqB,MAAM,cAAc,CAAC;AAErD;;;;GAIG;AAEH,MAAM,UAAU,GAAG,EAAE,CAAC;IACpB,IAAI,EAAE,mDAAmD;IACzD,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EACL,4FAA4F;YAC9F,EAAE,EAAE,wFAAwF;YAC5F,EAAE,EAAE,0FAA0F;YAC9F,EAAE,EAAE,0FAA0F;YAC9F,EAAE,EAAE,2FAA2F;YAC/F,MAAM,EACJ,kGAAkG;YACpG,IAAI,EAAE,4FAA4F;YAClG,MAAM,EACJ,kGAAkG;YACpG,OAAO,EACL,kGAAkG;YACpG,KAAK,EACH,iGAAiG;YACnG,MAAM,EACJ,kGAAkG;YACpG,QAAQ,EACN,gIAAgI;YAClI,IAAI,EAAE;gBACJ,+FAA+F;gBAC/F,gFAAgF;aACjF,CAAC,IAAI,CAAC,GAAG,CAAC;SACZ;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,MAAM;KAChB;CACF,CAAC,CAAC;AAMH,MAAM,eAAe,GAA2C;IAC9D,OAAO,EAAE,GAAG;IACZ,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,MAAM,EAAE,GAAG;IACX,IAAI,EAAE,GAAG;IACT,MAAM,EAAE,GAAG;IACX,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,MAAM;IAChB,IAAI,EAAE,MAAM;CACb,CAAC;AAQF,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAClC,CAAC,EAAE,OAAO,GAAG,MAAM,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IAC9D,MAAM,SAAS,GAAG,EAAE,IAAI,eAAe,CAAC,OAAO,CAAC,CAAC;IACjD,OAAO,aAAa,CAClB,SAAS,EACT;QACE,GAAG;QACH,SAAS,EAAE,UAAU,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;QAC7C,GAAG,IAAI;KACR,EACD,QAAQ,CACT,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pi-kiosk-shared",
-  "version": "2.2.36",
+  "version": "2.2.37",
   "type": "module",
   "private": false,
   "description": "Shared types, API contracts, and error classes for Pi Kiosk system",

package/src/tokens/brand-bridge.css

@@ -8,6 +8,12 @@
  * @source https://www.canva.com/colors/color-palettes/up-above/
  */
 :root {
+  /* Typography families — shared SSOT (admin also mirrors in design-tokens.css) */
+  --font-family-primary: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+    'Segoe UI Symbol', 'Noto Color Emoji';
+  --font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
+    'Courier New', monospace;
+
   /* ── Canva Up Above (provisional — pending PO hex confirmation) ── */
   --brand-canva-sailor-blue: #00203f;
   --brand-canva-mint: #adefd1;