@tamagui/toggle-group 1.15.14 → 1.15.16

package/dist/cjs/Toggle.js.map

@@ -1,7 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Toggle.tsx"],
-  "sourcesContent": ["import { ThemeableStack } from '@tamagui/stacks'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport { GetProps, Theme, composeEventHandlers, isWeb, styled } from '@tamagui/web'\nimport * as React from 'react'\n\n/* -------------------------------------------------------------------------------------------------\n * Toggle\n * -----------------------------------------------------------------------------------------------*/\n\nconst NAME = 'Toggle'\n\ntype TamaguiButtonElement = HTMLButtonElement\n\ntype ToggleElement = TamaguiButtonElement\n\nconst ToggleFrame = styled(ThemeableStack, {\n  name: NAME,\n  tag: 'button',\n\n  variants: {\n    unstyled: {\n      false: {\n        pressTheme: true,\n        backgroundColor: '$background',\n        alignItems: 'center',\n        justifyContent: 'center',\n        display: 'flex',\n        borderColor: '$borderColor',\n        borderWidth: '1px',\n        margin: '-1px',\n        hoverStyle: {\n          backgroundColor: '$backgroundHover',\n        },\n        pressStyle: {\n          backgroundColor: '$backgroundPress',\n        },\n        focusStyle: {\n          borderColor: '$borderColorPress',\n          backgroundColor: '$backgroundPress',\n        },\n      },\n    },\n    active: {\n      true: {\n        zIndex: 1,\n        hoverStyle: {\n          backgroundColor: '$background',\n        },\n        focusStyle: {\n          borderColor: '$borderColorPress',\n          backgroundColor: '$backgroundPress',\n        },\n      },\n    },\n    orientation: {\n      horizontal: {\n        flexDirection: 'row',\n        spaceDirection: 'horizontal',\n      },\n      vertical: {\n        flexDirection: 'column',\n        spaceDirection: 'vertical',\n      },\n    },\n  } as const,\n  defaultVariants: {\n    unstyled: false,\n  },\n})\n\ntype ToggleFrameProps = GetProps<typeof ToggleFrame>\n\ntype ToggleProps = ToggleFrameProps & {\n  defaultValue?: string\n  disabled?: boolean\n  pressed?: boolean\n  defaultPressed?: boolean\n  onPressedChange?(pressed: boolean): void\n}\n\nconst Toggle = ToggleFrame.extractable(\n  React.forwardRef<ToggleElement, ToggleProps>((props, forwardedRef) => {\n    const {\n      pressed: pressedProp,\n      defaultPressed = false,\n      onPressedChange,\n      ...buttonProps\n    } = props\n\n    const [pressed = false, setPressed] = useControllableState({\n      prop: pressedProp,\n      onChange: onPressedChange,\n      defaultProp: defaultPressed,\n    })\n\n    return (\n      <Theme name={pressed ? 'active' : null}>\n        <ToggleFrame\n          active={!props.unstyled ? pressed : undefined}\n          aria-pressed={pressed}\n          data-state={pressed ? 'on' : 'off'}\n          data-disabled={props.disabled ? '' : undefined}\n          {...buttonProps}\n          ref={forwardedRef}\n          onPress={composeEventHandlers(props.onPress ?? undefined, (event) => {\n            if (!props.disabled) {\n              setPressed(!pressed)\n            }\n          })}\n          // caught by onPress - no need for this\n          // {...(isWeb && {\n          //   onKeyDown: composeEventHandlers(\n          //     (props as React.HTMLProps<HTMLButtonElement>).onKeyDown,\n          //     (event) => {\n          //       if ([' ', 'Enter'].includes(event.key)) {\n          //         if (!props.disabled) {\n          //           setPressed(!pressed)\n          //         }\n          //       }\n          //     }\n          //   ),\n          // })}\n        />\n      </Theme>\n    )\n  })\n)\nToggle.displayName = NAME\n\n/* ---------------------------------------------------------------------------------------------- */\n\nexport { Toggle, ToggleFrame }\nexport type { ToggleProps }\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiGQ;AAjGR,oBAA+B;AAC/B,oCAAqC;AACrC,iBAAqE;AACrE,YAAuB;AAMvB,MAAM,OAAO;AAMb,MAAM,kBAAc,mBAAO,8BAAgB;AAAA,EACzC,MAAM;AAAA,EACN,KAAK;AAAA,EAEL,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,YAAY;AAAA,QACZ,iBAAiB;AAAA,QACjB,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,SAAS;AAAA,QACT,aAAa;AAAA,QACb,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,QACA,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,QACA,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN,MAAM;AAAA,QACJ,QAAQ;AAAA,QACR,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,QACA,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAAA,IACA,aAAa;AAAA,MACX,YAAY;AAAA,QACV,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,MACA,UAAU;AAAA,QACR,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAYD,MAAM,SAAS,YAAY;AAAA,EACzB,MAAM,WAAuC,CAAC,OAAO,iBAAiB;AACpE,UAAM;AAAA,MACJ,SAAS;AAAA,MACT,iBAAiB;AAAA,MACjB;AAAA,MACA,GAAG;AAAA,IACL,IAAI;AAEJ,UAAM,CAAC,UAAU,OAAO,UAAU,QAAI,oDAAqB;AAAA,MACzD,MAAM;AAAA,MACN,UAAU;AAAA,MACV,aAAa;AAAA,IACf,CAAC;AAED,WACE,4CAAC,oBAAM,MAAM,UAAU,WAAW,MAChC;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,CAAC,MAAM,WAAW,UAAU;AAAA,QACpC,gBAAc;AAAA,QACd,cAAY,UAAU,OAAO;AAAA,QAC7B,iBAAe,MAAM,WAAW,KAAK;AAAA,QACpC,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,aAAS,iCAAqB,MAAM,WAAW,QAAW,CAAC,UAAU;AACnE,cAAI,CAAC,MAAM,UAAU;AACnB,uBAAW,CAAC,OAAO;AAAA,UACrB;AAAA,QACF,CAAC;AAAA;AAAA,IAcH,GACF;AAAA,EAEJ,CAAC;AACH;AACA,OAAO,cAAc;",
   "names": []
 }

package/dist/cjs/ToggleGroup.js.map

