@proyecto-viviana/solidaria-components 0.3.2 → 0.4.0

package/dist/ToggleButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButton.js","names":["JSX","createContext","createMemo","splitProps","useContext","createToggleButton","createToggleButtonGroupItem","createFocusRing","createHover","mergeProps","AriaToggleButtonProps","Key","RenderChildren","ClassNameOrFunction","StyleOrFunction","SlotProps","useRenderProps","filterDOMProps","useToggleButtonGroupStateContext","RefLike","el","T","current","assignRef","ref","ToggleButtonRenderProps","isHovered","isPressed","isFocused","isFocusVisible","isDisabled","isSelected","ToggleButtonProps","Omit","toggleKey","id","children","class","style","HTMLButtonElement","ToggleButtonContext","resolveDisabledValue","ToggleButton","props","Element","contextProps","mergedProps","local","ariaProps","groupState","groupKey","standaloneAriaProps","toggleAria","focusProps","hoverProps","renderValues","renderProps","defaultClassName","domProps","filtered","global","Record","onClick","cleanButtonProps","_ref1","rest","buttonProps","cleanFocusProps","_ref2","cleanHoverProps","_ref3","_el$","_$getNextElement","_tmpl$","_$use","_$spread","_$mergeProps","slot","data-pressed","undefined","data-hovered","data-focused","data-focus-visible","data-disabled","data-selected","_$insert","renderChildren","_$runHydrationEvents"],"sources":["../src/ToggleButton.tsx"],"sourcesContent":["/**\n * ToggleButton component for solidaria-components\n *\n * A pre-wired headless toggle button that combines pressed + selected state.\n * Port direction: react-aria-components/src/ToggleButton.tsx\n */\n\nimport { type JSX, createContext, createMemo, splitProps, useContext } from \"solid-js\";\nimport {\n  createToggleButton,\n  createToggleButtonGroupItem,\n  createFocusRing,\n  createHover,\n  mergeProps,\n  type AriaToggleButtonProps,\n} from \"@proyecto-viviana/solidaria\";\nimport type { Key } from \"@proyecto-viviana/solid-stately\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n} from \"./utils\";\nimport { useToggleButtonGroupStateContext } from \"./ToggleButtonGroup\";\n\ntype RefLike<T> = ((el: T) => void) | { current?: T | null } | undefined;\n\nfunction assignRef<T>(ref: RefLike<T>, el: T): void {\n  if (!ref) return;\n  if (typeof ref === \"function\") {\n    ref(el);\n  } else {\n    ref.current = el;\n  }\n}\n\nexport interface ToggleButtonRenderProps {\n  isHovered: boolean;\n  isPressed: boolean;\n  isFocused: boolean;\n  isFocusVisible: boolean;\n  isDisabled: boolean;\n  isSelected: boolean;\n}\n\nexport interface ToggleButtonProps extends Omit<AriaToggleButtonProps, \"children\">, SlotProps {\n  /** Key used when inside ToggleButtonGroup selection state. */\n  toggleKey?: Key;\n  /** Preferred group key prop, parity with RAC item id usage. */\n  id?: Key;\n  children?: RenderChildren<ToggleButtonRenderProps>;\n  class?: ClassNameOrFunction<ToggleButtonRenderProps>;\n  style?: StyleOrFunction<ToggleButtonRenderProps>;\n  /** Ref for the underlying button element. */\n  ref?: RefLike<HTMLButtonElement>;\n}\n\nexport const ToggleButtonContext = createContext<ToggleButtonProps | null>(null);\n\nfunction resolveDisabledValue(isDisabled: AriaToggleButtonProps[\"isDisabled\"]): boolean {\n  if (typeof isDisabled === \"function\") {\n    return isDisabled();\n  }\n  return !!isDisabled;\n}\n\nexport function ToggleButton(props: ToggleButtonProps): JSX.Element {\n  const contextProps = useContext(ToggleButtonContext);\n  const mergedProps = (contextProps ? mergeProps(contextProps, props) : props) as ToggleButtonProps;\n\n  const [local, ariaProps] = splitProps(mergedProps, [\n    \"children\",\n    \"class\",\n    \"style\",\n    \"ref\",\n    \"slot\",\n    \"toggleKey\",\n    \"id\",\n  ]);\n  const groupState = useToggleButtonGroupStateContext();\n  const groupKey = local.id ?? local.toggleKey;\n  const standaloneAriaProps = mergeProps<AriaToggleButtonProps>(ariaProps, {\n    get id() {\n      return local.id;\n    },\n  });\n\n  const toggleAria =\n    groupState && groupKey != null\n      ? createToggleButtonGroupItem(\n          {\n            ...ariaProps,\n            id: groupKey,\n          },\n          groupState,\n        )\n      : createToggleButton(standaloneAriaProps);\n\n  const isDisabled = () => resolveDisabledValue(ariaProps.isDisabled) || !!groupState?.isDisabled;\n\n  const { isFocused, isFocusVisible, focusProps } = createFocusRing();\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return isDisabled();\n    },\n  });\n\n  const renderValues = createMemo<ToggleButtonRenderProps>(() => ({\n    isHovered: isHovered(),\n    isPressed: toggleAria.isPressed(),\n    isFocused: isFocused(),\n    isFocusVisible: isFocusVisible(),\n    isDisabled: isDisabled(),\n    isSelected: toggleAria.isSelected(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return local.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-ToggleButton\",\n    },\n    renderValues,\n  );\n\n  const domProps = createMemo(() => {\n    const filtered = filterDOMProps(ariaProps, { global: true });\n    delete (filtered as Record<string, unknown>).onClick;\n    delete (filtered as Record<string, unknown>).id;\n    return filtered;\n  });\n\n  const cleanButtonProps = () => {\n    const { ref: _ref1, ...rest } = toggleAria.buttonProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanFocusProps = () => {\n    const { ref: _ref2, ...rest } = focusProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanHoverProps = () => {\n    const { ref: _ref3, ...rest } = hoverProps as Record<string, unknown>;\n    return rest;\n  };\n\n  return (\n    <button\n      {...domProps()}\n      {...cleanButtonProps()}\n      {...cleanFocusProps()}\n      {...cleanHoverProps()}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      ref={(el) => assignRef(local.ref, el)}\n      slot={local.slot}\n      data-pressed={toggleAria.isPressed() || undefined}\n      data-hovered={isHovered() || undefined}\n      data-focused={isFocused() || undefined}\n      data-focus-visible={isFocusVisible() || undefined}\n      data-disabled={isDisabled() || undefined}\n      data-selected={toggleAria.isSelected() || undefined}\n    >\n      {renderProps.renderChildren()}\n    </button>\n  );\n}\n"],"mappings":"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"}

package/dist/ToggleButton.jsx

@@ -0,0 +1,88 @@
+import { filterDOMProps, useRenderProps } from "./utils.jsx";
+import { useToggleButtonGroupStateContext } from "./ToggleButtonGroup.jsx";
+import { createContext, createMemo, splitProps, useContext } from "solid-js";
+import { createFocusRing, createHover, createToggleButton, createToggleButtonGroupItem, mergeProps as mergeProps$1 } from "@proyecto-viviana/solidaria";
+//#region src/ToggleButton.tsx
+/**
+* ToggleButton component for solidaria-components
+*
+* A pre-wired headless toggle button that combines pressed + selected state.
+* Port direction: react-aria-components/src/ToggleButton.tsx
+*/
+function assignRef(ref, el) {
+	if (!ref) return;
+	if (typeof ref === "function") ref(el);
+	else ref.current = el;
+}
+const ToggleButtonContext = createContext(null);
+function resolveDisabledValue(isDisabled) {
+	if (typeof isDisabled === "function") return isDisabled();
+	return !!isDisabled;
+}
+function ToggleButton(props) {
+	const contextProps = useContext(ToggleButtonContext);
+	const [local, ariaProps] = splitProps(contextProps ? mergeProps$1(contextProps, props) : props, [
+		"children",
+		"class",
+		"style",
+		"ref",
+		"slot",
+		"toggleKey",
+		"id"
+	]);
+	const groupState = useToggleButtonGroupStateContext();
+	const groupKey = local.id ?? local.toggleKey;
+	const standaloneAriaProps = mergeProps$1(ariaProps, { get id() {
+		return local.id;
+	} });
+	const toggleAria = groupState && groupKey != null ? createToggleButtonGroupItem({
+		...ariaProps,
+		id: groupKey
+	}, groupState) : createToggleButton(standaloneAriaProps);
+	const isDisabled = () => resolveDisabledValue(ariaProps.isDisabled) || !!groupState?.isDisabled;
+	const { isFocused, isFocusVisible, focusProps } = createFocusRing();
+	const { isHovered, hoverProps } = createHover({ get isDisabled() {
+		return isDisabled();
+	} });
+	const renderValues = createMemo(() => ({
+		isHovered: isHovered(),
+		isPressed: toggleAria.isPressed(),
+		isFocused: isFocused(),
+		isFocusVisible: isFocusVisible(),
+		isDisabled: isDisabled(),
+		isSelected: toggleAria.isSelected()
+	}));
+	const renderProps = useRenderProps({
+		get children() {
+			return local.children;
+		},
+		class: local.class,
+		style: local.style,
+		defaultClassName: "solidaria-ToggleButton"
+	}, renderValues);
+	const domProps = createMemo(() => {
+		const filtered = filterDOMProps(ariaProps, { global: true });
+		delete filtered.onClick;
+		delete filtered.id;
+		return filtered;
+	});
+	const cleanButtonProps = () => {
+		const { ref: _ref1, ...rest } = toggleAria.buttonProps;
+		return rest;
+	};
+	const cleanFocusProps = () => {
+		const { ref: _ref2, ...rest } = focusProps;
+		return rest;
+	};
+	const cleanHoverProps = () => {
+		const { ref: _ref3, ...rest } = hoverProps;
+		return rest;
+	};
+	return <button {...domProps()} {...cleanButtonProps()} {...cleanFocusProps()} {...cleanHoverProps()} class={renderProps.class()} style={renderProps.style()} ref={(el) => assignRef(local.ref, el)} slot={local.slot} data-pressed={toggleAria.isPressed() || void 0} data-hovered={isHovered() || void 0} data-focused={isFocused() || void 0} data-focus-visible={isFocusVisible() || void 0} data-disabled={isDisabled() || void 0} data-selected={toggleAria.isSelected() || void 0}>
+      {renderProps.renderChildren()}
+    </button>;
+}
+//#endregion
+export { ToggleButton, ToggleButtonContext };
+
+//# sourceMappingURL=ToggleButton.jsx.map

