react-aria-components 1.16.0 → 1.17.0

package/dist/private/Toast.mjs.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/react-aria-components/src/Toast.tsx"],"sourcesContent":["/*\n * Copyright 2025 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\nimport {AriaToastProps, AriaToastRegionProps, useToast, useToastRegion} from 'react-aria/useToast';\n\nimport {ButtonContext} from './Button';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  DEFAULT_SLOT,\n  dom,\n  DOMRenderProps,\n  Provider,\n  RenderProps,\n  StyleRenderProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {createPortal} from 'react-dom';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {forwardRefType, GlobalDOMAttributes} from '@react-types/shared';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {QueuedToast, ToastQueue, ToastState, useToastQueue} from 'react-stately/useToastState';\nimport React, {createContext, ForwardedRef, forwardRef, HTMLAttributes, JSX, ReactElement, ReactNode, useContext} from 'react';\nimport {TextContext} from './Text';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useHover} from 'react-aria/useHover';\nimport {useIsSSR} from 'react-aria/SSRProvider';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useObjectRef} from 'react-aria/useObjectRef';\nimport {useUNSAFE_PortalContext} from 'react-aria/PortalProvider';\n\nconst ToastStateContext = createContext<ToastState<any> | null>(null);\n\nexport interface ToastRegionRenderProps<T> {\n  /** A list of all currently visible toasts. */\n  visibleToasts: QueuedToast<T>[],\n  /**\n   * Whether the toast region is currently hovered with a mouse.\n   * @selector [data-hovered]\n   */\n  isHovered: boolean,\n  /**\n   * Whether the toast region is currently focused.\n   * @selector [data-focused]\n   */\n  isFocused: boolean,\n  /**\n   * Whether the toast region is keyboard focused.\n   * @selector [data-focus-visible]\n   */\n  isFocusVisible: boolean\n}\n\nexport interface ToastRegionProps<T> extends AriaToastRegionProps, StyleRenderProps<ToastRegionRenderProps<T>>, GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.\n   * @default 'react-aria-ToastRegion'\n   */\n  className?: ClassNameOrFunction<ToastRegionRenderProps<T>>,\n  /** The queue of toasts to display. */\n  queue: ToastQueue<T>,\n  /** A function to render each toast, or children containing a `<ToastList>`. */\n  children: ReactNode | ((renderProps: {toast: QueuedToast<T>}) => ReactElement)\n}\n\n/**\n * A ToastRegion displays one or more toast notifications.\n */\nconst ToastRegion = /*#__PURE__*/ (forwardRef as forwardRefType)(function ToastRegion<T>(props: ToastRegionProps<T>, ref: ForwardedRef<HTMLDivElement>): JSX.Element | null {\n  let isSSR = useIsSSR();\n  let state = useToastQueue(props.queue);\n  let objectRef = useObjectRef(ref);\n  let {regionProps} = useToastRegion(props, state, objectRef);\n\n  let {focusProps, isFocused, isFocusVisible} = useFocusRing();\n  let {hoverProps, isHovered} = useHover({});\n  let renderProps = useRenderProps({\n    ...props,\n    children: undefined,\n    defaultClassName: 'react-aria-ToastRegion',\n    values: {\n      visibleToasts: state.visibleToasts,\n      isHovered,\n      isFocused,\n      isFocusVisible\n    }\n  });\n\n  let {direction} = useLocale();\n  let portalContainer;\n  let {getContainer} = useUNSAFE_PortalContext();\n  if (!isSSR) {\n    portalContainer = document.body;\n    if (getContainer) {\n      portalContainer = getContainer();\n    }\n  }\n\n  let DOMProps = filterDOMProps(props, {global: true});\n\n  let region = (\n    <ToastStateContext.Provider value={state}>\n      <dom.div\n        {...mergeProps(DOMProps, renderProps, regionProps, focusProps, hoverProps)}\n        dir={direction}\n        ref={objectRef}\n        data-hovered={isHovered || undefined}\n        data-focused={isFocused || undefined}\n        data-focus-visible={isFocusVisible || undefined}>\n        {typeof props.children === 'function' ? <ToastList {...props} render={undefined} className={undefined} style={{display: 'contents'}}>{props.children}</ToastList> : props.children}\n      </dom.div>\n    </ToastStateContext.Provider>\n  );\n\n  return state.visibleToasts.length > 0 && portalContainer\n    ? createPortal(region, portalContainer)\n    : null;\n});\n\nexport interface ToastListProps<T> extends Omit<ToastRegionProps<T>, 'queue' | 'children' | 'render'>, DOMRenderProps<'ol', ToastRegionRenderProps<T>> {\n  /** A function to render each toast. */\n  children: (renderProps: {toast: QueuedToast<T>}) => ReactElement\n}\n\nconst ToastList = /*#__PURE__*/ (forwardRef as forwardRefType)(function ToastList<T>(props: ToastListProps<T>, ref: ForwardedRef<HTMLOListElement>) {\n  let state = useContext(ToastStateContext)!;\n  let {hoverProps, isHovered} = useHover({});\n  let renderProps = useRenderProps({\n    ...props,\n    children: undefined,\n    defaultClassName: 'react-aria-ToastList',\n    values: {\n      visibleToasts: state.visibleToasts,\n      isFocused: false,\n      isFocusVisible: false,\n      isHovered\n    }\n  });\n\n  return (\n    <dom.ol {...hoverProps} {...renderProps} ref={ref}>\n      {state.visibleToasts.map((toast) => (\n        <li key={toast.key} style={{display: 'contents'}}>\n          {props.children({toast})}\n        </li>\n      ))}\n    </dom.ol>\n  );\n});\n\nexport interface ToastRenderProps<T> {\n  /**\n   * The toast object to display.\n   */\n  toast: QueuedToast<T>,\n  /**\n   * Whether the toast is currently focused.\n   * @selector [data-focused]\n   */\n  isFocused: boolean,\n  /**\n   * Whether the toast is keyboard focused.\n   * @selector [data-focus-visible]\n   */\n  isFocusVisible: boolean\n}\n\nexport interface ToastProps<T> extends AriaToastProps<T>, RenderProps<ToastRenderProps<T>>, GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.\n   * @default 'react-aria-Toast'\n   */\n  className?: ClassNameOrFunction<ToastRenderProps<T>>\n}\n\n/**\n * A Toast displays a brief, temporary notification of actions, errors, or other events in an application.\n */\nconst Toast = /*#__PURE__*/ (forwardRef as forwardRefType)(function Toast<T>(props: ToastProps<T>, ref: ForwardedRef<HTMLDivElement>) {\n  let state = useContext(ToastStateContext)!;\n  let objectRef = useObjectRef(ref);\n  let {toastProps, contentProps, titleProps, descriptionProps, closeButtonProps} = useToast(\n    props,\n    state,\n    objectRef\n  );\n\n  let {focusProps, isFocused, isFocusVisible} = useFocusRing();\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-Toast',\n    values: {\n      toast: props.toast,\n      isFocused,\n      isFocusVisible\n    }\n  });\n\n  let DOMProps = filterDOMProps(props, {global: true});\n\n  return (\n    <dom.div\n      {...mergeProps(DOMProps, renderProps, toastProps, focusProps)}\n      ref={objectRef}\n      data-focused={isFocused || undefined}\n      data-focus-visible={isFocusVisible || undefined}>\n      <Provider\n        values={[\n          [ToastContentContext, contentProps],\n          [TextContext, {\n            slots: {\n              [DEFAULT_SLOT]: {},\n              title: titleProps,\n              description: descriptionProps\n            }\n          }],\n          [ButtonContext, {\n            slots: {\n              [DEFAULT_SLOT]: {},\n              close: closeButtonProps\n            }\n          }]\n        ]}>\n        {renderProps.children}\n      </Provider>\n    </dom.div>\n  );\n});\n\nexport interface ToastContentProps extends HTMLAttributes<HTMLElement>, DOMRenderProps<'div', undefined> {}\n\nexport const ToastContentContext = createContext<ContextValue<HTMLAttributes<HTMLElement>, HTMLDivElement>>({});\n\n/**\n * ToastContent wraps the main content of a toast notification.\n */\nexport const ToastContent = /*#__PURE__*/ forwardRef(function ToastContent(props: ToastContentProps, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useContextProps(props, ref, ToastContentContext);\n  return (\n    <dom.div render={props.render} className=\"react-aria-ToastContent\" {...props} ref={ref}>\n      {props.children}\n    </dom.div>\n  );\n});\n\nexport {Toast as UNSTABLE_Toast, ToastList as UNSTABLE_ToastList, ToastRegion as UNSTABLE_ToastRegion, ToastContent as UNSTABLE_ToastContent, ToastStateContext as UNSTABLE_ToastStateContext};\n"],"names":[],"version":3,"file":"Toast.mjs.map"}

package/dist/private/ToggleButton.cjs

@@ -0,0 +1,104 @@
+var $048d76b84370f141$exports = require("./utils.cjs");
+var $61557b2a9b2862a8$exports = require("./SelectionIndicator.cjs");
+var $1a5ce205589a38e1$exports = require("./ToggleButtonGroup.cjs");
+var $glVcY$reactariauseToggleButton = require("react-aria/useToggleButton");
+var $glVcY$reactariafilterDOMProps = require("react-aria/filterDOMProps");
+var $glVcY$reactariamergeProps = require("react-aria/mergeProps");
+var $glVcY$react = require("react");
+var $glVcY$reactstatelyuseToggleState = require("react-stately/useToggleState");
+var $glVcY$reactariauseFocusRing = require("react-aria/useFocusRing");
+var $glVcY$reactariauseHover = require("react-aria/useHover");
+var $glVcY$reactariauseToggleButtonGroup = require("react-aria/useToggleButtonGroup");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "ToggleButtonContext", function () { return $ac0c83b8db09e274$export$43506d75ebd2e218; });
+$parcel$export(module.exports, "ToggleButton", function () { return $ac0c83b8db09e274$export$d2b052e7b4be1756; });
+/*
+ * Copyright 2022 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.
+ */ 
+
+
+
+
+
+
+
+
+
+
+const $ac0c83b8db09e274$export$43506d75ebd2e218 = /*#__PURE__*/ (0, $glVcY$react.createContext)({});
+const $ac0c83b8db09e274$export$d2b052e7b4be1756 = /*#__PURE__*/ (0, $glVcY$react.forwardRef)(function ToggleButton(props, ref) {
+    [props, ref] = (0, $048d76b84370f141$exports.useContextProps)(props, ref, $ac0c83b8db09e274$export$43506d75ebd2e218);
+    let groupState = (0, $glVcY$react.useContext)((0, $1a5ce205589a38e1$exports.ToggleGroupStateContext));
+    let state = (0, $glVcY$reactstatelyuseToggleState.useToggleState)(groupState && props.id != null ? {
+        isSelected: groupState.selectedKeys.has(props.id),
+        onChange (isSelected) {
+            groupState.setSelected(props.id, isSelected);
+        }
+    } : props);
+    let { buttonProps: buttonProps, isPressed: isPressed, isSelected: isSelected, isDisabled: isDisabled } = groupState && props.id != null ? (0, $glVcY$reactariauseToggleButtonGroup.useToggleButtonGroupItem)({
+        ...props,
+        id: props.id
+    }, groupState, ref) : (0, $glVcY$reactariauseToggleButton.useToggleButton)({
+        ...props,
+        id: props.id != null ? String(props.id) : undefined
+    }, state, ref);
+    let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $glVcY$reactariauseFocusRing.useFocusRing)(props);
+    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $glVcY$reactariauseHover.useHover)({
+        ...props,
+        isDisabled: isDisabled
+    });
+    let renderProps = (0, $048d76b84370f141$exports.useRenderProps)({
+        ...props,
+        id: undefined,
+        values: {
+            isHovered: isHovered,
+            isPressed: isPressed,
+            isFocused: isFocused,
+            isSelected: state.isSelected,
+            isFocusVisible: isFocusVisible,
+            isDisabled: isDisabled,
+            state: state
+        },
+        defaultClassName: 'react-aria-ToggleButton'
+    });
+    let DOMProps = (0, $glVcY$reactariafilterDOMProps.filterDOMProps)(props, {
+        global: true
+    });
+    delete DOMProps.id;
+    delete DOMProps.onClick;
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($glVcY$react))).createElement((0, $048d76b84370f141$exports.dom).button, {
+        ...(0, $glVcY$reactariamergeProps.mergeProps)(DOMProps, renderProps, buttonProps, focusProps, hoverProps),
+        ref: ref,
+        slot: props.slot || undefined,
+        "data-focused": isFocused || undefined,
+        "data-disabled": isDisabled || undefined,
+        "data-pressed": isPressed || undefined,
+        "data-selected": isSelected || undefined,
+        "data-hovered": isHovered || undefined,
+        "data-focus-visible": isFocusVisible || undefined
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($glVcY$react))).createElement((0, $61557b2a9b2862a8$exports.SelectionIndicatorContext).Provider, {
+        value: {
+            isSelected: isSelected
+        }
+    }, renderProps.children));
+});
+
+
+//# sourceMappingURL=ToggleButton.cjs.map

