pi-kiosk-shared 2.2.3 → 2.2.4

package/dist/responsive/breakpoints.d.ts

@@ -0,0 +1,73 @@
+/**
+ * Cross-surface responsive breakpoint SSOT (Tailwind v4 Option A defaults).
+ * wide (1440) is test-viewport only — see TEST_VIEWPORTS.wide, not BREAKPOINTS.
+ */
+export declare const RESPONSIVE_CONTRACT_VERSION = "1.0.0";
+export declare const BREAKPOINTS: {
+    readonly sm: 640;
+    readonly md: 768;
+    readonly lg: 1024;
+    readonly xl: 1280;
+    readonly '2xl': 1536;
+};
+export type BreakpointToken = keyof typeof BREAKPOINTS;
+/** Semantic density tiers — not 1:1 with Tailwind tokens. */
+export declare const RESPONSIVE_TIER_BOUNDS: {
+    readonly compact: {
+        readonly maxWidth: number;
+    };
+    readonly comfortable: {
+        readonly minWidth: 768;
+        readonly maxWidth: number;
+    };
+    readonly expanded: {
+        readonly minWidth: 1024;
+    };
+};
+/** Alias for RESPONSIVE_TIER_BOUNDS — preferred import name in shell code. */
+export declare const RESPONSIVE_TIERS: {
+    readonly compact: {
+        readonly maxWidth: number;
+    };
+    readonly comfortable: {
+        readonly minWidth: 768;
+        readonly maxWidth: number;
+    };
+    readonly expanded: {
+        readonly minWidth: 1024;
+    };
+};
+export type ResponsiveTier = keyof typeof RESPONSIVE_TIER_BOUNDS;
+/** Playwright / acceptance matrix viewports (wide is PO mockup tier only). */
+export declare const TEST_VIEWPORTS: {
+    readonly phoneSmall: {
+        readonly width: 320;
+        readonly height: 568;
+    };
+    readonly phone: {
+        readonly width: 390;
+        readonly height: 844;
+    };
+    readonly phoneLandscape: {
+        readonly width: 844;
+        readonly height: 390;
+    };
+    readonly tablet: {
+        readonly width: 768;
+        readonly height: 1024;
+    };
+    readonly tabletLandscape: {
+        readonly width: 1024;
+        readonly height: 768;
+    };
+    readonly desktop: {
+        readonly width: 1280;
+        readonly height: 900;
+    };
+    readonly wide: {
+        readonly width: 1440;
+        readonly height: 900;
+    };
+};
+export declare function tierFromWidth(widthPx: number): ResponsiveTier;
+//# sourceMappingURL=breakpoints.d.ts.map

package/dist/responsive/breakpoints.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoints.d.ts","sourceRoot":"","sources":["../../src/responsive/breakpoints.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,2BAA2B,UAAU,CAAC;AAEnD,eAAO,MAAM,WAAW;;;;;;CAMd,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,WAAW,CAAC;AAEvD,6DAA6D;AAC7D,eAAO,MAAM,sBAAsB;;;;;;;;;;;CAIzB,CAAC;AAEX,8EAA8E;AAC9E,eAAO,MAAM,gBAAgB;;;;;;;;;;;CAAyB,CAAC;AAEvD,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,sBAAsB,CAAC;AAEjE,8EAA8E;AAC9E,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQjB,CAAC;AAEX,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,GAAG,cAAc,CAQ7D"}

package/dist/responsive/breakpoints.js

@@ -0,0 +1,40 @@
+/**
+ * Cross-surface responsive breakpoint SSOT (Tailwind v4 Option A defaults).
+ * wide (1440) is test-viewport only — see TEST_VIEWPORTS.wide, not BREAKPOINTS.
+ */
+export const RESPONSIVE_CONTRACT_VERSION = '1.0.0';
+export const BREAKPOINTS = {
+    sm: 640,
+    md: 768,
+    lg: 1024,
+    xl: 1280,
+    '2xl': 1536,
+};
+/** Semantic density tiers — not 1:1 with Tailwind tokens. */
+export const RESPONSIVE_TIER_BOUNDS = {
+    compact: { maxWidth: BREAKPOINTS.md - 1 },
+    comfortable: { minWidth: BREAKPOINTS.md, maxWidth: BREAKPOINTS.lg - 1 },
+    expanded: { minWidth: BREAKPOINTS.lg },
+};
+/** Alias for RESPONSIVE_TIER_BOUNDS — preferred import name in shell code. */
+export const RESPONSIVE_TIERS = RESPONSIVE_TIER_BOUNDS;
+/** Playwright / acceptance matrix viewports (wide is PO mockup tier only). */
+export const TEST_VIEWPORTS = {
+    phoneSmall: { width: 320, height: 568 },
+    phone: { width: 390, height: 844 },
+    phoneLandscape: { width: 844, height: 390 },
+    tablet: { width: 768, height: 1024 },
+    tabletLandscape: { width: 1024, height: 768 },
+    desktop: { width: 1280, height: 900 },
+    wide: { width: 1440, height: 900 },
+};
+export function tierFromWidth(widthPx) {
+    if (widthPx >= RESPONSIVE_TIER_BOUNDS.expanded.minWidth) {
+        return 'expanded';
+    }
+    if (widthPx >= RESPONSIVE_TIER_BOUNDS.comfortable.minWidth) {
+        return 'comfortable';
+    }
+    return 'compact';
+}
+//# sourceMappingURL=breakpoints.js.map

package/dist/responsive/breakpoints.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoints.js","sourceRoot":"","sources":["../../src/responsive/breakpoints.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,OAAO,CAAC;AAEnD,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,KAAK,EAAE,IAAI;CACH,CAAC;AAIX,6DAA6D;AAC7D,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,OAAO,EAAE,EAAE,QAAQ,EAAE,WAAW,CAAC,EAAE,GAAG,CAAC,EAAE;IACzC,WAAW,EAAE,EAAE,QAAQ,EAAE,WAAW,CAAC,EAAE,EAAE,QAAQ,EAAE,WAAW,CAAC,EAAE,GAAG,CAAC,EAAE;IACvE,QAAQ,EAAE,EAAE,QAAQ,EAAE,WAAW,CAAC,EAAE,EAAE;CAC9B,CAAC;AAEX,8EAA8E;AAC9E,MAAM,CAAC,MAAM,gBAAgB,GAAG,sBAAsB,CAAC;AAIvD,8EAA8E;AAC9E,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,UAAU,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE;IACvC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE;IAClC,cAAc,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE;IAC3C,MAAM,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE;IACpC,eAAe,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE;IAC7C,OAAO,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE;IACrC,IAAI,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE;CAC1B,CAAC;AAEX,MAAM,UAAU,aAAa,CAAC,OAAe;IAC3C,IAAI,OAAO,IAAI,sBAAsB,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC;QACxD,OAAO,UAAU,CAAC;IACpB,CAAC;IACD,IAAI,OAAO,IAAI,sBAAsB,CAAC,WAAW,CAAC,QAAQ,EAAE,CAAC;QAC3D,OAAO,aAAa,CAAC;IACvB,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC"}

package/dist/responsive/index.d.ts

@@ -0,0 +1,3 @@
+export { BREAKPOINTS, RESPONSIVE_CONTRACT_VERSION, RESPONSIVE_TIER_BOUNDS, RESPONSIVE_TIERS, TEST_VIEWPORTS, tierFromWidth, type BreakpointToken, type ResponsiveTier, } from './breakpoints.js';
+export { useResponsiveTier } from './useResponsiveTier.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/responsive/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/responsive/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,2BAA2B,EAC3B,sBAAsB,EACtB,gBAAgB,EAChB,cAAc,EACd,aAAa,EACb,KAAK,eAAe,EACpB,KAAK,cAAc,GACpB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/responsive/index.js

@@ -0,0 +1,3 @@
+export { BREAKPOINTS, RESPONSIVE_CONTRACT_VERSION, RESPONSIVE_TIER_BOUNDS, RESPONSIVE_TIERS, TEST_VIEWPORTS, tierFromWidth, } from './breakpoints.js';
+export { useResponsiveTier } from './useResponsiveTier.js';
+//# sourceMappingURL=index.js.map

package/dist/responsive/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/responsive/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,2BAA2B,EAC3B,sBAAsB,EACtB,gBAAgB,EAChB,cAAc,EACd,aAAa,GAGd,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/responsive/useResponsiveTier.d.ts