package/dist/ToggleButton.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButton.jsx","names":["mergeProps"],"sources":["../src/ToggleButton.tsx"],"sourcesContent":["/**\n * ToggleButton component for solidaria-components\n *\n * A pre-wired headless toggle button that combines pressed + selected state.\n * Port direction: react-aria-components/src/ToggleButton.tsx\n */\n\nimport { type JSX, createContext, createMemo, splitProps, useContext } from \"solid-js\";\nimport {\n  createToggleButton,\n  createToggleButtonGroupItem,\n  createFocusRing,\n  createHover,\n  mergeProps,\n  type AriaToggleButtonProps,\n} from \"@proyecto-viviana/solidaria\";\nimport type { Key } from \"@proyecto-viviana/solid-stately\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n} from \"./utils\";\nimport { useToggleButtonGroupStateContext } from \"./ToggleButtonGroup\";\n\ntype RefLike<T> = ((el: T) => void) | { current?: T | null } | undefined;\n\nfunction assignRef<T>(ref: RefLike<T>, el: T): void {\n  if (!ref) return;\n  if (typeof ref === \"function\") {\n    ref(el);\n  } else {\n    ref.current = el;\n  }\n}\n\nexport interface ToggleButtonRenderProps {\n  isHovered: boolean;\n  isPressed: boolean;\n  isFocused: boolean;\n  isFocusVisible: boolean;\n  isDisabled: boolean;\n  isSelected: boolean;\n}\n\nexport interface ToggleButtonProps extends Omit<AriaToggleButtonProps, \"children\">, SlotProps {\n  /** Key used when inside ToggleButtonGroup selection state. */\n  toggleKey?: Key;\n  /** Preferred group key prop, parity with RAC item id usage. */\n  id?: Key;\n  children?: RenderChildren<ToggleButtonRenderProps>;\n  class?: ClassNameOrFunction<ToggleButtonRenderProps>;\n  style?: StyleOrFunction<ToggleButtonRenderProps>;\n  /** Ref for the underlying button element. */\n  ref?: RefLike<HTMLButtonElement>;\n}\n\nexport const ToggleButtonContext = createContext<ToggleButtonProps | null>(null);\n\nfunction resolveDisabledValue(isDisabled: AriaToggleButtonProps[\"isDisabled\"]): boolean {\n  if (typeof isDisabled === \"function\") {\n    return isDisabled();\n  }\n  return !!isDisabled;\n}\n\nexport function ToggleButton(props: ToggleButtonProps): JSX.Element {\n  const contextProps = useContext(ToggleButtonContext);\n  const mergedProps = (contextProps ? mergeProps(contextProps, props) : props) as ToggleButtonProps;\n\n  const [local, ariaProps] = splitProps(mergedProps, [\n    \"children\",\n    \"class\",\n    \"style\",\n    \"ref\",\n    \"slot\",\n    \"toggleKey\",\n    \"id\",\n  ]);\n  const groupState = useToggleButtonGroupStateContext();\n  const groupKey = local.id ?? local.toggleKey;\n  const standaloneAriaProps = mergeProps<AriaToggleButtonProps>(ariaProps, {\n    get id() {\n      return local.id;\n    },\n  });\n\n  const toggleAria =\n    groupState && groupKey != null\n      ? createToggleButtonGroupItem(\n          {\n            ...ariaProps,\n            id: groupKey,\n          },\n          groupState,\n        )\n      : createToggleButton(standaloneAriaProps);\n\n  const isDisabled = () => resolveDisabledValue(ariaProps.isDisabled) || !!groupState?.isDisabled;\n\n  const { isFocused, isFocusVisible, focusProps } = createFocusRing();\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return isDisabled();\n    },\n  });\n\n  const renderValues = createMemo<ToggleButtonRenderProps>(() => ({\n    isHovered: isHovered(),\n    isPressed: toggleAria.isPressed(),\n    isFocused: isFocused(),\n    isFocusVisible: isFocusVisible(),\n    isDisabled: isDisabled(),\n    isSelected: toggleAria.isSelected(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return local.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-ToggleButton\",\n    },\n    renderValues,\n  );\n\n  const domProps = createMemo(() => {\n    const filtered = filterDOMProps(ariaProps, { global: true });\n    delete (filtered as Record<string, unknown>).onClick;\n    delete (filtered as Record<string, unknown>).id;\n    return filtered;\n  });\n\n  const cleanButtonProps = () => {\n    const { ref: _ref1, ...rest } = toggleAria.buttonProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanFocusProps = () => {\n    const { ref: _ref2, ...rest } = focusProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanHoverProps = () => {\n    const { ref: _ref3, ...rest } = hoverProps as Record<string, unknown>;\n    return rest;\n  };\n\n  return (\n    <button\n      {...domProps()}\n      {...cleanButtonProps()}\n      {...cleanFocusProps()}\n      {...cleanHoverProps()}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      ref={(el) => assignRef(local.ref, el)}\n      slot={local.slot}\n      data-pressed={toggleAria.isPressed() || undefined}\n      data-hovered={isHovered() || undefined}\n      data-focused={isFocused() || undefined}\n      data-focus-visible={isFocusVisible() || undefined}\n      data-disabled={isDisabled() || undefined}\n      data-selected={toggleAria.isSelected() || undefined}\n    >\n      {renderProps.renderChildren()}\n    </button>\n  );\n}\n"],"mappings":";;;;;;;;;;;AA6BA,SAAS,UAAa,KAAiB,IAAa;CAClD,IAAI,CAAC,KAAK;CACV,IAAI,OAAO,QAAQ,YACjB,IAAI,EAAE;MAEN,IAAI,UAAU;AAElB;AAuBA,MAAa,sBAAsB,cAAwC,IAAI;AAE/E,SAAS,qBAAqB,YAA0D;CACtF,IAAI,OAAO,eAAe,YACxB,OAAO,WAAW;CAEpB,OAAO,CAAC,CAAC;AACX;AAEA,SAAgB,aAAa,OAAuC;CAClE,MAAM,eAAe,WAAW,mBAAmB;CAGnD,MAAM,CAAC,OAAO,aAAa,WAFN,eAAeA,aAAW,cAAc,KAAK,IAAI,OAEnB;EACjD;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CACD,MAAM,aAAa,iCAAiC;CACpD,MAAM,WAAW,MAAM,MAAM,MAAM;CACnC,MAAM,sBAAsBA,aAAkC,WAAW,EACvE,IAAI,KAAK;EACP,OAAO,MAAM;CACf,EACF,CAAC;CAED,MAAM,aACJ,cAAc,YAAY,OACtB,4BACE;EACE,GAAG;EACH,IAAI;CACN,GACA,UACF,IACA,mBAAmB,mBAAmB;CAE5C,MAAM,mBAAmB,qBAAqB,UAAU,UAAU,KAAK,CAAC,CAAC,YAAY;CAErF,MAAM,EAAE,WAAW,gBAAgB,eAAe,gBAAgB;CAClE,MAAM,EAAE,WAAW,eAAe,YAAY,EAC5C,IAAI,aAAa;EACf,OAAO,WAAW;CACpB,EACF,CAAC;CAED,MAAM,eAAe,kBAA2C;EAC9D,WAAW,UAAU;EACrB,WAAW,WAAW,UAAU;EAChC,WAAW,UAAU;EACrB,gBAAgB,eAAe;EAC/B,YAAY,WAAW;EACvB,YAAY,WAAW,WAAW;CACpC,EAAE;CAEF,MAAM,cAAc,eAClB;EACE,IAAI,WAAW;GACb,OAAO,MAAM;EACf;EACA,OAAO,MAAM;EACb,OAAO,MAAM;EACb,kBAAkB;CACpB,GACA,YACF;CAEA,MAAM,WAAW,iBAAiB;EAChC,MAAM,WAAW,eAAe,WAAW,EAAE,QAAQ,KAAK,CAAC;EAC3D,OAAQ,SAAqC;EAC7C,OAAQ,SAAqC;EAC7C,OAAO;CACT,CAAC;CAED,MAAM,yBAAyB;EAC7B,MAAM,EAAE,KAAK,OAAO,GAAG,SAAS,WAAW;EAC3C,OAAO;CACT;CACA,MAAM,wBAAwB;EAC5B,MAAM,EAAE,KAAK,OAAO,GAAG,SAAS;EAChC,OAAO;CACT;CACA,MAAM,wBAAwB;EAC5B,MAAM,EAAE,KAAK,OAAO,GAAG,SAAS;EAChC,OAAO;CACT;CAEA,OACE,CAAC,WACK,SAAS,OACT,iBAAiB,OACjB,gBAAgB,OAChB,gBAAgB,GACpB,OAAO,YAAY,MAAM,GACzB,OAAO,YAAY,MAAM,GACzB,MAAM,OAAO,UAAU,MAAM,KAAK,EAAE,GACpC,MAAM,MAAM,MACZ,cAAc,WAAW,UAAU,KAAK,KAAA,GACxC,cAAc,UAAU,KAAK,KAAA,GAC7B,cAAc,UAAU,KAAK,KAAA,GAC7B,oBAAoB,eAAe,KAAK,KAAA,GACxC,eAAe,WAAW,KAAK,KAAA,GAC/B,eAAe,WAAW,WAAW,KAAK,KAAA,GAC3C;OACE,YAAY,eAAe,EAAE;IAChC,EAAE;AAEN"}

