@preply/ds-web-lib 10.0.0 → 11.1.0

package/dist/utils/render-icon.js

@@ -1,320 +1,3 @@
-import { jsx } from "react/jsx-runtime";
-import { cloneElement } from "react";
-var reactIs = { exports: {} };
-var reactIs_production_min = {};
-/**
- * @license React
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var hasRequiredReactIs_production_min;
-function requireReactIs_production_min() {
-  if (hasRequiredReactIs_production_min) return reactIs_production_min;
-  hasRequiredReactIs_production_min = 1;
-  var b = Symbol.for("react.element"), c = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), e = Symbol.for("react.strict_mode"), f = Symbol.for("react.profiler"), g = Symbol.for("react.provider"), h = Symbol.for("react.context"), k = Symbol.for("react.server_context"), l = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), n = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), q = Symbol.for("react.lazy"), t = Symbol.for("react.offscreen"), u;
-  u = Symbol.for("react.module.reference");
-  function v(a) {
-    if ("object" === typeof a && null !== a) {
-      var r = a.$$typeof;
-      switch (r) {
-        case b:
-          switch (a = a.type, a) {
-            case d:
-            case f:
-            case e:
-            case m:
-            case n:
-              return a;
-            default:
-              switch (a = a && a.$$typeof, a) {
-                case k:
-                case h:
-                case l:
-                case q:
-                case p:
-                case g:
-                  return a;
-                default:
-                  return r;
-              }
-          }
-        case c:
-          return r;
-      }
-    }
-  }
-  reactIs_production_min.ContextConsumer = h;
-  reactIs_production_min.ContextProvider = g;
-  reactIs_production_min.Element = b;
-  reactIs_production_min.ForwardRef = l;
-  reactIs_production_min.Fragment = d;
-  reactIs_production_min.Lazy = q;
-  reactIs_production_min.Memo = p;
-  reactIs_production_min.Portal = c;
-  reactIs_production_min.Profiler = f;
-  reactIs_production_min.StrictMode = e;
-  reactIs_production_min.Suspense = m;
-  reactIs_production_min.SuspenseList = n;
-  reactIs_production_min.isAsyncMode = function() {
-    return false;
-  };
-  reactIs_production_min.isConcurrentMode = function() {
-    return false;
-  };
-  reactIs_production_min.isContextConsumer = function(a) {
-    return v(a) === h;
-  };
-  reactIs_production_min.isContextProvider = function(a) {
-    return v(a) === g;
-  };
-  reactIs_production_min.isElement = function(a) {
-    return "object" === typeof a && null !== a && a.$$typeof === b;
-  };
-  reactIs_production_min.isForwardRef = function(a) {
-    return v(a) === l;
-  };
-  reactIs_production_min.isFragment = function(a) {
-    return v(a) === d;
-  };
-  reactIs_production_min.isLazy = function(a) {
-    return v(a) === q;
-  };
-  reactIs_production_min.isMemo = function(a) {
-    return v(a) === p;
-  };
-  reactIs_production_min.isPortal = function(a) {
-    return v(a) === c;
-  };
-  reactIs_production_min.isProfiler = function(a) {
-    return v(a) === f;
-  };
-  reactIs_production_min.isStrictMode = function(a) {
-    return v(a) === e;
-  };
-  reactIs_production_min.isSuspense = function(a) {
-    return v(a) === m;
-  };
-  reactIs_production_min.isSuspenseList = function(a) {
-    return v(a) === n;
-  };
-  reactIs_production_min.isValidElementType = function(a) {
-    return "string" === typeof a || "function" === typeof a || a === d || a === f || a === e || a === m || a === n || a === t || "object" === typeof a && null !== a && (a.$$typeof === q || a.$$typeof === p || a.$$typeof === g || a.$$typeof === h || a.$$typeof === l || a.$$typeof === u || void 0 !== a.getModuleId) ? true : false;
-  };
-  reactIs_production_min.typeOf = v;
-  return reactIs_production_min;
-}
-var reactIs_development = {};
-/**
- * @license React
- * react-is.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var hasRequiredReactIs_development;
-function requireReactIs_development() {
-  if (hasRequiredReactIs_development) return reactIs_development;
-  hasRequiredReactIs_development = 1;
-  if (process.env.NODE_ENV !== "production") {
-    (function() {
-      var REACT_ELEMENT_TYPE = Symbol.for("react.element");
-      var REACT_PORTAL_TYPE = Symbol.for("react.portal");
-      var REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
-      var REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode");
-      var REACT_PROFILER_TYPE = Symbol.for("react.profiler");
-      var REACT_PROVIDER_TYPE = Symbol.for("react.provider");
-      var REACT_CONTEXT_TYPE = Symbol.for("react.context");
-      var REACT_SERVER_CONTEXT_TYPE = Symbol.for("react.server_context");
-      var REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref");
-      var REACT_SUSPENSE_TYPE = Symbol.for("react.suspense");
-      var REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list");
-      var REACT_MEMO_TYPE = Symbol.for("react.memo");
-      var REACT_LAZY_TYPE = Symbol.for("react.lazy");
-      var REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen");
-      var enableScopeAPI = false;
-      var enableCacheElement = false;
-      var enableTransitionTracing = false;
-      var enableLegacyHidden = false;
-      var enableDebugTracing = false;
-      var REACT_MODULE_REFERENCE;
-      {
-        REACT_MODULE_REFERENCE = Symbol.for("react.module.reference");
-      }
-      function isValidElementType(type) {
-        if (typeof type === "string" || typeof type === "function") {
-          return true;
-        }
-        if (type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || enableDebugTracing || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || enableLegacyHidden || type === REACT_OFFSCREEN_TYPE || enableScopeAPI || enableCacheElement || enableTransitionTracing) {
-          return true;
-        }
-        if (typeof type === "object" && type !== null) {
-          if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
-          // types supported by any Flight configuration anywhere since
-          // we don't know which Flight build this will end up being used
-          // with.
-          type.$$typeof === REACT_MODULE_REFERENCE || type.getModuleId !== void 0) {
-            return true;
-          }
-        }
-        return false;
-      }
-      function typeOf(object) {
-        if (typeof object === "object" && object !== null) {
-          var $$typeof = object.$$typeof;
-          switch ($$typeof) {
-            case REACT_ELEMENT_TYPE:
-              var type = object.type;
-              switch (type) {
-                case REACT_FRAGMENT_TYPE:
-                case REACT_PROFILER_TYPE:
-                case REACT_STRICT_MODE_TYPE:
-                case REACT_SUSPENSE_TYPE:
-                case REACT_SUSPENSE_LIST_TYPE:
-                  return type;
-                default:
-                  var $$typeofType = type && type.$$typeof;
-                  switch ($$typeofType) {
-                    case REACT_SERVER_CONTEXT_TYPE:
-                    case REACT_CONTEXT_TYPE:
-                    case REACT_FORWARD_REF_TYPE:
-                    case REACT_LAZY_TYPE:
-                    case REACT_MEMO_TYPE:
-                    case REACT_PROVIDER_TYPE:
-                      return $$typeofType;
-                    default:
-                      return $$typeof;
-                  }
-              }
-            case REACT_PORTAL_TYPE:
-              return $$typeof;
-          }
-        }
-        return void 0;
-      }
-      var ContextConsumer = REACT_CONTEXT_TYPE;
-      var ContextProvider = REACT_PROVIDER_TYPE;
-      var Element = REACT_ELEMENT_TYPE;
-      var ForwardRef = REACT_FORWARD_REF_TYPE;
-      var Fragment = REACT_FRAGMENT_TYPE;
-      var Lazy = REACT_LAZY_TYPE;
-      var Memo = REACT_MEMO_TYPE;
-      var Portal = REACT_PORTAL_TYPE;
-      var Profiler = REACT_PROFILER_TYPE;
-      var StrictMode = REACT_STRICT_MODE_TYPE;
-      var Suspense = REACT_SUSPENSE_TYPE;
-      var SuspenseList = REACT_SUSPENSE_LIST_TYPE;
-      var hasWarnedAboutDeprecatedIsAsyncMode = false;
-      var hasWarnedAboutDeprecatedIsConcurrentMode = false;
-      function isAsyncMode(object) {
-        {
-          if (!hasWarnedAboutDeprecatedIsAsyncMode) {
-            hasWarnedAboutDeprecatedIsAsyncMode = true;
-            console["warn"]("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.");
-          }
-        }
-        return false;
-      }
-      function isConcurrentMode(object) {
-        {
-          if (!hasWarnedAboutDeprecatedIsConcurrentMode) {
-            hasWarnedAboutDeprecatedIsConcurrentMode = true;
-            console["warn"]("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.");
-          }
-        }
-        return false;
-      }
-      function isContextConsumer(object) {
-        return typeOf(object) === REACT_CONTEXT_TYPE;
-      }
-      function isContextProvider(object) {
-        return typeOf(object) === REACT_PROVIDER_TYPE;
-      }
-      function isElement(object) {
-        return typeof object === "object" && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
-      }
-      function isForwardRef(object) {
-        return typeOf(object) === REACT_FORWARD_REF_TYPE;
-      }
-      function isFragment(object) {
-        return typeOf(object) === REACT_FRAGMENT_TYPE;
-      }
-      function isLazy(object) {
-        return typeOf(object) === REACT_LAZY_TYPE;
-      }
-      function isMemo(object) {
-        return typeOf(object) === REACT_MEMO_TYPE;
-      }
-      function isPortal(object) {
-        return typeOf(object) === REACT_PORTAL_TYPE;
-      }
-      function isProfiler(object) {
-        return typeOf(object) === REACT_PROFILER_TYPE;
-      }
-      function isStrictMode(object) {
-        return typeOf(object) === REACT_STRICT_MODE_TYPE;
-      }
-      function isSuspense(object) {
-        return typeOf(object) === REACT_SUSPENSE_TYPE;
-      }
-      function isSuspenseList(object) {
-        return typeOf(object) === REACT_SUSPENSE_LIST_TYPE;
-      }
-      reactIs_development.ContextConsumer = ContextConsumer;
-      reactIs_development.ContextProvider = ContextProvider;
-      reactIs_development.Element = Element;
-      reactIs_development.ForwardRef = ForwardRef;
-      reactIs_development.Fragment = Fragment;
-      reactIs_development.Lazy = Lazy;
-      reactIs_development.Memo = Memo;
-      reactIs_development.Portal = Portal;
-      reactIs_development.Profiler = Profiler;
-      reactIs_development.StrictMode = StrictMode;
-      reactIs_development.Suspense = Suspense;
-      reactIs_development.SuspenseList = SuspenseList;
-      reactIs_development.isAsyncMode = isAsyncMode;
-      reactIs_development.isConcurrentMode = isConcurrentMode;
-      reactIs_development.isContextConsumer = isContextConsumer;
-      reactIs_development.isContextProvider = isContextProvider;
-      reactIs_development.isElement = isElement;
-      reactIs_development.isForwardRef = isForwardRef;
-      reactIs_development.isFragment = isFragment;
-      reactIs_development.isLazy = isLazy;
-      reactIs_development.isMemo = isMemo;
-      reactIs_development.isPortal = isPortal;
-      reactIs_development.isProfiler = isProfiler;
-      reactIs_development.isStrictMode = isStrictMode;
-      reactIs_development.isSuspense = isSuspense;
-      reactIs_development.isSuspenseList = isSuspenseList;
-      reactIs_development.isValidElementType = isValidElementType;
-      reactIs_development.typeOf = typeOf;
-    })();
-  }
-  return reactIs_development;
-}
-var hasRequiredReactIs;
-function requireReactIs() {
-  if (hasRequiredReactIs) return reactIs.exports;
-  hasRequiredReactIs = 1;
-  if (process.env.NODE_ENV === "production") {
-    reactIs.exports = requireReactIs_production_min();
-  } else {
-    reactIs.exports = requireReactIs_development();
-  }
-  return reactIs.exports;
-}
-var reactIsExports = requireReactIs();
-const renderIcon = (ComponentOrElement, attrs) => {
-  if (reactIsExports.isElement(ComponentOrElement)) {
-    return cloneElement(ComponentOrElement, attrs);
-  }
-  return /* @__PURE__ */ jsx(ComponentOrElement, { ...attrs });
-};
-export {
-  renderIcon
-};
+import { t as renderIcon } from "../render-icon-Ch3b2dE0.js";
+import "../jsx-runtime-i4KUlhDu.js";
+export { renderIcon };

