@proyecto-viviana/solidaria-components 0.3.2 → 0.4.0

package/dist/Disclosure.jsx

@@ -0,0 +1,230 @@
+import { dataAttr, filterDOMProps, useRenderProps } from "./utils.jsx";
+import { createContext, createMemo, createSignal, splitProps, useContext } from "solid-js";
+import { createDisclosure, createDisclosureGroup, createFocusRing, mergeProps as mergeProps$1 } from "@proyecto-viviana/solidaria";
+import { createDisclosureGroupState, createDisclosureState } from "@proyecto-viviana/solid-stately";
+//#region src/Disclosure.tsx
+/**
+* Disclosure and Accordion components for solidaria-components
+*
+* Disclosure is a widget that can be toggled to show or hide content.
+* Accordion (DisclosureGroup) manages multiple disclosures with optional single-expand.
+*
+* Port of react-aria-components Disclosure.
+*/
+function assignRef(ref, el) {
+	if (!ref) return;
+	if (typeof ref === "function") ref(el);
+	else if (typeof ref === "object" && "current" in ref) ref.current = el;
+}
+const DisclosureContext = createContext(null);
+const DisclosureStateContext = createContext(null);
+function useDisclosureContext() {
+	return useContext(DisclosureContext);
+}
+const DisclosureGroupContext = createContext(null);
+const DisclosureGroupStateContext = createContext(null);
+function useDisclosureGroupContext() {
+	return useContext(DisclosureGroupContext);
+}
+/**
+* DisclosureGroup manages a group of Disclosure components.
+* Use this to create an accordion where only one item can be expanded at a time.
+*
+* @example
+* ```tsx
+* <DisclosureGroup>
+*   <Disclosure id="item1">
+*     <DisclosureTrigger>Item 1</DisclosureTrigger>
+*     <DisclosurePanel>Content 1</DisclosurePanel>
+*   </Disclosure>
+*   <Disclosure id="item2">
+*     <DisclosureTrigger>Item 2</DisclosureTrigger>
+*     <DisclosurePanel>Content 2</DisclosurePanel>
+*   </Disclosure>
+* </DisclosureGroup>
+* ```
+*/
+function DisclosureGroup(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"style",
+		"allowsMultipleExpanded",
+		"isDisabled",
+		"expandedKeys",
+		"defaultExpandedKeys",
+		"onExpandedChange",
+		"ref"
+	]);
+	const state = createDisclosureGroupState(() => ({
+		allowsMultipleExpanded: local.allowsMultipleExpanded,
+		isDisabled: local.isDisabled,
+		expandedKeys: local.expandedKeys,
+		defaultExpandedKeys: local.defaultExpandedKeys,
+		onExpandedChange: local.onExpandedChange
+	}));
+	const { groupProps } = createDisclosureGroup(() => ({ isDisabled: local.isDisabled }), state);
+	const renderValues = createMemo(() => ({ isDisabled: state.isDisabled }));
+	const renderProps = useRenderProps({
+		class: local.class,
+		style: local.style,
+		defaultClassName: "solidaria-DisclosureGroup"
+	}, renderValues);
+	const domProps = createMemo(() => filterDOMProps(rest, { global: true }));
+	const contextValue = { state };
+	const { ref: _ref, ...cleanGroupProps } = groupProps;
+	return <DisclosureGroupStateContext.Provider value={state}>
+      <DisclosureGroupContext.Provider value={contextValue}>
+        <div ref={(el) => assignRef(local.ref, el)} {...domProps()} {...cleanGroupProps} class={renderProps.class()} style={renderProps.style()} data-disabled={dataAttr(state.isDisabled)}>
+          {props.children}
+        </div>
+      </DisclosureGroupContext.Provider>
+    </DisclosureGroupStateContext.Provider>;
+}
+/**
+* Disclosure is a widget that can be toggled to show or hide content.
+*
+* @example
+* ```tsx
+* <Disclosure>
+*   <DisclosureTrigger>Show more</DisclosureTrigger>
+*   <DisclosurePanel>Hidden content here...</DisclosurePanel>
+* </Disclosure>
+* ```
+*/
+function Disclosure(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"style",
+		"isDisabled",
+		"isExpanded",
+		"defaultExpanded",
+		"onExpandedChange",
+		"id",
+		"ref"
+	]);
+	const groupContext = useDisclosureGroupContext();
+	const state = createDisclosureState(() => {
+		const id = local.id;
+		if (groupContext && id) return {
+			isExpanded: groupContext.state.isExpanded(id),
+			onExpandedChange: (expanded) => {
+				if (expanded !== groupContext.state.isExpanded(id)) groupContext.state.toggleKey(id);
+				local.onExpandedChange?.(expanded);
+			}
+		};
+		return {
+			isExpanded: local.isExpanded,
+			defaultExpanded: local.defaultExpanded,
+			onExpandedChange: local.onExpandedChange
+		};
+	});
+	const [panelRef, setPanelRefSignal] = createSignal(null);
+	const isDisabled = () => local.isDisabled || groupContext?.state.isDisabled || false;
+	const disclosureAria = createDisclosure(() => ({ isDisabled: isDisabled() }), state, panelRef);
+	const { isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps } = createFocusRing({ within: true });
+	const renderValues = createMemo(() => ({
+		isExpanded: state.isExpanded(),
+		isFocusVisibleWithin: isFocusVisibleWithin(),
+		isDisabled: isDisabled(),
+		state
+	}));
+	const renderProps = useRenderProps({
+		class: local.class,
+		style: local.style,
+		defaultClassName: "solidaria-Disclosure"
+	}, renderValues);
+	const domProps = createMemo(() => filterDOMProps(rest, { global: true }));
+	const contextValue = {
+		state,
+		isDisabled,
+		disclosureAria
+	};
+	const setPanelRef = (el) => {
+		setPanelRefSignal(el);
+	};
+	return <DisclosureStateContext.Provider value={state}>
+      <DisclosureContext.Provider value={contextValue}>
+        <DisclosurePanelRefContext.Provider value={setPanelRef}>
+          <div ref={(el) => assignRef(local.ref, el)} {...mergeProps$1(domProps(), focusWithinProps)} class={renderProps.class()} style={renderProps.style()} data-expanded={dataAttr(state.isExpanded())} data-disabled={dataAttr(isDisabled())} data-focus-visible-within={dataAttr(isFocusVisibleWithin())}>
+            {props.children}
+          </div>
+        </DisclosurePanelRefContext.Provider>
+      </DisclosureContext.Provider>
+    </DisclosureStateContext.Provider>;
+}
+const DisclosurePanelRefContext = createContext(null);
+/**
+* DisclosureTrigger is the button that toggles the disclosure.
+* Pattern matches SelectTrigger for consistency.
+*/
+function DisclosureTrigger(props) {
+	const context = useContext(DisclosureContext);
+	if (!context) throw new Error("DisclosureTrigger must be used within a Disclosure");
+	const { state, disclosureAria, isDisabled } = context;
+	const isExpanded = () => state.isExpanded();
+	const getButtonProps = () => {
+		const { ref: _ref, ...rest } = disclosureAria.buttonProps;
+		return rest;
+	};
+	const { isFocused, isFocusVisible, focusProps } = createFocusRing();
+	const [local, rest] = splitProps(props, [
+		"children",
+		"class",
+		"style",
+		"ref"
+	]);
+	const domProps = createMemo(() => filterDOMProps(rest, { global: true }));
+	const cleanFocusProps = () => {
+		const { ref: _ref, ...rest } = focusProps;
+		return rest;
+	};
+	return <button {...mergeProps$1(domProps(), getButtonProps(), cleanFocusProps())} ref={(el) => assignRef(local.ref, el)} type="button" class={local.class} style={local.style} data-expanded={dataAttr(isExpanded())} data-disabled={dataAttr(isDisabled())} data-pressed={dataAttr(disclosureAria.isPressed())} data-focused={dataAttr(isFocused())} data-focus-visible={dataAttr(isFocusVisible())}>
+      {local.children}
+    </button>;
+}
+/**
+* DisclosurePanel contains the content that is shown/hidden.
+*/
+function DisclosurePanel(props) {
+	const context = useContext(DisclosureContext);
+	if (!context) throw new Error("DisclosurePanel must be used within a Disclosure");
+	const panelRefSetter = useContext(DisclosurePanelRefContext);
+	const [local, rest] = splitProps(props, [
+		"class",
+		"style",
+		"role",
+		"ref"
+	]);
+	const { isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps } = createFocusRing({ within: true });
+	const isExpanded = () => context.state.isExpanded();
+	const isDisabled = () => context.isDisabled();
+	const renderValues = createMemo(() => ({
+		isExpanded: isExpanded(),
+		isFocusVisibleWithin: isFocusVisibleWithin(),
+		isDisabled: isDisabled(),
+		state: context.state
+	}));
+	const renderProps = useRenderProps({
+		get children() {
+			return props.children;
+		},
+		class: local.class,
+		style: local.style,
+		defaultClassName: "solidaria-DisclosurePanel"
+	}, renderValues);
+	const domProps = createMemo(() => filterDOMProps(rest, { global: true }));
+	const getPanelProps = () => {
+		const { ref: _ref, ...rest } = context.disclosureAria.panelProps;
+		return rest;
+	};
+	return <div {...mergeProps$1(domProps(), focusWithinProps)} {...getPanelProps()} ref={(el) => {
+		panelRefSetter?.(el);
+		assignRef(local.ref, el);
+	}} role={local.role ?? "group"} class={renderProps.class()} style={renderProps.style()} data-expanded={dataAttr(isExpanded())} data-focus-visible-within={dataAttr(isFocusVisibleWithin())}>
+      {renderProps.renderChildren()}
+    </div>;
+}
+//#endregion
+export { Disclosure, DisclosureContext, DisclosureGroup, DisclosureGroupContext, DisclosureGroupStateContext, DisclosurePanel, DisclosureStateContext, DisclosureTrigger, useDisclosureContext, useDisclosureGroupContext };
+
+//# sourceMappingURL=Disclosure.jsx.map