@@ -1,7 +1,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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgHgB;AAhHhB,4BAA0C;AAC1C,uBAAkC;AAClC,uBAA4B;AAC5B,sBAAkC;AAClC,mBAAgD;AAChD,6BAAiC;AACjC,0BAA8D;AAC9D,oCAAqC;AACrC,2BAA6B;AAC7B,iBAQO;AACP,mBAAkB;AAElB,oBAAiD;AAEjD,MAAM,oBAAoB;AAC1B,MAAM,CAAC,0BAA0B,sBAAsB,QAAI;AAAA,EACzD;AAAA,EACA,CAAC,+CAA2B;AAC9B;AAKA,MAAM,yBAAyB;AAI/B,MAAM,CAAC,8BAA8B,0BAA0B,QAC7D,0CAAmB,sBAAsB;AAC3C,MAAM,CAAC,yBAAyB,yBAAyB,IACvD,yBAAsD,iBAAiB;AACzE,MAAM,0BAA0B,2BAA2B;AAc3D,MAAM,kBAAkB,0BAAY;AAAA,EAClC,aAAAA,QAAM;AAAA,IACJ,CAAC,OAA0C,iBAAiB;AAC1D,YAAM,eAAe;AAAA,QACnB;AAAA,QACA,MAAM;AAAA,MACR;AACA,YAAM,UAAU;AAAA,QACd;AAAA,QACA,MAAM;AAAA,MACR;AACA,YAAM,qBAAqB,MAAM;AACjC,YAAM,wBAAwB,yBAAyB,MAAM,kBAAkB;AAC/E,YAAM,UAAU,aAAa,MAAM,SAAS,MAAM,KAAK;AACvD,YAAM,WAAW,QAAQ,YAAY,MAAM,YAAY;AACvD,YAAM,MAAM,aAAAA,QAAM,OAAuB,IAAI;AAC7C,YAAM,qBAAiB,2BAAa,EAAE,SAAS,CAAC;AAChD,YAAM,OAAO,MAAM,QAAQ,QAAQ;AAEnC,YAAM,YAAiC;AAAA,QACrC,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,aAAS,6BAAiB,IAAI,IAAI;AAAA,MACpC;AACA,UAAI,MAAM,gBAAgB;AACxB,kBAAU,aAAS,6BAAiB,IAAI,IAAI;AAAA;AACzC,kBAAU,YAAQ,6BAAiB,IAAI,IAAI;AAEhD,YAAM,YAAY,OAAO,SAAS,WAAW,OAAO,UAAM,8BAAY,IAAI,KAAK;AAE/E,YAAM,YAAQ,qBAAS;AACvB,YAAM,oBAAgB,yCAAiB,EAAE,MAAM,UAAU,OAAO,MAAM,MAAM,CAAC;AAE7E,YAAM,YAAY,aAAAA,QAAM,SAAS,QAAQ,MAAM,QAAQ;AACvD,YAAM,WAAW,UAAU,IAAI,CAAC,UAAU;AACxC,YAAI,MAAM,qBAAqB,CAAC,aAAAA,QAAM,eAAe,KAAK,GAAG;AAC3D,iBAAO;AAAA,QACT;AACA,eAAO,cAAc,KAAK;AAAA,MAC5B,CAAC;AAED,YAAM,cAAc,EAAE,GAAG,OAAO,SAAS,UAAU,GAAG,WAAW,SAAS;AAE1E,aACE,4CAAC,2BAAwB,OAAO,oBAC7B,kBAAQ,cACP;AAAA,QAAC,qCAAiB;AAAA,QAAjB;AAAA,UACC,SAAO;AAAA,UACN,GAAG;AAAA,UACJ,WAAW,CAAC;AAAA,UACZ,QAAQ;AAAA,UAER;AAAA,YAAC;AAAA;AAAA,cACC,SAAO;AAAA,cACP,WAAW,CAAC;AAAA,cACZ;AAAA,cACA;AAAA,cACC,GAAG;AAAA,cAEJ,sDAAC,uBAAqB,GAAG,aAAa,KAAK,cAAc;AAAA;AAAA,UAC3D;AAAA;AAAA,MACF,IAEA,4CAAC,6BAAY,SAAO,MAAC,WAAW,CAAC,UAAU,UAAoB,KAC7D,sDAAC,uBAAqB,GAAG,aAAa,KAAK,cAAc,GAC3D,GAEJ;AAAA,IAEJ;AAAA,EACF;AACF;AACA,gBAAgB,cAAc;AAgB9B,MAAM,sBAAsB,0BAAY;AAAA,EACtC,aAAAA,QAAM;AAAA,IACJ,CAAC,OAA8C,iBAAiB;AAC9D,YAAM,EAAE,oBAAoB,OAAO,GAAG,UAAU,IAAI;AACpD,YAAM,eAAe;AAAA,QACnB;AAAA,QACA;AAAA,MACF;AACA,YAAM,cAAc;AAAA,QAClB,gBAAgB;AAAA,MAClB;AACA,YAAM,YAAY,aAAa,SAAS,WAAW,cAAc;AAEjE,aACE;AAAA,QAAC;AAAA;AAAA,UACE,GAAG;AAAA,UACH,GAAG;AAAA,UACJ,KAAK;AAAA,UACL,iBAAiB,CAAC,YAAY;AAC5B,gBAAI,SAAS;AACX,2BAAa,eAAe,KAAK;AAAA,YACnC,OAAO;AACL,2BAAa,iBAAiB,KAAK;AAAA,YACrC;AAAA,UACF;AAAA;AAAA,MACF;AAAA,IAEJ;AAAA,EACF;AACF;AAUA,MAAM,+BAA2B,iDAA4B;AAY7D,MAAM,kBAAc;AAAA,EAClB,aAAAA,QAAM,WAAiD,CAAC,OAAO,iBAAiB;AAC9E,UAAM,EAAE,MAAM,GAAG,iBAAiB,IAAI;AAEtC,QAAI,CAAC,kBAAO;AAEV,mBAAAA,QAAM,UAAU,MAAM;AACpB,YAAI,CAAC,MAAM;AAAI;AACf,mBAAO,oCAAkB,MAAM,IAAI;AAAA;AAAA;AAAA,UAGjC,OAAO,MAAM;AAAA,UAAC;AAAA,QAChB,CAAC;AAAA,MACH,GAAG,CAAC,MAAM,EAAE,CAAC;AAAA,IACf;AAEA,QAAI,SAAS,UAAU;AACrB,YAAM,cAAc;AACpB,aAAO,4CAAC,yBAAuB,GAAG,aAAa,KAAK,cAAc;AAAA,IACpE;AAEA,QAAI,SAAS,YAAY;AACvB,YAAM,gBAAgB;AACtB,aAAO,4CAAC,2BAAyB,GAAG,eAAe,KAAK,cAAc;AAAA,IACxE;AAEA,UAAM,IAAI,MAAM,uCAAuC,qBAAqB;AAAA,EAC9E,CAAC;AAAA,EACD;AAAA,IACE,MAAM;AAAA,EACR;AACF;AAEA,YAAY,cAAc;AAY1B,MAAM,CAAC,0BAA0B,0BAA0B,IACzD,yBAAuD,iBAAiB;AAuB1E,MAAM,wBAAwB,aAAAA,QAAM,WAGlC,CAAC,OAAgD,iBAAiB;AAClE,QAAM;AAAA,IACJ,OAAO;AAAA,IACP;AAAA,IACA,gBAAgB,MAAM;AAAA,IAAC;AAAA,IACvB,sBAAsB;AAAA,IACtB,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,CAAC,OAAO,QAAQ,QAAI,oDAAqB;AAAA,IAC7C,MAAM;AAAA,IACN,aAAa;AAAA,IACb,UAAU;AAAA,EACZ,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,MAAM;AAAA,MACb,MAAK;AAAA,MACL,OAAO,QAAQ,CAAC,KAAK,IAAI,CAAC;AAAA,MAC1B,cAAc;AAAA,MACd,gBAAgB;AAAA,MAChB,kBAAkB,aAAAA,QAAM,YAAY,MAAM,sBAAsB,OAAO,SAAS,EAAE,GAAG,CAAC,UAAU,mBAAmB,CAAC;AAAA,MAEpH,sDAAC,mBAAiB,GAAG,wBAAwB,KAAK,cAAc;AAAA;AAAA,EAClE;AAEJ,CAAC;AAmBD,MAAM,0BAA0B,aAAAA,QAAM,WAGpC,CAAC,OAAkD,iBAAiB;AACpE,QAAM;AAAA,IACJ,OAAO;AAAA,IACP;AAAA,IACA,gBAAgB,MAAM;AAAA,IAAC;AAAA,IACvB,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,CAAC,QAAQ,CAAC,GAAG,QAAQ,QAAI,oDAAqB;AAAA,IAClD,MAAM;AAAA,IACN,aAAa;AAAA,IACb,UAAU;AAAA,EACZ,CAAC;AAED,QAAM,uBAAuB,aAAAA,QAAM;AAAA,IACjC,CAAC,cAAsB,SAAS,CAAC,YAAY,CAAC,MAAM,CAAC,GAAG,WAAW,SAAS,CAAC;AAAA,IAC7E,CAAC,QAAQ;AAAA,EACX;AAEA,QAAM,yBAAyB,aAAAA,QAAM;AAAA,IACnC,CAAC,cACC,SAAS,CAAC,YAAY,CAAC,MAAM,UAAU,OAAO,CAACC,WAAUA,WAAU,SAAS,CAAC;AAAA,IAC/E,CAAC,QAAQ;AAAA,EACX;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,MAAM;AAAA,MACb,MAAK;AAAA,MACL;AAAA,MACA,cAAc;AAAA,MACd,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAElB,sDAAC,mBAAiB,GAAG,0BAA0B,KAAK,cAAc;AAAA;AAAA,EACpE;AAEJ,CAAC;AAED,YAAY,cAAc;AAU1B,MAAM,CAAC,oBAAoB,qBAAqB,IAC9C,yBAAkD,iBAAiB;AAMrE,MAAM,kCAA8B,mBAAO,oBAAO;AAAA,EAChD,MAAM;AAAA,EACN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,IACA,aAAa;AAAA,MACX,UAAU;AAAA,QACR,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,MACA,YAAY;AAAA,QACV,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAUD,MAAM,kBAAkB,4BAA4B;AAAA,EAClD,aAAAD,QAAM;AAAA,IACJ,CAAC,OAA0C,iBAAiB;AAC1D,YAAM;AAAA,QACJ;AAAA,QACA,WAAW;AAAA,QACX,cAAc;AAAA,QACd;AAAA,QACA,cAAc;AAAA,QACd,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAM,WAAW;AAAA,QACjB,aAAa;AAAA,QACb,GAAG;AAAA,MACL,IAAI;AACJ,YAAM,wBAAwB,yBAAyB,kBAAkB;AACzE,YAAM,gBAAY,mCAAa,GAAG;AAClC,YAAM,cAAc;AAAA,QAClB,MAAM;AAAA,QACN,KAAK;AAAA,QACL,GAAG;AAAA,MACL;AACA,YAAM,mBAAe;AAAA,YACnB,mCAAkB,QAAQ,MAAM,MAAM,UAAU;AAAA,MAClD;AACA,YAAM,OAAO,KAAK,MAAM,eAAe,IAAI;AAE3C,aACE;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP;AAAA,UACA;AAAA,UACA;AAAA,UAEC,wBACC;AAAA,YAAC;AAAA;AAAA,cACC,SAAO;AAAA,cACN,GAAG;AAAA,cACJ;AAAA,cACA,KAAK;AAAA,cACL;AAAA,cAEA;AAAA,gBAAC;AAAA;AAAA,kBACC,oBAAkB;AAAA,kBAClB;AAAA,kBACA,MAAM;AAAA,kBACN,KAAK;AAAA,kBACL,iBAAe,WAAW,KAAK;AAAA,kBAC/B;AAAA,kBACC,GAAG;AAAA;AAAA,cACN;AAAA;AAAA,UACF,IAEA;AAAA,YAAC;AAAA;AAAA,cACC,oBAAkB;AAAA,cAClB,KAAK;AAAA,cACL;AAAA,cACA,iBAAe,WAAW,KAAK;AAAA,cAC/B;AAAA,cACC,GAAG;AAAA;AAAA,UACN;AAAA;AAAA,MAEJ;AAAA,IAEJ;AAAA,EACF;AACF;",
   "names": ["React", "value"]
 }