package/dist/utils/shared-strings.js

@@ -1,34 +1,26 @@
 import { defineMessages } from "react-intl";
-const genericAriaLabels = defineMessages({
-  remove: {
-    id: "preply-ds.genericAriaLabels.remove",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Remove"
-    }]
-  },
-  close: {
-    id: "preply-ds.genericAriaLabels.close",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Close"
-    }]
-  },
-  confirm: {
-    id: "preply-ds.genericAriaLabels.confirm",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Confirm"
-    }]
-  },
-  cancel: {
-    id: "preply-ds.genericAriaLabels.cancel",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Cancel"
-    }]
-  }
+//#region src/utils/shared-strings.ts
+var genericAriaLabels = defineMessages({
+	remove: {
+		id: "preply-ds.genericAriaLabels.remove",
+		defaultMessage: "Remove",
+		description: "Generic aria-label for the remove action"
+	},
+	close: {
+		id: "preply-ds.genericAriaLabels.close",
+		defaultMessage: "Close",
+		description: "Generic aria-label for the close action"
+	},
+	confirm: {
+		id: "preply-ds.genericAriaLabels.confirm",
+		defaultMessage: "Confirm",
+		description: "Generic aria-label for the confirm action"
+	},
+	cancel: {
+		id: "preply-ds.genericAriaLabels.cancel",
+		defaultMessage: "Cancel",
+		description: "Generic aria-label for the cancel action"
+	}
 });