package/dist/Disclosure.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"Disclosure.jsx","names":["mergeProps"],"sources":["../src/Disclosure.tsx"],"sourcesContent":["/**\n * Disclosure and Accordion components for solidaria-components\n *\n * Disclosure is a widget that can be toggled to show or hide content.\n * Accordion (DisclosureGroup) manages multiple disclosures with optional single-expand.\n *\n * Port of react-aria-components Disclosure.\n */\n\nimport {\n  type JSX,\n  createContext,\n  createMemo,\n  createSignal,\n  splitProps,\n  useContext,\n} from \"solid-js\";\nimport {\n  createDisclosureState,\n  createDisclosureGroupState,\n  type DisclosureState,\n  type DisclosureGroupState,\n  type DisclosureStateProps,\n  type DisclosureGroupStateProps,\n} from \"@proyecto-viviana/solid-stately\";\nimport {\n  createDisclosure,\n  createDisclosureGroup,\n  createFocusRing,\n  mergeProps,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  useRenderProps,\n  filterDOMProps,\n  dataAttr,\n} from \"./utils\";\n\ntype RefLike<T> = T | ((el: T) => void) | { current?: T | null } | undefined;\n\nfunction assignRef<T>(ref: RefLike<T>, el: T): void {\n  if (!ref) {\n    return;\n  }\n\n  if (typeof ref === \"function\") {\n    (ref as (el: T) => void)(el);\n  } else if (typeof ref === \"object\" && \"current\" in ref) {\n    ref.current = el;\n  }\n}\n\nexport interface DisclosureRenderProps {\n  /** Whether the disclosure is expanded. */\n  isExpanded: boolean;\n  /** Whether the disclosure has keyboard focus within. */\n  isFocusVisibleWithin: boolean;\n  /** Whether the disclosure is disabled. */\n  isDisabled: boolean;\n  /** The disclosure state. */\n  state: DisclosureState;\n}\n\nexport interface DisclosureGroupRenderProps {\n  /** Whether all items are disabled. */\n  isDisabled: boolean;\n}\n\nexport interface DisclosureProps extends DisclosureStateProps {\n  /** The children of the component. */\n  children?: JSX.Element;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<DisclosureRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<DisclosureRenderProps>;\n  /** Whether the disclosure is disabled. */\n  isDisabled?: boolean;\n  /** A unique identifier for the disclosure (used in groups). */\n  id?: string;\n  /** A ref for the disclosure root element. */\n  ref?: RefLike<HTMLDivElement>;\n}\n\nexport interface DisclosureGroupProps extends DisclosureGroupStateProps {\n  /** The children of the component. */\n  children?: JSX.Element;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<DisclosureGroupRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<DisclosureGroupRenderProps>;\n  /** A ref for the disclosure group root element. */\n  ref?: RefLike<HTMLDivElement>;\n}\n\nexport interface DisclosureTriggerProps extends Omit<\n  JSX.ButtonHTMLAttributes<HTMLButtonElement>,\n  \"children\" | \"class\" | \"style\" | \"type\" | \"ref\"\n> {\n  /** The children of the trigger. */\n  children?: JSX.Element;\n  /** The CSS className for the element. */\n  class?: string;\n  /** The inline style for the element. */\n  style?: JSX.CSSProperties;\n  /** A ref for the trigger button element. */\n  ref?: RefLike<HTMLButtonElement>;\n}\n\nexport interface DisclosurePanelProps extends Omit<\n  JSX.HTMLAttributes<HTMLElement>,\n  \"children\" | \"class\" | \"style\" | \"role\" | \"ref\"\n> {\n  /** The children of the panel. */\n  children?: RenderChildren<DisclosureRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<DisclosureRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<DisclosureRenderProps>;\n  /** The accessibility role for the disclosure panel. */\n  role?: \"group\" | \"region\";\n  /** A ref for the panel element. */\n  ref?: RefLike<HTMLDivElement>;\n}\n\ninterface DisclosureContextValue {\n  state: DisclosureState;\n  isDisabled: () => boolean;\n  /** The disclosure ARIA result object - access .buttonProps and .panelProps as getters */\n  disclosureAria: {\n    readonly buttonProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;\n    readonly panelProps: JSX.HTMLAttributes<HTMLElement>;\n    readonly isPressed: () => boolean;\n  };\n}\n\nexport const DisclosureContext = createContext<DisclosureContextValue | null>(null);\nexport const DisclosureStateContext = createContext<DisclosureState | null>(null);\n\nexport function useDisclosureContext(): DisclosureContextValue | null {\n  return useContext(DisclosureContext);\n}\n\ninterface DisclosureGroupContextValue {\n  state: DisclosureGroupState;\n}\n\nexport const DisclosureGroupContext = createContext<DisclosureGroupContextValue | null>(null);\nexport const DisclosureGroupStateContext = createContext<DisclosureGroupState | null>(null);\n\nexport function useDisclosureGroupContext(): DisclosureGroupContextValue | null {\n  return useContext(DisclosureGroupContext);\n}\n\n/**\n * DisclosureGroup manages a group of Disclosure components.\n * Use this to create an accordion where only one item can be expanded at a time.\n *\n * @example\n * ```tsx\n * <DisclosureGroup>\n *   <Disclosure id=\"item1\">\n *     <DisclosureTrigger>Item 1</DisclosureTrigger>\n *     <DisclosurePanel>Content 1</DisclosurePanel>\n *   </Disclosure>\n *   <Disclosure id=\"item2\">\n *     <DisclosureTrigger>Item 2</DisclosureTrigger>\n *     <DisclosurePanel>Content 2</DisclosurePanel>\n *   </Disclosure>\n * </DisclosureGroup>\n * ```\n */\nexport function DisclosureGroup(props: DisclosureGroupProps): JSX.Element {\n  // IMPORTANT: Don't destructure or access props.children early!\n  // In SolidJS, children are lazily evaluated. Accessing them before\n  // the context provider renders causes them to evaluate outside the context.\n  // See: https://github.com/solidjs/solid/issues/182\n  const [local, rest] = splitProps(props, [\n    \"class\",\n    \"style\",\n    \"allowsMultipleExpanded\",\n    \"isDisabled\",\n    \"expandedKeys\",\n    \"defaultExpandedKeys\",\n    \"onExpandedChange\",\n    \"ref\",\n  ]);\n\n  // Create group state\n  const state = createDisclosureGroupState(() => ({\n    allowsMultipleExpanded: local.allowsMultipleExpanded,\n    isDisabled: local.isDisabled,\n    expandedKeys: local.expandedKeys,\n    defaultExpandedKeys: local.defaultExpandedKeys,\n    onExpandedChange: local.onExpandedChange,\n  }));\n\n  // Create group accessibility props\n  const { groupProps } = createDisclosureGroup(() => ({ isDisabled: local.isDisabled }), state);\n\n  const renderValues = createMemo<DisclosureGroupRenderProps>(() => ({\n    isDisabled: state.isDisabled,\n  }));\n\n  // Resolve render props - don't pass children, we'll render props.children directly\n  const renderProps = useRenderProps(\n    {\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-DisclosureGroup\",\n    },\n    renderValues,\n  );\n\n  const domProps = createMemo(() =>\n    filterDOMProps(rest as Record<string, unknown>, { global: true }),\n  );\n\n  const contextValue: DisclosureGroupContextValue = { state };\n\n  // Extract ref from groupProps to avoid type conflicts\n  const { ref: _ref, ...cleanGroupProps } = groupProps as Record<string, unknown>;\n\n  return (\n    <DisclosureGroupStateContext.Provider value={state}>\n      <DisclosureGroupContext.Provider value={contextValue}>\n        <div\n          ref={(el) => assignRef(local.ref, el)}\n          {...domProps()}\n          {...cleanGroupProps}\n          class={renderProps.class()}\n          style={renderProps.style()}\n          data-disabled={dataAttr(state.isDisabled)}\n        >\n          {props.children}\n        </div>\n      </DisclosureGroupContext.Provider>\n    </DisclosureGroupStateContext.Provider>\n  );\n}\n\n/**\n * Disclosure is a widget that can be toggled to show or hide content.\n *\n * @example\n * ```tsx\n * <Disclosure>\n *   <DisclosureTrigger>Show more</DisclosureTrigger>\n *   <DisclosurePanel>Hidden content here...</DisclosurePanel>\n * </Disclosure>\n * ```\n */\nexport function Disclosure(props: DisclosureProps): JSX.Element {\n  // IMPORTANT: Don't destructure or access props.children early!\n  // In SolidJS, children are lazily evaluated. Accessing them before\n  // the context provider renders causes them to evaluate outside the context.\n  // See: https://github.com/solidjs/solid/issues/182\n  const [local, rest] = splitProps(props, [\n    \"class\",\n    \"style\",\n    \"isDisabled\",\n    \"isExpanded\",\n    \"defaultExpanded\",\n    \"onExpandedChange\",\n    \"id\",\n    \"ref\",\n  ]);\n\n  // Check if we're inside a DisclosureGroup\n  const groupContext = useDisclosureGroupContext();\n\n  // Create disclosure state\n  // If in a group, sync with group state\n  const state = createDisclosureState(() => {\n    const id = local.id;\n    if (groupContext && id) {\n      return {\n        isExpanded: groupContext.state.isExpanded(id),\n        onExpandedChange: (expanded: boolean) => {\n          if (expanded !== groupContext.state.isExpanded(id)) {\n            groupContext.state.toggleKey(id);\n          }\n          local.onExpandedChange?.(expanded);\n        },\n      };\n    }\n    return {\n      isExpanded: local.isExpanded,\n      defaultExpanded: local.defaultExpanded,\n      onExpandedChange: local.onExpandedChange,\n    };\n  });\n\n  // Panel ref as a signal so the createEffect in createDisclosure can track it\n  const [panelRef, setPanelRefSignal] = createSignal<HTMLElement | null>(null);\n\n  // Determine if disabled (used in multiple places)\n  const isDisabled = () => local.isDisabled || groupContext?.state.isDisabled || false;\n\n  // Create disclosure accessibility props\n  // Pass props as accessor function for reactivity\n  // IMPORTANT: Don't destructure! The getters must be called fresh each render\n  const disclosureAria = createDisclosure(\n    () => ({ isDisabled: isDisabled() }),\n    state,\n    panelRef, // Pass the accessor directly\n  );\n  const { isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps } = createFocusRing({\n    within: true,\n  });\n\n  const renderValues = createMemo<DisclosureRenderProps>(() => ({\n    isExpanded: state.isExpanded(),\n    isFocusVisibleWithin: isFocusVisibleWithin(),\n    isDisabled: isDisabled(),\n    state,\n  }));\n\n  // Resolve render props - don't pass children, we'll render props.children directly\n  const renderProps = useRenderProps(\n    {\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Disclosure\",\n    },\n    renderValues,\n  );\n\n  const domProps = createMemo(() =>\n    filterDOMProps(rest as Record<string, unknown>, { global: true }),\n  );\n\n  // Context value - pass the disclosureAria object with getters intact\n  const contextValue: DisclosureContextValue = {\n    state,\n    isDisabled, // Pass the accessor function, not the value\n    disclosureAria,\n  };\n\n  const setPanelRef = (el: HTMLElement | null) => {\n    setPanelRefSignal(el);\n  };\n\n  return (\n    <DisclosureStateContext.Provider value={state}>\n      <DisclosureContext.Provider value={contextValue}>\n        <DisclosurePanelRefContext.Provider value={setPanelRef}>\n          <div\n            ref={(el) => assignRef(local.ref, el)}\n            {...mergeProps(\n              domProps() as Record<string, unknown>,\n              focusWithinProps as Record<string, unknown>,\n            )}\n            class={renderProps.class()}\n            style={renderProps.style()}\n            data-expanded={dataAttr(state.isExpanded())}\n            data-disabled={dataAttr(isDisabled())}\n            data-focus-visible-within={dataAttr(isFocusVisibleWithin())}\n          >\n            {props.children}\n          </div>\n        </DisclosurePanelRefContext.Provider>\n      </DisclosureContext.Provider>\n    </DisclosureStateContext.Provider>\n  );\n}\n\n// Internal context to pass panel ref setter\nconst DisclosurePanelRefContext = createContext<((el: HTMLElement | null) => void) | null>(null);\n\n/**\n * DisclosureTrigger is the button that toggles the disclosure.\n * Pattern matches SelectTrigger for consistency.\n */\nexport function DisclosureTrigger(props: DisclosureTriggerProps): JSX.Element {\n  // Get context - now safe because parent uses lazy children evaluation\n  const context = useContext(DisclosureContext);\n  if (!context) {\n    throw new Error(\"DisclosureTrigger must be used within a Disclosure\");\n  }\n\n  const { state, disclosureAria, isDisabled } = context;\n\n  // Reactive accessors\n  const isExpanded = () => state.isExpanded();\n\n  // Get buttonProps from the getter each time - this ensures reactivity\n  // IMPORTANT: Call the getter fresh each render to get updated aria-expanded, etc.\n  const getButtonProps = () => {\n    const { ref: _ref, ...rest } = disclosureAria.buttonProps as Record<string, unknown>;\n    return rest;\n  };\n  const { isFocused, isFocusVisible, focusProps } = createFocusRing();\n  const [local, rest] = splitProps(props, [\"children\", \"class\", \"style\", \"ref\"]);\n  const domProps = createMemo(() =>\n    filterDOMProps(rest as Record<string, unknown>, { global: true }),\n  );\n  const cleanFocusProps = () => {\n    const { ref: _ref, ...rest } = focusProps as Record<string, unknown>;\n    return rest;\n  };\n\n  return (\n    <button\n      {...mergeProps(domProps() as Record<string, unknown>, getButtonProps(), cleanFocusProps())}\n      ref={(el) => assignRef(local.ref, el)}\n      type=\"button\"\n      class={local.class}\n      style={local.style}\n      data-expanded={dataAttr(isExpanded())}\n      data-disabled={dataAttr(isDisabled())}\n      data-pressed={dataAttr(disclosureAria.isPressed())}\n      data-focused={dataAttr(isFocused())}\n      data-focus-visible={dataAttr(isFocusVisible())}\n    >\n      {local.children}\n    </button>\n  );\n}\n\n/**\n * DisclosurePanel contains the content that is shown/hidden.\n */\nexport function DisclosurePanel(props: DisclosurePanelProps): JSX.Element {\n  // Get context - now safe because parent uses lazy children evaluation\n  const context = useContext(DisclosureContext);\n  if (!context) {\n    throw new Error(\"DisclosurePanel must be used within a Disclosure\");\n  }\n  const panelRefSetter = useContext(DisclosurePanelRefContext);\n\n  const [local, rest] = splitProps(props, [\"class\", \"style\", \"role\", \"ref\"]);\n  const { isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps } = createFocusRing({\n    within: true,\n  });\n\n  // Reactive accessors\n  const isExpanded = () => context.state.isExpanded();\n  const isDisabled = () => context.isDisabled();\n\n  const renderValues = createMemo<DisclosureRenderProps>(() => ({\n    isExpanded: isExpanded(),\n    isFocusVisibleWithin: isFocusVisibleWithin(),\n    isDisabled: isDisabled(),\n    state: context.state,\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-DisclosurePanel\",\n    },\n    renderValues,\n  );\n\n  const domProps = createMemo(() =>\n    filterDOMProps(rest as Record<string, unknown>, { global: true }),\n  );\n\n  // Get panelProps from the getter each time - this ensures reactivity\n  // IMPORTANT: Call the getter fresh each render to get updated hidden attribute, etc.\n  const getPanelProps = () => {\n    const { ref: _ref, ...rest } = context.disclosureAria.panelProps as Record<string, unknown>;\n    return rest;\n  };\n\n  return (\n    <div\n      {...mergeProps(\n        domProps() as Record<string, unknown>,\n        focusWithinProps as Record<string, unknown>,\n      )}\n      {...getPanelProps()}\n      ref={(el) => {\n        panelRefSetter?.(el);\n        assignRef(local.ref, el);\n      }}\n      role={local.role ?? \"group\"}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      data-expanded={dataAttr(isExpanded())}\n      data-focus-visible-within={dataAttr(isFocusVisibleWithin())}\n    >\n      {renderProps.renderChildren()}\n    </div>\n  );\n}\n\nexport type { DisclosureState, DisclosureGroupState };\n"],"mappings":"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"}

