kitunga-web 0.1.78

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

@@ -0,0 +1,144 @@
+.inputContainer {
+  position: relative;
+  display: flex;
+  align-items: flex-start;
+  width: 100%;
+}
+
+.textArea {
+  width: 100%;
+  padding: var(--spacing-sm) var(--spacing-md);
+  border: 1px solid var(--border-divider);
+  border-radius: var(--radius-sm);
+  font-size: 0.9rem;
+  background-color: var(--bg-secondary);
+  color: var(--text-primary);
+  transition: all var(--transition-fast);
+  resize: vertical;
+  min-height: 96px;
+  line-height: 1.35;
+}
+
+.textArea::placeholder {
+  color: var(--text-tertiary);
+}
+
+.textArea: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);
+}
+
+.textArea:-webkit-autofill,
+.textArea:-webkit-autofill:hover,
+.textArea:-webkit-autofill:focus,
+.textArea:-webkit-autofill:active {
+  -webkit-box-shadow: 0 0 0 1000px var(--bg-secondary) inset;
+  box-shadow: 0 0 0 1000px var(--bg-secondary) inset;
+  background-color: var(--bg-secondary) !important;
+  -webkit-text-fill-color: var(--text-primary);
+  color: var(--text-primary);
+  caret-color: var(--text-primary);
+}
+
+.textArea:disabled,
+.textArea[readonly] {
+  background-color: var(--bg-secondary);
+  color: var(--text-tertiary);
+  cursor: not-allowed;
+}
+
+.clearButton {
+  position: absolute;
+  right: var(--spacing-sm);
+  top: var(--spacing-sm);
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--color-gray-100);
+  border: none;
+  border-radius: 50%;
+  color: var(--text-tertiary);
+  cursor: pointer;
+  transition: all var(--transition-fast);
+  z-index: 1;
+}
+
+.clearButton:hover {
+  background: var(--color-gray-300);
+  color: var(--text-primary);
+}
+
+.inputIcon {
+  position: absolute;
+  left: var(--spacing-md);
+  top: var(--spacing-sm);
+  color: var(--text-tertiary);
+  pointer-events: none;
+  z-index: 1;
+}
+
+.hasLeftIcon .textArea {
+  padding-left: 2.5rem;
+}
+
+.sm {
+  min-height: 80px;
+}
+
+.sm .textArea {
+  font-size: 0.75rem;
+  padding: var(--spacing-sm) var(--spacing-lg);
+  min-height: 80px;
+}
+
+.sm .clearButton {
+  width: 20px;
+  height: 20px;
+  right: var(--spacing-xs);
+  top: var(--spacing-xs);
+}
+
+.md {
+  min-height: 96px;
+}
+
+.md .textArea {
+  min-height: 96px;
+}
+
+.lg {
+  min-height: 120px;
+}
+
+.lg .textArea {
+  font-size: 1rem;
+  padding: var(--spacing-md) var(--spacing-xl);
+  min-height: 120px;
+}
+
+.lg .clearButton {
+  width: 28px;
+  height: 28px;
+  right: var(--spacing-md);
+  top: var(--spacing-sm);
+}
+
+
+.inputContainer.hasError {
+  flex-direction: column;
+}
+
+.errorText {
+  color: #ef4444;
+  font-size: 0.75rem;
+  margin-top: 4px;
+  display: block;
+}
+
+.inputError {
+  border-color: #ef4444 !important;
+}

package/dist/features/inputs/components/Inputs/types/input.types.d.ts

@@ -0,0 +1,28 @@
+import { InputHTMLAttributes, ReactNode, TextareaHTMLAttributes } from 'react';
+export type InputSize = 'sm' | 'md' | 'lg';
+export type InputVariant = 'default' | 'flat';
+export interface BaseInputProps {
+    size?: InputSize;
+    variant?: InputVariant;
+    containerClassName?: string;
+    leftIcon?: ReactNode;
+    showClearButton?: boolean;
+    clearButtonLabel?: string;
+    hasError?: boolean;
+    errorMessage?: string;
+}
+export interface TextInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'value' | 'onChange'>, BaseInputProps {
+    value?: string;
+    onChange?: (value: string) => void;
+    showPasswordToggle?: boolean;
+}
+export interface TextareaInputProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'value' | 'onChange'>, BaseInputProps {
+    value?: string;
+    onChange?: (value: string) => void;
+}
+export interface SearchInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'value' | 'onChange'>, BaseInputProps {
+    value?: string;
+    onChange?: (value: string) => void;
+    onSearch?: (value: string) => void;
+}
+//# sourceMappingURL=input.types.d.ts.map

