pi-kiosk-shared 2.2.44 → 2.2.45

package/dist/ui/Button/Button.d.ts

@@ -7,12 +7,26 @@ export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
     readonly intent?: SharedIntent;
     readonly size?: SharedSize;
     readonly block?: boolean;
+    /** Shows spinner; preserves width via invisible label (no collapse). */
+    readonly loading?: boolean;
+    /**
+     * Square icon button. Requires `aria-label` for accessible name.
+     * No shared Tooltip primitive — uses native `title` (falls back to aria-label).
+     */
+    readonly iconOnly?: boolean;
 };
 export declare const Button: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
     readonly surface?: Surface;
     readonly intent?: SharedIntent;
     readonly size?: SharedSize;
     readonly block?: boolean;
+    /** Shows spinner; preserves width via invisible label (no collapse). */
+    readonly loading?: boolean;
+    /**
+     * Square icon button. Requires `aria-label` for accessible name.
+     * No shared Tooltip primitive — uses native `title` (falls back to aria-label).
+     */
+    readonly iconOnly?: boolean;
 } & import("react").RefAttributes<HTMLButtonElement>>;
 export {};
 //# sourceMappingURL=Button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/ui/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,oBAAoB,EAAc,MAAM,OAAO,CAAC;AA8K9D,KAAK,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC;AAOzD,KAAK,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAC7E,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAgD5C,MAAM,MAAM,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAClE,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,MAAM,CAAC,EAAE,YAAY,CAAC;IAC/B,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;IAC3B,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,MAAM;uBANE,OAAO;sBACR,YAAY;oBACd,UAAU;qBACT,OAAO;qDAYzB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/ui/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,oBAAoB,EAAc,MAAM,OAAO,CAAC;AAqM9D,KAAK,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC;AAOzD,KAAK,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAC7E,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AA2D5C,MAAM,MAAM,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAClE,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,MAAM,CAAC,EAAE,YAAY,CAAC;IAC/B,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;IAC3B,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACzB,wEAAwE;IACxE,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,MAAM;uBAbE,OAAO;sBACR,YAAY;oBACd,UAAU;qBACT,OAAO;IACxB,wEAAwE;uBACrD,OAAO;IAC1B;;;OAGG;wBACiB,OAAO;qDA2D5B,CAAC"}

package/dist/ui/Button/Button.js