package/dist/private/ToggleButton.cjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;AAgDM,MAAM,0DAAsB,CAAA,GAAA,0BAAY,EAAsD,CAAC;AAK/F,MAAM,4CAA6B,AAAd,WAAW,GAAI,CAAA,GAAA,uBAAS,EAAqB,SAAS,aAAa,KAAwB,EAAE,GAAoC;IAC3J,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAc,EAAE,OAAO,KAAK;IAC3C,IAAI,aAAa,CAAA,GAAA,uBAAS,EAAE,CAAA,GAAA,iDAAsB;IAClD,IAAI,QAAQ,CAAA,GAAA,gDAAa,EAAE,cAAc,MAAM,EAAE,IAAI,OAAO;QAC1D,YAAY,WAAW,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE;QAChD,UAAS,UAAU;YACjB,WAAW,WAAW,CAAC,MAAM,EAAE,EAAG;QACpC;IACF,IAAI;IAEJ,IAAI,eAAC,WAAW,aAAE,SAAS,cAAE,UAAU,cAAE,UAAU,EAAC,GAAG,cAAc,MAAM,EAAE,IAAI,OAE7E,CAAA,GAAA,6DAAuB,EAAE;QAAC,GAAG,KAAK;QAAE,IAAI,MAAM,EAAE;IAAA,GAAG,YAAY,OAE/D,CAAA,GAAA,+CAAc,EAAE;QAAC,GAAG,KAAK;QAAE,IAAI,MAAM,EAAE,IAAI,OAAO,OAAO,MAAM,EAAE,IAAI;IAAS,GAAG,OAAO;IAE5F,IAAI,cAAC,UAAU,aAAE,SAAS,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,yCAAW,EAAE;IAC3D,IAAI,cAAC,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,iCAAO,EAAE;QAAC,GAAG,KAAK;oBAAE;IAAU;IAC5D,IAAI,cAAc,CAAA,GAAA,wCAAa,EAAE;QAC/B,GAAG,KAAK;QACR,IAAI;QACJ,QAAQ;uBAAC;uBAAW;uBAAW;YAAW,YAAY,MAAM,UAAU;4BAAE;wBAAgB;mBAAY;QAAK;QACzG,kBAAkB;IACpB;IAEA,IAAI,WAAW,CAAA,GAAA,6CAAa,EAAE,OAAc;QAAC,QAAQ;IAAI;IACzD,OAAO,SAAS,EAAE;IAClB,OAAO,SAAS,OAAO;IAEvB,qBACE,0DAAC,CAAA,GAAA,6BAAE,EAAE,MAAM;QACR,GAAG,CAAA,GAAA,qCAAS,EAAE,UAAU,aAAa,aAAa,YAAY,WAAW;QAC1E,KAAK;QACL,MAAM,MAAM,IAAI,IAAI;QACpB,gBAAc,aAAa;QAC3B,iBAAe,cAAc;QAC7B,gBAAc,aAAa;QAC3B,iBAAe,cAAc;QAC7B,gBAAc,aAAa;QAC3B,sBAAoB,kBAAkB;qBACtC,0DAAC,CAAA,GAAA,mDAAwB,EAAE,QAAQ;QAAC,OAAO;wBAAC;QAAU;OACnD,YAAY,QAAQ;AAI7B","sources":["packages/react-aria-components/src/ToggleButton.tsx"],"sourcesContent":["/*\n * Copyright 2022 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\nimport {AriaToggleButtonProps, useToggleButton} from 'react-aria/useToggleButton';\n\nimport {ButtonRenderProps} from './Button';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  RenderProps,\n  SlotProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {forwardRefType, GlobalDOMAttributes, Key} from '@react-types/shared';\nimport {HoverEvents} from '@react-types/shared';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {createContext, ForwardedRef, forwardRef, useContext} from 'react';\nimport {SelectionIndicatorContext} from './SelectionIndicator';\nimport {ToggleGroupStateContext} from './ToggleButtonGroup';\nimport {ToggleState, useToggleState} from 'react-stately/useToggleState';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useHover} from 'react-aria/useHover';\nimport {useToggleButtonGroupItem} from 'react-aria/useToggleButtonGroup';\n\nexport interface ToggleButtonRenderProps extends Omit<ButtonRenderProps, 'isPending'> {\n  /**\n   * Whether the button is currently selected.\n   * @selector [data-selected]\n   */\n  isSelected: boolean,\n  /**\n   * State of the toggle button.\n   */\n  state: ToggleState\n}\n\nexport interface ToggleButtonProps extends Omit<AriaToggleButtonProps, 'children' | 'elementType' | 'id'>, HoverEvents, SlotProps, RenderProps<ToggleButtonRenderProps, 'button'>, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.\n   * @default 'react-aria-ToggleButton'\n   */\n  className?: ClassNameOrFunction<ToggleButtonRenderProps>,\n  /** When used in a ToggleButtonGroup, an identifier for the item in `selectedKeys`. When used standalone, a DOM id. */\n  id?: Key\n}\n\nexport const ToggleButtonContext = createContext<ContextValue<ToggleButtonProps, HTMLButtonElement>>({});\n\n/**\n * A toggle button allows a user to toggle a selection on or off, for example switching between two states or modes.\n */\nexport const ToggleButton = /*#__PURE__*/ (forwardRef as forwardRefType)(function ToggleButton(props: ToggleButtonProps, ref: ForwardedRef<HTMLButtonElement>) {\n  [props, ref] = useContextProps(props, ref, ToggleButtonContext);\n  let groupState = useContext(ToggleGroupStateContext);\n  let state = useToggleState(groupState && props.id != null ? {\n    isSelected: groupState.selectedKeys.has(props.id),\n    onChange(isSelected) {\n      groupState.setSelected(props.id!, isSelected);\n    }\n  } : props);\n\n  let {buttonProps, isPressed, isSelected, isDisabled} = groupState && props.id != null\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    ? useToggleButtonGroupItem({...props, id: props.id}, groupState, ref)\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    : useToggleButton({...props, id: props.id != null ? String(props.id) : undefined}, state, ref);\n\n  let {focusProps, isFocused, isFocusVisible} = useFocusRing(props);\n  let {hoverProps, isHovered} = useHover({...props, isDisabled});\n  let renderProps = useRenderProps({\n    ...props,\n    id: undefined,\n    values: {isHovered, isPressed, isFocused, isSelected: state.isSelected, isFocusVisible, isDisabled, state},\n    defaultClassName: 'react-aria-ToggleButton'\n  });\n\n  let DOMProps = filterDOMProps(props as any, {global: true});\n  delete DOMProps.id;\n  delete DOMProps.onClick;\n\n  return (\n    <dom.button\n      {...mergeProps(DOMProps, renderProps, buttonProps, focusProps, hoverProps)}\n      ref={ref}\n      slot={props.slot || undefined}\n      data-focused={isFocused || undefined}\n      data-disabled={isDisabled || undefined}\n      data-pressed={isPressed || undefined}\n      data-selected={isSelected || undefined}\n      data-hovered={isHovered || undefined}\n      data-focus-visible={isFocusVisible || undefined}>\n      <SelectionIndicatorContext.Provider value={{isSelected}}>\n        {renderProps.children}\n      </SelectionIndicatorContext.Provider>\n    </dom.button>\n  );\n});\n"],"names":[],"version":3,"file":"ToggleButton.cjs.map"}

