@proyecto-viviana/solidaria-components 0.3.2 → 0.4.1

package/dist/Breadcrumbs.jsx

@@ -0,0 +1,261 @@
+import { filterDOMProps, useRenderProps } from "./utils.jsx";
+import { For, Show, children, createContext, createMemo, createSignal, splitProps, useContext } from "solid-js";
+import { Dynamic } from "solid-js/web";
+import { createBreadcrumbItem, createBreadcrumbs, createFocusRing, createHover, mergeProps as mergeProps$1 } from "@proyecto-viviana/solidaria";
+//#region src/Breadcrumbs.tsx
+/**
+* Breadcrumbs component for solidaria-components
+*
+* A pre-wired headless breadcrumbs component that combines aria hooks.
+* Port of react-aria-components Breadcrumbs.
+*/
+function assignRef(ref, el) {
+	if (!ref) return;
+	if (typeof ref === "function") ref(el);
+	else ref.current = el;
+}
+const BreadcrumbsContext = createContext(null);
+const BreadcrumbItemContext = createContext(null);
+function defaultItemKey(item, index) {
+	const maybeItem = item;
+	return maybeItem.key ?? maybeItem.id ?? index;
+}
+/**
+* Breadcrumbs show hierarchy and navigational context for a user's location within an application.
+*/
+function Breadcrumbs(props) {
+	const [local, ariaProps, rest] = splitProps(props, [
+		"children",
+		"class",
+		"style",
+		"slot",
+		"items",
+		"getKey",
+		"isDisabled",
+		"onAction",
+		"ref"
+	], [
+		"aria-label",
+		"aria-labelledby",
+		"aria-describedby",
+		"aria-details"
+	]);
+	const isDisabled = () => local.isDisabled ?? false;
+	const items = () => local.items ?? [];
+	const hasCollectionItems = () => local.items !== void 0;
+	const getItemKey = (item, index) => local.getKey?.(item) ?? defaultItemKey(item, index);
+	const [staticItemCount, setStaticItemCount] = createSignal(0);
+	let nextStaticIndex = 0;
+	const resetStaticItems = () => {
+		nextStaticIndex = 0;
+		setStaticItemCount(0);
+	};
+	const registerStaticItem = () => {
+		const index = nextStaticIndex;
+		nextStaticIndex += 1;
+		return index;
+	};
+	const { navProps } = createBreadcrumbs({
+		get "aria-label"() {
+			return ariaProps["aria-label"];
+		},
+		get "aria-labelledby"() {
+			return ariaProps["aria-labelledby"];
+		},
+		get "aria-describedby"() {
+			return ariaProps["aria-describedby"];
+		},
+		get isDisabled() {
+			return isDisabled();
+		}
+	});
+	const renderValues = createMemo(() => ({ isDisabled: isDisabled() }));
+	const renderProps = useRenderProps({
+		class: local.class,
+		style: local.style,
+		defaultClassName: "solidaria-Breadcrumbs"
+	}, renderValues);
+	const domProps = createMemo(() => filterDOMProps(rest, { global: true }));
+	return <BreadcrumbsContext.Provider value={{
+		isDisabled,
+		onAction: local.onAction,
+		registerStaticItem,
+		staticItemCount,
+		resetStaticItems,
+		setStaticItemCount
+	}}>
+      {}
+      <ol {...navProps} {...domProps()} ref={(element) => assignRef(local.ref, element)} class={renderProps.class()} style={renderProps.style()} data-disabled={isDisabled() || void 0}>
+        <Show when={hasCollectionItems()} fallback={<StaticBreadcrumbItems>{local.children}</StaticBreadcrumbItems>}>
+          <For each={items()}>
+            {(item, index) => {
+		const itemKey = getItemKey(item, index());
+		const isLast = () => index() === items().length - 1;
+		const renderItem = local.children;
+		return <li style={{
+			display: "flex",
+			"align-items": "center"
+		}}>
+                  <BreadcrumbItemContext.Provider value={{
+			itemKey,
+			isLast
+		}}>
+                    {renderItem?.(item)}
+                  </BreadcrumbItemContext.Provider>
+                </li>;
+	}}
+          </For>
+        </Show>
+      </ol>
+    </BreadcrumbsContext.Provider>;
+}
+function StaticBreadcrumbItems(props) {
+	const context = useContext(BreadcrumbsContext);
+	const staticChildren = children(() => props.children);
+	const childArray = createMemo(() => {
+		context?.resetStaticItems?.();
+		const array = staticChildren.toArray();
+		context?.setStaticItemCount?.(array.length);
+		return array;
+	});
+	return <For each={childArray()}>
+      {(child) => <li style={{
+		display: "flex",
+		"align-items": "center"
+	}}>{child}</li>}
+    </For>;
+}
+/**
+* A BreadcrumbItem represents an individual breadcrumb in the navigation trail.
+*/
+function BreadcrumbItem(props) {
+	const [local, ariaProps] = splitProps(props, [
+		"class",
+		"style",
+		"slot",
+		"isDisabled",
+		"ref"
+	]);
+	const context = useContext(BreadcrumbsContext);
+	const itemContext = useContext(BreadcrumbItemContext);
+	const staticIndex = itemContext ? null : context?.registerStaticItem?.();
+	const isDisabled = () => local.isDisabled ?? context?.isDisabled() ?? false;
+	const isCurrent = () => ariaProps.isCurrent ?? itemContext?.isLast() ?? (staticIndex !== null && staticIndex !== void 0 && context?.staticItemCount !== void 0 && staticIndex === context.staticItemCount() - 1);
+	const itemKey = () => itemContext?.itemKey ?? ariaProps.id ?? null;
+	const elementType = () => ariaProps.elementType ?? (ariaProps.href && !isDisabled() && !isCurrent() ? "a" : "span");
+	const linkElementType = () => isCurrent() ? "a" : elementType();
+	const handlePress = (e) => {
+		ariaProps.onPress?.(e);
+		const key = itemKey();
+		if (key !== null && !isCurrent() && !isDisabled()) context?.onAction?.(key);
+	};
+	const itemAria = createBreadcrumbItem({
+		get id() {
+			return ariaProps.id;
+		},
+		get isCurrent() {
+			return isCurrent();
+		},
+		get isDisabled() {
+			return isDisabled();
+		},
+		get href() {
+			return ariaProps.href;
+		},
+		get target() {
+			return ariaProps.target;
+		},
+		get rel() {
+			return ariaProps.rel;
+		},
+		get elementType() {
+			return linkElementType();
+		},
+		get onPress() {
+			return handlePress;
+		},
+		get onPressStart() {
+			return ariaProps.onPressStart;
+		},
+		get onPressEnd() {
+			return ariaProps.onPressEnd;
+		},
+		get onClick() {
+			return ariaProps.onClick;
+		},
+		get onFocus() {
+			return ariaProps.onFocus;
+		},
+		get onBlur() {
+			return ariaProps.onBlur;
+		},
+		get onFocusChange() {
+			return ariaProps.onFocusChange;
+		},
+		get onKeyDown() {
+			return ariaProps.onKeyDown;
+		},
+		get onKeyUp() {
+			return ariaProps.onKeyUp;
+		},
+		get autoFocus() {
+			return ariaProps.autoFocus;
+		},
+		get "aria-label"() {
+			return ariaProps["aria-label"];
+		},
+		get "aria-labelledby"() {
+			return ariaProps["aria-labelledby"];
+		},
+		get "aria-describedby"() {
+			return ariaProps["aria-describedby"];
+		},
+		get "aria-details"() {
+			return ariaProps["aria-details"];
+		},
+		get "aria-current"() {
+			return ariaProps["aria-current"];
+		}
+	});
+	const isPressed = itemAria.isPressed;
+	const { isFocused, isFocusVisible, focusProps } = createFocusRing();
+	const { isHovered, hoverProps } = createHover({ get isDisabled() {
+		return isDisabled();
+	} });
+	const mergedItemProps = createMemo(() => mergeProps$1(itemAria.itemProps, focusProps, hoverProps));
+	const renderValues = createMemo(() => ({
+		isCurrent: isCurrent(),
+		isDisabled: isDisabled(),
+		isPressed: isPressed(),
+		isFocused: isFocused(),
+		isFocusVisible: isFocusVisible(),
+		isHovered: isHovered()
+	}));
+	const renderProps = useRenderProps({
+		get children() {
+			return props.children;
+		},
+		class: local.class,
+		style: local.style,
+		defaultClassName: "solidaria-BreadcrumbItem"
+	}, renderValues);
+	const mergedStyle = () => {
+		const userStyle = renderProps.style();
+		const baseStyle = {
+			display: "inline-flex",
+			"align-items": "center"
+		};
+		return userStyle ? {
+			...baseStyle,
+			...userStyle
+		} : baseStyle;
+	};
+	return <Dynamic component={elementType()} {...mergedItemProps()} ref={(element) => assignRef(local.ref, element)} aria-current={isCurrent() ? ariaProps["aria-current"] ?? "page" : void 0} aria-disabled={isDisabled() || isCurrent() || void 0} class={renderProps.class()} style={mergedStyle()} data-current={isCurrent() || void 0} data-disabled={isDisabled() || void 0} data-pressed={isPressed() || void 0} data-focused={isFocused() || void 0} data-focus-visible={isFocusVisible() || void 0} data-hovered={isHovered() || void 0}>
+      {renderProps.renderChildren()}
+    </Dynamic>;
+}
+Breadcrumbs.Item = BreadcrumbItem;
+//#endregion
+export { BreadcrumbItem, BreadcrumbItemContext, Breadcrumbs, BreadcrumbsContext };
+
+//# sourceMappingURL=Breadcrumbs.jsx.map