package/dist/DragAndDrop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DragAndDrop.d.ts","sourceRoot":"","sources":["../src/DragAndDrop.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DragAndDrop.d.ts","sourceRoot":"","sources":["../src/DragAndDrop.tsx"],"names":[],"mappings":"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"}

package/dist/DragAndDrop.js

@@ -0,0 +1,176 @@
+import { dataAttr, useRenderProps } from "./utils.js";
+import { className, createComponent, effect, getNextElement, insert, setAttribute, style, template } from "solid-js/web";
+import { createContext, createMemo, useContext } from "solid-js";
+//#region src/DragAndDrop.tsx
+/**
+* Drag and drop composition helpers for solidaria-components.
+*
+* Compatibility target: react-aria-components DragAndDrop exports.
+*/
+var _tmpl$ = /*#__PURE__*/ template(`<div role=option>`);
+const DragAndDropContext = createContext({});
+const DropIndicatorContext = createContext(null);
+function DefaultDropIndicator(props) {
+	const dnd = useContext(DragAndDropContext);
+	const isDropTarget = createMemo(() => {
+		const target = props.target;
+		return dnd.dropState?.isDropTarget?.(target) ?? false;
+	});
+	const renderProps = useRenderProps({
+		get children() {
+			return props.children;
+		},
+		class: props.class,
+		style: props.style,
+		defaultClassName: "solidaria-DropIndicator"
+	}, () => ({ isDropTarget: isDropTarget() }));
+	return (() => {
+		var _el$ = getNextElement(_tmpl$);
+		setAttribute(_el$, "aria-disabled", true);
+		insert(_el$, () => renderProps.renderChildren());
+		effect((_p$) => {
+			var _v$ = renderProps.class(), _v$2 = renderProps.style(), _v$3 = dataAttr(isDropTarget());
+			_v$ !== _p$.e && className(_el$, _p$.e = _v$);
+			_p$.t = style(_el$, _v$2, _p$.t);
+			_v$3 !== _p$.a && setAttribute(_el$, "data-drop-target", _p$.a = _v$3);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0
+		});
+		return _el$;
+	})();
+}
+function DropIndicator(props) {
+	const context = useContext(DropIndicatorContext);
+	if (context) return context.render(props);
+	return createComponent(DefaultDropIndicator, props);
+}
+function useRenderDropIndicator(hooksOrDropState, maybeDropState) {
+	const looksLikeDropState = (value) => {
+		return Boolean(value && typeof value === "object" && ("isDropTarget" in value || "target" in value));
+	};
+	const dragAndDropHooks = looksLikeDropState(hooksOrDropState) ? void 0 : hooksOrDropState;
+	const dropState = looksLikeDropState(hooksOrDropState) ? hooksOrDropState : maybeDropState;
+	if (dragAndDropHooks && !dragAndDropHooks.useDropIndicator) return void 0;
+	if (!dropState && !dragAndDropHooks?.renderDropIndicator) return void 0;
+	const targetsEqual = (a, b) => {
+		if (!a) return false;
+		if (a.type !== b.type) return false;
+		if (a.type === "root" && b.type === "root") return true;
+		if (a.type !== "item" || b.type !== "item") return false;
+		return a.key === b.key && a.dropPosition === b.dropPosition;
+	};
+	return (target) => {
+		const stateIsDropTarget = dropState?.isDropTarget;
+		const isTarget = typeof stateIsDropTarget === "function" ? stateIsDropTarget(target) : stateIsDropTarget === true ? targetsEqual(dropState?.target, target) : false;
+		const isVirtualDragging = dragAndDropHooks?.isVirtualDragging?.() ?? false;
+		if (!isTarget && !isVirtualDragging) return void 0;
+		return dragAndDropHooks?.renderDropIndicator ? dragAndDropHooks.renderDropIndicator(target) : createComponent(DropIndicator, { target });
+	};
+}
+function resolveKey(value) {
+	if (typeof value === "function") return value();
+	return value;
+}
+function getAfterDropNormalizedKey(target, collection) {
+	if (target.dropPosition !== "after" || !collection) return target.key;
+	let nextKey = collection.getKeyAfter(target.key);
+	let lastDescendantKey = null;
+	if (nextKey != null) {
+		const targetLevel = collection.getItem(target.key)?.level ?? 0;
+		while (nextKey != null) {
+			const node = collection.getItem(nextKey);
+			if (!node) break;
+			if (node.type && node.type !== "item") {
+				nextKey = collection.getKeyAfter(nextKey);
+				continue;
+			}
+			if ((node.level ?? 0) <= targetLevel) break;
+			lastDescendantKey = nextKey;
+			nextKey = collection.getKeyAfter(nextKey);
+		}
+	}
+	return nextKey ?? lastDescendantKey ?? target.key;
+}
+function getNormalizedDropTargetKey(target, collection) {
+	if (!target || target.type !== "item") return null;
+	return getAfterDropNormalizedKey(target, collection);
+}
+function useDndPersistedKeys(selectionManager, dragAndDropHooks, dropState, collection) {
+	return createMemo(() => {
+		const focusedKey = resolveKey(selectionManager?.focusedKey);
+		let dropTargetKey;
+		if (dragAndDropHooks?.isVirtualDragging?.() && dropState?.target?.type === "item") dropTargetKey = getNormalizedDropTargetKey(dropState.target, collection) ?? void 0;
+		const keys = /* @__PURE__ */ new Set();
+		if (focusedKey != null) keys.add(focusedKey);
+		if (dropTargetKey != null) keys.add(dropTargetKey);
+		return keys;
+	});
+}
+function mergePersistedKeysIntoVirtualRange(baseRange, persistedIndexes, itemCount, layoutInfoProvider, maxExtraItems = 60, options) {
+	const validPersistedIndexes = Array.from(new Set(persistedIndexes.filter((index) => index >= 0 && index < itemCount))).sort((a, b) => a - b);
+	const forceIndexes = Array.from(new Set((options?.forceIncludeIndexes ?? []).filter((index) => index >= 0 && index < itemCount)));
+	if (itemCount <= 0) return baseRange;
+	if (validPersistedIndexes.length === 0 && forceIndexes.length === 0) return baseRange;
+	const baseSpan = Math.max(1, baseRange.end - baseRange.start);
+	const maxSpan = Math.max(baseSpan, baseSpan + maxExtraItems);
+	let start = baseRange.start;
+	let end = baseRange.end;
+	const distanceToBaseRange = (index) => {
+		if (index < baseRange.start) return baseRange.start - index;
+		if (index >= baseRange.end) return index - (baseRange.end - 1);
+		return 0;
+	};
+	for (const index of validPersistedIndexes.sort((a, b) => distanceToBaseRange(a) - distanceToBaseRange(b))) {
+		const nextStart = Math.min(start, index);
+		const nextEnd = Math.max(end, index + 1);
+		if (nextEnd - nextStart <= maxSpan) {
+			start = nextStart;
+			end = nextEnd;
+		}
+	}
+	if (forceIndexes.length > 0) {
+		const forceMaxSpan = Math.max(maxSpan, options?.forceIncludeMaxSpan ?? Math.max(maxSpan, 300));
+		for (const index of forceIndexes) {
+			const nextStart = Math.min(start, index);
+			const nextEnd = Math.max(end, index + 1);
+			if (nextEnd - nextStart <= forceMaxSpan) {
+				start = nextStart;
+				end = nextEnd;
+			}
+		}
+		if (options?.fallbackToForcedWindow !== false) {
+			const missingForced = forceIndexes.filter((index) => index < start || index >= end);
+			if (missingForced.length > 0) {
+				const nearestForced = missingForced[0];
+				const forceMaxSpan = Math.max(maxSpan, options?.forceIncludeMaxSpan ?? Math.max(maxSpan, 300));
+				const windowSpan = Math.min(itemCount, Math.max(baseSpan, forceMaxSpan));
+				const centeredStart = Math.max(0, Math.min(itemCount - windowSpan, nearestForced - Math.floor(windowSpan / 2)));
+				start = centeredStart;
+				end = Math.min(itemCount, centeredStart + windowSpan);
+			}
+		}
+	}
+	if (start === baseRange.start && end === baseRange.end) return baseRange;
+	const startRect = start > 0 ? layoutInfoProvider.getLayoutInfo(start).rect : {
+		y: 0,
+		height: 0
+	};
+	const lastRect = layoutInfoProvider.getLayoutInfo(itemCount - 1).rect;
+	const endRect = end > 0 ? layoutInfoProvider.getLayoutInfo(end - 1).rect : {
+		y: 0,
+		height: 0
+	};
+	return {
+		start,
+		end,
+		offsetTop: Math.max(0, startRect.y),
+		offsetBottom: Math.max(0, lastRect.y + lastRect.height - (endRect.y + endRect.height))
+	};
+}
+//#endregion
+export { DragAndDropContext, DropIndicator, DropIndicatorContext, getNormalizedDropTargetKey, mergePersistedKeysIntoVirtualRange, useDndPersistedKeys, useRenderDropIndicator };
+
+//# sourceMappingURL=DragAndDrop.js.map

