pi-kiosk-shared 2.2.35 → 2.2.37

package/dist/ui/IconButton/IconButton.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { Icon } from '../Icon/Icon.js';
+import { tv } from '../tvShim.js';
+const iconButton = tv({
+    base: [
+        'inline-flex items-center justify-center rounded-[var(--radius-md,0.5rem)] border border-[var(--color-border-default,var(--color-border))]',
+        'bg-[var(--color-surface-default,var(--color-surface))] text-[var(--color-text-primary,var(--color-on-surface))]',
+        'hover:bg-[var(--color-surface-hover,var(--color-neutral-100))]',
+        'focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2',
+        'focus-visible:outline-[var(--color-border-focus,var(--color-focus-ring))]',
+        'disabled:cursor-not-allowed disabled:opacity-[var(--color-disabled-opacity,0.55)]',
+    ].join(' '),
+    variants: {
+        tone: {
+            default: '',
+            danger: [
+                'border-[var(--color-status-error,var(--color-danger))]',
+                'text-[var(--color-status-error,var(--color-danger))]',
+                'hover:bg-[var(--color-surface-soft,var(--color-danger-foreground))]',
+            ].join(' '),
+            muted: 'text-[var(--color-text-muted,var(--color-on-surface-muted))]',
+        },
+        size: {
+            sm: 'h-9 w-9 min-h-9 min-w-9',
+            md: 'h-11 w-11 min-h-11 min-w-11',
+        },
+    },
+    defaultVariants: { tone: 'default', size: 'md' },
+});
+/**
+ * CMP-0018 IconButton — icon-only control with required `aria-label`.
+ * Glyphs must come from the shared Lucide map (`pi-kiosk-shared/ui`), not app `lucide-react` imports.
+ */
+export const IconButton = forwardRef(({ className, tone, size, icon, type = 'button', ...rest }, ref) => (_jsx("button", { ref: ref, type: type, className: iconButton({ tone, size, className }), ...rest, children: _jsx(Icon, { icon: icon, size: 20, "aria-hidden": true }) })));
+IconButton.displayName = 'IconButton';
+//# sourceMappingURL=IconButton.js.map

package/dist/ui/IconButton/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../src/ui/IconButton/IconButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA6B,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,EAAE,EAAqB,MAAM,cAAc,CAAC;AAErD,MAAM,UAAU,GAAG,EAAE,CAAC;IACpB,IAAI,EAAE;QACJ,2IAA2I;QAC3I,iHAAiH;QACjH,gEAAgE;QAChE,8EAA8E;QAC9E,2EAA2E;QAC3E,mFAAmF;KACpF,CAAC,IAAI,CAAC,GAAG,CAAC;IACX,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,EAAE;YACX,MAAM,EAAE;gBACN,wDAAwD;gBACxD,sDAAsD;gBACtD,qEAAqE;aACtE,CAAC,IAAI,CAAC,GAAG,CAAC;YACX,KAAK,EAAE,8DAA8D;SACtE;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,yBAAyB;YAC7B,EAAE,EAAE,6BAA6B;SAClC;KACF;IACD,eAAe,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE;CACjD,CAAC,CAAC;AAcH;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAClC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAG,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAe,EAAE,CAAC,CAC/E,iBAAQ,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,KAAM,IAAI,YACtF,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,iBAAe,IAAI,GAAI,GAC1C,CACV,CACF,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

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

@@ -0,0 +1,2 @@
+export { IconButton, type IconButtonProps } from './IconButton.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/IconButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/ui/IconButton/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/IconButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAwB,MAAM,iBAAiB,CAAC"}

package/dist/ui/Input/Input.d.ts

@@ -0,0 +1,24 @@
+import { type InputHTMLAttributes } from 'react';
+import { type VariantProps } from '../tvShim.js';
+declare const input: import("tailwind-variants").TVReturnType<{
+    invalid: {
+        true: string;
+        false: string;
+    };
+}, undefined, string, TVConfig<V, EV>, {
+    invalid: {
+        true: string;
+        false: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    invalid: {
+        true: string;
+        false: string;
+    };
+}, undefined, string, TVConfig<V, EV>, unknown, unknown, undefined>>;
+type InputVariants = VariantProps<typeof input>;
+export type InputProps = InputHTMLAttributes<HTMLInputElement> & InputVariants;
+/** CMP-0004 Input */
+export declare const Input: import("react").ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & InputVariants & import("react").RefAttributes<HTMLInputElement>>;
+export {};
+//# sourceMappingURL=Input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/ui/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAErD,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;oEAiBT,CAAC;AAEH,KAAK,aAAa,GAAG,YAAY,CAAC,OAAO,KAAK,CAAC,CAAC;AAEhD,MAAM,MAAM,UAAU,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,GAAG,aAAa,CAAC;AAE/E,qBAAqB;AACrB,eAAO,MAAM,KAAK,oJAIjB,CAAC"}

package/dist/ui/Input/Input.js

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

package/dist/ui/Input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/ui/Input/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA4B,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,EAAE,EAAqB,MAAM,cAAc,CAAC;AAErD,MAAM,KAAK,GAAG,EAAE,CAAC;IACf,IAAI,EAAE;QACJ,4CAA4C;QAC5C,qDAAqD;QACrD,mDAAmD;QACnD,qDAAqD;QACrD,6EAA6E;QAC7E,mGAAmG;QACnG,iDAAiD;KAClD,CAAC,IAAI,CAAC,GAAG,CAAC;IACX,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,qDAAqD;YAC3D,KAAK,EAAE,EAAE;SACV;KACF;IACD,eAAe,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;CACpC,CAAC,CAAC;AAMH,qBAAqB;AACrB,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACxC,gBAAO,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,KAAM,IAAI,GAAI,CACxE,CACF,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}