package/dist/Breadcrumbs.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.jsx","names":["resolveChildren","mergeProps"],"sources":["../src/Breadcrumbs.tsx"],"sourcesContent":["/**\n * Breadcrumbs component for solidaria-components\n *\n * A pre-wired headless breadcrumbs component that combines aria hooks.\n * Port of react-aria-components Breadcrumbs.\n */\n\nimport {\n  type Accessor,\n  type JSX,\n  createContext,\n  createMemo,\n  createSignal,\n  children as resolveChildren,\n  splitProps,\n  useContext,\n  For,\n  Show,\n} from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport {\n  createBreadcrumbs,\n  createBreadcrumbItem,\n  createFocusRing,\n  createHover,\n  mergeProps,\n  type AriaBreadcrumbsProps,\n  type AriaBreadcrumbItemProps,\n  type PressEvent,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n} from \"./utils\";\n\ntype RefLike<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(el);\n  } else {\n    ref.current = el;\n  }\n}\n\nexport interface BreadcrumbsRenderProps {\n  /** Whether the breadcrumbs are disabled. */\n  isDisabled: boolean;\n}\n\nexport interface BreadcrumbsProps<T> extends Omit<AriaBreadcrumbsProps, \"isDisabled\">, SlotProps {\n  /** The items to render in the breadcrumbs. */\n  items?: T[];\n  /** Function to get the key from an item. */\n  getKey?: (item: T) => string | number;\n  /** Whether the breadcrumbs are disabled. */\n  isDisabled?: boolean;\n  /** Handler called when a breadcrumb item is activated. */\n  onAction?: (key: string | number) => void;\n  /** The children of the component, or a render function for collection items. */\n  children?: JSX.Element | ((item: T) => JSX.Element);\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<BreadcrumbsRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<BreadcrumbsRenderProps>;\n  /** Ref for the navigation element. */\n  ref?: RefLike<HTMLElement>;\n}\n\nexport interface BreadcrumbItemRenderProps {\n  /** Whether this is the current/last item. */\n  isCurrent: boolean;\n  /** Whether the item is disabled. */\n  isDisabled: boolean;\n  /** Whether the item is pressed. */\n  isPressed: boolean;\n  /** Whether the item is focused. */\n  isFocused: boolean;\n  /** Whether the item has visible focus ring. */\n  isFocusVisible: boolean;\n  /** Whether the item is hovered. */\n  isHovered: boolean;\n}\n\nexport interface BreadcrumbItemProps\n  extends Omit<AriaBreadcrumbItemProps, \"isDisabled\">, SlotProps {\n  /** The children of the breadcrumb item. */\n  children?: RenderChildren<BreadcrumbItemRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<BreadcrumbItemRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<BreadcrumbItemRenderProps>;\n  /** Whether this item is disabled. */\n  isDisabled?: boolean;\n  /** Ref for the breadcrumb item element. */\n  ref?: RefLike<HTMLElement>;\n}\n\ninterface BreadcrumbsContextValue {\n  isDisabled: Accessor<boolean>;\n  onAction?: (key: string | number) => void;\n  registerStaticItem?: () => number;\n  staticItemCount?: Accessor<number>;\n  resetStaticItems?: () => void;\n  setStaticItemCount?: (count: number) => void;\n}\n\nexport const BreadcrumbsContext = createContext<BreadcrumbsContextValue | null>(null);\n\ninterface BreadcrumbItemContextValue {\n  itemKey: string | number | null;\n  isLast: Accessor<boolean>;\n}\n\nexport const BreadcrumbItemContext = createContext<BreadcrumbItemContextValue | null>(null);\n\nfunction defaultItemKey(item: unknown, index: number): string | number {\n  const maybeItem = item as { key?: string | number; id?: string | number };\n  return maybeItem.key ?? maybeItem.id ?? index;\n}\n\n/**\n * Breadcrumbs show hierarchy and navigational context for a user's location within an application.\n */\nexport function Breadcrumbs<T>(props: BreadcrumbsProps<T>): JSX.Element {\n  const [local, ariaProps, rest] = splitProps(\n    props,\n    [\"children\", \"class\", \"style\", \"slot\", \"items\", \"getKey\", \"isDisabled\", \"onAction\", \"ref\"],\n    [\"aria-label\", \"aria-labelledby\", \"aria-describedby\", \"aria-details\"],\n  );\n\n  const isDisabled = () => local.isDisabled ?? false;\n  const items = () => local.items ?? [];\n  const hasCollectionItems = () => local.items !== undefined;\n  const getItemKey = (item: T, index: number): string | number =>\n    local.getKey?.(item) ?? defaultItemKey(item, index);\n  const [staticItemCount, setStaticItemCount] = createSignal(0);\n  let nextStaticIndex = 0;\n  const resetStaticItems = () => {\n    nextStaticIndex = 0;\n    setStaticItemCount(0);\n  };\n  const registerStaticItem = () => {\n    const index = nextStaticIndex;\n    nextStaticIndex += 1;\n    return index;\n  };\n\n  const { navProps } = createBreadcrumbs({\n    get \"aria-label\"() {\n      return ariaProps[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return ariaProps[\"aria-labelledby\"];\n    },\n    get \"aria-describedby\"() {\n      return ariaProps[\"aria-describedby\"];\n    },\n    get isDisabled() {\n      return isDisabled();\n    },\n  });\n\n  const renderValues = createMemo<BreadcrumbsRenderProps>(() => ({\n    isDisabled: isDisabled(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Breadcrumbs\",\n    },\n    renderValues,\n  );\n\n  const domProps = createMemo(() =>\n    filterDOMProps(rest as Record<string, unknown>, { global: true }),\n  );\n  return (\n    <BreadcrumbsContext.Provider\n      value={{\n        isDisabled,\n        onAction: local.onAction,\n        registerStaticItem,\n        staticItemCount,\n        resetStaticItems,\n        setStaticItemCount,\n      }}\n    >\n      {/*\n        Faithful to react-aria-components Breadcrumbs: the accessible name (navProps'\n        aria-label) sits directly on the <ol> (role=\"list\"), with NO wrapping <nav>\n        landmark (react-spectrum/packages/react-aria-components/src/Breadcrumbs.tsx\n        renders `<dom.ol {...mergeProps(DOMProps, navProps)} style={props.style}>`).\n        The <ol> carries ONLY the consumer's class/style — no hard-coded inline\n        layout reset. An inline reset would beat the styled layer's class (inline\n        wins over class), which is exactly what broke S2 parity: the solid-spectrum\n        `wrapperStyles` class supplies display:flex / list-style:none / padding:0 /\n        marginStart and deliberately leaves align-items at its `normal` default, so\n        a hard-coded inline `align-items:center` + `margin:0` clobbered the\n        wrapper's margin and diverged from S2 (whose <ol> has neither).\n      */}\n      <ol\n        {...navProps}\n        {...domProps()}\n        ref={(element) => assignRef(local.ref, element)}\n        class={renderProps.class()}\n        style={renderProps.style()}\n        data-disabled={isDisabled() || undefined}\n      >\n        <Show\n          when={hasCollectionItems()}\n          fallback={\n            <StaticBreadcrumbItems>{local.children as JSX.Element}</StaticBreadcrumbItems>\n          }\n        >\n          <For each={items()}>\n            {(item, index) => {\n              const itemKey = getItemKey(item, index());\n              const isLast = () => index() === items().length - 1;\n              const renderItem = local.children as ((item: T) => JSX.Element) | undefined;\n\n              return (\n                <li style={{ display: \"flex\", \"align-items\": \"center\" }}>\n                  <BreadcrumbItemContext.Provider value={{ itemKey, isLast }}>\n                    {renderItem?.(item)}\n                  </BreadcrumbItemContext.Provider>\n                </li>\n              );\n            }}\n          </For>\n        </Show>\n      </ol>\n    </BreadcrumbsContext.Provider>\n  );\n}\n\nfunction StaticBreadcrumbItems(props: { children?: JSX.Element }): JSX.Element {\n  const context = useContext(BreadcrumbsContext);\n  const staticChildren = resolveChildren(() => props.children);\n  const childArray = createMemo(() => {\n    context?.resetStaticItems?.();\n    const array = staticChildren.toArray();\n    context?.setStaticItemCount?.(array.length);\n    return array;\n  });\n\n  return (\n    <For each={childArray()}>\n      {(child) => <li style={{ display: \"flex\", \"align-items\": \"center\" }}>{child}</li>}\n    </For>\n  );\n}\n\n/**\n * A BreadcrumbItem represents an individual breadcrumb in the navigation trail.\n */\nexport function BreadcrumbItem(props: BreadcrumbItemProps): JSX.Element {\n  const [local, ariaProps] = splitProps(props, [\"class\", \"style\", \"slot\", \"isDisabled\", \"ref\"]);\n\n  const context = useContext(BreadcrumbsContext);\n  const itemContext = useContext(BreadcrumbItemContext);\n  const staticIndex = itemContext ? null : context?.registerStaticItem?.();\n  const isDisabled = () => local.isDisabled ?? context?.isDisabled() ?? false;\n  const isCurrent = () =>\n    ariaProps.isCurrent ??\n    itemContext?.isLast() ??\n    (staticIndex !== null &&\n      staticIndex !== undefined &&\n      context?.staticItemCount !== undefined &&\n      staticIndex === context.staticItemCount() - 1);\n  const itemKey = () => itemContext?.itemKey ?? ariaProps.id ?? null;\n\n  // Mirror react-aria-components' Link: render an <a> only when there is an\n  // href on an enabled, non-current item; otherwise fall back to a <span\n  // role=\"link\"> (via createLink). A styled layer may force the element type\n  // (S2 renders the current item as a plain <div>), which takes precedence.\n  const elementType = () =>\n    ariaProps.elementType ?? (ariaProps.href && !isDisabled() && !isCurrent() ? \"a\" : \"span\");\n  // The current breadcrumb is the current page and is non-interactive: S2\n  // renders it as a plain element with no link role. createLink only omits\n  // role=\"link\" for an <a>, so treat the current item as an \"a\" purely for the\n  // role decision while still rendering the resolved element type above.\n  const linkElementType = () => (isCurrent() ? \"a\" : elementType());\n\n  const handlePress = (e: PressEvent) => {\n    ariaProps.onPress?.(e);\n    const key = itemKey();\n    if (key !== null && !isCurrent() && !isDisabled()) {\n      context?.onAction?.(key);\n    }\n  };\n\n  const itemAria = createBreadcrumbItem({\n    get id() {\n      return ariaProps.id;\n    },\n    get isCurrent() {\n      return isCurrent();\n    },\n    get isDisabled() {\n      return isDisabled();\n    },\n    get href() {\n      return ariaProps.href;\n    },\n    get target() {\n      return ariaProps.target;\n    },\n    get rel() {\n      return ariaProps.rel;\n    },\n    get elementType() {\n      return linkElementType();\n    },\n    get onPress() {\n      return handlePress;\n    },\n    get onPressStart() {\n      return ariaProps.onPressStart;\n    },\n    get onPressEnd() {\n      return ariaProps.onPressEnd;\n    },\n    get onClick() {\n      return ariaProps.onClick;\n    },\n    get onFocus() {\n      return ariaProps.onFocus;\n    },\n    get onBlur() {\n      return ariaProps.onBlur;\n    },\n    get onFocusChange() {\n      return ariaProps.onFocusChange;\n    },\n    get onKeyDown() {\n      return ariaProps.onKeyDown;\n    },\n    get onKeyUp() {\n      return ariaProps.onKeyUp;\n    },\n    get autoFocus() {\n      return ariaProps.autoFocus;\n    },\n    get \"aria-label\"() {\n      return ariaProps[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return ariaProps[\"aria-labelledby\"];\n    },\n    get \"aria-describedby\"() {\n      return ariaProps[\"aria-describedby\"];\n    },\n    get \"aria-details\"() {\n      return ariaProps[\"aria-details\"];\n    },\n    get \"aria-current\"() {\n      return ariaProps[\"aria-current\"];\n    },\n  });\n\n  const isPressed = itemAria.isPressed;\n  const { isFocused, isFocusVisible, focusProps } = createFocusRing();\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return isDisabled();\n    },\n  });\n  // Read itemAria.itemProps fresh inside the memo (do NOT destructure it above):\n  // the reactive getter re-runs createBreadcrumbItem → createLink each time this\n  // memo re-evaluates, so role/tabIndex track elementType once isCurrent settles.\n  const mergedItemProps = createMemo(() =>\n    mergeProps(\n      itemAria.itemProps as Record<string, unknown>,\n      focusProps as Record<string, unknown>,\n      hoverProps as Record<string, unknown>,\n    ),\n  );\n\n  const renderValues = createMemo<BreadcrumbItemRenderProps>(() => ({\n    isCurrent: isCurrent(),\n    isDisabled: isDisabled(),\n    isPressed: isPressed(),\n    isFocused: isFocused(),\n    isFocusVisible: isFocusVisible(),\n    isHovered: isHovered(),\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-BreadcrumbItem\",\n    },\n    renderValues,\n  );\n\n  const mergedStyle = () => {\n    const userStyle = renderProps.style();\n    const baseStyle = { display: \"inline-flex\", \"align-items\": \"center\" };\n    return userStyle ? { ...baseStyle, ...userStyle } : baseStyle;\n  };\n\n  return (\n    <Dynamic\n      component={elementType()}\n      {...mergedItemProps()}\n      ref={(element: HTMLElement) => assignRef(local.ref, element)}\n      aria-current={isCurrent() ? (ariaProps[\"aria-current\"] ?? \"page\") : undefined}\n      aria-disabled={isDisabled() || isCurrent() || undefined}\n      class={renderProps.class()}\n      style={mergedStyle()}\n      data-current={isCurrent() || undefined}\n      data-disabled={isDisabled() || undefined}\n      data-pressed={isPressed() || undefined}\n      data-focused={isFocused() || undefined}\n      data-focus-visible={isFocusVisible() || undefined}\n      data-hovered={isHovered() || undefined}\n    >\n      {renderProps.renderChildren()}\n    </Dynamic>\n  );\n}\n\nBreadcrumbs.Item = BreadcrumbItem;\n"],"mappings":"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"}

