fictoan-react 1.10.5 → 1.10.7

package/README.md

@@ -44,6 +44,8 @@
 - **Flexible**: Easily extend and customise components
 - **Modern Stack**: Built with React 18+ and modern best practices
 
+---
+
 ## Getting started 🚀
 
 1. Add Fictoan to your project:
@@ -78,6 +80,8 @@ export const MyComponent = () => {
 }
 ```
 
+---
+
 ## Write UI code the way you’d speak 🧠
 Doesn’t get simpler than this—
 ```jsx
@@ -108,7 +112,7 @@ Doesn’t get simpler than this—
 ## Core principles 🎯
 - **Intuitive props**: Properties that make sense at first glance
 - **Consistent patterns**: Similar components share similar prop patterns
-- **Design-Developer bridge**: The most painless hand-off ever
+- **Design-Developer bridge**: Make hand-off painless as possible
 - **Minimal friction**: Get from design to implementation faster
 
 ---

package/dist/{Heading-AXmuZ86E.js → Heading-3Es9F3zQ.js}

@@ -804,25 +804,25 @@ function _typeof$3(o) {
     return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
   }, _typeof$3(o);
 }
-function _slicedToArray$a(r, e) {
-  return _arrayWithHoles$a(r) || _iterableToArrayLimit$a(r, e) || _unsupportedIterableToArray$c(r, e) || _nonIterableRest$a();
+function _slicedToArray$b(r, e) {
+  return _arrayWithHoles$b(r) || _iterableToArrayLimit$b(r, e) || _unsupportedIterableToArray$d(r, e) || _nonIterableRest$b();
 }
-function _nonIterableRest$a() {
+function _nonIterableRest$b() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _unsupportedIterableToArray$c(r, a) {
+function _unsupportedIterableToArray$d(r, a) {
   if (r) {
-    if ("string" == typeof r) return _arrayLikeToArray$c(r, a);
+    if ("string" == typeof r) return _arrayLikeToArray$d(r, a);
     var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$c(r, a) : void 0;
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$d(r, a) : void 0;
   }
 }
-function _arrayLikeToArray$c(r, a) {
+function _arrayLikeToArray$d(r, a) {
   (null == a || a > r.length) && (a = r.length);
   for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
   return n;
 }
-function _iterableToArrayLimit$a(r, l) {
+function _iterableToArrayLimit$b(r, l) {
   var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
   if (null != t) {
     var e, n, i, u, a = [], f = true, o = false;
@@ -843,7 +843,7 @@ function _iterableToArrayLimit$a(r, l) {
     return a;
   }
 }
-function _arrayWithHoles$a(r) {
+function _arrayWithHoles$b(r) {
   if (Array.isArray(r)) return r;
 }
 function _objectWithoutProperties$F(e, t) {
@@ -866,10 +866,10 @@ function _objectWithoutPropertiesLoose$F(r, e) {
 }
 var CodeBlock = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
   var children = _ref.children, source = _ref.source, _ref$language = _ref.language, language = _ref$language === void 0 ? "json" : _ref$language, showCopyButton = _ref.showCopyButton, showLineNumbers = _ref.showLineNumbers, description = _ref.description, _ref$withSyntaxHighli = _ref.withSyntaxHighlighting, withSyntaxHighlighting = _ref$withSyntaxHighli === void 0 ? false : _ref$withSyntaxHighli, _ref$contentEditable = _ref.contentEditable, contentEditable = _ref$contentEditable === void 0 ? false : _ref$contentEditable, onChange = _ref.onChange, props = _objectWithoutProperties$F(_ref, _excluded$F);
-  var _useState = useState(false), _useState2 = _slicedToArray$a(_useState, 2), isCodeCopied = _useState2[0], setIsCodeCopied = _useState2[1];
-  var _useState3 = useState(null), _useState4 = _slicedToArray$a(_useState3, 2), prismModule = _useState4[0], setPrismModule = _useState4[1];
-  var _useState5 = useState(withSyntaxHighlighting), _useState6 = _slicedToArray$a(_useState5, 2), isLoading = _useState6[0], setIsLoading = _useState6[1];
-  var _useState7 = useState(null), _useState8 = _slicedToArray$a(_useState7, 2), codeElement = _useState8[0], setCodeElement = _useState8[1];
+  var _useState = useState(false), _useState2 = _slicedToArray$b(_useState, 2), isCodeCopied = _useState2[0], setIsCodeCopied = _useState2[1];
+  var _useState3 = useState(null), _useState4 = _slicedToArray$b(_useState3, 2), prismModule = _useState4[0], setPrismModule = _useState4[1];
+  var _useState5 = useState(withSyntaxHighlighting), _useState6 = _slicedToArray$b(_useState5, 2), isLoading = _useState6[0], setIsLoading = _useState6[1];
+  var _useState7 = useState(null), _useState8 = _slicedToArray$b(_useState7, 2), codeElement = _useState8[0], setCodeElement = _useState8[1];
   var preRef = useRef(null);
   var initialCode = typeof children === "string" ? children : React.Children.toArray(children).join("");
   if (!children) {
@@ -889,7 +889,7 @@ var CodeBlock = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
               return Promise.all([import("prismjs"), language !== "plain" ? import("prismjs/components/prism-".concat(language)) : Promise.resolve()]);
             case 4:
               _yield$Promise$all = _context.sent;
-              _yield$Promise$all2 = _slicedToArray$a(_yield$Promise$all, 1);
+              _yield$Promise$all2 = _slicedToArray$b(_yield$Promise$all, 1);
               prism = _yield$Promise$all2[0];
               setPrismModule(prism["default"]);
               _context.next = 13;
@@ -1155,25 +1155,25 @@ function _extends$F() {
     return n;
   }, _extends$F.apply(null, arguments);
 }
-function _slicedToArray$9(r, e) {
-  return _arrayWithHoles$9(r) || _iterableToArrayLimit$9(r, e) || _unsupportedIterableToArray$b(r, e) || _nonIterableRest$9();
+function _slicedToArray$a(r, e) {
+  return _arrayWithHoles$a(r) || _iterableToArrayLimit$a(r, e) || _unsupportedIterableToArray$c(r, e) || _nonIterableRest$a();
 }
-function _nonIterableRest$9() {
+function _nonIterableRest$a() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _unsupportedIterableToArray$b(r, a) {
+function _unsupportedIterableToArray$c(r, a) {
   if (r) {
-    if ("string" == typeof r) return _arrayLikeToArray$b(r, a);
+    if ("string" == typeof r) return _arrayLikeToArray$c(r, a);
     var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$b(r, a) : void 0;
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$c(r, a) : void 0;
   }
 }
-function _arrayLikeToArray$b(r, a) {
+function _arrayLikeToArray$c(r, a) {
   (null == a || a > r.length) && (a = r.length);
   for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
   return n;
 }
-function _iterableToArrayLimit$9(r, l) {
+function _iterableToArrayLimit$a(r, l) {
   var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
   if (null != t) {
     var e, n, i, u, a = [], f = true, o = false;
@@ -1192,7 +1192,7 @@ function _iterableToArrayLimit$9(r, l) {
     return a;
   }
 }
-function _arrayWithHoles$9(r) {
+function _arrayWithHoles$a(r) {
   if (Array.isArray(r)) return r;
 }
 function _objectWithoutProperties$D(e, t) {
@@ -1215,7 +1215,7 @@ function _objectWithoutPropertiesLoose$D(r, e) {
 }
 var Drawer = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
   var children = _ref.children, openWhen = _ref.openWhen, closeWhen = _ref.closeWhen, closeOnClickOutside = _ref.closeOnClickOutside, padding = _ref.padding, position = _ref.position, size = _ref.size, bgColor = _ref.bgColor, bgColour = _ref.bgColour, _ref$isDismissible = _ref.isDismissible, isDismissible = _ref$isDismissible === void 0 ? true : _ref$isDismissible, _ref$showOverlay = _ref.showOverlay, showOverlay = _ref$showOverlay === void 0 ? false : _ref$showOverlay, label = _ref.label, props = _objectWithoutProperties$D(_ref, _excluded$D);
-  var _useState = useState(openWhen), _useState2 = _slicedToArray$9(_useState, 2), shouldRender = _useState2[0], setShouldRender = _useState2[1];
+  var _useState = useState(openWhen), _useState2 = _slicedToArray$a(_useState, 2), shouldRender = _useState2[0], setShouldRender = _useState2[1];
   var drawerRef = useRef(null);
   var effectiveRef = ref || drawerRef;
   useEffect(function() {
@@ -2161,7 +2161,7 @@ function _extends$o() {
   }, _extends$o.apply(null, arguments);
 }
 function _toConsumableArray$3(r) {
-  return _arrayWithoutHoles$3(r) || _iterableToArray$3(r) || _unsupportedIterableToArray$a(r) || _nonIterableSpread$3();
+  return _arrayWithoutHoles$3(r) || _iterableToArray$3(r) || _unsupportedIterableToArray$b(r) || _nonIterableSpread$3();
 }
 function _nonIterableSpread$3() {
   throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
@@ -2170,27 +2170,27 @@ function _iterableToArray$3(r) {
   if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
 }
 function _arrayWithoutHoles$3(r) {
-  if (Array.isArray(r)) return _arrayLikeToArray$a(r);
+  if (Array.isArray(r)) return _arrayLikeToArray$b(r);
 }
-function _slicedToArray$8(r, e) {
-  return _arrayWithHoles$8(r) || _iterableToArrayLimit$8(r, e) || _unsupportedIterableToArray$a(r, e) || _nonIterableRest$8();
+function _slicedToArray$9(r, e) {
+  return _arrayWithHoles$9(r) || _iterableToArrayLimit$9(r, e) || _unsupportedIterableToArray$b(r, e) || _nonIterableRest$9();
 }
-function _nonIterableRest$8() {
+function _nonIterableRest$9() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _unsupportedIterableToArray$a(r, a) {
+function _unsupportedIterableToArray$b(r, a) {
   if (r) {
-    if ("string" == typeof r) return _arrayLikeToArray$a(r, a);
+    if ("string" == typeof r) return _arrayLikeToArray$b(r, a);
     var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$a(r, a) : void 0;
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$b(r, a) : void 0;
   }
 }
-function _arrayLikeToArray$a(r, a) {
+function _arrayLikeToArray$b(r, a) {
   (null == a || a > r.length) && (a = r.length);
   for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
   return n;
 }
-function _iterableToArrayLimit$8(r, l) {
+function _iterableToArrayLimit$9(r, l) {
   var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
   if (null != t) {
     var e, n, i, u, a = [], f = true, o = false;
@@ -2209,7 +2209,7 @@ function _iterableToArrayLimit$8(r, l) {
     return a;
   }
 }
-function _arrayWithHoles$8(r) {
+function _arrayWithHoles$9(r) {
   if (Array.isArray(r)) return r;
 }
 function _objectWithoutProperties$o(e, t) {
@@ -2232,10 +2232,10 @@ function _objectWithoutPropertiesLoose$o(r, e) {
 }
 var ListBox = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
   var options = _ref.options, label = _ref.label, _ref$placeholder = _ref.placeholder, placeholder = _ref$placeholder === void 0 ? "Select an option" : _ref$placeholder, id = _ref.id, defaultValue = _ref.defaultValue, onChange = _ref.onChange, _ref$allowMultiSelect = _ref.allowMultiSelect, allowMultiSelect = _ref$allowMultiSelect === void 0 ? false : _ref$allowMultiSelect, disabled = _ref.disabled, badgeBgColour = _ref.badgeBgColour, badgeBgColor = _ref.badgeBgColor, badgeTextColour = _ref.badgeTextColour, badgeTextColor = _ref.badgeTextColor, selectionLimit = _ref.selectionLimit, _ref$allowCustomEntri = _ref.allowCustomEntries, allowCustomEntries = _ref$allowCustomEntri === void 0 ? false : _ref$allowCustomEntri, props = _objectWithoutProperties$o(_ref, _excluded$o);
-  var _useState = useState(false), _useState2 = _slicedToArray$8(_useState, 2), isOpen = _useState2[0], setIsOpen = _useState2[1];
-  var _useState3 = useState([]), _useState4 = _slicedToArray$8(_useState3, 2), selectedOptions = _useState4[0], setSelectedOptions = _useState4[1];
-  var _useState5 = useState(""), _useState6 = _slicedToArray$8(_useState5, 2), searchValue = _useState6[0], setSearchValue = _useState6[1];
-  var _useState7 = useState(-1), _useState8 = _slicedToArray$8(_useState7, 2), activeIndex = _useState8[0], setActiveIndex = _useState8[1];
+  var _useState = useState(false), _useState2 = _slicedToArray$9(_useState, 2), isOpen = _useState2[0], setIsOpen = _useState2[1];
+  var _useState3 = useState([]), _useState4 = _slicedToArray$9(_useState3, 2), selectedOptions = _useState4[0], setSelectedOptions = _useState4[1];
+  var _useState5 = useState(""), _useState6 = _slicedToArray$9(_useState5, 2), searchValue = _useState6[0], setSearchValue = _useState6[1];
+  var _useState7 = useState(-1), _useState8 = _slicedToArray$9(_useState7, 2), activeIndex = _useState8[0], setActiveIndex = _useState8[1];
   var _useState9 = useState(function() {
     if (defaultValue) {
       return options.find(function(opt) {
@@ -2243,7 +2243,7 @@ var ListBox = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
       }) || null;
     }
     return null;
-  }), _useState10 = _slicedToArray$8(_useState9, 2), selectedOption = _useState10[0], setSelectedOption = _useState10[1];
+  }), _useState10 = _slicedToArray$9(_useState9, 2), selectedOption = _useState10[0], setSelectedOption = _useState10[1];
   useEffect(function() {
     if (defaultValue && onChange) {
       onChange(defaultValue);
@@ -2580,7 +2580,7 @@ function _toPrimitive$2(t, r) {
   return ("string" === r ? String : Number)(t);
 }
 function _toConsumableArray$2(r) {
-  return _arrayWithoutHoles$2(r) || _iterableToArray$2(r) || _unsupportedIterableToArray$9(r) || _nonIterableSpread$2();
+  return _arrayWithoutHoles$2(r) || _iterableToArray$2(r) || _unsupportedIterableToArray$a(r) || _nonIterableSpread$2();
 }
 function _nonIterableSpread$2() {
   throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
@@ -2589,27 +2589,27 @@ function _iterableToArray$2(r) {
   if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
 }
 function _arrayWithoutHoles$2(r) {
-  if (Array.isArray(r)) return _arrayLikeToArray$9(r);
+  if (Array.isArray(r)) return _arrayLikeToArray$a(r);
 }
-function _slicedToArray$7(r, e) {
-  return _arrayWithHoles$7(r) || _iterableToArrayLimit$7(r, e) || _unsupportedIterableToArray$9(r, e) || _nonIterableRest$7();
+function _slicedToArray$8(r, e) {
+  return _arrayWithHoles$8(r) || _iterableToArrayLimit$8(r, e) || _unsupportedIterableToArray$a(r, e) || _nonIterableRest$8();
 }
-function _nonIterableRest$7() {
+function _nonIterableRest$8() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _unsupportedIterableToArray$9(r, a) {
+function _unsupportedIterableToArray$a(r, a) {
   if (r) {
-    if ("string" == typeof r) return _arrayLikeToArray$9(r, a);
+    if ("string" == typeof r) return _arrayLikeToArray$a(r, a);
     var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$9(r, a) : void 0;
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$a(r, a) : void 0;
   }
 }
-function _arrayLikeToArray$9(r, a) {
+function _arrayLikeToArray$a(r, a) {
   (null == a || a > r.length) && (a = r.length);
   for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
   return n;
 }
-function _iterableToArrayLimit$7(r, l) {
+function _iterableToArrayLimit$8(r, l) {
   var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
   if (null != t) {
     var e, n, i, u, a = [], f = true, o = false;
@@ -2628,7 +2628,7 @@ function _iterableToArrayLimit$7(r, l) {
     return a;
   }
 }
-function _arrayWithHoles$7(r) {
+function _arrayWithHoles$8(r) {
   if (Array.isArray(r)) return r;
 }
 function _objectWithoutProperties$n(e, t) {
@@ -2658,10 +2658,10 @@ function validate(value, type) {
 var PinInputField = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
   var length = _ref.numberOfFields, onChange = _ref.onChange, _ref$type = _ref.type, type = _ref$type === void 0 ? "number" : _ref$type, _ref$mask = _ref.mask, mask = _ref$mask === void 0 ? false : _ref$mask, _ref$isOTP = _ref.isOTP, isOTP = _ref$isOTP === void 0 ? false : _ref$isOTP, _ref$autoFocus = _ref.autoFocus, autoFocus = _ref$autoFocus === void 0 ? false : _ref$autoFocus, _ref$pasteFromClipboa = _ref.pasteFromClipboard, pasteFromClipboard = _ref$pasteFromClipboa === void 0 ? "enabled" : _ref$pasteFromClipboa, _ref$focusFirstInputO = _ref.focusFirstInputOnReset, focusFirstInputOnReset = _ref$focusFirstInputO === void 0 ? true : _ref$focusFirstInputO, isFullWidth = _ref.isFullWidth, ariaLabel = _ref.ariaLabel, props = _objectWithoutProperties$n(_ref, _excluded$n);
   var pinInputFieldRef = useRef(null);
-  var _useState = useState([]), _useState2 = _slicedToArray$7(_useState, 2), inputRefs = _useState2[0], setInputRefs = _useState2[1];
-  var _useState3 = useState([]), _useState4 = _slicedToArray$7(_useState3, 2), values = _useState4[0], setValues = _useState4[1];
-  var _useState5 = useState(true), _useState6 = _slicedToArray$7(_useState5, 2), moveFocus = _useState6[0], setMoveFocus = _useState6[1];
-  var _useState7 = useState(-1), _useState8 = _slicedToArray$7(_useState7, 2), focusedIndex = _useState8[0], setFocusedIndex = _useState8[1];
+  var _useState = useState([]), _useState2 = _slicedToArray$8(_useState, 2), inputRefs = _useState2[0], setInputRefs = _useState2[1];
+  var _useState3 = useState([]), _useState4 = _slicedToArray$8(_useState3, 2), values = _useState4[0], setValues = _useState4[1];
+  var _useState5 = useState(true), _useState6 = _slicedToArray$8(_useState5, 2), moveFocus = _useState6[0], setMoveFocus = _useState6[1];
+  var _useState7 = useState(-1), _useState8 = _slicedToArray$8(_useState7, 2), focusedIndex = _useState8[0], setFocusedIndex = _useState8[1];
   var inputGroupId = props.id || "pin-input-".concat(Math.random().toString(36).substring(2, 9));
   var inputDescription = ariaLabel || "Enter verification code";
   var focus = useCallback(function(index) {
@@ -2891,7 +2891,7 @@ var Range = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
     value
   }, props)));
 });
-var _excluded$l = ["id", "name", "options", "defaultValue", "value", "required"], _excluded2$3 = ["id"], _excluded3 = ["size"];
+var _excluded$l = ["id", "name", "options", "defaultValue", "value", "required", "onChange"], _excluded2$3 = ["id"], _excluded3 = ["size"];
 function _extends$l() {
   return _extends$l = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
@@ -2901,6 +2901,46 @@ function _extends$l() {
     return n;
   }, _extends$l.apply(null, arguments);
 }
+function _slicedToArray$7(r, e) {
+  return _arrayWithHoles$7(r) || _iterableToArrayLimit$7(r, e) || _unsupportedIterableToArray$9(r, e) || _nonIterableRest$7();
+}
+function _nonIterableRest$7() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _unsupportedIterableToArray$9(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray$9(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$9(r, a) : void 0;
+  }
+}
+function _arrayLikeToArray$9(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _iterableToArrayLimit$7(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e, n, i, u, a = [], f = true, o = false;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) ;
+      else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = true) ;
+    } catch (r2) {
+      o = true, n = r2;
+    } finally {
+      try {
+        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+function _arrayWithHoles$7(r) {
+  if (Array.isArray(r)) return r;
+}
 function _objectWithoutProperties$l(e, t) {
   if (null == e) return {};
   var o, r, i = _objectWithoutPropertiesLoose$l(e, t);
@@ -2922,15 +2962,48 @@ function _objectWithoutPropertiesLoose$l(r, e) {
 var RadioTabGroupOptions = function RadioTabGroupOptions2(_ref) {
   var id = _ref.id, name = _ref.name, options = _ref.options;
   _ref.defaultValue;
-  var value = _ref.value, required = _ref.required, props = _objectWithoutProperties$l(_ref, _excluded$l);
+  var value = _ref.value, required = _ref.required, onChange = _ref.onChange, props = _objectWithoutProperties$l(_ref, _excluded$l);
   var derivedName = useMemo(function() {
     return name || id;
   }, [name, id]);
+  var _useState = useState({
+    width: 0,
+    transform: "translateX(0)"
+  }), _useState2 = _slicedToArray$7(_useState, 2), indicatorPos = _useState2[0], setIndicatorPos = _useState2[1];
+  var labelsRef = useRef([]);
+  useEffect(function() {
+    var selectedIndex = options.findIndex(function(option) {
+      return option.value === value;
+    });
+    if (selectedIndex >= 0) {
+      var label = labelsRef.current[selectedIndex];
+      if (label) {
+        var width = label.offsetWidth;
+        var transform = "translateX(0)";
+        if (selectedIndex > 0) {
+          var offset = labelsRef.current.slice(0, selectedIndex).reduce(function(acc, label2) {
+            return acc + ((label2 === null || label2 === void 0 ? void 0 : label2.offsetWidth) || 0);
+          }, 0);
+          transform = "translateX(".concat(offset, "px)");
+        }
+        setIndicatorPos({
+          width,
+          transform
+        });
+      }
+    }
+  }, [value, options]);
   return /* @__PURE__ */ React.createElement(Div, {
     "data-radio-tab-group": true,
     name: derivedName,
     required
-  }, options.map(function(option, index) {
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "indicator",
+    style: {
+      width: "".concat(indicatorPos.width, "px"),
+      transform: indicatorPos.transform
+    }
+  }), options.map(function(option, index) {
     var optionId = option.id, optionProps = _objectWithoutProperties$l(option, _excluded2$3);
     var finalId = optionId || "".concat(id, "-option-").concat(index);
     return /* @__PURE__ */ React.createElement(React.Fragment, {
@@ -2940,8 +3013,12 @@ var RadioTabGroupOptions = function RadioTabGroupOptions2(_ref) {
     }, props, optionProps, {
       id: finalId,
       name: derivedName,
-      checked: value === option.value
+      checked: value === option.value,
+      onChange
     })), /* @__PURE__ */ React.createElement("label", {
+      ref: function ref(el) {
+        return labelsRef.current[index] = el;
+      },
       htmlFor: finalId
     }, option.label));
   }));

package/dist/components/Form/BaseInputComponent/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/BaseInputComponent/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGjE,MAAM,WAAW,gBAAgB;IAC7B,QAAa,CAAC,EAAG,MAAM,CAAC;IACxB,SAAa,CAAC,EAAG,MAAM,CAAC;IACxB,YAAa,CAAC,EAAG,OAAO,CAAC;IACzB,KAAa,CAAC,EAAG,OAAO,CAAC;IACzB,OAAa,CAAC,EAAG,OAAO,CAAC;CAC5B;AAGD,KAAK,aAAa,GACZ;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,UAAU,CAAC,EAAE,KAAK,CAAA;CAAE,GACjD;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAA;CAAE,GACxC;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC;IAAC,UAAU,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAG/C,KAAK,cAAc,GACb;IAAE,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,GACnD;IAAE,WAAW,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,KAAK,CAAA;CAAE,GAC1C;IAAE,SAAS,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAGjD,MAAM,MAAM,cAAc,GAAG;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,WAAW,CAAC,EAAE,KAAK,CAAC;CACvB,CAAC;AAGF,MAAM,MAAM,qBAAqB,GAAG,aAAa,GAAG,cAAc,CAAC;AAGnE,MAAM,MAAM,uBAAuB,CAAC,CAAC,SAAS,EAAE,IAC5C,YAAY,CAAC,CAAC,CAAC,GACf,qBAAqB,GACrB,gBAAgB,CAAC;AAGrB,MAAM,MAAM,+BAA+B,CAAC,CAAC,SAAS,EAAE,IACpD,uBAAuB,CAAC,CAAC,CAAC,GAC1B,qBAAqB,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/BaseInputComponent/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGjE,MAAM,WAAW,gBAAgB;IAC7B,QAAa,CAAC,EAAG,MAAM,CAAC;IACxB,SAAa,CAAC,EAAG,MAAM,CAAC;IACxB,YAAa,CAAC,EAAG,OAAO,CAAC;IACzB,KAAa,CAAC,EAAG,OAAO,CAAC;IACzB,OAAa,CAAC,EAAG,OAAO,CAAC;CAC5B;AAGD,KAAK,aAAa,GACZ;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,UAAW,CAAC,EAAG,KAAK,CAAA;CAAE,GACnD;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,QAAS,CAAC,EAAG,KAAK,CAAA;CAAE,GAC1C;IAAE,QAAS,CAAC,EAAG,KAAK,CAAC;IAAC,UAAW,CAAC,EAAG,KAAK,CAAA;CAAE,CAAC;AAGnD,KAAK,cAAc,GACb;IAAE,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,WAAY,CAAC,EAAG,KAAK,CAAA;CAAE,GACrD;IAAE,WAAW,EAAE,MAAM,CAAC;IAAC,SAAU,CAAC,EAAG,KAAK,CAAA;CAAE,GAC5C;IAAE,SAAU,CAAC,EAAG,KAAK,CAAC;IAAC,WAAY,CAAC,EAAG,KAAK,CAAA;CAAE,CAAC;AAGrD,MAAM,MAAM,cAAc,GAAG;IACzB,QAAY,CAAC,EAAG,KAAK,CAAC;IACtB,SAAY,CAAC,EAAG,KAAK,CAAC;IACtB,UAAY,CAAC,EAAG,KAAK,CAAC;IACtB,WAAY,CAAC,EAAG,KAAK,CAAC;CACzB,CAAC;AAGF,MAAM,MAAM,qBAAqB,GAAG,aAAa,GAAG,cAAc,CAAC;AAGnE,MAAM,MAAM,uBAAuB,CAAC,CAAC,SAAS,EAAE,IAC5C,YAAY,CAAC,CAAC,CAAC,GACf,qBAAqB,GACrB,gBAAgB,CAAC;AAGrB,MAAM,MAAM,+BAA+B,CAAC,CAAC,SAAS,EAAE,IACpD,uBAAuB,CAAC,CAAC,CAAC,GAC1B,qBAAqB,CAAC"}

package/dist/components/Form/RadioButton/RadioTabGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioTabGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/RadioButton/RadioTabGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAOvC,OAAO,uBAAuB,CAAC;AAG/B,OAAO,EAAsB,eAAe,EAA0B,MAAM,aAAa,CAAC;AAgC1F,eAAO,MAAM,aAAa,uJAkBzB,CAAC"}
+{"version":3,"file":"RadioTabGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/RadioButton/RadioTabGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAOjF,OAAO,uBAAuB,CAAC;AAG/B,OAAO,EAAsB,eAAe,EAA0B,MAAM,aAAa,CAAC;AAiF1F,eAAO,MAAM,aAAa,uJAkBzB,CAAC"}

package/dist/components/Form/RadioButton/constants.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { BaseInputComponentProps } from '../BaseInputComponent/constants';
 import { SpacingTypes } from '../../Element/constants';
 
@@ -10,6 +11,8 @@ export interface RadioGroupOptionProps extends RadioButtonProps {
 export interface RadioGroupCustomProps {
     name: string;
     options: RadioGroupOptionProps[];
+    value?: string;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
 }
 export interface RadioTabGroupCustomProps {
     size?: SpacingTypes;

package/dist/components/Form/RadioButton/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/RadioButton/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAE9D,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC;AACpD,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,uBAAuB,CAAC,sBAAsB,CAAC,EAAE,IAAI,CAAC,CAAC;AAE3F,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB;IAC3D,EAAE,EAAM,MAAM,CAAC;IACf,KAAK,EAAG,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,qBAAqB;IAClC,IAAI,EAAM,MAAM,CAAC;IACjB,OAAO,EAAG,qBAAqB,EAAE,CAAC;CACrC;AAGD,MAAM,WAAW,wBAAwB;IACrC,IAAK,CAAC,EAAG,YAAY,CAAC;CACzB;AAED,MAAM,MAAM,eAAe,GAAG,qBAAqB,GAAG,qBAAqB,CAAC;AAC5E,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,wBAAwB,CAAC,GAAG,wBAAwB,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/RadioButton/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAE9D,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC;AACpD,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,uBAAuB,CAAC,sBAAsB,CAAC,EAAE,IAAI,CAAC,CAAC;AAE3F,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB;IAC3D,EAAE,EAAM,MAAM,CAAC;IACf,KAAK,EAAG,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,qBAAqB;IAClC,IAAI,EAAS,MAAM,CAAC;IACpB,OAAO,EAAM,qBAAqB,EAAE,CAAC;IACrC,KAAS,CAAC,EAAG,MAAM,CAAC;IACpB,QAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACpE;AAED,MAAM,WAAW,wBAAwB;IACrC,IAAK,CAAC,EAAG,YAAY,CAAC;CACzB;AAED,MAAM,MAAM,eAAe,GAAG,qBAAqB,GAAG,qBAAqB,CAAC;AAC5E,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,wBAAwB,CAAC,GAAG,wBAAwB,CAAC"}

package/dist/components/index.js

@@ -1,6 +1,6 @@
 "use client";
 "use client;";
-import { A, g, h, B, i, b, a, C, c, r, d, W, f, e, D, E, p, F, k, l, m, H, a8, a9, aa, ab, ac, ad, I, n, L, M, v, w, N, y, x, O, Q, z, P, G, J, q, R, u, t, K, S, o, Z, X, Y, V, _, $, j, a0, s, a1, a2, ae, T, a3, a6, a5, a7, U, a4 } from "../Heading-AXmuZ86E.js";
+import { A, g, h, B, i, b, a, C, c, r, d, W, f, e, D, E, p, F, k, l, m, H, a8, a9, aa, ab, ac, ad, I, n, L, M, v, w, N, y, x, O, Q, z, P, G, J, q, R, u, t, K, S, o, Z, X, Y, V, _, $, j, a0, s, a1, a2, ae, T, a3, a6, a5, a7, U, a4 } from "../Heading-3Es9F3zQ.js";
 export {
   A as Accordion,
   g as Article,