-export {
-  genericAriaLabels
-};
+//#endregion
+export { genericAriaLabels };

package/dist/utils/useBreakpointMatch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useBreakpointMatch.d.ts","sourceRoot":"","sources":["../../src/utils/useBreakpointMatch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGzD;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,UAAU,WAGxD"}
+{"version":3,"file":"useBreakpointMatch.d.ts","sourceRoot":"","sources":["../../src/utils/useBreakpointMatch.ts"],"names":[],"mappings":"AAEA,OAAO,EAAc,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGzD;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,UAAU,WAGxD"}

package/dist/utils/useBreakpointMatch.js

@@ -1,183 +1,2 @@
-import { BREAKPOINT } from "@preply/ds-core";
-import { useState, useLayoutEffect, useEffect } from "react";
-var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
-var lodash_debounce;
-var hasRequiredLodash_debounce;
-function requireLodash_debounce() {
-  if (hasRequiredLodash_debounce) return lodash_debounce;
-  hasRequiredLodash_debounce = 1;
-  var FUNC_ERROR_TEXT = "Expected a function";
-  var NAN = 0 / 0;
-  var symbolTag = "[object Symbol]";
-  var reTrim = /^\s+|\s+$/g;
-  var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
-  var reIsBinary = /^0b[01]+$/i;
-  var reIsOctal = /^0o[0-7]+$/i;
-  var freeParseInt = parseInt;
-  var freeGlobal = typeof commonjsGlobal == "object" && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
-  var freeSelf = typeof self == "object" && self && self.Object === Object && self;
-  var root = freeGlobal || freeSelf || Function("return this")();
-  var objectProto = Object.prototype;
-  var objectToString = objectProto.toString;
-  var nativeMax = Math.max, nativeMin = Math.min;
-  var now = function() {
-    return root.Date.now();
-  };
-  function debounce(func, wait, options) {
-    var lastArgs, lastThis, maxWait, result, timerId, lastCallTime, lastInvokeTime = 0, leading = false, maxing = false, trailing = true;
-    if (typeof func != "function") {
-      throw new TypeError(FUNC_ERROR_TEXT);
-    }
-    wait = toNumber(wait) || 0;
-    if (isObject(options)) {
-      leading = !!options.leading;
-      maxing = "maxWait" in options;
-      maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
-      trailing = "trailing" in options ? !!options.trailing : trailing;
-    }
-    function invokeFunc(time) {
-      var args = lastArgs, thisArg = lastThis;
-      lastArgs = lastThis = void 0;
-      lastInvokeTime = time;
-      result = func.apply(thisArg, args);
-      return result;
-    }
-    function leadingEdge(time) {
-      lastInvokeTime = time;
-      timerId = setTimeout(timerExpired, wait);
-      return leading ? invokeFunc(time) : result;
-    }
-    function remainingWait(time) {
-      var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime, result2 = wait - timeSinceLastCall;
-      return maxing ? nativeMin(result2, maxWait - timeSinceLastInvoke) : result2;
-    }
-    function shouldInvoke(time) {
-      var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime;
-      return lastCallTime === void 0 || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait;
-    }
-    function timerExpired() {
-      var time = now();
-      if (shouldInvoke(time)) {
-        return trailingEdge(time);
-      }
-      timerId = setTimeout(timerExpired, remainingWait(time));
-    }
-    function trailingEdge(time) {
-      timerId = void 0;
-      if (trailing && lastArgs) {
-        return invokeFunc(time);
-      }
-      lastArgs = lastThis = void 0;
-      return result;
-    }
-    function cancel() {
-      if (timerId !== void 0) {
-        clearTimeout(timerId);
-      }
-      lastInvokeTime = 0;
-      lastArgs = lastCallTime = lastThis = timerId = void 0;
-    }
-    function flush() {
-      return timerId === void 0 ? result : trailingEdge(now());
-    }
-    function debounced() {
-      var time = now(), isInvoking = shouldInvoke(time);
-      lastArgs = arguments;
-      lastThis = this;
-      lastCallTime = time;
-      if (isInvoking) {
-        if (timerId === void 0) {
-          return leadingEdge(lastCallTime);
-        }
-        if (maxing) {
-          timerId = setTimeout(timerExpired, wait);
-          return invokeFunc(lastCallTime);
-        }
-      }
-      if (timerId === void 0) {
-        timerId = setTimeout(timerExpired, wait);
-      }
-      return result;
-    }
-    debounced.cancel = cancel;
-    debounced.flush = flush;
-    return debounced;
-  }
-  function isObject(value) {
-    var type = typeof value;
-    return !!value && (type == "object" || type == "function");
-  }
-  function isObjectLike(value) {
-    return !!value && typeof value == "object";
-  }
-  function isSymbol(value) {
-    return typeof value == "symbol" || isObjectLike(value) && objectToString.call(value) == symbolTag;
-  }
-  function toNumber(value) {
-    if (typeof value == "number") {
-      return value;
-    }
-    if (isSymbol(value)) {
-      return NAN;
-    }
-    if (isObject(value)) {
-      var other = typeof value.valueOf == "function" ? value.valueOf() : value;
-      value = isObject(other) ? other + "" : other;
-    }
-    if (typeof value != "string") {
-      return value === 0 ? value : +value;
-    }
-    value = value.replace(reTrim, "");
-    var isBinary = reIsBinary.test(value);
-    return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NAN : +value;
-  }
-  lodash_debounce = debounce;
-  return lodash_debounce;
-}
-requireLodash_debounce();
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
-var IS_SERVER2 = typeof window === "undefined";
-function useMediaQuery(query, {
-  defaultValue = false,
-  initializeWithValue = true
-} = {}) {
-  const getMatches = (query2) => {
-    if (IS_SERVER2) {
-      return defaultValue;
-    }
-    return window.matchMedia(query2).matches;
-  };
-  const [matches, setMatches] = useState(() => {
-    if (initializeWithValue) {
-      return getMatches(query);
-    }
-    return defaultValue;
-  });
-  function handleChange() {
-    setMatches(getMatches(query));
-  }
-  useIsomorphicLayoutEffect(() => {
-    const matchMedia = window.matchMedia(query);
-    handleChange();
-    if (matchMedia.addListener) {
-      matchMedia.addListener(handleChange);
-    } else {
-      matchMedia.addEventListener("change", handleChange);
-    }
-    return () => {
-      if (matchMedia.removeListener) {
-        matchMedia.removeListener(handleChange);
-      } else {
-        matchMedia.removeEventListener("change", handleChange);
-      }
-    };
-  }, [query]);
-  return matches;
-}
-function useBreakpointMatch(breakpoint) {
-  const size = BREAKPOINT[breakpoint];
-  return useMediaQuery(`(min-width: ${size}px)`);
-}
-export {
-  useBreakpointMatch
-};
+import { t as useBreakpointMatch } from "../useBreakpointMatch-D9a3CTNK.js";
+export { useBreakpointMatch };

