kitunga-web 0.1.78

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

@@ -0,0 +1,259 @@
+.inputContainer {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: stretch;
+  user-select: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+}
+
+.boxInput {
+  display: flex;
+  align-items: stretch;
+  width: 100%;
+  min-height: 40px;
+  border: 1px solid var(--border-divider);
+  border-radius: var(--radius-sm);
+  background-color: var(--bg-secondary);
+  transition: all var(--transition-fast);
+  overflow: visible;
+  position: relative;
+  user-select: none;
+  -webkit-user-select: none;
+  justify-content: center;
+}
+
+.boxInput:focus-within {
+  border-color: var(--border-focus);
+  background-color: var(--bg-primary);
+  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
+}
+
+.flat.boxInput {
+  border: none;
+  background-color: transparent;
+  box-shadow: none;
+}
+
+.flat.boxInput:focus-within {
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.disabledState {
+  background-color: var(--bg-secondary);
+  opacity: 0.7;
+  cursor: not-allowed;
+}
+
+.disabledState .textInput {
+  cursor: not-allowed;
+}
+
+.inputIcon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  position: absolute;
+  left: var(--spacing-md);
+  top: 50%;
+  transform: translateY(-50%);
+  color: var(--text-tertiary);
+  pointer-events: none;
+  z-index: 1;
+}
+
+.inputStack {
+  position: relative;
+  flex: 1;
+  min-width: 0;
+  height: 100%;
+}
+
+.inputStack .textInput {
+  padding-right: 2.9rem;
+}
+
+.inputStack.hasLeftIcon .textInput {
+  padding-left: 2.8rem;
+}
+
+.maskOverlay {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  padding: 0 var(--spacing-md) 0;
+  font-size: 0.9rem;
+  white-space: pre;
+  pointer-events: none;
+  z-index: 1;
+  font-family: inherit;
+  overflow: hidden;
+}
+
+.inputStack.hasLeftIcon .maskOverlay {
+  padding-left: 2.8rem;
+}
+
+.textInput {
+  position: relative;
+  z-index: 2;
+  width: 100%;
+  height: 100%;
+  border: none;
+  background-color: transparent;
+  color: transparent;
+  caret-color: transparent;
+  font-size: 0.9rem;
+  outline: none;
+  margin: 0;
+  font-family: inherit;
+  user-select: none;
+  -webkit-user-select: none;
+}
+
+.textInput::selection {
+  background: transparent !important;
+  color: transparent !important;
+}
+
+.typedText {
+  color: var(--text-primary);
+  font-weight: 550;
+}
+
+.placeholderText {
+  color: var(--text-tertiary);
+}
+
+.customCaret {
+  display: inline-block;
+  width: 1.2px;
+  height: 1em;
+  background-color: var(--text-primary);
+  animation: blinkCaret 1s step-end infinite;
+  vertical-align: middle;
+}
+
+@keyframes blinkCaret {
+  0%,
+  100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0;
+  }
+}
+
+.rightGroup {
+  display: flex;
+  align-items: stretch;
+  flex-shrink: 0;
+  border-left: 1px solid var(--border-divider);
+}
+
+.kindSelect {
+  width: min-content;
+  max-width: 150px;
+  min-width: 100px;
+  height: 100%;
+  display: flex;
+  align-items: center;
+}
+
+
+.kindSelect :global(.selectedValue:hover:not(.disabled)),
+.kindSelect :global(.selectedValue:focus-visible),
+.kindSelect :global(.customSelect.open .selectedValue) {
+  background: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+.kindSelect :global(.valueText) {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  text-align: center;
+}
+
+.kindSelect :global(.arrow) {
+  margin-left: 0.35rem;
+  position: static;
+  transform: none;
+}
+
+.clearButton {
+  position: absolute;
+  right: 0.45rem;
+  top: 50%;
+  transform: translateY(-50%);
+  z-index: 3;
+  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);
+  flex-shrink: 0;
+}
+
+.clearButton:hover {
+  background: var(--color-gray-300);
+  color: var(--text-primary);
+}
+
+.sm {
+  min-height: 32px;
+}
+
+.sm .maskOverlay,
+.sm .kindSelect {
+  font-size: 0.75rem;
+}
+
+.sm .clearButton {
+  width: 20px;
+  height: 20px;
+  right: 0.35rem;
+}
+
+.md {
+  min-height: 40px;
+}
+
+.lg {
+  min-height: 48px;
+}
+
+.lg .maskOverlay,
+.lg .kindSelect {
+  font-size: 1rem;
+}
+
+.lg .clearButton {
+  width: 28px;
+  height: 28px;
+  right: 0.6rem;
+}
+
+.inputError {
+  border-color: #ef4444 !important;
+}
+
+.errorText {
+  color: #ef4444;
+  font-size: 0.75rem;
+  margin-top: 4px;
+  display: block;
+}

