@iress-oss/ids-components 5.20.8 → 5.20.9

package/dist/helpers/formatting/formatDateTime.js

@@ -1,55 +1,50 @@
-import { getDateObj as c, formatShortDate as f } from "./formatDate.js";
-const g = (o) => {
-  const t = c(o);
-  if (!t.getDate()) return "";
-  const m = t.toLocaleString("default", {
-    year: "numeric",
-    timeZone: "UTC"
-  }), n = t.toLocaleString("default", {
-    month: "2-digit",
-    timeZone: "UTC"
-  }), i = t.toLocaleString("default", {
-    day: "2-digit",
-    timeZone: "UTC"
-  }), a = t.toLocaleString("default", {
-    timeStyle: "medium",
-    hour12: !1,
-    timeZone: "UTC"
-  });
-  let e = t.toLocaleDateString("default", {
-    day: "2-digit",
-    timeZoneName: "long",
-    timeZone: "UTC"
-  }).substring(4).match(/\b(\w)/g)?.join("");
-  return e === "CUT" && (e = "UTC"), `${m}-${n}-${i} ${a} (${e})`;
-}, y = (o, t = "week") => {
-  const r = c(o);
-  if (!r?.getDate()) return "";
-  const m = r.getTime(), n = Math.round((m - Date.now()) / 1e3), i = [
-    60,
-    3600,
-    86400,
-    86400 * 7,
-    86400 * 30,
-    86400 * 365,
-    1 / 0
-  ], a = [
-    "second",
-    "minute",
-    "hour",
-    "day",
-    "week",
-    "month",
-    "year"
-  ], e = i.findIndex(
-    (d) => d > Math.abs(n)
-  );
-  if (e > 0 && t && e >= a.indexOf(t))
-    return f(o);
-  const s = e ? i[e - 1] : 1;
-  return new Intl.RelativeTimeFormat("default", { numeric: "auto" }).format(Math.floor(n / s), a[e]);
-};
-export {
-  g as formatISODateTime,
-  y as formatRelativeTime
+import { formatShortDate as e, getDateObj as t } from "./formatDate.js";
+//#region src/helpers/formatting/formatDateTime.ts
+var n = (e) => {
+	let n = t(e);
+	if (!n.getDate()) return "";
+	let r = n.toLocaleString("default", {
+		year: "numeric",
+		timeZone: "UTC"
+	}), i = n.toLocaleString("default", {
+		month: "2-digit",
+		timeZone: "UTC"
+	}), a = n.toLocaleString("default", {
+		day: "2-digit",
+		timeZone: "UTC"
+	}), o = n.toLocaleString("default", {
+		timeStyle: "medium",
+		hour12: !1,
+		timeZone: "UTC"
+	}), s = n.toLocaleDateString("default", {
+		day: "2-digit",
+		timeZoneName: "long",
+		timeZone: "UTC"
+	}).substring(4).match(/\b(\w)/g)?.join("");
+	return s === "CUT" && (s = "UTC"), `${r}-${i}-${a} ${o} (${s})`;
+}, r = (n, r = "week") => {
+	let i = t(n);
+	if (!i?.getDate()) return "";
+	let a = i.getTime(), o = Math.round((a - Date.now()) / 1e3), s = [
+		60,
+		3600,
+		86400,
+		86400 * 7,
+		86400 * 30,
+		86400 * 365,
+		Infinity
+	], c = [
+		"second",
+		"minute",
+		"hour",
+		"day",
+		"week",
+		"month",
+		"year"
+	], l = s.findIndex((e) => e > Math.abs(o));
+	if (l > 0 && r && l >= c.indexOf(r)) return e(n);
+	let u = l ? s[l - 1] : 1;
+	return new Intl.RelativeTimeFormat("default", { numeric: "auto" }).format(Math.floor(o / u), c[l]);
 };
+//#endregion
+export { n as formatISODateTime, r as formatRelativeTime };

package/dist/helpers/formatting/formatObjectKey.js

@@ -1,4 +1,4 @@
-const a = (t) => t.replace(/[-_]/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").split(" ").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" ");
-export {
-  a as formatObjectKey
-};
+//#region src/helpers/formatting/formatObjectKey.ts
+var e = (e) => e.replace(/[-_]/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").split(" ").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" ");
+//#endregion
+export { e as formatObjectKey };

package/dist/helpers/formatting/formatPercentage.js

@@ -1,7 +1,7 @@
-const t = (r) => {
-  const e = typeof r == "number" ? r : Number(r);
-  return e ? `${e}%` : "0%";
-};
-export {
-  t as formatPercentage
+//#region src/helpers/formatting/formatPercentage.ts
+var e = (e) => {
+	let t = typeof e == "number" ? e : Number(e);
+	return t ? `${t}%` : "0%";
 };
+//#endregion
+export { e as formatPercentage };

package/dist/helpers/formatting/stringReplacer.js

@@ -1,9 +1,9 @@
-const a = (t, n = []) => {
-  let e = t;
-  return n.forEach((r) => {
-    e = e.split(r.name).join(r.value);
-  }), e;
-};
-export {
-  a as stringReplacer
+//#region src/helpers/formatting/stringReplacer.ts
+var e = (e, t = []) => {
+	let n = e;
+	return t.forEach((e) => {
+		n = n.split(e.name).join(e.value);
+	}), n;
 };
+//#endregion
+export { e as stringReplacer };

package/dist/helpers/formatting/toArray.js

@@ -1,4 +1,4 @@
-const o = (r) => Array.isArray(r) ? r : r !== void 0 ? [r] : [];
-export {
-  o as toArray
-};
+//#region src/helpers/formatting/toArray.ts
+var e = (e) => Array.isArray(e) ? e : e === void 0 ? [] : [e];
+//#endregion
+export { e as toArray };

package/dist/helpers/formatting/toCSSLengthValue.js

@@ -1,7 +1,7 @@
-const r = (n) => {
-  const t = String(n);
-  return /^\d+$/.test(t) ? `${t}px` : t;
-};
-export {
-  r as toCSSLengthValue
+//#region src/helpers/formatting/toCSSLengthValue.ts
+var e = (e) => {
+	let t = String(e);
+	return /^\d+$/.test(t) ? `${t}px` : t;
 };
+//#endregion
+export { e as toCSSLengthValue };

package/dist/helpers/label-value/composeLabelValueDescriptor.js

@@ -1,13 +1,10 @@
-import { toArray as n } from "../formatting/toArray.js";
-const s = (t, r = "{{numOptions}} selected") => {
-  const e = n(t);
-  if (!e.length) return "";
-  const l = r?.replace(
-    "{{numOptions}}",
-    e.length.toString()
-  );
-  return e.length === 1 ? e[0].label : l;
-};
-export {
-  s as composeLabelValueDescriptor
+import { toArray as e } from "../formatting/toArray.js";
+//#region src/helpers/label-value/composeLabelValueDescriptor.ts
+var t = (t, n = "{{numOptions}} selected") => {
+	let r = e(t);
+	if (!r.length) return "";
+	let i = n?.replace("{{numOptions}}", r.length.toString());
+	return r.length === 1 ? r[0].label : i;
 };
+//#endregion
+export { t as composeLabelValueDescriptor };

package/dist/helpers/label-value/getQueryRangeExclusive.js

@@ -1,14 +1,11 @@
-import { f as u } from "../../fuzzysort-BNka47rs.js";
-const o = (r, e) => {
-  const t = u.single(r, e);
-  if (!t)
-    return;
-  const n = t.indexes;
-  return n[0] !== 0 ? [0, e.length] : [
-    Math.max(...n.map((s) => s.valueOf())) + 1,
-    e.length
-  ];
-};
-export {
-  o as getQueryRangeExclusive
+import { n as e } from "../../chunk-efA98nb6.js";
+import { t } from "../../fuzzysort-BZ6Yv-YR.js";
+//#region src/helpers/label-value/getQueryRangeExclusive.ts
+var n = /* @__PURE__ */ e(t(), 1), r = (e, t) => {
+	let r = n.default.single(e, t);
+	if (!r) return;
+	let i = r.indexes;
+	return i[0] === 0 ? [Math.max(...i.map((e) => e.valueOf())) + 1, t.length] : [0, t.length];
 };
+//#endregion
+export { r as getQueryRangeExclusive };

package/dist/helpers/label-value/getValueFromLabelValues.js

@@ -1,8 +1,8 @@
-import { toArray as t } from "../formatting/toArray.js";
-const u = (a, l = !1) => {
-  const e = t(a);
-  return l ? e.map((r) => r?.value ?? r?.label) : e[0]?.value ?? e[0]?.label;
-};
-export {
-  u as getValueFromLabelValues
+import { toArray as e } from "../formatting/toArray.js";
+//#region src/helpers/label-value/getValueFromLabelValues.ts
+var t = (t, n = !1) => {
+	let r = e(t);
+	return n ? r.map((e) => e?.value ?? e?.label) : r[0]?.value ?? r[0]?.label;
 };
+//#endregion
+export { t as getValueFromLabelValues };

package/dist/helpers/label-value/highlightQueryInLabel.js

@@ -1,6 +1,7 @@
-import { jsx as e } from "react/jsx-runtime";
-import { f as g } from "../../fuzzysort-BNka47rs.js";
-const f = (r, i, t = "b") => g.single(i, r)?.highlight((h, o) => /* @__PURE__ */ e(t, { children: h }, o)) ?? r;
-export {
-  f as highlightQueryInLabel
-};
+import { n as e } from "../../chunk-efA98nb6.js";
+import { t } from "../../fuzzysort-BZ6Yv-YR.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/helpers/label-value/highlightQueryInLabel.tsx
+var r = /* @__PURE__ */ e(t(), 1), i = (e, t, i = "b") => r.default.single(t, e)?.highlight((e, t) => /* @__PURE__ */ n(i, { children: e }, t)) ?? e;
+//#endregion
+export { i as highlightQueryInLabel };

package/dist/helpers/label-value/highlightQueryInLabelValue.js

@@ -1,9 +1,9 @@
-import { highlightQueryInLabel as r } from "./highlightQueryInLabel.js";
-const m = (t, o, i) => ({
-  ...t,
-  formattedLabel: r(t.label, o, i),
-  formattedMeta: typeof t.meta == "string" ? r(t.meta, o, i) : void 0
+import { highlightQueryInLabel as e } from "./highlightQueryInLabel.js";
+//#region src/helpers/label-value/highlightQueryInLabelValue.ts
+var t = (t, n, r) => ({
+	...t,
+	formattedLabel: e(t.label, n, r),
+	formattedMeta: typeof t.meta == "string" ? e(t.meta, n, r) : void 0
 });
-export {
-  m as highlightQueryInLabelValue
-};
+//#endregion
+export { t as highlightQueryInLabelValue };

package/dist/helpers/label-value/searchLabelValues.js

@@ -1,11 +1,12 @@
-import { f as s } from "../../fuzzysort-BNka47rs.js";
-import { highlightQueryInLabelValue as a } from "./highlightQueryInLabelValue.js";
-const m = (e, r, t, l = !0) => s.go(e, r, {
-  key: "label",
-  limit: t,
-  threshold: -5e3,
-  all: l
-}).map((o) => a(o.obj, e));
-export {
-  m as searchLabelValues
-};
+import { n as e } from "../../chunk-efA98nb6.js";
+import { t } from "../../fuzzysort-BZ6Yv-YR.js";
+import { highlightQueryInLabelValue as n } from "./highlightQueryInLabelValue.js";
+//#region src/helpers/label-value/searchLabelValues.ts
+var r = /* @__PURE__ */ e(t(), 1), i = (e, t, i, a = !0) => r.default.go(e, t, {
+	key: "label",
+	limit: i,
+	threshold: -5e3,
+	all: a
+}).map((t) => n(t.obj, e));
+//#endregion
+export { i as searchLabelValues };

package/dist/helpers/responsive/getResponsiveLayoutModifiers.js

@@ -1,11 +1,9 @@
-const o = (n, t, r) => {
-  if (!t && typeof r == "string")
-    return r ? [`${n}--${r}`] : [];
-  if (typeof t == "string" || typeof t == "number")
-    return [`${n}--${t}`];
-  const $ = t ? Object.keys(t).map((e) => `${n}-${e}--${t[e]}`) : [];
-  return typeof r == "string" && !t?.xs ? [`${n}-xs--${r}`, ...$] : $;
-};
-export {
-  o as getResponsiveLayoutModifiers
+//#region src/helpers/responsive/getResponsiveLayoutModifiers.ts
+var e = (e, t, n) => {
+	if (!t && typeof n == "string") return n ? [`${e}--${n}`] : [];
+	if (typeof t == "string" || typeof t == "number") return [`${e}--${t}`];
+	let r = t ? Object.keys(t).map((n) => `${e}-${n}--${t[n]}`) : [];
+	return typeof n == "string" && !t?.xs ? [`${e}-xs--${n}`, ...r] : r;
 };
+//#endregion
+export { e as getResponsiveLayoutModifiers };

package/dist/helpers/responsive/getResponsivePaddingClasses.js

@@ -1,11 +1,7 @@
-const f = (r) => {
-  const s = "iress-p";
-  return r ? typeof r == "string" ? [`${s}--${r}`] : Object.keys(r).some(
-    (e) => e === "x" || e === "y" || e === "b" || e === "l"
-  ) ? Object.entries(r).map(([e, t]) => `${s}${e}--${t}`) : Object.entries(r).flatMap(([e, t]) => typeof t == "string" ? `${s}-${e}--${t}` : Object.entries(t).map(
-    ([$, i]) => `${s}${$}-${e}--${i}`
-  )) : [];
-};
-export {
-  f as getResponsivePaddingClasses
+//#region src/helpers/responsive/getResponsivePaddingClasses.ts
+var e = (e) => {
+	let t = "iress-p";
+	return e ? typeof e == "string" ? [`${t}--${e}`] : Object.keys(e).some((e) => e === "x" || e === "y" || e === "b" || e === "l") ? Object.entries(e).map(([e, n]) => `${t}${e}--${n}`) : Object.entries(e).flatMap(([e, n]) => typeof n == "string" ? `${t}-${e}--${n}` : Object.entries(n).map(([n, r]) => `${t}${n}-${e}--${r}`)) : [];
 };
+//#endregion
+export { e as getResponsivePaddingClasses };

package/dist/helpers/transition/getTransitionDuration.js

@@ -1,7 +1,5 @@
-import { timeStringToNumber as i } from "./timeStringToNumber.js";
-const e = (t, r = 0.8, o = 240) => t ? i(
-  window.getComputedStyle(t, null)?.getPropertyValue("transition-duration") || ".3s"
-) * r : o;
-export {
-  e as getTransitionDuration
-};
+import { timeStringToNumber as e } from "./timeStringToNumber.js";
+//#region src/helpers/transition/getTransitionDuration.ts
+var t = (t, n = .8, r = 240) => t ? e(window.getComputedStyle(t, null)?.getPropertyValue("transition-duration") || ".3s") * n : r;
+//#endregion
+export { t as getTransitionDuration };

package/dist/helpers/transition/timeStringToNumber.js

@@ -1,4 +1,4 @@
-const n = (e) => e.indexOf("s") !== e.length - 1 ? 0 : e.includes("ms") ? parseInt(e.replace("ms", ""), 10) : parseFloat(e.replace("s", "")) * 1e3;
-export {
-  n as timeStringToNumber
-};
+//#region src/helpers/transition/timeStringToNumber.ts
+var e = (e) => e.indexOf("s") === e.length - 1 ? e.includes("ms") ? parseInt(e.replace("ms", ""), 10) : parseFloat(e.replace("s", "")) * 1e3 : 0;
+//#endregion
+export { e as timeStringToNumber };

package/dist/helpers/utility/generateScopedName.js

@@ -1,9 +1,8 @@
-import { CSS_IDS_VERSION as p } from "../../constants.js";
-const n = (e, c) => {
-  const t = a(c.split("/").reverse()[0].split(".")[0]), o = a(e), r = t === o ? "" : `${o}`;
-  let s = `ids-${t}`;
-  return e.startsWith("ids-") && (s = ""), `${s}${s && r ? "--" : ""}${r}-${p}`;
-}, a = (e) => e.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/\s+/g, "-").toLowerCase();
-export {
-  n as generateScopedName
-};
+import { r as e } from "../../constants-C4s0aMXs.js";
+//#region src/helpers/utility/generateScopedName.ts
+var t = (t, r) => {
+	let i = n(r.split("/").reverse()[0].split(".")[0]), a = n(t), o = i === a ? "" : `${a}`, s = `ids-${i}`;
+	return t.startsWith("ids-") && (s = ""), `${s}${s && o ? "--" : ""}${o}-${e}`;
+}, n = (e) => e.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/\s+/g, "-").toLowerCase();
+//#endregion
+export { t as generateScopedName };

package/dist/helpers/utility/idsLogger.js

@@ -1,10 +1,6 @@
-const g = (o, c = "log") => {
-  console[c](
-    "%c IDS ",
-    "background: #21F5A8; color: #3A1C46; font-weight:bold;",
-    o
-  );
-};
-export {
-  g as idsLogger
+//#region src/helpers/utility/idsLogger.ts
+var e = (e, t = "log") => {
+	console[t]("%c IDS ", "background: #21F5A8; color: #3A1C46; font-weight:bold;", e);
 };
+//#endregion
+export { e as idsLogger };

package/dist/helpers/utility/propagateTestid.js

@@ -1,4 +1,4 @@
-const p = (o, r, e = "__") => o ? `${o}${e}${r}` : void 0;
-export {
-  p as propagateTestid
-};
+//#region src/helpers/utility/propagateTestid.ts
+var e = (e, t, n = "__") => e ? `${e}${n}${t}` : void 0;
+//#endregion
+export { e as propagateTestid };

package/dist/hooks/index.js

@@ -1,11 +1,5 @@
-import { useBreakpoint as r } from "./useBreakpoint.js";
-import { useControlledState as p } from "./useControlledState.js";
-import { useIdIfNeeded as u } from "./useIdIfNeeded.js";
-import { useResponsiveProps as d, useResponsiveValue as m } from "./useResponsiveProps.js";
-export {
-  r as useBreakpoint,
-  p as useControlledState,
-  u as useIdIfNeeded,
-  d as useResponsiveProps,
-  m as useResponsiveValue
-};
+import { useControlledState as e } from "./useControlledState.js";
+import { useBreakpoint as t } from "./useBreakpoint.js";
+import { useIdIfNeeded as n } from "./useIdIfNeeded.js";
+import { useResponsiveProps as r, useResponsiveValue as i } from "./useResponsiveProps.js";
+export { t as useBreakpoint, e as useControlledState, n as useIdIfNeeded, r as useResponsiveProps, i as useResponsiveValue };

package/dist/hooks/useAriaRelationship.js

@@ -1,36 +1,21 @@
-import { useRef as p, useCallback as n } from "react";
-const f = (e) => {
-  const o = p(null), l = n((t) => {
-    o.current = t;
-  }, []), s = n(
-    (t) => {
-      const r = (o.current?.getAttribute(e) ?? "").split(" ");
-      r.push(t), o.current?.setAttribute(
-        e,
-        r.join(" ").trim()
-      );
-    },
-    [e]
-  ), i = n(
-    (t) => {
-      const r = (o.current?.getAttribute(e) ?? "").split(" ").filter((u) => u !== t);
-      o.current?.setAttribute(
-        e,
-        r.join(" ").trim()
-      );
-    },
-    [e]
-  ), c = n(
-    (t) => (r) => {
-      r ? s?.(t) : i?.(t);
-    },
-    [s, i]
-  );
-  return {
-    setController: l,
-    setControlViaRef: c
-  };
-};
-export {
-  f as useAriaRelationship
+import { useCallback as e, useRef as t } from "react";
+//#region src/hooks/useAriaRelationship.tsx
+var n = (n) => {
+	let r = t(null), i = e((e) => {
+		r.current = e;
+	}, []), a = e((e) => {
+		let t = (r.current?.getAttribute(n) ?? "").split(" ");
+		t.push(e), r.current?.setAttribute(n, t.join(" ").trim());
+	}, [n]), o = e((e) => {
+		let t = (r.current?.getAttribute(n) ?? "").split(" ").filter((t) => t !== e);
+		r.current?.setAttribute(n, t.join(" ").trim());
+	}, [n]);
+	return {
+		setController: i,
+		setControlViaRef: e((e) => (t) => {
+			t ? a?.(e) : o?.(e);
+		}, [a, o])
+	};
 };
+//#endregion
+export { n as useAriaRelationship };

package/dist/hooks/useBreakpoint.js

@@ -1,17 +1,17 @@
-import { BREAKPOINTS as n, BREAKPOINT_DETAILS as a } from "../constants.js";
-import { useState as s, useCallback as c, useLayoutEffect as u } from "react";
-const o = () => n.find((e) => window.matchMedia(a[e].mediaQuery)?.matches) ?? n[0], m = () => {
-  const [e, i] = s(o()), r = c(() => {
-    i(o());
-  }, []);
-  return u(() => {
-    const t = r;
-    return window.addEventListener("resize", t), t(), () => window.removeEventListener("resize", t);
-  }, [r]), {
-    breakpoint: e,
-    detail: a[e]
-  };
-};
-export {
-  m as useBreakpoint
+import { n as e, t } from "../constants-C4s0aMXs.js";
+import { useCallback as n, useLayoutEffect as r, useState as i } from "react";
+//#region src/hooks/useBreakpoint.ts
+var a = () => t.find((t) => window.matchMedia(e[t].mediaQuery)?.matches) ?? t[0], o = () => {
+	let [t, o] = i(a()), s = n(() => {
+		o(a());
+	}, []);
+	return r(() => {
+		let e = s;
+		return window.addEventListener("resize", e), e(), () => window.removeEventListener("resize", e);
+	}, [s]), {
+		breakpoint: t,
+		detail: e[t]
+	};
 };
+//#endregion
+export { o as useBreakpoint };

package/dist/hooks/useControlledState.js

@@ -1,54 +1,36 @@
-import { useRef as y, useMemo as $, useState as v, useEffect as L, useCallback as u } from "react";
-import { idsLogger as S } from "../helpers/utility/idsLogger.js";
-import { toArray as l } from "../helpers/formatting/toArray.js";
-import { capitalizeFirstLetter as U } from "../helpers/formatting/capitalizeFirstLetter.js";
-const k = (r, o, e, s) => s ? e ? [...l(o), r] : l(o).filter(
-  (i) => i !== r
-) : e ? r : void 0, w = (r, o, e) => {
-  o !== void 0 && e === void 0 && r(void 0);
-}, F = ({
-  component: r,
-  defaultValue: o,
-  multiple: e,
-  onChange: s,
-  propName: i = "value",
-  value: t
-}) => {
-  const m = y(void 0), n = $(() => t !== void 0, [t]), [d, f] = v(
-    e ? l(o) : o
-  );
-  w(f, m.current, t), m.current = t, L(() => {
-    t !== void 0 && o !== void 0 && S(
-      `${r}: Please use either the default${U(
-        i
-      )} prop for uncontrolled components, or the ${i} prop for controlled components, rather than both. If you use both, the value of the component may become unpredictable.`,
-      "warn"
-    );
-  }, [t, o, r, i]);
-  const h = u(
-    (c) => {
-      n || f(c), s?.(c);
-    },
-    [n, s]
-  ), b = u(
-    (c, g) => {
-      const p = k(
-        c,
-        t ?? d,
-        g,
-        e
-      );
-      n || f(p), s?.(p);
-    },
-    [n, e, s, d, t]
-  );
-  return {
-    isControlled: n,
-    setValue: h,
-    toggleValue: b,
-    value: t ?? d
-  };
-};
-export {
-  F as useControlledState
+import { idsLogger as e } from "../helpers/utility/idsLogger.js";
+import { toArray as t } from "../helpers/formatting/toArray.js";
+import { capitalizeFirstLetter as n } from "../helpers/formatting/capitalizeFirstLetter.js";
+import { useCallback as r, useEffect as i, useMemo as a, useRef as o, useState as s } from "react";
+//#region src/hooks/useControlledState.ts
+var c = (e, n, r, i) => i ? r ? [...t(n), e] : t(n).filter((t) => t !== e) : r ? e : void 0, l = (e, t, n) => {
+	t !== void 0 && n === void 0 && e(void 0);
+}, u = ({ component: u, defaultValue: d, multiple: f, onChange: p, propName: m = "value", value: h }) => {
+	let g = o(void 0), _ = a(() => h !== void 0, [h]), [v, y] = s(f ? t(d) : d);
+	return l(y, g.current, h), g.current = h, i(() => {
+		h !== void 0 && d !== void 0 && e(`${u}: Please use either the default${n(m)} prop for uncontrolled components, or the ${m} prop for controlled components, rather than both. If you use both, the value of the component may become unpredictable.`, "warn");
+	}, [
+		h,
+		d,
+		u,
+		m
+	]), {
+		isControlled: _,
+		setValue: r((e) => {
+			_ || y(e), p?.(e);
+		}, [_, p]),
+		toggleValue: r((e, t) => {
+			let n = c(e, h ?? v, t, f);
+			_ || y(n), p?.(n);
+		}, [
+			_,
+			f,
+			p,
+			v,
+			h
+		]),
+		value: h ?? v
+	};
 };
+//#endregion
+export { u as useControlledState };