kitunga-web 0.1.78

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

@@ -0,0 +1,301 @@
+.dateInput {
+  position: relative;
+  width: 100%;
+}
+
+.trigger {
+  width: 100%;
+  padding: 0 var(--spacing-md);
+  border: 1px solid var(--border-divider);
+  border-radius: var(--radius-sm);
+  font-size: 0.9rem;
+  background: var(--bg-secondary);
+  color: var(--text-primary);
+  transition: all var(--transition-fast);
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  position: relative;
+  gap: var(--spacing-sm);
+  text-align: left;
+  cursor: pointer;
+  box-sizing: border-box;
+  min-height: 40px;
+}
+
+.trigger:disabled {
+  background: var(--bg-secondary);
+  color: var(--text-tertiary);
+  cursor: not-allowed;
+  opacity: 0.65;
+}
+
+.trigger:hover:not(:disabled) {
+  border-color: var(--border-focus);
+  background: var(--bg-primary);
+}
+
+.dateInput.open .trigger,
+.trigger:focus-visible {
+  outline: none;
+  border-color: var(--border-focus);
+  background: var(--bg-primary);
+  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
+}
+
+.hasLeftIcon {
+  padding-left: 2.85rem;
+}
+
+.hasClearButton {
+  padding-right: 4.6rem;
+}
+
+.leftIcon {
+  position: absolute;
+  left: var(--spacing-md);
+  top: 50%;
+  transform: translateY(-50%);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--text-secondary);
+  pointer-events: none;
+  z-index: 1;
+}
+
+.valueText {
+  flex: 1;
+  min-width: 0;
+  display: inline-flex;
+  align-items: center;
+  font-size: 0.9rem;
+  color: var(--text-primary);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  line-height: 1;
+}
+
+.placeholder {
+  color: var(--text-tertiary);
+}
+
+.arrow {
+  flex-shrink: 0;
+  opacity: 0.8;
+  transition: transform 0.2s ease;
+}
+
+.rightActions {
+  position: absolute;
+  top: 50%;
+  right: var(--spacing-sm);
+  transform: translateY(-50%);
+  display: inline-flex;
+  align-items: center;
+  gap: 0.15rem;
+}
+
+.arrowButton {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  color: var(--text-tertiary);
+}
+
+.clearButton {
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--color-gray-100);
+  border: none;
+  color: var(--text-tertiary);
+  border-radius: 50%;
+  cursor: pointer;
+  transition: all var(--transition-fast);
+  z-index: 1;
+}
+
+.clearButton:hover {
+  background: var(--color-gray-300);
+  color: var(--text-primary);
+}
+
+.clearButton:focus-visible {
+  outline: none;
+  background: var(--color-gray-300);
+  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.18);
+}
+
+.rotate {
+  transform: rotate(180deg);
+}
+
+.dropdown {
+  position: absolute;
+  top: calc(100% + 8px);
+  right: 0;
+  width: 290px;
+  z-index: 60;
+  padding-bottom: var(--spacing-md);
+}
+
+.dropdownLeft {
+  left: 0;
+  right: auto;
+}
+
+.dropdownPanel {
+  background: 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);
+  overflow: hidden;
+}
+
+.dropdownContent {
+  padding: 1rem;
+}
+
+.dropdownFooter {
+  border-top: 1px solid var(--border-divider);
+  padding: var(--spacing-sm-large);
+}
+
+.calendarHeader {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+  margin-bottom: 0.85rem;
+}
+
+.monthTitle {
+  margin: 0;
+  font-size: 0.95rem;
+  font-weight: 600;
+  color: var(--text-primary);
+}
+
+.monthNavButton {
+  width: 32px;
+  height: 32px;
+  border: none;
+  border-radius: 999px;
+  background: var(--bg-hover-primary);
+  color: var(--text-primary);
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  transition: all var(--transition-fast);
+}
+
+.monthNavButton:hover {
+  background: var(--bg-page);
+}
+
+.monthNavButton:disabled {
+  opacity: 0.35;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.weekdaysRow {
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  gap: 4px;
+  margin-bottom: 0.45rem;
+}
+
+.weekdayLabel {
+  text-align: center;
+  font-size: 0.72rem;
+  font-weight: 600;
+  color: var(--text-tertiary);
+  padding: 0.35rem 0;
+}
+
+.calendarGrid {
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  gap: 4px;
+}
+
+.emptyDay {
+  aspect-ratio: 1;
+}
+
+.calendarDay {
+  aspect-ratio: 1;
+  border: none;
+  border-radius: var(--radius-sm);
+  background: transparent;
+  color: var(--text-primary);
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 0.86rem;
+  transition: all var(--transition-fast);
+}
+
+.calendarDay:hover:not(:disabled):not(.selectedDay) {
+  background: var(--bg-hover-primary);
+}
+
+.calendarDay:disabled {
+  opacity: 0.3;
+  cursor: not-allowed;
+}
+
+.selectedDay {
+  background: var(--color-primary);
+  color: white;
+  font-weight: 700;
+}
+
+.todayDay {
+  box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.35);
+}
+
+.footerActions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 0.75rem;
+}
+
+.sm .trigger {
+  height: 35px;
+  font-size: 0.82rem;
+}
+
+.sm .clearButton,
+.sm .arrowButton {
+  width: 20px;
+  height: 20px;
+}
+
+.md .trigger {
+  height: 40px;
+}
+
+.lg .trigger {
+  height: 45px;
+  font-size: 1rem;
+}
+
+.lg .clearButton,
+.lg .arrowButton {
+  width: 28px;
+  height: 28px;
+}
+
+.inputError {
+  border-color: #ef4444 !important;
+}

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