package/dist/cjs/index.js

@@ -16,4 +16,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 module.exports = __toCommonJS(src_exports);
 __reExport(src_exports, require("./ToggleGroup"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./ToggleGroup")
+});
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "sourcesContent": ["export * from './ToggleGroup'\n"],
   "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,0BAAd;",
   "names": []
 }

package/dist/esm/Toggle.js.map

@@ -1,7 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Toggle.tsx"],
-  "sourcesContent": ["import { ThemeableStack } from '@tamagui/stacks'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport { GetProps, Theme, composeEventHandlers, isWeb, styled } from '@tamagui/web'\nimport * as React from 'react'\n\n/* -------------------------------------------------------------------------------------------------\n * Toggle\n * -----------------------------------------------------------------------------------------------*/\n\nconst NAME = 'Toggle'\n\ntype TamaguiButtonElement = HTMLButtonElement\n\ntype ToggleElement = TamaguiButtonElement\n\nconst ToggleFrame = styled(ThemeableStack, {\n  name: NAME,\n  tag: 'button',\n\n  variants: {\n    unstyled: {\n      false: {\n        pressTheme: true,\n        backgroundColor: '$background',\n        alignItems: 'center',\n        justifyContent: 'center',\n        display: 'flex',\n        borderColor: '$borderColor',\n        borderWidth: '1px',\n        margin: '-1px',\n        hoverStyle: {\n          backgroundColor: '$backgroundHover',\n        },\n        pressStyle: {\n          backgroundColor: '$backgroundPress',\n        },\n        focusStyle: {\n          borderColor: '$borderColorPress',\n          backgroundColor: '$backgroundPress',\n        },\n      },\n    },\n    active: {\n      true: {\n        zIndex: 1,\n        hoverStyle: {\n          backgroundColor: '$background',\n        },\n        focusStyle: {\n          borderColor: '$borderColorPress',\n          backgroundColor: '$backgroundPress',\n        },\n      },\n    },\n    orientation: {\n      horizontal: {\n        flexDirection: 'row',\n        spaceDirection: 'horizontal',\n      },\n      vertical: {\n        flexDirection: 'column',\n        spaceDirection: 'vertical',\n      },\n    },\n  } as const,\n  defaultVariants: {\n    unstyled: false,\n  },\n})\n\ntype ToggleFrameProps = GetProps<typeof ToggleFrame>\n\ntype ToggleProps = ToggleFrameProps & {\n  defaultValue?: string\n  disabled?: boolean\n  pressed?: boolean\n  defaultPressed?: boolean\n  onPressedChange?(pressed: boolean): void\n}\n\nconst Toggle = ToggleFrame.extractable(\n  React.forwardRef<ToggleElement, ToggleProps>((props, forwardedRef) => {\n    const {\n      pressed: pressedProp,\n      defaultPressed = false,\n      onPressedChange,\n      ...buttonProps\n    } = props\n\n    const [pressed = false, setPressed] = useControllableState({\n      prop: pressedProp,\n      onChange: onPressedChange,\n      defaultProp: defaultPressed,\n    })\n\n    return (\n      <Theme name={pressed ? 'active' : null}>\n        <ToggleFrame\n          active={!props.unstyled ? pressed : undefined}\n          aria-pressed={pressed}\n          data-state={pressed ? 'on' : 'off'}\n          data-disabled={props.disabled ? '' : undefined}\n          {...buttonProps}\n          ref={forwardedRef}\n          onPress={composeEventHandlers(props.onPress ?? undefined, (event) => {\n            if (!props.disabled) {\n              setPressed(!pressed)\n            }\n          })}\n          // caught by onPress - no need for this\n          // {...(isWeb && {\n          //   onKeyDown: composeEventHandlers(\n          //     (props as React.HTMLProps<HTMLButtonElement>).onKeyDown,\n          //     (event) => {\n          //       if ([' ', 'Enter'].includes(event.key)) {\n          //         if (!props.disabled) {\n          //           setPressed(!pressed)\n          //         }\n          //       }\n          //     }\n          //   ),\n          // })}\n        />\n      </Theme>\n    )\n  })\n)\nToggle.displayName = NAME\n\n/* ---------------------------------------------------------------------------------------------- */\n\nexport { Toggle, ToggleFrame }\nexport type { ToggleProps }\n"],
   "mappings": "AAiGQ;AAjGR,SAAS,sBAAsB;AAC/B,SAAS,4BAA4B;AACrC,SAAmB,OAAO,sBAA6B,cAAc;AACrE,YAAY,WAAW;AAMvB,MAAM,OAAO;AAMb,MAAM,cAAc,OAAO,gBAAgB;AAAA,EACzC,MAAM;AAAA,EACN,KAAK;AAAA,EAEL,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,YAAY;AAAA,QACZ,iBAAiB;AAAA,QACjB,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,SAAS;AAAA,QACT,aAAa;AAAA,QACb,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,QACA,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,QACA,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN,MAAM;AAAA,QACJ,QAAQ;AAAA,QACR,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,QACA,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAAA,IACA,aAAa;AAAA,MACX,YAAY;AAAA,QACV,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,MACA,UAAU;AAAA,QACR,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAYD,MAAM,SAAS,YAAY;AAAA,EACzB,MAAM,WAAuC,CAAC,OAAO,iBAAiB;AACpE,UAAM;AAAA,MACJ,SAAS;AAAA,MACT,iBAAiB;AAAA,MACjB;AAAA,MACA,GAAG;AAAA,IACL,IAAI;AAEJ,UAAM,CAAC,UAAU,OAAO,UAAU,IAAI,qBAAqB;AAAA,MACzD,MAAM;AAAA,MACN,UAAU;AAAA,MACV,aAAa;AAAA,IACf,CAAC;AAED,WACE,oBAAC,SAAM,MAAM,UAAU,WAAW,MAChC;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,CAAC,MAAM,WAAW,UAAU;AAAA,QACpC,gBAAc;AAAA,QACd,cAAY,UAAU,OAAO;AAAA,QAC7B,iBAAe,MAAM,WAAW,KAAK;AAAA,QACpC,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,SAAS,qBAAqB,MAAM,WAAW,QAAW,CAAC,UAAU;AACnE,cAAI,CAAC,MAAM,UAAU;AACnB,uBAAW,CAAC,OAAO;AAAA,UACrB;AAAA,QACF,CAAC;AAAA;AAAA,IAcH,GACF;AAAA,EAEJ,CAAC;AACH;AACA,OAAO,cAAc;",
   "names": []
 }