package/dist/ui/Loader/Loader.d.ts

@@ -0,0 +1,13 @@
+/**
+ * CMP-0013 Loader — spinner alias.
+ */
+export interface LoaderProps {
+    readonly size?: 'sm' | 'md' | 'lg';
+    readonly label?: string;
+    readonly className?: string;
+    readonly testId?: string;
+}
+export declare function Loader({ size, label, className, testId, }: LoaderProps): JSX.Element;
+/** Spinner alias for CMP-0013. */
+export declare const Spinner: typeof Loader;
+//# sourceMappingURL=Loader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.d.ts","sourceRoot":"","sources":["../../../src/ui/Loader/Loader.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACnC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;CAC1B;AAQD,wBAAgB,MAAM,CAAC,EACrB,IAAW,EACX,KAAiB,EACjB,SAAS,EACT,MAAiB,GAClB,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAqB3B;AAED,kCAAkC;AAClC,eAAO,MAAM,OAAO,eAAS,CAAC"}

package/dist/ui/Loader/Loader.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SIZE_CLASS = {
+    sm: 'h-4 w-4 border-2',
+    md: 'h-8 w-8 border-2',
+    lg: 'h-12 w-12 border-[3px]',
+};
+export function Loader({ size = 'md', label = 'Loading', className, testId = 'loader', }) {
+    return (_jsxs("div", { className: ['inline-flex flex-col items-center gap-2', className].filter(Boolean).join(' '), role: "status", "aria-live": "polite", "aria-busy": "true", "data-testid": testId, children: [_jsx("span", { className: [
+                    'inline-block animate-spin rounded-full border-solid',
+                    'border-[var(--color-border,var(--color-an-border))]',
+                    'border-t-[var(--color-action-primary,var(--color-an-primary))]',
+                    SIZE_CLASS[size],
+                ].join(' '), "aria-hidden": "true" }), _jsx("span", { className: "sr-only", children: label })] }));
+}
+/** Spinner alias for CMP-0013. */
+export const Spinner = Loader;
+//# sourceMappingURL=Loader.js.map

package/dist/ui/Loader/Loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../src/ui/Loader/Loader.tsx"],"names":[],"mappings":";AAUA,MAAM,UAAU,GAAqD;IACnE,EAAE,EAAE,kBAAkB;IACtB,EAAE,EAAE,kBAAkB;IACtB,EAAE,EAAE,wBAAwB;CAC7B,CAAC;AAEF,MAAM,UAAU,MAAM,CAAC,EACrB,IAAI,GAAG,IAAI,EACX,KAAK,GAAG,SAAS,EACjB,SAAS,EACT,MAAM,GAAG,QAAQ,GACL;IACZ,OAAO,CACL,eACE,SAAS,EAAE,CAAC,yCAAyC,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAC3F,IAAI,EAAC,QAAQ,eACH,QAAQ,eACR,MAAM,iBACH,MAAM,aAEnB,eACE,SAAS,EAAE;oBACT,qDAAqD;oBACrD,qDAAqD;oBACrD,gEAAgE;oBAChE,UAAU,CAAC,IAAI,CAAC;iBACjB,CAAC,IAAI,CAAC,GAAG,CAAC,iBACC,MAAM,GAClB,EACF,eAAM,SAAS,EAAC,SAAS,YAAE,KAAK,GAAQ,IACpC,CACP,CAAC;AACJ,CAAC;AAED,kCAAkC;AAClC,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC"}

package/dist/ui/NavStepper/NavStepper.d.ts

@@ -0,0 +1,16 @@
+/**
+ * CMP-0027 NavStepper — linear multi-step chrome (≠ QuantityStepper).
+ */
+export interface NavStepperStep {
+    readonly id: string;
+    readonly label: string;
+}
+export interface NavStepperProps {
+    readonly steps: readonly NavStepperStep[];
+    readonly activeStepId: string;
+    readonly ariaLabel?: string;
+    readonly className?: string;
+    readonly testId?: string;
+}
+export declare function NavStepper({ steps, activeStepId, ariaLabel, className, testId, }: NavStepperProps): JSX.Element;
+//# sourceMappingURL=NavStepper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavStepper.d.ts","sourceRoot":"","sources":["../../../src/ui/NavStepper/NavStepper.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,KAAK,EAAE,SAAS,cAAc,EAAE,CAAC;IAC1C,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;CAC1B;AAsBD,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,YAAY,EACZ,SAAS,EACT,SAAS,EACT,MAAsB,GACvB,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAqC/B"}