package/dist/utils/useControllableState/useControllableState.js

@@ -1,27 +1,33 @@
-import { useState, useEffect, useCallback } from "react";
 import { useStableCallback } from "../useStableCallback/useStableCallback.js";
-function useControllableState({
-  value,
-  defaultValue,
-  onValueChange
-}) {
-  const isControlled = value !== void 0;
-  const [internalValue, setInternalValue] = useState(isControlled ? value : defaultValue);
-  useEffect(() => {
-    if (isControlled && value !== internalValue) {
-      setInternalValue(value);
-    }
-  }, [isControlled, value, internalValue]);
-  const onValueChangeStable = useStableCallback(onValueChange);
-  const handleValueChange = useCallback((value2) => {
-    if (!isControlled) {
-      setInternalValue(value2);
-    }
-    onValueChangeStable(value2);
-  }, [isControlled, onValueChangeStable]);
-  const currentValue = isControlled ? value : internalValue;
-  return [currentValue, handleValueChange];
+import { useCallback, useEffect, useState } from "react";
+//#region src/utils/useControllableState/useControllableState.ts
+/**
+* A hook that manages state that can be either controlled or uncontrolled.
+*
+* @example
+* ```tsx
+* function MyInput(props) {
+*   const [value, setValue] = useControllableState(props);
+*   return <input value={value} onChange={(e) => setValue(e.target.value)} />;
+* }
+* ```
+*/
+function useControllableState({ value, defaultValue, onValueChange }) {
+	const isControlled = value !== void 0;
+	const [internalValue, setInternalValue] = useState(isControlled ? value : defaultValue);
+	useEffect(() => {
+		if (isControlled && value !== internalValue) setInternalValue(value);
+	}, [
+		isControlled,
+		value,
+		internalValue
+	]);
+	const onValueChangeStable = useStableCallback(onValueChange);
+	const handleValueChange = useCallback((value) => {
+		if (!isControlled) setInternalValue(value);
+		onValueChangeStable(value);
+	}, [isControlled, onValueChangeStable]);
+	return [isControlled ? value : internalValue, handleValueChange];
 }
-export {
-  useControllableState
-};
+//#endregion
+export { useControllableState };

package/dist/utils/useMergeRefs.js

@@ -1,17 +1,32 @@
 import { useCallback } from "react";
-const applyRef = (ref, value) => {
-  if (typeof ref === "function") {
-    ref(value);
-  } else if (ref) {
-    ref.current = value;
-  }
+//#region src/utils/useMergeRefs.ts
+var applyRef = (ref, value) => {
+	if (typeof ref === "function") ref(value);
+	else if (ref) ref.current = value;
 };
-const useMergeRefs = (ref1, ref2) => {
-  return useCallback((node) => {
-    applyRef(ref1, node);
-    applyRef(ref2, node);
-  }, [ref1, ref2]);
-};
-export {
-  useMergeRefs
+/**
+* A React hook that merges two refs into a single ref callback.
+* This is useful when you need to pass multiple refs to a single element.
+*
+* @param ref1 The first ref to merge
+* @param ref2 The second ref to merge
+* @returns A callback ref that updates both input refs
+*
+* @example
+* ```tsx
+* const Component = React.forwardRef((props, ref) => {
+*   const localRef = useRef(null);
+*   const mergedRef = useMergeRefs(ref, localRef);
+*
+*   return <div ref={mergedRef} />;
+* });
+* ```
+*/
+var useMergeRefs = (ref1, ref2) => {
+	return useCallback((node) => {
+		applyRef(ref1, node);
+		applyRef(ref2, node);
+	}, [ref1, ref2]);
 };
+//#endregion
+export { useMergeRefs };