@commercetools/nimbus 3.4.0 → 3.5.1

package/dist/chunks/use-region-DeWyHgGN.esm.js

@@ -1,54 +0,0 @@
-import { n as e, t } from "./region.provider-CobXE1H5.esm.js";
-import { useCallback as n, useContext as r, useEffect as i, useMemo as a, useRef as o, useSyncExternalStore as s } from "react";
-import { createPortal as c } from "react-dom";
-import { jsx as l } from "react/jsx-runtime";
-import { Box as u } from "@chakra-ui/react/box";
-//#region src/components/region/region.target.tsx
-var d = ({ name: t, value: a, ref: s, ...c }) => {
-	let d = r(e), f = o(s);
-	f.current = s;
-	let p = o(null), m = n((e) => {
-		let n = f.current;
-		typeof n == "function" ? n(e) : n != null && (n.current = e), e ? d?.setNode(t, e) : d?.clearNode(t, p.current), p.current = e;
-	}, [d, t]);
-	return i(() => d?.claim(t, "target"), [d, t]), i(() => {
-		if (a !== void 0) return d?.setValue(t, a), () => d?.clearValue(t, a);
-	}, [
-		d,
-		t,
-		a
-	]), /* @__PURE__ */ l(u, {
-		ref: m,
-		display: "contents",
-		...c
-	});
-};
-d.displayName = "Region";
-//#endregion
-//#region src/components/region/region.tsx
-var f = Object.assign(d, { Provider: t }), p = (t) => {
-	let n = ({ children: n }) => {
-		let o = r(e), [l, u] = a(() => [(e) => o ? o.subscribe(t, e) : () => {}, () => o ? o.get(t) : null], [o]), d = s(l, u, () => null);
-		i(() => o?.claim(t, "filler"), [o, t]);
-		let f = d?.node ?? null;
-		return f ? c(n, f) : null;
-	};
-	return n.displayName = `Region.Portal(${t})`, n;
-}, m = () => null;
-m.displayName = "Region.Portal(none)";
-var h = (t) => {
-	let n = r(e), i = o(/* @__PURE__ */ new Map()), c = m;
-	if (t) {
-		let e = i.current.get(t);
-		e || (e = p(t), i.current.set(t, e)), c = e;
-	}
-	let [l, u] = a(() => [(e) => t && n ? n.subscribe(t, e) : () => {}, () => t && n ? n.get(t) : null], [n, t]), d = s(l, u, () => null);
-	return {
-		Region: c,
-		value: d?.value ?? null
-	};
-};
-//#endregion
-export { f as n, d as r, h as t };
-
-//# sourceMappingURL=use-region-DeWyHgGN.esm.js.map