package/dist/ui/NavStepper/NavStepper.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function stepSurfaceClass(isActive, isComplete) {
+    if (isActive) {
+        return 'border-[var(--color-accent,var(--color-an-primary))] bg-[var(--color-surface,var(--color-an-surface))] text-[var(--color-on-surface,var(--color-an-text))]';
+    }
+    if (isComplete) {
+        return 'border-[var(--color-border,var(--color-an-border))] bg-[var(--color-surface-muted,var(--color-an-bg))] text-[var(--color-on-surface,var(--color-an-text))]';
+    }
+    return 'border-[var(--color-border,var(--color-an-border))] bg-transparent text-[var(--color-on-surface-muted,var(--color-an-text-muted))]';
+}
+function stepDataState(isActive, isComplete) {
+    if (isActive) {
+        return 'active';
+    }
+    if (isComplete) {
+        return 'complete';
+    }
+    return 'upcoming';
+}
+export function NavStepper({ steps, activeStepId, ariaLabel, className, testId = 'nav-stepper', }) {
+    const activeIndex = Math.max(0, steps.findIndex((step) => step.id === activeStepId));
+    return (_jsx("nav", { "aria-label": ariaLabel, className: ['w-full', className ?? ''].filter((part) => part.length > 0).join(' '), "data-testid": testId, children: _jsx("ol", { className: "m-0 flex w-full list-none items-stretch gap-1 p-0", children: steps.map((step, index) => {
+                const isActive = step.id === activeStepId;
+                const isComplete = index < activeIndex;
+                return (_jsxs("li", { className: [
+                        'flex min-w-0 flex-1 flex-col items-center gap-1 rounded-md border px-2 py-2 text-center',
+                        stepSurfaceClass(isActive, isComplete),
+                    ].join(' '), "aria-current": isActive ? 'step' : undefined, "data-testid": `${testId}-step-${step.id}`, "data-state": stepDataState(isActive, isComplete), children: [_jsx("span", { className: "text-[0.65rem] font-semibold tabular-nums tracking-wide", children: index + 1 }), _jsx("span", { className: "truncate text-xs font-medium sm:text-sm", children: step.label })] }, step.id));
+            }) }) }));
+}
+//# sourceMappingURL=NavStepper.js.map

package/dist/ui/NavStepper/NavStepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavStepper.js","sourceRoot":"","sources":["../../../src/ui/NavStepper/NavStepper.tsx"],"names":[],"mappings":";AAiBA,SAAS,gBAAgB,CAAC,QAAiB,EAAE,UAAmB;IAC9D,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,4JAA4J,CAAC;IACtK,CAAC;IACD,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,4JAA4J,CAAC;IACtK,CAAC;IACD,OAAO,oIAAoI,CAAC;AAC9I,CAAC;AAED,SAAS,aAAa,CAAC,QAAiB,EAAE,UAAmB;IAC3D,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,QAAQ,CAAC;IAClB,CAAC;IACD,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,UAAU,CAAC;IACpB,CAAC;IACD,OAAO,UAAU,CAAC;AACpB,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,YAAY,EACZ,SAAS,EACT,SAAS,EACT,MAAM,GAAG,aAAa,GACN;IAChB,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAC1B,CAAC,EACD,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,YAAY,CAAC,CACpD,CAAC;IAEF,OAAO,CACL,4BACc,SAAS,EACrB,SAAS,EAAE,CAAC,QAAQ,EAAE,SAAS,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,iBACrE,MAAM,YAEnB,aAAI,SAAS,EAAC,mDAAmD,YAC9D,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBACzB,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,KAAK,YAAY,CAAC;gBAC1C,MAAM,UAAU,GAAG,KAAK,GAAG,WAAW,CAAC;gBACvC,OAAO,CACL,cAEE,SAAS,EAAE;wBACT,yFAAyF;wBACzF,gBAAgB,CAAC,QAAQ,EAAE,UAAU,CAAC;qBACvC,CAAC,IAAI,CAAC,GAAG,CAAC,kBACG,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,iBAC9B,GAAG,MAAM,SAAS,IAAI,CAAC,EAAE,EAAE,gBAC5B,aAAa,CAAC,QAAQ,EAAE,UAAU,CAAC,aAE/C,eAAM,SAAS,EAAC,yDAAyD,YACtE,KAAK,GAAG,CAAC,GACL,EACP,eAAM,SAAS,EAAC,yCAAyC,YAAE,IAAI,CAAC,KAAK,GAAQ,KAZxE,IAAI,CAAC,EAAE,CAaT,CACN,CAAC;YACJ,CAAC,CAAC,GACC,GACD,CACP,CAAC;AACJ,CAAC"}

package/dist/ui/QuantityStepper/QuantityStepper.d.ts

@@ -0,0 +1,19 @@
+export interface QuantityStepperProps {
+    readonly value: number;
+    readonly onInc: () => void;
+    readonly onDec: () => void;
+    readonly min?: number;
+    readonly max?: number;
+    /** When true, both controls are disabled (e.g. line not selected). */
+    readonly disabled?: boolean;
+    /** Accessible name for the stepper group (buttons get derived labels). */
+    readonly 'aria-label': string;
+    readonly className?: string;
+    readonly testId?: string;
+}
+/**
+ * CMP-0016 QuantityStepper — thin +/- quantity control.
+ * Prefer this over one-off IconButtons for cart/line qty.
+ */
+export declare function QuantityStepper({ value, onInc, onDec, min, max, disabled, 'aria-label': ariaLabel, className, testId, }: QuantityStepperProps): JSX.Element;
+//# sourceMappingURL=QuantityStepper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuantityStepper.d.ts","sourceRoot":"","sources":["../../../src/ui/QuantityStepper/QuantityStepper.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACtB,sEAAsE;IACtE,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,0EAA0E;IAC1E,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,KAAK,EACL,GAAO,EACP,GAAG,EACH,QAAgB,EAChB,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,MAA2B,GAC5B,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CAqCpC"}