@@ -0,0 +1,6 @@
+import { type ResponsiveTier } from './breakpoints.js';
+/**
+ * Shell-only runtime tier helper (SSR-safe). Do not branch feature layout on this.
+ */
+export declare function useResponsiveTier(): ResponsiveTier;
+//# sourceMappingURL=useResponsiveTier.d.ts.map

package/dist/responsive/useResponsiveTier.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResponsiveTier.d.ts","sourceRoot":"","sources":["../../src/responsive/useResponsiveTier.ts"],"names":[],"mappings":"AACA,OAAO,EAA8B,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAWnF;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,cAAc,CAqBlD"}

package/dist/responsive/useResponsiveTier.js

@@ -0,0 +1,33 @@
+import { useEffect, useState } from 'react';
+import { BREAKPOINTS, tierFromWidth } from './breakpoints.js';
+const DEFAULT_TIER = 'compact';
+function readTierFromWindow() {
+    if (typeof window === 'undefined') {
+        return DEFAULT_TIER;
+    }
+    return tierFromWidth(window.innerWidth);
+}
+/**
+ * Shell-only runtime tier helper (SSR-safe). Do not branch feature layout on this.
+ */
+export function useResponsiveTier() {
+    const [tier, setTier] = useState(DEFAULT_TIER);
+    useEffect(() => {
+        const update = () => {
+            setTier(readTierFromWindow());
+        };
+        update();
+        const mqMd = window.matchMedia(`(min-width: ${String(BREAKPOINTS.md)}px)`);
+        const mqLg = window.matchMedia(`(min-width: ${String(BREAKPOINTS.lg)}px)`);
+        mqMd.addEventListener('change', update);
+        mqLg.addEventListener('change', update);
+        window.addEventListener('resize', update);
+        return () => {
+            mqMd.removeEventListener('change', update);
+            mqLg.removeEventListener('change', update);
+            window.removeEventListener('resize', update);
+        };
+    }, []);
+    return tier;
+}
+//# sourceMappingURL=useResponsiveTier.js.map

package/dist/responsive/useResponsiveTier.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResponsiveTier.js","sourceRoot":"","sources":["../../src/responsive/useResponsiveTier.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,aAAa,EAAuB,MAAM,kBAAkB,CAAC;AAEnF,MAAM,YAAY,GAAmB,SAAS,CAAC;AAE/C,SAAS,kBAAkB;IACzB,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;QAClC,OAAO,YAAY,CAAC;IACtB,CAAC;IACD,OAAO,aAAa,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;AAC1C,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,iBAAiB;IAC/B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAiB,YAAY,CAAC,CAAC;IAE/D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,GAAS,EAAE;YACxB,OAAO,CAAC,kBAAkB,EAAE,CAAC,CAAC;QAChC,CAAC,CAAC;QACF,MAAM,EAAE,CAAC;QACT,MAAM,IAAI,GAAG,MAAM,CAAC,UAAU,CAAC,eAAe,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;QAC3E,MAAM,IAAI,GAAG,MAAM,CAAC,UAAU,CAAC,eAAe,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;QAC3E,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QACxC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QACxC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAC1C,OAAO,GAAG,EAAE;YACV,IAAI,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;YAC3C,IAAI,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;YAC3C,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAC/C,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,IAAI,CAAC;AACd,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/ui/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAmExD,KAAK,WAAW,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC;AAM7D,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACvD,QAAQ,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC;IAC/B,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,IAAI;uBALI,WAAW;sBACZ,OAAO;wBACL,OAAO;kDAyC5B,CAAC"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/ui/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAsExD,KAAK,WAAW,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC;AAM7D,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACvD,QAAQ,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC;IAC/B,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,IAAI;uBALI,WAAW;sBACZ,OAAO;wBACL,OAAO;kDAyC5B,CAAC"}

package/dist/ui/Card/Card.js