package/dist/esm/Toggle.mjs.map

@@ -1,7 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Toggle.tsx"],
-  "sourcesContent": ["import { ThemeableStack } from '@tamagui/stacks'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport { GetProps, Theme, composeEventHandlers, isWeb, styled } from '@tamagui/web'\nimport * as React from 'react'\n\n/* -------------------------------------------------------------------------------------------------\n * Toggle\n * -----------------------------------------------------------------------------------------------*/\n\nconst NAME = 'Toggle'\n\ntype TamaguiButtonElement = HTMLButtonElement\n\ntype ToggleElement = TamaguiButtonElement\n\nconst ToggleFrame = styled(ThemeableStack, {\n  name: NAME,\n  tag: 'button',\n\n  variants: {\n    unstyled: {\n      false: {\n        pressTheme: true,\n        backgroundColor: '$background',\n        alignItems: 'center',\n        justifyContent: 'center',\n        display: 'flex',\n        borderColor: '$borderColor',\n        borderWidth: '1px',\n        margin: '-1px',\n        hoverStyle: {\n          backgroundColor: '$backgroundHover',\n        },\n        pressStyle: {\n          backgroundColor: '$backgroundPress',\n        },\n        focusStyle: {\n          borderColor: '$borderColorPress',\n          backgroundColor: '$backgroundPress',\n        },\n      },\n    },\n    active: {\n      true: {\n        zIndex: 1,\n        hoverStyle: {\n          backgroundColor: '$background',\n        },\n        focusStyle: {\n          borderColor: '$borderColorPress',\n          backgroundColor: '$backgroundPress',\n        },\n      },\n    },\n    orientation: {\n      horizontal: {\n        flexDirection: 'row',\n        spaceDirection: 'horizontal',\n      },\n      vertical: {\n        flexDirection: 'column',\n        spaceDirection: 'vertical',\n      },\n    },\n  } as const,\n  defaultVariants: {\n    unstyled: false,\n  },\n})\n\ntype ToggleFrameProps = GetProps<typeof ToggleFrame>\n\ntype ToggleProps = ToggleFrameProps & {\n  defaultValue?: string\n  disabled?: boolean\n  pressed?: boolean\n  defaultPressed?: boolean\n  onPressedChange?(pressed: boolean): void\n}\n\nconst Toggle = ToggleFrame.extractable(\n  React.forwardRef<ToggleElement, ToggleProps>((props, forwardedRef) => {\n    const {\n      pressed: pressedProp,\n      defaultPressed = false,\n      onPressedChange,\n      ...buttonProps\n    } = props\n\n    const [pressed = false, setPressed] = useControllableState({\n      prop: pressedProp,\n      onChange: onPressedChange,\n      defaultProp: defaultPressed,\n    })\n\n    return (\n      <Theme name={pressed ? 'active' : null}>\n        <ToggleFrame\n          active={!props.unstyled ? pressed : undefined}\n          aria-pressed={pressed}\n          data-state={pressed ? 'on' : 'off'}\n          data-disabled={props.disabled ? '' : undefined}\n          {...buttonProps}\n          ref={forwardedRef}\n          onPress={composeEventHandlers(props.onPress ?? undefined, (event) => {\n            if (!props.disabled) {\n              setPressed(!pressed)\n            }\n          })}\n          // caught by onPress - no need for this\n          // {...(isWeb && {\n          //   onKeyDown: composeEventHandlers(\n          //     (props as React.HTMLProps<HTMLButtonElement>).onKeyDown,\n          //     (event) => {\n          //       if ([' ', 'Enter'].includes(event.key)) {\n          //         if (!props.disabled) {\n          //           setPressed(!pressed)\n          //         }\n          //       }\n          //     }\n          //   ),\n          // })}\n        />\n      </Theme>\n    )\n  })\n)\nToggle.displayName = NAME\n\n/* ---------------------------------------------------------------------------------------------- */\n\nexport { Toggle, ToggleFrame }\nexport type { ToggleProps }\n"],
   "mappings": "AAiGQ;AAjGR,SAAS,sBAAsB;AAC/B,SAAS,4BAA4B;AACrC,SAAmB,OAAO,sBAA6B,cAAc;AACrE,YAAY,WAAW;AAMvB,MAAM,OAAO;AAMb,MAAM,cAAc,OAAO,gBAAgB;AAAA,EACzC,MAAM;AAAA,EACN,KAAK;AAAA,EAEL,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,YAAY;AAAA,QACZ,iBAAiB;AAAA,QACjB,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,SAAS;AAAA,QACT,aAAa;AAAA,QACb,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,QACA,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,QACA,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN,MAAM;AAAA,QACJ,QAAQ;AAAA,QACR,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,QACA,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAAA,IACA,aAAa;AAAA,MACX,YAAY;AAAA,QACV,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,MACA,UAAU;AAAA,QACR,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAYD,MAAM,SAAS,YAAY;AAAA,EACzB,MAAM,WAAuC,CAAC,OAAO,iBAAiB;AACpE,UAAM;AAAA,MACJ,SAAS;AAAA,MACT,iBAAiB;AAAA,MACjB;AAAA,MACA,GAAG;AAAA,IACL,IAAI;AAEJ,UAAM,CAAC,UAAU,OAAO,UAAU,IAAI,qBAAqB;AAAA,MACzD,MAAM;AAAA,MACN,UAAU;AAAA,MACV,aAAa;AAAA,IACf,CAAC;AAED,WACE,oBAAC,SAAM,MAAM,UAAU,WAAW,MAChC;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,CAAC,MAAM,WAAW,UAAU;AAAA,QACpC,gBAAc;AAAA,QACd,cAAY,UAAU,OAAO;AAAA,QAC7B,iBAAe,MAAM,WAAW,KAAK;AAAA,QACpC,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,SAAS,qBAAqB,MAAM,WAAW,QAAW,CAAC,UAAU;AACnE,cAAI,CAAC,MAAM,UAAU;AACnB,uBAAW,CAAC,OAAO;AAAA,UACrB;AAAA,QACF,CAAC;AAAA;AAAA,IAcH,GACF;AAAA,EAEJ,CAAC;AACH;AACA,OAAO,cAAc;",
   "names": []
 }