package/dist/features/inputs/components/Inputs/types/input.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.types.d.ts","sourceRoot":"","sources":["../../../../../../src/features/inputs/components/Inputs/types/input.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAE/E,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC3C,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,MAAM,CAAC;AAE9C,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC,EAAE,cAAc;IAChI,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,EAAE,cAAc;IACjI,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC,EAAE,cAAc;IAClI,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC"}

package/dist/features/inputs/components/Inputs/types/input.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=input.types.js.map

package/dist/features/inputs/components/Inputs/types/input.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.types.js","sourceRoot":"","sources":["../../../../../../src/features/inputs/components/Inputs/types/input.types.ts"],"names":[],"mappings":""}

package/dist/features/navigation/components/Menu/SharedMenuItem.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+export interface SharedMenuItemProps {
+    label: string;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+    active?: boolean;
+    destructive?: boolean;
+    collapsed?: boolean;
+    description?: string;
+    suffix?: string;
+    onClick?: () => void;
+    onMouseEnter?: (e: React.MouseEvent<HTMLLIElement>) => void;
+    onMouseLeave?: (e: React.MouseEvent<HTMLLIElement>) => void;
+    role?: string;
+    ariaCurrent?: 'page' | 'step' | 'location' | 'date' | 'time' | 'true' | 'false';
+    isExpanded?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    groupHeader?: boolean;
+    groupOpen?: boolean;
+    children?: React.ReactNode;
+}
+export default function SharedMenuItem({ label, leftIcon, rightIcon, active, destructive, collapsed, // used for tooltip
+isExpanded, // used for text animation
+description, suffix, onClick, onMouseEnter, onMouseLeave, role, ariaCurrent, size, groupHeader, groupOpen, children, }: SharedMenuItemProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SharedMenuItem.d.ts.map

package/dist/features/navigation/components/Menu/SharedMenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SharedMenuItem.d.ts","sourceRoot":"","sources":["../../../../../src/features/navigation/components/Menu/SharedMenuItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAIhD,MAAM,WAAW,mBAAmB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC5D,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAChF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACnC,KAAK,EACL,QAAQ,EACR,SAAS,EACT,MAAc,EACd,WAAmB,EACnB,SAAiB,EAAE,mBAAmB;AACtC,UAAiB,EAAE,0BAA0B;AAC7C,WAAW,EACX,MAAM,EACN,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,IAAI,EACJ,WAAW,EACX,IAAW,EACX,WAAmB,EACnB,SAAiB,EACjB,QAAQ,GACX,EAAE,mBAAmB,2CAgFrB"}

package/dist/features/navigation/components/Menu/SharedMenuItem.js

@@ -0,0 +1,40 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
+import styles from './SharedMenuItem.module.css';
+export default function SharedMenuItem({ label, leftIcon, rightIcon, active = false, destructive = false, collapsed = false, // used for tooltip
+isExpanded = true, // used for text animation
+description, suffix, onClick, onMouseEnter, onMouseLeave, role, ariaCurrent, size = 'md', groupHeader = false, groupOpen = false, children, }) {
+    const liRef = useRef(null);
+    const [tooltipRect, setTooltipRect] = useState(null);
+    const showTooltip = collapsed && !!label;
+    const handleMouseEnter = (e) => {
+        if (showTooltip && liRef.current) {
+            setTooltipRect(liRef.current.getBoundingClientRect());
+        }
+        onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e);
+    };
+    const handleMouseLeave = (e) => {
+        setTooltipRect(null);
+        onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e);
+    };
+    // Base classes + state classes
+    const liClasses = [
+        styles.menuItem,
+        !groupHeader && active ? styles.activeItem : '',
+        destructive ? styles.destructiveItem : '',
+        isExpanded ? styles.expandedItem : styles.collapsedItem,
+        groupHeader ? styles.groupHeaderItem : '',
+        groupHeader && groupOpen ? styles.groupHeaderOpen : '',
+    ].filter(Boolean).join(' ');
+    const linkClasses = [
+        styles.menuLink,
+        styles[size],
+    ].filter(Boolean).join(' ');
+    return (_jsxs("li", { ref: liRef, className: liClasses, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [_jsxs("button", { className: linkClasses, onClick: onClick, role: role, "aria-current": ariaCurrent, children: [leftIcon && (_jsx("span", { className: `${styles.iconWrapper} ${styles.leftIconWrapper}`, children: leftIcon })), _jsxs("span", { className: styles.menuText, children: [_jsx("span", { children: label }), description && (_jsx("span", { className: styles.menuDescription, children: description }))] }), suffix && _jsx("span", { className: styles.menuSuffix, children: suffix }), rightIcon && _jsx("span", { className: `${styles.iconWrapper} ${styles.rightIconWrapper}`, children: rightIcon })] }), children, showTooltip && tooltipRect && typeof document !== 'undefined' && createPortal(_jsxs("div", { className: styles.portalTooltip, style: {
+                    top: tooltipRect.top + tooltipRect.height / 2,
+                    left: tooltipRect.right + 11,
+                }, children: [label, _jsx("span", { className: styles.portalTooltipArrow })] }), document.body)] }));
+}
+//# sourceMappingURL=SharedMenuItem.js.map