package/dist/features/inputs/components/Inputs/TaxIdInput/index.d.ts

@@ -0,0 +1,5 @@
+export { default } from './TaxIdInput';
+export type { TaxIdInputProps } from './TaxIdInput';
+export type { TaxIdCountryConfig, TaxIdDocumentKind, TaxIdKindOption, TaxIdVariantConfig } from '@/shared/utils/tax-id';
+export { ANGOLA_COMPANY_NIF_REGEX, ANGOLA_IDENTITY_DOCUMENT_REGEX, TAX_ID_COUNTRIES, formatTaxIdValue, getAngolaCompanyNifError, getAngolaIdentityDocumentError, getTaxIdCountryConfig, getTaxIdDisplayLabel, getTaxIdError, getTaxIdKindOptions, getTaxIdPlaceholder, getTaxIdVariantConfig, isValidAngolaCompanyNif, isValidAngolaIdentityDocument, isValidTaxIdValue, normalizeAngolaCompanyNif, normalizeAngolaIdentityDocument, sanitizeTaxIdValue, } from '@/shared/utils/tax-id';
+//# sourceMappingURL=index.d.ts.map

package/dist/features/inputs/components/Inputs/TaxIdInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/features/inputs/components/Inputs/TaxIdInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AACxH,OAAO,EACL,wBAAwB,EACxB,8BAA8B,EAC9B,gBAAgB,EAChB,gBAAgB,EAChB,wBAAwB,EACxB,8BAA8B,EAC9B,qBAAqB,EACrB,oBAAoB,EACpB,aAAa,EACb,mBAAmB,EACnB,mBAAmB,EACnB,qBAAqB,EACrB,uBAAuB,EACvB,6BAA6B,EAC7B,iBAAiB,EACjB,yBAAyB,EACzB,+BAA+B,EAC/B,kBAAkB,GACnB,MAAM,uBAAuB,CAAC"}

package/dist/features/inputs/components/Inputs/TaxIdInput/index.js

@@ -0,0 +1,3 @@
+export { default } from './TaxIdInput';
+export { ANGOLA_COMPANY_NIF_REGEX, ANGOLA_IDENTITY_DOCUMENT_REGEX, TAX_ID_COUNTRIES, formatTaxIdValue, getAngolaCompanyNifError, getAngolaIdentityDocumentError, getTaxIdCountryConfig, getTaxIdDisplayLabel, getTaxIdError, getTaxIdKindOptions, getTaxIdPlaceholder, getTaxIdVariantConfig, isValidAngolaCompanyNif, isValidAngolaIdentityDocument, isValidTaxIdValue, normalizeAngolaCompanyNif, normalizeAngolaIdentityDocument, sanitizeTaxIdValue, } from '@/shared/utils/tax-id';
+//# sourceMappingURL=index.js.map

package/dist/features/inputs/components/Inputs/TaxIdInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/features/inputs/components/Inputs/TaxIdInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAGvC,OAAO,EACL,wBAAwB,EACxB,8BAA8B,EAC9B,gBAAgB,EAChB,gBAAgB,EAChB,wBAAwB,EACxB,8BAA8B,EAC9B,qBAAqB,EACrB,oBAAoB,EACpB,aAAa,EACb,mBAAmB,EACnB,mBAAmB,EACnB,qBAAqB,EACrB,uBAAuB,EACvB,6BAA6B,EAC7B,iBAAiB,EACjB,yBAAyB,EACzB,+BAA+B,EAC/B,kBAAkB,GACnB,MAAM,uBAAuB,CAAC"}

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