package/dist/private/ToggleButton.js

@@ -0,0 +1,94 @@
+import {dom as $b7b7a92703138c9b$export$df3a06d6289f983e, useContextProps as $b7b7a92703138c9b$export$29f1550f4b0d4415, useRenderProps as $b7b7a92703138c9b$export$4d86445c2cf5e3} from "./utils.js";
+import {SelectionIndicatorContext as $0d6f83ad40839938$export$c9549807523555e0} from "./SelectionIndicator.js";
+import {ToggleGroupStateContext as $e80299348b6d9861$export$a8a71863db173133} from "./ToggleButtonGroup.js";
+import {useToggleButton as $jU0KW$useToggleButton} from "react-aria/useToggleButton";
+import {filterDOMProps as $jU0KW$filterDOMProps} from "react-aria/filterDOMProps";
+import {mergeProps as $jU0KW$mergeProps} from "react-aria/mergeProps";
+import $jU0KW$react, {createContext as $jU0KW$createContext, forwardRef as $jU0KW$forwardRef, useContext as $jU0KW$useContext} from "react";
+import {useToggleState as $jU0KW$useToggleState} from "react-stately/useToggleState";
+import {useFocusRing as $jU0KW$useFocusRing} from "react-aria/useFocusRing";
+import {useHover as $jU0KW$useHover} from "react-aria/useHover";
+import {useToggleButtonGroupItem as $jU0KW$useToggleButtonGroupItem} from "react-aria/useToggleButtonGroup";
+
+/*
+ * Copyright 2022 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.
+ */ 
+
+
+
+
+
+
+
+
+
+
+const $a38158b96b4eb9f9$export$43506d75ebd2e218 = /*#__PURE__*/ (0, $jU0KW$createContext)({});
+const $a38158b96b4eb9f9$export$d2b052e7b4be1756 = /*#__PURE__*/ (0, $jU0KW$forwardRef)(function ToggleButton(props, ref) {
+    [props, ref] = (0, $b7b7a92703138c9b$export$29f1550f4b0d4415)(props, ref, $a38158b96b4eb9f9$export$43506d75ebd2e218);
+    let groupState = (0, $jU0KW$useContext)((0, $e80299348b6d9861$export$a8a71863db173133));
+    let state = (0, $jU0KW$useToggleState)(groupState && props.id != null ? {
+        isSelected: groupState.selectedKeys.has(props.id),
+        onChange (isSelected) {
+            groupState.setSelected(props.id, isSelected);
+        }
+    } : props);
+    let { buttonProps: buttonProps, isPressed: isPressed, isSelected: isSelected, isDisabled: isDisabled } = groupState && props.id != null ? (0, $jU0KW$useToggleButtonGroupItem)({
+        ...props,
+        id: props.id
+    }, groupState, ref) : (0, $jU0KW$useToggleButton)({
+        ...props,
+        id: props.id != null ? String(props.id) : undefined
+    }, state, ref);
+    let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $jU0KW$useFocusRing)(props);
+    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $jU0KW$useHover)({
+        ...props,
+        isDisabled: isDisabled
+    });
+    let renderProps = (0, $b7b7a92703138c9b$export$4d86445c2cf5e3)({
+        ...props,
+        id: undefined,
+        values: {
+            isHovered: isHovered,
+            isPressed: isPressed,
+            isFocused: isFocused,
+            isSelected: state.isSelected,
+            isFocusVisible: isFocusVisible,
+            isDisabled: isDisabled,
+            state: state
+        },
+        defaultClassName: 'react-aria-ToggleButton'
+    });
+    let DOMProps = (0, $jU0KW$filterDOMProps)(props, {
+        global: true
+    });
+    delete DOMProps.id;
+    delete DOMProps.onClick;
+    return /*#__PURE__*/ (0, $jU0KW$react).createElement((0, $b7b7a92703138c9b$export$df3a06d6289f983e).button, {
+        ...(0, $jU0KW$mergeProps)(DOMProps, renderProps, buttonProps, focusProps, hoverProps),
+        ref: ref,
+        slot: props.slot || undefined,
+        "data-focused": isFocused || undefined,
+        "data-disabled": isDisabled || undefined,
+        "data-pressed": isPressed || undefined,
+        "data-selected": isSelected || undefined,
+        "data-hovered": isHovered || undefined,
+        "data-focus-visible": isFocusVisible || undefined
+    }, /*#__PURE__*/ (0, $jU0KW$react).createElement((0, $0d6f83ad40839938$export$c9549807523555e0).Provider, {
+        value: {
+            isSelected: isSelected
+        }
+    }, renderProps.children));
+});
+
+
+export {$a38158b96b4eb9f9$export$43506d75ebd2e218 as ToggleButtonContext, $a38158b96b4eb9f9$export$d2b052e7b4be1756 as ToggleButton};
+//# sourceMappingURL=ToggleButton.js.map