package/dist/features/navigation/components/Menu/SharedMenuItem.js.map

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

package/dist/features/navigation/components/Menu/SharedMenuItem.module.css

@@ -0,0 +1,219 @@
+.menuItem {
+    border-radius: var(--radius-sm);
+    position: relative;
+    display: flex;
+    flex-direction: column;
+}
+
+.menuLink {
+    display: flex;
+    align-items: center;
+    text-decoration: none;
+    color: #1f2937;
+    font-weight: 500;
+    border-radius: var(--radius-sm);
+    white-space: nowrap;
+    gap: var(--spacing-lg);
+    width: 100%;
+    box-sizing: border-box;
+    overflow: hidden;
+    background: none;
+    border: none;
+    cursor: pointer;
+    text-align: left;
+}
+
+/* Sizes */
+.sm {
+    height: 35px;
+    padding: var(--spacing-sm) var(--spacing-md);
+    font-size: 0.875rem;
+}
+
+.md {
+    height: 40px;
+    padding: var(--spacing-md);
+    font-size: 0.95rem;
+}
+
+.lg {
+    height: 45px;
+    padding: var(--spacing-md);
+    font-size: 1rem;
+}
+
+/* Group header (non-navigable toggle, never blue) */
+.groupHeaderItem > .menuLink {
+    font-weight: 600;
+    color: var(--text-secondary);
+}
+
+.groupHeaderItem > .menuLink:hover,
+.groupHeaderOpen > .menuLink {
+    background-color: var(--bg-hover-normal);
+    color: var(--text-primary);
+}
+
+.groupHeaderOpen > .menuLink .iconWrapper {
+    color: var(--text-primary);
+}
+
+/* Hover logic */
+.menuItem:not(.activeItem) .menuLink:hover {
+    background-color: var(--bg-hover-normal);
+}
+
+.collapsedItem:not(.activeItem):hover > .menuLink {
+    background-color: var(--bg-hover-normal);
+}
+
+.expandedItem:not(.activeItem) .menuLink:hover {
+    background-color: var(--bg-hover-normal);
+}
+
+/* Active styles */
+.menuItem.activeItem .menuLink {
+    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
+    color: #ffffff;
+}
+
+.expandedItem.activeItem .menuLink .menuText,
+.expandedItem.activeItem .menuLink .iconWrapper {
+    color: #ffffff;
+}
+
+.collapsedItem.activeItem .menuLink {
+    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
+    color: #ffffff;
+}
+
+.collapsedItem.activeItem .menuLink .menuText {
+    color: #ffffff;
+}
+
+.collapsedItem.activeItem .menuLink .iconWrapper {
+    color: #ffffff;
+}
+
+/* Icon */
+.iconWrapper {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    color: #374151;
+    transition: color 0.15s ease;
+    flex-shrink: 0;
+}
+
+
+.rightIconWrapper {
+    margin: 0;
+}
+
+/* Ensure icons fit inside the wrapper for SVG sizes like lucide */
+.iconWrapper>svg {
+    width: 20px !important;
+    height: 20px !important;
+}
+
+/* Text */
+.menuText {
+    opacity: 1;
+    max-width: 100%;
+    min-width: 0;
+    overflow: hidden;
+    transition: opacity 0.2s ease-in-out 0.1s, max-width 0.25s ease-in-out 0.05s, margin-left 0.25s ease-in-out 0.05s;
+    line-height: 1.2;
+    color: #1f2937;
+    flex: 1 1 auto;
+    text-align: left;
+    display: flex;
+    flex-direction: column;
+}
+
+.menuText > span:not(.menuDescription) {
+    display: block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.menuDescription {
+    white-space: normal;
+}
+
+.collapsedItem > .menuLink .menuText {
+    opacity: 0;
+    max-width: 0;
+}
+
+.menuSuffix,
+.rightIconWrapper {
+    opacity: 1;
+    transition: opacity 0.15s ease-in-out, max-width 0.2s ease-in-out;
+}
+
+.collapsedItem > .menuLink .menuSuffix,
+.collapsedItem > .menuLink .rightIconWrapper {
+    opacity: 0;
+    max-width: 0;
+    overflow: hidden;
+    pointer-events: none;
+}
+
+/* Tooltip (rendered via portal to escape scroll clipping) */
+.portalTooltip {
+    position: fixed;
+    transform: translateY(-50%);
+    padding: 8px 12px;
+    background-color: #ffffff;
+    color: #1f2937;
+    border-radius: 6px;
+    font-size: 13px;
+    font-weight: 500;
+    white-space: nowrap;
+    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.08);
+    z-index: 2000;
+    pointer-events: none;
+}
+
+.portalTooltipArrow {
+    position: absolute;
+    top: 50%;
+    left: -6.5px;
+    transform: translateY(-50%);
+    width: 0;
+    height: 0;
+    border-top: 6px solid transparent;
+    border-bottom: 6px solid transparent;
+    border-right: 6px solid #ffffff;
+    filter: drop-shadow(-1px 0px 1px rgba(0, 0, 0, 0.15));
+}
+
+/* Destructive items (Dropdown additions) */
+.menuItem.destructiveItem .menuLink {
+    color: #dc2626;
+}
+
+.menuItem.destructiveItem .menuLink .iconWrapper,
+.menuItem.destructiveItem .menuLink .menuText {
+    color: #dc2626;
+}
+
+/* Suffix and descriptions for dropdown items */
+.menuDescription {
+    font-size: 0.75rem;
+    color: var(--text-secondary);
+    line-height: 1.2;
+}
+
+.menuSuffix {
+    font-size: 0.78rem;
+    color: #374151;
+    font-weight: 500;
+}
+
+.menuItem.activeItem .menuLink .menuSuffix,
+.menuItem.activeItem .menuLink .menuDescription {
+    color: #ffffff;
+}