package/dist/esm/ToggleGroup.js.map

@@ -1,7 +1,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": ["value"]
 }

package/dist/esm/ToggleGroup.mjs.map

@@ -1,7 +1,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": ["value"]
 }

package/dist/esm/index.js.map

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

package/dist/esm/index.mjs.map

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

package/dist/jsx/Toggle.js.map

@@ -1,7 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Toggle.tsx"],
-  "sourcesContent": ["import { ThemeableStack } from '@tamagui/stacks'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport { GetProps, Theme, composeEventHandlers, isWeb, styled } from '@tamagui/web'\nimport * as React from 'react'\n\n/* -------------------------------------------------------------------------------------------------\n * Toggle\n * -----------------------------------------------------------------------------------------------*/\n\nconst NAME = 'Toggle'\n\ntype TamaguiButtonElement = HTMLButtonElement\n\ntype ToggleElement = TamaguiButtonElement\n\nconst ToggleFrame = styled(ThemeableStack, {\n  name: NAME,\n  tag: 'button',\n\n  variants: {\n    unstyled: {\n      false: {\n        pressTheme: true,\n        backgroundColor: '$background',\n        alignItems: 'center',\n        justifyContent: 'center',\n        display: 'flex',\n        borderColor: '$borderColor',\n        borderWidth: '1px',\n        margin: '-1px',\n        hoverStyle: {\n          backgroundColor: '$backgroundHover',\n        },\n        pressStyle: {\n          backgroundColor: '$backgroundPress',\n        },\n        focusStyle: {\n          borderColor: '$borderColorPress',\n          backgroundColor: '$backgroundPress',\n        },\n      },\n    },\n    active: {\n      true: {\n        zIndex: 1,\n        hoverStyle: {\n          backgroundColor: '$background',\n        },\n        focusStyle: {\n          borderColor: '$borderColorPress',\n          backgroundColor: '$backgroundPress',\n        },\n      },\n    },\n    orientation: {\n      horizontal: {\n        flexDirection: 'row',\n        spaceDirection: 'horizontal',\n      },\n      vertical: {\n        flexDirection: 'column',\n        spaceDirection: 'vertical',\n      },\n    },\n  } as const,\n  defaultVariants: {\n    unstyled: false,\n  },\n})\n\ntype ToggleFrameProps = GetProps<typeof ToggleFrame>\n\ntype ToggleProps = ToggleFrameProps & {\n  defaultValue?: string\n  disabled?: boolean\n  pressed?: boolean\n  defaultPressed?: boolean\n  onPressedChange?(pressed: boolean): void\n}\n\nconst Toggle = ToggleFrame.extractable(\n  React.forwardRef<ToggleElement, ToggleProps>((props, forwardedRef) => {\n    const {\n      pressed: pressedProp,\n      defaultPressed = false,\n      onPressedChange,\n      ...buttonProps\n    } = props\n\n    const [pressed = false, setPressed] = useControllableState({\n      prop: pressedProp,\n      onChange: onPressedChange,\n      defaultProp: defaultPressed,\n    })\n\n    return (\n      <Theme name={pressed ? 'active' : null}>\n        <ToggleFrame\n          active={!props.unstyled ? pressed : undefined}\n          aria-pressed={pressed}\n          data-state={pressed ? 'on' : 'off'}\n          data-disabled={props.disabled ? '' : undefined}\n          {...buttonProps}\n          ref={forwardedRef}\n          onPress={composeEventHandlers(props.onPress ?? undefined, (event) => {\n            if (!props.disabled) {\n              setPressed(!pressed)\n            }\n          })}\n          // caught by onPress - no need for this\n          // {...(isWeb && {\n          //   onKeyDown: composeEventHandlers(\n          //     (props as React.HTMLProps<HTMLButtonElement>).onKeyDown,\n          //     (event) => {\n          //       if ([' ', 'Enter'].includes(event.key)) {\n          //         if (!props.disabled) {\n          //           setPressed(!pressed)\n          //         }\n          //       }\n          //     }\n          //   ),\n          // })}\n        />\n      </Theme>\n    )\n  })\n)\nToggle.displayName = NAME\n\n/* ---------------------------------------------------------------------------------------------- */\n\nexport { Toggle, ToggleFrame }\nexport type { ToggleProps }\n"],
   "mappings": "AAAA,SAAS,sBAAsB;AAC/B,SAAS,4BAA4B;AACrC,SAAmB,OAAO,sBAA6B,cAAc;AACrE,YAAY,WAAW;AAMvB,MAAM,OAAO;AAMb,MAAM,cAAc,OAAO,gBAAgB;AAAA,EACzC,MAAM;AAAA,EACN,KAAK;AAAA,EAEL,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,YAAY;AAAA,QACZ,iBAAiB;AAAA,QACjB,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,SAAS;AAAA,QACT,aAAa;AAAA,QACb,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,QACA,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,QACA,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN,MAAM;AAAA,QACJ,QAAQ;AAAA,QACR,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,QACA,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAAA,IACA,aAAa;AAAA,MACX,YAAY;AAAA,QACV,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,MACA,UAAU;AAAA,QACR,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAYD,MAAM,SAAS,YAAY;AAAA,EACzB,MAAM,WAAuC,CAAC,OAAO,iBAAiB;AACpE,UAAM;AAAA,MACJ,SAAS;AAAA,MACT,iBAAiB;AAAA,MACjB;AAAA,MACA,GAAG;AAAA,IACL,IAAI;AAEJ,UAAM,CAAC,UAAU,OAAO,UAAU,IAAI,qBAAqB;AAAA,MACzD,MAAM;AAAA,MACN,UAAU;AAAA,MACV,aAAa;AAAA,IACf,CAAC;AAED,WACE,CAAC,MAAM,MAAM,UAAU,WAAW,MAChC,CAAC;AAAA,MACC,QAAQ,CAAC,MAAM,WAAW,UAAU;AAAA,MACpC,cAAc;AAAA,MACd,YAAY,UAAU,OAAO;AAAA,MAC7B,eAAe,MAAM,WAAW,KAAK;AAAA,UACjC;AAAA,MACJ,KAAK;AAAA,MACL,SAAS,qBAAqB,MAAM,WAAW,QAAW,CAAC,UAAU;AACnE,YAAI,CAAC,MAAM,UAAU;AACnB,qBAAW,CAAC,OAAO;AAAA,QACrB;AAAA,MACF,CAAC;AAAA,IAcH,EACF,EA3BC;AAAA,EA6BL,CAAC;AACH;AACA,OAAO,cAAc;",
   "names": []
 }

