@tamagui/toggle-group 1.14.1 → 1.14.3

package/dist/esm/ToggleGroup.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/ToggleGroup.tsx"],
   "sourcesContent": ["import { Scope, createContextScope } from '@tamagui/create-context'\nimport { registerFocusable } from '@tamagui/focusable'\nimport { getFontSize } from '@tamagui/font-size'\nimport { stepTokenUpOrDown } from '@tamagui/get-size'\nimport { Group, GroupProps, useGroupItem } from '@tamagui/group'\nimport { useGetThemedIcon } from '@tamagui/helpers-tamagui'\nimport { RovingFocusGroup, createRovingFocusGroupScope } from '@tamagui/roving-focus'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport { useDirection } from '@tamagui/use-direction'\nimport {\n  GetProps,\n  SizeTokens,\n  getVariableValue,\n  isWeb,\n  styled,\n  useTheme,\n  withStaticProperties,\n} from '@tamagui/web'\nimport React from 'react'\n\nimport { Toggle, ToggleFrame, ToggleProps } from './Toggle'\n\nconst TOGGLE_GROUP_NAME = 'ToggleGroup'\nconst [createToggleGroupContext, createToggleGroupScope] = createContextScope(\n  TOGGLE_GROUP_NAME,\n  [createRovingFocusGroupScope]\n)\n/* -------------------------------------------------------------------------------------------------\n * ToggleGroupItem\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOGGLE_GROUP_ITEM_NAME = 'ToggleGroupItem'\n\ntype ToggleGroupItemContextValue = { disabled?: boolean }\n\nconst [createToggleGroupItemContext, createToggleGroupItemScope] =\n  createContextScope(TOGGLE_GROUP_ITEM_NAME)\nconst [ToggleGroupItemProvider, useToggleGroupItemContext] =\n  createToggleGroupContext<ToggleGroupItemContextValue>(TOGGLE_GROUP_NAME)\nconst useToggleGroupItemScope = createToggleGroupItemScope()\n\ntype ToggleGroupItemElement = ToggleGroupItemImplElement\n\ntype ToggleGroupItemProps = GetProps<typeof ToggleFrame> & {\n  value: string\n  id?: string\n  disabled?: boolean\n  size?: SizeTokens\n  /**\n   * Used to disable passing styles down to children.\n   */\n  disablePassStyles?: boolean\n}\nconst ToggleGroupItem = ToggleFrame.extractable(\n  React.forwardRef<ToggleGroupItemElement, ToggleGroupItemProps>(\n    (props: ScopedProps<ToggleGroupItemProps>, forwardedRef) => {\n      const valueContext = useToggleGroupValueContext(\n        TOGGLE_GROUP_ITEM_NAME,\n        props.__scopeToggleGroup\n      )\n      const context = useToggleGroupContext(\n        TOGGLE_GROUP_ITEM_NAME,\n        props.__scopeToggleGroup\n      )\n      const __scopeToggleGroup = props.__scopeToggleGroup\n      const rovingFocusGroupScope = useRovingFocusGroupScope(props.__scopeToggleGroup)\n      const pressed = valueContext.value.includes(props.value)\n      const disabled = context.disabled || props.disabled || false\n      const ref = React.useRef<HTMLDivElement>(null)\n      const groupItemProps = useGroupItem({ disabled })\n      const size = props.size ?? context.size\n\n      const sizeProps: Record<string, any> = {\n        width: undefined,\n        height: undefined,\n        padding: getVariableValue(size) * 0.6,\n      }\n      if (props.orientation === 'horizontal')\n        sizeProps.height = getVariableValue(size) * 2.4\n      else sizeProps.width = getVariableValue(size) * 2.4\n\n      const iconSize = (typeof size === 'number' ? size * 0.7 : getFontSize(size)) * 1.2\n\n      const theme = useTheme()\n      const getThemedIcon = useGetThemedIcon({ size: iconSize, color: theme.color })\n\n      const childrens = React.Children.toArray(props.children)\n      const children = childrens.map((child) => {\n        if (props.disablePassStyles || !React.isValidElement(child)) {\n          return child\n        }\n        return getThemedIcon(child)\n      })\n\n      const commonProps = { ...props, pressed, disabled, ...sizeProps, children }\n\n      return (\n        <ToggleGroupItemProvider scope={__scopeToggleGroup}>\n          {context.rovingFocus ? (\n            <RovingFocusGroup.Item\n              asChild\n              {...rovingFocusGroupScope}\n              focusable={!disabled}\n              active={pressed}\n            >\n              <ToggleFrame\n                asChild\n                focusable={!disabled}\n                disabled={disabled}\n                ref={ref}\n                {...groupItemProps}\n              >\n                <ToggleGroupItemImpl {...commonProps} ref={forwardedRef} />\n              </ToggleFrame>\n            </RovingFocusGroup.Item>\n          ) : (\n            <ToggleFrame asChild focusable={!disabled} disabled={disabled} ref={ref}>\n              <ToggleGroupItemImpl {...commonProps} ref={forwardedRef} />\n            </ToggleFrame>\n          )}\n        </ToggleGroupItemProvider>\n      )\n    }\n  )\n)\nToggleGroupItem.displayName = TOGGLE_GROUP_ITEM_NAME\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype ToggleGroupItemImplElement = React.ElementRef<typeof Toggle>\ntype ToggleGroupItemImplProps = Omit<\n  ToggleProps,\n  'defaultPressed' | 'onPressedChange' | 'size'\n> & {\n  /**\n   * A string value for the toggle group item. All items within a toggle group should use a unique value.\n   */\n  value: string\n  size?: SizeTokens\n}\n\nconst ToggleGroupItemImpl = ToggleFrame.extractable(\n  React.forwardRef<ToggleGroupItemImplElement, ToggleGroupItemImplProps>(\n    (props: ScopedProps<ToggleGroupItemImplProps>, forwardedRef) => {\n      const { __scopeToggleGroup, value, ...itemProps } = props\n      const valueContext = useToggleGroupValueContext(\n        TOGGLE_GROUP_ITEM_NAME,\n        __scopeToggleGroup\n      )\n      const singleProps = {\n        'aria-pressed': undefined,\n      }\n      const typeProps = valueContext.type === 'single' ? singleProps : undefined\n\n      return (\n        <Toggle\n          {...typeProps}\n          {...itemProps}\n          ref={forwardedRef}\n          onPressedChange={(pressed) => {\n            if (pressed) {\n              valueContext.onItemActivate(value)\n            } else {\n              valueContext.onItemDeactivate(value)\n            }\n          }}\n        />\n      )\n    }\n  )\n)\n\n/* -----------------------------------------------------------------------------------------------*/\n\n/* -------------------------------------------------------------------------------------------------\n * ToggleGroup\n * -----------------------------------------------------------------------------------------------*/\n\ntype ScopedProps<P> = P & { __scopeToggleGroup?: Scope }\n\nconst useRovingFocusGroupScope = createRovingFocusGroupScope()\n\ntype ToggleGroupElement = ToggleGroupImplSingleElement | ToggleGroupImplMultipleElement\ninterface ToggleGroupSingleProps extends ToggleGroupImplSingleProps {\n  type: 'single'\n}\ninterface ToggleGroupMultipleProps extends ToggleGroupImplMultipleProps {\n  type: 'multiple'\n}\n\ntype ToggleGroupProps = ToggleGroupSingleProps | ToggleGroupMultipleProps\n\nconst ToggleGroup = withStaticProperties(\n  React.forwardRef<ToggleGroupElement, ToggleGroupProps>((props, forwardedRef) => {\n    const { type, ...toggleGroupProps } = props\n\n    if (!isWeb) {\n      // eslint-disable-next-line react-hooks/rules-of-hooks\n      React.useEffect(() => {\n        if (!props.id) return\n        return registerFocusable(props.id, {\n          // TODO: would be nice to focus on the first child later - could be done with reforest\n          // for now leaving it empty\n          focus: () => {},\n        })\n      }, [props.id])\n    }\n\n    if (type === 'single') {\n      const singleProps = toggleGroupProps as ToggleGroupImplSingleProps\n      return <ToggleGroupImplSingle {...singleProps} ref={forwardedRef} />\n    }\n\n    if (type === 'multiple') {\n      const multipleProps = toggleGroupProps as ToggleGroupImplMultipleProps\n      return <ToggleGroupImplMultiple {...multipleProps} ref={forwardedRef} />\n    }\n\n    throw new Error(`Missing prop \\`type\\` expected on \\`${TOGGLE_GROUP_NAME}\\``)\n  }),\n  {\n    Item: ToggleGroupItem,\n  }\n)\n\nToggleGroup.displayName = TOGGLE_GROUP_NAME\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype ToggleGroupValueContextValue = {\n  type: 'single' | 'multiple'\n  defaultValue?: string | string[]\n  value: string[]\n  onItemActivate(value: string): void\n  onItemDeactivate(value: string): void\n}\n\nconst [ToggleGroupValueProvider, useToggleGroupValueContext] =\n  createToggleGroupContext<ToggleGroupValueContextValue>(TOGGLE_GROUP_NAME)\n\ntype ToggleGroupImplSingleElement = ToggleGroupImplElement\ninterface ToggleGroupImplSingleProps extends ToggleGroupImplProps {\n  /**\n   * The controlled stateful value of the item that is pressed.\n   */\n  value?: string\n  /**\n   * The value of the item that is pressed when initially rendered. Use\n   * `defaultValue` if you do not need to control the state of a toggle group.\n   */\n  defaultValue?: string\n  /**\n   * The callback that fires when the value of the toggle group changes.\n   */\n  onValueChange?(value: string): void\n  /**\n   * Won't let the user turn the active item off.\n   */\n  disableDeactivation?: boolean\n}\n\nconst ToggleGroupImplSingle = React.forwardRef<\n  ToggleGroupImplSingleElement,\n  ToggleGroupImplSingleProps\n>((props: ScopedProps<ToggleGroupImplSingleProps>, forwardedRef) => {\n  const {\n    value: valueProp,\n    defaultValue,\n    onValueChange = () => {},\n    disableDeactivation = false,\n    ...toggleGroupSingleProps\n  } = props\n\n  const [value, setValue] = useControllableState({\n    prop: valueProp,\n    defaultProp: defaultValue!,\n    onChange: onValueChange,\n  })\n\n  return (\n    <ToggleGroupValueProvider\n      scope={props.__scopeToggleGroup}\n      type=\"single\"\n      value={value ? [value] : []}\n      defaultValue={value}\n      onItemActivate={setValue}\n      onItemDeactivate={React.useCallback(() => disableDeactivation ? null : setValue(''), [setValue, disableDeactivation])}\n    >\n      <ToggleGroupImpl {...toggleGroupSingleProps} ref={forwardedRef} />\n    </ToggleGroupValueProvider>\n  )\n})\n\ntype ToggleGroupImplMultipleElement = ToggleGroupImplElement\ninterface ToggleGroupImplMultipleProps extends ToggleGroupImplProps {\n  /**\n   * The controlled stateful value of the items that are pressed.\n   */\n  value?: string[]\n  /**\n   * The value of the items that are pressed when initially rendered. Use\n   * `defaultValue` if you do not need to control the state of a toggle group.\n   */\n  defaultValue?: string[]\n  /**\n   * The callback that fires when the state of the toggle group changes.\n   */\n  onValueChange?(value: string[]): void\n}\n\nconst ToggleGroupImplMultiple = React.forwardRef<\n  ToggleGroupImplMultipleElement,\n  ToggleGroupImplMultipleProps\n>((props: ScopedProps<ToggleGroupImplMultipleProps>, forwardedRef) => {\n  const {\n    value: valueProp,\n    defaultValue,\n    onValueChange = () => {},\n    ...toggleGroupMultipleProps\n  } = props\n\n  const [value = [], setValue] = useControllableState({\n    prop: valueProp,\n    defaultProp: defaultValue!,\n    onChange: onValueChange,\n  })\n\n  const handleButtonActivate = React.useCallback(\n    (itemValue: string) => setValue((prevValue = []) => [...prevValue, itemValue]),\n    [setValue]\n  )\n\n  const handleButtonDeactivate = React.useCallback(\n    (itemValue: string) =>\n      setValue((prevValue = []) => prevValue.filter((value) => value !== itemValue)),\n    [setValue]\n  )\n\n  return (\n    <ToggleGroupValueProvider\n      scope={props.__scopeToggleGroup}\n      type=\"multiple\"\n      value={value}\n      defaultValue={value}\n      onItemActivate={handleButtonActivate}\n      onItemDeactivate={handleButtonDeactivate}\n    >\n      <ToggleGroupImpl {...toggleGroupMultipleProps} ref={forwardedRef} />\n    </ToggleGroupValueProvider>\n  )\n})\n\nToggleGroup.displayName = TOGGLE_GROUP_NAME\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype ToggleGroupContextValue = {\n  rovingFocus: boolean\n  disabled: boolean\n  size: SizeTokens\n}\n\nconst [ToggleGroupContext, useToggleGroupContext] =\n  createToggleGroupContext<ToggleGroupContextValue>(TOGGLE_GROUP_NAME)\n\ntype RovingFocusGroupProps = React.ComponentPropsWithoutRef<typeof RovingFocusGroup>\ntype TamaguiElement = HTMLElement\ntype ToggleGroupImplElement = TamaguiElement\n\nconst ToggleGroupImplElementFrame = styled(Group, {\n  name: TOGGLE_GROUP_NAME,\n  variants: {\n    unstyled: {\n      false: {\n        backgroundColor: '$background',\n      },\n    },\n    orientation: {\n      vertical: {\n        flexDirection: 'column',\n        spaceDirection: 'vertical',\n      },\n      horizontal: {\n        flexDirection: 'row',\n        spaceDirection: 'horizontal',\n      },\n    },\n  } as const,\n  defaultVariants: {\n    unstyled: false,\n  },\n})\n\ntype ToggleGroupImplProps = GetProps<typeof ToggleGroupImplElementFrame> &\n  GroupProps & {\n    rovingFocus?: boolean\n    dir?: RovingFocusGroupProps['dir']\n    loop?: RovingFocusGroupProps['loop']\n    sizeAdjust?: number\n  }\n\nconst ToggleGroupImpl = ToggleGroupImplElementFrame.extractable(\n  React.forwardRef<ToggleGroupImplElement, ToggleGroupImplProps>(\n    (props: ScopedProps<ToggleGroupImplProps>, forwardedRef) => {\n      const {\n        __scopeToggleGroup,\n        disabled = false,\n        orientation = 'horizontal',\n        dir,\n        rovingFocus = true,\n        loop = true,\n        unstyled = false,\n        size: sizeProp = '$true',\n        sizeAdjust = 0,\n        ...toggleGroupProps\n      } = props\n      const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToggleGroup)\n      const direction = useDirection(dir)\n      const commonProps = {\n        role: 'togglegroup',\n        dir: direction,\n        ...toggleGroupProps,\n      }\n      const adjustedSize = getVariableValue(\n        stepTokenUpOrDown('size', props.size, sizeAdjust)\n      )\n      const size = Math.round(adjustedSize * 0.45)\n\n      return (\n        <ToggleGroupContext\n          scope={__scopeToggleGroup}\n          rovingFocus={rovingFocus}\n          disabled={disabled}\n          size={size}\n        >\n          {rovingFocus ? (\n            <RovingFocusGroup\n              asChild\n              {...rovingFocusGroupScope}\n              orientation={orientation}\n              dir={direction}\n              loop={loop}\n            >\n              <ToggleGroupImplElementFrame\n                aria-orientation={orientation}\n                orientation={orientation}\n                axis={orientation}\n                ref={forwardedRef}\n                data-disabled={disabled ? '' : undefined}\n                unstyled={unstyled}\n                {...commonProps}\n              />\n            </RovingFocusGroup>\n          ) : (\n            <ToggleGroupImplElementFrame\n              aria-orientation={orientation}\n              ref={forwardedRef}\n              orientation={orientation}\n              data-disabled={disabled ? '' : undefined}\n              unstyled={unstyled}\n              {...commonProps}\n            />\n          )}\n        </ToggleGroupContext>\n      )\n    }\n  )\n)\n\nexport { ToggleGroup, createToggleGroupScope }\nexport type {\n  ToggleGroupItemProps,\n  ToggleGroupMultipleProps,\n  ToggleGroupSingleProps,\n  ToggleGroupProps,\n}\n"],
