kitunga-web 0.1.101 → 0.1.102

package/dist/features/data-display/components/OptionRow/OptionRow.d.ts

@@ -0,0 +1,57 @@
+import { type ReactNode } from 'react';
+export interface OptionRowProps {
+    /** Modo controlo — o RadioButton/Checkbox (com a sua <label>). */
+    children?: ReactNode;
+    /** Padding spacing-sm — o respiro de row dentro de card, nos DOIS
+        modos (na <label> no controlo, na row no declarado). Declarado,
+        nunca inferido: sem ele a row fica densa e o ritmo é do
+        contentor (ex.: gap da optionList). */
+    padded?: boolean;
+    /** Slot esquerdo — filho directo da row. Glifo NU
+        (`<Mail size={24}/>` — o tamanho declara-se no lucide; a cor é
+        a do title, vestida pela row) ou elemento livre (Avatar).
+        NUNCA chip/invólucro do consumidor. */
+    leading?: ReactNode;
+    /** 'center' (default) — manageRow; 'top' — factRow: o leading casa a
+        primeira linha quando o texto é alto. */
+    leadingAlign?: 'center' | 'top';
+    /** Linha de cima. */
+    title?: ReactNode;
+    /** Linha de baixo. */
+    description?: ReactNode;
+    /** Qual a linha em destaque — 'top' (default): título forte +
+        descrição secundária; 'bottom': label secundário + valor forte
+        (os factos — telefone, datas, "criado por"). Só muda cor/peso —
+        o tamanho é igual nas duas. */
+    emphasis?: 'top' | 'bottom';
+    /** Slot direito — glifo nu (mesma regra: `size={24}` no lucide,
+        cor do title) ou controlo livre: Toggle, botão de acção,
+        badge… */
+    trailing?: ReactNode;
+    /** Chevron de navegação à direita (24px, cor do title). */
+    navigable?: boolean;
+    /** Hover + cursor — declaração PURA: vale `interactive`, nunca se
+        infere do onClick. Um onClick sem interactive clica sem vestir
+        affordance de hover. */
+    interactive?: boolean;
+    /** Destrutiva — texto e ícones em erro; o hover ganha o tint de
+        danger (executa, por isso não leva chevron). */
+    danger?: boolean;
+    /** A row É o link — --text-accent na linha indicada. 'top'/true:
+        título + ícones azuis; 'bottom': subtítulo azul com o título em
+        bold preto (a porta "Associar este dispositivo" da landing).
+        Navega — leva chevron. */
+    accent?: boolean | 'top' | 'bottom';
+    /** Sublinhado na linha indicada — 'top'/true: título; 'bottom':
+        descrição. Reforça a affordance de link (combina com `accent`). */
+    underline?: boolean | 'top' | 'bottom';
+    disabled?: boolean;
+    /** Marcada — fundo secundário (item escolhido/activo). */
+    selected?: boolean;
+    /** Com onClick → <button>; sem → <div> informativa. Comportamento
+        apenas — affordance (hover/cursor) é do `interactive`. */
+    onClick?: () => void;
+    className?: string;
+}
+export default function OptionRow({ children, padded, leading, leadingAlign, title, description, emphasis, trailing, navigable, interactive, danger, disabled, selected, accent, underline, onClick, className, }: OptionRowProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=OptionRow.d.ts.map

package/dist/features/data-display/components/OptionRow/OptionRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionRow.d.ts","sourceRoot":"","sources":["../../../../../src/features/data-display/components/OptionRow/OptionRow.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAwC9C,MAAM,WAAW,cAAc;IAC7B,kEAAkE;IAClE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;8CAG0C;IAC1C,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;8CAG0C;IAC1C,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;gDAC4C;IAC5C,YAAY,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IAChC,qBAAqB;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,sBAAsB;IACtB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;sCAGkC;IAClC,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC5B;;iBAEa;IACb,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;+BAE2B;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;uDACmD;IACnD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;iCAG6B;IAC7B,MAAM,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IACpC;0EACsE;IACtE,SAAS,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;iEAC6D;IAC7D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,QAAQ,EAAE,MAAc,EACxB,OAAO,EAAE,YAAuB,EAChC,KAAK,EAAE,WAAW,EAAE,QAAgB,EACpC,QAAQ,EAAE,SAAiB,EAC3B,WAAmB,EAAE,MAAc,EAAE,QAAgB,EAAE,QAAgB,EACvE,MAAc,EAAE,SAAiB,EACjC,OAAO,EAAE,SAAS,GACnB,EAAE,cAAc,2CAwDhB"}

package/dist/features/data-display/components/OptionRow/OptionRow.js

@@ -0,0 +1,37 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ChevronRight } from 'lucide-react';
+import styles from './OptionRow.module.css';
+export default function OptionRow({ children, padded = false, leading, leadingAlign = 'center', title, description, emphasis = 'top', trailing, navigable = false, interactive = false, danger = false, disabled = false, selected = false, accent = false, underline = false, onClick, className, }) {
+    // ---- Modo controlo ----
+    if (children !== undefined) {
+        return (_jsx("div", { className: [
+                styles.control,
+                padded ? styles.controlPadded : '',
+                interactive ? styles.controlInteractive : '',
+                disabled ? styles.disabled : '',
+                className !== null && className !== void 0 ? className : '',
+            ].filter(Boolean).join(' '), children: children }));
+    }
+    // ---- Modo declarado — interactive/padded são declarações puras,
+    // nunca inferidas (nem de onClick, nem da variante). ----
+    const cls = [
+        styles.row,
+        padded ? styles.padded : '',
+        leading && leadingAlign === 'top' ? styles.leadingTop : '',
+        emphasis === 'bottom' ? styles.emphasisBottom : '',
+        interactive ? styles.interactive : '',
+        danger ? styles.danger : '',
+        accent === 'bottom' ? styles.accentBottom : accent ? styles.accent : '',
+        underline === 'bottom' ? styles.underlineBottom : underline ? styles.underlineTop : '',
+        disabled ? styles.disabled : '',
+        selected ? styles.selected : '',
+        className !== null && className !== void 0 ? className : '',
+    ].filter(Boolean).join(' ');
+    const body = (_jsxs(_Fragment, { children: [leading, _jsxs("span", { className: styles.text, children: [_jsx("span", { className: styles.title, children: title }), description != null && (_jsx("span", { className: styles.description, children: description }))] }), trailing, navigable && _jsx(ChevronRight, { size: 24, className: styles.chevron })] }));
+    if (onClick) {
+        return (_jsx("button", { type: "button", className: cls, onClick: onClick, disabled: disabled, children: body }));
+    }
+    return _jsx("div", { className: cls, children: body });
+}
+//# sourceMappingURL=OptionRow.js.map