package/dist/ui/QuantityStepper/QuantityStepper.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Minus, Plus } from '../Icon/lucide.js';
+import { IconButton } from '../IconButton/IconButton.js';
+/**
+ * CMP-0016 QuantityStepper — thin +/- quantity control.
+ * Prefer this over one-off IconButtons for cart/line qty.
+ */
+export function QuantityStepper({ value, onInc, onDec, min = 0, max, disabled = false, 'aria-label': ariaLabel, className, testId = 'quantity-stepper', }) {
+    const atMin = value <= min;
+    const atMax = max !== undefined && value >= max;
+    return (_jsxs("div", { className: ['inline-flex items-center gap-2', className].filter(Boolean).join(' '), role: "group", "aria-label": ariaLabel, "data-testid": testId, children: [_jsx(IconButton, { icon: Minus, size: "sm", tone: "muted", "aria-label": `${ariaLabel}: decrease`, disabled: disabled || atMin, onClick: onDec, "data-testid": `${testId}-dec` }), _jsx("span", { className: "min-w-8 text-center text-base font-semibold tabular-nums text-[var(--color-text-primary,var(--color-on-surface))]", "aria-live": "polite", "data-testid": `${testId}-value`, children: value }), _jsx(IconButton, { icon: Plus, size: "sm", "aria-label": `${ariaLabel}: increase`, disabled: disabled || atMax, onClick: onInc, "data-testid": `${testId}-inc` })] }));
+}
+//# sourceMappingURL=QuantityStepper.js.map

package/dist/ui/QuantityStepper/QuantityStepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuantityStepper.js","sourceRoot":"","sources":["../../../src/ui/QuantityStepper/QuantityStepper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAgBzD;;;GAGG;AACH,MAAM,UAAU,eAAe,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,KAAK,EACL,GAAG,GAAG,CAAC,EACP,GAAG,EACH,QAAQ,GAAG,KAAK,EAChB,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,MAAM,GAAG,kBAAkB,GACN;IACrB,MAAM,KAAK,GAAG,KAAK,IAAI,GAAG,CAAC;IAC3B,MAAM,KAAK,GAAG,GAAG,KAAK,SAAS,IAAI,KAAK,IAAI,GAAG,CAAC;IAEhD,OAAO,CACL,eACE,SAAS,EAAE,CAAC,gCAAgC,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAClF,IAAI,EAAC,OAAO,gBACA,SAAS,iBACR,MAAM,aAEnB,KAAC,UAAU,IACT,IAAI,EAAE,KAAK,EACX,IAAI,EAAC,IAAI,EACT,IAAI,EAAC,OAAO,gBACA,GAAG,SAAS,YAAY,EACpC,QAAQ,EAAE,QAAQ,IAAI,KAAK,EAC3B,OAAO,EAAE,KAAK,iBACD,GAAG,MAAM,MAAM,GAC5B,EACF,eACE,SAAS,EAAC,mHAAmH,eACnH,QAAQ,iBACL,GAAG,MAAM,QAAQ,YAE7B,KAAK,GACD,EACP,KAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,IAAI,gBACG,GAAG,SAAS,YAAY,EACpC,QAAQ,EAAE,QAAQ,IAAI,KAAK,EAC3B,OAAO,EAAE,KAAK,iBACD,GAAG,MAAM,MAAM,GAC5B,IACE,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,2 @@
+export { QuantityStepper, type QuantityStepperProps } from './QuantityStepper.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/QuantityStepper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/ui/QuantityStepper/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/QuantityStepper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAA6B,MAAM,sBAAsB,CAAC"}

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

@@ -0,0 +1,9 @@
+import { type InputHTMLAttributes } from 'react';
+export type RadioProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> & {
+    readonly label?: string;
+};
+/** CMP-0007 Radio — native control. */
+export declare const Radio: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "type"> & {
+    readonly label?: string;
+} & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Radio.d.ts.map

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

@@ -0,0 +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"}

package/dist/ui/Radio/Radio.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+/** CMP-0007 Radio — native control. */
+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))]',
+            'accent-[var(--color-action-primary,var(--color-an-primary))]',
+            className,
+        ]
+            .filter(Boolean)
+            .join(' '), ...rest }));
+    if (!label) {
+        return input;
+    }
+    return (_jsxs("label", { className: "inline-flex items-center gap-2 text-sm text-[var(--color-on-surface,var(--color-an-text))]", htmlFor: id, children: [input, _jsx("span", { children: label })] }));
+});
+Radio.displayName = 'Radio';
+//# sourceMappingURL=Radio.js.map

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

@@ -0,0 +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"}

package/dist/ui/ScreenState/ScreenState.d.ts