package/dist/ToggleButtonGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButtonGroup.d.ts","sourceRoot":"","sources":["../src/ToggleButtonGroup.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAqD,MAAM,UAAU,CAAC;AAEvF,OAAO,EAEL,KAAK,GAAG,EACR,KAAK,gBAAgB,EACtB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACL,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,SAAS,EAGf,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,4BAA4B;IAC3C,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;IACvC,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,gBAAgB,CAAC;CACzB;AAED,MAAM,WAAW,sBACf,SACE,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,mBAAmB,CAAC,EAC9F,SAAS;IACX,aAAa,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IACtC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,YAAY,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC7B,mBAAmB,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IACpC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IAC7C,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,cAAc,CAAC,4BAA4B,CAAC,CAAC;IACxD,KAAK,CAAC,EAAE,mBAAmB,CAAC,4BAA4B,CAAC,CAAC;IAC1D,KAAK,CAAC,EAAE,eAAe,CAAC,4BAA4B,CAAC,CAAC;CACvD;AAED,eAAO,MAAM,wBAAwB,2DAAqD,CAAC;AAC3F,eAAO,MAAM,6BAA6B,qDAA+C,CAAC;AAC1F,eAAO,MAAM,uBAAuB,qDAAgC,CAAC;AACrE,MAAM,MAAM,kCAAkC,GAAG,gBAAgB,CAAC;AAElE,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CAsF5E;AAED,wBAAgB,gCAAgC,IAAI,gBAAgB,GAAG,IAAI,CAE1E"}
+{"version":3,"file":"ToggleButtonGroup.d.ts","sourceRoot":"","sources":["../src/ToggleButtonGroup.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAqD,MAAM,UAAU,CAAC;AAEvF,OAAO,EAEL,KAAK,GAAG,EACR,KAAK,gBAAgB,EACtB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACL,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,SAAS,EAGf,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,4BAA4B;IAC3C,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;IACvC,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,gBAAgB,CAAC;CACzB;AAED,MAAM,WAAW,sBACf,SACE,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,mBAAmB,CAAC,EAC9F,SAAS;IACX,aAAa,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IACtC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,YAAY,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC7B,mBAAmB,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IACpC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IAC7C,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,cAAc,CAAC,4BAA4B,CAAC,CAAC;IACxD,KAAK,CAAC,EAAE,mBAAmB,CAAC,4BAA4B,CAAC,CAAC;IAC1D,KAAK,CAAC,EAAE,eAAe,CAAC,4BAA4B,CAAC,CAAC;CACvD;AAED,eAAO,MAAM,wBAAwB,2DAAqD,CAAC;AAC3F,eAAO,MAAM,6BAA6B,qDAA+C,CAAC;AAC1F,eAAO,MAAM,uBAAuB,qDAAgC,CAAC;AACrE,MAAM,MAAM,kCAAkC,GAAG,gBAAgB,CAAC;AAElE,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CAwF5E;AAED,wBAAgB,gCAAgC,IAAI,gBAAgB,GAAG,IAAI,CAE1E"}

package/dist/ToggleButtonGroup.js

@@ -0,0 +1,114 @@
+import { filterDOMProps, useRenderProps } from "./utils.js";
+import { createComponent, getNextElement, insert, mergeProps, runHydrationEvents, spread, template, use } from "solid-js/web";
+import { createContext, createMemo, splitProps, useContext } from "solid-js";
+import { createToggleButtonGroup, mergeProps as mergeProps$2 } from "@proyecto-viviana/solidaria";
+import { createToggleGroupState } from "@proyecto-viviana/solid-stately";
+//#region src/ToggleButtonGroup.tsx
+/**
+* ToggleButtonGroup component for solidaria-components.
+*
+* Groups toggle buttons with single/multiple selection state.
+* Parity target: react-aria-components/src/ToggleButtonGroup.tsx
+*/
+var _tmpl$ = /*#__PURE__*/ template(`<div>`);
+const ToggleButtonGroupContext = createContext(null);
+const ToggleButtonGroupStateContext = createContext(null);
+const ToggleGroupStateContext = ToggleButtonGroupStateContext;
+function ToggleButtonGroup(props) {
+	const [local, domProps] = splitProps(props, [
+		"selectionMode",
+		"disallowEmptySelection",
+		"selectedKeys",
+		"defaultSelectedKeys",
+		"onSelectionChange",
+		"orientation",
+		"isDisabled",
+		"children",
+		"class",
+		"style",
+		"ref",
+		"slot",
+		"aria-label",
+		"aria-labelledby"
+	]);
+	const state = createToggleGroupState(() => ({
+		selectionMode: local.selectionMode,
+		disallowEmptySelection: local.disallowEmptySelection,
+		selectedKeys: local.selectedKeys,
+		defaultSelectedKeys: local.defaultSelectedKeys,
+		onSelectionChange: local.onSelectionChange,
+		isDisabled: !!local.isDisabled
+	}));
+	const { groupProps } = createToggleButtonGroup({
+		get orientation() {
+			return local.orientation;
+		},
+		get isDisabled() {
+			return !!local.isDisabled;
+		},
+		get "aria-label"() {
+			return local["aria-label"];
+		},
+		get "aria-labelledby"() {
+			return local["aria-labelledby"];
+		}
+	}, state);
+	const renderProps = useRenderProps({
+		get children() {
+			return local.children;
+		},
+		class: local.class,
+		style: local.style,
+		defaultClassName: "solidaria-ToggleButtonGroup"
+	}, () => ({
+		orientation: local.orientation ?? "horizontal",
+		isDisabled: !!local.isDisabled,
+		state
+	}));
+	const filteredDomProps = createMemo(() => filterDOMProps(domProps, { global: true }));
+	const mergedGroupProps = createMemo(() => mergeProps$2(filteredDomProps(), groupProps));
+	return (() => {
+		var _el$ = getNextElement(_tmpl$);
+		use((el) => {
+			if (!local.ref) return;
+			if (typeof local.ref === "function") local.ref(el);
+		}, _el$);
+		spread(_el$, mergeProps(() => mergedGroupProps(), {
+			get ["class"]() {
+				return renderProps.class();
+			},
+			get style() {
+				return renderProps.style();
+			},
+			get slot() {
+				return local.slot;
+			},
+			get ["data-orientation"]() {
+				return local.orientation ?? "horizontal";
+			},
+			get ["data-disabled"]() {
+				return local.isDisabled || void 0;
+			}
+		}), false, true);
+		insert(_el$, createComponent(ToggleButtonGroupContext.Provider, {
+			value: props,
+			get children() {
+				return createComponent(ToggleButtonGroupStateContext.Provider, {
+					value: state,
+					get children() {
+						return renderProps.renderChildren();
+					}
+				});
+			}
+		}));
+		runHydrationEvents();
+		return _el$;
+	})();
+}
+function useToggleButtonGroupStateContext() {
+	return useContext(ToggleButtonGroupStateContext);
+}
+//#endregion
+export { ToggleButtonGroup, ToggleButtonGroupContext, ToggleButtonGroupStateContext, ToggleGroupStateContext, useToggleButtonGroupStateContext };
+
+//# sourceMappingURL=ToggleButtonGroup.js.map

package/dist/ToggleButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtonGroup.js","names":["JSX","createContext","createMemo","splitProps","useContext","createToggleButtonGroup","mergeProps","createToggleGroupState","Key","ToggleGroupState","ClassNameOrFunction","StyleOrFunction","RenderChildren","SlotProps","useRenderProps","filterDOMProps","ToggleButtonGroupRenderProps","orientation","isDisabled","state","ToggleButtonGroupProps","Omit","HTMLAttributes","HTMLDivElement","selectionMode","disallowEmptySelection","selectedKeys","Iterable","defaultSelectedKeys","onSelectionChange","keys","Set","children","class","style","ToggleButtonGroupContext","ToggleButtonGroupStateContext","ToggleGroupStateContext","ToggleButtonGroupStateContextValue","ToggleButtonGroup","props","Element","local","domProps","groupProps","aria-label","aria-labelledby","renderProps","defaultClassName","filteredDomProps","global","mergedGroupProps","Record","_el$","_$getNextElement","_tmpl$","_$use","el","ref","_$spread","_$mergeProps","slot","data-orientation","data-disabled","undefined","_$insert","_$createComponent","Provider","value","renderChildren","_$runHydrationEvents","useToggleButtonGroupStateContext"],"sources":["../src/ToggleButtonGroup.tsx"],"sourcesContent":["/**\n * ToggleButtonGroup component for solidaria-components.\n *\n * Groups toggle buttons with single/multiple selection state.\n * Parity target: react-aria-components/src/ToggleButtonGroup.tsx\n */\n\nimport { type JSX, createContext, createMemo, splitProps, useContext } from \"solid-js\";\nimport { createToggleButtonGroup, mergeProps } from \"@proyecto-viviana/solidaria\";\nimport {\n  createToggleGroupState,\n  type Key,\n  type ToggleGroupState,\n} from \"@proyecto-viviana/solid-stately\";\nimport {\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type RenderChildren,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n} from \"./utils\";\n\nexport interface ToggleButtonGroupRenderProps {\n  orientation: \"horizontal\" | \"vertical\";\n  isDisabled: boolean;\n  state: ToggleGroupState;\n}\n\nexport interface ToggleButtonGroupProps\n  extends\n    Omit<JSX.HTMLAttributes<HTMLDivElement>, \"children\" | \"class\" | \"style\" | \"onSelectionChange\">,\n    SlotProps {\n  selectionMode?: \"single\" | \"multiple\";\n  disallowEmptySelection?: boolean;\n  selectedKeys?: Iterable<Key>;\n  defaultSelectedKeys?: Iterable<Key>;\n  onSelectionChange?: (keys: Set<Key>) => void;\n  orientation?: \"horizontal\" | \"vertical\";\n  isDisabled?: boolean;\n  children?: RenderChildren<ToggleButtonGroupRenderProps>;\n  class?: ClassNameOrFunction<ToggleButtonGroupRenderProps>;\n  style?: StyleOrFunction<ToggleButtonGroupRenderProps>;\n}\n\nexport const ToggleButtonGroupContext = createContext<ToggleButtonGroupProps | null>(null);\nexport const ToggleButtonGroupStateContext = createContext<ToggleGroupState | null>(null);\nexport const ToggleGroupStateContext = ToggleButtonGroupStateContext;\nexport type ToggleButtonGroupStateContextValue = ToggleGroupState;\n\nexport function ToggleButtonGroup(props: ToggleButtonGroupProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\n    \"selectionMode\",\n    \"disallowEmptySelection\",\n    \"selectedKeys\",\n    \"defaultSelectedKeys\",\n    \"onSelectionChange\",\n    \"orientation\",\n    \"isDisabled\",\n    \"children\",\n    \"class\",\n    \"style\",\n    \"ref\",\n    \"slot\",\n    \"aria-label\",\n    \"aria-labelledby\",\n  ]);\n\n  const state = createToggleGroupState(() => ({\n    selectionMode: local.selectionMode,\n    disallowEmptySelection: local.disallowEmptySelection,\n    selectedKeys: local.selectedKeys,\n    defaultSelectedKeys: local.defaultSelectedKeys,\n    onSelectionChange: local.onSelectionChange,\n    isDisabled: !!local.isDisabled,\n  }));\n\n  const { groupProps } = createToggleButtonGroup(\n    {\n      get orientation() {\n        return local.orientation;\n      },\n      get isDisabled() {\n        return !!local.isDisabled;\n      },\n      get \"aria-label\"() {\n        return local[\"aria-label\"];\n      },\n      get \"aria-labelledby\"() {\n        return local[\"aria-labelledby\"];\n      },\n    },\n    state,\n  );\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return local.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-ToggleButtonGroup\",\n    },\n    () => ({\n      orientation: local.orientation ?? \"horizontal\",\n      isDisabled: !!local.isDisabled,\n      state,\n    }),\n  );\n\n  const filteredDomProps = createMemo(() => filterDOMProps(domProps, { global: true }));\n  const mergedGroupProps = createMemo(() =>\n    mergeProps(filteredDomProps(), groupProps as Record<string, unknown>),\n  );\n\n  return (\n    <div\n      {...(mergedGroupProps() as JSX.HTMLAttributes<HTMLDivElement>)}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      slot={local.slot}\n      data-orientation={local.orientation ?? \"horizontal\"}\n      data-disabled={local.isDisabled || undefined}\n      ref={(el) => {\n        if (!local.ref) return;\n        if (typeof local.ref === \"function\") {\n          local.ref(el);\n        }\n      }}\n    >\n      <ToggleButtonGroupContext.Provider value={props}>\n        <ToggleButtonGroupStateContext.Provider value={state}>\n          {renderProps.renderChildren()}\n        </ToggleButtonGroupStateContext.Provider>\n      </ToggleButtonGroupContext.Provider>\n    </div>\n  );\n}\n\nexport function useToggleButtonGroupStateContext(): ToggleGroupState | null {\n  return useContext(ToggleButtonGroupStateContext);\n}\n"],"mappings":";;;;;;;;;;;;;AA6CA,MAAamC,2BAA2BlC,cAA6C,IAAI;AACzF,MAAamC,gCAAgCnC,cAAuC,IAAI;AACxF,MAAaoC,0BAA0BD;AAGvC,SAAgBG,kBAAkBC,OAA4C;CAC5E,MAAM,CAACE,OAAOC,YAAYxC,WAAWqC,OAAO;EAC1C;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAiB,CAClB;CAED,MAAMrB,QAAQZ,8BAA8B;EAC1CiB,eAAekB,MAAMlB;EACrBC,wBAAwBiB,MAAMjB;EAC9BC,cAAcgB,MAAMhB;EACpBE,qBAAqBc,MAAMd;EAC3BC,mBAAmBa,MAAMb;EACzBX,YAAY,CAAC,CAACwB,MAAMxB;CACtB,EAAE;CAEF,MAAM,EAAE0B,eAAevC,wBACrB;EACE,IAAIY,cAAc;GAChB,OAAOyB,MAAMzB;EACf;EACA,IAAIC,aAAa;GACf,OAAO,CAAC,CAACwB,MAAMxB;EACjB;EACA,IAAI,eAAe;GACjB,OAAOwB,MAAM;EACf;EACA,IAAI,oBAAoB;GACtB,OAAOA,MAAM;EACf;CACF,GACAvB,KACF;CAEA,MAAM4B,cAAcjC,eAClB;EACE,IAAIkB,WAAW;GACb,OAAOU,MAAMV;EACf;EACAC,OAAOS,MAAMT;EACbC,OAAOQ,MAAMR;EACbc,kBAAkB;CACpB,UACO;EACL/B,aAAayB,MAAMzB,eAAe;EAClCC,YAAY,CAAC,CAACwB,MAAMxB;EACpBC;CACF,EACF;CAEA,MAAM8B,mBAAmB/C,iBAAiBa,eAAe4B,UAAU,EAAEO,QAAQ,KAAK,CAAC,CAAC;CACpF,MAAMC,mBAAmBjD,iBACvBI,aAAW2C,iBAAiB,GAAGL,UAAqC,CACtE;CAEA,cAAA;EAAA,IAAAS,OAAAC,eAAAC,MAAA;EAAAC,KAQUC,OAAO;GACX,IAAI,CAACf,MAAMgB,KAAK;GAChB,IAAI,OAAOhB,MAAMgB,QAAQ,YACvBhB,MAAMgB,IAAID,EAAE;EAEhB,GAACJ,IAAA;EAAAM,OAAAN,MAAAO,iBAXIT,iBAAiB,GAAuC;GAAA,KAAA,WAAA;IAAA,OACtDJ,YAAYd,MAAM;GAAC;GAAA,IAC1BC,QAAK;IAAA,OAAEa,YAAYb,MAAM;GAAC;GAAA,IAC1B2B,OAAI;IAAA,OAAEnB,MAAMmB;GAAI;GAAA,KAAA,sBAAA;IAAA,OACEnB,MAAMzB,eAAe;GAAY;GAAA,KAAA,mBAAA;IAAA,OACpCyB,MAAMxB,cAAc8C,KAAAA;GAAS;EAAA,CAAA,GAAA,OAAA,IAAA;EAAAC,OAAAZ,MAAAa,gBAQ3C/B,yBAAyBgC,UAAQ;GAACC,OAAO5B;GAAK,IAAAR,WAAA;IAAA,OAAAkC,gBAC5C9B,8BAA8B+B,UAAQ;KAACC,OAAOjD;KAAK,IAAAa,WAAA;MAAA,OACjDe,YAAYsB,eAAe;KAAC;IAAA,CAAA;GAAA;EAAA,CAAA,CAAA;EAAAC,mBAAA;EAAA,OAAAjB;CAAA,EAAA,CAAA;AAKvC;AAEA,SAAgBkB,mCAA4D;CAC1E,OAAOnE,WAAWgC,6BAA6B;AACjD"}