package/dist/features/navigation/components/PageFooter/PageFooter.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from 'react';
+export type PageFooterVariant = 'login' | 'register' | 'forgot-password' | 'setup-password' | 'update-password' | 'onboarding' | 'session-expired';
+interface PageFooterProps {
+    variant?: PageFooterVariant;
+    children?: ReactNode;
+    privacyLink?: string;
+    privacyLabel?: string;
+    copyrightText?: string;
+    className?: string;
+}
+export declare function PageFooter({ variant, children, privacyLink, privacyLabel, copyrightText, className, }: PageFooterProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PageFooter.d.ts.map

package/dist/features/navigation/components/PageFooter/PageFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageFooter.d.ts","sourceRoot":"","sources":["../../../../../src/features/navigation/components/PageFooter/PageFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,iBAAiB,GACzB,OAAO,GACP,UAAU,GACV,iBAAiB,GACjB,gBAAgB,GAChB,iBAAiB,GACjB,YAAY,GACZ,iBAAiB,CAAC;AAEtB,UAAU,eAAe;IACvB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA6CD,wBAAgB,UAAU,CAAC,EACzB,OAAiB,EACjB,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,aAAa,EACb,SAAS,GACV,EAAE,eAAe,2CAgBjB"}

package/dist/features/navigation/components/PageFooter/PageFooter.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styles from './PageFooter.module.css';
+const DEFAULT_FOOTER = {
+    login: {
+        copyright: 'Copyright © 2026 Sinangu',
+        privacyLabel: 'Políticas de Privacidade',
+        privacyLink: '#',
+    },
+    register: {
+        copyright: 'Copyright © 2026 Sinangu',
+        privacyLabel: 'Políticas de Privacidade',
+        privacyLink: '#',
+    },
+    'forgot-password': {
+        copyright: 'Copyright © 2026 Sinangu',
+        privacyLabel: 'Políticas de Privacidade',
+        privacyLink: '#',
+    },
+    'setup-password': {
+        copyright: 'Copyright © 2026 Sinangu',
+        privacyLabel: 'Políticas de Privacidade',
+        privacyLink: '#',
+    },
+    'update-password': {
+        copyright: 'Copyright © 2026 Sinangu',
+        privacyLabel: 'Políticas de Privacidade',
+        privacyLink: '#',
+    },
+    onboarding: {
+        copyright: 'Copyright © 2026 Sinangu',
+        privacyLabel: 'Políticas de Privacidade',
+        privacyLink: '#',
+    },
+    'session-expired': {
+        copyright: 'Copyright © 2026 Sinangu',
+        privacyLabel: 'Políticas de Privacidade',
+        privacyLink: '#',
+    },
+};
+function combineClassNames(base, extra) {
+    if (!extra)
+        return base;
+    return `${base} ${extra}`;
+}
+export function PageFooter({ variant = 'login', children, privacyLink, privacyLabel, copyrightText, className, }) {
+    const defaults = DEFAULT_FOOTER[variant];
+    const resolvedCopyright = copyrightText !== null && copyrightText !== void 0 ? copyrightText : defaults.copyright;
+    const resolvedPrivacyLabel = privacyLabel !== null && privacyLabel !== void 0 ? privacyLabel : defaults.privacyLabel;
+    const resolvedPrivacyLink = privacyLink !== null && privacyLink !== void 0 ? privacyLink : defaults.privacyLink;
+    return (_jsxs("footer", { className: combineClassNames(styles.wrapper, className), children: [_jsx("p", { className: styles.copyright, children: resolvedCopyright }), children !== null && children !== void 0 ? children : (_jsx("a", { className: styles.link, href: resolvedPrivacyLink, children: resolvedPrivacyLabel }))] }));
+}
+//# sourceMappingURL=PageFooter.js.map

package/dist/features/navigation/components/PageFooter/PageFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageFooter.js","sourceRoot":"","sources":["../../../../../src/features/navigation/components/PageFooter/PageFooter.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAoB7C,MAAM,cAAc,GAAgG;IAClH,KAAK,EAAE;QACL,SAAS,EAAE,0BAA0B;QACrC,YAAY,EAAE,0BAA0B;QACxC,WAAW,EAAE,GAAG;KACjB;IACD,QAAQ,EAAE;QACR,SAAS,EAAE,0BAA0B;QACrC,YAAY,EAAE,0BAA0B;QACxC,WAAW,EAAE,GAAG;KACjB;IACD,iBAAiB,EAAE;QACjB,SAAS,EAAE,0BAA0B;QACrC,YAAY,EAAE,0BAA0B;QACxC,WAAW,EAAE,GAAG;KACjB;IACD,gBAAgB,EAAE;QAChB,SAAS,EAAE,0BAA0B;QACrC,YAAY,EAAE,0BAA0B;QACxC,WAAW,EAAE,GAAG;KACjB;IACD,iBAAiB,EAAE;QACjB,SAAS,EAAE,0BAA0B;QACrC,YAAY,EAAE,0BAA0B;QACxC,WAAW,EAAE,GAAG;KACjB;IACD,UAAU,EAAE;QACV,SAAS,EAAE,0BAA0B;QACrC,YAAY,EAAE,0BAA0B;QACxC,WAAW,EAAE,GAAG;KACjB;IACD,iBAAiB,EAAE;QACjB,SAAS,EAAE,0BAA0B;QACrC,YAAY,EAAE,0BAA0B;QACxC,WAAW,EAAE,GAAG;KACjB;CACF,CAAC;AAEF,SAAS,iBAAiB,CAAC,IAAY,EAAE,KAAc;IACrD,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IACxB,OAAO,GAAG,IAAI,IAAI,KAAK,EAAE,CAAC;AAC5B,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EACzB,OAAO,GAAG,OAAO,EACjB,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,aAAa,EACb,SAAS,GACO;IAChB,MAAM,QAAQ,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;IACzC,MAAM,iBAAiB,GAAG,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,QAAQ,CAAC,SAAS,CAAC;IAC9D,MAAM,oBAAoB,GAAG,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,QAAQ,CAAC,YAAY,CAAC;IACnE,MAAM,mBAAmB,GAAG,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,QAAQ,CAAC,WAAW,CAAC;IAEhE,OAAO,CACL,kBAAQ,SAAS,EAAE,iBAAiB,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,aAC7D,YAAG,SAAS,EAAE,MAAM,CAAC,SAAS,YAAG,iBAAiB,GAAK,EACtD,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CACX,YAAG,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,mBAAmB,YACjD,oBAAoB,GACnB,CACL,IACM,CACV,CAAC;AACJ,CAAC"}

package/dist/features/navigation/components/PageFooter/PageFooter.module.css

@@ -0,0 +1,24 @@
+.wrapper {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--spacing-md);
+  font-size: 0.875rem;
+  color: var(--text-tertiary);
+  border-top: 1px solid var(--border-divider);
+  padding: var(--spacing-md);
+}
+
+.copyright {
+  margin: 0;
+}
+
+.link {
+  color: var(--text-tertiary);
+  text-decoration: none;
+  transition: color var(--transition-fast);
+}
+
+.link:hover {
+  color: var(--text-secondary);
+}