@@ -0,0 +1,27 @@
+import type { ReactNode } from 'react';
+/**
+ * CMP-0015 ScreenState — Q12 union (ADR-FE-UI-001 v4).
+ * Presentational only — callers own i18n copy.
+ */
+export type ScreenStateVariant = 'loading' | 'error' | 'empty' | 'offline' | 'success';
+export interface ScreenStateAction {
+    readonly label: string;
+    readonly onClick: () => void;
+}
+export interface ScreenStateProps {
+    readonly variant: ScreenStateVariant;
+    readonly title?: string;
+    readonly message?: string;
+    readonly hint?: string;
+    readonly icon?: ReactNode;
+    readonly error?: Error;
+    readonly onRetry?: () => void;
+    readonly retryLabel?: string;
+    readonly action?: ScreenStateAction;
+    readonly testId?: string;
+    readonly className?: string;
+    /** Optional custom body (e.g. app skeleton / spinner). */
+    readonly children?: ReactNode;
+}
+export declare function ScreenState({ variant, title, message, hint, icon, error, onRetry, retryLabel, action, testId, className, children, }: ScreenStateProps): JSX.Element;
+//# sourceMappingURL=ScreenState.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenState.d.ts","sourceRoot":"","sources":["../../../src/ui/ScreenState/ScreenState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAEvF,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,OAAO,EAAE,kBAAkB,CAAC;IACrC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC;IACvB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,MAAM,CAAC,EAAE,iBAAiB,CAAC;IACpC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,0DAA0D;IAC1D,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAwBD,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,KAAK,EACL,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,OAAO,EACP,UAAoB,EACpB,MAAM,EACN,MAAM,EACN,SAAS,EACT,QAAQ,GACT,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAyDhC"}

package/dist/ui/ScreenState/ScreenState.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function panelClass(variant) {
+    if (variant === 'error' || variant === 'offline') {
+        return [
+            'rounded-lg border border-[var(--color-danger,var(--color-an-danger,#dc2626))]',
+            'bg-[color-mix(in_oklab,var(--color-danger,var(--color-an-danger,#dc2626))_10%,transparent)]',
+            'p-4 text-center',
+        ].join(' ');
+    }
+    if (variant === 'success') {
+        return [
+            'rounded-lg border border-[color-mix(in_oklab,var(--color-success,var(--color-an-success,#16a34a))_55%,transparent)]',
+            'bg-[color-mix(in_oklab,var(--color-success,var(--color-an-success,#16a34a))_12%,transparent)]',
+            'p-4 text-[var(--color-success,var(--color-an-success,#16a34a))]',
+        ].join(' ');
+    }
+    return [
+        'rounded-lg border border-[var(--color-border,var(--color-an-border,#e5e7eb))]',
+        'bg-[var(--color-surface,var(--color-an-surface,#fff))]',
+        'p-4 text-center',
+    ].join(' ');
+}
+export function ScreenState({ variant, title, message, hint, icon, error, onRetry, retryLabel = 'Retry', action, testId, className, children, }) {
+    const resolvedMessage = error?.message ?? message;
+    const role = variant === 'error' || variant === 'offline' ? 'alert' : 'status';
+    const live = variant === 'loading' ? 'polite' : undefined;
+    return (_jsxs("div", { className: [panelClass(variant), className].filter(Boolean).join(' '), role: role, "aria-live": live, "aria-busy": variant === 'loading' ? true : undefined, "data-testid": testId ?? `screen-state-${variant}`, "data-variant": variant, children: [icon ? _jsx("div", { className: "mb-2 flex justify-center text-2xl", "aria-hidden": "true", children: icon }) : null, title ? (_jsx("h3", { className: "m-0 text-base font-semibold text-[var(--color-on-surface,var(--color-an-text,#111))]", children: title })) : null, resolvedMessage ? (_jsx("p", { className: "mt-1 mb-0 text-sm text-[var(--color-on-surface-muted,var(--color-an-text-muted,#6b7280))]", children: resolvedMessage })) : null, hint ? (_jsx("p", { className: "mt-1 mb-0 text-xs text-[var(--color-on-surface-muted,var(--color-an-text-muted,#6b7280))]", children: hint })) : null, children, onRetry ? (_jsx("div", { className: "mt-3", children: _jsx("button", { type: "button", className: "inline-flex min-h-[44px] items-center justify-center rounded-md bg-[var(--color-action-primary,var(--color-an-primary,#4f46e5))] px-4 py-2 text-sm font-semibold text-white", onClick: onRetry, "data-testid": `${testId ?? 'screen-state'}-retry`, children: retryLabel }) })) : null, action ? (_jsx("div", { className: "mt-3", children: _jsx("button", { type: "button", className: "inline-flex min-h-[44px] items-center justify-center rounded-md border border-[var(--color-border,var(--color-an-border))] px-4 py-2 text-sm font-semibold", onClick: action.onClick, "data-testid": `${testId ?? 'screen-state'}-action`, children: action.label }) })) : null] }));
+}
+//# sourceMappingURL=ScreenState.js.map