package/dist/ToggleButtonGroup.jsx

@@ -0,0 +1,85 @@
+import { filterDOMProps, useRenderProps } from "./utils.jsx";
+import { createContext, createMemo, splitProps, useContext } from "solid-js";
+import { createToggleButtonGroup, mergeProps as mergeProps$1 } from "@proyecto-viviana/solidaria";
+import { createToggleGroupState } from "@proyecto-viviana/solid-stately";
+//#region src/ToggleButtonGroup.tsx
+/**
+* ToggleButtonGroup component for solidaria-components.
+*
+* Groups toggle buttons with single/multiple selection state.
+* Parity target: react-aria-components/src/ToggleButtonGroup.tsx
+*/
+const ToggleButtonGroupContext = createContext(null);
+const ToggleButtonGroupStateContext = createContext(null);
+const ToggleGroupStateContext = ToggleButtonGroupStateContext;
+function ToggleButtonGroup(props) {
+	const [local, domProps] = splitProps(props, [
+		"selectionMode",
+		"disallowEmptySelection",
+		"selectedKeys",
+		"defaultSelectedKeys",
+		"onSelectionChange",
+		"orientation",
+		"isDisabled",
+		"children",
+		"class",
+		"style",
+		"ref",
+		"slot",
+		"aria-label",
+		"aria-labelledby"
+	]);
+	const state = createToggleGroupState(() => ({
+		selectionMode: local.selectionMode,
+		disallowEmptySelection: local.disallowEmptySelection,
+		selectedKeys: local.selectedKeys,
+		defaultSelectedKeys: local.defaultSelectedKeys,
+		onSelectionChange: local.onSelectionChange,
+		isDisabled: !!local.isDisabled
+	}));
+	const { groupProps } = createToggleButtonGroup({
+		get orientation() {
+			return local.orientation;
+		},
+		get isDisabled() {
+			return !!local.isDisabled;
+		},
+		get "aria-label"() {
+			return local["aria-label"];
+		},
+		get "aria-labelledby"() {
+			return local["aria-labelledby"];
+		}
+	}, state);
+	const renderProps = useRenderProps({
+		get children() {
+			return local.children;
+		},
+		class: local.class,
+		style: local.style,
+		defaultClassName: "solidaria-ToggleButtonGroup"
+	}, () => ({
+		orientation: local.orientation ?? "horizontal",
+		isDisabled: !!local.isDisabled,
+		state
+	}));
+	const filteredDomProps = createMemo(() => filterDOMProps(domProps, { global: true }));
+	const mergedGroupProps = createMemo(() => mergeProps$1(filteredDomProps(), groupProps));
+	return <div {...mergedGroupProps()} class={renderProps.class()} style={renderProps.style()} slot={local.slot} data-orientation={local.orientation ?? "horizontal"} data-disabled={local.isDisabled || void 0} ref={(el) => {
+		if (!local.ref) return;
+		if (typeof local.ref === "function") local.ref(el);
+	}}>
+      <ToggleButtonGroupContext.Provider value={props}>
+        <ToggleButtonGroupStateContext.Provider value={state}>
+          {renderProps.renderChildren()}
+        </ToggleButtonGroupStateContext.Provider>
+      </ToggleButtonGroupContext.Provider>
+    </div>;
+}
+function useToggleButtonGroupStateContext() {
+	return useContext(ToggleButtonGroupStateContext);
+}
+//#endregion
+export { ToggleButtonGroup, ToggleButtonGroupContext, ToggleButtonGroupStateContext, ToggleGroupStateContext, useToggleButtonGroupStateContext };
+
+//# sourceMappingURL=ToggleButtonGroup.jsx.map

