kitunga-web 0.1.97 → 0.1.99

package/dist/features/data-display/components/Badges/CheckBadge/CheckBadge.d.ts

@@ -0,0 +1,16 @@
+export interface CheckBadgeProps {
+    checked: boolean;
+    /** 'corner' — bolha absoluta no canto inferior-direito do avatar
+     *  (o pai tem de ser position:relative). 'inline' — elemento em
+     *  fluxo normal, para o fim de uma linha de lista/picker. */
+    placement?: 'corner' | 'inline';
+    /** Fundo da bolha quando NÃO está seleccionada (ex.: 'var(--bg-primary)'
+     *  quando assenta sobre o avatar). Por omissão é transparente. */
+    uncheckedBg?: string;
+    /** Cor do anel quando seleccionada (ex.: 'var(--bg-primary)' para o anel
+     *  branco tipo bola de online). Por omissão usa o azul do fundo. */
+    checkedBorderColor?: string;
+    className?: string;
+}
+export declare function CheckBadge({ checked, placement, uncheckedBg, checkedBorderColor, className, }: CheckBadgeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CheckBadge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckBadge.d.ts","sourceRoot":"","sources":["../../../../../../src/features/data-display/components/Badges/CheckBadge/CheckBadge.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,OAAO,CAAC;IACjB;;iEAE6D;IAC7D,SAAS,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAChC;sEACkE;IAClE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;wEACoE;IACpE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,SAAoB,EACpB,WAAW,EACX,kBAAkB,EAClB,SAAc,GACf,EAAE,eAAe,2CAgBjB"}

package/dist/features/data-display/components/Badges/CheckBadge/CheckBadge.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Check } from 'lucide-react';
+import styles from './CheckBadge.module.css';
+// Bolha de selecção — o padrão "bola de online": anel azul em repouso,
+// azul cheia + check branco quando marcada. O clique fica no item pai.
+export function CheckBadge({ checked, placement = 'corner', uncheckedBg, checkedBorderColor, className = '', }) {
+    const style = {
+        '--badge-unchecked-bg': uncheckedBg,
+        '--badge-checked-border': checkedBorderColor,
+    };
+    const hasStyle = uncheckedBg !== undefined || checkedBorderColor !== undefined;
+    return (_jsx("span", { className: `${styles.badge} ${checked ? styles.checked : ''} ${placement === 'inline' ? styles.inline : ''} ${className}`, style: hasStyle ? style : undefined, "aria-hidden": "true", children: checked && _jsx(Check, { size: 13, strokeWidth: 3 }) }));
+}
+//# sourceMappingURL=CheckBadge.js.map

package/dist/features/data-display/components/Badges/CheckBadge/CheckBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckBadge.js","sourceRoot":"","sources":["../../../../../../src/features/data-display/components/Badges/CheckBadge/CheckBadge.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAiB7C,uEAAuE;AACvE,uEAAuE;AACvE,MAAM,UAAU,UAAU,CAAC,EACzB,OAAO,EACP,SAAS,GAAG,QAAQ,EACpB,WAAW,EACX,kBAAkB,EAClB,SAAS,GAAG,EAAE,GACE;IAChB,MAAM,KAAK,GAAG;QACZ,sBAAsB,EAAE,WAAW;QACnC,wBAAwB,EAAE,kBAAkB;KAC5B,CAAC;IACnB,MAAM,QAAQ,GAAG,WAAW,KAAK,SAAS,IAAI,kBAAkB,KAAK,SAAS,CAAC;IAE/E,OAAO,CACL,eACE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,EAAE,EACzH,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,iBACvB,MAAM,YAEjB,OAAO,IAAI,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,GAAI,GAC1C,CACR,CAAC;AACJ,CAAC"}

package/dist/features/data-display/components/Badges/CheckBadge/CheckBadge.module.css