package/dist/ui/ScreenState/ScreenState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenState.js","sourceRoot":"","sources":["../../../src/ui/ScreenState/ScreenState.tsx"],"names":[],"mappings":";AA6BA,SAAS,UAAU,CAAC,OAA2B;IAC7C,IAAI,OAAO,KAAK,OAAO,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QACjD,OAAO;YACL,+EAA+E;YAC/E,6FAA6F;YAC7F,iBAAiB;SAClB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACd,CAAC;IACD,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,OAAO;YACL,qHAAqH;YACrH,+FAA+F;YAC/F,iEAAiE;SAClE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACd,CAAC;IACD,OAAO;QACL,+EAA+E;QAC/E,wDAAwD;QACxD,iBAAiB;KAClB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACd,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAC1B,OAAO,EACP,KAAK,EACL,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,OAAO,EACP,UAAU,GAAG,OAAO,EACpB,MAAM,EACN,MAAM,EACN,SAAS,EACT,QAAQ,GACS;IACjB,MAAM,eAAe,GAAG,KAAK,EAAE,OAAO,IAAI,OAAO,CAAC;IAClD,MAAM,IAAI,GAAG,OAAO,KAAK,OAAO,IAAI,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;IAC/E,MAAM,IAAI,GAAG,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAE1D,OAAO,CACL,eACE,SAAS,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EACrE,IAAI,EAAE,IAAI,eACC,IAAI,eACJ,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,iBACtC,MAAM,IAAI,gBAAgB,OAAO,EAAE,kBAClC,OAAO,aAEpB,IAAI,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,mCAAmC,iBAAa,MAAM,YAAE,IAAI,GAAO,CAAC,CAAC,CAAC,IAAI,EAChG,KAAK,CAAC,CAAC,CAAC,CACP,aAAI,SAAS,EAAC,sFAAsF,YACjG,KAAK,GACH,CACN,CAAC,CAAC,CAAC,IAAI,EACP,eAAe,CAAC,CAAC,CAAC,CACjB,YAAG,SAAS,EAAC,2FAA2F,YACrG,eAAe,GACd,CACL,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,CAAC,CAAC,CAAC,CACN,YAAG,SAAS,EAAC,2FAA2F,YACrG,IAAI,GACH,CACL,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,EACR,OAAO,CAAC,CAAC,CAAC,CACT,cAAK,SAAS,EAAC,MAAM,YACnB,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,6KAA6K,EACvL,OAAO,EAAE,OAAO,iBACH,GAAG,MAAM,IAAI,cAAc,QAAQ,YAE/C,UAAU,GACJ,GACL,CACP,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,CAAC,CAAC,CAAC,CACR,cAAK,SAAS,EAAC,MAAM,YACnB,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,4JAA4J,EACtK,OAAO,EAAE,MAAM,CAAC,OAAO,iBACV,GAAG,MAAM,IAAI,cAAc,SAAS,YAEhD,MAAM,CAAC,KAAK,GACN,GACL,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}

package/dist/ui/SegmentTabs/SegmentTabs.d.ts

@@ -0,0 +1,21 @@
+/**
+ * CMP-0021 SegmentTabs — exclusive filter chrome (Radix-free; ≠ FilterChip).
+ */
+export interface SegmentTabItem {
+    readonly id: string;
+    readonly label: string;
+    readonly count?: number;
+}
+export type SegmentTabsVariant = 'default' | 'analytics' | 'sic';
+export interface SegmentTabsProps {
+    readonly tabs: readonly SegmentTabItem[];
+    readonly activeId: string;
+    readonly onChange: (id: string) => void;
+    readonly ariaLabel?: string;
+    readonly className?: string;
+    readonly idPrefix?: string;
+    readonly variant?: SegmentTabsVariant;
+    readonly testId?: string;
+}
+export declare function SegmentTabs({ tabs, activeId, onChange, ariaLabel, className, idPrefix, variant, testId, }: SegmentTabsProps): JSX.Element;
+//# sourceMappingURL=SegmentTabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentTabs.d.ts","sourceRoot":"","sources":["../../../src/ui/SegmentTabs/SegmentTabs.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,WAAW,GAAG,KAAK,CAAC;AAEjE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,IAAI,EAAE,SAAS,cAAc,EAAE,CAAC;IACzC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,kBAAkB,CAAC;IACtC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;CAC1B;AA4CD,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAS,EACT,QAAoB,EACpB,OAAmB,EACnB,MAAuB,GACxB,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAqChC"}

package/dist/ui/SegmentTabs/SegmentTabs.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function tabListClass(variant, className) {
+    if (variant === 'analytics' || variant === 'sic') {
+        return ['mb-4 flex flex-wrap gap-1', className ?? ''].filter(Boolean).join(' ');
+    }
+    return [
+        'flex w-full flex-wrap gap-1 rounded-lg border border-[var(--color-border,var(--color-an-border))]',
+        'bg-[var(--color-surface-muted,var(--color-an-bg))] p-1',
+        className ?? '',
+    ]
+        .filter(Boolean)
+        .join(' ');
+}
+function tabClass(variant, isActive) {
+    if (variant === 'analytics' || variant === 'sic') {
+        return [
+            'rounded-md px-3 py-1.5 text-sm font-medium transition-colors',
+            isActive
+                ? 'bg-[var(--color-an-primary,var(--color-action-primary))] text-white'
+                : 'bg-[var(--color-an-surface,var(--color-surface))] text-[var(--color-an-text-muted,var(--color-on-surface-muted))] hover:text-[var(--color-an-text,var(--color-on-surface))]',
+        ].join(' ');
+    }
+    return [
+        'inline-flex flex-1 items-center justify-center gap-1.5 rounded-md px-3 py-2 text-sm font-medium',
+        isActive
+            ? 'bg-[var(--color-surface,var(--color-an-surface))] text-[var(--color-on-surface,var(--color-an-text))] shadow-sm'
+            : 'text-[var(--color-on-surface-muted,var(--color-an-text-muted))] hover:text-[var(--color-on-surface,var(--color-an-text))]',
+        'focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2',
+        'focus-visible:outline-[var(--color-accent,var(--color-an-primary))]',
+    ].join(' ');
+}
+function countClass(variant, isActive) {
+    if ((variant === 'analytics' || variant === 'sic') && isActive) {
+        return 'inline-flex min-w-[1.25rem] items-center justify-center rounded-md bg-white/20 px-1.5 text-xs font-semibold tabular-nums';
+    }
+    return [
+        'inline-flex min-w-[1.25rem] items-center justify-center rounded-md px-1.5 text-xs font-semibold tabular-nums',
+        'bg-[var(--color-surface,var(--color-an-surface-muted,var(--color-an-bg)))] text-[var(--color-on-surface-muted,var(--color-an-text-muted))]',
+    ].join(' ');
+}
+export function SegmentTabs({ tabs, activeId, onChange, ariaLabel, className, idPrefix = 'segment', variant = 'default', testId = 'segment-tabs', }) {
+    return (_jsx("div", { role: "tablist", "aria-label": ariaLabel, className: tabListClass(variant, className), "data-testid": testId, "data-variant": variant, children: tabs.map((tab) => {
+            const isActive = tab.id === activeId;
+            const tabId = `${idPrefix}-tab-${tab.id}`;
+            const panelId = `${idPrefix}-panel-${tab.id}`;
+            return (_jsx("button", { id: tabId, type: "button", role: "tab", "aria-selected": isActive, "aria-controls": panelId, tabIndex: isActive ? 0 : -1, className: tabClass(variant, isActive), "data-testid": `${testId}-tab-${tab.id}`, onClick: () => onChange(tab.id), children: _jsxs("span", { className: "inline-flex items-center gap-1.5", children: [tab.label, tab.count !== undefined ? (_jsx("span", { className: countClass(variant, isActive), children: tab.count })) : null] }) }, tab.id));
+        }) }));
+}
+//# sourceMappingURL=SegmentTabs.js.map