package/dist/jsx/Toggle.mjs.map

@@ -1,7 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Toggle.tsx"],
-  "sourcesContent": ["import { ThemeableStack } from '@tamagui/stacks'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport { GetProps, Theme, composeEventHandlers, isWeb, styled } from '@tamagui/web'\nimport * as React from 'react'\n\n/* -------------------------------------------------------------------------------------------------\n * Toggle\n * -----------------------------------------------------------------------------------------------*/\n\nconst NAME = 'Toggle'\n\ntype TamaguiButtonElement = HTMLButtonElement\n\ntype ToggleElement = TamaguiButtonElement\n\nconst ToggleFrame = styled(ThemeableStack, {\n  name: NAME,\n  tag: 'button',\n\n  variants: {\n    unstyled: {\n      false: {\n        pressTheme: true,\n        backgroundColor: '$background',\n        alignItems: 'center',\n        justifyContent: 'center',\n        display: 'flex',\n        borderColor: '$borderColor',\n        borderWidth: '1px',\n        margin: '-1px',\n        hoverStyle: {\n          backgroundColor: '$backgroundHover',\n        },\n        pressStyle: {\n          backgroundColor: '$backgroundPress',\n        },\n        focusStyle: {\n          borderColor: '$borderColorPress',\n          backgroundColor: '$backgroundPress',\n        },\n      },\n    },\n    active: {\n      true: {\n        zIndex: 1,\n        hoverStyle: {\n          backgroundColor: '$background',\n        },\n        focusStyle: {\n          borderColor: '$borderColorPress',\n          backgroundColor: '$backgroundPress',\n        },\n      },\n    },\n    orientation: {\n      horizontal: {\n        flexDirection: 'row',\n        spaceDirection: 'horizontal',\n      },\n      vertical: {\n        flexDirection: 'column',\n        spaceDirection: 'vertical',\n      },\n    },\n  } as const,\n  defaultVariants: {\n    unstyled: false,\n  },\n})\n\ntype ToggleFrameProps = GetProps<typeof ToggleFrame>\n\ntype ToggleProps = ToggleFrameProps & {\n  defaultValue?: string\n  disabled?: boolean\n  pressed?: boolean\n  defaultPressed?: boolean\n  onPressedChange?(pressed: boolean): void\n}\n\nconst Toggle = ToggleFrame.extractable(\n  React.forwardRef<ToggleElement, ToggleProps>((props, forwardedRef) => {\n    const {\n      pressed: pressedProp,\n      defaultPressed = false,\n      onPressedChange,\n      ...buttonProps\n    } = props\n\n    const [pressed = false, setPressed] = useControllableState({\n      prop: pressedProp,\n      onChange: onPressedChange,\n      defaultProp: defaultPressed,\n    })\n\n    return (\n      <Theme name={pressed ? 'active' : null}>\n        <ToggleFrame\n          active={!props.unstyled ? pressed : undefined}\n          aria-pressed={pressed}\n          data-state={pressed ? 'on' : 'off'}\n          data-disabled={props.disabled ? '' : undefined}\n          {...buttonProps}\n          ref={forwardedRef}\n          onPress={composeEventHandlers(props.onPress ?? undefined, (event) => {\n            if (!props.disabled) {\n              setPressed(!pressed)\n            }\n          })}\n          // caught by onPress - no need for this\n          // {...(isWeb && {\n          //   onKeyDown: composeEventHandlers(\n          //     (props as React.HTMLProps<HTMLButtonElement>).onKeyDown,\n          //     (event) => {\n          //       if ([' ', 'Enter'].includes(event.key)) {\n          //         if (!props.disabled) {\n          //           setPressed(!pressed)\n          //         }\n          //       }\n          //     }\n          //   ),\n          // })}\n        />\n      </Theme>\n    )\n  })\n)\nToggle.displayName = NAME\n\n/* ---------------------------------------------------------------------------------------------- */\n\nexport { Toggle, ToggleFrame }\nexport type { ToggleProps }\n"],
   "mappings": "AAAA,SAAS,sBAAsB;AAC/B,SAAS,4BAA4B;AACrC,SAAmB,OAAO,sBAA6B,cAAc;AACrE,YAAY,WAAW;AAMvB,MAAM,OAAO;AAMb,MAAM,cAAc,OAAO,gBAAgB;AAAA,EACzC,MAAM;AAAA,EACN,KAAK;AAAA,EAEL,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,YAAY;AAAA,QACZ,iBAAiB;AAAA,QACjB,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,SAAS;AAAA,QACT,aAAa;AAAA,QACb,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,QACA,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,QACA,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN,MAAM;AAAA,QACJ,QAAQ;AAAA,QACR,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,QACA,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAAA,IACA,aAAa;AAAA,MACX,YAAY;AAAA,QACV,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,MACA,UAAU;AAAA,QACR,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAYD,MAAM,SAAS,YAAY;AAAA,EACzB,MAAM,WAAuC,CAAC,OAAO,iBAAiB;AACpE,UAAM;AAAA,MACJ,SAAS;AAAA,MACT,iBAAiB;AAAA,MACjB;AAAA,MACA,GAAG;AAAA,IACL,IAAI;AAEJ,UAAM,CAAC,UAAU,OAAO,UAAU,IAAI,qBAAqB;AAAA,MACzD,MAAM;AAAA,MACN,UAAU;AAAA,MACV,aAAa;AAAA,IACf,CAAC;AAED,WACE,CAAC,MAAM,MAAM,UAAU,WAAW,MAChC,CAAC;AAAA,MACC,QAAQ,CAAC,MAAM,WAAW,UAAU;AAAA,MACpC,cAAc;AAAA,MACd,YAAY,UAAU,OAAO;AAAA,MAC7B,eAAe,MAAM,WAAW,KAAK;AAAA,UACjC;AAAA,MACJ,KAAK;AAAA,MACL,SAAS,qBAAqB,MAAM,WAAW,QAAW,CAAC,UAAU;AACnE,YAAI,CAAC,MAAM,UAAU;AACnB,qBAAW,CAAC,OAAO;AAAA,QACrB;AAAA,MACF,CAAC;AAAA,IAcH,EACF,EA3BC;AAAA,EA6BL,CAAC;AACH;AACA,OAAO,cAAc;",
   "names": []
 }