@@ -0,0 +1,4 @@
+import { TextInputProps } from './types/input.types';
+declare const TextInput: import("react").ForwardRefExoticComponent<TextInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export default TextInput;
+//# sourceMappingURL=TextInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../../src/features/inputs/components/Inputs/TextInput.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,QAAA,MAAM,SAAS,6GA+Gd,CAAC;AAIF,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,61 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';
+import { X, Eye, EyeOff } from 'lucide-react';
+import styles from './TextInput.module.css';
+const TextInput = forwardRef((_a, ref) => {
+    var { size = 'md', variant = 'default', containerClassName = '', className = '', leftIcon, value = '', onChange, showClearButton = variant === 'flat' ? false : true, clearButtonLabel = 'Limpar campo', disabled = false, readOnly = false, showPasswordToggle = false, type = 'text', hasError, errorMessage } = _a, rest = __rest(_a, ["size", "variant", "containerClassName", "className", "leftIcon", "value", "onChange", "showClearButton", "clearButtonLabel", "disabled", "readOnly", "showPasswordToggle", "type", "hasError", "errorMessage"]);
+    const inputRef = useRef(null);
+    const [showPassword, setShowPassword] = useState(false);
+    const [isMounted, setIsMounted] = useState(false);
+    useEffect(() => {
+        setIsMounted(true);
+    }, []);
+    useImperativeHandle(ref, () => inputRef.current);
+    const isPasswordType = type === 'password';
+    const enablePasswordToggle = showPasswordToggle && isPasswordType;
+    // If password toggle is enabled, we force disable clear button to avoid overlap/conflict per user request
+    const effectiveShowClearButton = enablePasswordToggle ? false : showClearButton;
+    const containerClasses = [
+        styles.inputContainer,
+        styles[size],
+        variant === 'flat' ? styles.flat : '',
+        leftIcon ? styles.hasLeftIcon : '',
+        enablePasswordToggle ? styles.hasRightControl : '',
+        containerClassName
+    ]
+        .filter(Boolean)
+        .join(' ');
+    const inputClasses = [styles.textInput, className]
+        .filter(Boolean)
+        .join(' ');
+    const handleClear = () => {
+        var _a;
+        if (disabled || readOnly)
+            return;
+        onChange === null || onChange === void 0 ? void 0 : onChange('');
+        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    };
+    const handleChange = (event) => {
+        onChange === null || onChange === void 0 ? void 0 : onChange(event.target.value);
+    };
+    const shouldShowClearButton = isMounted && effectiveShowClearButton && !!(value === null || value === void 0 ? void 0 : value.length) && !disabled && !readOnly;
+    const inputType = enablePasswordToggle
+        ? (showPassword ? 'text' : 'password')
+        : type;
+    const isError = hasError || !!errorMessage;
+    return (_jsxs("div", { className: containerClasses.concat(isError ? ` ${styles.hasError}` : ''), children: [leftIcon && _jsx("span", { className: styles.inputIcon, children: leftIcon }), _jsx("input", Object.assign({ ref: inputRef, type: inputType, className: `${inputClasses} ${isError ? styles.inputError : ''}`, value: value, onChange: handleChange, disabled: disabled, readOnly: readOnly }, rest, { autoComplete: rest.autoComplete || "off" })), shouldShowClearButton && (_jsx("button", { type: "button", className: styles.clearButton, onClick: handleClear, "aria-label": clearButtonLabel, tabIndex: -1, children: _jsx(X, { size: 16 }) })), enablePasswordToggle && (_jsx("button", { type: "button", className: styles.passwordToggle, onClick: () => setShowPassword(!showPassword), tabIndex: -1, disabled: disabled, children: showPassword ? _jsx(EyeOff, { size: 20 }) : _jsx(Eye, { size: 20 }) })), errorMessage && _jsx("span", { className: styles.errorText, children: errorMessage })] }));
+});
+TextInput.displayName = 'TextInput';
+export default TextInput;
+//# sourceMappingURL=TextInput.js.map

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

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

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