package/dist/features/data-display/components/OptionRow/OptionRow.js.map

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

package/dist/features/data-display/components/OptionRow/OptionRow.module.css

@@ -0,0 +1,206 @@
+/* OptionRow — a row canónica de duas linhas (decisão 63).
+   Dois modos, um componente:
+
+   CONTROLO — RadioButton/Checkbox dentro: o <label> do controlo
+   estica a linha toda e o clique apanha tudo. `padded` veste o
+   respiro de row dentro de card; sem ele o ritmo é o gap da
+   .optionList que contém as opções.
+
+   DECLARADO — leading (filho DIRECTO, sem div invólucro; o espaço
+   ícone↔texto é o gap 12px — o mesmo do rádio↔texto) + texto de
+   duas linhas + trailing. A variação é toda declarada em props.
+
+   Regras fixas da anatomia (não são props):
+   · Glifo nu em leading/trailing → 24px impostos pela row e a cor
+     da linha `title` (primário em nav; secundário quando a ênfase
+     é a linha de baixo; erro nas danger). O consumidor passa o
+     ícone sem size/cor — a row decide.
+   · As duas linhas de texto partilham o MESMO tamanho (15px) — a
+     ênfase é cor+peso, nunca tamanho. O OptionLabel usa ESTAS
+     classes: o mesmo corpo dentro do rádio/checkbox.
+   · `interactive`/`padded`/`leadingAlign` são declarações puras —
+     nada é inferido de onClick, variante ou contexto. */
+
+/* ---- Modo controlo ---- */
+
+.control {
+  width: 100%;
+}
+
+.control > label {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  width: 100%;
+}
+
+/* A span .label do partilhado — o slot onde vai o OptionLabel ou o
+   conteúdo composto (textos + extra à direita). */
+.control > label > span:last-child {
+  flex: 1;
+  min-width: 0;
+  display: block;
+}
+
+/* `padded` na <label> — a área de clique (o label estica a linha
+   toda) é a que recebe o respiro e o hover "preenche". */
+.controlPadded > label {
+  padding: var(--spacing-sm);
+  border-radius: var(--radius-sm);
+}
+
+/* `interactive` no modo controlo — hover na label (as opções
+   accionáveis do StorySettings). */
+.controlInteractive > label:hover {
+  background: var(--bg-hover-normal);
+}
+
+/* ---- Modo declarado ---- */
+
+.row {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  width: 100%;
+  border: none;
+  background: none;
+  font: inherit;
+  text-align: left;
+  border-radius: var(--radius-sm);
+  min-width: 0;
+  color: var(--text-primary);
+}
+
+/* `padded` — declaração pura: o respiro de row dentro de card.
+   Sem ele a row fica densa e o ritmo é do contentor. */
+.padded {
+  padding: var(--spacing-sm);
+}
+
+/* Glifo nu à esquerda/direita — filho DIRECTO da row. O tamanho é
+   declarado no consumidor (lucide `size={24}` — o padrão da row);
+   a cor é a da linha `title` (a .row veste primário; os estados
+   abaixo corrigem). Elemento composto (Avatar, chips) não é > svg —
+   fica intacto. */
+.row > svg {
+  flex-shrink: 0;
+}
+
+/* leadingAlign='top' — o leading casa a 1ª linha do texto (o factRow):
+   só se aplica quando há leading (é o primeiro filho). */
+.leadingTop {
+  align-items: flex-start;
+}
+
+.leadingTop > :first-child {
+  margin-top: 2px;
+}
+
+/* As duas linhas têm o MESMO tamanho — a ênfase é cor+peso, nunca
+   tamanho ("Everyone" lê igual na row e dentro do rádio). */
+.text {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.title {
+  font-size: 15px;
+  font-weight: 500;
+  color: var(--text-primary);
+  line-height: 1.35;
+  min-width: 0;
+}
+
+.description {
+  font-size: 15px;
+  font-weight: 400;
+  color: var(--text-secondary);
+  line-height: 1.4;
+  min-width: 0;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
+/* emphasis='bottom' — a anatomia dos factos: label cinzento em cima,
+   valor forte por baixo. O ícone acompanha a cor do title (regra
+   "ícone = cor da linha title"). */
+.emphasisBottom .title {
+  font-weight: 400;
+  color: var(--text-secondary);
+}
+
+.emphasisBottom .description {
+  font-weight: 500;
+  color: var(--text-primary);
+  line-height: 1.45;
+}
+
+.emphasisBottom > svg {
+  color: var(--text-secondary);
+}
+
+/* O chevron é um ícone como os outros — a cor é a do title (a .row
+   veste primário; os estados corrigem). */
+.chevron {
+  flex-shrink: 0;
+}
+
+/* Interactiva — declaração pura (nunca inferida do onClick): cursor
+   + hover de itens accionáveis. */
+.interactive {
+  cursor: pointer;
+}
+
+.interactive:hover {
+  background: var(--bg-hover-normal);
+}
+
+/* Destrutiva — executa, não navega: erro no texto e nos ícones,
+   hover com o tint de danger, e (por convenção) nunca leva chevron. */
+.danger > svg,
+.danger .title {
+  color: #ef4444;
+}
+
+/* Accent — a row É o link (ex.: "Associar este dispositivo" na
+   landing): o title veste --text-accent e os ícones/chevron seguem
+   (mesma regra "ícone = cor do title"). Navega — leva chevron. */
+.accent > svg,
+.accent .title {
+  color: var(--text-accent);
+}
+
+/* Accent na linha de baixo — o título fica bold preto e o subtítulo
+   veste --text-accent; o chevron acompanha o accent. */
+.accentBottom > svg,
+.accentBottom .description {
+  color: var(--text-accent);
+}
+
+/* Underline — a linha indicada ganha text-decoration (a row como
+   link: o accent dá a cor, o underline reforça a affordance). */
+.underlineTop .title,
+.underlineBottom .description {
+  text-decoration: underline;
+  text-underline-offset: 2px;
+}
+
+.danger.interactive:hover {
+  background: #fef2f2;
+}
+
+.selected {
+  background: var(--bg-surface-secondary);
+}
+
+.disabled {
+  opacity: 0.55;
+  cursor: default;
+}
+
+.disabled.interactive:hover {
+  background: none;
+}

package/dist/features/inputs/components/Inputs/CodeBoxes.d.ts

@@ -0,0 +1,26 @@
+export type CodeBoxesCharset = 'numeric' | 'alphanumeric';
+export type CodeBoxesSize = 'sm' | 'md' | 'lg';
+export interface CodeBoxesProps {
+    value: string;
+    onChange?: (value: string) => void;
+    /** Tamanho — escala caixa, gap entre caixas e separador junto
+     *  (convenção dos controls kitunga). */
+    size?: CodeBoxesSize;
+    /** Total de caixas — 6 para OTP, 10 para o código de pairing. */
+    length?: number;
+    /** Posições (1-based) depois das quais sai um separador. Ex.: [5]
+     *  para XXXXX-XXXXX; [2, 4] para XX-XX-XX. */
+    separators?: number[];
+    charset?: CodeBoxesCharset;
+    /** Modo display — renderiza as caixas sem edição (código a copiar). */
+    readOnly?: boolean;
+    autoFocus?: boolean;
+    hasError?: boolean;
+    disabled?: boolean;
+    /** Dispara quando todas as caixas têm valor. */
+    onComplete?: (value: string) => void;
+    id?: string;
+    'aria-label'?: string;
+}
+export default function CodeBoxes({ value, onChange, length, separators, size, charset, readOnly, autoFocus, hasError, disabled, onComplete, id, 'aria-label': ariaLabel, }: CodeBoxesProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CodeBoxes.d.ts.map

package/dist/features/inputs/components/Inputs/CodeBoxes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBoxes.d.ts","sourceRoot":"","sources":["../../../../../src/features/inputs/components/Inputs/CodeBoxes.tsx"],"names":[],"mappings":"AAkBA,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,cAAc,CAAC;AAC1D,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/C,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;4CACwC;IACxC,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,iEAAiE;IACjE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;kDAC8C;IAC9C,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,uEAAuE;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gDAAgD;IAChD,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAYD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,MAAU,EACV,UAAe,EACf,IAAW,EACX,OAAmB,EACnB,QAAgB,EAChB,SAAiB,EACjB,QAAgB,EAChB,QAAgB,EAChB,UAAU,EACV,EAAE,EACF,YAAY,EAAE,SAAS,GACxB,EAAE,cAAc,2CAoGhB"}

package/dist/features/inputs/components/Inputs/CodeBoxes.js

@@ -0,0 +1,92 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// CodeBoxes — código em caixas segmentadas (estilo chave de produto).
+// Dois modos:
+//   input   — caixas editáveis (OTP do login, código do pairing);
+//             auto-avanço, backspace salta atrás, paste enche tudo.
+//   display — readonly: mostra um código já gerado (o device que quer
+//             entrar no pair mostra-o assim) — mesmo look, sem edição.
+//
+// `length` dita quantas caixas; `separators` é a lista de posições
+// (1-based) depois das quais sai um separador — ex.: [5] para
+// XXXXX-XXXXX, [2, 4] para XX-XX-XX. O separador ocupa um slot do
+// tamanho da caixa — o gap fica uniforme dos dois lados.
+import React, { useCallback, useRef } from 'react';
+import { Minus } from 'lucide-react';
+import styles from './CodeBoxes.module.css';
+function sanitizeChar(ch, charset) {
+    const upper = ch.toUpperCase();
+    if (charset === 'numeric')
+        return /[0-9]/.test(upper) ? upper : '';
+    return /[0-9A-Z]/.test(upper) ? upper : '';
+}
+function sanitizeValue(raw, charset, max) {
+    return [...raw].map((c) => sanitizeChar(c, charset)).join('').slice(0, max);
+}
+export default function CodeBoxes({ value, onChange, length = 6, separators = [], size = 'md', charset = 'numeric', readOnly = false, autoFocus = false, hasError = false, disabled = false, onComplete, id, 'aria-label': ariaLabel, }) {
+    const total = length;
+    const refs = useRef([]);
+    const separatorsSet = new Set(separators);
+    const emit = useCallback((next) => {
+        onChange === null || onChange === void 0 ? void 0 : onChange(next);
+        if (next.length === total)
+            onComplete === null || onComplete === void 0 ? void 0 : onComplete(next);
+    }, [onChange, onComplete, total]);
+    const focusBox = useCallback((i) => {
+        var _a, _b;
+        (_a = refs.current[i]) === null || _a === void 0 ? void 0 : _a.focus();
+        (_b = refs.current[i]) === null || _b === void 0 ? void 0 : _b.select();
+    }, []);
+    const handleInput = (i, raw) => {
+        var _a;
+        const clean = sanitizeValue(raw, charset, total - i);
+        if (!clean)
+            return;
+        const next = (value.slice(0, i) + clean + value.slice(i + clean.length)).slice(0, total);
+        emit(next);
+        const nextIdx = i + clean.length;
+        if (nextIdx >= total) {
+            // Completo — larga o foco em vez de segurar a última caixa.
+            (_a = refs.current[i]) === null || _a === void 0 ? void 0 : _a.blur();
+        }
+        else {
+            focusBox(nextIdx);
+        }
+    };
+    const handleKeyDown = (i, e) => {
+        if (e.key === 'Backspace') {
+            e.preventDefault();
+            if (value[i]) {
+                emit(value.slice(0, i) + value.slice(i + 1));
+            }
+            else if (i > 0) {
+                emit(value.slice(0, i - 1) + value.slice(i));
+                focusBox(i - 1);
+            }
+        }
+        else if (e.key === 'ArrowLeft' && i > 0) {
+            e.preventDefault();
+            focusBox(i - 1);
+        }
+        else if (e.key === 'ArrowRight' && i < total - 1) {
+            e.preventDefault();
+            focusBox(i + 1);
+        }
+    };
+    const handlePaste = (i, e) => {
+        e.preventDefault();
+        const pasted = e.clipboardData.getData('text');
+        const clean = sanitizeValue(pasted, charset, total);
+        if (!clean)
+            return;
+        const next = (value.slice(0, i) + clean).slice(0, total);
+        emit(next);
+        focusBox(Math.min(i + clean.length, total - 1));
+    };
+    return (_jsx("div", { className: `${styles.wrap} ${styles[size]} ${hasError ? styles.hasError : ''} ${readOnly ? styles.readOnly : ''}`, role: readOnly ? 'group' : undefined, "aria-label": ariaLabel, id: id, children: Array.from({ length: total }).map((_, i) => {
+            var _a;
+            const ch = (_a = value[i]) !== null && _a !== void 0 ? _a : '';
+            return (_jsxs(React.Fragment, { children: [readOnly ? (_jsx("span", { className: `${styles.box} ${ch ? styles.filled : ''}`, children: ch })) : (_jsx("input", { ref: (el) => { refs.current[i] = el; }, className: `${styles.box} ${ch ? styles.filled : ''}`, value: ch, inputMode: charset === 'numeric' ? 'numeric' : 'text', autoComplete: "off", autoCapitalize: "characters", disabled: disabled, autoFocus: autoFocus && i === 0, onChange: (e) => handleInput(i, e.target.value), onKeyDown: (e) => handleKeyDown(i, e), onPaste: (e) => handlePaste(i, e), onFocus: (e) => e.target.select(), "aria-label": `${ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : 'code'} ${i + 1}` })), separatorsSet.has(i + 1) && (_jsx("span", { className: styles.separator, "aria-hidden": "true", children: _jsx(Minus, { size: size === 'lg' ? 18 : size === 'sm' ? 13 : 16 }) }))] }, i));
+        }) }));
+}
+//# sourceMappingURL=CodeBoxes.js.map

package/dist/features/inputs/components/Inputs/CodeBoxes.js.map

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

package/dist/features/inputs/components/Inputs/CodeBoxes.module.css

@@ -0,0 +1,95 @@
+.wrap {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-sm);
+  justify-content: center;
+  /* Ocupa os 100% do container — as caixas centram-se no campo, nunca
+     alinham à esquerda como um input normal. Uma linha sempre — um
+     código nunca parte a meio. */
+  width: 100%;
+  flex-wrap: nowrap;
+}
+
+/* O separador é só o ícone — sem slot de 40px (o slot criava dois
+   espaços mortos à volta; a gap uniforme do flex trata a distância). */
+.separator {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--text-primary);
+  user-select: none;
+}
+
+/* A caixa segue o estilo dos campos kitunga: mesmo border/radius/focus
+   do TextInput; preenchida ganha o cinza (como nas referências). */
+.box {
+  width: 40px;
+  height: 40px;
+  padding: 0;
+  border: 1px solid var(--border-divider);
+  border-radius: var(--radius-sm);
+  background-color: var(--bg-secondary);
+  color: var(--text-primary);
+  font-size: 1.05rem;
+  font-weight: 600;
+  text-align: center;
+  text-transform: uppercase;
+  caret-color: var(--border-focus);
+  transition: border-color var(--transition-fast), box-shadow var(--transition-fast),
+    background-color var(--transition-fast);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+input.box {
+  cursor: text;
+}
+
+input.box:focus {
+  outline: none;
+  border-color: var(--border-focus);
+  background-color: var(--bg-primary);
+  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
+}
+
+.filled {
+  background-color: var(--bg-hover-normal);
+  border-color: var(--color-gray-300);
+  color: var(--text-primary);
+}
+
+.hasError .box {
+  border-color: var(--border-error, #dc2626);
+}
+
+.readOnly .box {
+  cursor: default;
+}
+
+.wrap input.box:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+
+/* Tamanhos — a caixa, a gap e o separador escalam juntos: a gap do
+   flex é a mesma que distancia o traço, por isso size toca tudo. */
+.sm.wrap {
+  gap: var(--spacing-xs);
+}
+
+.sm .box {
+  width: 32px;
+  height: 32px;
+  font-size: 0.85rem;
+}
+
+.lg.wrap {
+  gap: var(--spacing-md);
+}
+
+.lg .box {
+  width: 48px;
+  height: 48px;
+  font-size: 1.25rem;
+}

package/dist/features/inputs/components/Inputs/FormGroup.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export interface FormGroupProps {
+    children: React.ReactNode;
+    /** Texto do label — renderiza o FormLabel por cima do campo. */
+    label?: React.ReactNode;
+    htmlFor?: string;
+    required?: boolean;
+    /** Marcador opcional à direita do label (i18n do consumidor). */
+    optionalLabel?: React.ReactNode;
+    /** 'center' para campos que se centram (CodeBoxes); default 'start'. */
+    align?: 'start' | 'center';
+    className?: string;
+}
+export default function FormGroup({ children, label, htmlFor, required, optionalLabel, align, className, }: FormGroupProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FormGroup.d.ts.map

package/dist/features/inputs/components/Inputs/FormGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormGroup.d.ts","sourceRoot":"","sources":["../../../../../src/features/inputs/components/Inputs/FormGroup.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gEAAgE;IAChE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iEAAiE;IACjE,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,wEAAwE;IACxE,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,QAAQ,EACR,KAAK,EACL,OAAO,EACP,QAAgB,EAChB,aAAa,EACb,KAAe,EACf,SAAc,GACf,EAAE,cAAc,2CAWhB"}

package/dist/features/inputs/components/Inputs/FormGroup.js

@@ -0,0 +1,8 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import FormLabel from './FormLabel';
+import styles from './FormGroup.module.css';
+export default function FormGroup({ children, label, htmlFor, required = false, optionalLabel, align = 'start', className = '', }) {
+    return (_jsxs("div", { className: `${styles.group} ${align === 'center' ? styles.center : ''} ${className}`, children: [label != null && (_jsx(FormLabel, { htmlFor: htmlFor !== null && htmlFor !== void 0 ? htmlFor : '', required: required, optionalLabel: optionalLabel, children: label })), children] }));
+}
+//# sourceMappingURL=FormGroup.js.map

package/dist/features/inputs/components/Inputs/FormGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormGroup.js","sourceRoot":"","sources":["../../../../../src/features/inputs/components/Inputs/FormGroup.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAOb,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAe5C,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,QAAQ,EACR,KAAK,EACL,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,aAAa,EACb,KAAK,GAAG,OAAO,EACf,SAAS,GAAG,EAAE,GACC;IACf,OAAO,CACL,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,EAAE,aACtF,KAAK,IAAI,IAAI,IAAI,CAChB,KAAC,SAAS,IAAC,OAAO,EAAE,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,aAAa,YAChF,KAAK,GACI,CACb,EACA,QAAQ,IACL,CACP,CAAC;AACJ,CAAC"}

package/dist/features/inputs/components/Inputs/FormGroup.module.css

@@ -0,0 +1,16 @@
+.group {
+  display: flex;
+  flex-direction: column;
+  /* o gap real do fieldGroup: spacing-sm entre label e campo */
+  gap: var(--spacing-sm);
+  width: 100%;
+}
+
+/* Campos centrados (CodeBoxes) — o label acompanha o conteúdo. */
+.center {
+  align-items: center;
+}
+
+.center label {
+  align-self: center;
+}

package/dist/ui.d.ts

@@ -17,6 +17,8 @@ export type { PhoneInputProps } from './features/inputs/components/Inputs/PhoneI
 export { getCountryConfig, getSupportedCountryCodes, validatePhone } from './features/inputs/components/Inputs/PhoneInput/countries';
 export { default as TaxIdInput } from './features/inputs/components/Inputs/TaxIdInput/TaxIdInput';
 export type { TaxIdInputProps } from './features/inputs/components/Inputs/TaxIdInput/TaxIdInput';
+export { default as CodeBoxes } from './features/inputs/components/Inputs/CodeBoxes';
+export type { CodeBoxesProps, CodeBoxesCharset, CodeBoxesSize } from './features/inputs/components/Inputs/CodeBoxes';
 export { default as ImageUpload } from './features/uploads/components/ImageUpload/ImageUpload';
 export { default as VideoUpload } from './features/uploads/components/VideoUpload/VideoUpload';
 export { default as CustomSelect } from './features/selects/components/Selects/CustomSelect';
@@ -35,6 +37,10 @@ export { Checkbox } from './features/inputs/components/Inputs/Checkbox';
 export type { CheckboxProps } from './features/inputs/components/Inputs/Checkbox';
 export { default as FormLabel } from './features/inputs/components/Inputs/FormLabel';
 export type { FormLabelProps } from './features/inputs/components/Inputs/FormLabel';
+export { default as FormGroup } from './features/inputs/components/Inputs/FormGroup';
+export type { FormGroupProps } from './features/inputs/components/Inputs/FormGroup';
+export { default as OptionRow } from './features/data-display/components/OptionRow/OptionRow';
+export type { OptionRowProps } from './features/data-display/components/OptionRow/OptionRow';
 export { CheckBadge } from './features/data-display/components/Badges/CheckBadge/CheckBadge';
 export type { CheckBadgeProps } from './features/data-display/components/Badges/CheckBadge/CheckBadge';
 export { default as Tabs } from './features/data-display/components/Tabs/Tabs/Tabs';

package/dist/ui.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../src/ui.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,2CAA2C,CAAC;AAC9E,YAAY,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,+CAA+C,CAAC;AACrF,YAAY,EAAE,cAAc,EAAE,MAAM,uDAAuD,CAAC;AAC5F,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mDAAmD,CAAC;AAC7F,YAAY,EAAE,kBAAkB,EAAE,MAAM,uDAAuD,CAAC;AAChG,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iDAAiD,CAAC;AACzF,YAAY,EAAE,gBAAgB,EAAE,MAAM,iDAAiD,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kDAAkD,CAAC;AAC3F,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,kDAAkD,CAAC;AAC5G,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iDAAiD,CAAC;AACzF,YAAY,EAAE,gBAAgB,EAAE,MAAM,iDAAiD,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,+CAA+C,CAAC;AACrF,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,+CAA+C,CAAC;AAClH,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,2DAA2D,CAAC;AAClG,YAAY,EAAE,eAAe,EAAE,MAAM,2DAA2D,CAAC;AACjG,OAAO,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,aAAa,EAAE,MAAM,0DAA0D,CAAC;AACrI,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,2DAA2D,CAAC;AAClG,YAAY,EAAE,eAAe,EAAE,MAAM,2DAA2D,CAAC;AACjG,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,uDAAuD,CAAC;AAC/F,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,uDAAuD,CAAC;AAC/F,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oDAAoD,CAAC;AAC7F,YAAY,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,oDAAoD,CAAC;AACpG,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,yDAAyD,CAAC;AAClG,YAAY,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,yDAAyD,CAAC;AACzH,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wDAAwD,CAAC;AAChG,YAAY,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,wDAAwD,CAAC;AACtH,YAAY,EAAE,YAAY,EAAE,MAAM,0DAA0D,CAAC;AAC7F,OAAO,EAAE,yBAAyB,EAAE,0BAA0B,EAAE,MAAM,0DAA0D,CAAC;AACjI,OAAO,EAAE,MAAM,EAAE,MAAM,4CAA4C,CAAC;AACpE,YAAY,EAAE,WAAW,EAAE,MAAM,4CAA4C,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,iDAAiD,CAAC;AAC9E,YAAY,EAAE,gBAAgB,EAAE,MAAM,iDAAiD,CAAC;AACxF,OAAO,EAAE,QAAQ,EAAE,MAAM,8CAA8C,CAAC;AACxE,YAAY,EAAE,aAAa,EAAE,MAAM,8CAA8C,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,+CAA+C,CAAC;AACrF,YAAY,EAAE,cAAc,EAAE,MAAM,+CAA+C,CAAC;AACpF,OAAO,EAAE,UAAU,EAAE,MAAM,iEAAiE,CAAC;AAC7F,YAAY,EAAE,eAAe,EAAE,MAAM,iEAAiE,CAAC;AACvG,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mDAAmD,CAAC;AACpF,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,mDAAmD,CAAC;AAC7F,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,yDAAyD,CAAC;AAC7F,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,yDAAyD,CAAC;AACxG,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mDAAmD,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uDAAuD,CAAC;AAChG,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,uDAAuD,CAAC;AACjH,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,qEAAqE,CAAC;AAC1H,YAAY,EACV,uBAAuB,EACvB,0BAA0B,EAC1B,sBAAsB,EACtB,qBAAqB,EACrB,wBAAwB,GACzB,MAAM,qEAAqE,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,8EAA8E,CAAC;AACjI,YAAY,EACV,qBAAqB,EACrB,6BAA6B,GAC9B,MAAM,8EAA8E,CAAC;AACtF,OAAO,EAAE,YAAY,EAAE,MAAM,yDAAyD,CAAC;AACvF,YAAY,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,yDAAyD,CAAC;AACpH,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sEAAsE,CAAC;AACrH,YAAY,EAAE,uBAAuB,EAAE,MAAM,sEAAsE,CAAC;AACpH,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sEAAsE,CAAC;AACrH,YAAY,EAAE,uBAAuB,EAAE,MAAM,sEAAsE,CAAC;AACpH,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,qDAAqD,CAAC;AAC7F,YAAY,EAAE,kBAAkB,EAAE,MAAM,qDAAqD,CAAC;AAC9F,OAAO,EAAE,kBAAkB,EAAE,MAAM,4DAA4D,CAAC;AAChG,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,kEAAkE,CAAC;AACvH,YAAY,EAAE,qBAAqB,EAAE,MAAM,kEAAkE,CAAC;AAC9G,OAAO,EAAE,UAAU,EAAE,MAAM,wDAAwD,CAAC;AACpF,YAAY,EAAE,iBAAiB,EAAE,MAAM,wDAAwD,CAAC;AAChG,OAAO,EAAE,UAAU,EAAE,MAAM,wDAAwD,CAAC;AACpF,YAAY,EAAE,iBAAiB,EAAE,MAAM,wDAAwD,CAAC;AAChG,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sDAAsD,CAAC;AACjG,YAAY,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAChG,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,kDAAkD,CAAC;AACtF,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,kDAAkD,CAAC;AAClG,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,2DAA2D,CAAC;AAChG,YAAY,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,2DAA2D,CAAC;AACxG,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mDAAmD,CAAC;AACxF,YAAY,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AAC5G,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oDAAoD,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,8EAA8E,CAAC;AAC3H,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gDAAgD,CAAC;AAClF,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,sDAAsD,CAAC;AACpG,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yDAAyD,CAAC;AACpG,YAAY,EAAE,mBAAmB,EAAE,0BAA0B,EAAE,uBAAuB,EAAE,MAAM,yDAAyD,CAAC;AACxJ,OAAO,EAAE,kBAAkB,EAAE,MAAM,sEAAsE,CAAC;AAC1G,YAAY,EACV,wBAAwB,EACxB,kCAAkC,EAClC,gCAAgC,EAChC,iCAAiC,EACjC,yBAAyB,GAC1B,MAAM,sEAAsE,CAAC;AAE9E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4EAA4E,CAAC;AACtH,OAAO,EAAE,mBAAmB,EAAE,MAAM,kFAAkF,CAAC;AACvH,OAAO,EAAE,aAAa,EAAE,MAAM,4EAA4E,CAAC;AAC3G,OAAO,EAAE,oBAAoB,EAAE,MAAM,+EAA+E,CAAC;AACrH,YAAY,EACV,sBAAsB,EACtB,aAAa,EACb,UAAU,EACV,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,mBAAmB,EACnB,mBAAmB,EACnB,SAAS,EACT,WAAW,EACX,YAAY,EACZ,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,oBAAoB,EACpB,eAAe,EACf,wBAAwB,GACzB,MAAM,+DAA+D,CAAC"}
+{"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../src/ui.ts"],"names":[],"mappings":"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"}

package/dist/ui.js

@@ -8,6 +8,7 @@ export { default as DateInput } from './features/inputs/components/Inputs/DateIn
 export { default as PhoneInput } from './features/inputs/components/Inputs/PhoneInput/PhoneInput';
 export { getCountryConfig, getSupportedCountryCodes, validatePhone } from './features/inputs/components/Inputs/PhoneInput/countries';
 export { default as TaxIdInput } from './features/inputs/components/Inputs/TaxIdInput/TaxIdInput';
+export { default as CodeBoxes } from './features/inputs/components/Inputs/CodeBoxes';
 export { default as ImageUpload } from './features/uploads/components/ImageUpload/ImageUpload';
 export { default as VideoUpload } from './features/uploads/components/VideoUpload/VideoUpload';
 export { default as CustomSelect } from './features/selects/components/Selects/CustomSelect';
@@ -18,6 +19,8 @@ export { Toggle } from './features/inputs/components/Inputs/Toggle';
 export { RadioButton } from './features/inputs/components/Inputs/RadioButton';
 export { Checkbox } from './features/inputs/components/Inputs/Checkbox';
 export { default as FormLabel } from './features/inputs/components/Inputs/FormLabel';
+export { default as FormGroup } from './features/inputs/components/Inputs/FormGroup';
+export { default as OptionRow } from './features/data-display/components/OptionRow/OptionRow';
 export { CheckBadge } from './features/data-display/components/Badges/CheckBadge/CheckBadge';
 export { default as Tabs } from './features/data-display/components/Tabs/Tabs/Tabs';
 export { default as SubTabs } from './features/data-display/components/Tabs/SubTabs/SubTabs';

package/dist/ui.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kitunga-web",
-  "version": "0.1.101",
+  "version": "0.1.102",
   "private": false,
   "type": "module",
   "repository": {