package/dist/chunks/use-region-DeWyHgGN.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-region-DeWyHgGN.esm.js","names":[],"sources":["../../src/components/region/region.target.tsx","../../src/components/region/region.tsx","../../src/components/region/region.portal.tsx","../../src/components/region/use-region.ts"],"sourcesContent":["import { useCallback, useContext, useEffect, useRef } from \"react\";\nimport type { Ref } from \"react\";\nimport { Box as ChakraBox } from \"@chakra-ui/react/box\";\nimport { RegionRegistryContext } from \"./region.registry\";\nimport type { RegionProps } from \"./region.types\";\n\n/**\n * The `<Region name>` **target**: marks where a named region renders and\n * registers its DOM node under `name` so consumers can fill it via\n * `useRegion(name)`. Optionally publishes a `value` (control callbacks + state)\n * for that region.\n *\n * Renders a **layout-transparent** element — `display: contents`, so it\n * generates no box of its own and the projected children lay out as direct\n * children of the region's parent (precise layout, no extra wrapper). A portal\n * still needs a real DOM node as its container, which is why an element exists\n * at all; `display: contents` keeps that node out of the layout. Pass `style` to\n * override (e.g. `display: \"block\"`) if you want the target to be a real box.\n *\n * A `Region.Provider` must be an ancestor (it is, ambiently, inside\n * `NimbusProvider`); without one the target still renders but registers nowhere,\n * so no consumer can fill it.\n */\nexport const RegionTarget = ({ name, value, ref, ...props }: RegionProps) => {\n  const registry = useContext(RegionRegistryContext);\n\n  // Stable merged ref: forwards to the consumer's `ref` and registers/clears the\n  // node under `name`. Read the consumer ref from a holder so identity is stable.\n  const consumerRef = useRef<Ref<HTMLDivElement> | undefined>(ref);\n  consumerRef.current = ref;\n  // The node we last registered, so detach can release the slot owner-checked\n  // (clearing only if we still hold it) rather than clobbering a newer target.\n  const ownNodeRef = useRef<HTMLDivElement | null>(null);\n  const setRef = useCallback(\n    (node: HTMLDivElement | null) => {\n      const r = consumerRef.current;\n      if (typeof r === \"function\") r(node);\n      else if (r != null)\n        (r as { current: HTMLDivElement | null }).current = node;\n      if (node) registry?.setNode(name, node);\n      else registry?.clearNode(name, ownNodeRef.current);\n      ownNodeRef.current = node;\n    },\n    [registry, name]\n  );\n\n  // Declare this target as the region's single occupant for the mount's lifetime;\n  // a second concurrent target for the same name warns in development.\n  useEffect(() => registry?.claim(name, \"target\"), [registry, name]);\n\n  // Publish the value (when provided). Memoize `value` at the call site — its\n  // identity changing is exactly what notifies consumers.\n  useEffect(() => {\n    if (value === undefined) return;\n    registry?.setValue(name, value);\n    return () => registry?.clearValue(name, value);\n  }, [registry, name, value]);\n\n  // `display: contents` — the target generates no box; projected children lay\n  // out as if placed directly at the region's position. `{...props}` comes after\n  // so a consumer can override (e.g. `display=\"block\"`) and add style props.\n  return <ChakraBox ref={setRef} display=\"contents\" {...props} />;\n};\n\nRegionTarget.displayName = \"Region\";\n","import { RegionTarget } from \"./region.target\";\nimport { RegionProvider } from \"./region.provider\";\n\n/**\n * Region\n * ============================================================\n * A headless, component-agnostic primitive for **named regions** — \"render this\n * content over there.\" Two sides:\n *\n * - **place a target**: `<Region name=\"foo\" />` marks where a named region\n *   renders. It's layout-transparent (`display: contents`), so projected content\n *   lays out as a direct child of the target's parent.\n * - **fill it**: `const { Region, value } = useRegion(\"foo\")` returns a stable\n *   portal to project content into the target (plus any `value` the target\n *   published). Projected content paints at the target while staying in the\n *   author's React tree, so all ancestor context is preserved.\n *\n * The scope is provided by `Region.Provider`, which is mounted **ambiently**\n * inside `NimbusProvider` — so in a Nimbus app you place targets and call\n * `useRegion` without ever wrapping anything yourself.\n *\n * @example\n * // somewhere in the layout (e.g. an app shell):\n * <Region name=\"sidebar\" />\n *\n * // anywhere else, even a different package:\n * const { Region: Sidebar } = useRegion(\"sidebar\");\n * return <Sidebar>{content}</Sidebar>;\n */\nexport const Region = Object.assign(RegionTarget, {\n  /**\n   * # Region.Provider\n   *\n   * Establishes a named-region scope. Mounted ambiently by `NimbusProvider`, so\n   * you rarely write it directly. Reuses an ancestor provider's registry when\n   * nested, and renders no DOM element of its own — hence `.Provider`, not\n   * `.Root`.\n   */\n  Provider: RegionProvider,\n});\n\n// Underscore-prefixed re-exports for react-docgen-typescript prop-table\n// extraction. Consumers should use `Region` / `Region.Provider`.\nexport { RegionTarget as _Region, RegionProvider as _RegionProvider };\n","import { useContext, useEffect, useMemo, useSyncExternalStore } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { RegionRegistryContext } from \"./region.registry\";\nimport type { RegionPortal } from \"./region.types\";\n\n/**\n * Build a stable portal component bound to one region `name`. The returned\n * component renders its `children` into that region's target node, or `null`\n * until the target mounts. It resolves the registry from context at its own\n * render position, so it targets the correct (shared, outermost) registry\n * regardless of where the consumer renders it.\n *\n * @internal\n */\nexport const createRegionPortal = (name: string): RegionPortal => {\n  const Portal: RegionPortal = ({ children }) => {\n    const registry = useContext(RegionRegistryContext);\n    const [subscribe, getSnapshot] = useMemo(\n      () =>\n        [\n          (listener: () => void) =>\n            registry ? registry.subscribe(name, listener) : () => {},\n          () => (registry ? registry.get(name) : null),\n        ] as const,\n      [registry]\n    );\n    // Server snapshot is `null`: no targets exist during SSR and `createPortal`\n    // is client-only, so the portal renders nothing until hydration.\n    const record = useSyncExternalStore(subscribe, getSnapshot, () => null);\n    // Declare this portal as the region's single filler while mounted; a second\n    // concurrent filler for the same name warns in development (their content\n    // would otherwise stack into the one target in an undefined order).\n    useEffect(() => registry?.claim(name, \"filler\"), [registry, name]);\n    const node = record?.node ?? null;\n    return node ? createPortal(children, node) : null;\n  };\n  Portal.displayName = `Region.Portal(${name})`;\n  return Portal;\n};\n","import { useContext, useMemo, useRef, useSyncExternalStore } from \"react\";\nimport { createRegionPortal } from \"./region.portal\";\nimport { RegionRegistryContext } from \"./region.registry\";\nimport type { RegionPortal, UseRegionResult } from \"./region.types\";\n\n/** Stable no-op portal for the `name`-less call (renders nothing). */\nconst EmptyRegion: RegionPortal = () => null;\nEmptyRegion.displayName = \"Region.Portal(none)\";\n\n/**\n * Access a named region: a stable `Region` portal component to project content\n * into it, plus the `value` its target published (control callbacks + state).\n * `value` is `null` until a target with that name mounts and publishes one, so\n * it is safe to call before the target exists.\n *\n * Pass `undefined` (or omit `name`) to get a no-op portal that renders nothing —\n * useful for conditional projection without violating the rules of hooks:\n * `useRegion(isEnabled ? \"sidebar\" : undefined)`.\n *\n * @example\n * const { Region, value } = useRegion<PanelControls>(\"my-sidebar\");\n * value?.expand();\n * return <Region>{content}</Region>; // paints at the target, stays in this tree\n */\nexport const useRegion = <T = unknown>(name?: string): UseRegionResult<T> => {\n  const registry = useContext(RegionRegistryContext);\n\n  // Cache one stable portal per name so the projected subtree never remounts.\n  // Intentionally unbounded — names should be static strings, not dynamic IDs.\n  const cacheRef = useRef<Map<string, RegionPortal>>(new Map());\n  let Region: RegionPortal = EmptyRegion;\n  if (name) {\n    let cached = cacheRef.current.get(name);\n    if (!cached) {\n      cached = createRegionPortal(name);\n      cacheRef.current.set(name, cached);\n    }\n    Region = cached;\n  }\n\n  const [subscribe, getSnapshot] = useMemo(\n    () =>\n      [\n        (listener: () => void) =>\n          name && registry ? registry.subscribe(name, listener) : () => {},\n        () => (name && registry ? registry.get(name) : null),\n      ] as const,\n    [registry, name]\n  );\n  // Server snapshot is `null`: there are no outlets during SSR and `createPortal`\n  // is client-only, so a region resolves to nothing until hydration.\n  const record = useSyncExternalStore(subscribe, getSnapshot, () => null);\n\n  return {\n    Region,\n    value: (record?.value ?? null) as T | null,\n  };\n};\n"],"mappings":";;;;;;AAuBA,IAAa,KAAgB,EAAE,SAAM,UAAO,QAAK,GAAG,QAAyB;CAC3E,IAAM,IAAW,EAAW,CAAqB,GAI3C,IAAc,EAAwC,CAAG;CAC/D,EAAY,UAAU;CAGtB,IAAM,IAAa,EAA8B,IAAI,GAC/C,IAAS,GACZ,MAAgC;EAC/B,IAAM,IAAI,EAAY;EAMtB,AALI,OAAO,KAAM,aAAY,EAAE,CAAI,IAC1B,KAAK,SACZ,EAA0C,UAAU,IAClD,IAAM,GAAU,QAAQ,GAAM,CAAI,IACjC,GAAU,UAAU,GAAM,EAAW,OAAO,GACjD,EAAW,UAAU;CACvB,GACA,CAAC,GAAU,CAAI,CACjB;CAiBA,OAbA,QAAgB,GAAU,MAAM,GAAM,QAAQ,GAAG,CAAC,GAAU,CAAI,CAAC,GAIjE,QAAgB;EACV,UAAU,KAAA,GAEd,OADA,GAAU,SAAS,GAAM,CAAK,SACjB,GAAU,WAAW,GAAM,CAAK;CAC/C,GAAG;EAAC;EAAU;EAAM;CAAK,CAAC,GAKnB,kBAAC,GAAD;EAAW,KAAK;EAAQ,SAAQ;EAAW,GAAI;CAAQ,CAAA;AAChE;AAEA,EAAa,cAAc;;;ACnC3B,IAAa,IAAS,OAAO,OAAO,GAAc,EAShD,UAAU,EACZ,CAAC,GCzBY,KAAsB,MAA+B;CAChE,IAAM,KAAwB,EAAE,kBAAe;EAC7C,IAAM,IAAW,EAAW,CAAqB,GAC3C,CAAC,GAAW,KAAe,QAE7B,EACG,MACC,IAAW,EAAS,UAAU,GAAM,CAAQ,UAAU,CAAC,SAClD,IAAW,EAAS,IAAI,CAAI,IAAI,IACzC,GACF,CAAC,CAAQ,CACX,GAGM,IAAS,EAAqB,GAAW,SAAmB,IAAI;EAItE,QAAgB,GAAU,MAAM,GAAM,QAAQ,GAAG,CAAC,GAAU,CAAI,CAAC;EACjE,IAAM,IAAO,GAAQ,QAAQ;EAC7B,OAAO,IAAO,EAAa,GAAU,CAAI,IAAI;CAC/C;CAEA,OADA,EAAO,cAAc,iBAAiB,EAAK,IACpC;AACT,GChCM,UAAkC;AACxC,EAAY,cAAc;AAiB1B,IAAa,KAA0B,MAAsC;CAC3E,IAAM,IAAW,EAAW,CAAqB,GAI3C,IAAW,kBAAkC,IAAI,IAAI,CAAC,GACxD,IAAuB;CAC3B,IAAI,GAAM;EACR,IAAI,IAAS,EAAS,QAAQ,IAAI,CAAI;EAKtC,AAJK,MACH,IAAS,EAAmB,CAAI,GAChC,EAAS,QAAQ,IAAI,GAAM,CAAM,IAEnC,IAAS;CACX;CAEA,IAAM,CAAC,GAAW,KAAe,QAE7B,EACG,MACC,KAAQ,IAAW,EAAS,UAAU,GAAM,CAAQ,UAAU,CAAC,SAC1D,KAAQ,IAAW,EAAS,IAAI,CAAI,IAAI,IACjD,GACF,CAAC,GAAU,CAAI,CACjB,GAGM,IAAS,EAAqB,GAAW,SAAmB,IAAI;CAEtE,OAAO;EACL;EACA,OAAQ,GAAQ,SAAS;CAC3B;AACF"}