package/dist/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,KAAK,GAAG,EAOT,MAAM,UAAU,CAAC;AAClB,OAAO,EAOL,KAAK,eAAe,EACpB,KAAK,UAAU,EAEhB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,SAAS,EAGf,MAAM,SAAS,CAAC;AAIjB,KAAK,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,CAAA;CAAE,GAAG,SAAS,CAAC;AAmGzE,MAAM,WAAW,iBAAiB;IAChC,4DAA4D;IAC5D,SAAS,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,SAAS,EAAE,OAAO,CAAC;IACnB,qEAAqE;IACrE,SAAS,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,cAAc,EAAE,OAAO,CAAC;IACxB,sCAAsC;IACtC,UAAU,EAAE,OAAO,CAAC;IACpB,0DAA0D;IAC1D,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,EAAE,SAAS;IAC/E,yFAAyF;IACzF,QAAQ,CAAC,EAAE,cAAc,CAAC,iBAAiB,CAAC,CAAC;IAC7C,yCAAyC;IACzC,KAAK,CAAC,EAAE,mBAAmB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,wCAAwC;IACxC,KAAK,CAAC,EAAE,eAAe,CAAC,iBAAiB,CAAC,CAAC;IAC3C,oDAAoD;IACpD,MAAM,CAAC,EAAE,CACP,KAAK,EAAE,GAAG,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAClD,WAAW,EAAE,iBAAiB,KAC3B,GAAG,CAAC,OAAO,CAAC;IACjB,6CAA6C;IAC7C,GAAG,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACjC,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kGAAkG;IAClG,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,wCAAwC;IACxC,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACvC,sCAAsC;IACtC,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACrC,+CAA+C;IAC/C,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C;AAED,MAAM,WAAW,kBAAmB,SAAQ,WAAW;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;CACrC;AAED,eAAO,MAAM,aAAa,uDAAiD,CAAC;AAE5E;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAoUtD"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,KAAK,GAAG,EAOT,MAAM,UAAU,CAAC;AAClB,OAAO,EAOL,KAAK,eAAe,EACpB,KAAK,UAAU,EAEhB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,SAAS,EAGf,MAAM,SAAS,CAAC;AAUjB,KAAK,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,CAAA;CAAE,GAAG,SAAS,CAAC;AAmGzE,MAAM,WAAW,iBAAiB;IAChC,4DAA4D;IAC5D,SAAS,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,SAAS,EAAE,OAAO,CAAC;IACnB,qEAAqE;IACrE,SAAS,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,cAAc,EAAE,OAAO,CAAC;IACxB,sCAAsC;IACtC,UAAU,EAAE,OAAO,CAAC;IACpB,0DAA0D;IAC1D,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,EAAE,SAAS;IAC/E,yFAAyF;IACzF,QAAQ,CAAC,EAAE,cAAc,CAAC,iBAAiB,CAAC,CAAC;IAC7C,yCAAyC;IACzC,KAAK,CAAC,EAAE,mBAAmB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,wCAAwC;IACxC,KAAK,CAAC,EAAE,eAAe,CAAC,iBAAiB,CAAC,CAAC;IAC3C,oDAAoD;IACpD,MAAM,CAAC,EAAE,CACP,KAAK,EAAE,GAAG,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAClD,WAAW,EAAE,iBAAiB,KAC3B,GAAG,CAAC,OAAO,CAAC;IACjB,6CAA6C;IAC7C,GAAG,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACjC,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kGAAkG;IAClG,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,wCAAwC;IACxC,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACvC,sCAAsC;IACtC,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACrC,+CAA+C;IAC/C,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C;AAED,MAAM,WAAW,kBAAmB,SAAQ,WAAW;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;CACrC;AAED,eAAO,MAAM,aAAa,uDAAiD,CAAC;AAE5E;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAkVtD"}