package/dist/private/ToggleButton.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;AAgDM,MAAM,0DAAsB,CAAA,GAAA,oBAAY,EAAsD,CAAC;AAK/F,MAAM,4CAA6B,AAAd,WAAW,GAAI,CAAA,GAAA,iBAAS,EAAqB,SAAS,aAAa,KAAwB,EAAE,GAAoC;IAC3J,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAc,EAAE,OAAO,KAAK;IAC3C,IAAI,aAAa,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yCAAsB;IAClD,IAAI,QAAQ,CAAA,GAAA,qBAAa,EAAE,cAAc,MAAM,EAAE,IAAI,OAAO;QAC1D,YAAY,WAAW,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE;QAChD,UAAS,UAAU;YACjB,WAAW,WAAW,CAAC,MAAM,EAAE,EAAG;QACpC;IACF,IAAI;IAEJ,IAAI,eAAC,WAAW,aAAE,SAAS,cAAE,UAAU,cAAE,UAAU,EAAC,GAAG,cAAc,MAAM,EAAE,IAAI,OAE7E,CAAA,GAAA,+BAAuB,EAAE;QAAC,GAAG,KAAK;QAAE,IAAI,MAAM,EAAE;IAAA,GAAG,YAAY,OAE/D,CAAA,GAAA,sBAAc,EAAE;QAAC,GAAG,KAAK;QAAE,IAAI,MAAM,EAAE,IAAI,OAAO,OAAO,MAAM,EAAE,IAAI;IAAS,GAAG,OAAO;IAE5F,IAAI,cAAC,UAAU,aAAE,SAAS,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,mBAAW,EAAE;IAC3D,IAAI,cAAC,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,eAAO,EAAE;QAAC,GAAG,KAAK;oBAAE;IAAU;IAC5D,IAAI,cAAc,CAAA,GAAA,uCAAa,EAAE;QAC/B,GAAG,KAAK;QACR,IAAI;QACJ,QAAQ;uBAAC;uBAAW;uBAAW;YAAW,YAAY,MAAM,UAAU;4BAAE;wBAAgB;mBAAY;QAAK;QACzG,kBAAkB;IACpB;IAEA,IAAI,WAAW,CAAA,GAAA,qBAAa,EAAE,OAAc;QAAC,QAAQ;IAAI;IACzD,OAAO,SAAS,EAAE;IAClB,OAAO,SAAS,OAAO;IAEvB,qBACE,gCAAC,CAAA,GAAA,yCAAE,EAAE,MAAM;QACR,GAAG,CAAA,GAAA,iBAAS,EAAE,UAAU,aAAa,aAAa,YAAY,WAAW;QAC1E,KAAK;QACL,MAAM,MAAM,IAAI,IAAI;QACpB,gBAAc,aAAa;QAC3B,iBAAe,cAAc;QAC7B,gBAAc,aAAa;QAC3B,iBAAe,cAAc;QAC7B,gBAAc,aAAa;QAC3B,sBAAoB,kBAAkB;qBACtC,gCAAC,CAAA,GAAA,yCAAwB,EAAE,QAAQ;QAAC,OAAO;wBAAC;QAAU;OACnD,YAAY,QAAQ;AAI7B","sources":["packages/react-aria-components/src/ToggleButton.tsx"],"sourcesContent":["/*\n * Copyright 2022 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\nimport {AriaToggleButtonProps, useToggleButton} from 'react-aria/useToggleButton';\n\nimport {ButtonRenderProps} from './Button';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  RenderProps,\n  SlotProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {forwardRefType, GlobalDOMAttributes, Key} from '@react-types/shared';\nimport {HoverEvents} from '@react-types/shared';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {createContext, ForwardedRef, forwardRef, useContext} from 'react';\nimport {SelectionIndicatorContext} from './SelectionIndicator';\nimport {ToggleGroupStateContext} from './ToggleButtonGroup';\nimport {ToggleState, useToggleState} from 'react-stately/useToggleState';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useHover} from 'react-aria/useHover';\nimport {useToggleButtonGroupItem} from 'react-aria/useToggleButtonGroup';\n\nexport interface ToggleButtonRenderProps extends Omit<ButtonRenderProps, 'isPending'> {\n  /**\n   * Whether the button is currently selected.\n   * @selector [data-selected]\n   */\n  isSelected: boolean,\n  /**\n   * State of the toggle button.\n   */\n  state: ToggleState\n}\n\nexport interface ToggleButtonProps extends Omit<AriaToggleButtonProps, 'children' | 'elementType' | 'id'>, HoverEvents, SlotProps, RenderProps<ToggleButtonRenderProps, 'button'>, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.\n   * @default 'react-aria-ToggleButton'\n   */\n  className?: ClassNameOrFunction<ToggleButtonRenderProps>,\n  /** When used in a ToggleButtonGroup, an identifier for the item in `selectedKeys`. When used standalone, a DOM id. */\n  id?: Key\n}\n\nexport const ToggleButtonContext = createContext<ContextValue<ToggleButtonProps, HTMLButtonElement>>({});\n\n/**\n * A toggle button allows a user to toggle a selection on or off, for example switching between two states or modes.\n */\nexport const ToggleButton = /*#__PURE__*/ (forwardRef as forwardRefType)(function ToggleButton(props: ToggleButtonProps, ref: ForwardedRef<HTMLButtonElement>) {\n  [props, ref] = useContextProps(props, ref, ToggleButtonContext);\n  let groupState = useContext(ToggleGroupStateContext);\n  let state = useToggleState(groupState && props.id != null ? {\n    isSelected: groupState.selectedKeys.has(props.id),\n    onChange(isSelected) {\n      groupState.setSelected(props.id!, isSelected);\n    }\n  } : props);\n\n  let {buttonProps, isPressed, isSelected, isDisabled} = groupState && props.id != null\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    ? useToggleButtonGroupItem({...props, id: props.id}, groupState, ref)\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    : useToggleButton({...props, id: props.id != null ? String(props.id) : undefined}, state, ref);\n\n  let {focusProps, isFocused, isFocusVisible} = useFocusRing(props);\n  let {hoverProps, isHovered} = useHover({...props, isDisabled});\n  let renderProps = useRenderProps({\n    ...props,\n    id: undefined,\n    values: {isHovered, isPressed, isFocused, isSelected: state.isSelected, isFocusVisible, isDisabled, state},\n    defaultClassName: 'react-aria-ToggleButton'\n  });\n\n  let DOMProps = filterDOMProps(props as any, {global: true});\n  delete DOMProps.id;\n  delete DOMProps.onClick;\n\n  return (\n    <dom.button\n      {...mergeProps(DOMProps, renderProps, buttonProps, focusProps, hoverProps)}\n      ref={ref}\n      slot={props.slot || undefined}\n      data-focused={isFocused || undefined}\n      data-disabled={isDisabled || undefined}\n      data-pressed={isPressed || undefined}\n      data-selected={isSelected || undefined}\n      data-hovered={isHovered || undefined}\n      data-focus-visible={isFocusVisible || undefined}>\n      <SelectionIndicatorContext.Provider value={{isSelected}}>\n        {renderProps.children}\n      </SelectionIndicatorContext.Provider>\n    </dom.button>\n  );\n});\n"],"names":[],"version":3,"file":"ToggleButton.js.map"}

package/dist/private/ToggleButton.mjs