@@ -1,11 +1,13 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { tv } from '../tvShim.js';
 import { forwardRef } from 'react';
 const adminButton = tv({
     base: [
-        'inline-flex items-center justify-center gap-2',
+        'relative inline-flex items-center justify-center gap-2',
         'rounded-md font-semibold font-[inherit] leading-snug',
-        'transition-[background,border-color,color,box-shadow,transform,filter] duration-150',
+        'transition-[background,border-color,color,box-shadow,transform,filter]',
+        'duration-[var(--motion-duration-button,100ms)]',
+        'ease-[var(--motion-ease-standard,cubic-bezier(0.4,0,0.2,1))]',
         'focus-visible:outline-2 focus-visible:outline-offset-2',
         'focus-visible:outline-[var(--color-an-primary)]',
         'disabled:cursor-not-allowed disabled:opacity-55',
@@ -38,25 +40,31 @@ const adminButton = tv({
             success: '',
         },
         size: {
-            sm: 'px-3 py-1.5 text-xs',
-            md: 'px-4 py-2 text-sm',
-            lg: 'px-5 py-2.5 text-base',
-            xl: '',
+            /* Spec D8: 32 / 40 / 48 */
+            sm: 'h-8 min-h-8 px-3 text-xs',
+            md: 'h-10 min-h-10 px-4 text-sm',
+            lg: 'h-12 min-h-12 px-5 text-base',
+            xl: 'h-12 min-h-12 px-5 text-base',
         },
         block: {
             true: 'w-full',
             false: '',
         },
+        iconOnly: {
+            true: 'aspect-square px-0 min-h-[44px] min-w-[44px]',
+            false: '',
+        },
     },
     defaultVariants: {
         intent: 'primary',
         size: 'md',
         block: false,
+        iconOnly: false,
     },
 });
 const kioskButton = tv({
     base: [
-        'inline-flex items-center justify-center gap-2',
+        'relative inline-flex items-center justify-center gap-2',
         'rounded-lg font-semibold transition-colors duration-150',
         'focus-visible:outline-2 focus-visible:outline-offset-2',
         'focus-visible:outline-[var(--color-focus-ring)]',
@@ -81,16 +89,21 @@ const kioskButton = tv({
             true: 'w-full',
             false: '',
         },
+        iconOnly: {
+            true: 'aspect-square px-0 min-h-[44px] min-w-[44px]',
+            false: '',
+        },
     },
     defaultVariants: {
         intent: 'primary',
         size: 'lg',
         block: false,
+        iconOnly: false,
     },
 });
 const pickupButton = tv({
     base: [
-        'inline-flex items-center justify-center gap-2',
+        'relative inline-flex items-center justify-center gap-2',
         'rounded-[var(--radius-lg)] font-medium transition-opacity duration-150',
         'focus-visible:outline-2 focus-visible:outline-offset-2',
         'focus-visible:outline-[var(--color-focus-ring)]',
@@ -115,16 +128,21 @@ const pickupButton = tv({
             true: 'w-full',
             false: '',
         },
+        iconOnly: {
+            true: 'aspect-square px-0 min-h-[44px] min-w-[44px]',
+            false: '',
+        },
     },
     defaultVariants: {
         intent: 'primary',
         size: 'md',
         block: false,
+        iconOnly: false,
     },
 });
 const customerButton = tv({
     base: [
-        'inline-flex items-center justify-center gap-2',
+        'relative inline-flex items-center justify-center gap-2',
         'rounded-md font-medium transition-colors duration-150',
         'focus-visible:outline-2 focus-visible:outline-offset-2',
         'focus-visible:outline-[var(--color-focus-ring)]',
@@ -139,35 +157,48 @@ const customerButton = tv({
             success: '',
         },
         size: {
-            sm: 'h-9 px-3 text-sm',
-            md: 'h-11 px-4 text-base',
-            lg: 'h-12 px-5 text-lg',
-            xl: '',
+            sm: 'h-8 min-h-8 px-3 text-sm',
+            md: 'h-10 min-h-10 px-4 text-base',
+            lg: 'h-12 min-h-12 px-5 text-lg',
+            xl: 'h-12 min-h-12 px-5 text-lg',
         },
         block: {
             true: 'w-full',
             false: '',
         },
+        iconOnly: {
+            true: 'aspect-square px-0 min-h-[44px] min-w-[44px]',
+            false: '',
+        },
     },
     defaultVariants: {
         intent: 'primary',
         size: 'md',
         block: false,
+        iconOnly: false,
     },
 });
-function buttonClassName(surface, intent, size, block, className) {
+function buttonClassName(surface, intent, size, block, iconOnly, className) {
     const resolvedIntent = intent ?? 'primary';
     const resolvedBlock = block ?? false;
+    const resolvedIconOnly = iconOnly ?? false;
     if (surface === 'admin') {
         const adminIntent = resolvedIntent === 'success' ? 'primary' : resolvedIntent;
         const adminSize = size === 'xl' ? 'lg' : size;
-        return adminButton({ intent: adminIntent, size: adminSize, block: resolvedBlock, className });
+        return adminButton({
+            intent: adminIntent,
+            size: adminSize,
+            block: resolvedBlock,
+            iconOnly: resolvedIconOnly,
+            className,
+        });
     }
     if (surface === 'kiosk') {
         return kioskButton({
             intent: resolvedIntent,
             size: size,
             block: resolvedBlock,
+            iconOnly: resolvedIconOnly,
             className,
         });
     }
@@ -176,6 +207,7 @@ function buttonClassName(surface, intent, size, block, className) {
             intent: resolvedIntent,
             size: size,
             block: resolvedBlock,
+            iconOnly: resolvedIconOnly,
             className,
         });
     }
@@ -185,9 +217,16 @@ function buttonClassName(surface, intent, size, block, className) {
         intent: customerIntent,
         size: customerSize,
         block: resolvedBlock,
+        iconOnly: resolvedIconOnly,
         className,
     });
 }
-export const Button = forwardRef(({ className, surface = 'customer', intent, size, block, ...rest }, ref) => (_jsx("button", { ref: ref, type: rest.type ?? 'button', className: buttonClassName(surface, intent, size, block, className), ...rest })));
+export const Button = forwardRef(({ className, surface = 'customer', intent, size, block, loading = false, iconOnly = false, children, disabled, type = 'button', 'aria-label': ariaLabel, title, ...rest }, ref) => {
+    const resolvedAriaLabel = ariaLabel ??
+        (iconOnly ? title : undefined) ??
+        (loading && typeof children === 'string' ? children : undefined);
+    const tooltipTitle = title ?? (iconOnly ? resolvedAriaLabel : undefined);
+    return (_jsx("button", { ...rest, ref: ref, type: type, className: buttonClassName(surface, intent, size, block, iconOnly, className), disabled: disabled || loading, "aria-busy": loading || undefined, "aria-label": resolvedAriaLabel, title: tooltipTitle, "data-icon-only": iconOnly ? 'true' : undefined, "data-loading": loading ? 'true' : undefined, children: loading ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "invisible inline-flex items-center gap-2", "aria-hidden": "true", children: children }), _jsx("span", { className: "absolute inset-0 inline-flex items-center justify-center", "aria-hidden": "true", children: _jsx("span", { className: "inline-block h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }) })] })) : (children) }));
+});
 Button.displayName = 'Button';
 //# sourceMappingURL=Button.js.map

package/dist/ui/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/ui/Button/Button.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/ui/Button/Button.tsx"],"names":[],"mappings":"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"}

package/dist/ui/Checkbox/Checkbox.d.ts

@@ -2,7 +2,11 @@ import { type InputHTMLAttributes } from 'react';
 export type CheckboxProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> & {
     readonly label?: string;
 };
-/** CMP-0006 Checkbox — native control. */
+/**
+ * CMP-0006 Checkbox — native control.
+ * D27: Checkbox = independent multi-selection. Use Switch for binary on/off;
+ * Radio for mutually exclusive choice among 2–5 options.
+ */
 export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "type"> & {
     readonly label?: string;
 } & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/ui/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAE7D,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,GAAG;IAChF,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,0CAA0C;AAC1C,eAAO,MAAM,QAAQ;qBAJF,MAAM;oDAkCxB,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/ui/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAE7D,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,GAAG;IAChF,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,QAAQ;qBARF,MAAM;oDAsCxB,CAAC"}

package/dist/ui/Checkbox/Checkbox.js

@@ -1,6 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-/** CMP-0006 Checkbox — native control. */
+/**
+ * CMP-0006 Checkbox — native control.
+ * D27: Checkbox = independent multi-selection. Use Switch for binary on/off;
+ * Radio for mutually exclusive choice among 2–5 options.
+ */
 export const Checkbox = forwardRef(({ className, label, id, ...rest }, ref) => {
     const input = (_jsx("input", { ref: ref, id: id, type: "checkbox", className: [
             'h-4 w-4 rounded border-[var(--color-border,var(--color-an-border))]',

package/dist/ui/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/ui/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA4B,MAAM,OAAO,CAAC;AAM7D,0CAA0C;AAC1C,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IACzC,MAAM,KAAK,GAAG,CACZ,gBACE,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,UAAU,EACf,SAAS,EAAE;YACT,qEAAqE;YACrE,8DAA8D;YAC9D,SAAS;SACV;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,KACR,IAAI,GACR,CACH,CAAC;IACF,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,KAAK,CAAC;IACf,CAAC;IACD,OAAO,CACL,iBACE,SAAS,EAAC,4FAA4F,EACtG,OAAO,EAAE,EAAE,aAEV,KAAK,EACN,yBAAO,KAAK,GAAQ,IACd,CACT,CAAC;AACJ,CAAC,CACF,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/ui/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA4B,MAAM,OAAO,CAAC;AAM7D;;;;GAIG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IACzC,MAAM,KAAK,GAAG,CACZ,gBACE,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,UAAU,EACf,SAAS,EAAE;YACT,qEAAqE;YACrE,8DAA8D;YAC9D,SAAS;SACV;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,KACR,IAAI,GACR,CACH,CAAC;IACF,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,KAAK,CAAC;IACf,CAAC;IACD,OAAO,CACL,iBACE,SAAS,EAAC,4FAA4F,EACtG,OAAO,EAAE,EAAE,aAEV,KAAK,EACN,yBAAO,KAAK,GAAQ,IACd,CACT,CAAC;AACJ,CAAC,CACF,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}

package/dist/ui/Radio/Radio.d.ts

@@ -2,7 +2,11 @@ import { type InputHTMLAttributes } from 'react';
 export type RadioProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> & {
     readonly label?: string;
 };
-/** CMP-0007 Radio — native control. */
+/**
+ * CMP-0007 Radio — native control.
+ * D27: Radio = mutually exclusive choice among a small group (2–5 options).
+ * Use Switch for binary on/off; Checkbox for independent multi-selection.
+ */
 export declare const Radio: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "type"> & {
     readonly label?: string;
 } & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/ui/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAE7D,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,GAAG;IAC7E,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,uCAAuC;AACvC,eAAO,MAAM,KAAK;qBAJC,MAAM;oDAkCxB,CAAC"}
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/ui/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAE7D,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,GAAG;IAC7E,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,KAAK;qBARC,MAAM;oDAsCxB,CAAC"}

package/dist/ui/Radio/Radio.js

@@ -1,6 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-/** CMP-0007 Radio — native control. */
+/**
+ * CMP-0007 Radio — native control.
+ * D27: Radio = mutually exclusive choice among a small group (2–5 options).
+ * Use Switch for binary on/off; Checkbox for independent multi-selection.
+ */
 export const Radio = forwardRef(({ className, label, id, ...rest }, ref) => {
     const input = (_jsx("input", { ref: ref, id: id, type: "radio", className: [
             'h-4 w-4 border-[var(--color-border,var(--color-an-border))]',

package/dist/ui/Radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/ui/Radio/Radio.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA4B,MAAM,OAAO,CAAC;AAM7D,uCAAuC;AACvC,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IACzC,MAAM,KAAK,GAAG,CACZ,gBACE,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE;YACT,6DAA6D;YAC7D,8DAA8D;YAC9D,SAAS;SACV;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,KACR,IAAI,GACR,CACH,CAAC;IACF,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,KAAK,CAAC;IACf,CAAC;IACD,OAAO,CACL,iBACE,SAAS,EAAC,4FAA4F,EACtG,OAAO,EAAE,EAAE,aAEV,KAAK,EACN,yBAAO,KAAK,GAAQ,IACd,CACT,CAAC;AACJ,CAAC,CACF,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}
+{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/ui/Radio/Radio.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA4B,MAAM,OAAO,CAAC;AAM7D;;;;GAIG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IACzC,MAAM,KAAK,GAAG,CACZ,gBACE,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE;YACT,6DAA6D;YAC7D,8DAA8D;YAC9D,SAAS;SACV;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,KACR,IAAI,GACR,CACH,CAAC;IACF,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,KAAK,CAAC;IACf,CAAC;IACD,OAAO,CACL,iBACE,SAAS,EAAC,4FAA4F,EACtG,OAAO,EAAE,EAAE,aAEV,KAAK,EACN,yBAAO,KAAK,GAAQ,IACd,CACT,CAAC;AACJ,CAAC,CACF,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}

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

@@ -3,7 +3,11 @@ export type SwitchProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChang
     readonly checked: boolean;
     readonly onCheckedChange?: (checked: boolean) => void;
 };
-/** CMP-0008 Switch — button role=switch. */
+/**
+ * CMP-0008 Switch — button role=switch.
+ * D27: Switch = binary on/off toggle only. Use Checkbox for independent
+ * multi-selection; Radio for mutually exclusive choice among 2–5 options.
+ */
 export declare const Switch: import("react").ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange"> & {
     readonly checked: boolean;
     readonly onCheckedChange?: (checked: boolean) => void;

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

@@ -1 +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"}
+{"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;;;;GAIG;AACH,eAAO,MAAM,MAAM;sBATC,OAAO;+BACE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI;qDAuBtD,CAAC"}

package/dist/ui/Switch/Switch.js

@@ -30,7 +30,11 @@ const switchKnob = tv({
     },
     defaultVariants: { checked: false },
 });
-/** CMP-0008 Switch — button role=switch. */
+/**
+ * CMP-0008 Switch — button role=switch.
+ * D27: Switch = binary on/off toggle only. Use Checkbox for independent
+ * multi-selection; Radio for mutually exclusive choice among 2–5 options.
+ */
 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

@@ -1 +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"}
+{"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;;;;GAIG;AACH,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/package.json

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

package/src/tokens/brand-bridge.css

@@ -1,7 +1,7 @@
 /**
  * Brand bridge — Canva Up Above SSOT → theme.css / admin-theme.css consumers
  *
- * DECISION-1 Option C: --brand-consumer-accent (Canva) + --brand-admin-accent (PO mockups)
+ * DECISION-1 Option C: --brand-consumer-accent (Canva teal) + --brand-admin-accent (PO violet)
  * Import before theme.css or admin-theme.css once MFE-v3-S-01 wires consumers.
  *
  * @see rpappp/up-backend/docs/FRONTEND/brand-palette.md
@@ -14,7 +14,7 @@
   --font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
     'Courier New', monospace;
 
-  /* ── Foundation + neutrals (ADR-FE-BRAND-002 / COLOR registry) ── */
+  /* ── Foundation + neutrals (ADR-FE-BRAND-002 / COLOR registry) — consumer Canva ── */
   --color-brand-primary: #1f6f78;
   --color-brand-deep: #174b52;
   --color-brand-accent: #58a9b5;
@@ -30,16 +30,17 @@
   --brand-consumer-accent: var(--color-brand-primary);
   --brand-consumer-accent-soft: var(--color-brand-soft);
   --brand-consumer-accent-foreground: var(--color-surface-default);
-  --brand-admin-accent: var(--color-brand-primary);
-  --brand-admin-primary: var(--color-brand-primary);
+  /* Admin PO mockup violet — do not collapse onto consumer teal */
+  --brand-admin-accent: #7c3aed;
+  --brand-admin-primary: #6366f1;
 
-  /* ── Admin rail palette (MOCKUP_VISUAL_SPEC_CACHE harmonization) ── */
-  --brand-rail-sidebar-bg: var(--color-brand-deep);
-  --brand-rail-sidebar-bg-deep: #0f3036;
-  --brand-rail-sidebar-text: var(--color-brand-soft);
-  --brand-rail-sidebar-muted: var(--color-brand-accent);
+  /* ── Admin rail palette (MOCKUP_VISUAL_SPEC_CACHE / brand-palette.md) ── */
+  --brand-rail-sidebar-bg: #1e1b4b;
+  --brand-rail-sidebar-bg-deep: var(--color-neutral-950);
+  --brand-rail-sidebar-text: #e0e7ff;
+  --brand-rail-sidebar-muted: #a5b4fc;
   --brand-rail-sidebar-active: var(--brand-admin-accent);
-  --brand-rail-sidebar-hover: color-mix(in srgb, var(--color-brand-primary) 20%, transparent);
+  --brand-rail-sidebar-hover: rgba(124, 58, 237, 0.2);
   --brand-rail-page-bg: var(--color-neutral-100);
   --brand-rail-card-border: var(--color-neutral-200);
   --brand-rail-kpi-up: #05805a;

package/src/tokens/tokens.sync.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": 1,
-  "generatedAt": "2026-07-29T07:55:22.550Z",
+  "generatedAt": "2026-07-29T18:47:02.406Z",
   "source": "shared/scripts/gate-tokens-sync.mjs",
   "inputs": [
     "brand-bridge.css",
@@ -13,21 +13,29 @@
       "properties": {
         "--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",
-        "--brand-canva-sailor-blue": "#00203f",
-        "--brand-canva-mint": "#adefd1",
-        "--brand-consumer-accent": "var(--brand-canva-sailor-blue)",
-        "--brand-consumer-accent-soft": "var(--brand-canva-mint)",
-        "--brand-consumer-accent-foreground": "#ffffff",
+        "--color-brand-primary": "#1f6f78",
+        "--color-brand-deep": "#174b52",
+        "--color-brand-accent": "#58a9b5",
+        "--color-brand-soft": "#eef6f7",
+        "--color-brand-text": "#2a3136",
+        "--color-brand-limestone": "#d8d2c8",
+        "--color-surface-default": "#ffffff",
+        "--color-neutral-950": "#0f172a",
+        "--color-neutral-100": "#f1f5f9",
+        "--color-neutral-200": "#e2e8f0",
+        "--brand-consumer-accent": "var(--color-brand-primary)",
+        "--brand-consumer-accent-soft": "var(--color-brand-soft)",
+        "--brand-consumer-accent-foreground": "var(--color-surface-default)",
         "--brand-admin-accent": "#7c3aed",
-        "--brand-admin-primary": "#6365f0",
+        "--brand-admin-primary": "#6366f1",
         "--brand-rail-sidebar-bg": "#1e1b4b",
-        "--brand-rail-sidebar-bg-deep": "#0f172a",
+        "--brand-rail-sidebar-bg-deep": "var(--color-neutral-950)",
         "--brand-rail-sidebar-text": "#e0e7ff",
         "--brand-rail-sidebar-muted": "#a5b4fc",
         "--brand-rail-sidebar-active": "var(--brand-admin-accent)",
         "--brand-rail-sidebar-hover": "rgba(124, 58, 237, 0.2)",
-        "--brand-rail-page-bg": "#f1f5f9",
-        "--brand-rail-card-border": "#e2e8f0",
+        "--brand-rail-page-bg": "var(--color-neutral-100)",
+        "--brand-rail-card-border": "var(--color-neutral-200)",
         "--brand-rail-kpi-up": "#05805a",
         "--brand-rail-kpi-down": "#da2325",
         "--color-accent": "var(--brand-consumer-accent)",
@@ -43,19 +51,19 @@
         "--color-rail-kpi-down": "var(--brand-rail-kpi-down)",
         "--color-an-chart-1": "var(--brand-admin-primary)"
       },
-      "count": 31
+      "count": 39
     },
     {
       "file": "theme.css",
       "properties": {
-        "--color-surface": "#ffffff",
+        "--color-surface": "var(--color-surface-default)",
         "--color-surface-muted": "#f8fafc",
-        "--color-surface-elevated": "#ffffff",
-        "--color-surface-hover": "#f1f5f9",
-        "--color-on-surface": "#0f172a",
+        "--color-surface-elevated": "var(--color-surface-default)",
+        "--color-surface-hover": "var(--color-neutral-100)",
+        "--color-on-surface": "var(--color-neutral-950)",
         "--color-on-surface-muted": "#475569",
         "--color-on-surface-disabled": "#94a3b8",
-        "--color-primary": "#0f172a",
+        "--color-primary": "var(--color-neutral-950)",
         "--color-primary-foreground": "#f8fafc",
         "--color-accent": "var(--brand-consumer-accent)",
         "--color-accent-foreground": "var(--brand-consumer-accent-foreground)",
@@ -66,11 +74,11 @@
         "--color-danger-foreground": "#fef2f2",
         "--color-warning": "#d97706",
         "--color-warning-foreground": "#fffbeb",
-        "--color-border": "#e2e8f0",
+        "--color-border": "var(--color-neutral-200)",
         "--color-border-strong": "#cbd5e1",
         "--color-focus-ring": "var(--brand-consumer-accent)",
         "--color-qr-render-dark": "#000000",
-        "--color-qr-render-light": "#ffffff",
+        "--color-qr-render-light": "var(--color-surface-default)",
         "--color-disabled-opacity": "0.55",
         "--radius-sm": "0.375rem",
         "--radius-md": "0.5rem",
@@ -87,16 +95,16 @@
     {
       "file": "admin-theme.css",
       "properties": {
-        "--color-an-bg": "#f8fafc",
-        "--color-an-bg-elevated": "#ffffff",
-        "--color-an-surface": "#ffffff",
-        "--color-an-surface-muted": "#f8fafc",
-        "--color-an-surface-hover": "#f1f5f9",
-        "--color-an-surface-disabled": "#f1f5f9",
-        "--color-an-text": "#0f172a",
+        "--color-an-bg": "var(--color-neutral-100)",
+        "--color-an-bg-elevated": "var(--color-surface-default)",
+        "--color-an-surface": "var(--color-surface-default)",
+        "--color-an-surface-muted": "var(--color-neutral-100)",
+        "--color-an-surface-hover": "var(--color-neutral-100)",
+        "--color-an-surface-disabled": "var(--color-neutral-100)",
+        "--color-an-text": "var(--color-neutral-950)",
         "--color-an-text-muted": "#475569",
         "--color-an-text-disabled": "#94a3b8",
-        "--color-an-border": "#e2e8f0",
+        "--color-an-border": "var(--color-neutral-200)",
         "--color-an-border-hover": "#cbd5e1",
         "--color-an-primary": "var(--color-primary)",
         "--color-an-primary-hover": "#4f46e5",
@@ -113,24 +121,24 @@
         "--color-an-chart-4": "#ef4444",
         "--color-an-chart-5": "#8b5cf6",
         "--color-an-chart-6": "#06b6d4",
-        "--color-shell-bg": "#f8fafc",
-        "--color-shell-surface": "#ffffff",
-        "--color-shell-border": "#e2e8f0",
-        "--color-shell-text": "#0f172a",
+        "--color-shell-bg": "var(--color-neutral-100)",
+        "--color-shell-surface": "var(--color-surface-default)",
+        "--color-shell-border": "var(--color-neutral-200)",
+        "--color-shell-text": "var(--color-neutral-950)",
         "--color-rail-sidebar-bg": "var(--brand-rail-sidebar-bg)",
         "--color-rail-sidebar-text": "var(--brand-rail-sidebar-text)",
         "--color-rail-sidebar-muted": "var(--brand-rail-sidebar-muted)",
         "--color-rail-sidebar-active": "var(--brand-rail-sidebar-active)",
         "--color-rail-sidebar-hover": "var(--brand-rail-sidebar-hover)",
-        "--color-rail-page-bg": "#f1f5f9",
-        "--color-rail-card-border": "#e2e8f0",
+        "--color-rail-page-bg": "var(--color-neutral-100)",
+        "--color-rail-card-border": "var(--color-neutral-200)",
         "--color-rail-kpi-up": "var(--brand-rail-kpi-up)",
         "--color-rail-kpi-down": "var(--brand-rail-kpi-down)"
       },
       "count": 39
     }
   ],
-  "mergedPropertyCount": 91,
+  "mergedPropertyCount": 99,
   "properties": {
     "--font-family-primary": {
       "file": "brand-bridge.css",
@@ -140,25 +148,57 @@
       "file": "brand-bridge.css",
       "value": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace"
     },
-    "--brand-canva-sailor-blue": {
+    "--color-brand-primary": {
+      "file": "brand-bridge.css",
+      "value": "#1f6f78"
+    },
+    "--color-brand-deep": {
+      "file": "brand-bridge.css",
+      "value": "#174b52"
+    },
+    "--color-brand-accent": {
+      "file": "brand-bridge.css",
+      "value": "#58a9b5"
+    },
+    "--color-brand-soft": {
+      "file": "brand-bridge.css",
+      "value": "#eef6f7"
+    },
+    "--color-brand-text": {
       "file": "brand-bridge.css",
-      "value": "#00203f"
+      "value": "#2a3136"
     },
-    "--brand-canva-mint": {
+    "--color-brand-limestone": {
       "file": "brand-bridge.css",
-      "value": "#adefd1"
+      "value": "#d8d2c8"
+    },
+    "--color-surface-default": {
+      "file": "brand-bridge.css",
+      "value": "#ffffff"
+    },
+    "--color-neutral-950": {
+      "file": "brand-bridge.css",
+      "value": "#0f172a"
+    },
+    "--color-neutral-100": {
+      "file": "brand-bridge.css",
+      "value": "#f1f5f9"
+    },
+    "--color-neutral-200": {
+      "file": "brand-bridge.css",
+      "value": "#e2e8f0"
     },
     "--brand-consumer-accent": {
       "file": "brand-bridge.css",
-      "value": "var(--brand-canva-sailor-blue)"
+      "value": "var(--color-brand-primary)"
     },
     "--brand-consumer-accent-soft": {
       "file": "brand-bridge.css",
-      "value": "var(--brand-canva-mint)"
+      "value": "var(--color-brand-soft)"
     },
     "--brand-consumer-accent-foreground": {
       "file": "brand-bridge.css",
-      "value": "#ffffff"
+      "value": "var(--color-surface-default)"
     },
     "--brand-admin-accent": {
       "file": "brand-bridge.css",
@@ -166,7 +206,7 @@
     },
     "--brand-admin-primary": {
       "file": "brand-bridge.css",
-      "value": "#6365f0"
+      "value": "#6366f1"
     },
     "--brand-rail-sidebar-bg": {
       "file": "brand-bridge.css",
@@ -174,7 +214,7 @@
     },
     "--brand-rail-sidebar-bg-deep": {
       "file": "brand-bridge.css",
-      "value": "#0f172a"
+      "value": "var(--color-neutral-950)"
     },
     "--brand-rail-sidebar-text": {
       "file": "brand-bridge.css",
@@ -194,11 +234,11 @@
     },
     "--brand-rail-page-bg": {
       "file": "brand-bridge.css",
-      "value": "#f1f5f9"
+      "value": "var(--color-neutral-100)"
     },
     "--brand-rail-card-border": {
       "file": "brand-bridge.css",
-      "value": "#e2e8f0"
+      "value": "var(--color-neutral-200)"
     },
     "--brand-rail-kpi-up": {
       "file": "brand-bridge.css",
@@ -238,11 +278,11 @@
     },
     "--color-rail-page-bg": {
       "file": "admin-theme.css",
-      "value": "#f1f5f9"
+      "value": "var(--color-neutral-100)"
     },
     "--color-rail-card-border": {
       "file": "admin-theme.css",
-      "value": "#e2e8f0"
+      "value": "var(--color-neutral-200)"
     },
     "--color-rail-kpi-up": {
       "file": "admin-theme.css",
@@ -258,7 +298,7 @@
     },
     "--color-surface": {
       "file": "theme.css",
-      "value": "#ffffff"
+      "value": "var(--color-surface-default)"
     },
     "--color-surface-muted": {
       "file": "theme.css",
@@ -266,15 +306,15 @@
     },
     "--color-surface-elevated": {
       "file": "theme.css",
-      "value": "#ffffff"
+      "value": "var(--color-surface-default)"
     },
     "--color-surface-hover": {
       "file": "theme.css",
-      "value": "#f1f5f9"
+      "value": "var(--color-neutral-100)"
     },
     "--color-on-surface": {
       "file": "theme.css",
-      "value": "#0f172a"
+      "value": "var(--color-neutral-950)"
     },
     "--color-on-surface-muted": {
       "file": "theme.css",
@@ -286,7 +326,7 @@
     },
     "--color-primary": {
       "file": "theme.css",
-      "value": "#0f172a"
+      "value": "var(--color-neutral-950)"
     },
     "--color-primary-foreground": {
       "file": "theme.css",
@@ -326,7 +366,7 @@
     },
     "--color-border": {
       "file": "theme.css",
-      "value": "#e2e8f0"
+      "value": "var(--color-neutral-200)"
     },
     "--color-border-strong": {
       "file": "theme.css",
@@ -338,7 +378,7 @@
     },
     "--color-qr-render-light": {
       "file": "theme.css",
-      "value": "#ffffff"
+      "value": "var(--color-surface-default)"
     },
     "--color-disabled-opacity": {
       "file": "theme.css",
@@ -382,31 +422,31 @@
     },
     "--color-an-bg": {
       "file": "admin-theme.css",
-      "value": "#f8fafc"
+      "value": "var(--color-neutral-100)"
     },
     "--color-an-bg-elevated": {
       "file": "admin-theme.css",
-      "value": "#ffffff"
+      "value": "var(--color-surface-default)"
     },
     "--color-an-surface": {
       "file": "admin-theme.css",
-      "value": "#ffffff"
+      "value": "var(--color-surface-default)"
     },
     "--color-an-surface-muted": {
       "file": "admin-theme.css",
-      "value": "#f8fafc"
+      "value": "var(--color-neutral-100)"
     },
     "--color-an-surface-hover": {
       "file": "admin-theme.css",
-      "value": "#f1f5f9"
+      "value": "var(--color-neutral-100)"
     },
     "--color-an-surface-disabled": {
       "file": "admin-theme.css",
-      "value": "#f1f5f9"
+      "value": "var(--color-neutral-100)"
     },
     "--color-an-text": {
       "file": "admin-theme.css",
-      "value": "#0f172a"
+      "value": "var(--color-neutral-950)"
     },
     "--color-an-text-muted": {
       "file": "admin-theme.css",
@@ -418,7 +458,7 @@
     },
     "--color-an-border": {
       "file": "admin-theme.css",
-      "value": "#e2e8f0"
+      "value": "var(--color-neutral-200)"
     },
     "--color-an-border-hover": {
       "file": "admin-theme.css",
@@ -482,19 +522,19 @@
     },
     "--color-shell-bg": {
       "file": "admin-theme.css",
-      "value": "#f8fafc"
+      "value": "var(--color-neutral-100)"
     },
     "--color-shell-surface": {
       "file": "admin-theme.css",
-      "value": "#ffffff"
+      "value": "var(--color-surface-default)"
     },
     "--color-shell-border": {
       "file": "admin-theme.css",
-      "value": "#e2e8f0"
+      "value": "var(--color-neutral-200)"
     },
     "--color-shell-text": {
       "file": "admin-theme.css",
-      "value": "#0f172a"
+      "value": "var(--color-neutral-950)"
     }
   }
 }