package/dist/Button.js

@@ -0,0 +1,348 @@
+import { filterDOMProps, useRenderProps } from "./utils.js";
+import { r as PopoverTriggerContext, t as DialogTriggerContext } from "./contexts.js";
+import { ProgressBarContext } from "./ProgressBar.js";
+import { createComponent, effect, getNextElement, insert, mergeProps, runHydrationEvents, setAttribute, spread, template, use } from "solid-js/web";
+import { createContext, createEffect, createMemo, createSignal, splitProps, useContext } from "solid-js";
+import { announce, createButton, createFocusRing, createHover, createId, mergeProps as mergeProps$2 } from "@proyecto-viviana/solidaria";
+//#region src/Button.tsx
+/**
+* Button component for solidaria-components
+*
+* A pre-wired headless button that combines state + aria hooks.
+* Port of react-aria-components/src/Button.tsx
+*/
+var _tmpl$ = /*#__PURE__*/ template(`<button>`);
+const pendingPreservedEventPattern = /Focus|Blur|Hover|Pointer(Enter|Leave|Over|Out)|Mouse(Enter|Leave|Over|Out)/;
+function assignRef(ref, el) {
+	if (!ref) return;
+	if (typeof ref === "function") ref(el);
+	else ref.current = el;
+}
+function createLiveButtonRenderProps(values) {
+	return {
+		get isHovered() {
+			return values().isHovered;
+		},
+		get isPressed() {
+			return values().isPressed;
+		},
+		get isFocused() {
+			return values().isFocused;
+		},
+		get isFocusVisible() {
+			return values().isFocusVisible;
+		},
+		get isDisabled() {
+			return values().isDisabled;
+		},
+		get isPending() {
+			return values().isPending;
+		}
+	};
+}
+function createLiveCustomRootProps(getProps, getChildren, ref) {
+	const props = {};
+	const keys = new Set([
+		...Object.keys(getProps()),
+		"children",
+		"ref"
+	]);
+	for (const key of keys) Object.defineProperty(props, key, {
+		enumerable: true,
+		configurable: true,
+		get() {
+			if (key === "children") return getChildren();
+			if (key === "ref") return ref;
+			return getProps()[key];
+		}
+	});
+	return props;
+}
+const buttonAriaOverrideProps = [
+	"aria-label",
+	"aria-labelledby",
+	"aria-describedby",
+	"aria-details",
+	"aria-haspopup",
+	"aria-expanded",
+	"aria-controls",
+	"aria-pressed",
+	"aria-current",
+	"aria-disabled"
+];
+function createForwardedAriaButtonProps(source, overrides) {
+	const result = {};
+	for (const key in source) Object.defineProperty(result, key, {
+		enumerable: true,
+		configurable: true,
+		get() {
+			return source[key];
+		}
+	});
+	for (const key in overrides) {
+		const descriptor = Object.getOwnPropertyDescriptor(overrides, key);
+		if (!descriptor) continue;
+		Object.defineProperty(result, key, {
+			...descriptor,
+			enumerable: true,
+			configurable: true
+		});
+	}
+	return result;
+}
+const ButtonContext = createContext(null);
+/**
+* A button allows a user to perform an action.
+*
+* This is a headless component that provides accessibility and state management.
+* Style it using the render props pattern or data attributes.
+*
+* @example
+* ```tsx
+* <Button onPress={() => alert('Pressed!')}>
+*   {({ isPressed, isHovered }) => (
+*     <span class={isPressed ? 'bg-blue-700' : isHovered ? 'bg-blue-600' : 'bg-blue-500'}>
+*       Click me
+*     </span>
+*   )}
+* </Button>
+* ```
+*/
+function Button(props) {
+	const contextProps = useContext(ButtonContext);
+	const contextSlotProps = contextProps?.slots?.[props.slot ?? "default"];
+	const contextBaseProps = createMemo(() => {
+		if (!contextProps) return {};
+		const { slots: _slots, ...rest } = contextProps;
+		return rest;
+	});
+	const [local, ariaProps] = splitProps(contextProps ? mergeProps$2(contextBaseProps(), contextSlotProps ?? {}, props) : props, [
+		"children",
+		"class",
+		"style",
+		"render",
+		"ref",
+		"slot",
+		"isPending",
+		"isPendingFocusable",
+		"onHoverStart",
+		"onHoverEnd",
+		"onHoverChange"
+	]);
+	const dialogTriggerContext = useContext(DialogTriggerContext);
+	const popoverTriggerContext = useContext(PopoverTriggerContext);
+	const resolveDisabled = () => {
+		const disabled = ariaProps.isDisabled;
+		if (typeof disabled === "function") return disabled();
+		return !!disabled;
+	};
+	const resolvePending = () => !!local.isPending;
+	const isPendingFocusable = () => local.isPendingFocusable !== false;
+	const [resolvedButtonEl, setResolvedButtonEl] = createSignal(null);
+	const buttonId = createId(ariaProps.id);
+	const progressId = createId();
+	const isDialogTrigger = () => !!dialogTriggerContext && !!resolvedButtonEl() && dialogTriggerContext.triggerRef() === resolvedButtonEl();
+	const isPopoverTrigger = () => !!popoverTriggerContext && !!resolvedButtonEl() && popoverTriggerContext.triggerRef() === resolvedButtonEl();
+	const handlePress = (e) => {
+		if (resolvePending()) return;
+		if (typeof ariaProps.onPress === "function") ariaProps.onPress(e);
+		if (isDialogTrigger()) dialogTriggerContext.state.toggle();
+		if (isPopoverTrigger()) popoverTriggerContext.state.toggle();
+	};
+	const buttonAria = createButton(createForwardedAriaButtonProps(ariaProps, {
+		onPress: handlePress,
+		get onPressStart() {
+			return resolvePending() ? void 0 : ariaProps.onPressStart;
+		},
+		get onPressEnd() {
+			return resolvePending() ? void 0 : ariaProps.onPressEnd;
+		},
+		get onPressUp() {
+			return resolvePending() ? void 0 : ariaProps.onPressUp;
+		},
+		get onPressChange() {
+			return resolvePending() ? void 0 : ariaProps.onPressChange;
+		},
+		get onClick() {
+			return resolvePending() ? void 0 : ariaProps.onClick;
+		},
+		get isDisabled() {
+			return resolveDisabled();
+		}
+	}));
+	const { isFocused, isFocusVisible, focusProps } = createFocusRing();
+	const { isHovered, hoverProps } = createHover({
+		get isDisabled() {
+			return resolveDisabled() || resolvePending();
+		},
+		onHoverStart: local.onHoverStart,
+		onHoverEnd: local.onHoverEnd,
+		onHoverChange: local.onHoverChange
+	});
+	const renderValues = createMemo(() => ({
+		isHovered: isHovered(),
+		isPressed: buttonAria.isPressed() && !resolvePending(),
+		isFocused: isFocused(),
+		isFocusVisible: isFocusVisible(),
+		isDisabled: resolveDisabled(),
+		isPending: resolvePending()
+	}));
+	const renderProps = useRenderProps({
+		get children() {
+			return local.children;
+		},
+		class: local.class,
+		style: local.style,
+		defaultClassName: "solidaria-Button"
+	}, renderValues);
+	const domProps = createMemo(() => {
+		const filtered = filterDOMProps(ariaProps, { global: true });
+		delete filtered.onClick;
+		return filtered;
+	});
+	const buttonPropsRef = buttonAria.buttonProps.ref;
+	const focusPropsRef = focusProps.ref;
+	const hoverPropsRef = hoverProps.ref;
+	const cleanButtonProps = () => {
+		const { ref: _ref1, ...rest } = buttonAria.buttonProps;
+		return rest;
+	};
+	const cleanFocusProps = () => {
+		const { ref: _ref2, ...rest } = focusProps;
+		return rest;
+	};
+	const cleanHoverProps = () => {
+		const { ref: _ref3, ...rest } = hoverProps;
+		return rest;
+	};
+	const ariaLabelledBy = createMemo(() => {
+		const labelledBy = cleanButtonProps()["aria-labelledby"];
+		if (!resolvePending()) return labelledBy;
+		if (labelledBy) return `${labelledBy} ${progressId}`;
+		if (cleanButtonProps()["aria-label"]) return `${buttonId} ${progressId}`;
+		return labelledBy;
+	});
+	const handleRef = (el) => {
+		setResolvedButtonEl(el);
+		assignRef(local.ref, el);
+		buttonPropsRef?.(el);
+		focusPropsRef?.(el);
+		hoverPropsRef?.(el);
+		if (dialogTriggerContext?.setTriggerRef) {
+			if (!el.id) el.id = dialogTriggerContext.triggerId;
+			dialogTriggerContext.setTriggerRef(el);
+		}
+		if (popoverTriggerContext?.setTriggerRef) popoverTriggerContext.setTriggerRef(el);
+	};
+	const buttonType = () => buttonAria.buttonProps.type === "submit" && resolvePending() ? "button" : buttonAria.buttonProps.type;
+	const triggerAriaProps = () => {
+		const dialogTriggerProps = dialogTriggerContext?.triggerProps;
+		if (dialogTriggerProps && isDialogTrigger()) {
+			const next = {};
+			for (const name of [
+				"aria-haspopup",
+				"aria-expanded",
+				"aria-controls"
+			]) if (dialogTriggerProps[name] != null) next[name] = dialogTriggerProps[name];
+			return next;
+		}
+		const triggerProps = popoverTriggerContext?.triggerProps;
+		if (!triggerProps || !isPopoverTrigger()) return {};
+		const next = {};
+		for (const name of [
+			"aria-haspopup",
+			"aria-expanded",
+			"aria-controls"
+		]) if (triggerProps[name] != null) next[name] = triggerProps[name];
+		return next;
+	};
+	const directAriaProps = () => {
+		const next = {};
+		for (const name of buttonAriaOverrideProps) next[name] = ariaProps[name];
+		return next;
+	};
+	const disablePendingInteractions = (props) => {
+		if (!resolvePending()) return props;
+		const next = { ...props };
+		for (const key of Object.keys(next)) if (key.startsWith("on") && !pendingPreservedEventPattern.test(key)) next[key] = void 0;
+		next.href = void 0;
+		next.target = void 0;
+		return next;
+	};
+	const dataState = (value) => value ? "true" : void 0;
+	const buttonChildren = () => renderProps.renderChildren();
+	const buttonContent = () => createComponent(ProgressBarContext.Provider, {
+		value: { id: progressId },
+		get children() {
+			return buttonChildren();
+		}
+	});
+	let wasPending = resolvePending();
+	createEffect(() => {
+		const pending = resolvePending();
+		const message = { "aria-labelledby": ariaLabelledBy() || buttonId };
+		if (!wasPending && isFocused() && pending) announce(message, "assertive");
+		else if (wasPending && isFocused() && !pending) announce(message, "assertive");
+		wasPending = pending;
+	});
+	const rootProps = () => ({
+		...domProps(),
+		...disablePendingInteractions(cleanButtonProps()),
+		...directAriaProps(),
+		...triggerAriaProps(),
+		...cleanFocusProps(),
+		...cleanHoverProps(),
+		type: buttonType(),
+		id: buttonId,
+		class: renderProps.class(),
+		style: renderProps.style(),
+		slot: local.slot,
+		disabled: resolvePending() && isPendingFocusable() ? void 0 : cleanButtonProps().disabled,
+		"aria-labelledby": ariaLabelledBy(),
+		"aria-disabled": resolvePending() ? "true" : cleanButtonProps()["aria-disabled"] ?? ariaProps["aria-disabled"],
+		"data-pressed": dataState(buttonAria.isPressed() && !resolvePending()),
+		"data-hovered": dataState(isHovered()),
+		"data-focused": dataState(isFocused()),
+		"data-focus-visible": dataState(isFocusVisible()),
+		"data-disabled": dataState(resolveDisabled()),
+		"data-pending": dataState(resolvePending())
+	});
+	const customRootProps = createLiveCustomRootProps(rootProps, buttonContent, handleRef);
+	const customRenderValues = createLiveButtonRenderProps(renderValues);
+	return local.render ? local.render(customRootProps, customRenderValues) : (() => {
+		var _el$ = getNextElement(_tmpl$);
+		use(handleRef, _el$);
+		spread(_el$, mergeProps(rootProps, {
+			get ["class"]() {
+				return renderProps.class();
+			},
+			get style() {
+				return renderProps.style();
+			}
+		}), false, true);
+		insert(_el$, buttonContent);
+		effect((_p$) => {
+			var _v$ = rootProps()["data-pressed"], _v$2 = rootProps()["data-hovered"], _v$3 = rootProps()["data-focused"], _v$4 = rootProps()["data-focus-visible"], _v$5 = rootProps()["data-disabled"], _v$6 = rootProps()["data-pending"];
+			_v$ !== _p$.e && setAttribute(_el$, "data-pressed", _p$.e = _v$);
+			_v$2 !== _p$.t && setAttribute(_el$, "data-hovered", _p$.t = _v$2);
+			_v$3 !== _p$.a && setAttribute(_el$, "data-focused", _p$.a = _v$3);
+			_v$4 !== _p$.o && setAttribute(_el$, "data-focus-visible", _p$.o = _v$4);
+			_v$5 !== _p$.i && setAttribute(_el$, "data-disabled", _p$.i = _v$5);
+			_v$6 !== _p$.n && setAttribute(_el$, "data-pending", _p$.n = _v$6);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0,
+			i: void 0,
+			n: void 0
+		});
+		runHydrationEvents();
+		return _el$;
+	})();
+}
+//#endregion
+export { Button, ButtonContext };
+
+//# sourceMappingURL=Button.js.map