kitunga-web 0.1.78

package/dist/features/overlays/components/PrerequisiteGuardModal/PrerequisiteGuardModal.module.css

@@ -0,0 +1,339 @@
+.modal {
+  background-color: white;
+  border-radius: var(--radius-sm);
+  overflow: hidden;
+  width: 450px;
+  height: 600px;
+  max-height: 600px;
+  display: flex;
+  flex-direction: column;
+}
+
+.header {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding: var(--spacing-sm) var(--spacing-sm) 0;
+}
+
+.iconContainer {
+  width: 70px;
+  height: 70px;
+  border-radius: 999px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  background: rgba(245, 158, 11, 0.2);
+  color: #b45309;
+}
+
+.eyebrow {
+  color: var(--text-secondary);
+  font-size: 0.72rem;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+}
+
+.title {
+  margin: 0;
+  font-size: 1.2rem;
+  font-weight: 700;
+  color: var(--text-primary);
+  line-height: 1.2;
+  text-align: center;
+}
+
+.closeButton {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  border: none;
+  border-radius: var(--radius-sm);
+  background: transparent;
+  color: var(--text-secondary);
+  cursor: pointer;
+  transition: var(--transition-fast);
+  flex-shrink: 0;
+}
+
+.closeButton:hover {
+  background: var(--bg-hover-normal);
+  color: var(--text-primary);
+}
+
+.content {
+  padding: 0 var(--spacing-md) var(--spacing-sm);
+  overflow-y: auto;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.heroSection {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  margin-bottom: 12px;
+  padding: var(--spacing-xs) var(--spacing-sm) 0;
+  text-align: center;
+  width: 100%;
+}
+
+.heroText {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 6px;
+  width: 100%;
+}
+
+.description {
+  color: var(--text-secondary);
+  font-size: 0.85rem;
+  line-height: 1.5;
+  text-align: left;
+  width: 100%;
+  padding: 0;
+  margin: 0;
+  box-sizing: border-box;
+  align-self: flex-start;
+}
+
+.descriptionWrapper {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  width: 100%;
+}
+
+.requirementsSection {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-sm);
+  width: 100%;
+}
+
+.requirementsHeader {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 6px;
+  padding: 0;
+}
+
+.requirementsTitle {
+  margin: 0;
+  color: var(--text-primary);
+  font-size: 0.95rem;
+  font-weight: 700;
+}
+
+.requirementsDescription {
+  color: var(--text-secondary);
+  font-size: 0.85rem;
+  line-height: 1.5;
+}
+
+.requirementsList {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-sm);
+}
+
+.requirementItem {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-sm);
+  padding: var(--spacing-sm);
+  border-radius: var(--radius-sm);
+  border: 1px solid var(--border-divider);
+  background: var(--bg-primary);
+}
+
+.requirementMain {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--spacing-sm);
+}
+
+.requirementIcon {
+  width: 28px;
+  height: 28px;
+  border-radius: 999px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  background: rgba(245, 158, 11, 0.14);
+  color: #b45309;
+}
+
+.iconInfo {
+  background: rgba(59, 130, 246, 0.14);
+  color: #1d4ed8;
+}
+
+.iconWarning {
+  background: rgba(245, 158, 11, 0.14);
+  color: #b45309;
+}
+
+.iconDanger {
+  background: rgba(239, 68, 68, 0.14);
+  color: #b91c1c;
+}
+
+.iconNeutral {
+  background: rgba(148, 163, 184, 0.12);
+  color: #64748b;
+}
+
+.requirementText {
+  min-width: 0;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.requirementTopRow {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: var(--spacing-sm);
+}
+
+.requirementTitle {
+  color: var(--text-primary);
+  font-size: 0.9rem;
+  font-weight: 600;
+  line-height: 1.4;
+}
+
+.requirementTitleOptional {
+  color: #475569;
+}
+
+.requirementItemDescription {
+  margin: 0;
+  color: var(--text-secondary);
+  font-size: 0.78rem;
+  line-height: 1.5;
+  text-align: left;
+}
+
+.requirementItemDescriptionOptional {
+  color: #64748b;
+}
+
+.statusBadge {
+  display: inline-flex;
+  align-items: center;
+  padding: 2px 8px;
+  border-radius: 999px;
+  font-size: 0.72rem;
+  font-weight: 700;
+  border: 1px solid transparent;
+  white-space: nowrap;
+}
+
+.badgeInfo {
+  background: rgba(59, 130, 246, 0.12);
+  color: #1d4ed8;
+  border-color: rgba(59, 130, 246, 0.4);
+}
+
+.badgeWarning {
+  background: rgba(251, 191, 36, 0.18);
+  color: #b45309;
+  border-color: rgba(251, 191, 36, 0.4);
+}
+
+.badgeDanger {
+  background: rgba(239, 68, 68, 0.12);
+  color: #b91c1c;
+  border-color: rgba(239, 68, 68, 0.4);
+}
+
+.badgeNeutral {
+  background: rgba(148, 163, 184, 0.12);
+  color: #64748b;
+  border-color: rgba(148, 163, 184, 0.32);
+}
+
+.requirementItemOptional {
+  background: #f8fafc;
+  border-color: #e2e8f0;
+}
+
+.actionButton {
+  align-self: stretch;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--spacing-xs);
+  padding: var(--spacing-xs) var(--spacing-sm);
+  border-radius: var(--radius-xs);
+  border: none;
+  cursor: pointer;
+  font-size: 0.75rem;
+  font-weight: 600;
+  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
+  color: #fff;
+  transition: var(--transition-fast);
+}
+
+.actionButton:hover {
+  background: linear-gradient(135deg, #1d4ed8, #1e3a8a);
+}
+
+.footer {
+  display: flex;
+  justify-content: stretch;
+  gap: var(--spacing-sm);
+  padding: var(--spacing-md);
+  border-top: 1px solid var(--border-divider);
+}
+
+.footer button {
+  flex: 1;
+}
+
+@media (max-width: 640px) {
+  .modal {
+    width: min(100vw - (var(--spacing-lg) * 2), 420px);
+    min-height: auto;
+    max-height: calc(100dvh - (var(--spacing-lg) * 2));
+  }
+
+  .header,
+  .content,
+  .footer {
+    padding: var(--spacing-sm);
+  }
+
+  .footer {
+    flex-direction: column-reverse;
+  }
+
+  .footer button {
+    width: 100%;
+  }
+
+  .requirementTopRow {
+    flex-direction: column;
+    align-items: flex-start;
+  }
+
+  .actionButton {
+    align-self: stretch;
+    justify-content: center;
+  }
+}

package/dist/features/overlays/components/dropdowns/DropdownMenu.d.ts

@@ -0,0 +1,18 @@
+export interface DropdownMenuItem {
+    id: string;
+    label: string;
+    icon?: React.ReactNode;
+    description?: string;
+    suffix?: string;
+    destructive?: boolean;
+    active?: boolean;
+}
+export interface DropdownMenuProps {
+    isOpen: boolean;
+    onClose: () => void;
+    triggerRef?: React.RefObject<HTMLElement | null>;
+    items: DropdownMenuItem[];
+    onSelect?: (itemId: string) => void;
+}
+export default function DropdownMenu({ isOpen, onClose, triggerRef, items, onSelect, }: DropdownMenuProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=DropdownMenu.d.ts.map

package/dist/features/overlays/components/dropdowns/DropdownMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../../../src/features/overlays/components/dropdowns/DropdownMenu.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACjD,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,MAAM,EACN,OAAO,EACP,UAAU,EACV,KAAK,EACL,QAAQ,GACT,EAAE,iBAAiB,kDAgDnB"}

package/dist/features/overlays/components/dropdowns/DropdownMenu.js

@@ -0,0 +1,34 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import styles from './DropdownMenu.module.css';
+import SharedMenuItem from '@/features/navigation/components/Menu/SharedMenuItem';
+export default function DropdownMenu({ isOpen, onClose, triggerRef, items, onSelect, }) {
+    const dropdownRef = useRef(null);
+    useEffect(() => {
+        if (!isOpen)
+            return;
+        const handleClick = (event) => {
+            var _a, _b;
+            const target = event.target;
+            if ((_a = dropdownRef.current) === null || _a === void 0 ? void 0 : _a.contains(target)) {
+                return;
+            }
+            if ((_b = triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current) === null || _b === void 0 ? void 0 : _b.contains(target)) {
+                return;
+            }
+            onClose();
+        };
+        document.addEventListener('mousedown', handleClick);
+        return () => document.removeEventListener('mousedown', handleClick);
+    }, [isOpen, onClose, triggerRef]);
+    if (!isOpen) {
+        return null;
+    }
+    const handleItemClick = (itemId) => {
+        onSelect === null || onSelect === void 0 ? void 0 : onSelect(itemId);
+        onClose();
+    };
+    return (_jsx("div", { className: styles.dropdown, ref: dropdownRef, children: _jsx("ul", { className: styles.menuList, children: items.map((item) => (_jsx(SharedMenuItem, { label: item.label, leftIcon: item.icon, description: item.description, suffix: item.suffix, active: item.active, destructive: item.destructive, onClick: () => handleItemClick(item.id) }, item.id))) }) }));
+}
+//# sourceMappingURL=DropdownMenu.js.map

package/dist/features/overlays/components/dropdowns/DropdownMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../../../src/features/overlays/components/dropdowns/DropdownMenu.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,cAAc,MAAM,sDAAsD,CAAC;AAoBlF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,MAAM,EACN,OAAO,EACP,UAAU,EACV,KAAK,EACL,QAAQ,GACU;IAClB,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEjD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,MAAM,WAAW,GAAG,CAAC,KAAiB,EAAE,EAAE;;YACxC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAc,CAAC;YACpC,IAAI,MAAA,WAAW,CAAC,OAAO,0CAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;gBAC1C,OAAO;YACT,CAAC;YACD,IAAI,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,0CAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;gBAC1C,OAAO;YACT,CAAC;YACD,OAAO,EAAE,CAAC;QACZ,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;QACpD,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;IACtE,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAElC,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,eAAe,GAAG,CAAC,MAAc,EAAE,EAAE;QACzC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,MAAM,CAAC,CAAC;QACnB,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAE,GAAG,EAAE,WAAW,YAC/C,aAAI,SAAS,EAAE,MAAM,CAAC,QAAQ,YAC3B,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,KAAC,cAAc,IAEb,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,IAAI,EACnB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,IAPlC,IAAI,CAAC,EAAE,CAQZ,CACH,CAAC,GACC,GACD,CACP,CAAC;AACJ,CAAC"}

package/dist/features/overlays/components/dropdowns/DropdownMenu.module.css

@@ -0,0 +1,23 @@
+.dropdown {
+  position: absolute;
+  width: 220px;
+  background-color: var(--bg-primary);
+  border: 1px solid var(--border-divider);
+  border-radius: var(--radius-sm);
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  z-index: 1500;
+  top: calc(100% + var(--spacing-sm));
+  right: 0;
+}
+
+
+
+.menuList {
+  display: flex;
+  flex-direction: column;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  gap: 6px;
+  padding: var(--spacing-md);
+}

package/dist/features/patterns/components/Form/MultiStepForm/components/FormActions.d.ts

@@ -0,0 +1,36 @@
+import { ReactNode } from "react";
+interface FormActionsProps {
+    isFirstStep: boolean;
+    isCurrentStepValid: boolean;
+    isLoading?: boolean;
+    requirementsListLength: number;
+    disableTooltip: boolean;
+    onCancel: () => void;
+    onPrev: () => void;
+    onHoverRequirements: (visible: boolean) => void;
+    renderRequirementsTooltip: () => React.ReactNode;
+    requirementsTooltipVisible: boolean;
+    primaryLabel: ReactNode;
+    primaryLeftIcon?: ReactNode;
+    primaryRightIcon?: ReactNode;
+    primaryDisabled: boolean;
+    primaryLoading: boolean;
+    primaryType?: "button" | "submit";
+    onPrimaryClick?: () => void;
+    cancelLabel?: ReactNode;
+    cancelLeftIcon?: ReactNode;
+    cancelRightIcon?: ReactNode;
+    previousLabel?: ReactNode;
+    previousLeftIcon?: ReactNode;
+    previousRightIcon?: ReactNode;
+    showCancelButton?: boolean;
+    showInfoTooltip?: boolean;
+    infoTooltipMessage?: React.ReactNode;
+    infoTooltipClassName?: string;
+    disableBackButton?: boolean;
+    buttonSize?: "md" | "lg";
+    fullWidthButtons?: boolean;
+}
+export declare function FormActions({ isFirstStep, isCurrentStepValid, isLoading, requirementsListLength, disableTooltip, onCancel, onPrev, onHoverRequirements, renderRequirementsTooltip, requirementsTooltipVisible, primaryLabel, primaryLeftIcon, primaryRightIcon, primaryDisabled, primaryLoading, primaryType, onPrimaryClick, cancelLabel, cancelLeftIcon, cancelRightIcon, previousLabel, previousLeftIcon, previousRightIcon, showCancelButton, showInfoTooltip, infoTooltipMessage, infoTooltipClassName, disableBackButton, buttonSize, fullWidthButtons, }: FormActionsProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FormActions.d.ts.map

package/dist/features/patterns/components/Form/MultiStepForm/components/FormActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormActions.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/patterns/components/Form/MultiStepForm/components/FormActions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlC,UAAU,gBAAgB;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,cAAc,EAAE,OAAO,CAAC;IACxB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,mBAAmB,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,yBAAyB,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACjD,0BAA0B,EAAE,OAAO,CAAC;IACpC,YAAY,EAAE,SAAS,CAAC;IACxB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,eAAe,EAAE,OAAO,CAAC;IACzB,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAClC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,wBAAgB,WAAW,CAAC,EAC1B,WAAW,EACX,kBAAkB,EAClB,SAAS,EACT,sBAAsB,EACtB,cAAc,EACd,QAAQ,EACR,MAAM,EACN,mBAAmB,EACnB,yBAAyB,EACzB,0BAA0B,EAC1B,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,WAAsB,EACtB,cAAc,EACd,WAAwB,EACxB,cAAc,EACd,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,iBAAiB,EACjB,gBAAuB,EACvB,eAAe,EACf,kBAAkB,EAClB,oBAAoB,EACpB,iBAAyB,EACzB,UAAiB,EACjB,gBAAwB,GACzB,EAAE,gBAAgB,2CAoGlB"}

package/dist/features/patterns/components/Form/MultiStepForm/components/FormActions.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Button from '@/features/buttons/components/Btns/Button';
+import InfoTooltip from '@/features/feedback/components/Tooltips/InfoTooltip';
+import styles from "./FormActions.module.css";
+export function FormActions({ isFirstStep, isCurrentStepValid, isLoading, requirementsListLength, disableTooltip, onCancel, onPrev, onHoverRequirements, renderRequirementsTooltip, requirementsTooltipVisible, primaryLabel, primaryLeftIcon, primaryRightIcon, primaryDisabled, primaryLoading, primaryType = "button", onPrimaryClick, cancelLabel = "Cancelar", cancelLeftIcon, cancelRightIcon, previousLabel, previousLeftIcon, previousRightIcon, showCancelButton = true, showInfoTooltip, infoTooltipMessage, infoTooltipClassName, disableBackButton = false, buttonSize = "md", fullWidthButtons = false, }) {
+    const requirementsTooltip = renderRequirementsTooltip();
+    const submitWrapperClassName = [
+        styles.submitWrapper,
+        fullWidthButtons ? styles.submitWrapperFullWidth : "",
+    ]
+        .filter(Boolean)
+        .join(" ");
+    return (_jsxs("div", { className: `${styles.formActions} ${fullWidthButtons ? styles.fullWidthActions : ""}`, children: [showCancelButton && (_jsx(Button, { type: "button", variant: "secondary", size: buttonSize, onClick: onCancel, disabled: isLoading, text: cancelLabel, leftIcon: cancelLeftIcon, rightIcon: cancelRightIcon })), _jsxs("div", { className: styles.navigationButtons, children: [!isFirstStep && (_jsx("div", { className: styles.secondaryAction, children: _jsx(Button, { type: "button", variant: "secondary", size: buttonSize, onClick: onPrev, disabled: isLoading || disableBackButton, className: fullWidthButtons ? styles.fullWidthButton : "", text: previousLabel !== null && previousLabel !== void 0 ? previousLabel : "Anterior", leftIcon: previousLeftIcon, rightIcon: previousRightIcon }) })), _jsx("div", { className: `${styles.primaryAction} ${!isCurrentStepValid && !isLoading && requirementsListLength > 0 ? styles.hasRequirements : ""}`, onMouseEnter: () => {
+                            if (!disableTooltip && !isCurrentStepValid && !isLoading && requirementsListLength > 0) {
+                                onHoverRequirements(true);
+                            }
+                        }, onMouseLeave: () => onHoverRequirements(false), children: _jsxs("div", { className: submitWrapperClassName, children: [showInfoTooltip ? (_jsx(InfoTooltip, { className: infoTooltipClassName, message: infoTooltipMessage !== null && infoTooltipMessage !== void 0 ? infoTooltipMessage : "Modifique algum campo para poder salvar", children: _jsx(Button, { type: primaryType, variant: "primary", size: buttonSize, disabled: primaryDisabled, loading: primaryLoading, onClick: primaryType === "button" ? onPrimaryClick : undefined, className: fullWidthButtons ? styles.fullWidthButton : "", text: primaryLabel, leftIcon: primaryLeftIcon, rightIcon: primaryRightIcon }) })) : (_jsx(Button, { type: primaryType, variant: "primary", size: buttonSize, disabled: primaryDisabled, loading: primaryLoading, onClick: primaryType === "button" ? onPrimaryClick : undefined, className: fullWidthButtons ? styles.fullWidthButton : "", text: primaryLabel, leftIcon: primaryLeftIcon, rightIcon: primaryRightIcon })), !disableTooltip && requirementsTooltip && (_jsx("div", { className: `${styles.dependenciesTooltip} ${requirementsTooltipVisible ? styles.dependenciesTooltipVisible : ""}`.trim(), children: requirementsTooltip }))] }) })] })] }));
+}
+//# sourceMappingURL=FormActions.js.map

package/dist/features/patterns/components/Form/MultiStepForm/components/FormActions.js.map

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

package/dist/features/patterns/components/Form/MultiStepForm/components/FormActions.module.css

@@ -0,0 +1,88 @@
+.formActions {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: var(--spacing-md);
+  border-top: 1px solid var(--border-divider);
+}
+
+.fullWidthActions {
+  flex-direction: column;
+  gap: var(--spacing-sm);
+  align-items: stretch;
+}
+
+.fullWidthActions .navigationButtons {
+  width: 100%;
+  margin-left: 0;
+  display: flex;
+  justify-content: space-between;
+  gap: var(--spacing-md);
+}
+
+.fullWidthActions .primaryAction,
+.fullWidthActions .secondaryAction {
+  width: 100%;
+}
+
+.fullWidthActions .primaryAction button,
+.fullWidthActions .secondaryAction button {
+  width: 100%;
+  min-width: 100%;
+}
+
+.fullWidthButton {
+  width: 100%;
+  justify-content: center;
+}
+
+.navigationButtons {
+  display: flex;
+  gap: var(--spacing-md);
+  align-items: center;
+  margin-left: auto;
+}
+
+.secondaryAction {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+}
+
+.primaryAction {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+}
+
+.submitWrapper {
+  position: relative;
+  display: inline-flex;
+}
+
+.submitWrapperFullWidth {
+  width: 100%;
+
+}
+
+.dependenciesTooltip {
+  position: relative;
+  pointer-events: none;
+  margin-top: -6px;
+}
+
+.dependenciesTooltipVisible {
+  pointer-events: auto;
+}
+
+.infoTooltipWrapper {
+  display: inline-flex;
+}
+
+.saveBlockedTooltip {
+  min-width: 200px;
+  padding: var(--spacing-md);
+  white-space: normal;
+}

package/dist/features/patterns/components/Form/MultiStepForm/components/GenericStepRenderer.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from "react";
+import type { FieldDefinition, ValidationErrors } from "../types/types";
+interface GenericStepRendererProps<TValues extends Record<string, any>> {
+    formData: TValues;
+    errors: ValidationErrors;
+    mode: "create" | "edit";
+    fields: FieldDefinition[];
+    onFieldChange: (field: string, value: any) => void;
+    userCountryCode?: string;
+    optionalLabel?: ReactNode;
+}
+export declare function GenericStepRenderer<TValues extends Record<string, any>>({ formData, errors, mode, fields, onFieldChange, userCountryCode, optionalLabel, }: GenericStepRendererProps<TValues>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=GenericStepRenderer.d.ts.map

package/dist/features/patterns/components/Form/MultiStepForm/components/GenericStepRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenericStepRenderer.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/patterns/components/Form/MultiStepForm/components/GenericStepRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAYrD,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAExE,UAAU,wBAAwB,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IACpE,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,gBAAgB,CAAC;IACzB,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAC;IACxB,MAAM,EAAE,eAAe,EAAE,CAAC;IAC1B,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACnD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B;AASD,wBAAgB,mBAAmB,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,EACvE,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,MAAM,EACN,aAAa,EACb,eAAe,EACf,aAA4B,GAC7B,EAAE,wBAAwB,CAAC,OAAO,CAAC,2CAyOnC"}