package/dist/jsx/ToggleGroup.js.map

@@ -1,7 +1,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": ["value"]
 }

package/dist/jsx/ToggleGroup.mjs.map

@@ -1,7 +1,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": ["value"]
 }

package/dist/jsx/index.js.map

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

package/dist/jsx/index.mjs.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/toggle-group",
-  "version": "1.15.14",
+  "version": "1.15.16",
   "sideEffects": [
     "*.css"
   ],
@@ -31,23 +31,23 @@
     }
   },
   "dependencies": {
-    "@tamagui/create-context": "1.15.14",
-    "@tamagui/focusable": "1.15.14",
-    "@tamagui/font-size": "1.15.14",
-    "@tamagui/get-size": "1.15.14",
-    "@tamagui/group": "1.15.14",
-    "@tamagui/helpers-tamagui": "1.15.14",
-    "@tamagui/roving-focus": "1.15.14",
-    "@tamagui/stacks": "1.15.14",
-    "@tamagui/use-controllable-state": "1.15.14",
-    "@tamagui/use-direction": "1.15.14",
-    "@tamagui/web": "1.15.14"
+    "@tamagui/create-context": "1.15.16",
+    "@tamagui/focusable": "1.15.16",
+    "@tamagui/font-size": "1.15.16",
+    "@tamagui/get-size": "1.15.16",
+    "@tamagui/group": "1.15.16",
+    "@tamagui/helpers-tamagui": "1.15.16",
+    "@tamagui/roving-focus": "1.15.16",
+    "@tamagui/stacks": "1.15.16",
+    "@tamagui/use-controllable-state": "1.15.16",
+    "@tamagui/use-direction": "1.15.16",
+    "@tamagui/web": "1.15.16"
   },
   "peerDependencies": {
     "react": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.15.14",
+    "@tamagui/build": "1.15.16",
     "react": "^18.2.0"
   },
   "publishConfig": {

package/types/ToggleGroup.d.ts

@@ -206,7 +206,7 @@ declare const ToggleGroupImplElementFrame: import("@tamagui/web").TamaguiCompone
     outlineStyle?: import("csstype").Property.OutlineStyle | undefined;
     outlineOffset?: import("@tamagui/web").SpaceTokens | undefined;
     outlineWidth?: import("@tamagui/web").SpaceTokens | undefined;
-} | keyof import("@tamagui/web").TamaguiComponentPropsBase | keyof import("@tamagui/core/types/reactNativeTypes").RNViewProps | "unstyled" | "orientation" | "size" | keyof import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
+} | keyof import("@tamagui/web").TamaguiComponentPropsBase | "unstyled" | keyof import("@tamagui/core/types/reactNativeTypes").RNViewProps | "orientation" | "size" | keyof import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: SizeTokens | undefined;
 } & {
@@ -307,7 +307,7 @@ declare const ToggleGroupImplElementFrame: import("@tamagui/web").TamaguiCompone
     outlineStyle?: import("csstype").Property.OutlineStyle | undefined;
     outlineOffset?: import("@tamagui/web").SpaceTokens | undefined;
     outlineWidth?: import("@tamagui/web").SpaceTokens | undefined;
-} | keyof import("@tamagui/web").TamaguiComponentPropsBase | keyof import("@tamagui/core/types/reactNativeTypes").RNViewProps | "unstyled" | "orientation" | "size" | keyof import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
+} | keyof import("@tamagui/web").TamaguiComponentPropsBase | "unstyled" | keyof import("@tamagui/core/types/reactNativeTypes").RNViewProps | "orientation" | "size" | keyof import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: SizeTokens | undefined;
 } & {
@@ -408,7 +408,7 @@ declare const ToggleGroupImplElementFrame: import("@tamagui/web").TamaguiCompone
     outlineStyle?: import("csstype").Property.OutlineStyle | undefined;
     outlineOffset?: import("@tamagui/web").SpaceTokens | undefined;
     outlineWidth?: import("@tamagui/web").SpaceTokens | undefined;
-} | keyof import("@tamagui/web").TamaguiComponentPropsBase | keyof import("@tamagui/core/types/reactNativeTypes").RNViewProps | "unstyled" | "orientation" | "size" | keyof import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
+} | keyof import("@tamagui/web").TamaguiComponentPropsBase | "unstyled" | keyof import("@tamagui/core/types/reactNativeTypes").RNViewProps | "orientation" | "size" | keyof import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: SizeTokens | undefined;
 } & {
@@ -509,7 +509,7 @@ declare const ToggleGroupImplElementFrame: import("@tamagui/web").TamaguiCompone
     outlineStyle?: import("csstype").Property.OutlineStyle | undefined;
     outlineOffset?: import("@tamagui/web").SpaceTokens | undefined;
     outlineWidth?: import("@tamagui/web").SpaceTokens | undefined;
-} | keyof import("@tamagui/web").TamaguiComponentPropsBase | keyof import("@tamagui/core/types/reactNativeTypes").RNViewProps | "unstyled" | "orientation" | "size" | keyof import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
+} | keyof import("@tamagui/web").TamaguiComponentPropsBase | "unstyled" | keyof import("@tamagui/core/types/reactNativeTypes").RNViewProps | "orientation" | "size" | keyof import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: SizeTokens | undefined;
 } & {