package/dist/ToggleButtonGroup.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtonGroup.jsx","names":["mergeProps"],"sources":["../src/ToggleButtonGroup.tsx"],"sourcesContent":["/**\n * ToggleButtonGroup component for solidaria-components.\n *\n * Groups toggle buttons with single/multiple selection state.\n * Parity target: react-aria-components/src/ToggleButtonGroup.tsx\n */\n\nimport { type JSX, createContext, createMemo, splitProps, useContext } from \"solid-js\";\nimport { createToggleButtonGroup, mergeProps } from \"@proyecto-viviana/solidaria\";\nimport {\n  createToggleGroupState,\n  type Key,\n  type ToggleGroupState,\n} from \"@proyecto-viviana/solid-stately\";\nimport {\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type RenderChildren,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n} from \"./utils\";\n\nexport interface ToggleButtonGroupRenderProps {\n  orientation: \"horizontal\" | \"vertical\";\n  isDisabled: boolean;\n  state: ToggleGroupState;\n}\n\nexport interface ToggleButtonGroupProps\n  extends\n    Omit<JSX.HTMLAttributes<HTMLDivElement>, \"children\" | \"class\" | \"style\" | \"onSelectionChange\">,\n    SlotProps {\n  selectionMode?: \"single\" | \"multiple\";\n  disallowEmptySelection?: boolean;\n  selectedKeys?: Iterable<Key>;\n  defaultSelectedKeys?: Iterable<Key>;\n  onSelectionChange?: (keys: Set<Key>) => void;\n  orientation?: \"horizontal\" | \"vertical\";\n  isDisabled?: boolean;\n  children?: RenderChildren<ToggleButtonGroupRenderProps>;\n  class?: ClassNameOrFunction<ToggleButtonGroupRenderProps>;\n  style?: StyleOrFunction<ToggleButtonGroupRenderProps>;\n}\n\nexport const ToggleButtonGroupContext = createContext<ToggleButtonGroupProps | null>(null);\nexport const ToggleButtonGroupStateContext = createContext<ToggleGroupState | null>(null);\nexport const ToggleGroupStateContext = ToggleButtonGroupStateContext;\nexport type ToggleButtonGroupStateContextValue = ToggleGroupState;\n\nexport function ToggleButtonGroup(props: ToggleButtonGroupProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\n    \"selectionMode\",\n    \"disallowEmptySelection\",\n    \"selectedKeys\",\n    \"defaultSelectedKeys\",\n    \"onSelectionChange\",\n    \"orientation\",\n    \"isDisabled\",\n    \"children\",\n    \"class\",\n    \"style\",\n    \"ref\",\n    \"slot\",\n    \"aria-label\",\n    \"aria-labelledby\",\n  ]);\n\n  const state = createToggleGroupState(() => ({\n    selectionMode: local.selectionMode,\n    disallowEmptySelection: local.disallowEmptySelection,\n    selectedKeys: local.selectedKeys,\n    defaultSelectedKeys: local.defaultSelectedKeys,\n    onSelectionChange: local.onSelectionChange,\n    isDisabled: !!local.isDisabled,\n  }));\n\n  const { groupProps } = createToggleButtonGroup(\n    {\n      get orientation() {\n        return local.orientation;\n      },\n      get isDisabled() {\n        return !!local.isDisabled;\n      },\n      get \"aria-label\"() {\n        return local[\"aria-label\"];\n      },\n      get \"aria-labelledby\"() {\n        return local[\"aria-labelledby\"];\n      },\n    },\n    state,\n  );\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return local.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-ToggleButtonGroup\",\n    },\n    () => ({\n      orientation: local.orientation ?? \"horizontal\",\n      isDisabled: !!local.isDisabled,\n      state,\n    }),\n  );\n\n  const filteredDomProps = createMemo(() => filterDOMProps(domProps, { global: true }));\n  const mergedGroupProps = createMemo(() =>\n    mergeProps(filteredDomProps(), groupProps as Record<string, unknown>),\n  );\n\n  return (\n    <div\n      {...(mergedGroupProps() as JSX.HTMLAttributes<HTMLDivElement>)}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      slot={local.slot}\n      data-orientation={local.orientation ?? \"horizontal\"}\n      data-disabled={local.isDisabled || undefined}\n      ref={(el) => {\n        if (!local.ref) return;\n        if (typeof local.ref === \"function\") {\n          local.ref(el);\n        }\n      }}\n    >\n      <ToggleButtonGroupContext.Provider value={props}>\n        <ToggleButtonGroupStateContext.Provider value={state}>\n          {renderProps.renderChildren()}\n        </ToggleButtonGroupStateContext.Provider>\n      </ToggleButtonGroupContext.Provider>\n    </div>\n  );\n}\n\nexport function useToggleButtonGroupStateContext(): ToggleGroupState | null {\n  return useContext(ToggleButtonGroupStateContext);\n}\n"],"mappings":";;;;;;;;;;;AA6CA,MAAa,2BAA2B,cAA6C,IAAI;AACzF,MAAa,gCAAgC,cAAuC,IAAI;AACxF,MAAa,0BAA0B;AAGvC,SAAgB,kBAAkB,OAA4C;CAC5E,MAAM,CAAC,OAAO,YAAY,WAAW,OAAO;EAC1C;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,QAAQ,8BAA8B;EAC1C,eAAe,MAAM;EACrB,wBAAwB,MAAM;EAC9B,cAAc,MAAM;EACpB,qBAAqB,MAAM;EAC3B,mBAAmB,MAAM;EACzB,YAAY,CAAC,CAAC,MAAM;CACtB,EAAE;CAEF,MAAM,EAAE,eAAe,wBACrB;EACE,IAAI,cAAc;GAChB,OAAO,MAAM;EACf;EACA,IAAI,aAAa;GACf,OAAO,CAAC,CAAC,MAAM;EACjB;EACA,IAAI,eAAe;GACjB,OAAO,MAAM;EACf;EACA,IAAI,oBAAoB;GACtB,OAAO,MAAM;EACf;CACF,GACA,KACF;CAEA,MAAM,cAAc,eAClB;EACE,IAAI,WAAW;GACb,OAAO,MAAM;EACf;EACA,OAAO,MAAM;EACb,OAAO,MAAM;EACb,kBAAkB;CACpB,UACO;EACL,aAAa,MAAM,eAAe;EAClC,YAAY,CAAC,CAAC,MAAM;EACpB;CACF,EACF;CAEA,MAAM,mBAAmB,iBAAiB,eAAe,UAAU,EAAE,QAAQ,KAAK,CAAC,CAAC;CACpF,MAAM,mBAAmB,iBACvBA,aAAW,iBAAiB,GAAG,UAAqC,CACtE;CAEA,OACE,CAAC,QACM,iBAAiB,GACtB,OAAO,YAAY,MAAM,GACzB,OAAO,YAAY,MAAM,GACzB,MAAM,MAAM,MACZ,kBAAkB,MAAM,eAAe,cACvC,eAAe,MAAM,cAAc,KAAA,GACnC,MAAM,OAAO;EACX,IAAI,CAAC,MAAM,KAAK;EAChB,IAAI,OAAO,MAAM,QAAQ,YACvB,MAAM,IAAI,EAAE;CAEhB,GACD;MACC,CAAC,yBAAyB,SAAS,OAAO,OAAO;QAC/C,CAAC,8BAA8B,SAAS,OAAO,OAAO;WACnD,YAAY,eAAe,EAAE;QAChC,EAAE,8BAA8B,SAAS;MAC3C,EAAE,yBAAyB,SAAS;IACtC,EAAE;AAEN;AAEA,SAAgB,mCAA4D;CAC1E,OAAO,WAAW,6BAA6B;AACjD"}