@@ -0,0 +1,94 @@
+import {dom as $7230ffa83bc0c2cf$export$df3a06d6289f983e, useContextProps as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, useRenderProps as $7230ffa83bc0c2cf$export$4d86445c2cf5e3} from "./utils.mjs";
+import {SelectionIndicatorContext as $91fe5e721c7f36c1$export$c9549807523555e0} from "./SelectionIndicator.mjs";
+import {ToggleGroupStateContext as $bc25b811ec97a172$export$a8a71863db173133} from "./ToggleButtonGroup.mjs";
+import {useToggleButton as $2YxXO$useToggleButton} from "react-aria/useToggleButton";
+import {filterDOMProps as $2YxXO$filterDOMProps} from "react-aria/filterDOMProps";
+import {mergeProps as $2YxXO$mergeProps} from "react-aria/mergeProps";
+import $2YxXO$react, {createContext as $2YxXO$createContext, forwardRef as $2YxXO$forwardRef, useContext as $2YxXO$useContext} from "react";
+import {useToggleState as $2YxXO$useToggleState} from "react-stately/useToggleState";
+import {useFocusRing as $2YxXO$useFocusRing} from "react-aria/useFocusRing";
+import {useHover as $2YxXO$useHover} from "react-aria/useHover";
+import {useToggleButtonGroupItem as $2YxXO$useToggleButtonGroupItem} from "react-aria/useToggleButtonGroup";
+
+/*
+ * Copyright 2022 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.
+ */ 
+
+
+
+
+
+
+
+
+
+
+const $75afe627ae0cc0fa$export$43506d75ebd2e218 = /*#__PURE__*/ (0, $2YxXO$createContext)({});
+const $75afe627ae0cc0fa$export$d2b052e7b4be1756 = /*#__PURE__*/ (0, $2YxXO$forwardRef)(function ToggleButton(props, ref) {
+    [props, ref] = (0, $7230ffa83bc0c2cf$export$29f1550f4b0d4415)(props, ref, $75afe627ae0cc0fa$export$43506d75ebd2e218);
+    let groupState = (0, $2YxXO$useContext)((0, $bc25b811ec97a172$export$a8a71863db173133));
+    let state = (0, $2YxXO$useToggleState)(groupState && props.id != null ? {
+        isSelected: groupState.selectedKeys.has(props.id),
+        onChange (isSelected) {
+            groupState.setSelected(props.id, isSelected);
+        }
+    } : props);
+    let { buttonProps: buttonProps, isPressed: isPressed, isSelected: isSelected, isDisabled: isDisabled } = groupState && props.id != null ? (0, $2YxXO$useToggleButtonGroupItem)({
+        ...props,
+        id: props.id
+    }, groupState, ref) : (0, $2YxXO$useToggleButton)({
+        ...props,
+        id: props.id != null ? String(props.id) : undefined
+    }, state, ref);
+    let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $2YxXO$useFocusRing)(props);
+    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $2YxXO$useHover)({
+        ...props,
+        isDisabled: isDisabled
+    });
+    let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({
+        ...props,
+        id: undefined,
+        values: {
+            isHovered: isHovered,
+            isPressed: isPressed,
+            isFocused: isFocused,
+            isSelected: state.isSelected,
+            isFocusVisible: isFocusVisible,
+            isDisabled: isDisabled,
+            state: state
+        },
+        defaultClassName: 'react-aria-ToggleButton'
+    });
+    let DOMProps = (0, $2YxXO$filterDOMProps)(props, {
+        global: true
+    });
+    delete DOMProps.id;
+    delete DOMProps.onClick;
+    return /*#__PURE__*/ (0, $2YxXO$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).button, {
+        ...(0, $2YxXO$mergeProps)(DOMProps, renderProps, buttonProps, focusProps, hoverProps),
+        ref: ref,
+        slot: props.slot || undefined,
+        "data-focused": isFocused || undefined,
+        "data-disabled": isDisabled || undefined,
+        "data-pressed": isPressed || undefined,
+        "data-selected": isSelected || undefined,
+        "data-hovered": isHovered || undefined,
+        "data-focus-visible": isFocusVisible || undefined
+    }, /*#__PURE__*/ (0, $2YxXO$react).createElement((0, $91fe5e721c7f36c1$export$c9549807523555e0).Provider, {
+        value: {
+            isSelected: isSelected
+        }
+    }, renderProps.children));
+});
+
+
+export {$75afe627ae0cc0fa$export$43506d75ebd2e218 as ToggleButtonContext, $75afe627ae0cc0fa$export$d2b052e7b4be1756 as ToggleButton};
+//# sourceMappingURL=ToggleButton.mjs.map

package/dist/private/ToggleButton.mjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;AAgDM,MAAM,0DAAsB,CAAA,GAAA,oBAAY,EAAsD,CAAC;AAK/F,MAAM,4CAA6B,AAAd,WAAW,GAAI,CAAA,GAAA,iBAAS,EAAqB,SAAS,aAAa,KAAwB,EAAE,GAAoC;IAC3J,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAc,EAAE,OAAO,KAAK;IAC3C,IAAI,aAAa,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yCAAsB;IAClD,IAAI,QAAQ,CAAA,GAAA,qBAAa,EAAE,cAAc,MAAM,EAAE,IAAI,OAAO;QAC1D,YAAY,WAAW,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE;QAChD,UAAS,UAAU;YACjB,WAAW,WAAW,CAAC,MAAM,EAAE,EAAG;QACpC;IACF,IAAI;IAEJ,IAAI,eAAC,WAAW,aAAE,SAAS,cAAE,UAAU,cAAE,UAAU,EAAC,GAAG,cAAc,MAAM,EAAE,IAAI,OAE7E,CAAA,GAAA,+BAAuB,EAAE;QAAC,GAAG,KAAK;QAAE,IAAI,MAAM,EAAE;IAAA,GAAG,YAAY,OAE/D,CAAA,GAAA,sBAAc,EAAE;QAAC,GAAG,KAAK;QAAE,IAAI,MAAM,EAAE,IAAI,OAAO,OAAO,MAAM,EAAE,IAAI;IAAS,GAAG,OAAO;IAE5F,IAAI,cAAC,UAAU,aAAE,SAAS,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,mBAAW,EAAE;IAC3D,IAAI,cAAC,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,eAAO,EAAE;QAAC,GAAG,KAAK;oBAAE;IAAU;IAC5D,IAAI,cAAc,CAAA,GAAA,uCAAa,EAAE;QAC/B,GAAG,KAAK;QACR,IAAI;QACJ,QAAQ;uBAAC;uBAAW;uBAAW;YAAW,YAAY,MAAM,UAAU;4BAAE;wBAAgB;mBAAY;QAAK;QACzG,kBAAkB;IACpB;IAEA,IAAI,WAAW,CAAA,GAAA,qBAAa,EAAE,OAAc;QAAC,QAAQ;IAAI;IACzD,OAAO,SAAS,EAAE;IAClB,OAAO,SAAS,OAAO;IAEvB,qBACE,gCAAC,CAAA,GAAA,yCAAE,EAAE,MAAM;QACR,GAAG,CAAA,GAAA,iBAAS,EAAE,UAAU,aAAa,aAAa,YAAY,WAAW;QAC1E,KAAK;QACL,MAAM,MAAM,IAAI,IAAI;QACpB,gBAAc,aAAa;QAC3B,iBAAe,cAAc;QAC7B,gBAAc,aAAa;QAC3B,iBAAe,cAAc;QAC7B,gBAAc,aAAa;QAC3B,sBAAoB,kBAAkB;qBACtC,gCAAC,CAAA,GAAA,yCAAwB,EAAE,QAAQ;QAAC,OAAO;wBAAC;QAAU;OACnD,YAAY,QAAQ;AAI7B","sources":["packages/react-aria-components/src/ToggleButton.tsx"],"sourcesContent":["/*\n * Copyright 2022 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\nimport {AriaToggleButtonProps, useToggleButton} from 'react-aria/useToggleButton';\n\nimport {ButtonRenderProps} from './Button';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  RenderProps,\n  SlotProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {forwardRefType, GlobalDOMAttributes, Key} from '@react-types/shared';\nimport {HoverEvents} from '@react-types/shared';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {createContext, ForwardedRef, forwardRef, useContext} from 'react';\nimport {SelectionIndicatorContext} from './SelectionIndicator';\nimport {ToggleGroupStateContext} from './ToggleButtonGroup';\nimport {ToggleState, useToggleState} from 'react-stately/useToggleState';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useHover} from 'react-aria/useHover';\nimport {useToggleButtonGroupItem} from 'react-aria/useToggleButtonGroup';\n\nexport interface ToggleButtonRenderProps extends Omit<ButtonRenderProps, 'isPending'> {\n  /**\n   * Whether the button is currently selected.\n   * @selector [data-selected]\n   */\n  isSelected: boolean,\n  /**\n   * State of the toggle button.\n   */\n  state: ToggleState\n}\n\nexport interface ToggleButtonProps extends Omit<AriaToggleButtonProps, 'children' | 'elementType' | 'id'>, HoverEvents, SlotProps, RenderProps<ToggleButtonRenderProps, 'button'>, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.\n   * @default 'react-aria-ToggleButton'\n   */\n  className?: ClassNameOrFunction<ToggleButtonRenderProps>,\n  /** When used in a ToggleButtonGroup, an identifier for the item in `selectedKeys`. When used standalone, a DOM id. */\n  id?: Key\n}\n\nexport const ToggleButtonContext = createContext<ContextValue<ToggleButtonProps, HTMLButtonElement>>({});\n\n/**\n * A toggle button allows a user to toggle a selection on or off, for example switching between two states or modes.\n */\nexport const ToggleButton = /*#__PURE__*/ (forwardRef as forwardRefType)(function ToggleButton(props: ToggleButtonProps, ref: ForwardedRef<HTMLButtonElement>) {\n  [props, ref] = useContextProps(props, ref, ToggleButtonContext);\n  let groupState = useContext(ToggleGroupStateContext);\n  let state = useToggleState(groupState && props.id != null ? {\n    isSelected: groupState.selectedKeys.has(props.id),\n    onChange(isSelected) {\n      groupState.setSelected(props.id!, isSelected);\n    }\n  } : props);\n\n  let {buttonProps, isPressed, isSelected, isDisabled} = groupState && props.id != null\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    ? useToggleButtonGroupItem({...props, id: props.id}, groupState, ref)\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    : useToggleButton({...props, id: props.id != null ? String(props.id) : undefined}, state, ref);\n\n  let {focusProps, isFocused, isFocusVisible} = useFocusRing(props);\n  let {hoverProps, isHovered} = useHover({...props, isDisabled});\n  let renderProps = useRenderProps({\n    ...props,\n    id: undefined,\n    values: {isHovered, isPressed, isFocused, isSelected: state.isSelected, isFocusVisible, isDisabled, state},\n    defaultClassName: 'react-aria-ToggleButton'\n  });\n\n  let DOMProps = filterDOMProps(props as any, {global: true});\n  delete DOMProps.id;\n  delete DOMProps.onClick;\n\n  return (\n    <dom.button\n      {...mergeProps(DOMProps, renderProps, buttonProps, focusProps, hoverProps)}\n      ref={ref}\n      slot={props.slot || undefined}\n      data-focused={isFocused || undefined}\n      data-disabled={isDisabled || undefined}\n      data-pressed={isPressed || undefined}\n      data-selected={isSelected || undefined}\n      data-hovered={isHovered || undefined}\n      data-focus-visible={isFocusVisible || undefined}>\n      <SelectionIndicatorContext.Provider value={{isSelected}}>\n        {renderProps.children}\n      </SelectionIndicatorContext.Provider>\n    </dom.button>\n  );\n});\n"],"names":[],"version":3,"file":"ToggleButton.mjs.map"}