package/dist/chunks/use-responsive-splitter-sizes-BgEYraHy.esm.js

@@ -1,582 +0,0 @@
-import { t as e } from "./mergeProps-BJ6-Ao_L.esm.js";
-import { t } from "./useObjectRef-B_3vY5-Q.esm.js";
-import { t as n } from "./useMove-DshCmF8x.esm.js";
-import { t as r } from "./useFocusRing-CgvZuPOT.esm.js";
-import { t as i } from "./useSeparator-C9gYJRve.esm.js";
-import { n as a, t as o } from "./normalize-messages-B_f-0I5n.esm.js";
-import { t as s } from "./extract-style-props-D519tVOc.esm.js";
-import { t as c } from "./merge-refs-C1GcH9iY.esm.js";
-import { createContext as l, useCallback as u, useContext as d, useEffect as f, useId as p, useLayoutEffect as m, useMemo as h, useRef as g, useState as _ } from "react";
-import { jsx as v } from "react/jsx-runtime";
-import { createSlotRecipeContext as y, useSlotRecipe as b } from "@chakra-ui/react/styled-system";
-import { themeTokens as x } from "@commercetools/nimbus-tokens";
-//#region src/components/splitter/splitter.slots.tsx
-var { withProvider: S, withContext: C } = y({ key: "nimbusSplitter" }), w = S("div", "root"), T = C("div", "pane"), E = C("div", "handle"), D = l(void 0), O = ({ size: e, delta: t, minSize: n, maxSize: r }) => Math.min(Math.max(e + t, n), r), k = (e) => e.collapsible ? Math.min(e.minSize, e.collapsedSize) : e.minSize, A = (e, t) => {
-	let n = k(e), r = e.maxSize;
-	return t ? {
-		min: n,
-		max: r
-	} : {
-		min: 100 - r,
-		max: 100 - n
-	};
-}, j = (e) => typeof e != "number" || !Number.isFinite(e) ? null : Math.min(Math.max(e, 0), 100), M = (e) => j(e) ?? 50, N = 1e-6, P = (e, t) => e === t ? !0 : e == null || t == null ? !1 : Math.abs(e - t) <= N, F = .001, I = (e) => e.includes("aside") && e.includes("main"), L = (e) => {
-	let { orientation: t, defaultSize: n, size: r, asideConfig: i, keyboardStep: a, isDoubleClickDisabled: o, isDisabled: s, collapsed: c, defaultCollapsed: l, onSizeChange: d, onSizeChangeEnd: p, onCollapsedChange: v } = e, [y, b] = _([]), [x, S] = _({}), C = r !== void 0, w = c !== void 0, T = (C ? j(r) : null) ?? M(n), E = (c ?? l ?? !1) && i.collapsible, D = E ? i.collapsedSize : T, [O, k] = _(D), A = g(D), N = g(r ?? null), L = g(!1), R = g(T), z = g(E ? T : null), [B, V] = _(l ?? !1), H = w ? c ?? !1 : B, U = g(E), W = u((e, t) => {
-		A.current = e, k(e), d?.(e), t.commit && p?.(e), U.current && e > i.collapsedSize + F && (U.current = !1, z.current = null, w || V(!1), v?.(!1));
-	}, [
-		d,
-		p,
-		i.collapsedSize,
-		w,
-		v
-	]), G = u((e) => W(e, { commit: !1 }), [W]), K = u((e) => {
-		e === void 0 ? p?.(A.current) : W(e, { commit: !0 });
-	}, [W, p]);
-	m(() => {
-		if (!I(y)) return;
-		let e = H, t = U.current;
-		if (e !== t && !(e && !i.collapsible)) if (U.current = e, e) t || (z.current = A.current), A.current = i.collapsedSize, k(i.collapsedSize);
-		else {
-			let e = z.current;
-			z.current = null;
-			let t = e ?? R.current;
-			A.current = t, k(t);
-		}
-	}, [H, y]), m(() => {
-		I(y) && U.current && (P(i.collapsedSize, A.current) || (A.current = i.collapsedSize, k(i.collapsedSize)));
-	}, [i.collapsedSize, y]), m(() => {
-		if (!C || !I(y) || P(r, N.current)) return;
-		let e = j(r);
-		if (e !== null) {
-			if (N.current = r ?? null, H) {
-				z.current = e;
-				return;
-			}
-			P(e, A.current) || (A.current = e, k(e));
-		}
-	}, [
-		r,
-		y,
-		H
-	]), f(() => {
-		typeof process > "u" || process.env.NODE_ENV === "production" || L.current || !C || (n === void 0 ? p === void 0 && (L.current = !0, console.warn("[Splitter] `size` is controlled but `onSizeChangeEnd` is not set. After a drag or keyboard resize the splitter keeps that value and behaves as uncontrolled. Wire `onSizeChangeEnd` and feed the value back to stay controlled.")) : (L.current = !0, console.warn("[Splitter] Both `size` (controlled) and `defaultSize` (uncontrolled) were provided. `defaultSize` is ignored — pass one or the other.")));
-	}, [
-		C,
-		n,
-		p
-	]);
-	let q = u((e, t) => {
-		b((t) => t.includes(e) ? t : [...t, e]), S((n) => n[e] === t ? n : {
-			...n,
-			[e]: t
-		});
-	}, []), J = u((e) => {
-		b((t) => t.filter((t) => t !== e)), S((t) => {
-			if (!(e in t)) return t;
-			let n = { ...t };
-			return delete n[e], n;
-		});
-	}, []), Y = u((e) => {
-		s || e !== H && (e && !i.collapsible || (w || V(e), v?.(e)));
-	}, [
-		s,
-		H,
-		i.collapsible,
-		w,
-		v
-	]), X = u(() => {
-		if (!I(y)) return;
-		let e = R.current;
-		H && (w || (U.current = !1, z.current = null, V(!1)), v?.(!1)), K(e);
-	}, [
-		y,
-		H,
-		w,
-		v,
-		K
-	]);
-	return h(() => ({
-		size: O,
-		setSize: G,
-		commitSize: K,
-		orientation: t,
-		keyboardStep: a,
-		isDoubleClickDisabled: o,
-		isDisabled: s,
-		asideConfig: i,
-		paneOrder: y,
-		paneDomIds: x,
-		registerPane: q,
-		unregisterPane: J,
-		collapsed: H,
-		setCollapsed: Y,
-		restoreDefaults: X
-	}), [
-		O,
-		G,
-		K,
-		t,
-		a,
-		o,
-		s,
-		i,
-		y,
-		x,
-		q,
-		J,
-		H,
-		Y,
-		X
-	]);
-}, R = ({ children: e, orientation: t = "horizontal", defaultSize: n, size: r, minSize: i, maxSize: a, collapsible: o, collapsedSize: c, onSizeChange: l, onSizeChangeEnd: u, collapsed: d, defaultCollapsed: p, onCollapsedChange: m, keyboardStep: g = 5, isDoubleClickDisabled: _ = !1, isDisabled: y = !1, ref: x, ...S }) => {
-	let [C, T] = b({ key: "nimbusSplitter" }).splitVariantProps({
-		orientation: t,
-		...S
-	}), [E, O] = s(T), k = L({
-		orientation: t,
-		defaultSize: n,
-		size: r,
-		asideConfig: h(() => ({
-			minSize: i ?? 0,
-			maxSize: a ?? 100,
-			collapsible: o ?? !1,
-			collapsedSize: c ?? 0
-		}), [
-			i,
-			a,
-			o,
-			c
-		]),
-		collapsed: d,
-		defaultCollapsed: p,
-		keyboardStep: g,
-		isDoubleClickDisabled: _,
-		isDisabled: y,
-		onSizeChange: l,
-		onSizeChangeEnd: u,
-		onCollapsedChange: m
-	}), A = k.paneOrder.length;
-	return f(() => {
-		typeof process < "u" && process.env.NODE_ENV !== "production" && A > 0 && A !== 2 && console.warn(`[Splitter] Expected one <Splitter.Aside> and one <Splitter.Main>, got ${A} pane(s). The Splitter primitive is 2-pane; nest a second Splitter inside a pane for 3+ regions.`);
-	}, [A]), /* @__PURE__ */ v(D.Provider, {
-		value: k,
-		children: /* @__PURE__ */ v(w, {
-			ref: x,
-			...C,
-			...E,
-			...O,
-			children: e
-		})
-	});
-};
-R.displayName = "Splitter.Root";
-//#endregion
-//#region src/components/splitter/hooks/use-splitter-context.ts
-var z = () => {
-	let e = d(D);
-	if (!e) throw Error("useSplitterContext must be used within a Splitter.Root");
-	return e;
-}, B = ({ paneRole: e, id: t, children: n, style: r, ref: i, ...a }) => {
-	let { size: o, orientation: s, registerPane: c, unregisterPane: l } = z(), u = p(), d = t ?? u;
-	m(() => (c(e, d), () => l(e)), [
-		e,
-		d,
-		c,
-		l
-	]);
-	let f = e === "aside" ? o : 100 - o;
-	return /* @__PURE__ */ v(T, {
-		ref: i,
-		id: d,
-		style: {
-			[s === "horizontal" ? "width" : "height"]: `${f}%`,
-			...r
-		},
-		...a,
-		children: n
-	});
-}, V = (e) => /* @__PURE__ */ v(B, {
-	paneRole: "aside",
-	...e
-});
-V.displayName = "Splitter.Aside";
-//#endregion
-//#region src/components/splitter/components/splitter.main.tsx
-var H = (e) => /* @__PURE__ */ v(B, {
-	paneRole: "main",
-	...e
-});
-H.displayName = "Splitter.Main";
-//#endregion
-//#region src/components/splitter/hooks/use-handle-keyboard.ts
-var U = ({ isReady: e, applyDelta: t }) => {
-	let { orientation: n, keyboardStep: r, isDisabled: i, collapsed: a, setCollapsed: o, asideConfig: s } = z(), c = u(() => {
-		if (!(!e || i)) {
-			if (a) {
-				o(!1);
-				return;
-			}
-			s.collapsible && o(!0);
-		}
-	}, [
-		e,
-		i,
-		a,
-		s.collapsible,
-		o
-	]);
-	return { onKeyDown: u((a) => {
-		if (!(!e || i)) switch (a.key) {
-			case "ArrowLeft":
-				n === "horizontal" && (a.preventDefault(), t(-r, !0));
-				return;
-			case "ArrowRight":
-				n === "horizontal" && (a.preventDefault(), t(r, !0));
-				return;
-			case "ArrowUp":
-				n === "vertical" && (a.preventDefault(), t(-r, !0));
-				return;
-			case "ArrowDown":
-				n === "vertical" && (a.preventDefault(), t(r, !0));
-				return;
-			case "Home":
-				a.preventDefault(), t(-100, !0);
-				return;
-			case "End":
-				a.preventDefault(), t(100, !0);
-				return;
-			case "Enter":
-				a.preventDefault(), c();
-				return;
-		}
-	}, [
-		e,
-		i,
-		n,
-		r,
-		t,
-		c
-	]) };
-}, W = 1e-4, G = ({ handleRef: e, asideLeads: t, isReady: r, isResizeLocked: i }) => {
-	let { size: a, setSize: o, commitSize: s, orientation: c, isDisabled: l, asideConfig: d } = z(), f = u((e, n) => {
-		if (!r || l || i) return;
-		let c = t ? e : -e, u = O({
-			size: a,
-			delta: c,
-			minSize: d.minSize,
-			maxSize: d.maxSize
-		});
-		n ? s(u) : o(u);
-	}, [
-		r,
-		l,
-		i,
-		t,
-		a,
-		d.minSize,
-		d.maxSize,
-		o,
-		s
-	]), p = g(0), { moveProps: m } = n({
-		onMoveStart() {
-			p.current = 0;
-		},
-		onMove(t) {
-			if (!r || l || i) return;
-			let n = e.current?.parentElement;
-			if (!n) return;
-			let a = c === "horizontal" ? n.offsetWidth : n.offsetHeight;
-			if (a <= 0) return;
-			let o = c === "horizontal" ? t.deltaX : t.deltaY;
-			p.current += o / a * 100;
-			let s = p.current;
-			Math.abs(s) < W || (p.current -= s, f(s, !1));
-		},
-		onMoveEnd() {
-			!r || l || i || s();
-		}
-	});
-	return {
-		moveProps: m,
-		applyDelta: f
-	};
-}, K = {
-	en: o({ resizePanes: "Resize panes" }),
-	de: o({ resizePanes: "Resize panes" }),
-	es: o({ resizePanes: "Resize panes" }),
-	"fr-FR": o({ resizePanes: "Resize panes" }),
-	"pt-BR": o({ resizePanes: "Resize panes" })
-}, q = ({ "aria-label": n, "aria-labelledby": o, style: s, ref: l, ...d }) => {
-	let { size: f, orientation: p, isDoubleClickDisabled: m, isDisabled: h, asideConfig: _, paneOrder: y, paneDomIds: b, collapsed: x, restoreDefaults: S } = z(), C = a(K), w = n ?? C.format("resizePanes"), T = t(c(g(null), l)), D = y[0], O = y[1], k = !!D && !!O && D !== O, j = D === "aside", M = x, { moveProps: N, applyDelta: P } = G({
-		handleRef: T,
-		asideLeads: j,
-		isReady: k,
-		isResizeLocked: M
-	}), { onKeyDown: F } = U({
-		isReady: k,
-		applyDelta: P
-	}), { separatorProps: I } = i({
-		orientation: p,
-		"aria-label": w,
-		"aria-labelledby": o
-	}), { focusProps: L, isFocusVisible: R } = r(), B = u(() => {
-		h || m || x || S();
-	}, [
-		h,
-		m,
-		x,
-		S
-	]), { min: V, max: H } = A(_, j), W = k ? j ? f : 100 - f : 0, q = k ? b[D] : void 0, J = k ? Math.round(W) : void 0, Y = p === "horizontal" ? { left: `${W}%` } : { top: `${W}%` };
-	return /* @__PURE__ */ v(E, {
-		ref: T,
-		...e(I, N, L, {
-			tabIndex: h ? -1 : 0,
-			"aria-valuenow": J,
-			"aria-valuemin": V,
-			"aria-valuemax": H,
-			"aria-valuetext": J === void 0 ? void 0 : `${J}%`,
-			"aria-orientation": p,
-			"aria-controls": q,
-			"aria-disabled": h || void 0,
-			"data-focus-visible": R || void 0,
-			"data-disabled": h || void 0,
-			"data-resize-locked": M || void 0,
-			onKeyDown: F,
-			onDoubleClick: B,
-			style: {
-				...Y,
-				...s
-			}
-		}, d)
-	});
-};
-q.displayName = "Splitter.Handle";
-//#endregion
-//#region src/components/splitter/splitter.tsx
-var J = {
-	Root: R,
-	Aside: V,
-	Main: H,
-	Handle: q
-}, Y = [
-	"3xs",
-	"2xs",
-	"xs",
-	"sm",
-	"md",
-	"lg",
-	"xl",
-	"2xl",
-	"3xl",
-	"4xl",
-	"5xl",
-	"6xl",
-	"7xl",
-	"8xl",
-	"breakpoint-sm",
-	"breakpoint-md",
-	"breakpoint-lg",
-	"breakpoint-xl",
-	"breakpoint-2xl"
-], X = new Set(Y), Z = (e) => typeof e == "string" && X.has(e), ee = (e) => {
-	let t = x.size[e];
-	if (!t) return null;
-	let n = parseFloat(t.value);
-	return Number.isFinite(n) ? n : null;
-}, Q = (e) => typeof e == "number" && Number.isFinite(e) && e > 0, te = /^-?\d+(?:\.\d+)?%$/, ne = /^-?\d+(?:\.\d+)?$/, re = (e) => typeof e == "string" && te.test(e), ie = (e, t) => {
-	if (typeof e == "number") return Q(t) ? e / t * 100 : null;
-	if (re(e)) {
-		let t = parseFloat(e);
-		return Number.isFinite(t) ? t : null;
-	}
-	if (Z(e)) {
-		let n = ee(e);
-		return n === null || !Q(t) ? null : n / t * 100;
-	}
-	return null;
-}, ae = (e, t = 0, n = 100) => Math.min(n, Math.max(t, e)), oe = (e, t) => e / 100 * t, se = (e) => {
-	if (ne.test(e)) {
-		let t = parseFloat(e);
-		return Number.isFinite(t) ? t : null;
-	}
-	return Z(e) ? ee(e) : null;
-}, ce = (e) => typeof e == "object" && !!e, le = (e) => {
-	if (!ce(e)) return [{
-		thresholdPx: 0,
-		value: e
-	}];
-	let t = [];
-	for (let [n, r] of Object.entries(e)) {
-		if (r === void 0) continue;
-		let e = se(n);
-		e !== null && t.push({
-			thresholdPx: e,
-			value: r
-		});
-	}
-	return t.sort((e, t) => e.thresholdPx - t.thresholdPx), t;
-}, ue = (e, t) => le(e).find((e) => e.thresholdPx === t)?.value, de = (e, t, n) => {
-	if (e.length === 0) return null;
-	let r = ((t) => {
-		let n = e[0];
-		for (let r of e) if (r.thresholdPx <= t) n = r;
-		else break;
-		return n;
-	})(t), i = n?.activeThresholdPx, a = n?.deadbandPx ?? 0;
-	if (i == null || a <= 0 || r.thresholdPx === i) return r;
-	let o = e.findIndex((e) => e.thresholdPx === i);
-	if (o === -1) return r;
-	let s = e[o], c = e[o + 1]?.thresholdPx ?? Infinity;
-	return t >= i - a && t < c + a ? s : r;
-}, $ = (e, t, n) => {
-	let r = le(e);
-	if (r.length === 0) return {
-		percent: null,
-		thresholdPx: null
-	};
-	let i;
-	if (r.length === 1) i = r[0];
-	else {
-		if (!Q(t)) return {
-			percent: null,
-			thresholdPx: null
-		};
-		i = de(r, t, {
-			activeThresholdPx: n?.activeThresholdPx,
-			deadbandPx: n?.deadbandPx
-		});
-	}
-	if (!i) return {
-		percent: null,
-		thresholdPx: null
-	};
-	let a = n?.stored?.[i.thresholdPx];
-	if (a) {
-		let e = a.unit === "pct" ? a.value : Q(t) ? a.value / t * 100 : null;
-		if (e !== null) return {
-			percent: e,
-			thresholdPx: i.thresholdPx
-		};
-	}
-	return {
-		percent: ie(i.value, t),
-		thresholdPx: i.thresholdPx
-	};
-}, fe = (e) => {
-	if (typeof e != "object" || !e) return !1;
-	let t = e;
-	return (t.unit === "px" || t.unit === "pct") && typeof t.value == "number" && Number.isFinite(t.value);
-}, pe = (e) => {
-	if (!e) return null;
-	let t;
-	try {
-		t = JSON.parse(e);
-	} catch {
-		return null;
-	}
-	if (typeof t != "object" || !t) return null;
-	let n = t;
-	if (n.v !== 1 || typeof n.bands != "object") return null;
-	let r = {};
-	for (let [e, t] of Object.entries(n.bands ?? {})) {
-		let n = Number(e);
-		Number.isFinite(n) && fe(t) && (r[n] = t);
-	}
-	return r;
-}, me = (e) => JSON.stringify({
-	v: 1,
-	bands: e
-}), he = () => ({
-	getItem: (e) => {
-		try {
-			return typeof localStorage > "u" ? null : localStorage.getItem(e);
-		} catch {
-			return null;
-		}
-	},
-	setItem: (e, t) => {
-		try {
-			if (typeof localStorage > "u") return;
-			localStorage.setItem(e, t);
-		} catch {}
-	}
-}), ge = .05, _e = .5, ve = 2, ye = he(), be = (e) => {
-	let { orientation: t = "horizontal", size: n, minSize: r, maxSize: i, collapsedSize: a, persistKey: o, storage: s = ye, onCollapsedChange: c } = e, [l, d] = _(null), p = g(null), [m, v] = _(() => o ? pe(s.getItem(o)) ?? {} : {}), y = g(m);
-	y.current = m;
-	let b = g(null), x = g(null), [S, C] = _(void 0), w = g(!1), T = g({
-		size: n,
-		persistKey: o,
-		onCollapsedChange: c
-	});
-	T.current = {
-		size: n,
-		persistKey: o,
-		onCollapsedChange: c
-	};
-	let E = $(n, l, {
-		activeThresholdPx: b.current,
-		deadbandPx: ve,
-		stored: m
-	}), D = r === void 0 ? void 0 : $(r, l).percent ?? void 0, O = i === void 0 ? void 0 : $(i, l).percent ?? void 0, k = a === void 0 ? void 0 : $(a, l).percent ?? void 0, A = E.percent === null ? null : ae(E.percent, D ?? 0, O ?? 100);
-	f(() => {
-		E.thresholdPx !== null && (b.current = E.thresholdPx), A !== null && (x.current !== null && Math.abs(A - x.current) < ge || (x.current = A, C(A)));
-	}, [A, E.thresholdPx]);
-	let j = u((e) => {
-		if (!e) return;
-		let n = (e, n) => {
-			let r = t === "vertical" ? n : e;
-			!Number.isFinite(r) || r <= 0 || (p.current = r, d((e) => e !== null && Math.abs(e - r) < _e ? e : r));
-		}, r = e.getBoundingClientRect();
-		if (n(r.width, r.height), typeof ResizeObserver > "u") return;
-		let i = new ResizeObserver((e) => {
-			let t = e[0];
-			t && n(t.contentRect.width, t.contentRect.height);
-		});
-		return i.observe(e), () => i.disconnect();
-	}, [t]), M = u((e) => {
-		if (w.current) return;
-		x.current = e, C(e);
-		let { size: t, persistKey: n } = T.current, r = p.current;
-		if (!n || r === null || r <= 0) return;
-		let { thresholdPx: i } = $(t, r, {
-			activeThresholdPx: b.current,
-			deadbandPx: ve
-		});
-		if (i === null) return;
-		let a = re(ue(t, i)) ? "pct" : "px", o = a === "pct" ? e : oe(e, r), c = {
-			...y.current,
-			[i]: {
-				unit: a,
-				value: o
-			}
-		};
-		y.current = c, v(c);
-		try {
-			s.setItem(n, me(c));
-		} catch {}
-	}, [s]), N = u((e) => {
-		w.current = e, T.current.onCollapsedChange?.(e);
-	}, []), P = S ?? A ?? void 0;
-	return { rootProps: h(() => {
-		let e = {
-			ref: j,
-			orientation: t,
-			onSizeChangeEnd: M,
-			onCollapsedChange: N
-		};
-		return P !== void 0 && (e.size = P), D !== void 0 && (e.minSize = D), O !== void 0 && (e.maxSize = O), k !== void 0 && (e.collapsedSize = k), e;
-	}, [
-		j,
-		t,
-		M,
-		N,
-		P,
-		D,
-		O,
-		k
-	]) };
-};
-//#endregion
-export { H as a, q as i, Y as n, V as o, J as r, R as s, be as t };
-
-//# sourceMappingURL=use-responsive-splitter-sizes-BgEYraHy.esm.js.map