package/dist/Toolbar.js

@@ -0,0 +1,112 @@
+import { filterDOMProps } from "./utils.js";
+import { getNextElement, insert, mergeProps, runHydrationEvents, spread, template, use } from "solid-js/web";
+import { createContext, createMemo, splitProps, useContext } from "solid-js";
+import { createToolbar } from "@proyecto-viviana/solidaria";
+//#region src/Toolbar.tsx
+/**
+* Toolbar component for solidaria-components
+*
+* Pre-wired headless toolbar component that combines aria hooks.
+* Port of react-aria-components/src/Toolbar.tsx
+*/
+var _tmpl$ = /*#__PURE__*/ template(`<div>`);
+const ToolbarContext = createContext(null);
+/**
+* A toolbar is a container for a set of interactive controls,
+* such as buttons, checkboxes, or links, with arrow key navigation.
+*
+* @example
+* ```tsx
+* <Toolbar aria-label="Text formatting">
+*   <Button>Bold</Button>
+*   <Button>Italic</Button>
+*   <Button>Underline</Button>
+* </Toolbar>
+*
+* // With render props
+* <Toolbar orientation="vertical">
+*   {({ orientation }) => (
+*     <div data-orientation={orientation}>
+*       <Button>Cut</Button>
+*       <Button>Copy</Button>
+*       <Button>Paste</Button>
+*     </div>
+*   )}
+* </Toolbar>
+* ```
+*/
+function Toolbar(props) {
+	const [local, ariaProps, domProps] = splitProps(props, [
+		"class",
+		"style",
+		"slot",
+		"children",
+		"ref"
+	], [
+		"orientation",
+		"aria-label",
+		"aria-labelledby"
+	]);
+	const ctx = useContext(ToolbarContext);
+	const slotProps = () => {
+		if (ctx?.slots && local.slot) return ctx.slots[local.slot] || {};
+		return {};
+	};
+	const { toolbarProps, orientation } = createToolbar({
+		get orientation() {
+			return ariaProps.orientation;
+		},
+		get "aria-label"() {
+			return ariaProps["aria-label"] ?? slotProps()["aria-label"];
+		},
+		get "aria-labelledby"() {
+			return ariaProps["aria-labelledby"];
+		}
+	});
+	const renderValues = createMemo(() => ({ orientation: orientation() }));
+	const resolvedClass = createMemo(() => {
+		const cls = local.class;
+		if (typeof cls === "function") return cls(renderValues());
+		return cls ?? "solidaria-Toolbar";
+	});
+	const resolvedStyle = createMemo(() => {
+		const style = local.style;
+		if (typeof style === "function") return style(renderValues());
+		return style;
+	});
+	const resolvedChildren = createMemo(() => {
+		const children = props.children;
+		if (typeof children === "function") return children(renderValues());
+		return children;
+	});
+	const filteredDOMProps = createMemo(() => filterDOMProps(domProps, { global: true }));
+	return (() => {
+		var _el$ = getNextElement(_tmpl$);
+		use((el) => {
+			if (!local.ref) return;
+			if (typeof local.ref === "function") local.ref(el);
+			else local.ref.current = el;
+		}, _el$);
+		spread(_el$, mergeProps(filteredDOMProps, toolbarProps, {
+			get ["class"]() {
+				return resolvedClass();
+			},
+			get style() {
+				return resolvedStyle();
+			},
+			get slot() {
+				return local.slot;
+			},
+			get ["data-orientation"]() {
+				return orientation();
+			}
+		}), false, true);
+		insert(_el$, resolvedChildren);
+		runHydrationEvents();
+		return _el$;
+	})();
+}
+//#endregion
+export { Toolbar, ToolbarContext };
+
+//# sourceMappingURL=Toolbar.js.map