@@ -0,0 +1,24 @@
+import { DateInputSize, DateInputType } from './DateInput';
+export interface DateRangeValue {
+    startDate: string;
+    endDate: string;
+}
+export interface DateRangeInputProps {
+    value?: DateRangeValue;
+    onChange?: (value: DateRangeValue) => void;
+    startLabel?: string;
+    endLabel?: string;
+    placeholderStart?: string;
+    placeholderEnd?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    min?: string;
+    max?: string;
+    size?: DateInputSize;
+    type?: DateInputType;
+    hasErrorStart?: boolean;
+    hasErrorEnd?: boolean;
+}
+export default function DateRangeInput({ value, onChange, startLabel, endLabel, placeholderStart, placeholderEnd, disabled, readOnly, required, min, max, size, type, hasErrorStart, hasErrorEnd, }: DateRangeInputProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DateRangeInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangeInput.d.ts","sourceRoot":"","sources":["../../../../../src/features/inputs/components/Inputs/DateRangeInput.tsx"],"names":[],"mappings":"AAAA,OAAkB,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGtE,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,KAAK,EACL,QAAQ,EACR,UAA2B,EAC3B,QAAuB,EACvB,gBAAgB,EAChB,cAAc,EACd,QAAgB,EAChB,QAAgB,EAChB,QAAgB,EAChB,GAAG,EACH,GAAG,EACH,IAAW,EACX,IAAa,EACb,aAAqB,EACrB,WAAmB,GACpB,EAAE,mBAAmB,2CAyCrB"}

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import DateInput from './DateInput';
+import styles from './DateRangeInput.module.css';
+export default function DateRangeInput({ value, onChange, startLabel = 'Data inicial', endLabel = 'Data final', placeholderStart, placeholderEnd, disabled = false, readOnly = false, required = false, min, max, size = 'md', type = 'date', hasErrorStart = false, hasErrorEnd = false, }) {
+    var _a, _b;
+    const startDate = (_a = value === null || value === void 0 ? void 0 : value.startDate) !== null && _a !== void 0 ? _a : '';
+    const endDate = (_b = value === null || value === void 0 ? void 0 : value.endDate) !== null && _b !== void 0 ? _b : '';
+    return (_jsxs("div", { className: styles.container, children: [_jsxs("div", { className: styles.field, children: [_jsx("span", { className: styles.label, children: startLabel }), _jsx(DateInput, { value: startDate, onChange: (next) => onChange === null || onChange === void 0 ? void 0 : onChange({ startDate: next, endDate }), placeholder: placeholderStart, disabled: disabled, readOnly: readOnly, required: required, min: min, max: max, size: size, type: type, hasError: hasErrorStart })] }), _jsxs("div", { className: styles.field, children: [_jsx("span", { className: styles.label, children: endLabel }), _jsx(DateInput, { value: endDate, onChange: (next) => onChange === null || onChange === void 0 ? void 0 : onChange({ startDate, endDate: next }), placeholder: placeholderEnd, disabled: disabled, readOnly: readOnly, required: required, min: startDate || min, max: max, size: size, type: type, hasError: hasErrorEnd })] })] }));
+}
+//# sourceMappingURL=DateRangeInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangeInput.js","sourceRoot":"","sources":["../../../../../src/features/inputs/components/Inputs/DateRangeInput.tsx"],"names":[],"mappings":";AAAA,OAAO,SAA2C,MAAM,aAAa,CAAC;AACtE,OAAO,MAAM,MAAM,6BAA6B,CAAC;AAyBjD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,KAAK,EACL,QAAQ,EACR,UAAU,GAAG,cAAc,EAC3B,QAAQ,GAAG,YAAY,EACvB,gBAAgB,EAChB,cAAc,EACd,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,GAAG,EACH,GAAG,EACH,IAAI,GAAG,IAAI,EACX,IAAI,GAAG,MAAM,EACb,aAAa,GAAG,KAAK,EACrB,WAAW,GAAG,KAAK,GACC;;IACpB,MAAM,SAAS,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,mCAAI,EAAE,CAAC;IACzC,MAAM,OAAO,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,mCAAI,EAAE,CAAC;IAErC,OAAO,CACL,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC9B,eAAK,SAAS,EAAE,MAAM,CAAC,KAAK,aAC1B,eAAM,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,UAAU,GAAQ,EAClD,KAAC,SAAS,IACR,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,EAC5D,WAAW,EAAE,gBAAgB,EAC7B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,aAAa,GACvB,IACE,EAEN,eAAK,SAAS,EAAE,MAAM,CAAC,KAAK,aAC1B,eAAM,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,QAAQ,GAAQ,EAChD,KAAC,SAAS,IACR,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAC5D,WAAW,EAAE,cAAc,EAC3B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,SAAS,IAAI,GAAG,EACrB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,WAAW,GACrB,IACE,IACF,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,24 @@
+.container {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 0.75rem;
+  width: 100%;
+}
+
+.field {
+  display: flex;
+  flex-direction: column;
+  gap: 0.4rem;
+}
+
+.label {
+  font-size: 0.75rem;
+  font-weight: 600;
+  color: var(--text-secondary);
+}
+
+@media (max-width: 760px) {
+  .container {
+    grid-template-columns: 1fr;
+  }
+}

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

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+export type NumberInputMode = 'currency' | 'percent' | 'decimal';
+export type NumberInputSize = 'sm' | 'md' | 'lg';
+export interface NumberInputProps {
+    value?: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    readOnly?: boolean;
+    disabled?: boolean;
+    className?: string;
+    containerClassName?: string;
+    leftIcon?: ReactNode;
+    prefixText?: ReactNode;
+    decimals?: number;
+    mode?: NumberInputMode;
+    size?: NumberInputSize;
+    hasError?: boolean;
+}
+declare const NumberInput: import("react").ForwardRefExoticComponent<NumberInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export default NumberInput;
+//# sourceMappingURL=NumberInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../../../src/features/inputs/components/Inputs/NumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAoD,MAAM,OAAO,CAAC;AAUpF,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;AACjE,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAcD,QAAA,MAAM,WAAW,+GAyHhB,CAAC;AAIF,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,82 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, forwardRef, useImperativeHandle, useRef } from 'react';
+import { X } from 'lucide-react';
+import { formatDecimalCommaFromNumber, maskDecimalCommaFromInput, parseDecimalCommaToNumber, } from '@/shared/utils/maskedDecimal';
+import styles from './NumberInput.module.css';
+function getPrefix(mode, prefixText) {
+    if (prefixText !== undefined)
+        return prefixText;
+    if (mode === 'currency')
+        return 'Kz';
+    if (mode === 'percent')
+        return '%';
+    return undefined;
+}
+function parseToNumber(value) {
+    const parsed = Number(String(value !== null && value !== void 0 ? value : '').replace(',', '.'));
+    return Number.isFinite(parsed) ? parsed : 0;
+}
+const NumberInput = forwardRef(({ value = '', onChange, placeholder, readOnly = false, disabled = false, className = '', containerClassName = '', leftIcon, prefixText, decimals = 2, mode = 'decimal', size = 'md', hasError = false, }, ref) => {
+    const inputRef = useRef(null);
+    useImperativeHandle(ref, () => inputRef.current);
+    const prefix = getPrefix(mode, prefixText);
+    const hasLeading = Boolean(leftIcon || prefix);
+    const displayValue = useMemo(() => {
+        if (!String(value !== null && value !== void 0 ? value : '').trim())
+            return '';
+        const numberValue = parseToNumber(value);
+        return formatDecimalCommaFromNumber(numberValue, {
+            decimals,
+            showThousandsSeparator: mode !== 'percent',
+        });
+    }, [value, decimals, mode]);
+    const shouldShowClearButton = !!(value === null || value === void 0 ? void 0 : value.length) && !disabled && !readOnly;
+    const containerClasses = [
+        styles.inputContainer,
+        styles[size],
+        hasLeading ? styles.hasLeading : '',
+        shouldShowClearButton ? styles.hasRightControl : '',
+        disabled || readOnly ? styles.disabledState : '',
+        hasError ? styles.inputError : '',
+        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();
+    };
+    return (_jsxs("div", { className: containerClasses, children: [hasLeading && (_jsxs("div", { className: styles.leadingGroup, children: [leftIcon && _jsx("span", { className: styles.inputIcon, children: leftIcon }), prefix && _jsx("span", { className: styles.prefix, children: prefix })] })), _jsx("input", { ref: inputRef, type: "text", className: inputClasses, value: displayValue, onChange: (event) => {
+                    var _a;
+                    const raw = (_a = event.target.value) !== null && _a !== void 0 ? _a : '';
+                    const digits = raw.replace(/\D/g, '');
+                    if (!digits.length) {
+                        onChange === null || onChange === void 0 ? void 0 : onChange('');
+                        return;
+                    }
+                    const masked = maskDecimalCommaFromInput(raw, {
+                        decimals,
+                        showThousandsSeparator: mode !== 'percent',
+                    });
+                    const parsed = parseDecimalCommaToNumber(masked);
+                    if (!Number.isFinite(parsed)) {
+                        onChange === null || onChange === void 0 ? void 0 : onChange('');
+                        return;
+                    }
+                    // Limit percent mode to max 100
+                    if (mode === 'percent' && parsed > 100) {
+                        onChange === null || onChange === void 0 ? void 0 : onChange('100.00');
+                        return;
+                    }
+                    onChange === null || onChange === void 0 ? void 0 : onChange(parsed.toFixed(decimals));
+                }, placeholder: placeholder, readOnly: readOnly, disabled: disabled, inputMode: "decimal", autoComplete: "off" }), shouldShowClearButton && (_jsx("button", { type: "button", className: styles.clearButton, onClick: handleClear, "aria-label": "Limpar campo", tabIndex: -1, children: _jsx(X, { size: 16 }) }))] }));
+});
+NumberInput.displayName = 'NumberInput';
+export default NumberInput;
+//# sourceMappingURL=NumberInput.js.map

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

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

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

@@ -0,0 +1,148 @@
+.inputContainer {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  border: 1px solid var(--border-divider);
+  border-radius: var(--radius-sm);
+  background-color: var(--bg-secondary);
+  transition: all var(--transition-fast);
+  position: relative;
+}
+
+.inputContainer:focus-within {
+  border-color: var(--border-focus);
+  background-color: var(--bg-primary);
+  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
+}
+
+.textInput {
+  flex: 1;
+  width: 100%;
+  padding: 0 var(--spacing-md);
+  border: none;
+  font-size: 0.9rem;
+  background-color: transparent;
+  color: var(--text-primary);
+  transition: all var(--transition-fast);
+}
+
+.textInput::placeholder {
+  color: var(--text-tertiary);
+}
+
+.textInput:focus {
+  outline: none;
+}
+
+.disabledState {
+  background-color: var(--bg-secondary);
+}
+
+.textInput:disabled,
+.textInput[readonly] {
+  color: var(--text-tertiary);
+  cursor: not-allowed;
+}
+
+.leadingGroup {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--spacing-md);
+  padding: 0 var(--spacing-md);
+  color: var(--text-secondary);
+  flex-shrink: 0;
+  pointer-events: none;
+}
+
+.inputIcon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.prefix {
+  font-size: 0.85rem;
+}
+
+.hasLeading .textInput {
+  padding-left: 0;
+}
+
+.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);
+}
+
+.hasRightControl .textInput {
+  padding-right: 2.5rem;
+}
+
+.sm {
+  height: 32px;
+}
+
+.sm .textInput {
+  height: 32px;
+  font-size: 0.75rem;
+}
+
+.sm .leadingGroup {
+  gap: var(--spacing-sm);
+  padding: 0 var(--spacing-sm);
+}
+
+.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 .leadingGroup {
+  gap: var(--spacing-md);
+  padding: 0 var(--spacing-md);
+}
+
+.lg .clearButton {
+  width: 28px;
+  height: 28px;
+  right: var(--spacing-md);
+}
+
+.inputError {
+  border-color: #ef4444 !important;
+}

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

@@ -0,0 +1,9 @@
+import { TextInputProps } from '../types/input.types';
+export interface PhoneInputProps extends Omit<TextInputProps, 'type' | 'showPasswordToggle'> {
+    countryCode?: string;
+    allowAutoComplete?: boolean;
+    leftIcon?: React.ReactNode;
+}
+declare const PhoneInput: import("react").ForwardRefExoticComponent<PhoneInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export default PhoneInput;
+//# sourceMappingURL=PhoneInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../../../../../src/features/inputs/components/Inputs/PhoneInput/PhoneInput.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGtD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,oBAAoB,CAAC;IAC1F,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAqCD,QAAA,MAAM,UAAU,8GA6Pf,CAAC;AAIF,eAAe,UAAU,CAAC"}