-  "mappings": "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",
-  "names": ["jsx", "createContextScope", "registerFocusable", "getFontSize", "stepTokenUpOrDown", "Group", "useGroupItem", "useGetThemedIcon", "RovingFocusGroup", "createRovingFocusGroupScope", "useControllableState", "useDirection", "getVariableValue", "isWeb", "styled", "useTheme", "withStaticProperties", "React", "Toggle", "ToggleFrame", "TOGGLE_GROUP_NAME", "createToggleGroupContext", "createToggleGroupScope", "TOGGLE_GROUP_ITEM_NAME", "createToggleGroupItemContext", "createToggleGroupItemScope", "ToggleGroupItemProvider", "useToggleGroupItemContext", "useToggleGroupItemScope", "ToggleGroupItem", "props", "forwardedRef", "valueContext", "useToggleGroupValueContext", "context", "useToggleGroupContext", "__scopeToggleGroup", "rovingFocusGroupScope", "useRovingFocusGroupScope", "pressed", "disabled", "ref", "groupItemProps", "size", "sizeProps", "iconSize", "theme", "getThemedIcon", "children", "child", "commonProps", "ToggleGroupItemImpl", "value", "itemProps", "singleProps", "typeProps", "ToggleGroup", "type", "toggleGroupProps", "ToggleGroupImplSingle", "ToggleGroupImplMultiple", "ToggleGroupValueProvider", "valueProp", "defaultValue", "onValueChange", "disableDeactivation", "toggleGroupSingleProps", "setValue", "ToggleGroupImpl", "toggleGroupMultipleProps", "handleButtonActivate", "itemValue", "prevValue", "handleButtonDeactivate", "ToggleGroupContext", "ToggleGroupImplElementFrame", "orientation", "dir", "rovingFocus", "loop", "unstyled", "sizeProp", "sizeAdjust", "direction", "adjustedSize"]
+  "mappings": "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",
+  "names": ["value"]
 }