@@ -3,6 +3,7 @@ import { forwardRef } from 'react';
 import { tv } from '../tvShim.js';
 const adminCard = tv({
     base: [
+        'rp-card-container',
         'rounded-lg border border-[var(--color-an-border)]',
         'bg-[var(--color-an-surface)] text-[var(--color-an-text)]',
         'shadow-sm',
@@ -24,6 +25,7 @@ const adminCard = tv({
 });
 const pickupCard = tv({
     base: [
+        'rp-card-container',
         'rounded-[var(--radius-xl)] bg-[var(--color-surface-elevated)]',
         'shadow-[var(--shadow-card)]',
     ].join(' '),
@@ -44,6 +46,7 @@ const pickupCard = tv({
 });
 const kioskCustomerCard = tv({
     base: [
+        'rp-card-container',
         'rounded-xl border bg-[var(--color-surface-elevated)]',
         'border-[var(--color-border)] shadow-[var(--shadow-card)]',
     ].join(' '),

package/dist/ui/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/ui/Card/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAuB,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,EAAE,EAAqB,MAAM,cAAc,CAAC;AAErD,MAAM,SAAS,GAAG,EAAE,CAAC;IACnB,IAAI,EAAE;QACJ,mDAAmD;QACnD,0DAA0D;QAC1D,WAAW;KACZ,CAAC,IAAI,CAAC,GAAG,CAAC;IACX,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,IAAI,EAAE,YAAY;YAClB,KAAK,EAAE,KAAK;SACb;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,kCAAkC;YACxC,KAAK,EAAE,EAAE;SACV;KACF;IACD,eAAe,EAAE;QACf,MAAM,EAAE,IAAI;QACZ,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,EAAE,CAAC;IACpB,IAAI,EAAE;QACJ,+DAA+D;QAC/D,6BAA6B;KAC9B,CAAC,IAAI,CAAC,GAAG,CAAC;IACX,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,IAAI,EAAE,YAAY;YAClB,KAAK,EAAE,KAAK;SACb;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,gCAAgC;YACtC,KAAK,EAAE,EAAE;SACV;KACF;IACD,eAAe,EAAE;QACf,MAAM,EAAE,IAAI;QACZ,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,EAAE,CAAC;IAC3B,IAAI,EAAE;QACJ,sDAAsD;QACtD,0DAA0D;KAC3D,CAAC,IAAI,CAAC,GAAG,CAAC;IACX,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,IAAI,EAAE,YAAY;YAClB,KAAK,EAAE,KAAK;SACb;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,gCAAgC;YACtC,KAAK,EAAE,EAAE;SACV;KACF;IACD,eAAe,EAAE;QACf,MAAM,EAAE,IAAI;QACZ,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC,CAAC;AAcH,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IACtE,IAAI,OAAO,KAAK,OAAO,EAAE,CAAC;QACxB,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAEjD,CAAC,KACE,IAAI,GACR,CACH,CAAC;IACJ,CAAC;IAED,IAAI,OAAO,KAAK,QAAQ,EAAE,CAAC;QACzB,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAElD,CAAC,KACE,IAAI,GACR,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,iBAAiB,CAAC;YAC3B,MAAM;YACN,QAAQ;YACR,SAAS;SAC4C,CAAC,KACpD,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/ui/Card/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAuB,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,EAAE,EAAqB,MAAM,cAAc,CAAC;AAErD,MAAM,SAAS,GAAG,EAAE,CAAC;IACnB,IAAI,EAAE;QACJ,mBAAmB;QACnB,mDAAmD;QACnD,0DAA0D;QAC1D,WAAW;KACZ,CAAC,IAAI,CAAC,GAAG,CAAC;IACX,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,IAAI,EAAE,YAAY;YAClB,KAAK,EAAE,KAAK;SACb;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,kCAAkC;YACxC,KAAK,EAAE,EAAE;SACV;KACF;IACD,eAAe,EAAE;QACf,MAAM,EAAE,IAAI;QACZ,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,EAAE,CAAC;IACpB,IAAI,EAAE;QACJ,mBAAmB;QACnB,+DAA+D;QAC/D,6BAA6B;KAC9B,CAAC,IAAI,CAAC,GAAG,CAAC;IACX,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,IAAI,EAAE,YAAY;YAClB,KAAK,EAAE,KAAK;SACb;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,gCAAgC;YACtC,KAAK,EAAE,EAAE;SACV;KACF;IACD,eAAe,EAAE;QACf,MAAM,EAAE,IAAI;QACZ,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,EAAE,CAAC;IAC3B,IAAI,EAAE;QACJ,mBAAmB;QACnB,sDAAsD;QACtD,0DAA0D;KAC3D,CAAC,IAAI,CAAC,GAAG,CAAC;IACX,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,IAAI,EAAE,YAAY;YAClB,KAAK,EAAE,KAAK;SACb;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,gCAAgC;YACtC,KAAK,EAAE,EAAE;SACV;KACF;IACD,eAAe,EAAE;QACf,MAAM,EAAE,IAAI;QACZ,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC,CAAC;AAcH,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IACtE,IAAI,OAAO,KAAK,OAAO,EAAE,CAAC;QACxB,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAEjD,CAAC,KACE,IAAI,GACR,CACH,CAAC;IACJ,CAAC;IAED,IAAI,OAAO,KAAK,QAAQ,EAAE,CAAC;QACzB,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAElD,CAAC,KACE,IAAI,GACR,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,iBAAiB,CAAC;YAC3B,MAAM;YACN,QAAQ;YACR,SAAS;SAC4C,CAAC,KACpD,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}

package/dist/ui/LanguageToggle/LanguageToggle.d.ts

@@ -1,10 +1,14 @@
-export type LanguageToggleSurface = 'admin' | 'kiosk' | 'customer';
-export type LanguageToggleNamespace = 'admin' | 'kiosk' | 'customer';
-export type LanguageTogglePlacement = 'floating' | 'inline' | 'header';
+import { type LocaleFlagOption, type LocaleFlagTogglePlacement, type LocaleFlagToggleSurface } from '../LocaleFlags/index.js';
+export type LanguageToggleSurface = LocaleFlagToggleSurface;
+export type LanguageToggleNamespace = 'admin' | 'kiosk' | 'customer' | 'pickup';
+export type LanguageTogglePlacement = LocaleFlagTogglePlacement;
 export interface LanguageToggleProps {
     readonly surface: LanguageToggleSurface;
     readonly i18nNamespace: LanguageToggleNamespace;
     readonly placement?: LanguageTogglePlacement;
+    /** Extra locale flags appended after defaults; same `code` overrides a default entry. */
+    readonly locales?: readonly LocaleFlagOption[];
+    readonly dataTestId?: string;
 }
-export declare function LanguageToggle({ surface, i18nNamespace, placement, }: LanguageToggleProps): JSX.Element;
+export declare function LanguageToggle({ surface, i18nNamespace, placement, locales, dataTestId, }: LanguageToggleProps): JSX.Element;
 //# sourceMappingURL=LanguageToggle.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LanguageToggle.d.ts","sourceRoot":"","sources":["../../../src/ui/LanguageToggle/LanguageToggle.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,qBAAqB,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC;AACnE,MAAM,MAAM,uBAAuB,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC;AACrE,MAAM,MAAM,uBAAuB,GAAG,UAAU,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAwHvE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,OAAO,EAAE,qBAAqB,CAAC;IACxC,QAAQ,CAAC,aAAa,EAAE,uBAAuB,CAAC;IAChD,QAAQ,CAAC,SAAS,CAAC,EAAE,uBAAuB,CAAC;CAC9C;AAED,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,aAAa,EACb,SAAsB,GACvB,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAsDnC"}
+{"version":3,"file":"LanguageToggle.d.ts","sourceRoot":"","sources":["../../../src/ui/LanguageToggle/LanguageToggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAOL,KAAK,gBAAgB,EACrB,KAAK,yBAAyB,EAC9B,KAAK,uBAAuB,EAC7B,MAAM,yBAAyB,CAAC;AAEjC,MAAM,MAAM,qBAAqB,GAAG,uBAAuB,CAAC;AAC5D,MAAM,MAAM,uBAAuB,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC;AAChF,MAAM,MAAM,uBAAuB,GAAG,yBAAyB,CAAC;AAEhE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,OAAO,EAAE,qBAAqB,CAAC;IACxC,QAAQ,CAAC,aAAa,EAAE,uBAAuB,CAAC;IAChD,QAAQ,CAAC,SAAS,CAAC,EAAE,uBAAuB,CAAC;IAC7C,yFAAyF;IACzF,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,gBAAgB,EAAE,CAAC;IAC/C,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,aAAa,EACb,SAAsB,EACtB,OAAO,EACP,UAAU,GACX,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAkCnC"}

package/dist/ui/LanguageToggle/LanguageToggle.js

@@ -1,143 +1,21 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
-import { tv } from '../tvShim.js';
-const toggle = tv({
-    slots: {
-        group: 'inline-flex max-w-full shrink-0 items-stretch overflow-hidden',
-        btn: 'm-0 cursor-pointer border-none font-semibold transition-colors',
-        divider: 'w-px self-stretch bg-[var(--color-border)]',
-    },
-    variants: {
-        surface: {
-            admin: {
-                btn: 'px-4 py-2 text-sm text-[var(--color-text-secondary,#475569)] hover:bg-[var(--color-surface-muted,#f1f5f9)] hover:text-[var(--color-text-primary,#0f172a)]',
-                divider: 'bg-[var(--color-border,#e2e8f0)]',
-            },
-            kiosk: {
-                btn: 'px-8 py-4 text-sm text-[var(--color-on-surface-muted,#475569)] hover:bg-[var(--color-surface-muted,#f1f5f9)] hover:text-[var(--color-on-surface,#0f172a)]',
-                divider: 'bg-[var(--color-border,#e2e8f0)]',
-            },
-            customer: {
-                btn: 'px-3 py-1.5 text-sm text-[var(--color-on-surface-muted)] hover:bg-[var(--color-surface-muted)] hover:text-[var(--color-on-surface)]',
-                divider: 'bg-[var(--color-border)]',
-            },
-        },
-        placement: {
-            floating: {},
-            inline: {
-                group: [
-                    'rounded-md border border-[var(--color-rail-card-border,var(--color-border,#e2e8f0))]',
-                    'bg-[var(--color-surface-elevated,#fff)] shadow-sm',
-                ].join(' '),
-                btn: 'px-2.5 py-1.5 text-xs',
-            },
-            header: {
-                group: [
-                    'rounded-full border border-[var(--color-rail-card-border,#e2e8f0)]',
-                    'bg-slate-50 p-0.5 shadow-none',
-                ].join(' '),
-                btn: 'rounded-full px-2.5 py-1 text-xs font-medium text-slate-600 hover:text-slate-900',
-                divider: 'hidden',
-            },
-        },
-    },
-    compoundVariants: [
-        {
-            surface: 'admin',
-            placement: 'floating',
-            class: {
-                group: [
-                    'fixed top-[var(--spacing-4,1rem)] right-[var(--spacing-4,1rem)] z-[10001]',
-                    'rounded-[var(--radius-lg,0.5rem)] border border-[var(--color-border,#e2e8f0)]',
-                    'bg-[var(--color-surface-elevated,#fff)] shadow-[var(--shadow-md,0_4px_6px_-1px_rgb(0_0_0_/_0.1))]',
-                ].join(' '),
-            },
-        },
-        {
-            surface: 'kiosk',
-            placement: 'floating',
-            class: {
-                group: [
-                    'fixed top-[var(--spacing-10)] right-[var(--spacing-10)] z-[var(--z-modal-backdrop)]',
-                    'rounded-[var(--radius-xl)] border border-[var(--color-border,#e2e8f0)]',
-                    'bg-[var(--color-surface-elevated,#fff)] shadow-[var(--shadow-lg)]',
-                ].join(' '),
-            },
-        },
-        {
-            surface: 'customer',
-            placement: 'floating',
-            class: {
-                group: [
-                    'fixed top-2.5 right-2.5 z-50 rounded-xl border border-[var(--color-border)]',
-                    'bg-[var(--color-surface-elevated)] shadow-lg',
-                ].join(' '),
-            },
-        },
-    ],
-    defaultVariants: {
-        surface: 'customer',
-        placement: 'floating',
-    },
-});
-const activeBtn = tv({
-    variants: {
-        surface: {
-            admin: 'bg-[var(--color-primary,#6366f1)] text-white hover:bg-[var(--color-primary-hover,#4f46e5)] hover:text-white',
-            kiosk: 'bg-[var(--color-accent,#2563eb)] text-[var(--color-accent-foreground,#fff)] hover:opacity-95',
-            customer: 'bg-[var(--color-accent)] text-[var(--color-accent-foreground)] hover:opacity-90',
-        },
-        placement: {
-            floating: {},
-            inline: {},
-            header: {},
-        },
-    },
-    compoundVariants: [
-        {
-            surface: 'admin',
-            placement: 'header',
-            class: 'bg-white text-slate-900 shadow-sm hover:bg-white hover:text-slate-900',
-        },
-    ],
-    defaultVariants: {
-        surface: 'customer',
-        placement: 'floating',
-    },
-});
-function normalizeLocale(lng) {
-    if (lng == null || lng === '') {
-        return 'cs';
-    }
-    return lng.startsWith('en') ? 'en' : 'cs';
-}
-export function LanguageToggle({ surface, i18nNamespace, placement = 'floating', }) {
+import { DEFAULT_LOCALE_FLAGS, LocaleFlagToggle, buildLocaleLabelKey, mergeLocaleFlags, resolveActiveLocaleCode, resolveDocumentLang, } from '../LocaleFlags/index.js';
+export function LanguageToggle({ surface, i18nNamespace, placement = 'floating', locales, dataTestId, }) {
     const { t, i18n } = useTranslation(i18nNamespace);
-    const active = normalizeLocale(i18n.language);
-    const slots = toggle({ surface, placement });
+    const availableLocales = useMemo(() => (locales ? mergeLocaleFlags(DEFAULT_LOCALE_FLAGS, locales) : DEFAULT_LOCALE_FLAGS), [locales]);
+    const activeLocale = resolveActiveLocaleCode(i18n.language, availableLocales);
     useEffect(() => {
-        document.documentElement.lang = active === 'en' ? 'en' : 'cs';
-    }, [active]);
-    const select = (locale) => {
-        if (locale === active) {
+        document.documentElement.lang = resolveDocumentLang(activeLocale, availableLocales);
+    }, [activeLocale, availableLocales]);
+    const select = (code) => {
+        if (code === activeLocale) {
             return;
         }
-        void i18n.changeLanguage(locale);
-    };
-    const btnClass = (locale) => {
-        const base = slots.btn();
-        if (active === locale) {
-            return [base, activeBtn({ surface, placement })].join(' ');
-        }
-        return [base, 'bg-transparent'].join(' ');
+        void i18n.changeLanguage(code);
     };
-    const csLabel = placement === 'header' ? t('shell.language.csShort', { defaultValue: 'CS' }) : t('shell.language.cs');
-    const enLabel = placement === 'header' ? t('shell.language.enShort', { defaultValue: 'EN' }) : t('shell.language.en');
-    return (_jsxs("div", { className: slots.group(), role: "group", "aria-label": t('shell.language.groupLabel'), children: [_jsx("button", { type: "button", className: btnClass('cs'), "aria-pressed": active === 'cs', onClick: () => {
-                    select('cs');
-                }, children: csLabel }), placement === 'header' ? null : _jsx("span", { className: slots.divider(), "aria-hidden": "true" }), _jsx("button", { type: "button", className: btnClass('en'), "aria-pressed": active === 'en', onClick: () => {
-                    select('en');
-                }, children: enLabel })] }));
+    const getLabel = (code) => t(buildLocaleLabelKey(code), { defaultValue: code.toUpperCase() });
+    return (_jsx(LocaleFlagToggle, { locales: availableLocales, activeLocale: activeLocale, onSelect: select, getLabel: getLabel, groupLabel: t('shell.language.groupLabel', { defaultValue: 'Interface language' }), surface: surface, placement: placement, dataTestId: dataTestId }));
 }
 //# sourceMappingURL=LanguageToggle.js.map

package/dist/ui/LanguageToggle/LanguageToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"LanguageToggle.js","sourceRoot":"","sources":["../../../src/ui/LanguageToggle/LanguageToggle.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"LanguageToggle.js","sourceRoot":"","sources":["../../../src/ui/LanguageToggle/LanguageToggle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EACL,oBAAoB,EACpB,gBAAgB,EAChB,mBAAmB,EACnB,gBAAgB,EAChB,uBAAuB,EACvB,mBAAmB,GAIpB,MAAM,yBAAyB,CAAC;AAejC,MAAM,UAAU,cAAc,CAAC,EAC7B,OAAO,EACP,aAAa,EACb,SAAS,GAAG,UAAU,EACtB,OAAO,EACP,UAAU,GACU;IACpB,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC;IAClD,MAAM,gBAAgB,GAAG,OAAO,CAC9B,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,oBAAoB,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,oBAAoB,CAAC,EACxF,CAAC,OAAO,CAAC,CACV,CAAC;IACF,MAAM,YAAY,GAAG,uBAAuB,CAAC,IAAI,CAAC,QAAQ,EAAE,gBAAgB,CAAC,CAAC;IAE9E,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,eAAe,CAAC,IAAI,GAAG,mBAAmB,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAC;IACtF,CAAC,EAAE,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAErC,MAAM,MAAM,GAAG,CAAC,IAAY,EAAQ,EAAE;QACpC,IAAI,IAAI,KAAK,YAAY,EAAE,CAAC;YAC1B,OAAO;QACT,CAAC;QACD,KAAK,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,CAAC,IAAY,EAAU,EAAE,CACxC,CAAC,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,EAAE,YAAY,EAAE,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;IAErE,OAAO,CACL,KAAC,gBAAgB,IACf,OAAO,EAAE,gBAAgB,EACzB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,CAAC,CAAC,2BAA2B,EAAE,EAAE,YAAY,EAAE,oBAAoB,EAAE,CAAC,EAClF,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,GACtB,CACH,CAAC;AACJ,CAAC"}

package/dist/ui/LocaleFlags/LocaleFlagToggle.d.ts

@@ -0,0 +1,15 @@
+import type { LocaleFlagOption } from './localeFlagRegistry.js';
+export type LocaleFlagToggleSurface = 'admin' | 'kiosk' | 'customer' | 'pickup';
+export type LocaleFlagTogglePlacement = 'floating' | 'inline' | 'header';
+export interface LocaleFlagToggleProps {
+    readonly locales: readonly LocaleFlagOption[];
+    readonly activeLocale: string;
+    readonly onSelect: (code: string) => void;
+    readonly getLabel: (code: string) => string;
+    readonly groupLabel: string;
+    readonly surface?: LocaleFlagToggleSurface;
+    readonly placement?: LocaleFlagTogglePlacement;
+    readonly dataTestId?: string;
+}
+export declare function LocaleFlagToggle({ locales, activeLocale, onSelect, getLabel, groupLabel, surface, placement, dataTestId, }: LocaleFlagToggleProps): JSX.Element;
+//# sourceMappingURL=LocaleFlagToggle.d.ts.map

package/dist/ui/LocaleFlags/LocaleFlagToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocaleFlagToggle.d.ts","sourceRoot":"","sources":["../../../src/ui/LocaleFlags/LocaleFlagToggle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,MAAM,MAAM,uBAAuB,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC;AAChF,MAAM,MAAM,yBAAyB,GAAG,UAAU,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAkIzE,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,OAAO,EAAE,SAAS,gBAAgB,EAAE,CAAC;IAC9C,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,OAAO,CAAC,EAAE,uBAAuB,CAAC;IAC3C,QAAQ,CAAC,SAAS,CAAC,EAAE,yBAAyB,CAAC;IAC/C,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,OAAoB,EACpB,SAAsB,EACtB,UAAU,GACX,EAAE,qBAAqB,GAAG,GAAG,CAAC,OAAO,CAiCrC"}

package/dist/ui/LocaleFlags/LocaleFlagToggle.js

@@ -0,0 +1,140 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { tv } from '../tvShim.js';
+const flagGroup = tv({
+    base: 'inline-flex max-w-full shrink-0 items-center',
+    variants: {
+        placement: {
+            floating: 'gap-2',
+            inline: [
+                'gap-1.5 rounded-md border border-[var(--color-rail-card-border,var(--color-border,#e2e8f0))]',
+                'bg-[var(--color-surface-elevated,#fff)] p-1 shadow-sm',
+            ].join(' '),
+            header: [
+                'gap-1.5 rounded-full border border-[var(--color-rail-card-border,#e2e8f0)]',
+                'bg-slate-50 p-1 shadow-none',
+            ].join(' '),
+        },
+        surface: {
+            admin: '',
+            kiosk: '',
+            customer: '',
+            pickup: '',
+        },
+    },
+    compoundVariants: [
+        {
+            surface: 'admin',
+            placement: 'floating',
+            class: [
+                'fixed top-[var(--spacing-4,1rem)] right-[var(--spacing-4,1rem)] z-[10001]',
+                'rounded-[var(--radius-lg,0.5rem)] border border-[var(--color-border,#e2e8f0)]',
+                'bg-[var(--color-surface-elevated,#fff)] p-1.5 shadow-[var(--shadow-md,0_4px_6px_-1px_rgb(0_0_0_/_0.1))]',
+            ].join(' '),
+        },
+        {
+            surface: 'kiosk',
+            placement: 'floating',
+            class: [
+                'fixed top-[var(--spacing-10)] right-[var(--spacing-10)] z-[var(--z-modal-backdrop)]',
+                'rounded-[var(--radius-xl)] border border-[var(--color-border,#e2e8f0)]',
+                'bg-[var(--color-surface-elevated,#fff)] p-2 shadow-[var(--shadow-lg)]',
+            ].join(' '),
+        },
+        {
+            surface: 'customer',
+            placement: 'floating',
+            class: [
+                'fixed top-2.5 right-2.5 z-50 rounded-xl border border-[var(--color-border)]',
+                'bg-[var(--color-surface-elevated)] p-1.5 shadow-lg',
+            ].join(' '),
+        },
+        {
+            surface: 'pickup',
+            placement: 'floating',
+            class: [
+                'fixed top-2.5 right-2.5 z-50 rounded-xl border border-[var(--color-border,#e2e8f0)]',
+                'bg-[var(--color-surface-elevated,#fff)] p-1.5 shadow-lg',
+            ].join(' '),
+        },
+    ],
+    defaultVariants: {
+        placement: 'floating',
+        surface: 'customer',
+    },
+});
+const flagButton = tv({
+    base: [
+        'inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full',
+        'border-2 border-transparent transition-all duration-150',
+        'focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2',
+    ].join(' '),
+    variants: {
+        placement: {
+            floating: 'h-10 w-10',
+            inline: 'h-8 w-8',
+            header: 'h-8 w-8',
+        },
+        pressed: {
+            true: 'opacity-100 shadow-sm',
+            false: 'opacity-75 hover:scale-105 hover:opacity-100',
+        },
+        surface: {
+            admin: 'focus-visible:outline-[var(--color-an-primary,#6366f1)]',
+            kiosk: 'focus-visible:outline-[var(--color-accent,#2563eb)]',
+            customer: 'focus-visible:outline-[var(--color-accent)]',
+            pickup: 'focus-visible:outline-[var(--color-accent,#2563eb)]',
+        },
+    },
+    compoundVariants: [
+        {
+            surface: 'admin',
+            pressed: true,
+            class: 'border-[var(--color-an-primary,#6366f1)] ring-2 ring-[var(--color-an-primary,#6366f1)]/25',
+        },
+        {
+            surface: 'kiosk',
+            pressed: true,
+            class: 'border-[var(--color-accent,#2563eb)] ring-2 ring-[var(--color-accent,#2563eb)]/25',
+        },
+        {
+            surface: 'customer',
+            pressed: true,
+            class: 'border-[var(--color-accent)] ring-2 ring-[var(--color-accent)]/25',
+        },
+        {
+            surface: 'pickup',
+            pressed: true,
+            class: 'border-[var(--color-accent,#2563eb)] ring-2 ring-[var(--color-accent,#2563eb)]/25',
+        },
+    ],
+    defaultVariants: {
+        placement: 'floating',
+        pressed: false,
+        surface: 'customer',
+    },
+});
+const flagSize = tv({
+    variants: {
+        placement: {
+            floating: 'h-10 w-10',
+            inline: 'h-8 w-8',
+            header: 'h-8 w-8',
+        },
+    },
+    defaultVariants: {
+        placement: 'floating',
+    },
+});
+export function LocaleFlagToggle({ locales, activeLocale, onSelect, getLabel, groupLabel, surface = 'customer', placement = 'floating', dataTestId, }) {
+    return (_jsx("div", { className: flagGroup({ surface, placement }), role: "group", "aria-label": groupLabel, "data-testid": dataTestId, children: locales.map((locale) => {
+            const Flag = locale.Flag;
+            const isActive = locale.code === activeLocale;
+            const label = getLabel(locale.code);
+            return (_jsx("button", { type: "button", className: flagButton({ surface, placement, pressed: isActive }), "aria-pressed": isActive, "aria-label": label, title: label, onClick: () => {
+                    if (!isActive) {
+                        onSelect(locale.code);
+                    }
+                }, children: _jsx(Flag, { className: flagSize({ placement }) }) }, locale.code));
+        }) }));
+}
+//# sourceMappingURL=LocaleFlagToggle.js.map

package/dist/ui/LocaleFlags/LocaleFlagToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocaleFlagToggle.js","sourceRoot":"","sources":["../../../src/ui/LocaleFlags/LocaleFlagToggle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAMlC,MAAM,SAAS,GAAG,EAAE,CAAC;IACnB,IAAI,EAAE,8CAA8C;IACpD,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,QAAQ,EAAE,OAAO;YACjB,MAAM,EAAE;gBACN,8FAA8F;gBAC9F,uDAAuD;aACxD,CAAC,IAAI,CAAC,GAAG,CAAC;YACX,MAAM,EAAE;gBACN,4EAA4E;gBAC5E,6BAA6B;aAC9B,CAAC,IAAI,CAAC,GAAG,CAAC;SACZ;QACD,OAAO,EAAE;YACP,KAAK,EAAE,EAAE;YACT,KAAK,EAAE,EAAE;YACT,QAAQ,EAAE,EAAE;YACZ,MAAM,EAAE,EAAE;SACX;KACF;IACD,gBAAgB,EAAE;QAChB;YACE,OAAO,EAAE,OAAO;YAChB,SAAS,EAAE,UAAU;YACrB,KAAK,EAAE;gBACL,2EAA2E;gBAC3E,+EAA+E;gBAC/E,yGAAyG;aAC1G,CAAC,IAAI,CAAC,GAAG,CAAC;SACZ;QACD;YACE,OAAO,EAAE,OAAO;YAChB,SAAS,EAAE,UAAU;YACrB,KAAK,EAAE;gBACL,qFAAqF;gBACrF,wEAAwE;gBACxE,uEAAuE;aACxE,CAAC,IAAI,CAAC,GAAG,CAAC;SACZ;QACD;YACE,OAAO,EAAE,UAAU;YACnB,SAAS,EAAE,UAAU;YACrB,KAAK,EAAE;gBACL,6EAA6E;gBAC7E,oDAAoD;aACrD,CAAC,IAAI,CAAC,GAAG,CAAC;SACZ;QACD;YACE,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,UAAU;YACrB,KAAK,EAAE;gBACL,qFAAqF;gBACrF,yDAAyD;aAC1D,CAAC,IAAI,CAAC,GAAG,CAAC;SACZ;KACF;IACD,eAAe,EAAE;QACf,SAAS,EAAE,UAAU;QACrB,OAAO,EAAE,UAAU;KACpB;CACF,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,EAAE,CAAC;IACpB,IAAI,EAAE;QACJ,+EAA+E;QAC/E,yDAAyD;QACzD,8EAA8E;KAC/E,CAAC,IAAI,CAAC,GAAG,CAAC;IACX,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,QAAQ,EAAE,WAAW;YACrB,MAAM,EAAE,SAAS;YACjB,MAAM,EAAE,SAAS;SAClB;QACD,OAAO,EAAE;YACP,IAAI,EAAE,uBAAuB;YAC7B,KAAK,EAAE,8CAA8C;SACtD;QACD,OAAO,EAAE;YACP,KAAK,EAAE,yDAAyD;YAChE,KAAK,EAAE,qDAAqD;YAC5D,QAAQ,EAAE,6CAA6C;YACvD,MAAM,EAAE,qDAAqD;SAC9D;KACF;IACD,gBAAgB,EAAE;QAChB;YACE,OAAO,EAAE,OAAO;YAChB,OAAO,EAAE,IAAI;YACb,KAAK,EAAE,2FAA2F;SACnG;QACD;YACE,OAAO,EAAE,OAAO;YAChB,OAAO,EAAE,IAAI;YACb,KAAK,EAAE,mFAAmF;SAC3F;QACD;YACE,OAAO,EAAE,UAAU;YACnB,OAAO,EAAE,IAAI;YACb,KAAK,EAAE,mEAAmE;SAC3E;QACD;YACE,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,IAAI;YACb,KAAK,EAAE,mFAAmF;SAC3F;KACF;IACD,eAAe,EAAE;QACf,SAAS,EAAE,UAAU;QACrB,OAAO,EAAE,KAAK;QACd,OAAO,EAAE,UAAU;KACpB;CACF,CAAC,CAAC;AAEH,MAAM,QAAQ,GAAG,EAAE,CAAC;IAClB,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,QAAQ,EAAE,WAAW;YACrB,MAAM,EAAE,SAAS;YACjB,MAAM,EAAE,SAAS;SAClB;KACF;IACD,eAAe,EAAE;QACf,SAAS,EAAE,UAAU;KACtB;CACF,CAAC,CAAC;AAaH,MAAM,UAAU,gBAAgB,CAAC,EAC/B,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,OAAO,GAAG,UAAU,EACpB,SAAS,GAAG,UAAU,EACtB,UAAU,GACY;IACtB,OAAO,CACL,cACE,SAAS,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EAC5C,IAAI,EAAC,OAAO,gBACA,UAAU,iBACT,UAAU,YAEtB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YACtB,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;YACzB,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,KAAK,YAAY,CAAC;YAC9C,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YAEpC,OAAO,CACL,iBAEE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,UAAU,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,kBAClD,QAAQ,gBACV,KAAK,EACjB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,CAAC,QAAQ,EAAE,CAAC;wBACd,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;oBACxB,CAAC;gBACH,CAAC,YAED,KAAC,IAAI,IAAC,SAAS,EAAE,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAC,GAAI,IAZvC,MAAM,CAAC,IAAI,CAaT,CACV,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/ui/LocaleFlags/flagSvgs.d.ts

@@ -0,0 +1,8 @@
+import { type ComponentType } from 'react';
+export interface LocaleFlagSvgProps {
+    readonly className?: string;
+}
+export declare function CzechFlagSvg({ className }: LocaleFlagSvgProps): JSX.Element;
+export declare function EnglishFlagSvg({ className }: LocaleFlagSvgProps): JSX.Element;
+export type LocaleFlagSvgComponent = ComponentType<LocaleFlagSvgProps>;
+//# sourceMappingURL=flagSvgs.d.ts.map

package/dist/ui/LocaleFlags/flagSvgs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flagSvgs.d.ts","sourceRoot":"","sources":["../../../src/ui/LocaleFlags/flagSvgs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAKD,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAe3E;AAED,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAiB7E;AAED,MAAM,MAAM,sBAAsB,GAAG,aAAa,CAAC,kBAAkB,CAAC,CAAC"}

package/dist/ui/LocaleFlags/flagSvgs.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const CS_FLAG_CLIP_ID = 'locale-flag-clip-cs';
+const EN_FLAG_CLIP_ID = 'locale-flag-clip-en';
+export function CzechFlagSvg({ className }) {
+    return (_jsxs("svg", { viewBox: "0 0 32 32", className: className, "aria-hidden": "true", children: [_jsx("defs", { children: _jsx("clipPath", { id: CS_FLAG_CLIP_ID, children: _jsx("circle", { cx: "16", cy: "16", r: "16" }) }) }), _jsxs("g", { clipPath: `url(#${CS_FLAG_CLIP_ID})`, children: [_jsx("rect", { width: "32", height: "16", fill: "#ffffff" }), _jsx("rect", { y: "16", width: "32", height: "16", fill: "#d7141a" }), _jsx("path", { d: "M0 0 L18 16 L0 32 Z", fill: "#11457e" })] })] }));
+}
+export function EnglishFlagSvg({ className }) {
+    return (_jsxs("svg", { viewBox: "0 0 32 32", className: className, "aria-hidden": "true", children: [_jsx("defs", { children: _jsx("clipPath", { id: EN_FLAG_CLIP_ID, children: _jsx("circle", { cx: "16", cy: "16", r: "16" }) }) }), _jsxs("g", { clipPath: `url(#${EN_FLAG_CLIP_ID})`, children: [_jsx("rect", { width: "32", height: "32", fill: "#012169" }), _jsx("path", { d: "M0 0 L32 32 M32 0 L0 32", stroke: "#ffffff", strokeWidth: "6" }), _jsx("path", { d: "M0 0 L32 32 M32 0 L0 32", stroke: "#c8102e", strokeWidth: "3" }), _jsx("path", { d: "M16 0 V32 M0 16 H32", stroke: "#ffffff", strokeWidth: "10" }), _jsx("path", { d: "M16 0 V32 M0 16 H32", stroke: "#c8102e", strokeWidth: "6" })] })] }));
+}
+//# sourceMappingURL=flagSvgs.js.map

package/dist/ui/LocaleFlags/flagSvgs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flagSvgs.js","sourceRoot":"","sources":["../../../src/ui/LocaleFlags/flagSvgs.tsx"],"names":[],"mappings":";AAMA,MAAM,eAAe,GAAG,qBAAqB,CAAC;AAC9C,MAAM,eAAe,GAAG,qBAAqB,CAAC;AAE9C,MAAM,UAAU,YAAY,CAAC,EAAE,SAAS,EAAsB;IAC5D,OAAO,CACL,eAAK,OAAO,EAAC,WAAW,EAAC,SAAS,EAAE,SAAS,iBAAc,MAAM,aAC/D,yBACE,mBAAU,EAAE,EAAE,eAAe,YAC3B,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG,GACxB,GACN,EACP,aAAG,QAAQ,EAAE,QAAQ,eAAe,GAAG,aACrC,eAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,GAAG,EAC9C,eAAM,CAAC,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,GAAG,EACrD,eAAM,CAAC,EAAC,qBAAqB,EAAC,IAAI,EAAC,SAAS,GAAG,IAC7C,IACA,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAAE,SAAS,EAAsB;IAC9D,OAAO,CACL,eAAK,OAAO,EAAC,WAAW,EAAC,SAAS,EAAE,SAAS,iBAAc,MAAM,aAC/D,yBACE,mBAAU,EAAE,EAAE,eAAe,YAC3B,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG,GACxB,GACN,EACP,aAAG,QAAQ,EAAE,QAAQ,eAAe,GAAG,aACrC,eAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,GAAG,EAC9C,eAAM,CAAC,EAAC,yBAAyB,EAAC,MAAM,EAAC,SAAS,EAAC,WAAW,EAAC,GAAG,GAAG,EACrE,eAAM,CAAC,EAAC,yBAAyB,EAAC,MAAM,EAAC,SAAS,EAAC,WAAW,EAAC,GAAG,GAAG,EACrE,eAAM,CAAC,EAAC,qBAAqB,EAAC,MAAM,EAAC,SAAS,EAAC,WAAW,EAAC,IAAI,GAAG,EAClE,eAAM,CAAC,EAAC,qBAAqB,EAAC,MAAM,EAAC,SAAS,EAAC,WAAW,EAAC,GAAG,GAAG,IAC/D,IACA,CACP,CAAC;AACJ,CAAC"}

package/dist/ui/LocaleFlags/index.d.ts

@@ -0,0 +1,4 @@
+export { CzechFlagSvg, EnglishFlagSvg, type LocaleFlagSvgComponent, type LocaleFlagSvgProps } from './flagSvgs.js';
+export { DEFAULT_LOCALE_FLAGS, buildLocaleLabelKey, mergeLocaleFlags, resolveActiveLocaleCode, resolveDocumentLang, type LocaleFlagOption, } from './localeFlagRegistry.js';
+export { LocaleFlagToggle, type LocaleFlagTogglePlacement, type LocaleFlagToggleProps, type LocaleFlagToggleSurface, } from './LocaleFlagToggle.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/LocaleFlags/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/LocaleFlags/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,KAAK,sBAAsB,EAAE,KAAK,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACnH,OAAO,EACL,oBAAoB,EACpB,mBAAmB,EACnB,gBAAgB,EAChB,uBAAuB,EACvB,mBAAmB,EACnB,KAAK,gBAAgB,GACtB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,gBAAgB,EAChB,KAAK,yBAAyB,EAC9B,KAAK,qBAAqB,EAC1B,KAAK,uBAAuB,GAC7B,MAAM,uBAAuB,CAAC"}

package/dist/ui/LocaleFlags/index.js

@@ -0,0 +1,4 @@
+export { CzechFlagSvg, EnglishFlagSvg } from './flagSvgs.js';
+export { DEFAULT_LOCALE_FLAGS, buildLocaleLabelKey, mergeLocaleFlags, resolveActiveLocaleCode, resolveDocumentLang, } from './localeFlagRegistry.js';
+export { LocaleFlagToggle, } from './LocaleFlagToggle.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/LocaleFlags/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAwD,MAAM,eAAe,CAAC;AACnH,OAAO,EACL,oBAAoB,EACpB,mBAAmB,EACnB,gBAAgB,EAChB,uBAAuB,EACvB,mBAAmB,GAEpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,gBAAgB,GAIjB,MAAM,uBAAuB,CAAC"}

package/dist/ui/LocaleFlags/localeFlagRegistry.d.ts

@@ -0,0 +1,16 @@
+import { type LocaleFlagSvgComponent } from './flagSvgs.js';
+export interface LocaleFlagOption {
+    /** i18n language code passed to `i18n.changeLanguage` (e.g. `cs`, `en`). */
+    readonly code: string;
+    readonly Flag: LocaleFlagSvgComponent;
+    /** When omitted, matches `lng === code` or `lng.startsWith(code)`. */
+    readonly matchesLanguage?: (lng: string) => boolean;
+    /** Value for `document.documentElement.lang` when this locale is active. */
+    readonly documentLang?: string;
+}
+export declare const DEFAULT_LOCALE_FLAGS: readonly LocaleFlagOption[];
+export declare function mergeLocaleFlags(base: readonly LocaleFlagOption[], extra: readonly LocaleFlagOption[]): readonly LocaleFlagOption[];
+export declare function resolveActiveLocaleCode(lng: string | undefined, locales: readonly LocaleFlagOption[]): string;
+export declare function resolveDocumentLang(localeCode: string, locales: readonly LocaleFlagOption[]): string;
+export declare function buildLocaleLabelKey(code: string): string;
+//# sourceMappingURL=localeFlagRegistry.d.ts.map

package/dist/ui/LocaleFlags/localeFlagRegistry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"localeFlagRegistry.d.ts","sourceRoot":"","sources":["../../../src/ui/LocaleFlags/localeFlagRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAE1F,MAAM,WAAW,gBAAgB;IAC/B,4EAA4E;IAC5E,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,IAAI,EAAE,sBAAsB,CAAC;IACtC,sEAAsE;IACtE,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IACpD,4EAA4E;IAC5E,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;CAChC;AAMD,eAAO,MAAM,oBAAoB,EAAE,SAAS,gBAAgB,EAalD,CAAC;AAEX,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,SAAS,gBAAgB,EAAE,EACjC,KAAK,EAAE,SAAS,gBAAgB,EAAE,GACjC,SAAS,gBAAgB,EAAE,CAS7B;AAED,wBAAgB,uBAAuB,CACrC,GAAG,EAAE,MAAM,GAAG,SAAS,EACvB,OAAO,EAAE,SAAS,gBAAgB,EAAE,GACnC,MAAM,CAUR;AAED,wBAAgB,mBAAmB,CACjC,UAAU,EAAE,MAAM,EAClB,OAAO,EAAE,SAAS,gBAAgB,EAAE,GACnC,MAAM,CAGR;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAExD"}

package/dist/ui/LocaleFlags/localeFlagRegistry.js

@@ -0,0 +1,45 @@
+import { CzechFlagSvg, EnglishFlagSvg } from './flagSvgs.js';
+function defaultMatchesLanguage(code, lng) {
+    return lng === code || lng.startsWith(`${code}-`) || lng.startsWith(code);
+}
+export const DEFAULT_LOCALE_FLAGS = [
+    {
+        code: 'cs',
+        Flag: CzechFlagSvg,
+        matchesLanguage: (lng) => defaultMatchesLanguage('cs', lng),
+        documentLang: 'cs',
+    },
+    {
+        code: 'en',
+        Flag: EnglishFlagSvg,
+        matchesLanguage: (lng) => defaultMatchesLanguage('en', lng),
+        documentLang: 'en',
+    },
+];
+export function mergeLocaleFlags(base, extra) {
+    const merged = new Map();
+    for (const option of base) {
+        merged.set(option.code, option);
+    }
+    for (const option of extra) {
+        merged.set(option.code, option);
+    }
+    return [...merged.values()];
+}
+export function resolveActiveLocaleCode(lng, locales) {
+    if (lng != null && lng !== '') {
+        const matched = locales.find((option) => option.matchesLanguage ? option.matchesLanguage(lng) : defaultMatchesLanguage(option.code, lng));
+        if (matched) {
+            return matched.code;
+        }
+    }
+    return locales[0]?.code ?? 'cs';
+}
+export function resolveDocumentLang(localeCode, locales) {
+    const option = locales.find((entry) => entry.code === localeCode);
+    return option?.documentLang ?? localeCode;
+}
+export function buildLocaleLabelKey(code) {
+    return `shell.language.${code}`;
+}
+//# sourceMappingURL=localeFlagRegistry.js.map

package/dist/ui/LocaleFlags/localeFlagRegistry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"localeFlagRegistry.js","sourceRoot":"","sources":["../../../src/ui/LocaleFlags/localeFlagRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,cAAc,EAA+B,MAAM,eAAe,CAAC;AAY1F,SAAS,sBAAsB,CAAC,IAAY,EAAE,GAAW;IACvD,OAAO,GAAG,KAAK,IAAI,IAAI,GAAG,CAAC,UAAU,CAAC,GAAG,IAAI,GAAG,CAAC,IAAI,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;AAC5E,CAAC;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAgC;IAC/D;QACE,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,YAAY;QAClB,eAAe,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,sBAAsB,CAAC,IAAI,EAAE,GAAG,CAAC;QAC3D,YAAY,EAAE,IAAI;KACnB;IACD;QACE,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,cAAc;QACpB,eAAe,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,sBAAsB,CAAC,IAAI,EAAE,GAAG,CAAC;QAC3D,YAAY,EAAE,IAAI;KACnB;CACO,CAAC;AAEX,MAAM,UAAU,gBAAgB,CAC9B,IAAiC,EACjC,KAAkC;IAElC,MAAM,MAAM,GAAG,IAAI,GAAG,EAA4B,CAAC;IACnD,KAAK,MAAM,MAAM,IAAI,IAAI,EAAE,CAAC;QAC1B,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IAClC,CAAC;IACD,KAAK,MAAM,MAAM,IAAI,KAAK,EAAE,CAAC;QAC3B,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IAClC,CAAC;IACD,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC;AAC9B,CAAC;AAED,MAAM,UAAU,uBAAuB,CACrC,GAAuB,EACvB,OAAoC;IAEpC,IAAI,GAAG,IAAI,IAAI,IAAI,GAAG,KAAK,EAAE,EAAE,CAAC;QAC9B,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CACtC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,sBAAsB,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,CAAC,CAChG,CAAC;QACF,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,OAAO,CAAC,IAAI,CAAC;QACtB,CAAC;IACH,CAAC;IACD,OAAO,OAAO,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,IAAI,CAAC;AAClC,CAAC;AAED,MAAM,UAAU,mBAAmB,CACjC,UAAkB,EAClB,OAAoC;IAEpC,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC;IAClE,OAAO,MAAM,EAAE,YAAY,IAAI,UAAU,CAAC;AAC5C,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,IAAY;IAC9C,OAAO,kBAAkB,IAAI,EAAE,CAAC;AAClC,CAAC"}

package/dist/ui/index.d.ts

@@ -4,7 +4,8 @@
 export { Button, type ButtonProps } from './Button/Button.js';
 export { Card, type CardProps } from './Card/Card.js';
 export { FormField, type FormFieldProps } from './FormField/FormField.js';
-export { LanguageToggle, type LanguageToggleProps, type LanguageToggleNamespace, type LanguageToggleSurface, } from './LanguageToggle/LanguageToggle.js';
+export { LanguageToggle, type LanguageToggleProps, type LanguageToggleNamespace, type LanguageToggleSurface, type LanguageTogglePlacement, } from './LanguageToggle/LanguageToggle.js';
+export { CzechFlagSvg, EnglishFlagSvg, DEFAULT_LOCALE_FLAGS, LocaleFlagToggle, buildLocaleLabelKey, mergeLocaleFlags, resolveActiveLocaleCode, resolveDocumentLang, type LocaleFlagOption, type LocaleFlagSvgComponent, type LocaleFlagSvgProps, type LocaleFlagTogglePlacement, type LocaleFlagToggleProps, type LocaleFlagToggleSurface, } from './LocaleFlags/index.js';
 export { useTurnstileAuth, type UseTurnstileAuthResult } from './Turnstile/useTurnstileAuth.js';
 export { TurnstileWidget, type TurnstileWidgetProps } from './Turnstile/TurnstileWidget.js';
 export { useTurnstileExecute, type UseTurnstileExecuteResult } from './Turnstile/useTurnstileExecute.js';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EACL,cAAc,EACd,KAAK,mBAAmB,EACxB,KAAK,uBAAuB,EAC5B,KAAK,qBAAqB,GAC3B,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,KAAK,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AAChG,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAC5F,OAAO,EAAE,mBAAmB,EAAE,KAAK,yBAAyB,EAAE,MAAM,oCAAoC,CAAC;AACzG,OAAO,EACL,sBAAsB,EACtB,KAAK,2BAA2B,GACjC,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EACL,YAAY,EACZ,uBAAuB,EACvB,0BAA0B,EAC1B,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,GACtB,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EACL,cAAc,EACd,KAAK,mBAAmB,EACxB,KAAK,uBAAuB,EAC5B,KAAK,qBAAqB,EAC1B,KAAK,uBAAuB,GAC7B,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EACL,YAAY,EACZ,cAAc,EACd,oBAAoB,EACpB,gBAAgB,EAChB,mBAAmB,EACnB,gBAAgB,EAChB,uBAAuB,EACvB,mBAAmB,EACnB,KAAK,gBAAgB,EACrB,KAAK,sBAAsB,EAC3B,KAAK,kBAAkB,EACvB,KAAK,yBAAyB,EAC9B,KAAK,qBAAqB,EAC1B,KAAK,uBAAuB,GAC7B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,gBAAgB,EAAE,KAAK,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AAChG,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAC5F,OAAO,EAAE,mBAAmB,EAAE,KAAK,yBAAyB,EAAE,MAAM,oCAAoC,CAAC;AACzG,OAAO,EACL,sBAAsB,EACtB,KAAK,2BAA2B,GACjC,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EACL,YAAY,EACZ,uBAAuB,EACvB,0BAA0B,EAC1B,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,GACtB,MAAM,yBAAyB,CAAC"}

package/dist/ui/index.js

@@ -5,6 +5,7 @@ export { Button } from './Button/Button.js';
 export { Card } from './Card/Card.js';
 export { FormField } from './FormField/FormField.js';
 export { LanguageToggle, } from './LanguageToggle/LanguageToggle.js';
+export { CzechFlagSvg, EnglishFlagSvg, DEFAULT_LOCALE_FLAGS, LocaleFlagToggle, buildLocaleLabelKey, mergeLocaleFlags, resolveActiveLocaleCode, resolveDocumentLang, } from './LocaleFlags/index.js';
 export { useTurnstileAuth } from './Turnstile/useTurnstileAuth.js';
 export { TurnstileWidget } from './Turnstile/TurnstileWidget.js';
 export { useTurnstileExecute } from './Turnstile/useTurnstileExecute.js';

package/dist/ui/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,MAAM,EAAoB,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAkB,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAuB,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EACL,cAAc,GAIf,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAA+B,MAAM,iCAAiC,CAAC;AAChG,OAAO,EAAE,eAAe,EAA6B,MAAM,gCAAgC,CAAC;AAC5F,OAAO,EAAE,mBAAmB,EAAkC,MAAM,oCAAoC,CAAC;AACzG,OAAO,EACL,sBAAsB,GAEvB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EACL,YAAY,EACZ,uBAAuB,EACvB,0BAA0B,GAI3B,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,MAAM,EAAoB,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAkB,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAuB,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EACL,cAAc,GAKf,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EACL,YAAY,EACZ,cAAc,EACd,oBAAoB,EACpB,gBAAgB,EAChB,mBAAmB,EACnB,gBAAgB,EAChB,uBAAuB,EACvB,mBAAmB,GAOpB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,gBAAgB,EAA+B,MAAM,iCAAiC,CAAC;AAChG,OAAO,EAAE,eAAe,EAA6B,MAAM,gCAAgC,CAAC;AAC5F,OAAO,EAAE,mBAAmB,EAAkC,MAAM,oCAAoC,CAAC;AACzG,OAAO,EACL,sBAAsB,GAEvB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EACL,YAAY,EACZ,uBAAuB,EACvB,0BAA0B,GAI3B,MAAM,yBAAyB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pi-kiosk-shared",
-  "version": "2.2.3",
+  "version": "2.2.4",
   "type": "module",
   "private": false,
   "description": "Shared types, API contracts, and error classes for Pi Kiosk system",
@@ -122,6 +122,12 @@
     },
     "./theme.css": "./src/tokens/theme.css",
     "./admin-theme.css": "./src/tokens/admin-theme.css",
+    "./responsive.css": "./src/tokens/responsive.css",
+    "./responsive": {
+      "types": "./dist/responsive/index.d.ts",
+      "import": "./dist/responsive/index.js",
+      "require": "./dist/responsive/index.js"
+    },
     "./ui": {
       "types": "./dist/ui/index.d.ts",
       "import": "./dist/ui/index.js",

package/src/tokens/responsive.css

@@ -0,0 +1,82 @@
+/**
+ * pi-kiosk-shared responsive contract — custom media aliases (Tailwind v4 Option A).
+ * Import after theme.css. wide (1440) is NOT a token here — test viewport only.
+ *
+ * Breakpoint block generated from breakpoints.ts — run: npm run generate:responsive-css -- --write
+ * Drift: gate:responsive-css-generation + gate:responsive-breakpoint-drift
+ */
+:root {
+  --rp-breakpoint-sm: 640px;
+  --rp-breakpoint-md: 768px;
+  --rp-breakpoint-lg: 1024px;
+  --rp-breakpoint-xl: 1280px;
+  --rp-breakpoint-2xl: 1536px;
+}
+
+@custom-media --rp-sm-up (min-width: 640px);
+@custom-media --rp-md-up (min-width: 768px);
+@custom-media --rp-lg-up (min-width: 1024px);
+@custom-media --rp-xl-up (min-width: 1280px);
+@custom-media --rp-2xl-up (min-width: 1536px);
+@custom-media --rp-max-lg (max-width: 1023px);
+
+/* Container query naming tokens */
+:root {
+  --rp-container-card: rp-card;
+  --rp-container-kpi: rp-kpi;
+  --rp-container-table: rp-table;
+}
+
+.rp-card-container {
+  container-type: inline-size;
+  container-name: rp-card;
+  --rp-card-content-gap: 0.5rem;
+}
+
+.rp-kpi-container {
+  container-type: inline-size;
+  container-name: rp-kpi;
+}
+
+.rp-table-container {
+  container-type: inline-size;
+  container-name: rp-table;
+}
+
+.rp-drawer-body {
+  container-type: inline-size;
+  container-name: rp-drawer-body;
+}
+
+/* Shared Card density — CQ layout (not cosmetic) with viewport fallback */
+.rp-card-container > * + * {
+  margin-block-start: var(--rp-card-content-gap);
+}
+
+@supports (container-type: inline-size) {
+  @container rp-card (min-width: 20rem) {
+    .rp-card-container {
+      --rp-card-content-gap: 0.75rem;
+    }
+  }
+
+  @container rp-card (min-width: 28rem) {
+    .rp-card-container {
+      --rp-card-content-gap: 1rem;
+    }
+  }
+}
+
+@supports not (container-type: inline-size) {
+  @media (min-width: 640px) {
+    .rp-card-container {
+      --rp-card-content-gap: 0.75rem;
+    }
+  }
+
+  @media (min-width: 1024px) {
+    .rp-card-container {
+      --rp-card-content-gap: 1rem;
+    }
+  }
+}

package/src/tokens/theme.css

@@ -29,6 +29,8 @@
   --color-border: #e2e8f0;
   --color-border-strong: #cbd5e1;
   --color-focus-ring: var(--brand-consumer-accent);
+  --color-qr-render-dark: #000000;
+  --color-qr-render-light: #ffffff;
   --color-disabled-opacity: 0.55;
   --radius-sm: 0.375rem;
   --radius-md: 0.5rem;