package/dist/Toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.js","names":["JSX","ParentProps","createContext","createMemo","splitProps","useContext","createToolbar","AriaToolbarProps","Orientation","SlotProps","filterDOMProps","ToolbarRenderProps","orientation","ToolbarProps","class","renderProps","style","CSSProperties","key","ref","el","HTMLDivElement","current","ToolbarContextValue","slots","name","Record","ToolbarContext","Toolbar","props","Element","local","ariaProps","domProps","ctx","slotProps","slot","toolbarProps","aria-label","aria-labelledby","renderValues","resolvedClass","cls","resolvedStyle","resolvedChildren","children","filteredDOMProps","global","_el$","_$getNextElement","_tmpl$","_$use","_$spread","_$mergeProps","data-orientation","_$insert","_$runHydrationEvents"],"sources":["../src/Toolbar.tsx"],"sourcesContent":["/**\n * Toolbar component for solidaria-components\n *\n * Pre-wired headless toolbar component that combines aria hooks.\n * Port of react-aria-components/src/Toolbar.tsx\n */\n\nimport {\n  type JSX,\n  type ParentProps,\n  createContext,\n  createMemo,\n  splitProps,\n  useContext,\n} from \"solid-js\";\nimport {\n  createToolbar,\n  type AriaToolbarProps,\n  type Orientation,\n} from \"@proyecto-viviana/solidaria\";\nimport { type SlotProps, filterDOMProps } from \"./utils\";\n\nexport interface ToolbarRenderProps {\n  /** The orientation of the toolbar. */\n  orientation: Orientation;\n}\n\nexport interface ToolbarProps extends AriaToolbarProps, ParentProps, SlotProps {\n  /** The CSS className for the element. A function may be provided to receive render props. */\n  class?: string | ((renderProps: ToolbarRenderProps) => string);\n  /** The inline style for the element. A function may be provided to receive render props. */\n  style?: JSX.CSSProperties | ((renderProps: ToolbarRenderProps) => JSX.CSSProperties);\n  /** Additional data-* attributes. */\n  [key: `data-${string}`]: string | undefined;\n  /** Ref for the toolbar element. */\n  ref?: ((el: HTMLDivElement) => void) | { current?: HTMLDivElement | null };\n}\n\nexport interface ToolbarContextValue {\n  slots?: {\n    [name: string]: Record<string, unknown>;\n  };\n}\n\nexport const ToolbarContext = createContext<ToolbarContextValue | null>(null);\n\n/**\n * A toolbar is a container for a set of interactive controls,\n * such as buttons, checkboxes, or links, with arrow key navigation.\n *\n * @example\n * ```tsx\n * <Toolbar aria-label=\"Text formatting\">\n *   <Button>Bold</Button>\n *   <Button>Italic</Button>\n *   <Button>Underline</Button>\n * </Toolbar>\n *\n * // With render props\n * <Toolbar orientation=\"vertical\">\n *   {({ orientation }) => (\n *     <div data-orientation={orientation}>\n *       <Button>Cut</Button>\n *       <Button>Copy</Button>\n *       <Button>Paste</Button>\n *     </div>\n *   )}\n * </Toolbar>\n * ```\n */\nexport function Toolbar(props: ToolbarProps): JSX.Element {\n  const [local, ariaProps, domProps] = splitProps(\n    props,\n    [\"class\", \"style\", \"slot\", \"children\", \"ref\"],\n    [\"orientation\", \"aria-label\", \"aria-labelledby\"],\n  );\n\n  const ctx = useContext(ToolbarContext);\n  const slotProps = () => {\n    if (ctx?.slots && local.slot) {\n      return ctx.slots[local.slot] || {};\n    }\n    return {};\n  };\n\n  const { toolbarProps, orientation } = createToolbar({\n    get orientation() {\n      return ariaProps.orientation;\n    },\n    get \"aria-label\"() {\n      return (\n        (ariaProps[\"aria-label\"] as string | undefined) ??\n        (slotProps()[\"aria-label\"] as string | undefined)\n      );\n    },\n    get \"aria-labelledby\"() {\n      return ariaProps[\"aria-labelledby\"] as string | undefined;\n    },\n  });\n\n  const renderValues = createMemo<ToolbarRenderProps>(() => ({\n    orientation: orientation(),\n  }));\n\n  const resolvedClass = createMemo(() => {\n    const cls = local.class;\n    if (typeof cls === \"function\") {\n      return cls(renderValues());\n    }\n    return cls ?? \"solidaria-Toolbar\";\n  });\n\n  const resolvedStyle = createMemo(() => {\n    const style = local.style;\n    if (typeof style === \"function\") {\n      return style(renderValues());\n    }\n    return style;\n  });\n\n  const resolvedChildren = createMemo(() => {\n    const children = props.children;\n    if (typeof children === \"function\") {\n      return (children as (props: ToolbarRenderProps) => JSX.Element)(renderValues());\n    }\n    return children;\n  });\n\n  const filteredDOMProps = createMemo(() => filterDOMProps(domProps, { global: true }));\n\n  return (\n    <div\n      {...filteredDOMProps()}\n      {...toolbarProps}\n      class={resolvedClass()}\n      style={resolvedStyle()}\n      slot={local.slot}\n      data-orientation={orientation()}\n      ref={(el) => {\n        if (!local.ref) return;\n        if (typeof local.ref === \"function\") {\n          local.ref(el);\n        } else {\n          local.ref.current = el;\n        }\n      }}\n    >\n      {resolvedChildren()}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AA4CA,MAAa2B,iBAAiBzB,cAA0C,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;AA0B5E,SAAgB0B,QAAQC,OAAkC;CACxD,MAAM,CAACE,OAAOC,WAAWC,YAAY7B,WACnCyB,OACA;EAAC;EAAS;EAAS;EAAQ;EAAY;CAAK,GAC5C;EAAC;EAAe;EAAc;CAAiB,CACjD;CAEA,MAAMK,MAAM7B,WAAWsB,cAAc;CACrC,MAAMQ,kBAAkB;EACtB,IAAID,KAAKV,SAASO,MAAMK,MACtB,OAAOF,IAAIV,MAAMO,MAAMK,SAAS,CAAC;EAEnC,OAAO,CAAC;CACV;CAEA,MAAM,EAAEC,cAAczB,gBAAgBN,cAAc;EAClD,IAAIM,cAAc;GAChB,OAAOoB,UAAUpB;EACnB;EACA,IAAI,eAAe;GACjB,OACGoB,UAAU,iBACVG,UAAU,CAAC,CAAC;EAEjB;EACA,IAAI,oBAAoB;GACtB,OAAOH,UAAU;EACnB;CACF,CAAC;CAED,MAAMQ,eAAerC,kBAAsC,EACzDS,aAAaA,YAAY,EAC3B,EAAE;CAEF,MAAM6B,gBAAgBtC,iBAAiB;EACrC,MAAMuC,MAAMX,MAAMjB;EAClB,IAAI,OAAO4B,QAAQ,YACjB,OAAOA,IAAIF,aAAa,CAAC;EAE3B,OAAOE,OAAO;CAChB,CAAC;CAED,MAAMC,gBAAgBxC,iBAAiB;EACrC,MAAMa,QAAQe,MAAMf;EACpB,IAAI,OAAOA,UAAU,YACnB,OAAOA,MAAMwB,aAAa,CAAC;EAE7B,OAAOxB;CACT,CAAC;CAED,MAAM4B,mBAAmBzC,iBAAiB;EACxC,MAAM0C,WAAWhB,MAAMgB;EACvB,IAAI,OAAOA,aAAa,YACtB,OAAQA,SAAwDL,aAAa,CAAC;EAEhF,OAAOK;CACT,CAAC;CAED,MAAMC,mBAAmB3C,iBAAiBO,eAAeuB,UAAU,EAAEc,QAAQ,KAAK,CAAC,CAAC;CAEpF,cAAA;EAAA,IAAAC,OAAAC,eAAAC,MAAA;EAAAC,KAQU/B,OAAO;GACX,IAAI,CAACW,MAAMZ,KAAK;GAChB,IAAI,OAAOY,MAAMZ,QAAQ,YACvBY,MAAMZ,IAAIC,EAAE;QAEZW,MAAMZ,IAAIG,UAAUF;EAExB,GAAC4B,IAAA;EAAAI,OAAAJ,MAAAK,WAbGP,kBACAT,cAAY;GAAA,KAAA,WAAA;IAAA,OACTI,cAAc;GAAC;GAAA,IACtBzB,QAAK;IAAA,OAAE2B,cAAc;GAAC;GAAA,IACtBP,OAAI;IAAA,OAAEL,MAAMK;GAAI;GAAA,KAAA,sBAAA;IAAA,OACExB,YAAY;GAAC;EAAA,CAAA,GAAA,OAAA,IAAA;EAAA2C,OAAAP,MAU9BJ,gBAAgB;EAAAY,mBAAA;EAAA,OAAAR;CAAA,EAAA,CAAA;AAGvB"}

package/dist/Toolbar.jsx

@@ -0,0 +1,92 @@
+import { filterDOMProps } from "./utils.jsx";
+import { createContext, createMemo, splitProps, useContext } from "solid-js";
+import { createToolbar } from "@proyecto-viviana/solidaria";
+//#region src/Toolbar.tsx
+/**
+* Toolbar component for solidaria-components
+*
+* Pre-wired headless toolbar component that combines aria hooks.
+* Port of react-aria-components/src/Toolbar.tsx
+*/
+const ToolbarContext = createContext(null);
+/**
+* A toolbar is a container for a set of interactive controls,
+* such as buttons, checkboxes, or links, with arrow key navigation.
+*
+* @example
+* ```tsx
+* <Toolbar aria-label="Text formatting">
+*   <Button>Bold</Button>
+*   <Button>Italic</Button>
+*   <Button>Underline</Button>
+* </Toolbar>
+*
+* // With render props
+* <Toolbar orientation="vertical">
+*   {({ orientation }) => (
+*     <div data-orientation={orientation}>
+*       <Button>Cut</Button>
+*       <Button>Copy</Button>
+*       <Button>Paste</Button>
+*     </div>
+*   )}
+* </Toolbar>
+* ```
+*/
+function Toolbar(props) {
+	const [local, ariaProps, domProps] = splitProps(props, [
+		"class",
+		"style",
+		"slot",
+		"children",
+		"ref"
+	], [
+		"orientation",
+		"aria-label",
+		"aria-labelledby"
+	]);
+	const ctx = useContext(ToolbarContext);
+	const slotProps = () => {
+		if (ctx?.slots && local.slot) return ctx.slots[local.slot] || {};
+		return {};
+	};
+	const { toolbarProps, orientation } = createToolbar({
+		get orientation() {
+			return ariaProps.orientation;
+		},
+		get "aria-label"() {
+			return ariaProps["aria-label"] ?? slotProps()["aria-label"];
+		},
+		get "aria-labelledby"() {
+			return ariaProps["aria-labelledby"];
+		}
+	});
+	const renderValues = createMemo(() => ({ orientation: orientation() }));
+	const resolvedClass = createMemo(() => {
+		const cls = local.class;
+		if (typeof cls === "function") return cls(renderValues());
+		return cls ?? "solidaria-Toolbar";
+	});
+	const resolvedStyle = createMemo(() => {
+		const style = local.style;
+		if (typeof style === "function") return style(renderValues());
+		return style;
+	});
+	const resolvedChildren = createMemo(() => {
+		const children = props.children;
+		if (typeof children === "function") return children(renderValues());
+		return children;
+	});
+	const filteredDOMProps = createMemo(() => filterDOMProps(domProps, { global: true }));
+	return <div {...filteredDOMProps()} {...toolbarProps} class={resolvedClass()} style={resolvedStyle()} slot={local.slot} data-orientation={orientation()} ref={(el) => {
+		if (!local.ref) return;
+		if (typeof local.ref === "function") local.ref(el);
+		else local.ref.current = el;
+	}}>
+      {resolvedChildren()}
+    </div>;
+}
+//#endregion
+export { Toolbar, ToolbarContext };
+
+//# sourceMappingURL=Toolbar.jsx.map