package/dist/ui/SegmentTabs/SegmentTabs.js.map

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

package/dist/ui/SegmentTabs/SegmentTabsOverflow.d.ts

@@ -0,0 +1,17 @@
+import type { SegmentTabItem } from './SegmentTabs.js';
+/**
+ * CMP-0021 companion — overflow "+N" for dense admin tab rows (<1024px).
+ * Kept Radix-free; menu is a native details/summary pattern.
+ */
+export interface SegmentTabsOverflowProps {
+    readonly visibleTabs: readonly SegmentTabItem[];
+    readonly overflowTabs: readonly SegmentTabItem[];
+    readonly activeId: string;
+    readonly onChange: (id: string) => void;
+    readonly ariaLabel?: string;
+    readonly overflowLabel?: string;
+    readonly idPrefix?: string;
+    readonly className?: string;
+}
+export declare function SegmentTabsOverflow({ visibleTabs, overflowTabs, activeId, onChange, ariaLabel, overflowLabel, idPrefix, className, }: SegmentTabsOverflowProps): JSX.Element;
+//# sourceMappingURL=SegmentTabsOverflow.d.ts.map

package/dist/ui/SegmentTabs/SegmentTabsOverflow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentTabsOverflow.d.ts","sourceRoot":"","sources":["../../../src/ui/SegmentTabs/SegmentTabsOverflow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD;;;GAGG;AACH,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,WAAW,EAAE,SAAS,cAAc,EAAE,CAAC;IAChD,QAAQ,CAAC,YAAY,EAAE,SAAS,cAAc,EAAE,CAAC;IACjD,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,wBAAgB,mBAAmB,CAAC,EAClC,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,aAAwB,EACxB,QAA6B,EAC7B,SAAS,GACV,EAAE,wBAAwB,GAAG,GAAG,CAAC,OAAO,CA+ExC"}

package/dist/ui/SegmentTabs/SegmentTabsOverflow.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from 'react';
+export function SegmentTabsOverflow({ visibleTabs, overflowTabs, activeId, onChange, ariaLabel, overflowLabel = '+ more', idPrefix = 'segment-overflow', className, }) {
+    const [open, setOpen] = useState(false);
+    const overflowActive = useMemo(() => overflowTabs.some((tab) => tab.id === activeId), [overflowTabs, activeId]);
+    return (_jsxs("div", { className: ['mb-4 flex flex-wrap items-center gap-1', className].filter(Boolean).join(' '), role: "tablist", "aria-label": ariaLabel, "data-testid": "segment-tabs-overflow", children: [visibleTabs.map((tab) => {
+                const isActive = tab.id === activeId;
+                return (_jsx("button", { id: `${idPrefix}-tab-${tab.id}`, type: "button", role: "tab", "aria-selected": isActive, tabIndex: isActive ? 0 : -1, className: [
+                        'rounded-md px-3 py-1.5 text-sm font-medium transition-colors',
+                        isActive
+                            ? 'bg-[var(--color-an-primary,var(--color-action-primary))] text-white'
+                            : 'bg-[var(--color-an-surface,var(--color-surface))] text-[var(--color-an-text-muted,var(--color-on-surface-muted))]',
+                    ].join(' '), onClick: () => onChange(tab.id), children: tab.label }, tab.id));
+            }), overflowTabs.length > 0 ? (_jsxs("div", { className: "relative", children: [_jsx("button", { type: "button", className: [
+                            'rounded-md px-2 py-1.5 text-sm font-medium',
+                            overflowActive
+                                ? 'bg-[var(--color-an-primary-soft,var(--color-surface-soft))] text-[var(--color-an-primary,var(--color-action-primary))]'
+                                : 'text-[var(--color-an-text-muted,var(--color-on-surface-muted))]',
+                        ].join(' '), "aria-expanded": open, "aria-haspopup": "menu", onClick: () => setOpen((prev) => !prev), "data-testid": "segment-tabs-overflow-trigger", children: overflowLabel }), open ? (_jsx("ul", { role: "menu", className: "absolute z-20 mt-1 min-w-[10rem] rounded-md border border-[var(--color-an-border,var(--color-border))] bg-[var(--color-an-surface,var(--color-surface))] p-1 shadow-md", children: overflowTabs.map((tab) => (_jsx("li", { role: "none", children: _jsx("button", { type: "button", role: "menuitem", className: "block w-full rounded px-3 py-2 text-left text-sm hover:bg-[var(--color-an-bg,var(--color-surface-muted))]", onClick: () => {
+                                    onChange(tab.id);
+                                    setOpen(false);
+                                }, children: tab.label }) }, tab.id))) })) : null] })) : null] }));
+}
+//# sourceMappingURL=SegmentTabsOverflow.js.map