@@ -0,0 +1,29 @@
+/* Bolha de selecção — o padrão "bola de online". O default é a bolha
+   absoluta no canto do avatar; 'inline' senta no fluxo (fim de linha). */
+.badge {
+  position: absolute;
+  bottom: -2px;
+  right: -2px;
+  width: 22px;
+  height: 22px;
+  border-radius: 50%;
+  background: var(--badge-unchecked-bg, transparent);
+  border: 2px solid var(--bg-interactive);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--text-on-primary);
+  z-index: 2;
+  transition: all var(--transition-fast);
+  pointer-events: none;
+}
+
+.badge.inline {
+  position: static;
+  flex-shrink: 0;
+}
+
+.badge.checked {
+  background: var(--bg-interactive);
+  border-color: var(--badge-checked-border, var(--bg-interactive));
+}

package/dist/features/data-display/components/Tabs/SubTabs/SubTabs.d.ts

@@ -0,0 +1,19 @@
+export interface SubTabItem {
+    id: string;
+    label: string;
+    /** Marcador numérico — só onde o número responde "quantas coisas me
+        esperam" (filas de atenção); listas/filtros nunca o usam. */
+    count?: number;
+}
+export interface SubTabsProps {
+    items: SubTabItem[];
+    activeId: string;
+    onSelect: (id: string) => void;
+    /** 'scroll' = com padding próprio; 'nopad' = sem padding, para usar
+        dentro de uma barra exterior. */
+    variant?: 'scroll' | 'nopad';
+    className?: string;
+    ariaLabel?: string;
+}
+export default function SubTabs({ items, activeId, onSelect, variant, className, ariaLabel }: SubTabsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SubTabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SubTabs.d.ts","sourceRoot":"","sources":["../../../../../../src/features/data-display/components/Tabs/SubTabs/SubTabs.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd;oEACgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B;wCACoC;IACpC,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAkB,EAAE,SAAc,EAAE,SAAS,EAAE,EAAE,YAAY,2CA8CzH"}

package/dist/features/data-display/components/Tabs/SubTabs/SubTabs.js

@@ -0,0 +1,33 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import styles from './SubTabs.module.css';
+// Sub-tabs — pills arredondadas com o activo em azul claro
+// (--selection-bg/--selection-text) e scroll-x quando não cabem.
+export default function SubTabs({ items, activeId, onSelect, variant = 'scroll', className = '', ariaLabel }) {
+    const containerClass = variant === 'nopad' ? styles.subTabsScrollNoPad : styles.subTabsScroll;
+    const containerRef = useRef(null);
+    // Igual aos Tabs principais — o pill activo nunca fica cortado nem
+    // encostado à borda: o cálculo manual soma o padding real do contentor.
+    useEffect(() => {
+        const container = containerRef.current;
+        const activeEl = container === null || container === void 0 ? void 0 : container.querySelector('[data-active="true"]');
+        if (!container || !activeEl)
+            return;
+        const cs = getComputedStyle(container);
+        const padL = parseFloat(cs.paddingLeft) || 0;
+        const padR = parseFloat(cs.paddingRight) || 0;
+        const elRect = activeEl.getBoundingClientRect();
+        const cRect = container.getBoundingClientRect();
+        const overRight = elRect.right + padR - cRect.right;
+        const overLeft = cRect.left + padL - elRect.left;
+        if (overRight > 0) {
+            container.scrollTo({ left: container.scrollLeft + overRight, behavior: 'smooth' });
+        }
+        else if (overLeft > 0) {
+            container.scrollTo({ left: container.scrollLeft - overLeft, behavior: 'smooth' });
+        }
+    }, [activeId]);
+    return (_jsx("div", { className: `${containerClass} ${className}`, ref: containerRef, role: "tablist", "aria-label": ariaLabel, children: items.map((t) => (_jsxs("button", { type: "button", role: "tab", "aria-selected": activeId === t.id, onClick: () => onSelect(t.id), className: styles.subTab, "data-active": activeId === t.id, children: [t.label, t.count !== undefined && t.count > 0 && (_jsx("span", { className: `${styles.subTabCount} ${activeId === t.id ? styles.activeSubTabCount : ''}`, children: t.count }))] }, t.id))) }));
+}
+//# sourceMappingURL=SubTabs.js.map

package/dist/features/data-display/components/Tabs/SubTabs/SubTabs.js.map

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

package/dist/features/data-display/components/Tabs/SubTabs/SubTabs.module.css

@@ -0,0 +1,64 @@
+.subTab {
+  padding: 6px 12px;
+  border-radius: var(--radius-full);
+  border: 1px solid var(--border-divider);
+  background: var(--bg-primary);
+  color: var(--text-secondary);
+  cursor: pointer;
+  font-size: 0.85rem;
+
+  white-space: nowrap;
+  transition: all 0.2s ease;
+}
+
+.subTab[data-active='true'] {
+  background: var(--selection-bg);
+  color: var(--selection-text);
+  border-color: rgba(36, 90, 223, 0.35);
+}
+
+/* Count — o mesmo padrão do .tabCount das Tabs principais: cinza em
+   repouso, primário na pill activa. */
+.subTabCount {
+  background-color: var(--color-gray-200);
+  color: var(--text-secondary);
+  border-radius: 12px;
+  padding: 1px 7px;
+  font-size: 11px;
+  font-weight: 500;
+  margin-left: 5px;
+}
+
+.activeSubTabCount {
+  background-color: var(--color-primary-light);
+  color: var(--color-white);
+}
+
+.subTabsScroll {
+  display: flex;
+  gap: 8px;
+  padding: 16px var(--spacing-md);
+  overflow-x: auto;
+  white-space: nowrap;
+}
+
+.subTabsScrollNoPad {
+  display: flex;
+  gap: 8px;
+  overflow-x: auto;
+  white-space: nowrap;
+}
+
+/* Touch — o dedo faz o scroll; a thumb não é necessária (invisível).
+   O scroll continua funcional, só a barra desaparece. */
+@media (pointer: coarse) {
+  .subTabsScroll,
+  .subTabsScrollNoPad {
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+  }
+  .subTabsScroll::-webkit-scrollbar,
+  .subTabsScrollNoPad::-webkit-scrollbar {
+    display: none;
+  }
+}

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

@@ -0,0 +1,25 @@
+import React from 'react';
+export interface TabsItem {
+    id: string;
+    /** ReactNode — quem precisa de ícone/label separados (ex.: colapsar o
+        texto no mobile) passa JSX; uma string continua a funcionar. */
+    label: React.ReactNode;
+    /** Ícone à esquerda do texto — gap pequeno (ver .tab). */
+    icon?: React.ReactNode;
+    /** Marcador numérico à direita (ex.: contagem de itens da tab). */
+    count?: number;
+    disabled?: boolean;
+}
+export interface TabsProps {
+    items: TabsItem[];
+    activeId: string;
+    onSelect?: (id: string) => void;
+    /** Centra as tabs no contentor (headers de popup/editor). */
+    centered?: boolean;
+    /** Desabilita todas as tabs. */
+    disabled?: boolean;
+    className?: string;
+    ariaLabel?: string;
+}
+export default function Tabs({ items, activeId, onSelect, centered, disabled, className, ariaLabel }: TabsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../../../src/features/data-display/components/Tabs/Tabs/Tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX;uEACmE;IACnE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,0DAA0D;IAC1D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAKD,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAc,EAAE,SAAS,EAAE,EAAE,SAAS,2CAqDnH"}

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

@@ -0,0 +1,35 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import styles from './Tabs.module.css';
+// Barra de tabs principais — border-bottom azul no activo e scroll-x
+// quando não cabem; o activo nunca fica cortado nem encostado à borda
+// (o scrollIntoView ignora o padding, por isso o cálculo é manual).
+export default function Tabs({ items, activeId, onSelect, centered, disabled, className = '', ariaLabel }) {
+    const containerRef = useRef(null);
+    useEffect(() => {
+        const container = containerRef.current;
+        const activeEl = container === null || container === void 0 ? void 0 : container.querySelector(`.${styles.activeTab}`);
+        if (!container || !activeEl)
+            return;
+        const cs = getComputedStyle(container);
+        const padL = parseFloat(cs.paddingLeft) || 0;
+        const padR = parseFloat(cs.paddingRight) || 0;
+        const elRect = activeEl.getBoundingClientRect();
+        const cRect = container.getBoundingClientRect();
+        const overRight = elRect.right + padR - cRect.right;
+        const overLeft = cRect.left + padL - elRect.left;
+        if (overRight > 0) {
+            container.scrollTo({ left: container.scrollLeft + overRight, behavior: 'smooth' });
+        }
+        else if (overLeft > 0) {
+            container.scrollTo({ left: container.scrollLeft - overLeft, behavior: 'smooth' });
+        }
+    }, [activeId]);
+    return (_jsx("div", { className: `${styles.tabsContainer} ${centered ? styles.tabsCentered : ''} ${className}`, ref: containerRef, role: "tablist", "aria-label": ariaLabel, children: items.map((tab) => {
+            const isActive = activeId === tab.id;
+            const tabDisabled = disabled || tab.disabled;
+            return (_jsxs("button", { type: "button", role: "tab", "aria-selected": isActive, onClick: () => !tabDisabled && (onSelect === null || onSelect === void 0 ? void 0 : onSelect(tab.id)), className: `${styles.tab} ${isActive ? styles.activeTab : ''} ${tabDisabled ? styles.disabledTab : ''}`, disabled: tabDisabled, children: [tab.icon && _jsx("span", { className: styles.tabIconWrap, children: tab.icon }), tab.label, tab.count !== undefined && tab.count > 0 && (_jsx("span", { className: `${styles.tabCount} ${isActive ? styles.activeTabCount : ''}`, children: tab.count }))] }, tab.id));
+        }) }));
+}
+//# sourceMappingURL=Tabs.js.map

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

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

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

@@ -0,0 +1,85 @@
+.tabsContainer {
+  display: flex;
+  padding: 0 var(--spacing-md);
+  overflow-x: auto;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+
+.tabsContainer::-webkit-scrollbar {
+  display: none;
+}
+
+/* Tabs centradas — headers de popup/editor (o default é alinhado à
+   esquerda, como nas listas). */
+.tabsCentered {
+  justify-content: center;
+}
+
+.tab {
+  display: inline-flex;
+  align-items: center;
+  /* Ícone colado ao texto — sem respiro grande entre eles. */
+  gap: 5px;
+  padding: 12px var(--spacing-md);
+  border: none;
+  border-bottom: 3px solid transparent;
+  background: none;
+  color: var(--text-secondary);
+  font-size: 0.9rem;
+  font-weight: 600;
+  cursor: pointer;
+  white-space: nowrap;
+  transition: all 0.2s ease;
+}
+
+/* Ícone à esquerda do texto da tab — herda a cor do estado. */
+.tabIconWrap {
+  display: inline-flex;
+  align-items: center;
+  flex-shrink: 0;
+}
+
+.tab:hover {
+  color: var(--text-primary);
+}
+
+.activeTab {
+  color: var(--color-primary-light);
+  border-bottom: 3px solid var(--color-primary-light);
+}
+
+.tabCount {
+  background-color: var(--color-gray-200);
+  color: var(--text-secondary);
+  border-radius: 12px;
+  padding: 2px 8px;
+  font-size: 12px;
+  font-weight: 500;
+  /* O gap do flex já dá respiro — o count fica a +3px do texto. */
+  margin-left: 3px;
+}
+
+.activeTabCount {
+  background-color: var(--color-primary-light);
+  color: var(--color-white);
+}
+
+/* Disabled — cinza atenuado, sem hover nem clique. */
+.disabledTab {
+  background-color: transparent;
+  color: var(--text-tertiary);
+  opacity: 0.45;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.disabledTab:hover {
+  background-color: transparent;
+  color: var(--text-tertiary);
+  opacity: 0.45;
+}
+
+.disabledTab .tabIconWrap {
+  color: var(--text-tertiary);
+}

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

@@ -0,0 +1,17 @@
+import type React from 'react';
+export interface CheckboxProps {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    label?: React.ReactNode;
+    disabled?: boolean;
+    /** Círculo — o estilo de selecção de listas (tipo avatar-picker). */
+    circle?: boolean;
+    /** Estado parcial (subconjunto seleccionado) — mostra o traço. */
+    indeterminate?: boolean;
+    ariaLabel?: string;
+    id?: string;
+    name?: string;
+    className?: string;
+}
+export declare function Checkbox({ checked, onChange, label, disabled, circle, indeterminate, ariaLabel, id, name, className, }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/features/inputs/components/Inputs/Checkbox.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qEAAqE;IACrE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kEAAkE;IAClE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,QAAQ,EACR,KAAK,EACL,QAAgB,EAChB,MAAc,EACd,aAAqB,EACrB,SAAS,EACT,EAAE,EACF,IAAI,EACJ,SAAc,GACf,EAAE,aAAa,2CAqCf"}

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

@@ -0,0 +1,16 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useEffect } from 'react';
+import styles from './Checkbox.module.css';
+// Checkbox partilhado — caixa 20×20 com check; `circle` para a versão
+// redonda e `indeterminate` para selecção parcial.
+export function Checkbox({ checked, onChange, label, disabled = false, circle = false, indeterminate = false, ariaLabel, id, name, className = '', }) {
+    const inputRef = useRef(null);
+    // indeterminate é property, não atributo — aplica-se por ref.
+    useEffect(() => {
+        if (inputRef.current)
+            inputRef.current.indeterminate = indeterminate;
+    }, [indeterminate]);
+    return (_jsxs("label", { className: `${styles.wrapper} ${disabled ? styles.disabled : ''} ${indeterminate ? styles.partial : ''} ${className}`, children: [_jsxs("span", { className: `${styles.box} ${circle ? styles.circle : ''}`, children: [_jsx("input", { type: "checkbox", ref: inputRef, id: id, name: name, checked: checked, disabled: disabled, onChange: (e) => onChange(e.target.checked), "aria-label": ariaLabel, className: styles.input }), indeterminate && !checked ? (_jsx("svg", { className: styles.check, viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M3.5 8H12.5", stroke: "white", strokeWidth: "2", strokeLinecap: "round" }) })) : (_jsx("svg", { className: styles.check, viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M3.5 8.5L6.5 11.5L12.5 4.5", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }))] }), label && _jsx("span", { className: styles.label, children: label })] }));
+}
+//# sourceMappingURL=Checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../../src/features/inputs/components/Inputs/Checkbox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAiB3C,sEAAsE;AACtE,mDAAmD;AACnD,MAAM,UAAU,QAAQ,CAAC,EACvB,OAAO,EACP,QAAQ,EACR,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,MAAM,GAAG,KAAK,EACd,aAAa,GAAG,KAAK,EACrB,SAAS,EACT,EAAE,EACF,IAAI,EACJ,SAAS,GAAG,EAAE,GACA;IACd,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEhD,8DAA8D;IAC9D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,CAAC,OAAO;YAAE,QAAQ,CAAC,OAAO,CAAC,aAAa,GAAG,aAAa,CAAC;IACvE,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,iBACE,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,EAAE,aAErH,gBAAM,SAAS,EAAE,GAAG,MAAM,CAAC,GAAG,IAAI,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,aAC7D,gBACE,IAAI,EAAC,UAAU,EACf,GAAG,EAAE,QAAQ,EACb,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,gBAC/B,SAAS,EACrB,SAAS,EAAE,MAAM,CAAC,KAAK,GACvB,EACD,aAAa,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAC3B,cAAK,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,iBAAa,MAAM,YAC9E,eAAM,CAAC,EAAC,aAAa,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,GAAG,GACzE,CACP,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,iBAAa,MAAM,YAC9E,eAAM,CAAC,EAAC,4BAA4B,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAG,GAC/G,CACP,IACI,EACN,KAAK,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAQ,IACjD,CACT,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,68 @@
+.wrapper {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  cursor: pointer;
+  user-select: none;
+}
+
+.wrapper.disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+
+.box {
+  position: relative;
+  width: 20px;
+  height: 20px;
+  border-radius: 5px;
+  border: 2px solid var(--bg-interactive);
+  background: transparent;
+  transition: background 0.15s ease, border-color 0.15s ease;
+  flex-shrink: 0;
+}
+
+/* Variante circular — o check de selecção de listas. */
+.box.circle {
+  border-radius: 50%;
+}
+
+.input {
+  position: absolute;
+  inset: 0;
+  margin: 0;
+  opacity: 0;
+  cursor: inherit;
+}
+
+.check {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+  transform: scale(0.6);
+  transition: opacity 0.15s ease, transform 0.15s ease;
+}
+
+.input:checked ~ .check,
+.wrapper.partial .check {
+  opacity: 1;
+  transform: scale(1);
+}
+
+.box:has(.input:checked),
+.wrapper.partial .box {
+  background: var(--bg-interactive);
+  border-color: var(--bg-interactive);
+}
+
+.input:focus-visible ~ .check {
+  outline: 2px solid var(--bg-interactive);
+  outline-offset: 2px;
+}
+
+.label {
+  font-size: 0.875rem;
+  color: var(--text-primary);
+}

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

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface FormLabelProps {
+    htmlFor: string;
+    children: React.ReactNode;
+    required?: boolean;
+    /** Texto do marcador opcional — i18n do consumidor (ex.:
+     *  '(Opcional)', '(optional)'); renderiza à direita do label. */
+    optionalLabel?: React.ReactNode;
+    className?: string;
+}
+export default function FormLabel({ htmlFor, children, required, optionalLabel, className, }: FormLabelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FormLabel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormLabel.d.ts","sourceRoot":"","sources":["../../../../../src/features/inputs/components/Inputs/FormLabel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;qEACiE;IACjE,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,OAAO,EACP,QAAQ,EACR,QAAgB,EAChB,aAAa,EACb,SAAc,GACf,EAAE,cAAc,2CAUhB"}

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

@@ -0,0 +1,10 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Asterisk } from 'lucide-react';
+import styles from './FormLabel.module.css';
+// Label de campo de formulário — texto 0.95rem/500; obrigatório leva
+// o asterisco vermelho, opcional o marcador do consumidor.
+export default function FormLabel({ htmlFor, children, required = false, optionalLabel, className = '', }) {
+    return (_jsxs("label", { htmlFor: htmlFor, className: `${styles.label} ${className}`, children: [_jsx("span", { className: styles.text, children: children }), required && _jsx(Asterisk, { size: 14, className: styles.requiredIcon }), !required && optionalLabel != null && (_jsx("span", { className: styles.optionalText, children: optionalLabel }))] }));
+}
+//# sourceMappingURL=FormLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormLabel.js","sourceRoot":"","sources":["../../../../../src/features/inputs/components/Inputs/FormLabel.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAY5C,qEAAqE;AACrE,2DAA2D;AAC3D,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,OAAO,EACP,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,aAAa,EACb,SAAS,GAAG,EAAE,GACC;IACf,OAAO,CACL,iBAAO,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,SAAS,EAAE,aAChE,eAAM,SAAS,EAAE,MAAM,CAAC,IAAI,YAAG,QAAQ,GAAQ,EAC9C,QAAQ,IAAI,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,YAAY,GAAI,EAClE,CAAC,QAAQ,IAAI,aAAa,IAAI,IAAI,IAAI,CACrC,eAAM,SAAS,EAAE,MAAM,CAAC,YAAY,YAAG,aAAa,GAAQ,CAC7D,IACK,CACT,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,23 @@
+.label {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-xs);
+}
+
+.text {
+  font-size: 0.95rem;
+  font-weight: 500;
+  color: var(--text-primary);
+}
+
+.requiredIcon {
+  color: var(--color-error);
+  font-weight: 600;
+  flex-shrink: 0;
+}
+
+.optionalText {
+  font-size: 0.9rem;
+  color: var(--text-tertiary);
+  font-weight: 400;
+}

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

@@ -0,0 +1,13 @@
+import type React from 'react';
+export interface RadioButtonProps {
+    checked: boolean;
+    onChange: () => void;
+    label?: React.ReactNode;
+    name?: string;
+    value?: string;
+    id?: string;
+    disabled?: boolean;
+    className?: string;
+}
+export declare function RadioButton({ checked, onChange, label, name, value, id, disabled, className, }: RadioButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RadioButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../../../../src/features/inputs/components/Inputs/RadioButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,KAAK,EACL,EAAE,EACF,QAAgB,EAChB,SAAc,GACf,EAAE,gBAAgB,2CAmBlB"}

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

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styles from './RadioButton.module.css';
+// Radio partilhado — o anel exterior é sempre azul; o que muda é só a
+// bolinha interior que nasce quando marcado.
+export function RadioButton({ checked, onChange, label, name, value, id, disabled = false, className = '', }) {
+    return (_jsxs("label", { className: `${styles.wrapper} ${disabled ? styles.disabled : ''} ${className}`, children: [_jsxs("span", { className: styles.circle, children: [_jsx("input", { type: "radio", id: id, name: name, value: value, checked: checked, disabled: disabled, onChange: onChange, className: styles.input }), _jsx("span", { className: styles.dot })] }), label && _jsx("span", { className: styles.label, children: label })] }));
+}
+//# sourceMappingURL=RadioButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../../../src/features/inputs/components/Inputs/RadioButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAa9C,sEAAsE;AACtE,6CAA6C;AAC7C,MAAM,UAAU,WAAW,CAAC,EAC1B,OAAO,EACP,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,KAAK,EACL,EAAE,EACF,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,EAAE,GACG;IACjB,OAAO,CACL,iBAAO,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,EAAE,aACnF,gBAAM,SAAS,EAAE,MAAM,CAAC,MAAM,aAC5B,gBACE,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,MAAM,CAAC,KAAK,GACvB,EACF,eAAM,SAAS,EAAE,MAAM,CAAC,GAAG,GAAI,IAC1B,EACN,KAAK,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAQ,IACjD,CACT,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,66 @@
+.wrapper {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  cursor: pointer;
+  user-select: none;
+}
+
+.wrapper.disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+
+.circle {
+  position: relative;
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  background: transparent;
+  /* O anel exterior é SEMPRE azul, com ou sem selecção — o que muda
+     é só o interior (bolinha azul nasce quando marcado). */
+  border: 2px solid var(--bg-interactive);
+  transition: border-color 0.15s ease;
+  flex-shrink: 0;
+}
+
+.input {
+  position: absolute;
+  inset: 0;
+  margin: 0;
+  opacity: 0;
+  cursor: inherit;
+}
+
+/* Dot — a bolinha azul cheia do estado seleccionado. 10px dentro do
+   anel de 20px (border 2px) deixa o espaço branco que separa os dois
+   — o padrão nativo. */
+.dot {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background: var(--bg-interactive);
+  transform: translate(-50%, -50%) scale(0);
+  transition: transform 0.15s ease;
+}
+
+.input:checked ~ .dot {
+  transform: translate(-50%, -50%) scale(1);
+}
+
+.circle:has(.input:checked) {
+  border-color: var(--bg-interactive);
+}
+
+.input:focus-visible ~ .dot {
+  outline: 2px solid var(--bg-interactive);
+  outline-offset: 2px;
+}
+
+.label {
+  font-size: 0.875rem;
+  color: var(--text-primary);
+}