package/dist/private/ToggleButtonGroup.cjs

@@ -0,0 +1,68 @@
+var $048d76b84370f141$exports = require("./utils.cjs");
+var $9a60bd90621ebc78$exports = require("./SharedElementTransition.cjs");
+var $hJTaW$reactariauseToggleButtonGroup = require("react-aria/useToggleButtonGroup");
+var $hJTaW$reactariafilterDOMProps = require("react-aria/filterDOMProps");
+var $hJTaW$reactariamergeProps = require("react-aria/mergeProps");
+var $hJTaW$react = require("react");
+var $hJTaW$reactstatelyuseToggleGroupState = require("react-stately/useToggleGroupState");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "ToggleButtonGroupContext", function () { return $1a5ce205589a38e1$export$298258635ae0dd97; });
+$parcel$export(module.exports, "ToggleGroupStateContext", function () { return $1a5ce205589a38e1$export$a8a71863db173133; });
+$parcel$export(module.exports, "ToggleButtonGroup", function () { return $1a5ce205589a38e1$export$40258cc1d95ff477; });
+/*
+ * 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.
+ */ 
+
+
+
+
+
+
+const $1a5ce205589a38e1$export$298258635ae0dd97 = /*#__PURE__*/ (0, $hJTaW$react.createContext)({});
+const $1a5ce205589a38e1$export$a8a71863db173133 = /*#__PURE__*/ (0, $hJTaW$react.createContext)(null);
+const $1a5ce205589a38e1$export$40258cc1d95ff477 = /*#__PURE__*/ (0, $hJTaW$react.forwardRef)(function ToggleButtonGroup(props, ref) {
+    [props, ref] = (0, $048d76b84370f141$exports.useContextProps)(props, ref, $1a5ce205589a38e1$export$298258635ae0dd97);
+    let state = (0, $hJTaW$reactstatelyuseToggleGroupState.useToggleGroupState)(props);
+    let { groupProps: groupProps } = (0, $hJTaW$reactariauseToggleButtonGroup.useToggleButtonGroup)(props, state, ref);
+    let renderProps = (0, $048d76b84370f141$exports.useRenderProps)({
+        ...props,
+        values: {
+            orientation: props.orientation || 'horizontal',
+            isDisabled: state.isDisabled,
+            state: state
+        },
+        defaultClassName: 'react-aria-ToggleButtonGroup'
+    });
+    let DOMProps = (0, $hJTaW$reactariafilterDOMProps.filterDOMProps)(props, {
+        global: true
+    });
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($hJTaW$react))).createElement((0, $048d76b84370f141$exports.dom).div, {
+        ...(0, $hJTaW$reactariamergeProps.mergeProps)(DOMProps, renderProps, groupProps),
+        ref: ref,
+        slot: props.slot || undefined,
+        "data-orientation": props.orientation || 'horizontal',
+        "data-disabled": props.isDisabled || undefined
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($hJTaW$react))).createElement($1a5ce205589a38e1$export$a8a71863db173133.Provider, {
+        value: state
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($hJTaW$react))).createElement((0, $9a60bd90621ebc78$exports.SharedElementTransition), null, renderProps.children)));
+});
+
+
+//# sourceMappingURL=ToggleButtonGroup.cjs.map

package/dist/private/ToggleButtonGroup.cjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AA4CM,MAAM,0DAA2B,CAAA,GAAA,0BAAY,EAAwD,CAAC;AACtG,MAAM,0DAA0B,CAAA,GAAA,0BAAY,EAA2B;AAKvE,MAAM,4CAAkC,AAAd,WAAW,GAAI,CAAA,GAAA,uBAAS,EAAqB,SAAS,kBAAkB,KAA6B,EAAE,GAAiC;IACvK,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAc,EAAE,OAAO,KAAK;IAC3C,IAAI,QAAQ,CAAA,GAAA,0DAAkB,EAAE;IAChC,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yDAAmB,EAAE,OAAO,OAAO;IAEtD,IAAI,cAAc,CAAA,GAAA,wCAAa,EAAE;QAC/B,GAAG,KAAK;QACR,QAAQ;YACN,aAAa,MAAM,WAAW,IAAI;YAClC,YAAY,MAAM,UAAU;mBAC5B;QACF;QACA,kBAAkB;IACpB;IAEA,IAAI,WAAW,CAAA,GAAA,6CAAa,EAAE,OAAO;QAAC,QAAQ;IAAI;IAElD,qBACE,0DAAC,CAAA,GAAA,6BAAE,EAAE,GAAG;QACL,GAAG,CAAA,GAAA,qCAAS,EAAE,UAAU,aAAa,WAAW;QACjD,KAAK;QACL,MAAM,MAAM,IAAI,IAAI;QACpB,oBAAkB,MAAM,WAAW,IAAI;QACvC,iBAAe,MAAM,UAAU,IAAI;qBACnC,0DAAC,0CAAwB,QAAQ;QAAC,OAAO;qBACvC,0DAAC,CAAA,GAAA,iDAAsB,SACpB,YAAY,QAAQ;AAK/B","sources":["packages/react-aria-components/src/ToggleButtonGroup.tsx"],"sourcesContent":["/*\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 */\nimport {AriaToggleButtonGroupProps, useToggleButtonGroup} from 'react-aria/useToggleButtonGroup';\n\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  RenderProps,\n  SlotProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {forwardRefType, GlobalDOMAttributes, Orientation} from '@react-types/shared';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {createContext, ForwardedRef, forwardRef} from 'react';\nimport {SharedElementTransition} from './SharedElementTransition';\nimport {ToggleGroupState, useToggleGroupState} from 'react-stately/useToggleGroupState';\n\nexport interface ToggleButtonGroupRenderProps {\n  /**\n   * The orientation of the toggle button group.\n   * @selector [data-orientation=\"horizontal | vertical\"]\n   */\n  orientation: Orientation,\n  /**\n   * Whether the toggle button group is disabled.\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean,\n  /**\n   * State of the toggle button group.\n   */\n  state: ToggleGroupState\n}\n\nexport interface ToggleButtonGroupProps extends AriaToggleButtonGroupProps, RenderProps<ToggleButtonGroupRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.\n   * @default 'react-aria-ToggleButtonGroup'\n   */\n  className?: ClassNameOrFunction<ToggleButtonGroupRenderProps>\n}\n\nexport const ToggleButtonGroupContext = createContext<ContextValue<ToggleButtonGroupProps, HTMLDivElement>>({});\nexport const ToggleGroupStateContext = createContext<ToggleGroupState | null>(null);\n\n/**\n * A toggle button group allows a user to toggle multiple options, with single or multiple selection.\n */\nexport const ToggleButtonGroup = /*#__PURE__*/ (forwardRef as forwardRefType)(function ToggleButtonGroup(props: ToggleButtonGroupProps, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useContextProps(props, ref, ToggleButtonGroupContext);\n  let state = useToggleGroupState(props);\n  let {groupProps} = useToggleButtonGroup(props, state, ref);\n\n  let renderProps = useRenderProps({\n    ...props,\n    values: {\n      orientation: props.orientation || 'horizontal',\n      isDisabled: state.isDisabled,\n      state\n    },\n    defaultClassName: 'react-aria-ToggleButtonGroup'\n  });\n\n  let DOMProps = filterDOMProps(props, {global: true});\n\n  return (\n    <dom.div\n      {...mergeProps(DOMProps, renderProps, groupProps)}\n      ref={ref}\n      slot={props.slot || undefined}\n      data-orientation={props.orientation || 'horizontal'}\n      data-disabled={props.isDisabled || undefined}>\n      <ToggleGroupStateContext.Provider value={state}>\n        <SharedElementTransition>\n          {renderProps.children}\n        </SharedElementTransition>\n      </ToggleGroupStateContext.Provider>\n    </dom.div>\n  );\n});\n"],"names":[],"version":3,"file":"ToggleButtonGroup.cjs.map"}