@@ -0,0 +1,174 @@
+.inputContainer {
+  position: relative;
+  display: flex;
+  align-items: center;
+  width: 100%;
+
+}
+
+.flat .textInput {
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+  padding: 0 var(--spacing-sm);
+}
+
+.flat .textInput:focus {
+  border: none;
+  background-color: transparent;
+  box-shadow: none;
+}
+
+.textInput {
+  width: 100%;
+  padding: 0 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);
+}
+
+.textInput::placeholder {
+  color: var(--text-tertiary);
+}
+
+.textInput: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);
+}
+
+.textInput:-webkit-autofill,
+.textInput:-webkit-autofill:hover,
+.textInput:-webkit-autofill:focus,
+.textInput:-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);
+}
+
+.textInput:disabled,
+.textInput[readonly] {
+  background-color: var(--bg-secondary);
+  color: var(--text-tertiary);
+  cursor: not-allowed;
+}
+
+.clearButton {
+  position: absolute;
+  right: 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);
+}
+
+.passwordToggle {
+  position: absolute;
+  right: var(--spacing-sm);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: none;
+  border: none;
+  color: var(--text-tertiary);
+  cursor: pointer;
+  padding: 4px;
+  transition: color var(--transition-fast);
+  z-index: 2;
+}
+
+.passwordToggle:hover {
+  color: var(--text-secondary);
+}
+
+.hasRightControl .textInput {
+  padding-right: 2.5rem;
+}
+
+.inputIcon {
+  position: absolute;
+  left: var(--spacing-md);
+  top: 50%;
+  transform: translateY(-50%);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--text-tertiary);
+  pointer-events: none;
+  z-index: 1;
+}
+
+.hasLeftIcon .textInput {
+  padding-left: 2.8rem;
+}
+
+.sm {
+  height: 32px;
+}
+
+.sm .textInput {
+  height: 32px;
+  font-size: 0.75rem;
+}
+
+.sm .clearButton {
+  width: 20px;
+  height: 20px;
+  right: var(--spacing-xs);
+}
+
+.md {
+  height: 40px;
+}
+
+.md .textInput {
+  height: 40px;
+}
+
+.lg {
+  height: 45px;
+}
+
+.lg .textInput {
+  height: 45px;
+  font-size: 1rem;
+  padding: var(--spacing-md);
+}
+
+.lg .clearButton {
+  width: 28px;
+  height: 28px;
+  right: var(--spacing-md);
+}
+
+
+.errorText {
+  color: #ef4444;
+  font-size: 0.75rem;
+  margin-top: 4px;
+  display: block;
+}
+
+.inputError {
+  border-color: #ef4444 !important;
+}

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

@@ -0,0 +1,4 @@
+import { TextareaInputProps } from './types/input.types';
+declare const TextareaInput: import("react").ForwardRefExoticComponent<TextareaInputProps & import("react").RefAttributes<HTMLTextAreaElement>>;
+export default TextareaInput;
+//# sourceMappingURL=TextareaInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextareaInput.d.ts","sourceRoot":"","sources":["../../../../../src/features/inputs/components/Inputs/TextareaInput.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAEzD,QAAA,MAAM,aAAa,oHA2ElB,CAAC;AAIF,eAAe,aAAa,CAAC"}

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

@@ -0,0 +1,45 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useImperativeHandle, useRef } from 'react';
+import { X } from 'lucide-react';
+import styles from './TextareaInput.module.css';
+const TextareaInput = forwardRef((_a, ref) => {
+    var { size = 'md', containerClassName = '', className = '', leftIcon, value = '', onChange, showClearButton = true, clearButtonLabel = 'Limpar campo', disabled = false, readOnly = false, hasError, errorMessage } = _a, rest = __rest(_a, ["size", "containerClassName", "className", "leftIcon", "value", "onChange", "showClearButton", "clearButtonLabel", "disabled", "readOnly", "hasError", "errorMessage"]);
+    const textareaRef = useRef(null);
+    useImperativeHandle(ref, () => textareaRef.current);
+    const isError = hasError || !!errorMessage;
+    const containerClasses = [
+        styles.inputContainer,
+        styles[size],
+        leftIcon ? styles.hasLeftIcon : '',
+        containerClassName,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    const textareaClasses = [styles.textArea, className].filter(Boolean).join(' ');
+    const handleClear = () => {
+        var _a;
+        if (disabled || readOnly)
+            return;
+        onChange === null || onChange === void 0 ? void 0 : onChange('');
+        (_a = textareaRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    };
+    const handleChange = (event) => {
+        onChange === null || onChange === void 0 ? void 0 : onChange(event.target.value);
+    };
+    const shouldShowClearButton = showClearButton && !!(value === null || value === void 0 ? void 0 : value.length) && !disabled && !readOnly;
+    return (_jsxs("div", { className: containerClasses.concat(isError ? ` ${styles.hasError}` : ''), children: [leftIcon && _jsx("span", { className: styles.inputIcon, children: leftIcon }), _jsx("textarea", Object.assign({ ref: textareaRef, className: `${textareaClasses} ${isError ? styles.inputError : ''}`, value: value, onChange: handleChange, disabled: disabled, readOnly: readOnly, autoComplete: "off" }, rest)), shouldShowClearButton && (_jsx("button", { type: "button", className: styles.clearButton, onClick: handleClear, "aria-label": clearButtonLabel, tabIndex: -1, children: _jsx(X, { size: 16 }) }))] }));
+});
+TextareaInput.displayName = 'TextareaInput';
+export default TextareaInput;
+//# sourceMappingURL=TextareaInput.js.map

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

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