package/dist/esm/ToggleGroup.mjs

@@ -1,2 +1,313 @@
-import{jsx as l}from"react/jsx-runtime";import{createContextScope as V}from"@tamagui/create-context";import{registerFocusable as O}from"@tamagui/focusable";import{getFontSize as N}from"@tamagui/font-size";import{stepTokenUpOrDown as L}from"@tamagui/get-size";import{Group as U,useGroupItem as $}from"@tamagui/group";import{useGetThemedIcon as j}from"@tamagui/helpers-tamagui";import{RovingFocusGroup as z,createRovingFocusGroupScope as _}from"@tamagui/roving-focus";import{useControllableState as F}from"@tamagui/use-controllable-state";import{useDirection as B}from"@tamagui/use-direction";import{getVariableValue as I,isWeb as H,styled as W,useTheme as q,withStaticProperties as J}from"@tamagui/web";import s from"react";import{Toggle as K,ToggleFrame as v}from"./Toggle";const m="ToggleGroup",[S,Q]=V(m,[_]),G="ToggleGroupItem",[ve,X]=V(G),[Y,ye]=S(m),be=X(),R=v.extractable(s.forwardRef((e,p)=>{const n=w(G,e.__scopeToggleGroup),t=te(G,e.__scopeToggleGroup),r=e.__scopeToggleGroup,u=D(e.__scopeToggleGroup),i=n.value.includes(e.value),o=t.disabled||e.disabled||!1,g=s.useRef(null),T=$({disabled:o}),a=e.size??t.size,c={width:void 0,height:void 0,padding:I(a)*.6};e.orientation==="horizontal"?c.height=I(a)*2.4:c.width=I(a)*2.4;const d=(typeof a=="number"?a*.7:N(a))*1.2,P=q(),f=j({size:d,color:P.color}),y=s.Children.toArray(e.children).map(b=>e.disablePassStyles||!s.isValidElement(b)?b:f(b)),x={...e,pressed:i,disabled:o,...c,children:y};return l(Y,{scope:r,children:t.rovingFocus?l(z.Item,{asChild:!0,...u,focusable:!o,active:i,children:l(v,{asChild:!0,focusable:!o,disabled:o,ref:g,...T,children:l(M,{...x,ref:p})})}):l(v,{asChild:!0,focusable:!o,disabled:o,ref:g,children:l(M,{...x,ref:p})})})}));R.displayName=G;const M=v.extractable(s.forwardRef((e,p)=>{const{__scopeToggleGroup:n,value:t,...r}=e,u=w(G,n),i={"aria-pressed":void 0},o=u.type==="single"?i:void 0;return l(K,{...o,...r,ref:p,onPressedChange:g=>{g?u.onItemActivate(t):u.onItemDeactivate(t)}})})),D=_(),h=J(s.forwardRef((e,p)=>{const{type:n,...t}=e;if(H||s.useEffect(()=>{if(e.id)return O(e.id,{focus:()=>{}})},[e.id]),n==="single")return l(Z,{...t,ref:p});if(n==="multiple")return l(ee,{...t,ref:p});throw new Error(`Missing prop \`type\` expected on \`${m}\``)}),{Item:R});h.displayName=m;const[k,w]=S(m),Z=s.forwardRef((e,p)=>{const{value:n,defaultValue:t,onValueChange:r=()=>{},disableDeactivation:u=!1,...i}=e,[o,g]=F({prop:n,defaultProp:t,onChange:r});return l(k,{scope:e.__scopeToggleGroup,type:"single",value:o?[o]:[],defaultValue:o,onItemActivate:g,onItemDeactivate:s.useCallback(()=>u?null:g(""),[g,u]),children:l(A,{...i,ref:p})})}),ee=s.forwardRef((e,p)=>{const{value:n,defaultValue:t,onValueChange:r=()=>{},...u}=e,[i=[],o]=F({prop:n,defaultProp:t,onChange:r}),g=s.useCallback(a=>o((c=[])=>[...c,a]),[o]),T=s.useCallback(a=>o((c=[])=>c.filter(d=>d!==a)),[o]);return l(k,{scope:e.__scopeToggleGroup,type:"multiple",value:i,defaultValue:i,onItemActivate:g,onItemDeactivate:T,children:l(A,{...u,ref:p})})});h.displayName=m;const[oe,te]=S(m),C=W(U,{name:m,variants:{unstyled:{false:{backgroundColor:"$background"}},orientation:{vertical:{flexDirection:"column",spaceDirection:"vertical"},horizontal:{flexDirection:"row",spaceDirection:"horizontal"}}},defaultVariants:{unstyled:!1}}),A=C.extractable(s.forwardRef((e,p)=>{const{__scopeToggleGroup:n,disabled:t=!1,orientation:r="horizontal",dir:u,rovingFocus:i=!0,loop:o=!0,unstyled:g=!1,size:T="$true",sizeAdjust:a=0,...c}=e,d=D(n),P=B(u),f={role:"togglegroup",dir:P,...c},E=I(L("size",e.size,a)),y=Math.round(E*.45);return l(oe,{scope:n,rovingFocus:i,disabled:t,size:y,children:i?l(z,{asChild:!0,...d,orientation:r,dir:P,loop:o,children:l(C,{"aria-orientation":r,orientation:r,axis:r,ref:p,"data-disabled":t?"":void 0,unstyled:g,...f})}):l(C,{"aria-orientation":r,ref:p,orientation:r,"data-disabled":t?"":void 0,unstyled:g,...f})})}));export{h as ToggleGroup,Q as createToggleGroupScope};
+import { jsx } from "react/jsx-runtime";
+import { createContextScope } from "@tamagui/create-context";
+import { registerFocusable } from "@tamagui/focusable";
+import { getFontSize } from "@tamagui/font-size";
+import { stepTokenUpOrDown } from "@tamagui/get-size";
+import { Group, useGroupItem } from "@tamagui/group";
+import { useGetThemedIcon } from "@tamagui/helpers-tamagui";
+import { RovingFocusGroup, createRovingFocusGroupScope } from "@tamagui/roving-focus";
+import { useControllableState } from "@tamagui/use-controllable-state";
+import { useDirection } from "@tamagui/use-direction";
+import {
+  getVariableValue,
+  isWeb,
+  styled,
+  useTheme,
+  withStaticProperties
+} from "@tamagui/web";
+import React from "react";
+import { Toggle, ToggleFrame } from "./Toggle";
+const TOGGLE_GROUP_NAME = "ToggleGroup";
+const [createToggleGroupContext, createToggleGroupScope] = createContextScope(
+  TOGGLE_GROUP_NAME,
+  [createRovingFocusGroupScope]
+);
+const TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem";
+const [createToggleGroupItemContext, createToggleGroupItemScope] = createContextScope(TOGGLE_GROUP_ITEM_NAME);
+const [ToggleGroupItemProvider, useToggleGroupItemContext] = createToggleGroupContext(TOGGLE_GROUP_NAME);
+const useToggleGroupItemScope = createToggleGroupItemScope();
+const ToggleGroupItem = ToggleFrame.extractable(
+  React.forwardRef(
+    (props, forwardedRef) => {
+      const valueContext = useToggleGroupValueContext(
+        TOGGLE_GROUP_ITEM_NAME,
+        props.__scopeToggleGroup
+      );
+      const context = useToggleGroupContext(
+        TOGGLE_GROUP_ITEM_NAME,
+        props.__scopeToggleGroup
+      );
+      const __scopeToggleGroup = props.__scopeToggleGroup;
+      const rovingFocusGroupScope = useRovingFocusGroupScope(props.__scopeToggleGroup);
+      const pressed = valueContext.value.includes(props.value);
+      const disabled = context.disabled || props.disabled || false;
+      const ref = React.useRef(null);
+      const groupItemProps = useGroupItem({ disabled });
+      const size = props.size ?? context.size;
+      const sizeProps = {
+        width: void 0,
+        height: void 0,
+        padding: getVariableValue(size) * 0.6
+      };
+      if (props.orientation === "horizontal")
+        sizeProps.height = getVariableValue(size) * 2.4;
+      else
+        sizeProps.width = getVariableValue(size) * 2.4;
+      const iconSize = (typeof size === "number" ? size * 0.7 : getFontSize(size)) * 1.2;
+      const theme = useTheme();
+      const getThemedIcon = useGetThemedIcon({ size: iconSize, color: theme.color });
+      const childrens = React.Children.toArray(props.children);
+      const children = childrens.map((child) => {
+        if (props.disablePassStyles || !React.isValidElement(child)) {
+          return child;
+        }
+        return getThemedIcon(child);
+      });
+      const commonProps = { ...props, pressed, disabled, ...sizeProps, children };
+      return /* @__PURE__ */ jsx(ToggleGroupItemProvider, { scope: __scopeToggleGroup, children: context.rovingFocus ? /* @__PURE__ */ jsx(
+        RovingFocusGroup.Item,
+        {
+          asChild: true,
+          ...rovingFocusGroupScope,
+          focusable: !disabled,
+          active: pressed,
+          children: /* @__PURE__ */ jsx(
+            ToggleFrame,
+            {
+              asChild: true,
+              focusable: !disabled,
+              disabled,
+              ref,
+              ...groupItemProps,
+              children: /* @__PURE__ */ jsx(ToggleGroupItemImpl, { ...commonProps, ref: forwardedRef })
+            }
+          )
+        }
+      ) : /* @__PURE__ */ jsx(ToggleFrame, { asChild: true, focusable: !disabled, disabled, ref, children: /* @__PURE__ */ jsx(ToggleGroupItemImpl, { ...commonProps, ref: forwardedRef }) }) });
+    }
+  )
+);
+ToggleGroupItem.displayName = TOGGLE_GROUP_ITEM_NAME;
+const ToggleGroupItemImpl = ToggleFrame.extractable(
+  React.forwardRef(
+    (props, forwardedRef) => {
+      const { __scopeToggleGroup, value, ...itemProps } = props;
+      const valueContext = useToggleGroupValueContext(
+        TOGGLE_GROUP_ITEM_NAME,
+        __scopeToggleGroup
+      );
+      const singleProps = {
+        "aria-pressed": void 0
+      };
+      const typeProps = valueContext.type === "single" ? singleProps : void 0;
+      return /* @__PURE__ */ jsx(
+        Toggle,
+        {
+          ...typeProps,
+          ...itemProps,
+          ref: forwardedRef,
+          onPressedChange: (pressed) => {
+            if (pressed) {
+              valueContext.onItemActivate(value);
+            } else {
+              valueContext.onItemDeactivate(value);
+            }
+          }
+        }
+      );
+    }
+  )
+);
+const useRovingFocusGroupScope = createRovingFocusGroupScope();
+const ToggleGroup = withStaticProperties(
+  React.forwardRef((props, forwardedRef) => {
+    const { type, ...toggleGroupProps } = props;
+    if (!isWeb) {
+      React.useEffect(() => {
+        if (!props.id)
+          return;
+        return registerFocusable(props.id, {
+          // TODO: would be nice to focus on the first child later - could be done with reforest
+          // for now leaving it empty
+          focus: () => {
+          }
+        });
+      }, [props.id]);
+    }
+    if (type === "single") {
+      const singleProps = toggleGroupProps;
+      return /* @__PURE__ */ jsx(ToggleGroupImplSingle, { ...singleProps, ref: forwardedRef });
+    }
+    if (type === "multiple") {
+      const multipleProps = toggleGroupProps;
+      return /* @__PURE__ */ jsx(ToggleGroupImplMultiple, { ...multipleProps, ref: forwardedRef });
+    }
+    throw new Error(`Missing prop \`type\` expected on \`${TOGGLE_GROUP_NAME}\``);
+  }),
+  {
+    Item: ToggleGroupItem
+  }
+);
+ToggleGroup.displayName = TOGGLE_GROUP_NAME;
+const [ToggleGroupValueProvider, useToggleGroupValueContext] = createToggleGroupContext(TOGGLE_GROUP_NAME);
+const ToggleGroupImplSingle = React.forwardRef((props, forwardedRef) => {
+  const {
+    value: valueProp,
+    defaultValue,
+    onValueChange = () => {
+    },
+    disableDeactivation = false,
+    ...toggleGroupSingleProps
+  } = props;
+  const [value, setValue] = useControllableState({
+    prop: valueProp,
+    defaultProp: defaultValue,
+    onChange: onValueChange
+  });
+  return /* @__PURE__ */ jsx(
+    ToggleGroupValueProvider,
+    {
+      scope: props.__scopeToggleGroup,
+      type: "single",
+      value: value ? [value] : [],
+      defaultValue: value,
+      onItemActivate: setValue,
+      onItemDeactivate: React.useCallback(() => disableDeactivation ? null : setValue(""), [setValue, disableDeactivation]),
+      children: /* @__PURE__ */ jsx(ToggleGroupImpl, { ...toggleGroupSingleProps, ref: forwardedRef })
+    }
+  );
+});
+const ToggleGroupImplMultiple = React.forwardRef((props, forwardedRef) => {
+  const {
+    value: valueProp,
+    defaultValue,
+    onValueChange = () => {
+    },
+    ...toggleGroupMultipleProps
+  } = props;
+  const [value = [], setValue] = useControllableState({
+    prop: valueProp,
+    defaultProp: defaultValue,
+    onChange: onValueChange
+  });
+  const handleButtonActivate = React.useCallback(
+    (itemValue) => setValue((prevValue = []) => [...prevValue, itemValue]),
+    [setValue]
+  );
+  const handleButtonDeactivate = React.useCallback(
+    (itemValue) => setValue((prevValue = []) => prevValue.filter((value2) => value2 !== itemValue)),
+    [setValue]
+  );
+  return /* @__PURE__ */ jsx(
+    ToggleGroupValueProvider,
+    {
+      scope: props.__scopeToggleGroup,
+      type: "multiple",
+      value,
+      defaultValue: value,
+      onItemActivate: handleButtonActivate,
+      onItemDeactivate: handleButtonDeactivate,
+      children: /* @__PURE__ */ jsx(ToggleGroupImpl, { ...toggleGroupMultipleProps, ref: forwardedRef })
+    }
+  );
+});
+ToggleGroup.displayName = TOGGLE_GROUP_NAME;
+const [ToggleGroupContext, useToggleGroupContext] = createToggleGroupContext(TOGGLE_GROUP_NAME);
+const ToggleGroupImplElementFrame = styled(Group, {
+  name: TOGGLE_GROUP_NAME,
+  variants: {
+    unstyled: {
+      false: {
+        backgroundColor: "$background"
+      }
+    },
+    orientation: {
+      vertical: {
+        flexDirection: "column",
+        spaceDirection: "vertical"
+      },
+      horizontal: {
+        flexDirection: "row",
+        spaceDirection: "horizontal"
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: false
+  }
+});
+const ToggleGroupImpl = ToggleGroupImplElementFrame.extractable(
+  React.forwardRef(
+    (props, forwardedRef) => {
+      const {
+        __scopeToggleGroup,
+        disabled = false,
+        orientation = "horizontal",
+        dir,
+        rovingFocus = true,
+        loop = true,
+        unstyled = false,
+        size: sizeProp = "$true",
+        sizeAdjust = 0,
+        ...toggleGroupProps
+      } = props;
+      const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToggleGroup);
+      const direction = useDirection(dir);
+      const commonProps = {
+        role: "togglegroup",
+        dir: direction,
+        ...toggleGroupProps
+      };
+      const adjustedSize = getVariableValue(
+        stepTokenUpOrDown("size", props.size, sizeAdjust)
+      );
+      const size = Math.round(adjustedSize * 0.45);
+      return /* @__PURE__ */ jsx(
+        ToggleGroupContext,
+        {
+          scope: __scopeToggleGroup,
+          rovingFocus,
+          disabled,
+          size,
+          children: rovingFocus ? /* @__PURE__ */ jsx(
+            RovingFocusGroup,
+            {
+              asChild: true,
+              ...rovingFocusGroupScope,
+              orientation,
+              dir: direction,
+              loop,
+              children: /* @__PURE__ */ jsx(
+                ToggleGroupImplElementFrame,
+                {
+                  "aria-orientation": orientation,
+                  orientation,
+                  axis: orientation,
+                  ref: forwardedRef,
+                  "data-disabled": disabled ? "" : void 0,
+                  unstyled,
+                  ...commonProps
+                }
+              )
+            }
+          ) : /* @__PURE__ */ jsx(
+            ToggleGroupImplElementFrame,
+            {
+              "aria-orientation": orientation,
+              ref: forwardedRef,
+              orientation,
+              "data-disabled": disabled ? "" : void 0,
+              unstyled,
+              ...commonProps
+            }
+          )
+        }
+      );
+    }
+  )
+);
+export {
+  ToggleGroup,
+  createToggleGroupScope
+};
 //# sourceMappingURL=ToggleGroup.mjs.map

package/dist/esm/ToggleGroup.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/ToggleGroup.tsx"],
   "sourcesContent": ["import { Scope, createContextScope } from '@tamagui/create-context'\nimport { registerFocusable } from '@tamagui/focusable'\nimport { getFontSize } from '@tamagui/font-size'\nimport { stepTokenUpOrDown } from '@tamagui/get-size'\nimport { Group, GroupProps, useGroupItem } from '@tamagui/group'\nimport { useGetThemedIcon } from '@tamagui/helpers-tamagui'\nimport { RovingFocusGroup, createRovingFocusGroupScope } from '@tamagui/roving-focus'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport { useDirection } from '@tamagui/use-direction'\nimport {\n  GetProps,\n  SizeTokens,\n  getVariableValue,\n  isWeb,\n  styled,\n  useTheme,\n  withStaticProperties,\n} from '@tamagui/web'\nimport React from 'react'\n\nimport { Toggle, ToggleFrame, ToggleProps } from './Toggle'\n\nconst TOGGLE_GROUP_NAME = 'ToggleGroup'\nconst [createToggleGroupContext, createToggleGroupScope] = createContextScope(\n  TOGGLE_GROUP_NAME,\n  [createRovingFocusGroupScope]\n)\n/* -------------------------------------------------------------------------------------------------\n * ToggleGroupItem\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOGGLE_GROUP_ITEM_NAME = 'ToggleGroupItem'\n\ntype ToggleGroupItemContextValue = { disabled?: boolean }\n\nconst [createToggleGroupItemContext, createToggleGroupItemScope] =\n  createContextScope(TOGGLE_GROUP_ITEM_NAME)\nconst [ToggleGroupItemProvider, useToggleGroupItemContext] =\n  createToggleGroupContext<ToggleGroupItemContextValue>(TOGGLE_GROUP_NAME)\nconst useToggleGroupItemScope = createToggleGroupItemScope()\n\ntype ToggleGroupItemElement = ToggleGroupItemImplElement\n\ntype ToggleGroupItemProps = GetProps<typeof ToggleFrame> & {\n  value: string\n  id?: string\n  disabled?: boolean\n  size?: SizeTokens\n  /**\n   * Used to disable passing styles down to children.\n   */\n  disablePassStyles?: boolean\n}\nconst ToggleGroupItem = ToggleFrame.extractable(\n  React.forwardRef<ToggleGroupItemElement, ToggleGroupItemProps>(\n    (props: ScopedProps<ToggleGroupItemProps>, forwardedRef) => {\n      const valueContext = useToggleGroupValueContext(\n        TOGGLE_GROUP_ITEM_NAME,\n        props.__scopeToggleGroup\n      )\n      const context = useToggleGroupContext(\n        TOGGLE_GROUP_ITEM_NAME,\n        props.__scopeToggleGroup\n      )\n      const __scopeToggleGroup = props.__scopeToggleGroup\n      const rovingFocusGroupScope = useRovingFocusGroupScope(props.__scopeToggleGroup)\n      const pressed = valueContext.value.includes(props.value)\n      const disabled = context.disabled || props.disabled || false\n      const ref = React.useRef<HTMLDivElement>(null)\n      const groupItemProps = useGroupItem({ disabled })\n      const size = props.size ?? context.size\n\n      const sizeProps: Record<string, any> = {\n        width: undefined,\n        height: undefined,\n        padding: getVariableValue(size) * 0.6,\n      }\n      if (props.orientation === 'horizontal')\n        sizeProps.height = getVariableValue(size) * 2.4\n      else sizeProps.width = getVariableValue(size) * 2.4\n\n      const iconSize = (typeof size === 'number' ? size * 0.7 : getFontSize(size)) * 1.2\n\n      const theme = useTheme()\n      const getThemedIcon = useGetThemedIcon({ size: iconSize, color: theme.color })\n\n      const childrens = React.Children.toArray(props.children)\n      const children = childrens.map((child) => {\n        if (props.disablePassStyles || !React.isValidElement(child)) {\n          return child\n        }\n        return getThemedIcon(child)\n      })\n\n      const commonProps = { ...props, pressed, disabled, ...sizeProps, children }\n\n      return (\n        <ToggleGroupItemProvider scope={__scopeToggleGroup}>\n          {context.rovingFocus ? (\n            <RovingFocusGroup.Item\n              asChild\n              {...rovingFocusGroupScope}\n              focusable={!disabled}\n              active={pressed}\n            >\n              <ToggleFrame\n                asChild\n                focusable={!disabled}\n                disabled={disabled}\n                ref={ref}\n                {...groupItemProps}\n              >\n                <ToggleGroupItemImpl {...commonProps} ref={forwardedRef} />\n              </ToggleFrame>\n            </RovingFocusGroup.Item>\n          ) : (\n            <ToggleFrame asChild focusable={!disabled} disabled={disabled} ref={ref}>\n              <ToggleGroupItemImpl {...commonProps} ref={forwardedRef} />\n            </ToggleFrame>\n          )}\n        </ToggleGroupItemProvider>\n      )\n    }\n  )\n)\nToggleGroupItem.displayName = TOGGLE_GROUP_ITEM_NAME\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype ToggleGroupItemImplElement = React.ElementRef<typeof Toggle>\ntype ToggleGroupItemImplProps = Omit<\n  ToggleProps,\n  'defaultPressed' | 'onPressedChange' | 'size'\n> & {\n  /**\n   * A string value for the toggle group item. All items within a toggle group should use a unique value.\n   */\n  value: string\n  size?: SizeTokens\n}\n\nconst ToggleGroupItemImpl = ToggleFrame.extractable(\n  React.forwardRef<ToggleGroupItemImplElement, ToggleGroupItemImplProps>(\n    (props: ScopedProps<ToggleGroupItemImplProps>, forwardedRef) => {\n      const { __scopeToggleGroup, value, ...itemProps } = props\n      const valueContext = useToggleGroupValueContext(\n        TOGGLE_GROUP_ITEM_NAME,\n        __scopeToggleGroup\n      )\n      const singleProps = {\n        'aria-pressed': undefined,\n      }\n      const typeProps = valueContext.type === 'single' ? singleProps : undefined\n\n      return (\n        <Toggle\n          {...typeProps}\n          {...itemProps}\n          ref={forwardedRef}\n          onPressedChange={(pressed) => {\n            if (pressed) {\n              valueContext.onItemActivate(value)\n            } else {\n              valueContext.onItemDeactivate(value)\n            }\n          }}\n        />\n      )\n    }\n  )\n)\n\n/* -----------------------------------------------------------------------------------------------*/\n\n/* -------------------------------------------------------------------------------------------------\n * ToggleGroup\n * -----------------------------------------------------------------------------------------------*/\n\ntype ScopedProps<P> = P & { __scopeToggleGroup?: Scope }\n\nconst useRovingFocusGroupScope = createRovingFocusGroupScope()\n\ntype ToggleGroupElement = ToggleGroupImplSingleElement | ToggleGroupImplMultipleElement\ninterface ToggleGroupSingleProps extends ToggleGroupImplSingleProps {\n  type: 'single'\n}\ninterface ToggleGroupMultipleProps extends ToggleGroupImplMultipleProps {\n  type: 'multiple'\n}\n\ntype ToggleGroupProps = ToggleGroupSingleProps | ToggleGroupMultipleProps\n\nconst ToggleGroup = withStaticProperties(\n  React.forwardRef<ToggleGroupElement, ToggleGroupProps>((props, forwardedRef) => {\n    const { type, ...toggleGroupProps } = props\n\n    if (!isWeb) {\n      // eslint-disable-next-line react-hooks/rules-of-hooks\n      React.useEffect(() => {\n        if (!props.id) return\n        return registerFocusable(props.id, {\n          // TODO: would be nice to focus on the first child later - could be done with reforest\n          // for now leaving it empty\n          focus: () => {},\n        })\n      }, [props.id])\n    }\n\n    if (type === 'single') {\n      const singleProps = toggleGroupProps as ToggleGroupImplSingleProps\n      return <ToggleGroupImplSingle {...singleProps} ref={forwardedRef} />\n    }\n\n    if (type === 'multiple') {\n      const multipleProps = toggleGroupProps as ToggleGroupImplMultipleProps\n      return <ToggleGroupImplMultiple {...multipleProps} ref={forwardedRef} />\n    }\n\n    throw new Error(`Missing prop \\`type\\` expected on \\`${TOGGLE_GROUP_NAME}\\``)\n  }),\n  {\n    Item: ToggleGroupItem,\n  }\n)\n\nToggleGroup.displayName = TOGGLE_GROUP_NAME\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype ToggleGroupValueContextValue = {\n  type: 'single' | 'multiple'\n  defaultValue?: string | string[]\n  value: string[]\n  onItemActivate(value: string): void\n  onItemDeactivate(value: string): void\n}\n\nconst [ToggleGroupValueProvider, useToggleGroupValueContext] =\n  createToggleGroupContext<ToggleGroupValueContextValue>(TOGGLE_GROUP_NAME)\n\ntype ToggleGroupImplSingleElement = ToggleGroupImplElement\ninterface ToggleGroupImplSingleProps extends ToggleGroupImplProps {\n  /**\n   * The controlled stateful value of the item that is pressed.\n   */\n  value?: string\n  /**\n   * The value of the item that is pressed when initially rendered. Use\n   * `defaultValue` if you do not need to control the state of a toggle group.\n   */\n  defaultValue?: string\n  /**\n   * The callback that fires when the value of the toggle group changes.\n   */\n  onValueChange?(value: string): void\n  /**\n   * Won't let the user turn the active item off.\n   */\n  disableDeactivation?: boolean\n}\n\nconst ToggleGroupImplSingle = React.forwardRef<\n  ToggleGroupImplSingleElement,\n  ToggleGroupImplSingleProps\n>((props: ScopedProps<ToggleGroupImplSingleProps>, forwardedRef) => {\n  const {\n    value: valueProp,\n    defaultValue,\n    onValueChange = () => {},\n    disableDeactivation = false,\n    ...toggleGroupSingleProps\n  } = props\n\n  const [value, setValue] = useControllableState({\n    prop: valueProp,\n    defaultProp: defaultValue!,\n    onChange: onValueChange,\n  })\n\n  return (\n    <ToggleGroupValueProvider\n      scope={props.__scopeToggleGroup}\n      type=\"single\"\n      value={value ? [value] : []}\n      defaultValue={value}\n      onItemActivate={setValue}\n      onItemDeactivate={React.useCallback(() => disableDeactivation ? null : setValue(''), [setValue, disableDeactivation])}\n    >\n      <ToggleGroupImpl {...toggleGroupSingleProps} ref={forwardedRef} />\n    </ToggleGroupValueProvider>\n  )\n})\n\ntype ToggleGroupImplMultipleElement = ToggleGroupImplElement\ninterface ToggleGroupImplMultipleProps extends ToggleGroupImplProps {\n  /**\n   * The controlled stateful value of the items that are pressed.\n   */\n  value?: string[]\n  /**\n   * The value of the items that are pressed when initially rendered. Use\n   * `defaultValue` if you do not need to control the state of a toggle group.\n   */\n  defaultValue?: string[]\n  /**\n   * The callback that fires when the state of the toggle group changes.\n   */\n  onValueChange?(value: string[]): void\n}\n\nconst ToggleGroupImplMultiple = React.forwardRef<\n  ToggleGroupImplMultipleElement,\n  ToggleGroupImplMultipleProps\n>((props: ScopedProps<ToggleGroupImplMultipleProps>, forwardedRef) => {\n  const {\n    value: valueProp,\n    defaultValue,\n    onValueChange = () => {},\n    ...toggleGroupMultipleProps\n  } = props\n\n  const [value = [], setValue] = useControllableState({\n    prop: valueProp,\n    defaultProp: defaultValue!,\n    onChange: onValueChange,\n  })\n\n  const handleButtonActivate = React.useCallback(\n    (itemValue: string) => setValue((prevValue = []) => [...prevValue, itemValue]),\n    [setValue]\n  )\n\n  const handleButtonDeactivate = React.useCallback(\n    (itemValue: string) =>\n      setValue((prevValue = []) => prevValue.filter((value) => value !== itemValue)),\n    [setValue]\n  )\n\n  return (\n    <ToggleGroupValueProvider\n      scope={props.__scopeToggleGroup}\n      type=\"multiple\"\n      value={value}\n      defaultValue={value}\n      onItemActivate={handleButtonActivate}\n      onItemDeactivate={handleButtonDeactivate}\n    >\n      <ToggleGroupImpl {...toggleGroupMultipleProps} ref={forwardedRef} />\n    </ToggleGroupValueProvider>\n  )\n})\n\nToggleGroup.displayName = TOGGLE_GROUP_NAME\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype ToggleGroupContextValue = {\n  rovingFocus: boolean\n  disabled: boolean\n  size: SizeTokens\n}\n\nconst [ToggleGroupContext, useToggleGroupContext] =\n  createToggleGroupContext<ToggleGroupContextValue>(TOGGLE_GROUP_NAME)\n\ntype RovingFocusGroupProps = React.ComponentPropsWithoutRef<typeof RovingFocusGroup>\ntype TamaguiElement = HTMLElement\ntype ToggleGroupImplElement = TamaguiElement\n\nconst ToggleGroupImplElementFrame = styled(Group, {\n  name: TOGGLE_GROUP_NAME,\n  variants: {\n    unstyled: {\n      false: {\n        backgroundColor: '$background',\n      },\n    },\n    orientation: {\n      vertical: {\n        flexDirection: 'column',\n        spaceDirection: 'vertical',\n      },\n      horizontal: {\n        flexDirection: 'row',\n        spaceDirection: 'horizontal',\n      },\n    },\n  } as const,\n  defaultVariants: {\n    unstyled: false,\n  },\n})\n\ntype ToggleGroupImplProps = GetProps<typeof ToggleGroupImplElementFrame> &\n  GroupProps & {\n    rovingFocus?: boolean\n    dir?: RovingFocusGroupProps['dir']\n    loop?: RovingFocusGroupProps['loop']\n    sizeAdjust?: number\n  }\n\nconst ToggleGroupImpl = ToggleGroupImplElementFrame.extractable(\n  React.forwardRef<ToggleGroupImplElement, ToggleGroupImplProps>(\n    (props: ScopedProps<ToggleGroupImplProps>, forwardedRef) => {\n      const {\n        __scopeToggleGroup,\n        disabled = false,\n        orientation = 'horizontal',\n        dir,\n        rovingFocus = true,\n        loop = true,\n        unstyled = false,\n        size: sizeProp = '$true',\n        sizeAdjust = 0,\n        ...toggleGroupProps\n      } = props\n      const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToggleGroup)\n      const direction = useDirection(dir)\n      const commonProps = {\n        role: 'togglegroup',\n        dir: direction,\n        ...toggleGroupProps,\n      }\n      const adjustedSize = getVariableValue(\n        stepTokenUpOrDown('size', props.size, sizeAdjust)\n      )\n      const size = Math.round(adjustedSize * 0.45)\n\n      return (\n        <ToggleGroupContext\n          scope={__scopeToggleGroup}\n          rovingFocus={rovingFocus}\n          disabled={disabled}\n          size={size}\n        >\n          {rovingFocus ? (\n            <RovingFocusGroup\n              asChild\n              {...rovingFocusGroupScope}\n              orientation={orientation}\n              dir={direction}\n              loop={loop}\n            >\n              <ToggleGroupImplElementFrame\n                aria-orientation={orientation}\n                orientation={orientation}\n                axis={orientation}\n                ref={forwardedRef}\n                data-disabled={disabled ? '' : undefined}\n                unstyled={unstyled}\n                {...commonProps}\n              />\n            </RovingFocusGroup>\n          ) : (\n            <ToggleGroupImplElementFrame\n              aria-orientation={orientation}\n              ref={forwardedRef}\n              orientation={orientation}\n              data-disabled={disabled ? '' : undefined}\n              unstyled={unstyled}\n              {...commonProps}\n            />\n          )}\n        </ToggleGroupContext>\n      )\n    }\n  )\n)\n\nexport { ToggleGroup, createToggleGroupScope }\nexport type {\n  ToggleGroupItemProps,\n  ToggleGroupMultipleProps,\n  ToggleGroupSingleProps,\n  ToggleGroupProps,\n}\n"],
-  "mappings": "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",
-  "names": ["jsx", "createContextScope", "registerFocusable", "getFontSize", "stepTokenUpOrDown", "Group", "useGroupItem", "useGetThemedIcon", "RovingFocusGroup", "createRovingFocusGroupScope", "useControllableState", "useDirection", "getVariableValue", "isWeb", "styled", "useTheme", "withStaticProperties", "React", "Toggle", "ToggleFrame", "TOGGLE_GROUP_NAME", "createToggleGroupContext", "createToggleGroupScope", "TOGGLE_GROUP_ITEM_NAME", "createToggleGroupItemContext", "createToggleGroupItemScope", "ToggleGroupItemProvider", "useToggleGroupItemContext", "useToggleGroupItemScope", "ToggleGroupItem", "props", "forwardedRef", "valueContext", "useToggleGroupValueContext", "context", "useToggleGroupContext", "__scopeToggleGroup", "rovingFocusGroupScope", "useRovingFocusGroupScope", "pressed", "disabled", "ref", "groupItemProps", "size", "sizeProps", "iconSize", "theme", "getThemedIcon", "children", "child", "commonProps", "ToggleGroupItemImpl", "value", "itemProps", "singleProps", "typeProps", "ToggleGroup", "type", "toggleGroupProps", "ToggleGroupImplSingle", "ToggleGroupImplMultiple", "ToggleGroupValueProvider", "valueProp", "defaultValue", "onValueChange", "disableDeactivation", "toggleGroupSingleProps", "setValue", "ToggleGroupImpl", "toggleGroupMultipleProps", "handleButtonActivate", "itemValue", "prevValue", "handleButtonDeactivate", "ToggleGroupContext", "ToggleGroupImplElementFrame", "orientation", "dir", "rovingFocus", "loop", "unstyled", "sizeProp", "sizeAdjust", "direction", "adjustedSize"]
+  "mappings": "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",
+  "names": ["value"]
 }

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-export*from"./ToggleGroup";
+export * from "./ToggleGroup";
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["export * from './ToggleGroup'\n"],
-  "mappings": "AAAA,WAAc",
+  "mappings": "AAAA,cAAc;",
   "names": []
 }

package/dist/esm/index.mjs

@@ -1,2 +1,2 @@
-export*from"./ToggleGroup";
+export * from "./ToggleGroup";
 //# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["export * from './ToggleGroup'\n"],
-  "mappings": "AAAA,WAAc",
+  "mappings": "AAAA,cAAc;",
   "names": []
 }