@proyecto-viviana/solidaria 0.4.2 → 0.6.0-rc.0

package/dist/_chunk/breadcrumbs.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.jsx","names":[],"sources":["../../src/breadcrumbs/createBreadcrumbs.ts"],"sourcesContent":["/**\n * Breadcrumbs hooks for Solidaria\n *\n * Provides accessibility implementation for breadcrumb navigation.\n * Port of @react-aria/breadcrumbs.\n */\n\nimport { createLink, type AriaLinkProps, type LinkAria } from \"../link\";\nimport { filterDOMProps } from \"../utils/filterDOMProps\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { type MaybeAccessor, access } from \"../utils/reactivity\";\n\nexport interface AriaBreadcrumbsProps {\n  /** Provides a label for the breadcrumbs navigation. */\n  \"aria-label\"?: string;\n  /** Identifies the element (or elements) that labels the breadcrumbs. */\n  \"aria-labelledby\"?: string;\n  /** Identifies the element (or elements) that describes the breadcrumbs. */\n  \"aria-describedby\"?: string;\n  /** Identifies the element (or elements) that provide a detailed description. */\n  \"aria-details\"?: string;\n  /** Whether the breadcrumbs are disabled. */\n  isDisabled?: boolean;\n}\n\nexport interface BreadcrumbsAria {\n  /** Props for the breadcrumbs nav element. */\n  navProps: Record<string, unknown>;\n}\n\nexport interface AriaBreadcrumbItemProps extends Omit<AriaLinkProps, \"aria-current\"> {\n  /** The DOM id for the breadcrumb item. */\n  id?: string;\n  /** Whether this is the current/last item in the breadcrumb trail. */\n  isCurrent?: boolean;\n  /** The type of current location for aria-current. @default 'page' */\n  \"aria-current\"?: \"page\" | \"step\" | \"location\" | \"date\" | \"time\" | boolean;\n  /** The HTML element type. @default 'a' */\n  elementType?: string;\n}\n\nexport interface BreadcrumbItemAria extends LinkAria {\n  /** Props for the breadcrumb item element. */\n  itemProps: Record<string, unknown>;\n}\n\n/**\n * Provides accessibility implementation for the breadcrumbs navigation container.\n */\nexport function createBreadcrumbs(\n  props: MaybeAccessor<AriaBreadcrumbsProps> = {},\n): BreadcrumbsAria {\n  const getProps = () => access(props);\n\n  const getNavProps = (): Record<string, unknown> => {\n    const p = getProps();\n\n    // Only apply a default label when no other label source exists.\n    const ariaLabel = p[\"aria-label\"] ?? (p[\"aria-labelledby\"] ? undefined : \"Breadcrumbs\");\n\n    return mergeProps(filterDOMProps(p as Record<string, unknown>, { labelable: true }), {\n      \"aria-label\": ariaLabel,\n      \"aria-details\": p[\"aria-details\"],\n    });\n  };\n\n  return {\n    get navProps() {\n      return getNavProps();\n    },\n  };\n}\n\n/**\n * Provides accessibility implementation for an individual breadcrumb item.\n */\nexport function createBreadcrumbItem(\n  props: MaybeAccessor<AriaBreadcrumbItemProps> = {},\n): BreadcrumbItemAria {\n  const getProps = () => access(props);\n\n  const isCurrent = () => getProps().isCurrent ?? false;\n  const isDisabled = () => getProps().isDisabled ?? false;\n  const elementType = () => getProps().elementType ?? \"a\";\n\n  // Use createLink for base link behavior\n  // Current items are treated as disabled (can't navigate to current page).\n  // Keep the whole return value (do NOT destructure linkProps): `linkProps` is a\n  // reactive getter, and destructuring it here would snapshot getLinkProps() once\n  // at mount — freezing role/tabIndex to whatever elementType was during the\n  // transient first render (e.g. before isCurrent settles). Reading\n  // linkAria.linkProps fresh inside getItemProps keeps it live, mirroring React\n  // re-running useLink every render.\n  const linkAria = createLink({\n    get isDisabled() {\n      return isDisabled() || isCurrent();\n    },\n    get elementType() {\n      return elementType();\n    },\n    get href() {\n      return isCurrent() ? undefined : getProps().href;\n    },\n    get target() {\n      return getProps().target;\n    },\n    get rel() {\n      return getProps().rel;\n    },\n    get onPress() {\n      return getProps().onPress;\n    },\n    get onPressStart() {\n      return getProps().onPressStart;\n    },\n    get onPressEnd() {\n      return getProps().onPressEnd;\n    },\n    get onClick() {\n      return getProps().onClick;\n    },\n    get onFocus() {\n      return getProps().onFocus;\n    },\n    get onBlur() {\n      return getProps().onBlur;\n    },\n    get onFocusChange() {\n      return getProps().onFocusChange;\n    },\n    get onKeyDown() {\n      return getProps().onKeyDown;\n    },\n    get onKeyUp() {\n      return getProps().onKeyUp;\n    },\n    get autoFocus() {\n      return getProps().autoFocus;\n    },\n    get \"aria-label\"() {\n      return getProps()[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return getProps()[\"aria-labelledby\"];\n    },\n    get \"aria-describedby\"() {\n      return getProps()[\"aria-describedby\"];\n    },\n    get \"aria-details\"() {\n      return getProps()[\"aria-details\"];\n    },\n  });\n\n  const getItemProps = (): Record<string, unknown> => {\n    const p = getProps();\n    const current = isCurrent();\n    // Read fresh each call so elementType-driven role/tabIndex stay reactive.\n    const linkProps = linkAria.linkProps;\n\n    // Start with link props, forwarding id if provided\n    let baseProps: Record<string, unknown> = p.id ? mergeProps(linkProps, { id: p.id }) : linkProps;\n\n    // Add aria-current for current page\n    if (current) {\n      const ariaCurrent = p[\"aria-current\"] ?? \"page\";\n      baseProps = mergeProps(baseProps, {\n        \"aria-current\": ariaCurrent,\n      });\n    }\n\n    // Add aria-disabled for disabled items\n    if (isDisabled()) {\n      baseProps = mergeProps(baseProps, {\n        \"aria-disabled\": true,\n      });\n    }\n\n    return baseProps;\n  };\n\n  return {\n    get itemProps() {\n      return getItemProps();\n    },\n    get linkProps() {\n      return linkAria.linkProps;\n    },\n    isPressed: linkAria.isPressed,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;AAiDA,SAAgB,kBACd,QAA6C,CAAC,GAC7B;CACjB,MAAM,iBAAiB,OAAO,KAAK;CAEnC,MAAM,oBAA6C;EACjD,MAAM,IAAI,SAAS;EAGnB,MAAM,YAAY,EAAE,kBAAkB,EAAE,qBAAqB,KAAA,IAAY;EAEzE,OAAO,WAAW,eAAe,GAA8B,EAAE,WAAW,KAAK,CAAC,GAAG;GACnF,cAAc;GACd,gBAAgB,EAAE;EACpB,CAAC;CACH;CAEA,OAAO,EACL,IAAI,WAAW;EACb,OAAO,YAAY;CACrB,EACF;AACF;;;;AAKA,SAAgB,qBACd,QAAgD,CAAC,GAC7B;CACpB,MAAM,iBAAiB,OAAO,KAAK;CAEnC,MAAM,kBAAkB,SAAS,CAAC,CAAC,aAAa;CAChD,MAAM,mBAAmB,SAAS,CAAC,CAAC,cAAc;CAClD,MAAM,oBAAoB,SAAS,CAAC,CAAC,eAAe;CAUpD,MAAM,WAAW,WAAW;EAC1B,IAAI,aAAa;GACf,OAAO,WAAW,KAAK,UAAU;EACnC;EACA,IAAI,cAAc;GAChB,OAAO,YAAY;EACrB;EACA,IAAI,OAAO;GACT,OAAO,UAAU,IAAI,KAAA,IAAY,SAAS,CAAC,CAAC;EAC9C;EACA,IAAI,SAAS;GACX,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,MAAM;GACR,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,UAAU;GACZ,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,eAAe;GACjB,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,aAAa;GACf,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,UAAU;GACZ,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,UAAU;GACZ,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,SAAS;GACX,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,gBAAgB;GAClB,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,YAAY;GACd,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,UAAU;GACZ,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,YAAY;GACd,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,eAAe;GACjB,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,oBAAoB;GACtB,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,qBAAqB;GACvB,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,iBAAiB;GACnB,OAAO,SAAS,CAAC,CAAC;EACpB;CACF,CAAC;CAED,MAAM,qBAA8C;EAClD,MAAM,IAAI,SAAS;EACnB,MAAM,UAAU,UAAU;EAE1B,MAAM,YAAY,SAAS;EAG3B,IAAI,YAAqC,EAAE,KAAK,WAAW,WAAW,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI;EAGtF,IAAI,SAAS;GACX,MAAM,cAAc,EAAE,mBAAmB;GACzC,YAAY,WAAW,WAAW,EAChC,gBAAgB,YAClB,CAAC;EACH;EAGA,IAAI,WAAW,GACb,YAAY,WAAW,WAAW,EAChC,iBAAiB,KACnB,CAAC;EAGH,OAAO;CACT;CAEA,OAAO;EACL,IAAI,YAAY;GACd,OAAO,aAAa;EACtB;EACA,IAAI,YAAY;GACd,OAAO,SAAS;EAClB;EACA,WAAW,SAAS;CACtB;AACF"}
+{"version":3,"file":"breadcrumbs.jsx","names":[],"sources":["../../src/breadcrumbs/createBreadcrumbs.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/breadcrumbs/useBreadcrumbItem.ts\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/breadcrumbs/useBreadcrumbs.ts\n\n/**\n * Breadcrumbs hooks for Solidaria\n *\n * Provides accessibility implementation for breadcrumb navigation.\n * Ported from:\n * - packages/react-aria/src/breadcrumbs/useBreadcrumbs.ts\n * - packages/react-aria/src/breadcrumbs/useBreadcrumbItem.ts\n */\n\nimport { createLink, type AriaLinkProps, type LinkAria } from \"../link\";\nimport { filterDOMProps } from \"../utils/filterDOMProps\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { type MaybeAccessor, access } from \"../utils/reactivity\";\n\nexport interface AriaBreadcrumbsProps {\n  /** Provides a label for the breadcrumbs navigation. */\n  \"aria-label\"?: string;\n  /** Identifies the element (or elements) that labels the breadcrumbs. */\n  \"aria-labelledby\"?: string;\n  /** Identifies the element (or elements) that describes the breadcrumbs. */\n  \"aria-describedby\"?: string;\n  /** Identifies the element (or elements) that provide a detailed description. */\n  \"aria-details\"?: string;\n  /** Whether the breadcrumbs are disabled. */\n  isDisabled?: boolean;\n}\n\nexport interface BreadcrumbsAria {\n  /** Props for the breadcrumbs nav element. */\n  navProps: Record<string, unknown>;\n}\n\nexport interface AriaBreadcrumbItemProps extends Omit<AriaLinkProps, \"aria-current\"> {\n  /** The DOM id for the breadcrumb item. */\n  id?: string;\n  /** Whether this is the current/last item in the breadcrumb trail. */\n  isCurrent?: boolean;\n  /** The type of current location for aria-current. @default 'page' */\n  \"aria-current\"?: \"page\" | \"step\" | \"location\" | \"date\" | \"time\" | boolean;\n  /** The HTML element type. @default 'a' */\n  elementType?: string;\n}\n\nexport interface BreadcrumbItemAria extends LinkAria {\n  /** Props for the breadcrumb item element. */\n  itemProps: Record<string, unknown>;\n}\n\n/**\n * Provides accessibility implementation for the breadcrumbs navigation container.\n */\nexport function createBreadcrumbs(\n  props: MaybeAccessor<AriaBreadcrumbsProps> = {},\n): BreadcrumbsAria {\n  const getProps = () => access(props);\n\n  const getNavProps = (): Record<string, unknown> => {\n    const p = getProps();\n\n    // Only apply a default label when no other label source exists.\n    const ariaLabel = p[\"aria-label\"] ?? (p[\"aria-labelledby\"] ? undefined : \"Breadcrumbs\");\n\n    return mergeProps(filterDOMProps(p as Record<string, unknown>, { labelable: true }), {\n      \"aria-label\": ariaLabel,\n      \"aria-details\": p[\"aria-details\"],\n    });\n  };\n\n  return {\n    get navProps() {\n      return getNavProps();\n    },\n  };\n}\n\n/**\n * Provides accessibility implementation for an individual breadcrumb item.\n */\nexport function createBreadcrumbItem(\n  props: MaybeAccessor<AriaBreadcrumbItemProps> = {},\n): BreadcrumbItemAria {\n  const getProps = () => access(props);\n\n  const isCurrent = () => getProps().isCurrent ?? false;\n  const isDisabled = () => getProps().isDisabled ?? false;\n  const elementType = () => getProps().elementType ?? \"a\";\n\n  // Use createLink for base link behavior\n  // Current items are treated as disabled (can't navigate to current page).\n  // Keep the whole return value (do NOT destructure linkProps): `linkProps` is a\n  // reactive getter, and destructuring it here would snapshot getLinkProps() once\n  // at mount — freezing role/tabIndex to whatever elementType was during the\n  // transient first render (e.g. before isCurrent settles). Reading\n  // linkAria.linkProps fresh inside getItemProps keeps it live, mirroring React\n  // re-running useLink every render.\n  const linkAria = createLink({\n    get isDisabled() {\n      return isDisabled() || isCurrent();\n    },\n    get elementType() {\n      return elementType();\n    },\n    get href() {\n      return isCurrent() ? undefined : getProps().href;\n    },\n    get target() {\n      return getProps().target;\n    },\n    get rel() {\n      return getProps().rel;\n    },\n    get onPress() {\n      return getProps().onPress;\n    },\n    get onPressStart() {\n      return getProps().onPressStart;\n    },\n    get onPressEnd() {\n      return getProps().onPressEnd;\n    },\n    get onClick() {\n      return getProps().onClick;\n    },\n    get onFocus() {\n      return getProps().onFocus;\n    },\n    get onBlur() {\n      return getProps().onBlur;\n    },\n    get onFocusChange() {\n      return getProps().onFocusChange;\n    },\n    get onKeyDown() {\n      return getProps().onKeyDown;\n    },\n    get onKeyUp() {\n      return getProps().onKeyUp;\n    },\n    get autoFocus() {\n      return getProps().autoFocus;\n    },\n    get \"aria-label\"() {\n      return getProps()[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return getProps()[\"aria-labelledby\"];\n    },\n    get \"aria-describedby\"() {\n      return getProps()[\"aria-describedby\"];\n    },\n    get \"aria-details\"() {\n      return getProps()[\"aria-details\"];\n    },\n  });\n\n  const getItemProps = (): Record<string, unknown> => {\n    const p = getProps();\n    const current = isCurrent();\n    // Read fresh each call so elementType-driven role/tabIndex stay reactive.\n    const linkProps = linkAria.linkProps;\n\n    // Start with link props, forwarding id if provided\n    let baseProps: Record<string, unknown> = p.id ? mergeProps(linkProps, { id: p.id }) : linkProps;\n\n    // Add aria-current for current page\n    if (current) {\n      const ariaCurrent = p[\"aria-current\"] ?? \"page\";\n      baseProps = mergeProps(baseProps, {\n        \"aria-current\": ariaCurrent,\n      });\n    }\n\n    // Add aria-disabled for disabled items\n    if (isDisabled()) {\n      baseProps = mergeProps(baseProps, {\n        \"aria-disabled\": true,\n      });\n    }\n\n    return baseProps;\n  };\n\n  return {\n    get itemProps() {\n      return getItemProps();\n    },\n    get linkProps() {\n      return linkAria.linkProps;\n    },\n    isPressed: linkAria.isPressed,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkEA,SAAgB,kBACd,QAA6C,CAAC,GAC7B;CACjB,MAAM,iBAAiB,OAAO,KAAK;CAEnC,MAAM,oBAA6C;EACjD,MAAM,IAAI,SAAS;EAGnB,MAAM,YAAY,EAAE,kBAAkB,EAAE,qBAAqB,KAAA,IAAY;EAEzE,OAAO,WAAW,eAAe,GAA8B,EAAE,WAAW,KAAK,CAAC,GAAG;GACnF,cAAc;GACd,gBAAgB,EAAE;EACpB,CAAC;CACH;CAEA,OAAO,EACL,IAAI,WAAW;EACb,OAAO,YAAY;CACrB,EACF;AACF;;;;AAKA,SAAgB,qBACd,QAAgD,CAAC,GAC7B;CACpB,MAAM,iBAAiB,OAAO,KAAK;CAEnC,MAAM,kBAAkB,SAAS,CAAC,CAAC,aAAa;CAChD,MAAM,mBAAmB,SAAS,CAAC,CAAC,cAAc;CAClD,MAAM,oBAAoB,SAAS,CAAC,CAAC,eAAe;CAUpD,MAAM,WAAW,WAAW;EAC1B,IAAI,aAAa;GACf,OAAO,WAAW,KAAK,UAAU;EACnC;EACA,IAAI,cAAc;GAChB,OAAO,YAAY;EACrB;EACA,IAAI,OAAO;GACT,OAAO,UAAU,IAAI,KAAA,IAAY,SAAS,CAAC,CAAC;EAC9C;EACA,IAAI,SAAS;GACX,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,MAAM;GACR,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,UAAU;GACZ,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,eAAe;GACjB,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,aAAa;GACf,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,UAAU;GACZ,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,UAAU;GACZ,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,SAAS;GACX,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,gBAAgB;GAClB,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,YAAY;GACd,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,UAAU;GACZ,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,YAAY;GACd,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,eAAe;GACjB,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,oBAAoB;GACtB,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,qBAAqB;GACvB,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,iBAAiB;GACnB,OAAO,SAAS,CAAC,CAAC;EACpB;CACF,CAAC;CAED,MAAM,qBAA8C;EAClD,MAAM,IAAI,SAAS;EACnB,MAAM,UAAU,UAAU;EAE1B,MAAM,YAAY,SAAS;EAG3B,IAAI,YAAqC,EAAE,KAAK,WAAW,WAAW,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI;EAGtF,IAAI,SAAS;GACX,MAAM,cAAc,EAAE,mBAAmB;GACzC,YAAY,WAAW,WAAW,EAChC,gBAAgB,YAClB,CAAC;EACH;EAGA,IAAI,WAAW,GACb,YAAY,WAAW,WAAW,EAChC,iBAAiB,KACnB,CAAC;EAGH,OAAO;CACT;CAEA,OAAO;EACL,IAAI,YAAY;GACd,OAAO,aAAa;EACtB;EACA,IAAI,YAAY;GACd,OAAO,SAAS;EAClB;EACA,WAAW,SAAS;CACtB;AACF"}

package/dist/_chunk/button.js

@@ -1,9 +1,46 @@
-import { t as createPress } from "./createPress.js";
-import { i as mergeProps$1 } from "./env.js";
+/*
+* Copyright 2020 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/button/useButton.ts
+/*
+* Copyright 2020 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/button/useToggleButton.ts
+/*
+* Copyright 2024 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/button/useToggleButtonGroup.ts
+import { t as mergeProps } from "./mergeProps.js";
+import { x as splitProps } from "./utils.js";
 import { t as filterDOMProps } from "./filterDOMProps.js";
+import { t as createPress } from "./createPress.js";
 import { n as createFocusable } from "./createFocusable.js";
 import { t as createToolbar } from "./toolbar.js";
-import { createSignal, splitProps } from "solid-js";
+import { createSignal } from "solid-js";
 //#region src/button/createButton.ts
 function isDisabledValue$1(isDisabled) {
 	if (typeof isDisabled === "function") return isDisabled();
@@ -112,14 +149,14 @@ function createButton(props = {}) {
 			return elementType === "input" ? isDisabled() : void 0;
 		},
 		get "aria-disabled"() {
-			return isDisabled() && elementType !== "input" ? true : void 0;
+			return isDisabled() && elementType !== "input" ? "true" : void 0;
 		},
 		get rel() {
 			return isLink ? props.rel : void 0;
 		}
 	};
 	return {
-		buttonProps: mergeProps$1(additionalProps, focusableProps, pressProps, filterDOMProps(props, { labelable: true }), {
+		buttonProps: mergeProps(additionalProps, focusableProps, pressProps, filterDOMProps(props, { labelable: true }), {
 			get "aria-haspopup"() {
 				return props["aria-haspopup"];
 			},
@@ -189,14 +226,11 @@ function createToggleButton(props = {}) {
 		toggleSelection();
 		props.onPress?.(e);
 	};
-	const { buttonProps: baseButtonProps, isPressed } = createButton(mergeProps$1(props, { onPress }));
+	const { buttonProps: baseButtonProps, isPressed } = createButton(mergeProps(props, { onPress }));
 	return {
-		buttonProps: {
-			...baseButtonProps,
-			get "aria-pressed"() {
-				return isSelected();
-			}
-		},
+		buttonProps: mergeProps(baseButtonProps, { get "aria-pressed"() {
+			return isSelected() ? "true" : "false";
+		} }),
 		isPressed,
 		isSelected
 	};
@@ -222,12 +256,12 @@ function createToggleButtonGroup(props, state) {
 			return props["aria-labelledby"];
 		}
 	});
-	return { groupProps: mergeProps$1(toolbarProps, {
+	return { groupProps: mergeProps(toolbarProps, {
 		get role() {
 			return state.selectionMode === "single" ? "radiogroup" : toolbarProps.role;
 		},
 		get "aria-disabled"() {
-			return props.isDisabled || void 0;
+			return props.isDisabled ? "true" : void 0;
 		}
 	}) };
 }
@@ -236,7 +270,7 @@ function createToggleButtonGroup(props, state) {
 */
 function createToggleButtonGroupItem(props, state) {
 	const [, toggleProps] = splitProps(props, ["id"]);
-	const toggleButton = createToggleButton(mergeProps$1(toggleProps, {
+	const toggleButton = createToggleButton(mergeProps(toggleProps, {
 		get isSelected() {
 			return state.selectedKeys.has(props.id);
 		},
@@ -249,21 +283,20 @@ function createToggleButtonGroupItem(props, state) {
 		}
 	}));
 	const baseButtonProps = toggleButton.buttonProps;
-	const buttonProps = {
-		...baseButtonProps,
+	const buttonProps = mergeProps(baseButtonProps, {
 		get role() {
 			if (state.selectionMode === "single") return "radio";
 			return baseButtonProps.role;
 		},
 		get "aria-checked"() {
 			if (state.selectionMode !== "single") return;
-			return state.selectedKeys.has(props.id);
+			return state.selectedKeys.has(props.id) ? "true" : "false";
 		},
 		get "aria-pressed"() {
-			if (state.selectionMode === "single") return;
+			if (state.selectionMode === "single") return null;
 			return baseButtonProps["aria-pressed"];
 		}
-	};
+	});
 	return {
 		...toggleButton,
 		buttonProps

package/dist/_chunk/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":["isDisabledValue","mergeProps","mergeProps","mergeProps"],"sources":["../../src/button/createButton.ts","../../src/button/createToggleButton.ts","../../src/button/createToggleButtonGroup.ts"],"sourcesContent":["import { Accessor } from \"solid-js\";\nimport { createPress } from \"../interactions\";\nimport { createFocusable } from \"../interactions\";\nimport { mergeProps, filterDOMProps } from \"../utils\";\nimport type { AriaButtonProps, ButtonAria } from \"./types\";\n\nfunction isDisabledValue(isDisabled: Accessor<boolean> | boolean | undefined): boolean {\n  if (typeof isDisabled === \"function\") {\n    return isDisabled();\n  }\n  return isDisabled ?? false;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a button component.\n * Handles press interactions across mouse, touch, keyboard and screen readers.\n *\n * Based on react-aria's useButton but adapted for SolidJS.\n *\n * @example\n * ```tsx\n * import { createButton } from 'solidaria';\n *\n * function Button(props) {\n *   let ref;\n *   const { buttonProps, isPressed } = createButton(props);\n *\n *   return (\n *     <button\n *       {...buttonProps}\n *       ref={ref}\n *       class={isPressed() ? 'pressed' : ''}\n *     >\n *       {props.children}\n *     </button>\n *   );\n * }\n * ```\n */\nexport function createButton(props: AriaButtonProps = {}): ButtonAria {\n  const elementType = props.elementType ?? \"button\";\n  const isDisabled = () => isDisabledValue(props.isDisabled);\n\n  const { pressProps, isPressed } = createPress({\n    isDisabled,\n    onPress: (event) => props.onPress?.(event),\n    onPressStart: (event) => props.onPressStart?.(event),\n    onPressEnd: (event) => props.onPressEnd?.(event),\n    onPressUp: (event) => props.onPressUp?.(event),\n    onPressChange: (pressed) => props.onPressChange?.(pressed),\n    onClick: (event) => props.onClick?.(event),\n    get preventFocusOnPress() {\n      return props.preventFocusOnPress;\n    },\n  });\n\n  const { focusableProps } = createFocusable({\n    isDisabled,\n    autoFocus: props.autoFocus,\n    excludeFromTabOrder: props.excludeFromTabOrder,\n  });\n\n  const isNativeButton = elementType === \"button\";\n  const isLink = elementType === \"a\";\n\n  // Handle allowFocusWhenDisabled - set tabIndex to -1 when disabled but focusable\n  // This allows tooltips to be shown on disabled buttons\n  if (props.allowFocusWhenDisabled) {\n    Object.defineProperty(focusableProps, \"tabIndex\", {\n      enumerable: true,\n      configurable: true,\n      get() {\n        return isDisabled() ? -1 : props.excludeFromTabOrder ? -1 : 0;\n      },\n    });\n  }\n\n  let additionalProps: Record<string, unknown> = {};\n\n  if (isNativeButton) {\n    additionalProps = {\n      get type() {\n        return props.type ?? \"button\";\n      },\n      get disabled() {\n        return isDisabled();\n      },\n      get form() {\n        return props.form;\n      },\n      get formAction() {\n        return props.formAction;\n      },\n      get formEncType() {\n        return props.formEncType;\n      },\n      get formMethod() {\n        return props.formMethod;\n      },\n      get formNoValidate() {\n        return props.formNoValidate;\n      },\n      get formTarget() {\n        return props.formTarget;\n      },\n      get name() {\n        return props.name;\n      },\n      get value() {\n        return props.value;\n      },\n    };\n  } else {\n    // Non-native buttons need role; focusableProps supplies tabIndex.\n    additionalProps = {\n      role: \"button\",\n      get href() {\n        return isLink && !isDisabled() ? props.href : undefined;\n      },\n      get target() {\n        return isLink ? props.target : undefined;\n      },\n      get type() {\n        return elementType === \"input\" ? (props.type ?? \"button\") : undefined;\n      },\n      get disabled() {\n        return elementType === \"input\" ? isDisabled() : undefined;\n      },\n      get \"aria-disabled\"() {\n        return isDisabled() && elementType !== \"input\" ? true : undefined;\n      },\n      get rel() {\n        return isLink ? props.rel : undefined;\n      },\n    };\n  }\n\n  const ariaProps: Record<string, unknown> = {\n    get \"aria-haspopup\"() {\n      return props[\"aria-haspopup\"];\n    },\n    get \"aria-expanded\"() {\n      return props[\"aria-expanded\"];\n    },\n    get \"aria-controls\"() {\n      return props[\"aria-controls\"];\n    },\n    get \"aria-pressed\"() {\n      return props[\"aria-pressed\"];\n    },\n    get \"aria-current\"() {\n      return props[\"aria-current\"];\n    },\n    get \"aria-disabled\"() {\n      return props[\"aria-disabled\"];\n    },\n  };\n\n  const buttonProps = mergeProps(\n    additionalProps,\n    focusableProps as Record<string, unknown>,\n    pressProps as Record<string, unknown>,\n    filterDOMProps(props as Record<string, unknown>, { labelable: true }),\n    ariaProps,\n  );\n\n  return {\n    buttonProps,\n    isPressed,\n  };\n}\n","import { Accessor, createSignal } from \"solid-js\";\nimport { createButton } from \"./createButton\";\nimport { mergeProps } from \"../utils\";\nimport type { AriaButtonProps, ButtonAria } from \"./types\";\nimport type { PressEvent } from \"../interactions\";\n\nexport interface AriaToggleButtonProps extends Omit<AriaButtonProps, \"aria-pressed\"> {\n  /** Whether the button is selected (controlled). */\n  isSelected?: Accessor<boolean> | boolean;\n  /** Handler called when the button's selection state changes. */\n  onChange?: (isSelected: boolean) => void;\n  /** The default selected state (uncontrolled). */\n  defaultSelected?: boolean;\n}\n\nexport interface ToggleButtonAria extends ButtonAria {\n  /** Whether the button is currently selected. */\n  isSelected: Accessor<boolean>;\n}\n\nfunction getSelectedValue(isSelected: Accessor<boolean> | boolean | undefined): boolean {\n  if (typeof isSelected === \"function\") {\n    return isSelected();\n  }\n  return isSelected ?? false;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a toggle button component.\n * Toggle buttons allow users to toggle a selection on or off.\n *\n * Based on react-aria's useToggleButton but adapted for SolidJS.\n *\n * @example\n * ```tsx\n * import { createToggleButton } from 'solidaria';\n *\n * function ToggleButton(props) {\n *   const { buttonProps, isPressed, isSelected } = createToggleButton(props);\n *\n *   return (\n *     <button\n *       {...buttonProps}\n *       class={isSelected() ? 'selected' : ''}\n *       style={{ opacity: isPressed() ? 0.8 : 1 }}\n *     >\n *       {props.children}\n *     </button>\n *   );\n * }\n * ```\n */\nexport function createToggleButton(props: AriaToggleButtonProps = {}): ToggleButtonAria {\n  // Handle controlled vs uncontrolled state\n  const isControlled = props.isSelected !== undefined;\n  const [uncontrolledSelected, setUncontrolledSelected] = createSignal(\n    props.defaultSelected ?? false,\n  );\n\n  const isSelected = (): boolean => {\n    if (isControlled) {\n      return getSelectedValue(props.isSelected);\n    }\n    return uncontrolledSelected();\n  };\n\n  const toggleSelection = () => {\n    const newValue = !isSelected();\n    if (!isControlled) {\n      setUncontrolledSelected(newValue);\n    }\n    props.onChange?.(newValue);\n  };\n\n  // Create the press handler that toggles selection\n  const onPress = (e: PressEvent) => {\n    toggleSelection();\n    props.onPress?.(e);\n  };\n\n  // Get button props with our custom press handler\n  const { buttonProps: baseButtonProps, isPressed } = createButton(\n    mergeProps(props, {\n      onPress,\n    }) as AriaButtonProps,\n  );\n\n  // Create buttonProps with a getter for aria-pressed so it stays reactive\n  const buttonProps = {\n    ...baseButtonProps,\n    get \"aria-pressed\"() {\n      return isSelected();\n    },\n  };\n\n  return {\n    buttonProps,\n    isPressed,\n    isSelected,\n  };\n}\n","import type { JSX } from \"solid-js\";\nimport { splitProps } from \"solid-js\";\nimport type { Key, ToggleGroupProps, ToggleGroupState } from \"@proyecto-viviana/solid-stately\";\nimport { createToolbar, type Orientation } from \"../toolbar\";\nimport { mergeProps } from \"../utils\";\nimport {\n  createToggleButton,\n  type AriaToggleButtonProps,\n  type ToggleButtonAria,\n} from \"./createToggleButton\";\n\nexport interface AriaToggleButtonGroupProps extends ToggleGroupProps {\n  /**\n   * The orientation of the toggle button group.\n   * @default 'horizontal'\n   */\n  orientation?: Orientation;\n  /** Accessible label. */\n  \"aria-label\"?: string;\n  /** Labelled-by id. */\n  \"aria-labelledby\"?: string;\n}\n\nexport interface ToggleButtonGroupAria {\n  /** Props for the group container. */\n  groupProps: JSX.HTMLAttributes<HTMLElement>;\n}\n\nexport interface AriaToggleButtonGroupItemProps extends Omit<AriaToggleButtonProps, \"children\"> {\n  /** Key used in the group selection state. */\n  id: Key;\n}\n\nfunction isDisabledValue(isDisabled: AriaToggleButtonProps[\"isDisabled\"]): boolean {\n  if (typeof isDisabled === \"function\") {\n    return isDisabled();\n  }\n  return !!isDisabled;\n}\n\n/**\n * Provides ARIA behavior for a toggle button group container.\n */\nexport function createToggleButtonGroup(\n  props: AriaToggleButtonGroupProps,\n  state: ToggleGroupState,\n): ToggleButtonGroupAria {\n  const { toolbarProps } = createToolbar({\n    get orientation() {\n      return props.orientation;\n    },\n    get \"aria-label\"() {\n      return props[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return props[\"aria-labelledby\"];\n    },\n  });\n\n  const groupProps = mergeProps(toolbarProps as Record<string, unknown>, {\n    get role() {\n      return state.selectionMode === \"single\" ? \"radiogroup\" : toolbarProps.role;\n    },\n    get \"aria-disabled\"() {\n      return props.isDisabled || undefined;\n    },\n  }) as JSX.HTMLAttributes<HTMLElement>;\n\n  return { groupProps };\n}\n\n/**\n * Provides ARIA behavior for an item within a toggle button group.\n */\nexport function createToggleButtonGroupItem(\n  props: AriaToggleButtonGroupItemProps,\n  state: ToggleGroupState,\n): ToggleButtonAria {\n  // splitProps keeps `toggleProps` a reactive proxy; an object-rest destructure\n  // (`{ id, ...toggleProps }`) eagerly reads and freezes every key. `id` is\n  // dropped here and re-read live via props.id below. guard:idiomatic-solid.\n  const [, toggleProps] = splitProps(props, [\"id\"]);\n\n  const toggleButton = createToggleButton(\n    mergeProps(toggleProps, {\n      get isSelected() {\n        return state.selectedKeys.has(props.id);\n      },\n      onChange(isSelected: boolean) {\n        state.setSelected(props.id, isSelected);\n        props.onChange?.(isSelected);\n      },\n      get isDisabled() {\n        return isDisabledValue(props.isDisabled) || state.isDisabled;\n      },\n    }) as AriaToggleButtonProps,\n  );\n\n  const baseButtonProps = toggleButton.buttonProps as Record<string, unknown>;\n  const buttonProps: Record<string, unknown> = {\n    ...baseButtonProps,\n    get role() {\n      if (state.selectionMode === \"single\") {\n        return \"radio\";\n      }\n      return baseButtonProps.role as string | undefined;\n    },\n    get \"aria-checked\"() {\n      if (state.selectionMode !== \"single\") {\n        return undefined;\n      }\n      return state.selectedKeys.has(props.id);\n    },\n    get \"aria-pressed\"() {\n      if (state.selectionMode === \"single\") {\n        return undefined;\n      }\n      return baseButtonProps[\"aria-pressed\"];\n    },\n  };\n\n  return {\n    ...toggleButton,\n    buttonProps,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"button.js","names":["isDisabledValue"],"sources":["../../src/button/createButton.ts","../../src/button/createToggleButton.ts","../../src/button/createToggleButtonGroup.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/button/useButton.ts\n\nimport { Accessor } from \"solid-js\";\nimport { createPress } from \"../interactions\";\nimport { createFocusable } from \"../interactions\";\nimport { mergeProps, filterDOMProps } from \"../utils\";\nimport type { AriaButtonProps, ButtonAria } from \"./types\";\n\nfunction isDisabledValue(isDisabled: Accessor<boolean> | boolean | undefined): boolean {\n  if (typeof isDisabled === \"function\") {\n    return isDisabled();\n  }\n  return isDisabled ?? false;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a button component.\n * Handles press interactions across mouse, touch, keyboard and screen readers.\n *\n * Based on react-aria's useButton but adapted for SolidJS.\n *\n * @example\n * ```tsx\n * import { createButton } from 'solidaria';\n *\n * function Button(props) {\n *   let ref;\n *   const { buttonProps, isPressed } = createButton(props);\n *\n *   return (\n *     <button\n *       {...buttonProps}\n *       ref={ref}\n *       class={isPressed() ? 'pressed' : ''}\n *     >\n *       {props.children}\n *     </button>\n *   );\n * }\n * ```\n */\nexport function createButton(props: AriaButtonProps = {}): ButtonAria {\n  const elementType = props.elementType ?? \"button\";\n  const isDisabled = () => isDisabledValue(props.isDisabled);\n\n  const { pressProps, isPressed } = createPress({\n    isDisabled,\n    onPress: (event) => props.onPress?.(event),\n    onPressStart: (event) => props.onPressStart?.(event),\n    onPressEnd: (event) => props.onPressEnd?.(event),\n    onPressUp: (event) => props.onPressUp?.(event),\n    onPressChange: (pressed) => props.onPressChange?.(pressed),\n    onClick: (event) => props.onClick?.(event),\n    get preventFocusOnPress() {\n      return props.preventFocusOnPress;\n    },\n  });\n\n  const { focusableProps } = createFocusable({\n    isDisabled,\n    autoFocus: props.autoFocus,\n    excludeFromTabOrder: props.excludeFromTabOrder,\n  });\n\n  const isNativeButton = elementType === \"button\";\n  const isLink = elementType === \"a\";\n\n  // Handle allowFocusWhenDisabled - set tabIndex to -1 when disabled but focusable\n  // This allows tooltips to be shown on disabled buttons\n  if (props.allowFocusWhenDisabled) {\n    Object.defineProperty(focusableProps, \"tabIndex\", {\n      enumerable: true,\n      configurable: true,\n      get() {\n        return isDisabled() ? -1 : props.excludeFromTabOrder ? -1 : 0;\n      },\n    });\n  }\n\n  let additionalProps: Record<string, unknown> = {};\n\n  if (isNativeButton) {\n    additionalProps = {\n      get type() {\n        return props.type ?? \"button\";\n      },\n      get disabled() {\n        return isDisabled();\n      },\n      get form() {\n        return props.form;\n      },\n      get formAction() {\n        return props.formAction;\n      },\n      get formEncType() {\n        return props.formEncType;\n      },\n      get formMethod() {\n        return props.formMethod;\n      },\n      get formNoValidate() {\n        return props.formNoValidate;\n      },\n      get formTarget() {\n        return props.formTarget;\n      },\n      get name() {\n        return props.name;\n      },\n      get value() {\n        return props.value;\n      },\n    };\n  } else {\n    // Non-native buttons need role; focusableProps supplies tabIndex.\n    additionalProps = {\n      role: \"button\",\n      get href() {\n        return isLink && !isDisabled() ? props.href : undefined;\n      },\n      get target() {\n        return isLink ? props.target : undefined;\n      },\n      get type() {\n        return elementType === \"input\" ? (props.type ?? \"button\") : undefined;\n      },\n      get disabled() {\n        return elementType === \"input\" ? isDisabled() : undefined;\n      },\n      get \"aria-disabled\"() {\n        return isDisabled() && elementType !== \"input\" ? \"true\" : undefined;\n      },\n      get rel() {\n        return isLink ? props.rel : undefined;\n      },\n    };\n  }\n\n  const ariaProps: Record<string, unknown> = {\n    get \"aria-haspopup\"() {\n      return props[\"aria-haspopup\"];\n    },\n    get \"aria-expanded\"() {\n      return props[\"aria-expanded\"];\n    },\n    get \"aria-controls\"() {\n      return props[\"aria-controls\"];\n    },\n    get \"aria-pressed\"() {\n      return props[\"aria-pressed\"];\n    },\n    get \"aria-current\"() {\n      return props[\"aria-current\"];\n    },\n    get \"aria-disabled\"() {\n      return props[\"aria-disabled\"];\n    },\n  };\n\n  const buttonProps = mergeProps(\n    additionalProps,\n    focusableProps as Record<string, unknown>,\n    pressProps as Record<string, unknown>,\n    filterDOMProps(props as Record<string, unknown>, { labelable: true }),\n    ariaProps,\n  );\n\n  return {\n    buttonProps,\n    isPressed,\n  };\n}\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/button/useToggleButton.ts\n\nimport { Accessor, createSignal } from \"solid-js\";\nimport { createButton } from \"./createButton\";\nimport { mergeProps } from \"../utils\";\nimport type { AriaButtonProps, ButtonAria } from \"./types\";\nimport type { PressEvent } from \"../interactions\";\n\nexport interface AriaToggleButtonProps extends Omit<AriaButtonProps, \"aria-pressed\"> {\n  /** Whether the button is selected (controlled). */\n  isSelected?: Accessor<boolean> | boolean;\n  /** Handler called when the button's selection state changes. */\n  onChange?: (isSelected: boolean) => void;\n  /** The default selected state (uncontrolled). */\n  defaultSelected?: boolean;\n}\n\nexport interface ToggleButtonAria extends ButtonAria {\n  /** Whether the button is currently selected. */\n  isSelected: Accessor<boolean>;\n}\n\nfunction getSelectedValue(isSelected: Accessor<boolean> | boolean | undefined): boolean {\n  if (typeof isSelected === \"function\") {\n    return isSelected();\n  }\n  return isSelected ?? false;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a toggle button component.\n * Toggle buttons allow users to toggle a selection on or off.\n *\n * Based on react-aria's useToggleButton but adapted for SolidJS.\n *\n * @example\n * ```tsx\n * import { createToggleButton } from 'solidaria';\n *\n * function ToggleButton(props) {\n *   const { buttonProps, isPressed, isSelected } = createToggleButton(props);\n *\n *   return (\n *     <button\n *       {...buttonProps}\n *       class={isSelected() ? 'selected' : ''}\n *       style={{ opacity: isPressed() ? 0.8 : 1 }}\n *     >\n *       {props.children}\n *     </button>\n *   );\n * }\n * ```\n */\nexport function createToggleButton(props: AriaToggleButtonProps = {}): ToggleButtonAria {\n  // Handle controlled vs uncontrolled state\n  const isControlled = props.isSelected !== undefined;\n  const [uncontrolledSelected, setUncontrolledSelected] = createSignal(\n    props.defaultSelected ?? false,\n  );\n\n  const isSelected = (): boolean => {\n    if (isControlled) {\n      return getSelectedValue(props.isSelected);\n    }\n    return uncontrolledSelected();\n  };\n\n  const toggleSelection = () => {\n    const newValue = !isSelected();\n    if (!isControlled) {\n      setUncontrolledSelected(newValue);\n    }\n    props.onChange?.(newValue);\n  };\n\n  // Create the press handler that toggles selection\n  const onPress = (e: PressEvent) => {\n    toggleSelection();\n    props.onPress?.(e);\n  };\n\n  // Get button props with our custom press handler\n  const { buttonProps: baseButtonProps, isPressed } = createButton(\n    mergeProps(props, {\n      onPress,\n    }) as AriaButtonProps,\n  );\n\n  // Solid 2 omits boolean `false` attributes; ARIA needs the literal \"false\".\n  const buttonProps = mergeProps(baseButtonProps, {\n    get \"aria-pressed\"() {\n      return isSelected() ? \"true\" : \"false\";\n    },\n  });\n\n  return {\n    buttonProps,\n    isPressed,\n    isSelected,\n  };\n}\n","/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/button/useToggleButtonGroup.ts\n\n// Ported from packages/react-aria/src/button/useToggleButtonGroup.ts.\n\nimport type { JSX } from \"@solidjs/web\";\nimport type { Key, ToggleGroupProps, ToggleGroupState } from \"@proyecto-viviana/solid-stately\";\nimport { createToolbar, type Orientation } from \"../toolbar\";\nimport { mergeProps } from \"../utils\";\nimport { splitProps } from \"../utils/splitProps\";\nimport {\n  createToggleButton,\n  type AriaToggleButtonProps,\n  type ToggleButtonAria,\n} from \"./createToggleButton\";\n\nexport interface AriaToggleButtonGroupProps extends ToggleGroupProps {\n  /**\n   * The orientation of the toggle button group.\n   * @default 'horizontal'\n   */\n  orientation?: Orientation;\n  /** Accessible label. */\n  \"aria-label\"?: string;\n  /** Labelled-by id. */\n  \"aria-labelledby\"?: string;\n}\n\nexport interface ToggleButtonGroupAria {\n  /** Props for the group container. */\n  groupProps: JSX.HTMLAttributes<HTMLElement>;\n}\n\nexport interface AriaToggleButtonGroupItemProps extends Omit<AriaToggleButtonProps, \"children\"> {\n  /** Key used in the group selection state. */\n  id: Key;\n}\n\nfunction isDisabledValue(isDisabled: AriaToggleButtonProps[\"isDisabled\"]): boolean {\n  if (typeof isDisabled === \"function\") {\n    return isDisabled();\n  }\n  return !!isDisabled;\n}\n\n/**\n * Provides ARIA behavior for a toggle button group container.\n */\nexport function createToggleButtonGroup(\n  props: AriaToggleButtonGroupProps,\n  state: ToggleGroupState,\n): ToggleButtonGroupAria {\n  const { toolbarProps } = createToolbar({\n    get orientation() {\n      return props.orientation;\n    },\n    get \"aria-label\"() {\n      return props[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return props[\"aria-labelledby\"];\n    },\n  });\n\n  const groupProps = mergeProps(toolbarProps as Record<string, unknown>, {\n    get role() {\n      return state.selectionMode === \"single\" ? \"radiogroup\" : toolbarProps.role;\n    },\n    get \"aria-disabled\"() {\n      return props.isDisabled ? \"true\" : undefined;\n    },\n  }) as JSX.HTMLAttributes<HTMLElement>;\n\n  return { groupProps };\n}\n\n/**\n * Provides ARIA behavior for an item within a toggle button group.\n */\nexport function createToggleButtonGroupItem(\n  props: AriaToggleButtonGroupItemProps,\n  state: ToggleGroupState,\n): ToggleButtonAria {\n  // splitProps keeps `toggleProps` a reactive proxy; an object-rest destructure\n  // (`{ id, ...toggleProps }`) eagerly reads and freezes every key. `id` is\n  // dropped here and re-read live via props.id below. guard:idiomatic-solid.\n  const [, toggleProps] = splitProps(props, [\"id\"]);\n\n  const toggleButton = createToggleButton(\n    mergeProps(toggleProps, {\n      get isSelected() {\n        return state.selectedKeys.has(props.id);\n      },\n      onChange(isSelected: boolean) {\n        state.setSelected(props.id, isSelected);\n        props.onChange?.(isSelected);\n      },\n      get isDisabled() {\n        return isDisabledValue(props.isDisabled) || state.isDisabled;\n      },\n    }) as AriaToggleButtonProps,\n  );\n\n  const baseButtonProps = toggleButton.buttonProps as Record<string, unknown>;\n  const buttonProps = mergeProps(baseButtonProps, {\n    get role() {\n      if (state.selectionMode === \"single\") {\n        return \"radio\";\n      }\n      return baseButtonProps.role as string | undefined;\n    },\n    get \"aria-checked\"() {\n      if (state.selectionMode !== \"single\") {\n        return undefined;\n      }\n      return state.selectedKeys.has(props.id) ? \"true\" : \"false\";\n    },\n    get \"aria-pressed\"() {\n      if (state.selectionMode === \"single\") {\n        return null;\n      }\n      return baseButtonProps[\"aria-pressed\"];\n    },\n  });\n\n  return {\n    ...toggleButton,\n    buttonProps,\n  };\n}\n"],"mappings":"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"}

package/dist/_chunk/button.jsx

@@ -1,9 +1,46 @@
-import { t as createPress } from "./createPress.jsx";
-import { i as mergeProps$1 } from "./env.jsx";
+/*
+* Copyright 2020 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/button/useButton.ts
+/*
+* Copyright 2020 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/button/useToggleButton.ts
+/*
+* Copyright 2024 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/button/useToggleButtonGroup.ts
+import { t as mergeProps } from "./mergeProps.jsx";
+import { x as splitProps } from "./utils.jsx";
 import { t as filterDOMProps } from "./filterDOMProps.jsx";
+import { t as createPress } from "./createPress.jsx";
 import { n as createFocusable } from "./createFocusable.jsx";
 import { t as createToolbar } from "./toolbar.jsx";
-import { createSignal, splitProps } from "solid-js";
+import { createSignal } from "solid-js";
 //#region src/button/createButton.ts
 function isDisabledValue$1(isDisabled) {
 	if (typeof isDisabled === "function") return isDisabled();
@@ -112,14 +149,14 @@ function createButton(props = {}) {
 			return elementType === "input" ? isDisabled() : void 0;
 		},
 		get "aria-disabled"() {
-			return isDisabled() && elementType !== "input" ? true : void 0;
+			return isDisabled() && elementType !== "input" ? "true" : void 0;
 		},
 		get rel() {
 			return isLink ? props.rel : void 0;
 		}
 	};
 	return {
-		buttonProps: mergeProps$1(additionalProps, focusableProps, pressProps, filterDOMProps(props, { labelable: true }), {
+		buttonProps: mergeProps(additionalProps, focusableProps, pressProps, filterDOMProps(props, { labelable: true }), {
 			get "aria-haspopup"() {
 				return props["aria-haspopup"];
 			},
@@ -189,14 +226,11 @@ function createToggleButton(props = {}) {
 		toggleSelection();
 		props.onPress?.(e);
 	};
-	const { buttonProps: baseButtonProps, isPressed } = createButton(mergeProps$1(props, { onPress }));
+	const { buttonProps: baseButtonProps, isPressed } = createButton(mergeProps(props, { onPress }));
 	return {
-		buttonProps: {
-			...baseButtonProps,
-			get "aria-pressed"() {
-				return isSelected();
-			}
-		},
+		buttonProps: mergeProps(baseButtonProps, { get "aria-pressed"() {
+			return isSelected() ? "true" : "false";
+		} }),
 		isPressed,
 		isSelected
 	};
@@ -222,12 +256,12 @@ function createToggleButtonGroup(props, state) {
 			return props["aria-labelledby"];
 		}
 	});
-	return { groupProps: mergeProps$1(toolbarProps, {
+	return { groupProps: mergeProps(toolbarProps, {
 		get role() {
 			return state.selectionMode === "single" ? "radiogroup" : toolbarProps.role;
 		},
 		get "aria-disabled"() {
-			return props.isDisabled || void 0;
+			return props.isDisabled ? "true" : void 0;
 		}
 	}) };
 }
@@ -236,7 +270,7 @@ function createToggleButtonGroup(props, state) {
 */
 function createToggleButtonGroupItem(props, state) {
 	const [, toggleProps] = splitProps(props, ["id"]);
-	const toggleButton = createToggleButton(mergeProps$1(toggleProps, {
+	const toggleButton = createToggleButton(mergeProps(toggleProps, {
 		get isSelected() {
 			return state.selectedKeys.has(props.id);
 		},
@@ -249,21 +283,20 @@ function createToggleButtonGroupItem(props, state) {
 		}
 	}));
 	const baseButtonProps = toggleButton.buttonProps;
-	const buttonProps = {
-		...baseButtonProps,
+	const buttonProps = mergeProps(baseButtonProps, {
 		get role() {
 			if (state.selectionMode === "single") return "radio";
 			return baseButtonProps.role;
 		},
 		get "aria-checked"() {
 			if (state.selectionMode !== "single") return;
-			return state.selectedKeys.has(props.id);
+			return state.selectedKeys.has(props.id) ? "true" : "false";
 		},
 		get "aria-pressed"() {
-			if (state.selectionMode === "single") return;
+			if (state.selectionMode === "single") return null;
 			return baseButtonProps["aria-pressed"];
 		}
-	};
+	});
 	return {
 		...toggleButton,
 		buttonProps

package/dist/_chunk/button.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"button.jsx","names":["isDisabledValue","mergeProps","mergeProps","mergeProps"],"sources":["../../src/button/createButton.ts","../../src/button/createToggleButton.ts","../../src/button/createToggleButtonGroup.ts"],"sourcesContent":["import { Accessor } from \"solid-js\";\nimport { createPress } from \"../interactions\";\nimport { createFocusable } from \"../interactions\";\nimport { mergeProps, filterDOMProps } from \"../utils\";\nimport type { AriaButtonProps, ButtonAria } from \"./types\";\n\nfunction isDisabledValue(isDisabled: Accessor<boolean> | boolean | undefined): boolean {\n  if (typeof isDisabled === \"function\") {\n    return isDisabled();\n  }\n  return isDisabled ?? false;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a button component.\n * Handles press interactions across mouse, touch, keyboard and screen readers.\n *\n * Based on react-aria's useButton but adapted for SolidJS.\n *\n * @example\n * ```tsx\n * import { createButton } from 'solidaria';\n *\n * function Button(props) {\n *   let ref;\n *   const { buttonProps, isPressed } = createButton(props);\n *\n *   return (\n *     <button\n *       {...buttonProps}\n *       ref={ref}\n *       class={isPressed() ? 'pressed' : ''}\n *     >\n *       {props.children}\n *     </button>\n *   );\n * }\n * ```\n */\nexport function createButton(props: AriaButtonProps = {}): ButtonAria {\n  const elementType = props.elementType ?? \"button\";\n  const isDisabled = () => isDisabledValue(props.isDisabled);\n\n  const { pressProps, isPressed } = createPress({\n    isDisabled,\n    onPress: (event) => props.onPress?.(event),\n    onPressStart: (event) => props.onPressStart?.(event),\n    onPressEnd: (event) => props.onPressEnd?.(event),\n    onPressUp: (event) => props.onPressUp?.(event),\n    onPressChange: (pressed) => props.onPressChange?.(pressed),\n    onClick: (event) => props.onClick?.(event),\n    get preventFocusOnPress() {\n      return props.preventFocusOnPress;\n    },\n  });\n\n  const { focusableProps } = createFocusable({\n    isDisabled,\n    autoFocus: props.autoFocus,\n    excludeFromTabOrder: props.excludeFromTabOrder,\n  });\n\n  const isNativeButton = elementType === \"button\";\n  const isLink = elementType === \"a\";\n\n  // Handle allowFocusWhenDisabled - set tabIndex to -1 when disabled but focusable\n  // This allows tooltips to be shown on disabled buttons\n  if (props.allowFocusWhenDisabled) {\n    Object.defineProperty(focusableProps, \"tabIndex\", {\n      enumerable: true,\n      configurable: true,\n      get() {\n        return isDisabled() ? -1 : props.excludeFromTabOrder ? -1 : 0;\n      },\n    });\n  }\n\n  let additionalProps: Record<string, unknown> = {};\n\n  if (isNativeButton) {\n    additionalProps = {\n      get type() {\n        return props.type ?? \"button\";\n      },\n      get disabled() {\n        return isDisabled();\n      },\n      get form() {\n        return props.form;\n      },\n      get formAction() {\n        return props.formAction;\n      },\n      get formEncType() {\n        return props.formEncType;\n      },\n      get formMethod() {\n        return props.formMethod;\n      },\n      get formNoValidate() {\n        return props.formNoValidate;\n      },\n      get formTarget() {\n        return props.formTarget;\n      },\n      get name() {\n        return props.name;\n      },\n      get value() {\n        return props.value;\n      },\n    };\n  } else {\n    // Non-native buttons need role; focusableProps supplies tabIndex.\n    additionalProps = {\n      role: \"button\",\n      get href() {\n        return isLink && !isDisabled() ? props.href : undefined;\n      },\n      get target() {\n        return isLink ? props.target : undefined;\n      },\n      get type() {\n        return elementType === \"input\" ? (props.type ?? \"button\") : undefined;\n      },\n      get disabled() {\n        return elementType === \"input\" ? isDisabled() : undefined;\n      },\n      get \"aria-disabled\"() {\n        return isDisabled() && elementType !== \"input\" ? true : undefined;\n      },\n      get rel() {\n        return isLink ? props.rel : undefined;\n      },\n    };\n  }\n\n  const ariaProps: Record<string, unknown> = {\n    get \"aria-haspopup\"() {\n      return props[\"aria-haspopup\"];\n    },\n    get \"aria-expanded\"() {\n      return props[\"aria-expanded\"];\n    },\n    get \"aria-controls\"() {\n      return props[\"aria-controls\"];\n    },\n    get \"aria-pressed\"() {\n      return props[\"aria-pressed\"];\n    },\n    get \"aria-current\"() {\n      return props[\"aria-current\"];\n    },\n    get \"aria-disabled\"() {\n      return props[\"aria-disabled\"];\n    },\n  };\n\n  const buttonProps = mergeProps(\n    additionalProps,\n    focusableProps as Record<string, unknown>,\n    pressProps as Record<string, unknown>,\n    filterDOMProps(props as Record<string, unknown>, { labelable: true }),\n    ariaProps,\n  );\n\n  return {\n    buttonProps,\n    isPressed,\n  };\n}\n","import { Accessor, createSignal } from \"solid-js\";\nimport { createButton } from \"./createButton\";\nimport { mergeProps } from \"../utils\";\nimport type { AriaButtonProps, ButtonAria } from \"./types\";\nimport type { PressEvent } from \"../interactions\";\n\nexport interface AriaToggleButtonProps extends Omit<AriaButtonProps, \"aria-pressed\"> {\n  /** Whether the button is selected (controlled). */\n  isSelected?: Accessor<boolean> | boolean;\n  /** Handler called when the button's selection state changes. */\n  onChange?: (isSelected: boolean) => void;\n  /** The default selected state (uncontrolled). */\n  defaultSelected?: boolean;\n}\n\nexport interface ToggleButtonAria extends ButtonAria {\n  /** Whether the button is currently selected. */\n  isSelected: Accessor<boolean>;\n}\n\nfunction getSelectedValue(isSelected: Accessor<boolean> | boolean | undefined): boolean {\n  if (typeof isSelected === \"function\") {\n    return isSelected();\n  }\n  return isSelected ?? false;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a toggle button component.\n * Toggle buttons allow users to toggle a selection on or off.\n *\n * Based on react-aria's useToggleButton but adapted for SolidJS.\n *\n * @example\n * ```tsx\n * import { createToggleButton } from 'solidaria';\n *\n * function ToggleButton(props) {\n *   const { buttonProps, isPressed, isSelected } = createToggleButton(props);\n *\n *   return (\n *     <button\n *       {...buttonProps}\n *       class={isSelected() ? 'selected' : ''}\n *       style={{ opacity: isPressed() ? 0.8 : 1 }}\n *     >\n *       {props.children}\n *     </button>\n *   );\n * }\n * ```\n */\nexport function createToggleButton(props: AriaToggleButtonProps = {}): ToggleButtonAria {\n  // Handle controlled vs uncontrolled state\n  const isControlled = props.isSelected !== undefined;\n  const [uncontrolledSelected, setUncontrolledSelected] = createSignal(\n    props.defaultSelected ?? false,\n  );\n\n  const isSelected = (): boolean => {\n    if (isControlled) {\n      return getSelectedValue(props.isSelected);\n    }\n    return uncontrolledSelected();\n  };\n\n  const toggleSelection = () => {\n    const newValue = !isSelected();\n    if (!isControlled) {\n      setUncontrolledSelected(newValue);\n    }\n    props.onChange?.(newValue);\n  };\n\n  // Create the press handler that toggles selection\n  const onPress = (e: PressEvent) => {\n    toggleSelection();\n    props.onPress?.(e);\n  };\n\n  // Get button props with our custom press handler\n  const { buttonProps: baseButtonProps, isPressed } = createButton(\n    mergeProps(props, {\n      onPress,\n    }) as AriaButtonProps,\n  );\n\n  // Create buttonProps with a getter for aria-pressed so it stays reactive\n  const buttonProps = {\n    ...baseButtonProps,\n    get \"aria-pressed\"() {\n      return isSelected();\n    },\n  };\n\n  return {\n    buttonProps,\n    isPressed,\n    isSelected,\n  };\n}\n","import type { JSX } from \"solid-js\";\nimport { splitProps } from \"solid-js\";\nimport type { Key, ToggleGroupProps, ToggleGroupState } from \"@proyecto-viviana/solid-stately\";\nimport { createToolbar, type Orientation } from \"../toolbar\";\nimport { mergeProps } from \"../utils\";\nimport {\n  createToggleButton,\n  type AriaToggleButtonProps,\n  type ToggleButtonAria,\n} from \"./createToggleButton\";\n\nexport interface AriaToggleButtonGroupProps extends ToggleGroupProps {\n  /**\n   * The orientation of the toggle button group.\n   * @default 'horizontal'\n   */\n  orientation?: Orientation;\n  /** Accessible label. */\n  \"aria-label\"?: string;\n  /** Labelled-by id. */\n  \"aria-labelledby\"?: string;\n}\n\nexport interface ToggleButtonGroupAria {\n  /** Props for the group container. */\n  groupProps: JSX.HTMLAttributes<HTMLElement>;\n}\n\nexport interface AriaToggleButtonGroupItemProps extends Omit<AriaToggleButtonProps, \"children\"> {\n  /** Key used in the group selection state. */\n  id: Key;\n}\n\nfunction isDisabledValue(isDisabled: AriaToggleButtonProps[\"isDisabled\"]): boolean {\n  if (typeof isDisabled === \"function\") {\n    return isDisabled();\n  }\n  return !!isDisabled;\n}\n\n/**\n * Provides ARIA behavior for a toggle button group container.\n */\nexport function createToggleButtonGroup(\n  props: AriaToggleButtonGroupProps,\n  state: ToggleGroupState,\n): ToggleButtonGroupAria {\n  const { toolbarProps } = createToolbar({\n    get orientation() {\n      return props.orientation;\n    },\n    get \"aria-label\"() {\n      return props[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return props[\"aria-labelledby\"];\n    },\n  });\n\n  const groupProps = mergeProps(toolbarProps as Record<string, unknown>, {\n    get role() {\n      return state.selectionMode === \"single\" ? \"radiogroup\" : toolbarProps.role;\n    },\n    get \"aria-disabled\"() {\n      return props.isDisabled || undefined;\n    },\n  }) as JSX.HTMLAttributes<HTMLElement>;\n\n  return { groupProps };\n}\n\n/**\n * Provides ARIA behavior for an item within a toggle button group.\n */\nexport function createToggleButtonGroupItem(\n  props: AriaToggleButtonGroupItemProps,\n  state: ToggleGroupState,\n): ToggleButtonAria {\n  // splitProps keeps `toggleProps` a reactive proxy; an object-rest destructure\n  // (`{ id, ...toggleProps }`) eagerly reads and freezes every key. `id` is\n  // dropped here and re-read live via props.id below. guard:idiomatic-solid.\n  const [, toggleProps] = splitProps(props, [\"id\"]);\n\n  const toggleButton = createToggleButton(\n    mergeProps(toggleProps, {\n      get isSelected() {\n        return state.selectedKeys.has(props.id);\n      },\n      onChange(isSelected: boolean) {\n        state.setSelected(props.id, isSelected);\n        props.onChange?.(isSelected);\n      },\n      get isDisabled() {\n        return isDisabledValue(props.isDisabled) || state.isDisabled;\n      },\n    }) as AriaToggleButtonProps,\n  );\n\n  const baseButtonProps = toggleButton.buttonProps as Record<string, unknown>;\n  const buttonProps: Record<string, unknown> = {\n    ...baseButtonProps,\n    get role() {\n      if (state.selectionMode === \"single\") {\n        return \"radio\";\n      }\n      return baseButtonProps.role as string | undefined;\n    },\n    get \"aria-checked\"() {\n      if (state.selectionMode !== \"single\") {\n        return undefined;\n      }\n      return state.selectedKeys.has(props.id);\n    },\n    get \"aria-pressed\"() {\n      if (state.selectionMode === \"single\") {\n        return undefined;\n      }\n      return baseButtonProps[\"aria-pressed\"];\n    },\n  };\n\n  return {\n    ...toggleButton,\n    buttonProps,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"button.jsx","names":["isDisabledValue"],"sources":["../../src/button/createButton.ts","../../src/button/createToggleButton.ts","../../src/button/createToggleButtonGroup.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/button/useButton.ts\n\nimport { Accessor } from \"solid-js\";\nimport { createPress } from \"../interactions\";\nimport { createFocusable } from \"../interactions\";\nimport { mergeProps, filterDOMProps } from \"../utils\";\nimport type { AriaButtonProps, ButtonAria } from \"./types\";\n\nfunction isDisabledValue(isDisabled: Accessor<boolean> | boolean | undefined): boolean {\n  if (typeof isDisabled === \"function\") {\n    return isDisabled();\n  }\n  return isDisabled ?? false;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a button component.\n * Handles press interactions across mouse, touch, keyboard and screen readers.\n *\n * Based on react-aria's useButton but adapted for SolidJS.\n *\n * @example\n * ```tsx\n * import { createButton } from 'solidaria';\n *\n * function Button(props) {\n *   let ref;\n *   const { buttonProps, isPressed } = createButton(props);\n *\n *   return (\n *     <button\n *       {...buttonProps}\n *       ref={ref}\n *       class={isPressed() ? 'pressed' : ''}\n *     >\n *       {props.children}\n *     </button>\n *   );\n * }\n * ```\n */\nexport function createButton(props: AriaButtonProps = {}): ButtonAria {\n  const elementType = props.elementType ?? \"button\";\n  const isDisabled = () => isDisabledValue(props.isDisabled);\n\n  const { pressProps, isPressed } = createPress({\n    isDisabled,\n    onPress: (event) => props.onPress?.(event),\n    onPressStart: (event) => props.onPressStart?.(event),\n    onPressEnd: (event) => props.onPressEnd?.(event),\n    onPressUp: (event) => props.onPressUp?.(event),\n    onPressChange: (pressed) => props.onPressChange?.(pressed),\n    onClick: (event) => props.onClick?.(event),\n    get preventFocusOnPress() {\n      return props.preventFocusOnPress;\n    },\n  });\n\n  const { focusableProps } = createFocusable({\n    isDisabled,\n    autoFocus: props.autoFocus,\n    excludeFromTabOrder: props.excludeFromTabOrder,\n  });\n\n  const isNativeButton = elementType === \"button\";\n  const isLink = elementType === \"a\";\n\n  // Handle allowFocusWhenDisabled - set tabIndex to -1 when disabled but focusable\n  // This allows tooltips to be shown on disabled buttons\n  if (props.allowFocusWhenDisabled) {\n    Object.defineProperty(focusableProps, \"tabIndex\", {\n      enumerable: true,\n      configurable: true,\n      get() {\n        return isDisabled() ? -1 : props.excludeFromTabOrder ? -1 : 0;\n      },\n    });\n  }\n\n  let additionalProps: Record<string, unknown> = {};\n\n  if (isNativeButton) {\n    additionalProps = {\n      get type() {\n        return props.type ?? \"button\";\n      },\n      get disabled() {\n        return isDisabled();\n      },\n      get form() {\n        return props.form;\n      },\n      get formAction() {\n        return props.formAction;\n      },\n      get formEncType() {\n        return props.formEncType;\n      },\n      get formMethod() {\n        return props.formMethod;\n      },\n      get formNoValidate() {\n        return props.formNoValidate;\n      },\n      get formTarget() {\n        return props.formTarget;\n      },\n      get name() {\n        return props.name;\n      },\n      get value() {\n        return props.value;\n      },\n    };\n  } else {\n    // Non-native buttons need role; focusableProps supplies tabIndex.\n    additionalProps = {\n      role: \"button\",\n      get href() {\n        return isLink && !isDisabled() ? props.href : undefined;\n      },\n      get target() {\n        return isLink ? props.target : undefined;\n      },\n      get type() {\n        return elementType === \"input\" ? (props.type ?? \"button\") : undefined;\n      },\n      get disabled() {\n        return elementType === \"input\" ? isDisabled() : undefined;\n      },\n      get \"aria-disabled\"() {\n        return isDisabled() && elementType !== \"input\" ? \"true\" : undefined;\n      },\n      get rel() {\n        return isLink ? props.rel : undefined;\n      },\n    };\n  }\n\n  const ariaProps: Record<string, unknown> = {\n    get \"aria-haspopup\"() {\n      return props[\"aria-haspopup\"];\n    },\n    get \"aria-expanded\"() {\n      return props[\"aria-expanded\"];\n    },\n    get \"aria-controls\"() {\n      return props[\"aria-controls\"];\n    },\n    get \"aria-pressed\"() {\n      return props[\"aria-pressed\"];\n    },\n    get \"aria-current\"() {\n      return props[\"aria-current\"];\n    },\n    get \"aria-disabled\"() {\n      return props[\"aria-disabled\"];\n    },\n  };\n\n  const buttonProps = mergeProps(\n    additionalProps,\n    focusableProps as Record<string, unknown>,\n    pressProps as Record<string, unknown>,\n    filterDOMProps(props as Record<string, unknown>, { labelable: true }),\n    ariaProps,\n  );\n\n  return {\n    buttonProps,\n    isPressed,\n  };\n}\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/button/useToggleButton.ts\n\nimport { Accessor, createSignal } from \"solid-js\";\nimport { createButton } from \"./createButton\";\nimport { mergeProps } from \"../utils\";\nimport type { AriaButtonProps, ButtonAria } from \"./types\";\nimport type { PressEvent } from \"../interactions\";\n\nexport interface AriaToggleButtonProps extends Omit<AriaButtonProps, \"aria-pressed\"> {\n  /** Whether the button is selected (controlled). */\n  isSelected?: Accessor<boolean> | boolean;\n  /** Handler called when the button's selection state changes. */\n  onChange?: (isSelected: boolean) => void;\n  /** The default selected state (uncontrolled). */\n  defaultSelected?: boolean;\n}\n\nexport interface ToggleButtonAria extends ButtonAria {\n  /** Whether the button is currently selected. */\n  isSelected: Accessor<boolean>;\n}\n\nfunction getSelectedValue(isSelected: Accessor<boolean> | boolean | undefined): boolean {\n  if (typeof isSelected === \"function\") {\n    return isSelected();\n  }\n  return isSelected ?? false;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a toggle button component.\n * Toggle buttons allow users to toggle a selection on or off.\n *\n * Based on react-aria's useToggleButton but adapted for SolidJS.\n *\n * @example\n * ```tsx\n * import { createToggleButton } from 'solidaria';\n *\n * function ToggleButton(props) {\n *   const { buttonProps, isPressed, isSelected } = createToggleButton(props);\n *\n *   return (\n *     <button\n *       {...buttonProps}\n *       class={isSelected() ? 'selected' : ''}\n *       style={{ opacity: isPressed() ? 0.8 : 1 }}\n *     >\n *       {props.children}\n *     </button>\n *   );\n * }\n * ```\n */\nexport function createToggleButton(props: AriaToggleButtonProps = {}): ToggleButtonAria {\n  // Handle controlled vs uncontrolled state\n  const isControlled = props.isSelected !== undefined;\n  const [uncontrolledSelected, setUncontrolledSelected] = createSignal(\n    props.defaultSelected ?? false,\n  );\n\n  const isSelected = (): boolean => {\n    if (isControlled) {\n      return getSelectedValue(props.isSelected);\n    }\n    return uncontrolledSelected();\n  };\n\n  const toggleSelection = () => {\n    const newValue = !isSelected();\n    if (!isControlled) {\n      setUncontrolledSelected(newValue);\n    }\n    props.onChange?.(newValue);\n  };\n\n  // Create the press handler that toggles selection\n  const onPress = (e: PressEvent) => {\n    toggleSelection();\n    props.onPress?.(e);\n  };\n\n  // Get button props with our custom press handler\n  const { buttonProps: baseButtonProps, isPressed } = createButton(\n    mergeProps(props, {\n      onPress,\n    }) as AriaButtonProps,\n  );\n\n  // Solid 2 omits boolean `false` attributes; ARIA needs the literal \"false\".\n  const buttonProps = mergeProps(baseButtonProps, {\n    get \"aria-pressed\"() {\n      return isSelected() ? \"true\" : \"false\";\n    },\n  });\n\n  return {\n    buttonProps,\n    isPressed,\n    isSelected,\n  };\n}\n","/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/button/useToggleButtonGroup.ts\n\n// Ported from packages/react-aria/src/button/useToggleButtonGroup.ts.\n\nimport type { JSX } from \"@solidjs/web\";\nimport type { Key, ToggleGroupProps, ToggleGroupState } from \"@proyecto-viviana/solid-stately\";\nimport { createToolbar, type Orientation } from \"../toolbar\";\nimport { mergeProps } from \"../utils\";\nimport { splitProps } from \"../utils/splitProps\";\nimport {\n  createToggleButton,\n  type AriaToggleButtonProps,\n  type ToggleButtonAria,\n} from \"./createToggleButton\";\n\nexport interface AriaToggleButtonGroupProps extends ToggleGroupProps {\n  /**\n   * The orientation of the toggle button group.\n   * @default 'horizontal'\n   */\n  orientation?: Orientation;\n  /** Accessible label. */\n  \"aria-label\"?: string;\n  /** Labelled-by id. */\n  \"aria-labelledby\"?: string;\n}\n\nexport interface ToggleButtonGroupAria {\n  /** Props for the group container. */\n  groupProps: JSX.HTMLAttributes<HTMLElement>;\n}\n\nexport interface AriaToggleButtonGroupItemProps extends Omit<AriaToggleButtonProps, \"children\"> {\n  /** Key used in the group selection state. */\n  id: Key;\n}\n\nfunction isDisabledValue(isDisabled: AriaToggleButtonProps[\"isDisabled\"]): boolean {\n  if (typeof isDisabled === \"function\") {\n    return isDisabled();\n  }\n  return !!isDisabled;\n}\n\n/**\n * Provides ARIA behavior for a toggle button group container.\n */\nexport function createToggleButtonGroup(\n  props: AriaToggleButtonGroupProps,\n  state: ToggleGroupState,\n): ToggleButtonGroupAria {\n  const { toolbarProps } = createToolbar({\n    get orientation() {\n      return props.orientation;\n    },\n    get \"aria-label\"() {\n      return props[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return props[\"aria-labelledby\"];\n    },\n  });\n\n  const groupProps = mergeProps(toolbarProps as Record<string, unknown>, {\n    get role() {\n      return state.selectionMode === \"single\" ? \"radiogroup\" : toolbarProps.role;\n    },\n    get \"aria-disabled\"() {\n      return props.isDisabled ? \"true\" : undefined;\n    },\n  }) as JSX.HTMLAttributes<HTMLElement>;\n\n  return { groupProps };\n}\n\n/**\n * Provides ARIA behavior for an item within a toggle button group.\n */\nexport function createToggleButtonGroupItem(\n  props: AriaToggleButtonGroupItemProps,\n  state: ToggleGroupState,\n): ToggleButtonAria {\n  // splitProps keeps `toggleProps` a reactive proxy; an object-rest destructure\n  // (`{ id, ...toggleProps }`) eagerly reads and freezes every key. `id` is\n  // dropped here and re-read live via props.id below. guard:idiomatic-solid.\n  const [, toggleProps] = splitProps(props, [\"id\"]);\n\n  const toggleButton = createToggleButton(\n    mergeProps(toggleProps, {\n      get isSelected() {\n        return state.selectedKeys.has(props.id);\n      },\n      onChange(isSelected: boolean) {\n        state.setSelected(props.id, isSelected);\n        props.onChange?.(isSelected);\n      },\n      get isDisabled() {\n        return isDisabledValue(props.isDisabled) || state.isDisabled;\n      },\n    }) as AriaToggleButtonProps,\n  );\n\n  const baseButtonProps = toggleButton.buttonProps as Record<string, unknown>;\n  const buttonProps = mergeProps(baseButtonProps, {\n    get role() {\n      if (state.selectionMode === \"single\") {\n        return \"radio\";\n      }\n      return baseButtonProps.role as string | undefined;\n    },\n    get \"aria-checked\"() {\n      if (state.selectionMode !== \"single\") {\n        return undefined;\n      }\n      return state.selectedKeys.has(props.id) ? \"true\" : \"false\";\n    },\n    get \"aria-pressed\"() {\n      if (state.selectionMode === \"single\") {\n        return null;\n      }\n      return baseButtonProps[\"aria-pressed\"];\n    },\n  });\n\n  return {\n    ...toggleButton,\n    buttonProps,\n  };\n}\n"],"mappings":"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"}