package/dist/ui/SegmentTabs/SegmentTabsOverflow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentTabsOverflow.js","sourceRoot":"","sources":["../../../src/ui/SegmentTabs/SegmentTabsOverflow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAkB1C,MAAM,UAAU,mBAAmB,CAAC,EAClC,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,aAAa,GAAG,QAAQ,EACxB,QAAQ,GAAG,kBAAkB,EAC7B,SAAS,GACgB;IACzB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,cAAc,GAAG,OAAO,CAC5B,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,QAAQ,CAAC,EACrD,CAAC,YAAY,EAAE,QAAQ,CAAC,CACzB,CAAC;IAEF,OAAO,CACL,eACE,SAAS,EAAE,CAAC,wCAAwC,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAC1F,IAAI,EAAC,SAAS,gBACF,SAAS,iBACT,uBAAuB,aAElC,WAAW,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;gBACvB,MAAM,QAAQ,GAAG,GAAG,CAAC,EAAE,KAAK,QAAQ,CAAC;gBACrC,OAAO,CACL,iBAEE,EAAE,EAAE,GAAG,QAAQ,QAAQ,GAAG,CAAC,EAAE,EAAE,EAC/B,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,KAAK,mBACK,QAAQ,EACvB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3B,SAAS,EAAE;wBACT,8DAA8D;wBAC9D,QAAQ;4BACN,CAAC,CAAC,qEAAqE;4BACvE,CAAC,CAAC,mHAAmH;qBACxH,CAAC,IAAI,CAAC,GAAG,CAAC,EACX,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,YAE9B,GAAG,CAAC,KAAK,IAdL,GAAG,CAAC,EAAE,CAeJ,CACV,CAAC;YACJ,CAAC,CAAC,EACD,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACzB,eAAK,SAAS,EAAC,UAAU,aACvB,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE;4BACT,4CAA4C;4BAC5C,cAAc;gCACZ,CAAC,CAAC,wHAAwH;gCAC1H,CAAC,CAAC,iEAAiE;yBACtE,CAAC,IAAI,CAAC,GAAG,CAAC,mBACI,IAAI,mBACL,MAAM,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,iBAC3B,+BAA+B,YAE1C,aAAa,GACP,EACR,IAAI,CAAC,CAAC,CAAC,CACN,aACE,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,wKAAwK,YAEjL,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACzB,aAAiB,IAAI,EAAC,MAAM,YAC1B,iBACE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,UAAU,EACf,SAAS,EAAC,2GAA2G,EACrH,OAAO,EAAE,GAAG,EAAE;oCACZ,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;oCACjB,OAAO,CAAC,KAAK,CAAC,CAAC;gCACjB,CAAC,YAEA,GAAG,CAAC,KAAK,GACH,IAXF,GAAG,CAAC,EAAE,CAYV,CACN,CAAC,GACC,CACN,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}

package/dist/ui/Select/Select.d.ts

@@ -0,0 +1,30 @@
+export type SelectSurface = 'admin' | 'customer' | 'kiosk' | 'pickup';
+export interface SelectOption {
+    readonly value: string;
+    readonly label: string;
+    readonly disabled?: boolean;
+}
+export interface SelectProps {
+    readonly id?: string;
+    readonly options: readonly SelectOption[];
+    readonly value?: string;
+    readonly onValueChange: (value: string) => void;
+    readonly disabled?: boolean;
+    readonly placeholder?: string;
+    readonly className?: string;
+    readonly triggerClassName?: string;
+    readonly contentClassName?: string;
+    readonly surface?: SelectSurface;
+    readonly testId?: string;
+    readonly itemTestIdPrefix?: string;
+    readonly name?: string;
+    readonly 'aria-busy'?: boolean;
+    readonly 'aria-label'?: string;
+    readonly 'aria-labelledby'?: string;
+}
+/**
+ * Shared Select API (CMP-0005 / Q24=C).
+ * Radix is an implementation detail — apps must not import `@radix-ui/react-select` for new UI.
+ */
+export declare const Select: import("react").ForwardRefExoticComponent<SelectProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/ui/Select/Select.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEtE,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B;AAyFD,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,OAAO,EAAE,SAAS,YAAY,EAAE,CAAC;IAC1C,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACnC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACnC,QAAQ,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC;IACjC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACnC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;CACrC;AAoBD;;;GAGG;AACH,eAAO,MAAM,MAAM,2GAwEjB,CAAC"}