package/dist/Toolbar.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.jsx","names":[],"sources":["../src/Toolbar.tsx"],"sourcesContent":["/**\n * Toolbar component for solidaria-components\n *\n * Pre-wired headless toolbar component that combines aria hooks.\n * Port of react-aria-components/src/Toolbar.tsx\n */\n\nimport {\n  type JSX,\n  type ParentProps,\n  createContext,\n  createMemo,\n  splitProps,\n  useContext,\n} from \"solid-js\";\nimport {\n  createToolbar,\n  type AriaToolbarProps,\n  type Orientation,\n} from \"@proyecto-viviana/solidaria\";\nimport { type SlotProps, filterDOMProps } from \"./utils\";\n\nexport interface ToolbarRenderProps {\n  /** The orientation of the toolbar. */\n  orientation: Orientation;\n}\n\nexport interface ToolbarProps extends AriaToolbarProps, ParentProps, SlotProps {\n  /** The CSS className for the element. A function may be provided to receive render props. */\n  class?: string | ((renderProps: ToolbarRenderProps) => string);\n  /** The inline style for the element. A function may be provided to receive render props. */\n  style?: JSX.CSSProperties | ((renderProps: ToolbarRenderProps) => JSX.CSSProperties);\n  /** Additional data-* attributes. */\n  [key: `data-${string}`]: string | undefined;\n  /** Ref for the toolbar element. */\n  ref?: ((el: HTMLDivElement) => void) | { current?: HTMLDivElement | null };\n}\n\nexport interface ToolbarContextValue {\n  slots?: {\n    [name: string]: Record<string, unknown>;\n  };\n}\n\nexport const ToolbarContext = createContext<ToolbarContextValue | null>(null);\n\n/**\n * A toolbar is a container for a set of interactive controls,\n * such as buttons, checkboxes, or links, with arrow key navigation.\n *\n * @example\n * ```tsx\n * <Toolbar aria-label=\"Text formatting\">\n *   <Button>Bold</Button>\n *   <Button>Italic</Button>\n *   <Button>Underline</Button>\n * </Toolbar>\n *\n * // With render props\n * <Toolbar orientation=\"vertical\">\n *   {({ orientation }) => (\n *     <div data-orientation={orientation}>\n *       <Button>Cut</Button>\n *       <Button>Copy</Button>\n *       <Button>Paste</Button>\n *     </div>\n *   )}\n * </Toolbar>\n * ```\n */\nexport function Toolbar(props: ToolbarProps): JSX.Element {\n  const [local, ariaProps, domProps] = splitProps(\n    props,\n    [\"class\", \"style\", \"slot\", \"children\", \"ref\"],\n    [\"orientation\", \"aria-label\", \"aria-labelledby\"],\n  );\n\n  const ctx = useContext(ToolbarContext);\n  const slotProps = () => {\n    if (ctx?.slots && local.slot) {\n      return ctx.slots[local.slot] || {};\n    }\n    return {};\n  };\n\n  const { toolbarProps, orientation } = createToolbar({\n    get orientation() {\n      return ariaProps.orientation;\n    },\n    get \"aria-label\"() {\n      return (\n        (ariaProps[\"aria-label\"] as string | undefined) ??\n        (slotProps()[\"aria-label\"] as string | undefined)\n      );\n    },\n    get \"aria-labelledby\"() {\n      return ariaProps[\"aria-labelledby\"] as string | undefined;\n    },\n  });\n\n  const renderValues = createMemo<ToolbarRenderProps>(() => ({\n    orientation: orientation(),\n  }));\n\n  const resolvedClass = createMemo(() => {\n    const cls = local.class;\n    if (typeof cls === \"function\") {\n      return cls(renderValues());\n    }\n    return cls ?? \"solidaria-Toolbar\";\n  });\n\n  const resolvedStyle = createMemo(() => {\n    const style = local.style;\n    if (typeof style === \"function\") {\n      return style(renderValues());\n    }\n    return style;\n  });\n\n  const resolvedChildren = createMemo(() => {\n    const children = props.children;\n    if (typeof children === \"function\") {\n      return (children as (props: ToolbarRenderProps) => JSX.Element)(renderValues());\n    }\n    return children;\n  });\n\n  const filteredDOMProps = createMemo(() => filterDOMProps(domProps, { global: true }));\n\n  return (\n    <div\n      {...filteredDOMProps()}\n      {...toolbarProps}\n      class={resolvedClass()}\n      style={resolvedStyle()}\n      slot={local.slot}\n      data-orientation={orientation()}\n      ref={(el) => {\n        if (!local.ref) return;\n        if (typeof local.ref === \"function\") {\n          local.ref(el);\n        } else {\n          local.ref.current = el;\n        }\n      }}\n    >\n      {resolvedChildren()}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;AA4CA,MAAa,iBAAiB,cAA0C,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;AA0B5E,SAAgB,QAAQ,OAAkC;CACxD,MAAM,CAAC,OAAO,WAAW,YAAY,WACnC,OACA;EAAC;EAAS;EAAS;EAAQ;EAAY;CAAK,GAC5C;EAAC;EAAe;EAAc;CAAiB,CACjD;CAEA,MAAM,MAAM,WAAW,cAAc;CACrC,MAAM,kBAAkB;EACtB,IAAI,KAAK,SAAS,MAAM,MACtB,OAAO,IAAI,MAAM,MAAM,SAAS,CAAC;EAEnC,OAAO,CAAC;CACV;CAEA,MAAM,EAAE,cAAc,gBAAgB,cAAc;EAClD,IAAI,cAAc;GAChB,OAAO,UAAU;EACnB;EACA,IAAI,eAAe;GACjB,OACG,UAAU,iBACV,UAAU,CAAC,CAAC;EAEjB;EACA,IAAI,oBAAoB;GACtB,OAAO,UAAU;EACnB;CACF,CAAC;CAED,MAAM,eAAe,kBAAsC,EACzD,aAAa,YAAY,EAC3B,EAAE;CAEF,MAAM,gBAAgB,iBAAiB;EACrC,MAAM,MAAM,MAAM;EAClB,IAAI,OAAO,QAAQ,YACjB,OAAO,IAAI,aAAa,CAAC;EAE3B,OAAO,OAAO;CAChB,CAAC;CAED,MAAM,gBAAgB,iBAAiB;EACrC,MAAM,QAAQ,MAAM;EACpB,IAAI,OAAO,UAAU,YACnB,OAAO,MAAM,aAAa,CAAC;EAE7B,OAAO;CACT,CAAC;CAED,MAAM,mBAAmB,iBAAiB;EACxC,MAAM,WAAW,MAAM;EACvB,IAAI,OAAO,aAAa,YACtB,OAAQ,SAAwD,aAAa,CAAC;EAEhF,OAAO;CACT,CAAC;CAED,MAAM,mBAAmB,iBAAiB,eAAe,UAAU,EAAE,QAAQ,KAAK,CAAC,CAAC;CAEpF,OACE,CAAC,QACK,iBAAiB,OACjB,cACJ,OAAO,cAAc,GACrB,OAAO,cAAc,GACrB,MAAM,MAAM,MACZ,kBAAkB,YAAY,GAC9B,MAAM,OAAO;EACX,IAAI,CAAC,MAAM,KAAK;EAChB,IAAI,OAAO,MAAM,QAAQ,YACvB,MAAM,IAAI,EAAE;OAEZ,MAAM,IAAI,UAAU;CAExB,GACD;OACE,iBAAiB,EAAE;IACtB,EAAE;AAEN"}

package/dist/Tooltip.d.ts.map

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