package/dist/DragAndDrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragAndDrop.js","names":["JSX","Accessor","createContext","createMemo","useContext","DragTypes","DropOperation","DropTarget","ItemDropTarget","Key","DragAndDropHooks","ClassNameOrFunction","StyleOrFunction","SlotProps","useRenderProps","dataAttr","DragAndDropContextValue","dragAndDropHooks","dragState","dropState","target","isDropTarget","DragAndDropContext","DropIndicatorRenderProps","DropIndicatorProps","children","Element","props","class","style","DropIndicatorContextValue","render","DropIndicatorContext","DefaultDropIndicator","dnd","renderProps","defaultClassName","_el$","_$getNextElement","_tmpl$","_$setAttribute","_$insert","renderChildren","_$effect","_p$","_v$","_v$2","_v$3","e","_$className","t","_$style","a","undefined","DropIndicator","context","_$createComponent","useRenderDropIndicator","hooksOrDropState","Pick","maybeDropState","looksLikeDropState","value","Boolean","Record","useDropIndicator","renderDropIndicator","targetsEqual","b","type","key","dropPosition","stateIsDropTarget","isTarget","isVirtualDragging","KeyAccessor","SelectionManagerLike","focusedKey","CollectionLike","getKeyAfter","getItem","level","DroppableCollectionStateLike","VirtualRangeLike","start","end","offsetTop","offsetBottom","LayoutInfoProviderLike","getLayoutInfo","index","rect","y","height","resolveKey","getAfterDropNormalizedKey","collection","nextKey","lastDescendantKey","targetLevel","node","getNormalizedDropTargetKey","useDndPersistedKeys","selectionManager","Set","dropTargetKey","keys","add","mergePersistedKeysIntoVirtualRange","baseRange","persistedIndexes","itemCount","layoutInfoProvider","maxExtraItems","options","forceIncludeIndexes","forceIncludeMaxSpan","fallbackToForcedWindow","validPersistedIndexes","Array","from","filter","sort","forceIndexes","length","baseSpan","Math","max","maxSpan","distanceToBaseRange","nextStart","min","nextEnd","forceMaxSpan","missingForced","nearestForced","windowSpan","centeredStart","floor","startRect","lastRect","endRect","DropTargetDelegate","getDropTargetFromPoint","x","isValidDropTarget","getDropOperation","types","allowedOperations"],"sources":["../src/DragAndDrop.tsx"],"sourcesContent":["/**\n * Drag and drop composition helpers for solidaria-components.\n *\n * Compatibility target: react-aria-components DragAndDrop exports.\n */\n\nimport { type JSX, type Accessor, createContext, createMemo, useContext } from \"solid-js\";\nimport type {\n  DragTypes,\n  DropOperation,\n  DropTarget,\n  ItemDropTarget,\n  Key,\n} from \"@proyecto-viviana/solid-stately\";\nimport type { DragAndDropHooks } from \"./useDragAndDrop\";\nimport {\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  dataAttr,\n} from \"./utils\";\n\nexport interface DragAndDropContextValue {\n  dragAndDropHooks?: DragAndDropHooks<unknown>;\n  dragState?: unknown;\n  dropState?: {\n    target?: DropTarget | null;\n    isDropTarget?: (target: DropTarget) => boolean;\n  };\n}\n\nexport const DragAndDropContext = createContext<DragAndDropContextValue>({});\n\nexport interface DropIndicatorRenderProps {\n  isDropTarget: boolean;\n}\n\nexport interface DropIndicatorProps extends SlotProps {\n  target: ItemDropTarget;\n  children?: JSX.Element | ((props: DropIndicatorRenderProps) => JSX.Element);\n  class?: ClassNameOrFunction<DropIndicatorRenderProps>;\n  style?: StyleOrFunction<DropIndicatorRenderProps>;\n}\n\ninterface DropIndicatorContextValue {\n  render: (props: DropIndicatorProps) => JSX.Element;\n}\n\nexport const DropIndicatorContext = createContext<DropIndicatorContextValue | null>(null);\n\nfunction DefaultDropIndicator(props: DropIndicatorProps): JSX.Element {\n  const dnd = useContext(DragAndDropContext);\n  const isDropTarget = createMemo(() => {\n    const target = props.target;\n    return dnd.dropState?.isDropTarget?.(target) ?? false;\n  });\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: props.class,\n      style: props.style,\n      defaultClassName: \"solidaria-DropIndicator\",\n    },\n    () => ({\n      isDropTarget: isDropTarget(),\n    }),\n  );\n\n  return (\n    <div\n      role=\"option\"\n      aria-disabled={true}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      data-drop-target={dataAttr(isDropTarget())}\n    >\n      {renderProps.renderChildren()}\n    </div>\n  );\n}\n\nexport function DropIndicator(props: DropIndicatorProps): JSX.Element {\n  const context = useContext(DropIndicatorContext);\n  if (context) return context.render(props);\n  return <DefaultDropIndicator {...props} />;\n}\n\nexport function useRenderDropIndicator(\n  hooksOrDropState?:\n    | Pick<\n        DragAndDropHooks<unknown>,\n        \"renderDropIndicator\" | \"isVirtualDragging\" | \"useDropIndicator\"\n      >\n    | {\n        target?: DropTarget | null;\n        isDropTarget?: ((target: DropTarget) => boolean) | boolean;\n      },\n  maybeDropState?: {\n    target?: DropTarget | null;\n    isDropTarget?: ((target: DropTarget) => boolean) | boolean;\n  },\n): ((target: ItemDropTarget) => JSX.Element | undefined) | undefined {\n  const looksLikeDropState = (\n    value: unknown,\n  ): value is {\n    target?: DropTarget | null;\n    isDropTarget?: ((target: DropTarget) => boolean) | boolean;\n  } => {\n    return Boolean(\n      value &&\n      typeof value === \"object\" &&\n      (\"isDropTarget\" in (value as Record<string, unknown>) ||\n        \"target\" in (value as Record<string, unknown>)),\n    );\n  };\n\n  const dragAndDropHooks = looksLikeDropState(hooksOrDropState) ? undefined : hooksOrDropState;\n  const dropState = looksLikeDropState(hooksOrDropState) ? hooksOrDropState : maybeDropState;\n\n  // RAC only renders collection indicators when drop hooks are present.\n  if (dragAndDropHooks && !dragAndDropHooks.useDropIndicator) return undefined;\n  if (!dropState && !dragAndDropHooks?.renderDropIndicator) return undefined;\n\n  const targetsEqual = (a: DropTarget | null | undefined, b: DropTarget): boolean => {\n    if (!a) return false;\n    if (a.type !== b.type) return false;\n    if (a.type === \"root\" && b.type === \"root\") return true;\n    if (a.type !== \"item\" || b.type !== \"item\") return false;\n    return a.key === b.key && a.dropPosition === b.dropPosition;\n  };\n\n  return (target: ItemDropTarget) => {\n    const stateIsDropTarget = dropState?.isDropTarget;\n    const isTarget =\n      typeof stateIsDropTarget === \"function\"\n        ? stateIsDropTarget(target)\n        : stateIsDropTarget === true\n          ? targetsEqual(dropState?.target, target)\n          : false;\n    const isVirtualDragging = dragAndDropHooks?.isVirtualDragging?.() ?? false;\n    if (!isTarget && !isVirtualDragging) return undefined;\n    return dragAndDropHooks?.renderDropIndicator ? (\n      dragAndDropHooks.renderDropIndicator(target)\n    ) : (\n      <DropIndicator target={target} />\n    );\n  };\n}\n\ntype KeyAccessor = Key | null | undefined | Accessor<Key | null | undefined>;\n\ninterface SelectionManagerLike {\n  focusedKey?: KeyAccessor;\n}\n\ninterface CollectionLike {\n  getKeyAfter: (key: Key) => Key | null;\n  getItem: (key: Key) => { level?: number; type?: string } | null | undefined;\n}\n\ninterface DroppableCollectionStateLike {\n  target?: DropTarget | null;\n}\n\nexport interface VirtualRangeLike {\n  start: number;\n  end: number;\n  offsetTop: number;\n  offsetBottom: number;\n}\n\nexport interface LayoutInfoProviderLike {\n  getLayoutInfo: (index: number) => { rect: { y: number; height: number } };\n}\n\nfunction resolveKey(value: KeyAccessor): Key | null | undefined {\n  if (typeof value === \"function\") {\n    return (value as Accessor<Key | null | undefined>)();\n  }\n  return value;\n}\n\nfunction getAfterDropNormalizedKey(target: ItemDropTarget, collection?: CollectionLike): Key {\n  if (target.dropPosition !== \"after\" || !collection) return target.key;\n\n  let nextKey = collection.getKeyAfter(target.key);\n  let lastDescendantKey: Key | null = null;\n\n  if (nextKey != null) {\n    const targetLevel = collection.getItem(target.key)?.level ?? 0;\n    while (nextKey != null) {\n      const node = collection.getItem(nextKey);\n      if (!node) break;\n      if (node.type && node.type !== \"item\") {\n        nextKey = collection.getKeyAfter(nextKey);\n        continue;\n      }\n      if ((node.level ?? 0) <= targetLevel) break;\n      lastDescendantKey = nextKey;\n      nextKey = collection.getKeyAfter(nextKey);\n    }\n  }\n\n  return nextKey ?? lastDescendantKey ?? target.key;\n}\n\nexport function getNormalizedDropTargetKey(\n  target: DropTarget | null | undefined,\n  collection?: CollectionLike,\n): Key | null {\n  if (!target || target.type !== \"item\") return null;\n  return getAfterDropNormalizedKey(target, collection);\n}\n\nexport function useDndPersistedKeys(\n  selectionManager: SelectionManagerLike | null | undefined,\n  dragAndDropHooks?: Pick<DragAndDropHooks<unknown>, \"isVirtualDragging\">,\n  dropState?: DroppableCollectionStateLike,\n  collection?: CollectionLike,\n): Accessor<Set<Key>> {\n  return createMemo(() => {\n    const focusedKey = resolveKey(selectionManager?.focusedKey);\n    let dropTargetKey: Key | null | undefined;\n\n    if (dragAndDropHooks?.isVirtualDragging?.() && dropState?.target?.type === \"item\") {\n      dropTargetKey = getNormalizedDropTargetKey(dropState.target, collection) ?? undefined;\n    }\n\n    const keys = new Set<Key>();\n    if (focusedKey != null) keys.add(focusedKey);\n    if (dropTargetKey != null) keys.add(dropTargetKey);\n    return keys;\n  });\n}\n\nexport function mergePersistedKeysIntoVirtualRange(\n  baseRange: VirtualRangeLike,\n  persistedIndexes: number[],\n  itemCount: number,\n  layoutInfoProvider: LayoutInfoProviderLike,\n  maxExtraItems = 60,\n  options?: {\n    forceIncludeIndexes?: number[];\n    forceIncludeMaxSpan?: number;\n    fallbackToForcedWindow?: boolean;\n  },\n): VirtualRangeLike {\n  const validPersistedIndexes = Array.from(\n    new Set(persistedIndexes.filter((index) => index >= 0 && index < itemCount)),\n  ).sort((a, b) => a - b);\n  const forceIndexes = Array.from(\n    new Set(\n      (options?.forceIncludeIndexes ?? []).filter((index) => index >= 0 && index < itemCount),\n    ),\n  );\n\n  if (itemCount <= 0) return baseRange;\n  if (validPersistedIndexes.length === 0 && forceIndexes.length === 0) return baseRange;\n\n  const baseSpan = Math.max(1, baseRange.end - baseRange.start);\n  const maxSpan = Math.max(baseSpan, baseSpan + maxExtraItems);\n\n  let start = baseRange.start;\n  let end = baseRange.end;\n\n  const distanceToBaseRange = (index: number): number => {\n    if (index < baseRange.start) return baseRange.start - index;\n    if (index >= baseRange.end) return index - (baseRange.end - 1);\n    return 0;\n  };\n\n  for (const index of validPersistedIndexes.sort(\n    (a, b) => distanceToBaseRange(a) - distanceToBaseRange(b),\n  )) {\n    const nextStart = Math.min(start, index);\n    const nextEnd = Math.max(end, index + 1);\n    if (nextEnd - nextStart <= maxSpan) {\n      start = nextStart;\n      end = nextEnd;\n    }\n  }\n\n  if (forceIndexes.length > 0) {\n    const forceMaxSpan = Math.max(maxSpan, options?.forceIncludeMaxSpan ?? Math.max(maxSpan, 300));\n    for (const index of forceIndexes) {\n      const nextStart = Math.min(start, index);\n      const nextEnd = Math.max(end, index + 1);\n      if (nextEnd - nextStart <= forceMaxSpan) {\n        start = nextStart;\n        end = nextEnd;\n      }\n    }\n\n    if (options?.fallbackToForcedWindow !== false) {\n      const missingForced = forceIndexes.filter((index) => index < start || index >= end);\n      if (missingForced.length > 0) {\n        const nearestForced = missingForced[0];\n        const forceMaxSpan = Math.max(\n          maxSpan,\n          options?.forceIncludeMaxSpan ?? Math.max(maxSpan, 300),\n        );\n        const windowSpan = Math.min(itemCount, Math.max(baseSpan, forceMaxSpan));\n        const centeredStart = Math.max(\n          0,\n          Math.min(itemCount - windowSpan, nearestForced - Math.floor(windowSpan / 2)),\n        );\n        start = centeredStart;\n        end = Math.min(itemCount, centeredStart + windowSpan);\n      }\n    }\n  }\n\n  if (start === baseRange.start && end === baseRange.end) return baseRange;\n\n  const startRect = start > 0 ? layoutInfoProvider.getLayoutInfo(start).rect : { y: 0, height: 0 };\n  const lastRect = layoutInfoProvider.getLayoutInfo(itemCount - 1).rect;\n  const endRect = end > 0 ? layoutInfoProvider.getLayoutInfo(end - 1).rect : { y: 0, height: 0 };\n\n  return {\n    start,\n    end,\n    offsetTop: Math.max(0, startRect.y),\n    offsetBottom: Math.max(0, lastRect.y + lastRect.height - (endRect.y + endRect.height)),\n  };\n}\n\nexport type DropTargetDelegate = {\n  getDropTargetFromPoint: (\n    x: number,\n    y: number,\n    isValidDropTarget: (target: DropTarget) => boolean,\n  ) => DropTarget | null;\n  getDropOperation: (\n    target: DropTarget,\n    types: DragTypes,\n    allowedOperations: DropOperation[],\n  ) => DropOperation;\n};\n"],"mappings":"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"}