package/dist/private/ToggleButtonGroup.js

@@ -0,0 +1,57 @@
+import {dom as $b7b7a92703138c9b$export$df3a06d6289f983e, useContextProps as $b7b7a92703138c9b$export$29f1550f4b0d4415, useRenderProps as $b7b7a92703138c9b$export$4d86445c2cf5e3} from "./utils.js";
+import {SharedElementTransition as $347bc273c4058e94$export$758399f318e6385a} from "./SharedElementTransition.js";
+import {useToggleButtonGroup as $goXcO$useToggleButtonGroup} from "react-aria/useToggleButtonGroup";
+import {filterDOMProps as $goXcO$filterDOMProps} from "react-aria/filterDOMProps";
+import {mergeProps as $goXcO$mergeProps} from "react-aria/mergeProps";
+import $goXcO$react, {createContext as $goXcO$createContext, forwardRef as $goXcO$forwardRef} from "react";
+import {useToggleGroupState as $goXcO$useToggleGroupState} from "react-stately/useToggleGroupState";
+
+/*
+ * 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.
+ */ 
+
+
+
+
+
+
+const $e80299348b6d9861$export$298258635ae0dd97 = /*#__PURE__*/ (0, $goXcO$createContext)({});
+const $e80299348b6d9861$export$a8a71863db173133 = /*#__PURE__*/ (0, $goXcO$createContext)(null);
+const $e80299348b6d9861$export$40258cc1d95ff477 = /*#__PURE__*/ (0, $goXcO$forwardRef)(function ToggleButtonGroup(props, ref) {
+    [props, ref] = (0, $b7b7a92703138c9b$export$29f1550f4b0d4415)(props, ref, $e80299348b6d9861$export$298258635ae0dd97);
+    let state = (0, $goXcO$useToggleGroupState)(props);
+    let { groupProps: groupProps } = (0, $goXcO$useToggleButtonGroup)(props, state, ref);
+    let renderProps = (0, $b7b7a92703138c9b$export$4d86445c2cf5e3)({
+        ...props,
+        values: {
+            orientation: props.orientation || 'horizontal',
+            isDisabled: state.isDisabled,
+            state: state
+        },
+        defaultClassName: 'react-aria-ToggleButtonGroup'
+    });
+    let DOMProps = (0, $goXcO$filterDOMProps)(props, {
+        global: true
+    });
+    return /*#__PURE__*/ (0, $goXcO$react).createElement((0, $b7b7a92703138c9b$export$df3a06d6289f983e).div, {
+        ...(0, $goXcO$mergeProps)(DOMProps, renderProps, groupProps),
+        ref: ref,
+        slot: props.slot || undefined,
+        "data-orientation": props.orientation || 'horizontal',
+        "data-disabled": props.isDisabled || undefined
+    }, /*#__PURE__*/ (0, $goXcO$react).createElement($e80299348b6d9861$export$a8a71863db173133.Provider, {
+        value: state
+    }, /*#__PURE__*/ (0, $goXcO$react).createElement((0, $347bc273c4058e94$export$758399f318e6385a), null, renderProps.children)));
+});
+
+
+export {$e80299348b6d9861$export$298258635ae0dd97 as ToggleButtonGroupContext, $e80299348b6d9861$export$a8a71863db173133 as ToggleGroupStateContext, $e80299348b6d9861$export$40258cc1d95ff477 as ToggleButtonGroup};
+//# sourceMappingURL=ToggleButtonGroup.js.map

package/dist/private/ToggleButtonGroup.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AA4CM,MAAM,0DAA2B,CAAA,GAAA,oBAAY,EAAwD,CAAC;AACtG,MAAM,0DAA0B,CAAA,GAAA,oBAAY,EAA2B;AAKvE,MAAM,4CAAkC,AAAd,WAAW,GAAI,CAAA,GAAA,iBAAS,EAAqB,SAAS,kBAAkB,KAA6B,EAAE,GAAiC;IACvK,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAc,EAAE,OAAO,KAAK;IAC3C,IAAI,QAAQ,CAAA,GAAA,0BAAkB,EAAE;IAChC,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,2BAAmB,EAAE,OAAO,OAAO;IAEtD,IAAI,cAAc,CAAA,GAAA,uCAAa,EAAE;QAC/B,GAAG,KAAK;QACR,QAAQ;YACN,aAAa,MAAM,WAAW,IAAI;YAClC,YAAY,MAAM,UAAU;mBAC5B;QACF;QACA,kBAAkB;IACpB;IAEA,IAAI,WAAW,CAAA,GAAA,qBAAa,EAAE,OAAO;QAAC,QAAQ;IAAI;IAElD,qBACE,gCAAC,CAAA,GAAA,yCAAE,EAAE,GAAG;QACL,GAAG,CAAA,GAAA,iBAAS,EAAE,UAAU,aAAa,WAAW;QACjD,KAAK;QACL,MAAM,MAAM,IAAI,IAAI;QACpB,oBAAkB,MAAM,WAAW,IAAI;QACvC,iBAAe,MAAM,UAAU,IAAI;qBACnC,gCAAC,0CAAwB,QAAQ;QAAC,OAAO;qBACvC,gCAAC,CAAA,GAAA,yCAAsB,SACpB,YAAY,QAAQ;AAK/B","sources":["packages/react-aria-components/src/ToggleButtonGroup.tsx"],"sourcesContent":["/*\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 */\nimport {AriaToggleButtonGroupProps, useToggleButtonGroup} from 'react-aria/useToggleButtonGroup';\n\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  RenderProps,\n  SlotProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {forwardRefType, GlobalDOMAttributes, Orientation} from '@react-types/shared';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {createContext, ForwardedRef, forwardRef} from 'react';\nimport {SharedElementTransition} from './SharedElementTransition';\nimport {ToggleGroupState, useToggleGroupState} from 'react-stately/useToggleGroupState';\n\nexport interface ToggleButtonGroupRenderProps {\n  /**\n   * The orientation of the toggle button group.\n   * @selector [data-orientation=\"horizontal | vertical\"]\n   */\n  orientation: Orientation,\n  /**\n   * Whether the toggle button group is disabled.\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean,\n  /**\n   * State of the toggle button group.\n   */\n  state: ToggleGroupState\n}\n\nexport interface ToggleButtonGroupProps extends AriaToggleButtonGroupProps, RenderProps<ToggleButtonGroupRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.\n   * @default 'react-aria-ToggleButtonGroup'\n   */\n  className?: ClassNameOrFunction<ToggleButtonGroupRenderProps>\n}\n\nexport const ToggleButtonGroupContext = createContext<ContextValue<ToggleButtonGroupProps, HTMLDivElement>>({});\nexport const ToggleGroupStateContext = createContext<ToggleGroupState | null>(null);\n\n/**\n * A toggle button group allows a user to toggle multiple options, with single or multiple selection.\n */\nexport const ToggleButtonGroup = /*#__PURE__*/ (forwardRef as forwardRefType)(function ToggleButtonGroup(props: ToggleButtonGroupProps, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useContextProps(props, ref, ToggleButtonGroupContext);\n  let state = useToggleGroupState(props);\n  let {groupProps} = useToggleButtonGroup(props, state, ref);\n\n  let renderProps = useRenderProps({\n    ...props,\n    values: {\n      orientation: props.orientation || 'horizontal',\n      isDisabled: state.isDisabled,\n      state\n    },\n    defaultClassName: 'react-aria-ToggleButtonGroup'\n  });\n\n  let DOMProps = filterDOMProps(props, {global: true});\n\n  return (\n    <dom.div\n      {...mergeProps(DOMProps, renderProps, groupProps)}\n      ref={ref}\n      slot={props.slot || undefined}\n      data-orientation={props.orientation || 'horizontal'}\n      data-disabled={props.isDisabled || undefined}>\n      <ToggleGroupStateContext.Provider value={state}>\n        <SharedElementTransition>\n          {renderProps.children}\n        </SharedElementTransition>\n      </ToggleGroupStateContext.Provider>\n    </dom.div>\n  );\n});\n"],"names":[],"version":3,"file":"ToggleButtonGroup.js.map"}