package/dist/features/navigation/components/PageHeader/PageHeader.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from 'react';
+export type PageHeaderVariant = 'login' | 'register' | 'forgot-password' | 'setup-password' | 'update-password' | 'onboarding' | 'session-expired';
+interface PageHeaderProps {
+    variant?: PageHeaderVariant;
+    title?: string;
+    subtitle?: string;
+    logoSrc: string;
+    logoAlt: string;
+    actions?: ReactNode;
+    className?: string;
+}
+export declare function PageHeader({ variant, title, subtitle, logoSrc, logoAlt, actions, className, }: PageHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PageHeader.d.ts.map

package/dist/features/navigation/components/PageHeader/PageHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../../../src/features/navigation/components/PageHeader/PageHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,iBAAiB,GACzB,OAAO,GACP,UAAU,GACV,iBAAiB,GACjB,gBAAgB,GAChB,iBAAiB,GACjB,YAAY,GACZ,iBAAiB,CAAC;AAEtB,UAAU,eAAe;IACvB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAiBD,wBAAgB,UAAU,CAAC,EACzB,OAAiB,EACjB,KAAoB,EACpB,QAAQ,EACR,OAAO,EACP,OAAO,EACP,OAAO,EACP,SAAS,GACV,EAAE,eAAe,2CAgBjB"}

package/dist/features/navigation/components/PageHeader/PageHeader.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Image from 'next/image';
+import styles from './PageHeader.module.css';
+const DEFAULT_SUBTITLE = {
+    login: 'Gestão operacional completa',
+    register: 'Gestão operacional completa',
+    'forgot-password': 'Gestão operacional completa',
+    'setup-password': 'Gestão operacional completa',
+    'update-password': 'Gestão operacional completa',
+    onboarding: 'Configuração inicial da conta',
+    'session-expired': 'Gestão operacional completa',
+};
+function combineClassNames(base, extra) {
+    if (!extra)
+        return base;
+    return `${base} ${extra}`;
+}
+export function PageHeader({ variant = 'login', title = 'Lulama ERP', subtitle, logoSrc, logoAlt, actions, className, }) {
+    const resolvedSubtitle = subtitle !== null && subtitle !== void 0 ? subtitle : DEFAULT_SUBTITLE[variant];
+    return (_jsxs("header", { className: combineClassNames(styles.wrapper, className), children: [_jsxs("div", { className: styles.logoGroup, children: [_jsx(Image, { src: logoSrc, alt: logoAlt, width: 40, height: 40, priority: true }), _jsxs("div", { className: styles.textGroup, children: [_jsx("span", { className: styles.title, children: title }), resolvedSubtitle && _jsx("small", { className: styles.subtitle, children: resolvedSubtitle })] })] }), actions ? _jsx("div", { className: styles.actions, children: actions }) : null] }));
+}
+//# sourceMappingURL=PageHeader.js.map

package/dist/features/navigation/components/PageHeader/PageHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.js","sourceRoot":"","sources":["../../../../../src/features/navigation/components/PageHeader/PageHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,YAAY,CAAC;AAE/B,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAqB7C,MAAM,gBAAgB,GAAsC;IAC1D,KAAK,EAAE,6BAA6B;IACpC,QAAQ,EAAE,6BAA6B;IACvC,iBAAiB,EAAE,6BAA6B;IAChD,gBAAgB,EAAE,6BAA6B;IAC/C,iBAAiB,EAAE,6BAA6B;IAChD,UAAU,EAAE,+BAA+B;IAC3C,iBAAiB,EAAE,6BAA6B;CACjD,CAAC;AAEF,SAAS,iBAAiB,CAAC,IAAY,EAAE,KAAc;IACrD,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IACxB,OAAO,GAAG,IAAI,IAAI,KAAK,EAAE,CAAC;AAC5B,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EACzB,OAAO,GAAG,OAAO,EACjB,KAAK,GAAG,YAAY,EACpB,QAAQ,EACR,OAAO,EACP,OAAO,EACP,OAAO,EACP,SAAS,GACO;IAChB,MAAM,gBAAgB,GAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAE/D,OAAO,CACL,kBAAQ,SAAS,EAAE,iBAAiB,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,aAC7D,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC9B,KAAC,KAAK,IAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,SAAG,EACrE,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC9B,eAAM,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAQ,EAC5C,gBAAgB,IAAI,gBAAO,SAAS,EAAE,MAAM,CAAC,QAAQ,YAAG,gBAAgB,GAAS,IAC9E,IACF,EAEL,OAAO,CAAC,CAAC,CAAC,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,YAAG,OAAO,GAAO,CAAC,CAAC,CAAC,IAAI,IAC1D,CACV,CAAC;AACJ,CAAC"}

package/dist/features/navigation/components/PageHeader/PageHeader.module.css

@@ -0,0 +1,41 @@
+.wrapper {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--spacing-md);
+  font-size: 0.875rem;
+  color: var(--text-tertiary);
+  border-bottom: 1px solid var(--border-divider);
+  padding: var(--spacing-md);
+}
+
+.logoGroup {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-sm);
+  font-size: 1.25rem;
+  font-weight: 700;
+  color: var(--text-primary);
+}
+
+.textGroup {
+  display: flex;
+  flex-direction: column;
+  line-height: 1.2;
+}
+
+.title {
+  font-weight: 700;
+}
+
+.subtitle {
+  font-size: 0.75rem;
+  font-weight: 500;
+  color: var(--text-secondary);
+}
+
+.actions {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-sm);
+}