@idds/react 1.1.90 → 1.1.92

package/dist/index.es.js

@@ -776,176 +776,200 @@ const createReactComponent = (type, iconName, iconNamePascal, iconNode) => {
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$s = [["path", { "d": "M20 6v12a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2z", "key": "svg-0" }], ["path", { "d": "M10 16h6", "key": "svg-1" }], ["path", { "d": "M13 11m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0", "key": "svg-2" }], ["path", { "d": "M4 8h3", "key": "svg-3" }], ["path", { "d": "M4 12h3", "key": "svg-4" }], ["path", { "d": "M4 16h3", "key": "svg-5" }]];
-const IconAddressBook = createReactComponent("outline", "address-book", "AddressBook", __iconNode$s);
+const __iconNode$v = [["path", { "d": "M20 6v12a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2z", "key": "svg-0" }], ["path", { "d": "M10 16h6", "key": "svg-1" }], ["path", { "d": "M13 11m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0", "key": "svg-2" }], ["path", { "d": "M4 8h3", "key": "svg-3" }], ["path", { "d": "M4 12h3", "key": "svg-4" }], ["path", { "d": "M4 16h3", "key": "svg-5" }]];
+const IconAddressBook = createReactComponent("outline", "address-book", "AddressBook", __iconNode$v);
 /**
  * @license @tabler/icons-react v3.35.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$r = [["path", { "d": "M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0", "key": "svg-0" }], ["path", { "d": "M12 8v4", "key": "svg-1" }], ["path", { "d": "M12 16h.01", "key": "svg-2" }]];
-const IconAlertCircle = createReactComponent("outline", "alert-circle", "AlertCircle", __iconNode$r);
+const __iconNode$u = [["path", { "d": "M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0", "key": "svg-0" }], ["path", { "d": "M12 8v4", "key": "svg-1" }], ["path", { "d": "M12 16h.01", "key": "svg-2" }]];
+const IconAlertCircle = createReactComponent("outline", "alert-circle", "AlertCircle", __iconNode$u);
 /**
  * @license @tabler/icons-react v3.35.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$q = [["path", { "d": "M12 9v4", "key": "svg-0" }], ["path", { "d": "M10.363 3.591l-8.106 13.534a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636 -2.87l-8.106 -13.536a1.914 1.914 0 0 0 -3.274 0z", "key": "svg-1" }], ["path", { "d": "M12 16h.01", "key": "svg-2" }]];
-const IconAlertTriangle = createReactComponent("outline", "alert-triangle", "AlertTriangle", __iconNode$q);
+const __iconNode$t = [["path", { "d": "M12 9v4", "key": "svg-0" }], ["path", { "d": "M10.363 3.591l-8.106 13.534a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636 -2.87l-8.106 -13.536a1.914 1.914 0 0 0 -3.274 0z", "key": "svg-1" }], ["path", { "d": "M12 16h.01", "key": "svg-2" }]];
+const IconAlertTriangle = createReactComponent("outline", "alert-triangle", "AlertTriangle", __iconNode$t);
 /**
  * @license @tabler/icons-react v3.35.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$p = [["path", { "d": "M12 5l0 14", "key": "svg-0" }], ["path", { "d": "M16 15l-4 4", "key": "svg-1" }], ["path", { "d": "M8 15l4 4", "key": "svg-2" }]];
-const IconArrowNarrowDown = createReactComponent("outline", "arrow-narrow-down", "ArrowNarrowDown", __iconNode$p);
+const __iconNode$s = [["path", { "d": "M12 5l0 14", "key": "svg-0" }], ["path", { "d": "M16 15l-4 4", "key": "svg-1" }], ["path", { "d": "M8 15l4 4", "key": "svg-2" }]];
+const IconArrowNarrowDown = createReactComponent("outline", "arrow-narrow-down", "ArrowNarrowDown", __iconNode$s);
 /**
  * @license @tabler/icons-react v3.35.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$o = [["path", { "d": "M12 5l0 14", "key": "svg-0" }], ["path", { "d": "M16 9l-4 -4", "key": "svg-1" }], ["path", { "d": "M8 9l4 -4", "key": "svg-2" }]];
-const IconArrowNarrowUp = createReactComponent("outline", "arrow-narrow-up", "ArrowNarrowUp", __iconNode$o);
+const __iconNode$r = [["path", { "d": "M12 5l0 14", "key": "svg-0" }], ["path", { "d": "M16 9l-4 -4", "key": "svg-1" }], ["path", { "d": "M8 9l4 -4", "key": "svg-2" }]];
+const IconArrowNarrowUp = createReactComponent("outline", "arrow-narrow-up", "ArrowNarrowUp", __iconNode$r);
 /**
  * @license @tabler/icons-react v3.35.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$n = [["path", { "d": "M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12z", "key": "svg-0" }], ["path", { "d": "M16 3v4", "key": "svg-1" }], ["path", { "d": "M8 3v4", "key": "svg-2" }], ["path", { "d": "M4 11h16", "key": "svg-3" }], ["path", { "d": "M11 15h1", "key": "svg-4" }], ["path", { "d": "M12 15v3", "key": "svg-5" }]];
-const IconCalendar = createReactComponent("outline", "calendar", "Calendar", __iconNode$n);
+const __iconNode$q = [["path", { "d": "M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12z", "key": "svg-0" }], ["path", { "d": "M16 3v4", "key": "svg-1" }], ["path", { "d": "M8 3v4", "key": "svg-2" }], ["path", { "d": "M4 11h16", "key": "svg-3" }], ["path", { "d": "M11 15h1", "key": "svg-4" }], ["path", { "d": "M12 15v3", "key": "svg-5" }]];
+const IconCalendar = createReactComponent("outline", "calendar", "Calendar", __iconNode$q);
 /**
  * @license @tabler/icons-react v3.35.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$m = [["path", { "d": "M5 12l5 5l10 -10", "key": "svg-0" }]];
-const IconCheck = createReactComponent("outline", "check", "Check", __iconNode$m);
+const __iconNode$p = [["path", { "d": "M5 12l5 5l10 -10", "key": "svg-0" }]];
+const IconCheck = createReactComponent("outline", "check", "Check", __iconNode$p);
 /**
  * @license @tabler/icons-react v3.35.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$l = [["path", { "d": "M6 9l6 6l6 -6", "key": "svg-0" }]];
-const IconChevronDown = createReactComponent("outline", "chevron-down", "ChevronDown", __iconNode$l);
+const __iconNode$o = [["path", { "d": "M6 9l6 6l6 -6", "key": "svg-0" }]];
+const IconChevronDown = createReactComponent("outline", "chevron-down", "ChevronDown", __iconNode$o);
 /**
  * @license @tabler/icons-react v3.35.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$k = [["path", { "d": "M15 6l-6 6l6 6", "key": "svg-0" }]];
-const IconChevronLeft = createReactComponent("outline", "chevron-left", "ChevronLeft", __iconNode$k);
+const __iconNode$n = [["path", { "d": "M15 6l-6 6l6 6", "key": "svg-0" }]];
+const IconChevronLeft = createReactComponent("outline", "chevron-left", "ChevronLeft", __iconNode$n);
 /**
  * @license @tabler/icons-react v3.35.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$j = [["path", { "d": "M9 6l6 6l-6 6", "key": "svg-0" }]];
-const IconChevronRight = createReactComponent("outline", "chevron-right", "ChevronRight", __iconNode$j);
+const __iconNode$m = [["path", { "d": "M9 6l6 6l-6 6", "key": "svg-0" }]];
+const IconChevronRight = createReactComponent("outline", "chevron-right", "ChevronRight", __iconNode$m);
 /**
  * @license @tabler/icons-react v3.35.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$i = [["path", { "d": "M6 15l6 -6l6 6", "key": "svg-0" }]];
-const IconChevronUp = createReactComponent("outline", "chevron-up", "ChevronUp", __iconNode$i);
+const __iconNode$l = [["path", { "d": "M6 15l6 -6l6 6", "key": "svg-0" }]];
+const IconChevronUp = createReactComponent("outline", "chevron-up", "ChevronUp", __iconNode$l);
 /**
  * @license @tabler/icons-react v3.35.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$h = [["path", { "d": "M11 7l-5 5l5 5", "key": "svg-0" }], ["path", { "d": "M17 7l-5 5l5 5", "key": "svg-1" }]];
-const IconChevronsLeft = createReactComponent("outline", "chevrons-left", "ChevronsLeft", __iconNode$h);
+const __iconNode$k = [["path", { "d": "M11 7l-5 5l5 5", "key": "svg-0" }], ["path", { "d": "M17 7l-5 5l5 5", "key": "svg-1" }]];
+const IconChevronsLeft = createReactComponent("outline", "chevrons-left", "ChevronsLeft", __iconNode$k);
 /**
  * @license @tabler/icons-react v3.35.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$g = [["path", { "d": "M7 7l5 5l-5 5", "key": "svg-0" }], ["path", { "d": "M13 7l5 5l-5 5", "key": "svg-1" }]];
-const IconChevronsRight = createReactComponent("outline", "chevrons-right", "ChevronsRight", __iconNode$g);
+const __iconNode$j = [["path", { "d": "M7 7l5 5l-5 5", "key": "svg-0" }], ["path", { "d": "M13 7l5 5l-5 5", "key": "svg-1" }]];
+const IconChevronsRight = createReactComponent("outline", "chevrons-right", "ChevronsRight", __iconNode$j);
 /**
  * @license @tabler/icons-react v3.35.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$f = [["path", { "d": "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0", "key": "svg-0" }], ["path", { "d": "M9 12l2 2l4 -4", "key": "svg-1" }]];
-const IconCircleCheck = createReactComponent("outline", "circle-check", "CircleCheck", __iconNode$f);
+const __iconNode$i = [["path", { "d": "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0", "key": "svg-0" }], ["path", { "d": "M9 12l2 2l4 -4", "key": "svg-1" }]];
+const IconCircleCheck = createReactComponent("outline", "circle-check", "CircleCheck", __iconNode$i);
 /**
  * @license @tabler/icons-react v3.35.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$e = [["path", { "d": "M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0", "key": "svg-0" }], ["path", { "d": "M12 7v5l3 3", "key": "svg-1" }]];
-const IconClock = createReactComponent("outline", "clock", "Clock", __iconNode$e);
+const __iconNode$h = [["path", { "d": "M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0", "key": "svg-0" }], ["path", { "d": "M12 7v5l3 3", "key": "svg-1" }]];
+const IconClock = createReactComponent("outline", "clock", "Clock", __iconNode$h);
 /**
  * @license @tabler/icons-react v3.35.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$d = [["path", { "d": "M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", "key": "svg-0" }], ["path", { "d": "M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", "key": "svg-1" }], ["path", { "d": "M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", "key": "svg-2" }]];
-const IconDotsVertical = createReactComponent("outline", "dots-vertical", "DotsVertical", __iconNode$d);
+const __iconNode$g = [["path", { "d": "M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", "key": "svg-0" }], ["path", { "d": "M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", "key": "svg-1" }], ["path", { "d": "M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", "key": "svg-2" }]];
+const IconDotsVertical = createReactComponent("outline", "dots-vertical", "DotsVertical", __iconNode$g);
 /**
  * @license @tabler/icons-react v3.35.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$c = [["path", { "d": "M10.585 10.587a2 2 0 0 0 2.829 2.828", "key": "svg-0" }], ["path", { "d": "M16.681 16.673a8.717 8.717 0 0 1 -4.681 1.327c-3.6 0 -6.6 -2 -9 -6c1.272 -2.12 2.712 -3.678 4.32 -4.674m2.86 -1.146a9.055 9.055 0 0 1 1.82 -.18c3.6 0 6.6 2 9 6c-.666 1.11 -1.379 2.067 -2.138 2.87", "key": "svg-1" }], ["path", { "d": "M3 3l18 18", "key": "svg-2" }]];
-const IconEyeOff = createReactComponent("outline", "eye-off", "EyeOff", __iconNode$c);
+const __iconNode$f = [["path", { "d": "M10.585 10.587a2 2 0 0 0 2.829 2.828", "key": "svg-0" }], ["path", { "d": "M16.681 16.673a8.717 8.717 0 0 1 -4.681 1.327c-3.6 0 -6.6 -2 -9 -6c1.272 -2.12 2.712 -3.678 4.32 -4.674m2.86 -1.146a9.055 9.055 0 0 1 1.82 -.18c3.6 0 6.6 2 9 6c-.666 1.11 -1.379 2.067 -2.138 2.87", "key": "svg-1" }], ["path", { "d": "M3 3l18 18", "key": "svg-2" }]];
+const IconEyeOff = createReactComponent("outline", "eye-off", "EyeOff", __iconNode$f);
 /**
  * @license @tabler/icons-react v3.35.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$b = [["path", { "d": "M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0", "key": "svg-0" }], ["path", { "d": "M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6", "key": "svg-1" }]];
-const IconEye = createReactComponent("outline", "eye", "Eye", __iconNode$b);
+const __iconNode$e = [["path", { "d": "M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0", "key": "svg-0" }], ["path", { "d": "M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6", "key": "svg-1" }]];
+const IconEye = createReactComponent("outline", "eye", "Eye", __iconNode$e);
 /**
  * @license @tabler/icons-react v3.35.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$a = [["path", { "d": "M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0", "key": "svg-0" }], ["path", { "d": "M12 9h.01", "key": "svg-1" }], ["path", { "d": "M11 12h1v4h1", "key": "svg-2" }]];
-const IconInfoCircle = createReactComponent("outline", "info-circle", "InfoCircle", __iconNode$a);
+const __iconNode$d = [["path", { "d": "M14 3v4a1 1 0 0 0 1 1h4", "key": "svg-0" }], ["path", { "d": "M5 12v-7a2 2 0 0 1 2 -2h7l5 5v4", "key": "svg-1" }], ["path", { "d": "M5 18h1.5a1.5 1.5 0 0 0 0 -3h-1.5v6", "key": "svg-2" }], ["path", { "d": "M17 18h2", "key": "svg-3" }], ["path", { "d": "M20 15h-3v6", "key": "svg-4" }], ["path", { "d": "M11 15v6h1a2 2 0 0 0 2 -2v-2a2 2 0 0 0 -2 -2h-1z", "key": "svg-5" }]];
+const IconFileTypePdf = createReactComponent("outline", "file-type-pdf", "FileTypePdf", __iconNode$d);
 /**
  * @license @tabler/icons-react v3.35.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$9 = [["path", { "d": "M12 3a9 9 0 1 0 9 9", "key": "svg-0" }]];
-const IconLoader2 = createReactComponent("outline", "loader-2", "Loader2", __iconNode$9);
+const __iconNode$c = [["path", { "d": "M14 3v4a1 1 0 0 0 1 1h4", "key": "svg-0" }], ["path", { "d": "M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z", "key": "svg-1" }]];
+const IconFile = createReactComponent("outline", "file", "File", __iconNode$c);
 /**
  * @license @tabler/icons-react v3.35.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$8 = [["path", { "d": "M5 12l14 0", "key": "svg-0" }]];
-const IconMinus = createReactComponent("outline", "minus", "Minus", __iconNode$8);
+const __iconNode$b = [["path", { "d": "M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0", "key": "svg-0" }], ["path", { "d": "M12 9h.01", "key": "svg-1" }], ["path", { "d": "M11 12h1v4h1", "key": "svg-2" }]];
+const IconInfoCircle = createReactComponent("outline", "info-circle", "InfoCircle", __iconNode$b);
 /**
  * @license @tabler/icons-react v3.35.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$7 = [["path", { "d": "M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z", "key": "svg-0" }]];
-const IconMoon = createReactComponent("outline", "moon", "Moon", __iconNode$7);
+const __iconNode$a = [["path", { "d": "M12 3a9 9 0 1 0 9 9", "key": "svg-0" }]];
+const IconLoader2 = createReactComponent("outline", "loader-2", "Loader2", __iconNode$a);
+/**
+ * @license @tabler/icons-react v3.35.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$9 = [["path", { "d": "M5 12l14 0", "key": "svg-0" }]];
+const IconMinus = createReactComponent("outline", "minus", "Minus", __iconNode$9);
+/**
+ * @license @tabler/icons-react v3.35.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$8 = [["path", { "d": "M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z", "key": "svg-0" }]];
+const IconMoon = createReactComponent("outline", "moon", "Moon", __iconNode$8);
+/**
+ * @license @tabler/icons-react v3.35.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$7 = [["path", { "d": "M15 8h.01", "key": "svg-0" }], ["path", { "d": "M3 6a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3v-12z", "key": "svg-1" }], ["path", { "d": "M3 16l5 -5c.928 -.893 2.072 -.893 3 0l5 5", "key": "svg-2" }], ["path", { "d": "M14 14l1 -1c.928 -.893 2.072 -.893 3 0l3 3", "key": "svg-3" }]];
+const IconPhoto = createReactComponent("outline", "photo", "Photo", __iconNode$7);
 /**
  * @license @tabler/icons-react v3.35.0 - MIT
  *
@@ -1461,7 +1485,8 @@ function Stepper({
   currentStep,
   orientation = "horizontal",
   className,
-  onStepClick
+  onStepClick,
+  errorSteps = []
 }) {
   const isHorizontal = orientation === "horizontal";
   return /* @__PURE__ */ jsx(
@@ -1479,13 +1504,15 @@ function Stepper({
         const isCompleted = index < currentStep;
         const isActive = index === currentStep;
         const isDisabled = step.disabled;
+        const isError = errorSteps.includes(index);
         return /* @__PURE__ */ jsxs(Fragment$1, { children: [
           /* @__PURE__ */ jsxs(
             "div",
             {
               className: clsx("ina-stepper__item", {
-                "ina-stepper__item--completed": isCompleted,
-                "ina-stepper__item--active": isActive,
+                "ina-stepper__item--completed": isCompleted && !isError,
+                "ina-stepper__item--active": isActive && !isError,
+                "ina-stepper__item--error": isError,
                 "ina-stepper__item--disabled": isDisabled,
                 "ina-stepper__item--clickable": onStepClick && !isDisabled
               }),
@@ -1519,7 +1546,7 @@ function Stepper({
             "div",
             {
               className: clsx("ina-stepper__separator", {
-                "ina-stepper__separator--completed": isCompleted
+                "ina-stepper__separator--completed": isCompleted && !isError
               })
             }
           )
@@ -2887,6 +2914,321 @@ function FileUpload({
     ] }, index)) })
   ] });
 }
+function SingleFileUpload({
+  title = "Unggah File",
+  description = "Description",
+  accept = "",
+  maxSize = 0,
+  allowedExtensions,
+  validateMagicNumber: validateMagicNumber$1 = true,
+  disabled = false,
+  className = "",
+  progress: externalProgress,
+  status: externalStatus,
+  onChange,
+  onRemove
+}) {
+  const fileInputRef = useRef(null);
+  const [file, setFile] = useState(null);
+  const [internalProgress, setInternalProgress] = useState(0);
+  const [internalStatus, setInternalStatus] = useState("idle");
+  const [isActive, setIsActive] = useState(false);
+  const progress = externalProgress !== void 0 ? externalProgress : internalProgress;
+  const status = externalStatus !== void 0 ? externalStatus : internalStatus;
+  const triggerFileInput = useCallback(() => {
+    var _a;
+    if (disabled || file) return;
+    (_a = fileInputRef.current) == null ? void 0 : _a.click();
+  }, [disabled, file]);
+  const handleFileChange = useCallback(
+    async (event) => {
+      var _a;
+      const selectedFile = (_a = event.target.files) == null ? void 0 : _a[0];
+      if (!selectedFile) return;
+      const sanitizedFileName = sanitizeFileName(selectedFile.name);
+      if (sanitizedFileName !== selectedFile.name) {
+        const errorResult = {
+          isValid: false,
+          error: "Nama file mengandung karakter yang tidak diizinkan",
+          file: selectedFile
+        };
+        setFile(null);
+        setInternalStatus("error");
+        onChange == null ? void 0 : onChange(null, errorResult);
+        if (fileInputRef.current) {
+          fileInputRef.current.value = "";
+        }
+        return;
+      }
+      if (allowedExtensions && allowedExtensions.length > 0) {
+        const fileName = selectedFile.name.toLowerCase();
+        const extension = fileName.substring(fileName.lastIndexOf(".") + 1);
+        if (!allowedExtensions.includes(extension.toLowerCase())) {
+          const errorResult = {
+            isValid: false,
+            error: `Ekstensi file harus: ${allowedExtensions.join(", ")}`,
+            file: selectedFile
+          };
+          setFile(null);
+          setInternalStatus("error");
+          onChange == null ? void 0 : onChange(null, errorResult);
+          if (fileInputRef.current) {
+            fileInputRef.current.value = "";
+          }
+          return;
+        }
+      }
+      const validation = validateFile(selectedFile, {
+        allowedTypes: accept || void 0,
+        maxSize: maxSize || void 0,
+        validateExtension: true
+      });
+      if (!validation.isValid) {
+        setFile(null);
+        setInternalStatus("error");
+        onChange == null ? void 0 : onChange(null, validation);
+        if (fileInputRef.current) {
+          fileInputRef.current.value = "";
+        }
+        return;
+      }
+      if (validateMagicNumber$1 && selectedFile.type) {
+        const magicValidation = await validateMagicNumber(
+          selectedFile,
+          selectedFile.type
+        );
+        if (!magicValidation.isValid) {
+          const errorResult = {
+            isValid: false,
+            error: magicValidation.error || "File signature tidak valid",
+            file: selectedFile
+          };
+          setFile(null);
+          setInternalStatus("error");
+          onChange == null ? void 0 : onChange(null, errorResult);
+          if (fileInputRef.current) {
+            fileInputRef.current.value = "";
+          }
+          return;
+        }
+      }
+      setFile(selectedFile);
+      setInternalStatus("success");
+      onChange == null ? void 0 : onChange(selectedFile, null);
+      if (fileInputRef.current) {
+        fileInputRef.current.value = "";
+      }
+    },
+    [accept, maxSize, allowedExtensions, validateMagicNumber$1, onChange]
+  );
+  const handleRemove = useCallback(() => {
+    setFile(null);
+    setInternalProgress(0);
+    setInternalStatus("idle");
+    setIsActive(false);
+    if (fileInputRef.current) {
+      fileInputRef.current.value = "";
+    }
+    onRemove == null ? void 0 : onRemove();
+    onChange == null ? void 0 : onChange(null, null);
+  }, [onRemove, onChange]);
+  const handleClick = useCallback(() => {
+    if (disabled || file) return;
+    triggerFileInput();
+  }, [disabled, file, triggerFileInput]);
+  const handleFocus = useCallback(() => {
+    if (disabled || file) return;
+    setIsActive(true);
+  }, [disabled, file]);
+  const handleBlur = useCallback(() => {
+    setIsActive(false);
+  }, []);
+  const handleDragOver = useCallback(
+    (e) => {
+      if (disabled || file) return;
+      e.preventDefault();
+      e.stopPropagation();
+      setIsActive(true);
+    },
+    [disabled, file]
+  );
+  const handleDragLeave = useCallback(
+    (e) => {
+      if (disabled || file) return;
+      e.preventDefault();
+      e.stopPropagation();
+      setIsActive(false);
+    },
+    [disabled, file]
+  );
+  const handleDrop = useCallback(
+    async (e) => {
+      if (disabled || file) return;
+      e.preventDefault();
+      e.stopPropagation();
+      setIsActive(false);
+      const droppedFile = e.dataTransfer.files[0];
+      if (!droppedFile) return;
+      const sanitizedFileName = sanitizeFileName(droppedFile.name);
+      if (sanitizedFileName !== droppedFile.name) {
+        const errorResult = {
+          isValid: false,
+          error: "Nama file mengandung karakter yang tidak diizinkan",
+          file: droppedFile
+        };
+        setFile(null);
+        setInternalStatus("error");
+        onChange == null ? void 0 : onChange(null, errorResult);
+        return;
+      }
+      if (allowedExtensions && allowedExtensions.length > 0) {
+        const fileName = droppedFile.name.toLowerCase();
+        const extension = fileName.substring(fileName.lastIndexOf(".") + 1);
+        if (!allowedExtensions.includes(extension.toLowerCase())) {
+          const errorResult = {
+            isValid: false,
+            error: `Ekstensi file harus: ${allowedExtensions.join(", ")}`,
+            file: droppedFile
+          };
+          setFile(null);
+          setInternalStatus("error");
+          onChange == null ? void 0 : onChange(null, errorResult);
+          return;
+        }
+      }
+      const validation = validateFile(droppedFile, {
+        allowedTypes: accept || void 0,
+        maxSize: maxSize || void 0,
+        validateExtension: true
+      });
+      if (!validation.isValid) {
+        setFile(null);
+        setInternalStatus("error");
+        onChange == null ? void 0 : onChange(null, validation);
+        return;
+      }
+      if (validateMagicNumber$1 && droppedFile.type) {
+        const magicValidation = await validateMagicNumber(
+          droppedFile,
+          droppedFile.type
+        );
+        if (!magicValidation.isValid) {
+          const errorResult = {
+            isValid: false,
+            error: magicValidation.error || "File signature tidak valid",
+            file: droppedFile
+          };
+          setFile(null);
+          setInternalStatus("error");
+          onChange == null ? void 0 : onChange(null, errorResult);
+          return;
+        }
+      }
+      setFile(droppedFile);
+      setInternalStatus("success");
+      onChange == null ? void 0 : onChange(droppedFile, null);
+    },
+    [
+      disabled,
+      file,
+      accept,
+      maxSize,
+      allowedExtensions,
+      validateMagicNumber$1,
+      onChange
+    ]
+  );
+  const getFileIcon = () => {
+    if (!file) return null;
+    const fileType = file.type;
+    const fileName = file.name.toLowerCase();
+    if (fileType === "application/pdf" || fileName.endsWith(".pdf")) {
+      return /* @__PURE__ */ jsx(IconFileTypePdf, { size: 16 });
+    }
+    if (fileType.startsWith("image/")) {
+      return /* @__PURE__ */ jsx(IconPhoto, { size: 16 });
+    }
+    return /* @__PURE__ */ jsx(IconFile, { size: 16 });
+  };
+  const containerClasses = clsx("ina-single-file-upload__container", {
+    "ina-single-file-upload__container--active": isActive && !disabled && !file,
+    "ina-single-file-upload__container--disabled": disabled
+  });
+  return /* @__PURE__ */ jsxs("div", { className: clsx("ina-single-file-upload", className), children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref: fileInputRef,
+        type: "file",
+        accept,
+        disabled,
+        className: "ina-single-file-upload__input",
+        onChange: handleFileChange
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: containerClasses,
+        onClick: handleClick,
+        onFocus: handleFocus,
+        onBlur: handleBlur,
+        onDragOver: handleDragOver,
+        onDragLeave: handleDragLeave,
+        onDrop: handleDrop,
+        tabIndex: disabled || file ? -1 : 0,
+        role: "button",
+        "aria-label": file ? `File: ${file.name}` : "Upload file",
+        children: [
+          !file && status === "idle" && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("div", { className: "ina-single-file-upload__icon-wrapper ina-single-file-upload__icon-wrapper--default", children: /* @__PURE__ */ jsx(IconUpload, { size: 24 }) }),
+            /* @__PURE__ */ jsxs("div", { className: "ina-single-file-upload__content", children: [
+              /* @__PURE__ */ jsx("div", { className: "ina-single-file-upload__title", children: title }),
+              /* @__PURE__ */ jsx("div", { className: "ina-single-file-upload__description", children: description })
+            ] })
+          ] }),
+          !file && status === "uploading" && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("div", { className: "ina-single-file-upload__icon-wrapper ina-single-file-upload__icon-wrapper--default", children: /* @__PURE__ */ jsx(IconUpload, { size: 24 }) }),
+            /* @__PURE__ */ jsxs("div", { className: "ina-single-file-upload__progress", children: [
+              /* @__PURE__ */ jsx("div", { className: "ina-single-file-upload__progress-bar", children: /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "ina-single-file-upload__progress-fill",
+                  style: { width: `${progress}%` }
+                }
+              ) }),
+              /* @__PURE__ */ jsxs("div", { className: "ina-single-file-upload__progress-text", children: [
+                "Uploading... ",
+                progress,
+                "%"
+              ] })
+            ] })
+          ] }),
+          file && status === "success" && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("div", { className: "ina-single-file-upload__icon-wrapper ina-single-file-upload__icon-wrapper--file", children: getFileIcon() }),
+            /* @__PURE__ */ jsxs("div", { className: "ina-single-file-upload__content", children: [
+              /* @__PURE__ */ jsx("div", { className: "ina-single-file-upload__title", children: file.name }),
+              /* @__PURE__ */ jsx("div", { className: "ina-single-file-upload__description", children: description })
+            ] }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "ina-single-file-upload__delete-button",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  handleRemove();
+                },
+                "aria-label": "Remove file",
+                children: /* @__PURE__ */ jsx(IconTrash, { size: 20 })
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+}
 function FieldInputTable({
   value,
   onChange,
@@ -3545,7 +3887,7 @@ function PasswordInput({
         className: clsx(
           "ina-password-input__wrapper",
           `ina-password-input__wrapper--size-${size}`,
-          `ina-password-input__wrapper--status-${status}`,
+          status !== "neutral" && `ina-password-input__wrapper--${status}`,
           disabled && "ina-password-input__wrapper--disabled"
         ),
         children: [
@@ -3587,32 +3929,23 @@ function PasswordInput({
         ]
       }
     ),
-    bottomText && /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: clsx(
-          "ina-password-input__bottom-area",
-          "flex justify-between items-center text-xs"
-        ),
-        children: [
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: clsx(
-                "ina-password-input__helper-text",
-                `ina-password-input__helper-text--${status}`
-              ),
-              children: bottomText
-            }
+    bottomText && /* @__PURE__ */ jsxs("div", { className: "ina-password-input__status-area", children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: clsx(
+            "ina-password-input__status-message",
+            status !== "neutral" && `ina-password-input__status-message--${status}`
           ),
-          showCharCount && maxLength != null && /* @__PURE__ */ jsxs("div", { className: "ina-password-input__char-count", children: [
-            inner.length,
-            "/",
-            maxLength
-          ] })
-        ]
-      }
-    )
+          children: bottomText
+        }
+      ),
+      showCharCount && maxLength != null && /* @__PURE__ */ jsxs("div", { className: "ina-password-input__character-count", children: [
+        inner.length,
+        "/",
+        maxLength
+      ] })
+    ] })
   ] });
 }
 function PhoneInput({
@@ -3769,7 +4102,8 @@ function SelectDropdown({
   searchValue,
   onSearchChange,
   disabled = false,
-  showPreviewValue = true
+  showPreviewValue = true,
+  searchable = true
 }) {
   const [isOpen, setIsOpen] = useState(false);
   const [internalSearchTerm, setInternalSearchTerm] = useState("");
@@ -3844,7 +4178,7 @@ function SelectDropdown({
     const found = options.find((o) => o.value === singleSelected);
     triggerLabel = found ? found.label : placeholder;
   }
-  const filteredOptions = onSearch ? options : options.filter(
+  const filteredOptions = onSearch ? options : !searchable ? options : options.filter(
     (o) => o.label.toLowerCase().includes(searchTerm.toLowerCase())
   );
   const handleSearchChange = (e) => {
@@ -3994,7 +4328,7 @@ function SelectDropdown({
               // ← tinggi popup dapat diatur
             },
             children: [
-              /* @__PURE__ */ jsx("div", { className: "ina-select-dropdown__search", children: /* @__PURE__ */ jsx(
+              searchable && /* @__PURE__ */ jsx("div", { className: "ina-select-dropdown__search", children: /* @__PURE__ */ jsx(
                 "input",
                 {
                   type: "text",
@@ -4119,7 +4453,7 @@ function Drawer({
   position = "right",
   closeOnBackdrop = true,
   className = "",
-  width = "420px",
+  width = "sm",
   title,
   children
 }) {
@@ -5395,8 +5729,7 @@ function Tooltip({
   title,
   description,
   image,
-  pagination,
-  actions,
+  content,
   children,
   customContent,
   variant = "basic",
@@ -5462,14 +5795,10 @@ function Tooltip({
     `ina-tooltip--variant-${variant}`,
     {
       "ina-tooltip__content--visible": visible,
-      "ina-tooltip__content--hidden": !visible
+      "ina-tooltip__content--hidden": !visible,
+      "ina-tooltip__content--show-arrow": showArrow
     }
   );
-  const arrowClasses = clsx(
-    "ina-tooltip__arrow",
-    `ina-tooltip__arrow--placement-${finalPlacement}`,
-    `ina-tooltip__arrow--variant-${variant}`
-  );
   const renderContent = () => {
     if (variant === "custom") {
       return customContent || null;
@@ -5485,8 +5814,11 @@ function Tooltip({
           className: "ina-tooltip__close",
           onClick: (e) => {
             e.stopPropagation();
+            window.clearTimeout(leaveTimeout.current);
+            window.clearTimeout(enterTimeout.current);
+            setVisible(false);
+            setFinalPlacement(placement);
             onClose();
-            hide();
           },
           "aria-label": "Close tooltip",
           children: /* @__PURE__ */ jsx(IconX, { size: 16 })
@@ -5496,16 +5828,7 @@ function Tooltip({
       /* @__PURE__ */ jsxs("div", { className: "ina-tooltip__content-section", children: [
         title && /* @__PURE__ */ jsx("div", { className: "ina-tooltip__title", children: title }),
         description && /* @__PURE__ */ jsx("div", { className: "ina-tooltip__description", children: description }),
-        pagination && /* @__PURE__ */ jsx("div", { className: "ina-tooltip__pagination", children: Array.from({ length: pagination.total }, (_, i2) => /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: clsx("ina-tooltip__pagination-dot", {
-              "ina-tooltip__pagination-dot--active": i2 + 1 === pagination.current
-            })
-          },
-          i2
-        )) }),
-        actions && actions.length > 0 && /* @__PURE__ */ jsx("div", { className: "ina-tooltip__actions", children: actions.map((action, index) => /* @__PURE__ */ jsx("div", { className: "ina-tooltip__action", children: action }, index)) })
+        content && /* @__PURE__ */ jsx("div", { className: "ina-tooltip__custom-content", children: content })
       ] })
     ] });
   };
@@ -5514,23 +5837,21 @@ function Tooltip({
     {
       ref: triggerRef,
       className: tooltipContainerClasses,
+      "data-hover": visible ? "true" : void 0,
       onMouseEnter: show,
       onMouseLeave: hide,
       onFocus: show,
       onBlur: hide,
       children: [
         children,
-        visible && /* @__PURE__ */ jsxs(
+        visible && /* @__PURE__ */ jsx(
           "div",
           {
             ref: tooltipRef,
             className: tooltipContentClasses,
             onMouseEnter: show,
             onMouseLeave: hide,
-            children: [
-              renderContent(),
-              showArrow && /* @__PURE__ */ jsx("div", { className: arrowClasses })
-            ]
+            children: renderContent()
           }
         )
       ]
@@ -8256,6 +8577,7 @@ function DatePicker({
   const [hoveredDate, setHoveredDate] = useState(null);
   const [useRightPositioning, setUseRightPositioning] = useState(false);
   const [validatedTriggerWidth, setValidatedTriggerWidth] = useState(triggerWidth);
+  const [tempStartDate, setTempStartDate] = useState(null);
   const containerRef = useRef(null);
   const triggerRef = useRef(null);
   const panelRef = useRef(null);
@@ -8279,6 +8601,7 @@ function DatePicker({
       if (((_a = event.detail) == null ? void 0 : _a.exclude) !== containerRef.current && isOpen) {
         setIsOpen(false);
         setHoveredDate(null);
+        setTempStartDate(null);
       }
     };
     document.addEventListener(
@@ -8300,6 +8623,8 @@ function DatePicker({
       }
       setIsOpen(false);
       setHoveredDate(null);
+      setTempStartDate(null);
+      setTempStartDate(null);
     };
     if (isOpen) {
       document.addEventListener("mousedown", handleClickOutside, true);
@@ -8537,6 +8862,7 @@ function DatePicker({
       onChange("");
     } else if (mode === "range") {
       onChange(["", ""]);
+      setTempStartDate(null);
     } else {
       onChange([]);
     }
@@ -8548,11 +8874,10 @@ function DatePicker({
       onChange(formattedDate);
     } else if (mode === "range") {
       const currentSelected = selectedDates;
-      if (currentSelected.length === 0) {
-        const formattedDate = formatDate(date, dateFormat);
-        onChange([formattedDate, ""]);
-      } else if (currentSelected.length === 1) {
-        const startDate = currentSelected[0];
+      if (currentSelected.length === 0 && !tempStartDate) {
+        setTempStartDate(date);
+      } else if (currentSelected.length === 1 || tempStartDate) {
+        const startDate = tempStartDate || currentSelected[0];
         const endDate = date;
         const [start, end] = startDate <= endDate ? [startDate, endDate] : [endDate, startDate];
         const formattedStart = formatDate(start, dateFormat);
@@ -8561,10 +8886,10 @@ function DatePicker({
           formattedStart,
           formattedEnd
         ]);
+        setTempStartDate(null);
         setIsOpen(false);
       } else {
-        const formattedDate = formatDate(date, dateFormat);
-        onChange([formattedDate, ""]);
+        setTempStartDate(date);
       }
     } else if (mode === "multiple") {
       const currentSelected = selectedDates;
@@ -8719,6 +9044,9 @@ function DatePicker({
     if (mode === "single") {
       return selectedDates.length > 0 && isSameDate(date, selectedDates[0]);
     } else if (mode === "range") {
+      if (tempStartDate && isSameDate(date, tempStartDate)) {
+        return true;
+      }
       if (selectedDates.length === 1) {
         return isSameDate(date, selectedDates[0]);
       } else if (selectedDates.length === 2) {
@@ -8740,10 +9068,12 @@ function DatePicker({
   };
   const isHoveredForRange = (date) => {
     if (!date || !hoveredDate) return false;
-    if (mode === "range" && selectedDates.length === 1) {
-      const startDate = selectedDates[0];
-      const [start, end] = startDate <= hoveredDate ? [startDate, hoveredDate] : [hoveredDate, startDate];
-      return date > start && date < end;
+    if (mode === "range") {
+      const startDate = tempStartDate || (selectedDates.length > 0 ? selectedDates[0] : null);
+      if (startDate) {
+        const [start, end] = startDate <= hoveredDate ? [startDate, hoveredDate] : [hoveredDate, startDate];
+        return date > start && date < end;
+      }
     }
     return false;
   };
@@ -8766,15 +9096,17 @@ function DatePicker({
   };
   const getHoverRangePosition = (date) => {
     if (!date || !hoveredDate) return "none";
-    if (mode === "range" && selectedDates.length === 1) {
-      const startDate = selectedDates[0];
-      const [start, end] = startDate <= hoveredDate ? [startDate, hoveredDate] : [hoveredDate, startDate];
-      if (isSameDate(date, start) && isSameDate(date, end)) {
-        return "single";
+    if (mode === "range") {
+      const startDate = tempStartDate || (selectedDates.length > 0 ? selectedDates[0] : null);
+      if (startDate) {
+        const [start, end] = startDate <= hoveredDate ? [startDate, hoveredDate] : [hoveredDate, startDate];
+        if (isSameDate(date, start) && isSameDate(date, end)) {
+          return "single";
+        }
+        if (isSameDate(date, start)) return "start";
+        if (isSameDate(date, end)) return "end";
+        if (date > start && date < end) return "middle";
       }
-      if (isSameDate(date, start)) return "start";
-      if (isSameDate(date, end)) return "end";
-      if (date > start && date < end) return "middle";
     }
     return "none";
   };
@@ -9639,6 +9971,7 @@ export {
   ProgressBar,
   RadioInput,
   SelectDropdown,
+  SingleFileUpload,
   Skeleton,
   Spinner,
   Stepper,
@@ -9661,6 +9994,7 @@ export {
   containsDangerousPatterns,
   decodeHtmlEntities,
   encodeHtmlEntities,
+  formatFileSize,
   formattingThousand,
   getAvailableBrands,
   getCookie,
@@ -9686,5 +10020,7 @@ export {
   useConfirmation,
   useForm,
   useToast,
+  validateFile,
+  validateMagicNumber as validateFileMagicNumber,
   validateInput
 };