package/dist/private/ToggleButtonGroup.mjs

@@ -0,0 +1,57 @@
+import {dom as $7230ffa83bc0c2cf$export$df3a06d6289f983e, useContextProps as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, useRenderProps as $7230ffa83bc0c2cf$export$4d86445c2cf5e3} from "./utils.mjs";
+import {SharedElementTransition as $792f28e438b9ad5f$export$758399f318e6385a} from "./SharedElementTransition.mjs";
+import {useToggleButtonGroup as $9mIod$useToggleButtonGroup} from "react-aria/useToggleButtonGroup";
+import {filterDOMProps as $9mIod$filterDOMProps} from "react-aria/filterDOMProps";
+import {mergeProps as $9mIod$mergeProps} from "react-aria/mergeProps";
+import $9mIod$react, {createContext as $9mIod$createContext, forwardRef as $9mIod$forwardRef} from "react";
+import {useToggleGroupState as $9mIod$useToggleGroupState} from "react-stately/useToggleGroupState";
+
+/*
+ * 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.
+ */ 
+
+
+
+
+
+
+const $bc25b811ec97a172$export$298258635ae0dd97 = /*#__PURE__*/ (0, $9mIod$createContext)({});
+const $bc25b811ec97a172$export$a8a71863db173133 = /*#__PURE__*/ (0, $9mIod$createContext)(null);
+const $bc25b811ec97a172$export$40258cc1d95ff477 = /*#__PURE__*/ (0, $9mIod$forwardRef)(function ToggleButtonGroup(props, ref) {
+    [props, ref] = (0, $7230ffa83bc0c2cf$export$29f1550f4b0d4415)(props, ref, $bc25b811ec97a172$export$298258635ae0dd97);
+    let state = (0, $9mIod$useToggleGroupState)(props);
+    let { groupProps: groupProps } = (0, $9mIod$useToggleButtonGroup)(props, state, ref);
+    let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({
+        ...props,
+        values: {
+            orientation: props.orientation || 'horizontal',
+            isDisabled: state.isDisabled,
+            state: state
+        },
+        defaultClassName: 'react-aria-ToggleButtonGroup'
+    });
+    let DOMProps = (0, $9mIod$filterDOMProps)(props, {
+        global: true
+    });
+    return /*#__PURE__*/ (0, $9mIod$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).div, {
+        ...(0, $9mIod$mergeProps)(DOMProps, renderProps, groupProps),
+        ref: ref,
+        slot: props.slot || undefined,
+        "data-orientation": props.orientation || 'horizontal',
+        "data-disabled": props.isDisabled || undefined
+    }, /*#__PURE__*/ (0, $9mIod$react).createElement($bc25b811ec97a172$export$a8a71863db173133.Provider, {
+        value: state
+    }, /*#__PURE__*/ (0, $9mIod$react).createElement((0, $792f28e438b9ad5f$export$758399f318e6385a), null, renderProps.children)));
+});
+
+
+export {$bc25b811ec97a172$export$298258635ae0dd97 as ToggleButtonGroupContext, $bc25b811ec97a172$export$a8a71863db173133 as ToggleGroupStateContext, $bc25b811ec97a172$export$40258cc1d95ff477 as ToggleButtonGroup};
+//# sourceMappingURL=ToggleButtonGroup.mjs.map

package/dist/private/ToggleButtonGroup.mjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AA4CM,MAAM,0DAA2B,CAAA,GAAA,oBAAY,EAAwD,CAAC;AACtG,MAAM,0DAA0B,CAAA,GAAA,oBAAY,EAA2B;AAKvE,MAAM,4CAAkC,AAAd,WAAW,GAAI,CAAA,GAAA,iBAAS,EAAqB,SAAS,kBAAkB,KAA6B,EAAE,GAAiC;IACvK,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAc,EAAE,OAAO,KAAK;IAC3C,IAAI,QAAQ,CAAA,GAAA,0BAAkB,EAAE;IAChC,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,2BAAmB,EAAE,OAAO,OAAO;IAEtD,IAAI,cAAc,CAAA,GAAA,uCAAa,EAAE;QAC/B,GAAG,KAAK;QACR,QAAQ;YACN,aAAa,MAAM,WAAW,IAAI;YAClC,YAAY,MAAM,UAAU;mBAC5B;QACF;QACA,kBAAkB;IACpB;IAEA,IAAI,WAAW,CAAA,GAAA,qBAAa,EAAE,OAAO;QAAC,QAAQ;IAAI;IAElD,qBACE,gCAAC,CAAA,GAAA,yCAAE,EAAE,GAAG;QACL,GAAG,CAAA,GAAA,iBAAS,EAAE,UAAU,aAAa,WAAW;QACjD,KAAK;QACL,MAAM,MAAM,IAAI,IAAI;QACpB,oBAAkB,MAAM,WAAW,IAAI;QACvC,iBAAe,MAAM,UAAU,IAAI;qBACnC,gCAAC,0CAAwB,QAAQ;QAAC,OAAO;qBACvC,gCAAC,CAAA,GAAA,yCAAsB,SACpB,YAAY,QAAQ;AAK/B","sources":["packages/react-aria-components/src/ToggleButtonGroup.tsx"],"sourcesContent":["/*\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 */\nimport {AriaToggleButtonGroupProps, useToggleButtonGroup} from 'react-aria/useToggleButtonGroup';\n\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  RenderProps,\n  SlotProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {forwardRefType, GlobalDOMAttributes, Orientation} from '@react-types/shared';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {createContext, ForwardedRef, forwardRef} from 'react';\nimport {SharedElementTransition} from './SharedElementTransition';\nimport {ToggleGroupState, useToggleGroupState} from 'react-stately/useToggleGroupState';\n\nexport interface ToggleButtonGroupRenderProps {\n  /**\n   * The orientation of the toggle button group.\n   * @selector [data-orientation=\"horizontal | vertical\"]\n   */\n  orientation: Orientation,\n  /**\n   * Whether the toggle button group is disabled.\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean,\n  /**\n   * State of the toggle button group.\n   */\n  state: ToggleGroupState\n}\n\nexport interface ToggleButtonGroupProps extends AriaToggleButtonGroupProps, RenderProps<ToggleButtonGroupRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.\n   * @default 'react-aria-ToggleButtonGroup'\n   */\n  className?: ClassNameOrFunction<ToggleButtonGroupRenderProps>\n}\n\nexport const ToggleButtonGroupContext = createContext<ContextValue<ToggleButtonGroupProps, HTMLDivElement>>({});\nexport const ToggleGroupStateContext = createContext<ToggleGroupState | null>(null);\n\n/**\n * A toggle button group allows a user to toggle multiple options, with single or multiple selection.\n */\nexport const ToggleButtonGroup = /*#__PURE__*/ (forwardRef as forwardRefType)(function ToggleButtonGroup(props: ToggleButtonGroupProps, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useContextProps(props, ref, ToggleButtonGroupContext);\n  let state = useToggleGroupState(props);\n  let {groupProps} = useToggleButtonGroup(props, state, ref);\n\n  let renderProps = useRenderProps({\n    ...props,\n    values: {\n      orientation: props.orientation || 'horizontal',\n      isDisabled: state.isDisabled,\n      state\n    },\n    defaultClassName: 'react-aria-ToggleButtonGroup'\n  });\n\n  let DOMProps = filterDOMProps(props, {global: true});\n\n  return (\n    <dom.div\n      {...mergeProps(DOMProps, renderProps, groupProps)}\n      ref={ref}\n      slot={props.slot || undefined}\n      data-orientation={props.orientation || 'horizontal'}\n      data-disabled={props.isDisabled || undefined}>\n      <ToggleGroupStateContext.Provider value={state}>\n        <SharedElementTransition>\n          {renderProps.children}\n        </SharedElementTransition>\n      </ToggleGroupStateContext.Provider>\n    </dom.div>\n  );\n});\n"],"names":[],"version":3,"file":"ToggleButtonGroup.mjs.map"}